@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');

*{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{ width:100%; height:100%; margin:0px; padding:0px;scroll-behavior: smooth;}
body{ margin:0px; padding:0px;background:#fff; overflow-x:hidden; }
p{ margin:0px; padding:0px; }
h1{ margin: 0px; padding: 0px;  }
h2{ margin: 0px; padding: 0px;  }
h3{ margin: 0px; padding: 0px;  }
h4{ margin: 0px; padding: 0px;  }
h5{ margin: 0px; padding: 0px;  }
h6{ margin: 0px; padding: 0px;  }
address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; }
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;}
a{ text-decoration:none; border: 0px; outline: none; transition: all .5s;}
a img{ border:none; outline: none;}
a:focus {outline:none; } 
border{ border-collapse:collapse;}
hr{ height:1px; background:#333333; border:none;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
.clearfix:before,
.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix {clear: both;}
img { max-width: 100%; height: auto;}
::-moz-selection { color: #fff; background:var(--main-clr);}
::selection { color: #fff; background: var(--main-clr);}
button,input,select,option,textarea {outline: 0 !important;pointer-events:all;font-family:inherit;font-size:100%;}





/*variables--*/

:root{
  --body-font:'Outfit', sans-serif;
  --head-font:'Outfit', sans-serif;
/*  --head-font:'Open Sans', sans-serif;*/
  --pdg:clamp(55px, 6.88vw, 110px);
  --mrg:clamp(23px, 2.82vw, 45px);
  --body-font-size:clamp(15px, 1.13vw, 18px);
  --h1-font:clamp(30px, 4.38vw, 70px);
  --h2-font:clamp(30px, 4.38vw, 70px);
  --fs-53px:clamp(26px, 3.44vw, 53px);
  --fs-46px:clamp(24px, 2.82vw, 46px);
  --fs-30px:clamp(22px, 1.88vw, 30px);
  --fs-22px:clamp(18px, 1.38vw, 22px);
  --main-clr:#F33319;
  --main-clr-drk:#820518;
}
html{}
body{font-family:var(--body-font);font-size:var(--body-font-size);color:#000;line-height:1.2;font-weight:400}
a{color:var(--main-clr);transition:0.2s;cursor: pointer;}
a:hover{text-decoration:none;color:var(--main-clr);}
p{margin-bottom:clamp(15px, 1.27vw, 20px);line-height:1.5}
p:last-child{margin-bottom:0;}
li{line-height:1.5}
img{max-width:100%;}
[id]{scroll-margin-top:200px}



/*headings*/
h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:clamp(15px, 1.27vw, 20px);font-family:var(--head-font);}
h1,.h1{font-size:var(--h1-font);}
h2,.h2{font-size:var(--h2-font);}




.btn-main {padding:clamp(10px, 0.94vw, 15px) clamp(25px, 2.5vw, 40px);color:#fff;display:inline-block;border-radius:0px;transition:0.6s;z-index:2;position:relative;background:var(--main-clr);overflow: hidden;border:2px solid var(--main-clr);font-family:var(--body-font);font-weight:400;text-decoration:none;font-size:var(--body-font-size);text-transform:uppercase;}
.btn-main:before,.btn-main:after{position: absolute; content: ''; height: 0; transition: 0.2s linear; width: 0%;z-index: -1;width:110%;height:0%;background:#fff;transform: rotate(15deg);}
.btn-main:before{top:0;left:0;transform-origin:top right;}
.btn-main:after{bottom:0;right:0;transform-origin:bottom left;}
.btn-main:hover:before,.btn-main:hover:after{height:150%}
.btn-main:hover{color:var(--main-clr);}

.btn-main.btn-outline{background:transparent;border:1px solid #000;color:#000}
/*.btn-main.btn-outline:hover{color:var(--main-clr);border-color:var(--main-clr)}*/
.btn-main.btn-outline:hover{color:#fff}
.btn-main.btn-outline:before,.btn-main.btn-outline:after{background:var(--main-clr);}

.btn-main.active:hover{box-shadow:inset 0 0 0 50px var(--main-clr);}
.btn-line{position:relative;z-index:2;}
.btn-line:after{position:absolute;width: 28px;height: 1px;background:var(--main-clr);bottom:0%;left:0px;content:'';z-index:-1;transition:bottom 0.5s, left 0.2s, width 0.05s, box-shadow 0.45s ;}
.btn-line:hover:after{bottom:0;left:0;width:100%;transition:bottom 0.45s, left 0.05s, width 0.2s, box-shadow 0.5s;box-shadow:0px 1px 0 var(--main-clr);}

.btn-flex {display: flex;justify-content: center;gap:clamp(10px, 1.282vw, 20px)}



/*common paddings*/
.common-padd{padding-top:var(--pdg);padding-bottom:var(--pdg);}
.common-padd-top{padding-top:var(--pdg)}
.common-padd-btm{padding-bottom:var(--pdg);}
.common-padd-sm{padding-top:var(--mrg);padding-bottom:var(--mrg);}


/*slick dots*/
.slick-dots li button:before{font-size:10px;color:#373e46;}
.slick-dots li button{padding:0 4px}
.slick-dots li{margin:0}






/*top button*/
.go-to-top{position:fixed;bottom:20px;right:20px;height:40px;width:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--main-clr-drk);color:#fff;border:2px solid #fff;z-index:99;opacity:0;transition:0.3s;cursor:pointer;}
.go-to-top span{width: 10px; height: 10px; border-style: solid; border-color: #fff; border-width: 2px 2px 0 0; transform: rotate(-45deg); margin-top: 4px;}
.go-to-top.show{opacity:1}


/*pointer*/
.custom-cursor {top: 0; left: 0; position: fixed; border-radius: 50%; visibility: hidden; pointer-events: none; transform: translateZ(0);}
.custom-cursor.cursor-inner {width: 6px; height: 6px; z-index: 10000001; background-color: #c5c5c5; transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out; margin-left: -3px; margin-top: -3px;}
.custom-cursor.cursor-inner.cursor-hover {width: 60px; height: 60px; opacity: 0.4; background-color: #c5c5c5; margin-left: -30px; margin-top: -30px;}
.custom-cursor.cursor-outer {width: 30px; height: 30px; opacity: 0.4; z-index: 10000000; border: 2px solid #c5c5c5; transition: all 0.08s ease-out; margin-left: -15px; margin-top: -15px;}
.custom-cursor.cursor-outer.cursor-hover {opacity: 0; }


.wde{display:inline-block;}

/*body lines*/
body{position:relative;background:#fff;font-style: normal;}
.body-lines{margin:0;padding:0;list-style:none;}
.body-lines li{width:1px; background:#EEEEEE;position:absolute;z-index:-1}
.body-lines li:nth-child(1){height:66%;top:7%;left:18.3%}
.body-lines li:nth-child(2){height:100%;top:0%;left:30%}
.body-lines li:nth-child(3){height:90%;top:10%;left:42%}
.body-lines li:nth-child(4){height:100%;top:0%;left:55%}
.body-lines li:nth-child(5){height:90%;top:10%;left:69%}
.body-lines li:nth-child(6){height:100%;top:0%;left:84%}

.body-lines li div{height:7px; width: 7px;left:-3px; background: #f00;border-radius:50%; animation: body-lines-anim 25s infinite linear; position: relative; opacity: 0;;}
.body-lines li:nth-child(1) div{animation-delay:2s}
.body-lines li:nth-child(2) div{animation-delay:5s}
.body-lines li:nth-child(3) div{animation-delay:1s}
.body-lines li:nth-child(4) div{animation-delay:4s}
.body-lines li:nth-child(5) div{animation-delay:3s}
@keyframes body-lines-anim{
  0%{top:0;opacity:1}
  95%{top:100%;opacity:1}
  100%{top:100%;opacity:0;transform:translateY(-100%);}
}




/*header*/
.header-banner-wrap{position:relative;}
.site-header{padding:clamp(13px, 1.57vw, 25px) 0;position:absolute;top:0;left:0;width:100%;z-index:999;transition:0.2s}
.site-logo{width:clamp(150px, 13.44vw, 215px);display:inline-block;}
.site-header-inr{display:flex;justify-content:space-between;align-items:center;}
.site-header .btn-main{font-size:calc(var(--body-font-size) - 2px);padding:clamp(8px, 0.63vw, 12px) clamp(13px, 1.57vw, 25px)}
.site-header-contact-div{display:flex;align-items:center;column-gap:clamp(20px, 2.5vw, 30px);}
.btn-line.btn-line1{font-size:var(--fs-22px);color:#000;}
.btn-line.btn-line1:after{bottom:30%;left:-40px;}
.btn-line.btn-line1:hover:after{bottom:-2px;left:0;}
.scroll-down .site-header{transform:translateY(-150%);transition:0s}
.scroll-up .site-header{background:#eee;position:fixed!important;padding:clamp(8px, 0.75vw, 12px) 0;transform:translateY(0%);transition:0.6s}
.scroll-up .site-header img{mix-blend-mode:darken;}
.site-header.static{position:static;}



/*banner*/
.banner-img{min-height:50vw;position:relative;}
.banner-img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;}
.banner-img1{width:35.625%;opacity:0.5;animation:banner-img1anim 10s infinite alternate;}
.banner-img2{width:75.75%;opacity:0.3;animation:banner-img2anim 2.3s infinite alternate;}
.banner-img3{width:74.18%;opacity:0.4;animation:banner-img2anim 3.1s 1s infinite alternate;}
.banner-img4{opacity:0.4;animation:banner-img2anim 1.7s 1s infinite alternate;}
.banner-img6{width:42%;opacity:0.4}
@keyframes banner-img1anim{
  0%{transform:translate(-50%,-50%) rotate(0deg) scale(1);}
  20%{transform:translate(-50%,-50%) rotate(45deg) scale(0.8);;}
  40%{transform:translate(-50%,-50%) rotate(-65deg) scale(0.8);;}
  60%{transform:translate(-50%,-50%) rotate(10deg) scale(1);}
  80%{transform:translate(-50%,-50%) rotate(80deg);}
  90%{transform:translate(-50%,-50%) rotate(0deg);}
  100%{transform:translate(-50%,-50%) rotate(0deg);}
}

@keyframes banner-img2anim{
  0%{opacity:0.4}
  20%{opacity:0}
  40%{opacity:0.4}
  100%{opacity:0.4}
  
}

.banner{position:relative;}
.banner-text{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);text-align:center;}
/*.banner-text .container{padding:0 5%}*/

.scroll-downs {position: absolute; right: 0; bottom: 70px; left: 0; margin: auto; width :22px; height: 38px; border: 1px solid #474747; border-radius: 13px;transition:0.3s }
.scroller {position: absolute; right: 0; bottom: 25px; left: 0; margin: auto; width: 1px; height: 6px; background: #000; animation-name: scroll; animation-duration: 2.2s; animation-timing-function: cubic-bezier(.15,.41,.69,.94); animation-iteration-count: infinite;transition:0.3s }
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(20px); opacity: 0;}
}
.scroll-downs:hover{border-color:var(--main-clr);box-shadow:inset 0 50px 0 0 var(--main-clr);}
.scroll-downs:hover .scroller{background:#fff;width:2px}

.social-links{position:absolute;bottom:30px;right:0;width:100%}
.social-links-inr{display:flex;gap:10px clamp(16px, 2vw, 32px);justify-content:flex-end;align-items:center;}
.social-links .btn-line{padding:5px 9px;color:#000}
.social-links a img{transition:0.2s}
.social-links a:hover img{filter:brightness(0);transform:scale(1.5);}



/*services*/
.cmn-hd h2{margin-bottom:5px}
.cmn-sub-p-wrap{max-width:clamp(330px, 41.25vw, 660px);padding-left:clamp(25px, 3.13vw, 50px);position:relative;}
.cmn-sub-p-wrap:before{width:clamp(18px, 2.25vw, 36px); height: 1px;background:var(--main-clr);content:'';position:absolute;top:clamp(18px, 2.25vw, 36px);left:0}

.services{padding-top:clamp(35px, 4.38vw, 70px)}
.services-hd{margin-bottom:clamp(24px, 2vw, 32px)}

.services-bd{border-bottom:1px solid #CECECE;border-left:1px solid #CECECE;background:#fff;}
.services-item{height:100%;position:relative;border-top:1px solid #CECECE;border-right:1px solid #CECECE;overflow:hidden;z-index:4;transition:0.5s}

.services-item h3,.services-item h4{font-size:var(--fs-30px);font-family:var(--body-font);font-weight:600}
.services-item-hover p:last-of-type{margin-bottom:clamp(16px, 2vw, 30px)}

.services-item-main{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:clamp(15px, 1.27vw, 20px);pointer-events:none;z-index:-1;transition:0.2s;padding: clamp(20px, 1.88vw, 30px);}
.services-item-img img{max-width:clamp(50px, 5.63vw, 90px)}

.services-item-hover{display:block;color:#fff!important;padding:clamp(48px, 5.94vw, 95px) clamp(20px, 1.88vw, 30px);opacity:0;transition:0.4s;position:relative;z-index:3;opacity:0;transition:0.5s}

.services-item::before,.services-item::after{background:var(--main-clr);position:absolute;content:'';z-index:2;transition:0.5s;}
.services-item::before{top:0;left:0;}
.services-item::after{bottom:0;right:0;}

.services-item::before,.services-item::after{height:0%;width:50%;}
.services-item:hover::before,.services-item:hover::after{height:100%;width:50%;}

[class*="col-"]:nth-child(even) .services-item::before,
[class*="col-"]:nth-child(even) .services-item::after{height:50%;width:0%;}
[class*="col-"]:nth-child(even) .services-item:hover::before,
[class*="col-"]:nth-child(even) .services-item:hover::after{height:50%;width:100%;}

.services-item:hover .services-item-main{opacity:0}
.services-item:hover .services-item-hover{opacity:1}

.service-btn-line{position:relative;z-index:2;transition:0.3s;cursor:pointer;text-transform:uppercase;}
.service-btn-line:after{position:absolute;width: 28px;height: 1px;background:var(--main-clr);top:50%;right:-40px;content:'';}
.service-btn-line:before{width: 0px;height: 0px;position:absolute;top:calc(50% - 5px);content:'';right:0px;border-width:1px 1px 0 0;border-style:solid;border-color:var(--main-clr);transform:rotate(45deg);opacity:0;transition:0.3s}
.service-btn-line:hover:after{right:-45px;transition:0.3s;height:2px}
.service-btn-line:hover:before{right:-45px;opacity:1;width: 10px;height: 10px;border-width: 2px 2px 0 0}
.services-item-hover .service-btn-line:after{background:#fff}
.services-item-hover .service-btn-line:before{border-color:#fff}



/*about*/
.about-sec-text .btn-main{margin-top:clamp(8px, 0.94vw, 15px)}
.about-sec-stats-div{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;row-gap:clamp(22px, 1.88vw, 30px);position:relative;padding:clamp(20px, 2.5vw, 40px) 0 clamp(20px, 2.5vw, 40px) clamp(15px, 1.88vw, 30px)}
.about-sec-stats-item-wrap:nth-child(3n+1){width:100%}
.about-sec-stats-item-wrap:nth-child(3n+2),.about-sec-stats-item-wrap:nth-child(3n+3){width:50%}

.about-sec-stats-item-wrap:nth-child(3n+1) .about-sec-stats-item{width:35%;margin:0 auto;}
.about-sec-stats-item-wrap:nth-child(3n+2) .about-sec-stats-item{width:70%;}
.about-sec-stats-item-wrap:nth-child(3n+3) .about-sec-stats-item{width:70%;margin-left:auto;}

.about-sec-stats-item{position:relative;z-index:2}
.about-sec-stats-item:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);content:'';width:100%;padding-bottom:100%;filter:drop-shadow(0px 13px 22px rgba(0, 0, 0, 0.12));background:#fff;border-radius: 34px;z-index:-1}

.about-sec-stats-item-img{margin-bottom:6px}
.about-sec-stats-item-img img{max-width:clamp(28px, 2.82vw, 46px)}
.about-sec-stats-item h3{font-size:var(--fs-46px);color:var(--main-clr);font-weight:600;margin-bottom:6px;font-family:var(--body-font);line-height:1}
.about-sec-stats-item p{font-size:calc(var(--body-font-size) + 2);font-weight:600;margin-bottom:15px;font-family:var(--body-font);}
.about-sec-stats-item p br{display:none;}
.about-sec-stats-item span{width: 28px;height: 1px;background:var(--main-clr);display:block;margin:0 auto;}


.about-w-icon{position:absolute;top:50%;left:50%;padding-left: clamp(15px, 1.88vw, 30px);transform:translate(-50%,-50%);}
.about-w-icon img{max-width:clamp(35px, 3.13vw, 50px)}



/*cta sec*/
.cta-sec-inr{padding:clamp(20px, 2.5vw, 40px) 15px;background:var(--main-clr);color:#fff;text-align:center;}
.cta-sec h2{text-transform:capitalize;}
.cta-sec .btn-main{background:#000;margin-top:6px}



/*testimonial*/
.testimonial-bd{padding-left:25%;min-height:390px;}
.testimonial-carousel-navs{display:flex;justify-content:flex-end;gap:10px}
.testimonial-carousel-navs button{width:clamp(30px, 3.5vw, 56px);height:clamp(30px, 3.5vw, 56px);border-radius:50%;background: #D9D9D9;display:flex;align-items:center;padding:clamp(5px, 0.63vw, 10px);align-items:center;justify-content:center;cursor:pointer;transition:0.3s;border:0;}
.testimonial-carousel-navs button.testimonial-carousel-nav-prev{background:#000;}
.testimonial-carousel-navs button:hover{background:var(--main-clr)!important;}
.testimonial-hd{margin-bottom:clamp(18px, 2.19vw, 35px)}
.testimonial-carousel .item{height:100%;padding-left:clamp(23px, 2.82vw, 45px);transition:0.5s;}
.testimonial-item{padding:15px 40px 15px 15px;background: #F8F8F8;height:100%;transition:0.5s;position:relative;z-index:2}
.slick-current .testimonial-item{box-shadow: 0px clamp(13px, 1.63vw, 26px) clamp(14px, 1.75vw, 28px) rgba(0, 0, 0, 0.13);background: #FFFFFF;}
.testimonial .slick-current + .item{padding-top:clamp(35px, 4.38vw, 70px)}
.testimonial .slick-current + .item + .item{padding-top:clamp(10px, 1.25vw, 20px)}
.testimonial-item-quote{display:block;margin-bottom:10px}
.testimonial-review p:first-child:before{content:'“'}
.testimonial-review p:last-child:after{content:'”'}
.testimonial-review{margin-bottom:35px}
.testimonial-client{display:flex;gap:10px;align-items:center;}
.testimonial-client-img{width: 58px;height: 58px;overflow:hidden;border-radius:50%;display:flex;background:#E4E4E4;flex-shrink:0}
.testimonial-client-img img{width:100%;height:100%;object-fit:cover;}
.testimonial-client-info p:first-child{font-family:var(--body-font); text-transform:uppercase;margin-bottom:6px; font-weight: 400; font-size: 16px; line-height:1;}
.testimonial-client-info p{font-size: 12px;color: #626262;line-height:1}
.testimonial-item-quote-big{position:absolute;z-index:-1;bottom:20px;right:30px}
.testimonial-bd .slick-list{padding-bottom:20px}


/*faq*/
.faq-sec-inr{position:relative;}
.faq-sec-hd{margin-bottom:15px}
.faq-sec-img-div{position:absolute;width:100%;max-height:100%;top:0;left:calc(100% + 30px)}
.faq-accordian-div{padding-left:10px}
.faq-item h3{font-size:calc(var(--fs-22px) + 2px);font-weight:600;font-family:var(--body-font);margin-bottom:0}
.faq-item summary{list-style:none;padding:15px 25px 20px 42px;position:relative;cursor:pointer;transition:0.3s}
.faq-item summary:hover{filter:drop-shadow(1px 1px 2px #0005);}
.faq-item summary:before{position:absolute;width:20px;height:2px;background:var(--main-clr);top:calc(50% - 1px);left:0;content:'';border-radius:4px;transition:0.3s;}
.faq-item summary:after{position:absolute;width:2px;height:20px;background:var(--main-clr);top:calc(50% - 10px);left:9px;content:'';border-radius:4px;transition:0.3s;transform:rotate(90deg);}
.faq-item:not(:last-child){border-bottom:1px solid #DADADA;}
.faq-item [open] summary:after{transform:rotate(0);}
.faq-ans{padding:0px 15px 25px 60px;position:relative;animation: sweep .5s ease-in-out ;}
.faq-ans:before{position: absolute; top: 8px; left: 49px; background: var(--main-clr); height: 40%; width: 1px; content: '';}
[open] summary ~ .faq-ans{animation: sweep .5s ease-in-out ;}

@keyframes sweep {
  0%    {opacity: 0; transform:translateX(-10px);}
  100%  {opacity: 1; transform:translateX(0px);}
}

.faq-q-mark-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(79px, 9.82vw, 157px);height:clamp(79px, 9.82vw, 157px);background:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;animation: pulse-animation 2s infinite;}
.faq-q-mark {width:100%;height:100%;padding:14% 11% 26% 11%;position:relative;overflow:hidden;border-radius:50%;box-shadow:2px 6px 55px 15px rgba(0, 0, 0, 0.1)}
.faq-q-mark:after {position: absolute; width: clamp(8px, 0.94vw, 15px); height: clamp(8px, 0.94vw, 15px); border-radius: 50%; background: var(--main-clr); content: ''; bottom: 14%; left: 46%; transform: translateX(-50%);animation: draw2 5s ease-in-out infinite;}
.faq-q-mark path {fill:none; stroke:var(--main-clr); stroke-width:clamp(7px, 0.82vw, 13px); stroke-miterlimit:10; stroke-linecap:butt; stroke-dasharray: 660; stroke-dashoffset: 660; animation: draw 5s linear infinite; }

@keyframes draw {
  0% {stroke-dashoffset: 660; }
  20% {stroke-dashoffset: 660; }
  100% {stroke-dashoffset: 0; }
}

@keyframes draw2 {
  0% {transform:translateX(-50%) scale(100);background:#fb8878;}
  19% {transform:translateX(-50%) scale(1);background:#fb8878;}
  20% {transform:translateX(-50%) scale(1);background:#f33319}
  70% {transform:translateX(-50%) scale(1);background:#f33319}
  71% {transform:translateX(-50%) scale(1);background:#fb8878;}
  100% {transform:translateX(-50%) scale(100);background:#fb8878;}
}

@keyframes pulse-animation {
  0% {box-shadow: 0 0 0 0px rgba(255, 255, 255, 1); }
  100% {box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);}
}




/*footer*/
.site-footer-top{padding-bottom:clamp(38px, 4.69vw, 74px)}
.site-footer-inr{position:relative;}
.ftr-left-div{width:50%;position:absolute;top:0;left:0;display:flex;column-gap:clamp(20px, 2.5vw, 40px);height:100%}
.ftr-left-img-div{flex-grow:1;height:100%;position:relative;overflow:hidden;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.ftr-left-img-div img{width:auto;max-width:initial;height:100%;position:absolute;top:0;left:0;animation:ftr-left-img-anim 15s infinite;}
@keyframes ftr-left-img-anim{
  0%{left:0}
  50%{left:100%;transform:translateX(-100%);}
  0%{left:0}
}
.site-footer-red{position:absolute;top:0;left:0;bottom:0;right:0;background: #F33319; mix-blend-mode: multiply;}
.site-footer-hd {position: absolute; top: 0%; right: 10px; color: #fff; writing-mode: vertical-lr; transform: rotate(180deg) ;height:100%;text-align:center;}
.site-footer-hd h4{font-size: var(--fs-53px);margin-bottom:0;height:100%;text-transform:uppercase;letter-spacing: 0.08em;}


.ftr-left-cntct{flex-shrink:0;gap:5px;display:flex;flex-direction:column;align-self:center;}
.ftr-left-cntct-item{display:flex;column-gap:clamp(10px, 1.25vw, 20px);padding:clamp(10px, 1.25vw, 20px);transition:0.3s;color:#000;border:2px solid #0000;}
.ftr-left-cntct-item:hover{color:var(--main-clr);border-color:#000}
.ftr-left-cntct-item-img{width:clamp(32px, 4vw, 64px);height:clamp(32px, 4vw, 64px);padding:clamp(8px, 0.94vw, 15px);display:flex;align-items:center;justify-content:center;position:relative;margin-left:6px;z-index:2}
.ftr-left-cntct-item-img:before{width:100%;border-radius:50%;border: 1px solid #000000;height:100%;position:absolute;top:0;left:-6px;content:'';z-index:-1}
.ftr-left-cntct-item-img:after{width:100%;border-radius:50%;background:var(--main-clr);height:100%;position:absolute;top:0;left:0px;content:'';z-index:-1}
.ftr-left-cntct-item h5{font-size:var(--fs-22px);margin-bottom:clamp(8px, 0.94vw, 15px);line-height:1;font-weight: 600;font-family:var(--body-font);}
.ftr-left-cntct-item h6{font-size:calc(var(--fs-22px) + 2px);margin-bottom:0;font-weight:400;line-height:1;font-family:var(--body-font);}

.ftr-form-div{padding-left:clamp(8px, 0.94vw, 15px)}
.ftr-form-div .cmn-hd{margin-bottom:clamp(15px, 1.25vw, 20px)}
.ftr-form input:not([type=submit]):not([type=radio]):not([type=checkbox]),.ftr-form textarea{max-height:50px;width:100%;background:#fff0;border:0;border-bottom: 1px solid #000000;font-size:90%;padding:clamp(10px, 0.94vw, 15px) 5px;line-height:1;margin-bottom:clamp(15px, 1.57vw, 25px)}
.ftr-form *::placeholder{color:#000;text-transform:uppercase;}
.ftr-form textarea{height:clamp(100px, 7.5vw, 120px);resize:none;}
.ftr-form input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus,.ftr-form textarea:focus{border-bottom-color: var(--main-clr);}
.ftr-form button{cursor:pointer;}

.site-footer-btm img{display:block;width:clamp(150px, 13.44vw, 215px)}
.site-footer-btm{padding:clamp(13px, 1.57vw, 25px) 0;background: #0A0A0A;color:#fff}
.site-ftr-btm-right{text-align:right;}



.close-popup-btn{position:absolute;top:5px;right:8px;color:#000;border:0;background:transparent;font-size:150%;line-height:100%;cursor:pointer;}
.popup-wrap{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0007;z-index:99999;padding:20px 10px;backdrop-filter: blur(3px);}
.popup{width:100%;max-width:650px;position:relative;padding:30px;background:#fff;border-top:3px solid var(--main-clr);overflow:auto}
.popup h2,.popup button{text-align:center;margin:0 auto;display:block;}
.open-popup{cursor:pointer;}




/*blog pg*/
.blog-banner{position:relative;}
.blog-banner-img{position:absolute;top:0%;left:0;width:50%;height:100%;background:var(--main-clr);}
.blog-banner-img img{width:100%;height:100%;object-fit:cover;transition:0.3s}
.blog-banner-img img:hover{filter:grayscale(1) brightness(0.8)}
.blog-banner-text{padding:clamp(20px, 2.5vw, 40px) 0 clamp(20px, 2.5vw, 40px) clamp(20px, 2.5vw, 40px)}
.blog-meta{display:flex;margin-bottom:clamp(15px, 1.27vw, 20px)}
.blog-meta-item{display:flex;flex-shrink:0;gap:clamp(6px, 0.63vw, 10px);align-items:center;}
.blog-meta-item img{height:15px;object-fit:cover;}
.blog-meta-item:not(:last-child){padding-right:15px;margin-right:15px;border-right:1px solid #000;}
.blog-banner-text h1{font-size:var(--fs-46px);color:#000;transition:0.2s}
.blog-banner-text h1:hover{color:var(--main-clr);}
.service-btn-line.blog-btn{margin-top:10px;display:inline-block;}
.service-btn-line.blog-btn:hover{letter-spacing:2px;}


.blog-grid h2{font-size:var(--fs-46px);margin-bottom:clamp(35px, 3.13vw, 50px);overflow:hidden;}
.blog-grid h2 span{display:inline-block;padding-right:15px;position:relative;}
.blog-grid h2 span::after{position:absolute;width:100vw;top:50%;left:100%;background:var(--main-clr);height:1px;content:''}
.blog-grid .container{padding-left:10%;padding-right:10%;}
.blog-grid-item {padding: clamp(15px, 1.88vw, 30px); box-shadow: 0 0 15px #0002;margin-bottom:clamp(15px, 1.88vw, 30px);transition:0.3s;display:block;}
.blog-grid-item .row{align-items:center;}
.blog-grid-img{width:100%;padding-bottom:50%;position:relative;display:block;}
.blog-grid-img img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;transition:0.3s}
.blog-grid-img img:hover{filter:grayscale(1) brightness(0.8)}
.blog-grid-item h3{font-size:var(--fs-30px);color:#000;transition:0.3s}
.blog-grid-item h3:hover{color:var(--main-clr);}
.blog-grid-item:hover{transform:translateY(10px);}

.blog-grid-nav{text-align:center;padding-top:var(--mrg);}

.blog-grid-nav .wp-pagenavi a.page,.blog-grid-nav .wp-pagenavi span.current{text-decoration: none; border: 1px solid #eee; padding: 5px 8px; margin: 2px;color:#000;min-width:30px;display:inline-block;}
.blog-grid-nav .wp-pagenavi :is(.nextpostslink, a.last){text-decoration: none; margin:6px 2px;color:#000;display:inline-block;}
.blog-grid-nav .wp-pagenavi a.page:hover,.blog-grid-nav .wp-pagenavi span.current {background:var(--main-clr);color:#fff; }
.blog-grid-nav .wp-pagenavi span.current {background:var(--main-clr);color:#fff;}



/*blog details*/
.blog-details-banner-img img{width:100%;margin-bottom:var(--mrg);}
.blog-details-pg h1{font-size:var(--fs-53px);}
.bulk-content{text-align:justify;}
.bulk-content :is(h1,h2,h3,h4,h5,h6){margin-top:30px;margin-bottom:15px}
.bulk-content :is(ul,ol){margin-bottom:30px}
.bulk-content :is(img,video,audio){margin:30px 0;max-width:100%;text-align:center;margin-left:auto;margin-right:auto;display:block;}
.bulk-content iframe{margin:30px 0;max-width:100%;}
.bulk-content h2{font-size:var(--fs-46px);}
.bulk-content h3{font-size:var(--fs-30px);}
.bulk-content h4{font-size:var(--fs-22px);}
.bulk-content h5{font-size:110%;}
.bulk-content h6{font-size:105%;}
.bulk-content ul{padding-left:25px}
.bulk-content li,.bulk-content p{margin-bottom:10px}
.bulk-content li::marker,th{color:var(--main-clr);}

.blog-grid.related-blog .container{padding-left:12px;padding-right:12px}
.related-blog .blog-grid-img{margin-bottom:25px}
.related-blog .blog-meta{font-size:85%}
.blog-details-also-read{margin-top:30px;padding:15px;border-left: 3px solid var(--main-clr);}
.blog-details-also-read h2{color:#000;font-size:var(--fs-30px);font-weight:700;margin-bottom:0}
.blog-details-also-read h2 span{font-weight:500;color:var(--main-clr);}
.blog-details-also-read h2 span:hover{text-decoration:underline;}


/*media queries*/

@media only screen and (min-width:1920px){
  .body-lines li:nth-child(6){left:82%}
}
@media only screen and (min-width:1600px){

}
@media only screen and (min-width:1200px){
.blog-details-pg .container{max-width:850px}
}
@media only screen and (max-width:1599px){

}
@media only screen and (max-width:1399px){

}
@media only screen and (max-width:1199px) { 
  .body-lines li:nth-child(2),.body-lines li:nth-child(3),.body-lines li:nth-child(5){display:none;}
  .blog-grid .container{padding-left:15px;padding-right:15px}
}
@media only screen and (max-width:991px) {
  .cmn-sub-p-wrap{max-width:80%}
  .banner{margin-bottom:40px;padding-bottom:40px}
  .about-sec-stats-div {padding-left: 0; }
  .about-sec-text {margin-bottom: 50px; }
  .testimonial-bd{padding-left:15%}
  .faq-sec-img-div{position: relative;top:0;left:0}
  .faq-sec-img {max-width: 400px; margin: 25px auto; }
  .ftr-left-div {width: 100%; position: relative; flex-direction: row-reverse; margin-bottom: 40px; }
  .ftr-left-img-div {position: absolute; width: 40%; left: 0; top: 0; height: 100%; }
  .ftr-left-cntct {width: 57%; }
  .site-footer-top .row {justify-content: center; }
  .site-footer-btm img{margin:0 auto;}
  .site-ftr-btm-right{text-align:center;}
  .services-item-hover.open-popup{pointer-events:none;}
  .services-item-hover.open-popup .service-btn-line{pointer-events:all;}

}
@media only screen and (max-width:767px) {
  .banner-img {min-height: 100vh; }
  img.banner-img1 {width: 90%; }
  img.banner-img2, img.banner-img3, img.banner-img4,img.banner-img5,img.banner-img6 {width: 200%; max-width: 200%;}
  .scroll-downs{bottom:110px}
  .social-links{bottom:45px}
  .cmn-sub-p-wrap{max-width:95%}
  .about-sec-stats-item p br{display:block;}
  .about-w-icon {padding-left: clamp(15px, 1.88vw, 30px); transform: translate(-66%,-50%);}
  .about-sec-stats-item h3 {margin-bottom: 0; } .about-sec-stats-item p {margin-bottom: 5px; }
  .about-sec-stats-item-img {margin-bottom: 0; }
  .about-sec-stats-div {padding-left: 0; }
  .about-sec-stats-item-wrap:nth-child(3n+2) .about-sec-stats-item, .about-sec-stats-item-wrap:nth-child(3n+3) .about-sec-stats-item {width: 77%; }
  .about-sec-stats-item {padding: 0 10px; }
  .about-sec-stats-item-wrap:nth-child(3n+1) .about-sec-stats-item {width: 39%; }
  .ftr-left-cntct {width: 75%;}
  .ftr-left-img-div{width:20%;}
  .go-to-top {bottom:45px; }
  .site-header + main{overflow:hidden; }
  .site-logo{width:140px}
  .site-header-contact-div .btn-line{font-size:95%}
  .site-header-contact-div .btn-line:after {display:none}
  .site-header-contact-div {column-gap: 7px; } 
  .ftr-left-cntct-item-img:before {left:-3px;}


  .blog-banner-img {position: static; width: 100%; }
  .blog-banner-text {padding-left: 0; }
  .blog-grid h2 span::after {display: none;}
  .blog-grid h2 {margin-bottom: 20px; }
  .blog-grid-item .row {gap: 20px; }
  .blog-meta-item:not(:last-child) {padding-right: 6px; margin-right: 6px; }
  .blog-meta-item p {font-size: 83%; }
  .blog-grid-item {padding: 20px 20px 26px; }

    
}
@media only screen and (max-width:575px) {
  .about-sec-stats-div {max-width: 370px; margin-right: auto; margin-left: auto; }
  .testimonial-bd{min-height:350px;}
}
@media only screen and (max-width:379px) {
  .about-sec-stats-item-wrap:nth-child(3n+1),.about-sec-stats-item-wrap:nth-child(3n+2),.about-sec-stats-item-wrap:nth-child(3n+3){width:100%;padding:50px 0}
  :is(.about-sec-stats-item-wrap:nth-child(3n+1),.about-sec-stats-item-wrap:nth-child(3n+2),.about-sec-stats-item-wrap:nth-child(3n+3)) .about-sec-stats-item{width:50%;margin:0 auto;}
  .about-sec-stats-item{width:50%;margin-left:auto;margin-right:auto;}
  .about-w-icon {display: none;}

}