@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
    --color1: #000000; /* teal */
    --color2: #e82042; /* blue */
    --color3: #000000; /* black */
    --color4: #000000;
    --color5: #FF9FCF; /* Pale pink */
    --color6: #B3B3B3; /* border color */
    --color7: #4c8dff; /* primary btn hover */
    --color8: #ff69b7; /* secondary btn hover */
    --color9: #cbb5b5; /* place holder text */
    --color10: #ffffff;
    --font-secondary:  "Lato", sans-serif;
    --font-heading: "Merriweather", serif;
}

body{ font-family: "Lato", sans-serif; font-size: 16px; font-weight: 400;overflow-x: hidden; color: var(--color4); }
a{color: var(--color2);}
a:hover{color: var(--color1);}
.px-xl-6vw { padding-left: 6vw !important;padding-right: 6vw !important;}
.btn{font-weight: 700; font-size: 22px; letter-spacing: 0.7%; padding: 15px 30px; border:0; border-radius: 10px; transition: all 0.5s ease;  justify-content: center; align-items: center; display: inline-flex;}
.btn-primary{background-color: var(--color2); color: var(--color10); font-weight: 700; font-size: 22px; letter-spacing: 0.7%; padding: 15px 30px; border:0; border-radius: 10px; transition: all 0.5s ease; height: 64px; }
.btn-primary:hover{opacity: 0.8; text-decoration: none; transition: all 0.5s ease; background-color: var(--color2);}
.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle{background-color: var(--color2);}
.btn-secondary{background-color: var(--color2); color: var(--color10); font-weight: 700; font-size: 22px; letter-spacing: 0.7%; padding: 15px 30px; border:0; border-radius: 10px; transition: all 0.5s ease;}
.btn-secondary:hover{text-decoration: none; transition: all 0.5s ease; opacity: 0.9;background-color: var(--color2);}
.btn-outline{background-color: #ffffff; color: var(--color4); font-weight: 700; font-size: 22px; letter-spacing: 0.7%; padding: 15px 30px; border:3px solid var(--color2); border-radius: 10px; transition: all 0.5s ease; height: 64px; }
.btn-outline:hover{background-color: var(--color2); color: #ffffff;  }
.btn-main{background-color: var(--color1); color: var(--color4); font-weight: 700; font-size: 22px; letter-spacing: 0.7%; padding: 15px 30px; border:0; border-radius: 10px; transition: all 0.5s ease; height: 64px; }
.btn-main:hover{background-color: var(--color7); color: var(--color10); text-decoration: none; transition: all 0.5s ease; }
.btn-lg{height: 68px; font-weight: 700; font-size: 22px; letter-spacing: 1%;}
.btn-xs{height: 54px; font-weight: 700; font-size: 18px; letter-spacing: 1%; padding:10px 15px;  }
.text-primary{color:var(--color1) !important;}
.text-secondary{color:var(--color3) !important;}
.text-other{color:var(--color5) !important}
.text-dark{color:var(--color4) !important;}
.text-light{color: var(--color10) !important}
.bg-light{background-color: var(--color10) !important;}
.bg-primary{background-color: var(--color1) !important;}
.bg-main{background-color: var(--color1) !important;}
.bg-other{background-color: var(--color5) !important;}
.font-18{font-size: 18px !important; line-height: 24px;}
.font-25{font-size: 25px !important;}
.font-32{font-size: 32px; line-height: 38px;}
.font-600{font-weight: 600 !important;}
.font-700{font-weight: 700 !important;}
.font-secondary{font-family: var(--font-secondary);}
.img-r{max-width: 100%;}
.full-wd{width: 100% !important;}
p{font-family: var(--font-secondary);}
.form-control{font-family: var(--font-secondary);}
::placeholder {
  color: #999999 !important;
  opacity: 0.9; /* Firefox */
}
.owl-item .item img{height: 420px; object-fit: cover;}
.about-team-slider{max-width: 800px; margin: auto;}
/* Customize the previous arrow */
.owl-prev {
    position: absolute;
    top: 50%;
    left: -40px; /* Adjust this value to position the arrow */
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px; /* Adjust the size of the arrow */
    height: 40px;
    background-color: #000; /* Arrow background color */
    color: #fff; /* Arrow color */
    border-radius: 50%; /* Make it circular */
    font-size: 18px; /* Adjust font size */
    cursor: pointer;
}

/* Customize the next arrow */
.owl-next {
    position: absolute;
    top: 50%;
    right: -40px; /* Adjust this value to position the arrow */
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
}
.owl-next i{font-size: 32px;}
.owl-prev i{font-size: 32px;}

/* Additional hover effects */
.owl-prev:hover, .owl-next:hover {
    background-color: #333; /* Darker background on hover */
}
.single-video-section{position: relative;  margin: auto; text-align: center;}
.single-video-section img{  max-width: 100%;}
@media (min-width: 1200px) {
    .container{max-width: 1260px;}
}

/* insta post */
.instagram-block{width: 100%; overflow: hidden;}
.instagram-feed {display: flex;justify-content: space-between; flex-wrap: nowrap;}
.instagram-post {width: 240px;box-sizing: border-box;}
.instagram-post img,.instagram-post video {width: 100%; height: auto;}
/* insta post ends */    

/* Shapes animation starts */

.shp{position: absolute; z-index: 1;}
.shp img{max-width: 100%;}
.shp1{left: 0; top:10%}
.shp2{left: 50px; bottom:160px}
.shp3{left: 150px; bottom:220px}
.shp4{left: 150px; bottom:-20px}
.shp5{right: 200px; bottom:-60px}
.shp6{right: 10px; bottom:300px}
.shp7{right: 60px; bottom:280px}
.shp8{right: 70px; bottom:400px}
.shp9{right: -220px; top:-10px}
.shp10{right: 0; left:0; bottom:-40px; margin: auto; display: flex; justify-content: center;}
.shp12{right: 90px;  bottom:90px;}
.shp13{right: 20px;  bottom:140px;}
.shp14{left: 50px;  top:140px;}
.shp15{right: 50px; bottom:140px;}
.shp16{right: 120px; bottom:-10px;}
.shp17{left: 90px; top:90px;}
.shp18{left: 120px; top:180px;}
.shp19{left: 120px; top:-60px;}
.shp20{right: 15%; bottom:-60px;}
.shp21{left: -40px; bottom:-60px;}
.shp22{left: 20px; bottom:120px;}
.shp23{left: 200px;top:40px;}
.shp24{right: 200px;bottom:-50px;}
.shp25{left: 20px;bottom:150px;}
.shp26{left: 25px;bottom:-50px;}
.shp27{right: 15px; bottom:30px}
.shp28{right: 15px; bottom:-80px}
.shp29{right: 15px; bottom:280px}
.shp30{left: 55px; bottom:-30px}
.shp31{top: -55px; left:100px}
.shp32{top: 155px; left:20px}
.shp33{top: 25px; left:20px}
.shp34{bottom: 85px; left:20px}
.shp35{bottom: 85px; left:60px}
.shp36{bottom: -25px; left:60px}
.shp37{bottom: 0px; right:60px}
.shp38{top: 200px; left:60px}
.shp39{top: -50px; right:-50px}
.shp40{top: -120px; left:-50px}
.shp41{bottom: -130px; right:150px}
.shp42{bottom: -70px; left:150px}
.shp43{bottom: 0px; right:-50px}
.shp44{top: 70px; left:150px}
.shp45{right: 70px; bottom:200px}
.shp46{right: 70px; top:20px}
.shp47{left: 20px; bottom:120px;}
/* Shapes animation ends */

@keyframes bouncePause {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
    /* Pause the animation */
    70%, 100% {
        transform: translateY(0);
    }
}


/* Header starts */
.header-main{background: #ffffff; display: flex; flex-wrap: wrap;}
.header-top{padding: 10px 2%;}
.logo-block-top{width: 100%; padding: 0 15px; }
.link-list a{color: var(--color4); padding: 14px 10px; transition: all 0.5s ease; font-family: var(--font-secondary);}
.link-list a:hover{color:var(--color2); transition: all 0.5s ease;}
.link-list a.selected{color:var(--color2); transition: all 0.5s ease;}
.menu .link-list{}
.menu .top-btnlink{display: flex; align-items: center; flex-wrap: wrap;  justify-content: flex-end;}
.navbar-brand{margin: auto;}
.menu .navbar-brand img{height: 75px;transition: all 0.5s ease;}
.top-btnlink a:not(.btn){color: var(--color4); padding: 14px 10px; transition: all 0.5s ease;font-family: var(--font-secondary);}
.top-btnlink a:not(.btn):hover{color: var(--color2); transition: all 0.5s ease;}
.sticky-header {
    position: -webkit-sticky; /* For Safari */
    position: sticky;
    top: 0;
    width: 100%;
    padding: 0;
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.sticky-header .menu .navbar-brand img{height: 65px;transition: all 0.5s ease;}
#mobileMenuSection{display: none;}
/* Header ends */

/* Banner starts */
.banner-section{width: 100%; display: flex; padding: 45px 0; align-items: center; justify-content: center; position: relative; background: radial-gradient(circle, rgba(50, 50, 50, 1) 0%, rgba(0, 0, 0, 1) 100%);}
.banner-wrap{display: flex; flex-wrap: wrap; flex-direction: column; width: 100%; align-items: center; justify-content: flex-start; padding: 85px 0; color: #ffffff;}
.banner-wrap h1{font-weight: 700; font-size: 36px; line-height: 50px;font-family: var(--font-heading);}
.banner-wrap h1 span{text-transform: uppercase;}
.banner-title{max-width: 675px; margin: auto; text-align: center; position: relative;}
.banner-title h1 span{font-family: var(--font-other); font-size: 65px; }
.banner-title h3{font-weight: 600; margin-top: 25px;}
.banner-title p{font-size: 25px; line-height: 35px; margin-top:20px;}
.banner-title-lg{max-width: 1200px; margin: auto; text-align: center; position: relative;}
.banner-title-md{max-width: 800px; margin: auto; text-align: center; position: relative;}
.mx-wd-md{max-width: 650px; margin: auto;}
.home-banner{max-width: 1200px;}
/* Banner starts */

/* global class */

.page-section{display: flex; width: 100%; flex-direction: column; padding: 100px 0; position: relative;}
.head-section h2{font-size: 50px; font-weight: 700; line-height: 60px;font-family: var(--font-heading);}
.head-section h4{font-size: 25px; font-weight: 600; line-height: 35px;}
.three-col{display: flex; flex-wrap: wrap; width: 100%; gap:2%;}
.col3{width:32%; display: flex; flex-direction: column; padding: 10px; align-items: center; justify-content: flex-start; position: relative;}
.col3 h3{font-size: 25px; font-weight: 600; line-height: 39px; text-align: center; }
.col3 p{line-height: 28px; font-size: 18px; text-align: center; margin-top: 15px; font-family: var(--font-secondary);}
.col-img{width: 100%; text-align: center; overflow: hidden; padding:0 15px; }
.col-img img{max-width: 100%; margin: auto;transition: all 0.5s ease;}
.col-info{background-color: #f7f7f7; border-radius: 15px; padding: 15px; margin-top: auto; min-height: 260px; display: flex; align-items: center; flex-direction: column; justify-content: flex-start; position: relative; }
.ar1{position: absolute; top:50px; right: -60px;}
.ar2{position: absolute; top:250px; right: -60px;}
.half-outside{position: relative; height: 220px; overflow: visible; z-index: 1; text-align: center; align-items: flex-end; display: flex;  margin-bottom: -100px}
.pt-6{padding-top: 100px;}

/* global class ends */

/* how it works starts */
.howitworks{display: flex; align-items: center; width: 100%;}
.how-img{width: 50%; position: relative;}
.how-img video{display: block;margin: 0;padding: 0;width: 100%;}
.how-info{display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 50%;}
.head-section p{font-size: 25px; font-weight: 600; line-height: 38px;}
/* how it works ends */

/* testimonials starts */
.testimonial-box{display: flex; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center;}
.t-image{width: 120px; height: 120px; border-radius: 50%; overflow: hidden; border: 5px solid var(--color5); }
.t-image img{width: 100%; aspect-ratio:1/1;}
.t-desc p{font-size: 25px; font-weight: 600; line-height: 35px; margin: 15px 0 35px;font-family: "Poppins", sans-serif, system-ui !important; }
.t-desc h4{font-size: 18px; font-weight: normal; font-family: var(--font-secondary); }
.video-play-btn{position: relative;}

.play-btn{ width: 100%; height: 100%; display:flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; background:rgba(0,0,0,0.3); visibility: visible; opacity: 1; cursor: pointer;transition: all 0.5s ease;}
.play-btn i{font-size: 32px; color:  #ffffff;}
.video-play-btn:hover .play-btn{display:flex;  width: 100%; height: 100%; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; background:rgba(0,0,0,0.6); visibility: visible; opacity: 1; cursor: pointer;transition: all 0.5s ease; backdrop-filter: blur(3px);}
.video-close-icon{position: absolute; right: 0; top:0; width: 32px; height: 32px; background-color: #ffffff !important;border:1px solid #000000; border-radius: 50px; display: flex; justify-content: center; align-items: center; opacity: 1 !important;}
/* how it works ends */

/* reject burnout starts */

.burnout{background-image: url(../images/front/clip-bg.svg); background-color: #ffffff; background-size: cover; background-repeat: no-repeat; background-position: top;}
.burnout-blue{background-image: url(../images/front/clip-bg-blue.svg); background-color: #ffffff; background-size: cover; background-repeat: no-repeat; background-position: top;}
.burnout-section{}

/* reject burnout ends  */

/* join me starts  ends  */
.joinme-form{display: flex; flex-wrap: wrap; width: 100%;gap:10px;}
.joinme-form .fldname{width: 240px;}
.joinme-form .fldlname{width: 240px;}
.join-dark .error{color: #ffffff;}
.fldemail{flex:1}
.fldbtn{width: 100%; display: flex; justify-content: center;}
.fld{flex-wrap: wrap;}
input.form-control {height: 64px; border-radius: 10px;}
.g-recaptcha{transform: scale(0.8);  overflow: hidden; margin-top: -5px; }
.rc-anchor-normal{height: 64px !important;}
.rc-anchor-light.rc-anchor-normal, .rc-anchor-light.rc-anchor-compact{border-radius: 10px; height: 65px;}
.captcha-code{display: flex; flex-direction: column; align-items: flex-start;}
.contact-captcha .g-recaptcha{transform: scale(1);}
/* join me ends  */

/* footer starts  */
.footer-front{background: radial-gradient(circle, rgba(50, 50, 50, 1) 0%, rgba(0, 0, 0, 1) 100%)}
.insta-img{width: 100%; overflow: hidden;}
.insta-img img{max-width: 100%;}
.copyrights{background: #ffffff; color: var(--color4); display: flex; padding: 15px;}
.f-block{display: flex; flex-wrap: wrap; justify-content: space-between; gap:3%; align-items: center; padding: 65px 0}
.social{width: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end;}
.social h3{font-size: 22px; font-weight: 700; line-height: 28px; margin-bottom: 15px;}
.social-links a{font-size: 24px; color: #ffffff; margin:5px 10px;}
.social-links a:hover{color: var(--color2); text-decoration: none;}
.social .btn{min-width: 200px;}
.f-logo-front{width: 30%; text-align: center}
.f-links{flex:1; display: flex; flex-wrap: wrap; justify-content: flex-start; gap:20px; flex-direction: column;}
.f-links ul{display: flex; align-items: center;  justify-content: flex-end; text-align: center; margin: 0; padding: 0; list-style: none;}
.f-links ul li{margin: 10px}
.f-links a{color: #ffffff; }
.f-links a:hover{color: var(--color2); text-decoration: none; }
.f-logo-front{display: flex; flex-direction: column; align-items: center;}

/* footer ends  */

/* privacy ends  */
.privacy-wrap{padding:65px 0;}
.privacy-text h1{font-size: 32px; font-weight: 700; font-family: var(--font-heading)}
.privacy-text h4{font-size: 24px; font-weight:600; font-family: var(--font-heading)}
.privacy-text p, .privacy-text li{font-size:15px;}
.privacy-text{font-size: 15px;}
/* privacy ends  */

/* other pages start */
.info-section{display: flex; flex-wrap: wrap; width: 100%; align-items: center; gap:6%;}
.info-image{width: 100%; position: relative;}
.info-text{width: 100%; position: relative;}
.big-text{font-size: 50px; line-height: 60px; font-weight: 700;}
.quote{max-width: 800px; margin: auto;}
.steps{display: flex; flex-wrap: wrap; width: 100%; gap:3%; justify-content: space-between; padding: 25px 0}
.steps-box{display: flex; flex-direction: column; padding: 0 15px 30px; background: #f7f7f7; border-radius: 20px; position: relative; width: 30.33%; text-align: center;}
.step-top{display: flex; width: 100%; gap:20px; margin-top: -45px; align-items: center; padding: 0 15px; height: 120px; }
.symb{margin-left: 15px; width: 150px;}
.symb img{max-height: 120px;}
.step-text{margin-top: 15px;}
.steps-box .ar1{top: -15px; z-index: 1}
.steps-box .ar2{bottom:-15px; z-index: 1; top:inherit}
.bg-other-col .col-info{background: transparent;}
.arrow-1{position: absolute; left: 0; right: 0; display: inline; margin: auto; bottom: -120px; text-align: center; z-index: 1;}
.arrow-2{position: absolute; left: 0; right: 0; display: inline; margin: auto; bottom: -210px; text-align: center; z-index: 1;}
.arrow-1 img, .arrow-2 img{max-width: 100%;}
.adm-1{position: absolute; bottom: 25px; right: 20px;}
.adm-2{position: absolute; bottom: 25px; left: 50px;}
.adm-3{position: absolute; top: 15px; left: 15px;}
.adm-4{position: absolute; top: 25px; left: 40px;}
.adm-5{position: absolute; bottom: 25px; left: 50px;}
.adm-6{position: absolute; bottom: 50px; right: 50px;}
.adm-7{position: absolute; top: 25px; left: 40px;}
.adm-8{position: absolute; bottom: 25px; left: 50px;}
.adm-9{position: absolute; top: 50px; right: 50px;}
.adm-10{position: absolute; bottom: 25px; right: 40px;}
.adm-11{position: absolute; bottom: -15px; left: 0px;}
.adm-12{position: absolute;top: -20px; right: -50px; z-index: 1}
.adm-13{position: absolute; bottom: -20px; right: -45px; z-index: 1;}
.adm-14{position: absolute; top: -25px; right:00px;}
.adm-15{position: absolute; top: 10px; right: 10px;}
.adm-16{position: absolute; bottom: 10px; left: 15px; z-index: 1;}
/* other pages ends  */



/* contact start  */
.contact-form-section .form-block{display: flex; flex-wrap: wrap; max-width: 800px; margin: auto; gap:4%}
.contact-form-section .form-group{width:48%;}
.contact-form-section input.form-control{border:1px solid #000000; height: 56px; border-radius: 5px; color: #000000;}
.contact-form-section select.form-control{border:1px solid #000000; height: 56px; border-radius: 5px; color: #000000;}
.contact-form-section textarea.form-control{border:1px solid #000000; height: 200px; border-radius: 5px;resize: none; color: #000000;}
.faq-contact{background: #ffffff; border-radius: 15px; max-width: 800px; margin: auto;}
.form-group label{font-size: 14px; font-family: var(--font-secondary); display: flex; flex-wrap: wrap; }
.form-group label span{flex:1}
.form-group label a{color: #000000; text-decoration: underline;}
.form-group label a:hover{color:var(--color2); text-decoration: underline;}
.form-btn{display: flex;}
 /* Hide the default checkbox */
        input[type="checkbox"] {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            width: 20px;
            height: 20px;
            border: 1px solid #000000;
            border-radius: 4px;
            position: relative;
            cursor: pointer;
            margin-right: 10px;
            vertical-align: middle;
        }

        /* Create a checkmark inside the checkbox */
        input[type="checkbox"]:checked::before {
            content: '✔';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: var(--color1);
            color: white;
            font-size: 16px;
            text-align: center;
            line-height: 18px;
            border-radius: 4px;
        }

        /* Style the label text */
        label {
            font-family: Arial, sans-serif;
            font-size: 14px;
            color: #333;
            cursor: pointer;
        }
        
        /* Style the select element */
        .custom-select1 { position: relative; display: inline-block; }

        /* Hide the default arrow */
        .custom-select1 select {width: 100%;padding: 10px; font-size: 16px; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 1px solid #000000; border-radius: 4px;background-color: white; cursor: pointer; }

        /* Custom arrow */
        .custom-select1::after {
            content: '▼';
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translateY(-50%);
            pointer-events: none; /* Make sure the arrow doesn't interfere with clicks */
            font-size: 12px;
            color: #333;
        }

        /* Optional: Style the select element when focused */
        .custom-select1 select:focus {
            border-color: var(--color2);
            outline: none;
        }

.contact-form-section .contact-social{display: flex; gap:10px;}
.contact-social a{color: var(--color1);}
.contact-form-section .contact-social a{border: 1px solid var(--color1); border-radius: 10px; width: 48px; height: 48px; display: flex; justify-content: center; align-items: center;}
/* contact ends  */
/* signup starts  */
 .signup-modal{max-width: 1045px; border-radius: 20px; overflow: hidden;}
 .signup-header{width: 100%; display: flex; position: relative; display: flex; justify-content: flex-end; padding: 15px;}
 .signup-header i{font-size: 32px; cursor: pointer;}
 .signup-block{display: flex; width: 100%; flex-wrap:wrap;}
 .sign-image{width: 50%;}
 .sign-image img{width: 100%;}
 .signup-form{width: 50%; display: flex; flex-direction: column; justify-content: flex-start; padding: 15px;}
  .signup-modal .modal-body{padding: 0;}
  .signup-form .form-block{max-width: 400px; margin:0 auto;}
  .signup-form .form-btn{justify-content: center;}
  .signup-form .form-btn .btn-xs{max-width: 400px; width:100%; display: flex; align-items: center; justify-content: center;}
  div:where(.swal2-container) button:where(.swal2-close){color: #000000 !important;}
  div:where(.swal2-container) h2:where(.swal2-title){color:var(--color3) !important}
  .signup-footer{display: none;}
/* signup ends  */

/* Loader starts */
.loader-box {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f0f0f0;
    position: fixed; z-index: 999; width: 100%
}


.logo-loader {
    position: relative;
    width: 120px;
    height: 120px;
}

.logo-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.logo-center {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.circle-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-top-color: #ff6347; /* Customize the circle color */
    border-radius: 50%;
    animation: rotateCircle 1.5s linear infinite;
}

@keyframes rotateCircle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* Loader ends */

.faq-block{display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%;}
.faq-head{width: 300px; display: flex; justify-content: flex-start; align-items: flex-start; font-size: 48px; font-weight: 600;  }
.faq-block .accordion{flex:1;}
.faq-block .card{border: 0 solid #cccccc;}
.faq-block .card-header{border-top: 1px solid #b10761; border-bottom: 1px solid #b10761; background: transparent; padding: 0;}
.faq-block .btn-link{font-weight: 600; color: #000000; padding: 15px 20px; font-size:18px; justify-content: flex-start;}
.faq-block .card{background: transparent;}
.faq-block .card-body{background: #ffffff; color: #000000; font-family: var(--font-secondary); padding-top: 0px; font-size: 18px; }
.faq-block .btn-link:not(.collapsed){background: #ffffff;}
.faq-block .btn-link:hover, .faq-block .btn-link:focus{background: #ffffff; text-decoration: none;}
.faq-block .card .card-header .btn-link:after {
  content: "\f068";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
  margin-left: auto; padding-left: 15px; font-size: 20px;
}
.faq-block .card .card-header .btn-link.collapsed:after {
  content: "\f067";
}

#goTopButton {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background-color: var(--color1);
    color: white;
    text-align: center;
    border-radius: 50%;
    padding: 10px;
    font-size: 20px;
    z-index: 1000;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 52px; height: 52px; display: flex; justify-content: center; align-items: center;
}

#goTopButton:hover {
    background-color: var(--color2);
    transform: scale(1.1);
}
#goTopButton img{width: 100%; height: auto;}

.modal-body{padding: 0;}
 .m-show{display: block;}{display: none;}
 .modal-open .modal{backdrop-filter:blur(5px)}
 .dropdown-toggle::after{margin-left: auto !important;}
.dropdown .dropdown-menu{width: 100% !important;}
 
@media (max-width:1440px){
  .start-living .col-img img{height: 170px; transition: all 0.5s ease;}
  .ar2{top:130px;}
  .mom-22{left: -20px; bottom:10px;}
   .mom-18{left: 0;}
    .banner-wrap h1{font-size: 55px;}
}

@media (max-width:1200px){
   .container{max-width: 100%; padding:0 50px;}
   .menu > ul > li a{font-size: 15px;}
   .mom-22{left: -20px; bottom:10px;}
    .shp43{bottom: -50px; width: 120px;}
    .mom-18{left: 0;}
    .mom-13{bottom: 100px;}
    .abt-13{right: 0;}
    .abt-22{bottom:0}
    .how-img video{height: auto;  background-color: transparent;border: none;}
}

@media (max-width:1080px){
  .header-top{display: none;}
  .logo-block-top{display: none;}
  #mobileMenuSection{display: block;}
    .menu-mobile{display: flex; flex-direction: column; padding: 5px 0px; width: 100%;}
    .menu-top{display: flex; justify-content: space-between; align-items: center;}
   .menu-top .navbar-brand{margin-right: auto; margin-left: 0;}
   .menu-top .navbar-brand img{max-height: 45px; transition: all 0.5s ease;}
   .sticky-header .menu-top .navbar-brand img{max-height: 50px; transition: all 0.5s ease;}
   .menu-icons a{font-size: 32px; color: #000000; display: flex; justify-content: center; align-items: center; width: 48px; height: 48px;}
   .menu-icons a:hover{text-decoration: none;}
   .menu-mobile-show ul{list-style: none; display: flex; flex-direction: column; text-align: center; margin: 0; padding: 0;}
   .menu-mobile-show li{margin: 15px 0}
   .menu-mobile-show li a{font-weight: 600; font-size:25px; padding: 15px; text-align: center;}
   .menu-mobile-show li a:hover{text-decoration: none;}
   .menu-mobile-show .social-links{display: flex; justify-content: center;}
   .menu-mobile-show .social-links a{font-size: 32px; margin: 15px;}
   .menu-btn{display: flex; padding: 15px; justify-content: center;}
   .menu-btn .btn{min-width: 200px; width: 100%; max-width: 350px; font-size: 26px;}
   .owl-carousel{width: calc(100% - 80px) !important; margin: auto;}
    .shp1{width: 150px; top:calc(100% - 150px);}
   .shp5{width: 150px; right: 0px;}
    .ar1, .ar2{display: none;}
     .col3 h3{font-size: 30px;}
    .shp40{width: 200px;}
    .banner-wrap h1{font-size: 45px; line-height: 52px;}
    .banner-wrap h1 span{font-size: 45px; line-height: 52px;}
    .shp7{right: 0;}
    .shp3{left: 10px;}
    .ipad-hide{display: none;}
    .head-section h2{font-size: 42px; line-height: 48px;}
    .shp38{top: 150px;}
    .shp{transform: scale(0.8)}
    .instagram-post{min-width: 200px;}
}
@media (max-width:991px){
  .steps{justify-content: center; gap:45px;}
  .steps-box{width: 100%; margin-bottom: 65px; max-width: 300px;}
  .info-text{width: 100%;}
  .info-image{width: 100%;}
  .how-img{width: 100%; order:2}
    .how-info{width: 100%; order: 1; padding-top: 35px;}
    .howitworks{flex-wrap: wrap;}
     .col3{width: 100%; max-width: 300px.margin:25px auto;}
   .shp9{width:100px; top:-60px;}
   .shp6{top: 0; left: 0;}
     .shp19{left: 0; width: 100px;}
     .shp36{width: 100px;}
      .shp8{right: 20px; top:20px}
        .f-block{flex-wrap: wrap; flex-direction: column;}
    .social{width: 100%; margin-bottom: 15px; order:2}
    .f-logo-front{width: 100%; order: 1;}
    .f-logo-front img{height: 75px;}
    .f-links{gap:35px; width: 100%; order: 3}
}

@media (max-width:767px){
    .banner-wrap h1{font-size: 45px; line-height: 50px;}
    .banner-wrap h1 span{font-size: 45px; line-height: 50px;}
    .shp9{top: -100px; right: 100px; width: 150px;}
    .shp1{width: 150px; top:calc(100% - 150px);}
    .shp5{width: 150px; right: 0px;}
    .shp3{left: 25px;}
    .shp2{left: 5px; bottom: 100px;}
    
    .shp4{display: none;}
    .shp21{bottom:-50px; width: 125px;}
    .shp22{bottom: 0}
    .shp23{top: -40px; left:300px;}
    .shp24{right: 50px; width: 200px;}
    .shp7{right: 0;}
    .shp25{left: 0;}
    .shp40{width: 160px; left: 10px;}
    .shp44{top:15px; right: 15px;}
    .shp33{top:inherit; bottom: -50px;}
   
    .shp38{top: 170px;}
    .shp39{width: 115px; right: -20px;}
    .shp20{width: 100px;}
    .shp41{width: 120px; right: 20px; }
    .shp42{left: 50px;}
    .shp43{bottom: -50px; width: 120px;}
    .et-1{top:0; left: 300px;}
    .et-2{top:0; left: 0px;}
    .et-3{bottom: -65px;}
    .head-section h2{font-size: 42px; line-height: 48px;}
    .col3{width: 100%; max-width: 300px.margin:25px auto;}
   .center-mobile{text-align: center;}
   
    
    .shp14{display: none}
    .burnout{background: }
    .shp19{left: 0; width: 100px;}
    .joinme-form{flex-direction: column; align-items: center; }
    .joinme-form .fldname{width: 100%;}
    
    .fld{max-width: 400px; width: 100% !important; display: flex; justify-content: center;}
    .fldbtn .btn{width: 100%; max-width: 400px;}
    .insta-img img{max-width: inherit; height: 200px;}
  
    .shp16{left: -20px; bottom: 0}
    .how-img video{max-height: 400px;}
    .shp15{right: -20px;}
    
    .big-text{font-size: 36px; line-height: 48px;}
    .m-hide{display: none;}
    .m-order1{order:1;}
    .m-order2{order: 2;}
    .owl-carousel{padding: 0 40px; width: calc(100% - 80px);}
    .owl-prev{left: 0;}
    .owl-next{right: 0;}
    .contact-form-section .form-block{width: 96%; margin: auto;}
    .g-recaptcha{height: auto;}
    .faq-block .btn-link{font-size: 18px;}
    .arrow-2{width: 100px; bottom: -150px;}
    .arrow-1{bottom: -100px; width: 120px;}
    .signup-block{flex-direction: column; }
    .sign-image{width: 100%;}
    .signup-form{width: 100%}
    .signup-footer{display: flex; width: 100%; justify-content: center; padding: 15px;}
    .signup-header{display: none;}
    .close-btn{display: flex; justify-content: space-between; padding: 5px 15px; border-radius: 10px; border: 1px solid #000000; background-color: #ffffff; align-items: center; gap:10px; color: #000000;}
}

@media screen and (max-width: 1080px) and (min-width: 600px) {
  .shp2{left: 10px;}
  .mom-4{bottom: 0}
  .mom-22{left: -20px; bottom:10px;}
  .mom-17{top:50px;}
  .shp21{bottom: -40px;}
  .abt-22{bottom: 0}
  .abt-23{top:-40px}
  .abt-14{top: -30px}
  .abt-44{top: -20px;}
  .shp30{left: 150px; bottom: 75px;}
  .shp19{left: 100px}
  .con-32{left: 0;}
}

@media (max-width:600px){
    .page-section{padding:85px 0;}
    .contact-form-section .form-group{width: 100%;}
    .col-info{min-height: 200px;}
    .steps{flex-direction: column; align-items: center;}
    .steps-box{width: 100%; margin-bottom: 65px;}
    .shp37{right: 200px;}
    .shp1{width: 100px; top:calc(100% - 50px)}
    .shp5{width: 100px; bottom: -50px;}
    .banner-wrap h1{font-size: 36px; line-height: 45px;}
    .banner-title h1 span{font-size: 36px;}
    .shp7{display: none;}
    .head-section h2{font-size: 28px; line-height: 34px;}
    .col3 h3{font-size: 22px; line-height: 28px;}
    .col3 p{margin-top: 0;}
    .start-living .col-img img{height: 150px;}
    .shp13{right: 0; bottom: -5px;}
    .shp12{bottom: 50px;}
    .shp31{width: 100px;}
    .t-desc p{font-size: 18px; line-height: 24px;}
    .shp15{right: -50px;}
    .shp3{left: 0}
    .shp2{bottom:60px}
    .shp8{right: 0;}
    .shp10{width: 40px;}
    .shp22{bottom: -65px; left:100px;}
    .shp22{bottom: 0}
    .shp27{right: 0; bottom: -10px;}
    .shp32{top:10px; left: 200px;}
    .shp47{left: -10px; bottom:-50px;}
    .font-32{font-size: 25px !important; line-height: 30px;}
    .half-outside{height: 160px;}
    .half-outside img{height: 130px; }
   .bg-other-col .col-img img{height: 100px;}
   .bg-other-col .col-info{min-height: 150px;}
   .shp38{display: none;}
   .banner-wrap{padding-top: 25px;}
   .m-show{display: block;}
   
   .how-info{padding-top: 0;}
   .shp30{bottom:-60px;}
   .font-25{font-size: 20px !important;  line-height: 26px !important;}
   .head-section p{font-size: 18px; line-height: 24px;}
  .big-text{font-size: 28px; line-height: 36px;}
  .shp33{width: 150px;}
  #goTopButton{width: 36px; height: 36px; right: 15px;}
  #goTopButton img{width: 30px;}
  .container{max-width: 100%; padding:0 15px;}
  .shp23{left: 200px;}
}