body{
    background: white;
}
html{
    overflow-x: hidden;
}

.container{
	max-width: 90%!important;
}
a{
	text-decoration: none!important;
}
.navigation-wrapper .w-\[77px\].h-full.xl\:flex.lg\:hidden.flex.justify-center.items-center{
  display: none;
}
#mega-menu-wrap-primary {
  position: relative!important;
  right: -20px!important;
}
ul.mega-sub-menu {
  margin-top: -50px!important;
}
 span.mega-indicator{
  margin: 0 0 0 0px!important;
}

/*
  footer#mega-menu-wrap-quick_links_1{
    background: linear-gradient(to bottom, #222, rgba(34, 34, 34, 0))!important;
}
*/


.finves-service-details li::before{
  position: absolute;
  content: "\f042";
  font-size: 15px;
  font-family: 'FontAwesome';
  color: #1150d1;
  left: 15px;
  margin-top: 2px;
}
.finves-service-details li{
  padding-left: 20px;
}


.section-heading li::before{
  position: absolute;
  content: "\f042";
  font-size: 15px;
  font-family: 'FontAwesome';
  color: #1150d1;
  left: 15px;
  margin-top: 2px;
}
.section-heading li{
  padding-left: 20px;
  padding-bottom: 10px;
}




.section-heading p{
    font-weight: 500;
    font-family: 'Spline Sans', sans-serif;
}





.mobemail {
  display: none;
}
.wpcf7-spinner {
  display: none!important;
}


#wpcf7-f282-o1 textarea.form-control {
    height: 100px;
}

.quick-links li.mega-menu-item {
  display: block!important;
}


.contact-links {
  position: relative;
  z-index: 454;
}



#menu-quick-links-1 a{
	color: #fff;
}
#menu-support a{
	color: #fff;
}



.wpcf7-form-control.wpcf7-select {
	border: 1px solid #00326d !important;
	background-color: #fff;
	height: 50px;
	padding-left: 5px;
	border-radius: 5px;
	width: 100%;
} 

#help{
	padding-top: 4%;
	padding-bottom: 4%;
}
.contactusgroup .input_group .input_wrapper input, .input_group .input_wrapper select {
    border: 1px solid rgba(49, 68, 81, .4);
    width: 100%;
    padding: 7px 10px;
    outline: 0;
    border-radius: 3px;
    background-color: transparent;
    height: 50px;
	padding-left: 30px;
}
.contactusgroup {
  display: flex;
  justify-content: space-between;
  padding-bottom: 5%;	
}
.mobile_no_container span {
  position: absolute;
  left: 20px;
  padding-top: 15px;
}
.mobile_no_container p span {
  position: absolute;
  z-index: 878;
  margin-top: -30px;
  width: 45%;
}
.num {
  text-align: left;
  padding-left: 10px;
  line-height: 50px;
}
.contactusgroup .input_group {
  width: 100%;
}
.mobile_no_container {
  margin-right: 30px;
}
.sendbtn {
  padding: 15px 40px !important;
  font-size: 18px;
  font-family: 'Lato', sans-serif;	
  color: #fff;
  font-weight: 600 !important;
  border-radius: 50px;
  line-height: 1.3333333;
  border: 2px solid #1150d1;
  background-color: #1150d1;
  text-decoration: none;
}
.sendbtn:hover{
 padding: 15px 40px !important;
  font-size: 18px;
  font-family: 'Lato', sans-serif;	
  color: #1150d1;
  font-weight: 600 !important;
  border-radius: 50px;
  line-height: 1.3333333;
  border: 2px solid #1150d1;
  transition: .5s;	
  background-color: #fff;
  text-decoration: none;
}



#help .divideror {
    margin: 30px auto;
    width: 60px;
    position: relative;
}
#help .divideror::before{
    content: "";
    display: block;
    height: 12px;
    width: 50px;
    position: absolute;
    left: -50px;
    border-bottom: 2px solid rgba(49, 68, 81, 0.4);
}

#help .divideror::after {
    content: "";
    display: block;
    height: 12px;
    width: 50px;
    position: absolute;
    right: -50px;
    border-bottom: 2px solid rgba(49, 68, 81, 0.4);
	top: 0px;
}
.numbercallbtn{
	font-size: 30px;
	color: #152238;
}







.fixed-button {
  position: fixed;
  right: 0;
  height: 100%;
  display: flex;
  z-index: 121212;	
  align-items: center;
  pointer-events: none;	
   color: #fff;
}
.fixed-button .btn {
  font-size: 18px;
  padding: 10px 20px;
  background: #1150d1;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  pointer-events: all;
	text-decoration: none;
  text-transform: uppercase;
  -moz-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
  transform-origin: bottom right;
}
.fixed-button .btn:hover{
	background: #162238;
    color: #fff;
	transition: .5s;
}





/* --   start Scroll To Top   -- */

.scroll-top-wrapper {
	position: fixed;
	opacity: 0;
    z-index: 99999999;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	color: #1150d1;
	right: 25px;
	bottom: 80px;
	padding-top: 2px;
	width: 40px;
	height: 40px;
	border-radius: 50px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.scroll-top-wrapper.show {
	visibility: visible;
	cursor: pointer;
	opacity: 1.0;
}

.scroll-top-wrapper i.fa {
	font-size: 40px;
	bottom: 1px;
	position: relative;
}

/* --  end Scroll To Top  -- */





.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:20px;
	right:10px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
    font-size:30px;
	box-shadow: 2px 2px 3px #999;
    z-index: 78984564654;
	line-height: 60px;
}
















.submitpopbtn{
	padding: 5px 20px;
	background: #1150d1;
	color: #fff;
	font-weight: bold;
	border-radius: 10px;
	border: 1px solid #1150d1;
}
.submitpopbtn:hover{
	padding: 5px 20px;
	background: #fff;
	color: #1150d1;
	font-weight: bold;
	border-radius: 10px;
	border: 1px solid #1150d1;
	transition: .5s;
}
.form-popup-bg {
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}
.form-popup-bg {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  overflow-y: auto;
  z-index: 10000;
}
.form-popup-bg.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.form-container {
    background-color: #162238;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    display: flex;
    flex-direction: column;
    max-width: 80%;
	margin-left: auto;
    margin-right: auto;
    position:relative;
  padding: 40px;
  color: #fff;
}
.close-button {
  background:none;
  color: #fff;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  border: solid 1px #fff;
}

.form-popup-bg:before{
    content:'';
    background-color: #fff;
  opacity: .25;
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}























.swiper-button-prev:after,.financ-section .swiper-rtl .swiper-button-next:after {
    content: '';
}
.swiper-button-next:after,.financ-section .swiper-rtl .swiper-button-prev:after {
    content: '';
}
.swiper-button-prev,.financ-section .swiper-rtl .swiper-button-next {
    position: relative;
}
.swiper-button-next,.financ-section .swiper-rtl .swiper-button-prev {
    position: relative;
}
.swiper-pagination{
   text-align: center!important;
}
.swiper-pagination .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background: #0b49ba!important;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #1a51d2!important;
}



#companyswiper .swiper-button-next.w-\[67px\].h-\[67px\].flex.text-primary-500.rounded-full.focus\:text-white.focus\:bg-primary-500 {
  right: 2px;
  position: absolute;
  top: auto;
  margin-top: -15%;
}
#companyswiper .swiper-button-prev.w-\[67px\].h-\[67px\].flex.text-primary-500.rounded-full.focus\:text-white.focus\:bg-primary-500 {
  left: 2px;
  position: absolute;
  top: auto;
  margin-top: -15%;
}






.top-bar{
	border-bottom: 1px solid #e3e3e3;
}
.top-bar .container-fluid{
	padding-right: 0px;
	margin-right: 0px;
}
.top-bar .col-lg-7{
	padding-right: 0px;
	margin-right: 0px;
}
.top_info{
	display: flex;
  justify-content: space-around;
  position: relative;
  top: 15px;
}
.iconbox {
  display: flex;
  float: right;
  position: relative;
  left: 15px;
}
.top-bar p{
	margin-bottom: 0px!important;
}
.top-bar .text-base.text-primary-100 {
  font-weight: bold;
  color: #000;
}

.requestingbtn {
  font-weight: bold;
  color: #fff;
  font-size: 18px;
  width: 200px;
  background-image: url(../img/call_24x7.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 50px;
  height: 65px;
  margin-top: 32px;
}
.resbtn_con font {
  position: relative;
  top: 28px;
  font-size: 25px;
  color: #fff;
  left: 20px;
}
.resbtn_con {
  width: 100%;
  text-align: center;
}


.logo-area {
  margin-left: 40px;
}
.text-sm.spline-sans {
  font-weight: bold;
}
.common-trans:hover i{
	color: #fff;
}
.number_box font{
	font-size: 17px;
}





/*--========================================
Start FORMS page
-===========================================*/
#conditions{
	padding-bottom: 12%;
	padding-top: 12%;
}
#conditions .section-heading{
	margin-bottom: 3%;
  text-align: left;
}
#conditions .section-heading h3{
  padding-top: 2%;
}
#conditions .section-heading h2 {
  font-size: 40px;
  color: #00326d;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  padding-bottom: 0px;
	font-weight: bold;
}
#conditions .conditext{
	border-radius: 10px;
	border: 1px solid #022a45;
	padding: 15px;
	margin-bottom: 7%;
	min-height: 120px;
	background-color: #1150d1;
	align-content: center;
}
#conditions .conditext:hover{
	background-color: #01326d;
	transition: .5s;
}
#conditions .conditext p{
	text-align: center;
	font-size:23px;
	font-weight: bold;
    color: #fff;
	margin-bottom: 0px;
}








:root{
    --color1: #FE6B02; 
    --color2: #f78f40;
}
#calculatorpage{
	padding-top: 5%;
	padding-bottom: 12%;
    background-size: cover;
    background-repeat: no-repeat;
}
#calculatorpage .serviceBox {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    padding: 12px 2px 10px;
    position: relative;
    z-index: 1;
    width: 78%;
    margin: auto;
     margin-bottom: 30px;
}
#calculatorpage .serviceBox i{
	color: #0a2f7c;
}
#calculatorpage .serviceBox:before{
    content: "";
    background: linear-gradient(90deg, rgb(0 50 109) 0%, rgb(0 50 109) 50%, rgb(0 50 109) 100%);
    border-radius: 20px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.5),0 20px 0 #0a2f7c;
    position: absolute;
    left: 0;
    top: 53px;
    right: 0;
    bottom: 20px;
    z-index: -1;
}
#calculatorpage .serviceBox .service-icon{
    background: #fff;
    font-size: 35px;
    line-height: 80px;
    width: 80px;
    height: 80px;
    margin: 0 auto 5px;
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(0,0,0,0.4);
    position: relative;
}
#calculatorpage .serviceBox .service-icon:before,
#calculatorpage .serviceBox .service-icon:after{
    content: "";
    background: linear-gradient(to top,transparent 49%,#0a2f7c 50%);
    border-radius: 50%;
    position: absolute;
    top: -12px;
    left: -12px;
    bottom: -12px;
    right: -12px;
    z-index: -1;
}
#calculatorpage .serviceBox .service-icon:after{
    background: #0a2f7c;
    height: 12px;
    width: 150px;
    border-radius: 0;
    transform: translateX(-50%);
    top: 29px;
    left: 50%;
    right: auto;
    bottom: auto;
    z-index: -2;
}
#calculatorpage .serviceBox .title{
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    min-height: 45px;
}
#calculatorpage .serviceBox .description{
    color:#666;
    font-size: 13px;
    line-height: 23px;
}
#calculatorpage .serviceBox.blue{
    --color1: #272171;
    --color2: #64639F;
}
#calculatorpage .serviceBox.yellow{
    --color1: #FFB103;
    --color2: #F1C149;
}
#calculatorpage .serviceBox.magenta{
    --color1: #E51F47;
    --color2: #DA617A;
}
@media only screen and (max-width: 1199px){
 #calculatorpage .serviceBox{ margin: 0 0 30px; }
}



/*--========================================
End FORMS page
-===========================================*/





.service-links {
  position: relative;
  z-index: 987;
}

#companyswiper {
  padding-bottom: 5%;
  width: 98%;
  margin: auto;
}

#companyswiper .swiper-pagination {
  position: relative!important;
	top: 20px;
}




.progress-step .headline-default{
  padding-top: 5%;
	text-transform: capitalize;
}
.theme-container.container-fluid {
  padding-bottom: 5%;
}
.theme-container p{
	font-weight: bold;
	font-size: 17px;
}


.choose {
	padding-top: 4%;
	padding-bottom: 0%;
}
.choose .section-header h3{
    font-size: 40px;
    line-height: 45px;
	color: #152238;
	font-weight: bold;
	padding-top: 4%;
	text-transform: capitalize;
  }
.choose .section-header p{
	padding-top: 2%;
	padding-bottom: 3%;
	font-weight: 500;
}
.choose .serviceBox {
    text-align: center;
	min-height: 330px;
	background-color: #fff;
	padding: 40px;
}

.choose .serviceBox .service-icon{
    color: #fff;
    font-size: 35px;
    line-height: 60px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: relative;
	padding-top: 5%;    
	z-index: 1;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
} 
.choose .serviceBox .service-icon img{
    width: 100px;
    height: 100px;
	object-fit: contain;
}





/*
.choose .serviceBox .service-icon:before{
    content: '';
    border-radius: 50%;
    position: absolute;
	background: #000000;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    z-index: -1;
}
*/
.choose .serviceBox .title{
    color: #000;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
	padding-bottom: 0px;
	padding-top: 12%;
}
.choose .serviceBox .description{
    color: #000;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
	padding-top: 0px;
}
.choose .owl-nav {
  position: relative;
  width: 100%;
  margin-top: 30px;
  display:inline-flex!important;
  justify-content: center;
}
.choose .owl-nav i{
	color: #8e0a08;
	margin: 5px;
}

.choose .serviceBox.pink .service-icon:before{ background: linear-gradient(#D357B8,#F2506B); }
.choose .serviceBox.pink .title{ color: #F2506B; }
.choose .serviceBox.purple .service-icon:before{ background: linear-gradient(#AC5EF5,#494C9F); }
.choose .serviceBox.purple .title{ color: #494C9F; }
.choose .serviceBox.blue .service-icon:before{ background: linear-gradient(#5DC4B9,#69A5F2); }
.choose .serviceBox.blue .title{ color: #69A5F2; }


.hero-slider {
  width: 100%;
  height: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 0;
}



@media (max-width: 767px) {
  .hero-slider {
    height: 500px;
  }
}

.hero-slider .swiper-slide {
  overflow: hidden;
  color: #fff;
}

.hero-slider .swiper-container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.form-container {
  background-color: #162238;
  border-radius: 10px;
  position: relative;
  padding: 60px;
  color: #fff;
  top: 80px;
  width: 30%;
}
.hero-slider .slide-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;	
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
}
.hero-slider .slide-inner img{
  width: 100%;
  height: 100%;
}
.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next {
  background: transparent;
  width: 55px;
  height: 55px;
  position: relative;	
  line-height: 53px;
  margin-top: -30px;
  text-align: center;
  border: 2px solid #152238;
  border-radius: 55px;
  opacity:0;
  visibility:hidden;
  transition:all .3s ease;
}
.hero-slider:hover .swiper-button-prev,
.hero-slider:hover .swiper-button-next {
  transform:translateX(0);
  opacity:1;
  visibility:visible;
}
.hero-style .theme-container.xl\:mx-auto{
  position: relative!important;
  z-index: 11256!important;
  top: -70%!important;
  left: 0%!important;	
  width: fit-content!important;
}



@media (max-width: 767px) {
  .hero-slider .swiper-button-prev,
  .hero-slider .swiper-button-next {
    display: none;
  }
}

.hero-slider .swiper-button-prev {
  left: 50px;
  transform:translateX(50px);
  position: absolute;
}

.hero-slider .swiper-button-prev:before {
  font-family: "Font Awesome 5 Free";
  content: "\f060";
  font-size: 15px;
  color: #152238;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
}

.hero-slider .swiper-button-next {
  right: 50px;
  transform:translateX(-50px);
  position: absolute;
}

.hero-slider .swiper-button-next:before {
  font-family: "Font Awesome 5 Free";
  content: "\f061";
  font-size: 15px;
  color: #152238;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  font-weight: 900;
}

.hero-slider .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  text-align: left;
  line-height: 12px;
  font-size: 12px;
  color: #000;
  opacity: 0.3;
  background:#fff;
  transition:all .2s ease;
}

.hero-slider .swiper-pagination-bullet-active {
  opacity:1;
}

.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.hero-slider .swiper-pagination-custom,
.hero-slider .swiper-pagination-fraction {
  bottom: 30px;
}

@media screen and (min-width: 992px) {
  .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
  .hero-slider .swiper-pagination-custom,
  .hero-slider .swiper-pagination-fraction {
/*     display: none; */
  }
}
.swiper-pagination {
  text-align:left;
}

.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{
  bottom:50px;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
}


@media (min-width: 767px) {
  .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{
  bottom:30px;
 
}
}










/*--------------------------------------------------------------
	#hero-style
--------------------------------------------------------------*/
.hero-style {
  height: 100vh;
  transition:all .4s ease;
}

@media screen and (min-width: 992px) {
  .hero-style .container {
    padding-top: 0px;
  }
}

@media (max-width: 991px) {
  .hero-style {
    height:400px;
  }
.hero-style .theme-container.xl\:mx-auto {
  top: -80% !important;
}	
.mobemail {
  display: block;
}
	
}

@media (max-width: 767px) {
  .hero-style{
    height: 500px;
  }
}












.hero-style .slide-title,
.hero-style .slide-text,
.hero-style .slide-btns {
  max-width: 690px;
}

.hero-style .slide-title h2 {
  font-size: 100px;
  font-weight: 600;
  line-height: 1;
  color: #ffffff;
  margin: 0 0 40px;
  text-transform: capitalize;
  transition:all .4s ease;
}

@media (max-width: 1199px) {
  .hero-style .slide-title h2 {
    font-size: 75px;
  }
}


@media (max-width: 767px) {
  .hero-style .slide-title h2 {
    font-size: 35px;
    margin: 0 0 30px;
  }
}

.hero-style .slide-text p {
  opacity: 0.8;
  font-family: Rajdhani;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: normal;
  color: #ffffff;
  margin: 0 0 40px;
  transition:all .4s ease;
}

@media (max-width: 767px) {
  .hero-style .slide-text p {
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    margin: 0 0 30px;
  }
}

.hero-style .slide-btns > a:first-child {
  margin-right: 10px;
}


/*--------------------------------------------------------------
	#button-style
--------------------------------------------------------------*/
.theme-btn, .theme-btn-s2{
    background-color: #ffffff;
    font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  color:#2b3b95;
    padding: 9px 32px;
    border: 0; 
  border-radius: 3px;
    text-transform: uppercase;
    display: inline-block;
    line-height: initial;
  transition:all .4s ease;
}
a {
    text-decoration: none;
    transition: all 0.2s ease;
}
.theme-btn-s2{
    background-color: rgba(255, 255, 255, 0.9);
    color: #131e4a;
}
.theme-btn:hover, .theme-btn-s2:hover, .theme-btn:focus, .theme-btn-s2:focus, .theme-btn:active, .theme-btn-s2:active {
    background-color:#2b3b95 ;
    color: #fff;
}
.theme-btn-s3{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #ffffff;
  text-transform: uppercase;
}
i.fa-chevron-circle-right{
  height:22px;
  width:22px;
}
a:hover {
    text-decoration: none;
}
.footerlinks{
	width: 100%;
  display: flex;
  justify-content: end;
  position: relative;
  z-index: 12;
}
.copyrighttext{
	padding-top: 50px;
}


@media (max-width: 991px){
  .theme-btn, .theme-btn-s2, .theme-btn-s3 {
    font-size: 13px;
    padding: 15px 25px;
  }
.hero-style .theme-container.xl\:mx-auto {
  left: 10% !important;
}
	.blog-area .blog-item h2{
		font-size: 20px;
	}
.common-trans {
  height: 30px;
}
	.footerlinks{
		text-align: right;
	}
.blog-area .latestnew {
  font-size: 38px;
  padding: 10px 20px;
  background: #13213c;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 40%!important;	
}
 .headline-default {
    font-size: 32px;
    line-height: 35px;
	 text-transform: capitalize;
  }
  .hero-style .slide-title h2 {
    font-size: 50px;
    margin: 0 0 35px;
  }
	.theme-container h1 {
  line-height: 45px !important;
  width: 60% !important;
  font-size: 40px;
}	
.mobile-drawer.active.h-full.xl\:flex.lg\:hidden.flex.justify-center.items-center{
  width: 100%!important;
  display: flex;
  justify-content: end;
  padding-right: 4%;
  height: 700px!important;
  align-items: baseline;	
  background-color: rgba(0,0,0,0.5);	
}	
 .mobile-drawer button i {
    font-size: 30px;
    color: red;
    position: relative;
    float: none;
    top: 30px;
    right: -280px;
  }
.h-full.xl\:flex.lg\:hidden.flex.justify-center.items-center {
  position: relative;
  right: 50px;
}	
.navigation-wrapper .h-full.xl\:flex.lg\:hidden.flex.justify-center.items-center {
  display: block!important;
}	
.abtpic img {
  width: 100%!important;
  height: 450px!important;
  object-fit: contain!important;
  border-radius: 5px;
}	
.abtpicborder {
  border: 10px solid #0b49ba!important;
  position: absolute;
  z-index: auto;
  top: 10px;
  width: 48%;
  height: 80%;
  left: 50px;
}	
.counter-box {
  position: absolute;
  left: 47%;
  margin-top: 50px;
  width: 150px;
}
.about-article-area {
  padding-bottom: 15%;
}
.form_box {
  margin-top: 50px;
}	

	
	
}




@media (max-width: 767px){
  .theme-btn, .theme-btn-s2{
    padding: 13px 20px;
    font-size: 13px;
  }
}














.mouse-cursor{
    position:fixed;
    left:0;
    top:0;
    pointer-events:none;
    border-radius:50%;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    visibility:hidden
}
.cursor-inner{
    margin-left:-3px;
    margin-top:-3px;
    width:6px;
    height:6px;
    z-index:100;
    background-color:#FE5D14;
    -webkit-transition:width .3s ease-in-out,height .3s ease-in-out,margin .3s ease-in-out,opacity .3s ease-in-out;
    transition:width .3s ease-in-out,height .3s ease-in-out,margin .3s ease-in-out,opacity .3s ease-in-out
}
.cursor-inner.cursor-hover{
    margin-left:-40px;
    margin-top:-40px;
    width:80px;
    height:80px;
    background-color:#FE5D14;
    opacity:.3
}
.cursor-outer{
    margin-left:-15px;
    margin-top:-15px;
    width:30px;
    height:30px;
    border:2px solid #FE5D14;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    z-index:100;
    opacity:.5;
    -webkit-transition:all .08s ease-out;
    transition:all .08s ease-out;

}
.cursor-outer.cursor-hover{
    opacity:0
}



.navigation-wrapper.sticky.logo-area{
  top: 20px!important;
  position: relative!important;
}
.navigation-wrapper .h-full.xl\:flex.lg\:hidden.flex.justify-center.items-center {
  display: none;
}
.logo-area img{
	widows: 250px;
	height: 102px;
}
.flex.items-center.space-x-2\.5 i{
	color: #082c7a;
	position: relative;
	top: 1px;
}
.xl\:flex.hidden.items-center span{
	margin-right: 10px!important;
	font-size: 18px;
	color: #fff!important;
}
.xl\:flex.hidden.items-center span:hover{
	color: #fff!important;
    transition: .5s;
}

.number_sec{
	position: relative;
	top: 12px;
	right: 30px;
}
.getbtn{
	line-height: 18px;
	color: #fff!important;
	background-color: #152238;
	font-weight: bold;
	font-size: 17px;
	padding: 15px 8px;
}
.getbtn2{
	line-height: 18px;
	font-weight: bold;
	font-size: 17px;
	color: #fff!important;
	background-color: #152238;
	padding: 15px 8px;
}
.getbtn::after {
  content: "" !important;
  position: absolute !important;
  width: 1px !important;
  height: 30px !important;
  background: #eee !important;
  right: 1px;
  top: auto;
  margin-top: -7px;
}
.xl\:flex.hidden.items-center.number_box i {
  font-size: 30px;
  position: relative;
  top: 10px;
  left: -2px;
}


.flex.h-full.iconbox span i{
	font-size: 23px!important;
}
#aboutpage_cont1{
	padding-bottom: 10%;
}
#aboutpage_cont1 .about-article-area p{
  width: 100%!important;
  font-size: 15px;
}

.about-area.w-full {
  padding-top: 7%;
  padding-bottom: 0%;
}
.about-area .headline-default{
	color: #01326e;
}
.about-area .counter{
  width: 100%;
  padding: 0px;
  border: 0px solid var(--main-color);
  border-right: 0px solid var(--main-color);
  margin-bottom: 0px;
  margin-top: 0px;	
}
.about-area .counter::before {
  width: 100%;
  height: 0px;
  border-radius: 0 0px 0px 0;
  box-shadow: none;
  transform: none;
  top: auto;
  left: auto;
  z-index: -1;
  background-image: none;
  background-size: cover;
}
.about-area .aboutpic img{
	width: 100%;
	height: 500px;
	object-fit: contain;
	position: relative;
  left: -100px;
  top: 40px;
}
.aboutpic .flex.space-x-6.items-center span{
  position: relative!important;
  top: 20px!important;
}

 .about-area .sm\:top-\[432px\] {
    top: 330px;
    position: absolute;
    left: 40%;
  }
.abtpicborder {
  border: 10px solid #0b49ba;
  position: absolute;
  z-index: auto;
  top: 0px;
  width: 70%;
  height: 450px;
  left: 50px;
}
.counter-box {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #152238;	
  color: #fff;
  position: absolute;
  border-radius: 10px;	
  z-index: 74;
  height: 150px;
  padding: 10px;
  font-weight: bold;
  right: 120px;
  margin-top: 50px;
}
.counter-box .counter{
	font-weight: bold;
	font-size: 30px;
}
.abtpic {
  width: 75%;
  height: 100%;
  position: relative;
  z-index: 13;
  left: -50px;
  top: -50px;
}
.tag {
  width: 250px;
  height: 100%;
  position: absolute;
  z-index: 14;
  right: 250px;
  margin-top: -35px;
}
.abtpic img{
	width: 100%;
	height: 550px;
	object-fit: cover;
	border-radius: 5px;
}
.about-article-area .readmore {
  width: 22%;
  border-radius: 10px !important;
  text-align: center;
  padding: 10px 25px;
  margin-top: 7%;
}
.about-article-area .readmore:hover{
	background-color: #1c4cca;
	transition: .5s;
	margin-top: 7%;
}
.about-area.w-full .about-article-area p{
	width: 85%;
}
.about-shape{
    border: 2px dashed #004C3F;
    border-radius: 50%;
    top: 0px;
    position: absolute;
    left: 185px;
}
.about-shape:before{
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: #028835;
    border-radius: 50%;
position: absolute;
    left:calc(50% - 7.5px);
    top: -7.5px;

}











	/*--========================================
		Start Contact page
	-===========================================*/
.contact{
	padding-top: 5%;
	padding-bottom: 5%;
}
.contact .contactgap{
	padding-top: 6%;
}
.bg-violet{
	background: #EFEFF0!important;
	border-radius: 10px;
}
.contact .bg-violet{
	padding: 20px 20px;
	min-height: 300px;
}
.contact .bg-violet 
.contact .bg-violet:hover{
	box-shadow: 0px 5px 22px 0px rgba(48,46,145,0.75);
-webkit-box-shadow: 0px 5px 22px 0px rgba(48,46,145,0.75);
-moz-box-shadow: 0px 5px 22px 0px rgba(48,46,145,0.75);
	transition: .5s;
}
.contact h2{
	color: #1150d1!important;
	font-size: 35px;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	text-align: center;
}
.contact h3{
	color: #000;
	font-size: 22px;
	font-family: 'Lato', sans-serif;
	text-align: center;
	padding-bottom: 3%;
}
.contact .btn-square.bg-white.rounded-circle{
  line-height: 100px;
  background: #1150d1!important;
  text-align: center!important;
}
.contact .btn-square i{
  font-size: 30px;
  color: #fff!important;
  line-height: 85px;
}
.contact .btn-square{
  background: #D6D5E4!important;	
}
.contact h4{
    color: #000!important;
	font-size: 20px;
	font-family: 'Lato', sans-serif;
	text-align: center;
}
.contact p{
    color: #1150d1!important;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	text-align: center;
}
.contact p:hover{
    color: #1150d1!important;
}
.contact .form-control{
	line-height: 30px;
	margin-bottom: 20px;
	border: 2px solid #b2d7d9;
	color: #495057;
    background-color: #fff;
}
.contact textarea{
	height: 150px!important;
}
.contactgap .wpcf7-select {
  border: 2px solid #b2d7d9!important;
  background-color: #fff;
  height: 50px;
  padding-left: 5px;
  border-radius: 5px;
  width: 100%;
}
.contact label {
  width: 100%;
}
.contact select{
	height: 35px;
	margin-bottom: 20px;
	border: 2px solid #b2d7d9;
	color: #495057;
    background-color: #fff;
	width: 100%;
	padding-left: 10px;
}
.contact .sendbtn {
  padding: 10px 20px !important;
  font-size: 15px;
  font-family: 'Lato', sans-serif;	
  color: #fff;
  font-weight: 600 !important;
  border-radius: 50px;
  line-height: 1.3333333;
  border: 2px solid #1150d1;
  background-color: #1150d1;
  text-decoration: none;
  width: 100%;
}
.contact .sendbtn:hover{
  padding: 10px 20px !important;
  font-size: 15px;
  font-family: 'Lato', sans-serif;	
  color: #1150d1;
  font-weight: 600 !important;
  border-radius: 50px;
  line-height: 1.3333333;
  border: 2px solid #1150d1;
  transition: .5s;	
  background-color: #fff;
  text-decoration: none;
}

.contact form{
	margin-top: 5%;
}

	/*--========================================
		end Contact page
	-===========================================*/











#getintouch{
	padding-top: 5%;
	padding-bottom: 5%;
	background: url(../img/mapbg.jpg) fixed;
	background-size: cover;
}



#testimonials{
	padding-top: 3%;
	padding-bottom: 5%;
}
#testimonials .headline-default{
	padding-bottom: 5%;
}
#testimonials .theme-container p {
  width: 90%;
  font-weight: bold;
  font-size: 17px;
  color: #000;
}
.googlepic {
  position: absolute;
  right: 0;
  z-index: 23;
}
.star i{
	color: #f4ac02;
}
.quoteicon i{
	font-size: 40px;
	color: #13213c;
}
.reviews{
	padding-top: 1%;
}
.reviewbtn{
	padding: 10px 20px;
	font-size: 16px;
	background-color: #13213c;
	color: #fff;
	border-radius: 50px;
	font-weight: bold;
}
.reviewbtn:hover{
	padding: 10px 20px;
	font-size: 16px;
	background-color: #1a51d2;
	color: #fff;
	transition: .5s;
}

.reviews p{
	font-size: 24px;
	padding-top: 2%;
	padding-bottom: 2%;
	font-weight: bold;
	width: 50%;
	margin: auto;
	color: #152238;
	text-shadow: 0px 0px #000;
}
.form_box{
	width: 100%;
	background-color: #fff;
	padding: 35px 20px;
	border-radius: 20px;
	height: 566px;
}
.form_box .headline-default {
    font-size: 30px;
    line-height: 30px;
	text-align: center;
	color: #00326d;
  }
.form_box ::placeholder {
  color: #fff;
}

.border.border-primaryBorder.rounded.w-full.focus\:outline-none.focus\:ring-0.placeholder\:text-primary-100.text-base {
  background: transparent;
  color: #00326d;
}
.form_box input{
	padding: 5px;
	height: 50px;
}
.form_box .border {
    border: 1px solid #00326d!important;
}

::placeholder {
  color: #152238!important;
}

.form_box textarea{
	padding: 5px;
	height: 100px;
}
.w-full.rounded.text-white.text-lg.font-semibold.spline-sans.bg-primary-500.hover\:bg-primary-900.common-trans {
  height: 50px;
}
#getintouch.col-lg-6{
	padding-right: 0px!important;
    padding-left: 0px!important;
	margin: 0px!important;
}
.blog-item .border-primary-500{
	border: 1px solid #152238!important;
}



.theme-container.container {
  padding-top: 4%;
  padding-bottom: 5%;
}









.theme-container{
    width: 90%;
    padding: 0 20px;
}
.theme-container h1{
	line-height: 65px;
	width: 60%!important;
}
.hero-area{
    height: calc(100vh - 140px);
}
.hero-image-1{
    background-position: 100% center;
}
.hero-area-2{
    background-image: url(../img/hero-img-thumb.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.service-area{
    background-image: url(../img/service-area.png);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 828px;
}

















.blog-area{
	padding-top: 50px;
	padding-bottom: 5%;
	background-color: #ededed;
}
.blog-area .latestnew {
  font-size: 38px;
  padding: 10px 20px;
  background: #13213c;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 26%;
  margin: auto;
  margin-bottom: 50px;
  border-radius: 10px;
}
.blog-item.group {
  padding-bottom: 5%;
}
.blog-area .blog-item:hover{
    box-shadow: 0px 16px 52px rgba(0, 0, 0, 0.07);
}
.insu-swiper .swiper-pagination{
    top: auto;
    bottom: -60px;
}
.insu-swiper .swiper-pagination .swiper-pagination-bullet{
    width: 40px;
    height: 3px;
    border-radius: 0;
    background: #0b49ba;
}
.insu-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #028835;
}
.faq-main-wrapper{
    box-shadow: 0px 4.8px 24.4px -6px rgba(19, 16, 34, 0.1), 0px 4px 13px -2px rgba(19, 16, 34, 0.06);
}
.fun-fact-area .faq-wrapper{
    top: calc(100% + 100px);
}
.faq-main-wrapper.py-10.bg-white.rounded.xl\:right-10.aos-init.aos-animate {
  padding: 30px 20px;
}
.fun-fact-area .faq-item .faq-body{
    height: 0;
    padding:0 20px ;
    display: flex;
    align-items: center;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}
.faq-section-main-wrapper .faq-item .faq-body{
    height: 0;
    display: flex;
    align-items: center;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}
.fun-fact-area .faq-item:focus-within .faq-body{
    height: auto;
}
.faq-section-main-wrapper .faq-item:focus-within .faq-body{
    height: 100px;
}
.faq-item .faq-btn{
    color:#004C3F ;
}
.ask_cont{
	padding-top: 5%;
}
.abtfaq .faq-btn{
    color:#fff;
}
.faq-body.w-full.bg-secondary p{
	 color:#fff!important;
   padding-top: 20px;
   line-height: 22px;
   padding-bottom: 20px;
}
.fun-fact-area{
  padding-bottom: 5%;
}
.fun-fact-area .faq-item:focus-within .faq-btn{
    color: white;
    background: #1150d1;
}
.faq-fun-fact-area-two .faq-item:focus-within .faq-btn{
    color:#004C3F !important;
    background: transparent !important;
}
.progress-step-wrapper{
    background-size: cover;
    background-repeat: no-repeat;
}
.progress-step-wrapper .item{
    box-shadow: 0 16px 52px rgba(0, 0, 0, 0.07);
}
.progress-step-wrapper .item .counter{
    font-size: 40px;
    color: #004C3F;
    -webkit-text-fill-color: white; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #004C3F;
    opacity: 0.3;
}
.financ-section .swiper-button-prev:after,.financ-section .swiper-rtl .swiper-button-next:after {
    content: '';
}
.financ-section .swiper-button-next:after,.financ-section .swiper-rtl .swiper-button-prev:after {
    content: '';
}
.financ-section .swiper-button-prev,.financ-section .swiper-rtl .swiper-button-next {
    position: unset;
}
.financ-section .swiper-button-next,.financ-section .swiper-rtl .swiper-button-prev {
    position: unset;
}
.financ-swiper .swiper-pagination{
    top: auto;
    bottom: -60px;
}
.financ-swiper .swiper-pagination .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background: #0b49ba;
}
.financ-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #028835;
}
.gear {
    animation: rotate 110s infinite linear;
    transform-origin: center;
    transform-box: fill-box;
}
.gear-2 {
    animation: rotate-2 80s infinite linear;
    transform-origin: center;
    transform-box: fill-box;
}
.footer-shape{
    right: -302px;
    top: -160px;
}

.footer-logo {
  width: 70%;
  background: #fff;
  padding: 10px;
  border-radius: 100px;
  margin-bottom: 30px;	
}
.footer-logo img{
  width: 100%;
}
.quick-links li {
  line-height: 40px;
}
.service-links li {
  line-height: 40px;
}
.w-\[268px\].h-\[87px\].rounded-full.p-3.bg-white.absolute.right-5.bottom-5 {
    position: relative;
    top: -150px;
    left: 30px;
}
.footer-wrapper .contact-links i{
	position: relative!important;
  top: 0px!important;
}
.footercont .common-trans i{
	position: relative;
    top: -10px;
}
.footercont .common-trans {
    background-color: #fff;
    height: 35px;
    padding-right: 5px;
    line-height: 20px;
}
.footercont .common-trans:hover{
	background-color: #1a51d2;
	transition: .5s;
}
.footercont .common-trans:hover i{
	color: #fff;
	transition: .5s;
}
.quick-links li span:hover{
	color: #1a51d2!important;
	transition: .5s;
}
.service-links li span:hover{
	color: #1a51d2!important;
	transition: .5s;
}
.contact-links li span:hover{
	color: #1a51d2!important;
	transition: .5s;
}
.contact-links i{
	color: #fff!important;
}






@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate-2 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-120deg);
    }
}
.hero-area-2 .shape:nth-child(1) img{
    transform: translateX(0px);
    animation: shape-shake 3s infinite ease;
}
.hero-area-2 .shape:nth-child(2) img{
    transform: translateX(0px);
    animation: shape-shake 3s infinite ease 1s;
}
.hero-area-2 .shape:nth-child(3) img{
    transform: translateX(0px);
    animation: shape-shake 3s infinite ease ;
}
.hero-area-2 .shape:nth-child(4) img{
    transform: translateX(0px);
    animation: shape-shake 3s infinite ease 0.5s;
}
@keyframes shape-shake {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(10px);
    }
    100%{
        transform: translateY(0px);
    }
}
@-webkit-keyframes shape-shake {
    0% {
        -webkit-transform: translateY(0px);
    }
    50% {
        -webkit-transform: translateY(10px);
    }
    100%{
        -webkit-transform: translateY(0px);
    }
}

.safety-section .blog-content {
    display: none;
    animation: tabFade 1s;
}
.safety-section .blog-content.active {
    display: block;
}
@keyframes tabFade{
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.fun-fact-area-two{
    background-image: url(../img/fun-fact-bg-2.png);
    background-size: cover;
    background-repeat: no-repeat;
	padding-top: 5%;
  padding-bottom: 5%;
}
.about-us-page-wrapper .process-section-two .item .circle-shape {
    background: #FBF7ED;
    transition: all 0.5s ease-in-out;
}
.process-section-two .item .circle-shape{
    background: #E6EDEC;
    transition: all 0.5s ease-in-out;
}
.footer-wrapper-two .discover-area{
    background-image: url(../img/discover-bg.png);
    background-size: cover;
    background-repeat: no-repeat
}
.page-title-wrapper .headline-default{
	color: #fff;
}
.page-title-wrapper p{
	width: 70%;
	color: #fff;
}
.page-title-wrapper {
	padding-top: 7%;
	padding-bottom: 7%;
   /* background-image: url(../img/inner-page-banner.png);*/
    background-size: cover;
    background-repeat: no-repeat;
	height: 380px;
}
/*.page-title-wrapper::before{
	content: "";
    margin-top: -110px;
	background-color: rgba(0,0,0,0.3);
	width: 100%;
	height: 380px;
	position: absolute;
	z-index: 12;
}*/
.page-title-wrapper .theme-container {
  width: 90%;
  padding: 0 20px;
  position: relative;
  z-index: 123;
}

.mini-contact{
    background-image: url(../img/min-contact-bg.png);
    background-size: cover;
    background-repeat: no-repeat
}
.breadcrumb-wrapper .breadcrumb-item:last-child .ico{
    display: none;
}
.testimonial-section-two .swiper-pagination{
    top: auto;
    bottom: -60px;
}
.testimonial-section-two .swiper-pagination .swiper-pagination-bullet{
    width: 40px;
    height: 3px;
    border-radius: 6px;
    background: #0b49ba;
}
.testimonial-section-two .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #028835;
}


.related-post-slider .swiper-button-prev:after,.related-post-slider .swiper-rtl .swiper-button-next:after {
    content: '';
}
.related-post-slider .swiper-button-next:after,.related-post-slider .swiper-rtl .swiper-button-prev:after {
    content: '';
}
.related-post-slider .swiper-button-prev,.related-post-slider .swiper-rtl .swiper-button-next {
    position: unset;
}
.related-post-slider .swiper-button-next,.related-post-slider .swiper-rtl .swiper-button-prev {
    position: unset;
}
.faq-page-wrapper .faq-item .faq-body{
    display: none;
}
.faq-page-wrapper .faq-item:nth-child(1) .faq-body{
    display: block;
}
.faq-page-wrapper .faq-item:focus-within .faq-body{
    display: block;
}


/*================================================
Get A Quote Start
==================================================*/



#contact {
	background-image: url(../img/getbg.jpg);
	background-size: cover;
	width: 82%;
	margin: auto;
	padding: 2% 0px;
	border-radius: 30px;
	margin-bottom: 6%!important;
}
#contact form{
	width: 100%;
	margin: auto;
}
#contact .sendbtn {
  padding: 15px 40px !important;
  font-size: 18px;
  font-family: 'Lato', sans-serif;
  color: #fff;
  font-weight: 600 !important;
  border-radius: 50px;
  line-height: 1.3333333;
  border: 2px solid #1150d1;
  background-color: #1150d1;
  text-decoration: none;
  width: 100%;
}
#contact .sendbtn:hover{
  border: 2px solid #01326D;
  background-color: #01326D;
  transition: .5s;
}
#contact label {
    width: 100%;
	margin-top: 15px;
}
#contact select {
  width: 100%;
  border: 2px solid #b2d7d9!important;
  background: #FFF!important;
  height: 50px!important;
  padding-left: 10px;
}
#contact h3 {
	display: block;
	font-size: 40px;
	font-weight: bold;
	color: #1150d1;
	font-family: 'Lato', sans-serif;
	text-align: center;
}

#contact h4 {
	margin:5px 0 15px;
	display:block;
	font-size: 22px;
	font-weight: bold;
	color: #152238;
}

fieldset {
	border: medium none !important;
	margin: 0 0 10px;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
	width:100%;
	border: 2px solid #b2d7d9;
	background:#FFF;
	height: 50px;
}

#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border: 2px solid #b2d7d9;
}

#contact textarea {
	height:100px;
	max-width:100%;
  resize:none;
	border: 2px solid #b2d7d9;
}

#contact button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:#152237;
	color:#FFF;
	margin:0 0 5px;
	padding:10px 10px;
	font-weight: bold;
	font-size:20px;
	text-transform: uppercase;
}

#contact button[type="submit"]:hover {
	background:#1150d1;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
#contact .form-floating {
  margin-bottom: 20px;
}
#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contact input:focus, #contact textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}

label.error{
	color: darkred;
	padding-left: 10px;
	font-weight: bold;
}
input.error{
	border-color: darkred !important;
}



/*================================================
10 - SERVICE AREA CSS
==================================================*/

.service-details-right h2 {
	color: #00326d;
	font-size: 35px;
	font-weight: 700;
	text-transform: capitalize;
	line-height: 48px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	position: relative;
}
.service-details-right li a{
  font-size: 17px;
  color: #000;
}
.list-service-details li::before {
  position: relative;
  content: "\f042";
  left: -10px;
  top: 1px;
  font-size: 18px;
  font-family: 'FontAwesome';
  color: #1150d1;
}
.service_chart h3 {
  color: #152238;
  font-size: 25px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 15px;
  padding-bottom: 10px;
  position: relative;
}
.service-details-right h2:before {
	position: absolute;
	content: "";
	left: 0;
	width: 15%;
	height: 2px;
	background: #050D3C none repeat scroll 0 0;
	bottom: -1px;
}

.service-details-right p {
	margin: 0 0 10px;
	font-size: 18px;
}

.single-right-img img{
	width: 100%;
	height: 400px;
	object-fit: cover;
}

.list-service-details li {
  position: relative;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 8px;
  padding-left: 25px;
}

.finves-service-details {
	position: relative;
	padding-top: 5%;
	padding-bottom: 5%;
}
.finves-service-details h3{
  color: #000;
  font-weight: 500;
  padding-bottom: 0px;
  padding-top: 15px;
}
.finves-service-details h4{
  color: #000;
  font-weight: 500;
  padding-bottom: 0px;
  padding-top: 15px;
}
.service-page-area {
	padding-bottom: 40px
}

.service-page-area .single-service-box {
	margin-bottom: 30px;
	cursor: default
}

.finves-service-area:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 60%;
	width: 100%;
	background: url(../img/service_bg.jpg) no-repeat fixed 0 0/cover;
	z-index: -1;
}

.finves-service-area:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 60%;
	background: rgba(8, 21, 40, 0.89) none repeat scroll 0 0;
}

.finves-service-area .site-heading h2 {
	color: #eee;
	font-weight: 700;
	text-transform: capitalize;
	font-size: 37px;
	margin-bottom: 20px;
	position: relative;
	display: inline-block;
}

.single-service-box {
	padding: 50px 30px;
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ddd;
	border-radius: 0px;
	cursor: e-resize
}

.service-icon {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.service-icon img {
	width: 100%;
	height: 100%;
}

.service-text {
	text-align: center;
	margin-top: 20px;
}

.service-text h3 {
	color: #081528;
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 10px;
	text-transform: capitalize;
	margin-top: 10px;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s
}

.service-text h3:hover {
	color: #050D3C
}

.service-text a.finves-btn {
	display: inline-block;
	text-align: center;
	text-transform: capitalize;
	font-weight: 600;
	font-size: 16px;
	padding: 0px;
	background: transparent none repeat scroll 0 0;
	color: #111;
	border-radius: 0px;
	line-height: 22px;
	margin-top: 20px;
}

.service-text a.finves-btn:hover {
	background: transparent none repeat scroll 0 0;
	color: #E28714
}

.service-slider .owl-prev {
	position: absolute;
	top: 43%;
	width: 40px;
	height: 40px;
	font-size: 22px !important;
	background: #050D3C none repeat scroll 0 0 !important;
	color: #fff !important;
	border-radius: 50%;
	left: -20px;
	visibility: hidden;
	-webkit-transition: all 0.4s ease 0s !important;
	transition: all 0.4s ease 0s !important;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.service-slider .owl-next {
	position: absolute;
	top: 43%;
	width: 40px;
	height: 40px;
	font-size: 22px !important;
	background: #050D3C none repeat scroll 0 0 !important;
	color: #fff !important;
	border-radius: 50%;
	right: -20px;
	visibility: hidden;
	-webkit-transition: all 0.4s ease 0s !important;
	transition: all 0.4s ease 0s !important;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.service-slider:hover .owl-prev,
.service-slider:hover .owl-next {
	visibility: visible;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: all 0.4s ease 0s !important;
	transition: all 0.4s ease 0s !important;
}

.service-slider .owl-next:hover,
.service-slider .owl-prev:hover {
	background: #E28714 none repeat scroll 0 0 !important;
}




















/*====================*/
.navigation-wrapper.sticky {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 98471010;
    background-color: #fff!important;
    box-shadow: 0 15px 30px 0 rgba(0,0,0,.058823529411764705);
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-animation: sticky 1.2s;
    animation: sticky 1.2s;
}
.navigation-wrapper.navigation-wrapper-two-two.sticky {
    background: #004C3F;
}

@keyframes sticky {
    0% {
        top: -200px;
    }

    100% {
        top: 0;
    }

}
.nav-wrapper ul li{
    position: relative;
}
.nav-wrapper.mobile-nav-wrapper ul li a{
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    padding: 5px 0;
    border-bottom: 1px solid rgb(231 231 231);
	
}
.nav-wrapper.mobile-nav-wrapper ul li ul{
    margin-left: 16px;
}
.nav-wrapper ul li ul{
    position: absolute;
    left: -10px;
    min-width: max-content;
    border-radius: 10px;
    background: white;
    padding: 10px 0;
    box-shadow: 11px 10px 38px 0 rgba(46,63,99,.15);
    display: none;
    z-index: 99;

}
.nav-wrapper.mobile-nav-wrapper ul li ul{
    position: unset;
    left: -10px;
    display: none;
    z-index: 99;
    box-shadow:none;
    padding:0;
    margin-top: 10px;

}
.nav-wrapper ul li:hover ul{
    display: block;
    animation: tabFade 0.5s;
}
.nav-wrapper ul li ul li a{
    padding: 5px 20px;
    color: #000;
    transition: all 0.5s ease-in-out;
	font-size: 14px;
}
.nav-wrapper ul li ul li:hover a{
    padding-left:30px;
    color: #1c4cca;


}
.nav-wrapper ul li ul li{
    position: relative;

}
.nav-wrapper ul li ul li:before{
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #1c4cca;
    position: absolute;
    left:0;
    top: calc(50% - 2px);transition: all 0.5s ease-in-out;


}
.nav-wrapper ul li ul li:hover:before{
    width: 20px;
}
/*====================*/
.nav-wrapper.nav-wrapper-2 ul li{
    position: relative;
}
.nav-wrapper.nav-wrapper-2 ul li ul{
    position: absolute;
    left: -10px;
    min-width: 200px;
    border-radius: 10px;
    background: white;
    padding: 10px 0;
    box-shadow: 11px 10px 38px 0 rgba(46,63,99,.15);
    display: none;

}
.nav-wrapper.nav-wrapper-2 ul li:hover ul{
    display: block;

}
.nav-wrapper.nav-wrapper-2 ul li ul li a{
    padding: 5px 20px;
    color: #004C3F;
    transition: all 0.5s ease-in-out;
}
.nav-wrapper.nav-wrapper-2 ul li ul li:hover a{
    padding-left:30px;
    color: #004C3F;


}
.nav-wrapper.nav-wrapper-2 ul li ul li{
   position: relative;

}
.nav-wrapper.nav-wrapper-2 ul li ul li:before{
    content: '';
    display: block;
    width: 0;
    height: 3px;
     background: #028835;
    position: absolute;
    left:0;
    top: calc(50% - 2px);transition: all 0.5s ease-in-out;


}
.nav-wrapper.nav-wrapper-2 ul li ul li:hover:before{
    width: 20px;
}
/*=====mobile=====*/
.nav-wrapper .mobile-drawer .mobile-wid{
    left: -75%;
    transition: all .5s linear;
	height: 100%;
	width: 75%;
}
.nav-wrapper .mobile-drawer.active .mobile-wid{
    left: 0;
	background-color: #000;
}
.nav-wrapper .mobile-drawer .drawer-away{
    display: none;
    animation: tabFade 0.5s;
}
.nav-wrapper .mobile-drawer.active .drawer-away{
    display: block;
}
/*nav end*/

.search-bar-wrapper .search-form{
    display: none;
    animation: tabFade 0.5s;
}
.search-bar-wrapper:focus-within .search-form{
    display: block;
}

.faq-section-main-wrapper .faq-two{
    box-shadow: 0 4px 24px -6px rgba(19, 16, 34, 0.1),
    0 4px 13px -2px rgba(19, 16, 34, 0.06)
}
.faq-section-main-wrapper .headline-default {
    font-size: 35px;
    line-height: 40px;
    padding-bottom:4%;
  }



/*popv component*/
.popv-main-wrapper{
    display: none;
}
.popv-main-wrapper.active{
    display: block;
}
.popv-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}

.popv-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.popv-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

.popv-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.popv-align-top .popv-container:before {
    display: none;
}

.popv-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.popv-inline-holder .popv-content,
.popv-ajax-holder .popv-content {
    width: 100%;
    cursor: auto;
}

.popv-ajax-cur {
    cursor: progress;
}

.popv-zoom-out-cur, .popv-zoom-out-cur .popv-image-holder .popv-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.popv-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.popv-auto-cursor .popv-content {
    cursor: auto;
}

.popv-close,
.popv-arrow,
.popv-preloader,
.popv-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.popv-loading.popv-figure {
    display: none;
}

.popv-hide {
    display: none !important;
}

.popv-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.popv-preloader a {
    color: #CCC;
}

.popv-preloader a:hover {
    color: #FFF;
}

.popv-s-ready .popv-preloader {
    display: none;
}

.popv-s-error .popv-content {
    display: none;
}

button.popv-close,
button.popv-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.popv-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

.popv-close:hover,
.popv-close:focus {
    opacity: 1;
}

.popv-close:active {
    top: 1px;
}

.popv-close-btn-in .popv-close {
    color: #333;
}

.popv-image-holder .popv-close,
.popv-iframe-holder .popv-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.popv-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.popv-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

.popv-arrow:active {
    margin-top: -54px;
}

.popv-arrow:hover,
.popv-arrow:focus {
    opacity: 1;
}

.popv-arrow:before,
.popv-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.popv-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.popv-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.popv-arrow-left {
    left: 0;
}

.popv-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px;
}

.popv-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
}

.popv-arrow-right {
    right: 0;
}

.popv-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px;
}

.popv-arrow-right:before {
    border-left: 27px solid #3F3F3F;
}

.popv-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.popv-iframe-holder .popv-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.popv-iframe-holder .popv-close {
    top: -40px;
}

.popv-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.popv-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}

/* Main image in popup */
img.popv-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}


	/*--======================================
		start Get A Quote
	-=============================================*/

:root{
    --background:#1150d1;
}
#companyswiper .box{
    background: #fff;
    font-family: 'PT Sans', sans-serif;
    text-align: center;
    overflow: hidden;
    position: relative;
	border-radius: 10px;
	margin-bottom: 30px;
}
#companyswiper.box:before{
    content: "";
    background: var(--background);
    width: 100%;
    height: 20px;
    position: absolute;
    bottom:-20px;
    left: 0;
    transition: all 0.4s ease;
    z-index: 1;
}
#companyswiper .box:hover:before{ bottom: 0; }
#companyswiper .box img{
    width: 100%;
    height: 250px;
	object-fit: cover;
    transform: scale(1.1);
    transition: all 0.4s ease;
	background: #000;
	opacity: 0.3;

}
#companyswiper .box .box-content{
    color: #152238;
    width: 100%;
    padding: 15px 0 25px;
    transform: translateX(-50%) ;
    position: absolute;
    top: 0px;
    left: 50%;
    transition: all 0.4s ease;
}
#companyswiper .box:hover .box-content{ top: 0px; transition: .5s; }
#companyswiper .box .title{
    font-size: 35px;
    font-weight: 900;
    text-transform: uppercase;
	padding-bottom: 0px;
	padding-top: 85px;
}
#companyswiper .box .post {
  font-size: 13px;
  text-transform: capitalize;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, .6);
  opacity: 0.9;
  width: 80%;
  line-height: 15px;
  margin: auto;
}
@media only screen and (max-width:990px){
 #companyswiper .box{ margin: 0 0 30px; }
}


/*--======================================
		End Get A Quote
	-=============================================*/













	/*--======================================
		start blog page
	-=============================================*/
.dreamit-single-blog-box {
    padding: 15px;
    margin-bottom: 30px;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 15px;
    padding-bottom: 30px;
    transition: .5s;
}
.style-two .dreamit-single-blog-box {
    padding: 0px;
    padding-bottom: 38px;
}
.dreamit-single-blog-box:hover{
	box-shadow: 0 5px 30px rgba(0,0,0,0.2);
	background: #C7E0CE;
}
.dreamit-blog-thumb {
    position: relative;
}
.dreamit-blog-thumb img {
    width: 100%;
	height: 250px;
	object-fit: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.post-catgory {
    position: absolute;
    top: 10px;
    left: 17px;
}
.post-catgory a {
    background: #144b5f;
    display: inline-block;
    padding: 3px 10px;
    font-size: 14px;
    color: #fff;
    border-radius: 3px;
    text-transform: uppercase;
}
.dreamit-meta-box {
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
    padding: 12px 19px;
    text-align: center;
    border-radius: 3px;
    position: relative;
    top: -24px;
    background: #fff;
    margin: 0 20px;
}
.style-two .dreamit-meta-box {
    box-shadow: none;
    padding: 12px 19px;
    text-align: left;
    border-radius: 3px;
    position: relative;
    top: 0;
    background: #fff;
    margin: 0;
}
.dreamit-meta-box a {
    color: #6c757d;
    margin-right: 0px;
    position: relative;
	cursor: auto!important;
	
}
/*
.dreamit-meta-box a:before {
    position: absolute;
    content: "";
    top: 6px;
    right: -15px;
    height: 15px;
    width: 1px;
    background: #6c757d;
}
*/
.dreamit-meta-box a:hover{
	color: #144b5f;
}
.dreamit-meta-box h3 {
    font-size: 13px;
    display: inline-block;
    color: #6c757d; 
	font-family: 'Poppins', sans-serif;
}
.dreamit-meta-box h3:hover{
	color: #144b5f;
}
.dreamit-meta-box a {
    color: #616161;
}
.dreamit-blog-content {
    padding: 0px 24px 0px;
    text-align: center;
}
.dreamit-blog-button {
    margin-top: 20px;
}
.dreamit-blog-title h2 a {
    font-size: 18px;
    font-weight: 700;
    display: block;
    color: #232323;
    transition: .3s;
	font-family: 'Poppins', sans-serif;
    text-align: center;
	cursor: auto;
}
.style-two .dreamit-blog-title h2 a {
    text-align: left;
	font-family: 'Poppins', sans-serif;
}
.dreamit-blog-title h2 a:hover{
	color: #144b5f;
}
.dreamit-blog-button a i {
    font-size: 12px;
}
.dreamit-blog-content p {
    margin-top: 15px;
    font-size: 17px;
	min-height: 100px;
	font-family: 'Poppins', sans-serif;
	color: #4d4d4d;
}
.dreamit-blog-button a {
    display: block;
    text-transform: capitalize;
    padding: 9px 10px;
    border: 1px solid #eee;
    color: #616161;
    font-weight: 400;
    margin-top: 5px;
    transition: .3s;
    border-radius: 3px;
}
.dreamit-blog-button a:hover{
	background:red;
}
.dreamit-blog-button a:hover{
	color: #fff;
}
.page-number ul li a{
  background: #144b5f;
  color: #fff;
	padding: 10px;
  border-radius: 5px;
	display: inline-block;
}
.page-number ul li a.active {
  background: #144b5f;
}
.readmore{
	font-size: 18px;
	letter-spacing: 1px;
	margin: 0;
	font-family: 'Poppins', sans-serif;
	background-color: #13213c;
	color: #fff;
	padding: 7px 15px;
    border-radius: 50px;	
}
.readmore:hover{
	font-size: 18px;
	letter-spacing: 1px;
	margin: 0;
	font-family: 'Poppins', sans-serif;
	color: #fff;
	background-color: #1150d1;	
	transition: .5s;
	padding: 10px 15px;	
}



.blog-area.style-three{
    background: #f4f7fc;
	padding: 20px;
}


/*------  Start blog Details ----*/

/* Blog Sidebar */
	.main-sidebar {
		background: #fff;
		margin-top: 30px;
		background: transparent;
	}

	.main-sidebar .single-widget {
		margin-bottom: 30px;
		padding: 40px;
		background: #fff;
		-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
		-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
		border-radius: 8px;
	}

	.main-sidebar .single-widget .title {
		position: relative;
		font-size: 18px;
		font-weight: 600;
		text-transform: capitalize;
		margin-bottom: 30px;
		display: block;
		background: #fff;
		padding-left: 12px;
	}

	.main-sidebar .single-widget .title::before {
		position: absolute;
		content: "";
		left: 0;
		bottom: -1px;
		height: 100%;
		width: 3px;
		background: #1150d1;
	}

	.main-sidebar .single-widget:last-child {
		margin: 0;
	}

	.main-sidebar .search {
		position: relative;
	}

	.main-sidebar .search input {
		width: 100%;
		height: 45px;
		box-shadow: none;
		text-shadow: none;
		font-size: 14px;
		border: none;
		color: #222;
		background: transparent;
		padding: 0 70px 0 20px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		transition: all 0.4s ease;
		border-radius: 0;
		border: 1px solid #eee;
		border-radius: 5px;
	}

	.main-sidebar .search .button {
		position: absolute;
		right: 40px;
		top: 40px;
		height: 44px;
		width: 50px;
		line-height: 45px;
		box-shadow: none;
		text-shadow: none;
		text-align: center;
		border: none;
		font-size: 14px;
		color: #fff;
		background: #333;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		transition: all 0.4s ease;
		border-radius: 0 5px 5px 0;
	}

	.main-sidebar .search .button:hover {
		background: #1150d1;
		color: #fff;
	}

	/* Category List */
	.main-sidebar .categor-list {
		margin-top: 15px;
	}

	.main-sidebar .categor-list li {
		margin-bottom: 10px;
	}

	.main-sidebar .categor-list li:last-child {
		margin-bottom: 0px;
	}

	.main-sidebar .categor-list li a {
		display: inline-block;
		color: #333;
		font-size: 14px;
	}

	.main-sidebar .categor-list li a:hover {
		color: #1150d1;
		padding-left: 7px;
	}

	.main-sidebar .categor-list li a i {
		display: inline-block;
		margin-right: 0px;
		font-size: 9px;
		transform: translateY(-1px);
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

	.main-sidebar .categor-list li a:hover i {
		margin-right: 6px;
		opacity: 1;
		visibility: visible;
	}

	/* Recent Posts */
	.main-sidebar .single-post {
		position: relative;
		border-bottom: 1px solid #ddd;
		display: inline-block;
		padding: 17px 0;
	}

	.main-sidebar .single-post:last-child {
		padding-bottom: 0px;
		border: none;
	}

	.main-sidebar .single-post .image img {
		float: left;
		width: 80px;
		height: 70px;
    border-radius: 5px;
    object-fit: cover;
		margin-right: 20px;
	}
.comment {
  margin-bottom: 0px;
}
	.main-sidebar .single-post .content {
		padding-left: 100px;
	}

	.main-sidebar .single-post .content h5 {
		line-height: 18px;
	}

	.main-sidebar .single-post .content h5 a {
		color: #2C2D3F;
		font-weight: 500;
		font-size: 14px;
		font-weight: 500;
		margin-top: 10px;
		display: block;
		margin-bottom: 10px;
		margin-top: 0;
	}

	.main-sidebar .single-post .content h5 a:hover {
		color: #1150d1;
	}

	.main-sidebar .single-post .content .comment li {
		color: #888;
		display: inline-block;
		margin-right: 15px;
		font-weight: 400;
		font-size: 14px;
	}

	.main-sidebar .single-post .content .comment li:last-child {
		margin-right: 0;
	}

	.main-sidebar .single-post .content .comment li i {
		display: inline-block;
		margin-right: 5px;
	}

	/* Blog Tags */
	.main-sidebar .side-tags .tag {
		margin-top: 40px;
		position: relative;
		right: 0px;
	}

	.main-sidebar .side-tags .tag li {
		display: inline-block;
		margin-right: 7px;
		margin-bottom: 20px;
	}

	.main-sidebar .side-tags .tag li a {
		background: #fff;
		color: #333;
		padding: 8px 14px;
		text-transform: capitalize;
		border-radius: 0;
		font-size: 13px;
		background: #F6F7FB;
		border-radius: 4px;
	}

	.main-sidebar .side-tags .tag a:hover {
		color: #fff;
		background: #1150d1;
		border-color: transparent;
	}

	/* News Single */
	.news-single {
		padding: 60px 0 90px;
		background: #f8f8f8;
	}

	.news-single .single-main {
		margin-top: 30px;
		background: #fff;
		padding: 30px;
		-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
		-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
		border-radius: 8px;
	}

	.news-single .news-head {}

	.news-single .news-head img {
		width: 100%;
		height: 100%;
	}

	.news-single .news-title {
		font-size: 25px;
		margin: 20px 0;
	}

	.news-single .news-title a {
		color: #252525;
		font-weight: 600;
		font-size: 20px;
	}

	.news-single .news-title a:hover {
		color: #1150d1;
	}

	/* Blog Meta */
	.news-single {
		background: #fff;
	}

	.news-single .meta {
		overflow: hidden;
		border-top: 1px solid #ebebeb;
		border-bottom: 1px solid #ebebeb;
		width: 100%;
		padding: 10px 0;
		margin-bottom: 15px;
	}

	.news-single .meta span {
		margin-right: 10px;
		display: inline-block;
	}

	.news-single .meta span:last-child {
		margin: 0;
	}

	.news-single .meta span,
	.news-single .meta span a {
		color: #2C2D3F;
		font-weight: 400;
	}

	.news-single .meta span i {
		margin-right: 5px;
		color: #1150d1;
	}

	.news-single .meta-left {
		float: left;
	}

	.news-single .meta-left .author img {
		width: 45px;
		height: 45px;
		border-radius: 100%;
		margin-right: 12px;
	}

	.news-single .meta-left .author {
		float: left;
	}

	.news-single .meta-left span.date {
		margin-top: 0px;
	}

	.news-single .meta-right {
		float: right;
		margin-top: 10px;
	}

	.news-single .news-content {
		margin: 20px 0;
	}

	.news-single .news-content p {
		margin-bottom: 10px;
	}

	.news-single .news-content p:last-child {
		margin: 0;
	}

	.news-single .news-text p {
		font-size: 16px;
		margin-bottom: 20px;
	}

	/* Image Gallery */
	.news-single .image-gallery {
		margin-bottom: 20px;
	}

	.news-single .image-gallery .single-image img{
		width: 100%;
		height: 300px;
		object-fit: cover;
		border-radius: 20px;
	}


/*------  end blog Details ----*/






/*--------------------------------------------------------------
# Client Carousel
--------------------------------------------------------------*/
.client-carousel {
  position: relative;
  padding-top: 2%;
  padding-bottom: 3%;
  background-color: #fff;
}
.client .section-header h3 {
  font-size: 40px;
  line-height: 45px;
  color: #152238;
  font-weight: bold;
  padding-top: 4%;
}
@media (max-width: 767px) {
  .client-carousel {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 575px) {
  .client-carousel {
    padding-top: 40px;
    padding-bottom: 40px;
  }

}
.client-carousel--home .container {
  position: relative;
}
.client-carousel--home .container::before {
  content: "";
  position: absolute;
  top: -80px;
  left: 50%;
  width: calc(100% - 30px);
  transform: translateX(-50%);
  height: 1px;
  background-color: var(--sifoxen-gray, #DDD8DB);
}
@media (max-width: 767px) {
  .client-carousel--home .container::before {
    top: -60px;
  }
}
@media (max-width: 575px) {
  .client-carousel--home .container::before {
    top: -40px;
  }
}
.client-carousel--home-2 {
  background-color: var(--sifoxen-white2, #F5F2F4);
}
.client-carousel--home-two {
  background-color: var(--sifoxen-white2, #F5F2F4);
}
.client-carousel--home-three {
  padding-top: 0;
}
.client-carousel--home-three .client-carousel__one .owl-stage-outer {
  padding-top: 0px;
}
.client-carousel__one .owl-stage {
  display: flex;
  align-items: center;
}
.client-carousel__one {
  position: relative;
}
.client-carousel__one .owl-stage-outer {
  padding-top: 20px;
  padding-bottom: 20px;
}
.client-carousel__one__item {
  position: relative;
  text-align: center;
}
.client-carousel__one__item img {
  height: 100px;
  object-fit: contain;
	border: 1px solid #eee;
	padding: 10px;
}
.client-carousel__one__image {
  margin: auto;
}
.client-carousel__one__hover-image {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 300ms ease;
}
.client-carousel__one__item:hover .client-carousel__one__hover-image {
  opacity: 1;
}













/* The shadow behind the image */
.popv-figure {
    line-height: 0;
}

.popv-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}

.popv-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.popv-figure figure {
    margin: 0;
}

.popv-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.popv-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.popv-image-holder .popv-content {
    max-width: 100%;
}

.popv-gallery .popv-image-holder .popv-figure {
    cursor: pointer;
}
@keyframes tabFade{
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.shake {
    animation: shake 5000ms infinite;
}

@keyframes shake {
    0% { transform: rotate(0deg); }
    8.0% { transform: rotate(0deg); }
    12.0% { transform: rotate(42deg); }
    16.0% { transform: rotate(-35deg); }
    20.0% { transform: rotate(0deg); }
    23.0% { transform: rotate(28deg); }
    26.0% { transform: rotate(-20deg); }
    29.0% { transform: rotate(0deg); }
    31.0% { transform: rotate(16deg); }
    33.0% { transform: rotate(-12deg); }
    35.0% { transform: rotate(0deg); }
    37.0% { transform: rotate(-6deg); }
    39.0% { transform: rotate(0deg); }
    40.0% { transform: rotate(6deg); }
    44.0% { transform: rotate(-3deg); }
    49.0% { transform: rotate(2deg);}
    55.0% { transform: rotate(0deg); }
    62.0% { transform: rotate(1deg); }
    70.0% { transform: rotate(0deg); }
}

.button-outer-circle,.button-outer-circle {
    background: hsl(133.4deg 73.02% 15.02% / 20%);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}
.has-scale-animation,.has-delay-short {
    -webkit-animation: smallScale 3s infinite;
    animation: smallScale 3s infinite;
}
.has-delay-short {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

@keyframes smallScale {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }

	
	
	
	
	
	

}



@media (max-width: 870px) {
.iconbox {
  display: flex;
  float: right;
  position: relative;
  left: 0px;
}
.mobile-drawer button i {
    font-size: 30px;
    color: red;
    position: relative;
    float: none;
    top: 30px;
    right: -160px;
  }
#contact h3 {
  display: block;
	font-size: 30px;
}	
#contact h4 {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #152238;
}
#calculatorpage .serviceBox {
  color: #fff;
  width: 100%;
  margin: auto;
  margin-bottom: 30px;
}
#conditions .section-heading h2 {
	font-size: 30px;
}
.pt-10 {
  padding-top: 0rem!important;
}
.nav-wrapper ul li ul li:hover::before{
  width: 0px!important;
}	
	
.nav-wrapper.mobile-nav-wrapper ul li a {
  width: 100%;
  font-size: 12px!important;
  padding: 3px 0!important;
}
 .logo-area img {
    width: 300px!important;
    height: 70px!important;
  }
.client .section-header h3 {
  font-size: 30px!important;
  line-height: 35px!important;
  color: #152238;
  font-weight: bold;
  padding-top: 4%;
}	
.progress-step .item h2{
  font-size: 20px!important;	
	padding-top: 20px;	
}
#testimonials .headline-default {
  padding-bottom: 2%;
}
	.googlepic img{
		width: 100px;
		height: 50px;
		object-fit: contain;
	}
.choose .section-header h3 {
  font-size: 30px;
  line-height: 35px;
  color: #152238;
  font-weight: bold;
  padding-top: 4%;
  text-transform: capitalize;
}	
.footer-logo img{
	width: 250px;
	height: 50px;
	object-fit: contain;
}	
.footer-logo {
  width: 100%;
}
.contact .bg-violet {
  padding: 20px 20px;
  min-height: auto;
  margin-bottom: 30px;
}
.contact form {
  margin-top: 0%;
}	
	.contact iframe{
		margin-bottom: 30px;
	}
	
	
	
	
	
	
	
}



	


@media (max-width: 768px) {
    .hero-image-1{
        background-position: 70% center;
    }
	.about-article-area .readmore {
  width: 30%;
  border-radius: 10px !important;
  text-align: center;
}
.blog-area .latestnew {
    font-size: 30px;
    padding: 10px 20px;
    background: #13213c;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 50%!important;
  }
.form-container	h1{
	font-size: 25px;
}	
 .logo-area img{
    width: 250px!important;
    height: 80px!important;
  }	
.googlepic {
  position: absolute;
  right: 0;
  z-index: 23;
  top: -15px;
}	
#testimonials {
  padding-top: 8%;
  padding-bottom: 7%;
}	
.quick-links {
  padding-top: 6%;
}	
.footerlinks {
  width: 100%;
  display: flex;
  justify-content: center!important;
  position: relative;
  z-index: 12;
}
#help {
  padding-top: 6%;
  padding-bottom: 10%;
}
.mobile_no_container p span {
  position: relative;
  z-index: 878;
  margin-top: 0px;
  width: 100%;
}
.mobile_no_container span {
  position: relative;
  left: 0px;
  padding-top: 15px;
  width: 100%;
}
.contactusgroup {
  display: block!important;
  justify-content: space-between;
  padding-bottom: 0%;
}
.mobile_no_container .num{
	position: absolute;
}
 .mobile_no_container .num {
    position: absolute;
    margin-top: -15px;
    left: 12px;
  }
.contactusgroup .input_group .input_wrapper input, .input_group .input_wrapper select {
  border: 1px solid rgba(49, 68, 81, .9);
}
.mobile_no_container {
  margin-right: 0px;
}


}


@media (max-width: 640px) {
    .hero-image-1{
        background-position: 50% center;
    }
    .faq-section-main-wrapper .faq-two{
        box-shadow:none
    }
    .about-shape{
        top: 50px;
        left: 100px;
    }
.py-10 {
    padding-top: 0rem!important; 
    padding-bottom: 0rem!important; 
    padding: 10px!important;
}
.sendbtn {
  padding: 5px 40px!important;
}
.sendbtn:hover{
  padding: 5px 40px!important;
}

}



/*responsive end*/









:root{
    --white:#fff;
    --main-color: #1150d1;
    --dark-color: #022a45;
}
.hvr-float-shadow::before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 85%!important;
}
.counter{
    color: var(--white);
    font-family: 'Hind', sans-serif;
    text-align: center;
    width: 80%;
    padding: 30px 10px;
    border: 1px solid var(--main-color);
    border-right: 4px solid var(--main-color);
    position: relative;
    z-index: 1;
    margin: auto;
     margin-bottom: 20px;
}
.counter .counter-icon i{
	font-size: 40px;
    transform-origin: center -20px;

}
@keyframes swing {
    0% { transform: rotate(3deg); }
    100% { transform: rotate(-3deg); }
}
.counter:hover .counter-icon i{
	transition: all 2s ease;
	transform: rotateX(360deg);
}
.counter:before,
.counter .counter-icon:before,
.counter .counter-icon:after{
    content: "";
    position: absolute;
}
.counter .counter-icon:before,
.counter .counter-icon:after{
    background:linear-gradient(to top left,var(--dark-color) 49%,transparent 50%);
    width: 8px;
    height: 13px;
    top: -2px;
    left: -8px;
}
.counter:before{  
    width: 100%;
    height: calc(100% - 20px);
    border-radius: 0 50px 50px 0;
    box-shadow: 6px 6px 6px rgba(0,0,0,0.4);
    transform: translateX(0) translateY(-50%);
    top: 50%;
    left: -8px;
    z-index: -1;
    background: linear-gradient(0deg, rgba(41,83,132,1) 0%, rgba(17,80,209,1) 100%); 
}
/*
.bg2:before{
	background-image: url(../img/calculatorbg.jpg);
	background-size: cover;
}
.bg3:before{
	background-image: url(../img/formsbg.jpg);
	background-size: cover;
}
*/
.counter:hover::before{
	filter: blur(1px);
	box-shadow: 0 0 100px #fff;
	transition: .5s;
}
.counter .counter-icon:after{
    background:linear-gradient(to top right,transparent 49%,var(--dark-color) 50%);
    top: 120px;
    bottom: 3px;
}
.counter h3{
    font-size: 16px;
    font-weight: bold;
    text-transform: capitalize;
    margin: 0 0 10px;
    transform-origin: center -20px;
}
.counter .counter-value{
    font-size: 35px;
    font-weight: 600;
    display: block;
}

@media screen and (max-width:990px){
    .counter{ margin-bottom: 40px; }
}   








#formspage {
  padding-top: 12%;
  padding-bottom: 14%;
}

:root{
    --color:#FE9400;
}
#formspage .serviceBox{
    color: #0090ff;
    background: #058ebb;
    font-family: 'Raleway', sans-serif;
    text-align: right;
    padding: 0 20px 20px;
    overflow: hidden;
    position: relative;
    margin: 50px auto 0;
    z-index: 1;
}
#formspage .serviceBox:before,
#formspage .serviceBox .service-icon:before,
#formspage .serviceBox .service-icon:after{
    content: "";
    position: absolute;
    top: 50%;
}
#formspage .serviceBox:before{
     background: radial-gradient(circle, rgba(17,80,209,1) 0%, rgba(0,51,112,1) 100%); 
    width: calc( 100% - 15px);
    height: calc(100% - 15px);
    box-shadow: 6px 6px 8px rgba(0,0,0,0.3);
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    z-index: -1;
}
#formspage .serviceBox .service-icon{
    color: #fff;
    background:#232b99;
    font-size: 40px;
    text-align: center;
    line-height: 140px;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    margin: -40px auto 20px;
}
#formspage .serviceBox .service-icon:before,
#formspage .serviceBox .service-icon:after{
    background:#2bc9ce;
    width: 10px;
    height: 100px;
    border-radius: 0 3px 3px 0;
    transform: translateY(-50%);
    left: 7px;
}
#formspage .serviceBox .service-icon:after{
    border-radius: 3px 0 0 3px;
    left: auto;
    right: 7px;
}
#formspage .serviceBox .title{
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 5px;
	color: #fff;
}

#formspage .serviceBox.pink{ --color:#e056fd; }
#formspage .serviceBox.blue{ --color:#018CF5; }
#formspage .serviceBox.red{ --color: #DC1625; }
@media only screen and (max-width: 1199px){
    #formspage .serviceBox{ margin: 0 0 40px; }
}












/*--------------------------------------------------------------
Start Responsive 
--------------------------------------------------------------*/



@media (max-width: 2220px) {
.nav-wrapper ul li a {
  font-size: 18px;
  line-height: 20px;	
}	
.flex.space-x-7.items-center {
  position: relative;
  left: 10%;
  top: 10px;
}	
.xl\:flex.hidden.items-center.number_box i {
  font-size: 30px;
  position: relative;
  top: 10px;
  left: 25px!important;
}	
	
	
	
	
}



@media (max-width: 1920px) {
.nav-wrapper ul li a {
  font-size: 16px;
  line-height: 20px;	
}	
.flex.space-x-7.items-center {
  position: relative;
  left: 10%;
  top: 10px;
}	
	
	
	
	
	
	
}





@media (max-width: 1620px) {
.nav-wrapper ul li a {
  font-size: 12px;
  line-height: 20px;	
}
.flex.space-x-7.items-center {
  position: relative;
  left: 3%;
  top: 10px;
}	
.logo-area img {
  width: 300px!important;
  height: 120px!important;
}	
.number_sec {
  position: relative;
  top: -5px!important;
  right: 30px;
}	
	
	
	
	
	
	
}
	






@media (max-width: 1280px) {
	
}
@media (max-width: 1024px) {
.hero-area {
height: 600px;
}
.theme-container{
/*1290*/
width: auto;
padding: 0 20px;
}
	
	
	
}








@media (max-width: 991px) {
.navigation-wrapper .w-\[77px\].h-full.xl\:flex.lg\:hidden.flex.justify-center.items-center{
  display: block;
}	
.mobile-wid .logo-area{
  margin-left:0px;
}
.flex.iconbox {
  float: none;
  justify-content: center;
  margin-top: 20px;
}
.top-bar .common-trans {
    height: 50px;
  }
.single-image {
  margin-bottom: 30px;
}	
  .contact-links {
    position: relative;
    z-index: 4565;
    padding-top: 10px;
    border-bottom: 2px solid #293446;
  }
	 .quick-links {
    padding-top: 6%;
    position: relative;
    z-index: 787;
  }
  .footercont {
    padding-bottom: 10%;
    z-index: 12121;
    position: relative;
  }
/*.page-title-wrapper::before {
  content: "";
  margin-top: -55px;
  background-color: rgba(0,0,0,0.3);
  width: 100%;
  height: 37%;
  position: absolute;
  z-index: 12;
}*/
.page-title-wrapper {
  padding-top: 7%;
  padding-bottom: 7%;
  background-image: url(../img/inner-page-banner.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 250px;
}	
.about-article-area {
    padding-bottom: 10%;
    padding-top: 10%;
  }	
.faq-section-main-wrapper.w-full {
  padding-bottom: 5%;
}	
.md\:w-\[500px\] {
width: 400px;
}
.md\:h-\[500px\] {
height: 400px;
}	
	.form-container h1{
		font-size: 25px;
	}	
.about-article-area .readmore {
  width: 25%;	
}	
	
}

@media (max-width: 840px) {
.theme-container h1 {
	line-height: 35px !important;
	width: 60% !important;
	font-size: 30px;
}
.contact-links {
  position: relative;
  z-index: 4565;
}	
.page-title-wrapper {
    background-image: url(../img/inner-page-banner.png);
    background-size: cover;
    background-position: bottom;
  }	

}


@media (max-width: 768px) {
.py-\[23px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}
.px-\[42px\] {
  padding-left: 20px;
  padding-right: 20px;
}	
	
}



@media (max-width: 767px) {
	.about-article-area p {
  width: 100%;
}
.py-\[20px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}	
.p-3{
  padding: 5px!important;
}	
.copyright {
    text-align: center;
    padding-top: 10px;
  }
#testimonials .headline-default{
    font-size: 20px;
    line-height: 25px;
    text-transform: capitalize;
    width: 70%;
  }	
	
	
	
}

@media (max-width: 640px) {
.hero-style {
height: 350px;
}	
.googlepic {
  position: absolute;
  right: 0;
  z-index: 23;
  top: -10px;
}	
.justify-center {
  padding-left: 0px;
}
.headline-default {
    font-size: 27px;
    line-height: 30px;
    text-transform: capitalize;
  }	
.abtpic {
  width: 75%;
  height: 100%;
  position: relative;
  z-index: 13;
  left: 0px;
  top: 0px;
}	
.counter-box {
    position: absolute;
    left: 65%;
    margin-top: 50px;
    width: 150px;
  }	
  .logo-area img {
    width: 300px !important;
    height: 80px !important;
  }
.copyright {
  text-align: center;
}
.footerlinks {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 12;
}	
.footer-wrapper .contact-links i {
  position: relative !important;
  top: -1px !important;
}	
  .contact-links {
    position: relative;
    z-index: 4565;
    padding-top: 10px;
    padding-bottom: 10px;
  }
/* .page-title-wrapper::before {
    content: "";
    margin-top: -40px;
    background-color: rgba(0,0,0,0.3);
    width: 100%;
    height: 30%;
    position: absolute;
    z-index: 12;
  }	*/
 .page-title-wrapper {
    padding-top: 7%;
    padding-bottom: 7%;
    height: 200px;
  }	
.about-area .aboutpic img {
  width: 100%;
  height: 300px;
  object-fit: contain;
  position: relative;
  left: 0px;
}	
.md\:h-\[500px\] {
    height: 250px;
  }
  .md\:w-\[500px\] {
    width: 200px;
 }	
.about-area .sm\:top-\[432px\] {
  top: 150px;
  position: absolute;
  left: 50%;
}	
.leading-\[26px\] {
  line-height: 3px;
}	
.w-\[250px\] {
  width: 200px;
}
.h-\[94px\] {
  height: 70px;
}	
.thumbnail-area.aboutpic .theme-container p {
  font-weight: bold;
  font-size: 17px;
  position: relative;
  top: 10px;
}	
	
	
	
}
	
	
	
	
	
	
	

@media (max-width: 575px) {	
.px-\[46px\] {
  padding-left: 15px;
  padding-right: 15px;
}	
.copyrighttext {
  padding-top: 0px;
}
  .about-article-area .readmore {
    width: 40%;
    border-radius: 10px !important;
    text-align: center;
  }	
.footer-logo img {
  width: 200px;
  margin: auto;
}	
.footer-logo {
  width: 40%;
  background: #fff;
}
.footercont {
  padding-bottom: 10%;
}	
.p-3 {
  padding:5px!important;
}
 .mobile-drawer button i {
    font-size: 30px;
    color: red;
    position: relative;
    float: none;
    top: 30px;
    right: -100px;
  }	
 .theme-container h1 {
    line-height: 25px !important;
    width: 60% !important;
    font-size: 25px!important;
  }	
.page-title-wrapper .headline-default {
    font-size: 18px;
    line-height: 20px;
    text-transform: capitalize;
	padding-top: 8px;
  }
.service-details-right h2 {
  color: #1150d1;
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 22px;
  margin-bottom: 15px;
  padding-bottom: 10px;
  position: relative;
}	
.service-details-right p {
  margin: 0 0 10px;
  font-size: 15px;
}
.single-right-img img {
  width: 100%;
  height: 200px;
  object-fit: fill;
}	
	.single-right-img{
		margin-bottom: 30px;
	}	
.service_chart h3 {
  color: #152238;
  font-size: 18px;	
	}
	.contact h2 {
  color: #1150d1 !important;
  font-size: 25px;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  text-align: center;
}
.contact h3 {
  color: #000;
  font-size: 17px;	
}
#contact input[type="text"]{
  width: 100%;
  border: 2px solid #b2d7d9;
  background: #FFF;
  height: 35px;
}
#contact .form-floating {
  margin-bottom: 10px;
}	
.top-bar .text-base.text-primary-100 {
  font-weight: bold;
  color: #000;
  font-size: 13px;
}
.iconbox a{
	font-size: 13px;
}
#getintouch {
  padding-top: 0%;
  padding-bottom: 0%;
}	
#getintouch .container{
	padding: 0px;
	margin: 0px;
	max-width: 100%!important;
}	
.form_box {
  width: 100%;
  background-color: #fff;
  padding: 35px 20px;
  border-radius: 0px;
  margin-top: 0px;
  padding-bottom: 0px!important;
}
iframe {
  border-radius: 0px!important;
}	
.top_info{
  display: none!important;
}	
.form-container {
  background-color: #162238;
  border-radius: 10px;
  position: relative;
  padding: 20px;
  color: #fff;
  top: 30px;
  width: 90%;
}	
#companyswiper .box .title {
  font-size: 20px;
  font-weight: 900;
}
.dreamit-blog-content {
  padding: 0px;
  text-align: center;
}



}




@media (max-width: 480px) {	
.hero-style {
    height: 250px;
  }	
.hero-style .theme-container.xl\:mx-auto {
    left: 0% !important;
  }
 .theme-container h1 {
    line-height: 25px !important;
    width: 90% !important;
    font-size: 25px !important;
  }	
  .about-article-area .readmore {
    width: 50%;
    border-radius: 10px !important;
    text-align: center;
  }
 .counter-box {
    position: absolute;
    left: 55%;
    margin-top: 70px;
    width: 130px;
  }	
.mb-\[30px\] {
  margin-bottom: 10px;
}	
.choose .section-header h3 {
    font-size: 24px;
    line-height: 25px;
}
  .client .section-header h3 {
    font-size: 24px !important;
    line-height: 25px !important;
    color: #152238;
    font-weight: bold;
    padding-top: 4%;
  }	
.form_box .headline-default {
  font-size: 22px;
  line-height: 25px;	
}
.form_box input {
  padding: 5px;
  height: 50px;
}	
  .blog-area .latestnew {
    font-size: 25px;
    padding: 10px 20px;
    background: #13213c;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 60% !important;
  }	
 .common-trans {
    height: auto;
  }	
.logo-area img {
    width: 200px!important;
    height: 80px!important;
  }	
 .page-title-wrapper {
    padding-top: 7%;
    padding-bottom: 7%;
    height: 107px;
  }	
/*	 .page-title-wrapper::before {
    content: "";
    margin-top: -28px;
    background-color: rgba(0,0,0,0.3);
    width: 100%;
    height: 22%;
    position: absolute;
    z-index: 12;
  }*/
  .footer-logo {
    width: 100%;
    background: #fff;
  }	
.list-service-details li {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
  padding-left: 25px;
}	
.list-service-details li::before {
  position: relative;
  content: "\f042";
  left: -10px;
  top: 1px;
  font-size: 14px;
  font-family: 'FontAwesome';
  color: #1150d1;
}	
.mt-5{
  margin-top: 0rem!important;
}	
 .page-title-wrapper .theme-container p {
	width: 100%;
    font-weight: normal!important;
    font-size: 10px!important;
  }	
#calculatorpage .serviceBox .title {
  font-size: 15px;
  padding-top: 10px;	
}
.top_info .items-center {
  justify-content: center;
}	
.top_info {
  display: flex;
}	
.flex.iconbox {
  left: 0px;
}	
.w-\[50px\] {
  width: 30px;
}	
.getbtn {
  line-height: 17px;
  font-size: 17px;
  padding: 8px 10px;
  position: relative;
  left: 1px;
}	
.getbtn2 {
    line-height: 17px;
    padding: 9px 20px;
  }
.getbtn::after{
  content: "" !important;
  position: absolute !important;
  width: 1px !important;
  height: 30px !important;
  background: #eee !important;
  right: 1px;
  top: auto;
  margin-top: -7px;
}
 .iconbox {
    display: flex;
    float: none;
    position: relative;
    left: -2px;
    height: 35px;
    justify-content: center;
  }	
.top-bar .common-trans {
    height: 35px;
	  border: 1px solid #e5e7eb;
    line-height: 15px;
}
 .iconbox .w-\[50px\]{
    width: 40px!important;
  }	
.top-bar .container-fluid {
  padding: 0px;
  margin: 0px;
}
 .getbtn::after {
    content: "" !important;
    position: absolute !important;
    width: 1px !important;
    height: 30px !important;
    background: #eee !important;
    right: 2px;
    top: auto;
    margin-top: -6px;
  }
.top_info .w-\[1px\] {
  width: 0px;
}
.about-area.w-full .mb-10 {
  margin-bottom: 0rem;
}
.headline-default {
	font-size: 20px;
	line-height: 25px;
	text-transform: capitalize;
}
.top-bar{
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url(../img/menubg.jpg);
}
.iconbox a{
    font-size: 12px!important;
  }
a.mega-menu-link {
    line-height: 25px!important;
    height: 30px!important;
}
.footercont .common-trans {
  background-color: #fff;
  height: 35px;
  padding-right: 0px;
  line-height: 16px;
}
.readmore {
  font-size: 15px;
}
.dreamit-blog-content p {
  margin-top: 15px;
  font-size: 16px;
  min-height: auto;
  font-family: 'Poppins', sans-serif;
  color: #4d4d4d;
}
}



@media (max-width: 450px) {	
.getbtn {
    padding: 8px 5px;
    position: relative;
    text-align: center;
  }
 .iconbox .w-\[50px\] {
    width: 40px!important;
  }
 .iconbox a {
    font-size: 11px!important;
  }
  .iconbox {
    position: relative;
    left: -5px;
  }
.iconbox i{
	font-size: 18px;
}




}


@media (max-width: 440px) {	
 .iconbox {
    width: 120.5%;
    left: -39px;
  }
.getbtn {
    padding: 8px 5px;
    position: relative;
    text-align: center;
    width: 90px;
  }
.getbtn2 {
    line-height: 17px;
    padding: 9px 17px;
  }


}



@media (max-width: 420px) {	
 .mobile-drawer button i {
    font-size: 22px;
    color: red;
    position: relative;
    float: none;
    top: 0px;
    right: -70px;
  }
.reviewbtn {
  padding: 10px;
  font-size: 12px;
  background-color: #13213c;
  color: #fff;
  border-radius: 50px;
  font-weight: bold;
}	
.reviewbtn:hover{
  padding: 10px;
  font-size: 12px;
  border-radius: 50px;
  font-weight: bold;
}
#testimonials .theme-container p {
  width: 90%;
  font-weight: bold;
  font-size: 16px;
  color: #000;
  line-height: 18px;
}
 .counter-box {
    position: absolute;
    left: 60%;
    margin-top: 70px;
    width: 130px;
  }
  .abtpicborder{
    top: 10px;
    width: 70%;
    height: 80%;
    left: 50px;
  }	
.theme-container p {
  font-weight: bold;
  font-size: 15px;
}	
.about-area .aboutpic img{
    position: relative;
    left: -50px!important;
 }	
.leading-5 {
  line-height: 1rem!important;
}	
.w-\[250px\] {
    width: 145px;
  }	
	.client_counter{
		padding-top: 20px;
	}
	
.faq-section-main-wrapper .headline-default {
    font-size: 22px;
    line-height: 25px;
    text-transform: capitalize;
  }	
.copyrighttext {
  padding-top: 20px;
}	
/* .page-title-wrapper::before {
    content: "";
    margin-top: -28px;
    background-color: rgba(0,0,0,0.3);
    width: 100%;
    height: 29%;
    position: absolute;
    z-index: 12;
  }*/	
#conditions .section-heading h2 {
    font-size: 24px;
  }	
 #contact h3 {
    display: block;
    font-size: 24px;
  }	
 #contact h4 {
    display: block;
    font-size: 15px;
    font-weight: bold;
    color: #152238;
  }	
.iconbox a {
    font-size: 10px;
  }
 .getbtn {
    padding: 8px 5px;
    width: 120px!important;
    text-align: center;
  }
.top-bar .text-base.text-primary-100 {
    font-weight: bold;
    color: #000;
    font-size: 11px;
  }
  .top_info {
    display: flex;
    justify-content: center;
    padding-left: 20px;
  }
  .flex.items-center.space-x-2\.5 i {
  color: #082c7a;
  position: relative;
  top: -1px;
  left: 5px;
  font-size: 12px;
}
.top-bar .common-trans i{
	font-size: 16px;
}
.iconbox {
    width: 104.5%;
    left: 1px;
  }

.footercont .space-x-2\.5 i{
	color: rgb(8, 44, 122);
	position: relative;
	top: 2px!important;
	left: 0px!important;
	font-size: 18px!important;
}
.page-title-wrapper .headline-default {
    font-size: 18px;
    line-height: 20px;
    text-transform: capitalize;
    padding-top: 2%;
  }

 .iconbox .w-\[50px\] {
    width: 30px !important;
  }





}



@media (max-width: 400px) {
.iconbox a{
	font-size: 10px;
}
    .top-bar .text-base.text-primary-100 {
        font-weight: bold;
        color: #000;
        font-size: 10px;
    }
.iconbox {
    width: 103%;
    left: 1px;
  }
.about-article-area .text-lg.text-white {
  font-size: 15px;
}
.about-article-area .readmore {
  padding: 7px 10px!important;
}

}


@media (max-width: 380px) {

.iconbox .w-\[50px\] {
    width: 30px !important;
  }



}


/*--------------------------------------------------------------
End Responsive 
--------------------------------------------------------------*/