@charset "utf-8";
 





 <style>


 *,
:after,
:before {
  box-sizing: border-box
}

.clearfix:after,
.clearfix:before {
  content: '';
  display: table
}

.clearfix:after {
  clear: both;
  display: block
}
ul{
	list-style:none;
	margin: 0;
	padding: 0;
}

.accordion { --bs-accordion-border-width: 0;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.topbar {
  background: #fff;
  height: 84px;
  font-size: 18px;
  transition: all 0.5s;
  color: #fff;
  padding: 0;
}

.topbar .contact-info i {
  font-style: normal;
  color: #084c7a;
  line-height: 0;
}

.topbar .contact-info i a,
.topbar .contact-info i span {
  padding-left: 5px;
  color: #084c7a;
}



.testimonials .swiper-button-next, .testimonials  .swiper-button-prev { top: auto; margin-top:20px;}

.testimonials .swiper-button-prev {
  
  float: left;
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 0;
  border: 1px solid #efefef; color:#000; 
}



.testimonials .swiper-button-next {
  margin-left: 13px;
  right: auto; float: left;
  width: 50px;
  height: 50px; 
  background: #fff;
  border-radius: 0;
  border: 1px solid #efefef; color:#000; 
}

.testimonials .swiper-button-next::after, .testimonials .swiper-button-prev::after {
 
  font-size: 16px;
 
  color: #000;
}


.testimonials .swiper-button-next, .testimonials  .swiper-button-prev {
  position: static; }



@media (max-width: 575px) {

  .topbar .contact-info i a,
  .topbar .contact-info i span {
    font-size: 18px;
  }
}

.topbar .contact-info i a {
  line-height: 0;
  transition: 0.3s;
}

.topbar .contact-info i a:hover {
  /*color: #fff;*/
  text-decoration: underline;
}

.topbar .social-links a {
  color:#000;
  line-height: 0;
  transition: 0.3s;
  margin-left: 20px;
}

.topbar .social-links a:hover {
  color: #fff;
}


.cs-block {  -webkit-box-shadow: inset 0px 6px 25px -14px rgba(0, 0, 0, 0.17);
-moz-box-shadow: inset 0px 6px 25px -14px rgba(0, 0, 0, 0.17);
box-shadow: inset 0px 6px 25px -14px rgba(0, 0, 0, 0.17);}

.menu-icon { width:26px;}

.header {
  transition: all 0.5s;
  z-index: 997;
  /* height: 90px; */
  background-color: var(--color-third);
box-shadow: 0px 15px 10px rgba(0, 0, 0, 0.04);
 
  position:relative;

}

.header.sticked {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  /* height: 70px; */

  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);

}

.header .logo img {
  
  margin-right: 43px;
}







 

.header .logo h1 span {
  color: #f96f59;
}

.sticked-header-offset {
  margin-top: 70px;
}

section {
  scroll-margin-top: 70px;
}

.quick-head-link { font-size: 18px; color: #0b8582;}

.quick-head-link a { color: #0b8582; margin-left: 52px;}

.quick-head-link a.diff-color { color:#2c9e65;}

.social-links  {
   
  margin-left: 33px;
}

.quick-head-link .social-links a {
  color:#000;
  line-height: 0;
  transition: 0.3s;
  margin-left: 8px;
}


.logo-area { height: 149px;}


.right-logo-arae { display: flex ; flex-wrap: wrap;
align-items: center;}


.right-logo-arae a { color: #084c7a; font-size: 18px;}

.right-logo-arae a span{ color: #777778; font-size: 15px; display:block; position:relative; top:-2px;}

.right-logo-arae a:hover span { color:#0b8582;} 

.divition-stroke { width: 1px; height: 53px; background-color: #e0e0e0; display: inline-block; 
  
  margin-left: 31px; margin-right: 18px;}


  .announcement-icon{ margin-right: 17px;}

  .nav-main-wrap { border-top: 1px solid #d4d4d4;   }


 






/*Navigation part end*/





.exo-menu{
	width: 100%; font-size: 18px;
	float: left;
	list-style: none;
	position:relative;
	  z-index:99;
}
.exo-menu > li {	display: inline-block;float:left;}
.exo-menu > li > a{
	color: #0e3d69;
	text-decoration: none;
	text-transform: uppercase;
 
	-webkit-transition: color 0.2s linear, background 0.2s linear;
	-moz-transition: color 0.2s linear, background 0.2s linear;
	-o-transition: color 0.2s linear, background 0.2s linear;
	transition: color 0.2s linear, background 0.2s linear;
}
.exo-menu > li > a.active,
.exo-menu > li > a:hover,
li.drop-down ul > li > a:hover{
color: #018d5c;
 
}

.exo-menu > li > a.active
 {
color: #018d5c;
border-bottom: 5px solid #3a9c37;
}




.exo-menu i {
  float: left;
  font-size: 18px;
  margin-right: 6px;
  line-height: 20px !important;
}
li.drop-down,
.flyout-right,
.flyout-left{position:relative;}
li.drop-down:before {
  content: "\f103";
  color: #fff;
  font-family: FontAwesome;
  font-style: normal;
  display: inline;
  position: absolute;
  right: 6px;
  top: 20px;
  font-size: 14px;
}
li.drop-down>ul{
	left: 0px;
	min-width: 230px;

}
.drop-down-ul{display:none;}
.flyout-right>ul,
.flyout-left>ul{
  top: 0;
  min-width: 230px;
  display: none;
  border-left: 1px solid #e0e0e0;
  }

li.drop-down>ul>li>a,
.flyout-right ul>li>a ,
.flyout-left ul>li>a {
	color: #0e3d69;
	display: block;
	padding: 20px 22px;
	text-decoration: none;
	background-color: #fff;
	border-bottom: 1px dotted #547787;
	-webkit-transition: color 0.2s linear, background 0.2s linear;
	-moz-transition: color 0.2s linear, background 0.2s linear;
	-o-transition: color 0.2s linear, background 0.2s linear;
	transition: color 0.2s linear, background 0.2s linear;
}
.flyout-right ul>li>a ,
.flyout-left ul>li>a {
	border-bottom: 1px dotted #B8C7BC;
}


/*Flyout Mega*/
.flyout-mega-wrap {
	top: 0;
	right: 0;
	left: 100%;
	width: 100%;
	display:none;
	height: 100%;
	padding: 15px;
	min-width: 742px;

}
h4.row.mega-title {
  color:#eee;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
 }
.flyout-mega ul > li > a {
  font-size: 90%;
  line-height: 25px;
  color: #fff;
  font-family: inherit;
}
.flyout-mega ul > li > a:hover,
.flyout-mega ul > li > a:active,
.flyout-mega ul > li > a:focus{
  text-decoration: none;
  background-color: transparent !important;
  color: #ccc !important
}
/*mega menu*/

.mega-menu {
  left: 0;
  right: 0;
  padding: 15px;
  display:none;
  padding-top: 0;
  min-height: 100%;

}
h4.row.mega-title {
  color: #eee;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #547787;
  padding-top: 15px;
  background-color: #365670
  }
 .mega-menu ul li a {
  line-height: 25px;
  font-size: 90%; color: #8e8e8e;
  display: block;
}


.mega-menu ul li a:hover { color: #018d5c;}

 .heading-nav a { color: #8e8e8e;}
ul.stander li a {
    padding: 3px 0px;
}

ul.description li {
    padding-bottom: 12px;
    line-height: 8px;
}

ul.description li span {
    color: #ccc;
    font-size: 85%;
}
a.view-more{
  border-radius: 1px;
  margin-top:15px;
  background-color: #009FE1;
  padding: 2px 10px !important;
  line-height: 21px !important;
  display: inline-block !important;
}
a.view-more:hover{
	color:#fff;
	background:#0DADEF;
}
ul.icon-des li a i {
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background-color: #009FE1;
    line-height: 35px !important;
}

ul.icon-des li {
    width: 100%;
    display: table;
    margin-bottom: 11px;
}
/*Blog DropDown*/
.Blog{
	left:0;
	display:none;
	color:#fefefe;
	padding-top:15px;
	background:#547787;
	padding-bottom:15px;
}
.Blog .blog-title{
	color:#fff;
	font-size:15px;
	text-transform:uppercase;

}
.Blog .blog-des{
	color:#ccc;
	font-size:90%;
	margin-top:15px;
}
.Blog a.view-more{
	margin-top:0px;
}
/*Images*/
.Images{
	left:0;
   width:100%;
	 display:none;
	color:#fefefe;
	padding-top:15px;
	background:#547787;
	padding-bottom:15px;
}
.Images h4 {
  font-size: 15px;
  margin-top: 0px;
  text-transform: uppercase;
}
/*common*/
.flyout-right ul>li>a ,
.flyout-left ul>li>a,
.flyout-mega-wrap,
.mega-menu{
	background-color: #fff;
}

/*hover*/
.Blog:hover,
.Images:hover,
.mega-menu:hover,
.drop-down-ul:hover,
li.flyout-left>ul:hover,
li.flyout-right>ul:hover,
.flyout-mega-wrap:hover,
li.flyout-left a:hover +ul,
li.flyout-right a:hover +ul,
.blog-drop-down >a:hover+.Blog,
li.drop-down>a:hover +.drop-down-ul,
.images-drop-down>a:hover +.Images,
.mega-drop-down a:hover+.mega-menu,
li.flyout-mega>a:hover +.flyout-mega-wrap{
	display:block;
}
/*responsive*/
 @media (min-width:767px){
	.exo-menu > li > a{
display: block;
margin: 17px 46px 0 0;
padding-bottom: 15px;
 }
.mega-menu, .flyout-mega-wrap, .Images, .Blog,.flyout-right>ul,
.flyout-left>ul, li.drop-down>ul{
		position:absolute;
}
 .flyout-right>ul{
	left: 100%;
	}
	.flyout-left>ul{
	right: 100%;
}
 }
@media (max-width:767px){

	.exo-menu {
		min-height: 58px;
		background-color: #23364B;
		width: 100%;
	}
	
	.exo-menu > li > a{
		width:100% ;
	    display:none ;
	
	}
	.exo-menu > li{
		width:100%;
	}
	.display.exo-menu > li > a{
	  display:block ;
	  	padding: 20px 22px;
	}
	
.mega-menu, .Images, .Blog,.flyout-right>ul,
.flyout-left>ul, li.drop-down>ul{
		position:relative;
}

}
a.toggle-menu{
    position: absolute;
    right: 0px;
    padding: 20px;
    font-size: 27px;
    background-color: #ccc;
    color: #23364B;
    top: 0px;
}














/*  _______________________________________

	01 MENU BAR
    _______________________________________  */


    .megamenu_wrapper { 
	margin-top:0px; /*margin-left:-10px;  margin-right:-26px;*/ margin-left:auto; margin-right:auto; transition: all 0.3s;
	display:table;
	/*position: relative;*/
	z-index:99;
	 
	font-size:15px;
	/*line-height:15px;*/
}
/*.megamenu_wrapper {
	width: 100%;

}*/
	.megamenu_container {
		width:100%;
		margin:0 auto;
		/*height:40px;*/
	}
	.megamenu_wrapper .megamenu_container {
		width:100%;
		/*-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;*/
	}
	.megamenu_container .megamenu {
		list-style:none;
		width: 100%;
		margin:0 auto;
		padding: 0;
	}
.megamenu > li {
	float:left; /*font-family: 'montserratsemibold';*/
	/*position:relative;*/
	/*margin-right:5px;*/
	border:none;
}
.megamenu li.menuitem_fullwidth {
	position: static !important;
}
.megamenu > li > a {
	outline:0;
	padding: 21px 24px 21px 24px;
	text-decoration:none;  
	display:block; 
}
.megamenu > li .menuitem_drop {
	/*padding-right:27px;*/
}
.megamenu > li.menuitem_nodrop > a { line-height:20px;
	/*padding-bottom:10px;*/
}

/* Right aligned menu item */

.megamenu > li.menuitem_right {
	float:right;
	right:0;
	margin-right:0;
}

/* Menu Button (Mobiles) */

.megamenu li.megamenu_button {
	display: none;
}
.megamenu li.megamenu_button_active {
	background:#000000 !important;
}




/*  _______________________________________

	02 DROP DOWN MENU
    _______________________________________  */




/* Drop Downs Containers */

.megamenu .dropdown_1column, 
.megamenu .dropdown_2columns, 
.megamenu .dropdown_3columns, 
.megamenu .dropdown_4columns,
.megamenu .dropdown_5columns,
.megamenu .dropdown_fullwidth {
	margin:0;
	display:none;
	position:absolute;
	/*top:41px;*/
	left:-1px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}



.pad-l-r-15 { padding:15px;  }

/* Drop Downs Sizes */

.megamenu .dropdown_1column {width: 135px;padding:15px 14px 15px 15px;}
.megamenu .dropdown_2columns { padding:15px 11px 15px 15px;}
.megamenu .dropdown_3columns {width: 445px;padding:15px 8px 15px 15px;}
.megamenu .dropdown_4columns {width: 600px;padding:15px 5px 15px 15px;}
.megamenu .dropdown_5columns {width: 755px;padding:15px 2px 15px 15px;}
.megamenu .dropdown_fullwidth {
	width: 100%;
	padding:0px 0 0px 15px;
	/*top:42px;*/
	left:0px;
    -webkit-border-radius: 0 0 0px 0px;
	-moz-border-radius:0 0 0px 0px;


    border-radius:0 0 0px 0px; z-index: 99;
	
	/*box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13);*/
	
}
.megamenu_wrapper .dropdown_right {
	left:auto;
	right:-1px;
}
.megamenu_wrapper .megamenu li.menuitem_right .dropdown_fullwidth {
	left:auto;
	right:8px;
}

/* Showing Drop Down on Mouse Hover */

.megamenu li:hover > div {
	display: block;
}

/* Columns Sizes */

.megamenu .col_one_sixth,
.megamenu .col_one_fifth,
.megamenu .col_one_quarter,
.megamenu .col_one_third,
.megamenu .col_two_fifths,
.megamenu .col_half,
.megamenu .col_three_fifths,
.megamenu .col_two_thirds,
.megamenu .col_three_quarters,
.megamenu .col_four_fifths,
.megamenu .col_five_sixths,
.megamenu .col_full {
	float: left;
	margin-left: 2%;
}
.megamenu .col_one_sixth {width:14.66667%;}
.megamenu .col_one_fifth {width:18%;}
.megamenu .col_one_quarter {width:23%;}
.megamenu .col_one_third {width:31.33333%;}
.megamenu .col_two_fifths {width:38%;}
.megamenu .col_half {width:25%; }
.megamenu .col_three_fifths {width:58%;}
.megamenu .col_two_thirds {width:64.66667%;}
.megamenu .col_three_quarters {width:73%;}
.megamenu .col_four_fifths {width:78%;}
.megamenu .col_five_sixths {width:81.33333%;}
.megamenu .col_full {width:98%;}

/* IMPORTANT */

/* Use the firstcolumn class for the first element of a new row of content */
.megamenu .firstcolumn {
	margin-left: 0; width:62%; overflow:hidden;
	clear: left;
}

.firstcolumn ul li a {
	/*margin-left: 10px;*/ font-size:14px; line-height:18px !important; color:#000 !important;   padding:10px; margin-top:6px; margin-bottom:6px; display:block;
	/*clear: left;*/border-bottom:1px dashed #f2f2f2; 
}

.firstcolumn ul li ul li {
	margin-left: 10px;
	clear: left;
}

.firstcolumn ul li ul li a{

	clear: left; font-size:13px !important;  color:#696969 !important; background:url(../images/nav_1stlevel.png) no-repeat left; 
}

.firstcolumn ul li ul li ul li a{
	/*margin-left: 10px;*/
	clear: left; color:#393939 !important; /*background:url(../images/menu_bullet.png) no-repeat left;*/ padding-left:8px; 
}


.firstcolumn ul li ul li a:hover { color:#c7c7c7 !important; }

 .custom-nav-sec ::-webkit-scrollbar {
  width: 5px; 
}

/* Track */
.custom-nav-sec ::-webkit-scrollbar-track {
  background: #f2f2f2;   border-radius: 10px;
}
 
/* Handle */
.custom-nav-sec ::-webkit-scrollbar-thumb {
  background: #bbbbbb;   border-radius: 10px;
}

/* Handle on hover */
.custom-nav-sec ::-webkit-scrollbar-thumb:hover {
  background: #bbbbbb; 
}
 
 


/*  _______________________________________

	03 CONTENT STYLING
    _______________________________________  */
    .fx-height {
      height: 370px;
      overflow-y: auto; border-right: 1px solid #e1e0e0;
    }
	
	
	  .fx-height.last-border-off { border:none;} 


    .dropdown_fullwidth .custom-nav-sec { padding: 15px;}


    .dropdown_fullwidth .custom-nav-sec:nth-child(2n+2) {
      background-color: #fafafa;
    }


.megamenu p,
.megamenu ul,
.megamenu h2,
.megamenu h3 {
 
	/*font-family: 'latoregular';*/
/*	line-height:20px;*/
	text-align:left; margin-left:0px; 
}
.megamenu p {
	margin:0;
	margin-bottom:18px;
}
.megamenu .strong {
	font-weight:bold;
}
.megamenu .italic {
	font-style:italic;
}
.megamenu h2, 
.megamenu h3 {
	margin-top:7px;
}
.megamenu h2 {
	font-weight:400;
	font-size:21px;
	margin-bottom:18px;
	padding-bottom:11px;
}
.megamenu h3 {
	font-weight:600; color:#413f3f;
	font-size:14px;
	margin-bottom:14px;
	padding-bottom:7px;
}
.megamenu li a {
	text-decoration:none;
}
.megamenu .pusher { /* Use this pucher if you want to give more vertical spacing between your rows of content */
	margin-top:18px;
}

/* Icon paragraphs */

.megamenu .help,
.megamenu .favorite,
.megamenu .mail,
.megamenu .print {
	padding-left:36px;
	margin-bottom:18px;
}
.megamenu .help {background:url("../img/help.png") no-repeat 0 2px;}
.megamenu .favorite {background:url("../img/favorite.png") no-repeat 0 2px;}
.megamenu .mail {background:url("../img/mail.png") no-repeat 0 2px;}
.megamenu .print {background:url("../img/print.png") no-repeat 0 2px;}

/* Images styles */

.megamenu .imgshadow_dark,
.megamenu .imgshadow_light {
	padding:4px;
	margin-top:5px;
}
.megamenu .img_left { /* Image sticks to the left */
	float:left;
	margin:5px 15px 5px 0;
}
.megamenu .img_right { /* Image sticks to the right */
	float:right;
	margin:5px 0 5px 15px;
}

/* Box styles */

.megamenu li .black_box,
.megamenu li .dark_grey_box {
	margin: -8px 0 18px 0;
	color: #eeeeee;
	/*text-shadow: 1px 1px 1px #000;*/
	padding:8px 12px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
}

/* Standard lists styles */

.megamenu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
.megamenu li ul li {
	font-size:16px;  
	/*line-height:24px;*/  
	/*position:relative;*/
	/*text-shadow: 1px 1px 1px #000000;*/
	padding:0;
	margin: 0px 0px 5px 0;
	float:left;
	text-align:left;
	width:100%;
}
.megamenu li ul li a { text-transform:capitalize;
	/*  line-height:40px; */
}






.heading-nav { text-transform: uppercase !important;
color: #8e8e8e;
font-weight: 600;
margin-top: 30px;
margin-bottom: 20px;}

/* Greybox lists styles */

.megamenu li .greybox li {
	margin:0 0 4px 0;
	padding:4px 6% 4px 6%;
	width:88%;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;
}

/* Other lists styles */

.megamenu li .plus li {
	margin:0 0 4px 0;
	padding:0 0 0 20px;
	float: left;
}

/* Social Icons */

.megamenu li ul.social {
	list-style:none;
	margin:0;
	padding:0;
}
.megamenu li ul.social li {
	padding-top:5px;
	margin:0 12px 12px 0;
	float:left;
	/*position:relative;*/
	display:inline;
	width:32px;
}
.megamenu li ul.social li img {
	border:none;
}
.megamenu li ul.social li:hover {
	padding-top:5px;

	margin:-1px 12px 12px 0;
}
.megamenu li ul.social li span {
	display:none;
}

/* 2-Levels Drop Down */

.megamenu .dropdown_flyout {
	min-width: 120px;
}
.megamenu .levels, 
.megamenu .levels ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.megamenu .levels a {
	display: block;
	width: 10em;
}
.megamenu .levels li {
	float: left;
}
.megamenu .levels li ul {
	position: absolute;
	top:-23px;
	margin:15px 0 0 4px;
	padding:6px 12px;
	left: -999em;
	z-index: 9999;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
}
.megamenu .levels li:hover > ul {
	left: 96%;
}



.swiper-button-next::after, .swiper-button-prev::after {
  font-family: swiper-icons;
  font-size: 20px;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  font-weight: bold;
  color: #6252d8;
}

.swiper-button-prev {
  left: 55px;
  right: auto;
  width: 67px;
  height: 67px;
  background: #fff;
  border-radius: 50%;
}

.swiper-button-next {
  right: 55px;
  left: auto;
  width: 67px;
  height: 67px;
  background: #fff;
  border-radius: 50%;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
  width: 100%;
  position: relative;
   
  padding: 0;    -webkit-box-shadow: inset 0px 6px 20px -14px rgba(0,0,0,0.42);
-moz-box-shadow: inset 0px 6px 20px -14px rgba(0,0,0,0.42);
box-shadow: inset 0px 6px 20px -14px rgba(0,0,0,0.42);
}

@media (min-width: 1365px) {
  .hero {
    background-attachment: fixed;
  }
}

.hero h2 {
  font-size: 80px;
  font-weight: normal;
  margin-bottom: 20px;
  color: #3c3c3c; line-height: .8;
}

.hero h2 span { font-size: 60px; font-weight: 700; }

.hero p {
  color: #858585;
  font-weight: 400; font-size: 25px;
  margin-bottom: 30px;
}

.hero .btn-get-started {
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 14px 40px;
  border-radius: 50px;
  transition: 0.3s;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
  border: 2px solid rgba(255, 255, 255, 0.1);
}

.hero .btn-get-started:hover {
  border-color: rgba(255, 255, 255, 0.5);
}

.hero .btn-watch-video {
  font-size: 16px;
  transition: 0.5s;
  margin-left: 25px;
  color: #fff;
  font-weight: 600;
}

.hero .btn-watch-video i {
  color: rgba(255, 255, 255, 0.5);
  font-size: 32px;
  transition: 0.3s;
  line-height: 0;
  margin-right: 8px;
}

.hero .btn-watch-video:hover i {
  color: #fff;
}

@media (max-width: 640px) {
  .hero h2 {
    font-size: 36px;
  }

  .hero .btn-get-started,
  .hero .btn-watch-video {
    font-size: 14px;
  }
}

.hero .icon-boxes {
  padding-bottom: 52px; margin-top: -102px;
}

@media (min-width: 1200px) {
  .hero .icon-boxes:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: calc(50% + 20px);
    background-color: #fff;
  }
}

.hero .icon-box {
  padding: 60px 4% 38px;
  position: relative;
  overflow: hidden;
  
  box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease-in-out;
  
  z-index: 1;
  
  text-align: center;
}

.hero .icon-box .title {
  font-weight: 700;
  margin-bottom: 15px; text-align:left;
  font-size: 20px;
}

.hero .icon-box .title a {
  color: #fff;
  transition: 0.3s;
}

.hero .icon-box .icon {
  margin-bottom: 20px;
  padding-top: 10px;
  display: inline-block;
  transition: all 0.3s ease-in-out;
  font-size: 48px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.6);
}

 

.hero .icon-box:hover .title a,
.hero .icon-box:hover .icon {
  color: #fff;
}

.pos-abs { position: absolute; left: 11%; top: 50%; max-width: 560px; width: 100%;}

.bg-cl-1 { background: #225c8e; border-top-left-radius: 8px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
.bg-cl-2 { background: #0b7779;}
.bg-cl-3 { background: #008e5c; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 8px; border-bottom-right-radius: 8px;}


.button-link { display: block; padding: 19px; border-radius: 10px; color: #fff; border: 2px solid #a7bed2; font-size: 24px; margin-bottom: 36px;}

a.button-link { text-decoration: none; color: #fff;}

a:hover.button-link  { background:#008e5c;  border: 2px solid #008e5c; color:#fff; }

.icon-box li { margin-bottom: 5px; padding-top: 8px; padding-bottom: 8px; font-size: 18px; list-style-type: none; border-bottom: 1px solid #ffffff75; text-align: left; background: url(assets/img/icon/arrow-right.png) no-repeat right;}



.icon-box ul {margin: 0; padding: 0;}

.icon-box li:last-child {
  border: none; 
}

.icon-box li a { color: #fff;} 
.icon-box li a:hover { color: #d5d5d5;} 
 
 #search-flip i { font-size: 20px; position: relative; top: -5px; right: 20%; cursor: pointer;}


 .menu-icon i { font-size: 32px; cursor: pointer; }

/*.menu-icon {padding-top: 0.5%;}*/

.menu-icon-main  { display:flex; align-items: center;}
#search-flip { margin-right:31px;}

#menu-toggle { cursor:pointer;}

#search-flip { cursor:pointer;}


.stretched-link::after { display:none;
 
}

.logo2{   margin-left:46px;}

@media (max-width: 1600px) {

.clock-icon { width:23px;}

.call-t-icon { width:19px;}



.hero .icon-boxes {
  padding-bottom: 47px;}

.hero .icon-boxes {
 
  margin-top: -88px;
}


.hero .icon-box {
  padding: 50px 4% 26px;}
  
  .icon-box li { background-size:17px;
  margin-bottom: 2px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 15px;}
  
  
  .hero .icon-box .icon {
  margin-bottom: 15px;}

.search-icon { width:21px;}

#search-flip {
  margin-right: 30px;
}

.menu-icon { width:21px;}

.swiper-button-prev {
 
  width: 58px;
  height: 58px;}
  
  .container {
  max-width: 1264px;}
  
   .swiper-button-next { width: 58px;
  height: 58px; }

.exo-menu > li > a {
  margin: 15px 39px 0 0; padding-bottom: 11px;
}
.exo-menu {
  font-size: 15px;}

.big-wraper {
  max-width: 1500px;}

  .topbar { font-size: 15px; height: 71px;}

  .quick-head-link {
  font-size: 15px;}

 

  .ic1 { width: 25px;}

  .ic2{ width: 30px;}

    
  .ic3 { width: 23px;}


.quick-head-link a {
 
  margin-left: 42px;
}

.social-links {
  margin-left: 55px;
}

.social-links img { width:21px;}


  .quick-head-link .social-links a {
 
  margin-left: 6px;
}

.logo1{ width: 176px;}
.logo2{ width: 100px; margin-left:38px;}

.divition-stroke { margin-left:20px; margin-right:13px; }

.header .logo img {
  margin-right: 37px;
}


.nabh { width: 60px;}

.announcement-icon { width: 52px;}

.right-logo-arae a {
  
  font-size: 15px;
}

.right-logo-arae a span {
 
  font-size: 12px;
}

.logo-area {
  height: 126px;
}

.menu-icon {
  padding-top: 0.2%;
}

.button-link { font-size: 20px; margin-bottom: 29px; padding: 14px;}


.hero .icon-box .title {
 
  font-size: 17px;
}


.hero .icon-box .icon img { width: 70px;}



.megamenu_light_theme .megamenu_container > ul > li > a, .megamenu_light_theme .megamenu_container .megamenu > li.noactive a {
  text-transform: uppercase;
  font-size: 14px;}

  .heading-nav {  font-size: 14px;}


  .megamenu li ul li {
  font-size: 14px; }


}



@media (max-width: 1540px) {


.section-header h2 {
 
  font-size: 34px;
}

.services .service-item .icon img {
  width: 51px;
}

services .service-item h3 {
  font-size: 19px; margin: 0 0 14px 0;
}


.services .service-item .readmore {
  margin-top: 34px;
}
 


.big-wraper {
  max-width: 1440px;
}

.topbar {
  font-size: 14px;
  height: 69px;
}

.quick-head-link {
  font-size: 14px;
}

.logo-area {
  height: 120px;
}

.logo1 {
  width: 250px;
}

.logo2 {
  width: 90px;
  margin-left: 35px;
}

.swiper-button-prev {
  width: 56px;
  height: 56px;
}

.swiper-button-next::after, .swiper-button-prev::after {
 
  font-size: 17px;}
  
  .button-link {
  font-size: 19px;
  margin-bottom: 27px;
}

}


@media (max-width: 1440px) {


.nabh {
  width: 60px;
}


.container {
  max-width: 1110px;
}


  .big-wraper {
  max-width: 1280px;
}

 

.topbar {
  font-size: 13px;
  height: 60px;
}


.quick-head-link {
  font-size: 13px;
}

.ic1 {
  width: 22px;
}

.ic2 {
  width: 26px;
}

.ic3 {
  width: 20px;
}


.logo1 {
  width: 250px;
}

.logo2 {
  width:80px;
}

.header .logo img {
  margin-right: 28px;
}

.announcement-icon {
  width: 50px;
}

.logo-area {
  height: 105px;
}

.megamenu > li > a {
  outline: 0;
  padding: 16px 24px 16px 24px;}



  .button-link {
  font-size: 17px;
}

.hero .icon-box .title {
  font-size: 15px;
}

.icon-box li {
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 13px;}


  .hero .icon-box {
  padding: 35px 5%;}

  .hero h2 {
    font-size: 57px;}


    .hero h2 span {
    font-size: 43px;}


    .pos-abs {
     
    max-width:392px;}

    .hero p {
     
    font-size: 17px;}

    .megamenu li ul li {
    font-size: 13px;}



    .megamenu_wrapper {
  font-size: 13px;}

  .megamenu p {
 
  margin-bottom: 13px;
}





}



@media (max-width: 1280px) {

.big-wraper {
  max-width: 1180px; padding-left:10px; padding-right:10px;
}

.exo-menu > li > a {
  margin: 15px 29px 0 0;
  padding-bottom: 11px;
}

.exo-menu {
  font-size: 13px;
}

.megamenu_light_theme .megamenu_container > ul > li > a, .megamenu_light_theme .megamenu_container .megamenu > li.noactive a {
  text-transform: uppercase;
  font-size: 12px;}

  .topbar {
    font-size: 12px;}

    .quick-head-link a {
  
  margin-left: 15px;
}

.quick-head-link {
  font-size: 12px;
}


.social-links {
  margin-left: 20px;
}

.megamenu > li > a {
  outline: 0;
  padding: 16px 10px 16px 10px;
}

}

/*.icon-mob-head { display: none !important;}*/


.desk-off-1 { display:none;}

@media (max-width: 1000px) {



.desk-off-1 { display:flex;}

.desk-off-1 img { width:100px;}
  .search-fontx{ font-size: 21px;}
  .phone-fontx{ font-size: 21px;}

.right-logo-arae span { display: none;}

.announcement-icon { display: none;}

#menu-toggle2 .menu-icon {
  float: left;
  text-align: left;
  margin-left: 0; width: 36px;
}

#menu-toggle {
  cursor: pointer;
  display: flex;
}


.box-d-s {
  height: 100px;
}

.accordion-header {
  margin-bottom: 0;
  border-bottom: 1px solid #ccc;
}
.swiper-button-next {
  width: 28px;
  height: 28px; right: 10px;
}

.swiper-button-prev {
  width: 28px;
  height: 28px; left: 10px;
}

.swiper-button-next::after, .swiper-button-prev::after {
  font-size: 12px;
}

#search-flip { display:none;}

  .icon-mob-head a {
 
 color: #0d8683;
}

  .icon-mob-head { height: 70px;
 
  color: #0d8683;
}

 .icon-mob-head i { margin-right:30px;}


.menu-icon {
  width: 24px;
  padding-top: 0;
}

  .icon-mob-head { display: flex !important;}
  .icon-mob-head { width: 100%; font-size: 24px;  }

  .menu-icon  {
  
  /*text-align: right;  */
}


.dekstop-menu { display: none;}

.big-wraper {
  max-width: 1000px; padding-left: 15px; padding-right: 15px;
}

.topbar { display: none !important;}


.logo1 {
  width: 160px;
}

.logo2 {
  width: 80px; margin-left: 5px;
}


.divition-stroke {
 
  margin-left: 7px;
  margin-right: 7px;
}

.announcement-icon {
  margin-right: 5px;
}


.nav-main-wrap .justify-content-center {
  justify-content: right !important;
}


.hero .icon-boxes { margin-top: 0;}

.sticked-header-offset {
  margin-top: 150px;
}


.icon-boxes { padding-left: 0;
padding-right: 0; padding-top: 20px;}



.container { padding-left: 15px; padding-right: 15px;}

 


.accordion-body {
  padding: 40px 20px;
}


.blog .sidebar {
  padding: 0px;
}


.icon-mob-head  #search-flip i { position: static; margin: 0; display: block;}
.menu-icon #search-flip i { display: none;}
}

.footer-logo { display:none;}

@media (max-width: 767px) {

.footer-logo { display: table; margin:auto; width:77%;}

.nabh { display:none;}


  .pos-abs {
  max-width: 200px; top: 32%;
}

  .hero h2 {
  font-size: 25px;
}

.hero p {
  font-size: 12px;
}

.hero p br { display: none;}

.hero h2 span {
  font-size: 20px;
}


  .sticked-header-offset {
  margin-top: 120px;
}

  .bg-cl-1 {
 
 border-top-left-radius: 10px;
 border-bottom-left-radius:0px;
 border-top-right-radius: 10px;

}

.bg-cl-3 {
 
 border-top-left-radius: 0px;
 border-bottom-left-radius: 10px;
 border-top-right-radius: 0px;
 border-bottom-right-radius: 10px;
}



.header .logo img {
  margin-right: 10px;
}

.logo2 {
  width: 80px;
}




.announcement-icon {
  width: 30px;
}

.right-logo-arae a {
  font-size: 12px;
}

.right-logo-arae a span {
  font-size: 10px;
}


.logo-area {
  height: 75px;
}


.topnav input[type="text"] {
  width: 80%;}


}




@media (max-width: 480px) {


.desk-off-1 img { width:80px;}



  .header .logo img {
  margin-right: 0;
}

.divition-stroke { display: none;}



}

@media (max-width: 360px) {

.pos-abs {
  max-width: 180px; top: 32%; left: 5%;
}

  .hero h2 {
  font-size: 20px; margin-bottom: 10px;
}

.hero p {
  font-size: 10px;
}

 

.hero h2 span {
  font-size: 16px;
}

}


</style>/* CSS Document */