:root{--color1:#2e1a47; --color2:#08070d; --color3:#6d5190; --color4:#c0c0e5;}

*{margin:0; padding:0; box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{background:#000; overflow-x:hidden; font-family:"Outfit", sans-serif;}

img{max-width:100%;}

a{text-decoration:none; transition:0.5s;}

ul{list-style:none;}

.container{width:100%; max-width:1200px; margin:auto; padding-left:15px; padding-right:15px;}

.flex{display:flex;}

.clear{float:left; width:100%; clear:both;}


@font-face {
    font-family: 'sprintura_demoregular';
    src: url('../fonts/sprintura_demo.woff2') format('woff2'),
         url('../fonts/sprintura_demo.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
section {

  scroll-margin-top: 76px;
  
  
}

/* HEADER */

.header-block{width:100%; position:absolute; top:0; left:0; z-index:999; border: 1px solid var(--color1);}


.primary-menu{position:relative;}
.primary-menu .flex{justify-content:space-between; align-items:center; position:relative;}

.logo{transition:0.5s;}
.logo img{transition: all 0.8s ease-in-out 0s;}

.navbar{width:100%; display:flex; justify-content:center;}
.navbar .nav-list{display:flex; gap:30px; justify-content:center;}

.navbar .nav-list li{
    position:relative;
    padding:35px 0;
}

.navbar .nav-list li a{font-size:16px; color:var(--color4); position: relative;}

.navbar .nav-list li a:hover{color:#ffffff;}

.navbar .nav-list li.active > a{
    color:#ffffff;
    position:relative;
}

.navbar .nav-list li a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    left: 0;
    bottom: -15px;
    background: #ffffff;
    transition: width 0.5s ease;
}

.navbar .nav-list li a:hover::after, .navbar .nav-list li.active > a::after {width: 100%;}



/* Dropdown */

.navbar .nav-list li.has-dropdown > a{
    position:relative;
/*     padding-right:18px; */
}

.drop_arrow{
    position: absolute;
    right: -18px;
    top: 52%;
    margin-top: -10px;
}

.submenu{
    position:absolute;
    top:100%;
    left:0;
    min-width:240px;
    background:#ffffff;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    opacity:0;
    visibility:hidden;
    transition:0.4s;
    z-index:999;
    padding:10px 0;
}

.submenu li{
    width:100%;
    padding:0 !important;
}

.submenu li a{
    display:block;
    padding:12px 20px !important;
    border-bottom:1px solid #f1f1f1;
    font-size:15px !important;
}

.submenu li:last-child a{
    border:none;
}

@media(min-width:1024px){

    .navbar .nav-list li:hover > .submenu{
        opacity:1;
        visibility:visible;
    }

}



.right-group{width:26%; display: flex; justify-content: flex-end;}

.freequot a{
    background:var(--color2);
    color:#ffffff;
    padding:13px 20px;
    border: 1px solid #ffffff;
    border-radius:10px;
    font-weight:600;
    text-transform:uppercase;
    display:inline-block;
    font-size: 14px;
    text-align: center;
}

.freequot a:hover{
    background:#ffffff;
    color:var(--color2);
}

.consultation-icon{
    display:none;
}



.menu-toggle{
    display:none;
    background:none;
    border:none;
    cursor:pointer;
    padding:10px;
}

.hamburger{
    width:25px;
    height:3px;
    background:var(--color4);
    display:block;
    position:relative;
    transition:background 0.3s ease;
}

.hamburger::before,
.hamburger::after{
    content:"";
    position:absolute;
    width:25px;
    height:3px;
    background:var(--color4);
    left:0;
    transition:transform 0.3s ease, top 0.3s ease, bottom 0.3s ease;
}

.hamburger::before{
    top:-8px;
}

.hamburger::after{
    bottom:-8px;
}


/* Hamburger → X */

.menu-toggle.active .hamburger{
    background:transparent;
}

.menu-toggle.active .hamburger::before{
    top:0;
    transform:rotate(45deg);
}

.menu-toggle.active .hamburger::after{
    bottom:0;
    transform:rotate(-45deg);
}



/* STICKY */

.header-block.sticky-header{
    position: fixed;
    background: var(--color2);
    box-shadow: 0 3px 10px rgba(46, 26, 71, 1);
}



.sticky-header .logo{
    margin-top:0;
}

/*.sticky-header .logo img{
    width:85px;
    transition: all 0.8s ease-in-out 0s;
}*/



/* BANNER */

.banner-block{
    position:relative;
}

.banner-slider .item{
    position:relative;
}

.banner-slider .item img{
    width:100%;
}

.banner-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:linear-gradient(to right, rgb(8 7 13) 0%, rgb(8 7 13) 30%, rgb(8 7 13 / 40%) 70%, rgba(8,7,13,0) 100%);
    z-index:1;
}

.bannerHead{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    transform:translateY(-50%);
    z-index:2;
}

.banner-flex{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
}

.banner-container {
  position: relative;
  width: 100%;
  height: 85vh; /* Takes up 100% of the viewport height */
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fullscreen-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Forces the video to cover the area without stretching */
  z-index: -1; /* Pushes the video behind the text content */
}

.banner-content{
/*    max-width:750px;*/
/*    width:55%;*/
    max-width:none;
}



.banner-content span{color: var(--color4); font-size: 18px; font-family: 'sprintura_demoregular';}


.banner-heading{
    display:flex;
    gap:20px;
    align-items: center;
}



.banner-content h1{
    font-size:60px;
    line-height:70px;
    font-weight:700;
    color:#ffffff;
/*    margin-bottom:30px;*/
    font-family: 'Orbitron';
    text-transform: uppercase;
    margin-top: 20px;
}

/*.banner-content h1 span{
    color:var(--color1);
}*/

.banner-content p{
    font-size:20px;
    line-height:35px;
    margin:30px 0;
    color:var(--color4);
    width: 623px;
}

.banner-btn{
    display:flex;
    gap:20px;
}

.banner-btn a{
    background:#ffffff;
    color:var(--color1);
    padding:15px 30px;
    border-radius:5px;
    font-size:16px;
    font-weight:600;
    display:inline-block;
    text-transform:uppercase;
}

.banner-btn a:last-child{
    border:1px solid #ffffff;
    color:#ffffff;
    background: none;
}

.banner-btn a:hover{
    background:var(--color1);
    color:#ffffff;
}

.banner-btn a:last-child:hover{
    background:#ffffff;
    color:var(--color1);
}

.banner-block .invitation{display: flex; margin-top: 20px; gap:20px;}
.banner-block .invitation .title span{color: #9271b9; font-family:"Outfit"; font-size: 20px; line-height: 35px;}
.banner-block .invitation p{color: var(--color4); margin:0;}

.banner-block .owl-dots{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    width:100%;
    max-width:1200px;
    padding-left:15px;
    padding-right:15px;
    bottom:22%;
    text-align:left;
    z-index:9;
}

.banner-block .owl-theme .owl-dots .owl-dot span{
    width:10px;
    height:10px;
    background:var(--color4);
    opacity:1;
}

.banner-block .owl-theme .owl-dots .owl-dot.active span{
    background:var(--color1);
}

/*Common*/
.small-head{font-size: 18px; letter-spacing: 1px; color: var(--color3); text-transform: uppercase; margin-bottom: 20px;}
.big-head h2{color: #ffffff; font-weight: 600; font-family: 'Orbitron'; text-transform: uppercase; font-size: 40px; margin-bottom: 20px;}

/*What We Do Section*/

.whatwedo-block{background: var(--color2); padding:60px 0; border-bottom: 1px solid #2b3e4d;}
.whatwedo-block .flex{
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}
.whatwedo-block .leftside {flex: 0 0 35%;}

.whatwedo-block .rightside {flex: 0 0 60%;}

.whatwedo-block .leftside span{color: #9271b9; font-size: 20px; line-height:35px; font-family: 'sprintura_demoregular';}
.whatwedo-block .big-head{text-align: left;}

.whatwedo-block .rightside ul.services{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:20px;}
.whatwedo-block .rightside a.servbox{
    text-align: center;
    background: var(--color2);
    border: 2px solid var(--color1);
    padding: 35px 20px;
    border-radius: 20px;

    width: 100%;
    height: 100%;

    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.whatwedo-block .rightside a.servbox:hover {
    transform: scale(1.02);
    box-shadow: 0 0px 18px rgb(67 41 98);
}
.whatwedo-block .rightside a.servbox .imgbox{margin-bottom: 20px;}
.whatwedo-block .rightside a.servbox .imgbox img{width: auto; vertical-align: bottom;}
.whatwedo-block .rightside a.servbox span{font-size: 18px; color: #ffffff;}

/* Active Service Box */
.whatwedo-block .rightside a.servbox.active {
    background: var(--color1);
}

.whatwedo-block .rightside a.servbox.servbox-current{
    background: var(--color1);
}

/* Service Content Area */
.whatwedo-block .service-content {
    margin-top: 30px;
}

/* Hide all service content by default */
.whatwedo-block .service-info {
    display: none;
}

/* Show active content */
.whatwedo-block .service-info.active {
    display: block;
}

.whatwedo-block .service-info h3 {
    color: #ffffff;
    font-size: 22px;
    margin-bottom: 15px;
}

.whatwedo-block .service-info ul {
    padding-left: 20px;
}

.whatwedo-block .service-info ul li {
    color: var(--color4);
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 6px;
    display: flex;
}

.whatwedo-block .service-info ul li::before {
    content: "";
    background-image: url(https://agrsvmarketing.com/wp-content/uploads/2026/09/circle-check.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    width: 21px;
    height: 21px;
}

.whatwedo-block .service-info ul li::marker {
    color: #9271b9;
}

/*Packages section*/

.packages-block{background: var(--color2); padding:60px 0; position: relative; overflow: hidden;}
.packages-block::after {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    background: url("https://agrsvmarketing.com/wp-content/uploads/2026/09/donut.png") no-repeat center;
    background-size: contain;

    right: -200px; /* Pushes part of the donut outside the right side */
    top: 120px;

    animation: donutFloat 5s ease-in-out infinite;
    z-index: 0;
    pointer-events: none;
}

.packages-block .container {
    position: relative;
    z-index: 1;
}

@keyframes donutFloat {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0);
    }
}

.packages-block .headings{text-align: center; margin-bottom: 40px;}
.packages-block .headings p{color: var(--color4); font-size: 18px;}
.packages-block .flex{gap:30px; justify-content: space-between;}
.packages-block .inner-package{
    background: var(--color2);
    border: 2px solid var(--color1); 
    padding: 60px 30px 40px; 
    border-radius: 20px; 
    display: flex; 
    flex-direction: column; 
    justify-content: space-between; 
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    width:33.33%;
}
.packages-block .popular-label {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(180deg, #6d5190 0%, #2e1a47 100%);
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 14px;
    min-width: 145px;
    text-align: center;
    border-radius: 0 0 5px 5px;
    z-index: 2;
}
.packages-block .inner-package:hover{transform: scale(1.02); box-shadow: 0 0px 18px rgb(67 41 98);}
.packages-block .inner-package .iconbox {background: var(--color1); display: inline-block; padding: 20px; border-radius: 100%;}
.packages-block .inner-package .iconbox img{vertical-align: bottom;}
.packages-block .inner-package h3{font-size: 18px; font-family: 'sprintura_demoregular'; color: #ffffff; margin: 30px 0;}
.packages-block .inner-package p{color: var(--color4); font-size: 18px; margin-bottom: 30px;}
.packages-block .inner-package ul li{font-size: 18px; color: var(--color4); position: relative; display: flex; align-items: start; margin-bottom: 20px;}
.packages-block .inner-package ul li:last-child{margin-bottom: 0;}
.packages-block .inner-package ul li::before {
    content: "";
    background-image: url("https://agrsvmarketing.com/wp-content/uploads/2026/09/circle-check.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    width: 21px;
    height: 21px;
}

.packages-block .inner-package .pric-btn{margin-top: 40px;}
.packages-block .inner-package .pric-btn a{
    color: var(--color4); 
    border: 1px solid var(--color4); 
    font-size: 16px; 
    font-weight: 600;
    text-transform: uppercase; 
    border-radius: 10px; 
    padding: 15px 30px; 
    transition: 0.5s ease;
    display: inline-block;
}
.packages-block .inner-package .pric-btn a:hover{background: var(--color4); color: var(--color1);}


/*Live Session*/
.livesession-block {
    position: relative;
    padding: 60px 0 400px;
    overflow: hidden;
    border-bottom: 1px solid var(--color1);
}

/* Background Video */
.livesession-block .livesession-video {
    position: absolute;
    top: 1px;
    left: 0;

    width: calc(100% + 4px);
    height: calc(100% + 4px);

    object-fit: cover;
    object-position: center bottom;

    z-index: 0;
}

/* Gradient Overlay */
.livesession-block .video-overlay {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: linear-gradient(
        rgba(8, 7, 13, 1),
        rgba(8, 7, 13, 0)
    );

    z-index: 1;
}

/* Keep content above video */
.livesession-block .container {
    position: relative;
    z-index: 2;
}
.livesession-block .headings{text-align: center;}
.livesession-block p{font-size: 18px; color: var(--color4); line-height: 35px;}
.livesession-block .headings{margin-bottom: 60px;}
.livesession-block .pres-cta{display: flex; justify-content: center;}
.livesession-block .pres-cta a{
    font-size: 16px; 
    font-weight: 600; 
    text-transform: uppercase; 
    display: inline-block; 
    padding:15px 30px; 
    background: #ffffff;
    border: 2px solid #ffffff; 
    color: var(--color2); 
    transition: 0.3s ease;
    border-radius: 10px;
}
.livesession-block .pres-cta a:hover{background: var(--color1); color: #ffffff;}

/*Partner section*/
.partner-block{padding:60px 0 0; background: #000000;}
.partner-block .container{border-bottom: 2px solid #2b3e4d;}
.partner-block .headings{text-align: center;}
.partner-block .logo-block{margin:40px 0;}
.partner-logo {margin: 0 30px;}

/*Footer*/

.footer {position:relative; background:#000000; color:#fff; overflow:hidden; padding-bottom:5px ; background-position:center; background:url(https://agrsvmarketing.com/wp-content/uploads/2026/09/footer-bg.png) no-repeat; background-size:cover;}
.footer-top {display:flex; align-items:flex-start; gap:70px; padding:55px 0 35px;}
.footer-brand {width:28%; flex-shrink:0;}
.footer-logo {display:inline-block;}
.footer-logo img {display:block;}
.footer-description {color:#c0c0e5; font-size:16px; line-height:26px; margin-bottom:35px;}
.social-links {display:flex; gap:18px; margin-bottom:38px;}
.social-links a {width:60px; height:60px; border:1px solid #fff; display:flex; align-items:center; justify-content:center; color:#fff; text-decoration:none; font-size:25px; transition:0.3s ease;}
.social-links a:hover {background:#32194f; border-color:#32194f;}
.email-box {display:flex; align-items:center; gap:15px;}
.email-icon {width:40px; height:40px; display:flex; align-items:center; justify-content:center; color:#8153ae;}
.email-box strong {display:block; color:var(--color3); font-size:18px; margin-bottom:3px;}
.email-box a {color:#c0c0e5; text-decoration:none; font-size:16px; transition: 0.3s ease;}
.email-box a:hover {color:#fff; text-decoration: underline;}
.footer-content {flex:1; padding-top:3px;}
.footer-heading-small {color:#6d5190; font-size:18px; font-weight:700; margin-bottom:30px;}
.footer-content h2 {margin:0 0 22px; color:#fff; font-family: 'sprintura_demoregular'; font-size:35px; line-height:1.15; font-weight:100; /*transform:skew(-5deg);*/}
.footer-text {color:#c0c0e5; font-size:20px; line-height:32px; margin-bottom:40px;}
.footer-buttons {display:flex; align-items:center; gap:20px;}
.btn {min-height:60px; display:flex; align-items:center; justify-content:center; padding:0 28px; border-radius:12px; text-decoration:none; font-size:16px; font-weight:600; transition:0.3s ease;}
.btn-primary {background:#30174c; color:#fff; min-width:370px;}
.btn-primary:hover {background:#452367;}
.btn-phone {border:1px solid #fff; color:#fff; min-width:260px; background:transparent;}
.btn-phone:hover {background:#30174c; border-color:#30174c;}
.phone-icon {color:var(--color3); margin-right:10px;}
.footer-bottom {border-top:1px solid #492b70; display:flex; align-items:center; padding:27px 0 0; gap:20px; flex-wrap:wrap; margin-top:44px;}
.quick-links-title {color:var(--color3); font-size:18px; font-weight:700; white-space:nowrap;}
.quick-links ul {display:flex; align-items:center; justify-content:space-between; flex:1; gap:25px;}
.quick-links a {color:#d6f1ff; text-decoration:none; font-size:16px; white-space:nowrap; transition:0.3s ease;}
.quick-links a:hover {color:#fff;}
.copyright {color:#c0c0e5; text-align:center; font-size:14px; padding:14px 0; border-top: 1px solid #2b3e4d;}
.copyright a {color: var(--color4);}
.copyright a:hover{text-decoration:underline; color: var(--color3);}


/* Contact for Pricing Popup */

.pricing-popup-overlay {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.80);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 15px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 9999;
    overflow-y: auto;
}

.pricing-popup-overlay.active {opacity: 1; visibility: visible;}


.pricing-popup {
    position: relative; 
    width: 100%;  
    max-width: 750px; 
    background: var(--color2);  
    border: 1px solid var(--color1);  
    border-radius: 20px; padding: 50px; 
    transform: translateY(30px); 
    transition: transform 0.3s ease;  margin: auto;
}

.pricing-popup-overlay.active .pricing-popup {
    transform: translateY(0);
}


/* Close Button */

.popup-close {
    position: absolute;

    top: 15px;
    right: 15px;

    width: 40px;
    height: 40px;

    border: 0;

    border-radius: 50%;

    background: transparent;

    color: #ffffff;

    font-size: 20px;

    cursor: pointer;

    transition: 0.3s ease;
}

.popup-close:hover {
    color: #9271b9;
}


/* Popup Heading */

.popup-heading {
    text-align: center;

    margin-bottom: 30px;
}

.popup-heading span {
    display: block;

    color: var(--color3);

    font-family: 'sprintura_demoregular';

    font-size: 20px;

    margin-bottom: 8px;
}

.popup-heading h2 {
    color: #ffffff;

    font-size: 35px;
    font-family: 'Orbitron';
    margin-bottom: 12px;
}

.popup-heading p {
    color: #d3d3d3;

    font-size: 15px;

    line-height: 24px;

    margin: 0 auto;

    max-width: 550px;
}


/* Form Layout */

.pricing-contact-form .form-row {
    display: flex;

    gap: 20px;

    margin-bottom: 20px;
}

.pricing-contact-form .form-group {
    flex: 1;
}

.pricing-contact-form .form-group.full-width {
    width: 100%;

    margin-bottom: 25px;
}


/* Labels */

.pricing-contact-form label {
    display: block;

    color: #ffffff;

    font-size: 14px;

    margin-bottom: 8px;
}

.pricing-contact-form label span {
    color: #9271b9;
}

.pricing-contact-form .optional {
    color: #999999;

    font-size: 13px;
}


/* Inputs */

.pricing-contact-form input {
    width: 100%;

    height: 52px;

    background: transparent;

    border: 1px solid rgba(255, 255, 255, 0.25);

    border-radius: 8px;

    padding: 0 15px;

    color: #ffffff;

    font-size: 14px;

    outline: none;

    transition: border-color 0.3s ease;
}

.pricing-contact-form input:focus {
    border-color: #9271b9;
}

.pricing-contact-form input::placeholder {
    color: #888888;
}


/* Buttons */

.popup-actions {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

    margin-top: 10px;
}

.submit-pricing-btn,
.book-call-btn {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 52px;

    padding: 0 25px;

    border-radius: 8px;

    font-size: 15px;

    cursor: pointer;

    transition: 0.3s ease;
}


/* Submit Button */

.submit-pricing-btn {
    border: 1px solid var(--color1);

    background: var(--color1);

    color: #ffffff;
}

.submit-pricing-btn:hover {
    background: transparent;
}

.wpcf7-form-control.wpcf7-submit.has-spinner.submit-pricing-btn {
    border: 1px solid var(--color1) !important;
    background: var(--color1) !important;
    color: #ffffff !important;
    display: inline-block !important;
    width: inherit !important;
    padding: 0 25px !important;
	transition: 0.3s ease;
}
.wpcf7-form-control.wpcf7-submit.has-spinner.submit-pricing-btn:hover{background: transparent !important;}

span.wpcf7-spinner {display: none !important;}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output{color: var(--color4); border:none !important; margin: 2em 0.5em 0 !important;}



/* Book Call Button */

.book-call-btn {
    border: 1px solid #9271b9;

    color: #ffffff;

    gap: 8px;
}

.book-call-btn:hover {
    background: #9271b9;

    color: #ffffff;
}

.book-call-btn i {
    font-size: 17px;
}



/* Scroll to Top */
.scroll-to-top {
    position: fixed;
    right: 25px;
    bottom: 25px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color3);
    color: #fff;
    font-size: 22px;
    text-decoration: none;
    border-radius: 50%;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.5s ease;
}

.scroll-to-top:hover {
    background: var(--color1);
    color: #fff;
}

.scroll-to-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


/*Inner Pages*/
.innerbann-block {
    padding: 100px 0;
    background: var(--color2);
    position: relative;
    margin-top: 92px;
}
.innerbann-block .container{position: relative;}
.innerbann-block > img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
}
.innerbann-block h1{font-size: 60px; color: #fff; font-family: 'Orbitron';}

/*About Page*/

.inner-about{padding:60px 0 20px; background: var(--color2); position: relative; overflow: hidden;}
.inner-about .flex{justify-content: space-between; align-items: center;}
.inner-about .leftside, .inner-about .rightside{width:48%;}
/*.inner-about .headings{text-align: left;}*/
.inner-about .imgbox img{border-radius: 20px;}
.inner-about p{color: var(--color4); font-size: 18px; line-height: 35px;}
/*.inner-about::after {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    background: url(../images/donut.png) no-repeat center;
    background-size: contain;
    right: -200px;
    top: 120px;
    animation: donutFloat 5s ease-in-out infinite;
    z-index: 0;
    pointer-events: none;
}*/

.inner-whychoose{background: var(--color2); padding:60px 0 0;}
.inner-whychoose .flex{justify-content: space-between; align-items: center;}
.inner-whychoose .leftside, .inner-whychoose .rightside{width:48%;}
.inner-whychoose .leftside p{font-size: 18px; line-height: 30px; color: var(--color4); margin-bottom: 30px;}
.inner-whychoose .features{border-bottom: 1px solid var(--color1);}
.feat-heading {display: flex; gap: 20px; align-items: center;}
.inner-whychoose .features {margin-bottom: 30px;}
.inner-whychoose .features h3{font-size: 18px; font-family: 'Orbitron'; color: #ffffff;}
.inner-whychoose .features p{font-size: 18px; line-height: 30px; margin: 20px 0 30px; color: var(--color4);}

/*Thank you page**/

.default-page h2 {color: var(--color4); font-size: 18px; font-weight: 400;}

/*Sitemap page*/
.page-id-159 .default-page h2 {font-size:24px; font-weight:700;}
.default-page {padding: 40px 0 20px;}
.rank-math-html-sitemap__title {color: var(--color4); margin-bottom: 20px;}
.rank-math-html-sitemap__list {display: flex; gap: 20px; flex-wrap: wrap;}
.rank-math-html-sitemap__item { border-right: 1px solid var(--color3); padding-right: 20px;}
.rank-math-html-sitemap__item:last-child {border-right: none;}
.rank-math-html-sitemap__link {color: var(--color4); position: relative;}
.rank-math-html-sitemap__link:hover{color:var(--color3);}
.rank-math-html-sitemap__link:after{
	content: '';
    position: absolute;
    width: 0;
    height: 1px;
    left: 0;
    bottom: -10px;
    background: var(--color3);
    transition: width 0.5s ease;
}
.rank-math-html-sitemap__link:hover::after{ width: 100%;}


/* RESPONSIVE */

@media(max-width:1365px){

    .container{
        max-width:1200px;
    }

    .navbar .nav-list{
        gap:35px;
    }

    .navbar .nav-list li a{
        font-size:16px;
    }

    .freequot a{
        padding:10px 22px;
        font-size:14px;
    }

    .banner-content{
        max-width:800px;
    }

    .banner-content h1{
        font-size:50px;
        line-height:60px;
    }




    

}


@media(max-width:1349px){

    .ct-testimonial-block {
    padding: 20px 0px;
}


    .bannerHead{top:55%;}
    .banner-block .owl-dots{
        bottom: 14%;
    }
}


@media(max-width:1279px){
   
    

}


@media (min-width: 1191px) and (max-width: 1920px) {
 .banner-slider .item > img{
        width:100%;
        height:800px;
        object-fit:cover;
    }
    .bannerHead{
        top:55%;
    }
}



@media (min-width: 1024px) and (max-width: 1367px) {
.footer-container{gap:35px;}
.footer-left {
    flex: 1;
    /*min-width: 100%;
    text-align: center;*/
}

.awards {
    justify-content: center;
}

.awards img{margin: 0;}


.footer-links {
    min-width: 240px;
}
.footer-block .container {
    max-width: 100%;
    padding: 0 30px;
}

}



@media(max-width:1200px){
    .livesession-block{padding: 40px 0 250px;}
    .banner-container{height: 70vh;}
}


@media(max-width:1199px){

    .menu-toggle{
        display:block;
        order:2;
    }

    .navbar .nav-list li a::after{background: none;}

    .primary-menu{padding:10px 0;}

     .navbar{
        display:none;
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background:rgb(28 15 45 / 95%);
        box-shadow:0 3px 10px rgba(0,0,0,0.1);
        z-index:999;
        padding:0;
    }

    .navbar.active{
        display:block;
        border-top: 1px solid var(--color3);
        margin-top: 10px;
    }

    .navbar .nav-list{
        flex-direction:column;
        gap:0;
        width:100%;
    }

    .navbar .nav-list li{
        width:100%;
        padding:0;
        border-bottom:1px solid #eaeaea;
    }

    .navbar .nav-list li a{
        display:block;
        padding:16px 20px;
        font-size:15px;
    }

    .navbar .nav-list li.active > a:after{
        display:none;
    }

    .right-group{gap:30px; width:50%;}



 
    
    .imme_bg{background-attachment: inherit !important;}

    .container{
        max-width:90%;
    }

    .logo img{
/*        width:220px;*/
    }




    .navbar .nav-list li.active > a:after{
        bottom:-31px;
    }

    .freequot a{
        padding:10px 15px;
        font-size:13px;
    }



    .banner-slider .item > img{
        width:100%;
        height:790px;
        object-fit:cover;
    }


    .bannerHead{
        top:54%;
    }

    .banner-content{
        max-width:700px;
    }



    .banner-content p{
        font-size: 20px;
        line-height: 35px;
    }

    .banner-btn a{
        padding:10px 22px;
        font-size:16px;
    }

    .banner-block .owl-dots{
        bottom:20%;
    }


  

    /*Inner Pages*/

.innerbann-block{margin-top: 80px;}

.inner-about .flex{flex-wrap: wrap; flex-direction: column-reverse;}
.inner-about .leftside, .inner-about .rightside{width:100%;}
.inner-about .leftside{margin-top: 50px;}



@media(max-width:1170px){
    /*.experience-text{padding: 20px 30px 20px 10px;}
    .small-image{right:-7px;}*/
    .small-image {right: 210px;}
}


@media(max-width:1099px){

 /*What We Do section*/   
.whatwedo-block .flex {
        flex-wrap: wrap;
        gap:20px;
    }

    .whatwedo-block .leftside,
    .whatwedo-block .rightside {
        flex: 0 0 100%;
        width: 100%;
    }

    .whatwedo-block .leftside,
    .whatwedo-block .leftside h2 {
        text-align: center;
    }

    .whatwedo-block .rightside {
        margin-top: 40px;
    }

    .whatwedo-block .rightside ul.services {
        grid-template-columns: repeat(2, 1fr);
        max-width: 600px;
        margin: 0 auto;
    }

    .whatwedo-block .rightside a.servbox {
        width: 100%;
    }

/*Packages section*/
.packages-block .popular-label{min-width: 200px;}
.packages-block .inner-package .pric-btn a{ font-size: 14px;}

/*Footer*/
.footer-top{flex-wrap: wrap;}
.footer-brand{width: 100%; justify-content: center; align-items: center; display: flex; flex-wrap: wrap;flex-direction: column;}
.footer-description{text-align: center;}

.footer-content{text-align: center; width: 100%;}
.footer-buttons, .footer-bottom{justify-content: center;}
.quick-links-title{width: 100%;}
}


@media(max-width: 1024px){
    .packages-block .inner-package .pric-btn a{padding: 15px 20px;}
}


@media(max-width:1023px){
.submenu.open{
        display: block;        
        max-height: 325px;
        overflow-y: auto;
        overflow-x: hidden;
    }
.drop_arrow {
    position: absolute;
    right: 18px;
    top: 10px;
    margin-top:0;
    width: 30px;
    height: 30px;
    background: #008dd3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
}



    /* EXISTING RESPONSIVE HEADER CODE */

    .primary-menu{padding:10px 0; box-shadow: 4px 4px 10px rgb(46 26 71);}

    .logo{
        position:relative;
        margin-top:0;
        left:auto;
    }

    .logo img{
/*        width:180px;*/
    }

    .primary-menu .flex{
        justify-content:space-between;
    }

    .right-group{
        position:relative;
        top:auto;
        right:auto;
        transform:none;
        display:flex;
        align-items:center;
        gap:20px;
    }

    
.banner-container {
        height: 68vh;
    }
   

    .banner-slider .item img{
        /*height:750px;
        object-fit:cover;*/
    }
    .banner-slider .item > img{height:650px;}

/*    .banner-overlay{
        background:linear-gradient(to right, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.80) 55%, rgba(255,255,255,0.20) 100%);
        pointer-events:none !important;
    }*/

    /* .banner-slider .item > img{
        width:100%;
        height:650px;
        object-fit:cover;
    } */

    .bannerHead{
        top:24%;
        transform:none;
    }
    
    .banner-form{top:0;}

    .banner-content{
        max-width:1000px;
        padding-right:0;
    }

    .banner-content h3{
        font-size:16px;
        margin-bottom:15px;
    }

    .banner-heading{
        display:flex;
        align-items:center;
        gap:20px;
    }



    .banner-block .invitation .title{width:20%;}
    .banner-block .invitation p{width: 80%;}
    .banner-block .invitation .title span{font-size: 18px;}
    .banner-content p{
        max-width:inherit;
        margin-bottom:25px;
        font-size: 18px;
    }

    .banner-btn{
        gap:15px;
    }

    .banner-btn a{
        font-size:14px;
        padding:10px 20px;
    }






    /*Footer*/

    .footer-links{margin-left: 5px;}


/*Inner page*/

.inner-whychoose .flex{flex-wrap: wrap;}
.inner-whychoose .leftside, .inner-whychoose .rightside{width: 100%;}
.inner-whychoose .rightside{margin-top: 50px;}

}


@media(max-width:991px){

.packages-block .flex{flex-wrap: wrap;}
.packages-block .inner-package{width: 100%;}

.livesession-block{padding: 40px 0 150px;}

.footer-content h2 {font-size: 30px;}

}


@media(max-width:767px){
    .fac_container{
        flex-wrap: wrap;
  flex-direction: column-reverse;
        gap: 30px;
    }   
    .fac_content, .fac_image{width:100%;}
    .fac_shape{display:none;}
    .fac_badge{left:10px;}
    .fac_image{height:auto;}
    .fac_process_container{flex-wrap: wrap; gap: 30px;}
    .fac_process_content, .fac_service_box{width:100%;}
    .loc_grid {grid-template-columns: repeat(3,1fr);}

    
    

    .con_outer-left{width: 100%;margin-bottom: 40px;}
.con_outer-right{width: 100%;}

    .banner-overlay {
    display: none;
}

    .header-block {position: relative;}

.bannerHead {
    position: absolute;
    top: 4%;
    left: 0;
    width: 100%;
    transform: translateY(0%);
}

.banner-flex {
    gap: 0px;
    flex-direction: column;
}
.banner-content {
    max-width: 100%;
    width: 100%;
}

.banner-container { height: 50vh;}
.banner-block .invitation{flex-wrap: wrap; justify-content: center; gap: 5px; width: 100%;}
.banner-block .invitation .title{width: 100%;}
.banner-block .invitation .title span{color: #ffffff;}   
.banner-block .invitation p{text-align: center;}

    .inner-banner-block .innerbannerhead{bottom:-27px;}

    .primary-menu{
        padding:15px 0;
    }


    .freequot{display:block;}

    .banner-slider .item > img{
        width:100%;
        height:300px;
        object-fit:cover;
    }

   /* .bannerHead{
        top:220px;
        transform:none;
    }*/

 .banner-content {
    padding-right: 0;
    text-align: center;
    margin: 30px auto 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}


    .banner-heading{
        flex-direction:column;
        gap:15px;
    }





    .banner-content h1{
        font-size:32px;
        line-height:40px;
        margin-bottom:15px;
    }

    .banner-content p{font-size:15px; line-height:24px; margin: 5px 0 25px;}

    .banner-btn{
        justify-content:center;
        flex-wrap:wrap;
    }

    .banner-btn a{
        min-width:220px;
    }

    .banner-block .owl-dots{
        text-align:center;
        bottom:59%;
    }

    
.big-head h2{font-size: 35px;}

.whatwedo-block .service-info ul li::before{width: 40px;}

.scroll-to-top {
        width: 40px;
        height: 40px;
        right: 15px;
        bottom: 15px;
        font-size: 20px;
    }   

    /*footer*/

    .footer-container{gap:30px;}
    .footer-block{padding:50px 0 20px;}
    .footer-title{ font-size:22px; margin-bottom:20px;}
    .footer-left p{margin-bottom:25px;}
    .contact-item{gap:12px; margin-bottom:10px;}
    .contact-text{text-align:center;}

    .social-icons a{
        width:48px;
        height:48px;
        font-size:20px;
    }

    .review-btn img{
        width:180px;
    }

    .copyright{
        font-size:13px;
        line-height:22px;
        padding-left:15px;
        padding-right:15px;
    }

    .quick-links ul{flex-wrap: wrap; justify-content: center;}
/*    .quick-links ul li{width: 100%;}*/
    .footer-buttons {
        flex-direction: column;
        width: 100%;
    }
    .footer-buttons .btn,
    .btn-primary,
    .btn-phone {
        width: 100%;
        min-width: 0;
    }

/*Pop-up form*/

 .pricing-popup {
        padding: 45px 25px 30px;
    }

    .pricing-contact-form .form-row {
        flex-direction: column;

        gap: 20px;
    }

    .popup-heading h2 {
        font-size: 28px;
    }

    /*Inner pages*/
     .innerbann-block {margin-top: 0;}
    .innerbann-block h1{font-size: 40px;}
   


}





@media(max-width:575px){
    
    /*Header Top*/




    .logo img{/*width:135px; */}

    .menu-toggle{
        transform:scale(0.9);
    }

    .freequot .consultation-text{
        display:none;
    }

    .freequot .consultation-icon{
        display:inline-block;
        font-size:22px;
    }

    .freequot a{
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .banner-slider .item > img{
        height:250px;
        object-fit:cover;
    }

    .bannerHead{
        top:3%;
    }

    .banner-content h1{
        font-size:28px;
        line-height:36px;
    }
    .banner-form {
        top: 610px;
    }

    .banner-container {height: 55vh;}

    .banner-content p{font-size:14px; line-height:24px;}

    .banner-btn{
        flex-direction:column;
        gap:12px;
    }

    .banner-btn a{
        width:100%;
        min-width:100%;
    }

    /*What We Do section */
    .whatwedo-block {
        padding: 45px 0;
    }

    .whatwedo-block .rightside ul.services {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .whatwedo-block .rightside a.servbox {
        padding: 30px 20px;
    }

/*Sitemap*/
	.rank-math-html-sitemap__item{width:100%;}
.rank-math-html-sitemap__item .rank-math-html-sitemap__link::before {
    content: "\f138";
    margin-right: 8px;
    display: inline-block;
    font-family: 'FontAwesome';
    color: var(--color3);
}
	.rank-math-html-sitemap__list{gap:10px;}
.rank-math-html-sitemap__item {border-right: none; border-bottom:1px solid var(--color3); padding-right: 0;padding-bottom: 10px;}
.rank-math-html-sitemap__link:hover::after {width: inherit;}

    

}


@media(max-width:522px){
    .banner-container {height: 58vh;}
}



@media(max-width:480px){


    .footer-links ul li{
        padding:12px 0;
    }

    .footer-links ul li a{
        font-size:15px;
    }

    .contact-text h4{
        font-size:18px;
    }

    .contact-text a{
        font-size:14px;
        word-break:break-word;
    }


}



@media(max-width:479px){


    
    .primary-menu{
        padding:10px 0;
    }
    

    .logo img{/*width:120px;*/}

    .navbar .nav-list li a{
        font-size:14px;
    }

    .submenu li a{
        font-size:14px !important;
    }
    .right-group{gap:15px;}

    .banner-container { height: 70vh;}

    .banner-slider .item > img{
        height:250px;
        object-fit:cover;
    }

    .banner-overlay {
  display: none;
}
    .inner-banner-block img {min-height: 240px;}
.inner-banner-block .innerbannerhead{bottom:-24px;}

    .bannerHead{
        top:3%;
    }

    .banner-content span{font-size: 16px;}

    .banner-content h3{
        font-size:14px;
    }

    .banner-content h1{
        font-size:30px;
        line-height:35px;
    }

    .banner-content p{
        font-size:13px;
        line-height:22px;
    }

    .banner-btn a{
        font-size:13px;
        padding:10px 15px;
    }




.big-head h2{font-size: 35px;}
.whatwedo-block .leftside h2{font-size: 35px;}

/*Pop-up form*/
.pricing-popup-overlay {
        padding: 15px 10px;
    }

    .pricing-popup {
        padding: 45px 20px 25px;
    }

    .popup-actions {
        flex-direction: column;
    }

    .submit-pricing-btn,
    .book-call-btn {
        width: 100%;
    }
	
	.wpcf7-form-control.wpcf7-submit.has-spinner.submit-pricing-btn{width:100% !important;}
}

@media(max-width:460px){
    .banner-container {height: 70vh;}
}


@media(max-width:414px){
    .container {max-width: 100%;}

}
@media(max-width:370px){
  .banner-container{height: 55vh;}
  .banner-content span {font-size: 13px;}
  .banner-content h1 {font-size: 26px;}
  .big-head h2 {font-size: 30px;}
  .small-head {font-size: 16px;}

/*  .primary-menu .flex{flex-wrap: wrap; gap:10px; justify-content: center;}*/
}
    
@media(max-width:325px){
    .banner-container {height: 66vh;}
    
}