ul,

li {

    padding: 0;

    margin: 0;

    list-style: none;

    letter-spacing: 1px;

}



a {

    color: #000;

    text-decoration: none;

    letter-spacing: 1px;

}

p, h1, h2,h4,h5,span {

    letter-spacing: 1px;

}



h3{

    font-size: 29px;

    margin-bottom: 12px;

    font-weight: 600;

    letter-spacing: 1px;

}



header {

    background-color: #fff;

    

    position: relative;

    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;

}



header.fixedCls {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 100;

}

.header-inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    width: 100%;

    padding: 0 50px;

    position: relative;

    z-index: 10;

}



.header-outer .header-logo {

       width: 265px;


    position: relative;

    z-index: 100;

}

.header-outer {

    position: relative;

    z-index: 999;

    padding: 20px 0;

    background-color: #fff;

}



.header-outer .header-logo img {

    width: 100%;

}



.header-right {

    display: flex;

    align-items: center;

    gap: 30px;

}



.header-menu ul {

    display: flex;

    align-items: center;

}



.header-menu ul li {

    margin: 0 15px;

    padding: 10px 0;

}



.header-button {

    display: flex;

    gap: 10px;

    align-items: center;

}





@font-face {

      font-family: Arial-Nova-Condensed;

    src: url(../fonts/arialnovacondensed/arialnovacond/webfonts/e02bdd9828bed1e2490bdf94662dbba8.woff);

}
h1 , h2{
        font-family: Arial-Nova-Condensed;
         font-weight: 600;
}

@font-face {

    font-family: Arial-Nova;

    src: url(../fonts/arialnova/ArialNova.ttf);

}

@font-face {

    font-family: ArialNovaCond-Bold;

    src: url(../fonts/arialnova/ArialNovaCond-Bold.ttf);

}

body{   

 

    font-family: Arial-Nova;

}

li  , p , a , span{
  font-family: Arial-Nova;
}

 h3, h4, h5, h6   {

     font-family: Arial-Nova;

    font-weight: 600;

}



.custom-btn {

    position: relative;

    z-index: 20;

    font-weight: 600;

    color: #CF171F;

    transition: all ease-out 300ms;

    background: transparent !important;

    padding: 0 calc(1.333em + 2px);

    padding-inline-start: calc(1.5em  + 2.25rem  );

    font-size: 1.25rem;

    line-height: 3rem;

}

.custom-btn::before {

    content: '\f178';

    font-family: "Font Awesome 6 Free";

    position: absolute;

    z-index: 0;

    transform-origin: center;

    line-height: 1;

    --tw-text-opacity: 1;

    color: rgb(255, 255, 255);

    transition: all ease-out 300ms;

    top: 50%;

    top: calc(50% + 2px);

    transform: translateY(-50%) rotate(0deg);

    

    left: calc(1.5rem - 0.65rem);

    font-size: 1.25rem;

    

}

.custom-btn-outer {

    position: relative;

    width: fit-content;

    transition: all 0.5s ease-in-out;

}



.custom-btn-outer:hover .custom-btn {

    color: white !important;

    padding-inline-start: calc(1.333em + 2px);  

    padding-inline-end: calc(1.5em + 2.25rem - 0.25em);

}

.custom-btn-outer:hover .custom-btn::before {

    left: calc(100% - 1.9em);

}



.normal-btn {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    font-weight: 600;

    color: #fff !important;

    text-transform: capitalize;

    transition: all 0.35s ease-in-out !important;

    overflow: hidden;

    border-radius: 12px;

   

    -webkit-box-shadow: inherit;



    font-size: 18px;

    letter-spacing: 0;

    padding: 13px 20px;

    background-color: #CF171F !important;

    position: relative;

    z-index: 1;

    width: fit-content !important;

    box-shadow: 9px 10px 10px 0px rgba(0, 0, 0, 0.25);

    /* box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; */

}

.normal-btn:hover {

    background-image: linear-gradient(180deg, #FFFFFF 43%, #D7D7D7 80%) ;

    /* border-color: #CF171F; */

    color: #CF171F !important;

}

.white-btn .normal-btn {

    color: #CF171F !important;

    background-color: #fff !important;

    border: none;

}

.white-btn .normal-btn:hover {

    border-color: #fff !important;

    background-color: #CF171F !important;

    color: #fff !important;

    background-image: none;

}

.custom-btn-outer::before {



    content: '';

    position: absolute;

    top: 50%;

    left: 0px;

    z-index: 10;

    transform: translateY(-50%);

    display: block;

    /* border-radius: 9999px; */

    border-radius: 12px;

    background-color: #CF171F;

    transition: all ease-out 300ms;

    width: 3rem;

    height: 3rem;

}

.custom-btn-outer:hover:before  {

    

    width: 100%;

}

.home-right-inner-image {

    height: 100%;

}.cta-submit-btn {

    display: flex;

    align-items: center;

    justify-content: center;

}

.white-btn .custom-btn-outer::before{

    background-color: #fff;

}

.white-btn .custom-btn::before {

    color:#CF171F ;

}

.white-btn .custom-btn {

    color: #fff !important;

}

.white-btn .custom-btn-outer:hover .custom-btn {

    color:  #CF171F !important;

}





.header-menu a {

    font-size: 18px;

    text-transform: uppercase;

    font-weight: 500;

}



.home-banner {

    position: relative;

    width: 100%;

    height: calc(100vh - 87px);

}



.home-banner .home-banner-video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.home-banner .home-banner-video video {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.home-banner-content-inner {

    position: relative;

    z-index: 2;

}



.home-banner-content {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 100%;

    position: relative;

}



.home-banner-content::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #0000008c;

}



.home-banner-content-inner {

    width: 60%;

    padding-left: 60px;

}



.home-banner-content-inner span {

    color: #fff;

    font-size: 22px;

    font-weight: 600;

    display: block;

    margin-bottom: 30px;

}



.home-banner-content-inner h1 {

    font-size: 70px;

    line-height: 85px;

    color: #fff;

   margin-bottom: 84px;

}



.home-banner-btn {

    display: flex;

    gap: 22px;

}



.fixed-header-div .header-logo {

    width: 230px;

}



.fixed-header-div {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    background-color: #fff;

    padding: 20px 0;

    opacity: 0;

    z-index: 900;

    transition: all .5s ease-in-out;

    transform: translateY(-50px);

}

.fixed-header-div .header-logo img {

    width: 100%;

}

header.fixedCls  .fixed-header-div  {

    opacity: 1;

   

 

    transform: translateY(0px);

    transition: all .3s ease-in-out;

}



.header-logo-outer {

    width: 90px;

    overflow: hidden;

    transition: all 0.4s linear;

    transition-delay: 300ms;

}

header.fixedCls  .header-logo-outer {

        width: 230px;

}







/* ----------------------- our value ------------------ */

.our-value-div {

    display: flex;

    gap:30px;

    padding: 0 60px;

    justify-content: center;

    margin-top: 30px; 

}

.our-value-heading h2 {

    text-align: center;

}

.our-value-card {

    padding: 30px;

    width: 32%;

    background-color: #fff;

    border-radius: 12px;

    position: relative;

   

    overflow: hidden;   

}



.our-value-card::after{

    content: '';

    position: absolute;

    opacity: 0;

    top: 0;

    left: 0;

    background-color: #cf171f29;

    width: 100%;

    height: 100%;

    transition: all 0.35s ease-in-out;

}

.our-value-card::before{

    transition: all 0.35s ease-in-out;

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 0%;

    height: 6px;

    background-color: #BE1F24;

}

.our-value-card:hover::before{

    width: 100%;

 }

.our-value-card:hover::after{

    opacity: 1;

}

.our-value-card-header {

    display: flex;

    align-items: center;

    /*justify-content: space-between;*/

    gap:30px;

    /*padding-bottom: 15px;*/

    /*border-bottom: 2px solid #eee;*/

    /*margin-bottom: 15px;*/

}

.our-value-card-header h3{ 

        margin: 0;

        font-size: 26px;
color: white;
        line-height: 40px;

}

.our-value-card-header .our-value-card-image .our-value-inner-image {

      width: 60px;
    height: 60px;

    background-color: #cf171f;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

}

.our-value-card-image .our-value-inner-image img {

    width: 70%;

}



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

h2 {

    font-size: 50px;

    margin-bottom: 12px;

}

p {

    font-size: 18px;

    margin-bottom: 12px;

}

section {

    padding: 90px 0;

}

.home-left-right-card {

    display: flex;

    gap:50px;

    padding: 0 40px;

}

.home-left-right-card .home-left-content-card,  .home-left-right-card .home-right-image-card {

    width: 50%;

    overflow: hidden;

    border-radius: 12px;

    position: relative;

}

.home-left-right-card .home-right-image-card::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #00000044;

}

.home-left-right-card .home-left-content-card {

    padding: 60px;

    background-color: #BE1F24;

    color: #fff;

    display: flex;

    justify-content: center;

    flex-direction: column;

    border-radius: 12px;

    gap: 25px;

}

.home-left-right-card .home-left-content-card  p {

    margin-bottom: 20px;

}

.home-right-inner-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.white-btn .custom-btn {

    background-color: #fff;

    color: #BE1F24;

}

.white-btn .custom-btn:hover  {

    background-color: #BE1F24;

    color: #fff;

    border-color: #fff;

}

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



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



.home-happen-card {

    display: flex;

    justify-content: space-between;

    gap:50px;

    align-items: center;

}

.home-happen-card .home-happen-image { 

    width: 45%;

}

.home-happen-image .home-happen-inner-image, .home-happen-image .home-happen-inner-image img  {

    width: 100%;

    border-radius: 12px;

}

.home-happen-inner-image {

    border:2px solid #cf171f;

    padding: 10px;

}

.home-happen-card .home-happen-content {  

    width: 65%;

    padding: 80px;

    padding-left: 210px;

    padding-top: 200px;

    padding-bottom: 200px;

    border-radius: 12px;

    color: #fff;

    /* border: 2px solid #CF171F; */

    background-color: #000000c2;

    box-shadow: rgba(255, 255, 255, 0.2) 0px 7px 29px 0px;

}

.home-happen-inner-image {

    position: relative;

    left: 180px;

}

.home-happen-card {

    padding: 0 50px;

}

.home-happen-content h2 {

    font-size: 60px;

    width: 80%;

    margin-bottom: 25px;

    /* color: #fff; */

}

.home-happen-content p {

    /* color: #fff; */

}



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

.cta-div {

    display: flex;

    /* align-items: center; */

    gap:0px;

    background-color: #CF171F;

}

.cta-div .cta-form-div {

    width: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    padding: 50px 0;

}

.cta-div .cta-form-div::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    background-image: url(../image/IMG_0748-1024x768.jpg);

    width: 100%;

    height: 100%;

    z-index: 1;

    background-position: center;

    background-size: cover;

}

.cta-div .cta-form-div::before {

 /*   content: '';

    position: absolute;

    top: 0;

    left: 0;

    background-color: #00000075;

    width: 100%;

    height: 100%;

    z-index: 2;*/

}

.cta-div .cta-form-div  .cta-form-inner-div {

      width: 70%;

    padding: 50px;

    backdrop-filter: blur(8px);

    background-color: #b12329ab;

    position: relative;

    z-index: 10;

    border-radius: 12px;

}

.cta-div .cta-map {

    /*height: 700px;*/

    width: 50%;

}

.cta-div .cta-map .cta-inner-map,  .cta-div .cta-map .cta-inner-map iframe {

    width: 100%;

    height: 100%;

} 

.cta-form-main-div {

    width: 100%;

    margin: 0 auto;

    display: flex;

    flex-direction: column;

    position: relative;

    gap:25px;

    z-index: 5;

}

.cta-form-group input ,  .cta-form-group textarea {

    padding: 10px 15px;

    font-size: 20px;

    width: 100%;

    border-radius: 0px;

}

.cta-form-group textarea  {

    height: 150px;

}

.cta-form-inner-div h2 {

    text-align: center;

    margin-bottom: 30px;

    color: #fff;

    position: relative;

    z-index: 5;

}

.cta-submit-btn .custom-btn {

    margin: 0 auto;

}

input:focus , textarea:focus {

outline: none;

box-shadow: none;

}



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

.project-success-title h2 {

    text-align: center;

}

.project-success-card-list {

    display: flex;

    flex-wrap: wrap;

    gap:30px;

    justify-content: center;

}







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

 .home-full-content-div {

    display: flex;



}

.home-full-content-div  .home-full-img {

    width: 60%;



}

.home-full-content-div  .home-full-img  img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.home-full-content-div  .home-full-data-content {

    width: 40%;

    padding: 90px 50px;

    background-color: #BE1F24;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

}

.home-full-data-inner-content {

    display: flex;

    flex-direction: column;

    gap:20px;

}



.home-full-data-inner-content li {

    list-style: disc;

    font-size: 21px;

    margin: 10px 0;

}

.home-full-data-inner-content ul {

    padding-left: 35px;

}

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

.our-service-section-title h2 {

    text-align: center;

}

.our-service-card-list {

    padding: 0 50px;

    display: flex;

    justify-content: center;

    gap:30px;

    margin-top: 45px;

}

.our-service-card-list .our-service-card { 

    width: 32%;

    border-radius: 12px;

    overflow: hidden;

    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

    background-color: #fff;

}

.our-service-card .our-service-card-image {

    width: 100%;

    position: relative;

    overflow: hidden;

}

.our-service-card:hover .our-service-card-image img{

    scale: 1.1;

}

.our-service-card .our-service-card-image::after { 

    content: '';

    background-color: #00000066;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.our-service-card .our-service-card-image img {

    transition: all 0.3s linear;

    width: 100%;

}

.our-service-card .our-service-card-content {

    padding: 30px;

   

}

.our-service-card .our-service-card-content span {

    font-size: 19px;

    font-weight: 600;



}

.our-service-card-content h3 {

    margin-bottom: 20px;

}

.our-service-card:hover .custom-btn-outer::before {

    width: 100%;

}

.our-service-card:hover .custom-btn-outer .custom-btn {

color: white !important;

padding-inline-start: calc(1.333em + 2px);

padding-inline-end: calc(1.5em + 2.25rem - 0.25em);

}

.our-service-card:hover .custom-btn-outer .custom-btn::before {

left: calc(100% - 1.9em);

}







.our-culture-outer{

    display: flex;

    justify-content: space-between;

}



.our-culture-outer .our-culture-img{

    width: 50%;

}

.our-culture-outer .our-culture-info{

    width: 50%;

}

.our-culture-outer .our-culture-img img{

    width: 100%;

}











.purpose-section .purpose-inner h2 {

margin-bottom: 30px;

    font-size: 94px;

    font-weight: 700;

    text-transform: uppercase;



}





.purpose-outer{

    display: flex;

    justify-content: space-between;

}

.purpose-outer .purpose-inner{

    width: 50%;

}  

.purpose-outer .purpose-img {

       width: 70%;

} 

.purpose-outer .purpose-img img{

    width: 100%;

   

    height: 100%;

    object-fit: cover;

}    



        .content-card-img{

            width: 90px;

            height: 90px;

        }



        .content-card-img img{

            width: 100%;

            height: 100%;

            

        }



.content-who-we-are-inner{



    background: #cf171f;

    display: flex;

    justify-content: space-between;

    gap: 0px;

}





.content-who-we-are .wt-we-are-img{

   width: 50%;

}



.content-who-we-are .wt-we-are-img img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.content-who-we-are .wt-we-are{

    width: 50%;

    padding: 75px;

}      







.about-content div.list{

    margin-top: 22px;

}



.about-content  ul li {

  

    display: flex;

    gap: 20px;

    color: black;

    font-size: 22px;

    line-height: 22px;

    font-weight: 500;

    margin-bottom: 13px;



}

.about-content h2{

    margin-bottom: 30px;

}

.about-content  ul li span i{

color: white;

font-size: 16px;

width: 27px;

height: 27px;

border-radius: 50px;

background: #cf171f;

display: flex;

    justify-content: center;

    text-align: center;

    align-items: center;

}



       



        .wt-we-are h2{

            margin-bottom: 30px;

            color: #ffffff;

        }



        .wt-we-are p{

            color: #ffffff;



        }



        .wt-we-are{

            text-align: left;

            padding: 75px;



    border-radius: 12px;

    

        }



.purpose-section .purpose-inner p{

    text-align: left;

}



 .purpose-section .purpose-inner h2{

    margin-bottom: 30px;

    text-align: left;

    

 }
 header.over-white-section .red-logo{
    display: none !important;

 }

        .purpose-section .purpose-inner{

            background-color: #f3f3f3;

    padding: 40px;

    text-align: center;

 

    display: flex;

    flex-direction: column;

    justify-content: space-evenly;



        }



.content-list-section  .content-inner-section{

    display: flex;

    justify-content: space-between;

    gap: 15px;



}

.content-list-section  .content-inner-section .content-card{

  

    max-width: 310px;

    width: 100%;

    border-radius: 12px;

    padding: 42px 22px;

    text-align: center;

    border: 1px solid #c1c1c1;

    height: inherit;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    min-height: 215px;

    gap: 29px;





}

.content-list-section  .content-inner-section .content-card h3{

    font-size: 22px;

    margin-bottom: 0px;

    color: #cf171f;

    text-transform: capitalize;

}





.learning-section h2{

    text-align: center;

    margin-bottom: 57px;

}



.learning-section  .card-inner{

    display: flex;

    gap: 40px;

    align-items: center;

    justify-content: space-between;

}



.learning-section  .card-inner .card-main:nth-child(1) , .learning-section  .card-inner .card-main:nth-child(1):after{

    border-radius: 0px 12px 12px 0px;

}



.learning-section  .card-inner .card-main:nth-child(2) ,.learning-section  .card-inner .card-main:nth-child(2):after{

    border-radius: 12px 0px 0px 12px;

}



.learning-section  .card-inner .card-main:after{

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: #00000066;

}



.learning-section  .card-inner .card-main{

    width: 50%;

    height: 500px;

    position: relative;

    overflow: hidden;

}



.learning-section  .card-inner .card-main  h2{

    position: absolute;

    bottom: 0;

    margin-bottom: 40px;

    text-align: center;

    justify-content: center;

    display: flex;

    left: 0;

    z-index: 99;

    right: 0;

    font-weight: 900;

    font-size: 61px;

    color: white;

   

    line-height: normal;



}

.learning-section  .card-inner .card-main img{

    width: 100%;

    height: 100%;

    object-fit: cover;

   

    transition: transform 0.3s ease-in-out;





}

.learning-section  .card-inner .card-main:hover img{

transform: scale(1.2);

}







      .section-margin {

        margin: 80px 0;

      }

      .about-contracting-setion {

        position: relative;

      }

      .about-contracting-setion h2 {

        margin-bottom: 23px;

        color: #b01c32;

        font-size: 37px;

        line-height: inherit;

        font-weight: 600;

        text-transform: uppercase;

      }



      .about-contracting-setion .about-contracting-inner {

        display: flex;



        align-items: center;

        justify-content: space-between;

        gap: 40px;

      }



      .about-contracting-setion

        .about-contracting-inner

        .about-contracting-img {

        width: 46%;

        position: absolute;

        right: 0;

        height: 100%;

      }

      .about-contracting-setion

        .about-contracting-inner

        .about-contracting-img

        img {

        width: 100%;

        height: 100%;

        object-fit: cover;

        border-radius: 12px;

      }



      .about-contracting-setion

        .about-contracting-inner

        .about-contracting-content {

        width: 52%;

        background: #f3f3f3;

        padding: 40px;

        border-radius: 12px;

        /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */

      }



      .about-section .about-section-inner .about-image {

        width: 50%;

      }



      .about-section .about-section-inner .about-image img {

        width: 100%;

    border-radius: 12px;

    height: 100%;

    object-fit: cover;

      }

      .about-section .about-section-inner .about-content p:last-child {

        margin-bottom: 0px;

      }

      .about-section .about-section-inner .about-content {

        width: 50%;

        padding: 60px;

        border: 1px solid #cf171f;

        border-radius: 12px;

        height: auto;

        display: flex;

        align-items: center;

        flex-direction: column;

        justify-content: center;

      }

      .about-section-inner {

        display: flex;

        gap: 60px;

        /* align-items: center; */

      }



      .inner-banner-text {

        position: relative;

        z-index: 99;

      }



      .inner-banner-text h1 {

        font-size: 90px;

        text-align: center;

        color: #ffffff;

        letter-spacing: 5px;

        /* text-transform: uppercase; */

      }



      .inner-banner-section {

        background-image: url(../image/inner-banner.jpeg);

        background-position: center;

        background-repeat: no-repeat;

        background-size: cover;

        height: 576px;

        position: relative;

        display: flex;

        align-items: center;

      }



      .inner-banner-section:after {

        content: "";

        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        background: #0000007a;

      }





      /* ------------------------footer ----------------------------------- */

      footer {

        padding: 90px 50px;

    }

    .main-footer {

        display: flex;

        justify-content: space-between;

        gap:25px;

    }

    .footer-logo-div {

        width: 22%;

    }

    .footer-logo-inner-div {

        width: 295px;

    }

    .footer-logo-inner-div img {

        width: 100%;

    }

    .footer-logo-inner-div {

        margin-bottom: 25px;

    }

    .footer-social-icons {

        display: flex;

        gap:20px;

        margin-top: 30px;

    }

    .footer-social-icons .footer-social-icon {

        width: 50px;

        height: 50px;

        background-color: #CF171F;

        display: flex;

        align-items: center;

        justify-content: center;

        border: 2px solid transparent;

        border-radius: 12px;

        transition: all 0.25s linear;

     }

     

     .footer-social-icons .footer-social-icon:hover {

        border-color: #CF171F;

        background-color: transparent;

     }

     .footer-social-icons .footer-social-icon i {

        font-size: 25px;

        color: #fff;

        transition: all 0.25s linear;

     }

     .footer-social-icon:hover i {

        color: #CF171F;

     }

     .footer-quick-link li  {

     

        margin:10px 0 ;

       

     }

     .footer-quick-link li a {

        font-size: 21px;

        font-weight: 500;

        padding-left: 5px;

     }

     .footer-quick-link {

        width: 12%;

     }

     footer h3 {

        color: #CF171F;

     }

     .footer-quick-service li {

        margin: 10px 0;



     }

     .footer-quick-service li a {

        font-size: 21px;

        font-weight: 500;



      }

      .footer-quick-service {

        width: 23%;

      }

      .footer-contact-div {

        width: 25%;

      }

      .footer-contact-map {

        display: flex;

        flex-direction: column;

        gap:10px;

      }

      .footer-contact-map a {

        display: flex;

        align-items: start;

        gap:8px;

        font-size: 20px;

      }

      .footer-contact-icon i {

        font-size: 25px;

        color:#CF171F;

      }

      .footer-quick-service h3 ,.footer-quick-link h3, .footer-contact-div h3 {

        margin-bottom: 20px;

      }



       .copy-main-div {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap:30px;

    padding-top: 15px;

    padding-left: 50px;

    padding-right: 50px;

    border-top: 2px solid #CF171F;

 }

 .copy-main-div p {

    font-weight: 600;

 }

 .copy-main-div p a {

    color: #CF171F;

    font-size: 19px;

 }

 .our-value-section  {

    background-color: #f9f9f9;

    position: relative;

    overflow: hidden;

 }



 .our-value-div-outer {

    position: relative;

    z-index: 5;

    overflow: hidden;

 }

 .what-we-offer-list ul {

    padding-left: 0;

 }

 .what-we-offer-list li {

    display: flex;

    align-items: baseline;

    gap: 5px;

 }

 .home-full-data-inner-content span  {

    font-weight: 600;

    font-size: 20px;

 }

 .what-we-offer-list li span {

    font-weight: 600;

    font-size: 22px;

 }



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

 .our-career-culture {

    display: flex;

    gap:50px;

   

    /* align-items: center; */

}

.our-career-culture .our-culture-image, .our-career-culture .our-culture-content {

    width: 50%;

}

.our-culture-image .our-culture-inner-img {

    width: 100%;

    border-radius: 12px;

    overflow: hidden;

    height: 100%;

}

.our-culture-inner-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.our-culture-content {

    display: flex;

    flex-direction: column;

    gap:12px;

    justify-content: center;

}

.our-culture-content span {

    font-weight: 600;

    font-size: 20px;

}

.our-extra-content {

    margin-top: 30px;

}

.our-extra-content  .company-goods {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    gap:30px;

    margin-top: 40px;

}

.company-goods .company-good-card { 

    width: 31.5%;

    padding: 30px;

   background-color: #f3f3f3;

    border-radius: 12px;

    

    

}



.company-good-card .good-list ul {

    padding-left: 20px;

}

.company-good-card .good-list li {

    list-style:disc;

}

.company-good-card ul li span {
       width: 23px;
    height: 23px;



display: flex

;    padding: 12px;

justify-content: center;

text-align: center;

align-items: center;

border-radius: 50px;

background: #cf171f;

}

.company-good-card ul li span i {    color: white;

color: white;

    font-size: 16px;

width: 31px;

height: 31px;

display: flex

;

justify-content: center;

align-items: center;

}

.company-good-card ul {

margin-top: 20px;

}

.company-good-card ul li {

display: flex

;

gap: 13px;

color: black;

font-size: 18px;

line-height: 22px;

font-weight: 500;

margin-bottom: 13px;

}

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



.why-work-list{

    display: flex;

    flex-wrap: wrap;

    gap:15px;

    row-gap: 40px;

}

.why-work-list .why-work-card{ 

    width: 48%;

    padding: 25px;

    border-radius: 12px;

    background-color: #cf171f;

    position: relative;

    color: #fff;

    padding-top: 40px;

}

.why-work-list .why-work-card h3 {

    font-size: 25px;

}

.why-work-card .why-work-card-count {

    width: 45px;

    height: 45px;

    background-color: #fff;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    left: 20px;

    top: -22.5px;

}

.why-work-card .why-work-card-count p {

    margin: 0;

    color:#cf171f;

    font-weight: 600;

}

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

.project-success-tab {

    margin-top: 30px;

    width: 100%;

}

.project-success-tab ul {

    border: none;

    text-align: center;

    padding: 0 20px;

    margin-bottom: 12px;

}

.tab-div {

    transition: all 0.3s ease-in-out;

}

.tab-div.active {

    color: #cf171f;

}

.tab-div:hover {

    color: #cf171f;

}

.project-success-tab ul li {

    float: none;

    display: inline-block;

    margin: 0 20px;

    margin-bottom: 10px;

}

.project-success-tab ul li i {

    font-size: 55px;

}

.project-success-tab ul li div {

    padding: 10px 15px;

    display: block;

    cursor: pointer;

}

.project-success-tab ul li span {

    display: block;

   



    font-weight: 700;



    margin-top: 15px;

    font-size:22px ;

}

.project-success-tab-content .tab-panel {

    display: none;

    height: 540px;

} 

.project-success-tab-content .tab-panel.active {

    display: block;



}

.tab-panel .tab-panel-image, .tab-panel .tab-panel-content{

    width: 50%;

}

.tab-panel .tab-panel-image {

    position: absolute;

    width: 50%;

    height: 100%;



    left: 0;

    padding: 0;

}

.tab-panel .tab-panel-image .tab-panel-inner-image {

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: inherit;

}

.project-success-tab-content-list {

    position: relative;

    background-color: #CF171F;

}

.tab-panel-inner-image::after {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background-color: #00000066;

}

.tab-panel-content {

    padding: 90px 100px;

    color: #fff;

    position: relative;

    margin-left: auto;

}

.tab-panel-content h3 {

    margin-bottom: 30px;

    font-size: 45px;

    text-transform: uppercase;

    

 }

 .tab-panel-content h3 span {

    font-size: 70px;

    left: -100px;

    line-height: 1;

    position: absolute;

    top: 78px;

    color:  #CF171F;

    z-index: 2;

 }

 .project-success-view-more {

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 30px;

 }

/* ---------------------- service card ------------------------------- */



.service-card-content {

    padding: 20px;

    opacity: 0;

    transition: all 0.3s ease-in-out;

    /* background-color: #fff; */

}

.service-card {



    overflow: hidden;

}

.service-card .service-card-image img { 

    border-top-left-radius: 12px;

    border-top-right-radius: 12px;

    overflow: hidden;

    height: 100%;
    object-fit: cover;

}

#service-slider   .service-card .service-card-image {

    opacity: 0.4;
height: 550px;
    transition: transform 0.3s ease;    
        border-radius: 19px;
    transition: transform 0.3s ease;
    overflow: hidden;

}

.our-service-section {

    background-color:#e2e2e2;

}



#service-slider .owl-carousel .owl-item img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.service-card {

margin: 0 auto;

transition: transform 0.3s ease;

}



#service-slider .owl-item.center .service-card .service-card-content {



opacity: 1;



}

#service-slider .owl-item.center .service-card-image {

opacity: 1;

}

.our-service-slider-div {

margin-top: 30px;

}

#service-slider .owl-dots {

display: flex;

align-items: center;

justify-content: center;

margin-top: 20px;

position: absolute;

bottom: 40px;

right: 40px;

}

#service-slider  .owl-dot span {

display: inline-block;

width: 15px;

margin: 0 5px;

height: 15px;

background-color:#CF171F;

border-radius: 50%;

}

#service-slider  .owl-dot.active span{

opacity: 0.6;

}







/* ----------------------- blog details ----------------- */

.blog-details-main-content {

    width: 80%;

    margin: 0 auto;

}

.blog-details-main-content .blog-details-image {

    border-radius: 12px;

    margin: 30px 0;

    overflow: hidden;

}

.blog-details-main-content .blog-details-image  img {

    width: 100%;

}

.blog-details-content h3 {

    margin-bottom: 15px;

    margin-top: 30px;

}

.faq-section {

    margin-top: 30px;

}

.tab-panel-content .white-btn {

    margin-top: 20px;

}



.faq-section .accordion-button {

    background-color: #CF171F;

    color: #fff;

    font-size: 22px;

    font-weight: 600;

}

.faq-section .accordion-button:focus {

    box-shadow: none;

}



.accordion-item:first-of-type>.accordion-header .accordion-button , .accordion-item:first-of-type {

    border-top-left-radius: 24px !important;

    border-top-right-radius: 24px !important;

    overflow: hidden;

}

.faq-details {

    border-radius: 12px;

    overflow: hidden;

    margin-top: 30px;

}

.accordion-item:first-of-type {

    border-radius: 0 !important;

}

.accordion-button:after {

    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;

  }

/* --------------- toggle bar ------------------- */

.hamburger {

    position: relative;

    width: 1em;

    height: 1em;

    font-size: inherit;

    transition: all 0.3s ease;

    cursor: pointer;

  }

  .hamburger.is-lg {

    font-size: 2rem;

  }

  .hamburger-line {

    position: absolute;

    right: 0;

    width: 100%;

    height: 0.125em;

    border-radius: 0.125em;

    background: currentColor;

    transition: inherit;

  }

  .hamburger-line:nth-child(1) {

    top: 0.125em;

  }

  .hamburger.is-active .hamburger-line:nth-child(1), .w-nav-button.w--open .hamburger-line:nth-child(1) {

    top: 50%;

    transform: translateY(-50%) rotateZ(-135deg);

  }

  .hamburger-line:nth-child(2) {

    top: 0.438em;

  }

  .hamburger.is-active .hamburger-line:nth-child(2), .w-nav-button.w--open .hamburger-line:nth-child(2) {

    right: 50%;

    width: 0;

  }

  .hamburger-line:nth-child(3) {

    top: 0.75em;

    width: 0.625em;

  }

  .hamburger.is-active .hamburger-line:nth-child(3), .w-nav-button.w--open .hamburger-line:nth-child(3) {

    top: 50%;

    width: 100%;

    transform: translateY(-50%) rotateZ(135deg);

  }



  /*--------------- menu  css ------------------- */

  .fullscreen-menu nav {

    height: 100vh;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    box-sizing: border-box;

    visibility: visible;

    pointer-events: none;

    opacity: 0;

    padding: 20px 0;

}



.fullscreen-menu .nav-height {

    overflow-y: scroll;

    position: relative;

    height: 100%;

    padding: 40px 0;

    padding-right: 30px;

    width: calc(100% + 30px);

    box-sizing: border-box;

}

.outer {

    display: table;

    width: 100%;

    height: 100%;

}

.inner {

    display: table-cell;

    vertical-align: middle;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.fullscreen-menu .flexnav.flexnav-show {

    -webkit-transition: all .3s ease-out 0.2s;

    transition: all .3s ease-out 0.2s;

}

.fullscreen-menu .flexnav {

    max-height: 2000px;

    -webkit-transition: all 0.2s ease-in 0.6s;

    transition: all 0.2s ease-in 0.6s;

    display: table;

    width: auto;

    padding: 0 20px;

    box-sizing: border-box;

    margin: 0 auto;

    float: none;

}

.fullscreen-menu .menu-timeline {

    opacity: 1;

}

.flexnav, .flexnav li {

    overflow: visible;

}

.flexnav li {

    position: relative;

    list-style: none;

    float: left;

    display: block;

    background-color: #a6a6a2;

}

.light-content li, .dark-section li {

    color: #ccc;

}

.fullscreen-menu .menu-timeline {

    opacity: 1;

}

.fullscreen-menu .flexnav li {

    text-align: center;

    padding: 0;

    box-sizing: border-box;

    float: none;

}



.fullscreen-menu .flexnav li, .fullscreen-menu .flexnav li a {

    background-color: transparent;

    border: 0;

}

.fullscreen-menu .flexnav li.link {

    border-bottom: none;

}

.fullscreen-menu.invert-header .flexnav li a {

    /* color: #fff; */

}

.fullscreen-menu .flexnav li, .fullscreen-menu .flexnav li a {

    background-color: transparent;

    border: 0;

}

.fullscreen-menu .menu-timeline .before-span {

    opacity: 0;

    display: block;

    -webkit-transform: translateY(120px);

    transform: translateY(120px);

}

.fullscreen-menu .flexnav li a span {

    position: relative;

    display: block;

    -webkit-transition: -webkit-transform 0.2s;

    transition: transform 0.2s;

    transform-origin: 100% 0%;

    /* overflow: hidden; */

}

.fullscreen-menu .flexnav li a span::before {

    position: absolute;

    top: 100%;

    width: 100%;

    left: 0;

    content: attr(data-hover);

}

.flexnav, .flexnav li ul {

    width: 100%;

    margin: 0;

}

.flexnav li>ul {

    position: absolute;

    top: auto;

    left: 0;

}

.fullscreen-menu .flexnav li ul {

    margin-bottom: 20px;

    position: relative;

    left: 0;

    background-color: #000;

}

.flexnav li, .flexnav li a, .flexnav li ul li {

    position: relative;

    overflow: hidden;

}





.fullscreen-menu .flexnav li ul li a {

    padding: 6px 0;

    font-size: 18px;

    line-height: 34px;

    font-weight: 400;

    border-top: none;

    text-transform: none;

}

/* .fullscreen-menu.invert-header .flexnav li a {

    color: #fff;

} */

.uppercase-text .fullscreen-menu .flexnav li ul li a {

    text-transform: uppercase;

    line-height: 20px;

}

.fullscreen-menu nav.open {

    visibility: visible;

    pointer-events: initial;

}

nav, nav.open {

    background: #000;

}

.flexnav.flexnav-show {

    max-height: 2000px;

    opacity: 1;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -ms-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}

.fullscreen-menu .flexnav li:hover a span {

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%);

    transform-origin: 0% 0%;

}





.flexnav .touch-button {

    background: rgba(0, 0, 0, 0);

    display: inline-block;

    height: 60px;

    position: absolute;

    right: 0;

    text-align: right;

    top: 0;

    width: 60px;

    z-index: 999;

}

.fullscreen-menu .flexnav .touch-button {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    width: fit-content;

    cursor: pointer;



    height: 100%;

}

.fullscreen-menu .flexnav li a {

    font-weight: 500;

    font-size: 4vw;

    color: #fff;

    line-height: 5.5vw;

}

.touch-button i {

    font-size: 60px;

    transition: all 0.3s ease-in-out;

    rotate: 0deg;

    color: #fff;

}

.touch-button.active i {

    rotate: -180deg;

}

header.over-white-section  .hamburger-line{

        color:#fff;

}

.fullscreen-menu .flexnav li ul li a.active {

    font-size: 20px;

    font-weight: 600;

    color: #fff !important;

    opacity: 1 !important;

}



.flexnav  a {

    color: white;

    transition: color 0.3s ease;

}



/* When hovering a link, set all other links to #222 */

.flexnav  a:hover {

    color: white;

}



.flexnav  a:hover ~ a {

    color: #222;

}



/* More reliable method — handle all links when nav is hove#cf171f */

.flexnav:hover  a {

    opacity: 0.5; /* make all links dark */

}



.flexnav  a:hover {

  opacity: 1 !important; /* override hove#cf171f one to stay white */

}

.white-logo {

    display: none;

}



header.over-white-section  .white-logo  {

    display: block;

}

header.over-white-section .#cf171f-logo{

    display: none;

}

body.oveflow-hidden {

    overflow: hidden;

}



header.fixedCls {

      transition: all 0.3s ease-in-out;

    animation:  headerAnimation 0.3s ease-in-out forwards;

}



@keyframes headerAnimation {

    0%{

        top:-80px;

    }

    100%{

        top: 0;

    }

}

.inner-banner-section.post-banner .inner-banner-text h1 {

    font-size: 60px;

}



.accordion-item:first-of-type>.accordion-header .accordion-button, .accordion-item:first-of-type {

        border-top-left-radius: 12px !important;

    border-top-right-radius: 12px !important;

}







/*----------- form  section ------------------------*/

      .inner-contact-us {

        position: relative;

        z-index: 999;

      }



      .contact-form-section:after {

        content: "";

        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        background: #000000c7;

      }



      .contact-form-section {

        position: relative;

        background-image: url(./assets/image/construction-silhouette.jpg);

        background-position: center;

        background-size: cover;

        background-repeat: no-repeat;

        width: 100%;

        height: 100%;

        z-index: 99;

      }



      .inner-contact-us h2 {

        margin-bottom: 30px;

        font-weight: 600;

        color: white;

      }



      .form {

        width: 500px;



        margin: 0 auto;



       



        background: #fff;

      }



      .form-item {

        position: relative;



        margin-bottom: 23px;

      }

      .faq-section h2 {

        text-align: center;

      }



      .form-item input  , .form-item select {

        display: block;


color: #596679;
        width: 100%;



        height: 60px;



        border-radius: 7px;



        outline: none;



        background: transparent;



        border: solid 1px #cf171f;



        transition: all 0.3s ease;



        padding: 11px 18px;

      }



      .form-item input:focus {

        border-color: #cf171f;

      }



      .contact-form-section p {

        text-align: center;

      }



      .contact-form-section .in-content {

        margin-bottom: 60px !important;



        width: 68%;



        margin: 0 auto;

      }



      .form-item textarea {

        display: block;



        width: 100%;



        outline: none;



        height: 130px;



        border-radius: 7px;



        background: transparent;



        border: solid 1px #cf171f;



        transition: all 0.3s ease;



        padding: 15px;

      }



      .form-item textarea:focus {

        border-color: #cf171f;

      }



      .form-item label {

        display: none;

        position: absolute;



        cursor: text;



        z-index: 2;



        top: 13px;



        left: 10px;



        font-size: 14px;



        font-weight: bold;



        background: white;



        padding: 0 10px;



        color: #cf171f;



        transition: all 0.3s ease;

      }



      /* .form-item input:focus + label,



.form-item input:valid + label{



font-size: 11px;



top: -5px



} */

      .walnut-outer-section.service-detail {

        background-color: #f0f0f0 !important;

      }

      .form-item textarea:focus + label,

      .form-item textarea:valid + label {

        font-size: 11px;



        top: -5px;

      }



      .form-item input:focus + label {

        color: #cf171f;

      }



      .form-item textarea:focus + label {

        color: #cf171f;

      }



      .contact-form-section .inner-contact-us {

        display: flex;



        justify-content: space-between;



        align-items: center;



        gap: 50px;

      }



      .contact-form-section .leftcontact-details h3 {

        font-size: 26px;



        color: #cf171f;

      }



      .contact-form-section .leftcontact-details .timing-details h4 {

        font-size: 20px;



        color: #cf171f;



        margin-bottom: 0px;

      }



      .contact-form-section .timing-details .innercontact-details {

        margin-bottom: 10px !important;



        gap: 0px !important;

      }



      .contact-form-section .timing-details {

        /* padding: 20px;



background: #cfdbaf; */



        border-radius: 12px;



        width: fit-content;

      }



      .contact-form-section .right-contact-form .form {

        width: 100%;



        background: #f3f3f3;



        padding: 40px;



        /* border: 2px solid #cf171f; */



        border-radius: 12px;

      }



      .d-none {

        display: none !important;

      }



      .innercontact-details {

        display: flex;



        flex-direction: column;



        gap: 3px;



        margin-bottom: 21px;

      }



      .contact-form-section .innercontact-details h3 {

        font-size: 26px;



        color: #cf171f;



        margin-bottom: 0px !important;

      }



      .innercontact-details span {

        font-size: 18px;



        color: rgb(255, 255, 255);



        /* font-weight: 600; */

      }



      .innercontact-details a {

        font-size: 18px;

      }



      .contact-form-section .leftcontact-details {

        width: 50%;

      }



      .contact-form-section .right-contact-form {

        width: 50%;

      }

.about-section.contact-form-section:after {

    content: none;

}

.contact-inner .cta-form-inner-div{

    width: 100%;

}



.new-contact-div {

    width: 100%;

    position: relative;

    padding: 80px 0px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

}

.new-contact-div .new-contact-content {

    width: 50%;

    padding: 45px;

    position: relative;

    z-index: 99;

    border: 1px solid gray !important;

    background-color: #fff;

    backdrop-filter: blur(10px);

    border-radius: 12px;



}

form .submit-btn{

height: 48px;

}







input[type="submit"]{

    border: 0px !important;

}

.new-contact-form  form{

    display: flex;

    flex-direction: column;

    gap:25px;

    margin-bottom: 0 !important;

}

.new-contact-div .new-contact-image  {

    position: absolute;

    right: 0;

    border-radius: 12px;

    overflow: hidden;

    height: 100%;

    width: 65%;

}

.new-contact-div .new-contact-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.new-contact-heading {

    margin-bottom: 30px;

}

.new-contact-heading span {

    font-size: 20px;

    font-weight: 600;

    color: #CF171F;

}

.service-left-right-heading ul {

    padding-left: 20px;

}

.service-left-right-heading ul li {

    list-style: disc;

    font-size: 18px;

    margin: 10px 0;

}

.restoration-inner-section span {

    font-weight: 600;

    font-size: 20px;

    color: #cf171f;

    margin-bottom: 30px;

    display: block;

}

.service-left-right-section .new-contact-div .new-contact-content {

    width: 53%;

}



.service-why-choose-heading h2 {

    text-align: center;

    width: 90%;

    margin: 0 auto;

}

.service-why-choose-heading {

    margin-bottom: 50px;

}



/* -------------------- career page --------------------- */

.our-career-section {

    background-size: cover;

    background-position: top;

    background-attachment: fixed;

}



.our-career-content {

    padding: 50px;

    background-color: #cf171f82;

    background-color: #00000066;

    backdrop-filter: blur(10px);

    color: #fff;

    width: 65%;

    display: flex;

    flex-direction: column;

    gap:15px;

    border-radius: 12px;

}

.our-career-content span{

    font-weight: 600;

    font-size: 18px;

    letter-spacing: 1.5px;

}

.our-career-content .our-career-image {

width: 100px;

}

.our-career-content .our-career-image img {

    width: 100%;

}



.work-left-right-card {

    display: flex;

    align-items: center;

    gap:40px;

}

.work-left-right-card .work-left-image, .work-left-right-card .work-right-content {

    width: 50%;

}

.work-left-right-card .work-left-image img {

    width: 100%;

    border-radius: 12px;

}

.work-left-right-section {

    position: relative;

    

}

.left-right-div {

    display: flex;

    flex-direction: column;

    gap:30px;

}

.work-right-content ul {

    padding-left: 20px;

}

.work-right-content li {

    list-style:circle;

}

.work-left-right-title h2 {

    text-align: center;

    width: 70%;

    margin: 0 auto;

    margin-bottom: 30px;

}



.work-left-right-title {

    margin-bottom: 50px;

}

.work-left-right-title .custom-btn-outer {

    margin: 0 auto;

}

.our-career-content ul {

    padding-left: 20px;

}   

.our-career-content ul li {

    list-style: disc;

    font-size: 18px;

    margin: 5px 0;

}



/* ------------------ service details ----------------- */

.service-content li {

    margin-bottom: 10px;

    display: flex;

    gap: 13px;

    align-items: center;

    font-size: 18px;



}



.service-content li i {

    color: white;

    font-size: 14px;

}



.service-content ul {

    margin: 26px 0px;

}



.service-content li i {

    width: 24px;

    height: 24px;

    display: flex;

    justify-content: center;

    text-align: center;

    align-items: center;

    border-radius: 50px;

    background: #cf171f;

}

.restoration-btn .custom-btn-outer {

    margin-top: 30px;



}



.restoration-inner-section h3 {

    font-size: 32px;

    margin-bottom: 24px;

    font-weight: 600;

    letter-spacing: 1px;

}



.restoration-section {

    display: flex;

    justify-content: space-between;

    gap: 58px;

    align-items: center;

}



.restoration-inner .restoration-section {

    display: flex;

}



.restoration-section .restoration-inner-section {

    width: 50%;

}



.restoration-section .restoration-img {

    width: 50%;

}



.restoration-section .restoration-img img {

    width: 100%;

    border-radius: 12px;

}



.form-control:focus {

    outline: none !important;

    box-shadow: none  !important;

    /*border-color: #eee !important;*/

}

.service-gallery-slider-div .service-image-slide img {

       

    transform: scale(0.85);

    filter: blur(3px);

    opacity: 0.6;

    border-radius: 12px;

    transition: all 1s ease-in-out;

 }

 #service-image-slider .owl-item.center .service-image-slide img ,  #project-gallery .owl-item.center .service-image-slide img {

     transform: scale(1);

     filter: blur(0);

     opacity: 1;

 }

 .service-gallery-slider-div .service-image-slide img {

    width: 100%;
    height: 467px;
    object-fit: cover;

 }



 /* ----------------- career page ------------------- */

 .join-our-team-heading {

    margin-bottom: 50px;

             

 }

 .join-our-team-heading h2 {

     text-align: center;

 }

 .join-our-team-heading p {

     text-align: center;

     width: 50%;

     margin: 0 auto;

 }

 .join-our-team-card-list {

     display: flex;

     flex-wrap: wrap;

     gap: 20px;

     row-gap: 30px;

     justify-content: center;

 }

 .join-our-team-card-list .join-our-team-card {

     padding: 30px;

     display: flex;

     flex-direction: column;

     gap: 10px;

     width: 32%;

     /* background-color: #cf171f10; */

     border-radius: 12px;

     box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

 }

 .join-our-team-heading span {

     background-color: #cf171f;

     color: #fff;   

     font-weight: 600;

     border-radius: 50px;

     padding: 5px 8px;

     margin: 0 auto;

     display: block;

     font-size: 14px;

     width: fit-content;

     margin-bottom: 15px;

 }

 .service-gallery-heading {

    margin-bottom: 40px;

 }

 .service-gallery-heading h2 {

    text-align: center;

 }





 .marketing-form-div  {

    display: flex;

    border-radius: 12px;   

    overflow: hidden;     

    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}

.marketing-form-div .marketing-form-content{

    padding: 70px 50px;

    width: 50%;

    background-color: #f5f5f5;

}

.marketing-form-div .marketing-form-content span {

    font-size: 20px;

    font-weight: 600;

    color: #CF171F;

}

.marketing-form-div .marketing-form-inner {

    width: 50%;

    padding: 70px 50px;

}

.marketing-form-contact-inner {

    display: flex;

    gap:20px;

    /* align-items: baseline; */

}

.marketing-form-contact {

    margin-top: 30px;

    display: flex;

    flex-direction: column;

    gap:25px;

}

.marketing-form-contact-inner    .marketing-icon .marketing-icon-div{

    width: 62px;

    height: 62px;

    border-radius: 50%;

    background-color: #CF171F;

    display: flex;

    align-items: center;

    justify-content: center;

}

.marketing-form-contact-inner    .marketing-icon .marketing-icon-div i {

    color: #fff;

    font-size: 28px;

}

.marketing-form-contact  .marketing-icon-details a {

    font-size: 20px;

}

.marketing-form-contact  .marketing-icon-details  h3 {

    margin-bottom: 5px;

}

.marketing-form-inner h3 {

    margin-bottom: 20px;

}

.marketing-social-link  {

    padding: 0 5px;

    padding-top: 15px;

    margin-top: 25px;

    

    border-top:1px solid #CF171F;

}

.marketing-social-link .footer-social-icons{

    margin-top: 0;

}

.marketing-form-content h2 {

    margin-bottom: 0px;

}

.full-map-section {

    width: 100%;

    height: 500px;

}

.full-map-section iframe {

    width: 100%;

    height: 100%;

}



.tab-panel  .tab-panel-inner {

    display: flex;

    height: 100%;

    align-items: center;

}

.purpose-outer {

    border-radius: 12px ;

    overflow: hidden;

}





.blog-list {

    display: flex;

    gap: 30px;

    flex-wrap: wrap;

}

.blog-list .blog-card { 

    width: 48%;

    border-radius: 15px;

    height: 500px;

    position: relative;

    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

    overflow: hidden;

    background-position: center;

    background-size: cover;

}

.blog-list .blog-card.second-card::after { 

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #00000066;

}

.blog-card .blog-date {

    padding: 15px;

    display: flex;

    flex-direction: column;

    position: absolute;

    top: 0;

    left: 0;

    background-color: #000;

    color: #fff;

    width: fit-content;

}

.blog-card .blog-date span {

    font-size: 18px;

    font-weight: 600;

}



.blog-content {

    padding: 20px;

    background-color: #fff;

    position: absolute;

    backdrop-filter: blur(10px);

    bottom: -122px;

    /* color: #fff; */

    left: 0;

    transition: all 0.25s ease-in-out;

}

.blog-date span {

    text-align: center;

}

.blog-content .blog-sub-content {

   opacity: 0;

   transition: all 0.25s linear;

}

.blog-card:hover .blog-sub-content {

    opacity: 1;

}

.blog-card:hover .blog-content {

    bottom: 0;

}

.modernWay p{

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

     line-clamp: 2;

-webkit-box-orient: vertical;

}

.blog-title h3 {

font-size: 25px;

}

.blog-card.second-card .blog-card-image{

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

transition: all 0.25s ease-in-out;

}

.blog-card.second-card .blog-card-image img {

width: 100%;

height: 100%;

object-fit: cover;

}

.blog-card.second-card:hover .blog-card-image {

scale: 1.1;

}

.blog-card.second-card {

overflow: hidden;

}

.blog-card.second-card .blog-card-content {

position: relative;

z-index: 4;

color: #fff;

padding: 30px;

}

.blog-card.second-card {

display: flex;

align-items: end;



}

.second-date {

color: #fff;

display: flex;

align-items: center;

gap: 5px;

font-size: 16px;

margin-bottom: 10px;

}

.blog-date .date {

    font-size: 40px !important;

    font-weight: 600;

}





.blog-list-navigation a{

  color: white !important;

    display: flex

;

    align-items: center;

    gap: 10px;

}



.blog-list-navigation {

    display: flex;

    align-items: center;

    justify-content: center;

   gap: 10px;

   margin-top: 30px;

}

.blog-next-btn {

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #cf171f;

    padding: 10px 14px;

    border-radius: 8px;

    cursor: pointer;

    color: #fff;

    gap: 8px;

} 

.blog-next-btn span {

    color: #fff;

    font-weight: 600;

 }  

 .blog-list-navigation .page-tag {

    width: 50px;

    height: 50px;

    background-color: #cf171f;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    cursor: pointer;

 }



 .icon-div {

    transition: all 0.5s;

  }



  .home-happen-content ul li i {

    font-size: 40px;

    transition: all 0.5s;

  }



  .home-happen-content ul {

    margin-top: 20px;

  }

  .home-happen-content ul li {

    margin-bottom: 10px;

  }



  .contact-page h2 {

    font-size: 33px;

  }



  .contact-tab-list .contact-icon {

    width: 90px;

    height: 90px;

    background: white;

    position: absolute;

    top: -39px;

    padding: 10px;

  }

  .contact-tab-list .contact-icon img {

    width: 100%;

    height: 100%;

    transition: all 0.5s;

  }

  .contact-tab-list .contact-tab-list a:hover {

    /* background: #cf171f14; */

    transition: all 0.5s;

    box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px;

  }

  .contact-tab-list .contact-tab-list a {

    position: relative;

    width: 100%;

    text-align: center;

    display: flex;

    justify-content: center;

    flex-direction: column;

    gap: 45px;

    height: 190px;

    border-radius: 12px;

    align-items: center;

    border: 1px solid #cfcfcf;

    transition: all 0.5s;

  }



  .contact-tab-list a:hover .contact-icon img {

    rotate: 20deg;

    width: 110%;

    height: 110%;

    transition: all 0.5s;

  }



  .contact-tab-list .contact-tab-list a h3 {

    margin-bottom: 0px;

    color: #cf171f;

    margin-bottom: -23px;

  }



  .contact-tab-list .contact-tab-list {

    display: flex;

    justify-content: space-between;

    gap: 30px;

  }



  .contact-section h2 {

    margin-bottom: 30px;

    font-weight: 500;

    text-transform: capitalize;

    font-size: 32px;

    line-height: inherit;

    margin-bottom: 0px;

  }



  .our-project-list {

    display: flex;

    justify-content: center;

    gap:30px;

    padding: 0 50px;

    flex-wrap: wrap;

}

.our-project-list .our-project-card { 

    width: 31.5%;

    position: relative;

    height: 450px;

    overflow: hidden;

    border-radius: 12px;

}

.our-project-list .our-project-card::after {

 background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .25), #000 75%);

bottom: 0;

content: "";

height: 30%;

left: 0;

pointer-events: none;

position: absolute;

right: 0;

-webkit-transform: translateZ(0);

transform: translateZ(0);

width: 100%;

z-index: 1;

}

.our-project-heading h2 {

text-align: center;

margin-bottom: 40px;

}

.our-project-card .our-project-card-title {

position: absolute;

bottom: 0;

left: 0;

z-index: 2;

color: #fff;

padding: 30px;

padding-bottom: 20px;

}

.our-project-card-image {

width: 100%;

height: 100%;

transition: all 0.4s ease-in-out;

}

.our-project-card-image img {

width: 100%;

height: 100%;

object-fit: cover;

}

.our-project-card:hover  .our-project-card-image {

scale: 1.1;

}

.our-project-card .our-project-card-title h3 {

    margin-bottom: 0;

}







.purpose-outer {

    border-radius: 12px;

    overflow: hidden;

    }

    

    

    

    .our-services-section h2{

        text-align: center;

        margin-bottom: 55px;

    }

    .service-card-inner h2{

        text-align: left !important;

        margin-bottom: 12px !important;

    }

    .service-card-inner .service-card-btns{

        display: flex;

        gap: 20px;

          

    

        

    }

    

    

    

    

    .service-card-inner .service-card:hover{

        box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;   

         transition: all 0.5s;

    }

    

    .service-card-inner{

        display: flex;

        flex-flow: row wrap;

        gap: 57px;

    }

    

    

    .service-card:after{

        content: '';

        /* background-color: #00000021; */

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        position: absolute;

        border-radius: 12px;

    }

    

    .service-card-inner  h2{

        letter-spacing: 1px;

        font-weight: 600;

        font-size: 31px;

        letter-spacing: 2px;

        line-height: inherit;

        color: white;

        position: relative;

        z-index: 9;

    }

    

    .service-card-inner  p{

        color: white;

        letter-spacing: 1px;

        margin-bottom: 26px;

        z-index: 9;

        position: relative;

    }

    

    .service-card {

        position: relative;

    }

    

    .service-card-inner .service-card .service-card-info::after{

        content: '';

        background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .25), #000 75%);

        bottom: 0;

        content: "";

        height: 100%;

        left: 0;

        pointer-events: none;

        position: absolute;

        right: 0;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

        width: 100%;

        z-index: 1;

        border-radius: 12px;

    }

    

    .service-card-inner .service-card .service-card-info{

        padding: 30px;

        /* background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0));

        filter: blur(8px); */

        position: relative;

        z-index: 99;

        border-radius: 12px;

        /* backdrop-filter: blur(10px); */

    }

    

    .service-card-inner .service-card {

        width: 47%;

        height: 500px;

        /* padding: 30px; */

        background-position: center;

        background-size: cover;

        display: flex;

        justify-content: center;

        align-items: end;

        border-radius: 12px;

        transition: all 0.5s;

    }

    

    .about-content h2 {

        width: 100%;

    }

    

        .service-info .home-happen-card .home-happen-content{

            padding-left: 210px;

            padding-top: 170px;

            padding-bottom: 170px;

            border-radius: 12px;

        }

        .home-happen-btns{

            display: flex

    ;

        flex-direction: column;

        gap: 30px;

        justify-content: start;

        margin: 30px 0px 0px 0px;

        text-align: center;

        width: 100%;

        align-items: start;

        

        }

        .service-main-title .purpose-inner h2{

    

    

        margin-bottom: 30px;

        text-align: left;

        font-size: 35px;

        line-height: inherit;

        margin-bottom: 0px;

        text-transform: capitalize;

    

        }

        .our-culture-content span {

            font-weight: 600;

            font-size: 20px;

            color: #cf171f;

            margin-bottom: 0px;

            display: block;

        

        }



.margin-top {

    margin-top: 90px;

}



#project-gallery .owl-dots, #service-image-slider .owl-dots {

    display: flex

;

    align-items: center;

    justify-content: center;

    margin-top: 20px;

    /* position: absolute;

    bottom: -40px;

    left:10%; */

}

#project-gallery .owl-dot span , #service-image-slider  .owl-dot span {

    display: inline-block;

    width: 15px;

    margin: 0 5px;

    height: 15px;

    background-color: #CF171F;

    border-radius: 50%;

}

#project-gallery .owl-dot.active span , #service-image-slider  .owl-dot.active span {

    opacity: 0.6;

}

.cta-form-group:not(:last-child) {

  margin-bottom: 20px; /* Adjust value as needed */

}





.cta-form-main-div .wpcf7-not-valid-tip {

    color: #000;

    position: relative;

    top: 8px;

    font-weight: bold;

}

.cta-form-main-div .wpcf7-response-output {

    color: #fff;

    font-weight: bold;

    text-align: center;

}


.marketing-form-inner input:focus{
    border-color: #cf171f;
}




  .contact-tab-list .popup-form{
      margin-top: 15px;
  }
 .contact-tab-list .contact-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}
.contact-tab-list .modal-content {
    background: #fff;
    padding: 30px;
    width: 100%;
    max-width: 500px;
    border-radius: 10px;
    position: relative;
}
.contact-tab-list .close-modal {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 24px;
    cursor: pointer;
}
.btn-div-flex{
    display: flex;
    gap: 20px;
}
.normal-btn i{
    height: 100%;
    display: flex
;
    justify-content: center;
    align-items: center;

}

.company-good-card h3 i{

    margin-right: 13px;
    /* color: #cf171f; */
    font-size: 36px;

}

.company-good-card .icon-div i{
        font-size: 51px;
            color: #cf171f;
    margin-bottom: 15px !important;
}

 .stats-section {
  text-align: center;
    }

    .section-title .subtitle {
      display: inline-block;
      background: #eaf4ff;
      color: #4a90e2;
      padding: 5px 15px;
      border-radius: 20px;
      font-weight: 600;
      font-size: 14px;
    }



    .section-title p {
      color: #7a7a7a;
      font-size: 15px;
      max-width: 600px;
      margin: 0 auto 40px;
    }

    .stats-grid {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        gap: 26px;
        row-gap: 26px !important;

    }
    .stat-item h3 span {
        font-size: 40px;
    }
    .stat-item h3 {
        font-size: 33px;
        color: #b01c32;
        font-weight: 700;
        margin-bottom: 10px;
    }



    .stat-item p {
        font-size: 18px;
        font-weight: 600;
    }

    .stat-item{
        width: 100%;
        max-width: 296px;
        background: #f3f3f3;
        border-radius: 12px;
        padding: 20px;
        display: flex;
        gap: 11px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }







.our-value-new-section .our-value-card{
padding: 0px !important;
    height: 385px;
}




.our-value-card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;

  color: #fff;
  padding: 20px;
  overflow: hidden;
}

/* Title always visible */
.our-value-card-title {
  position: relative;
  z-index: 2;
}

/* Paragraph initially hidden */
.our-value-card-content p {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  margin: 0;
   transition: all 1.5s ease;
}

/* On hover: show paragraph smoothly */
.new-extra-card-inner:hover .our-value-card-content p {
  max-height: 200px; /* adjust based on content */
  opacity: 1;
  margin-top: 12px;
    transition: all 1.5s ease;
}

.new-extra-card-inner:hover .our-value-card-content {
  /*transform: translateY(-40%);*/
}

.our-value-new-section  .our-value-card::after{
  display: none !important;
}

/*.our-value-new-section  .new-extra-card-inner:hover .our-value-card-content{
   height: auto;
       padding-bottom: 23px;
 

}

.our-value-new-section  .new-extra-card-inner:hover .our-value-card-content p{
 color : white !important;
     margin: 0px !important;

    }*/

    .new-extra-card-inner h3{
 color : white !important;
 font-size: 27px;
    }


   .new-extra-card-inner .our-value-card-header {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    gap: 8px !important;
    flex-direction: column !important;
    padding-bottom: 15px;
    /*border-bottom: 2px solid #eee;*/
    margin-bottom: 15px;
    align-items: start !important;
}

.our-value-new-section  .new-extra-card-inner{
        padding: 30px !important;
    height: 100%;
    box-shadow: 0px 15px 30px rgb(42 39 39 / 30%);
 
        background: linear-gradient(to top, rgb(0 0 0 / 54%), rgb(2 2 2 / 0%));
}
.our-value-new-section  .new-extra-card-inner:hover{
   background: linear-gradient(to top, rgb(0 0 0 / 66%), rgb(2 2 2 / 0%)) !important;
    }





    .call-to-action-new-section .inner-main-cards h3{
 margin-bottom: 0px ;
 font-size: 23px;
    }
        .calltoaction-content h2{
            margin-bottom: 0px;
                font-size: 37px;
                    color: white;



        }
    .calltoaction-content{
            display: flex
;
    flex-direction: column;
    gap: 35px;
    }
    .call-to-action-new-section .inner-main-cards{
          display: flex
;
   
    gap: 26px;
flex-direction: column;
    /* background: #ffffff; */
 
    border-radius: 15px;
}
    .call-to-action-new-section hr{
            color: #00000094;
    }


    .call-to-action-new-section .inner-cards:hover{
        transform: scale(1.05, 1.05);
            box-shadow: 0px 20px 40px rgb(0 0 0 / 14%);

    }
    
    .call-to-action-new-section .inner-cards{
        display: flex;
transition: .3s;
    padding: 27px;
gap: 30px;
    background: white;
flex-direction: column;
border: 1px solid #0000002b;
    justify-content: space-between;
    border-radius: 15px;
   align-items: start;
    /* border: 1px solid #c7c8c9; */
    border-radius: 15px;
    }
    .calltoaction-inner{
        display: flex;
position: relative;
        align-items: center;
    }
    .calltoaction-inner{

    }
    .call-to-action-new-section .calltoaction-img img{
        width: 100%;
        border-radius: 15px;
    }
    .call-to-action-new-section .calltoaction-content{
        background: #000000;
           box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    padding: 49px 46px;
      border: 1px solid #c9bcbc;
    /*background-color: hsl(0deg 0% 94.75% / 69%);*/
    background-color: hsl(0deg 0.71% 5.73% / 67%);
   backdrop-filter: blur(3px);
    border-radius: 15px;
      
    right: 0;
        width: 100%;
    
    }
    .call-to-action-new-section .calltoaction-img {

        width: 50%;
    }


    .company-good-card{

    }



.company-good-card {

width: 220px;
    border-top-right-radius: 10px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-out;
  text-decoration: none;
}

.company-good-card:hover {
  transform: translateY(-5px) scale(1.005) translateZ(0);
     box-shadow: 0 24px 36px rgba(0, 0, 0, 0.11), 0 24px 46px #b5b5b5;
}

.company-good-card:hover .overlay {
transform: scale(5) translateZ(0);
      opacity: 1;
}
.company-good-card:hover .icon-div i {
        color: white
    }
    .company-good-card:hover  h3{
          color: white
    }


 .company-good-card:hover  ul li span{
    background: #ffffff;
 }
 .company-good-card:hover  ul li span i{
    color: #cf171f;

}
.company-good-card:hover  ul li {
    color: #ffffff;
    }


.company-good-card:hover .company-card-inner {
  position: relative;
  z-index: 999999999;
}

.company-good-card:hover .company-card-inner:after {
  background: yellow;
}

.company-good-card:hover p {
  color: white;
}

.company-good-card:active {
  transform: scale(1) translateZ(0);
  box-shadow: 0 15px 24px rgba(0,0,0,0.11),
    0 15px 24px black;
}

.company-good-card p {
  font-size: 17px;
  color: #4C5656;
  margin-top: 30px;
  z-index: 1000;
  transition: color 0.3s ease-out;
}

.company-card-inner {
  /*width: 131px;
  height: 131px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid black;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease-out;*/
}

/*.company-card-inner:after {
  content: "";
  width: 118px;
  height: 118px;
  display: block;
  position: absolute;
  background: green;
  border-radius: 50%;
  top: 7px;
  left: 7px;
  transition: opacity 0.3s ease-out;
}*/

        
.company-good-card .overlay {
  width: 118px;
  position: absolute; 
  height: 118px;
  border-radius: 50%;
  background: #cf171f;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 0;
    opacity: 0;
    margin: auto;
    right: 0;
    display: flex;
    justify-content: center;
transition: transform 0.6s ease-out;
}

.purpose-outer .purpose-img{
    overflow: hidden;
}

.purpose-outer:hover .purpose-inner p{

    color: white !important;

}

.purpose-outer:hover img{

  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.purpose-outer  img{
  transition: all 2s ease-out;

}

.purpose-outer .purpose-inner{
 transition: all 0.6s ease-out;
        

}

.new-map-connect-info {
    position: absolute;
    top: 0;
    /* width: 38%; */
  width: 100%;
    max-width: 553px;
    /* background: red; */
   right: 60px;
    height: 100%;
    display: flex
;
    justify-content: center;
    align-items: center;
}


.purpose-outer:hover .purpose-inner{
 transition: all 0.6s ease-out;
        background-color: #cf171f;


}

.purpose-outer:hover .purpose-inner h2{
        color: white !important;
    }       

 .map-connet-main-section{
  
 }
 .cta-inner-map{
    position: relative;
 }
    .map-connet-main-section .new-map-connect{
   
    width: 80%;
  margin: 0 auto;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
        
    }



    .map-connet-main-section iframe{
 
      height: 663px;
          width: 100%;
    }
    .call-to-action-new-section{
        width: 100%
    }
    .calltoaction-inner {
    width: 100%;
}


.cta-inner-map iframe{
    filter: grayscale(100%) brightness(90%) !important;
}


.Apply-form-section .marketing-form-content{
	display: none !important;
}


.Apply-form-section .marketing-form-div .marketing-form-inner {
    width: 100%;

}



.Apply-form-section .marketing-form-div {
    display: flex;
    width: 56%;
    margin: 0 auto;
}

.Apply-form-section .wpcf7-submit{
	    margin: 0 auto;
    margin-top: 20px;
}


.Apply-form-section .marketing-form-inner h3 {
    margin-bottom: 37px;
    text-align: center;
}
.appy-form-banner:after{
	    background: none;
}

.appy-form-banner {
       background-color: #cf171f;
    background-image: none !important;
        height: auto;

}

.appy-form-banner .inner-banner-text  {

    margin-bottom: 150px;

}


.Apply-form-section{
	margin-top: -225px;
}
.Apply-form-section .marketing-form-div .marketing-form-inner{
	background: white;
	    position: relative;
}

.Apply-form-section .wpcf7-spinner{
	position: absolute !important; 
}


.Apply-form-section .form-item{
	margin-bottom: 0px !important;
}


		.job-description-section .job-description-inner {
			display: flex;
			gap: 40px;
			justify-content: space-between;
			margin: 0 auto;
			
			align-items: baseline;
		}

		.job-description-section .job-content {
			width: 60%;
		}
	.job-description-section	.application-form {
			width: 36%;
		}
	.job-description-section	.job-content h2 {
			font-size: 36px;
			margin-bottom: 20px;
		}

	.job-description-section	.job-tags span {
			background-color: #f3f3f3;
			padding: 6px 10px;
			border-radius: 5px;
			font-size: 14px;
			margin-right: 8px;
		}

	.job-description-section	h3 {
			font-weight: bold;
			margin-top: 30px;
		}

		.job-description-section .job-content ul {
			padding-left: 20px;
    		margin-bottom: 20px;
		}

	.job-description-section	.application-form {
		
			    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
			border-radius: 10px;
			padding: 34px;
		}

	.job-description-section	.application-form h2 {
			margin-bottom: 20px;
			font-size: 20px;
		}

	.job-description-section	.form-group {
			    margin-bottom: 20px;
		}

	.job-description-section	.form-group label {
			display: block;
			margin-bottom: 6px;
		
		}
		.what-we-offer-list a{
			color: white !important;
		}

	.job-description-section	.form-group input,
	.job-description-section	.form-group textarea {
			width: 100%;
			padding: 10px;
			border: 1px solid #cf171f;
			border-radius: 6px;
			font-size: 16px;
		}
.application-form .wpcf7-response-output{
	margin: 0px !important;
}
	.job-description-section textarea {
			resize: vertical;
			height: 100px;
		}

	.job-description-section .resume-box {
			border: 2px dotted #cf171f;
			text-align: center;
		    padding: 10px;
			border-radius: 6px;
			font-size: 14px;
			color: #666;
			margin-bottom: 20px;
		}

	.job-description-section	.resume-box a {
			color: #007bff;
			text-decoration: none;
		}

	.job-description-section	.radio-group {
			margin-bottom: 15px;
			    color: #75797e;
		}

	.job-description-section	.radio-group label {
			display: block;
			margin-bottom: 5px;
		
		}

	.job-description-section	.radio-group input {
			margin-right: 5px;
		}

	.job-description-section	.job-content ul li{
			list-style: disc;
			font-size: 18px;
		}
		

		@media screen and (max-width: 900px) {
			.job-description-inner {
				flex-direction: column;
			}
		}


.inner-banner-text h3{
	color: white;
    text-align: center;
    margin-top: 29px;
}


.wpcf7-list-item.first{
	margin-left: 0px !important;
}

.application-banner .inner-banner-text{
	    margin-bottom: 0px !important;
}
    .job-description-section .resume-box {
        border: 1px solid #cf171f;
        text-align: left;
    }

    .application-form .wpcf7-form-control-wrap {
        position: relative;
        margin-top: 12px;
        display: flex;
        flex-direction: column;
        width: 100%;
}
.what-we-offer-list li a i{
	transition: all 0.5s;
}

.what-we-offer-list li a:hover i{
	transform: translateX(10px);
    transition: all 0.5s;
}

.click-to-call-btn{
	display: flex
;
    justify-content: center;
}

.blog-details-content h2{
    font-size: 40px;
    margin-top: 47px;
    font-weight: bold;
}

.extra-block .container , .extra-block section{
	padding: 0px !important;
}

.blog-details-content ol li{
	list-style: disc !important; 
}

.extra-block .faq-section {
    margin-top: 60px;
    }

    .pagination{
    	display: flex
;
    justify-content: space-between;
    margin-top: 53px;

    }