@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap');
body{overflow-x:hidden;}
a{
color: var(--color-links);
text-decoration: none;
}

a:hover {
color: var(--color-links-hover);
text-decoration: none;
}

.p-relative{
position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-primary);
font-weight: 700;
color: #000
}
.modal-header{
border-bottom: none;
}
.page-heading ul li{
list-style: none;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
position: fixed;
inset: 0;
z-index: 9999;
overflow: hidden;
background: var(--color-white);
transition: all 0.6s ease-out;
width: 100%;
height: 100vh;
}

#preloader:before,
#preloader:after {
content: "";
position: absolute;
border: 4px solid var(--color-primary);
border-radius: 50%;
animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

#preloader:after {
animation-delay: -0.5s;
}

@keyframes animate-preloader {
0% {
width: 10px;
height: 10px;
top: calc(50% - 5px);
left: calc(50% - 5px);
opacity: 1;
}

100% {
width: 72px;
height: 72px;
top: calc(50% - 36px);
left: calc(50% - 36px);
opacity: 0;
}
}



/*--------------------------------------------------------------
# Sections & Section Header
--------------------------------------------------------------*/
section {
padding: 60px 0;
overflow: hidden;
}

.section-header {
text-align: center;
padding-bottom: 40px;
}

.section-header h2 {
font-size: 48px;
font-weight: 300;
margin-bottom: 20px;
color: var(--color-secondary);
}

.section-header p {
margin: 0 auto;
color: var(--color-secondary-light);
}


/*.logo{position: absolute; background: #fff; top: -57px; left: 0; padding: 31px 7px; border-radius: 17px 17px 0 0;}*/

@media (max-width: 1280px) {
.section-header p {max-width: 80%;}
/*.logo{margin: 20px 20px;}*/
}

/*.top-header {*/
/*padding: 0;*/
/*background-color: #0a6681;*/
/*}*/

/*.top-header .text-into {font-size: 13px; font-weight: 700; text-transform: uppercase; color: #f1eded; line-height: 15px; padding: 11px 0; font-weight: bold; display: flex ; justify-content: end; align-items: center;}*/


/*.top-header .text-into span {*/
/*font-weight: 900;*/
/*text-transform: capitalize;*/
/*font-size: 15px;*/
/*}*/

/*.top-header img {*/
/*height: 28px;*/
/*}*/

/*.top-header .col-lg-3 {*/
/*border-right: 1px solid #147795;*/
/*display: flex;*/
/*justify-content: center;*/
/*align-items: center;*/
/*transition: 1s;*/
/*padding: 10px 0;*/
/*-webkit-animation: colorPulse 2s infinite;*/
/*animation: colorPulse 2s infinite;*/
/*}*/

/*.top-header .col-lg-3:hover {*/
/*background-color: #008db7;*/
/*transition: .5s;*/
/*cursor: grab;*/
/*}*/

/*.top-header .col-lg-3:last-child {*/
/*border-right: 0*/
/*}*/

/*@keyframes colorPulse {*/
/*0% {*/
/*background-color: #0a6681; */
/*}*/
/*50% {*/
/*background-color: #008db7; */
/*}*/
/*100% {*/
/*background-color: #0a6681;*/
/*}*/
/*}*/

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
padding: 15px 0;
background: rgba(var(--color-secondary-rgb), 0.05);
min-height: 40px;
margin-top: 76px;
}

.breadcrumbs h2 {
font-size: 30px;
font-weight: 300;
margin: 0;
}

.breadcrumbs ol {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
font-size: 14px;
}

.breadcrumbs ol li+li {
padding-left: 10px;
}

.breadcrumbs ol li+li::before {
display: inline-block;
padding-right: 10px;
color: var(--color-secondary-light);
content: "/";
}

@media (max-width: 992px) {
.breadcrumbs .d-flex {
display: block !important;
}

.breadcrumbs h2 {
margin-bottom: 10px;
font-size: 24px;
}

.breadcrumbs ol {
display: block;
}

.breadcrumbs ol li {
display: inline-block;
}
}

/*--------------------------------------------------------------
# Scroll top button
--------------------------------------------------------------*/
.scroll-top {
position: fixed;
visibility: hidden;
opacity: 0;
right: 15px;
bottom: 15px;
z-index: 995;
background: var(--color-primary);
width: 40px;
height: 40px;
border-radius: 4px;
transition: all 0.4s;
}

.scroll-top i {
font-size: 24px;
color: var(--color-white);
line-height: 0;
}

.scroll-top:hover {
background: rgba(var(--color-primary-rgb), 0.85);
color: var(--color-white);
}

.scroll-top.active {
visibility: visible;
opacity: 1;
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
[data-aos-delay] {
transition-delay: 0s !important;
}
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
/*.header {*/
/*position: relative;*/
/*transition: all 0.5s;*/
/*z-index: 997;*/
/*box-shadow: rgba(3, 27, 78, .1) 0 2px 4px;*/
/*}*/

/*.header.sticked {*/
/*background: var(--color-white);*/
/*box-shadow: 0px 2px 20px rgba(var(--color-secondary-rgb), 0.1);*/
/*position: fixed;*/
/*width: 100%;*/
/*top: 0;*/
/*}*/

/*.header .logo img {*/
/*max-height: 28px;*/
/*margin-right: 6px;*/
/*}*/

/*.header .logo h1 {*/
/*font-size: 32px;*/
/*font-weight: 300;*/
/*color: var(--color-secondary);*/
/*font-family: var(--font-secondary);*/
/*}*/

/*.header .logo h1 span {*/
/*color: var(--color-primary);*/
/*font-weight: 500;*/
/*}*/

/*.header .btn-getstarted,*/
/*.header .btn-getstarted:focus {*/
/*font-size: 16px;*/
/*color: var(--color-white);*/
/*background: var(--color-primary);*/
/*padding: 8px 23px;*/
/*border-radius: 4px;*/
/*transition: 0.3s;*/
/*font-family: var(--font-secondary);*/
/*}*/

/*.header .btn-getstarted:hover,*/
/*.header .btn-getstarted:focus:hover {*/
/*color: var(--color-white);*/
/*background: rgba(var(--color-primary-rgb), 0.85);*/
/*}*/

/*@media (max-width: 1279px) {*/

/*.header .btn-getstarted,*/
/*.header .btn-getstarted:focus {*/
/*margin-right: 50px;*/
/*}*/
/*}*/

/*--------------------------------------------------------------
# Desktop Navigation 
--------------------------------------------------------------*/

/*flex: 1;*/



/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Index Page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Animated Hero Section
--------------------------------------------------------------*/
#section-banner {
/*background: #c4edf94f;*/
/*-webkit-background-size: cover;*/
/*background-size: cover;*/
padding:55px 0px;
background: linear-gradient(45deg, #a8ebff, #7abcf5, #24AADB, #ceffff, #dfdfe3, #b0edf7);
background-size: 600% 100%;
animation: gradient 6s linear infinite;
animation-direction: alternate;
}

@keyframes gradient {
0% {background-position: 0%}
100% {background-position: 100%}
}

#section-banner2 {
background: #F3FBFE;
background: url("../../index.html") center center no-repeat;
-webkit-background-size: cover;
background-size: cover;
position: relative;
}

.header-subtitle{
font-weight: 900;
font-size: 18px;
line-height: 24px;
letter-spacing: .16px;
text-transform: uppercase;
color: #207DE9;
}

.content-padding {
padding: 80px 0px 140px 0px;
}

.banner-content-inner {
width: 80%;
}

@media (max-width:1024px){
.banner-content-inner .main_heading{font-size:27px;}
}

.banner-content-inner.center {
width: 70%;
margin: 0 auto;
padding-top: 50px;
}

.banner-content-inner img {
margin: 50px 0px;
border-radius: 5px;
}

.banner-content-inner.center h1 {
font-weight: 400;
text-transform: capitalize;
color: #fff;
}

.banner-content-inner.center h3 {
font-weight: 400;
color: #f5f5f5;
}

.banner-content-inner.center h1 span {
font-weight: 700;
}

.banner-content-inner h1 {
font-size: 50px;
font-weight: 900;
}

.banner-content-inner.center p {
padding: 0px 70px;
font-size: 18px;
color: #082755;
}

.banner-content-inner p {
color: #2f2d2d;
margin-top: 30px;
font-size: 18px;
font-family: var(--font-primary);
}

.banner-content ul {
margin-top: 15px;
margin-left: 20px;
}

.banner-content ul li {
font-size: 18px;
color: #000;
margin: 5px 0px;
}

.banner-content ul li i {
margin-right: 10px;
color: #63C68D;
}

.search-head {
display: flex;
margin-top: 30px
}

.search-head input {
padding: 10px;
height: 50px;
width: 250px;
}

.search-head button {
margin-top: 0;
margin-left: -20px;
}
.jatin01 {
font-size: 32px !important;
line-height: 1.2;
}
.btn-brand, .btn-brand-outline:hover {
background: #4155C6;
color: #ffffff !important;
font-weight: 600;
border-color: #4155C6 !important;
}

.search-head button {
margin-top: 0px;
margin-left: -28px;
}
.search-head .home-input{
width: 270px !important;
}

.search-head input {
padding: 10px;
height: 51px;
width: 320px;
border: none;
}
.btn {

position: relative;
padding: 10px 7px;
line-height: 20px;
text-transform: uppercase;
background: none;
color: #ffffff !important;
font-size: 11px;
border-radius: 5px;
display: inline-block;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
border: 2px solid transparent;
letter-spacing: 1px;

}
.btn-circle {
-webkit-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 10px;
width: 100%;
}
.btn-brand, .btn-brand-outline:hover {
background: #4155C6;
color: #ffffff !important;
font-weight: 600;
border-color: #4155C6 !important;
}
.btn:hover{
color: #4155C6 !important;
}
.url-btn:hover{
background: #4155C6 !important;
color: #ffffff !important;
}
/*--------------------------------------------------------------
# dial features css
--------------------------------------------------------------*/

.section-heading h2 {
font-weight: 900;
margin: auto;
font-size: 30px;
padding-bottom: 20px;
line-height: 40px;
color: #0B1720;
}
.top-box {
font-family: var(--font-secondary);
font-size: 25px;
font-weight: 800;
color: #05637f;
border: 1px solid #05637f;
padding: 20px;
border-radius: 45px 0;
background-color: #fff;
transition: 1s;
}
.top-box:hover {
color: #fff;
background-color: #05637f;
transition: 1s;
border-radius: 0 45px;
}


/*--------------------------------------------------------------
# About Section css
--------------------------------------------------------------*/
.index_about{
position: relative;
padding: 60px 60px 33px;
background: #FFF;
-webkit-box-shadow: 0 2px 48px rgba(110,123,129,.2);
-moz-box-shadow: 0 2px 48px rgba(110,123,129,.2);
box-shadow: 0 2px 48px rgba(110,123,129,.2);
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
}
.index_about p {
margin: 0px 0 12px;
font-weight: 500;
font-size: 18px;
line-height: 28px;
color: #374046;
}
.index-about-img{
background-color: #fff;
-webkit-box-shadow: 0 2px 48px rgba(110,123,129,.2);
-moz-box-shadow: 0 2px 48px rgba(110,123,129,.2);
box-shadow: 0 2px 48px rgba(110,123,129,.2);
-webkit-border-radius: 24px;
}

.index_about_link {
font-weight: 800;
font-size: 24px;
line-height: 1;
letter-spacing: -.042em;
color: #207DE9;
text-decoration: none;
}

/*.index_about:before {*/
/*content: "";*/
/*right: -89px;*/
/*top: 9px;*/
/*width: 530px;*/
/*height: 530px;*/
/*position: absolute;*/
/*z-index: -1;*/
/*background: #CCE4FF;*/
/*-webkit-filter: blur(100px);*/
/*filter: blur(100px);*/
/*}*/

/*====================================================================
Section Paralax css
====================================================================
***/

#section-parralax {
background: #4155C6;
background: url("../img/bg/hero-banner.jpg") center center no-repeat;
-webkit-background-size: cover;
background-size: cover;
position: relative;
padding: 100px 0px;
}

.parallax-content,
#section-parralax2 .parallax-content {
width: 70%;
margin: 0 auto;
position: relative;
}

.parallax-content p {
margin: 15px 120px;
text-transform: capitalize;
line-height: 26px;
}
#section-parralax2 .parallax-content h2 {
color: #fff;
font-size: 38px;
line-height: 50px;
}

#section-parralax2 .parallax-content p {
color: #fff;
}

.overlay.dark {
background: #fff;
opacity: .7;
}

.overlay {
position: absolute;
content: "";
top: 0px;
left: 0px;
height: 100%;
width: 100%;
}
.itel {
font-weight: 100;
font-size: 2em;
font-style: italic;
font-family: 'icofont';
padding-bottom: 20px;
display: block;
}
.mark, mark {
background-color: #1a73e8;
color: #fff;
border-radius: 10px;
padding: 10px;
font-size: 30px;
}
.h2 {
position: relative;
font-family: 'Roboto', sans-serif;
margin: 0px;
font-size: 30px;
background: none;
line-height: 1.4em;
font-weight: 700;
color: #393939;
}
.sub-form {
margin-top: 30px;
}
.sub-form input {
width: 60%;
border-radius: 28px 0px 0px 28px;
display: inline-block;
height: 60px;
background-color: #fff;
padding: 0 40px;
text-transform: uppercase;
color: #000;
}
.sub-form .btn {
padding: 16px 40px;
margin-left: -3px;
margin-top: -4px;
border-radius: 0px 25px 25px 0px;
font-size: 20px;
}

/*--------------------------------------------------------------
# Para Section css
--------------------------------------------------------------*/
.para {
padding: 50px 0;
background-color: #fff;
text-align: left;
background-image: linear-gradient(42deg, transparent, transparent, #c5edf8, transparent, transparent);
background-attachment: fixed;
}
.para-text h2{
line-height: 40px;
}
.para2 p, .para p {
font-size: 15px;
color: #000;
line-height: 30px;
}
.jatin {color: #2abae5;font-weight: 600;text-transform: uppercase;border-bottom: 2px solid #2abae5; border-top: 2px solid #2abae5; margin-right: 7px; border-radius: 5px;}
.justify {
text-align: justify;
}

/*--------------------------------------------------------------
# Clients Section
--------------------------------------------------------------*/
.clients {
padding: 60px 0px;
}

.clients .swiper-slide img {
transition: 0.3s;
}

.clients .swiper-slide img:hover {
filter: none;
opacity: 1;
}

/*--------------------------------------------------------------
# Call To Action Section
--------------------------------------------------------------*/
.cta {
padding: 0;
margin-bottom: 60px;
}

.cta .container {
padding: 80px;
background: rgba(var(--color-secondary-rgb), 0.1);
border-radius: 15px;
}

@media (max-width: 992px) {
.cta .container {
padding: 60px;
}
}

.cta .content h3 {
color: var(--color-secondary);
font-size: 48px;
font-weight: 700;
}

.cta .content h3 em {
font-style: normal;
position: relative;
}

.cta .content h3 em:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 10px;
height: 10px;
background: rgba(var(--color-primary-rgb), 0.5);
z-index: -1;
}

.cta .content p {
color: var(--color-secondary);
font-weight: 600;
font-size: 18px;
}

.cta .content .cta-btn {
color: var(--color-white);
font-weight: 500;
font-size: 16px;
display: inline-block;
padding: 12px 40px;
border-radius: 5px;
transition: 0.5s;
margin-top: 10px;
background: rgba(var(--color-primary-dark-rgb), 0.9);
}

.cta .content .cta-btn:hover {
background: var(--color-primary);
}

.cta .img {
position: relative;
}

.cta .img:before {
content: "";
position: absolute;
inset: 0;
background: rgba(var(--color-white-rgb), 0.5);
border-radius: 15px;
transform: rotate(12deg);
}

.cta .img:after {
content: "";
position: absolute;
inset: 0;
background: rgba(var(--color-white-rgb), 0.9);
border-radius: 15px;
transform: rotate(6deg);
}

.cta .img img {
position: relative;
z-index: 3;
border-radius: 15px;
}

/*--------------------------------------------------------------
# On Focus Section
--------------------------------------------------------------*/
.onfocus {
padding: 0;
}

.onfocus .video-play {
min-height: 400px;
background: linear-gradient(rgba(var(--color-black-rgb), 0.4), rgba(var(--color-black-rgb), 0.7)), url("../img/onfocus-video-bg.jpg") center center;
background-size: cover;
}

.onfocus .content {
background: linear-gradient(rgba(var(--color-secondary-rgb), 0.5), rgba(var(--color-secondary-rgb), 0.8)), url("../img/onfocus-content-bg.jpg") center center;
background-size: cover;
color: rgba(var(--color-white-rgb), 0.8);
padding: 40px;
}

@media (min-width: 768px) {
.onfocus .content {
padding: 80px;
}
}

@media(max-width:768px){
.banner-img{position:absolute;opacity: .2; top: 85px; left: 70px; z-index: -1; overflow:hidden;}
}

@media(max-width:525px){
.banner-img{top: 115px; left: -41px;}
.banner-img img{width: 575px;}
}

@media(max-width:769px){
.mobile-nav-toggle{top:74px;}
}

@media(max-width:767px){
.mobile-nav-toggle{top:114px;}
}

.onfocus .content h3 {
font-weight: 600;
font-size: 32px;
color: var(--color-white);
}

.onfocus .content ul {
list-style: none;
padding: 0;
}

.onfocus .content ul li {
padding-bottom: 10px;
}

.onfocus .content ul i {
font-size: 20px;
padding-right: 4px;
color: var(--color-primary);
}

.onfocus .content p:last-child {
margin-bottom: 0;
}

.onfocus .content .read-more {
font-family: var(--font-primary);
font-weight: 500;
font-size: 16px;
letter-spacing: 1px;
padding: 12px 24px;
border-radius: 5px;
transition: 0.3s;
display: -nline-flex;
align-items: center;
justify-content: center;
color: var(--color-white);
background: var(--color-primary);
}

.onfocus .content .read-more i {
font-size: 18px;
margin-left: 5px;
line-height: 0;
transition: 0.3s;
}

.onfocus .content .read-more:hover {
background: rgba(var(--color-primary-rgb), 0.9);
padding-right: 19px;
}

.onfocus .content .read-more:hover i {
margin-left: 10px;
}

.onfocus .play-btn {
width: 94px;
height: 94px;
background: radial-gradient(var(--color-primary) 50%, rgba(var(--color-primary-rgb), 0.4) 52%);
border-radius: 50%;
display: block;
position: absolute;
left: calc(50% - 47px);
top: calc(50% - 47px);
overflow: hidden;
}

.onfocus .play-btn:before {
content: "";
position: absolute;
width: 120px;
height: 120px;
animation-delay: 0s;
animation: pulsate-btn 2s;
animation-iteration-count: infinite;
opacity: 1;
border-radius: 50%;
border: 5px solid rgba(var(--color-primary-rgb), 0.7);
top: -15%;
left: -15%;
background: rgba(198, 16, 0, 0);
}

.onfocus .play-btn:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-40%) translateY(-50%);
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid var(--color-white);
z-index: 100;
transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.onfocus .play-btn:hover:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-40%) translateY(-50%);
width: 0;
height: 0;
border: none;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid var(--color-white);
z-index: 200;
animation: none;
border-radius: 0;
}

.onfocus .play-btn:hover:after {
border-left: 15px solid var(--color-primary);
transform: scale(20);
}

@keyframes pulsate-btn {
0% {
transform: scale(0.6, 0.6);
opacity: 1;
}

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

/*--------------------------------------------------------------
# Features Section
--------------------------------------------------------------*/
.features .nav-tabs {
border: 0;
}

.features .nav-link {
border: 0;
padding: 25px 20px;
color: var(--color-secondary);
box-shadow: 5px 5px 25px rgba(var(--color-secondary-rgb), 0.15);
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
transition: 0s;
cursor: pointer;
height: 100%;
}

.features .nav-link i {
font-size: 32px;
line-height: 0;
}

.features .nav-link h4 {
font-size: 20px;
font-weight: 600;
margin: 10px 0 0 0;
color: var(--color-secondary);
}

.features .nav-link:hover {
color: var(--color-primary);
}

.features .nav-link.active {
transition: 0.3s;
background: var(--color-secondary) linear-gradient(rgba(var(--color-primary-rgb), 0.95), rgba(var(--color-primary-rgb), 0.6));
border-color: var(--color-primary);
}

.features .nav-link.active h4 {
color: var(--color-white);
}

.features .nav-link.active i {
color: var(--color-white) !important;
}

.features .tab-content {
margin-top: 30px;
}

.features .tab-pane.active {
animation: fadeIn 0.5s ease-out;
}

.features .tab-pane h3 {
font-weight: 600;
font-size: 36px;
color: var(--color-secondary);
}

.features .tab-pane ul {
list-style: none;
padding: 0;
}

.features .tab-pane ul li {
padding-bottom: 10px;
}

.features .tab-pane ul i {
font-size: 24px;
margin-right: 4px;
color: var(--color-primary);
}

.features .tab-pane p:last-child {
margin-bottom: 0;
}

@keyframes fadeIn {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}

/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/
.serv-wrap{
position: relative;
}
.service_card {
margin-bottom: 0;
min-height: 100%;
place-content: flex-start;
padding: 40px 48px 32px;
border: 1px solid #A9B4BC;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.service_card p{
color: #869298;
font-size: 14px;
}
.sevice-list li{
color: #869298;
font-size: 14px;
}
.slogan {
color: #393939;
font-size: 24px;
margin-bottom: 20px;
font-weight: 800;
}
.slogan2 {
font-size: 24px;
margin-bottom: 20px;
font-weight: 600;
text-transform: uppercase;
background-color: #1e9ec4;
color: #fff;
padding: 10px;
border-radius: 25px 25px 0 0;
}
.grey-bg {
background: aliceblue;
}
.service-intro h2 span {
color: #4155C6;
display: block;
font-size: 16px;
font-weight: 400;
line-height: 16px;
}

.service-intro p{
line-height: 32px;
}

.service-btn{
background-color: #0ea2bd;
border: 1px solid #0ea2bd;
padding: 12px 10px;
color: #fff;
border-radius: 16px;
transition: 1s ease;
}
.service-btn:hover{
background-color: transparent;
color: #0ea2bd;
}
.service_card hr{
margin-bottom: 28px
}
/*--------------------------------------------------------------
#  Key Features css
--------------------------------------------------------------*/
.feature-box {
margin-bottom: 20px;
display: block;
padding: 40px 20px;
border-radius: 5px;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
box-shadow: 0px 0px 30px 0px rgba(88, 88, 88, 0.10);
}
.center-block {
height: 60px;
}

.center-block {
display: block;
margin-right: auto;
margin-left: auto;
filter: grayscale(1);
}
.feature-box .h4 {
font-weight: 600;
font-size: 18px;
color: #05637f;
}
.feature-box p {
height: 130px;
overflow: auto;
font-size: 14px;
line-height: 25px;
text-align: justify;
}
.feature-box p::-webkit-scrollbar {
width: 20px;
}
/*--------------------------------------------------------------
# Testimonials Section
--------------------------------------------------------------*/
.testimonial_section {
padding: 80px 0;
background: url("../img/testimonials-bg.jpg") no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}



.testimonial_section .section-header {
margin-bottom: 40px;
}

.testimonials .testimonials-carousel,
.testimonials .testimonials-slider {
overflow: hidden;
}

.testimonials .testimonial-item {
text-align: center;
color: var(--color-white);
}

.testimonials .testimonial-item .testimonial-img {
width: 100px;
border-radius: 50%;
border: 6px solid rgba(var(--color-white-rgb), 0.15);
margin: 0 auto;
}

.testimonials .testimonial-item h3 {
font-size: 20px;
font-weight: bold;
margin: 10px 0 5px 0;
color: var(--color-white);
}

.testimonials .testimonial-item h4 {
font-size: 14px;
color: rgba(var(--color-white-rgb), 0.6);
margin: 0 0 15px 0;
}

.testimonials .testimonial-item .stars {
margin-bottom: 15px;
}

.testimonials .testimonial-item .stars i {
color: var(--color-yellow);
margin: 0 1px;
}

.testimonials .testimonial-item .quote-icon-left,
.testimonials .testimonial-item .quote-icon-right {
color: rgba(var(--color-white-rgb), 0.6);
font-size: 26px;
line-height: 0;
}

.testimonials .testimonial-item .quote-icon-left {
display: inline-block;
left: -5px;
position: relative;
}

.testimonials .testimonial-item .quote-icon-right {
display: inline-block;
right: -5px;
position: relative;
top: 10px;
transform: scale(-1, -1);
}

.testimonials .testimonial-item p {
font-style: italic;
margin: 0 auto 15px auto;
}

.testimonials .swiper-pagination {
margin-top: 20px;
position: relative;
}

.testimonials .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: rgba(var(--color-white-rgb), 0.4);
opacity: 0.5;
}

.testimonials .swiper-pagination .swiper-pagination-bullet-active {
background-color: var(--color-white);
opacity: 1;
}

@media (min-width: 992px) {
.testimonials .testimonial-item p {
width: 80%;
}
}


/*--------------------------------------------------------------
# F.A.Q Section
--------------------------------------------------------------*/
@media (max-width: 991px) {
.faq {
padding: 0;
}
}

.faq .content h3 {
font-weight: 700;
font-size: 34px;
color: #000;
}

.faq .content h4 {
font-size: 20px;
font-weight: 700;
margin-top: 5px;
}

.faq .content p {
font-size: 15px;
color: var(--color-gray);
}

.faq .img {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
min-height: 400px;
}

.faq .accordion-item {
border: 0;
margin-top: 15px;
box-shadow: 0px 5px 25px 0px rgba(var(--color-black-rgb), 0.06);
}

.faq .accordion-collapse {
border: 0;
}

.faq .accordion-button {
padding: 15px 40px 20px 60px;
font-weight: 600;
border: 0;
font-size: 13px;
color: var(--color-default);
text-align: left;
background: var(--color-white);
box-shadow: none;
border-radius: 5px;
}

.faq .accordion-button:not(.collapsed) {
color: var(--color-primary);
border-bottom: 0;
box-shadow: none;
}

.faq .question-icon {
position: absolute;
top: 14px;
left: 25px;
font-size: 20px;
color: var(--color-primary);
}

.faq .accordion-button:after {
position: absolute;
right: 15px;
top: 15px;
color: var(--color-primary);
}

.faq .accordion-body {
padding: 0 30px 25px 60px;
border: 0;
border-radius: 5px;
background: var(--color-white);
box-shadow: none;
font-size: 13px;
line-height: 20px;
}

/*--------------------------------------------------------------
# Recent Blog Posts
--------------------------------------------------------------*/
.recent-blog-posts .post-box {
transition: 0.3s;
height: 100%;
overflow: hidden;
position: relative;
display: flex;
flex-direction: column;
}

.recent-blog-posts .post-box .post-img {
overflow: hidden;
position: relative;
border-radius: 10px;
}

.recent-blog-posts .post-box .post-img img {
transition: 0.5s;
}

.recent-blog-posts .post-box .meta {
margin-top: 15px;
}

.recent-blog-posts .post-box .meta .post-date {
font-size: 15px;
font-weight: 400;
color: var(--color-primary);
}

.recent-blog-posts .post-box .meta .post-author {
font-size: 15px;
font-weight: 400;
color: var(--color-secondary);
}

.recent-blog-posts .post-box .post-title {
font-size: 24px;
color: var(--color-secondary);
font-weight: 700;
margin: 15px 0 0 0;
position: relative;
transition: 0.3s;
}

.recent-blog-posts .post-box p {
margin: 15px 0 0 0;
color: rgba(var(--color-secondary-dark-rgb), 0.7);
}

.recent-blog-posts .post-box .readmore {
display: flex;
align-items: center;
font-weight: 600;
line-height: 1;
transition: 0.3s;
margin-top: 15px;
}

.recent-blog-posts .post-box .readmore i {
line-height: 0;
margin-left: 4px;
font-size: 18px;
}

.recent-blog-posts .post-box:hover .post-title {
color: var(--color-primary);
}

.recent-blog-posts .post-box:hover .post-img img {
transform: scale(1.1);
}

/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/
.contact .map {
margin-bottom: 40px;
}

.contact .map iframe {
border: 0;
width: 100%;
height: 400px;
}

.contact .info {
padding: 40px;
box-shadow: 0px 2px 15px rgba(var(--color-black-rgb), 0.1);
overflow: hidden;
}

.contact .info h3 {
font-weight: 600;
font-size: 24px;
}

.contact .info p {
color: var(--color-secondary-light);
margin-bottom: 30px;
font-size: 15px;
}

.contact .info-item+.info-item {
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid rgba(var(--color-secondary-rgb), 0.15);
}

.contact .info-item i {
font-size: 24px;
color: var(--color-primary);
transition: all 0.3s ease-in-out;
margin-right: 20px;
}

.contact .info-item h4 {
padding: 0;
font-size: 18px;
font-weight: 600;
margin-bottom: 5px;
color: var(--color-secondary);
}

.contact .info-item p {
padding: 0;
margin-bottom: 0;
font-size: 14px;
color: var(--color-secondary-light);
}

.contact .php-email-form {
width: 100%;
background: var(--color-white);
}

.contact .php-email-form .form-group {
padding-bottom: 8px;
}

.contact .php-email-form .error-message {
display: none;
color: var(--color-white);
background: var(--color-red);
text-align: left;
padding: 15px;
font-weight: 600;
}

.contact .php-email-form .error-message br+br {
margin-top: 25px;
}

.contact .php-email-form .sent-message {
display: none;
color: var(--color-white);
background: var(--color-green);
text-align: center;
padding: 15px;
font-weight: 600;
}

.contact .php-email-form .loading {
display: none;
background: var(--color-white);
text-align: center;
padding: 15px;
}

.contact .php-email-form .loading:before {
content: "";
display: inline-block;
border-radius: 50%;
width: 24px;
height: 24px;
margin: 0 10px -6px 0;
border: 3px solid var(--color-green);
border-top-color: var(--color-white);
animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input[type=text],
.contact .php-email-form input[type=email],
.contact .php-email-form textarea {
border-radius: 0px;
box-shadow: none;
font-size: 14px;
}

.contact .php-email-form input[type=text]:focus,
.contact .php-email-form input[type=email]:focus,
.contact .php-email-form textarea:focus {
border-color: var(--color-secondary-light);
}

.contact .php-email-form input[type=text],
.contact .php-email-form input[type=email] {
height: 48px;
padding: 10px 15px;
}

.contact .php-email-form textarea {
padding: 10px 12px;
height: 290px;
}

.contact .php-email-form button[type=submit] {
background: var(--color-primary);
border: 0;
padding: 13px 50px;
color: var(--color-white);
transition: 0.4s;
border-radius: 0;
}

.contact .php-email-form button[type=submit]:hover {
background: rgba(var(--color-primary-rgb), 0.85);
}

@keyframes animate-loading {
0% {
transform: rotate(0deg);
}

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

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
margin-top: 20px;
position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: var(--color-white);
opacity: 1;
border: 1px solid var(--color-primary);
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
background-color: var(--color-primary);
}

.portfolio-details .portfolio-info {
padding: 30px;
box-shadow: 0px 0 30px rgba(var(--color-secondary-rgb), 0.15);
}

.portfolio-details .portfolio-info h3 {
font-size: 22px;
font-weight: 700;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid var(--color-secondary-light);
}

.portfolio-details .portfolio-info ul {
list-style: none;
padding: 0;
font-size: 15px;
}

.portfolio-details .portfolio-info ul li+li {
margin-top: 10px;
}

.portfolio-details .portfolio-description {
padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
font-size: 26px;
font-weight: 700;
margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
padding: 0;
}

/*--------------------------------------------------------------
# Blog Stylings
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Blog Home Posts List
--------------------------------------------------------------*/
.blog .posts-list article {
box-shadow: 0 4px 16px rgba(var(--color-black-rgb), 0.1);
padding: 30px;
height: 100%;
}

.blog .posts-list article+article {
margin-top: 60px;
}

.blog .posts-list .post-img {
height: 240px;
/*margin: -30px -30px 0 -30px;*/
overflow: hidden;
}

.blog .posts-list .title {
font-size: 24px;
font-weight: 700;
padding: 0;
margin: 20px 0 0 0;
}

.blog .posts-list .title a {
color: var(--color-secondary);
transition: 0.3s;
}

.blog .posts-list .title a:hover {
color: var(--color-primary);
}

.blog .posts-list .meta-top {
margin-top: 20px;
color: var(--color-gray);
}

.blog .posts-list .meta-top ul {
display: flex;
flex-wrap: wrap;
list-style: none;
align-items: center;
padding: 0;
margin: 0;
}

.blog .posts-list .meta-top ul li+li {
padding-left: 20px;
}

.blog .posts-list .meta-top i {
font-size: 16px;
margin-right: 8px;
line-height: 0;
color: rgba(var(--color-primary-rgb), 0.8);
}

.blog .posts-list .meta-top a {
color: var(--color-gray);
font-size: 14px;
display: inline-block;
line-height: 1;
}

.blog .posts-list .content {
margin-top: 20px;
}

.blog .posts-list .read-more a {
display: inline-block;
background: var(--color-primary);
color: var(--color-white);
padding: 8px 30px;
transition: 0.3s;
font-size: 14px;
border-radius: 4px;
}

.blog .posts-list .read-more a:hover {
background: rgba(var(--color-primary-rgb), 0.8);
}

/*--------------------------------------------------------------
# Blog Details Page
--------------------------------------------------------------*/
.blog .blog-details {
box-shadow: 0 4px 16px rgba(var(--color-black-rgb), 0.1);
padding: 30px;
}

.blog .blog-details .post-img {
margin: -30px -30px 20px -30px;
overflow: hidden;
}

.blog .blog-details .title {
font-size: 28px;
font-weight: 700;
padding: 0;
margin: 20px 0 0 0;
color: var(--color-secondary);
}

.blog .blog-details .content {
margin-top: 20px;
}

.blog .blog-details .content h3 {
font-size: 22px;
margin-top: 30px;
font-weight: bold;
}

.blog .blog-details .content blockquote {
overflow: hidden;
background-color: rgba(var(--color-secondary-rgb), 0.06);
padding: 60px;
position: relative;
text-align: center;
margin: 20px 0;
}

.blog .blog-details .content blockquote p {
color: var(--color-default);
line-height: 1.6;
margin-bottom: 0;
font-style: italic;
font-weight: 500;
font-size: 22px;
}

.blog .blog-details .content blockquote:after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 3px;
background-color: var(--color-secondary);
margin-top: 20px;
margin-bottom: 20px;
}

.blog .blog-details .meta-top {
margin-top: 20px;
color: var(--color-gray);
}

.blog .blog-details .meta-top ul {
display: flex;
flex-wrap: wrap;
list-style: none;
align-items: center;
padding: 0;
margin: 0;
}

.blog .blog-details .meta-top ul li+li {
padding-left: 20px;
}

.blog .blog-details .meta-top i {
font-size: 16px;
margin-right: 8px;
line-height: 0;
color: rgba(var(--color-primary-rgb), 0.8);
}

.blog .blog-details .meta-top a {
color: var(--color-gray);
font-size: 14px;
display: inline-block;
line-height: 1;
}

.blog .blog-details .meta-bottom {
padding-top: 10px;
border-top: 1px solid rgba(var(--color-secondary-rgb), 0.15);
}

.blog .blog-details .meta-bottom i {
color: var(--color-secondary-light);
display: inline;
}

.blog .blog-details .meta-bottom a {
color: rgba(var(--color-secondary-rgb), 0.8);
transition: 0.3s;
}

.blog .blog-details .meta-bottom a:hover {
color: var(--color-primary);
}

.blog .blog-details .meta-bottom .cats {
list-style: none;
display: inline;
padding: 0 20px 0 0;
font-size: 14px;
}

.blog .blog-details .meta-bottom .cats li {
display: inline-block;
}

.blog .blog-details .meta-bottom .tags {
list-style: none;
display: inline;
padding: 0;
font-size: 14px;
}

.blog .blog-details .meta-bottom .tags li {
display: inline-block;
}

.blog .blog-details .meta-bottom .tags li+li::before {
padding-right: 6px;
color: var(--color-default);
content: ",";
}

.blog .blog-details .meta-bottom .share {
font-size: 16px;
}

.blog .blog-details .meta-bottom .share i {
padding-left: 5px;
}

.blog .post-author {
padding: 20px;
margin-top: 30px;
box-shadow: 0 4px 16px rgba(var(--color-black-rgb), 0.1);
}

.blog .post-author img {
max-width: 120px;
margin-right: 20px;
}

.blog .post-author h4 {
font-weight: 600;
font-size: 22px;
margin-bottom: 0px;
padding: 0;
color: var(--color-secondary);
}

.blog .post-author .social-links {
margin: 0 10px 10px 0;
}

.blog .post-author .social-links a {
color: rgba(var(--color-secondary-rgb), 0.5);
margin-right: 5px;
}

.blog .post-author p {
font-style: italic;
color: rgba(var(--color-gray-rgb), 0.8);
margin-bottom: 0;
}

/*--------------------------------------------------------------
# Blog Sidebar
--------------------------------------------------------------*/
.blog .sidebar {
padding: 30px;
box-shadow: 0 4px 16px rgba(var(--color-black-rgb), 0.1);
}

.blog .sidebar .sidebar-title {
font-size: 20px;
font-weight: 700;
padding: 0;
margin: 0;
color: var(--color-secondary);
}

.blog .sidebar .sidebar-item+.sidebar-item {
margin-top: 40px;
}

.blog .sidebar .search-form form {
background: var(--color-white);
border: 1px solid rgba(var(--color-secondary-rgb), 0.3);
padding: 3px 10px;
position: relative;
}

.blog .sidebar .search-form form input[type=text] {
border: 0;
padding: 4px;
border-radius: 4px;
width: calc(100% - 40px);
}

.blog .sidebar .search-form form input[type=text]:focus {
outline: none;
}

.blog .sidebar .search-form form button {
position: absolute;
top: 0;
right: 0;
bottom: 0;
border: 0;
background: none;
font-size: 16px;
padding: 0 15px;
margin: -1px;
background: var(--color-primary);
color: var(--color-white);
transition: 0.3s;
border-radius: 0 4px 4px 0;
line-height: 0;
}

.blog .sidebar .search-form form button i {
line-height: 0;
}

.blog .sidebar .search-form form button:hover {
background: rgba(var(--color-primary-rgb), 0.8);
}

.blog .sidebar .categories ul {
list-style: none;
padding: 0;
}

.blog .sidebar .categories ul li+li {
padding-top: 10px;
}

.blog .sidebar .categories ul a {
color: var(--color-secondary);
transition: 0.3s;
}

.blog .sidebar .categories ul a:hover {
color: var(--color-default);
}

.blog .sidebar .categories ul a span {
padding-left: 5px;
color: rgba(var(--color-default-rgb), 0.4);
font-size: 14px;
}

.blog .sidebar .recent-posts .post-item {
display: flex;
}

.blog .sidebar .recent-posts .post-item+.post-item {
margin-top: 15px;
}

.blog .sidebar .recent-posts img {
width: 80px;
margin-right: 15px;
}

.blog .sidebar .recent-posts h4 {
font-size: 18px;
font-weight: 400;
}

.blog .sidebar .recent-posts h4 a {
color: var(--color-secondary);
transition: 0.3s;
}

.blog .sidebar .recent-posts h4 a:hover {
color: var(--color-primary);
}

.blog .sidebar .recent-posts time {
display: block;
font-style: italic;
font-size: 14px;
color: rgba(var(--color-default-rgb), 0.4);
}

.blog .sidebar .tags {
margin-bottom: -10px;
}

.blog .sidebar .tags ul {
list-style: none;
padding: 0;
}

.blog .sidebar .tags ul li {
display: inline-block;
}

.blog .sidebar .tags ul a {
color: var(--color-secondary-light);
font-size: 14px;
padding: 6px 14px;
margin: 0 6px 8px 0;
border: 1px solid rgba(var(--color-secondary-light-rgb), 0.8);
display: inline-block;
transition: 0.3s;
}

.blog .sidebar .tags ul a:hover {
color: var(--color-white);
border: 1px solid var(--color-primary);
background: var(--color-primary);
}

.blog .sidebar .tags ul a span {
padding-left: 5px;
color: rgba(var(--color-secondary-light-rgb), 0.8);
font-size: 14px;
}

/*--------------------------------------------------------------
# Blog Comments
--------------------------------------------------------------*/
.blog .comments {
margin-top: 30px;
}

.blog .comments .comments-count {
font-weight: bold;
}

.blog .comments .comment {
margin-top: 30px;
position: relative;
}

.blog .comments .comment .comment-img {
margin-right: 14px;
}

.blog .comments .comment .comment-img img {
width: 60px;
}

.blog .comments .comment h5 {
font-size: 16px;
margin-bottom: 2px;
}

.blog .comments .comment h5 a {
font-weight: bold;
color: var(--color-default);
transition: 0.3s;
}

.blog .comments .comment h5 a:hover {
color: var(--color-primary);
}

.blog .comments .comment h5 .reply {
padding-left: 10px;
color: var(--color-secondary);
}

.blog .comments .comment h5 .reply i {
font-size: 20px;
}

.blog .comments .comment time {
display: block;
font-size: 14px;
color: rgba(var(--color-secondary-rgb), 0.8);
margin-bottom: 5px;
}

.blog .comments .comment.comment-reply {
padding-left: 40px;
}

.blog .comments .reply-form {
margin-top: 30px;
padding: 30px;
box-shadow: 0 4px 16px rgba(var(--color-black-rgb), 0.1);
}

.blog .comments .reply-form h4 {
font-weight: bold;
font-size: 22px;
}

.blog .comments .reply-form p {
font-size: 14px;
}

.blog .comments .reply-form input {
border-radius: 4px;
padding: 10px 10px;
font-size: 14px;
}

.blog .comments .reply-form input:focus {
box-shadow: none;
border-color: rgba(var(--color-primary-rgb), 0.8);
}

.blog .comments .reply-form textarea {
border-radius: 4px;
padding: 10px 10px;
font-size: 14px;
}

.blog .comments .reply-form textarea:focus {
box-shadow: none;
border-color: rgba(var(--color-primary-rgb), 0.8);
}

.blog .comments .reply-form .form-group {
margin-bottom: 25px;
}

.blog .comments .reply-form .btn-primary {
border-radius: 4px;
padding: 10px 20px;
border: 0;
background-color: var(--color-secondary);
}

.blog .comments .reply-form .btn-primary:hover {
background-color: rgba(var(--color-secondary-rgb), 0.8);
}

/*--------------------------------------------------------------
# Blog Home Pagination
--------------------------------------------------------------*/
.blog .blog-pagination {
margin-top: 30px;
color: var(--color-secondary-light);
}

.blog .blog-pagination ul {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}

.blog .blog-pagination li {
margin: 0 5px;
transition: 0.3s;
}

.blog .blog-pagination li a {
color: var(--color-secondary);
padding: 7px 16px;
display: flex;
align-items: center;
justify-content: center;
}

.blog .blog-pagination li.active,
.blog .blog-pagination li:hover {
background: var(--color-primary);
}

.blog .blog-pagination li.active a,
.blog .blog-pagination li:hover a {
color: var(--color-white);
}

/*--------------------------------------------------------------
# service-detail css
--------------------------------------------------------------*/
.service-dt-bg {
/*background: url(../img/bg/black_hat_img.jpg)50% 20% !important;*/
padding: 148px 0px;
}
.serv-overlay_none{
background: transparent !important;
}
.serv-inner_form_head{
background-color: #05637f;
padding: 10px 15px;
color: #fff;
text-transform: capitalize;
}
.form-box{
padding: 12px;
border: 2px solid #ffffff82;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.service-content p{
font-size: 15px;
line-height: 30px;
}
.service-form{
position: sticky;
top: 0px;
}
/*--------------------------------------------------------------
# Connect css
--------------------------------------------------------------*/

.connect {
background-color: #343434 ;
margin-top: 0px;
padding: 24px 0px;
}

.thumb {
border: 12px solid #05637f;
min-width: 90px;
width: 90px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

.connect_title {
font-weight: 600;
font-size: 22px;
line-height: 28px;
color: #d6e6f7;
}

.connect_no {
font-family: inherit;
font-weight: 900;
font-size: 40px;
line-height: 1;
letter-spacing: -.01em;
color: #FFF;
padding-top: 10px;
text-decoration: none;
}

.connect_no1 {
font-family: inherit;
font-weight: 900;
font-size: 30px;
line-height: 1;
letter-spacing: -.01em;
color: #FFF;
text-decoration: none;
padding-top: 60px;
}

.connect_title1 {
font-weight: 600;
font-size: 15px;
line-height: 20px;
color: #d6e6f7;
padding-top: 10px;
}
.bd{
border-bottom: 1px solid #747070;
padding-bottom: 24px;
}

/*--------------------------------------------------------------
# Start contact us page
--------------------------------------------------------------*/
.contact-bg {
background: url(../img/bg/slider-c.jpg)50% 20% !important;
} 
.overlay.main {
background: #2abde9;
opacity: .5;
}
.single-contact-item .contact-icon i {
color: #fff;
font-size: 40px;
}
.single-contact-item h4 {
font-size: 18px;
font-weight: 500;
margin: 15px 0;
color: #fff;
}
.single-contact-item p:nth-child(3) {
color: #fff;
font-size: 14px;
line-height: 1.8;
}
.form-control{
border-radius: inherit;
padding: 10px 10px;
}

/*--------------------------------------------------------------
# Start inner about us page
--------------------------------------------------------------*/
.about-bg {
background: url(../img/bg/8.jpg)50% 50% !important;
}
.tre {
width: 100%;
background-color: #2cbce7;
color: #fff;
font-size: 2rem;
padding: 12px;
text-transform: uppercase;
margin: 0px;
}
.parallax-content {
width: 100%;
}
.about-content p{
color: #757575;
}
#section-parralax2 {
background: url(../img/bg/banner2.jpg) center center no-repeat;
-webkit-background-size: cover;
background-size: cover;
position: relative;
}
.section-padding {
position: relative;
padding: 50px 0px;
}
/*--------------------------------------------------------------
# Footer css
--------------------------------------------------------------*/
.footer-top .logo {
padding-top: 10px;
padding-bottom: 10px;
position: relative;
max-width: 290px;
width: 100%;
margin-bottom: 35px;
text-align: center;
}


.footer-top {
padding-bottom:1px;
background-image: url('../img/bg/footer_background.jpg');
background-size: 100% auto;
background-position: center;
}

.footer-top .logo {
/* background: #fff; */
padding-top: 10px;
padding-bottom: 10px;
position: relative;
max-width: 290px;
width: 100%;
margin-bottom: 35px;
text-align: center;
}
.footer-top .logo img{
max-width: 250px;
}

.footer-top .logo a {
position: relative;
z-index: 99;
}

.footer-top p {
max-width: 365px;
width: 100%;
color: #ffffff;
font-size: 12px;
font-weight: 400;
line-height: 22px;
letter-spacing: 1px;
margin-bottom: 15px;}

.footer-top .social-ul {
display: flex;
align-items: center;
}

.footer-top .social-ul li a {
color: #ffffff;
}

.footer-top .social-ul li {
margin-right: 18px;
position: relative;
}

.footer-top .social-ul li:after {
content: "";
width: 1px;
height: 20px;
background: #fff;
position: absolute;
top: 0;
right: -10px;
}

.footer-top .social-ul li:last-child:after {
display: none;
}

.footer-bottom {
background: #343434;
padding: 11px 0px;
}

.footer-bottom p {
color: #ffffff;
font-size: 12px;
font-weight: 400;
line-height: 28.04px;
margin-bottom: 0;
letter-spacing: 1px;
border-top: 1px solid #747070;
padding-top: 10px;
}

.footer-top h5 {
color: #fff;
margin-bottom: 15px;
font-size: 15px;
text-transform: uppercase;
}
.social-ul li{
list-style: none;
}
.footer-top .list-ul li,
.footer-top .list-ul li a {
color: #ffffff;
font-size: 12px;
letter-spacing: 1px;
}

.list-ul {
padding: 0;
margin: 0;
}

.list-ul li,
.list-ul li a {
font-size: 16px;
font-weight: 400;
line-height: 25px;
text-decoration: none;
display: flex;
align-items: baseline;
}

.list-ul li i,
.list-ul li a i {
margin-right: 10px;
}

.list-ul-links li a {
position: relative;
padding-left: 20px;
transition: 0.5s ease;
}

.list-ul-links li a:hover {
color: #0a6681;
}

.list-ul-links li a:before {
content: "";
position: absolute;
top: 6px;
left: 0;
width: 12px;
height: 20px;
background: url(../../index.html)no-repeat center;
}
/* end */

label.error{ color:indianred !important; }
.market-area-heading h1 {
padding: 10px;
margin: 0 0 10px;
background-color: #309764;
border-radius:5px;
font-size: 20px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
}

.market-area h4 {
color: #000;
margin-bottom: 10px;
}
.market-area h4 a {
margin: 0 0 5px;
font-size:18px;
color: #ef682f;
line-height: 1.1;
font-weight:600;
text-transform: uppercase;
}

.market-area ul {
overflow: hidden;
}

.market-area ul li {
float: left;
width: 25%;
margin-right: 0%;
margin-bottom: 10px;
list-style: none;
}

.market-area ul li a{
padding: 6px 10px;
font-size: 12px;
font-weight:600;
border: 1px solid #423f3f;
color: #423f3f;
width: 98%;
display: inline-block;
margin-right: 10px;
}

.market-area ul li a:hover {
color:#fff;
text-decoration:none;
border: 1px solid #000;
background-color:#000;
}

.market-place h3 {
background: #ff8c00;
color: #FFFFFF;
padding: 10px;
text-transform: uppercase;
font-size: 18px;
border-radius: 5px;
font-weight: 600;
text-align: center;
}
/**/
.inner-product-form {
background: linear-gradient(0deg, #031521, #05637f);
padding: 6px;
border: none; 
position: sticky;
top: 0px;border-radius:0 0 10px 10px;
}
.form-head{color: #ffffff;
text-transform: uppercase;
background-color: #05637f;
padding: 20px;
font-size: 100%;
font-weight: 800;
text-align: center;
outline: 1px dashed #fff;
outline-offset: -5px;}
.inner-product-form input, .inner-product-form select{border-radius:0;}
.eq-bt {
padding: 12px 20px;
background-color: white;
width: 100%;}

.serv-title {
font-size: 18px;
text-align: center;
padding: 14px;
font-weight: 500;
}


@media (max-width: 568px){

.search-head .home-input {
width: 212px !important;margin: auto;
border-radius: 10px 0px 0px 0px;
}
.banner-content-inner{width: 100%;}
.banner-content-inner h1{
font-size: 28px;
}
#section-parralax{padding: 20px 0px;}
.clients{padding: 20px 0px;}
.content-padding {padding: 40px 0px 40px 0px;}
.section-padding{padding: 20px 0px;}
.section-heading h2{font-size: 22px;line-height: 32px;}
.top-box{font-size: 18px;padding: 14px;border-radius: 30px 0;}
.index_about p{font-size: 16px;}
.index_about{padding: 50px 25px 40px;}
.od-1{order: 2;}
.od-2{order: 1;}
}

.service-btnn {
background-color: #0ea2bd;
border: 1px solid #0ea2bd;
padding: 10px 30px;
color: #fff;
border-radius: 15px;
transition: 1s ease;
}
.service-btnn:hover {
background-color: transparent;
color: #0ea2bd;
}

@media screen and (max-width: 480px) {
h2 mark{
background-color: #1a73e8;
color: #fff;
height: 70px;
padding: 10px;
display: block;
border-radius: 10px;
font-size: 22px;
line-height: 27px;
}}

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

.h2{
position: relative;
font-family: 'Roboto', sans-serif;
margin: 0px;
font-size: 20px;
background: none;
line-height: 1.4em;
font-weight: 700;
color: #393939;

}}

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

.parallax-content p {
margin: 10px 10px;
text-transform: capitalize;
line-height: 26px;
font-size: 15px;
text-align: justify;
}}

@media screen and (max-width: 480px){
.slogan {
color: #393939;
font-size: 20px;
margin-bottom: 20px;
font-weight: 600;
}}

@media screen and (max-width: 480px){
.service-btn {
background-color: #0ea2bd;
border: 1px solid #0ea2bd;
padding: 12px 10px;
color: #fff;
border-radius: 16px;
transition: 1s ease;
font-size: 12px;
}}

@media screen and (max-width: 480px){
.service_card p {
color: #869298;
font-size: 13px;
text-align: justify;
line-height: 20px;
}}

@media screen and (max-width: 480px){
.text-uppercase {
text-transform: uppercase !important;
font-size: 15px;
font-weight: 600;
color: #393939;
}}

@media screen and (max-width: 480px){
.para2 p, .para p {
font-size: 15px;
color: #000;
line-height: 22px;
}}

@media screen and (max-width: 480px){
.slogan2 {
font-size: 17px;
margin-bottom: 20px;
font-weight: 600;
text-transform: uppercase;
background-color: #1e9ec4;
color: #fff;
padding: 10px;
border-radius: 25px 25px 0 0;
}}

@media screen and (max-width: 480px){
.mark, mark {
background-color: #1a73e8;
color: #fff;
border-radius: 10px;
padding: 10px;
font-size: 19px;
}}

@media screen and (max-width: 480px){
.service-intro h2 span {
color: #4155C6;
display: block;
font-size: 16px;
font-weight: 400;
line-height: 25px;
}
.faq .content h3 {
font-weight: 700;
font-size: 28px;
color: #000;
line-height: 45px;
padding: 10px;
}}

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

.search-head button {
margin-top: 0px;
margin-left: -10px;
padding: 13px;
border-radius: 0px 10px 10px 0px;
}}

@media screen and (max-width: 480px){
.service-dt-bg {
padding-bottom:0px;

}}

.position-relative{
margin-bottom: 20px;
height:450px;
display: block;
padding: 40px 20px;
border-radius: 5px;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
box-shadow: 0px 0px 30px 0px rgba(88, 88, 88, 0.10);}

.post-title{
font-size: 18px;
font-weight: 600;
}


/*Husain Pricing css*/

/********** Template CSS **********/
:root {
--primary: #06A3DA;
--secondary: #34AD54;
--light: #EEF9FF;
--dark: #091E3E;
}


/*** Spinner ***/
.spinner {
width: 40px;
height: 40px;
background: var(--primary);
margin: 100px auto;
-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
0% {
-webkit-transform: perspective(120px)
}
50% {
-webkit-transform: perspective(120px) rotateY(180deg)
}
100% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
}
}

@keyframes sk-rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}

#spinner {
opacity: 0;
visibility: hidden;
transition: opacity .5s ease-out, visibility 0s linear .5s;
z-index: 99999;
}

#spinner.show {
transition: opacity .5s ease-out, visibility 0s linear 0s;
visibility: visible;
opacity: 1;
}


/*** Heading ***/
h1,
h2,
.fw-bold {
font-weight: 800 !important;
}

h3,
h4,
.fw-semi-bold {
font-weight: 700 !important;
}

h5,
h6,
.fw-medium {
font-weight: 600 !important;
text-align: center;
line-height: 4pc;

}


/*** Button ***/
.btn {
font-family: 'Nunito', sans-serif;
font-weight: 600;
transition: .5s;
}

.btn-primary,
.btn-secondary {
color: #FFFFFF;
box-shadow: inset 0 0 0 50px transparent;
}

.btn-primary:hover {
box-shadow: inset 0 0 0 0 var(--primary);
}

.btn-secondary:hover {
box-shadow: inset 0 0 0 0 var(--secondary);
}

.btn-square {
width: 36px;
height: 36px;
}

.btn-sm-square {
width: 30px;
height: 30px;
}

.btn-lg-square {
width: 48px;
height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
padding-left: 0;
padding-right: 0;
text-align: center;
}


/*** Navbar ***/
.navbar-dark .navbar-nav .nav-link {
font-family: 'Nunito', sans-serif;
position: relative;
margin-left: 25px;
padding: 35px 0;
color: #FFFFFF;
font-size: 18px;
font-weight: 600;
outline: none;
transition: .5s;
}

.sticky-top.navbar-dark .navbar-nav .nav-link {
padding: 20px 0;
color: var(--dark);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
color: var(--primary);
}

.navbar-dark .navbar-brand h1 {
color: #FFFFFF;
}

.navbar-dark .navbar-toggler {
color: var(--primary) !important;
border-color: var(--primary) !important;
}

@media (max-width: 991.98px) {
.sticky-top.navbar-dark {
position: relative;
background: #FFFFFF;
}

.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.sticky-top.navbar-dark .navbar-nav .nav-link {
padding: 10px 0;
color: var(--dark);
}

.navbar-dark .navbar-brand h1 {
color: var(--primary);
}
}

@media (min-width: 992px) {
.navbar-dark {
position: absolute;
width: 100%;
top: 0;
left: 0;
border-bottom: 1px solid rgba(256, 256, 256, .1);
z-index: 999;
}

.sticky-top.navbar-dark {
position: fixed;
background: #FFFFFF;
}

.navbar-dark .navbar-nav .nav-link::before {
position: absolute;
content: "";
width: 0;
height: 2px;
bottom: -1px;
left: 50%;
background: var(--primary);
transition: .5s;
}

.navbar-dark .navbar-nav .nav-link:hover::before,
.navbar-dark .navbar-nav .nav-link.active::before {
width: 100%;
left: 0;
}

.navbar-dark .navbar-nav .nav-link.nav-contact::before {
display: none;
}

.sticky-top.navbar-dark .navbar-brand h1 {
color: var(--primary);
}
}


/*** Carousel ***/
.carousel-caption {
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(9, 30, 62, .7);
z-index: 1;
}

@media (max-width: 576px) {
.carousel-caption h5 {
font-size: 14px;
font-weight: 500 !important;
}

.carousel-caption h1 {
font-size: 30px;
font-weight: 600 !important;
}
}

.carousel-control-prev,
.carousel-control-next {
width: 10%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
width: 3rem;
height: 3rem;
}



/*** Section Title ***/
.section-title::before {
position: absolute;
content: "";
width: 150px;
height: 5px;
left: 0;
bottom: 0;
background: var(--primary);
border-radius: 2px;
}

.section-title.text-center::before {
left: 50%;
margin-left: -75px;
}

.section-title.section-title-sm::before {
width: 90px;
height: 3px;
}

.section-title::after {
position: absolute;
content: "";
width: 6px;
height: 5px;
bottom: 0px;
background: #FFFFFF;
-webkit-animation: section-title-run 5s infinite linear;
animation: section-title-run 5s infinite linear;
}

.section-title.section-title-sm::after {
width: 4px;
height: 3px;
}

.section-title.text-center::after {
-webkit-animation: section-title-run-center 5s infinite linear;
animation: section-title-run-center 5s infinite linear;
}

.section-title.section-title-sm::after {
-webkit-animation: section-title-run-sm 5s infinite linear;
animation: section-title-run-sm 5s infinite linear;
}

@-webkit-keyframes section-title-run {
0% {left: 0; } 50% { left : 145px; } 100% { left: 0; }
}

@-webkit-keyframes section-title-run-center {
0% { left: 50%; margin-left: -75px; } 50% { left : 50%; margin-left: 45px; } 100% { left: 50%; margin-left: -75px; }
}

@-webkit-keyframes section-title-run-sm {
0% {left: 0; } 50% { left : 85px; } 100% { left: 0; }
}


/*** Service ***/
.service-item {
position: relative;
height: 300px;
padding: 0 30px;
transition: .5s;
}

.service-item .service-icon {
margin-bottom: 30px;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
background: var(--primary);
border-radius: 2px;
transform: rotate(-45deg);
}

.service-item .service-icon i {
transform: rotate(45deg);
}

.service-item a.btn {
position: absolute;
width: 60px;
bottom: -48px;
left: 50%;
margin-left: -30px;
opacity: 0;
}

.service-item:hover a.btn {
bottom: -24px;
opacity: 1;
}


/*** Testimonial ***/
.testimonial-carousel .owl-dots {
margin-top: 15px;
display: flex;
align-items: flex-end;
justify-content: center;
}

.testimonial-carousel .owl-dot {
position: relative;
display: inline-block;
margin: 0 5px;
width: 15px;
height: 15px;
background: #DDDDDD;
border-radius: 2px;
transition: .5s;
}

.testimonial-carousel .owl-dot.active {
width: 30px;
background: var(--primary);
}

.testimonial-carousel .owl-item.center {
position: relative;
z-index: 1;
}

.testimonial-carousel .owl-item .testimonial-item {
transition: .5s;
}

.testimonial-carousel .owl-item.center .testimonial-item {
background: #FFFFFF !important;
box-shadow: 0 0 30px #DDDDDD;
}


/*** Team ***/
.team-item {
transition: .5s;
}

.team-social {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
transition: .5s;
}

.team-social a.btn {
position: relative;
margin: 0 3px;
margin-top: 100px;
opacity: 0;
}

.team-item:hover {
box-shadow: 0 0 30px #DDDDDD;
}

.team-item:hover .team-social {
background: rgba(9, 30, 62, .7);
}

.team-item:hover .team-social a.btn:first-child {
opacity: 1;
margin-top: 0;
transition: .3s 0s;
}

.team-item:hover .team-social a.btn:nth-child(2) {
opacity: 1;
margin-top: 0;
transition: .3s .05s;
}

.team-item:hover .team-social a.btn:nth-child(3) {
opacity: 1;
margin-top: 0;
transition: .3s .1s;
}

.team-item:hover .team-social a.btn:nth-child(4) {
opacity: 1;
margin-top: 0;
transition: .3s .15s;
}

.team-item .team-img img,
.blog-item .blog-img img  {
transition: .5s;
}

.team-item:hover .team-img img,
.blog-item:hover .blog-img img {
transform: scale(1.15);
}


/*** Miscellaneous ***/
@media (min-width: 991.98px) {
.facts {
position: relative;
margin-top: -75px;
z-index: 1;
}
}

.back-to-top {
position: fixed;
display: none;
right: 45px;
bottom: 45px;
z-index: 99;
}

.bg-header {
background: linear-gradient(rgba(9, 30, 62, .7), rgba(9, 30, 62, .7)), url(../../index.html) center center no-repeat;
background-size: cover;
}

.link-animated a {
transition: .5s;
}

.link-animated a:hover {
padding-left: 10px;
}
.pos-relative{
position:relative;
}
.husainbtn{
background-color:#06A3DA !important;
color:white !important;
border-color: #06A3DA  !important;;
transition:0.5s  !important;;
}
.husainbtn:hover{
box-shadow: inset 0 0 0 0 #41c7f8 !important;;
color:black  !important;;

}


@media (min-width: 767.98px) {
.footer-about {
margin-bottom: -75px;
}
}
.why_heading{font-weight: 800; font-size: 32px; line-height: 40px; margin-bottom: 12px;}
.why_heading span{display:block; color:#05637f;}

#section-feature .section-heading{font-size: 32px; line-height: 44px; font-weight: 800; max-width: 870px; margin: 0 auto; margin-bottom: 22px;}

@media (max-width:1199px){
#section-feature .top-box{font-size: 19px; padding: 14px;}
}

@media (max-width:991px){
#section-feature .top-box{font-size: 15px; padding: 14px;}
}

@media (max-width:768px){
#section-feature .top-box{font-size: 10px; padding: 11px; border-radius: 30px 0 30px 0;}
#section-feature .top-box:hover{font-size: 10px; padding: 11px; border-radius: 0 30px 0 30px;}
#section-feature .section-heading{font-size: 23px; line-height: 32px;}
}

/* ==============================
PRICING SECTION 
=================================*/

.pricing_section .nav-tabs .nav-link{
border: 1px solid #05637f;
color:#05637f;
background: #fff;
border-radius: 20px;
box-shadow:none;
transition:all .5s ease;
}

.pricing_section .nav-tabs .nav-link.hover{
background: #05637f;
color:#fff;
}

.pricing_section .nav-tabs .nav-link.active{
background: #05637f;
color:#fff;
}

.pricing_section .nav-tabs{
border-bottom: none; width: 75%; margin: 0 auto; justify-content: center;
}

.pricing_section .nav-tabs .nav-item{margin: 0 6px; margin-bottom: 12px;}

.pricing_content .pricing_title{color: #000000; text-align: center; display: block; font-size: 17px; margin-top: 16px; font-weight: 800;}
.tab-content{margin-top:30px;}
.pricing_content{min-height: 117px; display: flex ; align-items: center; flex-direction: column;}
.pricing_box{border: 1px solid #c6c6c6; border-radius: 15px; overflow: hidden; padding: 20px 15px; margin-bottom:25px;}

.pricing_content .dedcription-btn {
width: 100%;
position: relative;
display: inline-block;
border-radius: 30px;
color: #05637f;
text-align: center;
font-size: 18px;
padding: 9px 0;
transition: all 0.3s;
padding-right: 40px;
margin: 20px 0px 0;
box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.06);
border: 1px solid #05637f;
}
.pricing_content .dedcription-btn .btn-icon {
background-color: #05637f;
width: 92px;
height: 45px;
float: right;
position: absolute;
border-radius: 30px 30px 30px 0;;
right: 0px;
top: 0px;
transition: all 0.3s;
}
.pricing_content .name-descripeion {
position: relative;
z-index: 9999;
}
.pricing_content .btn-icon::after {
content: "";
width: 0;
height: 0;
border-top: 45px solid #fcfcfc;
border-right: 40px solid transparent;
position: absolute;
top: 0px;
left: 0px;
}
.pricing_content .dedcription-btn:hover .btn-icon {
width: 100%;
border-radius: 30px;
}
.pricing_content .dedcription-btn:hover .btn-icon::after {
display: none;
opacity: 0.1;
}
.pricing_content .btn-icon i {
position: absolute;
right: 25px;
top: 15px;
color: #fff;
}
.pricing_content .dedcription-btn:hover {
color: #fff!important;
}

@media(max-width:1200px){
.pricing_section .nav-tabs{width: 100%;}
}

@media(max-width:991px){
.pricing_section .nav-tabs .nav-link{padding: 4px 9px; font-size: 12px;}
}

@media(max-width:768px){
.pricing_section .nav-tabs .nav-item{margin: 0px 3px;margin-bottom: 8px;}
.pricing_section .nav-tabs .nav-link{padding: 2px 7px; font-size: 10px;}
}


.features-section-two {
position: relative;
padding: 40px 0 10px;
z-index: 2;
}
@media (max-width: 991.98px) {
.features-section-two {
padding: 90px 0;
}
}
.features-section-two:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #F5F6F8;
content: "";
}
.features-section-two .bottom-text {
position: relative;
text-align: center;
font-size: 18px;
color: #808287;
font-weight: 500;
margin-top: 10px;
}
.features-section-two .bottom-text .theme-btn {
line-height: 20px;
padding: 6px 20px 4px;
font-size: 12px;
text-transform: uppercase;
margin-left: 15px;
}
@media (max-width: 767.98px) {
.features-section-two .bottom-text .theme-btn {
margin-top: 15px;
}
}

.feature-block-two {
position: relative;
margin-bottom: 30px;
z-index: 1;
}
.feature-block-two .inner-box {
border-top: 5px solid #05637f;
position: relative;
overflow: hidden;
height: 100%;
padding: 30px 20px 25px;
background-color: #ffffff;
text-align: center;
min-height: 175px;
-webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
border-radius: 0 0 20px 20px;
}

.feature-block-two .inner-box i{
color:#05637f;
font-size:40px;
}

.feature-block-two .inner-box:hover i{
color:#fff;
}

.feature-block-two .inner-box:before {
position: absolute;
left: 0;
bottom: 0;
height: 0;
width: 100%;
background-color: #05637f;
content: "";
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
z-index: -1;
}
.feature-block-two .inner-box:after {
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
background-image: url(../img/shape-tm-1.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
content: "";
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.feature-block-two .inner-box:hover {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.feature-block-two .inner-box:hover:before {
height: 100%;
}
.feature-block-two .inner-box:hover:after {
background-image: url(../../index.html);
}
.feature-block-two .inner-box:hover .title,
.feature-block-two .inner-box:hover .icon {
color: var(--text-color-bg-theme-color2);
}
.feature-block-two .icon {
position: relative;
display: block;
font-size: 64px;
color: #05637f;
font-weight: 900;
line-height: 64px;
margin-bottom: 30px;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.feature-block-two .title {margin-bottom: 0; line-height: 21px; margin-top: 10px; font-size: 17px; font-weight: 800; color: #333;}
.feature-block-two.dark .inner-box {
background-color: var(--bg-theme-color2);
background-image: url(../../index.html);
}
.feature-block-two.dark .inner-box:before {
background-color: #2c2e33;
}
.feature-block-two.dark .inner-box:hover .title {
color: #05637f;
}
.feature-block-two.dark .inner-box:hover .icon {
color: #05637f;
}
.feature-block-two.dark .title {
color: #ffffff;
}
.feature-block-two .inner-box a{font-size:18px; color:#333;}
.feature-block-two .inner-box:hover a{color:#fff;}

.feature-block-two .inner-box:hover .title{color:#fff;}


.new_title{color: #333; font-size: 32px; font-weight: 600; text-transform: uppercase; text-align:center; margin-bottom:18px;}
.new_title span{color: #ffffff; background: #05637f; display: inline-block; padding: 0 14px; border-radius: 13px;}
.new_t_para{font-size: 16px; line-height: 25px; font-weight: 500;}

.main_heading{
    margin-bottom:24px;
}
.main_heading h2{
    color: #333; font-size: 32px; font-weight: 600 !important; text-transform: uppercase; text-align:center; margin-bottom:12px;line-height:44px;
}
.main_heading h2 span{
        color: #ffffff;
    background: #05637f;
    display: inline-block;
    padding: 3px 14px;
    border-radius: 20px;
}
.main_heading p{
    text-align:center;
    font-size:16px;
    margin:0;
    letter-spacing: .8px;
}
.side_heading h4{
    font-size:28px;
        font-weight: 600 !important;
    margin-bottom:7px;
}

.seoBox{float:left;width:100%;border-radius:.75rem;position:relative;box-shadow:0 0 2px rgba(29,32,71,.05),0 18px 36px rgba(29,32,71,.05);background:#fff;padding:25px;margin-bottom:20px;border: 5px solid #05637f;}
.seoBoxTitle{font-size:24px;line-height:36px;font-weight:600;padding-bottom:1.25rem;padding-left:1rem;border-bottom:1px solid rgb(29 32 71 / .1);margin-bottom:1.75rem;color:#02619e}
.seoBox ul{margin:0 0 20px;display:block;display:flex;padding:0;flex-flow:row wrap}
.seoBox ul li{font-size:17px;display:flex;flex-flow:row wrap;margin-bottom:0;position:relative;padding-left:30px;position:relative;color:#333;width:calc(100% / 4);padding-top: 5px;padding-bottom: 5px;}
.seoBox ul li:before{content:'';position:absolute;top:9px;left:0;width:20px;height:20px;background:url(../img/check.svg) no-repeat;background-size:100%}
.seoBoxTitle2{font-size: 24px; display: block; border-bottom: 1px solid #c1c1c1; padding: 0 0 9px 0; text-transform: uppercase; font-weight:600;}

@media(max-width:1200px){
.seoBox ul li{font-size:14px}
}

@media(max-width:980px){
.seoBox ul li{width:calc(100% / 2)}
}

@media(max-width:767px){
.seoBox ul li{width:calc(100% / 1)}
.seoBox ul li{font-size:16px}
#circle{display:none}
}



.companyFeatures{width:100%;padding:0;margin:0;background:url(../img/pattern-background-2.jpg) center top no-repeat;background-size:cover;position:relative;overflow:hidden}
.companyFeatures:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.9;background:#05637f}
.companyFeatures .container{position:relative}
.singleFeatures{float:left;width:100%;margin:30px 0 0;padding:2rem 1rem 2.5rem;position:relative;text-align:center}
.singleFeatures .number_2{font-size:45px;font-weight:600;color:#fff;margin-bottom:15px}
.singleFeatures .title_4{font-size:25px;color:#fff;margin:0}
.singleFeatures .title_5{font-size:16px;color:#fff;margin:0}
.singleFeatures{float:left;width:100%;margin:30px 0 0;padding:2rem 1rem 2.5rem;position:relative;text-align:center}
.singleFeatures .number_2{font-size:45px;font-weight:600;color:#fff;margin-bottom:15px;position:relative}
.singleFeatures .number_2:after{position:absolute;content:"";width:176px;height:105px;-webkit-transform:rotate(-26deg);transform:rotate(-26deg);border: 1px solid #ffffff21;border-radius:100%;top:0;inset-inline-start:-30px;z-index:1;right:0;left:0;margin:0 auto}
.singleFeatures .number_2 span{position:relative;z-index:9}
.singleFeatures .title_4{font-size:25px;color:#fff;margin:0}

@media(max-width:1024px){
.singleFeatures .title_4{font-size: 22px;}
}

@media(max-width:768px){
.singleFeatures .number_2{font-size: 27px;margin-bottom: 0;}
.singleFeatures .title_4{font-size: 14px;}
}

.Award_section{padding:0;}
.Award_section .a_carousel .carousel-item img{border-radius:0; width:100%; height:auto; margin:0;}

.Award_section .a_carousel .carousel-item{padding:0 !important;}

.Award_section .carousel-control-prev-icon{width: 2.5rem;height: 2.5rem; border: 2px solid #fff;border-radius: 50%; background-position: 45%; background-size: 65% 65%;}

.Award_section .carousel-control-next-icon{width: 2.5rem;height: 2.5rem; border: 2px solid #fff;border-radius: 50%;    background-position: 60%;
background-size: 65% 65%;
}

.Dial4webTitle{color:#fff;font-size:24px;margin-bottom:0;margin-top:25px;font-weight:600;position:relative}
.Dial4webTitle:after{content:"";width:calc(100% - 140px);height:1px;background-color:#747070;pointer-events:none;position:absolute;right:0;top:50%}

.officeGrid{width:100%;margin-bottom:0}
.officesItem{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0}
.officesItem .city{color:#ffffff;font-size:6.3rem;line-height:1;font-weight:900;opacity:.15;padding-right:12px;letter-spacing:-3px}
.officesItem .officeAddress{white-space:nowrap;padding-top:8px;color:#fff;line-height:22px;font-size:13px;font-weight:400;letter-spacing:-.5px}
.officesItem .officeAddress .officeCity{font-weight:600;font-size:16px;color:#a4cae1}
.officesItem .officeAddress .officeCity .addres{line-height:normal;font-family:inherit}

.marquee-text {
box-sizing: border-box;
-webkit-box-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
overflow: hidden;
}
.marquee-text .top-info-bar {
font-size: 12px;
width: 100%;
display: flex;
-webkit-animation: marquee 25s linear infinite running;
-moz-animation: marquee 25s linear infinite running;
-o-animation: marquee 25s linear infinite running;
-ms-animation: marquee 25s linear infinite running;
animation: marquee 25s linear infinite running;
}

.marquee-text .top-info-bar:hover {
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
-ms-animation-play-state: paused;
animation-play-state: paused;
}

.marquee-text .top-info-bar .info-text {
padding: 10px 30px;
white-space: nowrap;
display: inline-flex;
align-items: center;
justify-content: center;
-webkit-transition: all .2s ease;
transition: all .2s ease;
text-transform:uppercase;
}

.marquee-text .top-info-bar a {
color: #ffffff;
text-decoration:none;
}

@-moz-keyframes marquee {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}

100% {
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-o-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
}
}

@-webkit-keyframes marquee {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}

100% {
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-o-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
}
}

@-o-keyframes marquee {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}

100% {
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-o-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
}
}

@keyframes marquee {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}

100% {
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-o-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
}
}
.google-partner-img{margin-left:15px;}
.google-partner-img img{width: 95px; height: auto;}

.text-into svg{

width: 24px;
height: 24px;
-webkit-animation: tada 1.5s ease infinite;
animation: tada 1.5s ease infinite;
margin-top: -5px;
}
@-webkit-keyframes tada{
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg);transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,10deg);transform:scale3d(1,1,1) rotate3d(0,0,1,10deg)}
40%,60%,80%{-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,-10deg);transform:scale3d(1,1,1) rotate3d(0,0,1,-10deg)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes tada{
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg);transform:scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,10deg);transform:scale3d(1,1,1) rotate3d(0,0,1,10deg)}
40%,60%,80%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}

.speedTextsec{position:relative; padding:60px 0px 50px; background:#05637f;}
.speedTextsec .textSec_wave{color: #fff; font-size: 18px; text-align: center; display: inline-block; margin-bottom: 30px; margin-top: 12px}
.speedTextsec .wave_heading{color: #fff; text-align: center; font-size: 29px; font-weight: 700;}
.speedTextsec .wave_heading span{display: inline-block; text-align: center; text-transform: uppercase; margin: 10px 0; background: #0ea2bd; padding: 3px 15px; border-radius: 5px; color: #fff;}
.speedTextsec .btn_quote{background: #fff; outline: none; border: 0; color: #0ea2bd; font-weight: bold; padding: 6px 22px; font-size: 16px; border-radius: 8px; margin: 0 auto; display: block;}

/* waves */
.ocean {
height: 80px;
width: 100%;
position: absolute;
bottom: -65px;
left: 0;
right: 0;
overflow-x: hidden;
transform: rotate(180deg);
}

.wave {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%2305637F'/%3E%3C/svg%3E");
position: absolute;
width: 400%;
height: 100%;
animation: wave 10s -3s linear infinite;
transform: translate3d(0, 0, 0) ;
opacity: 0.8;
}

.wave:nth-of-type(2) {
bottom: 0;
animation: wave 18s linear reverse infinite;
opacity: 0.5;
}

.wave:nth-of-type(3) {
bottom: 0;
animation: wave 20s -1s linear infinite;
opacity: 0.5;
}

@keyframes wave {
0% {transform: translateX(0);}
50% {transform: translateX(-25%);}
100% {transform: translateX(-50%);}
}

.owl-carousel .item {
background: #fff;
color: white;
text-align: center;
border-radius: 10px;
}

.caseStudiesSection .container{position:relative;}
.cas_wrap{padding-top:50px;}
.custom-nav {text-align: center; margin-top: 20px; position: absolute; top: 175px; left: 0; width: 100%; display: flex ; justify-content: space-between; z-index: 1;}

.custom-nav button {
background: #05637f;
border: 1px solid #0ea2bd;
color: white;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
margin: 5px;
}

.custom-nav button:hover{background:#0ea2bd;}

.caseStudiesContent .caseTitle{color: #05637f; text-align: left; font-size: 23px; text-transform: uppercase; margin-bottom: 20px;}
.caseStudiesContent .caseTitle span{display: block; font-size: 19px; margin: 7px 0; text-transform: capitalize; color: #333;}

.question {font-size:16px; font-weight: 500; padding: 7px 55px 7px 14px; position: relative; display: flex ; align-items: center; cursor: pointer; color: #fff; background: #05637f; border-bottom:1px solid #ffffff6b;}

.question::after {
content: "\002B";
font-size: 2.2rem;
position: absolute;
right: 20px;
transition: 0.2s;
}

.question.active::after {
transform: rotate(45deg);
}

.answercont {
max-height: 0;
overflow: hidden;
transition: 0.3s;
color:#000;
text-align:left;
}

.answer {
padding: 0 20px 20px;
line-height: 1.5rem;
}

.question.active + .answercont {
}

@media screen and (max-width: 790px){
html {
font-size: 14px;
}
.wrapper {
width: 80%;
}
}

.answercont .serviceProvide {
    margin: 0;
        margin: 12px 0px;
    padding-left: 1.5rem;
}

.answercont .serviceProvide li {
    position: relative;
    list-style: none;
    margin-bottom: 9px;
}
.answercont .serviceProvide li:before {
    position: absolute;
    content: "";
    left: -1.5rem;
    top: 7px;
    background: url(../img/list-checkmarks.svg) no-repeat;
    width: 15px;
    aspect-ratio: 1;
}
.answercont .getButton{color: #fff; background: #0ea2bd; padding: 6px 13px; margin-top: 5px; display: inline-block; border-radius: 7px; text-transform: uppercase;}
.question .caseCount{background: #ffffff; padding: 0px 8px; display: inline-block; margin-right: 11px; border-radius: 7px; color: #05637f; font-weight: 700;}

.rankingTable{width:100%;float:left;max-height:200px; margin: 12px 0;overflow:hidden;overflow-y:auto}
.rankingTable table{width:100%;text-align:left;float:left;border:1px solid #d0d0d0;border-collapse:collapse}
.rankingTable table td{border:1px solid #d0d0d0;padding:0;text-align:center;color:#000;height:30px;text-align:center;vertical-align:middle;font-size:13px;font-weight:600}
.rankingTable table tr:first-child td{height:30px;background:#f7f7f8;font-weight:700;color:#09334f;font-size:14px}
.rankingTable table tr:first-child td:nth-child(2),.rankingTable table tr:first-child td:nth-child(3){background:#f4b95a}
.rankingTable table td:first-child{width:65%;padding:0 15px;text-align:left}
.rankingTable table td:nth-child(2),.rankingTable table td:nth-child(3){width:22%}
.rankingTable table tr td:nth-child(2){width:15%;background:#eee;border:1px solid #d0d0d0;text-align:center;vertical-align:middle}
.rankingTable table tr td:nth-child(3){width:20%;background:#e6e6e6;border:1px solid #d0d0d0;text-align:center;vertical-align:middle}
.rankingTable table tr td a{color:#1178ba}
.rankingTable table tr td a:focus,.rankingTable table tr td a:hover{color:#09334f}


.footerWrap{display: flex ; justify-content: start; width: 100%; flex-wrap:wrap;}
.footerWrap .linkBox{width: 20%; padding: 0 10px;border-right: 1px dashed #747070;}
.footerWrap .linkBox img{width:100px; margin: 0 0 11px 0;}
.footerWrap .linkBox h5{height: 35px; text-transform: uppercase; font-size: 15px; display: flex ; align-items: center;}

@media(max-width:992px){
    .footerWrap .linkBox{width: 33%;}
}

@media(max-width:769px){
    .footerWrap .linkBox{width: 50%;}
}

@media(max-width:376px){
    .footerWrap .linkBox{width: 100%;}
}

#staticBackdrop{background: #000000ab;}

.modalNewDesign{max-width: 768px; margin: 0 auto;}

.modalNewDesign .enquiryHead{display: block; text-align: center; margin: 0 auto; font-size: 72px; color: #fff; font-weight: 700;}

.modalNewDesign .modal-content{background: radial-gradient(circle, rgba(5, 99, 127, 1) 0%, rgba(23, 68, 121, 1) 39%);}

.modalNewDesign .modal-header.form-head{background: radial-gradient(circle, rgba(5, 99, 127, 1) 0%, rgba(23, 68, 121, 1) 39%);outline: none; padding: 0;}
.modalNewDesign .modal-body{background: transparent;}

.modalNewDesign .modal-header .btn-close{margin:-13% 0 0 96%;}

.modalNewDesign .modal-body{display: flex ; align-items: center; justify-content: space-between; flex-wrap:wrap;}

.modalNewDesign .modal-body .form_image{width:38%; position:relative;}

.modalNewDesign .modal-body .form_image img{width:100%; border-radius: 50%;}

.modalNewDesign .modal-body .form_image:before{content: ""; position: absolute; width: 100px; height: 100px; background: #fff; top: 0; left: 0; border-radius: 23px; background-image:url(../img/support-person.jpg); background-repeat:no-repeat; background-size: 84%; background-position: center; border: 4px solid #174479;}

.modalNewDesign .modal-body .form_image:after{content: ""; position: absolute; width: 100px; height: 100px; background: #fff; bottom: 0; right: 0; border-radius: 23px; background-image:url(../img/mail-bg.jpg); background-repeat:no-repeat; background-size: 84%; background-position: center; border: 4px solid #174479;}

.modalNewDesign .modal-body .reply-form{width:58%;}

@media(max-width:768px){
    .modalNewDesign{max-width: 606px;}
}

@media(max-width:625px){
    .modalNewDesign .modal-body .form_image{width: 100%; text-align: center; max-width: 200px; margin: 0 auto;}
    .modalNewDesign .modal-body .reply-form{width:100%;}
    .modalNewDesign .modal-body .form_image:before{top: 43px; left: -135px;}
    .modalNewDesign .modal-body .form_image:after{bottom: 60px; right: -135px;}
}

@media(max-width:425px){
    .modalNewDesign .modal-body .form_image:before{top: 6px; left: -50px}
    .modalNewDesign .modal-body .form_image:after{bottom: 2px; right: -53px;}
    .modalNewDesign .enquiryHead{font-size:34px;}
    .modalNewDesign .modal-header .btn-close{margin:-18% 0 0 90%;}
}

.thankyoupage .thankyouHeading{display: block; text-align: center; font-size: 111px;}


.testimonial_section .carousel{margin-top:30px; overflow:hidden;}
.testimonial_section .carousel-inner{
padding: 30px 70px;
background:#05637f;
border-radius:0 60px 0 60px;
height: 309px;
display: flex ;
align-items: center;
}

.carousel-item {
padding:35px 20px;
text-align: center;
font-style: italic;
overflow:hidden;
}
.carousel-item img {
border-radius: 50%;
width: 80px;
height: 80px;
margin-bottom: 10px;
}
.carousel-item p{color:#fff;}
.carousel-item h5{color:#fff;}

.testimonial_section  .carousel-control-prev-icon, .carousel-control-next-icon {
width: 2rem;
height: 2rem;
border: 2px solid #fff;
border-radius: 7px;
}
#testimonialCarousel2 .carousel-inner{
padding: 0;
background:#05637f;
border-radius:0;
}

#testimonialCarousel2 .carousel-item {
padding:0;
}

/*#################################*/

.floating_btn {
position: fixed;
bottom: 30px;
display: flex;
flex-direction: column;
align-items:center;
justify-content:center;
z-index: 1000;
}
.call{right:0; bottom: 182px}
.whatsapp{right: 0; bottom: 230px}

@keyframes pulsing {
to {
box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
}
}

.contact_icon {
background-color: #42db87;
color: #fff;
width: 40px;
height: 40px;
font-size:30px;
border-radius: 13px 0px 0px 13px;
text-align: center;
box-shadow: 2px 2px 3px #999;
display: flex;
align-items: center;
justify-content: center;
transform: translatey(0px);
font-weight: normal;
font-family: sans-serif;
text-decoration: none !important;
transition: all 300ms ease-in-out;
}

.contact_icon_call{
background-color: #ff1818;
color: #fff;
width: 40px;
height: 40px;
font-size:30px;
border-radius: 13px 0px 0px 13px;
text-align: center;
box-shadow: 2px 2px 3px #999;
display: flex;
align-items: center;
justify-content: center;
transform: translatey(0px);
font-weight: normal;
font-family: sans-serif;
text-decoration: none !important;
transition: all 300ms ease-in-out;
}

.contact_icon_call i{font-size:20px;}
.contact_icon i{font-size:20px;}

.text_icon {
margin-top: 8px;
color: #707070;
font-size: 13px;
}

#footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#footer-links ul li {
  cursor: pointer;    
  display: inline; /* Ensure items are in-line */
  margin-right: 10px; /* Add spacing */
}

#footer-links ul li:not(:last-child)::after {
  content: " | "; /* Add a separator between items */
}

#footer-links ul li:last-child {
  margin-right: 0; /* Remove extra spacing after last item */
}
#footer-links ul li a{
 color: #b4bebf;  
 font-size: 13px;
}

.connect{
	display: block;
	background: #343434;
    text-align: center;
}
.connect .connect-us{
	display: block;
	padding: 14px 0 18px 0;
	width: 95%;
}

.connect-us_call{border-right:none;}

.connect ul.follow-us {margin: 0; padding: 0;
	display: block;
}
.connect ul.follow-us li {
	display: inline-block;
	padding: 0 4px;
}
.connect ul.follow-us li:first-child {
	padding-left: 0px;
}

.connect ul.follow-us li a{color:#a8eefb;}
.connect p a{
    color:#a8eefb;
}
.connect .bottom_name{color:#fff; font-size: 20px;}


.Tool_section {
    padding:40px 0;
    background:#e1e1e1;
    }
    .Tool_section .Tool_sec_heading {
      color: #003366;
      font-size: 28px;
      margin-bottom: 20px;
    }
    .Tool_section p {
      color: #555;
      font-size: 16px;
      line-height: 1.6;
      margin-bottom: 30px;
    }
    
.tool-image-box img{width:100%;}
.testimonial_name{color: #fff; font-weight: 800; font-size: 25px;}

@media(max-width:991px){
    .custom-nav{top: 266px;}
}
@media(max-width:425px){
    .custom-nav{top: 385px;}
            
        }

.videoImage{position:relative;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.videoImage:before{position:absolute;content:"";background:0 0;width:100%;height:100%;opacity:.8;z-index:1}
.videoImage img{width:100%;transition:.5s}
.videoImage:hover img{transition:.5s;transform:scale(1.05)}
.watchVideo{position:absolute;color:red;text-align:center;z-index:2;box-shadow:0 0 0 0 rgba(1,148,68,.7);border-radius:12px}
.watchVideo svg{width:60px;height:60px;position:relative}
.watchVideo:before{content:"";position:absolute;z-index:0;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);display:block;width:40px;height:30px;background:#fff}
.watchVideo span{display:block;text-transform:uppercase;font-size:16px;font-weight:600}
.carousel-item .videoImage img {border-radius: 0;width: 100%;height: 100%;margin: 0;}


.about-content .sub_heading_color{
       
     font-size: 20px;
    line-height: 26px;
    font-weight: 600 !important;
    margin: 0 0 12px 0;
    padding: 0;
    color: #0ea2bd;
    text-align: left;
}
        

.about-content h2{
   color: #333;
    font-size: 32px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 10px;
    
}
.about-content ul{
    padding-left:0px;
    margin-bottom:34px;
}
.about-content ul li{
    list-style:none;
    font-size: 16px;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 4px;
    position: relative;
    padding-left: 30px;
    color: #333;
    width: 100%;
        
}
.about-content ul li:hover span{
    cursor: pointer;
    border-bottom: 2px dashed #05637f;
    
}
.about-content ul li:before{
        content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%;
}
.about-content ul li span{
    border-bottom: 2px dashed #ccc;
    transition:0.6s ease;
}
.about-content p{
    font-size: 18px;
    margin: 0 0 10px;
    padding: 0;
    color: #05637f;
    text-align: left;
}

.award_card{
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    transition: all .5s;
    padding:26px;
    border-radius:12px;
    height:100%;
    text-align:center;
}
.award_card img{
    width:150px;
    margin:auto;
}
.award_card:hover{
    box-shadow: 0 15px 15px rgba(0, 0, 0, 0.15);
    transform: translateY(-5px);
}
.award_card h4{
    font-size:24px;
    color:#05637f;
    margin-bottom:14px;
}
.award_card p{
    font-size:15px;
}
.about_story_card {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    transition: all 0.5s ease-in-out;
    padding: 26px;
    border-radius: 12px;
    height: 100%;
    text-align: center;
    background: white;
    position: relative;
    overflow: hidden;
}

/* Background changes to #05637f on hover */
.about_story_card:hover {
    background: #05637f;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
    transform: translateY(-8px) scale(1.03);
}

/* Image animation */
.about_story_card img {
    width: 150px;
    height:120px;
    object-fit:contain;
    margin: auto;
    margin-bottom:7px;
    transition: transform 0.5s ease-in-out;
}

.about_story_card:hover img {
    transform: scale(1.1) rotate(5deg);
}

/* Heading: visible, but turns white on hover */
.about_story_card h4 {
    font-size: 24px;
    color: #05637f;
    margin-bottom: 14px;
    transition: color 0.5s ease-in-out;
}

.about_story_card:hover h4 {
    color: white;
}

/* Paragraph: visible, but turns white on hover */
.about_story_card p {
    font-size: 15px;
    color: #333;
    transition: color 0.5s ease-in-out;
}

.about_story_card:hover p {
    color: white;
}


.about_img img{
    width:100%;
    border-radius:12px;
}
.about_long_img{
    width:100%;
    height:100%;
}
.about_long_img img{
    width:100%;
    height:100%;
    border-radius:12px;
    object-fit:cover;
}
.why_choose_content ul{
    padding-left:0px;
    margin-bottom:34px;
}
.why_choose_content ul li{
    list-style:none;
    font-size: 16px;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 10px;
    position: relative;
    padding-left: 30px;
    color: #333;
    width: 100%;
        
}
.why_choose_content ul li:before{
        content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(../img/check.svg) no-repeat;
    background-size: 100%;
}
.about_long_content .about_story_card{
    text-align:left;
}
.our_journey_section p{
    text-align:justify;
}

.pl_padding{
 padding-left:40px;   
}
.pr_padding{
     padding-right:40px;   
}

.mission_hero_content h2{
    font-size:44px;
    font-weight:600;
    color:#05637f;
}
.mission_hero_content p {
    font-size: 16px;
    letter-spacing: 1px;
    text-align: justify;
}
.mission_roadmap_content h4{
    font-size:32px;
    font-weight:600;
    color:#05637f;
}
.mission_roadmap_content p{
   font-size: 16px;
    letter-spacing: 1px;
    text-align: justify;
}
.main_para{
    font-size: 18px;
    letter-spacing: .8px;
    text-align:center;
    margin-bottom:24px;
}
.mission_roadmap_section .about_img{
    border-radius:44px 0 44px 0;
}

.seo_lists{padding:50px 0px 60px; background:#fff; width:100%;overflow:visible;}
.table-container_seo {
            max-width: 100%;
            margin: auto;
        }
        .table-container_seo table {
            background-color: #fff;
            color: #000;
            border-radius: 8px;
            overflow: hidden;
            width: 100%;
        }
        .table-container_seo table thead{
            background-color: #0a6681;
            color: white;
        }
        .table-container_seo table thead th, td {
            text-align: left;
            padding: 10px;
            border: 1px solid #ddd;
        }
        
        .table-container_seo table tbody tr td:nth-child(2){
            color: #0a6681;
            font-weight:bold;
        }
        
        /* Target the first row (header row) */
        table tr:first-child {
            background-color: #05637f;
            
        }

        /* Target the first row's table cells (th or td) */
        table tr:first-child td, 
        table tr:first-child th {
            background-color: #05637f;
            color: #fff;
        }
        
        table tr:first-child td{color:#fff !important;}
        
        .table-container_seo .h1_seo{text-align: center; margin-top: 22px; margin-bottom: 17px; font-size: 23px; text-transform: capitalize; font-weight:bold;}
        
        .h1_seo_main{text-align: left; margin-top: 22px; margin-bottom: 17px; font-size: 25px; text-transform: capitalize; font-weight:bold;color:#0a6681;}
        .h1_seo_main2{text-align: left; margin-top: 22px; margin-bottom: 17px; font-size: 20px; text-transform: capitalize; font-weight:bold;color:#0a6681;}
        .seolist_pagecontent p{text-align:justify;}
        .seolist_pagecontent img{width:100%;}
        
        .seo_card_box img{width:100%;}
        .sidebar_links_box{background: #fff; border: 1px solid #05637f;width: 100%;}
        .sidebar_links_box .sidebar_head{background: #05637f; color: #fff; padding: 8px 15px; text-align: center; font-size: 17px; text-transform: uppercase; font-weight: 600;}
        .sidebar_links_box .sidebar_link{padding: 0; margin: 0;}
        .sidebar_links_box .sidebar_link li{list-style: none; color: #000;}
        .sidebar_links_box .sidebar_link li a{display: block; padding: 5px 13px; font-size: 14px; font-weight: 600;transition:all .2s linear; border-bottom:1px solid #eee;}
        .sidebar_links_box .sidebar_link li a:hover{padding-left: 15px; background: #cdecf5; color: #05637f;}
        
        /* Responsive Table */
        @media (max-width: 768px) {
            .table-container_seo table {
                display: block;
                overflow-x: auto;
                white-space: nowrap;
            }
        }

@media (max-width:992px){
    .pl_padding{
    padding-left:0px;   
}
.pr_padding{
     padding-right:0px;   
}
}
.why_choose_content h5{
        color: #05637f;
    margin-bottom: 12px;
}
.why_choose_section{
    position:relative;
    height:380px;
}
.why_choose_img .videoImage {
    position:absolute;
    left:0;
    bottom:0;
    width:56%;
    height:55%;
    object-fit:cover;
    border-radius:24px 0px 24px 24px;
    z-index:1;
    border:5px solid #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.why_choose_img .why_choose_inside_img {
  position:absolute;
    right:0;
    top:0;
    width:72%;
    height:65%;
     object-fit:cover;
     border-radius:24px 24px 24px 0px;
     border:5px solid #fff;
     box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.rating_card{
    width:140px;
    /*margin:auto;*/
}
.rating_card img{
    width:100%;
}

@media (max-width:767px){
    .why_choose_section{
    position:relative;
    height:100%;
}
.why_choose_img .videoImage {
    position:unset;
    width:100%;
    margin-bottom:12px; 
}
.why_choose_img .why_choose_inside_img {
    position:unset;
    width:100%;
}

}

.seo_lists .Seo_card_main_wrap{width: 100%; position: sticky; top: -126px;}

.seo_card_top_text{
   border: 4px solid #0a6681;
}

.seo_card_top_text h4{
   color: #0a6681;
}
















/*Diwali CSS*/

#diwaliWishBox {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 215, 0, 0.9); /* golden semi-transparent */
    color: #1a1a1a; /* dark text for contrast */
    font-size: 1.3rem; 
    text-align: center;
    padding:20px 20px;
    font-weight: bold;
    box-shadow: 0 -5px 15px rgba(0,0,0,0.3);
    z-index: 9999;
    background-image:url("../img/diwali-bg.jpg");
    background-repeat: repeat;
    background-size: contain;
    background-position: 6px 0px;
    text-transform:uppercase;
}

.mainHeadline{
    text-align: center;
    color:#ffcb50;
    
}



/*=================================
               Header
===================================*/
.header-top{background: #0A6681; background: radial-gradient(circle,rgba(10, 102, 129, 1) 0%, rgba(0, 0, 0, 1) 100%);padding:12px 0;color:#fff}
.contact-info{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600}
.contact-info i{font-size:22px}
.logo-section{text-align:center}
.logo-section img{height:40px;width:auto}
.partner-badges{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.partner-badge{border-radius:4px;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600}
.google-badge{color:#4285f4}
.amazon-badge{color:#f90}
.navbar-custom{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:0}
.navbar-custom .navbar-nav{width:100%;justify-content:center}
.navbar-custom .nav-link{color:#0a4d5c;font-weight:600;font-size:15px;padding:18px 20px;position:relative;transition:all .3s ease}
.navbar-custom .nav-link:hover{color:#ff6b35;background:rgba(255,107,53,.05)}
.navbar-custom .nav-link i{font-size:12px;margin-left:5px}
.mega-menu{position:absolute;top:100%;left:0;width:100%;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.15);padding:40px 0;display:none;z-index:1000}
.nav-item.dropdown:hover .mega-menu{display:block}
.mega-menu-content{max-width:1200px;margin:0 auto}
.mega-menu h5{color:#0a4d5c;font-size:18px;font-weight:700;margin-bottom:20px;border-bottom:2px solid #ff6b35;padding-bottom:10px}
.mega-menu-list{list-style:none;padding:0}
.mega-menu-list li{margin-bottom:12px}
.mega-menu-list a{color:#333;text-decoration:none;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .3s ease}
.mega-menu-list a:hover{color:#ff6b35;padding-left:5px}
.mega-menu-list i{color:#ff6b35;font-size:12px}
.dropdown-menu{border:none;box-shadow:0 5px 20px rgba(0,0,0,.1);border-radius:0;margin-top:0}
.dropdown-item{padding:12px 20px;color:#333;font-size:14px;transition:all .3s ease}
.dropdown-item:hover{background:rgba(255,107,53,.1);color:#ff6b35;padding-left:25px}
.mobile-call-icon{display:none;color:#fff;font-size:24px;cursor:pointer}
.offcanvas-custom{width:280px!important}
.offcanvas-header{background:linear-gradient(90deg,#0a4d5c 0,#1a5f6f 100%);color:#fff;padding:20px}
.offcanvas-body{padding:0}
@media (max-width:991px){
.header-top .contact-info,.header-top .partner-badges{display:none}
.mobile-call-icon{display:block}
.logo-section{flex:1;text-align:center}
.navbar-custom{display:none}
.navbar-custom .navbar-nav{background:#fff;padding:0}
.navbar-custom .nav-link{padding:15px 20px;border-bottom:1px solid #eee;display:block}
.mega-menu{position:static;box-shadow:none;padding:0;background:#f8f9fa}
.mega-menu-content .row{margin:0}
.mega-menu-content .col-md-3{padding:15px 20px}
.mega-menu h5{font-size:16px;margin-bottom:15px}
.dropdown-menu{border:none;box-shadow:none;background:#f8f9fa;padding-left:20px}
.navbar-toggler{border:none;padding:5px;order:-1}
.navbar-toggler:focus{box-shadow:none}
.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(10, 77, 92, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.btn-close{filter:brightness(0) invert(1)}
}
@media (max-width:576px){
.logo-section img{height:30px}
.contact-info{font-size:16px}
}