@charset "utf-8";  
/*
font-family: "Funnel Display", sans-serif;
font-family: "Radley", serif;
*/

input,select,textarea{border-radius: 0;-webkit-border-radius:0; -moz-border-radius:0; }
input:not([type="checkbox"]):not([type="radio"]),
select,textarea{-webkit-appearance: none;-moz-appearance: none;appearance: none;}

html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;height: 100%;height: 100%;padding: 0;margin: 0;}

body{margin: 0;padding:0;font-family: var(--site-font); font-size: calc(18 / var(--main-width));line-height: calc(22 / var(--main-width));letter-spacing: calc(0.18 / var(--main-width));color:var(--primary-color); font-weight: 400;background-color:var(--primary-color);overflow-y:scroll;overflow-x:hidden;}

body, button, input, select, textarea{color: var(--primary-color);}
div, h1, h2, h3, h4, h5, h6, p, span{padding: 0px;margin: 0px;}
/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection{background: #000000;color: #ffffff;text-shadow: none;}
::selection{background: #000000;color: #ffffff;text-shadow: none;}

/* =============================================================================
   Links
   ========================================================================== */

a{color:var(--primary-color);text-decoration:none;outline: none;position: relative;}
a:hover{text-decoration:none;}
a:focus{outline: none;}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active{outline: 0;}
img {border-style:none}
/* =============================================================================
   Lists
   ========================================================================== */

ul, ol{margin:0;padding-left: 0;list-style-type:none;}
li ul, li ol{margin: 0;padding:0;}

/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img{border: 0;-ms-interpolation-mode: bicubic;vertical-align: middle;border-style:none;outline:none;}

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root){overflow: hidden;}

/* =============================================================================
   Tables
   ========================================================================== */

table{border-collapse: collapse;border-spacing: 0;}
td{	vertical-align: top;}

/* ==== primary styles =====================================================
   Author: Abbas Tahir
   ========================================================================== */

/* For image replacement */
.ir{display: block;border: 0;text-indent: -999em;overflow: hidden;background-color: transparent;background-repeat: no-repeat;text-align: left;direction: ltr;}
.ir a{display: block;height: 100%;}
.hidden{display: none !important;visibility: hidden;}
  
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{zoom: 1;}   
.web{display:block;}
.mobile{display:none;}
.webhide{display:block;}
.mobilehide{display:none;}
*{box-sizing:border-box;} 

html.lenis{height: auto;}
.lenis.lenis-smooth {scroll-behavior: auto;}
.lenis.lenis-smooth [data-lenis-prevent] {overscroll-behavior: contain;}
.lenis.lenis-stopped {overflow: hidden;}
.lenis.lenis-scrolling iframe {pointer-events: none;}

:root{
   --main-width: 1440 * 1440px; 
   --white-color: #ffffff;
   --black-color: #000000; 
   --primary-color: #E30024;
   --site-font: "Geist Mono", serif;
}

.web{display:grid !important;}
.mobile{display:none !important;}


a:not(.logo,nav ul a,.btn,.menu,.btn-slick,.lg)::before{content:'';position: absolute;width: 100%;height: calc(1 / var(--main-width));background-color: var(--primary-color);bottom:calc(2 / var(--main-width));left: 0;transform-origin: center;transform: scaleX(0);transition: transform .2s ease-in-out;}
a:not(.logo,nav ul a,.btn,.menu,.btn-slick,.lg):hover::before,
a:not(.logo,nav ul a,.btn,.menu,.btn-slick,.lg).active::before{transform-origin: center;transform: scaleX(1);}
 
#outer-wrapper {width: 100%;position: relative;margin: 0;}

header{width:100%;background-color: transparent;margin:0;padding:0;z-index:999;position:absolute;top:0;left: 0;transition: all .5s ease-in-out;}
header #header{width: 100%;max-width:1440px;display: flex;flex-wrap:wrap;align-items: center;justify-content: space-between;margin:0 auto;padding:0;position:relative;}
header .logo{width:calc(350 / var(--main-width));height: calc(40 / var(--main-width));position: absolute;left: calc(50% - ((350/2) / var(--main-width)));top: calc(32 / var(--main-width)); background-image:url(../images/logo.svg);background-repeat:no-repeat;background-size:100% auto;background-position: center; text-decoration:none;transition: all .5s ease-in-out;}
header .logo img{width: 100%;display: none;}

header nav{width: 50%;display: grid;grid-template-columns: 1fr;height: 100%;justify-content: right;justify-items: right;align-items: center;margin-top: calc(32 / var(--main-width));margin-right: calc(40 / var(--main-width));}
header nav ul{width: 100%;margin:0;padding:0;list-style:none;display: grid;grid-auto-flow: column;align-items: center;justify-content: end;gap: calc(16 / var(--main-width));}
header nav ul a{border: 1px solid var(--white-color);height: calc(32 / var(--main-width)); display: flex;padding: calc(0 / var(--main-width)) calc(24 / var(--main-width));border-radius: 40px;font-size: calc(14 / var(--main-width));line-height: 1/*calc(16 / var(--main-width))*/;letter-spacing: normal;font-weight: 500; color: var(--white-color);text-transform: uppercase;text-decoration:none;position: relative;align-items: center;}
header nav ul a:hover{background-color: var(--white-color);color: var(--primary-color);}
 
main {width: 100%;margin: 0;padding:0;position: relative;/*margin-bottom: 660px;*/background-color: var(--beige-color);}
:where(section,article,figure,aside) {width: 100%;display: grid;grid-template-columns: 100%;margin: 0;padding: 0;position: relative;}
article{align-items: start;}
figure{background-size: cover;background-repeat: no-repeat;background-position: center center;}
figure img{width: 100%;display: none;}
.inner {width: 100%;max-width: 1366px;margin: 0 auto;padding: 0 calc(85 / var(--main-width));position: relative;}
video{width: 100%;object-fit: cover;border:0;object-position: center center;}

.hero-box{background-color:var(--primary-color);height: 100vh;min-height: calc(900 / var(--main-width));}
.hero-box.video{ transition: all 0.5s ease;opacity: 1;position: absolute;left: 0;top: 0;z-index:999;min-height: initial !important;} 
.hero-box :where(.slide-repeat,.animation-box){width:100%;height:100vh;min-height: calc(900 / var(--main-width));display: grid;grid-template-columns: 1fr;position: relative;justify-items: center;align-items: center;}
.hero-box.video .animation-box{min-height: initial !important;height: 100vh;} 
.hero-box .bg{background-color:var(--primary-color);width: 100%;height: 100%;overflow: hidden;background-position: top center;}
.hero-box .bg img{width: 100%;height: 100%;object-fit: cover;display: block;object-position: center;display: none !important;}
.hero-box video{height: 100vh;} 

body.opacity{overflow-y: hidden;}
body.opacity :where(header,footer,.hero-box:not(.hero-box.video)){opacity: 0;visibility: hidden;display: none;}
.hero-box.video.fade-out {
  opacity: 0; 
  transition: all 0.5s ease;
}

/*#slick-slide00 .slide-repeat .bg.web{background-position: top center;}
#slick-slide01 .slide-repeat .bg.web{background-position: top center;}
#slick-slide02 .slide-repeat .bg.web{background-position: top center;}
#slick-slide03 .slide-repeat .bg.web{background-position: top center;}*/

.slick-slider{display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: auto;min-height: 1px;margin: 0 0 0 0;padding:0;position:relative;opacity: 1 !important;}
.slick-slide:first-of-type{margin-left: 0 !important;}  
[dir='rtl'] .slick-slide{float: right;}
/* .slick-slide img{display: block;} */
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}

 .btn-slick{width:calc(40 / var(--main-width));height:calc(40 / var(--main-width));z-index: 9;background-color: rgba(255,255,255,.3);border-radius: 50%; background-repeat:no-repeat;background-size:calc(24 / var(--main-width)) calc(24 / var(--main-width));background-position:center center;position:absolute;bottom:auto;top:50%;}
 .btn-slick.prev{background-image: url(../images/arrow-l.svg);right:0px;left:calc(50 / var(--main-width));}
 .btn-slick.next{background-image: url(../images/arrow-r.svg);right: calc(50 / var(--main-width));}
 
.slick-dots{width: 100%;position:absolute;left:0;top:calc(100svh - (39 / var(--main-width)));/*bottom:calc(28 / var(--main-width));*/display: flex;list-style: none;gap: calc(8 / var(--main-width));align-items: center; height: calc(11 / var(--main-width));;z-index:99;text-align:center;justify-content: center;}
.slick-dots li{background-color: transparent;border: solid 1px #ffffff; width: calc(11 / var(--main-width));height: calc(11 / var(--main-width));text-indent: -999em;border-radius: 50%;margin: 0;cursor: pointer;}
.slick-dots li.slick-active{background-color:var(--white-color);}
.slick-dots li a{cursor:pointer;font-family:Arial;font-size:12px;color:#fff;text-decoration:none !important;cursor:default;display: none;}

/* Arrows */  
.flex-direction-nav {width:100%;height: auto;position:absolute;left:0;top:0;list-style:none !important;z-index:1;}
.flex-direction-nav a {width:40px;height:40px;background:#fff ;position: absolute; cursor: pointer; text-indent: -9999px; opacity: 1;margin-top:249px;z-index:9;background-repeat:no-repeat;background-position:center center;background-size:100% auto;text-decoration:none;}
.flex-direction-nav a.flex-next{background-image: url(../images/next-slide-arrow.png);right:54px;}  
.flex-direction-nav a.flex-prev{background-image: url(../images/prev-slide-arrow.png);left:54px;}
.flexslider:hover a.flex-next, .flexslider:hover a.flex-prev {opacity: 1; }
.flexslider:hover a.flex-next:hover, .flexslider:hover a.flex-prev:hover {opacity: 1;}     
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default !important;/*display:none;*/ }
.flex-direction-nav a:before  { content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }
.flex-control-paging {width:auto;list-style:none;position:absolute;left:0;bottom:14px;z-index:2;text-align:center;display:block;}
.flex-control-paging li{width:auto;display:inline-block;}
.flex-control-paging li a{width:10px;height:10px;border-radius:100%;float:left;margin-right:9px;text-align:center;text-decoration:none;font-size:0px;background-color:#ffffff;border:1px solid #272727;opacity:1;position:relative;text-decoration:none;}
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active{width:10px;height:10px;background-color:#272727;border-radius:100%;opacity:1;}
main .img-info-box.dots-r .flex-control-paging {left:auto;right: 90px;}

/* Chrome, Edge, Safari */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0) inset !important; /* background color */
     transition: background-color 5000s ease-in-out 0s; /* prevents flash */
      
         color: var(--white-color) !important;
}

/* Firefox */
input:-moz-autofill {
    box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0) inset !important;
     background:transparent;
         color: var(--white-color) !important;
 }
 input:-webkit-autofill {
    -webkit-text-fill-color: var(--white-color) !important; /* apna color */ 
     font-size: calc(16 / var(--main-width)) !important;
     line-height: 1.2 !important;
}
input:-webkit-autofill {
    -webkit-text-fill-color: var(--white-color) !important; 
    font-size: calc(16 / var(--main-width)) !important;
    line-height: 1.2 !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
   -webkit-text-fill-color: #fff !important; 
    }
.wpcf7-list-item{margin-left:0;}
.wpcf7-spinner{background-color: #fff;margin-top: calc(-54 / var(--main-width))}
    .wpcf7-spinner::before {
        content: '';
        position: absolute;
        background-color: #000;
    }
    .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{border-color:#ff4863 !important;color:#fff !important;}

 .wpcf7-not-valid-tip{color: #fff !important;font-family: "Geist", sans-serif !important;
    font-size: calc(12 / var(--main-width)) !important;
    line-height: 1.8 !important;}
 .wpcf7 form .wpcf7-response-output{color: #fff !important;}
.field span {
  display: grid;
	width:100%;
}

/*footer -------------------3----------------- */
footer {width: 100%;margin:0;padding:0;background-color:var(--primary-color);position: relative;overflow: hidden;background-color: var(--primary-color);height: auto;}
footer::after {width: 100%;height: 100%;top: 0;left: calc(50% + ((1440 / 3) / var(--main-width)));position: absolute;background-color: #FF0026;content: "";}
footer #footer{width: 100%;max-width: 1440px;margin: 0 auto;padding: 0;position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;} 
footer .form-main{width: 58.68055555555556%;height: 100svh;min-height: 900px;padding: calc(70 / var(--main-width)) calc(90 / var(--main-width)) 0 calc(40 / var(--main-width));position:relative;}
footer .form-main h2{width: 100.5%;color: var(--white-color);font-weight: 400;font-size: calc(70 / var(--main-width));line-height: 1;display: grid;text-transform: uppercase;}
footer .form-main h2 span{width: 100%;display: grid;justify-self: end;text-align: right;}

/*footer .form-main .wpcf7{width:100%;position:absolute;bottom:calc(264 / var(--main-width));right:calc(90 / var(--main-width));}*/

footer .form-main .login-form {width: calc(458 / var(--main-width));display: flex;flex-direction: column;gap: calc(26 / var(--main-width));justify-self: end;margin-top: calc(206 / var(--main-width));}
footer .form-main .login-form .field{width: 100%;display: grid;}
footer .form-main .login-form input:not(input[type="submit"]){background: transparent;border: none;border-bottom: 1px solid rgba(255, 255, 255, 0.5);padding: 0 0 calc(8 / var(--main-width));color: var(--white-color);font-family: "Geist", sans-serif;font-size: calc(18 / var(--main-width));line-height: 1;font-weight: 400; outline: none;min-width: 0;}
footer .form-main .login-form input::placeholder {color: rgba(255, 255, 255, 1);font-weight: 400;}
footer .form-main .login-form .btn,
footer .form-main .login-form input[type="submit"]{border: 1px solid var(--white-color);height: calc(32 / var(--main-width)); display: inline-flex;padding: calc(0 / var(--main-width)) calc(19 / var(--main-width));border-radius: 40px;font-size: calc(14 / var(--main-width));line-height: 1/*calc(16 / var(--main-width))*/;letter-spacing: normal;color: var(--white-color);font-weight: 500; text-transform: uppercase;text-decoration:none;position: relative;justify-self: end;margin-left: auto;font-family: var(--site-font);margin-top: calc(10 / var(--main-width));background-color:transparent;align-items: center;}
footer .form-main .login-form .btn:hover{background-color: var(--white-color);color: var(--primary-color);}
 
footer .contact-main{width: 41.31944444444444%;height: 100vh;min-height: 900px;background-color: #FF0026;display: flex;flex-wrap: wrap;align-items: start;align-content: start;justify-content: space-between; padding: calc(415 / var(--main-width)) calc(25 / var(--main-width)) calc(95 / var(--main-width)) calc(45 / var(--main-width));z-index: 3;position: relative;gap: 0 0;}
footer .contact-main .logo-d{ width: 100%;display: grid;margin-bottom: calc(80 / var(--main-width));}
footer .contact-main .logo-d span{width: 100%; font-size: calc(16 / var(--main-width));letter-spacing: normal;line-height: 1;color: var(--white-color);font-weight: 400;margin-bottom: 0;text-transform: uppercase;}
footer .contact-main .logo-d img{ width: calc(304 / var(--main-width));}
footer .contact-main .footer-col { width: calc(295 / var(--main-width));display: grid;}
footer .contact-main .footer-col:last-child { width: calc(195 / var(--main-width)); }
footer .contact-main .footer-col .logo-1{width: calc(101 / var(--main-width));}
footer .contact-main .footer-col .logo-2{width: calc(130 / var(--main-width));}
footer .contact-main .footer-col .footer-people{display: flex;flex-direction: column;gap: calc(34 / var(--main-width));margin-top: calc(33 / var(--main-width));}
footer .contact-main .footer-col .footer-people .footer-person{display: flex;flex-direction: column;}
footer .contact-main .footer-col .footer-people .footer-person p{font-size: calc(16 / var(--main-width));letter-spacing: normal;line-height: 1.2;color: var(--white-color);font-weight: 400;margin-bottom: 0;}
footer .contact-main .footer-col .footer-people .footer-person p a{color: var(--white-color);font-family: "Geist", sans-serif;}
footer .contact-main .footer-col .footer-people .footer-person p a::before{background-color: var(--white-color);}
  


@media only screen and (min-width:768px) and (max-width:1440px) {

:root{
   --main-width: 1440 * 100dvw;  
}
}

@media only screen and (min-width:0px) and (max-width:767px) {
 
  :root{--main-width: 390 * 100dvw;}

  .web{display:none !important;}
  .mobile{display:grid !important;}
  

  header .logo{width:calc(235.84414672851562 / var(--main-width));height: calc(22.375 / var(--main-width));left: calc(20 / var(--main-width));top: calc(49 / var(--main-width));background-size: 98% auto;}
  header .menu, header .menu-o {width: calc(34.5 / var(--main-width));height: calc(19 / var(--main-width));position: absolute;right: calc(20 / var(--main-width));top: calc(52 / var(--main-width)); background-image: url(../images/icon-menu.svg);background-repeat: no-repeat;background-size: 100% auto;background-position: center;text-decoration: none;transition: all .5s ease-in-out;}

 header nav{width: 100%;align-items: center;display: flex;height: 100%;background-color: var(--primary-color);position: fixed; right: -100%;top: 0;transition: right .25s ease;margin: 0;padding: 0;}
 header nav ul{grid-auto-flow: row;align-items: center;justify-content: center;gap: calc(20 / var(--main-width));justify-items: center;}
 header nav ul a{display: inline-flex;}
 header nav ul a::before{background-color: var(--primary-color) !important;}
 header nav ul a::after{content:"";position:absolute;width:calc(19 / var(--main-width));height:calc(21.26 / var(--main-width));top:0;right:0;background-image:url(../images/graphic-nav-dark.svg);background-repeat:no-repeat;background-size:cover;background-position: right top;}

body.open header{height: 100vh;transition: all .5s ease-in-out;}
body.open header .menu, body.open header .menu-o{background-image:url(../images/icon-menu-c.png);z-index: 2;/*height: calc(26 / var(--main-width));*/}
body.open header nav{right: 0;}
 
	.
.hero-box{min-height: initial !important;}
.hero-box {min-height: initial !important;}
.hero-box :where(.slide-repeat,.animation-box){min-height: initial !important;}
 
  .slick-dots{top: calc(100svh - (61 / var(--main-width)));}
  
	.wpcf7-not-valid-tip{color: #fff !important;font-family: "Geist", sans-serif !important;
    font-size: calc(10/ var(--main-width)) !important;
    line-height: 1.4 !important;display:grid;padding-top:calc(2 / var(--main-width));}
 .wpcf7 form .wpcf7-response-output{color: #fff !important;}
   
#slick-slide00 .slide-repeat .bg.mobile,
.slick-slide.slick-cloned[data-slick-index="4"] .slide-repeat .bg.mobile{background-position: 34% center;}
#slick-slide01 .slide-repeat .bg.mobile,
.slick-slide.slick-cloned[data-slick-index="5"] .slide-repeat .bg.mobile{background-position: 43% center;}
#slick-slide02 .slide-repeat .bg.mobile,
.slick-slide.slick-cloned[data-slick-index="6"] .slide-repeat .bg.mobile{background-position: 34% center;}
#slick-slide03 .slide-repeat .bg.mobile,
.slick-slide.slick-cloned[data-slick-index="7"] .slide-repeat .bg.mobile{background-position: 59.5% center;}
	
  /*footer -------------------3----------------- */
  
  footer .form-main{width: 100%;height: auto;min-height: initial !important;padding: calc(75 / var(--main-width)) calc(20 / var(--main-width)) calc(75 / var(--main-width)) calc(20 / var(--main-width));}
  footer .form-main h2{font-size: calc(34 / var(--main-width));}
  footer .form-main .login-form {width: 100%;gap: calc(14 / var(--main-width));justify-self: start;margin-top: calc(40 / var(--main-width));}
  footer .form-main .login-form input:not(input[type="submit"]) {font-size: calc(14 / var(--main-width));min-width: 0;}
  footer .form-main .login-form .btn, 
	footer .form-main .login-form input[type="submit"]{margin-top: calc(16 / var(--main-width));}

   
  footer .contact-main{width: 100%;height: auto;min-height: initial !important;padding: calc(75 / var(--main-width)) calc(35 / var(--main-width)) calc(60 / var(--main-width)) calc(35 / var(--main-width));}
  footer .contact-main .logo-d{ width: 100%;display: grid;margin-bottom: calc(80 / var(--main-width));}
  footer .contact-main .logo-d span{font-size: calc(14 / var(--main-width));}
  footer .contact-main .logo-d img{ width: calc(253 / var(--main-width));}
  footer .contact-main .footer-col { width: 100%;display: grid;margin-bottom: calc(50 / var(--main-width));}
  footer .contact-main .footer-col:last-child { width: 100%;margin-bottom: 0;}
  footer .contact-main .footer-col .logo-1{width: calc(86 / var(--main-width));}
  footer .contact-main .footer-col .logo-2{width: calc(101 / var(--main-width));}
  footer .contact-main .footer-col .footer-people{gap: calc(22 / var(--main-width));margin-top: calc(22 / var(--main-width));}
  footer .contact-main .footer-col .footer-people .footer-person p{font-size: calc(14 / var(--main-width));}
    

}
