html {
	overflow-y: auto;
}

body {
	font-family: 'Roboto', sans-serif !important;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	overflow-y: auto;
	overflow-x: hidden !important;
	/* -webkit-overflow-scrolling: touch; */
	scroll-behavior: smooth;
}
* {
	box-sizing: border-box;
}
:root { 
	--txt-p--color: #232b37;
	--txt-p--color-dark-blue: #232b37;

	--txt-h--color: #182f40;



	--txt--color-white: #ffffff;
	--txt--color-light-blue: #0789c1;
	--txt--color-medium-blue: #034765;
}
a, a:hover, a:active, a:focus {
	outline: none !important;
	text-decoration: none !important;
}
.spacer {
	clear: both;
	font-size: 0;
	line-height: 0;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	border: none !important;
	background: none !important;
	min-height: 0 !important;
}
.spacer_clear {
	display: table;
}
h1, h2, h3, h4, h5 {
	font-family: 'Raleway', sans-serif !important;
}

.h1_head {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 50px;
	color: var(--txt-h--color);
	font-weight: 300;
}
.h1_head strong {
	font-weight: 700;
}

.h1_head1 {
	margin: 0px 0px 30px 0px;
	padding: 0px;
	font-size: 50px;
	color: #ffffff;
	font-weight: 300;
}
.h1_head1 strong {
	font-weight: 700;
}

.h1_head2 {
	margin: 0px 0px 30px 0px;
	padding: 0px;
	font-size: 50px;
	color: var(--txt-h--color);
	font-weight: 300;
}
.h1_head2 strong {
	color: var(--txt--color-light-blue);
	font-weight: 700;
}

.h1_sub-head {
	margin: 0px auto ;
	padding: 0px;
	font-size: 50px;
	color: #FFFFFF;
	font-weight: 300;
}
.h1_sub-head strong {
	font-weight: 700;
}

.h2_head {
	margin: 0px 50px 30px 0px;
	padding: 0px;
	font-size: 60px;
	color: var(--txt-h--color);
	font-weight: 300;
}
.h2_head strong {
	color: #00a6df;
	font-weight: 700;
}
.h3_head {
	margin: 0px auto 50px;
	padding: 0px;
	font-size: 40px;
	color: var(--txt-h--color);
	display: table;
	font-weight: 700;
	letter-spacing: 0.3px
}
.h3_head strong {
	color: var(--txt--color-light-blue);
	font-weight: 700;
}
.h3_head1 {
	border-bottom: 5px solid #00a6df;
	color: var(--txt-h--color);
	font-size: 25px;
	font-weight: 400;
	margin: 0 0 30px;
	padding: 0 0 15px;
}
.h3_head1 strong {
	color: var(--txt--color-light-blue);
	font-weight: 700;
}
.h3_head2 {
	margin: 0px auto;
	padding: 0px 0px 50px 0px;
	font-size: 40px;
	color: #FFFFFF;
	display: table;
	font-weight: 600;
    letter-spacing: 0.3px;
}
.h3_head2 strong {
	font-weight: 700;
	color: #0099db;
}
.h3_head3 {
	margin: 0px auto 50px;
	padding: 0px;
	font-size: 40px;
	color: #FFFFFF;
	display: table;
	font-weight: 300;
}
.h3_head3 strong {
	font-weight: 700;
}

.h3-sub-head {
	padding: 0px 0px 30px 0px;
	margin: 0px;
	font-size: 40px;
	color: var(--txt-h--color);
	font-weight: 300;
}
.h3-sub-head strong {
	color: #8abb4e;
	font-weight: 700;
}
.h3-sub-head1 {
	padding: 0px 0px 30px 0px;
	margin: 0px;
	font-size: 40px;
	color: #FFFFFF;
	font-weight: 300;
}
.h3-sub-head1 strong {
	color: #8abb4e;
	font-weight: 700;
}

.h4-head {
    font-size: 20px;
    color: var(--txt--color-medium-blue);
    font-weight: 600;
    margin: 0px;
    padding: 0px 0px 30px 0px;
    letter-spacing: 1px;
}

.h4-head1 {
    font-size: 20px;
    color: var(--txt--color-light-blue);
    font-weight: 600;
    margin: 0px;
    padding: 0px 0px 30px 0px;
    letter-spacing: 1px;
}

.h4-head2 {
    font-size: 17px;
    color: var(--txt-h--color);
    font-weight: 600;
    margin: 0px;
    padding: 0px 0px 10px 0px;
    letter-spacing: 1px;
}

.h4-head3 {
    font-size: 17px;
    color: #f7f9fa;
    font-weight: 500;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 15px 0px;
    letter-spacing: 1px;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
}
.text_cont {
	font-size: 16px;
	color: var(--txt-p--color);
	margin: 0px;
	padding: 0px 0px 30px 0px;
	text-align: center;
	line-height: 24px;
	font-weight: 300;
	letter-spacing: 0.3px;
}
.text_cont span {
	    color: var(--txt--color-light-blue);
}
.text_cont strong {
	    /* color: #0789c1; */
		color: var(--txt--color-medium-blue);
        font-weight: 700;
        font-family: 'Raleway', sans-serif !important;
}
.text_cont1 {
	font-size: 16px;
	color: #c5d5e0 !important ;
	margin: 0px;
	padding: 0px 0px 30px 0px;
	text-align: center;
	line-height: 24px;
	font-weight: 300;
	letter-spacing: 0.3px;
}
.text_cont1 span {
	    color: var(--txt--color-light-blue);
}
.text_cont1 strong {
	    color: var(--txt--color-light-blue);
		font-weight: 500;
}

.text_cont2 {
	font-size: 16px;
	color: rgb(224 235 255 / 50%) !important ;
	margin: 0px;
	padding: 0px 0px 30px 0px;
	text-align: center;
	line-height: 24px;
	font-weight: 300;
	letter-spacing: 0.3px;
}
.text_cont2 span {
	    color: var(--txt--color-light-blue);
}
.text_cont2 strong {
	    color: var(--txt--color-light-blue);
		font-weight: 500;
}

.content-inner-img {
    width: 150px;
    padding: 0px 0px 30px 0px;
}
.content-inner-img.img-center {
    margin: 0px auto;
}
.content-inner-img > img { 
    width: 100%;
}

.article-container {
	position: relative;
}

.view_more_bt {
    background-color: transparent;
    border: 1px solid #0789c1;
    color: #0789c1;
    display: table;
    font-size: 14px;
	font-weight: 300;
    margin: 50px 0px 0px;
    padding: 13px 20px;
    text-transform: uppercase;
    transition: ease 0.2s;
    -webkit-transition: ease 0.2s;
    letter-spacing: 0.5px;
    border-radius: 10px;
	position: relative;
	overflow: hidden;
}
.view_more_bt.btn-center {
	margin: 50px auto 0px;
}
.view_more_bt > span {
	position: relative;
	z-index: 1;
}
.view_more_bt::before {
    content: "";
    position: absolute;
    background-color: #0789c1;
    width: 125px;
    height: 125px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%;
	transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
}
.view_more_bt:hover:before {
	transform: translate(-50%, -50%) scale(2.5);
}
.view_more_bt:hover {
	color: #FFFFFF;
}


.view_more_bt1 {
    background-color: #0789c1;
    border: none;
    color: #ffffff;
    display: table;
    font-size: 14px;
	font-weight: 300;
    margin: 50px 0px 0px;
    padding: 13px 20px;
    text-transform: uppercase;
    transition: ease 0.2s;
    -webkit-transition: ease 0.2s;
    letter-spacing: 0.5px;
    border-radius: 10px;
	position: relative;
	overflow: hidden;
}
.view_more_bt1.btn-center {
	margin: 50px auto 0px;
}
.view_more_bt1 > span {
	position: relative;
	z-index: 1;
}
.view_more_bt1::before {
    content: "";
    position: absolute;
    background-color: #00b2ff;
    width: 125px;
    height: 125px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%;
	transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
}
.view_more_bt1:hover:before {
	transform: translate(-50%, -50%) scale(2.5);
}
.view_more_bt1:hover {
	color: #FFFFFF;
}

.join-community-btn {
	background-color: #02bc75;
    border: none;
    color: #ffffff;
    display: table;
    font-size: 14px;
    font-weight: 400;
    padding: 13px 50px;
    margin: 0px;
    position: absolute;
    right: 0px;
    bottom: 50px;
    text-transform: uppercase;
    transition: ease 0.2s;
    -webkit-transition: ease 0.2s;
    letter-spacing: 0.5px;
    border-radius: 30px;
    overflow: hidden;
}
.join-community-btn.btn-center {
	margin: 50px auto 0px;
}
.join-community-btn > span {
	position: relative;
	z-index: 1;
}
.join-community-btn::before {
    content: "";
    position: absolute;
    background-color: #02de8a;
    width: 125px;
    height: 125px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%;
	transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
}
.join-community-btn:hover:before {
	transform: translate(-50%, -50%) scale(2.5);
}
.join-community-btn:hover {
	color: #FFFFFF;
}

.pattern_bg {
	
}

.img-bg {
	position: relative;
}
.img-bg::before { 
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;

	opacity: 0.1;
    filter: blur(0px);
	transition: ease 0.3s;
}
.img-bg.achivements-bg::before { 
	background: #f9f9f9 url(../images/achivements.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
}


.img-bg2 {
	position: relative;
}
.img-bg2::before { 
	content: "";
	position: absolute;
	width: 50%;
	height: 100%;
    filter: blur(0px);
	transition: ease 0.3s;
}
.img-bg2.vision-mission-bg::before { 
	background:  url(../images/vision-mission.jpg);
	background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
}

.img-bg.community-bg::before { 
	background: #f9f9f9 url(../images/join-our-comminity.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
    filter: blur(10px);
}
.img-bg.community-bg:hover:before { 
    filter: blur(10px) !important;
}
/* -- AA -- */

.img-bg.advanced-intelligent-bg::before { 
	background: #f9f9f9 url(../images/advanced-intelligent.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.img-bg.ai-courses-bg::before { 
	background: #f9f9f9 url(../images/ai-courses.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.img-bg.world-map-bg::before { 
	background: #f9f9f9 url(../images/world-map.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
    opacity: 0.5;
}
/* -- AA -- */
.img-bg.world-map-bg:hover::before { 
    filter: blur(0px) !important;
    opacity: 0.3;
}
.img-bg:hover::before { 
	filter: blur(8px);
	opacity: 0.2;
}
.blue-content-bg {
	background-color: #008cc6;
}
.blue-content-bg1 {
	background-color: #044d81;
}
.darkblue-content-bg {
    background-color: #051321;
}
.orange-content-bg {
	background-color: #ff6914;
}
.yellow-content-bg {
	background-color: #ffa000;
}

.green-content-bg {
	background-color: #8abb4e;
}
.green-content-f-bg::before {
	background-color: #8abb4e;
}

.lite-gray-bg {
	background-color: #f1f3f3;
}
.lite-blue-bg {
	background-color: #d1dee9;
}

.lite-gray-gradient-bg {
	background: linear-gradient(135deg,  #ffffff 0%,#ffffff 40%,#f2f2f2 40%,#ffffff 80%,#f2f2f2 80%,#f9f9f9 100%);
	background-attachment: fixed;
}
.lite-gray-gradient-bg1 {
	background: linear-gradient(215deg,  #ffffff 0%,#ffffff 40%,#f2f2f2 40%,#ffffff 80%,#f2f2f2 80%,#f9f9f9 100%);
	background-attachment: fixed;
}
.lite-gray-gradient-bg2 {
    background: linear-gradient(62deg, #ffffff 0%, #ffffff 40%, #f2f2f2 40%, #ffffff 80%, #f2f2f2 80%, #f9f9f9 100%);
	background-attachment: fixed;
}

.lite-gray-gradient-bg3 {
	background: linear-gradient(45deg,rgba(249, 249, 249, 1) 0%, rgba(242, 242, 242, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(242, 242, 242, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 100%);
	background-attachment: fixed;
}

.lite-gray-gradient-bg4 {
    background: linear-gradient(90deg, #f1f3f3 0%, #f1f3f3 50%, #060e1a 50%, #060e1a 100%);
}
.lite-gray-gradient-bg5 {
    background: linear-gradient(90deg, #060e1a 0%, #060e1a 50%, #f1f3f3 50%, #f1f3f3 100%);
}

.lite-blue-gradient-bg {
	background: linear-gradient(135deg, #e8f1f5 0%, #e8f1f5 40%, #dae8ef 40%, #e8f1f5 80%, #e3ebef 80%, #e3ebef 100%);
	background-attachment: fixed;
}

.lite-blue-gradient-bg1 {
	background: linear-gradient(90deg, #e8f1f5 0%, #e8f1f5 50%, #cfe1e9 50%, #cfe1e9 100%);
	background-attachment: fixed;
}

.content-shadow-bottom {
	box-shadow: 0px -60px 100px -100px rgb(6 14 26 / 80%) inset;
}

.lite_gray_bd {
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
}

.dark-gray-bg {
	background-color: #1f2c37;
}
.dark-blue-bg {
	background-color: #081d3d;
}
.dark-blue-bg1 {
	background-color: #060e1a;
}
.dark-blue-bg2 {
	background-color: #001834;
}

.dark-blue-gradient-bg {
	    background: linear-gradient(90deg, rgb(0 1 37) 0%, #0084bd 50%, rgb(0 1 37) 100%);
}

.dark-blue-gradient-bg1 {
	background: linear-gradient(90deg,rgba(0, 119, 204, 1) 0%, rgba(7, 53, 85, 1) 50%, rgba(7, 53, 85, 1) 100%);
}
.dark-blue-gradient-bg2 {
	background: linear-gradient(123deg, rgba(15, 58, 150, 1) 0%, rgba(25, 79, 179, 1) 10%, rgba(3, 70, 163, 1) 10%, rgba(24, 64, 136, 1) 90%, rgba(15, 82, 150, 1) 90%, rgba(15, 82, 150, 1) 100%);
}
.line-pattern-bg {
	background-image: url("../images/dot-connect-pattern.png");
	background-attachment: fixed;
}

.line-pattern-bg1 {
	position: relative;
}
.line-pattern-bg1::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-image: url("../images/dot-connect-pattern.png");
	background-attachment: fixed;
	opacity: 0.2;
}
.line-pattern-bg2 {
	position: relative;
}
.line-pattern-bg2::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-image: url("../images/dot-connect-pattern.png");
	background-attachment: fixed;
	opacity: 0.8;

}
.line-pattern-bg1.animate-bg::before,
.line-pattern-bg2.animate-bg::before {
  background-position: top left;
  animation:  moveBackground 100s ease infinite;
}

@keyframes moveBackground {
  0% {
    background-position: 0 0;
  }
  50% {background-position: center;}
  50% {background-position: bottom right;}
  75% {background-position: center right;}
  100% {
    background-position: top left;
  }
}



.black-dot-pattern-bg {
	background-image: url("../images/black-pattern.png");
	background-attachment: fixed;
}
.orange_bg {
    background-color: #8abb4e;
}
.orange_gradient_bg {
	background: #8abb4e; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #8abb4e 0%, #8abb4e 30%, #f47f11 30%, #8abb4e 70%, #f47f11 70%, #8abb4e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #8abb4e 0%,#8abb4e 30%,#f47f11 30%,#8abb4e 70%,#f47f11 70%,#8abb4e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #8abb4e 0%,#8abb4e 30%,#f47f11 30%,#8abb4e 70%,#f47f11 70%,#8abb4e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8abb4e', endColorstr='#8abb4e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.orange_gradient_pattern_bg {
	background: #8abb4e; /* Old browsers */
	background: url("../images/dot-connect-pattern.png") fixed, -moz-linear-gradient(45deg,  #8abb4e 0%, #8abb4e 30%, #f47f11 30%, #8abb4e 70%, #f47f11 70%, #8abb4e 100%); /* FF3.6-15 */
	background: url("../images/dot-connect-pattern.png") fixed, -webkit-linear-gradient(45deg,  #8abb4e 0%,#8abb4e 30%,#f47f11 30%,#8abb4e 70%,#f47f11 70%,#8abb4e 100%); /* Chrome10-25,Safari5.1-6 */
	background: url("../images/dot-connect-pattern.png") fixed, linear-gradient(45deg,  #8abb4e 0%,#8abb4e 30%,#f47f11 30%,#8abb4e 70%,#f47f11 70%,#8abb4e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8abb4e', endColorstr='#8abb4e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	
	}	

.blue-shade-pattern {

    position: relative;
    overflow: hidden;
}
.blue-shade-pattern:before {
    box-shadow: 0px 0px 80px 0px rgb(5 90 189 / 30%);
    content: "";
    position: absolute;
    width: 770px;
    height: 1210px;
    background-color: rgb(255 255 255 / 0%);
    transform: rotate(45deg);
    top: -50%;
    left: 50%;
}
.blue-shade-pattern:after {
    box-shadow: 0px 0px 80px 0px rgb(5 90 189 / 30%);
    content: "";
    position: absolute;
    width: 770px;
    height: 1210px;
    background-color: rgb(255 255 255 / 0%);
    transform: rotate(-45deg);
    top: -50%;
    right: 50%;
}

.blue-shade-pattern.animate-moveAround::before {
  animation: moveAround1 60s linear infinite;
}
.blue-shade-pattern.animate-moveAround::after {
  animation: moveAround2 60s linear infinite;
}
@keyframes moveAround1 {
  0%   { transform: rotate(45deg) translate(0, 0); }
  25%  { transform: rotate(-45deg) translate(100px, 0); }
  50%  { transform: rotate(45deg) translate(100px, 100px); }
  75%  { transform: rotate(-45deg) translate(0, 100px); }
  100% { transform: rotate(45deg) translate(0, 0); }
}
@keyframes moveAround2 {
  0%   { transform: rotate(-45deg) translate(0, 0); }
  25%  { transform: rotate(45deg) translate(100px, 0); }
  50%  { transform: rotate(-45deg) translate(100px, 100px); }
  75%  { transform: rotate(45deg) translate(0, 100px); }
  100% { transform: rotate(-45deg) translate(0, 0); }
}


.content-img-bg {position: relative;}
.content-img-bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    opacity: 0.09;
    background-size: cover;
    background-repeat: no-repeat;
}	




.wwa-img.content-img-bg::before {
	background-image: url("../images/who-we-are.jpg");
	background-attachment: fixed;
}
.content-float-bg {
	position: relative;
}

.content-float-bg::before {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0px;
    background-size: cover;
    background-repeat: no-repeat;
}

.content-float-bg.bg-rp::before {
	right: 0px;
}
.content-float-bg.bg-lp::before {
	left: 0px;
}	
.tb_padd {
	padding-top: 50px;
	padding-bottom: 50px;
}
.tb_padd1 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.tb_padd2 {
	padding-top: 100px;
	padding-bottom: 100px;
}
.fixed-header {
    position: fixed !important;
    top: 0;
    width: 100% !important;
    z-index: 999 !important;
}

.home_header {
	/* background-color: rgb(11 9 34 / 50%); */
    position: relative;
    width: 100%;
    z-index: 999;
    position: fixed;
	transition: ease 0.5s;
}
.home_header:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(8px);
    background-color: rgb(255 255 255 / 90%);
	
}

.home_header.fixed-header:before {
	background: rgb(0 12 34 / 80%);
}


.home_header .header-container {
		width: 100%;
	padding: 0px 30px;
}


.sub_header {
	background-color: rgba(266, 266, 266, 1.0);
	border-bottom: 5px solid #00a6df;
}
.sub_header {
	background-color: #FFFFFF;
}
header {
	margin: 0px;
	padding: 0px;
}



.top_container {
	display: table;
	margin: 0;
	padding: 15px 0px;
	width: 100%;
	position: relative;
}
.logo {
	height: 75px;
	margin: 0px 0px;
	padding: 0px;
	float: left;
	transition: ease 0.1s;
	overflow: hidden;
}
.logo img {
	height: 100%;
	transition: ease 1s;
	position: relative;
}

.home_header.fixed-header .logo {
	height: 40px;
    width: 48px;
}
.home_header.fixed-header .logo img {
    height: 74px;
    filter: brightness(0) invert(1);
    left: -33px;
}

/*--desktop menu-- */

nav.menu-container {
    float: right;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
	transition: ease 1s;
}

.home_header.fixed-header nav.menu-container {
	right: 0%;
    transform: translate(0%, -50%);
}

nav.menu-container > ul {
	display: table;
	margin: 0 -20px;
	padding: 0;
}
nav.menu-container > ul > li {
	display: table-cell;
	list-style: outside none none;
	margin: 0;
	padding: 0 20px 0px 20px;
	position: relative;
}
nav.menu-container > ul > li:last-child {
	/* padding-right: 0px; */
}
nav.menu-container > ul > li > a {
    color: #3c4f6a;
    display: block;
    font-size: 15px;
    margin: 0;
    padding: 10px 0px;
    transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    white-space: nowrap;
    /* font-family: 'Raleway', sans-serif !important; */
}
nav.menu-container > ul > li > a:after {
    content: "";
    background: linear-gradient(90deg, rgb(0 64 103) 0%, rgb(0 83 135) 100%);
    position: absolute;
    width: 0;
    height: 3px;
    left: -10px;
    bottom: 0px;
    border-radius: 5px;
    transition:  ease 0.5s;
    visibility: hidden;
}
nav.menu-container > ul > li:hover > a {
	color: #004067;
}

nav.menu-container > ul > li.active > a {
    color: #004067;
    font-weight: 600;
}
nav.menu-container > ul > li:hover > a:after,
nav.menu-container > ul > li.active > a::after {
    width: calc(100% + 20px);
    visibility: visible;
}
nav.menu-container > ul > li > a.submenu-head {
	padding-right: 25px;
	}
	
nav.menu-container > ul > li > a.submenu-head:before {
    content: '\f107';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    position: absolute;
    top: 12px;
    right: 0px;
    color: #3c4f6a;
}	
nav.menu-container > ul > li:hover > a.submenu-head:before {
    color: #004067;

	}
nav.menu-container > ul > li > a > i {
	font-size: 16px !important;
    padding: 0px 5px 0px 0px;
}

nav.menu-container > ul > li:hover > .sub-menu {
	display: block;

	}
nav.menu-container > ul > li > .sub-menu {
    display: none;
    margin: 0px;
    padding: 17px 0px 0px 0px;
    position: absolute;
    top: 100%;
    right: 0px;
    min-width: 220px;
}
nav.menu-container > ul > li > .sub-menu:before {
    content: "";
    position: absolute;
    border-bottom: 13px solid rgb(1 61 98 / 90%);
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
    top: 5px;
    right: 60px;
    z-index: 1;
}
nav.menu-container > ul > li > .sub-menu:after {
    content: "";
    position: absolute;
    width: 100%;
    height: calc(100% - 17px);
    bottom: 0px;
    background-color: rgb(1 61 98 / 90%);
    backdrop-filter: blur(5px);
    box-shadow: 0px 30px 17px -20px rgba(0, 0, 0, 0.5), 17px 5px 17px -17px rgba(0, 0, 0, 0.5), -17px 5px 17px -17px rgba(0, 0, 0, 0.5);
}
nav.menu-container > ul > li > .sub-menu > li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: relative;
    z-index: 1;
}
nav.menu-container > ul > li > .sub-menu > li > a {
    color: rgb(255 255 255 / 80%);
    display: block;
    font-size: 15px;
    margin: 0;
    padding: 15px 20px;
    transition: ease 0.2s;
    -webkit-transition: ease 0.2s;
    font-weight: 300;
    letter-spacing: 0.5px;
    position: relative;
    white-space: nowrap;
    /* font-family: 'Raleway', sans-serif !important; */
}
nav.menu-container > ul > li > .sub-menu > li:last-child > a {
	border-bottom: none;

	}

nav.menu-container > ul > li > .sub-menu > li:hover > a,
nav.menu-container > ul > li > .sub-menu > li.active > a {
    color: #FFF;
    background-color: #12253c;
}

.home_header.fixed-header nav.menu-container > ul > li > a {
    color: rgb(248 250 255 / 80%);
    font-weight: 300;
}

.home_header.fixed-header nav.menu-container > ul > li:hover > a {
    color: #0084d7;
    font-weight: 400;
}

.home_header.fixed-header nav.menu-container > ul > li.active > a {
    color: #0084d7;
    font-weight: 700;
}
.home_header.fixed-header nav.menu-container > ul > li > a.submenu-head:before { 
    color: rgb(168 185 209 / 80%);
}
.home_header.fixed-header nav.menu-container > ul > li:hover > a.submenu-head:before { 
    color: #0084d7;
}
.home_header.fixed-header  nav.menu-container > ul > li > a:after {
    height: 2px;
    background: linear-gradient(90deg, rgb(0 132 215) 0%, rgb(105 185 235) 100%);
}

/*--desktop menu-- */
/* mobile menu */

.mobile-menu-container {
	position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    right: -1000px;
    overflow: hidden;
    z-index: 999;
	transition:  ease 0.5s;
}
.mobile-menu-container::before {
	content: "";
    position: absolute;
    width: 100%;
    height: 100vh;
    background-color: rgb(255 255 255 / 30%);
    backdrop-filter: blur(8px);
}
.mobile-menu-container.active {
	right: 0px;
}
.mobile-menu-container .mobile-menu-content {
	background-color: rgb(0 12 34 / 85%);
	/* border-left: 1px solid #0486bd; */
    width: calc(100% - 50px);
    height: 100vh;
    position: relative;
    z-index: 9;
    float: right;
}
.mobile-menu-container .mobile-menu-content .mobile-menu-head {
    margin: 0px;
    padding: 30px 25px;
	position: relative;
}
.mobile-menu-container .mobile-menu-content .mobile-menu-head > .mobile-menu-logo {
	height: 60px;
	margin: 0px;
	padding: 0px;
	display: block;
}
.mobile-menu-container .mobile-menu-content .mobile-menu-head > .mobile-menu-logo > img {
	height: 100%;
    margin: 0px;
    padding: 0px;
	filter: brightness(0) invert(1);
    display: inline-block;
}

.mobile-menu-container .mobile-menu-content .mobile-menu-head > .close-mob-menu {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translatey(-50%);
    width: 30px;
    height: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0px;
    padding: 0px;
}
.mobile-menu-container .mobile-menu-content .mobile-menu-head > .close-mob-menu > span {
	width: 2px;
    height: 26px;
    background-color: rgb(255 255 255 / 40%);
    position: absolute;
	transition: ease 0.2s;
}
.mobile-menu-container .mobile-menu-content .mobile-menu-head > .close-mob-menu > span:nth-of-type(1) {
	transform: rotate(45deg);
}
.mobile-menu-container .mobile-menu-content .mobile-menu-head > .close-mob-menu > span:nth-of-type(2) {
	transform: rotate(-45deg);
}
.mobile-menu-container .mobile-menu-content .mobile-menu-head > .close-mob-menu:hover > span {
    background-color: rgb(255 255 255 / 100%);
    width: 3px;
}
.mobile-menu-container .mobile-menu-content .mobile-menu-body {
	margin: 0px;
	padding: 0px 25px;
	height: calc(100% - 120px);
}
.mobile-menu-container .mobile-menu-content .mobile-menu-body > .menu-h3-content {
	font-size: 26px;
    color: #ffffffeb;
    line-height: 35px;
    font-weight: 100;
    letter-spacing: 0.5px;
    margin: 0px;
    padding: 0px 0px 15px 0px;
	border-bottom: 2px dotted rgb(118 117 119);
}
.mobile-menu-container .mobile-menu-content .mobile-menu-footer {
	margin: 0px;
	padding: 0px 25px 15px;
	
}
.mobile-menu-container .mobile-menu-content .mobile-menu-footer > .menu-h4-content {
	margin: 0px;
    padding: 15px 0px 15px 0px;
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
    letter-spacing: 1px;
	border-top: 2px dotted rgb(118 117 119);
}


.menu-contact-info {
	margin: 0px;
	padding: 0px;
}
.menu-contact-info > li {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	list-style: none;
}
.menu-contact-info > li:last-child {
	padding-bottom: 0px;
}
.menu-contact-info > li > div {
	margin: 0px;
	padding: 0px 0px 0px 30px;
	position: relative;
}
.menu-contact-info > li > div > i {
	position: absolute;
    left: 0px;
    top: 4px;
    font-size: 16px;
    color: #ffffff99;
}
.menu-contact-info > li > div > p {
	font-size: 16px;
    color: #919bad;
    line-height: 24px;
    font-weight: 300;
    letter-spacing: 0.5px;
    margin: 0px;
    padding: 0px 0px 5px 0px;
	
}
.menu-contact-info > li > div > span {
	font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
    font-weight: 300;
    letter-spacing: 0.5px;
    margin: 0px;
    padding: 0px;
    display: block;
}
.menu-contact-info > li > div > span > a {
	color: #FFFFFF;
}


.mobile-menu-nav {
    margin: 0;
    padding: 15px 0px 15px 0px;
    height: calc(100%);
    overflow-x: hidden;
    overflow-y: auto;
	border-top: 2px dotted rgb(118 117 119);
}
.mobile-menu-nav > ul {
    margin: 0;
    padding: 0;
}
.mobile-menu-nav > ul > li {
	list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
	list-style: none;
}
.mobile-menu-nav > ul > li > a {
	color: #A8BFD0;
    display: block;
    font-size: 15px;
    margin: 0;
    padding: 13px 0px;
    transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
    font-weight: 300;
    letter-spacing: 1px;
    position: relative;
    /* text-transform: uppercase; */
}
.mobile-menu-nav > ul > li:hover > a,
.mobile-menu-nav > ul > li.active > a {
	padding-left: 10px;
	padding-right:  10px;
	background-color: #0486bd;
	color: rgb(255 255 255 / 100%);
}
.mobile-menu-nav > ul > li > a.submenu-head {
    position: relative;
}
.mobile-menu-nav > ul > li > a.submenu-head:before {
    content: '\f107';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    position: absolute;
    top: 12px;
    right: 0px;
    color: rgb(255 255 255 / 70%);
}
.mobile-menu-nav > ul > li > .sub-menu {
    margin: 0px;
    padding: 0px 0px 0px 15px;
}
.mobile-menu-nav > ul > li > .sub-menu > li {
}

.mobile-menu-nav > ul > li > .sub-menu > li > a  {
    color: #A8BFD0;
    display: block;
    font-size: 15px;
    margin: 0;
    padding: 13px 0px 13px 23px;
    transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
    font-weight: 300;
    letter-spacing: 1px;
    position: relative;
    /* text-transform: uppercase; */
}
.mobile-menu-nav > ul > li > .sub-menu > li > a::before  {
    content: '\f107';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    position: absolute;
    top: 12px;
    left: 0px;
    color: rgb(255 255 255 / 70%);
    transform: rotate(-90deg);
}
.mobile-menu-nav > ul > li > .sub-menu > li:hover > a,
.mobile-menu-nav > ul > li > .sub-menu > li.active > a  {
    padding-left: 30px;
	padding-right:  10px;
	background-color: #03648d;
	color: rgb(255 255 255 / 100%);
}
.mobile-menu-nav > ul > li > .sub-menu > li:hover > a::before,
.mobile-menu-nav > ul > li > .sub-menu > li.active > a::before  {
    left: 10px;
}

/* mobile menu */
.menu-btn {
	position: absolute;
    top: 50%;
    right: 0px;
    transform: translatey(-50%);
    width: 40px;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    /* background-color: #050e26; */
    padding: 4px;
}
.menu-btn > span {
	width: 10px;
    height: 10px;
    display: block;
    border: 1px solid #044066;
    margin: 3px;
	transition: ease 0.5s;
}

.menu-btn > span:nth-of-type(2) {
	transform: rotate(45deg);
}

.menu-btn:hover > span {
	border: 1px solid #0d6efd;
	}
.menu-btn:hover > span:nth-of-type(2) {
	transform: rotate(180deg);
}

.fixed-header .menu-btn > span {
     border: 1px solid #ffffff;
}
.page-body-container {

}

.home_banner {
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.home_banner img {
	width: 100%;
}
.home_banner .banner_contant {
    left: 0;
    margin: 0;
    padding: 0 8%;
    position: absolute;
    left: 0;
    top: 60%;
    width: 100%;
    transform: translatey(-50%);
	z-index: 1;
}
.home_banner .banner_contant h3 {
    color: #FFFFFF;
    display: inline-block;
    font-size: 40px;
    font-weight: 300;
    line-height: 52px;
    margin: 0;
    padding: 20px 50px;
    letter-spacing: 0.5px;
    position: relative;
    /* left: -1000px; */
    left: 0px;
    transition: ease 1s;

}
.home_banner .rslides1_on .banner_contant h3 { 
    /* left: 0px; */
}
.home_banner .banner_contant h3::before {
    content: "";
    background-color: #004067; 
    box-shadow: 0px 13px 50px -6px #010228;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    transform: skewX(20deg);
}
.home_banner .banner_contant h3 span {
    position: relative;
}
.home_banner .banner_contant h3 strong {
	font-weight: 400;
}
.home_banner .banner_contant p {
    color: rgb(255 255 255 / 75%);
    display: inline-block;
    font-size: 20px;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 300;
    line-height: 28px;
    margin: 0;
    padding: 20px 50px;
    letter-spacing: 0.5px;
    position: relative;
    /* left: -1000px; */
    left: 0px;
    transition: ease 1.5s;
}
.home_banner .rslides1_on .banner_contant p { 
    /* left: 0px; */
}
.home_banner .banner_contant p::before {
    content: "";
    background-color: #0869a5;
    box-shadow: 0px 13px 50px -6px #010228;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    transform: skewX(20deg);
}

.home_banner .banner_contant p span {
    position: relative;
}
.home_banner > .slider-nav-container {
    position: absolute;
    top: 0px;
    height: 100%;
    margin: 0px;
    padding: 0px;
    width: 100%;
    z-index: 99;
}
.home_banner > .slider-nav-container > li.slider-nav {
    position: absolute;
    top: 0px;
    height: 100%;
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 60px;
}
.home_banner > .slider-nav-container > li.slider-nav.slide-left {
	left: 0px;
}
.home_banner > .slider-nav-container > li.slider-nav.slide-right {
	right: 0px;
}

.home_banner > .slider-nav-container > li.slider-nav > .rslides_nav {
    background-color: rgba(0,0,0,0.4);
    height: 100px;
    width: 100%;
    position: absolute;
    font-size: 0px;
    cursor: pointer;
    top: 50%;
    bottom: 0px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transition: ease 0.3s;
    -webkit-transition: ease 0.3s;
    opacity: 0;
    text-align: center;
}
.home_banner:hover > .slider-nav-container > li.slider-nav > .rslides_nav {
	opacity: 0.3;

	}
.home_banner > .slider-nav-container > li.slider-nav > .rslides_nav:before {
    font-family: 'Font Awesome 6 Pro';
    font-size: 20px;
    color: #e2e2e2;
    font-weight: 900;
    display: table;
    top: 50%;
    padding: 0px;
    position: relative;
    width: 100%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.home_banner > .slider-nav-container > li.slider-nav > .rslides_nav.prev {
	
	
}

.home_banner > .slider-nav-container > li.slider-nav > .rslides_nav.prev:before {
	content: "\f053";
}
.home_banner > .slider-nav-container > li.slider-nav > .rslides_nav.next {
	
}
.home_banner > .slider-nav-container > li.slider-nav > .rslides_nav.next:before {
	content: "\f054";
}
.home_banner > .slider-nav-container > li.slider-nav > .rslides_nav.prev:hover,
.home_banner > .slider-nav-container > li.slider-nav > .rslides_nav.next:hover {
	opacity: 1;
}
.home_banner > .rslides_tabs {
    position: absolute;
    bottom: 20px;
    z-index: 99;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    margin: 0px;
    padding: 0px;
    display: table;
    visibility: hidden;
}
.home_banner:hover > .rslides_tabs {
	visibility: visible;
	}
.home_banner > .rslides_tabs > li {
    display: table-cell;
    list-style: none;
    margin: 0px;
    padding: 0px 7.5px;
}

.home_banner > .rslides_tabs > li > a {
    width:  15px;
    height: 15px;
    display: block;
    border: 2px solid rgba(266, 266, 266, 0.7);
    border-radius: 10px;
    font-size: 0px;
    position: relative;
    transition: ease 0.3;
    -webkit-transition: ease 0.3;
}
.home_banner > .rslides_tabs > li > a:hover {
	border: 2px solid rgba(266,266,266,1);

	}
.home_banner > .rslides_tabs > li > a:before {
	
}

.home_banner > .rslides_tabs > li.rslides_here > a {
	border: 2px solid rgba(266,266,266,1);
    background-color: #0789c1;
}
.home_banner > .rslides_tabs > li.rslides_here > a:before {
	
}


.sub_banner {
	margin: 0;
	padding: 0;
	position: relative;
}
.sub_banner img {
	width: 100%;
}
.sub_banner .banner_contant {
    display: block;
    left: 0;
    margin: 0 auto;
    padding: 0 8%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    width: 100%;
    transform: translatey(-50%);
}
.sub_banner .banner_contant h3 {
    color: #FFFFFF;
    display: block;
    font-size: 60px;
    font-weight: 400;
    line-height: 60px;
    margin: 0 auto;
    text-align: left;
    padding: 0px 0px 15px 0px;
}
.sub_banner .banner_contant h3 strong {
	font-weight: 400;
}
.sub_banner .banner_contant p {
    color: #FFFFFF;
    display: block;
    font-size: 40px;
    font-weight: 100;
    line-height: 60px;
    margin: 0 auto;
    text-align: left;
}
.left-content {
	padding-right: 50px;
}
.right-content {
	padding-left: 50px;
}
.box-inner-content {
    padding-left: 50px;
    padding-right: 50px;
}
.main_cotent {
	margin-top: 0px;
	margin-bottom: 0px;
}
.main_cotent img {
	width: 100%;
}
.main_cotent p {
	font-size: 16px;
	line-height: 28px;
	color: var(--txt-p--color);
	padding: 0px 0px 15px 0px;
	margin: 0px;
	font-weight: 300;
}
.main_cotent p > span {
	color: #0789c1;
}
.main_cotent p.left-content {
	padding-left: 15px;
	padding-right: 50px;

	}
.main_cotent p:last-child {
	padding-bottom: 0px;
}

.main_cotent ul.content-list {
	margin: 0px;
	padding: 0px 0px 0px 50px;
    display: flex;;
    flex-wrap: wrap;
	
}
.main_cotent ul.content-list > li {
    margin: 0px;
    padding: 0px 0px 15px 30px;
    font-size: 15px;
    color: var(--txt-p--color);
    font-weight: 300;
    position: relative;
    list-style: none;
}
.main_cotent ul.content-list.content-list-w > li { 
	color: #d1d1d1 !important;
}
.main_cotent ul.content-list > li:before {
	content: "";
    position: absolute;
    background-image: url(../images/list-bullet.png);
    background-repeat: no-repeat;
    background-size: 18px;
    top: 1px;
    left: 0px;
    width: 18px;
    height: 18px;
}
.main_cotent ul.content-list.content-list-w > li:before {
	background-image: url(../images/list-bullet-w.png);
}
.main_cotent ul.content-list.content-list-gear > li:before {
	background-image: url(../images/list-bullet-gear.png);
    background-size: 20px;
    width: 22px;
    height: 15px;
}
.main_cotent ul.content-list > li:last-child {
	padding-bottom: 0px;

	}


.main_cotent ul.content-list1 {
	margin: 0px;
	padding: 0px 0px 0px 50px;
    display: flex;;
    flex-wrap: wrap;
    list-style: none;
	
}
.main_cotent ul.content-list1 > li {
    margin: 0px;
    padding: 0px 0px 30px 0px;
}
.main_cotent ul.content-list1 > li > div {
    margin: 0px;
    padding: 0px;
}
.main_cotent ul.content-list1 > li > div > h4 {
    font-size: 16px;
    color: var(--txt--color-medium-blue);
    font-weight: 600;
    margin: 0px;
    padding: 0px 0px 5px 0px;
    letter-spacing: 1px;
}
.main_cotent ul.content-list1 > li > div > p {
    margin: 0px;
    padding: 0px;
    font-size: 15px;
    color: var(--txt-p--color);
    font-weight: 300;
}


.content-img {}
.content-img.img-bdr > img {
    border: 1px solid #ffffff;
}
.content-img.content-img-left > img,
.content-img.content-img-right > img {
	border-radius: 20px; 
}

.content-img.content-img-left > img {
	/* border-radius: 0% 80% 80% 80%; 
	box-shadow: 10px 20px 40px -30px #000621; */
}
.content-img.content-img-right > img {
    /* border-radius: 80% 0% 80% 80%;
    box-shadow: -10px 20px 40px -30px #000621; */
}
.content-img.content-img-left.img-shade > img {
    box-shadow: 10px 20px 40px -30px #000621;
}
.content-img.content-img-right.img-shade > img {
    box-shadow: -10px 20px 40px -30px #000621;
}
	
/* --box container design-- */

/* --box container-- */

.box-container {
	margin: 0px;
    padding: 30px 0px 0px 0px;
    list-style: none;
}
.box-container > li {
	margin: 0px;
	padding-bottom: 15px;
}
.box-container > li.icon-p-left {
	    padding-left: 70px;
}
.box-container > li.icon-p-right {
	    padding-right: 70px;
}
.box-container > li > .box-inner-container {
	margin: 0px;
	padding: 0px;
    position: relative;
	height: 100%;

}

.box-container > li > .box-inner-container > .box-icon {
	margin: 0px;
    padding: 23px;
    display: inline-block;
    border: 10px solid #dee4e7;
    width: 121px;
    height: 121px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	z-index: 9;
	    box-shadow: 0px 0px 30px 0px #060e1a;
}
.box-container > li.icon-p-left > .box-inner-container > .box-icon {
	background-color: #dd4646;
	left: -60px;
}
.box-container > li.icon-p-right > .box-inner-container > .box-icon {
	background-color: #037db0;
	right: -60px;
}
.box-container > li > .box-inner-container > .box-icon > i {
    margin: 0px;
    padding: 0px;
    font-size: 50px;
    font-weight: 300;
    color: #fff;
}
 .box-container > li > .box-inner-container > .box-content {
	margin: 0px;
	padding: 0px;
	position: relative;
	overflow: hidden;
	height: 100%;
}
.box-container > li.icon-p-left > .box-inner-container > .box-content {
	background-color: #dd4646;
	padding: 50px 50px 50px 93px;
	    border-radius: 100px 100px 0px 100px;
}
.box-container > li.icon-p-right > .box-inner-container > .box-content {
	background-color: #037db0;
	padding: 50px 93px 50px 50px;
	    border-radius: 100px 100px 100px 0px;
}
 .box-container > li > .box-inner-container > .box-content > h4 {
    margin: 0px;
    padding: 0px 0px 15px 0px;
    font-size: 24px;
    color: #ffffff;
    font-weight: 500;
    letter-spacing: 0.5px;
	position: relative;
}
 .box-container > li > .box-inner-container > .box-content > p{
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    color: #dee4e7;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.2px;
	position: relative;
}

/* --box container-- */


/* --box container1-- */

.box-container1 {
	margin: 0px;
    padding: 30px 0px 0px 0px;
    list-style: none;
}
.box-container1 > li {
	margin: 0px;
	padding-bottom: 15px;
}
.box-container1 > li.icon-p-left {
	    padding-left: 70px;
}
.box-container1 > li.icon-p-right {
	    padding-right: 70px;
}
.box-container1 > li > .box-inner-container1 {
	margin: 0px;
    padding: 50px;
    position: relative;
    border: 1px solid #d2d2df;
    background-color: rgb(255 255 255 / 90%);
    transition: ease 0.5s;
}
.box-container1 > li > .box-inner-container1:hover {
    transform: scale(1.04);
	background-color: #182f40;	
	border-color: #182f40;
    box-shadow: 0px 8px 20px -12px rgb(6 14 26 / 30%);
}
.box-container1 > li > .box-inner-container1 > .box-icon {
	margin: 0px 0px 50px 0px;
    padding: 0px 0px;
	width: 140px;
	height: 140px;
	border-radius: 100%;
	background-color: #ffffff;
	transition: ease 0.5s;
}

.box-container1 > li > .box-inner-container1 > .box-icon > img {
    margin: 0px;
    padding: 0px;
	width: 100%;
	filter: grayscale(1);
	transition: ease 0.5s;
}
.box-container1 > li > .box-inner-container1:hover > .box-icon { 
	padding: 15px;
}
.box-container1 > li > .box-inner-container1:hover > .box-icon > img {
	filter: grayscale(0);
}
 .box-container1 > li > .box-inner-container1 > .box-content {
	margin: 0px;
	padding: 0px;
	position: relative;
}

 .box-container1 > li > .box-inner-container1 > .box-content > h4 {
    margin: 0px;
    padding: 0px 0px 15px 0px;
    font-size: 18px;
    color: var(--txt-h--color);
    font-weight: 700;
    letter-spacing: 0.5px;
    position: relative;
	transition: ease 0.3s;
}
.box-container1 > li > .box-inner-container1:hover > .box-content > h4 {
	color: #ffffff;
}
 .box-container1 > li > .box-inner-container1 > .box-content > p{
    margin: 0px;
    padding: 0px 0px 30px 0px;
    font-size: 15px;
    color: var(--txt-p--color);
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.2px;
	position: relative;
	transition: ease 0.3s;
}

 .box-container1 > li > .box-inner-container1:hover > .box-content > p {
	color: #c0c0af;
 }

.box-container1 > li > .box-inner-container1 > .box-content > .readmore-link {
    margin: 0px;
    padding: 0px;
    font-size: 15px;
    color: #484848;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.2px;
	position: relative;
	transition: ease 0.3s;
}
.box-container1 > li > .box-inner-container1 > .box-content > .readmore-link > i {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	transition: ease 0.3s;
}
.box-container1 > li > .box-inner-container1:hover > .box-content > .readmore-link {
	color: #0789c1;
	font-weight: 400;
}
.box-container1 > li > .box-inner-container1 > .box-content > .readmore-link:hover > i { 
	padding: 0px 0px 0px 15px;
}
/* --box container1-- */

/* --box container2-- */

.box-container2 {
	margin: 0px;
    padding: 30px 0px 0px 0px;
    list-style: none;
}
.box-container2 > li {
	margin: 0px;
	padding-bottom: 30px;
}
.box-container2 > li.icon-p-left {
	    padding-left: 70px;
}
.box-container2 > li.icon-p-right {
	    padding-right: 70px;
}
.box-container2 > li > .box-inner-container2 {
	margin: 0px;
    padding: 50px 30px;
    position: relative;
		
    transition: ease 0.5s;
	text-align: center;

	background-color: #ffffff;
    /* box-shadow: 0px 8px 20px -12px rgb(6 14 26 / 70%); */
    border: 1px dashed #b6b6c0;
	border-radius: 30px;
    display: block;
}
.box-container2 > li > .box-inner-container2:hover {
    /* transform: scale(1.04);
    border-color: #b6b6c0;
    box-shadow: 0px 8px 20px -12px rgb(6 14 26 / 0%); */

	transform: scale(1.03);
    border: 1px solid #cecee3;
    box-shadow: 0px 38px 20px -32px rgb(6 14 26 / 30%);
}
.box-container2 > li > .box-inner-container2 > .box-icon {
	margin: 0px auto 30px;
    padding: 0px;
	width: 140px;
	height: 140px;
	border-radius: 100%;
	transition: ease 0.5s;
}

.box-container2 > li > .box-inner-container2 > .box-icon > img {
    margin: 0px;
    padding: 0px;
	width: 100%;
	transition: ease 0.5s;
}
.box-container2 > li > .box-inner-container2:hover > .box-icon { 
	padding: 0px;
}
 .box-container2 > li > .box-inner-container2 > .box-content {
	margin: 0px;
	padding: 0px;
	position: relative;
}

 .box-container2 > li > .box-inner-container2 > .box-content > h4 {
	margin: 0px;
    /* padding: 0px 0px 15px 0px; */
    padding: 0px 0px;
    font-size: 15px;
    color: rgb(10 24 35);
    font-weight: 500;
    letter-spacing: 0.5px;
    position: relative;
    transition: ease 0.3s;
}
 .box-container2 > li > .box-inner-container2 > .box-content > p{
    margin: 0px;
    padding: 0px 0px 30px 0px;
	padding: 0px 0px;
    font-size: 15px;
    color: var(--txt-p--color);
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.2px;
	position: relative;
	transition: ease 0.3s;
}


.box-container2 > li > .box-inner-container2 > .box-content > .readmore-link {
    margin: 0px;
    padding: 0px;
    font-size: 15px;
    color: #484848;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.2px;
	position: relative;
	transition: ease 0.3s;
}
.box-container2 > li > .box-inner-container2 > .box-content > .readmore-link > i {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	transition: ease 0.3s;
}
.box-container2 > li > .box-inner-container2:hover > .box-content > .readmore-link {
	color: #0789c1;
	font-weight: 400;
}
.box-container2 > li > .box-inner-container2 > .box-content > .readmore-link:hover > i { 
	padding: 0px 0px 0px 15px;
}
/* --box container2-- */

/* --box container3-- */

.box-container3 {
	margin: 0px;
    padding: 30px 0px 0px 0px;
    list-style: none;
}
.box-container3 > li {
	margin: 0px;
	padding-bottom: 15px;
}
.box-container3 > li.icon-p-left {
	    padding-left: 70px;
}
.box-container3 > li.icon-p-right {
	    padding-right: 70px;
}
.box-container3 > li > .box-inner-container3 {
	margin: 0px;
    padding: 0;
    position: relative;
    background-color: rgb(255 255 255 / 90%);
    transition: ease 0.5s;
	overflow: hidden;
}
.box-container3 > li > .box-inner-container3:before {
    content: "";
    position: absolute;
    background-color: rgb(2 24 41 / 0%);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
	transition: ease 0.5s;
	z-index: 1;
}
.box-container3 > li > .box-inner-container3:hover:before {
	background-color: rgb(2 24 41 / 40%);
}
.box-container3 > li > .box-inner-container3 > .box-img {
	margin: 0;
    padding: 0px 0px;
    width: 100%;
    height: 250px;
    
}

.box-container3 > li > .box-inner-container3 > .box-img > img {
    margin: 0px;
    padding: 0px;
	min-width: 100%;
	transition: ease 2s;
}
.box-container3 > li > .box-inner-container3:hover > .box-img > img {
    transform: scale(1.2) rotate(-5deg);
}

 .box-container3 > li > .box-inner-container3 > .box-content {
    margin: 0px;
    padding: 30px 30px;
    position: relative;
    background-color: rgb(2 24 41 / 50%);
    transition: ease 1s;
    z-index: 2;
    backdrop-filter: blur(4px);
}

 .box-container3 > li > .box-inner-container3:hover > .box-content { 
    backdrop-filter: blur(8px);
 }

 .box-container3 > li > .box-inner-container3 > .box-content > h4 {
    margin: 0px;
    padding: 0px 0px 15px 0px;
    font-size: 18px;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 0.5px;
    position: relative;
	transition: ease 0.3s;
}
.box-container3 > li > .box-inner-container3:hover > .box-content > h4 {
	color: #ffffff;
}
 .box-container3 > li > .box-inner-container3 > .box-content > p{
    margin: 0px;
    padding: 0px 0px;
    font-size: 15px;
    color: #c7c6c9;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.2px;
	position: relative;
	transition: ease 0.3s;
}

 .box-container3 > li > .box-inner-container3:hover > .box-content > p {
	    color: #f5f5f5;
 }

/* --box container3-- */

/* --box container4-- */

.box-container4 {
    margin: 0px;
    padding: 30px 0px 0px 0px;
    list-style: none;
}
.box-container4 > li {
	margin: 0px;
	padding-bottom: 30px;
}
.box-container4 > li.icon-p-left {
	    padding-left: 70px;
}
.box-container4 > li.icon-p-right {
	    padding-right: 70px;
}
.box-container4 > li > .box-inner-container4 {
	margin: 0px;
    padding: 0;
    position: relative;
    transition: ease 0.5s;
    /* background-color: #ffffff; */
    border: 1px dashed #b6b6c0;
    /* border-radius: 30px; */
    display: flex
;
    align-items: center;
}
.box-container4 > li > .box-inner-container4:hover {

	transform: scale(1.03);
    border: 1px solid #cecee3;
    box-shadow: 0px 38px 20px -32px rgb(6 14 26 / 30%);
}
.box-container4 > li > .box-inner-container4 > .box-icon {
	margin: 0;
    padding: 30px 30px;
    height: 100%;
    width: 200px;
    border-radius: 100%;
    transition: ease 0.5s;
    position: absolute;
    text-align: center;
}

.box-container4 > li > .box-inner-container4 > .box-icon > img {
	margin: 0px;
    padding: 0px;
    width: auto;
    max-height: 100%;
    transition: ease 0.5s;
}
.box-container4 > li > .box-inner-container4:hover > .box-icon { 

}
 .box-container4 > li > .box-inner-container4 > .box-content {
    margin: 0px;
    padding: 30px 30px 30px 200px;
    position: relative;
    width: 100%;
}

 .box-container4 > li > .box-inner-container4 > .box-content > h4 {
	margin: 0px;
    padding: 0px 0px;
    font-size: 18px;
    color: rgb(10 24 35);
    font-weight: 700;
    letter-spacing: 0.5px;
    position: relative;
    transition: ease 0.3s;
}
 .box-container4 > li > .box-inner-container4 > .box-content > p{
	margin: 0px;
    padding: 15px 0px 0px;
    font-size: 15px;
    color: var(--txt-p--color);
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.2px;
    position: relative;
    transition: ease 0.3s;
}


.box-container4 > li > .box-inner-container4 > .box-content > .readmore-link {
    margin: 0px;
    padding: 0px;
    font-size: 15px;
    color: #484848;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.2px;
	position: relative;
	transition: ease 0.3s;
}
.box-container4 > li > .box-inner-container4 > .box-content > .readmore-link > i {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	transition: ease 0.3s;
}
.box-container4 > li > .box-inner-container4:hover > .box-content > .readmore-link {
	color: #0789c1;
	font-weight: 400;
}
.box-container4 > li > .box-inner-container4 > .box-content > .readmore-link:hover > i { 
	padding: 0px 0px 0px 15px;
}
/* --box container4-- */

/* --box container5-- */

.box-container5 {
    margin: 0px -30px !important;
    padding: 0;
    list-style: none;
}
.box-container5 > li {
    margin: 0px;
    padding: 0px 30px 30px;
}
.box-container5 > li.icon-p-left {
	    padding-left: 70px;
}
.box-container5 > li.icon-p-right {
	    padding-right: 70px;
}
.box-container5 > li > .box-inner-container5 {
    margin: 0px;
    padding: 0;
    position: relative;
    transition: ease 0.5s;
    display: flex;
    /* align-items: center; */
}

.box-container5 > li > .box-inner-container5:hover {

}
.box-container5 > li > .box-inner-container5 > .box-icon {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 95px;
    border-radius: 100%;
    transition: ease 0.5s;
    position: relative;
    text-align: center;
}

.box-container5 > li > .box-inner-container5 > .box-icon > img {
    margin: 0px;
    padding: 0px;
    width: 100%;
    max-height: 100%;
    transition: ease 0.5s;
}
.box-container5 > li > .box-inner-container5:hover > .box-icon { 

}
 .box-container5 > li > .box-inner-container5 > .box-content {
    margin: 0px;
    padding: 0px 0px 0px 30px;
    position: relative;
    width: calc(100% - 95px);
}

 .box-container5 > li > .box-inner-container5 > .box-content > h4 {
	margin: 0px;
    padding: 0px 0px;
    font-size: 18px;
    color: rgb(10 24 35);
    font-weight: 700;
    letter-spacing: 0.5px;
    position: relative;
    transition: ease 0.3s;
}

 .box-container5 > li > .box-inner-container5 > .box-content > p{
	margin: 0px;
    padding: 15px 0px 0px;
    font-size: 15px;
    color: var(--txt-p--color);
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.2px;
    position: relative;
    transition: ease 0.3s;
}

.box-container5 > li > .box-inner-container5 > .box-content > .readmore-link {
    margin: 0px;
    padding: 0px;
    font-size: 15px;
    color: #484848;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.2px;
	position: relative;
	transition: ease 0.3s;
}
.box-container5 > li > .box-inner-container5 > .box-content > .readmore-link > i {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	transition: ease 0.3s;
}
.box-container5 > li > .box-inner-container5:hover > .box-content > .readmore-link {
	color: #0789c1;
	font-weight: 400;
}
.box-container5 > li > .box-inner-container5 > .box-content > .readmore-link:hover > i { 
	padding: 0px 0px 0px 15px;
}

/* White content */
.box-container5.w-container > li > .box-inner-container5 > .box-content > h4 { 
    color: #ffffff;
}
 .box-container5.w-container > li > .box-inner-container5 > .box-content > p{ 
    color: rgb(224 235 255 / 50%);
 }
/* White content */

/* bottem content */
.box-container5.shrink-content > li > .box-inner-container5 {

}
.box-container5.shrink-content > li > .box-inner-container5 > .box-icon {
    width: 65px;
}

.box-container5.shrink-content > li > .box-inner-container5 > .box-content {
    width: calc(100% - 65px);
}

.box-container5.shrink-content > li > .box-inner-container5 > .box-content >  h4 {
        font-size: 17px;    
}

.box-container5.shrink-content > li > .box-inner-container5 > .box-content >  h4 > strong { 
    color: var(--txt--color-light-blue);
}
/* bottem content */

/* --box container5-- */


/* --box container6-- */

.box-container6 {
	margin: 0px;
    padding: 30px 0px 0px 0px;
    list-style: none;
}
.box-container6 > li {
margin: 0px;
    padding-bottom: 30px;
}
.box-container6 > li > .box-inner-container6 {
    margin: 0px;
    padding: 50px 50px;
    position: relative;
    transition: ease 0.5s;
    /* background-color: rgb(5 90 189); */
    background-color: rgb(0 115 251);
    border-radius: 20px;
    box-shadow: 0px 30px 40px -40px rgb(0 15 42 / 70%);
    overflow: hidden;
}
.box-container6 > li > .box-inner-container6:hover {
    transform: scale(1.04);
}
.box-container6 > li > .box-inner-container6:before {
    content: "";
    position: absolute;
    width: 130%;
    height: 130%;
    background: linear-gradient(123deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
    transform: rotate(45deg);
    top: 30%;
    left: 20%;
    opacity: 0.1;
    border-radius: 100%;
    transition: ease 0.5s;
}
.box-container6 > li > .box-inner-container6:after {
    content: "";
    position: absolute;
    width: 130%;
    height: 130%;
    background: linear-gradient(123deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
    transform: rotate(45deg);
    top: 30%;
    left: -90%;
    opacity: 0.1;
    border-radius: 100%;
    transition: ease 0.5s;
}

.box-container6 > li > .box-inner-container6:hover::before {
    left: 30%;
}

.box-container6 > li > .box-inner-container6:hover::after {
    left: -110%;
}

.box-container6 > li > .box-inner-container6:hover::before,
.box-container6 > li > .box-inner-container6:hover::after{
    top: 60%;
}
.box-container6 > li > .box-inner-container6 > .box-icon {
    margin: 0px auto;
    padding: 30px 0px 50px 0px;
    transition: ease 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-container6 > li > .box-inner-container6 > .box-icon > i {
    margin: 0px;
    padding: 0px;
    color: #ffffff;
    font-size: 65px;
    font-weight: 100;
}
.box-container6 > li > .box-inner-container6:hover > .box-icon { 

}
.box-container6 > li > .box-inner-container6:hover > .box-icon > i {
}
 .box-container6 > li > .box-inner-container6 > .box-content {
    margin: 0px;
    padding: 0px;
    position: relative;
    text-align: center;
}

 .box-container6 > li > .box-inner-container6 > .box-content > h4 {
    margin: 0px;
    padding: 0px 0px 20px 0px;
    font-size: 58px;
    color: rgb(255 255 255);
    font-weight: 500;
    letter-spacing: 1px;
    position: relative;
    transition: ease 0.3s;
    line-height: 45px;
    font-family: 'Roboto' !important;
}
 .box-container6 > li > .box-inner-container6 > .box-content > h4 > p { 
    display: inline-block;
 }
 .box-container6 > li > .box-inner-container6 > .box-content > h4 > span { 
    font-weight: 100;
    font-size: 30px;
    padding-left: 5px;
    line-height: 20px;
 }
.box-container6 > li > .box-inner-container6:hover > .box-content > h4 {

}
 .box-container6 > li > .box-inner-container6 > .box-content > p {
    margin: 0px;
    padding: 0;
    font-size: 17px;
    color: rgb(255 255 255 / 70%);
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 1px;
    position: relative;
    transition: ease 0.3s;
}

 .box-container6 > li > .box-inner-container6:hover > .box-content > p {

 }

/* --box container6-- */

/* --box list1-- */
.box-list {
    margin: 0px -7.5px;
    padding: 0px 0px 0px 50px;
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 15px);
}

.box-list > li {
    margin: 0px;
    padding: 0px 7.5px 15px;
    list-style: none;
}
.box-list > li > div { 
    margin: 0px;
    padding: 15px 15px 15px 47px;
    position: relative;
    border: 1px dashed #cbd3d3;
    border-radius: 10px;
    transition: ease 0.2s;
    background-color: #ffffff;
}
.box-list > li > div:hover { 
    background-color: #044d81;
    border-color: #044d81;
}
.box-list > li > div:before {
    content: "";
    position: absolute;
    background-image: url(../images/list-bullet.png);
    background-repeat: no-repeat;
    background-size: 18px;
    top: 19px;
    left: 15px;
    width: 18px;
    height: 18px;
    transition: ease 0.2s;
}
.box-list > li > div:hover:before {
    background-image: url(../images/list-bullet-w.png);
}
.box-list > li > div > p { 
    margin: 0px;
    padding: 0px;
    font-size: 15px;
    color: var(--txt-p--color);
    font-weight: 300;
    letter-spacing: 0.3px;
    transition: ease 0.2s;
}
.box-list > li > div:hover > p { 
    color: #ffffff;
}
/* --box list1-- */

/* --box container design-- */




.home_product_contaienr {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
.home_product_contaienr li {
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 30px 0px;
	list-style: none;
}
.home_product_contaienr li a {
	margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
	transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
}
.home_product_contaienr li a figure {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.home_product_contaienr li a img {
	width: 100%;
	transition: ease 0.8s;
	-webkit-transition: ease 0.8s;
}
.home_product_contaienr li:nth-of-type(odd) a:hover img {
	transform: scale3d(1.2, 1.2, 1.2) rotate(-5deg);
	-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(-5deg);
}
.home_product_contaienr li:nth-of-type(even) :hover img {
	transform: scale3d(1.2, 1.2, 1.2) rotate(5deg);
	-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(5deg);
}
.home_product_contaienr .home_product_cont {
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 0;
	margin: 0;
	padding: 10px 25px;
	position: absolute;
	width: 100%;
	transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
}
.home_product_contaienr .home_product_cont div {
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	top: 46%;
}
.home_product_contaienr .home_product_cont div h4 {
	color: #ffffff;
	font-size: 22px;
	font-weight: 400;
	margin: 0 0 3px;
	padding: 0;
}
.home_product_contaienr .home_product_cont div p {
	color: #e2e2e2;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
	padding: 0;
	display: none;
}
.home_product_contaienr li a:hover .home_product_cont {
	height: 100%;
}
.home_product_contaienr li a:hover .home_product_cont div p {
	display: block;
}

.industry_list {
	margin: 0px !important;
	padding: 0px;
}
.industry_list > li {
	margin: 0px;
	padding: 0px;
	list-style: none;
    
}
.industry_list > li > .industry-container  {
    display: table;
    margin: 0px;
    padding: 50px 50px 30px 50px;
    width: 100%;
    /* border-radius: 0px 80px 0px 80px; */
    background-image: url("../images/dot-connect-pattern.png");
	background-attachment: fixed;
}

.industry_list > li > .industry-container figure {
	display: block;
	margin: 0px;
	padding: 0px 0px 50px 0px;
	width: 100%;
}
.industry_list > li > .industry-container figure img {
	width: 100%;
}
.industry_list > li > .industry-container figure i {
    color: #FFFFFF;
    display: block;
    font-size: 100px;
    text-align: center;
}
.industry_list > li > .industry-container div.industry-content {
	display: block;
	margin: 0;
	padding: 0px;
	vertical-align: top;
}
    .industry_list > li > .industry-container div.industry-content h4 {
    color: #FFFFFF;
    font-size: 22px;
    margin: 0;
    padding: 0 0 20px;
    font-weight: 600;
}
.industry_list > li > .industry-container div.industry-content p {
	color: #FFFFFF;
	font-size: 15px;
	line-height: 22px;
	margin: 0;
	padding: 0;
    font-weight: 300;
}
.industry_list > li > .industry-container div.industry-content > ul.industry-service-list {
	margin: 0px;
	padding: 0px 0px 30px 0px;
	min-height: 190px;
	
}
.industry_list > li > .industry-container div.industry-content > ul.industry-service-list > li {
    margin: 0px;
    padding: 0px 0px 15px 25px;
    font-size: 17px;
    color: #FFFFFF;
    font-weight: 300;
    position: relative;
    list-style: none;
}
.industry_list > li > .industry-container div.industry-content > ul > li:before {
    position: absolute;
    color: #FFFFFF;
    top: 2px;
    left: 0px;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    font-size: 15px;
    content: "\f00c";
}
.industry_list > li > .industry-container div.industry-content > ul > li:last-child {
	padding-bottom: 0px;

	}
.industry_list > li > .industry-container > .readmore-btn {
    color: #FFFFFF;
    float: right;
    border: 2px solid #FFF;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin: 0px;
    padding: 8px 9px;
    font-size: 20px;
    line-height: 20px;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transition: ease 0.3s;
    -webkit-transition: ease 0.3s;
}
.industry_list > li > .industry-container > .readmore-btn  i {
	
}
.industry_list > li > .industry-container > .readmore-btn:hover  {
	transform: scale(1);
    -webkit-transform: scale(1);
}		
.industry_list > li > .industry-container > .readmore-btn:hover  i {
	
}	

/*-- testimonial -- */
.testimonial_container {
	margin-bottom: 0;
	margin-top: 20px !important;
	padding: 0;
}

.testimonial_container div.testimonial-inner-container {
	list-style: outside none none;
	margin: 0;
    padding: 0px 15px 30px;
}
.testimonial_container div.testimonial-inner-container .testi_contant {
	background-color: #061e37;
    background-attachment: fixed;
    display: block;
    padding: 50px 50px 50px 50px;
    position: relative;
    height: 100%;
    overflow: hidden;
}

.testimonial_container div.testimonial-inner-container .testi_contant:before {
    box-shadow: 0px 0px 80px 0px rgb(4 77 129 / 30%);
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    background-color: rgb(255 255 255 / 0%);
    transform: rotate(45deg);
    top: 30%;
    left: -450px;
}

.testimonial_container div.testimonial-inner-container .testi_contant:after {
    /* content: ""; */
    position: absolute;
    bottom: -30px;
    border-top: 30px solid #fff;
    border-right: 40px solid transparent;
}
.testimonial_container div.testimonial-inner-container .testi_contant > .testimonial-icon {
    display: flex;
    width: 70px;
    height: 70px;
    margin: 0px auto 30px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 3px solid #0789c1;
    position: relative;
    outline: 3px solid #0789c1;
    outline-offset: -3px;
}

.testimonial_container div.testimonial-inner-container .testi_contant > .testimonial-icon > i  {
    color: #0789c1;
    display: inline-block;
    font-size: 45px;
    margin: 0px 0px -21px 0px;
}
    .testimonial_container div.testimonial-inner-container .testi_contant > p {
    color: #9ab1d5;
    font-family: 'Raleway', sans-serif !important;
    font-size: 15px;
    line-height: 24px;
    margin: 0px;
    padding: 0px 0px 30px 0px;
    position: relative;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: unset;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    letter-spacing: 0.3px;
    height: calc(100% - 80.5px - 110px - 42px);
    text-align: center;
    display: block;
    }
 .testimonial_container div.testimonial-inner-container .testi_contant p:before,
 .testimonial_container div.testimonial-inner-container .testi_contant p:after {
    color: #abbdd9;
    font-family: 'Font Awesome 6 Pro';
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
 }
.testimonial_container div.testimonial-inner-container .testi_contant p:before {
	content: "\f10d";
	padding: 0px 15px 0px 0px;
}
.testimonial_container div.testimonial-inner-container .testi_contant p:after {
     content: "\f10e";
     padding: 0px 0px 0px 15px;
}
.testimonial_container div.testimonial-inner-container .testi_contant .testi_author_details {
	float: left;
	margin: 0;
	padding: 0;
}
.testimonial_container div.testimonial-inner-container .testi_contant .testi_author_details i {
    color: #9ab1d5;
    display: inline-block;
    font-size: 13px;
    font-style: normal;
    margin: 0 0 10px;
    padding: 0;
}
.testimonial_container div.testimonial-inner-container .testi_contant .testi_author_details p {
    color: #0789c1;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    margin: 0;
    letter-spacing: 1px;
    line-height: 16px;
    text-transform: uppercase;
}
.testimonial_container div.testimonial-inner-container .testi_contant .testi_author_details p:before, .testimonial_container div.testimonial-inner-container .testi_contant .testi_author_details p:after {
	display: none;
}
.testimonial_container div.testimonial-inner-container .testi_contant .testi_author_details span {
    color: #9ab1d5;
    font-size: 13px;
    margin: 0;
    padding: 0;
    letter-spacing: 0.5px;
    font-weight: 400;
}

.testimonial_container .slick-list {

}
.testimonial_container .slick-list.draggable {
}
.testimonial_container .slick-list .slick-track {
        

}
.testimonial_container .slick-dots {
    margin: 0px 15px 0px 0px;
    padding: 0px;
    display: flex;
    justify-content: right;
}
.testimonial_container .slick-dots > li {
    margin: 0px;
    padding: 0px 5px;
    list-style: none;
}
.testimonial_container .slick-dots > li > button {
    border-radius: 100%;
    width: 15px;
    height: 15px;
    font-size: 0px;
    border: none;
    background-color: rgb(6 104 185 / 40%);
}
.testimonial_container .slick-dots > li.slick-active > button {
    background-color: rgb(6 104 185 / 90%);
}
/*-- testimonial -- */

footer {
    background-color: #001327;
    margin: 0px;
    border-top: 1px solid #0374c5;
}
.foot-logo {
    width: 150px;
    margin: 0px;
    padding: 0px 0px 15px 0px;
}
.foot-text {
    font-size: 14px;
    color: #A8BFD0;
    font-weight: 300;
    line-height: 22px;
    width: 70%;
    margin: 0px;
    padding: 0px 0px 15px 0px;
}
.bottom_phone_number {
	display: table;
	margin: 0;
	padding: 0;
}
.bottom_phone_number li {
	list-style: outside none none;
	margin: 0;
	padding: 0px 0px 15px 0px;
}
.bottom_phone_number li:last-child {
	padding-bottom: 0px;
}
.bottom_phone_number li a  {
    color: #A8BFD0;
    font-size: 14px;
    margin: 0;
    padding: 0 0 0 25px;
    text-decoration: none;
    letter-spacing: 0.5px;
    font-weight: 300;
    position: relative;
    display: block
}
.bottom_phone_number li a:hover {
	color: #0789c1;
    font-weight: 400;
}
.bottom_phone_number li a i  {
    color: #0789c1;
    margin: 0px;
    padding: 0;
    position: absolute;
    left: 0px;
    top: 2px;
}
.bottom_phone_number li p {
    font-weight: 600;
    color: #FFF;
    margin: 0px;
    padding: 0px 0px 10px 0px;
}
.footer_social {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
}
.footer_social li {
	list-style: outside none none;
	margin: 0;
	padding: 0 20px 0px 0px;
}
.footer_social li:last-child {
	padding-right: 0px;
}
.footer_social li a {
	color: #ffffff;
	display: block;
	font-size: 20px;
	margin: 0;
	padding: 0;
}
.footer_social li a:hover {
	/* color: #0789c1; */

	}
.footer_social li a i {
	margin: 0px;
	padding: 0px;
}
.footer_social li.twitter {
	display: none;
}
.footer_social li.instagram {
	
}
.footer_social li.instagram a {
	line-height: 20px;
}
.footer_social li.instagram:hover a {
    background: linear-gradient(45deg, #F58529, #DD2A7B, #8134AF, #515BD4);
    background-clip: text;
    color: transparent;
}
.footer_social li.linkedin a {
    font-size: 21px;
    line-height: 16px;
}
.footer_social li.linkedin:hover a {
    color: #0077B5;
}

.footer_social li.youtube a {
    font-size: 23px;
    line-height: 16px;
}
.footer_social li.youtube:hover a {
    color: #FF0000;
}

.footer_menu {
	display: table;
	margin: 0px;
	padding: 0;
}
.footer_menu li {
    list-style: outside none none;
    margin: 0;
    padding: 0px 0px 15px 0px;
}
.footer_menu li:last-child {
	padding-right: 0px;
	border: 0px;
}
.footer_menu li a {
	color: #A8BFD0;
	font-size: 15px;
	font-weight: 300;
	position: relative;
	padding: 0px 0px 0px 30px;
}
.footer_menu li a:hover {
	color: #0789c1;
    font-weight: 400;;
}
.footer_menu li a::before {
	content: "";
    position: absolute;
    background-image: url(../images/list-bullet-w.png);
    background-repeat: no-repeat;
    background-size: 18px;
    top: 1px;
    left: 0px;
    width: 18px;
    height: 18px;
}
footer .footer-bottom {
	background-color: #000e1c;
}
footer .footer-bottom .footer-bottom-content {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 10px 0px;
}
footer .footer-bottom .footer-bottom-content .copyrights,
footer .footer-bottom .footer-bottom-content .poweredby {
	margin: 0px;
    padding: 0px;
    font-size: 13px;
    color: #A8BFD0;
    font-weight: 300;
}
footer .footer-bottom .footer-bottom-content .copyrights {

}
footer .footer-bottom .footer-bottom-content .poweredby  {

}
footer .footer-bottom .footer-bottom-content .copyrights strong,
footer .footer-bottom .footer-bottom-content .poweredby strong {
	color: #0789c1;
	}

.address_content {
	margin: 0 0 30px;
	padding: 0;
}
.address_content h4 {
	color: #00a6df;
	font-size: 22px;
	font-weight: 600;
	margin: 0 0 24px;
	padding: 0;
}
.address_content p {
	color: #484848;
	font-size: 15px;
	line-height: 22px;
	margin: 0;
	padding: 0 0 5px;
}
.address_content p strong {
	color: #000000;
	font-weight: 600;
}
.address_content p a {
	color: #484848;
}
.address_content p a:hover {
	color: #00a6df;
}
.map_containr {
	border: 2px solid #c6000a;
	margin: 0;
	padding: 5px;
}
.map_containr iframe {
	width: 100%;
	height: 355px;
}
.contact_form {
	margin: 0px;
	padding: 0px;
}
.contact_form p {
	color: #555555;
	font-size: 15px;
	line-height: 24px;
	margin: 0;
	padding: 0 0 50px;
}
.contact_form .form_content {
	margin: 0px;
	padding: 0px;
}
.contact_form .form_content li {
	list-style: outside none none;
	margin: 0 0 15px;
	padding: 0;
}
.contact_form .form_content li label {
	color: #252525;
	display: block;
	font-size: 15px;
	font-weight: 600;
	margin: 0;
	padding: 0 0 5px;
}
.contact_form .form_content li input[type="text"] {
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	color: #484848;
	font-size: 15px;
	margin: 0;
	padding: 12px;
	width: 100%;
	transition: ease 0.2s;
	-webkit-transition: ease 0.2s;
}
.contact_form .form_content li textarea {
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	color: #484848;
	font-size: 15px;
	margin: 0;
	padding: 12px;
	width: 100%;
	transition: ease 0.2s;
	-webkit-transition: ease 0.2s;
	height: 150px;
}
.contact_form .form_content li input[type="text"]:hover, .contact_form .form_content li input[type="text"]:focus, .contact_form .form_content li textarea:hover, .contact_form .form_content li textarea:focus {
	border-color: #b2b2b2;
}
.contact_form .form_content li input[type="submit"] {
	background-color: #FFFFFF;
	border: 1px solid #00a6df;
	color: #00a6df;
	display: table;
	font-size: 14px;
	margin: 50px auto 0px;
	padding: 10px;
	text-transform: uppercase;
	transition: ease 0.2s;
	-webkit-transition: ease 0.2s;
}
.contact_form .form_content li input[type="submit"]:hover {
	background-color: #00a6df;
	color: #FFFFFF;
}
.address_container {
	padding-right: 100px !important;
}
.contact_form_container {
	border-left: 5px solid #00a6df;
	padding-left: 100px !important;
}
#toTop {
    background-color: rgb(0 166 223 / 80%);
    background-repeat: no-repeat;
    border-radius: 100%;
    
    color: #ffffff;
    display: block;
    font-size: 19px;
    font-weight: 300;
    width: 40px;
    height: 40px;
    position: fixed;
    right: 15px;
    bottom: 15px;
    text-align: center;
    z-index: 9;
    cursor: pointer;
    padding: 7px;
}
#toTop:hover {
    background-color:  var(--txt--color-light-blue);;
}
 /*new*/
.course_star_price {
	background-color: #FFFFFF;
	display: table;
	width:  100%;
	border-bottom: 5px solid #00a6df;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	padding: 15px;
}
.course_star-list {
	margin: 0;
	padding: 0;
	float: left;
	font-size: 0;
}

.course_star-list li {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding-right: 5px;
    padding-bottom: 0px;
}
.course_star-list li:last-child {
	padding-right: 0px;
}

.course_star-list li a {
	font-size: 14px;
	line-height: 16px;
	display: inline-block;
	vertical-align: middle;
	color: #ffcb3e;
}

.course_star-list li a:hover {
	color: #a0ce4e;
}

.course_price_btn {
    font-size: 20px;
    line-height: 16px;
    color: #00a6df;
    padding: 0px;
    float: right;
    margin: 0;
    font-weight: 700;
}


.service_list {
    margin: 0;
    padding: 0;
}

    .service_list li {
        list-style: outside none none;
        margin: 0;
        padding: 0px 30px 30px 30px;
        text-align: center;
    }
    .service_list li a {
	    display: block;
	}

        .service_list li i {
            border: 2px solid #8abb4e;
            border-radius: 100px;
            color: #182f40;
            font-size: 50px;
            height: 100px;
            line-height: 100px;
            margin: 0 0 20px;
            width: 100px;
            transition: ease 0.5s;
            -webkit-transition: ease 0.5s;
        }
		.service_list li a:hover i {
		    border: 5px solid #182f40;
		    line-height: 90px;
		    color: #8abb4e;
		}
        .service_list li h4 {
            color: #000000;
            font-size: 20px;
            margin: 0;
            padding: 0 0px 15px 0px;
        }
        .service_list li p {
		    font-size: 14px;
		    color: #484848;
		    margin: 0px;
		    padding: 00px;
		    text-align: center;
		    line-height: 22px;
		    font-weight: 300;
		    display: -webkit-box;
		    -webkit-line-clamp: 3;
		    -webkit-box-orient: vertical;
		    text-overflow: ellipsis;
		    white-space: unset;
		    overflow: hidden;
		}
				
.our-clients-container {
    max-width: 100% !important;
}	
.our-clients-list {
    margin: 0px -7.5px;
    padding: 0 15px;
    width: calc(100% + 15px);
}		
.our-clients-list .slick-track {

}
.our-clients-list div.client-list {
    padding: 0px 7.5px 15px !important;
    margin: 0px;
    list-style: none;
    width: 12.5%;
}
.our-clients-list  div.client-list > .client-image {
    display: flex;
    width: 100%;
    height: 120px;
    padding: 25px 25px;
    border: 1px dashed #b6b6c0;
    align-items: center;
    border-radius: 5px;
    justify-content: center;
    transition: .2s;
    
}	
.our-clients-list div.client-list > .client-image:hover {
    background-color: rgb(255 255 255);
    box-shadow: 0px 0px 26px -10px #000621;
}

.our-clients-list  div.client-list > .client-image > img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
}	
	



.csr-gallery {
	display: table;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0px 0px 0px 1px;
}
.csr-gallery li {
	padding: 1px 1px 1px 0px;
	margin: 0px;
	list-style: none;
	float: left;
	width: 25%;
}
.csr-gallery li a {
	margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
	transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
}
.csr-gallery li a figure {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.csr-gallery li a img {
	width: 100%;
	transition: ease 0.8s;
	-webkit-transition: ease 0.8s;
	filter: grayscale(95%);
	-webkit-filter: grayscale(95%);
	opacity: 0.9;
}
.csr-gallery li a:hover img {
		filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	opacity: 1;

	}
.csr-gallery li:nth-of-type(odd) a:hover img {
	transform: scale3d(1.2, 1.2, 1.2) rotate(-5deg);
	-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(-5deg);
}
.csr-gallery li:nth-of-type(even) :hover img {
	transform: scale3d(1.2, 1.2, 1.2) rotate(5deg);
	-webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(5deg);
}
.csr-gallery .csr-gallery-details-content {
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 0;
	margin: 0;
	padding: 10px 25px;
	position: absolute;
	width: 100%;
	transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
	display: none;
}
.csr-gallery .csr-gallery-details-content div {
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    /* top: 50%;
    transform: translatey(-50%); */
}
.csr-gallery .csr-gallery-details-content div h4 {
	color: #ffffff;
	font-size: 22px;
	font-weight: 400;
	margin: 0 0 3px;
	padding: 0;
	display: none;
}
.csr-gallery .csr-gallery-details-content div p {
	color: #FFFFFF;
	font-size: 14px;
	line-height: 24px;
	margin: 0;
	padding: 0;
	font-weight: 300;
	text-align: left;
}
.csr-gallery li a:hover .csr-gallery-details-content {
	/* height: 100%; */
}
.csr-gallery li a:hover .csr-gallery-details-content div p {
	display: block;
}

.sub-banner {
    margin: 0px;
    padding: 0;
    height: 480px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.sub-banner:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    
}
.sub-banner:before {
	background: url("../images/black-dot-pattern.png");
	background-color: rgb(0 4 39 / 60%);
	background-repeat: repeat;
    background-attachment: fixed;   
}

.sub-banner img {
    height: 100%;
    width: auto;
    margin: 0px;
    padding: 0px;
}
.sub-banner h3 {
	font-size: 50px;
    color: rgb(255, 255, 255);
    font-weight: 300;
    margin: 0px auto;
    padding: 0px;

    position: absolute;
    top: calc(50% + 45px);
    text-align: center;
    width: 100%;
    transform: translateY(-50%);
    z-index: 9;
}

.sub-main_cotent {
	margin-top: 0px;
	margin-bottom: 0px;
}
.sub-main_cotent img {
	width: 100%;
}

.sub-main_cotent i.icon-image {
    font-size: 15em;
    margin: 0px auto;
    display: table;
    color: #FFF;
    width: 250px;
    height: 250px;
    text-align: center;
    border-radius: 100%;
    position: relative;
}
.sub-main_cotent i.icon-image.gray-gradient {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#182f40+0,081f30+50,182f40+50,081f30+100 */
	background: #182f40; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #182f40 0%, #081f30 50%, #182f40 50%, #081f30 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #182f40 0%,#081f30 50%,#182f40 50%,#081f30 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #182f40 0%,#081f30 50%,#182f40 50%,#081f30 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#182f40', endColorstr='#081f30',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.sub-main_cotent i.icon-image.orange-gradient {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8abb4e+0,e67a0f+50,f68a1f+50,e67a0f+100 */
	background: #8abb4e; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #8abb4e 0%, #e67a0f 50%, #8abb4e 50%, #e67a0f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #8abb4e 0%,#e67a0f 50%,#8abb4e 50%,#e67a0f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #8abb4e 0%,#e67a0f 50%,#8abb4e 50%,#e67a0f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8abb4e', endColorstr='#e67a0f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.sub-main_cotent i.icon-image:before {
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
}
.sub-main_cotent .content-left {
	padding-right: 50px;
	}
.sub-main_cotent .content-right {
	padding-left: 50px;

	}	
.sub-main_cotent .content-left {
	padding-right: 50px;

	}	
.sub-main_cotent p {
	font-size: 15px;
	line-height: 28px;
	color: #484848;
	padding: 0px 0px 15px 0px;
	margin: 0px;
	font-weight: 300;
}
.sub-main_cotent p:last-child {
	padding-bottom: 0px;
}

.sub-main_cotent ul.content-list {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	display: table;
	
}
.sub-main_cotent ul.content-list > li {
    margin: 0px;
    padding: 0px 0px 10px 15px;
    font-size: 15px;
    color: #484848;
    font-weight: 300;
    position: relative;
    list-style: none;
    line-height: 24px;
}

.sub-main_cotent ul.content-list > li:before {
    content: "\f0da";
    position: absolute;
    color: #ef5904;
    top: 0px;
    left: 0px;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    font-size: 17px;
}
.sub-main_cotent ul.content-list > li:last-child {
	padding-bottom: 0px;

	}
.sub-main_cotent ul.content-list > li strong {
	color: #252525;
}	
.sub-text-content {
    font-size: 15px;
    color: #484848;
    margin: 0px;
    padding: 0px 0px 30px 0px;
    line-height: 28px;
    font-weight: 300;
}
.sub-list-content  {
    margin: 0px;
    padding: 0px 0px 0px 15px;
    display: table;
}
.sub-list-content > li {
    margin: 0px;
    padding: 0px 0px 10px 15px;
    font-size: 14px;
    color: #484848;
    font-weight: 300;
    position: relative;
    list-style: none;
}
.sub-list-content > li:before {
    content: "\f0da";
    position: absolute;
    color: #ef5904;
    top: 0px;
    left: 0px;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
    font-size: 17px;
}
.align-justify {
	text-align: justify;
}
.align-center {
	text-align: center;
}
.green-text {
	color: #005b00
}

.minus-margin-bottom {
	margin-bottom: -50px;
}


.border-top-black {
	border-top: 5px solid #182f40
}

.contact-details-list {
    margin: 0px;
    padding: 0px;
}
.contact-details-list > li {
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 30px;
    list-style: none;
}
.contact-details-list > li:last-child {
    padding-bottom: 0px;
	}
.contact-details-list > li > .contact-detail-content {
    margin: 0px;
    padding: 10px 0px 0px 55px;
    position: relative;
}
.contact-details-list > li > .contact-detail-content > i  {
background-color: #0789c1;
    color: #fff;
    margin: 0px;
    padding: 12px;
    position: absolute;
    width: 40px;
    height: 40px;
    left: 0px;
    top: 0px;
    bottom: 15px;
    font-size: 17px;
    font-weight: 300;
    border-radius: 100%;
    text-align: center;
}
.contact-details-list > li > .contact-detail-content > h4 {
    font-size: 18px;
    color: #0b3a4f;
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 15px 0px;
    letter-spacing: 1px;
}

.contact-details-list > li > .contact-detail-content > a {
    color: var(--txt-p--color);
    font-size: 15px;
    margin: 0;
    padding: 0px 0px 5px 0px;
    text-decoration: none;
    letter-spacing: 0.5px;
    font-weight: 300;
    position: relative;
    display: block;
}
.contact-details-list > li:last-child > .contact-detail-content > a {
    padding-bottom: 0px;
}

.contact-details-list1 {
    margin: 0px;
    padding: 30px 0px 0px 0px;
    display: flex;
    flex-wrap: wrap;    
}
.contact-details-list1 > li {
    margin: 0px;
    padding: 0px 100px 15px 0px;
    list-style: none;
}
.contact-details-list1 > li:last-child {
    padding-bottom: 0px;
    padding-right: 0px;
	}
.contact-details-list1 > li > .contact-detail-content {
    margin: 0px;
    padding: 5px 0px 0px 57px;
    position: relative;
    display: flex;
    align-items: center;
}
.contact-details-list1 > li > .contact-detail-content > i  {
    color: #ffffff;
    margin: 0px;
    padding: 0;
    position: absolute;
    width: 38px;
    height: 38px;
    left: 0px;
    top: 0px;
    bottom: 15px;
    font-size: 30px;
    font-weight: 100;
    border-radius: 100%;
    text-align: center;
}
.contact-details-list1 > li > .contact-detail-content > h4 {
    font-size: 20px;
    color: rgb(255 255 255 / 60%);
    font-weight: 300;
    margin: 0px;
    padding: 0 10px 0px 0px;
    letter-spacing: 1px;
}
.contact-details-list1 > li > .contact-detail-content > p {
    color: rgb(255 255 255 / 100%);
    font-size: 20px;
    margin: 0;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    letter-spacing: 0.5px;
    font-weight: 500;
    position: relative;
    display: block;
}
.contact-details-list1 > li > .contact-detail-content > a {
    color: rgb(255 255 255 / 100%);
    font-size: 20px;
    margin: 0;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    letter-spacing: 0.5px;
    font-weight: 500;
    position: relative;
    display: block;
}
.contact-details-list1 > li:last-child > .contact-detail-content > a {
    padding-bottom: 0px;
}
.contactus-form-container {
    margin: 0px;
    padding: 50px;
    background-color: #044d81;
}
.contactus-form-container > h3{
    margin: 0px;
    padding: 0px 0px 10px 0px;
    font-size: 50px;
    color: #ffffff;
    display: block;
    font-weight: 300;
    letter-spacing: 0.3px;
}
.contactus-form-container > p {
    font-size: 16px;
    color: #d1d1d1 !important;
    margin: 0px;
    padding: 0px 0px 30px 0px;
    line-height: 24px;
    font-weight: 300;
    letter-spacing: 0.3px;
}
.contactus-form-container > .form-content {
    margin: 0px;
    padding: 0px;
}

/*--Form Design --*/

.form-container {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px
}
.form-container > li {
    padding-top: 0px;
    padding-bottom: 30px;
    margin: 0px;
    list-style: none;
}
.form-container > li:last-child {
    padding-bottom: 0px;
}
.form-container > li > .label-field {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
.form-container > li > .label-field > label {
    font-size: 15px;
    color: #FFF;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-family: 'Raleway', sans-serif !important;
}
.form-container > li > .input-field {
	margin: 0px;
	padding: 0px;
    position: relative;
}

.input-text {
    width: 100%;
    font-size: 14px;
    padding: 10px;
    color: #b7d2e5;
    font-weight: 300;
    background-color: #013c65;
    border: 1px solid #0362a5;
    transition: ease 0.3s;
    -webkit-transition: ease 0.3s;
    letter-spacing: 0.5px;
}

.input-select {
    width: 100%;
    font-size: 14px;
    padding: 10px;
    color: #b7d2e5;
    font-weight: 300;
    background-color: #013c65;
    border: 1px solid #0362a5;
    transition: ease 0.3s;
    -webkit-transition: ease 0.3s;
    letter-spacing: 0.5px;
}

.input-textarea {
    width: 100%;
    font-size: 14px;
    padding: 10px;
    color: #b7d2e5;
    font-weight: 300;
    background-color: #013c65;
    border: 1px solid #0362a5;
    transition: ease 0.3s;
    -webkit-transition: ease 0.3s;
    height: 100px;
    letter-spacing: 0.5px;
}

.input-text:hover, .input-text:focus,
.input-select:hover, .input-select:focus,
.input-textarea:hover, .input-textarea:focus {
    box-shadow: 0px 0px 10px -4px #0099ff inset;
    border: 1px solid #0376c1;
}

.input-text, .input-select, .input-textarea {
    outline: none;
}
.input-text::placeholder, .input-select::placeholder, .input-textarea::placeholder {
    color: rgb(255 255 255 / 50%);
}

.input-text.field-required , .input-select.field-required, .input-textarea.field-required,
.input-text.field-invalid , .input-select.field-invalid, .input-textarea.field-invalid {
    border-color: #eb6161;
    background-color: rgb(235 97 97 / 45%);
    color: rgb(255 255 255 / 50%);
    font-weight: 300;
}

input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }

    input[type=number] {
      -moz-appearance: textfield; /* Firefox */
    }

.submit-btn {
	background-color: #0095ff;
    border: none;
    color: #ffffff;
    display: table;
    font-size: 14px;
    font-weight: 400;
    padding: 13px 50px;
    margin: 0px;
    position: relative;
    text-transform: uppercase;
    transition: ease 0.2s;
    -webkit-transition: ease 0.2s;
    letter-spacing: 0.5px;
    border-radius: 5px;
}
.submit-btn:hover {
	background-color: #02de8a;
}

.submit-btn:disabled, .submit-btn:disabled:hover, .submit-btn:disabled:focus {
    background-color: rgb(107 109 111 / 80%);
    color: rgb(255 255 255 / 30%);
    filter: grayscale(1) brightness(1.4);
    cursor: not-allowed;

}

.errormsg {
    font-size: 12px;
    color: rgb(135 189 227);
    font-weight: 300;
    letter-spacing: 0.5px;
    position: absolute;
    left: 0px;
    top: calc(100%);
}
/*--Form Design --*/

.round-border-img {
	border-radius: 100px 100px 0px 100px
}
.round-border-img.right-img {
	border-radius: 0px 100px 100px 100px

	}
.padd-bottom-nun {
	padding-bottom: 0px;
}

.padd-bottom15 {
	padding-bottom: 15px !important;
}

.sl-wrapper .sl-image .sl-caption {
	display: none !important;
}



.loader-container {
    display: none;
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255 / 80%);
    backdrop-filter: blur(11px);
}
.loader-container > .loader-inner-container {
    position: absolute;
    width: 150px;
    height: 150px;
    top: calc(50% - 75px);
    left: calc(50% - 22px);
    transform: translate(-50%, -50%);
}
.loader-container > .loader-inner-container > .loader-img-t {
    width: 100%;
    position: absolute;
    left: 0px;
}
.loader-container > .loader-inner-container > .loader-img-a {
    width: 100%;
    position: absolute;
    left: 0px;
    animation: fa-spin 2s infinite;
    animation-direction: reverse;
}