/*--- banner-section ---*/
.banner-section {padding: 180px 0 160px;background-size: cover;}
.bg_overlay {position: relative;}
.bg_overlay::before {content: '';display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.4);}
.banner-section .container {position: relative;z-index: 1;}
.banner-section .button-wrap {margin-top: 64px;}
/*--- three-col-box section ---*/
.solutions-sec p {padding-right: 10px;}
/*--- two-col-full width ---*/
.with-white-text h2 {color: var(--white);}
.with-white-text p {color: var(--white);}
/*--- image grid section ----*/
.image-grid-section h5 {color: var(--blue);font-size: 18px;}
/*---- get in touch ----*/
.get-in-touch-section {position: relative;}
.get-in-touch-section::before {content: '';display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.6);}
.get-in-touch-section .overlay {position: relative;z-index: 1;max-width: 680px;margin: 0 auto;}
.get-in-touch-section h2 {font-size: 34px;line-height: 48px;text-transform: uppercase;color: var(--white);}
.get-in-touch-section p {color: var(--white);}
/*---- inner page banner ----*/
.inner-banner {min-height: 221px;}
.inner-banner::before {content: '';display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,0.2);}
.inner-banner .banner-title {position: relative;z-index: 1;}
.inner-banner .banner-title h1 {color: var(--white);text-transform: uppercase;}
/*--- two-col-box ----*/
.two-column-box {background-color: var(--light-grey);}
.box-inner {box-shadow: 0px 3px 6px #00000012;background-color: var(--white)}
.subheading p {font-size: 18px;line-height: 24px;font-weight: 700;color: var(--blue);}
/*---- service section ----*/
.services-section .text {max-width: 548px;}
.list-heading h3 {font-size: 22px;font-weight: 600;}
.service-lists ul {list-style: none;padding-left: 0;}
.service-lists ul li {position: relative;font-family: var(--secondary_font);font-weight: 500;padding-left: 30px;margin-bottom: 10px;}
.service-lists ul li:last-child {margin-bottom: 0;}
.service-lists ul li::before {content: '';display: block;position: absolute;width: 20px;height: 20px;background-color: var(--blue);border-radius: 50%;left: 0;top: 3px;}
.service-lists ul li::after{content: '';display: block;position: absolute;left: 5px;top: 9px;width: 10px;height: 6px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(-45deg);border-radius: 2px;}
/*--- recent projects ----*/
.recent-projects {background-color: var(--grey);}
.recent-projects h2 {color: var(--white);}
.project-item img {border: 2px solid var(--white);}
/*--- two col repeater ----*/
.two-col-repeater-section{background-color: var(--light-grey);}
.two-col-repeater-section .section-heading {max-width: 724px;margin: 0 auto 100px;}
.two-col-repeater-section .repeater-col {padding-bottom: 70px;border-bottom: 1px solid #9a9a9a;max-width: 1120px;margin: 0 auto 70px;}
.two-col-repeater-section .repeater-col:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: 0;}
.two-col-repeater-section .heading h3 {font-size: 25px;line-height: 30px;color: var(--blue);}
/*---- contatc-section ----*/
.contact-inner {max-width: 840px;margin: 0 auto;}
form.contact-form .form-control {padding: 19px;font-size: 16px;line-height: 18px;color: var(--secondary);box-shadow: 0px 3px 5px #0000000F !important;border: 1px solid #707070;background-color: var(--white);}
form.contact-form .form-control[type=file] {background-color: var(--light_bg);border: 1px dashed #707070;}
/*--- overlapped two col section ----*/
.overlapped-two-col {background-color: #f7f7f0;}
.overlap-img {width: 281px;height: 243px;padding: 8px;background-color: var(--white);top: 50%;transform: translateY(-50%);left: -138px;}
.overlapped-two-col .content-box {padding-right: 50px;}
.overlapped-two-col .content-box h2 {font-size: 30px;line-height: 41px;}
/*----- tabbed-gallery -----*/
.tabbed-gallery .tabs-left {max-width: 341px;background-color: rgba(245,245,245,0.9);padding: 50px 40px;}
.tabbed-gallery .tabs-left .nav-link {padding: 16px 2px;background-color: transparent;font-size: 18px;line-height: 22px;font-family: var(--secondary_font);color: var(--secondary);cursor: pointer;border-bottom: 1px solid #c2c2c2;border-radius: 0;gap: 10px;}
.tabbed-gallery .tabs-left .nav-link i {font-size: 15px;color: #000;}
.tabbed-gallery .tabs-left .nav-link:hover,
.tabbed-gallery .tabs-left .nav-link.active {color: var(--blue);}
.tabbed-gallery .tabs-left .nav-link:hover i,
.tabbed-gallery .tabs-left .nav-link.active i {color: var(--blue);}
.tabbed-gallery .tabs-left .nav-link:last-child {border-bottom: 0;}
.glightbox {display: inline-flex;position: relative;width: 100%;height: 100%;}
.glightbox::before {background-color: rgba(0,0,0,0.45);content: '';display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;visibility: hidden;transition: 0.3s;}
.glightbox:hover::before {opacity: 1;visibility: visible;}
.glightbox i {font-size: 38px;opacity: 0;visibility: hidden;}
.glightbox:hover i {opacity: 1;visibility: visible;}


/*---- responsive ----*/

@media(max-width: 1199px){
/*---- tabbed gallery -----*/
.tabbed-gallery .tabs-left {padding: 30px;max-width: 300px;}
}
@media(max-width: 991px) {
.banner-section {padding: 100px 0;}
.banner-section .button-wrap {margin-top: 40px;}
.get-in-touch-section h2 {font-size: 28px;line-height: 1.2;}
.two-col-repeater-section .section-heading {margin-bottom: 80px;}
/*---- overlapped two col section ----*/
.overlapped-two-col .content-box h2 {font-size: 28px;line-height: 1.2;}
.overlapped-two-col .content-box {padding-right: 20px;}
.overlap-img {width: 180px;height: 150px;left: -80px;}
/*--- tabbed gallery ----*/
.tabbed-gallery .tabs-left {padding: 20px;}
.tabbed-gallery .tabs-left .nav-link {font-size: 15px;}
}
@media(max-width: 767px) {
.banner-section {padding: 80px 0;}
.banner-section .button-wrap {margin-top: 30px;}
.get-in-touch-section h2 {font-size: 24px;line-height: 1.2;}
.two-col-repeater-section .section-heading {margin-bottom: 40px;}
.two-col-repeater-section .heading h3 {font-size: 22px;}
.two-col-repeater-section .repeater-col {padding-bottom: 30px;margin-bottom: 30px;}
.overlapped-two-col .content-box {padding-right: 0;}
.overlapped-two-col .content-box h2 {font-size: 24px;}
.overlap-img {position: static !important;width: 260px;height: 220px;transform: translate(-50%, -40%);margin-left: 50%;margin-bottom: -88px;}
/*--- tabbed-gallery ----*/
.tabbed-gallery .tabs-left {max-width: 100%;}
}