.contact-form-cust .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
    width:100%;
}
.error{
color: red;
font-size: 12px;
}

.main-header .header-lower {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -55px;
}
.pattern-layer{
    position: relative;
}

.pattern-layer::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #00000066;
}

.text-theme{
    color: var(--main-color);
}

.abt-words{
    gap: 15px;
    margin-bottom: 25px;
}

.abt-words h5{
    font-size:24px;
}

.service-block-two .inner-box .overlay-box h5 {
    font-size: 20px;
}


.service-block-two .inner-box .overlay-box {
    padding-left: 80px;
    right: 15px;
}

.service-block-two .inner-box .overlay-box .icon{
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-block-two .inner-box .overlay-box .icon img{
    width: 50px;
}


.video-bg-sec {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%; /* Adjust as needed */
}

.video-bg-sec video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
    z-index: -1; /* To keep it in the background */
}

.img-invert{
    filter: invert(1);
}

.single-item-carousel .owl-carousel .owl-stage-outer{
    height: 100% !important;
    border-radius: 25px;
}

.single-item-carousel .owl-prev span{
    background-color: #ffffffad;
    padding: 7px 14px;
    border-radius: 50px;
    font-size: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -12px;
    border: 1px solid #e8e8e8;
    backdrop-filter: blur(8px);
}

.single-item-carousel .owl-next span{
    background-color: #ffffffad;
    padding: 7px 14px;
    border-radius: 50px;
    font-size: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -12px;
    border: 1px solid #cbcbcb;
    backdrop-filter: blur(7px);
}

.inner-cards-icons img{
    filter: invert(1);
}

.products-section .owl-dots{
    display: none;
}

.products-section .owl-nav {
    bottom: 0px;
}

.contact-list li a{
    color: #000;
}

.contact-list li a:hover, .contact-list li a:focus{
    color: #1b7022;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: var(--main-color);
    outline: 0;
    box-shadow: none;
}

.btn-green{
    position: relative;
    padding: 16px 26px 14px;
    border-radius: 4px;
    font-weight: 700;
    display: inline-block;
    font-size: var(--font-14);
    color: var(--white-color);
    text-transform: uppercase;
    background-color: var(--main-color);
    font-family: var(--font-family-BeVietnam);
    border-color: var(--main-color);
}

.btn-green:hover, .btn-green:focus, .btn-green:active{
    background-color: rgb(51 155 59);
    border-color: rgb(51 155 59);
    box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: rgb(51 155 59);
    border-color: rgb(51 155 59);
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.note-msg{
    font-style: italic;
    color: #9c9a9a;
    font-size: 12px;
    line-height: 1.3;
}

.contact-list-li{
    display: flex;
    padding-left: 0px !important;
}

.contact-list-li i, .contact-list-li p, .contact-list-li a{
    color: #000;
    font-size: 14px;
    margin-bottom: 0px;
    line-height: 1.3;
}

.conatct-right img{
    width: 40px;
}

.ci-main{
    margin-top: 20px;
    border: 1px solid #1f70263d;
    padding: 32px 20px;
    border-radius: 12px;
    display: flex;
    gap: 20px;
    align-items: center;
    background-color: #f5fcf6;
    justify-content: center;
}
.conatct-items{
    display: flex;
    gap: 20px;
    align-items: flex-start;
    width: 85%;
}

.contact-form-cust{
    background-color: #f7f7f7;
    padding: 30px;
    border-radius: 12px;
}
.contact-form-cust label{
    font-size: 16px;
    margin-bottom: 4px;
}
.contact-form-cust .form-control{
    border: 1px solid #f1ecec;
}
.conatct-items a, .conatct-items p{
    font-size: 20px;
    color: #000;
    /* font-weight: 500; */
    margin-bottom: 0;
    transition: ease-in 1s;
}
.conatct-items a:hover{
    font-weight: 500;
}
.main-slider.conatct-page .slide {
    position: relative;
    overflow: hidden;
    background-size: cover;
    padding: 100px 0px 80px;
}

.sect_padding{
    padding: 150px 0px 100px;
}

.bootstrap-select.show-tick .dropdown-menu li a span.text{
    margin: 0px;
}

.contact-form-cust .bootstrap-select > .dropdown-toggle.bs-placeholder, .contact-form-cust .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .contact-form-cust .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .contact-form-cust .bootstrap-select > .dropdown-toggle.bs-placeholder:active{
    color: #7a838a !important;
    background-color: #fff !important;
    border: 1px solid #f1ecec !important;
    outline: 0 !important;
}

.show>.btn-light.dropdown-toggle:focus{
    box-shadow: none !important;
}

.btn-light{
    color: #212529;
    background-color: #fff !important;
    border-color: #f1ecec !important;
}

.thanks-sec{
    max-width: 700px;
    margin: auto;
    padding-top: 50px;
}

.thankyou-txt{
    font-size: 20px;
}

.back-btn {
    position: relative;
    padding: 16px 26px 14px;
    border-radius: 4px;
    font-weight: 700;
    display: inline-block;
    font-size: var(--font-14);
    color: var(--white-color);
    text-transform: uppercase;
    background-color: var(--main-color);
    font-family: var(--font-family-BeVietnam);
}

.back-btn:hover{
    color: #fff;
    background-color: var(--color-two);
}


/*-------------======================================================= Responsive ==================---------------------*/
@media only screen and (max-width: 1023px){
.nav-cont{
    display: flex;
    padding: 10px 0px;
    align-items: center;
}

.logo{
    text-align: left;
}

.main-header .header-upper .upper-right {
    padding-top: 0px;
}
.main-header .header-upper .logo-box{
    padding: 0px
}

.main-header .info-box{
    padding-bottom: 0px;
}

.main-header .header-upper .logo-box .logo img{
    width: 120px;
}
}


@media only screen and (max-width: 991px){
.sect_padding {
    padding: 130px 0px 70px;
}

.main-footer{
    padding: 70px 0px 0px;
}
}

@media only screen and (max-width: 767px){
    .nav-cont {
        display: flex;
        justify-content: center;
    }
}

@media only screen and (max-width: 575px){
    .sect_padding {
        padding: 100px 0px 40px;
    }
    .header-top{
        display: none;
    }
}