html{scroll-behavior:smooth; width:100%}body{font-family:'Varela Round';width:100vw; overflow-x:hidden}h1,h2,h3,h4,h5,h6,li,p{font-family:'Varela Round';font-weight:800!important}.btn-xl{text-transform:uppercase;padding:1.5rem 3rem;font-size:.9rem;font-weight:700;letter-spacing:.1rem}.bg-black{background-color:#000!important}.rounded-pill{border-radius:5rem}.navbar-custom{padding-top:1rem;padding-bottom:1rem;background-color:rgba(0,0,0,0)}.navbar-custom .navbar-brand{text-transform:uppercase;font-size:1rem;letter-spacing:.1rem;font-weight:700}.navbar-custom .navbar-nav .nav-item .nav-link{text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:.1rem;text-decoration-color:#faebd7}header.masthead{position:relative;overflow:hidden;padding-top:calc(7rem + 72px);padding-bottom:7rem;background:linear-gradient(0deg,#ee09b0 0,#b437ad 50%);background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:cover}header.masthead .masthead-content{z-index:1;position:relative}header.masthead .masthead-content .masthead-heading{font-size:4rem}header.masthead .masthead-content .masthead-subheading{font-size:2rem}header.masthead .bg-circle{z-index:0;position:absolute;border-radius:100%;background:linear-gradient(0deg,#b437ad 0,#ee09b0 50%)}header.masthead .bg-circle:hover{-webkit-animation:pulse .5s;animation:pulse .5s}header.masthead .bg-circle-1{height:90rem;width:90rem;bottom:-55rem;left:-55rem}header.masthead .bg-circle-2{height:50rem;width:50rem;top:-25rem;right:-25rem}header.masthead .bg-circle-3{height:20rem;width:20rem;bottom:-10rem;right:5%}header.masthead .bg-circle-4{height:30rem;width:30rem;top:-5rem;right:35%}@media (min-width:992px){header.masthead{padding-top:calc(10rem + 55px);padding-bottom:10rem}header.masthead .masthead-content .masthead-heading{font-size:6rem}header.masthead .masthead-content .masthead-subheading{font-size:4rem}}.bg-primary{background-color:#ee0979!important}.btn-primary{background-color:#ee0979;border-color:#ee0979}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#bd0760!important;border-color:#bd0760!important}.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(238,9,121,.5)}.btn-secondary{background-color:#ff6a00;border-color:#ff6a00}.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{background-color:#c50!important;border-color:#c50!important}.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(255,106,0,.5)}.rounded-circle{box-shadow:6px 10px 50px 10px rgba(165,32,158,.4)}hr.divider{max-width:100%;border-width:.4rem;border-color:#ce3cc6;border-radius:4px;opacity:.4}.bg-purple{background-color:#ce3cc6!important}.div-box:hover{box-shadow:3px 8px 6px 8px #ce3cc6;-webkit-animation:pulse 1s;animation:pulse 1s}.navbar-nav>li>.dropdown-menu{background-color:rgba(181,55,174,0);border-color:rgba(181,55,174,0)}.dropdown-menu>.navbar-collapse{max-width:10px}.dropdown-menu>#navbarResponsive>li,.nav-item>a{text-align:right}a.d-block{color: #ce3cc6;text-decoration: none;background-color: transparent;}i{color:#fff;margin:4px 2px 2px 2px}@media (min-width:992px){.navbar .nav-item .dropdown-menu{display:none}.navbar .nav-item:hover .nav-link:hover{color:#fff}.scrolled .nav-item:hover .nav-link:hover{color:#ce3cc6}.scrolled .navbar-nav a#current-page.nav-link,.scrolled .navbar-nav a.active.nav-link {color: #ce3cc6}.navbar .nav-item .nav-link{font-size:14.4px;color:rgba(255,255,255,.7);padding:0 1rem}.navbar .nav-item:hover .dropdown-menu{display:block}.navbar .nav-item .dropdown-menu{margin-top:0}}.navbar #mainNav{box-shadow:none;background-color:transparent}.scrolled{box-shadow:0 .5rem 1rem rgba(0,0,0,.15);background-color:#fff;-webkit-animation:fadeIn .5s;animation:fadeIn .5s}.scrolled .navbar-nav .nav-link{color:#000;text-decoration-color:#000;font-size:14.4px}.text-muted{color:#6c757d!important}footer,#services, #contact{background-image:url(../assets/img/portfolio/fullsize/servicesbkg4.webp);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
.fa-arrow-circle-up {
    color: #ce3cc6;
    position: fixed;
    bottom: 2px;
    right: 2px;
    visibility:hidden;
}.scrolled .fa-arrow-circle-up{
    visibility:visible;
}@media screen and (max-width: 578px){
    .logo {
        width: 62.4px;
        height: 44.4px;
    }
    #contact > .container, #services > #protfolio, #services > .container, #about > .container, .masthead-content > .container {
        width: 90%;
        margin: auto;
    }
}
@media screen and (max-width: 991px) {
    header.masthead .bg-circle-1 {
        height: 40rem;
        width: 40rem;
        bottom: -22.5rem;
        left: -22.5rem
    }
    header.masthead .bg-circle-2 {
        height: 25rem;
        width: 25rem;
        top: -12.5rem;
        right: -12.5rem
    }
    header.masthead .bg-circle-3 {
        height: 15rem;
        width: 15rem;
        bottom: 5rem;
        right: -2rem;
    }
    header.masthead .bg-circle-4 {
        height: 15rem;
        width: 15rem;
        top: 3rem;
        right: 45%
    }
}
* {
    box-sizing: border-box
}
/* Slideshow container */
.slideshow-container {
    max-width: 900px;
    width:90%;
    position: relative;
    margin: auto;
    border: ridge;
    border-radius: 4px;
    box-shadow: 3px 6px 12px 6px #717171;
}
/* Hide the images by default */
.mySlides {
    display: none;
}
.mySlides:hover .image {
    opacity: 0.3;
}
.mySlides:hover .middle {
    opacity: 1;
}
/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}
/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}
    /* On hover, add a black background color with a little bit see-through */
    .prev:hover, .next:hover {
        background-color: rgba(0,0,0,0.8);
    }
/* Caption text */
.text1 {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}
/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}
/*The dots/bullets/indicators
*/.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}
    .dot.active, .dot:hover {
        background-color: #717171;
    }
/* Fading animation */
.fadeimg {
    -webkit-animation-name: fadeimg;
    -webkit-animation-duration: 1s;
    animation-name: fadeimg;
    animation-duration: 1s;
}
@-webkit-keyframes fadeimg {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}
@keyframes fadeimg {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}
.image {
    opacity: 1;
    display: block;
    width: 100%;
    height: calc(100% * 0.641);
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}
.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    background-color: rgba(255,255,255,0.9);
    border-radius:25px;
    padding:3px;
}
.middle > .btn {
    border-radius: 25px;
}
.form-control {
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid #BBBBBB;
    border-radius: 0;
    outline: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}
#contact ul {
    padding: 0px;
}
#status {
    unicode-bidi: embed;
}
img#passport-img {
    width: 150px;
    height: 150px;
}