:root{--bg:#110824;--logo-width:220px;--wipe-target:0.70;--wipe-duration:1.4s;--zoom-duration:1.8s;--blink-duration:.9s;--img-scale:8;}
body,html{height:100%;scroll-behavior:smooth;}
body{background-color:#110824!important;overflow-x:hidden!important;scroll-behavior:smooth;overflow-y:scroll!important;}
body.no-scroll{overflow:hidden;}
p a{color:#f84141;text-decoration:none;}
img{height:unset;}
::-webkit-scrollbar{width:0px;}
::-webkit-scrollbar-thumb{background-color:#6e655d;}
::-webkit-scrollbar-track{background-color:#d5c5b8;}
.scroll-content{position:relative;min-height:100vh;}
.large-header{position:relative;width:100%;background:url(../images/agency.png);overflow:hidden;background-size:cover;background-position:center center;z-index:1;}
.logo-section4.sss{display:none;}

/* .scroll-wrapper {
  overflow: hidden; 
  height: 100vh; 
} */
.scroll-content::after{content:"";display:block;height:100vh;position:absolute;bottom:0;}
h1.main-heading{color:#d5c5b8;font-size:clamp(30px,5vw,44px);font-weight:400;line-height:clamp(44px,8vw,110px);}
h1.main-heading span{padding:0;color:#100f0f;display:inline-block;position:relative;}
h1.main-heading span::after{content:"";position:absolute;left:0;top:8px;width:100%;height:100%;background-color:#d5c5b8;z-index:-1;}
h2.sub-heading{color:#d5c5b8;font-size:clamp(30px,3vw,43px);font-weight:400;line-height:clamp(44px,6vw,77px);margin:0 0 1.5rem;}
h2.sub-heading span{padding:0;color:#100f0f;display:inline-block;position:relative;}
h5.sub-text{font-size:clamp(20px,4vw,35px);color:#331d41;font-weight:600;line-height:clamp(20px,5vw,68px);}
h6.mini-heading{color:#fff;font-size:clamp(16px,3vw,24px);text-transform:uppercase;margin:0;}
p.paragraph{color:#505050;font-size:clamp(14px,4vw,18px);line-height:clamp(26px,4vw,29px);font-weight:400;}
p.para-italic{font-style:italic;color:#fff;font-size:16px;line-height:30px;font-weight:400;}
@font-face{font-family:"Britanica-HeavyItalic-Regular";src:url("../fonts/Britanica-HeavyItalic-Regular.ttf");}
@font-face{font-family:"Britanica-Heavy-Regular";src:url("../fonts/Britanica-Heavy-Regular.ttf");}
@font-face{font-family:"Mariupol-Bold";src:url("../fonts/Mariupol-Bold.ttf");}
@font-face{font-family:"Mariupol-Medium";src:url("../fonts/Mariupol-Medium.ttf");}
@font-face{font-family:"Mariupol-Regular";src:url("../fonts/Mariupol-Regular.ttf");}
@font-face{font-family:"PresicavRg-Bold";src:url("../fonts/PresicavRg-Bold.ttf");}
@font-face{font-family:"PresicavRg-Regular";src:url("../fonts/PresicavRg-Regular.ttf");}

/*header {*/

/*    position: relative;*/

/*    z-index: 1;*/

/*    padding: 20px 30px;*/

/*    top: 0;*/

/*}*/
header{position:absolute;z-index:1;padding:20px 30px;top:0;width:100%;}
img.logo-ht{height:33px;width:70px;position:relative;left:1px;top:2px;}
.logo img{width:70px;}
.hamburger img{width:50px;}
.logo{display:flex;flex-direction:column;align-items:center;gap:54px 0;cursor:pointer;}
.quote a{display:inline-flex;border-radius:10px;background-color:#F84141;font-family:Outfit;font-size:18px;line-height:29.33px;color:#fff;text-decoration:unset;font-weight:400;align-items:center;justify-content:center;padding:18px 46px;transition:all 0.5s;border:1px solid transparent;}
.quote a:hover{border-color:#fff;color:#fff;background-color:transparent;}
.logo .logo-full{width:206px;left:6px;position:relative;}
.logo-width{top:0px;left:-10px;width:0px;padding:0 0 0 10px;transition:all 0.7s;overflow:hidden;}
.sidebar.active{left:20px;}
.hamburger{position:relative;z-index:5;}
#hamburger-icon{width:60px;height:60px;display:block;position:relative;}
#hamburger-icon .line{width:40px;background:#fff;margin:9px 0 0 0;height:2px;display:block;transition:all 800ms cubic-bezier(0.645,0.045,0.355,1);}
.line-1{margin-top:0;}
#hamburger-icon:hover .line-1{width:30px;}
#hamburger-icon:hover .line-2{width:40px;}
#hamburger-icon:hover .line-3{width:20px;}
.header-container:hover .logo-width{width:230px;}
.logo-colored{width:206px!important;position:absolute;left:10px;opacity:1;visibility:hidden;transition:all 0.9s;top:3px;}
.sidebar{position:fixed;top:21px;z-index:6;background-color:#FFFFFF;width:370px;border-radius:0.75rem;height:100vh;height:calc(100vh - 2.5rem);padding:4.5rem 2rem 2rem 2rem;display:flex;flex-direction:column;gap:20px 0;left:-100%;transition:all cubic-bezier(0.22,0.61,0.36,1) 0.9s;}
.logo .position-relative{position:relative;z-index:7;}
.logo-shape::before,.extra-class::before{content:'';background-color:#1b0749;position:absolute;height:80px;width:110px;left:-30px;top:-19px;border-radius:0 10px 10px 0px;transition:all 0.5s;}
.logo-shape:hover::before,.full::before{width:270px;}
.full .logo-full{opacity:1!important;visibility:visible!important;}
.wrapper{position:relative;right:0;transition:right 1s cubic-bezier(0.22,0.61,0.36,1);}
.wrapper.shifted{right:-300px;}
.overlay{position:fixed;inset:0;background:rgb(0 0 0 / 73%);opacity:0;visibility:hidden;transition:0.3s ease;z-index:0;}
.overlay.active{opacity:1;visibility:visible;}
button.close-sidebar{position:absolute;top:20px;right:50px;background-color:transparent;padding:0;border:unset;}
button.close-sidebar svg{color:#afafaf;font-size:30px;transition:all 0.5s;}
.nav-links li{list-style:none;}
.nav-links li a{font-family:PresicavRg-Regular;color:#afafaf;text-decoration:unset;font-size:20px;transition:all 0.5s;}
.nav-links{display:flex;flex-direction:column;gap:20px 0;}
.nav-links li a:hover{padding-left:1rem;color:#000000;}

/* Sidebar submenu */
.nav-links li.has-submenu > a{display:flex;align-items:center;justify-content:space-between;}
.nav-links li.has-submenu .submenu{display:block;overflow:hidden;height:0;opacity:0;transition:height 0.35s ease,opacity 0.25s ease;margin-top:0;padding-left:14px;}
.submenu a{font-size:16px!important;}
.submenu li{margin:10px 0;}

/*Onload Modal Start*/
.onload-xl{max-width:800px;}
.customRadio input[type="radio"]:checked ~ label{background-color:#0f002f;color:#fff;border-color:#0f002f;}
.customRadio label{border:1px solid #29017f;border-radius:6px;display:flex;flex-direction:column;justify-content:space-between;padding:14px 10px;cursor:pointer;text-align:center;background-color:#29017f;color:#fff;}
.customRadio input{position:absolute;opacity:0;}
.title-blk{text-align:center;margin:0 0 20px;}
.on-title{font-weight:700;font-size:30px;color:#000;}
.customRadio{margin:0 0 10px;}
.btns-load{margin:0;}
.btns-load .btn{display:inline-flex;width:40%;background-color:#000;color:#fff;padding:14px 0;}
.brief-blk textarea{width:100%;padding:10px 20px;}
input.load-btn{width:100%;background-color:#29017f;color:#fff;border:none;padding:14px 0;border-radius:5px;}
.myContainer{padding:20px;}
.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto;font-size:32px;background-color:#29017f;color:#fff;border:navajowhite;}

/* Height/opacity will be set dynamically in JS; keep class for chevron state */
.nav-links li.has-submenu.open > a i{transform:rotate(180deg);}
.nav-links li.has-submenu > a i{transition:transform 0.25s ease;}
.nav-links li.has-submenu .submenu li a{font-size:18px;color:#6f6f6f;}
.nav-links li.has-submenu .submenu li a:hover{color:#000;padding-left:0.75rem;}
.contact-info ul{margin:0;padding:0;display:flex;flex-direction:column;gap:4px 0;}
.contact-info ul li{list-style:none;}
.contact-info ul li a{font-family:'Outfit';color:#000;text-decoration:unset;font-weight:300;}
.contact-info ul li.colored a{color:#f84141;}
.sidebar p{margin:0;font-family:'Outfit';color:#afafaf;font-weight:300;line-height:20px;}
.social-icons{display:flex;gap:0 10px;}
.social-icons li{list-style:none;}
.social-icons li a{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #afafaf;border-radius:8px;}
.social-icons li svg{font-size:14px;color:#afafaf;transition:all 0.5s;}
.social-icons li:hover svg{color:#000;}
button.close-sidebar:hover svg{color:#000;}
.logo-width.active img.logo-full{opacity:0;visibility:hidden;transition:all 0.5s;}
.logo-width.active img.logo-colored{opacity:1;visibility:visible;}
.logo-width.active{width:230px;}
section.banner{background-image:url(../images/banner.png);width:100%;height:auto;background-size:cover;background-repeat:no-repeat;background-position:center;}
section.banner h1,section.banner h1 span#typed-words{font-family:'Britanica-HeavyItalic-Regular';font-weight:700;font-size:164px;line-height:190px;color:#fff;text-align:left;text-transform:uppercase;letter-spacing:3px;}
section.banner h1 span.idea{font-size:27px;max-width:188px;display:inline-block;margin:0px 0 0px 40px;line-height:34px;text-align:right;position:relative;top:-50px;}
section.banner h1.position-absolute{left:110px;top:0;padding:0!important;z-index:2;-webkit-text-stroke:2px #ffffff;color:transparent;}
section.banner .content{padding:15rem 0 0 1rem;}
section.banner .position-relative h1{padding-left:110px;}
section.banner .position-relative{margin:-58px 0 0;}
section.banner .text-end{margin:-106px 0 0;position:relative;z-index:1;}
.text-end p{color:#fff;position:absolute;right:0;top:-140px;font-size:30px;width:370px;font-family:Poppins;font-weight:200;}
section.banner .text-end img{width:73%;}
.preloader{position:fixed;inset:0;background:var(--bg);display:flex;justify-content:center;align-items:center;z-index:99999;pointer-events:auto;}
.logo-wrap{position:relative;width:var(--logo-width);display:inline-block;line-height:0;}
.preloader .logo-full{width:220px;height:auto;display:block;transition:all 3s!important;}
.logo-full.hide{opacity:0!important;}
.preloader.start .logo-full{animation:logoZoom var(--zoom-duration) cubic-bezier(.22,.9,.35,1) forwards;}
@keyframes blink{
    0%,50%,100%{opacity:1;}
    25%,75%{opacity:0;}
}
.color-wipe{position:absolute;inset:0;    /* cover whole logo area */background:var(--bg);    /* same as background so it "hides" the logo when it grows */transform-origin:right center;transform:scaleX(0);    /* start hidden (no coverage) */will-change:transform;z-index:2;pointer-events:none;opacity:1;}
@keyframes wipe{
    0%{opacity:1;clip-path:inset(0 0 0 100%);}
    100%{opacity:1;clip-path:inset(0 0 0 0);}
}

/* Big image (scale up) */
.pre-loader-img{position:absolute;top:77px;left:68px;right:0;bottom:0;width:var(--logo-width);transform:translate(-50%,-50%) scale(0.3);display:flex;z-index:3;pointer-events:none;transition:transform 1.4s ease-in-out,opacity 1s ease;align-items:center;justify-content:center;margin:auto;opacity:1%;}
@keyframes logoBlink{
    0%,100%{opacity:1;}
    50%{opacity:0;}
}
@keyframes scaleUp{
    0%{transform:translate(-50%,-50%) scale(0);opacity:0;}
    100%{transform:translate(-50%,-50%) scale(3);opacity:1;}
}

/* Hide preloader */
.preloader.hide{animation:fadeOut 1s ease forwards;animation-delay:5s;}
@keyframes fadeOut{
    to{opacity:0;visibility:hidden;}
}
@keyframes logoZoom{
    0%{opacity:0;transform:scale(0.86);}
    60%{opacity:1;transform:scale(1.06);}
    100%{opacity:1;transform:scale(1);}
}
#logoFull.blink{animation:logoBlink 0.6s ease forwards;}
#logoFull{opacity:1;transition:opacity 0.5s ease;    /* smooth fade */}
@keyframes logoBlink{
    0%,50%,100%{opacity:1;}
    25%,75%{opacity:0;}
}
.afterload{display:none;}
.afterload.show{display:block;}
.color-wipe.active{transition:transform var(--wipe-duration) cubic-bezier(.2,.9,.2,1);transform:scaleX(var(--wipe-target));}
.pre-loader-img.reveal{opacity:100%;transform:translate(-50%,-50%) scale(var(--img-scale));}
.preloader.hiding{transition:opacity .8s ease,visibility .8s;opacity:0;visibility:hidden;pointer-events:none;}
.marquee{overflow:hidden;position:relative;}
.marquee-inner{display:flex;width:max-content;animation:scroll-left 20s linear infinite;gap:0 90px;}
.glass-effect img{width:230px;}
@keyframes scroll-left{
    0%{transform:translateX(0);}
    100%{transform:translateX(-50%);}
}
.glass-effect{border:1px solid #ffffff33;height:152px;display:flex;align-items:center;border-radius:30px;background-color:#ffffff08;margin-top:14rem;overflow:hidden;}
section.home-section-three .content.border-top{border-top:1px solid #ffffff!important;}
section.home-section-three .content.border-bottom{border-bottom:1px solid #ffffff!important;border-top:1px solid #fff!important;}
section.home-section-three .content .col-md-4{padding:0;}
section.home-section-three .content .col-md-4:nth-child(1) .inner{padding-left:22%;padding-right:6%;}
section.home-section-three .content .inner{height:290px;display:flex;flex-direction:column;align-items:start;justify-content:center;border-right:1px solid #fff;padding:0 24px;transition:all 0.5s;position:relative;cursor:pointer;overflow:hidden;}
section.home-section-three .content .inner img{margin:0 0 16px;}
section.home-section-three .content .inner h4{font-family:'Britanica-HeavyItalic-Regular';font-size:20px;line-height:27px;vertical-align:middle;text-transform:uppercase;color:#fff;}
section.home-section-three .content .inner p{font-family:Mariupol-Regular;font-size:17px;line-height:25px;letter-spacing:0px;color:#fff;}
section.home-section-three .content.border-top .col-md-4:nth-child(1) .inner::after{top:0;left:-100%;}
section.home-section-three .content.border-top .col-md-4:nth-child(2) .inner::after{top:-100%;left:0%;}
section.home-section-three .content.border-top .col-md-4:nth-child(3) .inner::after{top:0%;right:-100%;}
section.home-section-three .content.border-bottom .col-md-4:nth-child(2) .inner::after{bottom:-100%;left:0%;}
section.home-section-three .content .col-md-4:nth-child(3) .inner{padding-right:14%;border-right:unset;}
section.home-section-three .content .col-md-4:nth-child(2) .inner{padding:0 60px;}
section.home-section-three .inner:after{background-color:#5202FF;content:'';position:absolute;width:100%;height:100%;z-index:-1;transition:all 0.4s;}
section.home-section-three .content.border-bottom .marquee-inner{border-bottom:unset;}
section.home-section-three .content.border-bottom .col-md-4:nth-child(3) .inner::after{top:0%;right:-100%;}
section.home-section-three .content.border-top .col-md-4:nth-child(1) .inner:hover::after{left:0;}
section.home-section-three .content.border-top .col-md-4:nth-child(2) .inner:hover::after{top:0;}
section.home-section-three .content.border-top .col-md-4:nth-child(3) .inner:hover::after{right:0;}
section.home-section-three .content.border-bottom .col-md-4:nth-child(1) .inner:hover::after{left:0;}
section.home-section-three .content.border-bottom .col-md-4:nth-child(2) .inner:hover::after{bottom:0;}
section.home-section-three .content.border-bottom .col-md-4:nth-child(3) .inner:hover::after{right:0;}
section.home-section-three .content.border-bottom .col-md-4:nth-child(1) .inner::after{top:0;left:-100%;}
.big-title{text-align:center;}
.big-title h3{font-family:sans-serif;font-weight:900;line-height:475.23px;text-align:center;text-transform:uppercase;-webkit-text-stroke:2px #F84141;color:transparent;font-size:clamp(20px,20vw,235px);letter-spacing:1px;white-space:normal;    /* ab text break ho jayega */word-break:break-word;transition:all 0.5s;margin-right:70px;}
.big-title h3:hover{-webkit-text-fill-color:#e43c3e;}
.fill-color h3{-webkit-text-fill-color:#e43c3e!important;}
section.home-section-four .content{padding:80px 7% 100px;}
.title h3{font-family:Inter;font-weight:800;font-size:111.32px;line-height:100px;letter-spacing:-3.43px;text-align:center;text-transform:uppercase;color:#fff;position:relative;z-index:1;}
.home-section-four h3,.home-section-five h3{line-height:220px;}
section.home-section-four{padding:80px 0 0;background-color:#000;}
section.home-section-four .content h6{font-family:'Mariupol-Regular';font-weight:400;font-size:16px;color:#F84141;line-height:12px;text-align:left;text-transform:uppercase;margin:0 0 1rem;}
section.home-section-four .content h3{font-family:'PresicavRg-Regular';font-weight:400;font-size:clamp(18px,2vw,30px);color:#F9F9F9;line-height:clamp(21px,7vw,36.8px);letter-spacing:0.64px;text-transform:uppercase;}
section.home-section-four .big-title{top:-108px;z-index:1;left:0;right:0;display:flex;margin:0 auto;justify-content:center;}
section.home-section-five .content{padding:70px 7%;}
section.home-section-five .content .inner{height:316px;background-color:#ffffff;padding:30px;display:flex;flex-direction:column;justify-content:center;gap:30px 0;cursor:pointer;transition:all 0.4s;}
section.home-section-five .content .inner ul{gap:0 4px;}
section.home-section-five .content .inner ul li{list-style:none;}
section.home-section-five .content .inner ul li svg{color:#F84141;}
section.home-section-five .content .inner .middle p{font-family:'Mariupol-Regular';font-weight:400;font-size:16px;line-height:26px;color:#000000;opacity:85%;margin:0;}
section.home-section-five .content .inner .bottom .d-flex{gap:0 16px;}
section.home-section-five .content .inner .bottom img{width:40px;height:40px;}
section.home-section-five .content .inner .bottom h4{font-family:Inter;font-weight:500;font-size:17.86px;line-height:27px;letter-spacing:0.8px;vertical-align:middle;color:#000;margin:0;}
section.home-section-five .content .inner .bottom h6{font-family:Inter;font-weight:400;font-size:13.78px;opacity:70%;line-height:21px;letter-spacing:0.8px;vertical-align:middle;color:#000;margin:0;}
section.home-section-five .content .row{gap:16px 0;}
section.home-section-six .content{padding:70px 7%;height:840px;display:flex;align-items:center;justify-content:center;position:relative;}
section.home-section-six .text h1{font-family:"PresicavRg-Regular";font-weight:900;color:#ffffff;line-height:100%;letter-spacing:0px;text-transform:uppercase;margin:0 0 3rem;font-size:clamp(30px,4vw,37px);line-height:clamp(36px,6vw,77px);/* word-break:break-all; */}
.home-section-six .position-relative span.tag{position:absolute;right:40px;top:40px;background-color:#f84141;font-family:JetBrains Mono;font-weight:700;font-size:16px;width:115px;transform:rotate(4deg);line-height:17.6px;letter-spacing:-1.3px;text-align:center;text-transform:uppercase;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;}
.custom-width{max-width:max-content;text-align:center;display:flex;flex-direction:column;gap:16px 0;position:relative;}
section.home-section-six a.start-project{border:1px solid #f84141;display:flex;width:320px;height:80px;transition:all ease 0.5s;border-radius:50px;justify-content:center;align-items:center;font-family:'Mariupol-Regular';font-weight:500;position:relative;font-size:26px;color:#fff;line-height:100%;background-color:#f84141;text-align:center;text-decoration:unset;text-transform:uppercase;}
section.home-section-six a.start-project::before{content:'';position:absolute;bottom:-16px;transition:all ease 0.5s;left:0;border:1px solid #f84141;width:100%;height:100%;border-radius:50px;}
section.home-section-six a.start-project::after{content:'';position:absolute;bottom:-8px;left:0;border:1px solid #f84141;width:100%;height:100%;transition:all ease 0.5s;border-radius:50px;}
section.home-section-six a.start-project:hover{background-color:transparent;color:#ffffff;border-color:transparent;padding-bottom:20px;}
section.home-section-six a.start-project:hover::before{opacity:50%;bottom:16px;}
section.home-section-six a.start-project:hover::after{bottom:8px;opacity:70%;}
section.home-section-six .text h6{font-family:'Mariupol-Regular';font-weight:400;font-size:14px;line-height:23.94px;text-transform:uppercase;color:#F9F9F9;margin:1rem 0 0;}
.click-to-copy{display:flex;align-items:center;justify-content:center;}
.click-to-copy h5{font-family:'Mariupol-Regular';font-weight:400;font-size:14px;color:#0C081E;border-radius:50px;line-height:16.94px;text-align:center;text-transform:uppercase;border:1px solid #0C081E;margin:0;background-color:#F9F9F9;height:32px;display:flex;width:auto;align-items:center;justify-content:center;padding:0 16px;}
.click-to-copy span{border:1px solid #F9F9F9;min-width:31.94px;height:31.94px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;color:#fff;}
#copied{display:none;margin-left:5px;color:#f9f9f9;font-size:0.9em;transition:opacity 0.3s ease;border:unset;height:unset;width:unset;position:absolute;bottom:-30px;font-family:'JetBrains Mono';}
.contact-us-form{background-color:#5202FF;border-radius:30px;overflow:hidden;height:720px;box-shadow:3.6px 7.2px 12px 0px #00000059;border:1px solid #F84141;}
.request-quote{margin-top:2rem;padding:0 30px 30px;}
.forms-switch button{font-family:'Mariupol-Regular';font-weight:500;font-size:18px;line-height:17px;background-color:#ffffff;vertical-align:middle;text-transform:uppercase;border:unset;padding:0;display:inline-block;color:#000000;margin:0 auto;width:100%;height:60px;margin:0;}
.request-quote label{font-family:'Mariupol-Regular';font-weight:400;font-size:15px;display:flex;align-items:center;cursor:pointer;line-height:17px;color:#FFFFFF;vertical-align:middle;text-transform:uppercase;margin:0 0 1rem;}
.request-quote .row{gap:16px 0;}
.request-quote input{border:1px solid #000000;width:100%;background-color:#fff;border-radius:13px;height:54px;font-family:'Mariupol-Regular';font-weight:400;font-size:15px;line-height:17px;color:#000000;vertical-align:middle;padding:0 0 0 16px;outline:unset;}
.request-quote textarea{border:1px solid #000;width:100%;background-color:#fff;border-radius:13px;height:108px;font-family:'Mariupol-Regular';font-weight:400;resize:none;font-size:15px;line-height:17px;color:#000;vertical-align:middle;padding:16px 0 0 16px;outline:unset;}
.need-help-sec{margin-top:2rem;}
.need-help-sec h4{margin:0;font-family:'Mariupol-Regular';font-weight:400;font-size:15px;line-height:17px;color:#f9f9f9;vertical-align:middle;text-transform:uppercase;}
.contact-us-form .checkbox-container{display:flex;gap:15px;margin-top:1rem;flex-direction:unset;}
.need-help-sec label{margin:0;}
.contact-us-form input[type="checkbox"]{display:none;}
.contact-us-form .custom-checkbox{min-width:18px;min-height:18px;border-radius:4px;margin-right:10px;display:flex;background-color:#ffffff;justify-content:center;align-items:center;transition:all 0.2s ease;border:1px solid #000000;}
.custom-checkbox{position:relative;cursor:pointer;font-family:Mariupol;font-weight:400;font-size:20px;line-height:23.6px;}
.contact-us-form .custom-checkbox::after{content:'';width:10px;height:10px;background:#5202ff;border-radius:2px;opacity:0;transition:opacity 0.2s ease;}
.contact-us-form .checkbox-label{font-family:'Mariupol-Regular';font-weight:500;font-size:15px;color:#FFFFFF;line-height:17px;text-transform:capitalize;}
.your-budget-sec{margin:2rem 0;}
.your-budget-sec h4{margin:0;font-family:'Mariupol-Regular';font-weight:400;font-size:15px;line-height:17px;color:#f9f9f9;vertical-align:middle;text-transform:uppercase;}
.your-budget-sec select{margin-top:1rem;border:1px solid #000000;width:100%;background-color:#ffffff;border-radius:13px;height:54px;font-family:'Mariupol-Regular';font-weight:400;font-size:15px;line-height:17px;color:#000000;vertical-align:middle;padding:0 16px;outline:unset;}
.contact-us-form .send-message{background-color:#000000;display:flex;width:100%;transition:all 0.5s;justify-content:center;align-items:center;height:54px;font-family:'Mariupol-Regular';font-weight:500;font-size:16px;color:#ffffff;line-height:17px;text-transform:uppercase;border-radius:50px;border:1px solid transparent;}
.contact-us-form .send-message:hover{border-color:#D0F601;background-color:transparent;color:#fff;}
.contact-us-form p.info{font-family:'Mariupol-Regular';font-weight:400;font-size:14px;line-height:19px;color:#ffffff;margin:1rem 0 0;}
.calendar{width:100%;background:#140f2d;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,0.1);overflow:hidden;}
.calendar-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#5202ff;color:white;}
.calendar-header h2{margin:0;font-size:28px;font-family:'Mariupol-Regular';}
.calendar-nav{display:flex;gap:15px;}
.calendar-nav button{background:none;border:none;color:white;font-size:1.2rem;cursor:pointer;padding:5px 10px;border-radius:5px;transition:background 0.3s;}
.calendar-nav button:hover{background:rgba(255,255,255,0.2);}
.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:#f1f1f1;padding:10px 0;text-align:center;font-family:'Mariupol-Regular';font-weight:600;}
.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding:10px;background-color:white;}
.day{aspect-ratio:1;display:flex;justify-content:center;align-items:center;border-radius:5px;cursor:pointer;transition:all 0.2s;font-family:'JetBrains Mono';}
.day:hover{background:#e0e0e0;}
.day.today{background:#5202ff;color:white;font-weight:bold;}
.day.other-month{color:#aaa;}
.day.selected{background:#34a853;color:white;}
.calendar-header button{background-color:transparent;border:unset;padding:0;}
.calendar-header button svg{color:#fff;}
.contact-us-form input[type="checkbox"]:checked + .custom-checkbox::after{opacity:1;}
.callto .container{background:#f84141;padding:4rem 0;text-align:center;border-radius:20px;}
.callto h2{color:#fff;font-family:'Outfit';font-size:75px;line-height:80px;max-width:800px;margin:auto;font-weight:700;letter-spacing:-3px;}
.callto p{color:#fff;font-family:'Outfit';max-width:830px;margin:30px auto;font-size:22px;font-weight:300;}
a#prc-btn{background:#110824;padding:20px 40px;display:inline-flex;border-radius:10px;color:#fff;font-size:18px;font-family:'Outfit';text-decoration:unset;margin-top:2rem;font-weight:500;}
a#prc-btn i{background:#fff;color:#000;height:20px;width:20px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;padding:10px;font-size:11px;margin-left:10px;}
.footer{padding-top:100px;font-family:'Outfit';font-weight:300;}
.ft-main{display:flex;justify-content:space-between;align-items:center;}
.ft-lft-blk p{max-width:300px;font-family:'Outfit';color:#fff;font-weight:300;margin:1rem 0 0;}
ul.contact-info li a{color:#fff;text-decoration:unset;}
ul.contact-info li a img{margin:0 10px 0 0;width:20px;}
ul.social-links{display:flex;justify-content:left;margin:20px 0 0;padding:0;}
ul.social-links li{margin:0 20px 0 0;list-style:none;font-size:20px;}
ul.social-links li i{color:#fff;}
.ft-copyright{display:flex;justify-content:space-between;border-top:1px solid #ffffff29;padding:20px 0;margin-top:80px;}
ul.ft-menu{display:flex;margin:0;padding:0;align-items:center;gap: 0 30px;}
ul.ft-menu li{margin:0;list-style:none;}
ul.ft-menu li a,.ft-copyright p{color:#fff;font-size:15px;line-height:22px;font-family:'Outfit';font-weight:200;text-decoration:unset;}
section.home-section-two{position:relative;margin-top:9rem;}
section.home-section-two h4{color:#fff;font-family:'Inter';font-size:30px;font-weight:600;margin:0 0 3rem;}
section.home-section-two p{font-family:'Inter';color:#E1E1E1;font-size:16px;font-weight:400;}
section.home-section-two .img img{width:76%;position:absolute;top:0;right:-350px;z-index:-1;}
@keyframes slideInRight{
    0%{left:0;opacity:0;}
    100%{left:calc(22vw - 200px);        /* Use viewport width for accurate positioning */opacity:1;}
}
.animate{animation:slideInRight 2s ease-out forwards;}
section.home-section-four .container-fluid{position:relative;z-index:2;}
section.home-section-four .content img{width:100%;margin:0 0 1.3rem;}
section.home-section-four .row{gap:80px 0;}
section.home-section-five{padding:4rem 0 0;position:relative;background-color:#000;}
section.home-section-five .big-title{left:0;right:0;display:flex;margin:0 auto;justify-content:center;bottom:-110px;z-index:0;}
section.home-section-five .container-fluid{position:relative;}

/*section.home-section-five .big-title h3 {*/

/*    font-size: clamp(20px, 21vw, 380px);*/

/*}*/
.request-quote input::placeholder{color:#000;}
.request-quote textarea::placeholder{color:#000;}
a#prc-btn span{display:inline-flex;align-items:center;gap:0 16px;}
a#prc-btn span svg{background-color:#fff;color:#110824;width:12px;height:12px;padding:7px;border-radius:50%;}
ul.contact-info li{margin-bottom:10px;list-style:none;}
ul.contact-info{margin:0;padding:0;display:flex;flex-direction:column;gap:20px 0;}
ul.social-links li svg{color:#fff;}
ul.social-links li:hover svg{color:#f84141;}
.forms-switch button.active{background:#5202ff!important;color:#fff!important;}
section.home-section-five .content .inner:hover{background-color:#f84141;}
section.home-section-five .content .inner:hover svg,section.home-section-five .content .inner:hover p,section.home-section-five .content .inner:hover h4,section.home-section-five .content .inner:hover h6{color:#fff;}
section.home-section-five .content .inner:hover img{filter:invert(1);}
section.home-section-three .content .inner:hover img{filter:brightness(0) invert(2);}

/* Hero Sectin  */

/* .banner .slick-dots li.slick-active button:before {
opacity: 1;
color: #ff4d45;
transform: scale(2.5);
}

.banner .slick-dots li button:before {
transform: scale(2);
color: #fff;
opacity: 1;
}

.banner ul.slick-dots {
bottom: -80px;
} */
section.banner h1 span#typed-words{color:#ff4d45;}
section.home-section-two .img img{transition:transform 0.2s ease-out;will-change:transform;}
.btm-text p{color:#fff;font-size:26px;line-height:34px;background:#ffffff2b;padding:15px 20px;max-width:390px;border-radius:10px;backdrop-filter:blur(11px);font-family:'Inter';}
.btm-text{margin-top:50px;}
.home-section-three h3{margin-bottom:50px;}
.popupform{width:420px;border-radius:10px;padding:24px 30px 30px;overflow:visible;border-bottom:none;background:#f7f7f7;background-size:contain!important;}
.pop-head h3{color:#000;font-size:20px;text-transform:uppercase;font-weight:600;margin:0;}
.popupform h2{font-size:18px;font-weight:600;padding-left:0;border-left:none;}
.pop-head h3 span{color:#5202ff;position:relative;top:-2px;}
.popupform form input{margin:0;font-weight:400;margin:0 0 13px;}
.popupform ul li input[type=submit]{background:#5202ff;color:#fff;font-size:18px;border:1px solid #5202ff;text-transform:uppercase;font-weight:600;padding:11px 10px;outline:0;border-radius:3px;width:100%}
.popupform .fancybox-close-small{border:none;    /*background: url(../images/close1.png) center center no-repeat;*/border-radius:0;text-align:center;box-shadow:none;right:0;top:0;overflow:visible}
.popupform ul li input[type=email],popupform ul li input[type=tel],.popupform ul li input[type=text],.popupform ul li textarea{background:#fff;border:1px solid #cecece;padding:13px;width:100%;border-radius:3px;font-size:14px;color:#000;box-shadow:none!important;outline:0!important;resize:none;height:45px;}
.popupform ul li textarea{height:95px}
.popupform textarea.form-control{height:90px;margin:0 0 13px;}
.popupform ul li{text-align:left;position:relative;width:100%;margin:8px 0 0;display:inline-block;}
.popupform ul{margin:0;}
.popupform ul li input[type=email],.popupform ul li input[type=text],.popupform ul li textarea::placeholder{font-size:15px;font-weight:500;color:#444;}
input.cst-btn{background-color:#F84141;width:100%;border:none;color:#fff;padding:10px;border-radius:5px;}
.pop-head{text-align:center;margin:0 0 20px;}
.h_banner{width:100%;height:100%;position:relative;overflow:hidden;}
.ban_box{transition:right 1s cubic-bezier(0.22,0.61,0.36,1);display:flex;justify-content:center;align-items:center;height:100vh;}
.ban_box h1{font-family:'Britanica-HeavyItalic-Regular';font-weight:700;font-size:100px;color:#fff;text-transform:uppercase;letter-spacing:3px;text-align:center;width:90%;}
.inner.img img{background:#F84141;border-radius:50%;padding:10px;}
section.home-section-three .content .inner.img:hover img{filter:none;}
section.home-section-three .inner.img:after{background-color:#f84141;}
.h_sec2{background:#fff;padding:30px 0;overflow:hidden;}


.review ul li {
    display: inline-block;
    background: #fff;
    border-radius: 5px;
    padding: 10px 10px;
    text-align: center;
}

.review ul li img {
    height: 30px;
}

.review {
    margin-top: 19px;
}
.s2_right ul li{display:inline-block;list-style:none;text-align:center;padding:0 0 0 30px;transition:.3s 
linear;}
.s2_right ul li img{    /* height: 60px; */
max-width:fit-content;}
.s2_right ul li h2{font-size:16px;text-align:center;margin-top:10px;}
.s2_box{text-align:left;border-bottom:2px solid;margin:0 0 20px;}
.s2_left h3{font-family:PresicavRg-Bold;font-weight:700;font-size:24px;color:#000000;text-transform:uppercase;letter-spacing:3px;text-align:center;}
.s2_left{display:flex;margin-top:25px;}
.s2_top h2{font-family:PresicavRg-Bold;font-weight:800;font-size:35px;line-height:100px;text-transform:uppercase;color:#000000;position:relative;z-index:1;margin:0 0 40px;}
.s3_top h2{font-family:PresicavRg-Bold;font-weight:800;font-size:35px;line-height:100px;text-transform:uppercase;color:#fff;position:relative;z-index:1;}
.s3_left p{font-family:'PresicavRg-Regular';font-size:24px;line-height:38.4px;text-transform:uppercase;color:#fff;position:relative;z-index:1;}
.s3_top{border-bottom:1px solid #fff;margin:0 0 40px;}
.progress-steps{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:600px;margin:20px auto;height:auto;flex-direction:row;}
.step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;flex-direction:row;}
.step:not(:last-child)::after{content:'';position:absolute;top:50%;right:-25%;width:25%;height:2px;background-color:#e0e0e0; /* Default line color */z-index:0;display:none;}
.step.completed:not(:last-child)::after{background-color:#8B3DC3; /* Active line color */}
.circle{width:36px;height:36px;border-radius:50%;background-color:#e0e0e0; /* Default circle color */color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:bold;z-index:1;}
.step.completed .circle{background-color:#8B3DC3;}
.step.active .circle{background-color:black;color:white;}
.s3_bot img{max-width:100%;}
.s3_bot{margin:30px 0;}
section.home-section-three.sd{padding-top:30px;}

/* .process-container {
  text-align: center;
  max-width: 1200px;
  margin: 20px auto;
} */
.process-container h2{margin-bottom:30px;font-size:24px;color:#333;}
.process-steps-wrapper{overflow:hidden; /* Hide overflow to create the sliding effect */width:100%; /* Ensure wrapper takes full width */}
.process-steps{display:flex;    /* gap: 20px; */    /* padding: 10px; */
    transition:transform 0.5s ease; /* Add sliding transition */transform:translateX(0); /* Default position */justify-content:space-between;    /* flex-direction: row; */    /* flex-wrap: wrap; */
align-content:flex-end;}
.step{text-align:center;flex:0 0 auto;opacity:0.5; /* Make hidden steps less prominent */transition:opacity 0.3s ease,transform 0.3s ease;}
.icon{    /* background-color: #6d3d86; */
    width:AUTO;height:auto;margin:0 auto 10px;    /* border-radius: 50%; */    /* display: flex; */
justify-content:center;align-items:center;}
.icon img{width:80%;height:50%;object-fit:cover;}
.step p{font-size:16px;color:#fff;margin:0 0 10px;}
.arrow{    /* text-align: center; */
font-size:50px;color:#F84141;flex-shrink:0;    /* display: none; Hide arrows on mobile */position:relative;left:-5px;right:0;bottom:0;top:29px;}
.highlight{    /* background-color: #a04bca; */
transform:scale(1.1); /* Slightly enlarge the active circle */opacity:1;}


/*   
.visible-step {
  opacity: 1;
  transform: scale(1);
} */
@media (max-width:768px){
    .process-steps-wrapper{padding:0 15px; /* Add padding to keep steps within the view */}
    .process-steps{justify-content:center;}
    .process-steps .step{width:80px;transform:scale(0.8); /* Slightly smaller steps */}
    .highlight{transform:scale(1.1);}
    .step p{display:none; /* Hide text to save space */}
    .arrow{        /* font-size: 24px;
                                                                      color: #6d3d86;
                                                                      flex-shrink: 0; */
    display:none;}
}
.bf{position:relative;top:-13px;}
p.pro{position:absolute;content:"";left:0;right:0;}
.h_sec3{position:relative;overflow:hidden;}
.s4_img img{max-width:-webkit-fill-available;border:1px solid #000;}
.s4_content h3{font-family:Mariupol-Medium;font-size:22px;text-transform:uppercase;color:#0C081E;}
.s4_content{background:#fff;padding:20px 20px;position:relative;z-index:999;transition:all 0.5s;border:1px solid #000;}
.s4_content p{font-family:'Mariupol-Regular';font-size:15px;text-transform:uppercase;color:#0C081E;}
.s4_content ul li{display:inline-block;color:#000;font-size:15px;border:1px solid #0C081E;border-radius:50px;padding:5px;background:#fff;font-family:'Mariupol-medium';font-size:12px;text-transform:uppercase;color:#0C081E;}
.s4_list ul{padding:0;}
.s4_list{display:flex;flex-direction:row;justify-content:space-between;}
ul.colorblue li{background:#0C081E;}
ul.colorblue li a{color:#fff;text-decoration:none;}
ul.colorblue li{background:#0C081E;}
ul.colorblue li a{color:#fff;text-decoration:none;}
.s4_content:before{background-color:#F84141;content:'';position:absolute;width:100%;height:100%;z-index:-1;transition:all 0.4s;top:0;left:0;opacity:0;}
.s4_content:hover::before{bottom:0;opacity:1;}
.s4_content:hover p{color:#fff;}
.no_space{padding-right:0!important;padding-left:0!important;}
.s4_topleft h2{background:#fff;font-family:PresicavRg-Bold;font-weight:800;font-size:28px;line-height:100px;text-transform:uppercase;color:#0C081E;position:relative;z-index:1;}
.h_sec4{background:#fff;overflow:hidden;}
.s4_topright a{font-family:'Mariupol-Regular';font-size:15px;text-transform:uppercase;color:#0C081E;background:#0C081E;color:#fff!important;padding:10px 20px;border-radius:50px;display:inline-block;text-decoration:none;}
.s4_topright{text-align:center;margin:39px 0;}
.s4_topleft{text-align:center;margin:10px 0;}
.h_sec5{padding:60px 0;background:url(../images/s5_banner.png) no-repeat;background-position:right;background-size:contain;overflow:hidden;}
.s5_left h2{font-family:PresicavRg-Bold;font-weight:800;font-size:28px;text-transform:uppercase;position:relative;z-index:1;line-height:44.2px;letter-spacing:0.77px;color:#fff;margin:0 0 20px;}
.s5_left h2 span{color:#D1F601;}
.s5_left p{font-family:'Mariupol-Regular';font-size:15px;text-transform:uppercase;color:#ffffff;}
.s5_left{text-align:left;}
.s5_right{text-align:right;}
.s5_right a{display:inline-block;text-decoration:none;color:#0C081E;background:#fff;border-radius:50px;padding:10px 20px;}
.s5_right{margin-top:44px;}
.h_sec6{/* background:#fff; */overflow:hidden;border-top:1px solid #fff;border-bottom:1px solid #fff;}
.s6_top h2{font-family:PresicavRg-Bold;font-weight:800;font-size:23px;text-transform:uppercase;position:relative;z-index:1;letter-spacing:0.77px;color:#ffffff;padding:10px 0px;}
.s7_box{text-align:center;border-bottom:1px solid #fff;border-right:1px solid #fff;padding:25px 30px;}
.h_sec7{padding:0;overflow:hidden;}
.s7_right h2{font-family:PresicavRg-Bold;font-weight:800;font-size:18px;text-transform:uppercase;position:relative;z-index:1;letter-spacing:0.77px;color:#ffffff;}
.s7_right p{font-family:'Mariupol-Regular';font-size:15px;text-transform:uppercase;color:#ffffff;}
.s7_right{text-align:left;}
.s7_left{background:#F84141;padding:20px 0;}
.s7_left img{height:50px;}
.h_sec8{padding:0 0 60px;/* overflow: hidden; */}
.h_sec9{    /* padding: 60px 0; */
background:#F84141;}
.s9_bbox{text-align:center;color:#fff;border-right:1px solid #fff;padding:60px 0;}
.s9_bot{width:100%;margin:50px 0 0;}
.s9_bbox h3{font-size:48px;font-family:'PresicavRg-Regular';text-transform:uppercase;position:relative;z-index:1;letter-spacing:0.77px;color:#ffffff;margin:0;}
.s9_bbox h5{font-family:'PresicavRg-Regular';\:800;font-size:19px;text-transform:uppercase;position:relative;z-index:1;letter-spacing:0.77px;color:#ffffff;margin:0 0 50px;}
.s9_bbox.s9{border:none;}
section.home-section-five .content{padding:70px 7%;}
section.home-section-five .content .inners10{height:316px;background-color:#181135;padding:30px;display:flex;flex-direction:column;justify-content:center;gap:30px 0;cursor:pointer;transition:all 0.4s;}
section.home-section-five .content .inners10 ul{gap:0 4px;}
section.home-section-five .content .inners10 ul li{list-style:none;}
section.home-section-five .content .inners10 ul li svg{color:#F84141;}
section.home-section-five .content .inners10 .middle p{font-family:'Mariupol-Regular';font-weight:400;font-size:16px;line-height:26px;color:#ffffff;opacity:85%;margin:0;}
section.home-section-five .content .inners10 .bottom .d-flex{gap:0 16px;}
section.home-section-five .content .inners10 .bottom img{width:40px;height:40px;}
section.home-section-five .content .inners10 .bottom h4{font-family:Inter;font-weight:500;font-size:17.86px;line-height:27px;letter-spacing:0.8px;vertical-align:middle;color:#fff;margin:0;}
section.home-section-five .content .inners10 .bottom h6{font-family:Inter;font-weight:400;font-size:13.78px;opacity:70%;line-height:21px;letter-spacing:0.8px;vertical-align:middle;color:#ffffff;margin:0;}
section.home-section-five .content .row{gap:16px 0;}
section.home-section-five .content .inners10:hover{background-color:#f84141;}
section.home-section-five .content .inners10:hover svg,section.home-section-five .content .inners10:hover p,section.home-section-five .content .inners10:hover h4,section.home-section-five .content .inners10:hover h6{color:#fff;}
section.home-section-five .content .inners10:hover img{filter:invert(1);}
section.home-section-three .content .inners10:hover img{filter:brightness(0) invert(2);}
.faq-title{text-align:center;font-size:2rem;margin-bottom:20px;}
.faq-item{border-bottom:1px solid #ddd;padding:10px 0;}
.faq-question{width:100%;background:none;border:none;outline:none;text-align:left;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:10px 0;color:#fff;}
.faq-question .icon{transition:transform 0.3s ease;font-weight:bold;font-size:1.2rem;margin:0 10px;}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.3s ease;padding:0 0;}
.faq-answer p{margin:10px 0;color:#fff;}
.faq-item.active .faq-answer{max-height:200px; /* enough for content */padding:10px 0;}
.faq-item.active .faq-question .icon{transform:rotate(180deg);content:"–";}
section.faq{padding:60px 0 0;}
.accordion-item{color:var(--bs-accordion-color);background-color:#ffffff00!important;border-right:none!important;border-left:none!important;}
.accordion .accordion-item{border-bottom:1px solid #e5e5e5;transition:.3s linear;}
.accordion .accordion-item button[aria-expanded='true']{border-bottom:1px solid #ffffff;}
.accordion button{position:relative;display:block;text-align:left;width:100%;padding:1em 0;color:#ffffff;font-size:1.15rem;font-weight:400;border:none;background:none;outline:none;}
.accordion button:hover,.accordion button:focus{cursor:pointer;color:#F84141;transition:.3s linear;}
.accordion button:hover::after,.accordion button:focus::after{cursor:pointer;color:#03b5d2;border:1px solid #03b5d2;}
.accordion button .accordion-title{padding:1em 1.5em 1em 0;}
.accordion button .icon{display:inline-block;position:absolute;top:18px;right:0;width:22px;height:22px;border:1px solid;border-radius:22px;}
.accordion button .icon::before{display:block;position:absolute;content:'';top:9px;left:5px;width:10px;height:2px;background:currentColor;}
.accordion button .icon::after{display:block;position:absolute;content:'';top:5px;left:9px;width:2px;height:10px;background:currentColor;}
.accordion button[aria-expanded='true']{color:#ffffff;}
.accordion button[aria-expanded='true'] .icon::after{width:0;}
.accordion button[aria-expanded='true'] + .accordion-content{opacity:1;max-height:9em;transition:all 200ms linear;will-change:opacity,max-height;}
.accordion .accordion-content{opacity:0;max-height:0;overflow:hidden;transition:opacity 200ms linear,max-height 200ms linear;will-change:opacity,max-height;}
.accordion .accordion-content p{font-size:1rem;font-weight:300;margin:2em 0;color:#fff;}
.h_sec10.sec{overflow:hidden;}
.s10_content h3{font-family:Mariupol-Medium;font-size:20px;text-transform:uppercase;color:#ffffff;}
.s10_content{padding:20px 20px;position:relative;z-index:999;transition:all 0.5s;/* border:1px solid #000; */text-align:center;}
.s10_box:before{background-color:#F84141;content:'';position:absolute;width:100%;height:100%;z-index:-1;transition:all 0.4s;top:0;left:0;opacity:0;}
.s10_box:hover::before{bottom:0;opacity:1;}
.s10_box{transition:all 0.5s;}
.s10_box:hover{-webkit-transform:scale(1.3);transform:scale(1.1);}
.s11_inner h3{font-family:PresicavRg-Bold;font-weight:800;font-size:32px;text-transform:uppercase;position:relative;z-index:1;letter-spacing:0.77px;color:#ffffff;padding:10px 0px;}
.s11_inner{padding:40px 41px;border-right:1px solid #fff;transition:all 0.5s;height:680px;}
.s11_inner p{font-family:'Mariupol-Regular';font-size:15px;text-transform:uppercase;color:#ffffff;margin-top:20px;}
.s11_inner img{max-width:100%;transition:all 0.5s;border-radius:20px;}
.s11_inner:hover img{transform:scale(1.03);}
.border1{border-bottom:1px solid #fff;}
.s11_inner.sboder{border:none;}
.s11_inner:hover{background:#F84141;transition:all 0.5s;    /* transform: scale(1.1); */}
.contact-us-form.work{background-color:#fff;}
.contact-us-form.work .request-quote label{color:#000;}
.contact-us-form.work .need-help-sec h4{color:#000000;}
.contact-us-form.work .contact-us-form .checkbox-label{color:#000000;}
.contact-us-form.work .your-budget-sec h4{color:#000000;}
.contact-us-form.work .send-message{background-color:#f84141;}
.contact-us-form.work .send-message:hover{border-color:#f84141;background-color:transparent;color:#000000;}
p.info.work{color:#000;}
.s2_right ul li:hover{transform:scale(1.1);max-width:fit-content;transition:.3s linear;}
canvas{width:100%;height:100%;position:absolute;top:0;}
[class^="letter"]{-webkit-transition:opacity 3s ease;-moz-transition:opacity 3s ease;transition:opacity 3s ease;}
.letter-0{transition-delay:0.2s;}
.letter-1{transition-delay:0.4s;}
.letter-2{transition-delay:0.6s;}
.letter-3{transition-delay:0.8s;}
.letter-4{transition-delay:1.0s;}
.letter-5{transition-delay:1.2s;}
.letter-6{transition-delay:1.4s;}
.letter-7{transition-delay:1.6s;}
.letter-8{transition-delay:1.8s;}
.letter-9{transition-delay:2.0s;}
.letter-10{transition-delay:2.2s;}
.letter-11{transition-delay:2.4s;}
.letter-12{transition-delay:2.6s;}
.letter-13{transition-delay:2.8s;}
.letter-14{transition-delay:3.0s;}
.letter-15{transition-delay:3.2s;}
.ban_box h1{  /* visibility: hidden; */
position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.ban_box h1.transition-in{visibility:visible;}
.ban_box h1 [class^="letter"]{opacity:0;}
.ban_box h1.transition-in [class^="letter"]{opacity:1;}

/* .services*/
.flip-card{background-color:transparent;width:100%;height:400px;perspective:1000px;margin-bottom:30px;cursor:pointer;}
.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform 0.8s;transform-style:preserve-3d;}

/* Flip on hover (for desktop) */
.flip-card:hover .flip-card-inner{transform:rotateY(180deg);}

/* Flip on touch (when .flipped class added by JS) */
.flip-card.flipped .flip-card-inner{transform:rotateY(180deg);}
.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border:1px solid #ddd;border-radius:10px;overflow:hidden;}
.flip-card-front img{width:100%;height:100%;object-fit:cover;}
.flip-card-back{background:#F84141;color:#ffffff;transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;}
.tags button{margin:5px;border-radius:20px;font-size:12px;padding:5px 12px;color:#fff;border-color:#fff;border:1px solid;}
.view-btn{background:#000;color:#fff;border-radius:20px;margin-top:15px;text-transform:uppercase;font-weight:bold;font-size:12px;padding:6px 18px;}
.view-btn:hover{background:#333;color:#fff;}
.h_sec14{padding:60px 0;}
button.btn.view-btn{background:#0C081E;display:inline-block;color:#ffffff;font-size:15px;border:1px solid #0C081E;border-radius:50px;padding:10px 30px;font-family:'Mariupol-medium';font-size:12px;text-transform:uppercase;}
p.text-muted.px-3{color:#fff!important;}
.s15_tab_nav li.active{display:block;}
.s15_tab_nav{margin:0 0 30px;text-align:center;}
.s15_tab_nav li{display:inline-block;margin:0 10px;display:flex;flex-direction:row;}
.s15_tab_nav li a{text-align:center;font-size:16px;color:#ffffff;font-weight:400;transition:.3s;position:relative;display:block;padding:10px 15px;}
.s15_tab_nav li.active a{color:#f84141;background:transparent;border-bottom:2px solid #f84141;}
.s15_tab_nav li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus{color:#ffffff;border:none;background:#f84141;}
.s15_tab_nav li a:hover::before{width:100%;}
.s15_tab_nav li a::before{content:"";position:absolute;background:#f84141;width:0;height:2px;bottom:-3px;left:0;-webkit-transition:.5s;transition:.5s;}
.s15_tab_nav > li > a:hover,.s3_tab_nav  >.s3_tab_nav li > a:focus{background:transparent;color:#f84141;}
.h_sec15{width:100%;padding:50px 0;}
.fade.in{opacity:1;}
.tab-content>.active{display:block;}
ss
show{opacity:1;}
.nav > li > a{position:relative;display:block;padding:10px 15px;}
.fade:not(.show){opacity:1;}
.fade:not(.show){opacity:1;}
.s15_tab_nav{margin:0 0 30px;text-align:center;display:flex;erse;align-content:center;justify-content:center;}
.sec15_top{width:100%;margin:0 0 30px;text-align:center;}
.sec15_top p{margin:20px 0;font-size:1.2rem;}
.sec15_tab{border-radius:30px;margin:0 0 30px;}
.sec15_tab li{margin:0 5px;}
.sec15_box{width:100%;transition:linear .2s;color:#333a3f;background:#1A123C;padding:20px;border:3px solid #cccaca;border-radius:10px;clip-path:polygon(50% 1%,100% 0,98% 50%,100% 100%,48% 99.5%,0 100%,2% 51%,0 0);margin:0 0 20px;}
.sec15_box_top h3{font-size:20px;line-height:22px;margin:0;font-weight:600;color:#fff;font-family:Britanica-Heavy-Regular;}
.sec15_box_top span{text-decoration:line-through;margin:10px 0 0;display:block;color:#4c31ff;font-style:italic;}
.sec15_box_top h4{font-weight:700;font-size:3rem;color:#ff3d4a;}
.sec15_box_top p{margin:5px 0 10px;font-weight:600;font-size:13px;color:#fff;font-family:'Mariupol-Regular';}
.sec15_box_top a{padding:12px 40px;display:inline-block;background-color:#F84141;font-family:Outfit;margin:0 0 20px;color:#fff;border-radius:4px;font-weight:600;transition:all 0.5s;}
.sec15_box ul{height:120px;overflow-y:scroll;}
.sec15_box ul li{list-style:none;font-size:13px;font-weight:500;padding:2px 5px;position:relative;background:#1a123c;border-left:2px solid #f84141;margin:4px 0;color:#fff;font-family:'Mariupol-Regular';}
.sec15_box_btns{width:100%;border-top:1px solid #ccc;margin:20px 0 0;padding:20px 0 0;}
.sec15_box_btns a{font-weight:600;font-size:14px;color:#fff;}
.sec15_box_btns a>span{margin:0 5px 0 0;color:#ff3d4a;}
.sec15_box ul::-webkit-scrollbar-track{background-color:#fff;border-radius:20px;}
.sec15_box ul::-webkit-scrollbar{width:4px;background-color:#999999;}
.sec15_box ul::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:20px;}
.sec15_box:hover{border-color:#f84141;transform:scale(1.05);}
.sec15_bot .owl-theme .owl-controls .owl-page span{background:#4c31ff;border-radius:3px;width:20px;height:20px;}
.main_btn{background-color:#8e00e7;padding:10px 40px;line-height:30px;display:inline-block;color:#fff;border-radius:10px;}
.main_btn:hover{background:#f84141;border-color:#f84141;color:#fff;transition:0.5s;transform:translateY(-0.625rem);/* border-color:#000000; */color:#000000;/* background-color:transparent; *//* border:1px solid; *//* transition:.3s linear; */}
a.main_btn span>i{margin-left:66px;}

/*************************************** .case_study*********************************/
.h_sec30_banner{background:url(images/banner.png)!important;width:100%;background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important;padding:120px 0 100px;}
.s30_left h1{font-family:'Britanica-HeavyItalic-Regular';font-weight:700;font-size:80px;color:#fff;text-transform:uppercase;letter-spacing:3px;}
.s30_left p{color:#fff;font-size:18px;line-height:34px;background:#ffffff2b;padding:15px 20px;border-radius:10px;font-family:'Inter';}
.s30_left{margin-top:70px;}
.h_sec30_banner{background:url(../images/banner.png)!important;width:100%;background-size:contain!important;background-repeat:no-repeat!important;background-position:left!important;padding:120px 0 100px;position:relative;}
.s30_left h1{font-family:'Britanica-HeavyItalic-Regular';font-weight:700;font-size:80px;color:#fff;text-transform:uppercase;letter-spacing:3px;}
.s30_left p{color:#fff;font-size:18px;line-height:34px;background:#ffffff2b;padding:15px 20px;border-radius:10px;font-family:'Inter';}
.s30_left{margin-top:70px;}
.h_sec30_banner:before{position:absolute;content:"";background:url(../images/fav.png) no-repeat;top:0;bottom:0;left:0;right:0;background-position:right;background-size:contain;}
.s30_right{text-align:right;}
.s30_right img{border-radius:20px;}
.h_sec31{background:#fff;padding:60px 0;position:relative;}
.s31_top h3{color:#212529;font-family:'Inter';font-size:30px;margin:0 0 15px;}
.s31_top h2{font-family:Inter;font-weight:700;font-size:60px;text-transform:uppercase;color:#212529;position:relative;z-index:1;}
.s31_right h3{color:#212529;font-family:'Inter';font-size:20px;}
.h_sec31:before{position:absolute;content:"";background:url(../images/fav.png) no-repeat;top:0;bottom:0;left:0;right:0;background-position:left;background-size:contain;opacity:0.2;}
.h_sec31:after{position:absolute;content:"";background:url(../images/casebackground1.png)no-repeat!important;background-repeat:no-repeat!important;top:0;bottom:0;left:0;right:0%;background-size:contain!important;background-position:right!important;opacity:0.3;}
.animate-sec .img-holder,.web-gal .proj-img{transition:1s cubic-bezier(0.51,0.92,0.27,0.96)!important;background-size:cover;overflow:hidden;}
.animate-sec .img-holder:hover,.web-gal .proj-img:hover{background-position:100% 100%;transition:6s!important;transform:none;}
.animate-sec .img-holder{height:650px;box-shadow:0 0 20px #0000004a;}
.animate-sec{padding:50px 0;background:#fff;}
.animate-sec .screen-holder{background:url(../images/banner.png)!important;padding:80px 80px 0;overflow:hidden;background-size:cover!important;background-position:center;border-radius:50px;}
.animate-sec h3,.logo-present h3{font-size:30px;color:#161515;margin:0 0 30px;}
.h_sec32{background:#fff;padding:60px 0;}
.s32_right{background:#444444;color:#fff;text-align:center;padding:10px 0;border-radius:10px;margin:0 0 20px;}
.s32_left h3{font-family:Inter;font-weight:700;font-size:60px;text-transform:uppercase;color:#212529;}
.s32_right h3{font-family:'Inter';font-size:30px;}
.s32_right.s32_2{background:#F4F1EE;color:#000;}
.s32_right.s32_3{background:#BE454D;}
.s32_right.s32_4{background:#C3467c;}
.s32_right.s32_5{background:#000000;}
.s32_right.s32_6{background:#373737;}
.s32_right.s32_7{background:#000000;}
.s32_right.s32_8{background:#fadc9c; color: #000;}
.s32_right.s32_9{background:#232426;}
.s32_right.s32_10{background:#f7b5d1;}
.s32_right.s32_11{background:#000; color: #fff;}
.s32_right.s32_12{background:#e5bac4;}
.s32_right.s32_13{background:#f4dce1; color: #000;}
.s32_right.s32_14{background:#c58b59;}
.s32_right.s32_15{background:#1a1b18;}
.s32_right.s32_16{background:#e489a8;}
.s32_right.s32_17{background:#c48c41;}
.s32_right.s32_18{background:#1f0f3c;}




.h_sec37{padding:60px 0;}
.s37_left h2{font-family:Inter;font-weight:700;font-size:60px;text-transform:uppercase;color:#ffffff;}
.s37_right p{color:#fff;}
.s38_box{color:#fff;}
.s38_box h3{margin-top:20px;}
.s38_box img{border-radius:10px;}
.s38_box.s38{margin-top:150px;margin-bottom:0;}
.s32_main{margin-top:130px;}
.h_sec33{background:#fff;padding:60px 0 0;}
.s33_top h2{font-family:Inter;font-weight:800;font-size:60px;text-transform:uppercase;color:#212529;margin:0 0 30px;}
.s33_left h2{font-family:Inter;font-weight:700;font-size:26px;text-transform:uppercase;color:#212529;}
.h_sec34.aerangis .container{background:url(../images/s33_banner.jpg);height:760px;width:100%;background-repeat:no-repeat;background-size:contain;border-radius:50px;background-position:center;}
.h_sec34.luxury .container{background:url(../images/s33_banner2.jpg);height:760px;width:100%;background-repeat:no-repeat;background-size:contain;border-radius:50px;background-position:center;}
.h_sec34.Mermoirs .container{background:url(../images/s33_banner3.jpg);height:760px;width:100%;background-repeat:no-repeat;background-size:contain;border-radius:50px;background-position:center;}
.h_sec34.SENNA .container{background:url(../images/s33_banner4.jpg);height:760px;width:100%;background-repeat:no-repeat;background-size:contain;border-radius:50px;background-position:center;}
.h_sec34.Howling  .container{background:url(../images/s33_banner5.jpg);height:760px;width:100%;background-repeat:no-repeat;background-size:contain;border-radius:50px;background-position:center;}
.h_sec34 .container{background:url(../images/s33_banner1.jpg);height:760px;width:100%;background-repeat:no-repeat;background-size:contain;border-radius:50px;background-position:center;}
.h_sec34{background:#fff;padding:60px 0;}






.s35_top h2{font-family:Inter;font-weight:800;font-size:60px;text-transform:uppercase;color:#212529;margin:0 0 30px;}
.h_sec35{background:#fff;}
.h_sec36{background:#fff;padding:0 0 60px;color:#fff;}
.h_sec36 .container{background:url(../images/banner.png);background-repeat:no-repeat;background-size:cover;background-position:center;}
.s36_top{padding:60px 110px;text-align:center;}
ul.star-rate li{display:inline-block;color:#f87e0e;}
.s36_top img{margin:0 0 30px;}