/*!
Theme Name: Gotcha
Theme URI: http://gotchamobi.com
Author: Gotcha
Author URI: http://gotchamobi.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gotcha
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Gotcha is based on Underscores http://gotchamobi.com, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
    - Normalize
    - Box sizing
# Base
    - Typography
    - Elements
    - Links
    - Forms
## Layouts
# Components
    - Navigation
    - Posts and pages
    - Comments
    - Widgets
    - Media
    - Captions
    - Galleries
# plugins
    - Jetpack infinite scroll
# Utilities
    - Accessibility
    - Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
     ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */


body, html{
    padding:0;
    margin: 0;
}


h1,
h2,
h3,
h4,
h5,
h6{
    padding: 0 !important;
    margin: 0 !important;
}

.h1, h1, .banner-section .banner-content h2 {
    font-size: 3.5rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
}
.h2, h2 {
    font-size: 3rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
}
.h3, h3 {
    font-size: 2.75rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
}
.h4, h4 {
    font-size: 2.5rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
}
.h5, h5 {
    font-size: 1.75rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
}
.h6, h6 {
    font-size: 1.75rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
}


ul{
    padding: 0 !important;
    margin: 0 !important;

}
ul li{
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.275;
    letter-spacing: normal;
}
p{  
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.275;
    letter-spacing: normal;
    padding: 0 !important;
    margin: 0 !important;
}
a{
    margin: 0 !important;
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
}

.h2, h2 {
    font-size: 3rem ;
}

.d-flex{
    display: flex;
}
.container {
    width: 90%;
    margin: 0 auto;
    max-width: 1400px;
}
.header .d-flex {
    justify-content: space-between;
}
.header .container{
    align-items: center;
    justify-content: space-between;
}
.header-right-column ul li img {
    max-width: 30px;
}
.navmenu ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.navmenu ul li, .header ul li{
    list-style: none;
    position: relative;
}
a.custom-logo-link img {
    width: 200px;
    height: auto;
}
.navmenu ul li{
    padding: 0 20px
}
.navmenu ul li a {
    padding: 30px 0px;
    text-decoration: none;
    font-size: 16px;
    display: block;
    color: #fff;
}
ul.sub-menu li{
    padding: 0 !important
}
.navmenu ul ul.sub-menu {
    display: block;
    visibility: hidden;
    top: 91%;
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
    border: 0;
    border-radius: 0px;
    margin-top: 8px !important;
    transition: .5s;
    opacity: 0;
    position: absolute;
    width: 250px;
    padding: 0;
    margin: 0;
}
.navmenu ul li:hover ul.sub-menu{
    transform: rotateX(0deg);
    visibility: visible;
    margin-top: 8px !important;
    background: #153073;
    transition: .5s;
    opacity: 1;
}
.navmenu ul ul.sub-menu li a{
    padding: 10px 15px;
}

.navmenu ul ul.sub-menu li ul.sub-menu{
    display: block;
    visibility: hidden;
    top: 100%;
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
    border: 0;
    border-radius: 0px;
    margin-top: 8px !important;
    transition: .5s;
    opacity: 0;
    position: absolute;
    width: 250px;
    padding: 0;
    margin: 0;
    left: 100%;
    top:0;
}
.navmenu ul ul.sub-menu li:hover ul.sub-menu{
    transform: rotateX(0deg);
    visibility: visible;
    margin-top: 8px !important;
    background: #153073;
    transition: .5s;
    opacity: 1;
}
.header ul{
    padding: 0;
    margin: 0;
}

.footer .row{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer-links {
    display: flex;
    flex-flow: column;
    gap: 1rem;
}
.footer-links h6{
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 20px;
}
.footer-links ul{
    padding: 0;
    margin: 0;
    display: flex;
    flex-flow: column;
    gap: 10px;
}
.footer-links ul li{
    list-style:none;
}
.footer-links p{
    padding: 0;
    margin: 0;
}

.footer-bottom ul {
    padding: 0;
    margin: 0;
}
.footer-bottom ul li{
    list-style: none;
    padding: 0 6px;
}
.footer-bottom .copyright {
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.social-link img {
    max-height: 24px;
}
ul.social-link.d-flex {
    display: flex;
    align-items: center;
    gap: 7px;
}
.footer-bottom ul li:first-child {
    padding-left: 0;
}
.footer-bottom ul li:last-child {
    padding-right: 0;
}
.copyright {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #ddd;
}
.footer-top{
    padding-top: 50px;
    padding-bottom: 30px;
}
.fixed-top {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
}
.navmenu ul ul.sub-menu li a {
    padding: 10px 15px;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
}
.menu-item-has-children > a:after {
    content: '';
    width: 12px;
    height: 10px;
    background: url(/wp-content/uploads/2024/09/angle-down-solid-white.png);
    position: relative;
    display: inline-block;
    margin-left: 3px;
    background-position: center center !important;
    background-size: contain !important;
    background-repeat: no-repeat!important;
}
.menu-item-has-children .menu-item-has-children > a:after{
    background: url(/wp-content/uploads/2024/09/angle-right-solid-white.png);
    background-position: center center !important;
    background-size: contain !important;
    background-repeat: no-repeat!important;
    margin-left: auto;
    margin-right: 0;
    height: 12px;
    width: 12px;
}
.header{
    background: #153073;
}
.footer{
    background: #20305b;
}
.footer-links h6, .footer-links ul li a, .footer-links p, .footer-links a{
  color: #fff;
    text-decoration: none;
}
.footer-bottom ul li, .footer-bottom ul li a{
    color: #fff;
}

.serach-form-wrap form.search-form {
    display: flex;
    width: 100%;
    border-radius: 8px !important;
    overflow: hidden;
}
.serach-form-wrap .search-form label {
    width: calc(100% - 109px);
}
.serach-form-wrap input.search-field {
    height: 48px;
    padding: 12px;
    border-radius: 0px;
    border: solid 0px #cdd5df;
    background-color: #f6faff;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #122442;
    font-family: 'Figtree' !important;
    width: calc(100% - 48px);
    outline: none;
    box-shadow: none;
    width: 100%;
}
.serach-form-wrap input.search-submit {
    width: 109px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: #003f87;
    color: #fff;
    font-size: 18px;
    line-height: 1;
}
button.btn-close {
    position: absolute;
    right: -20px;
    top: -20px;
    width: 30px;
    height: 30px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    opacity: 1;
    color: #fff;
    padding: 0;
    box-shadow: none;
    outline: none;
    font-size: 22px;
}
button.btn-close img{
    width: 15px;
}
body {
    padding-top: 83px;
    overflow-x: hidden;
    width: 100%;
}



.banner-section .container {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
}

.banner-section img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}
.banner-section .banner-content {
    height: calc(100vh - 83px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    gap: 25px;

}
.banner-section .banner-content p{
        font-size: 2.5rem;
}
.banner-section .banner-content p, .banner-section .banner-content h1, .banner-section .banner-content h2{
    color: #fff;
    padding: 0;
    margin: 0;
}
.banner-section {
    background-position: center center !important;
    background-size: cover !important;
    position: relative;
    height: calc(100vh - 83px);
}
.botton-wrapper {
    gap: 20px;
}
.botton-wrapper .btn, a.btn-color {
    padding: 10px 20px;
    color: #fff !important;
    border: 1px solid #e1294b !important;
    background: #e1294b !important;
}
.botton-wrapper .btn-transparent {
    background: transparent !important;
    border: 1px solid #fff !important;
    color: #fff !important;
}
.botton-wrapper .btn:hover, .botton-wrapper .btn-transparent:hover, a.btn-color:hover{
    color: #fff !important;
    border-color: #3159b6 !important;
    background: #3159b6 !important;
}
.benefits-content {
    padding-left: 50px;
    position: relative;
}
.benefits-content img {
    width: 35px;
    position: absolute;
    left: 0;
    top: 0;
}
.benefits-content {
    display: flex;
    flex-flow: column;
    gap: 15px;
    align-items: flex-start;
}
.signature-series-content {
    padding: 50px;
    background-size: cover !important;
    background-position: bottom center !important;
    height: 400px;
    display: flex;
    flex-flow: column;
    gap: 15px;
}
.signature-series-content h4, .signature-series-content p, .signature-series-content h2{
  color: #fff;
}
.view-details{
  color: #fff;
}
/*  Video Section Start */
.video-content {
    flex-flow: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
}
.video-container {
  max-width: 840px;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.04);
}
.video-container .video-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-container video {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.play-button-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  pointer-events: none;
}
.play-button-wrapper #video-play-button {
  cursor: pointer;
  pointer-events: auto;
}
.play-button-wrapper #video-play-button img {
  width: 100px;
  height: 100px;
  fill: #fff;
  stroke: #fff;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  opacity: 0.9;
}
.we-serve-section {
    background: #f5f5f5;
}
.video-section{
    background-position: bottom center !important;
    background-size: cover !important;
}
.owl-nav button img {
    height: 20px;
}
.owl-nav button {
    position: absolute;
    width: 50px;
    height: 50px;
    top: calc(50% - 24px);
    margin-top: -25px;
    border-radius: 50%;
    background: #fff !important;
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4);
}
.owl-nav button.owl-next{
    left: calc(100% - 25px);
}
.owl-nav button.owl-prev {
   right: calc(100% - 25px);
}
.we-serve-content {
    height: 320px;
}
.we-serve-content a img{
    width: 100%;
    height: 100%;
    object-fit: cover !important;
}
.we-serve-content a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    gap: 15px;
    position: relative;
}
.weserve-desc {
    position: absolute;
    width: 100%;
    padding: 15px 15px 30px 15px;
    bottom: 0px;
    background-image: linear-gradient(to bottom, rgba(17, 34, 62, 0) 0%, rgba(17, 34, 62, 0.5) 70%, #1058a9 100%);
}
.weserve-desc h3, .weserve-desc h4, .weserve-desc p, .weserve-desc a{
    color: #fff;
}
.owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    width: 100%;
}
.owl-dots button.owl-dot {
    width: 25%;
    height: 8px;
    background: #d1d1d1;
}
.owl-dots button.owl-dot.active{
    background: #153073 !important;
}
.content-and-image-section{
    background: #f5f5f5;
}
.content-and-image-section .content {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}

.content-and-image-section .right-image{
    flex-flow: row wrap;
}
.content-and-image-section .left-image{
    flex-flow: row-reverse;
}

.blog-content {
    padding: 30px;
    width: 50%;
    display: flex;
    flex-flow: column;
    gap: 15px;
}
.blog-content-wrap {
    background: #f4f4f4;
    height: 100%;
}
.blog-image {
    width: 50%;
}
.blog-content {
    padding: 30px;
    width: 50%;
}
.blog-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.brand_section{
    background: #f5f5f5;
}
.title-desc {
    display: flex;
    flex-flow: column;
    gap: 15px;
}

.big-text {
    font-size: 80px;
}
.what-we-bring-content{
  display: flex;
  flex-flow: column;
  gap: 20px;
  align-items: flex-start;
}
.what-we-bring{
    background: #f5f5f5;
}
.industries-section h2{
    font-size: 3rem;
}
.industries-content {
    display: flex;
    flex-flow: column;
    gap: 20px;
    align-items: flex-start;
}
.industries-content ul li {
    list-style: none;
    line-height: 50px;
    font-size: 2rem;
}
.industries-content ul{
    width: 100%;
}
.industries-content ul li a {
    text-decoration: none;
    color: #000;
    position: relative;
    width: 100%;
    padding: 5px 0;
    display: block;
}
.industries-content ul li a:after{
  content: "";
  position: absolute;
  left: 0;
  width: calc(100% - 1px);
  height: 2px;
  background: #000;
  top: auto;
  bottom: 0;
  opacity: 0;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
}
.industries-content ul li a:before{
  content: "";
  position: absolute;
  right: 0;
  width: 10px;
  height: 10px;
  background: transparent;
  top: auto;
  bottom: -4px;
  opacity: 0;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(-45deg);
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
}
.industries-content ul li a:hover:after, .industries-content ul li.active a:after, .industries-content ul li a:hover:before, .industries-content ul li.active a:before{
    opacity:1;
}
.counter-section {
    background-position: bottom center !important;
    background-size: cover !important;
}
.counter-content {
    display: flex;
    flex-flow: column;
    gap: 15px;
    position: relative;
}
.counter-content:after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -12px;
    background: #fff;
}
.counter-box:last-child .counter-content:after{
    display: none;
}
.counter-section h2{
  color: #fff;
}
.counter-content h3, .counter-content h4, .counter-content h5, .counter-content p{
  color: #fff;
}

.not-found-sec h2 {
    font-size: 5rem;
}
.not-found-sec h2 span{
    color: #e0294b;
}
.accordion-header button {
    font-size: 22px;
}
.acordion-section {
    background: #f5f5f5;
}
.accordion {
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    width: 100%;
}
.accordion-header, .accordion-header button {
    margin-bottom: 0;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}
.tab-content .tab-content {
    display: flex;
    flex-flow: column;
    gap: 15px;
    align-items: flex-start;
}
.tab-section .nav-tabs .nav-link {
    border: 0;
    font-size: 18px;
    position: relative;
    box-shadow: none;
    outline: none;
}
.tab-section .nav-tabs .nav-link:hover, .tab-section .nav-tabs .nav-link.active{
    font-weight: bold;
}
.tab-section .nav-tabs .nav-link:after{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000;
    top: auto;
    bottom: 0;
    opacity: 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}
.tab-section .nav-tabs .nav-link:hover:after, .tab-section .nav-tabs .nav-link.active:after{
    opacity: 1;
}

.hero-carousel .owl-nav button.owl-next {
    left: 95%;
}
.hero-carousel .owl-nav button.owl-prev {
    right: 95%;
}
.owl-nav button img {
    height: 20px;
    width: auto;
}
.heroslider-content, .banner-section .banner-content{
    height: calc(100vh - 83px)
}
.hero-carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    width: 100%;
    position: absolute;
    bottom: 40px;
    gap: 8px;
}
.hero-carousel .owl-dots button.owl-dot {
    width: 13px;
    height: 13px;
    background: #fff !important;
    border-radius: 50%;
    border: 3px solid #fff;
}
.hero-carousel .owl-dots button.owl-dot.active{
    background: #fff !important ;
    border: 3px solid #e1294b;
}
.hero-carousel .owl-nav button{
    margin-top: 0;
}
.sightBar-left-content ul li {
    list-style: none;
    padding: 5px 0;
}
.sightBar-left-content {
    display: flex;
    flex-flow: column;
    gap: 15px;
}
.sightBar-left-column .sightBar-left-content {
    margin-bottom: 25px;
}
.sightBar-left-column .sightBar-left-content:last-child{
    margin-bottom: 0;
}
.sightBar-right-column .container {
    max-width: unset !important;
}

.sightBar-left-content {
    background: #f4f4f4;
}
.sightBar-left-content ul {
    padding: 0;
    margin: 0;
}
.sightBar-left-content ul li {
    list-style: none !important;
    padding: 0;
}
.sightBar-left-content ul ul{
    margin-left: 15px !important;
}
.sightBar-left-content ul li a {
    line-height: 34px;
    display: block;
    text-decoration: none !important;
    position:relative;
    padding: 2px 0;
}
.sightBar-left-content ul li a:after, .menu-item-has-children .menu-item-has-children > a:after {
    content: "" !important;
    position: absolute;
    left: 0;
    top: 100%;
    background: #587cd8;
    height: 4px;
    width: 0%;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}
.sightBar-left-content ul li a:hover:after, .sightBar-left-content ul li.active a:after, .sightBar-left-content ul li.current-menu-item a:after {
    width: 100%;
}
.sightBar-left-content ul.recent-posts{
    display: flex;
    flex-flow: column;
    gap: 10px;
}
.sightBar-left-content ul.recent-posts a {
    display: flex;
    align-items: center;
    gap: 10px;
}
.sightBar-left-content ul.recent-posts a:after{
    display: none;
}
.sightBar-left-content ul.recent-posts .recent-posts-image {
    width: 100px;
    height: 80px;
}
.sightBar-left-content ul.recent-posts .recent-posts-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sightBar-left-content ul.recent-posts .recent-posts-title{
    width: calc(100% - 110px)
}

.sightBar-left-content ul.tags-list {
    display: flex;
    flex-flow: row wrap;
    gap: 10px;
}
.sightBar-left-content ul.tags-list li a {
    border-radius: 50px;
    font-size: 14px;
    padding: 0px 15px;
    display: inline-block;
    transition: 0.3s;
    background: #3f6dd8;
    color: #fff;
}
.sightBar-left-content ul.tags-list li a:after{
    display: none;
}

.sidebar-row .benefits-content img {
    width: 24px;
}
.sidebar-row .benefits-content {
    padding-left: 30px;
}
.sidebar-row .benefits-content h3, .sidebar-row h4 {
    font-size: 1.3rem;
}
.sidebar-row .row .container{
    width: 100% !important; 
    max-width: 100% !important;
}
.sightBar-left-content ul.sidebar-menu {
    margin-left: 19px !important;
}
.sightBar-left-content ul.sidebar-menu li {
    list-style: disc !important;
}
.sightBar-left-content ul.sidebar-menu li::marker {
    color: #587cd8 !important
}
.sidebar-row .industries-section h2 {
    font-size: 2rem;
}




.multiple-image {
    background-position: left top !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}    
.multiple-image-left h2{
    font-family: 'Futura PT';
    font-size: 78px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}
.multiple-image-left h2 span{
    color: #e0294b;
}
.multiple-image-desc a {
    font-family: 'Futura PT';
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: left;
    color: #31353b;
    display: block;
    padding: 10px 0;
    text-decoration: none;
}
.multiple-image-content {
    position: relative;
    box-shadow: 0 16px 29px 0 rgba(0, 0, 0, 0.1);
    background: #d7d8d5;
}
.multiple-image-desc{
    position: absolute;
    width: 94%;
    bottom: 5px;
    left: 0;
    padding: 15px;
    right: 0;
    margin: 0 auto;
    border-radius: 2px;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    border: solid 1px #e8e4e4;
    background-color: rgba(232, 228, 228, 0.9);
}
.multiple-image-left {
    padding-left: calc(((100% - 1400px) / 2) + .75rem) !important;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}
.multiple-image-left .btn{
    border: solid 1px #0095a8 !important;
    background-color: rgba(237, 237, 237, 0.8) !important;
    color: #a90056 !important;
}
.multiple-image-left .btn:hover {
    padding: 10px 20px;
    color: #fff !important;
    border: 1px solid #a90056 !important;
    background: #a90056 !important;
}

.two-layer-carousel-section .two-layer-carousel-content:first-child {
    margin-bottom: 20px;
}
.two-layer-carousel-section .two-layer-carousel-content{
    position: relative;
}
.two-layer-carousel-section .two-layer-carousel-desc {
    position: absolute;
    bottom: 0;
    padding: 20px 10px;
    width: 100%;
    background-image: linear-gradient(to bottom, rgba(17, 34, 62, 0) 0%, rgba(17, 34, 62, 0.6) 70%, #000000 100%);
}
.two-layer-carousel-section .two-layer-carousel-desc h4, .two-layer-carousel-section .two-layer-carousel-desc h5, .two-layer-carousel-section .two-layer-carousel-desc p, .two-layer-carousel-section .two-layer-carousel-desc a{
    color: #fff;
}

.single-blog .post-thumbnail img {
    width: 100%;
    height: auto !important;
}
.single-blog  article{
    display: flex;
    flex-flow: column;
    gap: 20px;
}
.single-blog .entry-content{
    display: flex;
    flex-flow: column;
    gap: 20px;
}
.single-blog .comment-form{
    display: flex;
    flex-flow: column;
    gap: 15px;
}
.single-blog .comment-form label {
    display: block !important;
}
.single-blog .comment-form textarea, .single-blog .comment-form input, .single-blog .comment-form select{
    width: 100%;
    height: 48px;
}
.single-blog .comment-form textarea{
    height: 120px;
}
.single-blog .comment-form-cookies-consent {
    display: flex;
}
.single-blog .comment-form input[type="checkbox"]{
    width: 20px;
    margin-right: 14px;
    height: 24px;
}
.single-blog .comment-form input[type="submit"]{
    width: 279px;
    height: 48px;
}
.single-blog .navigation {
    margin: 1.5rem 0;
}
.single-blog .entry-meta{
    margin-top: 15px;
}


ul.inner-sticky-menu {
    justify-content: center;
}
ul.inner-sticky-menu li{
    list-style: none;
    padding: 10px;
}
ul.inner-sticky-menu li a{
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: center;
    display: block;
    padding: 10px 0;
}
.sticky-sm-top.sticky-xxl-top {
    background: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 84px;
    z-index: 1020;
}
.table-sec .title {
    display: flex;
    flex-flow: column;
    gap: 10px;
}
.table-content {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}
.table-content img{
    height: 25px;
}

.latest-blog-content {
    background: #153073;
    display: flex;
    align-items: center;
}
.latest-blog-content .content{
    display: flex;
    flex-flow: column;
    gap: 15px;
    align-items: flex-start;
    padding: 30px;
}
.latest-blog-content h2, .latest-blog-content h3, .latest-blog-content h4, .latest-blog-content h5, .latest-blog-content  h6, .latest-blog-content p{
    color: #fff;
}
.latest-blog-wrap .row {
    margin: 0 !important;
}
.latest-blog-img {
    padding: 0 !important;
}
div#blog-counter {
    position: absolute;
    bottom: 27px;
    z-index: 2;
    color: #fff;
    font-size: 24px;
    left: calc(50% - 99px);
    width: 50px;
    text-align: center;
}
.carousel-wrap {
    position: relative;
}
.latest-blogs-slider button.owl-prev {
    bottom: 20px;
    top: auto;
    left: calc(50% - 150px);
    z-index: 99;
}
.latest-blogs-slider .owl-nav button.owl-next{
    bottom: 20px;
    top: auto;
    right: auto;
    left: calc(50% - 50px) !important;
    z-index: 99;
}

.py-5 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}
.pb-4 {
    padding-bottom: 4rem !important;
}

.table th, .table td {
    text-align: center;
}
.review-name h6 {
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: left;
    color: #31353b;
    margin-bottom: 8px !important;
}
.review-name p{
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: left;
    color: #31353b;
}
.testimonial-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}
span.star {
    color: #a90056;
    font-size: 22px;
}
.testimonial-content h3{
    font-size: 2rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: left;
    color: #31353b;
}
.testimonial-common{
    display: none;
}
.testimonial-common.visible{
    display: block;
}
.testimonial-content p{
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: left;
    color: #31353b;
}
.testimonial-content{
    display: flex;
    flex-flow: row wrap;
    gap: 20px;
    flex-flow: column;
    align-items: flex-start;
}
.testimonial-content-wrap {
    border-radius: 2px;
    border: solid 1px rgba(105, 149, 154, 0.25);
    padding: 30px 30px 70px 30px;
    display: flex;
    flex-flow: row wrap;
    gap: 20px;
    position: relative;
}
.testimonial-content img:last-child {
    margin-left: auto;
    margin-right: 0;
    position: absolute;
    bottom: 30px;
    right: 40px;
}

.post-sidebar-details .widget-area {
    display: flex;
    gap: 20px;
    flex-flow: column;
}
.post-sidebar-details .widget_block {
    background: #ededed63;
    padding: 30px;
}
.single-blog .post-sidebar-details .wp-block-latest-posts__list {
    display: flex;
    gap: 15px;
    flex-flow: column;
}
.single-blog .post-sidebar-details .wp-block-latest-posts__list li {
    clear: both;
    overflow-wrap: break-word;
    border-bottom: 1px solid rgba(105, 149, 154, 0.28);
    padding-bottom: 15px;
    list-style: none;
}
.post-sidebar-details .wp-block-latest-posts__list li a {
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: left;
    text-decoration: none;
    color: #31353b;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}
.post-sidebar-details .wp-block-latest-posts__list li a:hover {
    color: #0095a8;
}
.post-sidebar-details .h2, .post-sidebar-details h2 {
    font-size: 2rem;
}
.wp-block-group__inner-container {
    display: flex;
    gap: 30px;
    flex-flow: column;
}
.post-sidebar-details .widget_block ul, .post-sidebar-details .widget_block ol{
    padding: 0;
    margin: 0;
}
.post-sidebar-details .widget_block ul li, .post-sidebar-details .widget_block ol li{
    list-style: none;
}

ul.blog-bio, ul.blog-category {
    display: flex;
    gap: 10px;
}
ul.blog-bio li, ul.blog-category li {
    list-style: none;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: left;
    color: #0095a8;
}
ul.blog-bio li {
    border-right: 1px solid #bcb7b7;
    margin-right: 12px;
    padding-right: 12px;
}

ul.blog-category a, .nav-previous a, .nav-next a {
    position: relative;
    min-width: 155px;
    width: fit-content;
    height: 37px;
    z-index: 2;
    text-align: center;
    justify-content: center;
    display: flex;
    overflow: hidden;
    align-items: center;
    padding: 0px 13px;
    border-radius: 50px;
    background-color: #e8e4e4;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: left;
    color: rgba(49, 53, 59, 0.5);
    text-decoration: none;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

.comments-area .h2, .comments-area h2 {
    font-size: 2rem;
}

.blog-category .blog-content-wrap.d-flex {
    flex-flow: column;
}
.blog-category .blog-image, .blog-category .blog-content {
    width: 100%;
}
.post-details .h2, .post-details h2 {
    font-size: 2rem;
}

.blog-section .blog-content ul.blog-category, .blog-section .blog-content ul.blog-bio {
    display: none;
}

.widget_search label {
    margin-bottom: 10px;
}

.post-sidebar-details .widget_block {
    padding: 20px;
}

.text-carousel-section.py-5 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
.text-carousel-desc {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    gap: 15px;
}
.text-carousel-section .owl-nav button {
    top: 50%;
    background: transparent !important;
    box-shadow: none !important;
}

.block-image-wrap {
    height: 300px;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 15px;
}
.block-img-desc{
    margin-bottom: 20px;
}
.block-image-wrap img{
    width: 100%;
    height: 100%;
    max-width: unset !important;
    object-fit: cover;
    object-position: center;
}

.block-img-content img {
    height: 100px;
    width: auto;
    margin: 0 auto;
    display: block;
}

.block-img-content {
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.38);
    box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.38);
    background: #fff;
    border-radius: 15px;
    padding: 25px;
}
.block-content {
    background: #153073;
    color: #fff;
    padding: 30px;
    display: flex;
    flex-flow: column;
    gap: 15px;
    height: 100%;
    align-items: flex-start;
    justify-content: center;
    border-radius: 15px;
}
.title {
    display: flex;
    flex-flow: column;
    gap: 15px;
}
.vertical-tab-content-left {
    display: flex;
    flex-flow: column;
    gap: 20px;
}
.vertical-tab-content-left .nav{
    display: flex;
    flex-flow: column;
    gap: 15px;
}
.vertical-tab-content-left .nav-link {
    padding: 15px 15px 15px 0;
    text-align: left !important;
    background: transparent !important;
    border: 0;
    border-bottom: 1px solid #000 !important;
    border-radius: 0;
    position: relative;
    color: #000 !important;
}
.vertical-tab-content-left .nav-link:after{
    content: "";
    position: absolute;
    right: 0;
    width: 10px;
    height: 10px;
    background: transparent;
    top: 50%;
    margin-top: -4px;
    opacity: 1;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000 ;
    transform: rotate(-45deg);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}
.vertical-tab-content-left .nav-link:hover:after, .vertical-tab-content-left .nav-link.active:after{
    border-color: #e0294b !important;
}
.vertical-tab-content-left .nav-link:hover, .vertical-tab-content-left .nav-link.active{
    color: #e0294b !important;
    background: transparent !important;
    border-bottom: 1px solid #e0294b !important;
}
.vertical-tab-content-wrap{
    display: flex;
    flex-flow: column;
    gap: 20px;
}
.vertical-tab-desc {
    display: flex;
    flex-flow: column;
    gap: 15px;
}

.get-in-touch-content h2{
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #31353b;
}
.get-in-touch-content h3{
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: left;
    color: #31353b;
}
.get-in-touch-content p{
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: left;
    color: #31353b;
}
.get-in-touch-content ul li {
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: left;
    color: #31353b;
    list-style: none;
    padding-left: 20px;
    background: url(/wp-content/uploads/2024/10/subtract-1.png);
    background-position: left top 1px !important;
    background-size: 14px !important;
    background-repeat: no-repeat !important;
    padding-bottom: 15px;
}
.get-in-touch-content ul li:last-child{
    padding-bottom: 0;
}
.contact-us-content .title-desc {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    background-color: #ededed;
    padding: 12px 25px;
    margin-bottom: -150px;
    position: relative;
    z-index: 9;
}
.get-in-touch-left {
    box-shadow: 7px 0 20px 0 rgba(105, 149, 154, 0.13);
    background-color: #fff;
    display: flex;
}
.office-address {
    display: flex;
    flex-flow: column;
    gap: 15px;
}
.office-address h6 {
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: left;
    color: #31353b;
    border-bottom: 1px solid #69959a;
    width: 100%;
    padding-bottom: 5px !important;
}
.office-address img{
    margin-left: 0;
    margin-right: auto;
}
.office-address p, .office-address p a{
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: left;
    color: #31353b;
}
.get-in-touch-content {
    display: flex;
    flex-flow: column;
    gap: 20px;
    padding: 40px 30px;
    position: relative;
    height: 100%;
}
.get-in-touch-left .col-12{
    height: 100%;
}
.get-in-touch-left .col-12:first-child .get-in-touch-content:after {
    position: absolute;
    content: "";
    left: calc(100% + 12px);
    width: 1px;
    top: 30px;
    height: calc(100% - 70px);
    background: #69959a;
    top: 35px;
}

.office-address {
    display: flex;
    flex-flow: column;
    gap: 15px;
}
.office-location-content {
    display: flex;
    flex-flow: column;
    gap: 25px;
}
.get-in-touch-right {
    margin-right: -12px;
    margin-left: auto;
    padding: 15px 0 15px 60px;
}

.contact-us-content.pt-0 {
    padding-top: 0 !important;
}
.contact-us-content.pb-0{
    padding-bottom: 0 !important;
}
.full-with-map.py-0{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
} 
.full-with-map .container.container-lg.container-md.container-sm {
    max-width: 100%;
    width: 100%;
    padding: 0;
}
.contact-page-map iframe {
    display: block !important;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;

}
.contact-page-map{
    position: relative;
}
.contact-page-map:after{
    background-image: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0.88) 51%, rgba(255, 255, 255, 0));
    height: 160px;
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}



.lets-work-together-content input, .get-in-touch-content input{
    font-weight: 500 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 1.08 !important;
    letter-spacing: normal;
    text-align: left !important;
    color: #878f9a !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #69959a !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
.lets-work-together-content select, .get-in-touch-content select{
    font-weight: 500 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 1.08 !important;
    letter-spacing: normal;
    text-align: left !important;
    color: #878f9a !important;
    border: 0 !important;
    border-bottom: 1px solid #69959a !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
.lets-work-together-content textarea, .get-in-touch-content textarea{
    font-weight: 500 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 1.08 !important;
    letter-spacing: normal;
    text-align: left !important;
    color: #878f9a !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #69959a !important;
    outline: none !important;
    box-shadow: none !important;
    height: 50px !important; 
    min-block-size: 2rem !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

.lets-work-together-content input[type="submit"], .get-in-touch-content input[type="submit"]{
    background: #153073 !important;
    font-weight: 500 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    text-align: center !important;
    color: #ededed !important;
    width: 177px !important;
    height: 62px !important;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.lets-work-together-content input[type="submit"]:hover, .get-in-touch-content input[type="submit"]:hover{
    background: #0095a8 !important;
    color: #fff !important;
}
.lets-work-together-content #gform_1_validation_container {
    display: none !important;
}
.lets-work-together-content .gform-theme--foundation .gform_fields {
    grid-row-gap: 20px !important;
    row-gap: 20px !important;
}
.get-in-touch-content .gform-theme--foundation .gform_fields {
    grid-row-gap: 20px !important;
    row-gap: 30px !important;
}
.lets-work-together-popup img{
    width: 100%;
}
.lets-work-together-popup button.btn-close {
    right: 11px !important;
    top: 12px !important;
    width: 25px !important;
    height: 25px !important;
    background: url(/wp-content/uploads/2024/09/group-220.png) !important;
    background-position: center center !important;
    background-size: cover !important;
}
.lets-work-together-content  p.gform_required_legend, .get-in-touch-content  p.gform_required_legend{
    display: none;
}
.get-in-touch-content input[aria-invalid="true"], .get-in-touch-content textarea[aria-invalid="true"], .get-in-touch-content select[aria-invalid="true"], .lets-work-together-content input[aria-invalid="true"], .lets-work-together-content textarea[aria-invalid="true"] {
    border-color: red !important;
}
.lets-work-together-popup .gfield_validation_message, .get-in-touch-content .gfield_validation_message, .get-in-touch-content .gform_validation_errors{
    display: none !important;
}
.lets-work-together-content .gform_heading {
    display: flex;
    flex-flow: column;
    gap: 20px;
    margin-bottom: 15px;
}
.lets-work-together-content.popup-form-submitted, .get-in-touch-content .gform_confirmation_message {
    padding: 0;
    gap: 0;
    background: #0095a8;
}
.get-in-touch-content .gform_confirmation_message {
    padding: 40px 15px;
    gap: 0;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}
.lets-work-together-content.popup-form-submitted .gform_confirmation_message {
    width: 100% !important;
    height: 100% !important;
    gap: 3px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-flow: column;
}
.lets-work-together-content.popup-form-submitted .gform_confirmation_wrapper{
    width: 100% !important;
    height: 100% !important;
}
.lets-work-together-popup .col-12.col-sm-12.col-md-12.col-lg-6.col-xl-6.col-xxl-6 {
    padding: 0;
}
.lets-work-together-content.popup-form-submitted .gform_confirmation_message img {
    width: auto;
}

.lets-work-together-popup .col-12.col-sm-12.col-md-12.col-lg-6.col-xl-6.col-xxl-6:first-child {
    width: 46%;
}
.lets-work-together-popup .col-12.col-sm-12.col-md-12.col-lg-6.col-xl-6.col-xxl-6:last-child{
    width: 54%;
}
.lets-work-together-popup .lets-work-together-content h3, .get-in-touch-content .gform_confirmation_message h3{
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #ededed;
}
.lets-work-together-popup .gform_confirmation_message, .lets-work-together-popup .gform_confirmation_message p, .get-in-touch-content .gform_confirmation_message, .get-in-touch-content .gform_confirmation_message p{
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: center;
    color: #ededed;
}

.h6, h6 {
    font-size: 1.4rem;
}

.acordion-with-image-section .right-image {
    flex-flow: row-reverse;
}
.accordion-img-right-content{
    display: flex;
    flex-flow: column;
    gap: 25px;
}
.two-layer-carousel-desc h4, .multiple-image-desc h4, .blog-content h3 a, .weserve-desc h3, .benefits-content h3, .banner-section .banner-content h3, .counter-content h4{
    font-size: 1.5rem;
}
.weserve-desc h4{
    font-size: 1rem;
}
.multiple-image-left-content {
    display: flex;
    flex-flow: column;
    gap: 25px;
    align-items: flex-start;
}
a.custom-logo-link {
    padding: 3px 0;
}

.testimonial-header h3{
    font-size: 1.5rem;
    margin-bottom: 8px !important;
}



.video-popup video {
    width: 100%;
    padding: 0;
    margin: 0 0 -10px 0;
}
.two-image .image-wrap {
    position: relative;
}
.two-image .image-wrap img:nth-of-type(2){
    position: absolute;
    right: 0;
    bottom: 0;
    width: 57%;
}
.video-section .video-content {
    display: flex;
    flex-flow: column;
    gap: 20px;
    align-items: flex-start;
    max-width: 434px;
}
.video-section .video-content-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.video-section .popup-poster {
    position: relative;
}
.video-section .popup-poster:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/2024/10/play-circle1.png);
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.video-popup .modal-body {
    padding: 0;
    border-radius: 0;
}
.video-popup .modal-body .col-12{
    padding: 0 !important;
}
.video-popup button.btn-close {
    background: url(/wp-content/uploads/2024/09/x-solid.png) #000;
    background-position: center center !important;
    background-size: 14px;
    background-repeat: no-repeat;
}
.video-content a img{
    max-width: 220px;
}
.blog-content a.btn {
    display: none;
}





.imagebox-list-section .title-desc a.btn {
    padding: 6px 16px;
    background-color: #140f0e !important;
    border-color: #140f0e !important;
    color: #fff !important;
}
.imagebox-list-section .title-desc a.btn:hover{
    color: #fff !important;
    background-color: #d90b26 !important;
    border-color: #d90b26 !important;
}
.products-image-wrap {
    position: relative;
}
.products-image-wrap img{
    opacity: 1;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}
.products-image-wrap .on-hover-active{
    position: absolute;
    opacity: 0;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.products-image-wrap:hover img{
    opacity: 0;
}
.products-image-wrap:hover img.on-hover-active{
    opacity: 1;
    z-index: 9;
}

.product-wrap{
    position: relative;
    border: solid 1px rgba(20, 15, 14, 0.16);
    background-color: #fff;
}
.customize-color {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #140f0e;
    position: absolute;
    display: flex;
    align-items: center;
    z-index: 99;
    justify-content: space-between;
    right: 15px;
    top: 15px;
    text-decoration: none;
    gap: 10px;
}
.customize-color span.btn-bg-color {
    background: #f3f3f3;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 8px;
    text-decoration: none;
}
.products-desc h3{
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: rgba(20, 15, 14, 0.56);
}
.products-desc h4{
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #140f0e;

}
.products-content p strong{
    font-weight: 600;
    color: rgba(20, 15, 14, 0.56);
}
.products-content p{
    color: rgba(20, 15, 14, 0.56);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
            line-clamp: 2; 
    -webkit-box-orient: vertical;
}
.products-content .Learn-more{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: 1.12px;
    text-align: left;
    color: #140f0e;
    width: 158px;
    height: 56px;
    flex-grow: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 32px;
    object-fit: contain;
    border: solid 1px rgba(20, 15, 14, 0.24);
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -13px !important;
    text-decoration: none;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}
.products-content .Learn-more:hover{
    color: #fff !important;
    background-color: #140f0e !important;
    border-color: #140f0e !important;
}

.products-desc {
    padding: 30px;
}
.products-content {
    padding-right: 170px;
    position: relative;
    border-top: solid 1px rgba(20, 15, 14, 0.16);
    padding-top: 15px;
    margin-top: 15px;
    padding-bottom: 15px;
}







.products-image-wrap img{
    width: 100%;
}
span.bg-color img {
    max-width: 31px;
}
.imagebox-list-section .title-desc {
    justify-content: space-between;
    flex-flow: row;
    align-items: center;
}


@media (min-width: 576px) {
.page-template-template-with-sidebar .container-fluid .sidebar-row {
    max-width: 98%;
    margin: 0 auto !important;
}
}

@media (min-width: 992px) {
.page-template-template-with-sidebar .container-fluid .sidebar-row {
    max-width: 936px;
    margin: 0 auto !important;
}
}

@media (min-width: 1200px) {
.page-template-template-with-sidebar .container-fluid .sidebar-row {
    max-width: 1116px;
    margin: 0 auto !important;
}
}
@media (min-width: 1400px) {
.page-template-template-with-sidebar .container-fluid .sidebar-row {
    max-width: 1296px !important;
    margin: 0 auto !important;
}
}

@media(max-width:1680px) {
.big-text {
    font-size: 80px;
}
.sidebar-row .big-text {
    font-size: 71px;
}
.py-5 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}
.pb-4 {
    padding-bottom: 2.5rem !important;
}
}

@media(max-width:1440px) {
.h1, h1, .banner-section .banner-content h2 {
    font-size: 3rem;
}
.h2, h2 {
    font-size: 2.5rem;
}
.h3, h3 {
    font-size: 2rem;
}
.h4, h4 {
    font-size: 1.5rem;
}
.h5, h5 {
    font-size: 1.25rem;
}
.h6, h6 {
    font-size: 1.5rem;
}
.two-layer-carousel-desc h4, .multiple-image-desc h4, .blog-content h3 a, .weserve-desc h3, .benefits-content h3, .banner-section .banner-content h3, .counter-content h4{
    font-size: 1.5rem;
}
.banner-section .banner-content p{
        font-size: 1.5rem;
}
.weserve-desc h4{
    font-size: 1rem;
}
.testimonial-header h3{
    font-size: 1.5rem;
}
.container{
    width: 90%;
}
.py-5 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}
.pb-4 {
    padding-bottom: 2.5rem !important;
}
.big-text {
    font-size: 60px;
}
.blog-content {
    padding: 20px;
    gap:10px
}
.sidebar-row .benefits-content h3, .sidebar-row h4 {
    font-size: 1rem;
}
.sidebar-row .signature-series-content {
    padding: 30px;
}
.multiple-image-left {
    padding-left: calc(((100% - 90%) / 2) + .75rem) !important;
}
}

@media(max-width:1366px) {
.big-text {
    font-size: 69px;
}
.post-sidebar-details .widget_block {
    padding: 20px;
}
}
@media(max-width:991px) {
.products-content {
    padding-right: 0;
}
.products-content .Learn-more {
    position: relative;
    margin-top: 15px !important;
}
}
@media(max-width:991px) {
.content-and-image-section .left-image, .content-and-image-section .right-image{
    flex-flow: column-reverse !important;
}
.content-and-image-section .container .row{
    margin-bottom: 40px
}
.content-and-image-section .container .row:last-child{
    margin-bottom: 0px
}
.container, .container-md, .container-sm {
    max-width: 90% !important;
}
nav#navmenu {
    display: none;
}
.big-text {
    font-size: 50px;
}
.footer .row {
    justify-content: flex-start;
}
a.custom-logo-link img {
    width: 160px;
    height: auto;
}
body {
    padding-top: 61px;
}
.banner-section .banner-content, .banner-section, .heroslider-content, .banner-section .banner-content {
    height: 350px;
}
.counter-box:nth-of-type(even) .counter-content:after{
    display: none;
}
.hero-carousel .owl-nav button{
    display: none;
}
.sticky-sm-top.sticky-xxl-top{
    top: 64px;
}
.table-wrap {
    overflow: scroll;
}
table.table {
    min-width: 694px;
}
.table th, .table td {
    font-size: 12px;
    padding: 4px;
}
.table-content img {
    height: 17px;
}
.latest-blog-content .content {
    padding: 15px 0px;
}
.latest-blog-content{
    height: 350px;
}
.latest-blog-img img{
    width: 100% !important;
    height: 100%;
    object-fit: cover;
}
.benefits-common{
    width: 50%;
}
.multiple-image-left {
    padding-left: 12px !important;
    justify-content: flex-start;
    align-items: flex-start;
}
.multiple-image-left h2 {
    font-size: 60px;
}
.post-sidebar-details .widget_block {
    padding: 20px 15px;
}
.vertical-tab-content-left .nav {
    display: flex;
    flex-flow: row !important;
    gap: 15px;
}
.get-in-touch-right {
    margin: 0 auto;
    padding: 30px;
}
.acordion-with-image-section .right-image {
    flex-flow: column;
}
.video-section .video-content {
    max-width: 100%;
}
}

@media(max-width:767px) {

.h1, h1, .banner-section .banner-content h2 {
    font-size: 2rem;
}
.h2, h2 {
    font-size: 2rem;
}
.h3, h3 {
    font-size: 1.75rem;
}
.h4, h4 {
    font-size: 1.25rem;
}
.h5, h5 {
    font-size: 1.15rem;
}
.h6, h6 {
    font-size: 1.15rem;
}
.banner-section .banner-content h1{
    font-size: 2rem;
}
.col-12.sightBar-left-content.py-4 {
    max-width: 90% !important;
    margin: 0 auto 15px auto;
}
.latest-blog-content .content {
    padding: 15px 0px;
}
.latest-blog-content{
    height: auto;
}
.signature-series-content {
    padding: 20px;
    height: auto;
    display: flex;
    flex-flow: column;
    gap: 15px;
}
ul.inner-sticky-menu {
    overflow: scroll;
    justify-content: flex-start;
}
ul.inner-sticky-menu li {
    padding: 5px;
}
.text-carousel-desc {
    flex-flow: row wrap;
    gap: 5px;
}
.get-in-touch-left .col-12 {
    height: auto;
}
.get-in-touch-left .col-12:first-child .get-in-touch-content:after{
    display: none;
}
.products-column {
    width: 100%;
}
}

@media(max-width:576px) {
h2, .h2{
    font-size: 2rem;
}
.big-text {
    font-size: 40px;
}
.multiple-image-left h2 {
    font-size: 48px;
}
.container, .container-md, .container-sm {
    width: 96% !important;
    max-width: 100% !important;
}
.blog-content-wrap {
    flex-flow: column;
}
.blog-image {
    width: 100%;
}
.blog-content {
    padding: 20px;
    width: 100%;
}
.copyright{
    flex-flow: row wrap;
    padding-left: 0 !important;
    padding-right: 0 !important;
    gap: 15px;
}
ul.social-link.d-flex {
    gap: 3px;
}
.social-link img {
    max-height: 18px;
}
.benefits-common{
    width: 100%;
}
.sidebar-row .big-text {
    font-size: 43px;
}
.get-in-touch-right {
    margin: 0 auto;
    padding: 30px 10px;
}
.get-in-touch-content {
    padding: 30px 10px;
}
.benefits-common {
    width: 100%;
}
.products-desc {
    padding: 20px;
}
}


@media(max-width:575px) {
.counter-content:after{
    display: none !important;
}
}