/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

*,

*::before,

*::after {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}

:root{

  --Blue : #1053A1;
  --Orange: #F09431;
  --Gray:#666666;
  --Background:#F8F8F8;
  --stroke:#eeeeee;
  --white :#ffffff;
  --black : #222222;

}

@media (prefers-reduced-motion: no-preference) {

  :root {

    scroll-behavior: smooth;

  }

}






body {margin: 0;background: #fff;-webkit-text-size-adjust: 100%;font-size: 16px;overflow-x: hidden;font-family: "Inter", sans-serif;font-weight: normal;color: var(--black);letter-spacing: normal;-ms-scroll-chaining: none;overscroll-behavior: none;}



hr { margin: 1rem 0;color: inherit; background-color: var(--stroke); border: 0;opacity: 0.25;}
hr:not([size]) { height: 1px;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-top: 0; margin-bottom: 0.5rem;}

.h1, h1 { font-size: 60px; font-weight: 700; font-family: "Oswald", sans-serif;}
.h2, h2 { font-size: 46px; font-weight: 700; font-family: "Oswald", sans-serif;}

.h3, h3 {font-size: 30px;}

.h4, h4 { font-size: 20px; font-family: "Oswald", sans-serif;}

.h5, h5 {font-size: 18px;}

.h6, h6 { font-size: 16px;}

a{-webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all; text-decoration: none;}

a:focus, a:active {outline: none; -webkit-box-shadow: none; box-shadow: none;-webkit-tap-highlight-color: transparent; }



p{margin-top: 0; font-size: 18px; line-height: 1.4;  }

.img-fluid{max-width: 100%; height: auto;}

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

.btn { position: relative; padding: 14px 26px ; min-width: 160px; -webkit-transition: 0.5s ease-in; -o-transition: 0.5s ease-in; transition: 0.5s ease-in; display: inline-block; width: auto; height: auto; background-color: transparent; border: none;cursor: pointer;margin: 0px;font-family: "Inter", sans-serif;font-size:18px;font-style: normal;font-weight: 600; text-transform: uppercase; line-height: 1;  border-radius: 80px; text-align: center;}
.btn.icon{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 16px 32px;}
.btn.btn-primary{background: var(--Blue); border:2px solid var(--Blue);  color: var(--white);}
.btn.btn-primary:hover{background: var(--white); color: var(--Blue); }

.btn.btn-sec{background: var(--Orange); border:2px solid var(--Orange);  color: var(--white);}
.btn.btn-sec:hover{background: var(--white); color: var(--Orange);  }


.btn:focus{outline: none; }
.btn-secondary:disabled, .btn-secondary[disabled], .btn-secondary.disabled{opacity: 0.64;}

sup {font-size: 10px;font-weight: bold;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.mobile-show{display: none !important;}

.small-icon.slick-arrow {width: 50px;height: 50px; z-index: 2; background: var(--Orange);color: var(--white); display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; border: 1px solid var(--Orange);}
.small-icon.slick-arrow:hover{background: var(--white); color: var(--black);}
.small-icon.slick-arrow:before {display: none;}

.menu-btn{display: none;}
.header__nav-button { background: transparent; -webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; transition: 0.5s ease all; width: 24px;height: 18px; border: none;-webkit-appearance: none;-moz-appearance: none;appearance: none; display: block;   -webkit-transform: rotate(0deg);   -ms-transform: rotate(0deg);   transform: rotate(0deg); }

.header__nav-button:hover, .header__nav-button:focus { outline: none; }
.header__nav-button > span {background:#fff;display: block;position: absolute;height: 2px;width: 100%; left: 0;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.header__nav-button > span:nth-child(1) { top: 0px; }
.header__nav-button > span:nth-child(2) {top: 8px; }
.header__nav-button > span:nth-child(3) {top: 16px; }
.open-menu .header__nav-button > span:nth-child(1) {top: 8px;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg); }
.open-menu .header__nav-button > span:nth-child(2) {opacity: 0;left: -60px; }
.open-menu .header__nav-button > span:nth-child(3) {top: 8px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }

.page-overlay{position: fixed;width: 100%; height: 100vh; z-index: 4; background: rgba(0, 0, 0, 80%); opacity: 0; visibility: hidden; -webkit-transition: 0.5s ease-in; -o-transition: 0.5s ease-in; transition: 0.5s ease-in;}
.open-menu .page-overlay{opacity: 1; visibility: visible;}

/* Reset CSS ends */
.header_wrap{position: absolute; top: 0; left: 0; z-index: 5; width: 100%; padding: 30px 0;}
.header_row{display: flex; align-items: center; justify-content: space-between;}
.logo{max-width: 345px; width: 100%;}
.logo a{display: block;}
.logo a img{display: block;width: 100%;}
.header_row .menu_wrap{display: flex; align-items: center; gap:36px}
.menu_wrap .menu ul{list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 40px;}
.nav_element{font-size: 16px; text-transform: uppercase; font-family: "Oswald", sans-serif; font-weight: 600;}
.nav_element a{color: var(--white); padding: 7px 0;display: block; position: relative;}
.nav_element a:hover, .nav_element a.active{color: var(--Orange);}
.nav_element a::before{ content: ''; position: absolute; bottom: 0; left: 50%; display: block; height: 2px;width: 0;background: var(--Orange);transition: all ease-in-out .2s;}
.nav_element a:hover::before, .nav_element a.active::before{width: 100%;left: 0;}
.social_link{display: flex; list-style: none; gap: 15px; margin: 0; padding: 0}
.social_link li a{width: 40px; height:40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.1);}
.social_link li a:hover{background: var(--black);}

.hero_banner{margin: 0;}
.hero_banner .item{min-height: 800px; display: flex; align-items: flex-end; padding: 110px 0;}
.banner-content{max-width: 469px; margin-left: 80px; width: 100%; color: var(--white);}
.banner-content h1 {margin-bottom: 20px;}
.banner-content h1 span{color: var(--Orange);}
.banner-content p{font-size: 24px; font-weight: 500;}
.hero_banner .slick-arrow::before{display: none;}
.hero_banner .slick-arrow{width: 18px; height: 50px; z-index: 2; }
.hero_banner .slick-arrow svg {color: #fff; opacity: 0.3; transition: 0.5s ease-in;}
.hero_banner .slick-arrow.slick-prev{left: 2%;}
.hero_banner .slick-arrow.slick-next{right: 2%;}
.hero_banner .slick-arrow:hover svg{opacity: 1;}
.slick-dots{margin: 0; bottom: 28px;}
.slick-dots li{width: 10px; height: 10px; background: rgba(255, 255, 255,30%); transition: 0.5s ease-in; border-radius: 10px; }
.slick-dots li.slick-active{width: 20px; background: var(--Orange);}
.slick-dots li button{display: none;}

.small_banner{background: url(../img/small-banner-bg.jpg)no-repeat center; background-size: cover; padding: 245px 0 369px; position: relative;}
.small_banner::before{content: ""; width: 100%;height: 100%; background: #000; opacity: 60%; position: absolute; top: 0;left: 0;}
.small_banner_content{position: relative;max-width: 850px; margin: 0 auto; text-align: center; color: var(--white);}
.small_banner_content h2{text-transform: uppercase;margin-bottom: 15px;}
.small_banner_content p{font-weight: 500;margin-bottom: 18px;}

.workshop_wrap{padding: 83px 0 33px;}
.workshop_head{text-align: center; padding: 0 20px; margin-bottom: 34px;}
.workshop_head h2{font-size: 36px; text-transform: uppercase;margin-bottom: 15px;}
.workshop_head p{max-width: 397px; margin: 0 auto; color: var(--Gray); font-weight: 500;}
.gallery_img{margin-bottom: 0;}
.gallery_img .item{padding: 50px 9px 50px; width: 368px;}
.gallery_img .item img{border-radius: 20px; width: 100%;}
.gallery_img .item.slick-current.slick-active.slick-center{width: 430px; margin-top: -42px;}
.gallery_img .item.slick-current.slick-active.slick-center img{ border: 10px solid var(--Blue); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);}
.gallery_img .slick-prev{left: 30px;}
.gallery_img .slick-next{right: 30px;}

.feat_row{display: flex; flex-wrap: wrap; gap: 15px; margin-top: -132px; position: relative;}
.feat_card{width: calc(33.33% - 10px); display: flex; gap: 18px; align-items: flex-start; border: 3px solid var(--Orange); padding: 60px; background: #fff; border-radius: 20px;}
.feat_card .icon{width: 80px; height: 80px; border-radius: 50%; min-width: 80px; border: 2px solid var(--Orange);display: flex; align-items: center; justify-content: center;}
.feat_card .info h4{margin-bottom: 5px;  text-transform: uppercase;}
.feat_card .info p{margin: 0; font-size: 16px; color: var(--Gray); font-weight: 500;}
.feat_row .feat_card:nth-child(2), .feat_row .feat_card:nth-child(2) .icon{border-color: var(--Blue);}
.feat_row .feat_card:last-child, .feat_row .feat_card:last-child .icon{border-color: var(--black);}

.service_provide{padding: 170px 0; position: relative;}
.service_provide::before{content: ""; width: 402px; height: 350px; background:url(../img/service-b.png) no-repeat center right ; background-size: cover; position: absolute; top:50%; left: 0; transform: translateY(-50%);}
.service_provide::after{content: ""; width: 402px; height: 350px; background:url(../img/service-a.png) no-repeat center left ; background-size: cover; position: absolute; top:50%; right: 0; transform: translateY(-50%);}
.service_provide_content{max-width: 688px; margin: 0 auto; text-align: center;}
.service_provide_content h2{text-transform: uppercase;margin-bottom: 23px;}
.service_provide_content h2 span{color: var(--Orange);}
.service_provide_content p{color: var(--Gray);font-weight: 500; margin-bottom: 22px;}
.service_provide_content h6{color: var(--Orange); text-transform: uppercase; font-family: "Oswald", sans-serif; font-size: 20px; font-weight: 700; }
.container-big{max-width: 1920px;}
.service_wrap{background: var(--black); padding: 20px 0;}
.service_row{display: flex; flex-wrap: wrap; gap: 20px;}
.single_service{width: calc(25% - 15px); text-decoration: none; position: relative; padding-top: 16%;}
.single_service>img{width: 100%; border-radius: 20px; position: absolute; top: 0; left: 0; height: 100%; object-fit: cover; object-position: center;}
.single_service .overlay{position: absolute; transition: 0.5s ease-in; padding: 20px 0; top: 0; left: 0; border-radius: 20px; width: 100%; height: 100%; background: rgba(0, 0, 0, 50%); opacity: 1; display: flex; align-items: flex-end;}
.single_service .overlay p {padding: 11px 25px 11px 30px; transition: 0.5s ease-in; background: transparent;color: var(--white);  border-radius: 0 25px 25px 0; font-size: 20px; font-family: "Oswald", sans-serif; margin: 0;font-weight: 600;text-transform: uppercase;}
.single_service:hover .overlay{background: transparent;}
.single_service:hover .overlay p{background: var(--Orange);}
.h-contact{padding: 108px 0; text-align: center;}
.h-contact h2{text-transform: uppercase; margin-bottom: 40px;}
.h-contact h2 span{color: var(--Orange);}
.contact_form{max-width: 1398px; display: flex;  justify-content: space-between; margin: 0 auto;}
.contact_form .form-group{max-width: 366px; width: 100%; padding: 0 10px;}
.contact_form .form-control{padding: 0 15px; width: 100%; background: var(--Background); border-radius: 50px; color: var(--Gray); font-size: 18px;font-family: "Oswald", sans-serif; font-weight: 500; border: 1px solid var(--stroke); height: 60px;}
.contact_form .form-control:focus{outline: none;}

.featured_section{background: var(--Blue); display: flex; flex-wrap: wrap;  justify-content: space-between;}
.video-w{width: 50%;}
.featured_content{width: 50%; padding: 30px; align-self: center;}
.embed-responsive { position: relative;display: block;height: 0; padding: 0; overflow: hidden;}
.embed-responsive-16by9 {padding-bottom: 56.25%;height: auto !important;width: auto !important;}
 .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {position: absolute;top: 0; bottom: 0; left: 0;width: 100%; height: 100%; border: 0;}
.embed-responsive-16by9 video.video-background { min-height: 100%; width: 100%;object-fit: cover; object-position: center;}

.featured_content >div{max-width: 576px; margin: 0 auto; text-align: center; color: var(--white);}
.featured_content h2{text-transform: uppercase; margin-bottom: 25px;}
.featured_content h2 span{color: var(--Orange);}
.featured_content p{font-weight: 500; max-width: 525px; margin: 0 auto 30px;}
.playpause {width: 80px; height: 80px; background: var(--white);border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex;align-items: center; justify-content: center;cursor: pointer;}

.partners_wrap{padding: 104px 0; text-align: center;}
.partners_wrap h2{text-transform: uppercase; margin-bottom: 35px; }
.partners_wrap h2 span{color: var(--Orange);}
.partners_row{display: flex;max-width: 1398px; margin: 0 auto; flex-wrap: wrap; justify-content: center; gap: 30px;}
.partners_row .item {
    width: calc(25% - 23px);
}

.footer_wrap{background: var(--black); padding: 85px 0 65px;}
.footer_row{max-width: 1398px; margin: 0 auto; gap: 30px; display: flex; }
.footer_item{flex: 1;}
.footer_item h4{color: var(--white); padding-bottom: 15px; border-bottom: 1px dashed rgba(255, 255, 255,30%); margin-bottom: 20px; text-transform: uppercase; font-size: 22px; font-weight: 700;}
.footer_info{max-width: 327px;}
.f-logo{margin-bottom: 23px;}
.footer_item p{color: var(--white); font-weight: 500; }
.mail{display: flex; align-items: center; gap: 10px; margin-bottom: 32px;}
.mail .icon{width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255,10%); display: flex; align-items: center; justify-content: center; min-width: 40px; }
.mail h5{font-size: 22px; margin: 0; font-weight: 700; font-family: "Oswald", sans-serif;}
.mail h5 a{color: var(--white); text-decoration: none;}
.last_item h4{color: var(--Orange);}
.footer_item ul{list-style: none; margin: 0; padding: 0;}
.footer_item ul li{display: flex; align-items: flex-start; gap: 12px; margin-bottom: 15px;}
.footer_item ul li .icon{width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255,10%); display: flex; align-items: center; justify-content: center; min-width: 40px;}
.footer_item ul li h5{font-size: 22px; margin: 0; font-weight: 700; font-family: "Oswald", sans-serif;}
.footer_item ul li h5 a{color: var(--white); text-decoration: none;}
.footer_item ul li p{font-weight: 500; margin: 0;}

@media (max-width: 1650px){
  .feat_row{margin-top: -109px;}
.feat_card{padding: 30px;}
}
@media (max-width: 1400px){
.service_provide::before, .service_provide::after{width: 201px; height: 175px;}
.embed-responsive-16by9{padding-bottom: 100%;}
}

@media (max-width: 1200px){
.single_service {width: calc(33.33% - 15px);text-decoration: none;position: relative;padding-top: 21%;}
}

@media (max-width: 992px){
  body.open-menu{overflow: hidden;}
  ul.desk-show.social_link{display: none;}
  .menu-btn{display: block;}
 .header_row .menu_wrap { position: fixed; left: -100%;top: 0; width: 100%; padding: 30px; transition: 0.5s ease-in; max-width: 282px; background: #000; height: 100vh; overflow-y: scroll;  display: block; z-index: 5;}
.menu_wrap .menu ul { display: block;}
.header_row .menu_wrap.open{left: 0;}
.nav_element{margin-bottom: 10px;}
.nav_element a{display: inline-flex;}
.banner-content{margin-left: 0;}
.feat_card{padding: 30px; width: calc(50% - 10px);}
.feat_row .feat_card:last-child{width: 100%;}
.service_provide::before, .service_provide::after{display: none;}
.service_provide{padding: 80px 0;}

.single_service {width: calc(50% - 15px);text-decoration: none;position: relative;padding-top: 31%;}
.contact_form{flex-wrap: wrap; row-gap: 20px;}
.contact_form .form-group{max-width: 50%;}
.video-w{width: 100%;}
.featured_content{width: 100%;}
.partners_row{gap: 15px;}
.footer_row{flex-wrap: wrap;}
.footer_info {
    max-width: 100%;
}
.footer_item{width: calc(50% - 15px);         flex: auto;}
}

@media (max-width: 767px){
  .header_wrap{padding: 22px 0;}
.logo{max-width: 220px;}
.h1, h1{font-size: 50px;}
.banner-content p{font-size: 20px;}
.hero_banner .item{min-height: 600px; padding: 70px 0;}
.workshop_wrap{padding: 53px 0 1px;}
.workshop_head h2{font-size: 30px;}
p{font-size: 16px;}
.h2, h2{font-size: 38px;}
.small_banner{padding: 122px 0;}
.btn{font-size: 16px;}
.feat_row{margin-top: 30px;}
.feat_card{padding: 30px 15px; width: 100%;}
.service_provide_content h6{font-size: 18px;}
.service_provide_content h2 br{display: none;}
.service_row{gap: 10px;}
.single_service .overlay p{font-size: 14px; padding: 10px;}
.single_service { padding-top: 35%; width: calc(50% - 5px);}
.single_service>img, .single_service .overlay{border-radius: 10px;}
.contact_form .form-group{max-width: 100%; padding: 0;}
.h-contact{padding: 55px 0;}
.h-contact .btn{margin: 0 auto; display: block;}
.contact_form .form-control{font-size: 16px;}
.partners_wrap{padding: 55px 0;}
.partners_row .item {
    width: calc(33.33% - 10px);
}
.footer_wrap{padding: 50px 0;}
.footer_item{width: 100%;         flex: auto;}
.footer_item ul li h5, .mail h5{font-size: 18px;}
}
@media (max-width: 640px){
.gallery_img .item.slick-current.slick-active.slick-center{margin-top: 0;}
.gallery_img .item{padding: 0 9px 50px;}
.partners_row .item {
        width: calc(50% - 10px);
    }
}