
/* 1. Theme default css */
@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@200;300;700;800&display=swap");
:root{
	/* colors */
	--theme-color: #202e50;
	--theme-color-2: #1A2937;
	--white: #fff;
	--black: #000;

	/* backgrounds-color */
	--theme-bg: #DB4325;
	--primery-bg: #1A2937;

	/* heading-color */
	--heading-color: #146165;

	/* text-color */
	--body-text: #345265;
	--theme-text-color: #DB4325;


}


body,
.body-text {
	font-family: 'Kanit', sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 16px;
	color: var(--body-text);
	line-height: 26px;
}
body{
	overflow-x: hidden;
}
.img {
	max-width: 100%;
	transition: all 0.3s ease-out 0s;
}
.f-left {
	float: left
}
.f-right {
	float: right
}
.fix {
	overflow: hidden
}
a,
.button {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Kanit', sans-serif;
	font-weight: normal;
	color: var(--heading-color);
	margin-top: 0px;
	font-style: normal;
	font-weight: 700;
	text-transform: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
}
h1 {
	font-family: "Kanit", Helvetica, sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 46px;
	line-height: 42px;
	/* OC - Green */
	color: #146165;
}
h2 {
	font-family: "Kanit", Helvetica, sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 30px;
	line-height: 27px;
	color: #db4325;
}
h3 {
	font-family: "Kanit", Helvetica, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 24px;
	color: #146165;
}
h3.caps {
	text-transform: uppercase;
	font-size: 20px;
	line-height: 21px;
	letter-spacing: 0.05em;
	font-weight: 800;
}
h4 {
	font-family: "Kanit", Helvetica, sans-serif;
	font-style: normal;
	font-weight: 200;
	font-size: 15px;
	line-height: 15px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #db4325;
}
h5 {
	font-family: "Kanit", Helvetica, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 15px;
	line-height: 16px;
	color: #146165;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none
}
p {
	font-size: 16px;
	font-weight: 200;
	line-height: 26px;
	color: var(--body-text);
	margin-bottom: 1rem;
}
a:hover{
	color: #FF441F !important;
	text-decoration: underline;
}
hr {
	border-bottom: 1px solid #FF441F;
	border-top: 0 none;
	margin: 30px 0;
	padding: 0;
}
label {
	color: #7e7e7e;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
}
*::-moz-selection {
	background: #d6b161;
	color: #fff;
	text-shadow: none;
}
::-moz-selection {
	background: #444;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #444;
	color: #fff;
	text-shadow: none;
}
*::-moz-placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}
*::placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}
.theme-overlay {
	position: relative
}
.theme-overlay::before {
	background: #1696e7 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
}
.separator {
	border-top: 1px solid #f2f2f2
}


/* button style */

.btn {
	background: #db4325;
	border-radius: 40px;
	border-color: #DB4325;
	outline-color: #DB4325;
	border-style: hidden;
	font-family: "Kanit", Helvetica, sans-serif;
	font-style: normal;
	font-weight: 800;
	font-size: 16px;
	line-height: 16px;
	align-items: center;
	text-align: center;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none !important;
	padding: 22px 35px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition:    all .3s ease-in-out;
	-o-transition:      all .3s ease-in-out;
	-ms-transition:     all .3s ease-in-out;
	transition:         all .3s ease-in-out;
}
.btn-xs {
	padding: 12px 35px;
}
.btn:hover{
	color: #fff;
}

button:hover,
button:active,
button:focus,
.btn:hover,
.btn:active,
.btn:focus {
  background-color: #FF441F !important;
  color: #ffffff !important;
  border-color: #FF441F !important;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgb(255 68 31 / 20%);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition:    all .3s ease-in-out;
  -o-transition:      all .3s ease-in-out;
  -ms-transition:     all .3s ease-in-out;
  transition:         all .3s ease-in-out;
}

button:visited,
.btn:visited {
	background-color: #db4325;
  color: #ffffff !important;
  border-color: #db432;
  outline: 0;
}

.orange {
	color: #db4325;
}
.green {
	color: #146165;
}
.white {
	color: #fff;
}



.quote-end {
	display: flex;
	flex-direction: row;
	justify-content: end;
}
.left-block {
	border-left: 3px solid #db4325;
}
.width-250 {
	width: 250px;
}
.width-268 {
	width: 268px;
}
.img-circle {
	max-width: 100%;
	height: 100%;
	border-radius: 50%;
}
  
.cards-img {
	max-width: 100%;
	height: 100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.wrapper-cards {
	background: #ffffff;
	border: 1px solid #e9e9e9;
	box-sizing: border-box;
	box-shadow: 0px 5px 10px rgba(52, 82, 101, 0.1);
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.wrapper-card-text {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 30px 27px 20px 27px;
}
a, .link-text:visited, .link-text, .link-text:visited {
	line-height: 18px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-decoration-line: underline;
	color: #db4325;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.body-text-cursive {
	font-family: "Kanit", Helvetica, sans-serif;
	font-style: italic;
	font-weight: 200;
	font-size: 16px;
	line-height: 26px;
	color: #345265;
}
.input-group.ico-field .form-control:focus {
	box-shadow: 0px 5px 0px rgba(52, 82, 101, 0.05);
}
/* focus */
.nav-link:hover .fa-chevron-down,
.nav-link:focus .fa-chevron-down {
  color: #FF441F;
}
.dropdown-item:focus,
.dropdown-item:hover {
    color: #ffffff !important;
    text-decoration: none;
    background-color: #DB4325;
    font-weight: 700;
    border-radius: 5px;
}

/* Form */

.form-control {
	background: #FFFFFF;
	border: 1px solid #E9E9E9;
	/* OC - Shadow 01 */
	box-shadow: 0px 5px 0px rgba(52, 82, 101, 0.05);
	border-radius: 10px;
	min-height: 50px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 10px;
  }
  
  .input-group:focus-within>.input-group-append>.btn {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgb(255 68 31 / 25%);
	border-color: #FF441F;
  }
  .form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #FF441F;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgb(255 68 31 / 25%);
  }
  
  .input-group {
	margin-right: -30px;
  }
  .input-group>.form-control {
	padding-right: 40px;
	border-top-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
  }
  .input-group .form-control {
	border-radius: 10px;
  }
  .input-group>.input-group-append>.btn {
	  box-shadow: 0px 5px 0px rgb(52 82 101 / 5%);
	  border-radius: 40px;
	  left: -30px;
	  z-index: 5;
  }
  
  .input-group.ico-field .form-control {
	border-radius: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	padding-left: 5px;
  }
  .input-group.ico-field .form-control:focus {
	 box-shadow: 0px 5px 0px rgba(52, 82, 101, 0.05);
  }
  .input-group-text {
	background-color: #ffffff;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-right: 0;
	padding-left: 10px;
	border: 1px solid #E9E9E9;
	/* OC - Shadow 01 */
	box-shadow: 0px 5px 0px rgba(52, 82, 101, 0.05);
  }
  .input-group.ico-field:focus-within .input-group-text,
  .input-group.ico-field:focus-within .form-control {
	border-color: #FF441F;
  }
  
  .input-group.ico-field button.btn {
	  background-color: #FFFFFF;
	  color: #146165;
	  position: relative;
	  left: 0;
	  border-radius: 0 10px 10px 0;
	  border: 1px solid #E9E9E9;
  }
  .input-group.ico-field:focus-within button.btn {
	box-shadow: 0px 5px 0px rgba(52, 82, 101, 0.05);
  }
  















/* header__area */
header, .header {
	box-shadow: 0px 5px 10px rgba(52, 82, 101, 0.1);
}
header .second-menu > ul {
	border-bottom: 1px solid rgb(20 97 101 / 10%);
}
header .second-menu .nav-link {
	font-weight: 300;
	text-transform: initial;
}
.nav-link {
	text-decoration: none;
	text-transform: uppercase;
	color: #146165;
	font-size: 14px;
	letter-spacing: 0.05em;
}

.search__menu button{
	border: none;
	background-color: transparent;
	color: var(--theme-color-2);
}
.search__menu button:hover{
	color: var(--theme-color-2) !important;
}
.search__menu button:focus,
.search__menu button:hover{
	outline: none;
	box-shadow: none;
	background-color: none !important;
	background: transparent !important;
}

.dropdown-menu.show {
	margin-top: 14px;
	overflow: visible !important;
}
.dropdown-menu {
	border: 0;
	box-shadow: 0px 5px 10px rgb(52 82 101 / 10%);
	border-radius: 0 0 10px 10px;
	border-top: 2px solid #DB4325;
	padding: 0;
}
.dropdown-item {
	font-weight: 300;
	font-size: 14px;
	line-height: 35px;
	color: #345265;
	text-decoration: none;
	border-bottom: 1px solid rgb(20 97 101 / 10%);
}
.dropdown-menu a:first-child:hover {
	border-radius: 0 0 5px 5px;
}
.dropdown-item:focus, .dropdown-item:hover {
	color: #ffffff !important;
	text-decoration: none;
	background-color: #DB4325;
	font-weight: 700;
	border-radius: 5px;
}
.dropdown-toggle::after {
	display: none;
}
header .fa-chevron-down {
	color: #db4325;
	font-size: 12px;
	padding-left: 2px;
}
header .fa-chevron-down:hover {
	color: #FF441F;
}
.navbar-expand-lg .navbar-nav .nav-link:hover{
	color: #FF441F;
}
.navbar-expand-lg .navbar-nav .nav-link:hover .fa-chevron-down{
	color: #FF441F;
}
header .second-menu .nav-link:hover{
	color: #FF441F;
}


/* header__area */


/* banner-area */

.single-slider{
	background-color: var(--theme-color-2);
	clip-path: ellipse(90% 60% at 50% 40%);
}
.banner__content-padding{
	padding-top: 180px;
	padding-bottom: 280px;
}
.banner__content{
	padding-left: 30px;
}

.banner__pre-title{
	font-size: 15px;
	color: var(--white);
	text-transform: uppercase;
	font-weight: 300;
	display: block;
	line-height: 1;
	margin-bottom: 10px;
}
.banner__content h1{
	font-weight: 800;
	color: var(--white);
	line-height: 42px;
	margin-bottom: 18px;
}
.banner__content p{
	color: var(--white);
	margin-bottom: 20px;
}

.slider-active .slick-arrow{
	position: absolute;
	left: 16%;
	border: none;
	background-color: transparent;
	padding: 0px;
	top: 45%;
	transform: translateY(-50%);
	z-index: 111;	
}
.slider-active button.slick-arrow:focus,
.slider-active button.slick-arrow:hover{
	background-color: transparent !important;
	box-shadow: none;
	border: none;
}


.slider-active .slick-next{
	left: auto;
	right: 16%;
}

.slider-active .slick-dots{
	position: absolute;
	bottom: 65px;
	left: 50%;
	width: max-content;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	transform: translateX(-50%);

}
.slider-active .slick-dots li button{
	background: rgba(255, 255, 255, 0.5);
	height: 22px;
	width: 22px;
	border-radius: 50%;
	text-indent: -999999px;
	margin: 0px 7.5px;
	border: none;
}
.slider-active .slick-dots li.slick-active button{
	background: #fff;
}


/* banner-area-end */



/* cours-area */
.cours__padding{
	padding-top: 62px;
}

.cours__slide-active .slick-slide {
    margin: 0 27px;
}
.cours__slide-active .slick-list {
    margin: 0 -27px;
}

.cours__slide-active .slick-dots {
	display: grid;
	align-items: center;
	width: 100%;
	grid-template-columns: repeat(auto-fit, minmax(20px, 1fr));
	background: #F9F9F9;
	padding: 3px;
	width: 99%;
	margin-top: 44px;
	margin-bottom: 22px;
}

.cours__slide-active .slick-dots li button{
	text-indent: -9999px;
	background-color: transparent;
	border: none;
}
.cours__slide-active .slick-dots li button:focus,
.cours__slide-active .slick-dots li button:hover{
	outline: none !important;
	box-shadow: none !important;
	background: transparent transparent;
	background-color: transparent !important;
}
.cours__slide-active .slick-dots li{
	height: 12px;
	border-radius: 10px;
}
.cours__slide-active .slick-dots li.slick-active{
	height: 12px;
	background: #E6E6E6;
	border-radius: 10px;
}
/* cours-area-end */



/* reason-css */
.reason__padding{
	padding-top: 62px;
}

.reson__slider-wrapp{
	margin-top: 68px;
}


.reson_slide-nav .slick-slide {
    margin: 15px 0px;
}
.reson_slide-nav .slick-list {
    margin: -15px 0px;
}

.reson_slide-nav .block-single-title.is-active{
	opacity: 1;
}
.reson_slide-nav .block-single-title.is-active h3{
	color: var(--theme-color);
}
.block-single-title{
	opacity: .5;
}
.reson__btn{
	margin-top: 60px;
}

/* reson area end */



/* happen -area start */

.happen__padding{
	padding-top: 90px;
	padding-bottom: 165px;
}

.happen__slider-active .slick-slide {
    margin: 0 10px;
}
.happen__slider-active .slick-list {
    margin: 0 -10px;
}


.happen__slider-active .slick-dots li.slick-active{
	height: 12px;
	background: #E6E6E6;
	border-radius: 10px;
}
.happen__slider-active .slick-dots li{
	height: 12px;
	border-radius: 10px;
}
.happen__slider-active .slick-dots li button{
	text-indent: -9999px;
	background-color: transparent;
	border: none;
}
.happen__slider-active .slick-dots {
	display: grid;
	align-items: center;
	width: 100%;
	grid-template-columns: repeat(auto-fit, minmax(20px, 1fr));
	background: #F9F9F9;
	padding: 3px;
	width: 99%;
	margin-top: 51px;
	margin-bottom: 30px;
}
.happen__slider-active .slick-dots li button:focus,
.happen__slider-active .slick-dots li button:hover{
	outline: none !important;
	box-shadow: none !important;
	background: transparent transparent;
	background-color: transparent !important;
}
.happen__slider-wrapper {
	margin-top: 72px;
}

/* happen-area end */


/* testimonial-area */
.testimonial__area {
	padding-top: 215px;
	padding-bottom: 120px;
}

.row-circle-01 {
	min-height: 20vw;
	border-radius: 50% 50% 0 0 / 10vw;
	background: #f3f7f7;
	position: relative;
}
.row-circle-01::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	height: 291px;
	width: 100%;
	background: url('../img/bc-02.svg') top center;
	background-position: bottom center;
	background-size: cover;
}

.testimonial__top-img {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -124px;
}

.testimonial__thumb{
	margin-bottom: 24px;
}

.testimonial__thumb img {
	width: 275px;
	height: 275px;
	border-radius: 50%;
	display: inline-block !important;
}

.testimonial__content {
	padding: 15px 30px 20px 15px;
}


.testimonial__active .slick-arrow{
	position: absolute;
	left: -37px;
	top: 34%;
	transform: translateY(-50%);
	border: none;
	background-color: transparent;
}
.testimonial__active .slick-arrow.slick-next{
	left: auto;
	right: -37px;
}
.testimonial__active button.slick-arrow:focus,
.testimonial__active button.slick-arrow:hover{
	background-color: transparent !important;
	outline: none;
	box-shadow: none;
	background: transparent;
}
.testimonial__active .slick-dots{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: inline-flex;
	bottom: -58px;
}
.testimonial__active .slick-dots li button{
	text-indent: -99999px;
	border: none;
	background-color: transparent;
}
.testimonial__active .slick-dots li{
	background-color: #E7E6E6;
	height: 13px;
	width: 13px;
	border-radius: 50%;
	margin: 0px 4px;
}
.testimonial__active .slick-dots li.slick-active{
	background-color: var(--theme-color);
}
.testimonial__active .slick-dots li button:hover,
.testimonial__active .slick-dots li button:focus{
	background-color: transparent !important;
	outline: none;
	box-shadow: none;	
}
/* testimonial-end */

/* addmition-area start */
.addmition__padding {
	padding-top: 130px;
	padding-bottom: 100px;
}
.addmition-cards{
	box-shadow: none;
	border: none;
}
.addmition__nav{
	text-align: center;
}
.addmition__nav nav{
	justify-content: center;
	display: inline-flex;
	background: #FFFFFF;
	box-shadow: 0px 5px 10px rgba(52, 82, 101, 0.1);
	border-radius: 100px;
	padding: 4px 5px;
}
.addmition__nav .nav{
	background-color: #FAFBFB;
	border-radius: 50px;
}
.addmition__nav .nav a.nav-item{
	border-radius: 60px;
}
.addmition__nav .nav a.nav-item.active{
	background-color: #DB4325;
	color: var(--white) !important;
}

/* addmition-area end */



/* number__area */
.numbers__area{
	background-color: #146165;
	padding-top: 70px;
	padding-bottom: 70px;
	clip-path: ellipse(100% 49% at center);
}
.number__img{
	margin-right: 20px;
}
.number__img img{
	max-width: 96px;
	height: 96px;
	border-radius: 50%;

}
.number__content h2{
	font-size: 40px;
	margin-bottom: 0px;
}
.number__content h2 span{
	line-height: 1;
	display: block;
}
.number__content p{
	margin-bottom: 0px;
}


/* number__area */




/* faq__area */
.faq__padding{
	padding-top: 140px;
	padding-bottom: 100px;
}

.faq__content-wrapper .accordion .card {
	border-top: none;
	border-radius: 10px !important;
	margin-bottom: 21px;
	border-bottom: 1px solid;
	background: #FAFAFA;
	border-color: #E9E9E9;
	overflow: inherit;
}

.faq__content-wrapper .accordion .card .collapse .card-body {
	padding: 15px 28px 17px 28px;
}


.faq__content-wrapper .accordion .card .card-header {
	padding: 0px;
	background: transparent;
	border-bottom: none;
	border-radius: 10px;
}
.faq__content-wrapper .accordion .card .card-header h2{
	box-shadow: 0px 5px 10px rgba(52, 82, 101, 0.1);
	border-radius: 10px;
}
.faq__content-wrapper .accordion .card .card-header h2 button {
	width: 100%;
	border-radius: 10px;
	text-align: left;
	padding: 17px 26px;
	position: relative;
	color: var(--heading-color);
	background-color: #FFFFFF;
	box-shadow: 0px 5px 10px rgba(52, 82, 101, 0.1);
	border: 1px solid #E9E9E9;

}
.faq__content-wrapper .accordion .card .card-header h2 button span{
	position: absolute;
	right: 26px;
	top: 50%;
	margin-top: -10px;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background-color: var(--white);
	color: var(--theme-color);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .3s;
}
.faq__content-wrapper .accordion .card .card-header h2 button:hover span{
	background-color: #fff !important;
	color: #202e50 !important;
}


.faq__content-wrapper .accordion .card .card-header h2 button[aria-expanded="true"] span{
	transform: rotate(180deg);
}
.faq__content-wrapper .accordion .card .card-header h2 button[aria-expanded="false"] span{
	background-color: var(--theme-color);
	color: var(--white);
}
.faq__content-wrapper .accordion .card .card-header h2 button[aria-expanded="true"]{
	color: var(--white);
	background-color: var(--theme-color);
}
/* faq__area */

/* blog-area */
.blog__area{
	background: rgba(20, 97, 101, 0.05);
	clip-path: ellipse(100% 49% at center);	
}
.blog__padding{
	padding-top: 60px;
	padding-bottom: 65px;
}
/* blog-area */




/* reach -area */
.reach__area{
	clip-path: ellipse(90% 60% at 50% 40%);
	z-index: 2;
	background-color: #fff;
}
.reach__padding{
	padding-top: 77px;
	padding-bottom: 45px;
}

.reach__img{
	min-width: 205px;
	width: 20%;
	flex: 0 0 auto;
	margin-right: 2%;
}
.reach__cotnent{
	flex: 0 0 auto;
	width: 54%;
}

/* reach -area */




/* footer__area */
footer {
	background: #202e50;
	color: #ffffff;
	font-weight: 300;
	padding-top: 30px;
	padding-bottom: 20px;
	letter-spacing: 0.05em;
}
.footer{
	position: relative;
	z-index: 1;
}
.footer::after{
	position: absolute;
	left: 0;
	bottom: 100%;
	width: 100%;
	height: 100px;
	background-color: var(--theme-color);
	content: "";
	z-index: -1;
}


footer h5, footer a, footer p, footer a:hover {
	color: #FFFFFF !important;
}
footer .main-menu h5 > span {
	border-bottom: 1px solid #202e50;
	padding-bottom: 5px;
}
.input-group {
	margin-right: -30px;
}
.input-group.ico-field .form-control {
	border-radius: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	padding-left: 5px;
}
.input-group-text {
	background-color: #ffffff;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-right: 0;
	padding-left: 10px;
	border: 1px solid #E9E9E9;
	box-shadow: 0px 5px 0px rgba(52, 82, 101, 0.05);
}
.input-group.ico-field button.btn {
	background-color: #FFFFFF;
	color: #146165;
	position: relative;
	left: 0;
	border-radius: 0 10px 10px 0;
}
.form-control {
	background: #FFFFFF;
	border: 1px solid #E9E9E9;
	box-shadow: 0px 5px 0px rgba(52, 82, 101, 0.05);
	border-radius: 10px;
	min-height: 50px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 10px;
}
.form-control:focus{
	box-shadow: none;
	outline: none;
}
.footer__link .nav-link {
	display: block;
	padding: .5rem 0rem;
}
.footer__address a{
	display: flex;
	padding: .5rem 0rem;
	
}
.footer__copy-right{
	border-top: 1.5px solid #202e50;
}

.ico {
	font-size: 26px;
}
.contact-info a {
	text-decoration: none;
}
.footer__submit:hover svg path {
	fill: #fff;
}
/* footer__area */





/* mobile-menu */

/* mobile-menu-bar */
.navbar-brand {
	text-decoration: none;
	color: var(--heading-color);
}
.mobile__menu-bar {
	padding: 16px 0px;
	padding-right: 15px;
}
.mobile__menu-bar ul li {
	padding-left: 15px;
}
.mobile__menu-bar ul li a{
	color: #146165;
}
.mobile__menu-bar ul li {
	color: var(--heading-color);
}



.menu-bar {
	display: flex;
	flex-direction: column;
	cursor: pointer;
}
.menu-bar span.bar {
	width: 15px;
	height: 2px;
	background: #146165;
	display: inline-block;
	transition: .4s;
}
.menu-bar span.bar.hide-bar {
	margin: 3px 0px;
}
.menu-bar.active span.hide-bar{
	display: none;
}
.menu-bar.active span.bar:nth-child(1){
	transform: rotate(45deg);
}
.menu-bar.active span.bar:nth-child(3){
	transform: rotate(-45deg);
	margin-top: -2px;
}


/* mobile-menu-bar */

.overlay.active{
	position: fixed;
	left: 0;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 111;
	background-color: transparent;
	transition: .3s;
}


.mobile__menu-wrapper{
	position: absolute;
	left: 0px;
	top: 100%;
	width: 100%;
	z-index: 1111;
	padding: 0px 15px;
	opacity: 0;
	visibility: hidden;
	transition: .4s;
}

.mobile__menu-wrapper.active{
	opacity: 1;
	visibility: visible;
}


.mobile__menu-wrapp{
	background-color: #fff;
	box-shadow: 0px 5px 10px rgba(52, 82, 101, 0.1);	
	padding-bottom: 40px;
}


.mobile__menu ul li a{
	color: #146165;
	font-size: 14px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	line-height: 45px;
	display: block;
	padding: 0px 15px;
	position: relative;
	border-bottom: 1px solid #EFEFEF;
}
.mobile__menu ul li a[aria-expanded="true"]{
	background-color: var(--theme-color);
	color: var(--white);
}
.mobile__menu ul li a[aria-expanded="true"]::after{
	color: var(--white);
}
.mobile__menu ul li a:hover{
	background-color: var(--theme-color);
	color: var(--white) !important;
}
.mobile__menu ul li a:hover:after{
	color: var(--white) !important;
}


.mobile__menu ul li a::after{
	position: absolute;
	right: 18px;
	top: 0px;
	content: "\f107";
	color: var(--theme-color);
	font-family: "Font Awesome 5 Pro";
}
.mobile__menu ul li ul.m-submenu li{
	padding: 0px 0px;
}
.mobile__menu ul li ul.m-submenu li a{
	padding: 0px 25px;
	font-weight: 400;
}
.mobile__menu ul li ul.m-submenu li a::after{
	display: none;
}

.mobile__links ul li a{
	display: block;
	color: #146165;
	font-size: 14px;
	font-weight: 400;
	line-height: 45px;
	display: block;
	text-decoration: none;
	padding: 0px 15px;
}



/* mobile-menu */


























