@import url('https://fonts.googleapis.com/css2?family=Saira:ital,wght@0,100..900;1,100..900&display=swap');
body {margin: 0;font-family: "Saira", sans-serif;}
nav{position: fixed;z-index: 99999;width: 100%;font-family: "Saira", sans-serif;background: #ffffff;box-shadow: 0px 0px 20px 0px #00000080;}
.title{font-size:60px;text-align:center;box-sizing:border-box;padding-top:50px;padding-bottom:50px;}
#toggle-icon{display: none;}
nav{width: 100%;float: left;background-color: #ffffff;position: sticky;top: 0;box-shadow: 0px 0px 20px 0px #333;}
nav .logo{width: 15%;float: left;box-sizing: border-box;}
nav .menu{width: 85%;float: left;}
nav .menu .links{text-align: left;width: 100%;float: left;}
nav .menu .links li{display: inline-block;margin-top: 10px;}
nav .menu .links li:hover{	margin-top: 0px;}
nav .menu .links li a{display: block;padding: 10px 10px;color: #000;font-size: 16px;font-weight: 500;text-decoration: none;}
nav .menu .links .parent{position: relative; }
nav .menu .links .parent .arrow-icon{display: inline-block;transition: 0.4s;}
nav .menu .links .parent .rotate{transform: rotate(180deg);
    position: relative;
    left: 10px;}
nav .menu .links .parent .childs{position: absolute;background-color: #ffffff;top: 100%;left: 0px;width: 200px;text-align: left;display: none;box-shadow: 0px 1px 6px 0px #333;padding: 0px 5px;text-decoration: none;}
nav .menu .links .parent .childs li{display: block;margin-top: 0px;}
nav .menu .links .parent .childs li{border-top: 1px solid #f3f3f3;}
nav .menu .links .parent .childs li a{padding: 10px 3px;}
nav .menu .icons{text-align: right;width: 20%;float: left;}
nav .menu .icons li{display: inline-block;margin-top: 10px;}
nav .menu .icons li a{display:block;width:40px;height:40px;text-align:center;line-height:40px;color:#fff;background:#333;font-size:16px;}
.parent a i{position: relative;left: 4px;top: 3px;rotate: 91deg;}

@media (min-width: 320px) and (max-width: 767px) {

.container{width: 100%;}
#toggle-icon{display: block;color: #333;position: absolute;top: 10px;right: 15px;z-index: 1;font-size: 18px;border: 1px solid #333;padding: 6px 5px 0px;cursor:pointer;}
.toggle-icon .fa-times{display:none;}
.active-bar .fa-bars{display:none;}
.active-bar .fa-times{display:block;position: relative;top: -3px;}
  nav .logo{width:50%;box-sizing: border-box;padding: 0px;position: relative;float:left;}
  nav .menu{width: 100%;display: none;}
  nav .active-menu{left: 0%;}
  nav .menu .links{text-align: left;width: 100%;background-color: #fff;position: absolute;box-shadow: -5px 3px 12px 0px #000;}
  nav .menu .links li{display: block;margin-top: 0px;}
  nav .menu .links li a{background-color: transparent;}
  nav .menu .links .parent .childs{position: static;background-color: #ffffff00;width: 100%;text-align: left;box-shadow: 0px 0px;}
  nav .menu .links .parent .childs li{border:0px;}
  nav .menu .icons{text-align: center;width: 100%;padding: 10px 0px;}
  nav .menu .icons li{margin-top: 0px;}
}



.navbar-logo a img{max-width: 50%;}
.flickity-nav {align-items: center;border-radius: 50%;cursor: pointer;display: flex;height: 42px;width: 42px;justify-content: center;margin-top: -21px;opacity: 1;position: absolute;top: 50%;z-index: 30;transition: 0.3s;}
.flickity-nav svg {color: white;}
.flickity-nav svg {transform: scale(1);transition: 0.3s;}
.flickity-nav:hover svg {transform: scale(1.5);transition: 0.3s;}
.flickity-prev {left: 20px;}
.flickity-next {right: 20px;}
.flickity-enabled {position: relative;}
.flickity-viewport {overflow: hidden;position: relative;height: 100%;}
.flickity-slider {position: absolute;width: 100%;height: 100%;}
.navbar {margin: 0px;background: #fff;color: #111;height: var(--navbar-height);transition: transform 0.3s ease, box-shadow 0.3s ease;z-index: 100;width: 100%;position: sticky;padding: 0px;}
.navbar-container {display: flex;justify-content: space-between;align-items: center;height: 100%;margin: 0 auto;padding: 6px 20px;background: #ffffff;}
.navbar-logo {font-size: 1.5rem;font-weight: bold;background: -webkit-linear-gradient(0deg, #0035FE, #17DBFF);-webkit-background-clip: text;-webkit-text-fill-color: transparent;width: 20%;float: left;}
.navbar-links {display: flex;gap: 30px;list-style: none;margin: 0;padding: 0;width: 74%;}
.navbar-links a {color: #000000;font-weight: bolder;text-decoration: none;font-size: 0.95rem;position: relative;padding-bottom: 5px;}
.navbar-links a::after {content: '';position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background: #0035FE;transition: width 0.3s ease;}
.navbar-links a:hover {color: #0035FE;text-decoration: none;}
.navbar-links a:hover::after {width: 100%;}
.navbar-button {background: #00ff88;border: none;padding: 8px 16px;border-radius: 4px;cursor: pointer;font-weight: bold;transition: background-color 0.3s;}
.navbar-button:hover {background: #00e078;}
.navbar.sticky {position: fixed;top: 0;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
@keyframes slideDown {
  from { transform: translateY(-100%); }
  to { transform: translateY(0); }
}
body.sticky-nav {padding-top: var(--navbar-height);}
.content-section-header {height: calc(100vh - var(--navbar-height));background-size: cover;background-position: center;background-repeat: no-repeat;}
@media (max-width: 768px) {
.navbar-links {display: none;}
.hamburger {display: flex;flex-direction: column;justify-content: space-between;width: 30px;height: 21px;background: transparent;border: none;cursor: pointer;padding: 0;z-index: 101;}
.hamburger span {width: 100%;height: 3px;background: #ffffff;transition: all 0.3s ease;}
.mobile-sidebar {position: fixed;top: 0;right: -100%;width: 70%;height: 100vh;background: white;box-shadow: -5px 0 15px rgba(0,0,0,0.1);transition: right 0.3s ease;z-index: 100;padding: 80px 20px;display: block;}
.mobile-sidebar ul {list-style: none;padding: 0;}
.mobile-sidebar li {margin-bottom: 20px;}
.mobile-sidebar a {color: #0035FE;text-decoration: none;font-size: 1.2rem;}
.sidebar-active .mobile-sidebar {right: 0;}
.sidebar-active .hamburger span:nth-child(1) {transform: translateY(9px) rotate(45deg);}
.sidebar-active .hamburger span:nth-child(2) {opacity: 0;}
.sidebar-active .hamburger span:nth-child(3) {transform: translateY(-9px) rotate(-45deg);}
.announcement-bar-carousel {width: 90%;}
.flickity-prev {left: 5px;}
.flickity-next {right: 5px;}
}
@media (min-width: 769px) {
.hamburger {display: none;}
.mobile-sidebar {display: none;}}
.swiper-container {width: 100%;height: auto;}
.swiper-slide {display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;background-repeat: no-repeat;background-position: center;background-size: contain;}
.autoplay{position: absolute;color: #000;font: 100px/100% arial, sans-serif;right: 15px;text-decoration: none;text-shadow: 0 1px 0 #fff;top: 15px;width:auto;height:auto;z-index:999;opacity:0.4;transition: opacity .1s ease-in, transform .1s ease-out; animation: fade_close 3s ease-out;}
@keyframes fade_close{
	0% { opacity: 0.8; } 
	50% { opacity: 0.8; }
	to { opacity: 0.4; }}
.autoplay:active{transform:scale(0.8);}
.vertical-media{list-style: none;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);display: inline-block;padding: 0px;position: relative;top: 220px;}
.vertical-media li{display: inline-block;padding: 0px 20px;position: relative;left: -0px;top: -140px;}
.vertical-media li a{color: #fff;text-decoration: none;}
.box-banner{font-family: "Saira", sans-serif;width:42%;}
.box-banner h1{color:#fff;font-size:32px;font-weight:800;}
.box-banner h1 span{color:#fff;font-size:30px}
.box-banner p{color:#fff;font-size:14px}


.wrapper{padding: 0px 0;overflow-x: hidden;background: #ffffbc85;}
.my-slider{padding: 0 0px;}
.slick-initialized .slick-slide{background-color: #076860;color: #FFF;height: auto;margin: auto;}
.slick-next, .slick-prev{z-index: 5;}
.slick-next{right: 15px;}
.slick-prev{left: 15px;}
.slick-next:before, .slick-prev:before{color: #000;font-size: 26px;}
.icon{
    height: 100px !important;
    width: 100px !important;
    margin-left: 10px !important;
}
.icon img{
    display: block;
    margin: auto;
    padding: 20px;
    background: blue;
    height: 100px;
    max-width: 100%;
}
.about-section{padding:50px 0px;}	
.content-about{font-family: "Saira", sans-serif;}
.content-about span{font-weight: 600;font-size: 16px;display: inline-block;color: #364a9c;text-transform: capitalize;border-bottom: 1px solid #7b80b1;padding-bottom: 2px;margin-bottom: 5px;}
.content-about h2{font-weight: 700;font-size: 40px;text-transform: capitalize;color: #17161a;margin-bottom: 15px;}
.content-about h3{font-weight: 600;font-size: 35px;text-transform: capitalize;color: #17161a;}
.content-about p{margin: 0;font-size:16px;color: #272727;line-height: 1.8;text-align: justify;}
.content-about img{max-width:100%;}
.right-panel{font-family: "Saira", sans-serif;background: #0d0d0f;-webkit-box-shadow: inset 0 0 10px rgb(6 6 6 / 15%);box-shadow: inset 0 0 10px rgb(6 6 6 / 15%);border-radius: 20px;padding: 20px 30px;margin-top: 20px;}
.right-panel p{font-weight: 500;font-size: 21px;color: #ffffff;margin: 0;line-height: 28px;}
.right-panel span{color: #183e92;}
.hedding{font-family: "Saira", sans-serif;}
.hedding h2{color: #022B5E !important;font-size:1.25rem;text-align: center;margin-top: 70px;}
.hedding h3{font-family: saira, sans-serif;font-weight: 700;margin-bottom: 15px;font-size:1.75rem;text-align: center;margin-top: 11px;color: blue;}
.tf__category_2_single {
    position: relative;
    padding-top: 40px;
    margin-top: 25px;
    -webkit-transition: all linear .3s;
}
.tf__category_2_single span {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: #b3ebf8;
    padding: 20px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 55%;
    z-index: 1;
    -webkit-transition: all linear .3s;
    -webkit-transform: translateX(-50%);
    -webkit-border-radius: 50%;
}
.w-100 {width: 100%!important;}
.tf__category_2_single_text {background: url(../images/category_2_bg_1.png);background-position: center;background-repeat: no-repeat;background-size: cover;width: 290px;height: 340px;padding: 0px 20px;margin: 0 auto;text-align: center;position: relative;-webkit-transition: all linear .3s;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.tf__category_2_single_text h4 {margin-bottom: 5px !important;}
.tf__category_2_single_text p {text-align: center;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;font-size: 16px;}
.tf__category_2_single_text::after {position: absolute;content: "";background: url(../images/category_2_bg_2.png);background-size: cover;background-position: center;background-repeat: no-repeat;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;z-index: -1;transition: all linear .3s;-webkit-transition: all linear .3s;-moz-transition: all linear .3s;-ms-transition: all linear .3s;-o-transition: all linear .3s;}
.tf__category_2_single_text h4 a{text-decoration: none;color: #000;font-weight: 700;}
.tf__category_2_single:hover .tf__category_2_single_text {background: url(../images/category_2_bg_2.png);background-size: cover;background-position: center;background-repeat: no-repeat;}
.tf__category_2_single:hover span {background: #ffc868;}
.price-btn {position: relative;display: block;margin: 40px auto 10px;}
.price-btn .line-1 {position: absolute;right: 8px;top: 8px;z-index: 2;}
.price-btn .line-2 {position: absolute;left: 8px;bottom: 10px;z-index: 2;}
.price-btn a {background-color: #17161a;border-radius: 5px;font-weight: 600;font-size: 15px;text-align: center;color: #fff;padding: 10px 20px;text-decoration: none;margin: auto;display: block;width: 20%;}
.box-admin{padding: 0px 0px 40px;}
.sec-title{font-family: "Saira", sans-serif;text-align: center;}
.sec-title span{font-weight: 600;font-size: 16px;display: inline-block;color: #2ab1ce;text-transform: capitalize;border-bottom: 1px solid #2ab1ce;padding-bottom: 2px;margin-bottom: 5px;}
.sec-title h2{font-weight: 700;font-size: 40px;text-transform: capitalize;color: #17161a;margin-bottom: 10px !important;margin-top: 10px;}
.sec-title p{color: #022B5E !important;font-size:20px;}
.right-1{position: relative;box-shadow: inset 0 0 10px rgb(6 6 6 / 15%);border-radius: 10px;padding:30px;margin-left: 10px !important;}
.right-1 span {position: absolute;right: 30px;top: 30px;font-weight: 700;font-size: 50px;-webkit-text-stroke: 2px #fff;-webkit-text-fill-color: transparent;opacity: .07;line-height: 1;-webkit-transition: all .5s ease-out 0s;transition: all .5s ease-out 0s;}
.right-1 a{color: #fff;text-decoration: none;font-size: 19px;float: right;position: relative;}
.right-1 a:before{content:'';width: 50px;height: 50px;display: block;border: 1px solid #fff;position: absolute;border-radius: 100%;top: -10px;left: -20px;}
.right-1 p{text-align: justify;line-height: 30px;margin-bottom: 30px;margin-top: 30px;}
.box-prodect{padding:50px 0px;background: #17589f;}
.single-feature {background-color: #0b3e48;-webkit-box-shadow: inset 0 0 10px rgb(6 6 6 / 15%);box-shadow: inset 0 0 10px rgb(6 6 6 / 15%);border-radius: 10px;padding: 50px 30px;-webkit-transform: skewY(-5deg);transform: skewY(-5deg);-webkit-transition: all .5s ease-out 0s;transition: all .5s ease-out 0s;}
.icon11 img{display: block;margin: auto;}
.single-feature .feature-inner span, .single-feature .feature-inner sup {font-weight: 700;font-family: "Saira", sans-serif;font-size: 35px;line-height: 55px;color: #fff;}
.single-feature .feature-inner h4 {font-weight: 500;font-family: "Saira", sans-serif;font-size: 20px;text-transform: capitalize;color: #fff;margin-top: 5px;margin-bottom: 0;}
.single-feature .feature-inner {-webkit-transform: skewY(5deg);transform: skewY(5deg);text-align: center;-webkit-transition: all .5s ease-out 0s;transition: all .5s ease-out 0s;}
.single-feature .feature-inner .icon11 {margin-bottom: 20px;}
.single-feature:hover {-webkit-transform: skewY(0deg);transform: skewY(0deg);}
.project-section{padding:50px 0px;font-family: "Saira", sans-serif;}
.images-box{font-family: "Saira", sans-serif;border: 3px solid #ddd;border-radius: 10px;}
.images-box img{max-width:100%;border-radius: 10px 10px 0px 0px;}
.images-box a{background-color: #0b3e48;border-radius: 5px;padding: 5px 10px 5px 10px;text-align: center;width: 100%;display: block;color: #fff;text-decoration: none;font-size: 18px;font-family: "Saira", sans-serif;}
.bt-g{font-family: "Saira", sans-serif;}
.bt-g a{background-color: #17161a;border-radius: 5px;font-weight: 600;font-size: 15px;text-align: center;color: #fff;padding: 10px 20px;text-decoration: none;margin: 30px auto 0px;display: block;width: 20%;}
.clinet{padding: 40px 0px 20px;background: #17589f;}
.content{font-family: "Saira", sans-serif;border-right: 1px solid #fff;height: 150px;}
.content h2{font-size: 2.5rem;font-weight: 700;color: #fff;}
.content span{font-weight: 600;font-size: 16px;display: inline-block;color: #2ab1ce;text-transform: capitalize;border-bottom: 1px solid #2ab1ce;padding-bottom: 2px;margin-bottom: 5px;}
.icon-c{margin-left: 10px !important;background: #0000 !important;}
.icon-c img{max-width:100%;height: 80px;margin-top: 30px;}
.slick-prev {left: -245px !important;top: 110px !important;}
.slick-next {left: -165px !important;top: 111px !important;}
.slick-next:before, .slick-prev:before {font-size: 60px !important;}
.team-section{padding: 50px 0px 10px;}
.right-2{color: #000 !important;text-align: center;}
.member-img img{max-width:100%;width: 90%;margin: auto;border-radius: 10px 10px 0px 0px;}
.team-inner{font-family: "Saira", sans-serif;background: #17589f;width: 90%;display: block;margin: auto;padding: 10px;border-radius: 0px 0px 10px 10px;}
.team-inner h4{margin-inline: 0px !important;margin-top: 0px;color: #fff;}
.team-inner span{color:#fff;}
.sencond-footer{padding:20px;}
.box-content{font-family: "Saira", sans-serif;background-image: url(../images/subscribe-bg.png);padding: 40px;border-radius: 20px;background-color: #1a191d;}
.box-content h2{color: #fff;}
.box-content span{color: #acd4ff;width: 80%;display: block;float: left;font-size: 18px;font-weight: 600;}
.box-content p{color: #fff;width: 80%;display: inline-block;float: left;}
.box-content a{position: relative;display: inline-block;background-color: #fdd762;border-radius: 5px;min-width: 110px;font-weight: 500;font-size: 16px;text-align: center;color: #000;padding: 6px 20px;border: 2px solid #fdd762;text-decoration: none;width: 10%;float: right;}
.footer-section{padding: 40px 0px 10px;background: #17589f;background-image: url(../images/vector-shape9.png);}
.content-footer{font-family: "Saira", sans-serif;}
.content-footer h3{color: #fff;font-size: 30px;font-weight: 600;}
.content-footer p{color: #fff;line-height: 35px;margin-bottom: 0px;}
.content-footer ul{list-style: none;padding: 0px;float: right;margin-top: 50px;}
.content-footer ul li{display: inline-block;padding: 4px 10px;background: #fff;margin-left: 10px;border-radius: 10px;}
.content-footer ul li a{font-size: 20px;color: #000;}
.list-footer{list-style: none;float: left !important;margin-top: 0px !important;padding: 0px;}
.list-footer li{display: block !important;padding-bottom: 4px !important;background: none !important;margin-left: 0px !important;}
.list-footer li a{position: relative;font-weight: 500;font-size: 14px !important;color: #fff !important;display: inline-block;-webkit-transition: all .5s ease-out 0s !important;transition: all .5s ease-out 0s !important;text-decoration: none;}
.list-footer li a:hover {color: #2ab1ce;padding-left: 15px;}
.address-footer{font-family: "Saira", sans-serif;padding: 0px;list-style: none;}
.address-footer li{
    color: #fff;
    padding: 10px 0px;
    font-size: 16px;
    display: flex;
}
.address-footer li a{
    color: #fff;
    text-decoration: none;
    font-size: 16px;
}
.address-footer li i{color:#fff;font-size: 24px;margin-right: 10px;}
.address-footer li a i{color:#fff;margin-right: 10px;font-size: 24px;}
.list-line{font-family: "Saira", sans-serif;border-top: 1px solid #fff;padding-top: 10px;}
.list-line p{color: #fff;font-weight: 500;font-size: 17px;width: 70%;float: left;margin-bottom: 0px;}
.list-line p a{text-decoration: none;font-size: 18px;color: #fff;}
.right-icon{width: 29%;float: right;}
.right-icon ul{list-style: none;padding: 0px;float: right;margin-bottom: 0px;}
.right-icon ul li{display: inline-block;padding: 0px 10px;}
.right-icon ul li a{color: #17589f;font-size: 20px;background: #fff;width: 30px;display: block;height: 30px;text-align: center;border-radius: 6px;}

.about-banner{padding: 70px 0px 60px;background-image: url(../images/about.jpg);background-size: cover;position: relative;}
.about-banner:before {position: absolute;content: "";left: 0;top: 0;height: 100%;width: 100%;background-color: #0161ac;opacity: .90;z-index: 99;}
.banner-content{font-family: "Saira", sans-serif;}
.banner-content h2{color: #ccf5fe;z-index: 9999;position: relative;font-size: 2.5rem;font-weight: 700;}
.banner-content ul{position: relative;z-index: 999;padding: 0px;}
.banner-content ul li{display: inline-block;padding: 5px;color: #fff;font-size: 18px;}
.banner-content ul li a{color: #fff;text-decoration: none;}
.right-panel1{font-family: "Saira", sans-serif;}
.right-panel1 ul{padding: 0px;list-style: none;}
.right-panel1 ul li{display: inline-block;padding: 10px 20px;margin-top: 30px;background: #055ca7;border-radius: 6px;color: #fff;border: 1px solid #055ca7;transition: 0.5s;    margin-bottom: 80px;}
.right-panel1 ul li:hover{background: none;color:#000;}
.sec_title_wrap h2 {color: #1a1919;font-family: "Saira", sans-serif;font-size: 48px;line-height: 58px;font-weight: 700;font-family: inherit;margin-bottom: 10px;}
p.sec_desc {position: relative;font-size: 18px;line-height: 30px;color: #6a6b74;font-weight: 400;font-family: "Saira", sans-serif;    margin-bottom: 60px;}
.service_blk_1 {background-color: #ffffff;border: 1px solid #e6e7ef;position: relative;
z-index: 3;overflow: hidden;}
.service_blk_1_shpae {position: absolute;top: 0px;right: 0;height: 100%;width: auto;z-index: -1;}
.service_blk_1_top {padding: 17px 24px;}
p.service_blk_1_stitle {font-size: 14px;line-height: 30px;text-transform: uppercase;color: #000;font-weight: 700;font-family: "Saira", sans-serif;margin-bottom: 0;position: relative;}
h4.service_blk_1_title {font-size: 22px;line-height: 30px;color: #070f64;font-weight: 600;font-family: "Saira", sans-serif;margin-bottom: 0px;}
h4.service_blk_1_title a {color: #070f64;text-decoration: none;}
.service_blk_1_icon {position: absolute;top: 6px;right: 8px;opacity: 0;transition: .5s;transform: scale(.5);width: 80px;height: 80px;border-radius: 40px;filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.08))background-color: #fdd762;text-align: center;line-height: 80px;}
.service_blk_1_icon img {width: 50px;}
.service_blk_1_bottom {padding: 15px 15px;position: relative;}
.service_blk_1_icon2 {position: absolute;top: 50%;right: -20px;width: 80px;height: 80px;border-radius: 40px;filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.08));background-color: #ffffff;text-align: center;line-height: 80px;transform: translateY(-50%);transition: .5s;}
.service_blk_1_icon2 img {width: 50px;}
.service_blk_1_img:before {position: absolute;content: '';left: 0;top: 0;width: 100%;height: 100%;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;opacity: 0;background-image: linear-gradient(180deg, #0B3E48 0%, #070f64 100%);}
.service_blk_1_img {position: relative;margin-right: 35px;}
a.read_more_1_btn i {width: 26px;height: 26px;background-color: #f0f1f7;font-size: 12px;display: inline-block;text-align: center;line-height: 26px;margin-right: 10px;transition: .5s;margin-top: 10px;}
a.read_more_1_btn {font-size: 17px;color: #0B3E48;font-weight: 600;display: inline-block;transition: .5s;text-decoration: none;margin-top: -10px;}
p.service_blk_1_text {position: absolute;left: 25px;right: 20px;bottom: 0;margin-bottom: 0;font-size: 15px;line-height: 22px;color: #fff;font-weight: 400;font-family: inherit;opacity: 0;transition: .5s;}
.service_blk_1 {background-color: #ffffff;border: 1px solid #e6e7ef;position: relative;z-index: 3;overflow: hidden;margin-bottom: 30px;}
.sec-pad{padding:50px 0px;}
/*-----------solutions----------*/
.mean-box{font-family: "Saira", sans-serif;}
.mean-box ul{padding:0px;list-style:none;display: flex;flex-wrap: wrap;justify-content: center;}
.mean-box ul li{display: inline-block;width: 32%;margin-right: 1%;position: relative;margin-bottom: 20px;}
.single-service span{position: absolute;right: 30px;top: 30px;font-weight: 700;
    font-size: 50px;-webkit-text-stroke: 2px #000;-webkit-text-fill-color: transparent;opacity: .07;line-height: 1;-webkit-transition: all .5s ease-out 0s;transition: all .5s ease-out 0s;-webkit-text-stroke: 2px #fff;opacity: .15;}
.single-service.layout2 {position: relative;background-color: #076860;box-shadow: inset 0 0 10px rgb(6 6 6 / 15%);border-radius: 10px;height: 340px;padding: 30px;}
.single-service h4 {font-style: normal;font-weight: 500;font-size: 25px;margin-bottom: 10px;transition: all .5s ease-out 0s;color:#fff;}
.single-service p {font-weight: 400;font-size: 16px;line-height: 25px;color: #fff;transition: all .5s ease-out 0s;}

/*-----------faq-section-------------*/
.faq-section{padding:50px 0px;font-family: "Saira", sans-serif;}
.tab {overflow: hidden;border: 1px solid #055c9f;background-color: #f1f1f100;font-family: "Saira", sans-serif;text-align: center;display: block;margin: auto;width: 90%;border-radius: 6px;}
.tab button {background-color: inherit;float: left;border: none;outline: none;cursor: pointer;padding: 14px 16px;transition: 0.3s;font-size: 17px;}
.tab button:hover {background-color: #ddd;font-family: "Saira", sans-serif;}
.tab button.active {background-color: #055c9f;font-family: "Saira", sans-serif;color: #fff;border-radius: 6px;}
.tabcontent {border: 1px solid #ccc;border-top: none;background-color: #f4f4f4;box-shadow: 0 0 10px rgb(33 33 33 / 70%);border-radius: 10px;padding: 30px;text-align: left;transition: all .5s ease-out 0s;margin-top: 30px;font-family: "Saira", sans-serif;display: none;}
.tabcontent h4{color: #055c9f;font-weight: 600;font-size: 20px;}
.tabcontent p{line-height: 30px;text-align: justify;}
.tabcontent h3{font-size: 30px;font-weight: 700;color: #055c9f;}






.hamburger {
    position: relative;
    width: 40px;
    height: 30px;
    cursor: pointer;
    border: 5px solid transparent;
    float: right;
    margin-top: 5px;
}
.hamburger span {
    width: 100%;
    height: 2px;
    background: #08509e;
    display: block;
    position: absolute;
    right: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all 0.3s
}
.hamburger span.h-top {
    top: 0
}
.hamburger span.h-bottom {
    bottom: 0;
    width: 27px
}
.hamburger span.h-middle {
    top: 50%;
    margin-top: -1px;
    width: 25px
}
.hamburger.h-active span {
    width: 100%
}
.hamburger.h-active span.h-top {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    margin-top: -1px
}
.hamburger.h-active span.h-middle {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}
.hamburger.h-active span.h-bottom {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: 50%;
    margin-bottom: -1px
}
.bottombar {
    background-color: #08509e
}
.main-nav>ul {
    padding: 0;
    margin: 0;
    list-style: none
}
.main-nav>ul>li {
    display: inline-block;
    position: relative;
    margin-left: -4px;
    padding-right: 15px;
    font-family: "Saira", sans-serif;
}
.main-nav>ul>li+li {
    padding: 0 7px;
}
.main-nav>ul>li>a {
    text-transform: uppercase;
    display: block;
    text-decoration: none;
    color: #000;
    line-height: 38px;
    font-size: 14px;
    position: relative;
    transition: all 0.3s;
    font-weight: 500;
}
.main-nav>ul>li:hover>a {
    color: #00b7d7
}
.submenu {
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
    min-width: 200px;
    list-style: none;
    margin: 0;
    padding: 0;
    padding: 15px;
    background: #fff;
    border: 1px solid #f7f7f7;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
    -webkit-box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.3);
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all 0.3s;
    z-index: 9999999999;
}
.submenu>li {
    display: block;
    margin: 0 -15px
}
.submenu>li a {
    display: block;
    padding: 10px 15px;
    color: #666;
    line-height: 1;
    font-size: 14px;
    text-decoration: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all 0.3s
}
.submenu>li a:hover {
    background: #f7f7f7;
    color: #08509e
}
.main-nav .fl {
    width: 30px;
    font-size: 20px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    font-style: normal;
    position: absolute;
    right: 5px;
    top: 0;
    z-index: 999;
    display: none
}
.main-nav .fl:before {
    font-size: 14px;
    text-align: center;
    line-height: 35px
}
.main-nav>ul>li+li .submenu {
    left: 25px
}
.main-nav>ul>li:hover .submenu {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1
}
.content-block {
    padding: 70px 0;
    position: relative
}
.slideInUp {
    visibility: hidden;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out
}
.is-active .slideInUp {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slideInUp2 {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}
@media (max-width: 1199px) {
    .main-nav {
        position: fixed;
        top: 0;
        left: 0;
        width: 250px;
        padding: 20px;
        z-index: 99999;
        height: 100%;
        overflow: auto;
        background: #000;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translateX(-250px);
        -moz-transform: translateX(-250px);
        -ms-transform: translateX(-250px);
        -o-transform: translateX(-250px);
        transform: translateX(-250px);
        -webkit-transition: -webkit-transform .3s ease-in;
        -moz-transition: -moz-transform .3s ease-in;
        -o-transition: -o-transform .3s ease-in;
        transition: transform 0.3s ease-in
    }
    .main-nav.slidenav {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    .main-nav>ul {
        float: none
    }
    .main-nav>ul>li {
        display: block;
        padding: 0 !important;
        margin-left: 0
    }
    .main-nav>ul>li>a {
        font-size: 14px;
		color: #fff;
        line-height: 35px
    }
    .main-nav .fl {
        display: block;
        line-height: 35px
    }
    .submenu {
        position: static;
        min-width: 200px;
        background: transparent;
        border: none;
        padding: 5px 15px 5px 25px;
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        visibility: visible;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
        display: none
    }
    .submenu>li a {
        display: block;
        padding: 10px 0;
        color: #666;
        line-height: 0.8;
        font-size: 14px;
        color: #ccc;
        text-decoration: none;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all 0.3s
    }
    .submenu>li a:hover {
        background: transparent;
        color: #08509e
    }
    .slideInUp {
        visibility: visible;
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none
    }
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px !important;
    border: 1px solid transparent;
}
.icon-t ul{list-style: none;padding:0px;margin:0px;}
.icon-t ul li{display: inline-block;}
.icon-t ul li a{height: 40px;width: 40px;line-height: 40px;text-align: center;display: inline-block;color: #fff;
background-color: #17161a;font-size: 14px;border-radius: 10px;margin-right: 15px;-webkit-transition: all .5s ease-out 0s;transition: all .5s ease-out 0s;}
.single-info {display: flex;width: 100%;-webkit-box-align: center;align-items: center;margin-bottom: 30px;}
.single-info .icon {min-width: 100px;}
.single-info .icon i {height: 80px;width: 80px;line-height: 80px;font-size: 30px;text-align: center;background-color: rgba(23, 22, 26, .1);border-radius: 50%;transition: all .5s ease-out 0s;}
.info h3 {font-size: 30px;font-weight: 600;color: #17161a;text-transform: capitalize;margin-bottom: 10px;}
.info p {font-size: 16px;font-weight: 500;color: #272727;    font-family: saira, sans-serif;}
.informations {margin-top: 50px; font-family: saira, sans-serif;}
.info a {font-size: 16px;font-weight: 500;color: #272727;display: block;-webkit-transition: all .5s ease-out 0s;transition: all .5s ease-out 0s;font-family: saira, sans-serif;}
.map-section{border: 10px solid #ddd;padding: 20px;margin-top: 238px;}

.sec-mar {margin: 50px 0;}
.sec-title.layout2 {text-align: left;}
.sec-title {text-align: center;margin-bottom: 10px;}
.sec-title p {margin: 0;color: #272727;line-height: 1.8;font-family: saira, sans-serif;}
.sec-title h4{font-family: saira, sans-serif;font-weight: 700;margin-bottom: 15px;font-size:2.5rem}
.sec-pad-bottom {padding-bottom: 60px;}
.getin-touch {margin-top: 40px;}
.getin-touch .contact-form h3 {font-weight: 700;font-size: 30px;text-transform: uppercase;color: #17161a;margin-bottom: 10px;}
.text-blue {color: #022B5E !important;}
.getin-touch .contact-form form input, .getin-touch .contact-form form select, .getin-touch .contact-form form textarea {background-color: #fff;border: 1px solid #ddd;border-bottom: 4px solid #ddd;border-radius: 0px 0px 8px 8px;box-sizing: border-box;box-shadow: 0 10px 6px -6px #ddd;height: 50px;width: 100%;padding: 0 15px;margin-bottom: 20px;}
.getin-touch .contact-form form input[type=submit] {background-color: #033063;border-radius: 15px;max-width: 180px;font-weight: 600;font-size: 16px;text-align: center;color: #fff;border: none;margin: 0;}
.contact-form p{font-family: saira, sans-serif;font-size: 1.7rem;font-weight: 600;}
.icon-trpe{padding: 10px;border: 1px solid  #000;height: 82px;    font-family: saira, sans-serif;}
.icon-trpe img{max-width: 40%;display: block;margin: auto;font-family: saira, sans-serif;max-width: 100%;max-height: 100%;display: block;margin: auto;}
.c-counter__col {text-align: center;padding-bottom: 50px;border-right: 1px solid black;font-family: saira, sans-serif;}
.c-counter__col:last-child {border-right: 0px solid black;}
.counter {animation-duration: 1s;animation-delay: 0s;}
i {font-size: 20px !Important;font-family: saira, sans-serif;}

@media (max-width: 991px) {
  .c-counter__col {
    border-right: 0px dashed black;
    border-bottom: 1px dashed black;
    width: 50%;
    margin: auto auto;
  }
  
  .c-counter__col:last-child {
    border-bottom: 0px dashed black;
  }
}
.c-counter {font-family: saira, sans-serif;width: 33%;float: left;}
.c-counter h1 span {font-size: 27px;text-align: center;text-decoration: none;border-bottom: 0px;display: block;}
.c-counter h3{font-size: 20px;margin-bottom: 40px;text-align: center;}
.c-counter h1{margin-bottom: 0px;}
.content-about ul{
    padding: 0px;
    list-style: none;
}
.content-about ul li{
    padding: 10px;
    font-size: 18px;
    font-weight: 500;
}
.content-about ul li img{
    padding-right: 4px;
}

.main-nav>ul>li+li .submenu {
    left: 15px;
    top: 26px;
}
.sencond-sofe{padding:50px 0px}
.hedding-center{font-family: saira, sans-serif;text-align: center;margin-bottom: 10px;}
.hedding-center h2{font-weight: 700;
    font-size: 40px;
    text-transform: capitalize;
    color: #17161a;
    margin-bottom: 15px;}
.hedding-center p{color: #dc3545;font-size: 2.5rem;font-weight: 700;}

.bt ul{padding: 0px;list-style: none;}
.bt ul li{float:left;margin-right:10px;}
.bt ul li a{background-color: #17161a;border-radius: 5px;font-weight: 600;font-size: 15px;display: inline-block;text-align: center;color: #fff;min-width: 200px;padding: 10px 20px;}

.logo {
    width: 20%;
    float: left;
}
.logo a img{max-width:100%;}












@media only screen and (max-width: 600px) {
.tf__category_2_single span{left:49%;}	
.navbar-logo a img {max-width: 100%;}	
.navbar-logo{width:40%;}
.vertical-media{top:83px;}
.vertical-media li{padding:0px 10px;}
.swiper-wrapper{height:200px !important;}
.box-banner p{display:none;}
.box-banner h1{display:none;}
.slick-slider {margin-bottom: 0px !important;}
.price-btn a{width:60%;}
.sec-title h2{font-size:30px;}
.sec-title p{font-size:16px}
.single-feature{margin-bottom:20px;}
.images-box{margin-bottom:20px;}
.bt-g a{width:60%;}
.content{height:70px;}
.icon-c img {max-width: 100%;height: 50px;margin-top: 20px;}
.box-content{padding:10px;}
.box-content p{width:100%;}
.box-content span{width:100%;}
.box-content a{float:left;}
.content-footer ul {float: left;margin-top: 10px;}
.content-footer h3 {margin-top: 0px;}
.content-footer ul li{margin-right: 10px;}
.list-line p{width:100%;font-size: 14px;}
.list-line p a{font-size:14px;}
.right-icon {width: 100%;float: left;}
.right-icon ul{float: left;}
.content-about h3{font-size:20px;}
.content-about h2 {font-size: 30px;margin-bottom: 0px;margin-top: 0px;}
.about-section{padding:20px 0px;}
.right-panel{padding:10px;margin-top:0px;}
.right-panel p{font-size:14px;}
.hedding h2{margin-top:20px;font-size: 2.1rem;}
.logo {width: 80%;}
.content-about img {max-width: 100%;margin-top: 10px !important;}
.about-banner {padding: 70px 0px 6px;}
.single-service.layout2{height:auto;}
.mean-box ul li{width:100%;}
.call-banner img{max-width:100%;}
.logo a img {max-width: 40%;}
.icon-trpe {padding: 10px;border: 1px solid #000;height: auto;font-family: saira, sans-serif;margin: 10px;}


}