/*
Theme Name: BizPage
Theme URL: https://bootstrapmade.com/bizpage-bootstrap-business-template/
Author: BootstrapMade.com
License: https://bootstrapmade.com/license/
*/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
/* Default variables
------------------------------------*/
:root {
--base-color: #000;
--primary-color: #103153;
--base-font-family:'Outfit', sans-serif;
--base-font-size: 15px;
}
html {scroll-behavior: smooth;}
body {background: #fff;}
body, img, ul, ol,li,span,p{ color: var(--base-color); font-size: var(--base-font-size); font-family: var(--base-font-family); font-weight:200;list-style:none; padding:0px; margin:0px; outline:none; border:none; text-decoration:none; }
h1, h2, h3, h4, h5, h6, .rtl .h2{color: var(--base-color);text-transform: uppercase;color: #000;font-weight: 400}
p{margin-bottom: 1rem}
h1, h2{font-size: 45px}
a {
color: #000;
transition: 0.5s;
}
body.rtl .office-page > a {
color: #000;
transition: 0.5s;
}
body.rtl a:visited{
color: #000;
}
a:hover,
a:active,
a:focus {
color: #000;
outline: none;
text-decoration: none;
}
.right-side h2{font-size: 24px;margin-bottom: 24px}
/* Back to top button */
.back-to-top {
position: fixed;
display: none;
background: #18d26e;
color: #fff;
width: 44px;
height: 44px;
text-align: center;
line-height: 1;
font-size: 16px;
border-radius: 50%;
right: 15px;
bottom: 15px;
transition: background 0.5s;
z-index: 11;
}
.back-to-top i {
padding-top: 12px;
color: #fff;
}
/* Prelaoder */
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
overflow: hidden;
background: #fff;
}
#preloader:before {
content: "";
position: fixed;
top: calc(50% - 30px);
left: calc(50% - 30px);
border: 6px solid #f2f2f2;
border-top: 6px solid #18d26e;
border-radius: 50%;
width: 60px;
height: 60px;
-webkit-animation: animate-preloader 1s linear infinite;
animation: animate-preloader 1s linear infinite;
}
@-webkit-keyframes animate-preloader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes animate-preloader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
background: none;
position: fixed;
left: 0;
top: 0;
right: 0;
transition: all 0.5s;
z-index: 997;
}
.headerWrap{border-bottom: 1px solid #D9D9D9;padding: 25px 0}
#header.header-scrolled {
background: var(--primary-color);
transition: all 0.5s;
}
body.rtl #logo h1::before{
content: none;
}
#header #logo img {
padding: 0;
margin: 0;
width: 100%;
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Nav Menu Essentials */
.nav-menu,
.nav-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.nav-menu li {
position: relative;
white-space: nowrap;
}
.nav-menu > li {
float: left;
}
/*.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul {
display: block;
}*/
.nav-menu li.active > ul {
transform: none;
}
.nav-menu ul ul {
top: 0;
left: 100%;
}
.nav-menu ul li {
min-width: 180px;
}
/* Nav Menu Arrows */
/*.sf-arrows .sf-with-ul {
padding-right: 30px;
}*/
.sf-arrows .sf-with-ul:after {
/*content: "\f107";*/
position: absolute;
right: 15px;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
}
.sf-arrows ul .sf-with-ul:after {
content: "\f105";
}
/* Nav Meu Container */
.gd-main-menu-wrap {
display:flex;
align-items:center;
justify-content: flex-end;gap: 45px;
}
/* Nav Meu Styling */
.nav-menu ul {
margin: 4px 0 0 0;
padding: 0 10px;
background:rgb(255 255 255 / 40%);backdrop-filter: blur(10px); position: absolute;
transform: scaleY(0);
top: 100%;
left: 0;
z-index: 99;transition: 0.5s;transform-origin: top;display: block !important;
}
.nav-menu{display: flex;align-items: center;gap: 45px;}
.nav-menu a {
display: inline-block;
color: rgb(255 255 255 / 60%);font-weight: 300;
outline: none;text-transform: uppercase;position: relative;
}
.nav-menu > li > a::before{content: '';position: absolute;inset: 0 -18px 0 auto;margin: auto 0;background: url(../img/arrow.svg) 0 0 no-repeat;background-size: cover;width: 12px;height: 12px}
.nav-menu > li.active > a::before{transform: rotateX(180deg);}
.nav-menu li:hover > a,
.nav-menu > .menu-active > a, .nav-menu li.active > a {
color: #fff;
}
.nav-menu ul #more, .nav-menu ul br{display: none}
.nav-menu ul li {
transition: 0.3s;
border-bottom: 1px solid rgb(217 217 217 / 60%);height: auto !important;
}
.nav-menu ul li:last-child{border: 0 !important}
.nav-menu ul li a {
padding: 10px 0;
color: #fff;
transition: 0.3s;
display: block;
font-size: 13px;font-weight: 300;
text-transform: uppercase;
}
.header-scrolled .nav-menu ul{box-shadow: 0 0 4px #000}
.header-scrolled .nav-menu ul li{border-color: var(--primary-color);}
.header-scrolled .nav-menu ul li a{color: var(--primary-color);}
.nav-menu ul li:hover > a {
color: var(--primary-color);
}
.header-scrolled .nav-menu ul li:hover > a {color: #000}
.nav-menu ul ul {
margin: 0;
}
/* Mobile Nav Toggle */
#mobile-nav-toggle {
position: fixed;
right: 0;
top: 0;
z-index: 999;
margin: 16px 12px 0 0;
border: 0;
background: none;
font-size: 24px;
display: none;
transition: all 0.4s;
outline: none;
cursor: pointer;
}
#mobile-nav-toggle i {
color: #fff;
}
/* Mobile Nav Styling */
#mobile-nav {
position: fixed;
top: 0;
padding: 20px;
bottom: 0;
z-index: 998;
background: #103153;
left: -260px;
width: 260px;
overflow-y: auto;
transition: 0.4s;
}
#mobile-nav ul {
/* padding: 0;
margin: 0;*/
list-style: none;
display: flex;
flex-direction: column;gap: 20px;align-items: start;
}
#mobile-nav ul li {
position: relative;
}
/*#mobile-nav ul li a {
color: #fff;
font-size: 13px;
text-transform: uppercase;
overflow: hidden;
padding: 10px 22px 10px 15px;
position: relative;
text-decoration: none;
width: 100%;
display: block;
outline: none;
}
#mobile-nav ul li a:hover {
color: #18d26e;
}*/
/*#mobile-nav ul li li {
padding-left: 30px;
}
*/
#mobile-nav ul li.menu-active a {
color: #18d26e;
}
#mobile-nav ul .menu-has-children i {
position: absolute;
right: 0;
z-index: 99;
padding: 15px;
cursor: pointer;
color: #fff;display: none;
}
#mobile-nav ul .menu-has-children i.fa-chevron-up {
color: #000;
}
#mobile-nav ul .menu-has-children li a {
text-transform: none;
}
#mobile-nav ul .menu-item-active {
color: #000;
}
#mobile-body-overly {
width: 100%;
height: 100%;
z-index: 997;
top: 0;
left: 0;
position: fixed;
background: rgba(0, 0, 0, 0.7);
display: none;
}
/* Mobile Nav body classes */
body.mobile-nav-active {
overflow: hidden;
}
body.mobile-nav-active #mobile-nav {
left: 0;
}
body.mobile-nav-active #mobile-nav-toggle {
color: #fff;
}
/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
/* Sections Header
--------------------------------*/
.section-header h3 {
font-size: 32px;
color: #111;
text-transform: uppercase;
text-align: center;
font-weight: 700;
position: relative;
padding-bottom: 15px;
}
.section-header h3::before {
content: '';
position: absolute;
display: block;
width: 120px;
height: 1px;
background: #ddd;
bottom: 1px;
left: calc(50% - 60px);
}
.section-header h3::after {
content: '';
position: absolute;
display: block;
width: 40px;
height: 3px;
background: #18d26e;
bottom: 0;
left: calc(50% - 20px);
}
.section-header p {
text-align: center;
padding-bottom: 30px;
color: #333;
}
/* Section with background
--------------------------------*/
.section-bg {
background: #f7f7f7;
}
/* Featured Services Section
--------------------------------*/
#featured-services {
background: 000;
}
#featured-services .box {
padding: 30px 20px;
}
#featured-services .box-bg {
background-image: linear-gradient(0deg, 000000 0%, #242323 50%, 000000 100%);
}
#featured-services i {
color: #18d26e;
font-size: 48px;
display: inline-block;
line-height: 1;
}
#featured-services h4 {
font-weight: 400;
margin: 15px 0;
font-size: 18px;
}
#featured-services h4 a {
color: #fff;
}
#featured-services h4 a:hover {
color: #18d26e;
}
#featured-services p {
font-size: 14px;
line-height: 24px;
color: #fff;
margin-bottom: 0;
}
/* About Us Section
--------------------------------*/
#about {
background: url("../img/about-bg.jpg") center top no-repeat fixed;
background-size: cover;
padding: 60px 0 40px 0;
position: relative;
}
#about::before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.92);
z-index: 9;
}
#about .container {
position: relative;
z-index: 10;
}
#about .about-col {
background: #fff;
border-radius: 0 0 4px 4px;
box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
margin-bottom: 20px;
}
#about .about-col .img {
position: relative;
}
#about .about-col .img img {
border-radius: 4px 4px 0 0;
}
#about .about-col .icon {
width: 64px;
height: 64px;
padding-top: 8px;
text-align: center;
position: absolute;
background-color: #18d26e;
border-radius: 50%;
text-align: center;
border: 4px solid #fff;
left: calc( 50% - 32px);
bottom: -30px;
transition: 0.3s;
}
#about .about-col i {
font-size: 36px;
line-height: 1;
color: #fff;
transition: 0.3s;
}
#about .about-col:hover .icon {
background-color: #fff;
}
#about .about-col:hover i {
color: #18d26e;
}
#about .about-col h2 {
text-align: center;
font-weight: 700;
font-size: 20px;
padding: 0;
margin: 40px 0 12px 0;
}
#about .about-col h2 a:hover {
color: #18d26e;
}
#about .about-col p {
font-size: 14px;
line-height: 24px;
color: #333;
margin-bottom: 0;
padding: 0 20px 20px 20px;
}
/* Services Section
--------------------------------*/
#services {
background: #fff;
background-size: cover;
padding: 60px 0 40px 0;
}
#services .box {
margin-bottom: 30px;
}
#services .icon {
float: left;
}
#services .icon i {
color: #18d26e;
font-size: 36px;
line-height: 1;
transition: 0.5s;
}
#services .title {
margin-left: 60px;
font-weight: 700;
margin-bottom: 15px;
font-size: 18px;
}
#services .title a {
color: #111;
}
#services .box:hover .title a {
color: #18d26e;
}
#services .description {
font-size: 14px;
margin-left: 60px;
line-height: 24px;
margin-bottom: 0;
}
/* Call To Action Section
--------------------------------*/
#call-to-action {
background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/call-to-action-bg.jpg) fixed center center;
background-size: cover;
padding: 60px 0;
}
#call-to-action h3 {
color: #fff;
font-size: 28px;
font-weight: 700;
}
#call-to-action p {
color: #fff;
}
#call-to-action .cta-btn {
text-transform: uppercase;
font-weight: 500;
font-size: 16px;
letter-spacing: 1px;
display: inline-block;
padding: 8px 28px;
border-radius: 25px;
transition: 0.5s;
margin-top: 10px;
border: 2px solid #fff;
color: #fff;
}
#call-to-action .cta-btn:hover {
background: #18d26e;
border: 2px solid #18d26e;
}
/* Call To Action Section
--------------------------------*/
#skills {
padding: 60px 0;
}
#skills .progress {
height: 35px;
margin-bottom: 10px;
}
#skills .progress .skill {
line-height: 35px;
padding: 0;
margin: 0 0 0 20px;
text-transform: uppercase;
}
#skills .progress .skill .val {
float: right;
font-style: normal;
margin: 0 20px 0 0;
}
#skills .progress-bar {
width: 1px;
text-align: left;
transition: .9s;
}
/* Facts Section
--------------------------------*/
#facts {
background: url("../img/facts-bg.jpg") center top no-repeat fixed;
background-size: cover;
padding: 60px 0 0 0;
position: relative;
}
#facts::before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.88);
z-index: 9;
}
#facts .container {
position: relative;
z-index: 10;
}
#facts .counters span { font-weight: bold;
font-size: 48px;
display: block;
color: #18d26e;
}
#facts .counters p {
padding: 0;
margin: 0 0 20px 0;
font-size: 14px;
color: #111;
}
#facts .facts-img {
text-align: center;
padding-top: 30px;
}
/* Portfolio Section
--------------------------------*/
#portfolio {
padding: 60px 0;
}
#portfolio #portfolio-flters {
padding: 0;
margin: 5px 0 35px 0;
list-style: none;
text-align: center;
}
#portfolio #portfolio-flters li {
cursor: pointer;
margin: 15px 15px 15px 0;
display: inline-block;
padding: 10px 20px;
font-size: 12px;
line-height: 20px;
color: #666666;
border-radius: 4px;
text-transform: uppercase;
background: #fff;
margin-bottom: 5px;
transition: all 0.3s ease-in-out;
}
#portfolio #portfolio-flters li:hover,
#portfolio #portfolio-flters li.filter-active {
background: #18d26e;
color: #fff;
}
#portfolio #portfolio-flters li:last-child {
margin-right: 0;
}
#portfolio .portfolio-wrap {
box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
transition: 0.3s;
}
#portfolio .portfolio-wrap:hover {
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);
}
#portfolio .portfolio-item {
position: relative;
height: 360px;
overflow: hidden;
}
#portfolio .portfolio-item figure {
background: #000;
overflow: hidden;
height: 240px;
position: relative;
border-radius: 4px 4px 0 0;
margin: 0;
}
#portfolio .portfolio-item figure:hover img {
opacity: 0.4;
transition: 0.3s;
}
#portfolio .portfolio-item figure .link-preview,
#portfolio .portfolio-item figure .link-details {
position: absolute;
display: inline-block;
opacity: 0;
line-height: 1;
text-align: center;
width: 36px;
height: 36px;
background: #fff;
border-radius: 50%;
transition: 0.2s linear;
}
#portfolio .portfolio-item figure .link-preview i,
#portfolio .portfolio-item figure .link-details i {
padding-top: 6px;
font-size: 22px;
color: #333;
}
#portfolio .portfolio-item figure .link-preview:hover,
#portfolio .portfolio-item figure .link-details:hover {
background: #18d26e;
}
#portfolio .portfolio-item figure .link-preview:hover i,
#portfolio .portfolio-item figure .link-details:hover i {
color: #fff;
}
#portfolio .portfolio-item figure .link-preview {
left: calc(50% - 38px);
top: calc(50% - 18px);
}
#portfolio .portfolio-item figure .link-details {
right: calc(50% - 38px);
top: calc(50% - 18px);
}
#portfolio .portfolio-item figure:hover .link-preview {
opacity: 1;
left: calc(50% - 44px);
}
#portfolio .portfolio-item figure:hover .link-details {
opacity: 1;
right: calc(50% - 44px);
}
#portfolio .portfolio-item .portfolio-info {
background: #fff;
text-align: center;
padding: 30px;
height: 90px;
border-radius: 0 0 3px 3px;
}
#portfolio .portfolio-item .portfolio-info h4 {
font-size: 18px;
line-height: 1px;
font-weight: 700;
margin-bottom: 18px;
padding-bottom: 0;
}
#portfolio .portfolio-item .portfolio-info h4 a {
color: #333;
}
#portfolio .portfolio-item .portfolio-info h4 a:hover {
color: #18d26e;
}
#portfolio .portfolio-item .portfolio-info p {
padding: 0;
margin: 0;
color: #b8b8b8;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
}
/* Clients Section
--------------------------------*/
#clients {
padding: 60px 0;
}
#clients img {
max-width: 100%;
opacity: 0.5;
transition: 0.3s;
padding: 15px 0;
}
#clients img:hover {
opacity: 1;
}
#clients .owl-nav,
#clients .owl-dots {
margin-top: 5px;
text-align: center;
}
#clients .owl-dot {
display: inline-block;
margin: 0 5px;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #ddd;
}
#clients .owl-dot.active {
background-color: #18d26e;
}
/* Testimonials Section
--------------------------------*/
#testimonials {
padding: 60px 0;
}
#testimonials .section-header {
margin-bottom: 40px;
}
#testimonials .testimonial-item {
text-align: center;
}
#testimonials .testimonial-item .testimonial-img {
width: 120px;
border-radius: 50%;
border: 4px solid #fff;
margin: 0 auto;
}
#testimonials .testimonial-item h3 {
font-size: 20px;
font-weight: bold;
margin: 10px 0 5px 0;
color: #111;
}
#testimonials .testimonial-item h4 {
font-size: 14px;
color: #999;
margin: 0 0 15px 0;
}
#testimonials .testimonial-item .quote-sign-left {
margin-top: -15px;
padding-right: 10px;
display: inline-block;
width: 37px;
}
#testimonials .testimonial-item .quote-sign-right {
margin-bottom: -15px;
padding-left: 10px;
display: inline-block;
max-width: 100%;
width: 37px;
}
#testimonials .testimonial-item p {
font-style: italic;
margin: 0 auto 15px auto;
}
#testimonials .owl-nav,
#testimonials .owl-dots {
margin-top: 5px;
text-align: center;
}
#testimonials .owl-dot {
display: inline-block;
margin: 0 5px;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #ddd;
}
#testimonials .owl-dot.active {
background-color: #18d26e;
}
/* Team Section
--------------------------------*/
#team {
background: #fff;
padding: 60px 0;
}
#team .member {
text-align: center;
margin-bottom: 20px;
background: #000;
position: relative;
}
#team .member .member-info {
opacity: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
transition: 0.2s;
}
#team .member .member-info-content {
margin-top: -50px;
transition: margin 0.2s;
}
#team .member:hover .member-info {
background: rgba(0, 0, 0, 0.7);
opacity: 1;
transition: 0.4s;
}
#team .member:hover .member-info-content {
margin-top: 0;
transition: margin 0.4s;
}
#team .member h4 {
font-weight: 700;
margin-bottom: 2px;
font-size: 18px;
color: #fff;
}
#team .member span {
font-style: italic;
display: block;
font-size: 13px;
color: #fff;
}
#team .member .social {
margin-top: 15px;
}
#team .member .social a {
transition: none;
color: #fff;
}
#team .member .social a:hover {
color: #18d26e;
}
#team .member .social i {
font-size: 18px;
margin: 0 2px;
}
/* Contact Section
--------------------------------*/
/*#contact {
padding: 20px 0;
}*/
#contact .contact-info {
margin-bottom: 20px;
text-align: center;
}
#contact .contact-info i {
font-size: 48px;
display: inline-block;
margin-bottom: 10px;
color: #18d26e;
}
#contact .contact-info address,
#contact .contact-info p {
margin-bottom: 0;
}
#contact .contact-info h3 {
font-size: 18px;
margin-bottom: 15px;
font-weight: bold;
text-transform: uppercase;
color: #999;
}
#contact .contact-info a:hover {
color: #18d26e;
}
#contact .contact-address,
#contact .contact-phone,
#contact .contact-email {
margin-bottom: 20px;
}
#contact .form #sendmessage {
color: #18d26e;
border: 1px solid #18d26e;
display: none;
text-align: center;
padding: 15px;
font-weight: 600;
margin-bottom: 15px;
}
#contact .form #errormessage {
color: red;
display: none;
border: 1px solid red;
text-align: center;
padding: 15px;
font-weight: 600;
margin-bottom: 15px;
}
#contact .form #sendmessage.show,
#contact .form #errormessage.show,
#contact .form .show {
display: block;
}
#contact .form .validation {
color: red;
display: none;
margin: 0 0 20px;
font-weight: 400;
font-size: 13px;
}
#contact .form input,
#contact .form textarea {
padding: 10px 14px;
border-radius: 0;
box-shadow: none;
font-size: 15px;
}
#contact .form button[type="submit"] {
background: #18d26e;
border: 0;
padding: 10px 30px;
color: #fff;
transition: 0.4s;
cursor: pointer;
}
#contact .form button[type="submit"]:hover {
background: #13a456;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
background: #000;
color: #eee;
font-size: 14px;
position: relative;
z-index: 100;
}
#footer .footer-top {
background: #111;
padding: 60px 0 30px 0;
}
#footer .footer-top .footer-info {
margin-bottom: 30px;
}
#footer .footer-top .footer-info h3 {
font-size: 34px;
margin: 0 0 20px 0;
padding: 2px 0 2px 10px;
line-height: 1;
font-weight: 700;
letter-spacing: 3px;
border-left: 4px solid #18d26e;
}
#footer .footer-top .footer-info p {
font-size: 14px;
line-height: 24px;
margin-bottom: 0;
color: #eee;
}
#footer .footer-top .social-links a {
font-size: 18px;
display: inline-block;
background: #333;
color: #eee;
line-height: 1;
padding: 8px 0;
margin-right: 4px;
border-radius: 50%;
text-align: center;
width: 36px;
height: 36px;
transition: 0.3s;
}
#footer .footer-top .social-links a:hover {
background: #18d26e;
color: #fff;
}
#footer .footer-top h4 {
font-size: 14px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
position: relative;
padding-bottom: 12px;
}
#footer .footer-top h4::before,
#footer .footer-top h4::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 2px;
}
#footer .footer-top h4::before {
right: 0;
background: #555;
}
#footer .footer-top h4::after {
background: #18d26e;
width: 60px;
}
#footer .footer-top .footer-links {
margin-bottom: 30px;
}
#footer .footer-top .footer-links ul {
list-style: none;
padding: 0;
margin: 0;
}
#footer .footer-top .footer-links ul i {
padding-right: 8px;
color: #ddd;
}
#footer .footer-top .footer-links ul li {
border-bottom: 1px solid #333;
padding: 10px 0;
}
#footer .footer-top .footer-links ul li:first-child {
padding-top: 0;
}
#footer .footer-top .footer-links ul a {
color: #eee;
}
#footer .footer-top .footer-links ul a:hover {
color: #18d26e;
}
#footer .footer-top .footer-contact {
margin-bottom: 30px;
}
#footer .footer-top .footer-contact p {
line-height: 26px;
}
#footer .footer-top .footer-newsletter {
margin-bottom: 30px;
}
#footer .footer-top .footer-newsletter input[type="email"] {
border: 0;
padding: 6px 8px;
width: 65%;
}
#footer .footer-top .footer-newsletter input[type="submit"] {
background: #18d26e;
border: 0;
width: 35%;
padding: 6px 0;
text-align: center;
color: #fff;
transition: 0.3s;
cursor: pointer;
}
#footer .footer-top .footer-newsletter input[type="submit"]:hover {
background: #13a456;
}
#footer .copyright {
text-align: center;
padding-top: 30px;
}
#footer .credits {
text-align: center;
font-size: 13px;
color: #ddd;
}
.carousel-content a::before{
content: " ";
display: block;
position: absolute;
height: 1px;
background: #000;
width: 40px;
left: -19px;
top: calc(60% - 4px);
}
#services-content{
background: url("../img/services-bg.jpg") no-repeat;
width: 100%;
height: 70vh;
min-height: 760px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
/*.index-services-content{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: left;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
bottom: 0;
top: 0;
left: 8%;
right: 0;
width: 60%;
}*/
#services-content::before {
content: '';
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%);
position: absolute;
height: 100%;
width: 80%;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.index-services-content ul{
margin-top: 20px;
padding:0;
}
.index-services-content ul li{
padding-top: 30px;
border-bottom: 1px solid #b4b4b4;
padding-bottom: 20px;
cursor: pointer;
display:flex;align-items: flex-end;gap: 0.5rem;
}
.index-services-content ul li svg, .local_advocates_section ul li svg, .people-tile .team ul li svg{width: 20px;fill: #000;transition: 0.75s}
.index-services-content ul li a:hover svg, .local_advocates_section ul li a:hover svg, .people-tile .team ul li a:hover svg{transform: scale(1.15);fill: var(--primary-color);}
.index-services-content ul li:hover span{
color: #000;
padding-left: -20px;
}
.index-services-content ul li:hover span::before{
/*content: '✓';*/
position: relative;
top: 0;
right: 0;
left:-20px;
bottom: 0;
margin-left: -14px;
}
.home-people{
background: url("../img/people-bg.jpg") no-repeat !important;
width: 100%;
height: 50vh;
min-height: 500px;
background-size: cover !important;
/* background-position: center;*/
background-repeat: no-repeat;
position: relative;
overflow: hidden;
background-position: bottom !important;
}
#people-content{
background: rgb(38,44,62);
/*background: url("../img/people-bg.jpg") no-repeat;*/
width: 100%;
height: 80vh;
/* min-height: 700px;
min-height:600px;*/
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
}
#people-content::before{
content: '';
background: rgb(38,44,62);
background: linear-gradient(90deg, rgba(38,44,62,1) 30%, rgba(38,44,62,0) 100%);
position: absolute;
height: 100%;
width: 80%;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
/*.index-services-content.people-content h2, .index-services-content.people-content h1, .index-services-content.people-content p{
color: #ffffff;
}*/
.search-container{
margin-top: 50px;position: relative;
}
.search-container input[type="text"]{
background: #d1d2d3;
border: 0px;
width: 70%;
padding: 10px;
background: #ffffff;
width: 81%;
float: left;
padding: 12px;
margin: 0px; font-size: 15px;
}
.search-container button{
background: #010101;
border: 0px;
padding: 11px 16px;
right: 0;
position: absolute;
}
.search-container button .fa-search{
color: #ffffff;
font-size: 21px;
}
.people-content a, .office-page .nav-pills li .nav-link, .ofcInfoBtn{
font-size: 18px;
letter-spacing: 1px;
display: inline-block;
padding: 8px 32px;
border-radius: 0px;
transition: 0.5s;
margin: 10px;
color: #000;position: relative;
background: transparent;
border: 1px solid #000;
margin-left: 0;
margin-top: 30px;border-radius: 0;
}
/*.people-content a::before, .office-page .nav-pills li .nav-link::before, .ofcInfoBtn::before{
content: " ";
display: block;
position: absolute;
height: 1px;
background: #000;
width: 40px;
left: -19px;
top: calc(60% - 4px);
}*/
.office-page .nav-pills li .nav-link{ margin: 0 0 2rem 0;outline: none;cursor: pointer;background: #fff;}
/*.office-page .nav-pills li .nav-link::before{width: 0;transition: 0.5s;}*/
/*.office-page .nav-pills li .nav-link:hover::before, .office-page .nav-pills .nav-link.active::before, .office-page .nav-pills .show>.nav-link::before{width: 40px;}*/
.office-page .nav-pills li:last-child .nav-link{margin: 0;}
.office-page .nav-pills .nav-link.active:before, .office-page .nav-pills .show>.nav-link:before {height: 100%;}
.office-page .nav-pills .nav-link.active, .office-page .nav-pills .show>.nav-link, .ofcInfoBtn:hover{background-color: #000; color: #ffffff;}
#testimonials-content{
background: url("../img/testimonials-bg.jpg") no-repeat;
width: 100%;
height: 70vh;
min-height: 760px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
#testimonials-content::before {
content: '';
background: rgb(1,1,1);
background: linear-gradient(90deg, rgba(1,1,1,1) 30%, rgba(1,1,1,0) 100%);
position: absolute;
height: 100%;
width: 80%;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.owl-carousel .owl-item img{
width: 35px;
position: relative;
left: -35px;
}
.testimonial-item p{
font-size: 20px;
/*font-size: 26px;*/
padding-left: 35px;
}
.testimonial-item h4{
padding-left: 35px;
font-size: 12px;
color: #000;
margin-top: 30px;
}
.testimonials-carousel{
margin-top: 70px;
direction: ltr;
}
#testimonials-content .owl-nav,
#testimonials-content .owl-dots {
margin-top: 5px;
text-align: center;
}
#testimonials-content .owl-dot {
display: inline-block;
margin: 0 5px;
width: 12px;
height: 12px;
border-radius: 50%;
border: 1px solid #ffffff;
}
#testimonials-content .owl-dot.active {
background-color: #000;
border: none;
}
#testimonials-content .owl-dots{
float: left;
padding-left: 30px;
}
.footer-content{
background: var(--primary-color);
padding: 20px 0;
}
.footer-content ul{
font-size: 16px;
color: #ffffff;
padding: 0;
}
.footer-content ul li{
display: inline-block;
border-right: 1px solid #ffffff ;
padding: 0px 10px;
}
.footer-content ul li a{
color: #ffffff;font-weight: 400;
}
.footer-content ul li a:hover{color:#000}
/* .footer-content ul li:last-child{
border:none;
} */
.footer-content ul .social-icons{
border: none;
padding: 0px 7px;
}
.footer-content ul .social-icons a{
border: 1px solid #ffffff;
border-radius: 200px;
padding: 4px 8px;
min-width: 35px;
display: inline-block;
text-align: center;
line-height: 25px;
}
.footer-content ul .social-icons a:hover{background: #000;border-color: #000;color: #fff}
.copyrights{
font-size: 14px;
float: right;font-weight: 400;
}
/*===========================
CHAT BOOT MESSENGER
===========================*/
#Smallchat .Messages, #Smallchat .Messages_list {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.chat_close_icon {
cursor:pointer;
color: #fff;
font-size:16px;
position: absolute;
right: 12px;
z-index: 9;
}
.chat_on {
position: fixed;
z-index: 10;
width: 45px;
height: 45px;
right: 15px;
bottom:10px;
background-color: #000;
color: #fff;
border-radius: 50%;
text-align: center;
padding: 9px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
cursor: pointer;
display: block;
padding-top: 3px;
}
.chat_on_icon{
color:#fff;
font-size:25px;
text-align:center;
}
/*
#Smallchat,#Smallchat * {
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
-webkit-tap-highlight-color:transparent
}
*/
#Smallchat .Layout {
pointer-events:auto;
box-sizing:content-box!important;
z-index:999999999;
position:fixed;
bottom:20px;
min-width:50px;
max-width:300px;
max-height:30px;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:end;
-webkit-justify-content:flex-end;
-ms-flex-pack:end;
justify-content:flex-end;
border-radius:50px;
box-shadow:5px 0 20px 5px rgba(0,0,0,.1);
-webkit-animation:appear .15s cubic-bezier(.25,.25,.5,1.1);
animation:appear .15s cubic-bezier(.25,.25,.5,1.1);
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards;
opacity:0;
-webkit-transition:right .1s cubic-bezier(.25,.25,.5,1),bottom .1s cubic-bezier(.25,.25,.5,1),min-width .2s cubic-bezier(.25,.25,.5,1),max-width .2s cubic-bezier(.25,.25,.5,1),min-height .2s cubic-bezier(.25,.25,.5,1),max-height .2s cubic-bezier(.25,.25,.5,1),border-radius 50ms cubic-bezier(.25,.25,.5,1) .15s,background-color 50ms cubic-bezier(.25,.25,.5,1) .15s,color 50ms cubic-bezier(.25,.25,.5,1) .15s;
transition:right .1s cubic-bezier(.25,.25,.5,1),bottom .1s cubic-bezier(.25,.25,.5,1),min-width .2s cubic-bezier(.25,.25,.5,1),max-width .2s cubic-bezier(.25,.25,.5,1),min-height .2s cubic-bezier(.25,.25,.5,1),max-height .2s cubic-bezier(.25,.25,.5,1),border-radius 50ms cubic-bezier(.25,.25,.5,1) .15s,background-color 50ms cubic-bezier(.25,.25,.5,1) .15s,color 50ms cubic-bezier(.25,.25,.5,1) .15s
}
#Smallchat .Layout-right {
right:20px
}
#Smallchat .Layout-open {
overflow:hidden;
min-width:300px;
max-width:300px;
height:500px;
max-height:500px;
border-radius:10px;
color:#fff;
-webkit-transition:right .1s cubic-bezier(.25,.25,.5,1),bottom .1s cubic-bezier(.25,.25,.5,1.1),min-width .2s cubic-bezier(.25,.25,.5,1.1),max-width .2s cubic-bezier(.25,.25,.5,1.1),max-height .2s cubic-bezier(.25,.25,.5,1.1),min-height .2s cubic-bezier(.25,.25,.5,1.1),border-radius 0ms cubic-bezier(.25,.25,.5,1.1),background-color 0ms cubic-bezier(.25,.25,.5,1.1),color 0ms cubic-bezier(.25,.25,.5,1.1);
transition:right .1s cubic-bezier(.25,.25,.5,1),bottom .1s cubic-bezier(.25,.25,.5,1.1),min-width .2s cubic-bezier(.25,.25,.5,1.1),max-width .2s cubic-bezier(.25,.25,.5,1.1),max-height .2s cubic-bezier(.25,.25,.5,1.1),min-height .2s cubic-bezier(.25,.25,.5,1.1),border-radius 0ms cubic-bezier(.25,.25,.5,1.1),background-color 0ms cubic-bezier(.25,.25,.5,1.1),color 0ms cubic-bezier(.25,.25,.5,1.1);
}
#Smallchat .Layout-expand {
height:500px;
min-height:500px;
display:none;
}
#Smallchat .Layout-mobile {
bottom:10px
}
#Smallchat .Layout-mobile.Layout-open {
width:calc(100% - 20px);
min-width:calc(100% - 20px)
}
#Smallchat .Layout-mobile.Layout-expand {
bottom:0;
height:100%;
min-height:100%;
width:100%;
min-width:100%;
border-radius:0!important
}
@-webkit-keyframes appear {
0% {
opacity:0;
-webkit-transform:scale(0);
transform:scale(0)
}
to {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes appear {
0% {
opacity:0;
-webkit-transform:scale(0);
transform:scale(0)
}
to {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
#Smallchat .Messenger_messenger {
position:relative;
height:100%;
width:100%;
min-width:300px;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column
}
#Smallchat .Messenger_header,#Smallchat .Messenger_messenger {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex
}
#Smallchat .Messenger_header {
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
padding-left:10px;
padding-right:40px;
height:40px;
-webkit-flex-shrink:0;
-ms-flex-negative:0;
flex-shrink:0
}
#Smallchat .Messenger_header h4 {
opacity:0;
font-size:16px;
-webkit-animation:slidein .15s .3s;
animation:slidein .15s .3s;
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards
}
#Smallchat .Messenger_prompt {
margin:0;
font-size:16px;
line-height:18px;
font-weight:400;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}
@-webkit-keyframes slidein {
0% {
opacity:0;
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
to {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes slidein {
0% {
opacity:0;
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
to {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
#Smallchat .Messenger_content {
height: 450px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
}
#Smallchat .Messages {
position: relative;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
overflow-x: hidden;
overflow-y: auto;
padding: 10px;
background-color: #fff;
-webkit-overflow-scrolling: touch;
}
#Smallchat .Input {
position: relative;
width: 100%;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: 17px;
padding-bottom: 15px;
color: #96aab4;
background-color: #fff;
border-top: 1px solid #e6ebea;
}
#Smallchat .Input-blank .Input_field {
max-height: 20px;
}
#Smallchat .Input_field {
width: 100%;
resize: none;
border: none;
outline: none;
padding: 0;
padding-right: 0px;
padding-left: 0px;
padding-left: 20px;
padding-right: 75px;
background-color: transparent;
font-size: 16px;
line-height: 20px;
min-height: 20px !important;
}
#Smallchat .Input_button-emoji {
right: 45px;
}
#Smallchat .Input_button {
position: absolute;
bottom: 15px;
width: 25px;
height: 25px;
padding: 0;
border: none;
outline: none;
background-color: transparent;
cursor: pointer;
}
#Smallchat .Input_button-send {
right: 15px;
}
#Smallchat .Input-emoji .Input_button-emoji .Icon, #Smallchat .Input_button:hover .Icon {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
#Smallchat .Input-emoji .Input_button-emoji .Icon path, #Smallchat .Input_button:hover .Icon path {
fill: #2c2c46;
}
.arrow-down{
align-items: center;
position: absolute;
bottom: 20px;
left: 0;
right: 0;
z-index: 1;
text-align: center;
}
.arrow-down .fa-angle-down:before {
content: "\f107";
font-size: 40px;
color: #ffffff;
}
.arrow-down .fa-angle-up:before {
font-size: 40px;
color: #ffffff;
}
#myScrollspy{
z-index: 1000;
position: fixed;
}
#nav-menu-container2{
z-index: 1000;
position: fixed;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: left;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
bottom: 0;
top: 0;
right: 30px;
}
#nav-menu-container2 ul li{
display: block;
float: inherit;
}
#nav-menu-container2 .nav-menu a{
padding: 0px;
}
#main{
min-height: 1000px;
}
#logo{float: none}
#logo a{display: block;width: 216px}
#people-content.about-us{
background: url("../img/aboutus.jpg") no-repeat;
width: 100%;
height: 50vh;
min-height: 500px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
#people-content.inner-bg::before {
content: '';
background: rgb(16,49,83);
background: linear-gradient(90deg, rgba(16,49,83,1) 100%, rgba(16,49,83,0) 100%);
position: absolute;
height: 100%;
width: 100%;
top: 0;
right: 0;
left: 0;
bottom: 0;
opacity: 0.7;
}
.bs-example{
margin: 20px;
margin-left: 0px;
}
/* Style to change separator */
.breadcrumb-item + .breadcrumb-item::before {
content: ">";
}
.breadcrumb{
background-color: inherit !important;
padding: 0px;
text-transform: uppercase;
color: #ffffff;
display: none;
}
.breadcrumb-item a{
border: 0px;
padding: 0px;
color: #bfbfbf;
margin: 0px;
font-size: 14px;
}
.breadcrumb-item a::before{
display: none;
}
.inner-content{
padding: 5% 0px;
}
.inner-content h4{margin-bottom: 16px;text-transform: initial;}
.inner-content table td:nth-child(even){padding: 0 30px 0 20px}
.inner-content table tr:not(:first-child) td{padding-top: 16px}
.img-thumb{
border: 1px solid #7d7d7d;
position: relative;
margin-bottom: 30px;
}
.img-thumb img{
width: 100%;
height: auto;
}
.img-thumb h4{
background: rgba(0,0,0,0.7);
padding: 10px;
margin-bottom: 0px;
position: absolute;
bottom: 0px;
width: 100%;
}
.inner-content .right-side .img-thumb img{height: 33vh;object-fit: cover;}
.inner-banner{
width: 100%;
height: 100%;
object-fit: cover;
}
.community-thumb img{
width: 100%;
/*height: 150px;*/
max-width: 100%;
height: auto;
}
.community-thumb{
border: 1px solid #7d7d7d;
overflow: hidden;
/* min-height: 355px;
margin-bottom: 15px;
margin-top: 15px;*/
position: relative;
display: flex;
flex-direction: column;
height: 100%;
}
.community-thumb-content{
padding: 7%;
min-height: 230px;
}
.more-text{
background: none;
border: none;
color: #cccccc;
float: right;
}
.btn-primary.focus, .btn-primary:focus {
box-shadow:none;
}
.btn-primary:hover {
color: var(--primary-color);
background-color: inherit;
border-color: inherit;
}
.card-body{
border: none;
padding: 0px;
}
.text-overflow, .text-overflow2 {
width:250px;
height:120px;
display:block;
overflow:hidden;
word-break: break-word;
word-wrap: break-word;
}
.btn-overflow, .btn-overflow2 {
display: none;
text-decoration: none;
}
.item {
display:block;
overflow:hidden;
}
.item p{
line-height: 24px;
}
#more{
color: #cccccc;
position: absolute;
bottom: 0px;
right: 20px;
}
/*.value-page{
background: url("../img/shutterstock_1025018239-2.jpg") no-repeat;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 700px;
color: #ffffff;position: relative;margin-bottom: 5%;
}
.value-page::before{
content: '';
background: rgb(16 49 83 / 70%);
position: absolute;
height: 100%;
width: 100%;
inset:0
}
.value-page h3, .value-page p{
color: #ffffff;
}*/
.timeline {
list-style: none;
padding: 20px 0 20px;
position: relative;
}
.timeline:before {
top: 70px;
bottom: 180px;
position: absolute;
content: " ";
width: 1px;
background-color: #eeeeee;
left: 50%;
margin-left: -1.5px;
}
.timeline > li {
margin-bottom: 20px;
position: relative;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li > .timeline-panel {
width: 50%;
float: left;
border: 1px solid #d4d4d4;
border-radius: 2px;
padding: 20px;
position: relative;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
background: #ffffff;
color: #272b2e;
}
.timeline > li.timeline-inverted + li:not(.timeline-inverted),
.timeline > li:not(.timeline-inverted) + li.timeline-inverted {
margin-top: 0px;
}
.timeline > li:not(.timeline-inverted) {
padding-right:90px;
}
.timeline > li.timeline-inverted {
padding-left:90px;
}
.timeline > li > .timeline-panel:before {
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #ccc;
border-right: 0 solid #ccc;
border-bottom: 15px solid transparent;
content: " ";
}
.timeline > li > .timeline-panel:after {
position: absolute;
top: 27px;
right: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
border-bottom: 14px solid transparent;
content: " ";
}
.timeline > li > .timeline-badge {
color: #fff;
width: 30px;
height: 30px;
line-height: 50px;
font-size: 1.4em;
text-align: center;
position: absolute;
top: 27px;
left: 50%;
margin-left: -15px;
background-color: #999999;
z-index: 100;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline-badge.primary {
background-color: #000000 !important;
border: 1px solid #ffffff;
}
.timeline-badge.success {
background-color: #000000 !important;
border: 1px solid #ffffff;
}
.timeline-badge.warning {
background-color: #000000 !important;
border: 1px solid #ffffff;
}
.timeline-badge.danger {
background-color: #000000 !important;
border: 1px solid #ffffff;
}
.timeline-badge.info {
background-color: #000000 !important;
border: 1px solid #ffffff;
}
.timeline-title {
margin-top: 0;
color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
margin-bottom: 0;
color: #272b2e;
}
.timeline-body > p + p {
margin-top: 5px;
}
.timeline-heading h5{
margin-bottom: 20px;
}
/* --------------------------------
Main Components
-------------------------------- */
.cd-horizontal-timeline {
opacity: 0;
margin: 2em auto;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
/* never visible - this is used in jQuery to check the current MQ */
content: 'mobile';
display: none;
}
.cd-horizontal-timeline.loaded {
opacity: 1;
}
.cd-horizontal-timeline .timeline {
position: relative;
height: 100px;
width: 100%;
/* max-width: 800px;*/
margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
position: relative;
height: 100%;
margin: 0 40px;
overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
/* these are used to create a shadow effect at the sides of the timeline */
content: '';
position: absolute;
z-index: 2;
top: 0;
height: 100%;
width: 20px;
}
/*.cd-horizontal-timeline .events-wrapper::before {
left: 0;
background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0));
background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events-wrapper::after {
right: 0;
background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0));
background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));
}*/
.cd-horizontal-timeline .events {
/* this is the grey line/timeline */
position: absolute;
z-index: 1;
left: 0;
top: 49px;
height: 2px;
/* width will be set using JavaScript */
background: #dfdfdf;
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
/* this is used to create the green line filling the timeline */
position: absolute;
z-index: 1;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #000;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
position: absolute;
bottom: 0;
z-index: 2;
text-align: center;
font-size: 1.3rem;
padding-bottom: 15px;
color: #383838;
/* fix bug on Safari - text flickering while timeline translates */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
/* this is used to create the event spot */
content: '';
position: absolute;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -5px;
height: 12px;
width: 12px;
border-radius: 50%;
border: 2px solid #dfdfdf;
background-color: #f8f8f8;
-webkit-transition: background-color 0.3s, border-color 0.3s;
-moz-transition: background-color 0.3s, border-color 0.3s;
transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
background-color: #000;
border-color: #000;
}
.cd-horizontal-timeline .events a.selected {
pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
background-color: #000;
border-color: #000;
}
.cd-horizontal-timeline .events a.older-event::after {
border-color: #000;
}
@media only screen and (min-width: 1100px) {
/*.cd-horizontal-timeline {
margin: 6em auto;
}*/
.cd-horizontal-timeline::before {
/* never visible - this is used in jQuery to check the current MQ */
content: 'desktop';
}
}
.cd-timeline-navigation a {
/* these are the left/right arrows to navigate the timeline */
position: absolute;
z-index: 1;
top: 70%;
background: #ffffff;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: 34px;
width: 34px;
border-radius: 50%;
border: 2px solid #dfdfdf;
/* replace text with an icon */
overflow: hidden;
color:#101010;
/*text-indent: 1px;*/
white-space: nowrap;
-webkit-transition: border-color 0.3s;
-moz-transition: border-color 0.3s;
transition: border-color 0.3s;display: flex;
justify-content: center;
align-items: center;
}
.cd-timeline-navigation a::after {
/* arrow icon */
content: '';
position: absolute;
height: 16px;
width: 16px;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: url(../img/cd-arrow.svg) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
left: 0;
text-align: center;
}
.cd-timeline-navigation a.next {
right: 0;
text-align: center;
}
.no-touch .cd-timeline-navigation a:hover {
border-color: #7b9d6f;
}
.cd-timeline-navigation a.inactive {
cursor: not-allowed;
text-align: center;
}
.cd-timeline-navigation a.inactive::after {
background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
border-color: #dfdfdf;
}
.cd-horizontal-timeline .events-content {
position: relative;
width:100%;
margin: 2em 0;
overflow: hidden;
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
transition: height 0.4s;height: auto !important;
}
.cd-horizontal-timeline .events-content ol > li {
position: absolute;
z-index: 1;
width: 200px;
left: 0;
top: 0;
list-style: none;
padding: 0px;
opacity: 0;
-webkit-animation-duration: 0.4s;
-moz-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content ol > li.selected {
/* visible event content */
position: relative;
z-index: 2;
opacity: 1;
width: 100%;
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
-webkit-animation-name: cd-enter-right;
-moz-animation-name: cd-enter-right;
animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
-webkit-animation-name: cd-enter-left;
-moz-animation-name: cd-enter-left;
animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
-webkit-animation-direction: reverse;
-moz-animation-direction: reverse;
animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
/* max-width: 800px;*/
margin: 0 auto;padding-left: 0;
}
.cd-horizontal-timeline .events-content li br{display: none}
.cd-horizontal-timeline .events-content h2 {
font-weight: bold;
font-size: 2.6rem;
font-weight: 700;
line-height: 1.2;
}
.cd-horizontal-timeline .events-content em {
display: block;
font-style: italic;
margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
content: '- ';
}
.cd-horizontal-timeline .events-content p {
font-size: 1.4rem;
color: #959595;
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
line-height: 1.6;
}
ul.cd-timeline-navigation li {
display: block;
}
@media only screen and (min-width: 768px) {
.cd-horizontal-timeline .events-content h2 {
font-size: 7rem;
}
.cd-horizontal-timeline .events-content em {
font-size: 2rem;
}
.cd-horizontal-timeline .events-content p {
font-size: 1.8rem;
}
}
#awards-timeline .events ol{
list-style: none;
}
.awards-content li{
opacity: 1 !important;
position: inherit !important;
width: 100% !important;
padding: 20px 0px !important;
border-bottom: 1px solid #dbdbdb;
font-weight: bold;
}
.awards-content li:hover::before{
content: '✓';
position: relative;
top: 0;
right: 0;
left:-20px;
bottom: 0;
margin-left: -14px;
}
.awards-content li:hover{
color: #000;
}
#nav-tab a{
background: var(--primary-color);
border-radius: 0px;
color: #fff;
font-size: 18px;
/* font-weight: bold;*/
padding: 10px 15px;border:0;
}
.one-nav a{width: 100%}
.two-navs a{width: 50%}
.three-navs a{width: 33.33%}
.four-navs a{width: 25%}
#nav-tab a{border-right: 1px solid #fff !important}
#nav-tab a:last-child{border-right: none !important;}
#nav-tab .active{
/*border: 0px;
border-right: 2px solid #fff !important;
border-left: 2px solid #fff !important;*/
background: var(--primary-color);
position: relative;
/* padding: 10px;*/
}
#nav-tabContent ul li{
padding: 10px 0px;
border-bottom: 1px solid #dbdbdb;
position: relative;
display:block;
}
#nav-tabContent #nav-recentTxp ul li {padding-bottom: 0;}
#nav-tabContent #nav-recentTxp ul li:last-child{border-bottom: none;}
#nav-tabContent ul a{
color: #101010;
font-weight: bold;
}
#nav-tabContent ul a:hover{
color: #000;
}
#nav-tabContent ul li:hover::before{
content: '✓';
position: relative;
top: 0;
right: 0;
left:-20px;
bottom: 0;
margin-left: -14px;
}
#nav-tabContent ul li:hover::after{
content: 'More Info >';
position: absolute;
top: 0;
right: 0;
bottom: 0;
color: #cccccc;
font-weight: bold;
padding-top: 10px;
}
.rtl #nav-tabContent ul li:hover::after{
content: 'اقرأ أكثر >';
}
#nav-tabContent ul{
/* margin-top: 20px;*/
/*min-height: 700px;*/
}
#nav-tab .active::after {
content: "";
position: absolute;
top: 40px;
left: 50px;
border-width: 15px 15px 0;
border-style: solid;
border-color: var(--primary-color) transparent;
display: block;
width: 0;
}
#nav-tab{
margin: 20px 0;
border-bottom: 0px !important;
}
.cm-msg {
padding: 20px;
box-shadow: 0 0 4px 000;
}
.cm-msg h5{
/*color: #000;*/
font-size: 18px;
font-style: italic;
/* padding-top: 30px;*/
margin-bottom: 20px;
}
/*.cm-msg h4{
color: #000;
}*/
.cm-msg h2{
font-size: 12px;
/* color: #000;*/
text-transform: inherit;
}
.inner-ul{
margin-left: 20px;
font-size: 15px;
list-style: circle;
}
.inner-ul li{
display: list-item;
}
.search-people-fields select{
width: 100%;
background: #fff;
/*border: 0px;*/
height: 40px;
border-radius: 0px;height: 46px;outline: none !important;
margin-bottom: 20px;padding: 8px;
}
.search-people-fields input[type="text"]{
background: #ffffff;
width: 100%;
padding: 11px;
margin: 0px;
font-size: 15px;border: 1px solid #767676;outline: none !important;
}
.search-people-fields input[type="text"]::placeholder{color: #000;}
.search-banner{
width: 100%;
left: 0px;
}
.search-banner p{
width: 50%;
margin-bottom: 50px;
}
.team h5{margin-bottom: 0}
.team .destination{
margin-bottom: 10px;
}
.team p{
font-size: 14px;
margin-bottom: 0px;
line-height: 20px;
}
.team p span{
font-weight: bold;
}
.team p span svg{display: inline-block;width: 16px}
.team .icon{display: flex;gap: 10px;align-items: center;}
.people-tile .team img{object-fit: cover;}
.team img{
width: 100%;
}
.no-padding-right{
padding: 0px;
}
.team{
padding: 20px 0px;
border-bottom: 1px solid #dbdbdb;
overflow: hidden;
}
.team-member-detail{
color: #ffffff;
}
.team-member-detail li{
border-bottom:0px !important;
padding-top: 0px !important;padding-bottom: 0px !important;
}
.team-member-detail a{
border: 0px !important;
color: #ffffff;
padding: 0px;
margin: 0px;
}
.team-member-detail a::before{
display: none;
}
.team-member-detail img{
width: 30px;
/*margin-bottom: 20px;
margin-top: 20px;*/
filter: brightness(0) saturate(100%);
}
.team-member-awards li:hover::after{
display: none;
}
/*.team-member-detail-img{
position: fixed;
bottom: 0;
right: -15px;
z-index: 0;
top: 30%;
}*/
.team-member-detail-img{position: sticky;top: 100px}
.team-member-detail-img img{
width: 100%;
/* height: auto;
min-width: 100%;
min-height: 100%;
max-height: none;
max-width: none;*/
}
.news-detail{
height: 30vh !important;
min-height: 300px !important;
}
.community-thumb.news-thumb{
border-color: #e4e4e4;
}
.community-thumb.news-thumb img{
height: 240px;object-fit: cover;
}
/*.community-thumb.news-thumb a, .formBox input[type="submit"], body .btn-block{
font-size: 16px;
letter-spacing: 1px;
display: inline-block;
padding: 8px 32px;
border-radius: 0px;
transition: 0.5s;
margin: 25px 0 0;
color: #fff;
background: transparent;border:1px solid #000;
position: relative;
z-index: 1;color: #000;
cursor: pointer;
}*/
/*.community-thumb.news-thumb a:hover, .formBox input[type="submit"]:hover, body .btn-block:hover{color: #fff !important;background: #000}
.community-thumb.news-thumb a::before, .formBox input[type="submit"]::before{
content: " ";
display: block;
position: absolute;
height: 1px;
background: #000;
width: 40px;
left: -19px;
top: calc(60% - 4px);
}*/
body .btn-block:focus{box-shadow: none;}
/*#intro .btn-get-started::before, .carousel-content a::before, .community-thumb.news-thumb a::before, .formBox input[type="submit"]::before, .people-content a::before, .office-page .nav-pills li .nav-link::before, .ofcInfoBtn::before,
#intro .btn-get-started::after, .carousel-content a::after, .community-thumb.news-thumb a::after, .formBox input[type="submit"]::after, .people-content a::after, .office-page .nav-pills li .nav-link::after, .ofcInfoBtn::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: -100%;
left: 0;
background: #000;
z-index: -1;
transition: all .35s;
display: block;
}
#intro .btn-get-started::before, .carousel-content a::before, .community-thumb.news-thumb a::before, .formBox input[type="submit"]::before, .people-content a::before, .office-page .nav-pills li .nav-link::before, .ofcInfoBtn::before{background: rgb(214 152 74 / 75%)}
#intro .btn-get-started::after, .carousel-content a::after, .community-thumb.news-thumb a::after, .formBox input[type="submit"]::after, .people-content a::after, .office-page .nav-pills li .nav-link::after, .ofcInfoBtn::after{transition-delay: .2s}
#intro .btn-get-started:hover::before, .carousel-content a:hover::before, .community-thumb.news-thumb a:hover::before, .formBox input[type="submit"]:hover::before, .people-content a:hover::before, .office-page .nav-pills li .nav-link:hover::before, .ofcInfoBtn:hover::before,
#intro .btn-get-started:hover::after, .carousel-content a:hover::after, .community-thumb.news-thumb a:hover::after, .formBox input[type="submit"]:hover::after, .people-content a:hover::after, .office-page .nav-pills li .nav-link:hover::after, .ofcInfoBtn:hover::after{top:0}
*/.formBox{
margin-top: 0px;
}
.formBox p{
margin: 0px;
}
.formBox input[type="text"], .formBox select, .formBox textarea, .formBox input[type="email"], .formBox input[type="file"]{
border-bottom: 1px solid #101010 !important;
border: none;
padding: 10px 0px;
margin-bottom: 5px;
width: 100%;
border-radius: 0px !important;
margin-top: 15px;transition: 0.5s;
}
.formBox input[type="text"]:focus, .formBox select:focus, .formBox textarea:focus, .formBox input[type="email"]:focus{padding: 10px;}
.formBox textarea{
min-height: 150px;
}
.formBox select{
margin-top: 0px;
font-size: 16px;
color: #666666;
}
.formBox .upload-cv label, .formBox .upload-cv input{
float: left;
/* width: 50%;*/
margin: 25px 0px 15px;
margin-right: 10px;
}
.modal{
background: rgba(16,49,83,0.7);
}
.modal.show .modal-dialog{
top: 10%;padding: 0 !important;
}
.modal-content{
border-radius: 0px;
padding: 10%;
}
.modal-content h1{
font-size: 28px;
margin-bottom: 20px;
}
.modal-content h2{font-size: 24px}
.modal-content p{
margin-top: 0px;
}
.close-btn{
background: 000;
border-radius: 100%;
font-weight: bold;
font-size: 22px;
float: right;
top: -22px;
position: absolute;
z-index: 1;
right: -15px;
width: 50px;
height: 50px;
border: 0px;
}
.close-btn:hover{background: var(--primary-color)}
#exampleModal select{width: 100%;border-radius: 0}
.office-address a{
color: #101010;
}
.office-address{
/*border-bottom: 1px solid #101010;*/
padding: 10px 0px;
margin-bottom: 0px;
line-height: 25px;
}
.feedback-checkbox{
border-bottom: 1px solid #101010 !important;
padding-bottom: 20px;
}
.feedback-checkbox input{
margin-right: 15px;
}
.feedback-checkbox li{
margin-bottom: 15px;
}
.feedback-textbox textarea{
border: 1px solid #101010 !important;
}
.rating {
float:left;
}
/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t
follow these rules. Every browser that supports :checked also supports :not(), so
it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input {
position:absolute;
top:-9999px;
clip:rect(0,0,0,0);
}
.rating:not(:checked) > label {
float:right;
width:1em;
/* padding:0 .1em; */
overflow:hidden;
white-space:nowrap;
cursor:pointer;
font-size:150%;
/* line-height:1.2; */
color:#ddd;
margin-right: 10px;
}
.rating:not(:checked) > label:before {
content: '★ ';
}
.rating > input:checked ~ label {
color: dodgerblue;
}
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
color: dodgerblue;
}
.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
color: dodgerblue;
}
.rating > label:active {
position:relative;
top:2px;
left:2px;
}
.index-services-content ul li a{
color: #000;line-height: 1;font-weight: 300;
}
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
}
#intro .carousel-fade .carousel-inner .active, #intro .carousel-fade .carousel-inner .carousel-item-next.carousel-item-left, #intro .carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
opacity: 1;
transition: 0.3s;
}
.carousel-control-next, .carousel-control-prev {
z-index: 1000;
}
.carousel-control-next {
right: 3%;
}
.carousel-control-prev {
left: 3%;
}
.carousel-control-next, .carousel-control-prev{
opacity: .8;
}
.right-side h4{
color: #bfbfbf;
font-size: 15px;
}
.cm-msg.sec{
display: none;
}
/*.cm-msg.sec h5, .cm-msg.sec h4, .cm-msg.sec h2{
color: var(--primary-color);
}*/
.newsletter button{
background: var(--primary-color);
border: none;
border-radius: 0px;
}
.team-member-detail.area li{
list-style: circle;
}
#nav-tabContent{
min-height: 500px;
}
.team-member-area li::after, .team-member-area li::before{
display: none;
}
/*.team-member-detail li a{
color: #ffffff !important;
}*/
.team-member-area{
min-height: inherit !important;
}
#nav-home h5{
margin-top: 50px;
}
#join-us-thumb .item{
height: inherit !important;
}
#join-us-thumb > #more{
display: none;
}
#join-us-thumb a{
margin-bottom: 0px;
}
#join-us-thumb{
padding-bottom: 0px;
/* min-height: 386px;*/
}
.experienced-list{
padding:80px 0px 20px
}
.experienced-list p{margin: 0}
.experienced-bg{
background: #f0f0f0;
}
.padding-left{
padding-left: 0px;
}
.experienced-list-img{
text-align: center;
position: relative;
top: -50px;
}
.experienced-bg::after{
top: 100%;
right: 3%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-top-color: #f0f0f0;
border-width: 15px;
margin-left: -15px;
}
.experienced-list h2{
text-align: right;
color: #000;
font-style: italic;
font-size: 12px;
padding-top: 35px;
}
.experienced-bg{
position: relative;
}
.list-arrow-down{
padding: 30px 30px 30px 0;
}
.select-option {
height: 40px;
}
.multiselect{
background-color: rgb(248, 248, 248);
border-bottom: 1px solid #101010 !important;
width: 100% !important;
margin: 15px 0px;
}
.multi-selection .custom-btn{
width: 100% !important;
}
.multi-selection .custom-btn button{
text-align: left;
}
.multi-selection .dropdown-toggle::after{
float: right;
margin-top: 11px;
}
.multi-selection .dropdown-menu.show {
display: block;
width: 100%;
}
.multi-selection .multiselect-container{
padding-left: 10px;
background-color: rgb(248, 248, 248);
}
#changeShipInputs textarea{
border: 1px solid #101010 !important;
}
.feedback-checkbox{
border: none !important;
}
.box{
display: none;
}
.box textarea{
border: 1px solid #101010 !important;
}
.select-option{
/* -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; */
height: 40px;
}
.services-list-insid{
font-size: 14px;
margin-top: 20px;padding-left: 0;
}
.services-list-insid li{
display: block;
border-bottom: 1px solid #cacaca;
padding: 5px 0px;
}
/*.services-list-insid h2{
color: #000;
}*/
#Smallchat{
display: none;
}
.checkbox-list p{
padding-bottom: 0px;
margin-bottom: 0px;
}
.checkbox-list button, .checkbox-list .custom-btn{
width: 100%;
}
.checkbox-list button{
background:#ffffff;
border: 1px solid #ced4da !important;
border-radius: 4px;
text-align: left;
}
.checkbox-list .dropdown-toggle::after{
text-align: right;
float: right;
margin-top: 10px;
}
.managment-content{
border: 1px solid #dbdbdb;
padding: 20px;
}
.team.managment{
border: 0px;
}
.office-page h4{
color: var(--primary-color);
text-transform: uppercase;
margin-bottom: 0px;
}
/*.office-page .row{
border-bottom: 1px solid #101010;
padding-bottom: 20px;
padding-top: 20px;
}*/
.sliding-knob p{
transform: rotate(0deg) translate(-17%, -8%) !important;
}
.Email_add input{
border: none;
border-bottom: 1px solid #101010 !important;
padding: 10px 0px;
margin-bottom: 20px;
width: 100%;
border-radius: 0px;
margin-top: 15px;
}
#exampleModal .form-control{
margin: 0px;border-top: 0;
border-left: 0;
border-right: 0;
border-radius: 0;
padding-left: 0;
box-shadow: none !important;
border-color: #000 !important;
}
.newsletter-check{
float: left;
margin: 0px;
margin-right: 10px;
}
#exampleModal .Email_add input{
display: block;
width: 100%;
height: calc(2.25rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
border-bottom: 1px solid #ced4da !important;
}
.insight-news h6{margin: 1.5rem 0 0.75rem}
.insight-news em{font-weight: 200}
.insight-news em strong, .insight-news p b{font-weight: 200}
.insight-news .col-md-9 h2{font-size: 1.75rem;margin-bottom: 1.5rem}
.insight-news .col-md-9 ul{padding-left: 17px}
.insight-news ul li{
font-size: 15px;
color: #101010;
line-height: 1.3;list-style: disc;
list-style-position: outside;
margin-bottom: 1rem;
}
/* .insight-news ul li::before {
display: inline-block;
padding-right: .5rem;
color: #000;
content: ">";
} */
.insight-news ol{
padding: 0px;
margin: 0px;
margin-bottom: 1rem;
padding-left: 17px;
}
.insight-news ol li{
font-size: 15px;
color: #101010;
line-height: 1.3;margin-bottom: 1rem;list-style: disc;list-style-position: outside;
}
/* .insight-news ol li::marker {
display: inline-block;
padding-right: .5rem;
margin-right: 10px;
color: #000;
content: ">";
} */
.laywer-inner-pg #nav-tabContent ul li:hover::before{
display: none;
}
.laywer-inner-pg #nav-tabContent ul li:hover::after{
display: none;
}
.rtl .carousel-inner{
direction: rtl;
}
h1:not(.site-title)::before, h2::before{
content: none !important;
}
body.rtl #main .inner-content .row{
direction: initial;
}
body.rtl .team p{
direction: rtl;
}
body.rtl .index-services-content ul{
float: left;
}
.language{
font-size: 13px;
text-align: right;
}
.language li{
display: inline-block;
padding-right: 30px;
}
.language li:first-child{
padding-right: 15px;
}
@media (max-width:768px) {
.insight-news table {
overflow: hidden;
overflow-x: scroll;
display:block;
}
}
/*New Home*/
/* Slick Default
------------------------------------*/
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-slide:focus { outline:none; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
@charset 'UTF-8';.slick-loading .slick-list {background: #fff url('ajax-loader.gif') center center no-repeat;}@font-face {font-family: 'slick';font-weight: normal;font-style: normal;src: url('fonts/slick.eot');src: url('fonts/slickd41d.eot?#iefix') format('embedded-opentype'), url('fonts/slick.woff') format('woff'), url('fonts/slick.ttf') format('truetype'), url('fonts/slick.svg#slick') format('svg');}.slick-prev, .slick-next {font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 20px;height: 20px;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;background: transparent;}.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: transparent;outline: none;background: transparent;}.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: 1;}.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: .25;}.slick-prev:before, .slick-next:before {font-family: 'slick';font-size: 20px;line-height: 1;opacity: .75;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.slick-prev {left: -25px;}[dir='rtl'] .slick-prev {right: -25px;left: auto;}.slick-prev:before {content: 'â†Â';}[dir='rtl'] .slick-prev:before {content: '→';}.slick-next {right: -25px;}[dir='rtl'] .slick-next {right: auto;left: -25px;}.slick-next:before {content: '→';}[dir='rtl'] .slick-next:before {content: 'â†Â';}.slick-dotted.slick-slider {margin-bottom: 30px;}.slick-dots {position: absolute;bottom: -25px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}.slick-dots li {position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;}.slick-dots li button {font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}.slick-dots li button:hover, .slick-dots li button:focus {outline: none;}.slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity: 1;}.slick-dots li button:before {font-family: 'slick';font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.slick-dots li.slick-active button:before {opacity: .75;color: black;}
@media (min-width:1200px) {
.container, .elementor-section.elementor-section-boxed > .elementor-container{max-width: 85.65153733528551vw !important}
}
.slick-arrow{font-size: 0;transform: none;position: absolute;left: -50px;right: auto;top: 42%;z-index: 2;transition:0.5s;padding: 0;display: block;width: auto;height: auto;}
.slick-arrow:before{display: none;}
.slick-next{left: auto;right: -50px;}
.slick-arrow svg{}
.slick-arrow svg, .slick-arrow svg *{transition: .5s;}
.slick-arrow:hover svg{transform:scale(1.25)}
.slick-slider div {transition: none;}
.main-section{padding: 100px 0;position: relative;overflow: hidden;}
.main-section p{line-height: 1.75}
.main-heading{margin-bottom: 40px}
.main-heading h2{margin-bottom: 0}
.main-heading h5{font-weight: 200;margin-top: 12px}
.btn{border: 1px solid rgb(255 255 255 / 40%);text-transform: uppercase;color: #fff;font-size: var(--base-font-size);border-radius: 0;padding: 11px 34px;font-weight: 300;position: relative;z-index: 1;transition: 0.5s}
.btn::before{content: '';position: absolute;inset: auto 0 0;background: #fff;z-index: -1;height: 0;transition: 0.5s}
.btn:hover::before{height: 100%}
.btn:hover{color: var(--primary-color);border-color: #fff}
.btn2{border-color:#103153;color: #103153}
.btn2::before{background: #103153}
.btn2:hover{color: #fff}
.btn.focus, .btn:focus{box-shadow: none}
figure{position: relative;}
.banner figure{line-height: 0;margin: 0}
.banner video{object-fit: cover;}
.banner figure::before{content: '';position: absolute;inset: 0;background: url(../img/shade.png) 0 0 no-repeat;background-size: cover;}
.banner figcaption{position: absolute;inset: 0;display: flex;flex-direction: column;justify-content: flex-end;z-index: 1;padding-bottom: 50px}
.banner h4::before{content: '';position: absolute;inset: 0 0 0 auto;margin:auto 0;background: #D9D9D9;height: 1px;width: 72%}
.home-section-one .sec1Wrap{background: #fff;border: 1px solid rgb(16 49 83 / 6%);padding: 25px;display: flex;flex-direction: column;height: 100%;transition: 0.75s}
.home-section-one .sec1Wrap:hover{border-color: var(--primary-color);}
.home-section-one .sec1Bot span{display: block;font-family: 'Poppins',sans-serif;font-size: 80px;font-weight: 700;color: transparent;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: var(--primary-color);text-transform: uppercase;line-height: 1;margin-bottom: 10px;transition: 0.75s}
.home-section-one .sec1Wrap:hover span{color: var(--primary-color);}
.home-section-one .sec1Bot span i{font-style: normal;}
.home-section-one .shape{position: absolute;inset:auto 0 0;}
.home-section-two{background: var(--primary-color);overflow: visible;}
.home-section-two .main-heading h5{font-size: 18px;font-weight: 200;}
.home-section-two article h5{font-size: 21px;font-weight: 200;color: #fff;text-transform: initial;}
.home-section-two p{color: rgb(255 255 255 / 60%);}
.home-section-two .gallery{margin: 0 25px}
.home-section-two .slick-track{display: flex;align-items: center;}
.home-section-three{margin-bottom: -160px;z-index: 9}
.home-section-three .slick-arrow{top: 40%}
.home-section-three .slick-slide a{margin: 0 8px}
.home-section-three figure::before{content: '';position: absolute;inset: 0;background: linear-gradient(180deg, rgba(16,49,83,0) 0%, rgba(16,49,83,1) 100%);z-index: 1}
.home-section-three figcaption{position: absolute;inset: 0;display: flex;align-items: flex-end;padding: 20px;z-index: 2}
.home-section-three figcaption h4{max-width: 180px}
.home-section-three img{transition: 0.5s}
.home-section-three a:hover img{transform: scale(1.15);}
body .home-section-four{padding-top: 150px}
.home-section-four h3{font-size: 38px;color:var(--primary-color);font-family: 'Montserrat',sans-serif}
.home-section-four article{padding: 0 50px;margin-top:80px}
.home-section-four .col-md-4:nth-child(2) article::before, .home-section-four .col-md-4:nth-child(2) article::after{content: '';position: absolute;inset:0 auto 0 0;width: 1px;height: 246px;background: rgb(16 49 83 / 25%);margin:auto 0}
.home-section-four .col-md-4:nth-child(2) article::after{inset:0 0 0 auto;}
.home-section-four li{margin-top: 16px;}
.home-section-four li strong{color:var(--primary-color);font-weight:400}
.home-section-four li a{color:#666666;font-size: 18px;font-weight: 300}
.home-section-four p a{color:var(--primary-color)}
.footer{padding-bottom: 36px}
.topFooter p{line-height: 28px}
.midFooter{border-top: 1px solid #D9D9D9;border-bottom: 1px solid #D9D9D9;padding: 36px 0;margin: 36px 0}
.midFooter .ftrLinks{display:flex;gap: 20px;flex-wrap: wrap;}
.midFooter .ftrLinks a{font-weight: 300;text-transform: uppercase;line-height: 1;color: rgb(21 21 21 / 60%)}
.socialIcons{gap: 20px;}
.midFooter .socialIcons li a, .error-section .socialIcons li a{display: block;}
.midFooter .socialIcons svg *, .error-section .socialIcons svg *{transition: 0.75s}
.midFooter .socialIcons li a:hover svg > path:first-child, .error-section .socialIcons li a:hover svg > path:first-child{fill: var(--primary-color);}
.bottomFooter *{font-weight: 400;color:rgb(21 21 21 / 80%)}
.bottomFooter svg{margin-top: -4px}
.link{position: relative;padding-bottom:2px;display:inline-block}
.link::before{content: '';position: absolute;bottom: 0;left: 0;height: 1px;width: 0;background: var(--primary-color);transition: 0.75s}
.link:hover::before{width: 100%;}
.link:hover{color: var(--primary-color) !important;}
/*New Home*/
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{border-color: var(--primary-color)}
.news-tile h5{font-size: 18px;margin-bottom: 16px}
.news-tile span{font-size: 14px}
.news-tile svg{width: 14px;height: 14px}
.news-tile{margin-bottom: 1.5rem}
.news-tile h5 + span, .insight-news h2 + span{font-weight: 300}
.news-tile h5 + span small, .insight-news h2 + span small{font-weight: 200}
/*.community-thumb.news-thumb a{margin-top: 0}*/
.community-thumb.news-thumb .community-thumb-content div{margin-bottom: 8px !important;}
.community-thumb.news-thumb .community-thumb-content .item2{display:none}
body .shareaholic-share-buttons-container.shareaholic-flat:not(.shareaholic-mini) li.shareaholic-share-button .shareaholic-share-button-container .shareaholic-service-icon:before{inset: 0;display: flex;justify-content: center;align-items: center;}
body .shareaholic-share-buttons-container.shareaholic-round li.shareaholic-share-button .shareaholic-share-button-container .shareaholic-service-icon{font-size: 18px}
.news-top div p{display: none}
/*.esg-section table{margin-bottom: 16px}
.esg-section table td{padding-bottom: 16px;border-bottom:1px solid #ccc;}
.esg-section table td:first-child{width: 16%;}
.esg-section .alignright{float: right;margin-left: 30px}*/
.esg-section h5{margin-bottom: 10px;text-transform: uppercase;color: #103153}
.esg-section h2{margin-bottom: 10px}
body .children .sitemap-item a{font-size: 16px;}
body .simple-sitemap-wrap h3, body .page-item-3206{height: auto;background: var(--primary-color);padding: 15px 20px;font-size: 24px;line-height: 1 !important;color: #fff;}
body .page_item_has_children{background: var(--primary-color);line-height: 1 !important;}
body .page_item_has_children > a{font-size: 24px;padding: 15px 20px;display: block;margin: 0 !important;color: #fff !important}
body .simple-sitemap-container .children{padding:10px !important}
body .simple-sitemap-wrap .sitemap-item a{color:000;display: block;margin-left: 12px;}
body .simple-sitemap-wrap .sitemap-item {border-bottom: 1px solid #dbdbdb;line-height: 40px;}
body .simple-sitemap-wrap:not(:first-of-type) {margin-top: 0;}
body .page_item_has_children a{margin-left: 12px}
body .page_item_has_children{line-height: 1}
.simple-sitemap-page{padding-left: 0}
.page-item-3206 a{color: #fff !important;margin: 0 !important}
.page-item-45{border: 0 !important}
/*.shareaholic-share-buttons-container.shareaholic-flat li.shareaholic-share-button .shareaholic-share-button-container .shareaholic-service-icon{display: none !important}*/
body, .wpcf7-response-output, body .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, body .wpcf7 form.payment-required .wpcf7-response-output{border-color: var(--primary-color)}
.local_advocates_section article {background: #fff;box-shadow: 0 0 4px #ccc;padding: 50px;display: flex;height: 100%;flex-direction: column;align-items: start;justify-content: center;}
.local_advocates_section figure{box-shadow: 0 0 4px #ccc;margin: 0;display: flex;height: 100%}
.page-id-7980 h6{ margin: 14px 0 20px; }
.page-id-7980 p{ margin-bottom: 1.5rem; }
.page-id-7980 li{ margin-bottom: 0.75rem; }
.page-id-7980 ul{ margin-bottom: 2rem; }
.page-id-7980 ul{ margin-top: 15px; }
.practice-section h3{margin-bottom: 1.5rem}
.practice-section .col-md-9 h5{margin-bottom: 1rem}
.practice-section .col-md-9 ul{padding-left: 17px;}
.practice-section .col-md-9 ul li{list-style: disc;list-style-position: outside;}
.wpcf7-form-control{outline: none !important;}
.aiart-section-one{padding-bottom: 0}
.aiart-section-one .gallery figure{overflow: hidden;}
.aiart-section-one .gallery figure img{transition: 0.75s}
.aiart-section-one .gallery a:hover figure img{transform: scale(1.1);}
.aiart-section-one .gallery{box-shadow: 0 0 10px rgb(16 49 83 / 20%);padding: 0.75rem;}
.aiart-section-one .gallery h6{font-size: 15px;margin: 0.75rem 0 0;text-transform: capitalize;}
.aiart-section-two .blockquote{border-left:5px solid var(--primary-color);;font-style: italic;padding-left: 1.75rem;margin: 1.75rem;font-size: var(--base-font-size);}
.error404 #main{min-height: auto}
.error-section h1{font-size: 60px}
.cookie-policy-section h6{margin-top: 30px}
.cookie-policy-section ul li{position:relative;margin-bottom: 10px;margin-left:18px;list-style: disc;}
.cookie-policy-section ul li h6{margin: 0}
.cookie-policy-section .table-responsive{margin-top: 25px;}
.cookie-policy-section table{width: 100%;}
.cookie-policy-section table thead th {background: #f5f5f5;padding: 5px;border-right: 1px solid var(--primary-color);border-top: 1px solid var(--primary-color);color: var(--primary-color);}
.cookie-policy-section table tbody td {border-right: 1px solid var(--primary-color);border-top: 1px solid var(--primary-color);color: var(--base-color);font-size: 14px;padding: 5px;}
.cookie-policy-section table thead th:first-child, .cookie-policy-section table tbody td:first-child{border-left: 1px solid var(--primary-color);}
.cookie-policy-section table tbody tr:last-child td{border-bottom: 1px solid var(--primary-color);}
.cookie-policy-section table thead th.cookie-col1 {width: 172px;}
.cookie-policy-section table thead th.cookie-col3 {width: 83px;}
.cookie-policy-section table thead th.big-desc{width: 380px;}
.elementor-accordion .elementor-tab-title{border-top: 1px solid #d5d8dc}
.elementor-accordion-item .elementor-tab-title.elementor-active{background: #103153}
.elementor-accordion .elementor-accordion-item{margin-bottom: 25px}
.elementor-accordion .elementor-accordion-item:first-child .elementor-tab-title{border-top: 0;}
body .elementor-accordion .elementor-tab-content {display: none;border-top: 0;transition: 0s !important;height: auto !important;transform: none !important;}
.search-content {position: absolute;top: 100%;right: 0;background: #fff;z-index: 9;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);min-width: 250px;margin-top: 16px;border: 1px solid rgba(0, 0, 0, 0.06);opacity: 0;transition: all 0.35s;visibility: hidden;padding: 0.938rem;}
.search-content.open {opacity: 1;visibility: visible;}
.search-content .form-control{border: 0;border-bottom: 1px solid #103153;border-radius: 0;padding: 0 2rem 0 0rem;}
.search-content .form-control:focus{box-shadow: none}
.search-content button {position: absolute;top: 6px;right: 0;}
.contact-search{display: flex;align-items: center;gap: 20px;}
#header .btn{padding: 11px 18px}
.inner-bg .people-content{position: absolute;inset: 0;display: flex;flex-direction: column;justify-content: center;}
.inner-bg .people-content h1{color: #fff;margin-bottom: 0;max-width: 75%}
.topFooter a{width: 320px}
.careerFilter .ct-slct .child_option {position: relative;}
.careerFilter .dropdown-menu2 {height:170px;overflow:auto;box-shadow: 0 0 0.125rem rgb(0 0 0 / 20%);display: none;background-color: #fff;color: #fff;margin: 0;width: 100%;border-radius: 0;position: absolute;top: 100%;left: 0;right: 0;z-index: 9;margin-top: 5px;}
.careerFilter .dropdown-menu2::-webkit-scrollbar {width: 5px;}
.careerFilter .dropdown-menu2::-webkit-scrollbar-track {background: #f1f1f1;}
.careerFilter .dropdown-menu2::-webkit-scrollbar-thumb {background: var(--primary-color);;}
.careerFilter .dropdown-menu2::-webkit-scrollbar-thumb:hover {background: #555;}
.careerFilter .dropdown-menu2 li {transition: .6s;width: 100%;min-width: 100%;display: block;margin: 0;}
.careerFilter .dropdown-menu2 li a:hover {background-color: var(--primary-color);color: #fff;}
.careerFilter .dropdown-menu2 li a::before {display: none;}
.careerFilter .dropdown-menu2 li a {margin: 0;display: block;padding: 0.5rem 0.938rem;text-decoration: none;line-height: 1.2;}
.careerFilter .dropdown-menu2 li p{margin: 0}
.modal .close{border: 0;background: transparent;position: absolute;top: -20px;right: 0px;padding: 0}
.modal .close:focus{box-shadow: none;outline:none}
.modal .btn, .search-section .btn{border-color: var(--primary-color);color: var(--primary-color)}
.modal .btn:hover, .search-section .btn:hover{color: #fff}
.modal .btn::before, .search-section .btn::before{background: var(--primary-color)}
.modal .careerFilter + p{margin: 0}
.modal .form-control{border-radius: 0;font-weight: 300}
.modal .form-control:focus{box-shadow: none;border-color: var(--primary-color)}
body{padding-right: 0 !important;overflow: auto !important;}
.results-block:not(:last-child) {margin-bottom: 2rem;border-bottom: 1px solid #ddd;padding-bottom: 2rem;}
.faq-section a{font-weight: 500;}
.faq-section p:last-child{margin: 0}
.current-section .page-list-careers{padding: 1.75rem;background: #F8F8F8;}
/*.current-section .page-list-careers a{color: #000;font-weight: 400}*/
.current-section .page-list-careers img{width: 16px;transition: 0.75s;filter: brightness(0) saturate(100%)}
.current-section .page-list-careers a:hover img{transform: translateX(5px);}
.current-section .page-list-careers .btn{min-width: 9.75rem}
.job-detail-section h5{margin-top: 1.5rem}
.job-detail-section ul{padding-left: 1rem}
.job-detail-section li{list-style: disc;list-style-position: outside;margin-bottom: 0.25rem}
.job-detail-section .formBox{padding: 1.25rem;border: 15px solid #103153;position: sticky;top: 110px;}
.formBox label{display: block;float: none;margin: 0.5rem 0 0 !important;}
.formBox input[type="file"], .job-detail-section .formBox .wpcf7-form-control{margin-top: 0}
.value-page .valueBot .wrap, .esg-section-two .wrap{padding: 2.75rem;background: #F4F4F4;position: relative;transition: 0.75s;min-height: 254px;display: flex;flex-direction: column;justify-content: center;}
.value-page .valueBot .wrap:hover{z-index: 2;}
.value-page .valueBot .col-md-6:nth-child(even) .wrap{margin: 10rem 0rem 0 -2.5rem;z-index: 1;}
.value-page .valueBot .col-md-6:nth-child(odd) .wrap{margin: -3rem -2.5rem 0 0rem;}
.value-page .valueBot .shape{transition: 0.75s;right: -2%;top:0;transform: translateX(100%);z-index: -1;opacity: 0.05}
.value-page .valueBot .wrap::after{content: '';position: absolute;inset: 0;background: #103153;transform: translateX(-100%);transition: 0.75s;}
.value-page .valueBot .wrap:hover::after, .value-page .valueBot .wrap:hover .shape{ transform: none !important}
.value-page .valueBot .wrap::before{content: '';position: absolute;inset: 0 auto 0 0;height: 100%;width: 1.81%;background: #103153;z-index: 1;transition: 0.75s;}
.value-page .valueBot .wrap:hover::before {background: #102b46;}
.value-page .valueBot .value-wrap, .esg-section-two .value-wrap{gap: 1rem}
.value-page .valueBot .wrap h2{font-size: 1.875rem;color: rgb(0 0 0 / 30%)}
.value-page .valueBot .wrap h3, .esg-section-two .value-wrap h3, .esg-section-three h5{color: #103153}
.value-page .valueBot .wrap *{position: relative;transition: 0.75s;}
.value-page .valueBot .wrap:hover * {color: #fff;z-index: 2}
.esg-section-two .wrap p{margin: 0}
.esg-section-two .wrap{min-height: 303px;box-shadow: 0 0 10px rgb(0 0 0 / 10%);background: transparent;}
.esg-section-four .wrap{box-shadow: 0 0 10px rgb(0 0 0 / 10%);padding: 2.75rem;}
.tab-content iframe{height: 200px;}
.about-section-two{/*background: #0e121d;*/position: relative;}
.about-section-two::before{content: '';position: absolute;inset: 0;background: radial-gradient(circle, rgba(16,49,83,1) 20%, rgba(16,49,83,0.5) 100%)}
.sitemap{gap: 3rem 0}
.sitemap div{width: 16.66%}
.sitemap a{text-decoration: underline;}
/*--------------------------------------------------------------
# Responsive Media Queries
--------------------------------------------------------------*/
@media (min-width: 768px) {
#contact .contact-address,
#contact .contact-phone,
#contact .contact-email {
padding: 20px 0;
}
#contact .contact-phone {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
}
@media (min-width: 992px) {
#testimonials .testimonial-item p {
width: 80%;
}
}
@media (min-width: 1024px) {
#intro p {
width: 60%;
}
#intro .carousel-control-prev,
#intro .carousel-control-next {
width: 5%;
}
}
@media (max-width: 575px) {
body #mobile-nav-toggle{margin-right: 12px}
}
@media (min-width: 640px) and (max-width: 767px) {
body #mobile-nav-toggle{margin-right: 60px}
}
@media (max-width: 767px) {
h1{
font-size: 35px;
}
.back-to-top {
bottom: 15px;
}
#header #logo h1 {
font-size: 28px;
}
#header #logo img {
max-height: 40px;
width: auto;
}
#intro h2 {
font-size: 28px !important;
}
h2, .home-section-four h3{font-size: 26px}
.banner h4, .home-section-two article h5{font-size: 18px}
.banner h4::before, .home-section-four .col-md-4:nth-child(2) article::before, .home-section-four .col-md-4:nth-child(2) article::after{display: none}
.slick-arrow{left: -10px}
.slick-next{right: -10px;left: auto}
.home-section-three {margin-bottom: -110px;}
.home-section-three figcaption h4{max-width: 120px;font-size: 20px;}
.midFooter .ftrLinks{gap: 15px}
}
@media (min-width: 768px) and (max-width: 991px){
h2, .home-section-four h3{font-size: 30px}
.banner h4::before {width: 55%;}
#mobile-nav-toggle{margin-right: 35px}
.slick-arrow{left: -30px}
.slick-next{right: -30px;left: auto}
}
@media (max-width: 991px){
.headerWrap{padding: 15px 0}
.main-heading {margin-bottom: 20px;}
.home-section-one .sec1Bot span{font-size: 60px}
.home-section-four article {padding: 0 20px;margin-top: 40px;}
.home-section-four li a{font-size: 15px}
.midFooter{padding: 20px 0;margin: 20px 0;}
.footer {padding-bottom: 20px;}
#nav-menu-container {
display: none;
}
#mobile-nav-toggle {
display: inline;
}
.gd-main-menu-wrap {
display: flex;
flex-direction: column;gap: 20px;
align-items: unset;
}
.is-menu a {
display:flex;
justify-content:center;
}
.nav-menu ul {
position:relative;inset: auto;display: none !important;
}
.nav-menu li.active ul {
display: block !important;
}
.main-section{padding: 35px 0}
}
@media (min-width: 992px) and (max-width: 1199px){
#header .btn{font-size: 14px;padding: 8px 10px}
.gd-main-menu-wrap, .nav-menu{gap: 26px}
.banner h4::before {width: 66%}
.home-section-one .sec1Bot span{font-size: 65px}
h2, .home-section-four h3{font-size: 36px}
.slick-arrow{left: -20px}
.slick-next{right: -20px;left: auto}
.home-section-four article{padding: 0 40px;}
}
@media (min-width: 1600px){
:root{
--base-font-size:18px;
}
.home-section-four li a, .home-section-two .main-heading h5{font-size: 21px}
.home-section-two article h5{font-size: 24px}
}