/*
font-family: "degular-display", sans-serif;
font-weight: 400;
font-style: normal;

font-family: "degular-display", sans-serif;
font-weight: 400;
font-style: italic;

font-family: "degular-display", sans-serif;
font-weight: 700;
font-style: normal;

font-family: "degular-display", sans-serif;
font-weight: 700;
font-style: italic;
*/
html{-webkit-text-size-adjust:100%;}input#Submit,input.submit,input[type="submit"],button{ -webkit-appearance:none !important;}*{outline:none !important;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,strong,b,u,i,ol,ul,li,fieldset,form,label,table,tbody,tr,th,td,embed,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}blockquote{quotes:none;}blockquote:before,blockquote:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}
.w100{width:100%;}.w95{width:95%;}.w90{width:90%;}.w85{width:85%;}.w80{width:80%;}.w75{width:75%;}.w70{width:70%;}.w65{width:65%;}.w60{width:60%;}.w55{width:55%;}.w50{width:50%;}.w45{width:45%;}.w40{width:40%;}.w35{width:35%;}.w30{width:30%;}.w25{width:25%;}.w20{width:20%;}.w15{width:15%;}.w10{width:10%;}
.fl{float:left;}.fr{float:left;}pre{border:1px #aaa solid;padding:10px;background-color:#E0D7C3;font-size:12px;line-height:16px;}code{font-family:monospace,'courier new';font-size:12px;line-height:16px;color:#222;}hr{border:none;margin:20px 0px;border-top:1px #bbb solid;}i,em{font-style:italic;}b,strong{font-weight:600;}
.section{width:100%;float:left;position:relative;}.inner{margin:0px;padding:0px;}.ani{-moz-transition:.3s all ease-out;-o-transition:.3s all ease-out;-webkit-transition:.3s all ease-out;transition:.3s all ease-out;}
html,body{height:100%;}
body{font-family: 'Montserrat', sans-serif;font-size:16px;line-height:1em;overflow-x: hidden;}
body p{margin:10px 0;}
a{text-decoration: none;}
h1,h2,h3,h4,h5,h6{line-height:1.2em;}
h2{font-size:78px;font-weight:600;}
.cursor {position: fixed;top: 0;left: 0;width: 16px;height: 16px;background: #f6eee3;border-radius: 50%;pointer-events: none;z-index: 9999;transform: translate(-50%, -50%);}

.container{margin:0 auto;width:100%;max-width:1600px;height:100%;box-sizing: border-box;}
/* 
#loading{width:100%;height:100%;position:fixed;top:0;left:0;background:#b90000;z-index:9;}
#loading .container{width:100%;height:100%;position:relative;}
#loading .container #progress{position:absolute;bottom:85px;right:0;color:#f6eee3;font-size:100px;line-height:1em;}
#loading .container .text{width:500px;position:absolute;bottom:80px;left:0;color:#f6eee3;font-size:40px;text-transform: uppercase;line-height:1.25em;} */



@keyframes slideIn {
  from{transform:translateX(-100%);opacity:1}
  to{transform:translateX(0);opacity:1}
  }
  #loading{padding:0 20px;width:100%;height:100%;position:fixed;top:0;left:0;background-color:#d9d9d9;overflow:hidden;z-index:99999;box-sizing: border-box;transition:opacity 1s ease-in-out;}
  .slide_container{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;border-radius: 30px;z-index:10;}
  .slide{position:absolute;top:0;left:0;width:100%;height:100%;transform:translateX(-100%);animation:slideIn 1s forwards}
  .slide1{background:#f6eee3;z-index:1;animation-delay:0s;animation-timing-function:cubic-bezier(.68,-0.03,.36,.72);}
  .slide2{background:#b90000;z-index:2;animation-delay:.33s;animation-timing-function:cubic-bezier(.68,-0.03,.36,.72)}
  .slide3{background:#000;z-index:3;animation-delay:.45s;animation-timing-function:cubic-bezier(.68,-0.03,.36,.72)}
  #loading .container{width:100%;height:100%;position:relative;z-index:10}
  #loading .container #progress{position:absolute;bottom:85px;right:0;color:#fff;font-size:100px;line-height:1em;mix-blend-mode: difference;transition:transform 1s ease-in-out;}
  #loading .container .text p{width:600px;position:absolute;bottom:80px;left:0;color:#fff;font-size:30px;text-transform:uppercase;line-height:1.25em;mix-blend-mode: difference;transition:transform 1s ease-in-out;}
  #loading .loading_text_con{width: 100%;height: 180px;position: absolute;bottom: 80px;left: 0;color: #fff;font-size: 40px;text-transform: uppercase;line-height: 1.25em;mix-blend-mode: difference;overflow: hidden;}
  #loading .loading_text_con p.hide{transform: translateY(-100px);}
  #loading .container #progress.hide{transform: translateY(-100px);}

.watch_video{position: fixed;bottom: 140px;right:0;transition: transform 0.3s ease;z-index: 1000;cursor: pointer;}
.watch_video:hover{right:0;}
#page_wrapper{height:100%;position:relative;transition:transform .6s cubic-bezier(0.22,1,0.36,1);transform-origin:center center;will-change:transform;perspective:1200px;}
.page_zoomed{transform:scale(0.85) translateZ(-200px);filter:blur(2px) brightness(0.9)}
.video_modal{position:fixed;inset:0;z-index:2000;display:flex;justify-content:center;align-items:center;perspective:1200px;transition:opacity .4s ease}
.video_modal.hidden{opacity:0;pointer-events:none}
.modal_overlay{position:absolute;inset:0;background:#000000b3;z-index:1;backdrop-filter:blur(2px)}
.modal_content{position:relative;z-index:2;max-width:90vw;max-height:90vh;background:#000;padding:0;border-radius:12px;box-shadow:0 0 40px #0009;transform:scale(0.5);opacity:0;transition:transform .5s cubic-bezier(0.22,1,0.36,1),opacity .5s ease}
.video_modal:not(.hidden) .modal_content{transform:scale(1);opacity:1}
.modal_content video{width:100%;height:auto;border-radius:8px}
.modal_close{position:absolute;top:-12px;right:-12px;background:#fff;color:#000;border:none;font-size:28px;width:40px;height:40px;border-radius:50%;cursor:pointer;z-index:3;box-shadow:0 0 10px #0000004d}
.video_loader{position:fixed;inset:0;display:none;justify-content:center;align-items:center;background:#000c;z-index:3000}
.spinner{border:4px solid #fff3;border-top:4px solid #fff;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite}
@keyframes spin {
to{transform:rotate(360deg)}
}

  #menu.menu {padding: 10px 20px;position: fixed;bottom:50px;left: 50%;transform: translateX(-50%);background: rgba(0, 0, 0, 0.8);color: #fff;border: 1px solid #333333;border-radius: 50px;z-index: 1000;}
.menu_container {display: flex;align-items: center;}
.menu_logo{margin-right: 15px;border-right: 1px solid #333333;padding-right: 5px;}
.menu_logo img {height: 24px;margin-right: 0.5rem;display:block;filter: invert(1);}
.menu_content {display: flex;align-items: center;overflow: hidden;max-width: 0;opacity: 0;transition:max-width 0.5s ease,  opacity 0.3s ease 0.1s;margin-left: 0;}
.menu.open .menu_content {margin:0 20px 0 0;max-width: 600px;opacity: 1;}
.menu_list {display: flex;list-style: none;margin: 0;padding: 0;}
.menu_item + .menu_item { margin-left: 1.5rem; }
.menu_link {text-decoration: none;color: #fff;text-transform: uppercase;font-size: 0.9rem;font-weight: 500;}
.nav_toggle {margin:0 0 0 20px;display: flex;flex-direction: column;justify-content: space-between;width: 22px;height: 22px;margin-left: auto; background: none;border: none;padding: 0;cursor: pointer;}
.nav_toggle .bar {display: block;width: 100%;height: 3px;background-color: #fff;border-radius: 1px;transition: all 100ms ease-in-out;}
.menu.open .nav_toggle .bar:nth-of-type(1) {transform: rotate(45deg);transform-origin: top left;width: 28px;}
.menu.open .nav_toggle .bar:nth-of-type(2) {opacity: 0;width: 0;}
.menu.open .nav_toggle .bar:nth-of-type(3) {transform: rotate(-45deg);transform-origin: bottom left;width: 28px;}


#home{width:100%;height:100%;background:#b90000;}
#home .con {height: 100%;display: flex;align-items: center;justify-content: center;gap:100px;}
#home .con .left{width: 50%;}
#home .con .left h1{color:#f6eee3;font-size: 170px;text-align: left;letter-spacing: 2.3px;line-height: 0.7em;font-family: "degular-display", sans-serif;font-weight: 500;font-style: normal;color: transparent;-webkit-text-stroke: 2px #f6eee3;}
#home .con .left h1 span{display: block;}
#home .con .left h1 span.sp2{margin: 0 0 20px;}
#home .con .left h1 span.sp3,#home .con .left h1 span.sp4{color: #f6eee3;}
#home .con .right{width: 50%;}
#home .con .right p{margin:40px 0;color: #f6eee3;line-height: 1.6em;font-family: sans-serif;font-size: 26px;font-weight: 600;}
#home .con .right p b{font-weight:900;}
#home .con .right p span{font-weight: 700;display:block;}

#video_section {
  position: relative;
  width: 100%;
  overflow: visible;
}

#video_wrapper {
  width: 100%;
  position: relative;
}

#scroll_video {
  position: fixed;
  bottom: 0;
  left: 0;
  height: auto;
  z-index: 100;
  pointer-events: none;
}



#partners {padding: 240px 0;width: 100%;height: auto;float:left;text-align: center;background: #000;}
#partners .con{height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;gap:100px;}
#partners .con h2{font-size:45px;font-weight: 700;color: #f6eee3;}
#partners .con .logos{display: flex;align-items: center;justify-content: center;gap: 100px;    flex-wrap: wrap;filter: invert(1);}

#capabilities{width: 100%;float: left;background: #000;}
#capabilities .container{padding:0;}
#capabilities .service{padding: 60px 30px;width: 100%;position: relative;display: grid;grid-template-columns: 60% 35%;justify-content: space-between;box-sizing: border-box;    align-items: center;will-change: transform;}
#capabilities .service .right img{width: 100%;display: block;}
#capabilities .service.bs{background: #c3abff;color:#1e1e1e;}
#capabilities .service.cs{background: #f4d55a;}
#capabilities .service.ls{background: #f6eee3;}
#capabilities .service.ts{background: #1e1e1e;color:#f6eee3;}
#capabilities .service.am{background: #c3abff;}
#capabilities .service.ap{background: #f4d55a;}
#capabilities .service.pa{background: #f6eee3;}
#capabilities .service.wd{background: #1e1e1e;color:#f6eee3;}
#capabilities .service.ltc{background: #c3abff;}
#capabilities .service .left h2{margin:0 0 60px;padding:0;font-size:78px;font-weight: 600;line-height:1em;}
#capabilities .service .left .info{display: grid;grid-template-columns: 40% 40%;justify-content: space-between;align-items: start;}
#capabilities .service .left .info p{margin:-7px 0 0;font-size: 22px;line-height: 1.2em;font-family: serif;}
#capabilities .service .left .info ul{list-style:none;}
#capabilities .service .left .info ul li{margin: 0 0 10px;font-size:14px;line-height:1em;}

#who_we_work_with{padding: 200px 0;width:100%;float:left;background-color:#000;color:#fff;}
#who_we_work_with .con{display: grid;grid-template-columns: repeat(2, 1fr);gap: 100px;position: relative;align-items: start;}
#who_we_work_with h2{font-size:50px;line-height:1.2em;}
#who_we_work_with .info{display:flex;flex-direction:column;gap:2rem}
#who_we_work_with .box{margin-bottom:10px;padding-bottom:30px;border-bottom:1px solid #fff3}
#who_we_work_with .box:last-child{border-bottom:none}
#who_we_work_with .box h3{margin:0 0 15px;display:flex;align-items:center;font-size:30px;font-weight:600;gap:15px;line-height:1.2em;}
#who_we_work_with .box h3 i{margin:0;font-size:20px;font-weight:600;gap:15px;}
#who_we_work_with .box p{margin:0;font-size:24px;line-height:1.5;opacity:.8}
#who_we_work_with .box {opacity: 0;transform: translateX(50px);transition: transform 0.6s ease-out, opacity 0.6s ease-out;}
#who_we_work_with .box.visible {opacity: 1;transform: translateX(0);}

#case_studies{padding:200px 0;width:100%;float:left;}
  #case_studies .con h2 {
    margin-bottom:60px;
  font-size: 100px;
  font-weight: 700;
  text-align: center;
}
#case_studies .con p {
  margin: 0 auto;
  width: 560px;
  font-size: 20px;
  line-height: 1.4em;
  font-weight: 600;
  font-family: sans-serif;
  text-align: center;
}
#case_studies .case_grid {margin:100px 0 60px;display: grid;grid-template-columns: repeat(2, 1fr);gap:100px;text-align:center;}
#case_studies .case_grid .case .image_con{display:flex;align-items:center;justify-content:center;overflow:hidden;}
#case_studies .case_grid .case .image_con .image{padding:100px;display: flex;align-items: center;justify-content: center;border-radius:70px;box-sizing:border-box;transition:0.33s;}
#case_studies .case_grid .case .image_con .image:hover{border-radius:100%;}

#case_studies .case_grid .case .image_con .image img{width:100%;height:100%;object-fit: cover;border-radius: 50px;}
#case_studies .case_grid .case .info h3{margin: 40px 0 0;font-size: 18px;font-weight: 600;color: #000;}
#case_studies .bg_yellow{background: linear-gradient(180deg,rgba(247, 232, 5, 1) 0%, rgba(240, 187, 0, 1) 100%);}
#case_studies .bg_pink{background: linear-gradient(180deg,rgba(221, 92, 128, 1) 0%, rgba(239, 185, 200, 1) 100%);}
#case_studies .bg_orange{background: linear-gradient(180deg,rgba(228, 198, 115, 1) 0%, rgba(233, 120, 78, 1) 100%);}
#case_studies .bg_red{background: linear-gradient(180deg,rgba(206, 134, 126, 1) 0%, rgba(190, 103, 94, 1) 100%);}
#case_studies .bg_blue{background: linear-gradient(180deg,rgba(6, 36, 48, 1) 0%, rgba(109, 200, 191, 1) 100%);}
#case_studies .bg_purple{background: linear-gradient(180deg,rgba(5, 31, 93, 1) 0%, rgba(100, 170, 235, 1) 100%);}
#case_studies .bg_green{background: linear-gradient(180deg,rgba(5, 31, 93, 1) 0%, rgba(100, 170, 235, 1) 100%);}
#case_studies .bg_green_2{background: linear-gradient(180deg, #e7ea54 0%, #77ff7c 100%);}

#partner_logos{padding:200px 0;width:100%;float:left;}
#partner_logos h2{font-size:62px;font-weight:700;line-height:1.2;text-align:center;}
#partner_logos .logos{margin:70px 0 0;display:grid;grid-template-columns:repeat(6,1fr);gap:100px;align-items:center;justify-items:center}
#partner_logos .logos img {width: 100%;transform: scale(0.5);opacity: 0;transition: transform 0.5s ease-out, opacity 0.5s ease-out;}
#partner_logos .logos img.visible {transform: scale(1);opacity: 1;}


#form{padding:200px 0;width:100%;float:left;background:#000;}
#form .con{height: 100%;display: flex;align-items: center;justify-content: center;}
#form .con .col{height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
#form .con .col h3{font-size:62px;font-weight:700;line-height:1.2;text-align:center;color:#f6eee3;}
#form .con .col p{color:#f6eee3;text-transform: uppercase;line-height:1.4em;text-align:center;}
form{margin:30px 0 0;width: 800px;display: flex;flex-direction: column;gap: 10px;}
form input[type="text"],form input[type="email"],form textarea,select{margin:5px 0;padding:10px;width: 100%;position: relative;border: 1px solid #ccc;font-family:inherit;font-size:18px;text-transform: uppercase;background: transparent;color: #f6eee3;box-sizing: border-box; }
form input[type="submit"]{padding:20px;background: #f6eee3;color: #000;border: none;cursor: pointer;}
form textarea{height:100px;}
form placeholder{color: #f6eee3;text-transform: uppercase;}
form .required{position: relative;}
form .required::before{content: '*';color: #f6eee3; font-size: 12px;position: absolute;top: 0;left: 0;}
form label{color: #f6eee3;text-transform: uppercase;line-height:1.4em;text-align:left;}




.find_us{margin: 0;padding: 130px 0;width: 100%;position: relative;float: left;background: #000;text-align: center;overflow: hidden;}
.find_us::before{content: '';width:3000px;height: 1000px;background: #0e0e0e;position: absolute;top: 0;left: 50%;z-index: 1;border-radius: 100%;transform: translateX(-50%);}
.find_us .con{position:relative;z-index:2;}
.find_us h2{margin:0 0 20px;font-size:20px;text-transform: uppercase;color:#f6eee3;}
.find_us a{margin:0 10px;color: #f6eee3;text-transform: uppercase;line-height:1.4em;text-align:left;transition: all 0.3s ease;}
.find_us a:hover{color: #b90000;}

#footer{padding: 40px 0 170px;width: 100%;position: relative;float: left;background: #0e0e0e;text-align: center;}
#footer .footer_link{color: #f6eee3;text-transform: uppercase;line-height:1.4em;text-align:left;transition: all 0.3s ease;}
#footer .footer_link:hover{color: #b90000;}
#footer .con{height:100%;}
#footer .con .col{height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;gap:100px;}
#marquee{width:100%;background-color:#000;position:relative;}
#marquee .marquee-content{width:100%;height:100%;background-color:#000;position:relative;}
#marquee .marquee-content p{width:100%;color:#f6eee3;font-size:128px;font-family: fantasy;text-transform: uppercase;letter-spacing:5px;line-height:1.4em;display:inline;text-align:center;color: transparent;-webkit-text-stroke: 2px #f6eee3;}
#footer .subscribe form{margin:5px 0 0;;}
#footer .subscribe p{width:100%;color:#f6eee3;text-transform: uppercase;letter-spacing:5px;line-height:1.4em;display:inline;text-align:left;color: transparent;-webkit-text-stroke: 2px #f6eee3;}

.bbtn{margin:15px 0 0;width: 100%;display: flex;align-items: center;justify-content: center;gap: 10px;}
.bbtn a{padding:15px 30px;background: #b90000;color: #f6eee3;border: none;border-radius:10px;cursor: pointer;transition: all 0.3s ease;}
.bbtn a:hover{background: #bd2929;}

@media(max-width:1660px){
  .container{padding:0 30px;width:100%;max-width:100%;}
}
@media(max-width:1300px){
#capabilities .service .left .info{grid-template-columns: 45% 45%;}
}
@media(max-width:1200px){
#home .con{flex-direction: column;}
#home .con .left{width: 100%;}
#home .con .right{width: 100%;}
#capabilities .service{grid-template-columns: 100%;}
#capabilities .service .left{margin:0 0 50px;}
#case_studies .case_grid{ grid-template-columns: repeat(1, 1fr);}
#who_we_work_with .box h3{font-size:24px;}
#partner_logos .logos{gap: 60px;}
}

@media(max-width:1000px){
.watch_video{width: 80px;right:-30px;}
#home{padding: 100px 0;height:auto;}
#who_we_work_with .con{grid-template-columns: repeat(1, 1fr);}  
#partner_logos .logos {grid-template-columns: repeat(4, 1fr);}
#capabilities .service .left h3{font-size: 70px;}
#partner_logos h2{font-size:48px;}
form{margin:30px 0 0;width:100%;}
.find_us .con > div {display: grid;grid-template-columns: 130px 130px;justify-content: center;justify-items: center;}
.find_us .con > div a{margin:0;}
}
@media(max-width:900px){

}

@media(max-width:800px){
#loading .container #progress {font-size: 60px;  }
#loading .container .text p {width: 340px;font-size: 20px;}
#home .con .left h1{font-size: 110px;}
#home .con .right p{font-size: 22px;}
#capabilities .service .left .info{grid-template-columns: 100%;gap: 30px;}
#case_studies .con p{width: 100%;}
#case_studies .con h2{margin-bottom: 50px;font-size: 80px;}

}

@media (max-width:600px) {
#loading .container .text p{width: 230px;font-size: 16px;}
.menu_link{font-size: 12px;}
.menu_logo img{height: 16px;margin-right: 3px;}
.menu_item + .menu_item{margin-left:10px;}
#partners{padding: 100px 0;}
#partners .con{gap: 60px;}
#partners .con .logos{gap: 70px;}
#capabilities .service .left h2{font-size:40px;}
#case_studies{padding: 110px 0;}
#case_studies .case_grid{gap: 40px;}
#case_studies .con h2 {margin-bottom: 40px;font-size: 60px;}
#case_studies .con p{font-size: 18px;}
#partner_logos h2{font-size:32px;}
#partner_logos .logos{gap: 30px;}

}
@media (max-width:500px) {
#home .con{gap: 10px;}
#home .con .left h1{font-size: 70px;}
#partners .con .logos{gap: 40px;}
#capabilities .service .left h3{font-size: 40px;}
#case_studies .con h2 {margin-bottom: 20px;font-size: 50px;}
#case_studies .case_grid{margin: 40px 0 0;}
#case_studies .case_grid .case .info h3{margin: 20px 0 0;}
#case_studies .case_grid .case .image_con .image{padding: 50px;}
#who_we_work_with{padding: 100px 0;}
#who_we_work_with .con{gap: 50px;}
#who_we_work_with h2 {font-size: 28px;}
#who_we_work_with .box h3{font-size: 18px;}
#who_we_work_with .box p{font-size: 16px;}
#partner_logos{padding: 100px 0;}
#partner_logos h2{font-size:24px;}
#partner_logos .logos{margin: 40px 0 0;grid-template-columns: repeat(3, 1fr);}
#form{padding: 100px 0;}
form input[type="text"], form input[type="email"], form textarea, select{font-size: 14px;}
#contact_section h2{font-size: 40px;}
}
@media (max-width:440px) {
#loading .container .text p {width: 170px;font-size: 14px;}
}