@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

* {margin: 0;padding: 0;box-sizing: border-box;}
img {max-width: 100%;height: auto;}
body {background: #ffffff;font-size:17px;color: #000000;font-family: "Rubik", sans-serif; font-weight: 400;}
p{margin-bottom: 20px;line-height: 25px; color: #3C3A3A;}
p:last-child{margin-bottom:0;}
a {color: inherit;}
/* ----- Heading Font CSS ------ */

h1,h2,h3,h4,h5,h6 {margin-bottom: 20px;line-height:1;font-weight: 500; color: #0D0D0D;}
h1{font-size:60px; line-height: 65px;}
h2{font-size:50px; line-height: 55px;}
h3{font-size:40px; line-height: 50px;}
h4{font-size:24px; line-height: 30px;}
h5{font-size:22px; line-height: 40px;}
h6{font-size:19px; line-height: 20px;}

.list ul,.list ol{padding-left: 25px;margin-bottom: 20px;}
.list li{color: #3C3A3A;margin-bottom: 10px;}


/* strong{font-weight: 700;} */
a:focus,.btn:focus,button:focus,.btn-primary:not(:disabled):not(.disabled):active:focus {outline: none;box-shadow: none;}
input:focus,textarea:focus,select:focus{outline: none;}
input,button,label,textarea,select{font-family: "Rubik", sans-serif; font-weight: 400;}

/* global css start */ 
.wrapper{max-width:1180px;margin: 0 auto;width: 100%; padding: 0 30px;}
.wrapper.large{max-width:1360px;margin: 0 auto;width: 100%; padding: 0 30px;}
.layout{overflow: clip;width: 100%;}  
.main-content{ margin-top: 190px;}
.main-content.mt_zero{ margin-top:0px;}
/* .article-1 .main-content{ margin-top: 0px;} */
/* .article-1 .main-content,.article-7 .main-content{ margin-top: 0px;} */

.btn_one{color: #000;  font-size: 18px; font-weight: 500;transition: 0.4s; text-decoration: none; text-align: center; display: inline-flex; align-items: center; position: relative;}
.btn_one:hover{color: #00498b;}
.btn_icon{ margin-right:12px; cursor: pointer; width: 45px; height: 45px; transition: 0.4s; border-radius: 50%;clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%); background: #ffde30 url(../images/btn_icon.svg)center center no-repeat; background-size:17px;}
.btn_one:hover .btn_icon{background: #00498b url(../images/btn_icon2.svg)center center no-repeat; background-size:17px;}
.btn_two{color: #000; padding: 16px 32px; border-radius: 7px;  font-size: 16px; background: #ffde30; font-weight: 500;transition: 0.4s; text-decoration: none; text-align: center; display: inline-flex; align-items: center; position: relative;}
.btn_two:hover{background: #00498b; color: #ffde30;}
.btn_two.white{background: #fff; padding: 24px 41px; font-size: 20px;}
.btn_two.white:hover{background: #00498b; color: #ffde30;}

.news_btn{color: #000;  font-size: 15px; font-weight: 500;transition: 0.4s; text-decoration: none; text-align: center; display: inline-flex; align-items: center; position: relative;}
.news_btn:hover{color: #00498b;}
.right_arrow_btn{ margin-left:2px; cursor: pointer; width: 17px; height: 17px; transition: 0.4s;  background: url(../images/right_arrow_btn.svg)center center no-repeat; background-size:17px;}
.blue_bg{background-image: linear-gradient(to bottom, #FFFFFF 0%, #F8F9FC 0%, #EAEFF6 100%);}
.blue_bg_reverse{background-image: linear-gradient(to top, #FFFFFF 0%, #F8F9FC 0%, #EAEFF6 100%);}
.blankspace{height: 105px;background:#EAEFF6;}
.blankspace.white{background: #fff;}


.ptb-120{padding: 120px 0;}
.ptb-150{padding: 150px 0;}
.ptb-200{padding: 200px 0;}

.mb_90 {margin-bottom: 90px;}
.pt_130{padding-top: 130px;}
.scroll_stop{ overflow: hidden;}
/* global css end */
/* ******************************* main css ***************************** */

/* header css  */
.header { position: fixed; top: 0; left: 0; width: 100%; transition: 0.4s; z-index: 9; padding:20px 0;}
.header .wrapper.large{max-width: 1600px;}
.header .top_header{padding-bottom: 10px; transition: 0.4s;}
.social_icon ul{display: flex; flex-wrap: wrap; justify-content: flex-end; }
.social_icon ul li{margin-right: 15px; list-style: none;  display: flex;align-items: center;gap: 6px;  }
.social_icon ul li a{text-decoration: none;  line-height: 40px; display: inline-flex;align-items: center;font-size: 16px; padding-left: 30px;position: relative; }
.social_icon ul li a.tel::before{  content: ""; position: absolute; top: 9px; left: 0; width: 21px; height:21px; background: url(../images/phone_icon.svg)  center no-repeat; background-size:18px;}
.social_icon ul li a.email::before{ content: ""; position: absolute; top: 10px; left: 0; width:22px; height:22px;  background: url(../images/mail_icon.svg) center no-repeat; background-size: 22px;}
.social_icon ul li a:hover{color:#00498b; transition: 0.4s;}
 
 
.header .main_header{ position: relative; z-index: 9;}
.header .main_header .logo{width:179px; transition: 0.4s; z-index: 9;}
.header .main_header .logo img{display: block;}
.header .main_header .inner_part{position: relative; background: #ffffff; border-radius: 20px; box-shadow: 0 4px 25px 0 #0000000D;display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 16px 38px 16px 43px; transition: 0.4s;}
.header .main_header .right_part{transition: 0.4s; width: calc(100% - 179px); padding-left:20px;display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center;}
.header .main_header .btn_box{margin-left: 69px;}
.header .main_header .nav_menu ul{display: flex; flex-wrap: wrap; list-style: none; }
.header .main_header .nav_menu>ul>li{list-style: none; margin-right: 35px;}
.header .main_header .nav_menu ul li:last-child{ margin-right:0;}
.header .main_header .nav_menu>ul>li>a{text-decoration: none; font-size: 16px; }
.header .main_header .nav_menu>ul>li>a:hover{color: #00498b; }
.header .main_header .nav_menu>ul>li.rex-current> a, .header .main_header .nav_menu ul li .sub-menu li.rex-current > a{color:#00498b ;}
/* header sticky */
.header.sticky{padding: 0px 0 20px; }
.header.sticky .top_header{margin-top: -50px; }
.header.sticky .main_header .inner_part{padding: 10px 38px 10px 43px;}
.header.sticky .main_header .logo{width:100px;}
.header.sticky .main_header .right_part{width: calc(100% - 100px);}
 
 
/* sub menu css  */
.header .mega-menu{box-shadow: 0 15px 15px 0 #0000000D; position: absolute; top: 80%; left: 0; background: #fff; width: 100%; padding:30px 38px 0px 43px; border-radius: 0 0 20px 20px; opacity: 0; visibility: hidden; transform: translateY(-20px); transition:.4s; pointer-events: none;}
.header .mega-menu::before{position: absolute; content: ''; top: -20px; left: 0;  width: 100%; height:25px; background: transparent; }
.header .mega-menu .sub-menu{border-top: 1px solid rgba(0, 0, 0, 0.1); justify-content: space-between;  padding: 82px 0; max-width: 1060px; margin: auto; width: 100%;}
.header .mega-menu .sub-menu li{margin-bottom:2px; width:46%}
.header .mega-menu .sub-menu li a{text-decoration: none;font-size: 22px;color:#2D2D2D; background: #fff; display:flex; align-items:center; gap:24px; padding: 14px 20px;  min-height: 83px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); transition: 0.4s; border-radius: 4px; background: #Fff;}
.header .mega-menu .sub-menu li a:hover{box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15); border-bottom: 1px solid transparent;}
.header .main_header .nav_menu ul li:hover .mega-menu{opacity:1 ; visibility: visible ; transform :translateY(0); pointer-events: auto;}
.header .mega-menu .sub-menu li:nth-last-child(-n+2):not(:nth-child(2)) a {border-bottom: none;}
.header .mega-menu .sub-menu li .img_icon  path{ transition: 0.4s;}

.header .mega-menu .sub-menu li a svg{max-width: 54px;}
.hamburger_menu li ul li svg{max-width: 40px;}


ul li .sub-menu li a svg, ul li .sub-menu li.rex-current > a .img_icon{background-color: transparent;transition: 0.4s;border-radius: 50%;}
ul li .sub-menu li a:hover svg, ul li .sub-menu li.rex-current > a .img_icon{background-color:#00498b; }

ul li .sub-menu li a svg line,ul li .sub-menu li a svg path,ul li .sub-menu li a svg polygon,ul li .sub-menu li a svg polyline,ul li .sub-menu li a svg rect{transition: 0.4s;display: block;}
ul li .sub-menu li a:hover svg line,ul li .sub-menu li a:hover svg path,ul li .sub-menu li a:hover svg polygon,ul li .sub-menu li a:hover svg polyline,ul li .sub-menu li a:hover svg rect{stroke: #ffde30;fill: transparent;}

ul li .sub-menu li.rex-current > a svg line,ul li .sub-menu li.rex-current > a svg path,ul li .sub-menu li.rex-current > a svg polygon,ul li .sub-menu li.rex-current > a svg polyline,ul li .sub-menu li.rex-current > a svg rect{stroke: #ffde30;fill: transparent;}
.img_icon path[d="M490,250c0,132.5-107.4,240-240,240S10,382.5,10,250,117.5,10,250,10s240,107.5,240,240"], .img_icon path[d="M490,250c0,132.5-107.5,240-240,240S10,382.5,10,250,117.5,10,250,10s240,107.5,240,240"],
.img_icon path[d="M490,250c0,132.5-107.5,240-240,240S10,382.5,10,250S117.5,10,250,10S490,117.5,490,250"]{fill: #ffde30 !important;stroke-width: 0;}

ul li .sub-menu li a:hover .img_icon path[d="M490,250c0,132.5-107.4,240-240,240S10,382.5,10,250,117.5,10,250,10s240,107.5,240,240"],ul li .sub-menu li a:hover .img_icon path[d="M490,250c0,132.5-107.5,240-240,240S10,382.5,10,250,117.5,10,250,10s240,107.5,240,240"],
ul li .sub-menu li a:hover .img_icon path[d="M490,250c0,132.5-107.5,240-240,240S10,382.5,10,250S117.5,10,250,10S490,117.5,490,250"]{fill: #00498b !important;stroke-width: 0;}

ul li .sub-menu li.rex-current a .img_icon path[d="M490,250c0,132.5-107.4,240-240,240S10,382.5,10,250,117.5,10,250,10s240,107.5,240,240"],ul li .sub-menu li.rex-current a .img_icon path[d="M490,250c0,132.5-107.5,240-240,240S10,382.5,10,250,117.5,10,250,10s240,107.5,240,240"],
ul li .sub-menu li.rex-current a .img_icon path[d="M490,250c0,132.5-107.5,240-240,240S10,382.5,10,250S117.5,10,250,10S490,117.5,490,250"]{fill: #00498b !important;stroke-width: 0;}





/* menubar css */
.header .menubar{ width: 100%;width: 35px;height:auto; display: none; cursor: pointer;}
.header .menubar span{display: block;width: 100%;;height: 3px;  background: #000; margin-bottom: 5px; transition: 0.4s;}
.header .menubar span:last-child{ margin-bottom: 0;}
/* header call box css */
.header .mobile_show{display: none;}
.header .call_box{ width: 45px; height: 45px; border-radius: 4px; background: #ffde30; display:flex; align-items: center; justify-content: center; transition: 0.4s; cursor: pointer;}
 
.header .social_icon{display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;gap: 20px;}
.search_box {width: 200px;position: relative;}
.search_box input{background: transparent; border: 1px solid #00498b;border-radius: 20px;padding: 3px 10px;width: 100%;height: 36px;}
.search_box button{position: absolute;right: 3px;top: 3px;width: 30px;height: 30px; background: #00498b;border-radius: 50%;font-size: 0;border: none;background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="21.26" height="21.26" viewBox="0 0 21.26 21.26"%3E%3Cpath d="M20.639,20.639l-4.165-4.172m2.308-5.576A7.891,7.891,0,1,1,10.891,3,7.891,7.891,0,0,1,18.782,10.891Z" transform="translate(-1.5 -1.5)" fill="none" stroke-linecap="round" stroke-width="3" stroke="%23fff"/%3E%3C/svg%3E');
background-repeat: no-repeat;background-position: center;background-size: 14px;}
 .search_box button:hover{background-color: #ffde30;}
/* custom nav */
.hamburger_menu { position: fixed; left: 0; top:98px; width: 100%; padding: 70px 0 30px; background: #fff; z-index: 7; height: calc(100% - 154px); overflow-x: hidden; overflow-y: auto; transition: 0.4s; opacity: 0; visibility: hidden; pointer-events: none; }
.hamburger_menu .mega-menu { position: fixed; top:98px; right: -100%; width: 100%; height: calc(100% - 154px); background: #fff; z-index: 8; padding:70px 0 30px; transition: 0.4s; overflow-x: hidden; overflow-y: auto; }
.hamburger_menu ul{list-style: none; padding: 0 30px;}
.hamburger_menu .menu>li>a{ text-decoration: none; color: #141414; padding:21px 0px 21px 0px; font-size: 25px;transition: 0.4s;  display: block;width: calc(100% - 42px);}
.hamburger_menu li .arrow { position: absolute; right: 0px; top: 16px; width:40px; height: 40px;  background: url(../images/menu_next_arrow.svg)center center no-repeat ;  background-size: 12px;  transition: 0.4s; cursor: pointer; }
.hamburger_menu li li a {min-height:40px; font-size: 17px; line-height: 1; color: #2D2D2D; transition: 0.4s; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; text-decoration: none; padding: 10px 0; }
.hamburger_menu .mega-menu .back-btn { display: inline-flex; align-items: center; padding-left: 20px; cursor: pointer; color: #141414; margin-bottom: 20px; background: url(../images/menu_back_arrow.svg)left no-repeat;background-size: 12px;margin-left: 54px; font-size: 14px;  height: 20px; width: 100%;}
.hamburger_menu li{ position: relative;border-bottom: 1px solid rgba(0, 0, 0,0.1);}
.hamburger_menu li ul{ position: relative; padding: 35px  54px 0; border-top:1px solid rgba(0, 0, 0,0.1);}
.hamburger_menu li ul li{ position: relative;border-bottom: none;}
.hamburger_menu .bottom_link{ text-align: center; background: #ffde30; border-bottom: none; z-index: 10; position: fixed; bottom: 0; width: 100%;}
.hamburger_menu .bottom_link a{ border-bottom: none ; font-size: 16px; line-height: 1; text-decoration: none; color: #000; font-weight: 500; padding: 20px 0; display: block;transition: 0.4s;}
.hamburger_menu .bottom_link a:hover{background: #00498b;color:#ffde30 ;}

.hamburger_menu  .search_mobile{padding: 0 30px;}
.hamburger_menu .search_box{width: 100%;border-bottom: 1px solid rgba(0, 0, 0,0.1);
  padding-bottom: 30px;}
.hamburger_menu .search_box input{height: 52px;border-radius: 50px;}
.hamburger_menu .search_box button{right: 5px;top: 5px;width: 42px;height: 42px;}
/* Show submenu */
/* hero_sec css  */
.hero_sec{padding-top: 160px;}
.hero_sec .inner_part{padding-top: 117px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.hero_sec .left_part{width: 45%; padding-left: 30px;padding-bottom: 40px;}
.hero_sec .left_part p{color: #000;}
.hero_sec .right_part{width:68%;margin-right: -13%; position: relative;padding-top: 60px;}
.hero_sec.herohome .right_part{display: flex;align-items: flex-end;}
.hero_sec .right_part::before{position: absolute; content: '';top: 97px; right: 7px; height: 400px; width: 670px; background: url(../images/banner_dot_img.png) center no-repeat; background-size: cover; z-index: 1; }
.hero_sec .right_part img{display: block; margin-left: auto; position: relative; z-index: 2;}
.hero_sec h1{font-size: 65px; line-height: 70px; margin-bottom: 23px;}
.hero_sec p{font-size: 24px; line-height: 36px;}
.hero_sec .btn_box{margin-top: 26px;}
.hero_sec .btn_box .btn_one{font-size: 17px;}

.hero_sec .right_part img.desktop_banner{display: block;}
.hero_sec .right_part img.mobile_banner{display: none;}
/* hero_sec banner_two css  */
.hero_sec.banner_two .inner_part{align-items: center;padding-top: 60px;} 
.hero_sec.banner_two .right_part::before{content: unset;}
.hero_sec.banner_two h1 {font-size: 80px;line-height: 85px;}
.hero_sec.banner_two .right_part { width: calc(54% + 234px); margin-right: -234px;padding-top: 0;}

/* services_sec css  */
.services_sec .wrapper{max-width: 1330px;}
.services_sec .inner_part{display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 42px;align-items: flex-start;}
.services_sec .left_part{width: 54%;position: static;top: 120px;}
.services_sec .left_part img{display: block;aspect-ratio: 688/688;}
/* .services_sec .right_part{margin-top: 170px;} */
.services_sec .right_part{width: calc(46% + 130px);background: #ffffff;padding: 68px 60px 0 30px;margin-top: 120px; margin-left: -130px;position: relative;}
.services_sec .right_part h2{margin-bottom: 44px; line-height: 70px;padding-left: 28px;}
.services_sec .content_box ul li{list-style: none;padding-left: 14px; }
.services_sec .content_box ul li a{display: inline-flex;align-items: center;gap:25px;text-decoration: none;font-size: 22px;color: #2D2D2D;padding: 12px 14px 12px; }
.services_sec .content_box ul li a img{width: 70px; max-width: 70px;}
.services_sec .content_box ul li a img.mobile_image{display: none;}
.services_sec .content_box ul li a:hover{box-shadow: 0 4px 15px 0 #00000026; transition: 0.4s; border-radius: 4px;}
/* .services_sec .content_box ul li:hover .icon svg path:not([fill="#ffde30"]){fill:#ffde30;}
.services_sec .content_box ul li:hover .icon svg path[fill="#ffde30"]{fill:#00498b; } */

.services_sec .content_box ul li a .icon{width: auto;display: inherit;}
.services_sec .content_box ul li a svg{width: 54px;height: 54px;}

.services_sec .content_box ul li a svg{background-color: transparent;transition: 0.4s;border-radius: 50%;}
.services_sec .content_box ul li a:hover svg{background-color:#00498b; }
.services_sec .content_box ul li a svg line,.services_sec .content_box ul li a svg path,.services_sec .content_box ul li a svg polygon,.services_sec .content_box ul li a svg polyline,.services_sec .content_box ul li a svg rect{transition: 0.4s;display: block;}
.services_sec .content_box ul li a:hover svg line,.services_sec .content_box ul li a:hover svg path,.services_sec .content_box ul li a:hover svg polygon,.services_sec .content_box ul li a:hover svg polyline,.services_sec .content_box ul li a:hover svg rect{stroke: #ffde30;fill: transparent;}
.services_sec .content_box ul li a:hover .img_icon path[d="M490,250c0,132.5-107.4,240-240,240S10,382.5,10,250,117.5,10,250,10s240,107.5,240,240"],.services_sec .content_box ul li a:hover .img_icon path[d="M490,250c0,132.5-107.5,240-240,240S10,382.5,10,250,117.5,10,250,10s240,107.5,240,240"],
.services_sec .content_box ul li a:hover .img_icon path[d="M490,250c0,132.5-107.5,240-240,240S10,382.5,10,250S117.5,10,250,10S490,117.5,490,250"]{fill: #00498b !important;stroke-width: 0;}




/* offer_sec css  */
.offer_sec{background: #ffde30; position: relative;}
.offer_sec::before{position: absolute; content: ''; z-index: 1; bottom: -10px; right: 0; background: url(../images/offer_tiptop_img.png) center no-repeat; width: 311px; height: 360px; background-size: cover;}
.offer_sec .wrapper{max-width: 1120px;}
.offer_sec .inner_part{display: flex; flex-wrap: wrap; justify-content: space-between;}
.offer_sec .left_part{width: 59%; padding:42px 20px;}
.offer_sec .right_part{width: 40%;}
.offer_sec .left_part h2{font-size: 70px; line-height: 65px; color: #000; margin-bottom: 0;}
.offer_sec .right_part img{display: block; margin-top: -37px; position: relative; z-index: 2;}
.offer_sec .btn_box {margin-top: 30px;}

/* news_sec css  */
.news_sec .inner_part{display: flex; flex-wrap: wrap; justify-content: space-between;}
.news_sec .left_part{width: 31%;}
.news_sec .right_part{width: 67.9%;}
.news_sec .left_part .text_box {display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: column;}
.news_sec .left_part .text_box h2{padding-bottom: 70px;}
.news_sec .right_part .btn_box .btn_one{font-size: 17px;}
.card_box{ position: relative;width: 100%;}
.card_box .news_card{width: calc(50% - 10px);}
.news_card .new_img{display: block; position: relative;margin-bottom: 45px;}
.news_card .date{width: 67px; height: 75px; background: #ffde30;  display: flex;flex-direction: column;justify-content: center;align-items: center; font-size: 18px; color: #00498b; font-weight: 500; position: absolute;bottom: -28px;left: 28px;}
.news_card .date span{font-size: 30px;line-height:33px;display: block;}
.news_card .text_box{margin:15px 28px; position: relative; border-left: 2px solid #D4D4D4;padding: 10px 10px 10px 20px;}
.news_card .text_box h4{color: #000;margin-bottom: 10px;}
.card_box .slick-slide { margin: 0px 10px;}

.slick-dots {position: relative;width: 100%;display: flex;justify-content: center;gap: 8px;flex-wrap: wrap;margin-bottom: 0;margin-top: 30px;}
.slick-dots li {margin: 0;  width: auto;height: auto; list-style: none;}
.slick-dots li button {width: 11px;height: 11px;padding: 0;border-radius: 50%;background: #D9D9D9;border: none;outline: none;transition: 0.3s;font-size: 0;}
.slick-dots li button:before {content: "";}
.slick-dots li.slick-active button {background: #ffde30;width: 11px;height: 11px;transition: 0.3s;border-radius: 10px;}
/* .slick-track {display: flex !important;}
.slick-slide {height:inherit !important;} */

/* our_customer css  */
.our_customer .title{margin-bottom:60px;}
.our_customer .title h2{margin-bottom: 0; color: #000; line-height: 1;}
.our_customer .inner_part{ width: calc(100% + 175px); margin-right: -175px;}
.our_customer .slick-slide { margin: 0px 25px;}
.our_customer .img_box{background: #fff;min-height: 155px;height: 100%;padding: 10px; display: flex !important;align-items: center;justify-content: center;border-radius: 19px;border: 1px solid #E2E2E2;}
.our_customer .img_box img{display: block;}
.our_customer .slick-track{ display: flex !important;}
.our_customer .slick-slide{ height: inherit !important;}
.our_customer .slick-list{ margin: 0 -25px;}

/* review_sec css  */
.review_sec .title{margin-bottom: 50px;text-align: center;}
.review_sec .top_img img{margin-bottom: 30px; display: block;}
.review_sec .inner_part{display: flex; flex-wrap: wrap; gap:32px; width:100%; margin-right: -140px;}
.review_sec .inner_part .card{width: calc(25% - 24px);}
.review_sec .btn_box a{padding: 25px 32px 25px 32px; font-size: 18px;}
.review_sec .btn_box { margin-top: 47px;} 

/* news_page_sec css  */
.news_page_sec .title{margin-bottom: 83px;}
.news_page_sec .card_box{display: flex; flex-wrap: wrap; gap: 60px  22px; }
.news_page_sec .card_box .news_card{width: calc(50% - 11px);}

/* team_sec css  */
.team_sec .title{margin-bottom:100px; max-width: 645px; width: 100%;}
.team_sec .title p{font-size: 24px; line-height: 33px; color: #000000;}
.team_sec .inner_part{display: flex; flex-wrap: wrap; gap:70px 22px;}
.team_sec .card{overflow: hidden; width: calc(50% - 11px); padding-top: 30px; position: relative; z-index: 2; display: flex; justify-content: center; align-items: flex-end; background:#00498b ;aspect-ratio: 550/550;}
.team_sec .card::before{position: absolute;top: -10px;left: -70px;content: '';background: url(../images/card_tip_top_img.png) left center no-repeat;transition: 0.4s; width: 401px; height: 401px;background-size: 370px; z-index: -1;}
.team_sec .card.hidden{display: none;}

.team_sec .card .img_box {position: relative;display: inline-block;overflow: hidden;}
.team_sec .card img {display: block;width: auto;max-width: 370px;max-height: 473px;}
.team_sec .card.card_yellow{background:#ffde30 ;}
.team_sec .card  span.name {position: absolute;top: 50px;right: 25px;writing-mode: vertical-rl;transform: rotate(180deg);color: #fff;font-size: 25px;z-index:4;padding-top: 20px;font-weight: 500; line-height: 33px;}
.team_sec .card.card_yellow span.name {color: #0D0D0D;z-index:4;transition: 0.4s;}
.team_sec .card .hover_content {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 73, 139,0.8);padding: 40px 30px 70px 30px;transition: 0.4s;display: flex;flex-direction: column;justify-content: flex-end;opacity: 0;visibility: hidden;/* transform: translateY(100%);transition: all 0.4s ease; */z-index: 3;}
.team_sec .card .hover_content h2 {font-size: 45px;line-height: 50px;color: #ffde30;font-weight: 400;}
.team_sec .card .hover_content a {color: #fff;text-decoration: none;font-size: 20px;}
.team_sec .card .hover_content a:hover { color: #ffde30; transition: 0.4s;}
.team_sec .card:hover .hover_content {opacity: 1;visibility: visible;transform: translateY(0);}
.team_sec .card:hover::before { opacity: 0; visibility: hidden;}
.team_sec .card.card_yellow:hover span.name{color: #fff;}


/* news_details css  */
.news_details .wrapper {max-width: 1106px;}
.news_details .inner_part{display: flex; flex-wrap: wrap; justify-content: space-between;}
.news_details .left_part{width: 67px;}
.news_details .right_part{width: calc(100% - 110px);}
.news_details .text_box{max-width: 775px; width: 100%;margin-left: 35px;}
.news_details .date {width: 67px;height: 75px;background: #ffde30;display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: 18px;color: #00498b;font-weight: 500;}
.news_details .date span {font-size: 30px;line-height: 33px;display: block;font-weight: 500;}
.news_details .text_box h1{margin-bottom: 30px; border-left: 2px solid #D4D4D4; padding-left: 35px;margin-left: -35px;}
.news_details .text_box p{font-size: 24px; line-height: 30px;}
.news_details .user_profile{display: flex; flex-wrap: wrap; align-items: center; gap: 27px;  margin-top: 35px;}
.news_details .user_profile .user_img{width: 98px;}
.news_details .user_profile .user_img img{display: block; border-radius: 50%;}
.news_details .user_profile .user_name{width: calc(100% - 125px);}
.news_details .user_profile p{font-size: 18px; line-height: 22px; color: #3C3A3A;}
.news_details .user_profile p strong{display: block; font-weight: 600;}

/* single_img_sec css  */
.single_img_sec img{display: block;margin: 0 auto; width: 100%;}
.single_img_sec .wrapper.large{max-width: 1260px;}
/* single_text_sec css  */
.single_text_sec .text_box{max-width: 736px; margin:  0 auto;width: 100%;} 
.single_text_sec .text_box h2{line-height: 52px; color: #3C3A3A;}
.single_text_sec .text_box p{font-size: 24px; line-height: 30px;}
.single_text_sec .main_img_part{display: flex; flex-wrap: wrap; gap: 22px; margin-top: 80px;}
.single_text_sec .main_img_part .img_box{width: calc(50% - 11px);}
.single_text_sec  .img_box img{display: block;}

/* single_text_img_sec css  */
.single_text_img_sec .text_box{max-width: 736px; margin:  0 auto;} 
.single_text_img_sec .text_box h2{line-height: 52px; color: #3C3A3A;}
.single_text_img_sec .text_box p{font-size: 24px; line-height: 30px;}
.single_text_img_sec .main_img_part{display: flex; flex-wrap: wrap; gap: 22px; margin-top: 80px;}
.single_text_img_sec .main_img_part .img_box{width: calc(50% - 11px);}
.single_text_img_sec  .img_box img{display: block;}

/* contact_sec css  */
.contact_sec {background: #EAEFF6;}
.contact_sec .inner_part{display: flex; flex-wrap: wrap; justify-content: space-between;}
.contact_sec .contact_details{width: 32%; padding-left: 24px;}
.contact_sec .contact_details p{color: #000;}
.contact_sec .right_part{width: 62.4%;}
.contact_sec ul li {font-size: 24px; line-height: 25px; color: #000; margin-bottom: 20px;list-style: none;  display: flex;align-items: flex-start;    gap: 8px; }
.contact_sec ul li:last-child{margin-right: 0;}
.contact_sec ul li a{text-decoration: none;}
.contact_sec ul li a:hover{color:#00498b; transition: 0.4s;}
.contact_sec ul li img{display: block; max-width: 22px; width: auto;}

.contact_form .group_field {display: flex; flex-wrap: wrap; gap: 15px;}
.contact_form .group_field .field{width: calc(50% - 8px);}
.contact_form .field {width: 100%;margin-bottom: 31px;}
.contact_form .field:last-child{margin-bottom: 0;}
.contact_form .field label {display: block;font-size: 19px;line-height: 20px;color: #000;margin-bottom:10px; font-weight: 500;}
.contact_form .field input,.field textarea {width: 100%;padding:20px;border: 1px solid #D3D9E5;outline: none; border-radius: 10px; font-size: 19px;background: #ffffff;}
.contact_form .field input::placeholder,.contact_form .field textarea::placeholder {color:#000000;}
.contact_form .field textarea { height: 175px;resize: none;}
.contact_form .submit_field {margin-top: 37px;}
.contact_form .submit_field .btn_two{ padding: 25px; min-width: 157px; cursor: pointer; font-size: 18px; border: none; border-radius:3px; display: inline-block; }


/* contact_form_sec css  */
.contact_form_sec{background:#ffde30; padding: 21px 0 119px; position: relative;}
.contact_form_sec::before{position: absolute; content: ''; background: url(../images/contact_form_tip_top.svg) center no-repeat; width: 540px;height: 530px;background-size: 540px; top:0; right: 0;}
.contact_form_sec .top_logo{width: 179px;}
.contact_form_sec .top_logo img{display: block;}
.contact_form_sec .inner_part{display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 146px;}
.contact_form_sec .left_part{width: 100%; max-width: 732px;}
.contact_form_sec .right_part{width: 65.4%;}
.contact_form_sec .contact_form_space{margin-bottom: 81px;}
.contact_form_sec .left_part .top_title h2{line-height: 60px;color: #000;}
.contact_form_sec .left_part .top_title h4{font-size: 30px; line-height: 65px; color: #000000; margin-bottom: 35px;}
.contact_form_sec .left_part .top_title p{text-align: right; font-size: 18px; line-height: 60px; color: #000;}

.contact_form_sec .form_two .group_field {display: flex; flex-wrap: wrap; gap: 15px;}
.contact_form_sec .form_two .group_field .field{width: calc(50% - 8px);}
.contact_form_sec .form_two .field {width: 100%;margin-bottom:17px;}
.contact_form_sec .form_two .field:last-child{margin-bottom: 0;}
.contact_form_sec .form_two .field input,.contact_form_sec .form_two .field textarea, .contact_form_sec .form_two .field select {width: 100%;padding:20px;border: none;outline: none; border-radius: 10px; font-size: 20px;background:rgba(255, 255, 255, 0.2);}
.contact_form_sec .form_two .field input::placeholder,.contact_form_sec .form_two .field textarea::placeholder {color:#000000;}
.contact_form_sec .form_two .field textarea { height: 171px;resize: none; margin-top: 34px;}
.contact_form_sec .form_two .field input:focus,.contact_form_sec .form_two .field textarea:focus { background: #ffffff;}
.contact_form_sec .form_two .field.select_group select { width: 221px;}
.contact_form_sec .form_two select option[disabled] {display: none;}
.contact_form_sec .form_two .submit_field {margin-top: 64px;}
.contact_form_sec .form_two .submit_field .btn_one{ width: 100%; color: #fff; padding: 25px; min-width: 157px; cursor: pointer; font-size: 20px; border: none; border-radius:3px; background: #00498b;}
.contact_form_sec .form_two .submit_field .btn_one:hover{background: #fff; color: #00498b;}
.contact_form_sec .form_two .text p strong{color: #000; font-size: 20px; line-height: 60px;}
.contact_form_sec .form_two .btn_two.white {background: #fff;padding: 14px 41px 14px 50px;font-size: 20px;position: relative;min-width: 200px;   display: inline-flex;align-items: center;justify-content: center;}
.contact_form_sec .form_two .btn_two.white::before {position: absolute;content: '';background: url(../images/plus_btn_icon.svg) center no-repeat;width: 17px;height: 17px;background-size: 17px;top: 50%;left: 20px;transform: translateY(-50%);}
.contact_form_sec .form_two .field select {width: 100%;padding: 20px;padding-right: 50px;font-size: 20px;border-radius: 10px;appearance: none;-webkit-appearance: none;-moz-appearance: none;background: rgba(255, 255, 255, 0.2)url(../images/select_dropdown.svg)  right 20px center no-repeat; background-size: 18px; cursor: pointer;}
.contact_form_sec .form_two .field select:focus-within { background-color: #fff;color:rgba(0, 0, 0, 0.4);}
 
 
/* sticky_box css  */
.contact_form_sec .help-btn { width: 50px;height: 50px;border-radius: 50%;background:#00498b;color: #fff;display: none;align-items: center;justify-content: center;font-size: 26px;font-weight: bold;cursor: pointer;position: fixed;  bottom: 20px;right: 20px;box-shadow: 0 4px 10px rgba(0,0,0,0.3);z-index: 1;}
.contact_form_sec .sticky_box {display:block;position: fixed;bottom:-20px;right:-20px;z-index: 100;}
.contact_form_sec .text_box{display: flex;flex-wrap: wrap;justify-content: space-between;max-width: 500px;align-items: flex-start;background: transparent;padding: 20px;width: 100%; }
.contact_form_sec .sticky_box .left_text h4{font-size: 30px; line-height:30px; color:#000000; margin-bottom:10px;}
.contact_form_sec .sticky_box .left_text h6{font-size: 20px;  color:#000000; font-weight: 400; line-height: 20px;}
.contact_form_sec .sticky_box .left_text p { font-size: 16px; line-height: 22px; color: #000000;}
.contact_form_sec .sticky_box .left_text p strong{font-weight: 500;display: block; }
.contact_form_sec .sticky_box ul {padding: 0;margin: 0;display: flex;flex-direction: column;gap: 10px;}
.contact_form_sec .sticky_box ul li { list-style: none;}
.contact_form_sec .sticky_box ul li a {text-decoration: none;display: flex;align-items: center;gap: 8px;font-size: 16px;line-height: 40px;color: #000;transition: 0.4s;}
.contact_form_sec .sticky_box ul li a:hover {text-decoration: underline;}
.contact_form_sec .sticky_box ul li  img {max-width: 22px;width: auto;display: block;}
.contact_form_sec .sticky_box .img_box img {display: block; margin-top: -80px;}

.contact_form_sec .right_part.angebotpopup .text_box{padding: 0;}
.contact_form_sec .angebotpopup .text_box .left_text{width:calc(100% - 248px);padding: 20px 0;}
.contact_form_sec .angebotpopup .text_box .img_box{width: 248px;margin-left: auto;margin-top: auto;}
.contact_form_sec .right_part.angebotpopup .sticky_box{bottom: 0;right: 0;}

/* ***************************************************************************** */

/* single_img_text_sec css */
.single_img_text_sec{ position: relative;}
.single_img_text_sec .top_text_box{ margin-bottom: -255px;  display: flex;flex-wrap: wrap; width: 79%; max-width:955px; margin-left: auto; background: #fff; padding: 0px 0px 53px 80px ; position: relative;z-index: 2; }
.single_img_text_sec .top_text_box::before{ content: ""; position: absolute; top: 0; right: -500%; background: #ffff; height: 100%; width: 500%;}
.single_img_text_sec .left_icon img{ margin-left: -140px; max-width: 120px; display: block;}
.single_img_text_sec .text_part{width:100%; max-width: 100%; padding-top: 0px;position: relative;z-index: 1;}
.single_img_text_sec .text_part h1{ margin-bottom: 50px;}
.single_img_text_sec .text_part h4{line-height: 33px;font-weight: 400;color: #000000;}
.single_img_text_sec .btn_box{ display: flex; gap: 50px; align-items: center; flex-wrap: wrap; margin-top: 50px;}
.single_img_text_sec .full_img { max-height:747px; height: 747px; overflow: hidden; }
.single_img_text_sec .full_img img { width: 100%; height: 100%; object-fit: cover; object-position:0% 50%;  }

/* i_am_here css */
.i_am_here{ transition: 0.4s; cursor: pointer; position: fixed; bottom: 0; right:30px; z-index: 6; background: #00498b; color: #fff; display:flex; align-items: flex-start; min-width: 339px; }
.i_am_here p{transition: 0.4s; color: #fff; display:inline-flex; align-items: center;padding: 18px 150px 18px 18px;  }
.i_am_here p .arrow{ margin-right:16px; cursor: pointer; width: 17px; height: 17px; transition: 0.4s;  background: url(../images/drop_down_arrow.svg)center center no-repeat; background-size:17px;}
.i_am_here p img{ position: absolute; right: 20px; top: -60px;width: 109px;height: 109px;border-radius: 100%;}
.i_am_here.active{opacity: 0; visibility: hidden;}
.i_am_here p:hover{color: #ffde30;}
/* .i_am_here{ display: none;} */
.popup-overlay{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0,0.5);z-index: 12; opacity: 0;visibility: hidden;transition: all 0.4s ease; pointer-events: none;}
.popup_sec {box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); position: fixed; bottom: 30px; right: -420px; z-index: 6; max-width: 391px; width: 100%; background: #fff; border: 1px solid #DEDEDE; border-radius: 7px; padding: 60px 40px 12px; display: flex; justify-content: space-between; flex-direction: column; opacity: 0; visibility: hidden; transition: all 0.4s ease; }
.popup_sec .close{ position: absolute; margin-left: auto; top: 16px; right: 15px; width: 30px; height: 30px; cursor: pointer; background: url(../images/crose_icon.svg) center no-repeat; z-index: 7;}
.popup_sec ul{list-style: none; display: inline-block; margin-top: 20px;}
.popup_sec strong{font-size: 17px; font-weight: 500;}
.popup_sec span{ display: block; font-size: 17px; font-weight: 400;}
.popup_sec h4{ display: inline-block; padding-bottom: 20px; position: relative; margin-bottom: 35px;}
.popup_sec h4::before{ content: ""; position: absolute; bottom: 0px; left: 0; width:87px; height: 3px; background: #ffde30; }
.popup_sec .text_box{ margin-bottom: 70px;}
.blue_box{ background: #00498b; color: #fff; display:flex; align-items: flex-start; width: 100%; min-height: 59px;}
.popup_sec .blue_box  img{ position: absolute; right: 0px; bottom: -1px; display:block;max-width: 196px;max-height: 256px;}
.popup_sec.angebot_popup .blue_box  img{max-width:263px;max-height: 356px;}


.popup_sec.social_icon ul li a{ font-size: 17px; color: #000; font-weight: 500; letter-spacing: 0;transition: 0.4s;}
.popup_sec.social_icon ul li a:hover{color: #00498b;}


.popup_sec.two{ width: 100%; max-width: 780px; padding: 57px 57px; border-radius: 0; box-shadow: none; border: none;}
.popup_sec.two .text_box{ padding-right: 200px; margin-bottom: 0px;}
.popup_sec.two .text_box h3{ font-size: 35px; line-height: 40px;}
.popup_sec.two .close{ width: 35px; height: 35px; top: -40px; left: 0; right: unset; background: url(../images/white_close_btn.svg) center center no-repeat; background-size: 33px;}
.popup_sec.two .blue_box{ min-height: unset; background: transparent;}

/* active */
.popup_sec.active { right: 30px; opacity: 1; visibility: visible;z-index: 20; }
.popup-overlay.active { opacity: 1; visibility: visible; }

/* accordion_sec css */
.accordion_sec .title{ margin-bottom: 100px; text-align: center;}
.accordion_sec .inner_part{ display: flex; gap: 20px; flex-wrap: wrap;}
.accordion_sec .card{width: calc(50% - 10px);} 
.accordion_sec .acc-items{ margin-bottom: 10px; border-radius: 3px; background: #fff;}
.accordion_sec .acc-items h5{ margin-bottom: 0;}
.accordion_sec .acc-items .acc-title{ position: relative;  padding: 24px 70px 24px 35px;cursor: pointer;}
.accordian .acc-title::before { content: ""; position: absolute; top:21px; right: 20px; cursor: pointer; width: 43px; height: 43px; transition: 0.4s; border-radius: 50%; clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%); background: #ffde30 url(../images/btn_icon.svg)center center no-repeat; background-size: 17px; }
.accordian .acc-title.active::before{background: #00498b url(../images/acc_arrow.svg)center center no-repeat;}
.accordian .acc-content{padding: 0px 70px 30px 35px;}

/* count css */
.count_sec .inner_part{display: flex; flex-wrap: wrap; justify-content: space-between;}
.count_sec .left_part{width: 50%;padding-top: 127px;}
.count_sec .right_part{width: calc(50% + 200px); margin-right: -200px;}

/* slider_card css */
.slider_card .card{ border: 1px solid #DEDEDE; padding: 45px 30px 30px;height: 100%; transition: 0.4s; background: #fff;}
.slider_card .icon{ margin-bottom: 20px;}
.slider_card .text_part h4{ line-height: 30px; margin-bottom: 10px;}
.slider_card .text_part p{ font-size: 17px;}
.slider_card .slick-slide{ margin: 0 21px;}
/* .slick-slide > div { height: 100%; } */
.slider_sec .slick-dots{ margin-top: 56px;}
.slider_card .card.slick-current { background: #ffde30;}
.slider_card .slick-list{ margin: 0 -25px;}
.count_sec .slider_card .slick-track{display: flex !important;}
.count_sec .slider_card .slick-slide{height: inherit !important;}
/* arrowand dot css */
.slider_sec{position: relative; margin-top: -230px;}
.slick-arrow{border: none; cursor: pointer;  position: absolute; top: 50%; transform: translateY(-50%); width: 52px; height: 52px;  border-radius: 50%; font-size: 0;display: flex; justify-content: center;align-items: center; z-index: 3; }
.slick-prev.slick-arrow{left:-42px; background: rgba(0, 0, 0,0.5) url(../images/slick_prev.svg) center center no-repeat; background-size: 15px;}
.slick-next.slick-arrow{right:-42px;background: rgba(0, 0, 0,0.5) url(../images/slick_next.svg) center center no-repeat; background-size: 15px;}
.slider_card  .slick-arrow.slick-disabled{ display: none !important;}
/* dots */
.slick-dots {width: 100%;display: flex;justify-content: center;gap: 8px;flex-wrap: wrap;margin-bottom: 0;margin-top: 30px;}
.slick-dots li {margin: 0;  width: auto;height: auto; list-style: none; width: 11px;height: 11px;padding: 0;border-radius: 50%;background: #D9D9D9;border: none;outline: none;transition: 0.3s;font-size: 0;}
.slick-dots li button {display: none;}
.slick-dots li.slick-active{background: #ffde30;}

/* img_compare_sec css */
.img_compare_sec .title{ max-width: 660px; margin: 0 auto 125px; text-align: center;}
.img_compare_sec .img_box{max-width: 830px; margin: 0 auto;}
.comparer { position: relative;  user-select: none; touch-action: none;}
.img-top img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position:left; }
.img-top { position: absolute; top: 0; left: 0; height: 100%;width: 50%; z-index: 3; }
.divider { position: absolute; top: 0; bottom: 0; width: 10px; background: #ffde30; z-index: 3; left: 50%; transform: translateX(-1px); cursor: ew-resize; height: calc(100% + 100px);margin-top: -50px; }
.handle-circle { position:absolute; top: 50%;  transform: translate(-48%, -50%); left: 50%; z-index: 4; cursor: ew-resize; display: flex; justify-content: center; align-items: center;  width: 127px; height: 127px; background: url('../images/divider_img.png') center center no-repeat ; }
.img_compare_sec img{ display: block;}

/* img_text_sec css */
.img_text_sec .inner_part{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.img_text_sec .left_part{width:49%; max-width: 476px;}
.img_text_sec .left_part .btn_one{ margin-top: 20px;}
.img_text_sec .right_part{width:49% }
.img_text_sec .right_part img{ display: block;}
.img_text_sec .inner_part.opposite .left_part{ order: 2;}
.img_text_sec .inner_part.opposite .right_part{ order: 1;}
.leftright_imgtext  .img_text_sec .inner_part:not(:last-child){ margin-bottom: 200px;}

/* intro_sec start */
.intro_sec .inner_part{ max-width: 740px; margin: 0 auto; width: 100%;}
.intro_sec.hero_with_text p,.intro_sec.hero_with_text li{font-size: 24px;line-height: 30px;}
.intro_sec ul,.intro_sec ol{padding-left: 18px;}



/* slider_thumb_sec css */
.slider_thumb_sec .slider { position: relative; }
.slider img { width: 100%;display: block; }
.slider-thumbnails { margin-top: 21px; }
.slider_thumb_sec .slider .img_box{ width: 100%;}
.slider_thumb_sec .slider-thumbnails .img_box{width: 100%;}
.slider-thumbnails .slick-slide { margin-right: 8px; }
.slider-thumbnails img { width: 100%;cursor: pointer; opacity: 0.5; aspect-ratio: 152/118;object-fit: cover;height: 100%;}
.slider-thumbnails .slick-current img { opacity: 1; }
.slider-thumbnails .slick-arrow { width: 30px; height: 30px; background-size: 10px !important; }
.slider-thumbnails .slick-track{margin-left: unset !important;}



/* ***************************************************************************** */
/* your advantages start */
.your_advantages .inner_part{padding:150px 0 188px;}
.border_box{width: 365px;height: 365px;position: relative;margin: 0 auto;}
.border_box_inner{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border:10px solid #e6e5e5;transform: rotate(45deg);transform-origin: center;pointer-events: none;}
.advantages_card .card .plus{z-index: 1;position: relative; transition: 0.4s;background: #ffde30;width: 100px;height: 100px;border-radius: 100%;border: 14px solid #fff;display:flex;justify-content: center;align-items: center;color: #00498b;font-size: 54px;margin: 0 auto;}
.advantages_card{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.advantages_card .card .hover_text{width: 263px;background: #fff;border-radius: 7px;padding: 45px;box-shadow:0px 0px 8px 2px rgba(0,0,0,0.2);opacity: 0;visibility: hidden;pointer-events: none;position: absolute;transition: 0.4s;}
.advantages_card .card p{font-size: 16px;line-height: 20px;color: rgba(0, 0, 0,0.7);height: 125px;overflow-y: scroll; }
.advantages_card .card h4{font-size: 25px;line-height: 1.1;margin-bottom: 8px;font-weight: 400;}
.advantages_card .card{width: auto;position: absolute;cursor: pointer;}
.advantages_card .card:hover .plus{background: #00498b;color: #ffde30;}
.advantages_card .card:hover .hover_text{opacity: 1;visibility: visible;pointer-events: all;}
.advantages_card .card:hover .normal_text h4{opacity: 0;visibility: hidden;}

.advantages_card .card:nth-child(1){left: -116px;top: 36%;}
.advantages_card .card:nth-child(2){left: 35%;top: -102px;}
.advantages_card .card:nth-child(3){left: calc(100% + 12px);top: 36%;}
.advantages_card .card:nth-child(4){left: 35%;top: calc(100% + 6px);}

.advantages_card .card .normal_text{position: relative;}
.advantages_card .card .normal_text h4{position: absolute;margin-bottom: 0;width: 220px;}
.advantages_card .card:nth-child(1) .normal_text h4{right: 120px;top: 15px;text-align: right;}
.advantages_card .card:nth-child(2) .normal_text h4{left: -8px;bottom: 110px;}
.advantages_card .card:nth-child(3) .normal_text h4{left: 105px;top: 18px;}
.advantages_card .card:nth-child(4) .normal_text h4{left: -32px;top: 100px;}

.advantages_card .card:nth-child(1) .hover_text{right: 60px;top: -25px;padding-left: 25px;}
.advantages_card .card:nth-child(2) .hover_text{left: 60px;top: -60px;padding-right: 25px;}
.advantages_card .card:nth-child(3) .hover_text{left:60px;top:-25px;padding-right: 25px;}
.advantages_card .card:nth-child(4) .hover_text{right: 60px;top: -60px;padding-left: 25px;}

.your_advantages .star_icon{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;justify-content: center;align-items: center;}
.your_advantages .star_icon img{max-width: 89px;}
/* your advantages end */

/* newsletter start */
.newsletter{background: #ffde30;}
.newsletter .inner_part{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.newsletter .left_part{width: 46%;}
.newsletter .left_part .image{position: relative;width: auto;}
.newsletter .left_part .image img{max-width: 374px;width: auto;display: block;margin: -85px auto 0;}
.newsletter .left_part .image::before{content: "";position: absolute;left: -70px;top: 130px;background: url(../images/arrow.svg)center no-repeat;width:150px;height:150px;background-size:150px;}
.newsletter .left_part .image::after{content: "";position: absolute;right: -20px;bottom: 35px;background: url(../images/arrow2.svg)center no-repeat;width:81px;height:81px;background-size:81px;}
.newsletter .right_part{width: 50%;padding: 30px 0;}
.newsletter .right_part .max_width{max-width: 430px;width: 100%;}
.newsletter .right_part p{font-size: 18px;line-height: 25px;color: #000000;}
.newsletter_form{margin-top: 40px;}
.newsletter_form .field{display: flex;}
.newsletter_form .field .form-group{width: calc(100% - 152px);}
.newsletter_form .field input{width:100%; font-size: 19px;line-height: 1;font-family: "Rubik", sans-serif; font-weight: 400;color: #898989;border: 1px solid #D3D9E5;border-radius: 10px 0px 0px 10px;padding: 20px;}
.newsletter_form .field input[type="submit"],.newsletter_form .field button{border-radius: 0px 10px 10px 0px;background: #00498b;border:1px solid #00498b;color: #fff;cursor: pointer;width: 152px;transition: 0.4s;font-size: 19px;}

.newsletter_form .field input[type="submit"]:hover,.newsletter_form .field button:hover{color:#ffde30;}
.newsletter_form .field input::placeholder {color: #898989;opacity:1;}


/* newsletter end */

/* footer start */
.footer{padding-top: 87px;}
.footer .logo{margin-bottom: 50px;}
.footer .logo a{display: inline-block;}
.footer .logo img{max-width: 202px;width: auto;display: block;}
.footer_top{padding-bottom: 92px;display: flex;flex-wrap: wrap;justify-content: space-between;padding-right: 90px;}
.footer_top .card p{font-size: 15px;line-height: 20px;color: #000000;}
.footer_top .card p strong{font-weight: 600;}
.footer_top .card p a[href^="tel:"]{text-decoration: none;}
.footer_top .card ul li{list-style-type: none;margin-bottom: 7px;}
.footer_top .card ul li:last-child{margin-bottom: 0;}
.footer_top .card ul li a{text-decoration: none;font-size: 15px;line-height: 1.6;}
.footer_top .card.two ul li{margin-bottom: 5px;}
.footer_top .card.two ul li:last-child{margin-bottom: 0px;}
.footer_top .card.two ul li a{position: relative;padding-left: 20px;}
.footer_top .card.two ul li a::before{content: "";position: absolute;left: 0;top: 6px;background: url(../images/arrow3.svg)center no-repeat;width:9px;height:14px;background-size:9px;}
.footer_top .card.two ul li a{font-size: 22px;}
.footer_top .card a{transition: 0.4s;}
.footer_top .card a:hover{color: #00498b;}
.footer_top .card.four p{font-size: 18px;font-weight: 500;margin-bottom: 30px;}
.footer_top .card.four ul{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;gap: 30px;}
.footer_top .card.four ul li{margin-bottom: 0;line-height: 1;}
.footer_top .card.four ul li a{display: inline-block;}
.footer_top .card.four ul li a img{display: block;width: auto;max-width: 51px;}
.footer_bottom{background: #00498b;padding: 14px 0;}
.footer_bottom ul{display: flex;flex-wrap: wrap;justify-content: flex-end;gap: 20px;padding-right: 30px;}
.footer_bottom ul li{list-style-type: none;}
.footer_bottom ul li a{font-size: 15px;line-height: 1;color: #fff;text-decoration: none;transition: 0.4s;}
.footer_bottom ul li a:hover{color: #ffde30;}
/* footer end */
/* .main-content > .intro_sec.blue_bg{position: relative;}
.main-content > .intro_sec.blue_bg::before{content: ""; position: absolute;left: 0;top: -300px;width: 100%;height:300px;background: #F8F9FC ;pointer-events: none;} */
.intro_sec.hero_with_text{padding: 350px 0 200px;}

body.site-hidden{overflow: hidden;}
.popup-overlay.active{pointer-events: all;}


.article-2 .intro_sec .inner_part{text-align: center;}
.article-2 .intro_sec h1{font-size: 60px; line-height: 60px;}
.article-2 .intro_sec img{margin-bottom: 30px;}
.article-2 .intro_sec p a{margin-top: 30px;}
.article-2 .intro_sec  p {font-size: 20px; line-height: 28px;}
.content_box.hide_content_box{display: none;height: 400px;}
.content_box.hide_content_box {
overflow-y: auto;          /* or overflow-y: scroll */
scrollbar-width: none;   /* Firefox */
-ms-overflow-style: none;/* IE & Edge */
}

.content_box.hide_content_box::-webkit-scrollbar {
  display: none;           /* Chrome, Safari, Opera */
}

.content_box.hide_content_box h2{display: none;}
.content_box.hide_content_box .slide_body_content ul{margin-bottom: 40px;}
.filter_section{width: 100%;margin-bottom: 20px;padding-left: 28px;}
.filter_section select{max-width: 350px;width: 100%; border: 1px solid #00498b;padding: 15px 38px 15px 15px;background:url(../images/white-down-arrow.svg)right 15px center no-repeat #00498b;background-size: 17px;color: #fff;border-radius: 8px;font-size: 18px;line-height: 24px;-webkit-appearance: none;}
.filter_section.team_filter{margin-bottom: 50px;}


.two_button_box{display: flex;flex-wrap: wrap;gap: 20px;}
.intro_sec.two .button_box{margin-top: 35px;}


.serch-result{background-image: linear-gradient(to bottom, #FFFFFF 0%, #F8F9FC 0%, #EAEFF6 100%);padding: 240px 0 100px;}

.serch-result h1{margin-bottom: 30px;}
.serch-result ul{display: flex;flex-wrap: wrap;gap: 20px;}
.serch-result li{list-style: none;width: calc(50% - 10px);}
.serch-result li a{padding: 16px 32px;background: #fff;border-radius: 7px;text-decoration: none;width: 100%;display: flex;height: 100%;align-items: center;}
.serch-result li a:hover{background: #00498b;color: #fff}


/* Responsive css start */
@media only screen and (max-width:1366px) {
h1 { font-size: 60px;line-height: 70px;}
h2 {font-size: 45px;}

.hero_sec h1 { font-size: 60px; line-height: 65px;}
.hero_sec .right_part {width: 61%;margin-right: -7%;}
.services_sec .right_part h2 {margin-bottom: 28px;line-height: 60px;}
.offer_sec .left_part h2 { font-size: 50px; line-height: 60px;}
.our_customer .inner_part { width: calc(100% + 110px);margin-right: -110px;}.review_sec .inner_part {width: calc(100% + 120px); margin-right: -120px;}
/* contact page css  */
.hero_sec .left_part{padding-left: 0;}
.hero_sec.banner_two h1 { font-size: 60px;line-height: 70px;}
.hero_sec.banner_two .right_part {width: calc(54% + 169px);margin-right: -169px;}
.contact_form_sec .left_part {width: calc(100% - 450px);}
.intro_sec.hero_with_text {padding: 300px 0 140px;}

}

@media only screen and (max-width:1279px) {
.mb_90 { margin-bottom: 80px;}
.ptb-120{padding: 90px 0;}
.ptb-150{padding: 110px 0;}
.ptb-200{padding: 115px 0;} 
h1 {font-size: 50px; line-height: 55px; }
h2 {font-size: 38px;line-height: 48px;}
h3 { font-size: 35px;line-height: 40px;}
h4 {font-size: 20px;line-height: 27px;}

.btn_two.white {padding: 20px 34px;font-size: 19px;}
.hero_sec .left_part {padding-left:0px;}
.hero_sec .inner_part {padding-top: 80px;}
.hero_sec h1 { font-size: 50px; line-height: 50px;}
.hero_sec p,.team_sec .title p {font-size: 20px;line-height: 30px;}
.hero_sec .right_part {width: 58%;margin-right: -3%;}
.hero_sec .right_part::before {height: 300px;width: 523px;}
.services_sec .inner_part{padding-top: 0;}
.services_sec .content_box ul li a {gap: 20px;font-size: 20px;padding: 10px 14px 10px;}
.border_box {width: 300px;height: 300px;}
.advantages_card .card h4 {font-size: 24px;}
.advantages_card .card .plus {width: 85px;height: 85px;font-size: 40px;}
.advantages_card .card .hover_text {width: 260px;;padding: 40px;}
.offer_sec .left_part h2 { font-size: 50px; line-height: 55px;}
.offer_sec .right_part img { margin-top: -35px;}
.offer_sec .left_part{padding: 42px 0 ;}
.news_sec .left_part .text_box h2 {padding-bottom: 53px;}
.news_card .date {width: 60px; height: 66px; font-size: 17px;}
.news_card .date span {font-size: 25px;line-height: 24px;}
.card_box .slick-slide {margin: 0 5px;}
.our_customer .slick-slide {margin: 0px 12px;}
.review_sec .btn_box a {padding: 18px 28px;font-size: 18px;}
.review_sec .btn_box {margin-top: 40px;}
.newsletter_form .field input{padding: 16px;}
.footer_top .card.two ul li a {font-size: 20px;}
.footer_top {padding-bottom: 70px;padding-right: 0px;}
.footer_top .card.four ul{gap: 22px;}
.single_img_text_sec .text_part h4{line-height: 30px;}

.accordion_sec .acc-items .acc-title {  padding: 20px 64px 20px 20px;}
.slider_card .slick-slide { margin: 0 14px;}
.slick-arrow{width: 40px; height: 40px;}
.slick-prev.slick-arrow {left: -12px;background-size: 11px;}
.slick-next.slick-arrow {right: -12px;background-size: 11px;}
.single_img_text_sec .top_text_box{width: 93%;}
.single_img_text_sec .left_icon img{max-width: 100px;margin-left: -125px;}

/* team ps\age css  */
.team_sec .title {margin-bottom: 70px;}
.team_sec .card .hover_content h2 {font-size: 30px;line-height: 32px;}
.team_sec .card .hover_content{padding: 40px 30px 40px 30px;}
.news_page_sec .title { margin-bottom: 50px;}
.news_details .text_box p,.intro_sec.hero_with_text p,.contact_sec ul li ,.intro_sec.hero_with_text li{font-size: 20px;line-height: 30px;} 
.single_text_sec .text_box p,.single_text_img_sec .text_box p  {font-size: 20px; line-height: 30px;}
.hero_sec.banner_two h1 {font-size: 50px;line-height: 55px; }
.hero_sec.banner_two .right_part { width: calc(54% + 110px);margin-right: -110px;}
.contact_sec ul li p { font-size: 22px; margin-bottom: 15px;}
.contact_form .field input, .field textarea{padding: 16px;}
.contact_form .field {margin-bottom: 22px;}
.contact_form_sec::before {width: 488px;height: 317px;background-size: 324px;right: -84px;}
.contact_form_sec .left_part .top_title h2 {line-height: 48px;}

/* header css */
.header .main_header .inner_part{ padding: 15px 20px}
.header .main_header .btn_box{ margin-left: 20px;}
.header .main_header .nav_menu > ul > li{ margin-right: 20px;}
.header .btn_two{ padding: 15px 20px;}
.header .main_header .logo{ width: 155px;}
.header .main_header .right_part{ width: calc(100% - 155px);}
.header .mega-menu .sub-menu{ padding: 40px 0 60px;}
.header .mega-menu .sub-menu li a{ font-size: 18px;}
.header .mega-menu .sub-menu li{width: 48%;}
.header .mega-menu .sub-menu li a{ gap: 15px; padding: 10px 15px; min-height: 70px;}

.popup_sec.two {width: 100%;max-width: 600px;padding: 30px 20px}
.popup_sec.two .close { width: 30px; height: 30px;top: -36px;background-size: 30px;}
.popup_sec.two .text_box h3 {font-size: 26px;line-height: 36px;}
.team_sec .card span.name{top: 30px;right: 20px;font-size: 20px;}
.newsletter .left_part .image::before{width: 100px;height: 100px;background-size: 100px;left: 0;top: 110px;}
.newsletter .left_part .image::after{right: -45px;width: 70px;height: 70px;background-size: 70px;}
.popup_sec h4{margin-bottom: 15px;}
.popup_sec ul{margin-top: 0;}
.contact_form_sec .inner_part{padding-top: 100px;}

.main-content {margin-top: 178px;}
.services_sec .right_part{margin-top: 80px;padding: 44px 44px 0 30px;}
.contact_form_sec .left_part{padding-right: 30px;}
.popup_sec.angebot_popup .blue_box  img{max-width:190px;max-height: 250px;}
.team_sec .card img{max-width: 300px;max-height: 360px;}
.services_sec .right_part h2{padding-left: 14px;}
.content_box.hide_content_box{height: 455px;}
.filter_section{padding-left: 14px;}

.serch-result{padding: 210px 0 100px;}
}

@media only screen and (max-width:1023px) {
.mb_90 { margin-bottom: 60px;}
.ptb-120{padding: 80px 0;}
.ptb-150{padding: 100px 0;}
.ptb-200{padding: 110px 0;} 
.header .top_header{display: none;}
h1 {font-size: 40px; line-height: 42px;}
h2 {font-size: 32px; line-height: 38px;}
h3 {font-size: 30px; line-height: 37px;}
h4{font-size: 18px;}
h5 {font-size: 18px;line-height: 28px;}
.btn_two.white { padding: 18px 22px; font-size: 18px;}
.btn_one{font-size: 16px;}
.btn_icon {width: 38px;height: 38px;background-size: 12px; margin-right: 7px;}
.btn_one:hover .btn_icon {background-size: 12px;}
.hero_sec { padding-top: 100px;}
.hero_sec h1 { font-size: 45px; line-height: 50px;margin-bottom: 20px;}
.hero_sec p {font-size: 18px;line-height: 30px;}
.hero_sec .btn_box {margin-top: 20px;}
.hero_sec .right_part {padding-top: 45px;}
.hero_sec .right_part::before {height: 227px;width: 383px;}
.services_sec .inner_part{padding: 0;}
.services_sec .right_part {width: calc(46% + 104px);margin-left: -104px;padding:10px;margin-top: 80px;}
.services_sec .content_box ul li a svg { width: 46px; height: 46px;}
.services_sec .right_part h2 { margin-bottom: 15px; line-height: 48px;}
.services_sec .content_box ul li a {gap: 16px;font-size: 18px;padding: 8px 14px 8px;}

.border_box {width: 200px;height: 200px;}
.advantages_card .card .plus { width: 50px;height: 50px;font-size: 30px;border: 7px  solid #fff;}
.advantages_card .card h4 {font-size: 20px;}
.advantages_card .card:nth-child(1) {left: -58px;top: 35%;}
.advantages_card .card:nth-child(2) {left: 36%;top: -68px;}
.advantages_card .card:nth-child(2) .hover_text {left: 30px;top: -123px;}
.advantages_card .card .hover_text { width: 230px; padding: 25px;}
.advantages_card .card:nth-child(3) .hover_text {left: 28px;top: -88px;}
.advantages_card .card:nth-child(1) .hover_text {right: 27px;top: -83px;}
.advantages_card .card:nth-child(4) .hover_text {right: 26px;top: -35px;}
.advantages_card .card:nth-child(4) .normal_text h4 {left: -32px;top: 73px;}
.advantages_card .card:nth-child(3) .normal_text h4 {left: 76px;top: 11px;}
.offer_sec .left_part h2 {font-size: 45px;line-height: 52px;}
.offer_sec .btn_box {margin-top: 18px;}
.offer_sec .left_part { width: 59%; padding: 20px 0px;}
.offer_sec .right_part img {margin-top: -11px;}
.offer_sec::before {width: 200px;height: 200px;}
.news_sec .left_part .text_box h2 {padding-bottom: 14px;}
.card_box .slick-slide {margin: 0 2px;}
.news_card .date span {font-size: 20px;line-height: 21px;}
.news_card .date {width: 55px;height: 55px;font-size: 15px;}
.news_card .date { bottom: -17px; left: 16px;}
.news_card .text_box {margin: 12px 18px;position: relative;padding: 5px 10px 5px 13px;}
.news_card .new_img {margin-bottom: 26px;}
.our_customer .slick-slide {margin: 0px 8px;}
.newsletter_form {margin-top: 25px;}
.newsletter .left_part .image img { max-width: 300px;}
.newsletter .left_part .image::before { left: -50px; background-size: 90px;}
.newsletter .left_part .image::after {right: -31px;background-size: 50px;}
.newsletter_form .field input { font-size: 16px;height: 100%;}
.footer .logo {margin-bottom: 35px;}
.footer .logo img { max-width: 180px;}
.footer_top{padding-right:0px;}

.newsletter_form .field input[type="submit"], .newsletter_form .field button{padding: 16px;}
.pt_130 { padding-top: 80px;}
.img_compare_sec .title { margin: 0 auto 90px;}
.single_img_text_sec .top_text_box {width:100%;max-width: 100%;margin-left: 0;padding: 0 0px 40px 40px;}
.single_img_text_sec .top_text_box .left_icon{width: 65px;}
.single_img_text_sec .left_icon img {margin-left:0px;max-width: 60px;}
.single_img_text_sec .text_part{padding-top: 0;padding-left: 15px;width: calc(100% - 65px);max-width: 100%;}
.img_text_sec .left_part .btn_one {margin-top: 10px;}
.single_img_text_sec .text_part h1 {margin-bottom: 20px;}
.single_img_text_sec .btn_box {gap: 30px;margin-top: 30px;}
.single_img_text_sec .full_img {height: 600px;}
.accordian .acc-title::before {width: 30px; height: 30px; background-size: 11px;top: 18px;}
.accordian .acc-content {padding: 0px 30px 30px 20px;}
.accordion_sec .title { margin-bottom: 50px;}
.slider_card .slick-slide { margin: 0 8px;}

.team_sec .title {margin-bottom: 40px;}
.team_sec .title p {font-size: 18px;}
.team_sec .inner_part { gap: 60px 16px;}
.team_sec .card span.name{font-size: 20px;line-height: 22px;top: 20px;text-align: right;}
.team_sec .card .hover_content h2 {font-size: 25px;  line-height: 30px;}
.team_sec .card .hover_content a{font-size: 16px;}
.team_sec .card .hover_content {padding: 20px 15px 29px 19px;}
.team_sec .card {padding: 50px 40px 0;width: calc(50% - 8px);}
.team_sec .card::before {width: 252px;height: 245px;background-size: 226px}
.our_customer .slick-list { margin: 0;}
.slider_card .slick-list {margin: 0;}
.count_sec .card .icon  img {max-width: 50px;}
.intro_sec.hero_with_text p,.intro_sec.hero_with_text li { font-size: 18px;line-height: 30px;}
.leftright_imgtext .img_text_sec .inner_part:not(:last-child) {margin-bottom: 110px;}
.news_details .text_box {margin-left:0px;}
.news_details .text_box h1 {margin-bottom: 20px;padding-left: 13px;margin-left: -13px;}  
.news_details .date {width: 57px;height: 64px;}
.news_details .date span {font-size: 24px;line-height: 26px;}
.news_details .user_profile .user_img { width: 80px;}
.news_details .text_box p {font-size: 18px; line-height: 30px; }
.news_details .user_profile{gap: 16px;}
.single_text_sec .text_box p {font-size: 18px; line-height: 30px;}
.single_text_img_sec .text_box p {font-size: 18px; line-height: 30px;}
.single_text_img_sec .main_img_part {gap: 16px;margin-top: 50px;}
.single_text_img_sec .main_img_part .img_box { width: calc(50% - 8px);}

.hero_sec.banner_two h1 {font-size: 45px; line-height: 50px;}
.hero_sec.banner_two .right_part { width: calc(54% + 65px); margin-right: -65px;}
.contact_sec .contact_details{padding-left: 0px;}
.contact_sec ul li p {font-size: 18px;}
.contact_sec ul li a { font-size: 18px;}
.contact_form .field input, .field textarea {padding: 12px; }
.contact_form .field {margin-bottom: 18px;}
.contact_form .field label {font-size: 16px;line-height: 18px;margin-bottom: 8px;}
.contact_form .field textarea {height: 130px;}
.contact_form .submit_field .btn_two {  padding: 20px;}
.contact_form_sec .inner_part{padding-top: 60px;}
.contact_form_sec .left_part { width: 100%;}
.contact_form_sec::before {width: 440px;height: 317px;background-size: 273px;right: -85px;top: -44px;}
.contact_form_sec .form_two .field input, .contact_form_sec .form_two .field textarea, .contact_form_sec .form_two .field select { padding: 18px;font-size: 18px;}
.contact_form_sec .contact_form_space { margin-bottom: 35px;}
.contact_form_sec .form_two .field textarea {height: 150px;margin-top: 0px;}
.contact_form_sec .form_two .submit_field { margin-top: 40px;}
.contact_form_sec .form_two .submit_field .btn_one {padding: 20px;}

.popup_sec.active {right: 10px;bottom: 10px;}
.i_am_here{right: 10px;}
.popup_sec{max-width: 355px;padding: 20px 20px 12px;}
.popup_sec h4 {padding-bottom: 15px;margin-bottom: 19px;}
.blue_box{min-height: 35px;}
.popup_sec.social_icon ul li a {font-size: 17px;}
.popup_sec .text_box {  margin-bottom: 50px}
.i_am_here p img { width: 90px;height: 90px;top: -40px;}
.article-2 .intro_sec h1{font-size: 40px; line-height: 42px;}
.contact_form_sec .sticky_box .close {position: absolute;margin-left: auto;top: 17px;right: 30px;width: 30px;height: 30px;cursor: pointer;background: url(../images/crose_icon.svg) center no-repeat;}
.contact_form_sec .sticky_box {display: none;position: fixed;bottom:-20px;right:-20px;z-index: 100;}
.contact_form_sec .sticky_box.active { display: block;}
.contact_form_sec .text_box{background: #fff;padding-bottom: 0;}
.contact_form_sec .popup_btn {position: fixed;bottom:10px;right:10px;transform: translateX(120%);transition: transform 0.4s ease-in-out;display: block;z-index:12;}
.contact_form_sec .popup_btn.active {transform: translateX(0);}
.contact_form_sec .sticky_box .popup_btn {transition: transform 0.4s ease, opacity 0.3s ease; opacity: 0;}
.contact_form_sec .sticky_box .popup_btn.active {opacity: 1;}

.header .top_header{display: none;}
.header{ background: #fff;}
.header .main_header .inner_part{ box-shadow: none; padding: 0; }
.header.sticky{background: #fff;padding: 20px 0; }
.header.sticky .main_header .inner_part { padding: 0 }
.header.sticky .main_header .logo { width: 155px; }
.header .main_header .right_part .nav_menu{ display: none; }
.header .main_header .btn_box{display: none;}
.header .menubar{ display: block;}
.header .menubar.active{ height: 25px;}
.header .menubar.active span:nth-child(1) { transform: translateY(10px) rotate(-45deg); width: 100% }
.header .menubar.active span:nth-child(2) { display: none }
.header .menubar.active span:nth-child(3) { transform: translateY(2px) rotate(45deg); width: 100% }
.hamburger_menu.show {opacity: 1; visibility: visible; pointer-events: all;}
.hamburger_menu .mega-menu.show-submenu {right: 0;}
.header .main_header .right_part{ width: 45px; padding-left: 0;}
.header .call_box{ display: flex;}
.header.sticky .main_header .right_part{ width:45px; padding-left: 0;}
.header.bg_color .main_header .inner_part{ padding: 0;}
.header.bg_color{ background: #fff;}
.header.bg_color.sticky{ box-shadow: none;}  
.popup_sec.two {width: 100%;max-width: 512px;padding: 20px 18px;}
.popup_sec.two .text_box h3 {font-size: 20px;line-height: 32px;}
.popup_sec.two .close {width: 20px;height: 20px;top: -28px;background-size: 20px;}
.popup_sec .blue_box img{right: 0px;max-height: 210px;}
.contact_form_sec .help-btn{display: flex;}
.main-content {margin-top: 98px;}
.news_details .text_box p, .intro_sec.hero_with_text p,.intro_sec.hero_with_text li, .contact_sec ul li,.article-2 .intro_sec p {font-size: 18px;line-height: 30px;}
.single_img_text_sec .top_text_box {margin-bottom: -110px;}

.advantages_card .card:nth-child(2) .normal_text h4{bottom: 75px;}
.advantages_card .card:nth-child(1) .normal_text h4{right: 75px;}
.intro_sec.hero_with_text {padding: 200px 0 100px;}
.review_sec .inner_part {width: 100%;margin-right: 0;}
.contact_form_sec .angebotpopup .text_box .left_text{padding: 15px 20px;}
.contact_form_sec .angebotpopup .text_box{max-width: 530px;}
.contact_form_sec .angebotpopup .sticky_box ul{flex-direction: unset;gap: 0px;flex-wrap: wrap;}
.contact_form_sec .angebotpopup .sticky_box .close{top: 10px;right: 7px;}
.hamburger_menu li li a{flex-wrap: nowrap;}
.popup_sec.imhere_popup  .text_box p{margin-bottom: 34px;}
.popup_sec.angebot_popup .blue_box  img{max-width:170px;max-height: 210px;}
.popup_sec.two .text_box{padding-right: 170px;}
.team_sec .card img {max-width: 215px;max-height: 255px;}

.content_box.hide_content_box {height: 318px;}

.serch-result{padding: 140px 0 60px;}
.header .mobile_show{display: block;}
}

@media only screen and (max-width:767px) {
h1 { font-size: 38px;line-height: 40px;}
h2 {font-size: 28px;line-height: 32px;}
h3 {font-size: 26px; line-height: 35px;}
.ptb-120{padding: 75px 0;}
.ptb-150{padding: 90px 0;}
.ptb-200{padding: 100px 0;}
.hero_sec .left_part {width: 100%;}
.hero_sec h1 {font-size: 40px; line-height: 45px;margin-bottom: 15px;}
.hero_sec p { font-size: 18px; line-height: 25px;}
.hero_sec .right_part {width: 100%; margin-right: 0;padding-top: 0px;}
.hero_sec .right_part::before{position: unset;}
.services_sec .left_part {width: 100%;}
.services_sec .right_part {width: 100%;margin-left: 0;margin-top: 30px;}
.services_sec .content_box ul li a img.mobile_image { display: block;aspect-ratio: 1/1;width: 100%; object-fit: cover;}
.services_sec .content_box ul li a { display: block;}
.services_sec .content_box ul li a{padding: 0; position: relative;font-size: 13px;line-height:16px;}
.services_sec .content_box ul li a img { margin-bottom:7px;max-width: 100%}
.services_sec .content_box ul li a svg {position: absolute;top: 7px;left: 9px}
.services_sec .content_box ul {display: flex;flex-wrap: wrap;gap: 29px;}
.services_sec .content_box ul li {width: calc(50% - 15px);padding-left: 0;}
.services_sec .content_box ul li a:hover { box-shadow:unset;}

.border_box {width: 120px; height: 120px;}
.your_advantages .star_icon img {max-width: 60px;}
.advantages_card .card .plus { width: 30px; height: 30px; font-size: 19px; border: 4px solid #fff; }
.advantages_card .card:nth-child(2) {left: 38%;top: -43px;}
.advantages_card .card:nth-child(1) {left: -39px;top: 35%;}
.advantages_card .card h4 {font-size: 18px;}
.advantages_card .card:nth-child(4) .normal_text h4 { left: -30px; top: 50px;}
.advantages_card .card:nth-child(1) .normal_text h4 {right: 100px;top: -4px;}
.advantages_card .card:nth-child(3) .normal_text h4 { left: 40px; top: 1px;}
.advantages_card .card:nth-child(2) .hover_text {left: 14px;top: -159px;}
.advantages_card .card .hover_text {width: 190px;padding: 15px;}
.advantages_card .card:nth-child(3) .hover_text {left: 16px;top: -75px;}
.advantages_card .card:nth-child(4) .hover_text {right: 17px;top: -32px;}
.advantages_card .card:nth-child(1) .hover_text {right: 14px;top: -84px;}
.offer_sec .left_part {width: 100%;}
.offer_sec .right_part {width: 100%; margin-top: 20px;}
.offer_sec .right_part img {margin: 0 auto;}
.offer_sec .left_part h2 {font-size: 35px;line-height: 47px;}
.offer_sec::before{position: unset;}.news_sec .left_part {width: 100%;}
.news_sec .right_part { width: 100%; margin-top: 30px;}
.newsletter .left_part {width: 100%; order:2;}
.newsletter .left_part .image::before,.newsletter .left_part .image::after {position: unset;}
.newsletter .right_part {width: 100%;}
.newsletter .left_part .image img {max-width: 250px;margin: 0px auto;}
.footer_top .card.two ul li a {font-size: 18px;}
.footer .footer_top .card {width: 50%;margin-bottom: 30px;}
.footer_top .card.two ul li a::before {background-size: 8px;}
.footer_top .card.four p { margin-bottom: 20px;}

.single_img_text_sec .text_part h4 {line-height: 25px;}
.single_img_text_sec .full_img { height: 500px; }
.accordion_sec .title { margin-bottom: 35px;}
.accordion_sec .card {width: 100%;}
.accordion_sec .inner_part{gap: 0;}
.count_sec .left_part {padding-top: 30px;}
.slider_card .card { padding: 15px 20px 20px;}
.slider_card .icon { margin-bottom: 10px;}
.slick-arrow {width: 30px; height: 30px;}
.slick-prev.slick-arrow { background-size: 8px;}
.slider_sec .slick-dots { margin-top: 30px;}
.img_compare_sec .title {margin: 0 auto 70px;}
.img_text_sec .left_part {width: 100%;max-width: 100%;}
.img_text_sec .right_part {width: 100%; margin-top: 20px;}
.team_sec .title {margin-bottom: 50px; }
.team_sec .title p { font-size:20px; }
.team_sec .inner_part { gap: 30px 10px;}
.team_sec .card .hover_content h2 {font-size: 20px;line-height: 25px;}
.team_sec .card .hover_content a {font-size: 16px;}
.team_sec .card{width: calc(50% - 5px);}
.team_sec .card span.name{font-size: 15px;line-height: 18px;right: 10px;top: 10px;}
.team_sec .card { padding: 50px 40px 0;}
.team_sec .card::before {width: 182px;height: 205px;background-size: 182px;left: -40px;}

.intro_sec.hero_with_text p,.intro_sec.hero_with_text li { font-size: 20px;}
.leftright_imgtext .img_text_sec .inner_part:not(:last-child) {margin-bottom: 70px;}
.img_text_sec .inner_part.opposite .left_part { order: 1;}
.news_page_sec .card_box {gap: 30px 10px;}
.news_page_sec .card_box .news_card {width: calc(50% - 5px);}
.hero_sec.banner_two h1 { font-size: 45px;line-height: 50px;}
.hero_sec.banner_two .right_part { width: 100%; margin-top: 20px;}
.contact_sec .contact_details { width: 100%;}
.contact_sec .right_part { width: 100%; margin-top: 30px;}
.divider { height: calc(100% + 63px); margin-top: -32px;}
.services_sec .left_part{display: none;}
.services_sec .right_part{margin-top: 0; padding: 0;}
.services_sec .right_part .content_box h2{display: block;}
.services_sec .right_part .content_box {display: block;}
.services_sec .content_box .slide_body_content{display: none;padding-bottom: 20px;}
.services_sec .content_box.active .slide_body_content{display: block;}
.services_sec .content_box{border-top: 1px solid #000000;}
.services_sec .content_box:last-child{border-bottom: 1px solid #000000;}

.services_sec .right_part h2 {position: relative;cursor: pointer;font-size: 18px;line-height: 22px; padding: 20px 0;margin-bottom: 0 !important;}
.services_sec .right_part.active h2 { border-bottom: none;}
.services_sec .right_part h2::after {content: '';position: absolute;right:0px;top: 22px;width: 18px;height: 16px;background: url(../images/dark_dropdown.svg) no-repeat  center; background-size:18px ;transform: rotate(0deg);transition: 0.3s;}
.services_sec .right_part .content_box.active h2::after{transform: rotate(180deg);}

.popup_sec .blue_box img { max-width: 150px;max-height: 180px;}
.popup_sec.two .text_box { padding-right: 145px;}
.popup_sec.two { max-width: 420px; }
.popup_sec.two .text_box h3 { font-size: 16px; line-height: 24px;}
.single_img_text_sec .top_text_box{padding: 0 22px 40px;}

.advantages_card .card:nth-child(2) .normal_text h4{bottom: 40px;}
.advantages_card .card:nth-child(1) .normal_text h4{right: 40px;}
.advantages_card .card .normal_text h4{width: 180px;}
.filter_section:not(.team_filter){display: none;}
.services_sec .right_part h2.main-title{display: none;}
.team_sec .card img {max-width: 155px;max-height: 184px;}
.team_sec .card .hover_content {padding: 20px;}

.layout{overflow: hidden;}
.content_box.hide_content_box {height: unset;}
.single_img_text_sec .text_part h1{hyphens: auto;}




}

@media only screen and (max-width:600px) {
.mb_90 {margin-bottom: 35px;}
.ptb-120{padding: 67px 0;}
.ptb-150{padding: 80px 0;}
.ptb-200{padding: 90px 0;}
.wrapper{padding: 0 20px;}
.wrapper.large{padding: 0 20px;}
.services_sec .wrapper {padding: 0 20px;}
h1{font-size: 30px;line-height: 32px;}
h2 {font-size: 24px; line-height: 30px;}
h3 {font-size: 22px; line-height: 30px;}
h5 {font-size: 16px; line-height: 25px;}
.btn_icon {width: 30px;height: 30px;background-size: 12px;}
.review_sec .btn_box a {font-size: 16px;}
.hero_sec .right_part img.desktop_banner{display: none;}
.hero_sec .right_part img.mobile_banner{display: block;margin-right: -20px;}

.newsletter_form .field input {font-size: 15px;width: calc(100% - 110px);}
.slick-dots li{width: 8px; height: 8px; margin-top: 20px;}
.footer .logo img {  max-width: 150px;}
.footer .footer_top .card { width: 100%; margin-bottom: 30px;}
.footer .footer_top .card:last-child{margin-bottom: 0;}
.footer .footer_top .card.four {   margin-top:0px; }
.footer_top .card p{margin-bottom: 15px;}
.footer_top .card.two ul li a { font-size: 16px;}
.footer_top .card.four p { font-size: 16px; margin-top: 0;}
.footer_bottom ul{gap: 15px; padding-right: 0px;}
.footer_top .card.four ul{gap: 15px;}

.your_advantages .star_icon{display: none;}
.border_box_inner{display: none;}
.advantages_card .card{position: static;margin-bottom:0px;}
.advantages_card .card .normal_text h4 {position: static;}
.advantages_card .card .hover_text{position: static; width: 100%; visibility:visible; opacity: 1;}
.your_advantages .inner_part {padding:0;}
.advantages_card { position: static;}
.advantages_card .card .plus{margin: 0;}
.advantages_card .card .normal_text {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between; border-bottom: 1px solid #ffde30; padding: 15px 0;}
.advantages_card .card:last-child .normal_text { border-bottom: none;}
.advantages_card .card:first-child .normal_text{ border-top: 1px solid #ffde30;}
.border_box { width: 100%;height: unset;}
.advantages_card .card h4 br{display: none;}
.advantages_card .card:hover .normal_text h4 {opacity: 1;visibility: visible;}
.advantages_card .card p{height: unset;}

.our_customer .slick-slide {margin: 0px 8px; }
.newsletter_form .field input[type="submit"], .newsletter_form .field button{font-size: 16px;}
.single_img_text_sec .top_text_box { padding: 0 0 30px;}
.single_img_text_sec .top_text_box { margin-bottom:0px;}
.single_img_text_sec .left_icon img { margin-left:5px;max-width: 55px;}
.single_img_text_sec .btn_box { gap: 15px; margin-top: 20px; }
.single_img_text_sec .full_img { height: 300px;}
.count_sec .left_part { width: 100%;}
.count_sec .right_part {width: 100%;margin-right: 0;margin-top: 20px;}
.count_sec .left_part { padding-top:0px; }
.slider_sec {margin-top: 30px;}
.slider_sec .slick-dots {margin-top: 12px;}
.slider_card .card {padding: 10px 16px 14px;}
.handle-circle{background-size: 85px;}
.divider{height: calc(100% + 65px);margin-top: -32px;}
.i_am_here p img { width: 70px;height: 70px;top: -25px;}

.i_am_here p {padding: 14px 80px 13px 10px;}
.i_am_here{right: 0;}

.team_sec .title p { font-size: 18px;}
.team_sec .card{width: 100%;}
.intro_sec.hero_with_text p ,.intro_sec.hero_with_text li{ font-size: 18px;line-height: 25px;}
.slick-prev.slick-arrow {left: -15px;}
.slick-next.slick-arrow { right: -15px;}
.news_page_sec .card_box .news_card {width: 100%;}
.news_details .right_part{width: 100%; margin-top: 30px;}
.news_details .text_box h1{border-left: unset;}
.news_details .text_box p {font-size: 18px;line-height: 25px;}
.news_details .user_profile .user_img { width: 60px;}
.news_details .date {width: 55px;height: 55px;font-size: 15px;}
.news_details .date span {font-size: 20px;line-height: 21px;}
.single_text_sec .text_box p { font-size: 18px;}
.single_text_img_sec .text_box h2 {line-height: 32px;}
.single_text_img_sec .text_box p {font-size: 18px;line-height: 25px;}
.single_text_img_sec .main_img_part .img_box { width: 100%;}
.single_text_img_sec .main_img_part {margin-top: 30px; }

.hero_sec.banner_two h1 {font-size: 34px;line-height: 38px;}
.contact_form .group_field .field {width: 100%;}
.contact_form .group_field{gap:0px 15px;margin-bottom: 15px;}
.contact_form .field { margin-bottom: 17px;}
.contact_form .field label {font-size: 15px;}
.contact_form .field textarea {height: 110px; }
.contact_form .submit_field { margin-top: 25px;}
.contact_form .submit_field .btn_two {padding: 15px; }
.contact_form .submit_field .btn_two{font-size:16px;}

.contact_form_sec{padding: 21px 0 40px;}
.contact_form_sec::before {position: unset;}
.contact_form_sec .inner_part { padding-top: 40px;}
.contact_form_sec .top_logo {width: 150px;}
.contact_form_sec .form_two .field input, .contact_form_sec .form_two .field textarea, .contact_form_sec .form_two .field select {padding: 16px; font-size: 16px;}
.contact_form_sec .form_two .group_field .field {width: 100%;}
.contact_form_sec .form_two .group_field{gap: 0;  margin-bottom: 12px;}
.contact_form_sec .form_two .field textarea {height: 135px;}
.contact_form_sec .form_two .field select{background-size: 14px;}
.contact_form_sec .left_part .top_title h4 {font-size: 22px;line-height: 40px;}
.contact_form_sec .form_two .btn_two.white {padding: 14px 26px 14px 27px;font-size: 16px;min-width: 170px;}
.contact_form_sec .form_two .submit_field { margin-top: 25px; }
.contact_form_sec .form_two .submit_field .btn_one { padding: 16px;font-size: 16px;}
.contact_form_sec .form_two .field{margin-bottom: 12px;}
.contact_form_sec .form_two .text p strong { font-size: 17px;}

.count_sec .card .icon  img {max-width: 40px;}
.popup_sec.active {right: 10px;}
.popup_sec{max-width: 330px;padding: 15px 15px 12px;}
.popup_sec h4 {padding-bottom: 10px;margin-bottom: 16px;}
.blue_box{min-height: 30px;}
.popup_sec.social_icon ul li a {font-size: 15px;}
.popup_sec .text_box {  margin-bottom: 45px}
.article-2 .intro_sec h1{font-size: 23px; line-height: 25px;}
.your_advantages .hover_text {display: none;}
.your_advantages .card.active .hover_text { display: block;}
.advantages_card .card.active .normal_text{ border-bottom: none;}

.newsletter_form .field .form-group {width: 100%;}
.newsletter_form .field input { width: 100%; }
.newsletter_form .field input[type="submit"], .newsletter_form .field button{font-size: 16px;}
.contact_form_sec .sticky_box .left_text h4 {font-size: 24px;line-height: 25px;}

.contact_form_sec .sticky_box .img_box img{margin-top: 40px; max-width:150px;}
.contact_form_sec .sticky_box .left_text h6{font-size: 16px;line-height: 16px;}
.contact_form_sec .sticky_box ul li a{gap: 7px;font-size: 15px;line-height: 28px;}
.contact_form_sec .text_box{padding: 15px;}

.contact_form_sec .angebotpopup .text_box .img_box{width: 150px;}
.contact_form_sec .angebotpopup .text_box .left_text{width: calc(100% - 150px);}



.hamburger_menu{padding: 50px 0 30px; }
.hamburger_menu .menu > li > a{ font-size: 20px;}
.hamburger_menu li ul{ padding: 35px 20px 0;}
.hamburger_menu .mega-menu .back-btn{margin-left: 20px;}
.hamburger_menu li li a svg{ width: 35px; height:35px;}
.hamburger_menu li li a{ font-size: 16px;}
.hamburger_menu .menu > li > a{padding:15px 40px 15px 0px;}
.hamburger_menu li .arrow{ top: 8px;}
.hamburger_menu ul{ padding: 0 20px;}
.hamburger_menu .mega-menu{ padding: 50px 0 30px;}
.services_sec .right_part h2{padding-right: 25px;}
.popup_sec.two { max-width: 330px;}
.popup_sec.two { padding: 20px 14px;}
.popup_sec .blue_box img {max-width: 135px; }
.popup_sec.two .text_box { padding-right: 90px; }
.contact_form_sec .help-btn{bottom: 10px;right: 10px;}
.single_img_text_sec .top_text_box .left_icon{width: 100%;}
.single_img_text_sec .text_part{width: 100%;padding-left: 0;padding-top: 15px;}
.pt_130 {padding-top: 55px;}
.hero_sec .inner_part {padding-top: 55px;}
.news_details .text_box p, .intro_sec.hero_with_text p, .contact_sec ul li, .article-2 .intro_sec p,.intro_sec.hero_with_text li{line-height: 25px;}
.advantages_card .card:nth-child(1) .normal_text h4{text-align: left;}
.intro_sec.hero_with_text {padding: 170px 0 70px; }
.i_am_here{max-width: 300px;}

.filter_section.team_filter{margin-bottom: 30px;width: 100%;}
.filter_section.team_filter select{max-width: 100%;}
.filter_section select{font-size: 16px;}
.intro_sec.two .button_box{margin-top: 25px;}
.hero_sec.herohome .right_part {display: block;align-items: flex-end;}
.contact_form_sec .angebotpopup .text_box {max-width: 360px;width: 100%;}
.popup_sec.angebot_popup .blue_box img { max-width: 130px;max-height: 170px;}
.team_sec .inner_part{max-width: 390px;margin: 0 auto;float: unset;}
.team_sec .card img {max-width: 235px;max-height: 280px;}
.serch-result li{list-style: none;width: 100%;}
.hamburger_menu .search_mobile{padding: 0 20px;}
.hamburger_menu .search_box{padding-bottom: 20px;}
}