/* normal */

:root{
	--text_clr: #000000;
	--clr1: #7EBC57;
	--clr1opa: #7ebc57de;
	--clr2: #FFD600;	
	--border_clr : #cccccc;
	--box_clr : #eff3f6;
	--border_radius: 6px;
	--light_text: #ccc;
	--awesome100 : 100 100% "Font Awesome 6 Pro";
	--awesome300 : 300 100% "Font Awesome 6 Pro";
	--awesome400 : 400 100% "Font Awesome 6 Pro";
	--awesome900 : 900 100% "Font Awesome 6 Pro";
	--light_weight: 300;
	--normal_weight : 400;
	--medium_weight : 600;
	--bold_weight : 700;
	--black_weight : 900;
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	
}
html,
body {
	font-family: "acumin-pro", sans-serif;
	font-size: 18px;
	color: var(--text_clr);
	font-weight: var(--light_weight);
	line-height:1.95;
	word-break: break-word;
	scroll-behavior:smooth;
	letter-spacing:0.008em
	
}

body {
	background: #f4f4f4;
}
img {
	border: 0px;
	display: block;
	max-width: 100%;
	height:auto;
}
a{color:inherit; text-decoration: none; transition-duration:0.2s;}

input,
select,
textarea,
button{ -webkit-appearance: none;-moz-appearance:none; appearance:none; outline: none; font:inherit}
input[type="checkbox"]{-webkit-appearance: unset;-moz-appearance:unset; appearance:unset;}
button{cursor:pointer}

ul {
	list-style: disc;
}
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {
	font-weight: var(--bold_weight); text-transform:uppercase;  line-height:1.3;
}

h1, .h1{font-size:35px; font-family: source-sans-pro, sans-serif;}
h2, .h2{font-size:22px;}
h3, .h3{font-size:21px;}
h4, .h4{font-size:20px;}
h5, .h5{font-size:19px;}
h6, .h6{font-size:18px;}

p{margin-bottom:1em}


.maxw1{max-width:1510px; margin:0 auto; padding: 0px}

.padd{padding:0 80px}

.white_bg{background:#fff; border-radius:var(--border_radius); overflow:hidden}

.clear{clear:both;}
.flexbox{display:flex; flex-wrap:wrap}
.flexbox.space_between{justify-content: space-between;} 
.flexbox.justify_center{justify-content: center;} 
.flexbox.align_right{justify-content: flex-end;}
.flexbox.align_center{align-items: center;}
.flexbox.align_bottom{align-items: flex-end;}
.flexbox.align_top{align-items: flex-start;}

.grid{display:grid; gap: 40px;}
.grid.main_grid{grid-template-columns: 210px repeat(8, 1fr) 210px; }
.grid.cols2{grid-template-columns: repeat(2, 1fr);}
.grid.cols3{grid-template-columns: repeat(3, 1fr);}
.grid.cols4{grid-template-columns: repeat(4, 1fr);}
.grid.cols5{grid-template-columns: repeat(5, 1fr);}
.grid.cols6{grid-template-columns: repeat(6, 1fr);}

.grid .col2{grid-column:span 2}
.grid .col3{grid-column:span 3}
.grid .col4{grid-column:span 4}
.grid .col5{grid-column:span 5}
.grid .col6{grid-column:span 6}

.grid.align_top{align-items: start}
.grid.align_center{align-items: center}
.grid.align_bottom{align-items: end}

.center_text{text-align:center;}
.center_text ul, .center_text ol{text-align:left;}

.btn_bar{display:flex; flex-wrap:wrap; gap:10px; margin-top:3rem;}
.btn{display:inline-flex; line-height:1; border:none}

.btn:hover{transform:translatey(-2px)}

.btn.l_btn{font-size:22px; font-weight:var(--bold_weight); padding: 20px 35px 20px 35px ; border-radius:var(--border_radius); text-transform:uppercase}
.btn.n_btn{font-size:20px; font-weight:var(--normal_weight); padding: 20px 45px 20px 30px ; border-radius:var(--border_radius)}

.btn.sqr_btn{display:inline-flex; align-items: center; justify-content: center; width:52px; height:52px; font-size:20px; position:relative; border-radius:var(--border_radius);}
.btn.sqr_btn span{position:absolute; bottom:5px; font-size:10px; width:100%; text-align:center; left:0; font-weight: var(--normal_weight);}


.btn .icon_right{display:inline-block; margin-left:20px}

.btn.clr1_white{color:#fff; background:var(--clr1);}
.btn.clr2_black{color:#000; background:var(--clr2);}
.btn.black_white{color:#fff; background:#000;}


.table_wrap{overflow-x:auto; word-break: auto-phrase;}
.table_wrap table{border-collapse: collapse;}
.table_wrap table td{border:1px solid var(--border_clr); padding:5px 10px; vertical-align:top; min-width: 200px}

.content_container ul, .content_container ol{margin-left:30px; margin-bottom:1em;}
.content_container b, .content_container strong{font-weight:var(--bold_weight)}
.content_container a{color:var(--clr1); font-weight:var(--normal_weight)}

.no_scroll{overflow:hidden;}

.mob_menu{position:absolute; right:0; top:0; z-index:999999; height:0dvh; overflow:hidden; transition-duration:0.2s }
.mob_menu.active{height:100dvh}
.mob_menu .inner{background:var(--clr1); color:#fff; padding: 20px 0; height:100%; overflow:auto; position:relative; font-weight: var(--bold_weight); font-size:30px; text-transform:uppercase; width:100dvw;}
.mob_menu .menu_top{text-align:right; margin-bottom:30px; }
.mob_menu ul{list-style:none; margin: 0 auto; text-align:center;}
.mob_menu ul li{margin-bottom:1em}
.mob_menu ul ul{display:none}


.header{z-index:99; position:fixed;background:#f4f4f4; width:100%; top:0}
.header .logo{ display:block; position:relative; width: 235px; height:100%; margin-top:30px; }
.header .logo .inner{position:relative; top:0;   margin-bottom:-25% }
.header .logo .triangle{width:calc(200% + 80px);  position:absolute; background:#f4f4f4; top:calc(100% - 0.3px); left:-81px;  clip-path:polygon(0 0 , 100% 0, 0 100%); z-index:99 }
.header .logo .triangle:after{content:""; padding-bottom:35%; display:block;}
.header .logo img{width:235px; position:relative; z-index:999}

.header .menu_bar{padding: 40px 0 40px; position:relative; margin-top:30px; z-index:9999}
.header .menu_bar ul{text-transform:uppercase; font-weight:var(--bold_weight); font-size:20px}
.header .menu_bar ul ul{display:none}
.header .menu_bar ul li{display:inline-block; margin-right:45px;}
.header .menu_bar ul li a:hover{color:var(--clr1)}
.header .menu_bar .btns .btn{margin-left:10px}
.header .menu_bar .menu_btn{display:none}

.header.sticky {}
.header.sticky .menu_bar{padding: 20px 0; margin-top: 0px;}
.header.sticky .logo {        width: 90px;     margin-top: 8px;   }
.header.sticky .logo .triangle{display:none}

.block{padding-bottom:80px}
.block.no_padd{padding-bottom:0}

.banner{ }
.banner .inner{position:relative;border-radius:var(--border_radius); overflow:hidden; }
.banner .inner.small{height:400px}

.banner .swiper-slide {  height: auto; }
.banner .swiper-slide > * {  flex: 1;}

.banner .background{grid-area: 1 / 1 / 3 / 3; height:100%}
.banner .grid{position:relative; grid-template-columns:4fr 5fr; gap: 50px 100px; height:100%}
.banner .banner_content{background:var(--clr1opa); color:#fff; padding: 50px 0 60px ; position:relative;     grid-area: 2 / 1 / 3 / 2;  margin-bottom: 0px;    margin-left: 0px; border-radius:0 0 var(--border_radius) var(--border_radius)}
.banner .banner_content .triangle_right_corner{width:100%; position:absolute; bottom:calc(100% - 0.35px); background:var(--clr1opa); left:0; clip-path:polygon(0 100% , 74% 0, 100% 100%);}

.banner .banner_content .triangle_right_corner:after{content:""; padding-bottom:26%; display:block;}

.banner .banner_content .title{font-size:43px; line-height:1.2; text-transform:uppercase; font-weight:var(--normal_weight) }
.banner .banner_content .title b{font-weight:var(--black_weight)}
.banner .banner_content .title.bold{font-weight:var(--black_weight)}

.banner .person{grid-area: 2 / 2 / 3 / 3;}
.banner .person img{width:400px; margin-top:50px;     max-height: 670px;
    object-fit: contain;
    object-position: bottom;}

.banner .location{position:absolute; right:20px; bottom:30px; gap:20px;  font-weight: var(--bold_weight); color:#fff}
.banner .location .loc{padding: 8px 10px;    font-weight: var(--bold_weight);    text-transform: uppercase;    font-size: 20px;    background: var(--clr2); color:#000;    line-height: 1; border-radius:var(--border_radius);}

.home_text .grid{grid-template-rows: auto 1fr;}
.home_text .title{grid-area:1 / 1 / 2 / 5; text-align:right;}
.home_text .title h1{font-weight:var(--normal_weight);  max-width:470px; display:inline-block;}
.home_text .title h1 b{font-weight:var(--bold_weight)}
.home_text .title h1.bold{font-weight:var(--bold_weight)}

.home_text .img{grid-area:2 / 1 / 3 / 5; }
.home_text .img img{width:100%; border-radius:var(--border_radius); overflow:hidden;}
.home_text .text{grid-area:1 / 5 / 3 / 10; padding-left:30px}

.visual{background:#fffdf3; padding: 90px 0; margin-bottom:10px; text-align: center;}
.visual .inner{position:relative;}

.visual .text p{max-width:800px; text-align: center; margin: 0px auto; margin-top: 15px; }
.visual_img {margin: 0 auto 60px;  }


.visual_home{background: #75C367; background: linear-gradient(90deg,rgba(117, 195, 103, 1) 0%, rgba(252, 214, 37, 1) 100%); padding: 90px 0; margin-bottom:80px}
.visual_home .inner{position:relative; max-width: 900px; margin: 0px auto}
.visual_home .text p{max-width:500px}
.visual_home .visual_img {margin: 0 auto 0px; max-width:700px; padding-top:0px}
.visual_home .col{display:grid; grid-template-rows:subgrid; grid-row:span 3}


.visual_home .col {
	background: #fffdf3;
	padding: 8%;
	border-radius: 4px;
	padding-bottom: 45px;
	padding-top: 45px;
	text-align: center;
}

.visual_home .col .btn_bar {
	margin: 0px auto;
    height: auto;
    display: inline-block;
}

.references .inner{padding-top:18%;}
.references .grid{grid-template-rows: 1fr repeat(1 , auto)}
.references .text_box{grid-area:1 / 1 / 6 / 5; }
.references .text_box .box{width:calc(100% + 50px); padding-left:250px; padding-right:50px; background:var(--clr2); position:relative; font-weight:var(--normal_weight);  padding-bottom:19%}

.references .text_box .h1{margin-bottom:1rem; font-weight:var(--light_weight);}
.references .text_box .h1 b{font-weight:var(--bold_weight); }
.references .text_box .h1.bold{font-weight:var(--bold_weight);}
.references .text_box .box .triangle{width:100%; position:absolute; bottom:calc(100% - 0.4px); background:var(--clr2); left:0; clip-path: url(#triangle_top); -webkit-clip-path: url(#triangle_top);}
.references .text_box .box .triangle:after{content:""; padding-bottom:32%; display:block;}
.references .text_box .box:after{content:""; padding-bottom:7%; display:block; clip-path: url(#triangle_bottom); -webkit-clip-path: url(#triangle_bottom); background:var(--clr2); position: absolute;    top: calc(100% - 0.5px);    width: 100%; left:0}
.references .ref1{grid-area:2 / 6 / 6 / 10;}
.references .ref2{grid-area:6 / 6 / 11 / 10;}
.references .ref3{grid-area:5 / 2 / 10 / 6;}
.references .ref{position:relative;}
.references .ref .img{position:relative; width:100%; height:100%}
.references .ref .img img{position:relative; width:100%; height:100%; object-fit:cover; border-radius:var(--border_radius) ;}
.references .ref .title{position: absolute;    bottom: 25px;    left: 26px;    padding: 8px 10px; max-width:calc(100% - 52px);   font-weight: var(--bold_weight);    text-transform: uppercase;    font-size: 20px;    background: var(--clr2);    line-height: 1;  border-radius:var(--border_radius) ;}
.references .all{grid-area:10 / 2 / 11 / 6; text-align:right}

.why .inner{position:relative; }
.why .bg{background:#f4f4f4;position: relative;top:0;left:0;/* width:100%; *//* height:100%; */grid-area: 1 / 1 / 2/ 11;height: 100%;z-index: 0; border-radius:var(--border_radius) ; overflow:hidden;}
.why .bg img{position:absolute; right:0; top:0; width:40%; height:100%; clip-path:polygon(0 100% , 33% 0, 100% 0 , 100% 100%); object-fit:cover}
.why .grid{position:relative;}

.why .text{grid-area: 1 / 2 / 2 / 7;font-weight:var(--normal_weight);padding:100px 0;position: relative;}
.why .text .h1{font-weight:var(--light_weight); margin-bottom:1rem}
.why .text .h1 b{font-weight:var(--bold_weight); display:block;}
.why .text .h1.bold{font-weight:var(--bold_weight);}
.why .text ul{list-style:none}
.why .text ul li:before{content:"\f00c"; font:var(--awesome400); color:var(--clr1); margin-left:-30px; width:30px; display:inline-block; }
.why .person{grid-area: 1 / 7 / 2 / 11;position: relative;}
.why .person img{margin-top:-30px; width:400px}

.img_text_block .inner{position:relative; }
.img_text_block .bg{background:#f4f4f4;position: relative;top:0;left:0;/* width:100%; *//* height:100%; */grid-area: 1 / 1 / 2/ 11;height: 100%;z-index: 0; border-radius:var(--border_radius) ; overflow:hidden;}
.img_text_block .bg img{position:absolute; left:0; top:0; width:40%; height:100%; clip-path:polygon(100% 100% , 66% 0, 0 0 , 0 100%); object-fit:cover}
.img_text_block .grid{position:relative;}

.img_text_block .text{grid-area: 1 / 5 / 2 / 10;font-weight:var(--normal_weight);padding:100px 0;position: relative;}
.img_text_block .text .h1{font-weight:var(--light_weight); margin-bottom:1rem}
.img_text_block .text .h1 b{font-weight:var(--bold_weight); display:block;}
.img_text_block .text .h1.bold{font-weight:var(--bold_weight);}
.img_text_block .text ul{list-style:none}
.img_text_block .text ul li:before{content:"\f00c"; font:var(--awesome400); color:var(--clr1); margin-left:-30px; width:30px; display:inline-block; }
.img_text_block .person{grid-area: 1 / 2 / 2 / 5;position: relative;}
.img_text_block .person img{margin-top:-30px; width:400px}


.partners .inner{background:var(--clr1); color:#fff; font-weight:var(--normal_weight); padding:100px 0; border-radius:var(--border_radius) ;}
.partners .grid{    grid-template-rows: auto 1fr;}
.partners .title{grid-area: 1 / 2 / 2 / 6;}
.partners .logos{grid-area: 2 / 2 / 3 / 6;}
.partners .text{grid-area: 1 / 6 / 3 / 12; padding-right:90px}

.faq_block .left .h1{margin-bottom:1rem}
.faq_block .faq {padding-left:40px}
.faq_block .faq .faq_item{margin-bottom:1rem}
.faq_block .faq .faq_question{border-bottom:1px solid var(--border_clr); padding-right:30px; position:relative; line-height:1.3; padding-bottom:10px; cursor: pointer }
.faq_block .faq .faq_question:after{content:"\f107"; font:var(--awesome400); display:block; position:absolute; right:0; top:3px; transition-duration:0.2s}
.faq_block .faq .faq_question:hover{color:var(--clr1)}
.faq_block .faq .faq_item.active .faq_question:after{transform:rotate(180deg)}
.faq_block .faq .faq_answer{display:none; padding-top:10px}
.faq_block .faq .faq_item:first-of-type .faq_answer {display:block}



.contact_page .grid{gap:40px 60px}
.contact_page .col .title{margin-bottom:30px; }
.contact_page .col .title i{background:var(--clr2); width:55px; height:55px; display:inline-flex; align-items:center; justify-content:center; border-radius:var(--border_radius); margin-right:15px}
.contact_page .col .title a:hover{color:var(--clr1)}
.contact_page .col .title a:hover i{background:var(--clr1); color:#fff}
.contact_page .col .title span{width:calc(100% - 70px); line-height:1.2}

.all_references  .filter{grid-area: 1 / 2 / 2 / 10}
.all_references  .filter .facetwp-facet {display:flex; flex-wrap:wrap; gap:20px}
.all_references  .filter .facetwp-checkbox{ line-height:1;  font-weight:var(--bold_weight); padding: 15px 25px 15px 25px ; border-radius:var(--border_radius); text-transform:uppercase; background:none; border:1px solid var(--clr1);}
.all_references  .filter .facetwp-checkbox.checked{background:var(--clr1); color:#fff;}
.all_references .ref_list{grid-area: 2 / 2 / 3 / 10}
.all_references .ref{position:relative;}

.all_references .ref .img{position:relative; width:100%; height:100%}
.all_references .ref .img img{position:relative; width:100%; height:100%; object-fit:cover; border-radius:var(--border_radius) ;}
.all_references .ref .title{position: absolute;    bottom: 25px;    left: 26px; max-width:calc(100% - 52px);    padding: 8px 10px;    font-weight: var(--bold_weight);    text-transform: uppercase;    font-size: 20px;    background: var(--clr2);    line-height: 1;  border-radius:var(--border_radius) ;}

.partners.no_padd .inner{ border-radius:var(--border_radius) var(--border_radius) 0 0; padding-bottom:0 }

.steps .steps_slider{overflow:hidden; border-radius:var(--border_radius); background:var(--clr1); position:relative;}
.steps.no_rad_top .steps_slider{border-radius:0 0 var(--border_radius) var(--border_radius) }
.steps .steps_slider .step{  overflow:hidden; padding:30px 0px; position:relative}
.steps .steps_slider .step:after{content:""; width:100%; height:calc(100% - 60px); background:url(img/path.svg) no-repeat center/cover; position:absolute; top:30px; left:0; z-index:-1}
.steps .steps_slider .step .grid{grid-template-columns:3fr 2fr; max-width:1100px; margin: 0 auto; align-items: center; gap:140px; padding:40px 30px}
.steps .steps_slider .text{padding-left:40px; padding-right:60px} 
.steps .steps_slider .step h3{color:#fff; line-height:1.3; margin-bottom:0.5em}
.steps .steps_slider .step h3:before{content:""; width:15px; height:15px; background:var(--clr2); display:inline-block; margin-left:-35px; margin-right:20px;}

.steps .steps_slider .step:nth-of-type(2n):after{background:url(img/path2.svg)  no-repeat center/cover}
.steps .steps_slider .step:nth-of-type(2n) .grid{grid-template-columns:2fr 3fr;}
.steps .steps_slider .step:nth-of-type(2n) .grid .text{grid-area: 1 / 2 / 2 / 3; padding-left:65px; padding-right:0px}
.steps .steps_slider .step:nth-of-type(2n) .grid .image{grid-area: 1 / 1 / 2 / 2}

.steps .steps_slider .arrow_btn{cursor:poiner; width:30px; height:30px; background:var(--clr2); display:flex; align-items:center; justify-content:center; border-radius:100%; color:#000; position:absolute; top:50%; transform:translatey(-50%); z-index:9999}
.steps .steps_slider .arrow_btn.swiper-button-disabled{opacity:0.5}
.steps .steps_slider .arrow_btn.prev_btn{left:20px}
.steps .steps_slider .arrow_btn.next_btn{right:20px}

.footer{padding-top: 80px;  font-weight:var(--normal_weight);}
.footer .col{display:grid; grid-template-rows:subgrid; grid-row:span 2; gap:20px}

.footer .col .col_content{}
.footer .logo {}
.footer .logo img{width:185px; grid-row: span 2;}

.footer .naw a i{color:var(--clr1); width:30px; display:inline-block;}

.footer ul li{ list-style:none}
.footer ul li a{margin-left:30px;}
.footer ul li a:before{margin-left:-30px; display:inline-block; width:30px; content:"\f061"; font:var(--awesome400); color:var(--clr1)}

.footer .social .col_content{text-align:right}
.footer .soc_btn{position:relative; background:var(--clr2); width:85px; height:45px; display:inline-flex; align-items:center; justify-content: center; margin-left:5px; font-size:20px;  }
.footer .soc_btn .triangle{width:100%; position:absolute; bottom:calc(100% - 0.4px); background:var(--clr2); left:0; clip-path: url(#triangle_top); -webkit-clip-path: url(#triangle_top); }
.footer .soc_btn .triangle:after{content:""; padding-bottom:32%; display:block;}

.footer .soc_btn:after{content:""; padding-bottom:7%; display:block; clip-path: url(#triangle_bottom); -webkit-clip-path: url(#triangle_bottom); background:var(--clr2); position: absolute;   top: calc(100% - 0.5px);    width: 100%;}

.bottom{margin-top:60px; padding: 25px 0; color:rgba(0,0,0,0.5); border-top:1px solid rgba(0,0,0,0.08)}

.wpcf7 .form_item{margin-bottom: 20px; display:flex; flex-wrap:wrap}
.wpcf7 .label{ width:100%}
.wpcf7 .form_field{  width:100%}
.wpcf7 input, .wpcf7 textarea,  .wpcf7 select{width:100%; padding:5px 15px; border: 1px solid var(--border_clr) ; border-radius:var(--border_radius); font:inherit }
.wpcf7 textarea{height:200px}

.wpcf7 select{background:url(img/angle-down.png) no-repeat calc(100% - 10px) 50% #fff;}

span.wpcf7-list-item {display: inline-block;margin: 0px 0 0;}
span.checkbox{margin-top:10px; display: block;}
.wpcf7 .wpcf7-list-item {display: inline-block; margin-right:35px; width: 100%;}
.wpcf7-list-item-label {margin-left: 30px;display: inline-block; vertical-align: top;}
.wpcf7-checkbox {padding: 5px 0px; display:inline-block}
.wpcf7-checkbox label {position: relative;cursor: pointer;}
.wpcf7-checkbox input[type=checkbox] {position: absolute;visibility: hidden;height: 1em;width: 1em;top: 0.25em;left: 0px;}
.wpcf7-checkbox input[type=checkbox] + span:before {display: block;position: absolute;content: '';border-radius: 0;height: 1em;width: 1em;top: 0em;left: 0px;border: 1px solid var(--border_clr); background:#fff}
.wpcf7-checkbox input[type=checkbox] + span:after {display: flex;        justify-content: center; align-items: center;position: absolute;content: "\f00d";font:var(--awesome900); height: calc(1em - 3px);    width: calc(1em - 3px);color:var(--clr1);top: calc(2px);    left: 2px;visibility: hidden;font-size: 1em;text-align: center; }
.wpcf7-checkbox input[type=checkbox]:checked + span:before {background: transparent;}
.wpcf7-checkbox input[type=checkbox]:checked + span:after {visibility: visible;}

.wpcf7-radio label {position: relative;cursor: pointer;}
.wpcf7-radio input[type=radio] {position: absolute;visibility: hidden;width: 1em;height: 1em;top: 0;left: 0;}
.wpcf7-radio input[type=radio] + span:before {display: block;position: absolute;content: '';border-radius: 100%;height: 1em;width: 1em;top: 0em;left: 0px;border: 1px solid var(--border_clr); background:#fff}
.wpcf7-radio input[type=radio] + span:after {display: block;position: absolute;content: "";font:var(--awesome900); height: calc(1em - 3px);    width: calc(1em - 3px);    color: var(--clr1);    background: var(--clr1);
    border-radius: 100%;    top: calc(2px);    left: 2px;visibility: hidden;text-align: center;}
.wpcf7-radio input[type=radio]:checked + span:before {background: transparent;}
.wpcf7-radio input[type=radio]:checked + span:after {visibility: visible;}

@media only screen and (max-width: 1500px) {
	.padd {    padding: 0 50px;}
	.grid.main_grid {grid-template-columns: repeat(10, 1fr);}
	
	.references .text_box .box{padding-left: calc((100dvw - 60px) / 10);}
	.partners .text { grid-area: 1 / 6 / 3 / 10; padding-right:0}
}

@media only screen and (max-width: 1400px) {
	.padd {   padding: 0 30px;    }
	
	.header .menu_bar ul li {    margin-right: 35px;}
	.home_text .text {    grid-area: 1 / 5 / 3 / 11;}
	
}
@media only screen and (max-width: 1300px) {
	.header .menu_bar ul{display:none}
	.header .menu_bar .menu_btn{display:inline-flex;}
	.banner .grid{ grid-template-columns:5fr 5fr; gap:50px}
	.footer .grid.cols4 {grid-template-columns: repeat(2, 1fr);}
	.footer .col.logo{grid-column:span 2}
	.footer .social .col_content{text-align:left}
	
	.contact_page .grid{grid-template-columns: repeat(2, 1fr);}
	
	.faq_block .grid{grid-template-columns: repeat(1, 1fr);}
	.faq_block .right{grid-column:span 1}
	.faq_block .faq {   padding-left: 0px;}
}

@media only screen and (max-width: 1100px) {
	.header .logo { width: 175px; margin-top:15px;}
	.header .menu_bar{margin-top:0}
	.visual .text { position: relative;}
	.references .text_box {    grid-area: 1 / 1 / 5 /6;}
	.references .text_box .box{padding-left: 30px; padding-top:20px; padding-right:calc((100dvw ) / 10)}
	
	
	.steps .steps_slider .step .grid{gap:60px}
	.steps .steps_slider .step:after{background:url(img/path3.svg)  no-repeat center/cover; height:30px; bottom:20px; top:auto;}
	.steps .steps_slider .step:nth-of-type(2n):after{background:url(img/path3.svg)  no-repeat center/cover}
}
@media only screen and (max-width: 960px) {
	
	.padd {   padding: 0 20px;    }
	.grid.main_grid {grid-template-columns: 0px repeat(8, 1fr) 0px; gap:25px}
	.banner .inner{height:auto}
	
	.banner .grid {grid-template-columns: 1fr;gap: 0px;}
	.banner .background {    grid-area: 1 / 1 / 2 / 2;    height: 100%;}
	.banner .person {    grid-area: 1 / 1 / 2 / 2;    padding-top: 50px;}
	.banner .person img{width:250px;}
	.banner .banner_content { padding: 20px 0 30px; margin-left:0; margin-bottom:10%}
	.banner .location {   bottom: auto; top:30px}
	
	.home_text .title{ grid-area:1 / 5 / 2 / 11; text-align:left;}
	.home_text .title {grid-area: 1 / 1 / 2 / 11;}
	.home_text .img{ grid-area:1 / 1 / 2 / 5;}
	.home_text .img img{height:100%; object-fit:cover}
	.home_text .text{grid-area:2 / 1 / 3 / 11; padding-left:0px}
	
	.partners .title{grid-area: 1 / 2 / 2 / 10;}
	.partners .logos{grid-area: 3 / 2 / 4 / 10;}
	.partners .text {grid-area: 2 / 2 / 3 / 10;padding-right:0}
	
	.visual_home .grid.cols2{grid-template-columns: repeat(1, 1fr);}
	
	
	.steps .steps_slider .step .grid{grid-template-columns:1fr; gap:30px; padding-top:0}
	.steps .steps_slider .step .grid .text{padding-right:0}
	.steps .steps_slider .step .grid .text{grid-area: 2 / 1 / 3 / 2 ; padding-left:40px;}
	.steps .steps_slider .step .grid .image{grid-area: 1 / 1 / 2 / 2}
	.steps .steps_slider .step .grid .image img{width:300px}
	.steps .steps_slider .step:nth-of-type(2n) .grid {    grid-template-columns: 1fr;}
	.steps .steps_slider .step:nth-of-type(2n) .grid .text{grid-area: 2 / 1 / 3 / 2 ; padding-left:40px;}
	.steps .steps_slider .step:nth-of-type(2n) .grid .image{grid-area: 1 / 1 / 2 / 2}
	.steps .steps_slider .arrow_btn {  top: 300px;}
}


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

	.footer .grid.cols4 {grid-template-columns: repeat(1, 1fr);}
	.footer .col.logo{grid-column:span 1}
	
	
}

@media only screen and (max-width: 750px) {
	 .btn.l_btn {font-size: 20px;     padding: 20px 25px 20px 25px;}
	.references .inner {    padding-top: 27%;}
	.references .text_box {    grid-area: 1 / 1 / 5 / 9;   }
	.references .text_box .box{  width: calc(100%);}
	.references .ref1{grid-area: 5 / 2 / 8 / 6;}
	.references .ref2{grid-area: 7 / 6 / 11 / 11;}
	.references .ref3{grid-area: 8 / 2 / 12 / 6;}
	.references .all {    grid-area: 11 / 6 / 12 / 11;    text-align: left;}
	
	
	
	.why .bg{grid-area: 2 / 1 / 3/ 11;height: 100%;}
	.why .bg img{width: 100%;height:100%;}	

	.why .text{grid-area: 1 / 1 / 2 / 11; padding:0px 0 0}
	
	.why .person{grid-area: 2 / 7 / 3 / 11;}
	
	.img_text_block .bg{grid-area: 2 / 1 / 3/ 11;height: 100%;}
	.img_text_block .bg img{width: 100%;height:100%;}	

	.img_text_block .text{grid-area: 1 / 1 / 2 / 11; padding:0px 0 0}
	
	.img_text_block .person{grid-area: 2 / 7 / 3 / 11;}
	
	

	.contact_page .grid{grid-template-columns: repeat(1, 1fr);}
	.contact_page .col .title i{ width:45px; height:45px; }
	.contact_page .col .title span{width:calc(100% - 60px); }
	.contact_page .col .title {    margin-bottom: 20px;}
}

@media only screen and (max-width: 600px) {
	h1, .h1 {    font-size: 30px;}
	
	.mob_menu .inner{ font-size:24px; }
	
	.header .menu_bar {    padding: 25px 0 25px;}
	.header .logo { width: 130px;}
	.banner .person img {        width: 150px;    }
	.home_text .title{ grid-area:1 / 1 / 2 / 11; text-align:left;}

	.home_text .img{ grid-area:2 / 1 / 3 / 11;}
	.home_text .img img{height:100%; object-fit:cover}
	.home_text .text{grid-area:3 / 1 / 4 / 11; padding-left:0px}
	
	.references .inner {    padding-top: calc(25% + 30px);     }
	.references .text_box {    grid-area: 1 / 1 / 5 / 11;   }
	.references .text_box .box{  width: calc(100% + 20px); margin-left:-20px; padding-left: 20px;}
	.references .ref1{grid-area: 5 / 1 / 6 / 10;}
	.references .ref2{grid-area: 6 / 2 / 7 / 11;}
	.references .ref3{grid-area: 7 / 1 / 8 / 10;}
	.references .all {    grid-area: 8 / 1 / 9 / 11;    text-align: left;}
	.partners .inner{padding: 50px 0}
	
	
}

@media only screen and (max-width: 400px) {
	html, body {font-size: 16px;}
	h1, .h1 {    font-size: 26px;}   
   .btn.l_btn {font-size: 20px;     padding: 15px 25px 15px 25px;}
	.btn.sqr_btn { width: 46px; height: 46px;}
	.padd {        padding: 0 15px;    }
	.grid.main_grid {    gap: 15px;    }
	.banner .location .loc { font-size: 15px;}
	
	.header .logo {        width: 100px;    }
	.banner .banner_content .title { font-size: 35px;}
	
	.steps .steps_slider .arrow_btn {  top: calc(100dvw - 70px);}
}

@media print {
   
	html, body {  
			page-break-after: avoid;
            page-break-before: avoid; 
			border: 1px solid white;
            height: 99%;}
   
	div{display:block; width:100%}
   
  
}