/*
Theme Name: Production Bravo
Theme URI: домашняя-страница-темы
Description: краткое-описание-темы
Author: iCORP
Author https://icorp.uz
Version: 1
.
Развёрнутое описание темы/Лицензия-если-нужно.
.
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');


.custom-logo {
	max-width: 129px;
	height: auto;
}
p {
    margin-bottom: 0;
}
*{
    font-family: Montserrat, serif;
    text-decoration: none;
}

/*@media screen and (-webkit-min-device-pixel-ratio:0) {*/
/*    body {*/
/*        overflow-x: hidden;*/
/*        !* Add any other necessary styles for Safari *!*/
/*    }*/
/*}*/

body {
	font-size: 16px;
}
@media (max-width: 767px) {
	body {
		font-size: 18px;
	}
}
.production-header {
    margin-top: 20px;
}

.right-block ul {
    list-style: none;
}

.right-block li {
    display: none;
}

.header-left-container {
    display: flex;
    align-items: center;
}

.header-left-container-paragraph {
    color: rgba(69, 69, 69, 0.30);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 14px;
    margin-top: 10px;
}

.header-left-container-title{
    color: rgba(69, 69, 69, 0.70);
    font-size: 68px;
    font-style: normal;
    font-weight: 500;
    line-height: 70px; /* 102.941% */
    margin-bottom: 26px;

}

.header-left-container-hr{
    width: 87%;
}

.mobile-navigation-inner-container {
    height: 98vh;
}

.mobile-navigation-logo .custom-logo-link {
    margin-bottom: 0px;
}

.header-left-container-title span{
    color: rgba(211, 40, 12, 0.85);
}

.header-left-container-description {
    color: rgba(69, 69, 69, 0.70);
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 156.25% */
    margin-bottom: 50px;
    margin-top: 26px;
}

.header-left-container-description .red{
    color: rgba(211, 40, 12, 0.85);
    font-weight: 600;
}

.header-left-container-description .dark{
    font-weight: 600;
    color: rgba(69, 69, 69, 0.70);
}

.header-left-container-buttons .request{
    border-radius: 30px;
    border: none;
    background: rgba(211, 40, 12, 0.85);
    color: #fff;
    padding: 12px 30px;
    display: inline-block;
    transition: 0.3s ease-in-out;
}

.header-left-container-buttons .request-top:hover {
    border: 1px solid #D6452D;
    background: rgba(211, 40, 12, 0.00);
    color: #D6452D !important;
}

.nav-catalog-container {
    position: absolute;
    top:  82px;
    left: 0;
    z-index: 1000;
    background: #F6F6F6;
    width: 100%;
    height: 0px;
    overflow: hidden;
    transition: height 0.5s ease-in-out;
}


.header-left-container-buttons .request .commercial-link{
    color: rgba(211, 40, 12, 0.85);;
}

.header-left-container-buttons .call {
    border-radius: 30px;
    padding: 12px 30px;
    border: 1px solid #fff;
    background: rgba(211, 40, 12, 0.00);
    color: #D6452D;
    margin-left: 14px;
    display: inline-block;
}

.why-is-this-container-exists {
    overflow-x: hidden; /* Standard */
    -webkit-overflow-x: hidden; /* For Safari */
}
.header-right-container {
    display: flex;
    align-items: start;
    justify-content: start;
    height: 643px;
    /*overflow-x: hidden; !* Standard *!*/
    /*-webkit-overflow-x: hidden; !* For Safari *!*/
}

.header-right-container-inner {
    position: relative;
    flex: 0;
}

.mobile-header .header-right-container{
    display: none;
}
header-right-container-inner{
    background-img: url("../img/mainheadbg.png") ;
    position: relative;

}

.header-right-container-img {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    height: 600px;
}

.header-right-container-img img {
    position: absolute;
    border-radius: 30px;
}

.header-right-container-buttons {
    display: flex;
    margin-top: auto; /* Push the element to the bottom */
    margin-left: auto;
    margin-bottom: 53px;
    align-items: center;
}


.header-right-container-buttons .skill{
    border:none;
    display: flex;
    align-items: center;
    background: rgba(61, 61, 61, 0.60);
    padding: 15px ;
    border-radius: 30px;
    backdrop-filter: blur(8px); /* Apply blur effect */

}
.header-right-container-buttons .skill .first-paragraph{
    color: #FFF;
    font-size: 55px;
    font-style: normal;
    font-weight: 400;
    line-height: 70px; /* 127.273% */
    margin-bottom: 0px;
    margin-left: 20px;
}
.header-right-container-buttons .skill .second-paragraph{
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 125% */
    margin-bottom: 0px;
    margin-left: 17px;
    text-align: start;

}
.header-right-container-buttons .showroom {

    background: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    margin-bottom: 0px;
    margin-left: 18px;
}
.header-right-container-buttons .showroom .go-to-showroom{
    display: flex;
    align-items: center;

    background: #fff;
    margin-bottom: 0;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    height: 100px;
    padding: 30px 30px 30px 30px;
    color: rgba(88, 88, 88, 0.60);

    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}
.header-right-container-buttons .showroom .showroom-svg{
    padding: 30px 30px 30px 30px;

    display: flex;
    align-items: center;
    flex-direction: column;
    background: #F55B5B;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    height: 100px;

}




/* Services drop down*/


.left-section {
    flex: 0.5;
}

.right-section {
    flex: 1;
}

.services-right-content {
    display: none;
    transition: opacity 0.3s ease-in-out; /* Adding transition for opacity change */
    opacity: 0; /* Initially set to transparent */
}

.services-right-content.active {
    display: block;
    opacity: 1; /* Make content visible */
}

.right-side-content {
    display: flex;

}

.right-side-content ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.right-side-content ul li {

    flex-basis: 50%;
    margin-bottom: 18px;
}
.right-side-content-link {
    color: rgba(69, 69, 69, 0.60);
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    display: inline-block;
}

.right-side-content-link:hover {
    color: rgba(69, 69, 69, 0.60);
}
.services-right-content hr {
    background: #E16551;
    height: 10px;
    margin-top: 45px;
}


.nav-catalog-link a {
    color: #585858;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    transition: color 0.3s ease-in-out; /* Adding transition for text color change */
    display: inline-block;
}

.nav-catalog-link a:hover {
    color: #C26565;
}




.nav-interactive {
    width: 5%;
}

/*Stages of work*/

.stages-of-work {
    margin-top: 30px;
}
.stages-under-title {
    display: flex;
}

.stages-under-title p {
    color: #8B8B8B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 156.25% */
    padding: 10px;
}

.stages-info-blog {
    margin-top: 56px;

}

.stages-info-blog-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #8B8B8B;
    border-radius: 100px;
    padding: 20px;
    margin-top: 27px;
}

.stages-info-blog-container:hover {
    border: 1px solid #F55B5B;
}

.stages-info-num {
    color: rgba(69, 69, 69, 0.50);
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 80px; /* 160% */
    margin-left: 20px;
}

.stages-info-title {
    color: rgba(69, 69, 69, 0.50);
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 80px; /* 200% */
    margin-left: 50px;
}

.stages-info-paragraph {
    color: #585858;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 156.25% */
    width: 44%; /* Adjust the width as needed */
    overflow-wrap: break-word; /* Standard property */
    word-wrap: break-word; /* For older browser support */
    padding-right: 30px;
}

.stages-info-paragraph strong{
    color: #585858;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}


.stages-title-container{
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}
.stages-title{
    color: rgba(69, 69, 69, 0.70);
    font-size: 50px;
    font-weight: 600;
}

.stages-title span{
    color: #E16551;
}

.stages-title-container svg{
    margin-left: 13px;
}




/*Our services*/

.our-services{
    margin-top: 80px;
}
.productions-services-section {
    margin-bottom: 50px !important;
}
.our-services-under-title {
    display: flex;
    align-items: center;
}

.our-services-under-title p {
    color: #8B8B8B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 156.25% */
    padding: 10px;
}

.our-services-under-title p span {
    color: #F55B5B;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}

.our-services-title-container{
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.our-services-title{
    color: rgba(69, 69, 69, 0.70);
    font-size: 50px;
    font-weight: 600;
}

.our-services-title span{
    color: #E16551;
}

.our-services-title-container svg{
    margin-left: 13px;
}



.our-services-cards {
    display: flex;
    margin-top: 50px;
    flex-wrap: wrap;
    gap: 34px;
}

.mobile-services-cards {
    display: none;
}

.our-services-card {
    border-radius: 15px;
    background: #F4F4F4;
    width: 31% !important;
    flex-shrink: 0;
}


.our-services-card:nth-child(1) {

    margin-left: 0px;
}

.our-services-card .card-body{
    border-top: none;
}

.our-services-card img {
    /*border-top-left-radius: 15px;*/
    /*border-top-right-radius: 15px;*/
    border-radius: 15px;
}

.our-services-cards-sec {
    margin-top: 38px !important;
}

.our-services-card-call-back {
    background: #DD4D4D;
    padding: 28px;
    border-radius: 15px;
    width: 31% !important;
    flex-shrink: 0;
}
.our-services-card-call-back-tittle {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.our-services-card-call-back-tittle p {
    color: #FFF;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px;
}

.our-services-card-call-back-buttons {

    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
}


.infinity-carousel-link {
    justify-content: start !important;
}

.all-services-link, .all-projects-link {
    margin-top: 48px !important;
}


.header-left-container-buttons .request{

    border-radius: 30px;
    padding: 12px 30px;
    border: 1px solid #D6452D;
    background: #fff;
    color: #D6452D;
}

.header-left-container-buttons .request-top {
    background: #DD4D4D;
    color: #fff;
}

.header-left-container-buttons .call {
    border-radius: 30px;
    background: #DD4D4D;
    color: #fff;
    padding: 12px 30px;
    margin-left: 0;
    margin-top: 15px;

}


.header-left-container-buttons .call a:hover {
    color: #fff;
}
.header-left-container-buttons .call-top {
    background: #fff;
    color: #D6452D;
    border: 1px solid #D6452D;
}
.our-services-card .card-body h5 {
    color: #585858;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px; /* 138.889% */
    margin-top: 19px;
}

.our-services-card .card-body p {
    color: rgba(69, 69, 69, 0.50);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 20px;
}






/* OUR projects*/
.our-projects {
    margin-top: 56px;
}
.production-our-projects {
    margin-bottom: 0px!important;
}

.our-projects-paragraph-container {
    display: flex;
}

.our-projects-paragraph-left {
    padding-right: 50px;
}

.our-projects-paragraph-left-first {
    color: rgba(69, 69, 69, 0.70);
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 40px;

}
.our-projects-paragraph-left-first > p {
	margin-top: 20px;
}
.our-projects-paragraph-left-first > p:first-child {
	margin-top: 0;
}

.our-projects-paragraph-left-first span{
    color: #F55B5B;
    font-weight: 600;
}

.our-projects-paragraph-left-second {
    color: rgba(69, 69, 69, 0.70);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.our-projects-paragraph-right-paragraph {
    color: rgba(69, 69, 69, 0.70);
    font-style: normal;
    font-weight: 600;
    line-height: 25px; /* 156.25% */
    margin-bottom: 25px;
}

.our-projects-list-item {
    color: rgba(69, 69, 69, 0.70);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 156.25% */
}
.our-projects-list-right {
    padding-left: 30px !important;
}
.our-projects-list {
    padding: 0px;
}


.projects-card-container {
    margin-top: 38px;
    align-items: center;
}
.project-card {
    position: relative;
    overflow: hidden;
    height: 190px;
    flex-shrink: 0;
    background: #F4F4F4;
    margin-right: 33px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22% !important;
    border-radius: 15px;

}

.project-card:nth-child(1) {
    margin-left: 0;
}

.project-link {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    margin-bottom: 0px!important;
}

.main-thumbnail,
.additional-thumbnail {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover; /* Ensure the image covers the container */
    transition: opacity 0.3s ease; /* Smooth transition for opacity change */
}

.main-thumbnail{
    max-width: 240px;
}

.additional-thumbnail {
    filter: brightness(55%);
    opacity: 0;
    z-index: 1; /* Place the additional thumbnail above the main thumbnail */
    width: 100%;
    height: 100%;
}
.details-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    opacity: 0;
    transition: opacity 0.3s ease; /* Smooth transition for opacity change */
    color: rgba(255, 255, 255, 0.85);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px; /* 125% */
}

.project-link:hover .main-thumbnail {
    opacity: 0; /* Hide the main thumbnail on hover */
}

.project-link:hover .additional-thumbnail {
    opacity: 1; /* Show the additional thumbnail on hover */
}

.project-link:hover .details-text {
    opacity: 1; /* Show the details text on hover */
}





.our-services-card-call-back-mobile {
    display: none;
}


.stages-info-blog-container div:first-child{
    display: flex;
}



.footer-links-container:nth-child(2) {
    margin-top: 100px;
}

.our-projects-paragraph-right-list-container ul {
    list-style: none;
}





/*Footer*/

.footer-nav-container-ul {
    list-style: none;
    padding-left: 0;
}

.footer-links-container .phone-number, .footer-links-container .email-address {
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    margin-bottom: 11px;
    display: block;
}
.contacts-section .phone-number, .contacts-section .email-address {

    color: rgba(0, 0, 0, 0.60);
    font-size: 23px;
    font-weight: 500;
    margin-left: 17px;
    margin-bottom: 0;
}

.footer-nav-container-ul li a {
    display: block;
    color: rgba(255, 255, 255, 0.7);
    font-size: 17px;
    font-weight: 400;
    text-decoration: none;
    margin-bottom: 4px !important;
}

@media (max-width: 1199px) {


    .header-right-container-buttons {
        align-items: start;
    }

    .header-right-container-buttons .showroom {
        margin-left: 0px;
    }

    .header-left-container-buttons .request, .header-left-container-buttons .call {
        margin-top: 10px;
    }
    .header-left-container-buttons .request a, .header-left-container-buttons .call  a{
        font-size: 12px;
    }


    .our-services-card-call-back-tittle svg {
        width: 47px;
        height: 47px;
    }

    .our-services-cards {
        gap: 30px;
    }

   .our-projects-paragraph-container {
       flex-direction: column;
   }

    .our-projects-paragraph-container .col-6 {
        width: 100%;
    }

     .our-projects-paragraph-right {
         margin-top: 50px;
     }
    .our-projects-paragraph-right-list-container {
        justify-content: space-evenly;
    }


    .header-right-container-inner {
        flex: 0;
    }

    .header-right-container {
        justify-content: start;
    }
    .header-right-container-buttons {
        flex-direction: column;
        margin-left: 40px;
    }

    .header-right-container-buttons .showroom {
        margin-top: 20px;
    }

    .header-left-container-title {
        font-size: 60px;
    }

    .stages-info-num {
        font-size: 30px !important;
    }

    .stages-info-title {
        font-size: 32px !important;
    }
    .stages-info-paragraph {
        font-size: 15px;
        font-weight: 300;
    }

    .our-services-card .card-body h5 {
        font-size: 16px;
    }
    .our-services-card .card-body p {
        font-size: 12px;
    }
    .our-services-card-call-back {
        padding: 22px 19px;
    }
    .our-services-card-call-back-tittle p {
        font-size: 26px;
        line-height: 29px;
    }

    .project-card {
        width: 31% !important;
        margin-right: 20px;
    }


@media (max-width: 991px) {

    .mobile-navigation {
        display: block;
    }


    .our-services-card-call-back-tittle p {
        font-size: 25px;
        line-height: 33px;
    }

    .our-services-card, .our-services-card-call-back{
        width: 46% !important;
    }

    .request-top .commercial-link {
        font-size: 12px;
    }

    .our-services-card-call-back-buttons .commercial-link {
        font-size: 13px;
    }

    .nav-interactive .dropdown {
        display: none;
    }

    .header-right-container-buttons .skill .first-paragraph {
        font-size: 44px;
    }

    .header-left-container div {
        width: 100%;
    }

    .header-left-container-paragraph {
        font-size: 13px;
    }

    .header-left-container-description {
        margin-bottom: 30px;
    }

    .header-left-container-title {
        font-size: 42px;
        line-height: 54px;
    }


    .stages-title, .our-services-title, .our-services-title {
        font-size: 39px;
    }
    .stages-info-title, .stages-info-num{
        margin-left: 15px;
        font-size: 24px !important;
    }
    .stages-info-paragraph, .stages-info-paragraph strong{
        font-size: 14px;
        width: 55%;
        padding-right: 0;
    }

    .card-body {
        padding-left: 10px;
    }
    .card-img-top {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    .our-services-card .card-body h5 {
        margin: 0px;

    }
    .our-services-card .card-body p {
        margin-bottom: 0px;
    }

    .our-services-card-call-back {
        padding: 14px 12px;
    }
    .our-services-card-call-back-tittle p {
        font-size: 18px;
        line-height: 24px;
    }


    .header-left-container-buttons .call {
        margin-top: 8px;
    }

    .project-card {
        width: 48% !important;
        margin-right: 13px;
    }

}

@media (max-width: 769px) {
	.header-left-container-buttons{
		display: none;
	}
    .our-services-card-call-back-buttons {
        justify-content: start;
        margin-top: 36px;
        display: block;
    }

    .our-services-card-call-back-buttons .request a {
        font-size: 10px;
    }

    .header-left-container-buttons .call a {
        font-size: 10px;
    }

    .production-header{
        margin-top: 0px;
    }

    .header-right-container-buttons .showroom {
        width: 245px;
    }
    .header-right-container {
        display: none;
    }
    .header-left-container {
        width: 100%;
    }

    .mobile-header {
        background-size: cover;
        margin-top: 50px;
    }
    .header-right-container-buttons-mobile {
        margin-left: 0px;
        margin-bottom: 27px;
    }

    .mobile-header .header-right-container{
        display: flex;
        height: 446px;
        align-items: end;
    }

    .header-left-container-buttons .request-top , .header-left-container-buttons .call-top {
        font-size: 12px!important;
        padding: 8px 11px;
    }


    .stages-under-title {
        display: block;
    }
    .our-services-cards {
        margin-top: 29px;
    }


    .our-services-cards .our-services-card {
        display: none; /* Hide all items by default */
    }

    /* Display the first three items */
    .our-services-cards .our-services-card:nth-child(-n+3) {
        display: block; /* Show the first three items */
        width: 47% ;
    }
    .our-services-card-call-back {
        display: block;
        width: 47% ;
    }

    .stages-title-container {
        margin-bottom: 29px;
    }
    .mobile-services-cards {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }
    .mobile-services-cards .our-services-card{
        width: 45% !important;
        margin-left: 0;
        margin-right: 20px;
        margin-top: 20px;
    }


    .stages-title, .our-services-title, .our-services-title {
        font-size: 39px;
    }

    .our-services-under-title p {
        display: none;
    }

    .our-services-title-container {
        margin-bottom: 0px;
    }
    .stages-info-blog-container {
        padding: 30px;
    }
    .stages-info-title, .stages-info-num{
        font-size: 30px !important;

    }
    .stages-info-blog-container {
    	flex-direction: column;
    	align-items: flex-start;
    }

    .stages-info-paragraph, .stages-info-paragraph strong{
        font-size: 18px;
        line-height: 30px;
        width: 100%;
    }
    .stages-info-paragraph {
    	padding: 0 20px;
    }



    .our-services-card-call-back-tittle p {
        font-size: 15px;
        line-height: 19px;
    }


    .header-left-container-buttons .request {
        font-size: 10px;
        padding : 7px 11px;
    }
    .header-left-container-buttons .call {
        font-size: 10px;
        padding : 7px 11px;
        margin-top: 8px;
    }

    .project-card {
        width: 47% !important;
    }

    .our-projects-paragraph-right, .our-projects-paragraph-left-second {
        display: none;
    }
    .our-projects-paragraph-left {
        width: 100%;
    }
    .our-projects-paragraph-left-first {
        margin-bottom: 0px;
        margin-top: 20px;
    }



}

@media (max-width: 575px) {
    .our-services-card, .our-services-card-call-back {
        width: 90% !important;
    }


    .our-services-card-call-back-buttons .commercial-link {
        font-size: 14px;
    }


    .stages-title-container {
        margin-bottom: 16px;
    }

    .stages-title {
        font-size: 32px;
    }
    .stages-under-title {
        flex-direction: column;
    }

    .stages-info-blog-container {

        flex-direction: column;
        border-radius: 60px;
        align-items: start;
        padding: 30px;
        border-color: #F55B5B;
    }

    .stages-info-blog-container div:last-child {
        margin-top: 20px;
        width: 100%;

    }
    .stages-info-paragraph {
    	padding: 0;
    }
    .stages-info-title {
        margin-left: 15px;
        margin-bottom: 0;
        line-height: 0;
    }
    .stages-info-num {
        line-height: 0;
        margin-left: 0;
    }
    .stages-info-title,  .stages-info-num {
        font-size: 1.5rem !important;
    }

    .stages-info-paragraph, .stages-info-paragraph strong{
        font-size: 13px;
    }

    .our-services-cards {
        margin-top: 29px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .our-services-cards-sec {
        display: none;
    }



    .our-services-under-title {
        display: none;
    }
    .our-projects {
        margin-top: 0px;
    }

    .our-services-title-container {
        margin-bottom: 19px;
    }
    .our-services-title {
        font-size: 32px;
    }
    .our-projects-paragraph-left {
        width: 100%;
    }

    .project-card {
        width: 45% !important;
        height: 190px;
        margin-left: 10px ;
        margin-bottom: 10px;
    }

    .project-card:nth-child(1) {
        margin-left: 10px;
    }
    .projects-card-container{
        margin-top: 0px;
    }
    .our-services-card-call-back-mobile {
        display: block;
        margin-bottom: 47px;
    }
    .our-services-card-call-back-buttons {
        margin-top: 55px;
    }

    .our-services-card .card-body {
        padding: 23px;
    }

    .our-services-card .card-body h5 {
        font-size: 18px;
    }

    .our-services-card .card-body p {
        font-size: 14px;
    }
    .our-services-card-call-back {
        padding: 23px 25px;
    }
    .our-services-card-call-back-tittle p {
        font-size: 29px;
        line-height: 39px;
    }
    .our-services-card-call-back-tittle svg {
        width: 47px;
        height: 47px;
    }
    .header-left-container-buttons .request,.header-left-container-buttons .call {
        padding: 12px 23px;

    }

    .header-left-container-buttons .request a,.header-left-container-buttons .call a {
        font-size: 15px;
    }

    .footer-row {
        flex-direction: column;
    }
    .footer-nav-container {
        margin-bottom: 24px !important;
    }
}
}

@media (max-width: 470px) {
	.projects-card-container {
		justify-content: center;
	}
	.project-card {
		width: 80% !important;
	}
}

@media (max-width: 394px) {


    .header-right-container-img {
        display: none;
    }


}