:root {
--primary-color: #003876;
--secondary-color: #00a3b3;
--base-size: 16px;
--base-color: #333;
--font-family: 'Raleway' ;
font-family: 'Raleway' ; }
* {
font-family: var(--font-family);
}
.bg-primary {
background-color: var(--primary-color) !important;
}
.bg-secondary {
background-color: var(--secondary-color) !important;
}
.text-primary {
color: var(--primary-color);
}
.text-secondary {
color: var(--secondary-color);
}
.text-white {
color: white;
}
body {
font-size: var(--base-size);
color: var(--base-color);
font-family: var(--font-family);
}
p {
font-size: var(--base-size);
margin-bottom: 10px;
padding: 0px;
line-height: 160%;
color: var(--base-color);
font-family: var(--font-family);
}
*, ::after, ::before {
box-sizing: border-box;
}     .container {
width: 100%;
max-width: 1200px; padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media screen and (max-width: 1280px) {
.container {
max-width: 1100px;
}
}
.row {
display: flex;
flex-wrap: wrap;
margin-inline: -15px;
}
[class*="col-"] {
padding-inline: 15px;
box-sizing: border-box;
} .col-md-4 {
width: 33.333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-12 {
width: 100%;
} @media (max-width: 767px) {
.col-md-4,
.col-md-6,
.col-md-12 {
width: 100%;
}
} .w-100 {
width: 100%;
}
.text-center {
text-align: center;
}
.d-flex {
display: flex;
}
.align-items-center {
align-items: center;
}
.justify-content-center {
justify-content: center;
} .pb-0 {
padding-bottom: 0px;
}
.p-2 {
padding: 0.5rem;
}
.p-3 {
padding: 1rem;
}
.p-4 {
padding: 1.5rem;
}
.p-5 {
padding: 3rem;
}
.py-5 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.pt-5 {
padding-top: 3rem;
}
.pb-5 {
padding-bottom: 3rem;
}
.mb-3 {
margin-bottom: 1rem;
}
.me-2 {
margin-right: 1.5rem;
}
.mt-4 {
margin-top: 1.5rem;
}
.mb-4 {
margin-bottom: 1.5rem;
}
.mt-5 {
margin-top: 3rem;
}
.mb-5 {
margin-bottom: 3rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.btn {
padding: 10px 40px;
font-size: 16px;
}
.btn-primary-outline {
border: 1px solid white;
color: white;
background-color: transparent;
}
.section-title {
font-size: 32px;
text-transform: uppercase;
font-weight: 600;
}
.highlight-para {
font-size: 20px;
}
ul {
font-size: 16px;
margin-left: 24px;
list-style: disc;
}
ul li {
padding-bottom: 8px;
} .card {
background: #fff;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0,0,0,.08);
height: 100%;
display: block;   
}
.card a {
color: var(--base-color);
}
.card-body {
padding: 1.5rem;
}
.card-title {
font-size: 24px;
font-weight: 500;
line-height: 130%;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 10px;
}
.card h3 {
margin-top: 0;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 12px;
}      .Mega-Headline1 {
margin-left: -20px !important;
font-size: 48px !important;
} 
.tp-revslider-slidesli .tp-parallax-wrap:first-child {
left: 278px !important;
}
.tp-caption.Mega-Headline1, .Mega-Headline1 {
margin-left: 48px !important;
font-size: 48px !important;
}
h1#page-title {
font-size: 30px;
font-weight: 600;
}
.top-spacing-medium {
padding-top: 28px;
}
.bottom-spacing-medium {
padding-bottom: 28px;
}
#page-heading.heading-gray {
background-color: #f1f1f1;
}   #scroll-header {
height: auto;
}
.site-logo > a, .site-logo > h1 > a {
height: 90px;
display: flex;
align-items: center;
}
.site-logo img {
max-height: 70px ;
}
.main-menu ul li {
margin-left: 28px !important;
}
.main-menu ul li a, h4.mega-block-title {
letter-spacing: 0px !important;
}
#scroll-header {
padding-top: 12px;
padding-bottom: 12px;
}
.main-menu ul li {
padding : 28px 0px 28px 0px !important;
}
.header_content .wrap {
display: flex;
justify-content: space-between;
align-items: center;
}
#menu-main-menu-1 {
margin-bottom: 0px;
}
@media screen and (max-width: 1180px) {
#scroll-header-content .wrap {
width: unset;
padding: 0 10px;
}
.main-menu ul li {
margin-left: 14px !important;
}
}  .text-highlight {
font-weight: 700;
font-size: 18px;
margin-top: 1.5rem;
}
.our-services {
}
.our-services .card {
}
.our-services .card .featured-img {
width: 100%;
height: 300px;
object-fit: cover;
transition: 0.3s all ;
}
.card:hover .featured-img {
transform: scale(1.02);
}
.our-services .card-title {
font-size: 18px;
font-weight: 500;
line-height: 130%;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
color: var(--primary-color);
}
.card-title-section {
display: flex;
justify-content: space-between;
}
.our-services .card .portfolio-cell-thumb a img{
height: 250px;
object-fit: cover;
transition: 0.3s all;
}
.our-services .card .portfolio-cell-thumb a img:hover {
transform: scale(1.02);
}  .service-card a {
text-decoration: underline;
color: var(--secondary-color);
}
.service-card img {
border-radius: 16px;
width: 100%;
}
.card img {
width: 100%;
}  .page-heading {
font-size: 40px;
font-weight: 600;
}
.experience-brief-div {
border: 1px solid var(--base-color);
box-shadow:  0px 0px 16px rgba(0,0,0,0.18);
border-radius: 32px;
padding: 20px;
}
.experience-brief-div ul {
font-size: 26px;font-weight: 500; line-height: 1.7; list-style:none; padding-left:0px;
}
.short-experience-brief {
font-size: 20px;
line-height: 1.6;
}
.experience-brief {
font-size: 20px; 
margin-bottom: 18px;  
line-height: 140%; 
}  .service-section { padding-top: 60px;
padding-bottom: 60px;
}
.service-section-container {
border-radius: 32px;
padding: 20px;
}
.service-section-container ul {
margin-left: 0px;
}
.service-section-container .col-md-6 {
min-height: 460px;
}
.service-desc-section {
font-size: 20px;
}
.service-desc-section .page-heading {
font-size: 30px ;
}
.service-section-img {
border-radius: 24px;
min-height: 440px;
object-fit: cover;
}
.service-desc-section ul {
line-height: 160%;
}
.service-desc-section ul li {
font-size: 22px;
}   .footer-section  {
background-color:#f5f6fa ;
}
.white-logo-container { border-radius: 10px;
padding: 20px 10px;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: center;
}
.white-logo-container img {
width: 80%;
margin-left: auto;
margin-right: auto;
}