#mobile-menu{display: none;}
body{background-color: #fff;font-family: 'Poppins', sans-serif;}
*{box-sizing: border-box;padding: 0;margin: 0;}
.container{max-width: 1600px;margin: 0 auto;padding: 0 15px 0 15px;font-weight: 400;width: 100%;}
a{text-decoration: none;}
img{vertical-align: middle;max-width: 100%;}
.btn{color: #fff;border: 2px solid #ff6b1e00;padding: 8px 25px;transition: all 0.5s ease;font-size: 16px;outline: none;background-color: #ff6b1e;letter-spacing: 0.025em;font-weight: 500;margin-left: 30px;display: inline-block;min-width: 160px;text-align: center;}
.btn:hover{background-color: #ffffff;color: #ff6b1e;border: 2px solid #ff6b1e;border-radius: 20px;}


/*header top*/
.header_wrap{background-color: #f1f2f3;padding: 10px 0;}
.header_wrap .container{display: flex; justify-content: space-between; align-items: center; max-width: 1590px;}
.header_wrap a{color: #105674;font-weight: 500;transition: all 0.5s ease;}
.header_wrap .top_left a{padding: 0 10px;font-size: 14px;}
.header_wrap .top_right a{padding: 0 6px;}
.header_wrap .top_left a .fa{padding-right: 5px;}
.header_wrap a:hover{color: #ff6b1e;}
.header .active{color: #f05124;border-bottom: 3px solid #f05124;}


/*header*/
.header .logo{display: inline-block;}
.header .container{display: flex;justify-content: space-between;align-items: center;}
.navbar  li{list-style: none;display: inline-block;transition: 0.5s all;position: relative;}
.navbar  li a{font-size: 14px;transition: 0.3s all;color: #444444;font-weight: 700;padding: 0 18px 36px;font-family: 'Conv_CRC65';text-transform: uppercase;}
.navbar  li a:focus{outline: none;text-decoration: none;}
.navbar  li.current-menu-item a,#header  li:hover a,#header  li.active a{color: #005f92;text-decoration: none;}
.navbar li a:hover{color: #f05124;border-bottom: 3px solid #f05124;}
.header{position: relative;padding: 11px 0;}

/*banner*/
.banner .container{max-width: 1570px;position: absolute;top: 50%;left: 0;right: 0;transform: translate(-0%, -50%);}
.banner .banner_blk {max-width: 720px;margin-left: auto;text-align: right;}
.banner .banner_blk h2{font-size: 35px;letter-spacing: 0.021em;font-weight: 600;color: #dadada;line-height: 1.5;text-transform: uppercase;}
.banner .banner_blk p{color: #dadada;font-size: 16px;letter-spacing: 0.030em;line-height: 25px;margin: 30px 0 30px;}
.banner .btn{margin-left: 0;letter-spacing: 0.075em;}
.banner ul li{list-style: none;padding: 0 35px 0 0;font-weight: 400;color: #121212;}
.banner ul{display: flex;margin-top: 40px;}
.banner ul li img{margin-right: 12px;}
.banner{position: relative;background: url(../images/banner2.jpg) center repeat;background-repeat: no-repeat;min-height: 700px;background-size: cover;}
.square {position: absolute; left: -10px; top: 40%; width: 180px; height: 180px; border: 2px solid #ff6b1e; animation: square 30s linear infinite, fadeIn 1s linear forwards;} 
.banner .banner_blk span{color: #ff6b1e;}
.about_banner{background: url(../images/banner-orange.png) center no-repeat;padding: 0;min-height: 320px;position: relative;background-size: cover;}
.servises-banner{background: url(../images/services-banner.png) center no-repeat;padding: 0;min-height: 320px;position: relative;background-size: cover;}
.about_banner:before{display: none;}
.about_banner h1{text-align: center;text-align: center; color: #fff; font-size: 32px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);font-weight: 500;text-transform: uppercase;}

/*our_services*/
.our_services .our_services_blk{display: flex;justify-content: center;align-content: center;flex-wrap: wrap;position: relative;margin-top: 30px;}
.our_services .our_services_blk .our_services_item{width: 21%;margin: 0 15px;display: flex; flex-direction: column; align-items: center;transition: all 0.5s ease;border-radius: 10px;border: 1px solid rgb(210 225 235);position: relative;background-color: #fbfbfb;}
.our_services .our_services_blk .our_services_item img{width: 32px;height: 32px;object-fit: cover;}
.our_services .our_services_blk .our_services_item:first-child{margin-left: 0;}
.our_services .our_services_blk .our_services_item:last-child{margin-right: 0;}
.our_services .our_services_blk .our_services_item:hover{box-shadow: 0 0 50px #d2d2d2;background-color: #fff;}
.our_services .our_services_blk .our_services_item .our_services_item_blk{padding: 30px 18px 30px 25px;text-align: center;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.our_services .our_services_blk .our_services_item .our_services_item_blk h3{font-size: 23px;color: #105674;font-weight: 500;margin-bottom: 14px;transition: all 0.5s ease;}
.our_services .our_services_blk .our_services_item .our_services_item_blk p{font-size: 15px;color: #585858;line-height: 25px;text-align: left;}
.our_services{padding: 120px 0;text-align: center;position: relative;}
.our_services .our_services_blk .our_services_item .btn{padding: 7px 28px;background-color: #fbfbfb;color: #105674;border: 2px solid #105674;margin-left: 0;margin-top: 30px;display: inline-block; margin-top: auto; margin-bottom: 50px;}
.our_services .our_services_blk .our_services_item .btn:hover{color: #fff;}
.our_services .our_services_blk .our_services_item:hover .our_services_item_blk h3{color: #ff6b1e;}
.our_services .our_services_blk .our_services_item:hover .btn{background-color: #ff6b1e;border: 2px solid #ff6b1e;border-radius: 20px;color: #fff;}
.common_text h2{text-align: center;margin-bottom: 30px;font-size: 30px;color: #105674;font-weight: 500;position: relative;display: inline-block;}
.common_text h2:before{content: " ";position: absolute;width: 50px; top: 50px;border-bottom: 2px solid #ff6b1e;transform: translate(-50%, -50%);left: 50%;}
.common_text{text-align: center;}
.services_section{padding: 50px 0 20px;}
.our-image{margin-bottom: 15px;width: 60px;height: 60px;position: absolute;background: #ffffff;left: -12px;display: flex;align-items: center;
justify-content: center;border-radius: 50%;box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);top: -14px;border: 1px solid #05609638;}

/*solution*/
.solution{background: url(../images/blue_bg.png);background-position: center center;background-size: auto;text-align: center;padding: 90px 0 70px;border-radius: 200px 0 200px 0;}
.solution .container{max-width: 900px;}
.solution .solution_blk h2, .solution .solution_blk p{color: #def4fd;}
.solution .solution_blk h2{font-weight: 500;font-size: 30px;}
.solution .solution_blk p{font-weight: 400;font-size: 16px;margin: 5px 0px 30px;}
.solution .solution_blk .btn{margin-left: 0;}
.solution .solution_blk .btn:hover{border: 2px solid #fff;color: #105674;}
.solution .solution_bottom{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;max-width: 590px;margin: 50px auto 0; }
.solution .solution_bottom_item{border: 2px solid #ff6b1e; width: 186px; height: 166px; display: flex; justify-content: center; align-items: center; flex-direction: column;margin-bottom: 18px;background-color: #105674;cursor: pointer;transition: all 0.5s ease;border-radius: 10px;}
    .solution .solution_bottom_item:hover{background-color: #ff6b1e38;}
.solution .solution_bottom_item h5{color: #c7deed; font-weight: 300; text-transform: capitalize; margin-top: 15px; font-size: 16px; }

/*our work*/
.our_work{text-align: center;padding: 50px 0;position: relative;}
.our_work .container{max-width: 1100px;}
.our_work .our_work-blk{margin-top: 30px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.our_work .our_work-blk a:hover{transform: scale(1.05);}
.our_work .our_work-blk a{margin: 0 8px 15px;transition: all 0.5s ease;position: relative;}
.our_work .our_work-blk a img{width: 250px;height: 250px;object-fit: cover;border-radius: 5px;}
.our_work .btn{margin-left: 0;margin-top: 20px;}

/*about_us*/
.about_us .container{max-width: 1100px;}
.about_us .about_us_blk{background-position: center center;background-size: auto;padding: 30px 40px 30px 40px;width: 70%;color: #105674;border-radius: 10px;border: 1px solid #05609638;background-color: #fff;transition: all 1s ease;cursor: pointer;position: relative;    margin: 100px auto 0;}
.about_us .about_us_blk:hover{box-shadow: 0 0 50px #d2d2d2;background-color: #fff;}
.about_us .about_us_blk:hover .btn{background: #105674;color: #fff;border-radius: 50px;}
.about_us .our-image{margin-bottom: 15px;width: 100px;height: 100px;background: #ffffff;border-radius: 50%;box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);top: 0px;border: 1px solid #05609638;position: absolute;left: 50%;transform: translate(-50%, -50%);}
.about_us .our-image img{max-width: 53px;}
.about_us{padding: 50px 0 70px;background-color: #f3f3f3;}
.about_us .btn{margin: 30px auto 0;display: flex;justify-content: center;align-items: center;max-width: 100px;background-color: #fbfbfb;color: #105674;border: 2px solid #175775;transition: all 1s ease;}
.about_us .about_us_blk p{font-size: 15px; font-weight: 300; margin-top: 12px;position: relative;margin-left: 25px;font-weight: 400;line-height: 25px;}
.about_us .about_us_blk p:before{content: " ";position: absolute;width: 27px;top: 0;left: -35px;height: 30px;background-color: #105674;background: url(../images/check-circle.svg) no-repeat center center;background-size: 15px;}
.about .about_sec{display: flex;justify-content: space-between;align-items: center;}
.about .about_sec .about_sec_left{width: 50%;padding-right: 20px;}
.about .about_sec .about_sec_right{width: 50%;position: relative;}
.about .about_sec .about_sec_right:before{content: " "; background: url(../images/dot_orange.png); width: 110px; height: 120px; position: absolute; background-repeat: no-repeat; bottom: -50px; left: -23px;}
.about .about_sec .about_sec_right_wrap:before{content: " "; background: url(../images/dot_orange1.png); width: 110px; height: 120px; position: absolute; background-repeat: no-repeat; bottom: -37px; right: -39px; left: initial;} 
.about .about_sec .about_sec_right_wrap{position: relative;}
.about .container{max-width: 1000px;}
.about{padding: 60px 0 30px;}
.about .about_sec .about_sec_left h2{color: #ff6b1e; font-weight: 500; font-size: 25px;margin-bottom: 10px;text-transform: uppercase;}
.about .about_sec .about_sec_left p{font-size: 15px;margin-bottom: 10px;}
.about .about_second .about_sec_right{text-align: right;}
.about .about_sec .about_sec_right img{width: 100%;}
.about .about_second .about_sec_left{width: 50%;padding-left: 30px;padding-right: 0;}
.about_us p{text-align: center;line-height: 30px;}
.about_us .about_us_blk h3{font-size: 22px;font-weight: 500;margin-top: 30px;}
.about_us .about_us_blk p{text-align: left;}


/*slider*/
.slider .container{max-width: 800px;}
.slider-blk{display: flex;justify-content: center;align-items: center;}
.slider li.slick-active button {border:1px solid #f58c18; background: initial; }  
.before_slider .slick-slide{float: none;display: flex !important;justify-content: center;outline: none;}
.before_slider .slick-track{display: flex !important;justify-content: space-between;align-items: center;}
.slick-track{display: flex;justify-content: center;align-items: center;}
.slider img{transition:all 0.2s ease-in-out;filter: grayscale(1);}
.slider img:hover{filter: grayscale(0);}
.slider{padding: 60px 0 20px;}
.slider .common_text h2{margin-bottom: 0;}
.responsive-map{text-align: center;padding: 80px 0;background: url(../images/bg-map.png);background-position: center;background-repeat: no-repeat;background-size: cover;}
.footer .number{line-height: 1.5; font-family: "Raleway", sans-serif; font-size: 21px !important; color: #175775 !important; margin-bottom: 0px; font-weight: 600 !important;}

/*footer*/
.footer{padding: 40px 0 0;position: relative;overflow: hidden;background: url(../images/footerbg.jpg);background-size: cover; background-position: left;background-repeat: no-repeat;position: relative;}
.footer .container{max-width: 1200px;}
.footer .social_icon{margin-top: 60px;display: flex;}
.footer .footer_logo{display: flex; justify-content: space-between; align-items: center;padding-bottom: 10px;border-bottom: 1px solid #dbd9d9;}
.footer .social_icon i{background-color: #105674; color: #fff; width: 30px; height: 30px; border-radius: 50%; display: flex; justify-content: center; align-items: center;margin: 0px 5px;transition: all 0.5s ease;}
.footer .social_icon i:hover{background-color: #ff6b1e;}
.footer form .form_group{display: flex;justify-content: space-between;}
.footer form .form_row input[type=text], .footer form .form_row input[type=tel], textarea{border-radius: 8px; border: 1px solid #E2E2E2; position: relative; border-color: #E2E2E2;width: 100%;padding: 14px 10px 14px 15px;outline: none;font-size: 14px; color: #666666; font-weight: 400; text-transform: capitalize;font-family: 'Poppins', sans-serif;} 
.footer form .form_row::placeholder{font-size: 12px; color: #666666; font-weight: 400; text-transform: capitalize;} 
.footer form .form_row{width: 100%;margin-bottom: 10px;}
.footer form{width: 50%;}
.footer form .form_group .form_row{width: 49%;}
.footer .footer_bottom{margin-top: 50px;display: flex;justify-content: space-between;padding-bottom: 40px;}
.footer h3{color: #447b92; font-weight: 500; margin-bottom: 25px;font-size: 20px;}
.footer form .btn{margin-left: 0;padding: 8px 35px;border-radius: 5px;}
.footer .contact_us{width: 47%;}
.footer .contact_us h5{display: flex; font-size: 15px; font-weight: 500; color: #515151;margin-bottom: 20px;}
.footer .contact_us .contact_blk i{font-size: 20px; margin-right: 20px; color: #105674;}
.footer .square{right: 0;left: initial;}
.footer_last{background-color: #f1f2f3; text-align: center; padding: 20px; font-size: 14px;border-top: 1px solid #c2c0c0;position: relative;}
.footer .btn{border-radius: 0 !important;}
.footer .btn:hover{border-radius: 20px !important;}
.footer form .form_row textarea{height: 90px;}
.footer .footer_last p span{color: #ff6b1e;font-weight: 500;}


.our_work_wrap{padding: 60px 0 0;}
.our_work_wrap .work_button{text-align: center;margin-top: 30px;}
.our_work_wrap .activeSwipeContent {display: block !important; } 
.our_work_wrap .swipe-data {display: none; } 
.our_work_wrap .group-swp-button-wrapper {position: relative; display: inline-block; padding: 7px; border-radius: 50px; box-shadow: 0 0 5px 0 #10567478; }
.our_work_wrap .grp-swip-bg {background: #fff;cursor: pointer; }
.our_work_wrap .group-swp-button-wrapper .selectedGp {transition: 0.6s cubic-bezier(0, 0.47, 1, 1); color: #fff; } 
.our_work_wrap input.btnSwip {position: relative; border-radius: 50px; border: none; z-index: 3; background: transparent; text-align: center; color: #105674; padding: 8px 30px; font-weight: 400; font-family: 'Poppins', sans-serif; font-size: 14px;cursor: pointer; } 
.our_work_wrap input.btnSwip:focus {outline: none; } 
.our_work_wrap .active-swip.swipe-bg-color {position: absolute; border-radius: 50px; transition: 0.5s cubic-bezier(0, 0.47, 1, 1); } 
.our_work_wrap .swipe-bg-color {background: #105674; } 
.our_work_wrap .two input.btnSwip{padding: 15px 45px; }
.our_work_wrap .content_wrap{max-width: 1056px;margin: 50px auto 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;} 
.our_work_wrap .content_wrap a {margin-bottom: 15px; transition: all 0.5s ease; position: relative; } 
.our_work_wrap .content_wrap a img {width: 250px; height: 250px; object-fit: cover; border-radius: 5px; margin: 0 6px; } 
.our_work_wrap .content_wrap a:hover {transform: scale(1.05); }
.activeSwipeContent {display: block !important; animation: fadeInOut 0.7s forwards; animation-delay: 0.1s; } 
.swipe-data{opacity: 0;display: none;}
@keyframes fadeInOut {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

/*download*/
.download{background-color: #fff;max-width: 1000px; margin: 0 auto; position: absolute; width: 100%; left: 50%; transform: translate(-50%, -50%); padding: 15px 40px; border-radius: 5px; z-index: 1; box-shadow: 0 0 15px #06152854;} 
.download .download_blk{display: flex; justify-content: space-between; align-items: center;} 
.download .download_blk h3{color: #175775; font-size: 18px; font-weight: 600;}
.download .btn:hover{background-color: #ffffff;border: 1px solid #175775;color: #175775;}
.download .btn{border: 1px solid #ff6b1e00;}

.application  .container{max-width: 800px;}
.application .application-wrap{box-shadow: 0 0 35px rgb(16 86 116 / 20%);background-color: #f5f4f4;border-radius: 10px;color: #175775;padding: 50px 50px;}
.application{background: url(../images/download1.png);background-size: cover;padding: 40px 0 60px;margin-bottom: 60px;}
.application-services{padding: 70px 0 80px;}
.application .application-wrap ul li{position: relative; list-style: none;padding-left: 30px;margin-bottom: 7px;}
.application .application-wrap ul li:before{left: 0;content: "";position: absolute;background: url(../images/check-circle.svg) no-repeat center center;background-size: contain;width: 15px;height: 15px;top: 2px;}

/* gurantee */
.gurantee .container{max-width: 1200px;}
.gurantee .gurantee_wrap{display: flex;justify-content: space-between;margin-top: 25px;flex-wrap: wrap;}
.gurantee .gurantee_wrap .gurantee-item img{max-width: 50px;}
.gurantee .gurantee_wrap .gurantee-item{text-align: center;border: 1px solid #cddfe9;width: 23%;padding: 20px 15px;border-radius: 10px;transition: all 0.5s ease;cursor: pointer;}
.gurantee{margin-top: 60px;margin-bottom: 40px;}
.gurantee .gurantee_wrap .gurantee-item p{margin-top: 15px;color: #175775;}
.gurantee .gurantee_wrap .gurantee-item:hover{box-shadow: 0 0 50px #d2d2d2;}
.gurantee_services .container{max-width: 900px;}
.gurantee_services .gurantee_wrap .gurantee-item{width: 31.5%;margin-bottom: 25px;}
#mobile-menu li a.active{color: #ff6b1e;}