@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');
:root{
	--colorone:#0866ff;
	--color-white:#ffffff;
	--hd_color:#111111;
	--colortwo:#011a45;
	--boxShadow:0 8px 20px rgb(0 102 255 / 12%), 0 3px 5px rgb(81 126 194 / 10%);
}
body{
	margin:0px;
	padding:0px;
	font-family: 'Roboto', sans-serif;
}
p{letter-spacing:0.07em;}
.text-white{var(--color-white);}
header {background: #2475a57d; z-index:1; position:relative; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);} 
.logo{position:relative;z-index:123;padding:10px;font:18px verdana;color:#6DDB07;float:left;width:25%}
.logo a{color:#fff;}
#cssmenu.cssmenu_wrap{display:flex; align-items:center;}
nav{position:relative;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; margin: 0;padding: 0;}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family: 'Roboto', sans-serif;}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:17px;font-size:12px;letter-spacing:1px;text-decoration:none;color:#ddd;font-weight:700;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{
	background:var(--colorone);-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:16px;right:14px;display:block;
content:'\f107';font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px; text-rendering: auto; ;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{content:'\f106';font: normal normal normal 14px/1 FontAwesome;font-size: 14px;
}
#cssmenu ul ul{position:absolute;left:-9999px; z-index:1}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul ul li{background:#444;}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:180px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}


@media screen and (max-width:1000px){

.logo{position:absolute;top:0;left: 0;width:100%;height:55px;text-align:center;padding:0px 0 0 0 ;float:none;
background:#2475a57d;
}
.logo2{display:none}
nav{width:100%;}

#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #598aa4;}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}

}
#cssmenu .mainNav{padding-top: 0px!important; z-index: 9;}
/*************banner**********/
section{width:100%; float:left;}
section.banner {background:var(--colorone);
font-size: 16px;color: #fff;line-height: 26px;background-size: cover;padding-top: 0em;top: -100px;
padding-bottom: 0;position: relative; overflow: hidden;box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 62%);
padding-bottom:0px;z-index:0;
}
.banner .container {position: relative; z-index: 1;}
section.banner h1 {font-size: calc(2.5vw + 2vh); margin: 0 0 20px; margin-top:100px; font-weight: 700;text-shadow: 0 1px 2px #000;}
.banner-left p {margin: 0;}
section.banner h1 span {color: #00bad4; font-weight: 700;}
.banner-left ul {column-count: 2;list-style-type:none; margin-top: 20px; margin-bottom: 20px;}
.banner-left li {font-size: 15px; font-family: 'Roboto', sans-serif; margin-top: 12px; padding-left: 40px;
position: relative;}
.banner-left li:before { content: "\f00c"; font-family: FontAwesome; position: absolute; left: 0; font-size: 18px;
color:var(--colorone);}
.banner-left li:first-child{margin-top:0px;}
section.banner a {display: inline-block; margin: 0 10px 0 0; color: #fff; position: relative;font-weight: 600;
padding: 10px 40px;border-radius: 4px; text-transform: uppercase; font-size: 18px; letter-spacing: -1px;background: #00bad4;}
section.banner a+a {background: #fff; color: #000;}
section.banner a {display: inline-block; margin: 0 10px 0 0; color: #fff; position: relative; font-weight: 600;
    padding: 10px 40px; border-radius: 4px; text-transform: uppercase; font-size: 18px;letter-spacing: -1px;
    background: #111; text-decoration:none;}
.head-form {width:100%; background: #fff; padding: 20px 20px 20px; border-radius: 10px;margin: 0 auto; z-index: 2;
  position: relative;box-shadow:var(--boxShadow);}
.head-form .form-group {margin-bottom: 5px; position: relative;}
.head-form textarea.form-control,textarea {min-height: 120px;}
.head-form .form-control, .head-form .input-text {height: calc(1.25rem + 27px);padding: 5px 10px; outline: 0;
    color: #686a6f; font-size: 14px;width: 100%;}
#countryInfo{display:flex;padding: 13px 0px;border: 1px solid #ddd;
  border-right: 0px; border-top-left-radius: 4px;  border-bottom-left-radius: 4px;}
.mtL-50{margin-top:-50px;}
.mt-30{margin-top:30px;}
.mb-30{margin-bottom:30px;}
.mt-40{margin-top:40px;}
.mb-40{margin-bottom:40px;}
img.border-radius{border-radius:10px;}


.box_shadow {box-shadow: 0 0 0 10px #fff,0 0 20px rgba(0,0,0,0.5);}
.hd-2{font-size:calc(1.5vw + 1.5vh); text-align:center; font-weight:500; color:var(--hd_color); margin-bottom:30px;}
.services_area{border:1px solid #ddd;padding:10px; margin-bottom:15px;}
.services_area img{display:block; margin:0 auto; margin-bottom:10px;}
.hd-3{font-size:20px; font-weight:600; text-align:center;}
.sub-hd-3{font-size:18px; font-weight:400;text-align:center;}
.services_area p{font-size:14px; font-weight:300;text-align:center;}

/***********breadcrumb***********/
.breadcrumb-wrap-page{width:100%; float:left; margin-top:40px;background:#011a45;}
.breadcrumb-custom {list-style: none;}
.breadcrumb-custom{padding: 5px 50px; margin: 0; overflow: hidden;}
.breadcrumb-custom li{float: left; position: relative;}
.breadcrumb-custom li.active, .breadcrumb-custom li a{font-size: 14px; text-decoration:none;  color: #fff;}
.breadcrumb-custom > li + li::before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}

@media(max-width:768px){
	.hd-2{font-size:calc(2vw + 2vh);}
	header {background: #000;}
	#cssmenu{position:fixed;left:5px; padding:25px;z-index: 9;}
	section.banner{top: -30px;}
	.banner-left{padding-bottom:15px; order:2;}
	.form-head h2{font-size:18px;}
	.inner-pages-form input {height: 40px;}
	#countryInfo {padding: 6px 0px;}
	.services-area{margin-top:0px;}
	#cssmenu .mainNav{margin-top:45px; background:#2475a57d;}
	section.banner h1{margin-top:25px!important;}
	section.banner a {padding: 10px 25px;}
	.breadcrumb-wrap-page {margin-top: 5px;}

}
.mobile-logo{display:none;}
@media only screen and (max-width: 600px) {
	.image-home-first{margin-top:-80px!important;}
}
@media (max-width:992px){
	.head-form{width:320px;}
	.mobile-logo{display:block; padding:8px 15px; width:200px;}
	.desktop-logo{display:none;}
	.logo{background: #011a45;}
	#cssmenu{position:fixed;left:0px; padding:10px;z-index: 9;}
	section.banner{top: 0px;}
	.image-home-first{margin-top:55px;}
	section.banner h1{margin-top: 75px;}
	  #cssmenu .mainNav {background: #000000eb;}
	  .section-container{margin-top:40px!important;}
}
/************services***************/
.full_layout{background:#ddd;width:100%;display:flex;align-items:center; justify-content:flex-start;}
.full_layout .image-full{width:30%}
.full_layout .content-area-right{padding:15px;width:100%;text-align:justify;}
.section-container{
--bs-gutter-x: 1.5rem;
--bs-gutter-y:0;
display:flex; 
flex-wrap:wrap;
margin-top:calc(var(--bs-gutter-y) * -1);
margin-right:calc(var(--bs-gutter-x)/ -2);
margin-left:calc(var(--bs-gutter-x)/ -2);
width:100%;
}
.section-container .columns.content p{text-align:justify;}
.section-container .columns{
	flex:0 0 auto;
	width:50%;
	
}
.section-container .columns.images{
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.section-container .columns.content{
	padding:40px 50px;
}


ul.list-point-icon {
  column-count: 2;
  list-style-type: none;
  margin-top: 20px;
  margin-bottom: 20px;
}
ul.list-point-icon li{
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  margin-top: 12px;
  padding-left: 25px;
  position: relative;
}
ul.list-point-icon li:first-child {
  margin-top: 0px;
}
ul.list-point-icon li::before {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  top:-3px;
  font-size: 20px;
  color: var(--colorone);
}
@media(max-width:767px){
	.section-container{flex-wrap:row wrap;margin:0px;}
	.section-container .columns.images{display:block;width:100%;}
	.section-container .columns.content{display:block;width:100%; padding:30px 30px;}
	.section-container .columns.content p{text-align:left;}
	ul.list-point-icon {column-count: 1;}
}
@media(max-width:768px){
		.full_layout{flex-direction:column;}
	.full_layout .image-full{width:90%}
.full_layout .content-area-right{padding:10px;width:95%;}
}

.btn-LearnMore{text-decoration:none; background:var(--hd_color);padding:8px 15px; border-radius:5px; color:#fff;}
.page-section-bg{background:var(--colorone); background-image:url('../images/bg-img.png');
background-position:center;}
.bg-line{background-image:url('../images/bg-repeat.jpg');}

/**************footer****************/
.contact-area {width:100%; float:left; background:#1A1E25; border-bottom: 1px solid #353C46;}
.contact-content p {font-size: 15px;  color:#8b9199;margin: 30px 0 60px; position: relative;}
.contact-content p::after {background: #353C46; bottom: -30px; content: ""; height: 1px; left: 50%;
    position: absolute; transform: translate(-50%); width: 80%;}
.contact-content h6 {color: #8b9199; font-size: 15px; font-weight: 400; margin-bottom: 10px;}
.contact-content span {color: #353c47; margin: 0 10px;}
.contact-social {margin-top: 30px;}
.contact-social > ul {display: inline-flex;}
.contact-social ul li a {border: 1px solid #8b9199; color: #8b9199; display: inline-block; height: 40px;
    margin: 0 10px; padding-top: 7px; transition: all 0.4s ease 0s; width: 40px;}
.contact-social ul li a:hover {border: 1px solid #FAB702; color: #FAB702;}
.contact-content img {max-width: 210px;padding-top:15px; padding-bottom:20px;}
.contact-area footer {background: #1A1E25;  color: #868c96;}
.contact-area footer p {padding: 2px 0; text-align: center;}
.contact-area footer img { width: 44px;}
.bg-call-to-action{background:var(--colorone);}
.call-to-action-section {position: relative; font-family: 'Roboto', sans-serif;}
.call-to-action-section h2 {font-size: 72px; line-height: 82px; font-family: 'Roboto', sans-serif; color: #fff;}
.call-to-action-section p {font-size: 24px; line-height: 30px; font-weight: 300; color: #fff;}
.call-to-action-section button {border:none; border-radius:3px; font-size:1.5em;padding:8px 20px;color:#fff;
background:var(--hd_color);}
.call-to-action-section a{text-decoration:none; color:#fff;}
.footer-address h6 a{text-decoration:none; color:#8b9199;}
.contact-footer-nav h3{color:#fff; font-size:20px;padding-top:30px;padding-bottom:20px;}
.contact-footer-nav a{text-decoration:none;color:#999;}
.contact-footer-nav li a i{padding-right:15px;}
a.footer-logo{color:#fff; text-decoration:none;font-family: 'Roboto', sans-serif;padding-top:25px;}
.pt-30{padding-top:30px;} .pb-20{padding-bottom:20px;}
.contact-content.footer-address h6:nth-child(1){padding-top:30px;}
.contact-content.footer-address h6 span{color: #8b9199; padding-top:20px;}

/*************back-btn******/
#backBtn {display: inline-block;background-color:var(--hd_color); width: 50px;height: 50px; text-align: center;
  border-radius: 4px;position: fixed;bottom: 30px; right: 30px;transition: background-color .3s, 
  opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000;}
#backBtn::after {content: "\f077"; font-family: FontAwesome; font-weight: normal; font-style: normal;
  font-size: 2em; line-height: 50px; color: #fff;}
#backBtn:hover {cursor: pointer; background-color: #333;}
#backBtn:active {background-color: #555;}
#backBtn.show {opacity: 1; visibility: visible;}
.moreContent{display:none;}
/********************header page title***********************/
section.header-page-title {
  background: var(--colorone);
  font-size: 16px;
  color: #fff;
  line-height: 26px;
  background-size: cover;
  padding-top: 11em;
  top: -100px;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 62%);
  padding-bottom: 0px;
  z-index: 0;
}
.header-page-title .container {
  position: relative;
  z-index: 1;
  text-align:center;
}

/*************services***********/
.mainBtn{text-decoration: none; background: var(--hd_color); padding: 8px 15px; border-radius: 5px;  color: #fff;}
.mainBtn:hover{background: var(--colorone);}
.mainBtnHoverLine:hover{border:1px solid var(--color-white);}
.serviceBox_wrap{text-align: center; padding: 35px 15px; overflow: hidden; position: relative; transition: all 0.3s ease 0s;}
.serviceBox_wrap{background: #032761;min-height: 412px;}
.serviceBox_wrap:before{ content: ""; width: 40px; height: 40px; border-width: 20px; border-style: solid; border-color: #fff #fff rgb(1, 26, 69) rgb(1, 26, 69);
position: absolute; top: -40px; right: -40px; transition: all 0.3s ease 0s;}
.serviceBox_wrap:before{top: 0; right: 0;}
.serviceBox_wrap i{display: block; font-size: 35px; color: #967128; margin-bottom: 14px; transition: all 0.3s ease 0s;}
.serviceBox_wrap .title{font-size: calc(1.5vw + 1.5vh); font-weight: 900; color: #545454; line-height: 25px; text-transform: capitalize;
    margin: 0 0 16px 0; transition: all 0.3s ease 0s;}
.serviceBox_wrap .description{font-size: 15px; color: #545454; line-height: 25px; margin: 0; transition: all 0.3s ease 0s;}
.serviceBox_wrap i, .serviceBox_wrap .title, .serviceBox_wrap .description{ color: #fff;}
.serviceBox_wrap .list-point-icon{text-align:left; color:var(--color-white);}
.about-img{border:15px solid #ddd; width:45%; float:right; margin:0 20px; order:2;}
.about-container p{text-align:justify;}
@media only screen and (max-width: 990px){
    .serviceBox_wrap{ margin-bottom: 20px; }
}
@media(max-width:767px){
	.about-img{border:15px solid #ddd; width:100%; float:left; margin:0px;}
	.about-img{order:2;}
}
/***************slider-form**************************/
.sidebar-form{position:fixed; background:#011a45; top:20%; left:-150px;	width:300px;
	box-shadow:0 0 5px rgba(0,0,0,.3);	padding:5px 25px; transform:translate(-50%);transition: left 0.4s linear;
	text-transform:uppercase; 	z-index:1;		
}
.sidebar-form.show{left:150px;}
.sidebar-form h3{font-size: 25px;color: #f8fbfd;text-align: center;	text-transform: initial;
	margin-top:0px;font-family: 'Roboto', sans-serif;}
.sidebar-form .form-group{margin-bottom:10px;}
.form-btn button { background: #064a88; border: none; width: 100px; font-size: 18px;}
.sidebar-form .caption{text-transform: initial; font-size:15px; text-align:center;
color:#222;font-family: 'Roboto', sans-serif;}
.btn-appointment{cursor:pointer;}
.btn-close-form{position:absolute;right:0px; top:-7px;font-size:25px;color:#fff;
cursor:pointer; display:none;}
.sidebar-form .form-control::placeholder{font-size:12px;}

/*************testimonials*********************/
.testimonial{
    padding-top: 20px;
    margin: 30px 0px;
    border: 1px solid #fff;
    text-align: center;
    position: relative;
    transition: all 0.7s ease 0s;
	border-color: #e7e3e3;
}
.testimonial{ border-color: #e7e3e3; }
.testimonial .pic{
    width: 95px;
    height: 95px;
    border-radius: 50%;
    background: #fff;
    padding: 7px;
    position:absolute;
    top: -50px;
    left: 50%;
    overflow: hidden;
    transform: translateX(-50%);
    transition: all 0.7s ease 0s;
}
.testimonial:hover{ background: #0866ff; color:#fff;border-radius:15px; cursor:pointer}
.testimonial:hover h3, .testimonial:hover p{color:#fff;}
.testimonial .pic img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.testimonial .title{
    font-size: 16px;
    font-weight: 500;
	color: var(--hd_color);
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.testimonial .description{
    line-height: 25px;
    border-bottom: 1px solid #f7f7f7;
    padding: 0 25px 35px;
    margin: 0;
	text-align: justify;
	color:#444;
	min-height: 211px;
}
.rating-area{display:block;}
.testimonial .rating{
    display: inline-block;
    padding: 1px 5px;
    margin: 0;
    list-style: none;
    background:var(--colorone);
   
}
.testimonial .rating li{
    display: inline-block;
    font-size: 14px;
    color: #fff;
}

@media only screen and (max-width: 768px){
    .testimonial .rating{
        right: 12px;
    }
}