/* Header css start */

.wrapper__header {

    padding: 50px 0;

    background: var(--color__off__white);

}



.wrapper__header__col__start {

    max-width: 419px;

    width: 100%;

    padding-right: 200px;

}



.wrapper__header__col__center {

    max-width: 604px;

    width: 100%;

    padding-right: 30px;

}



.wrapper__header__col__end {

    max-width: calc(100% - 1023px);

    width: 100%;

}



.wrapper__header__nav ul {

    gap: 0 28px;

}



.wrapper__header__nav ul li a {

    font-size: 20px;

    font-weight: 400;

    line-height: 27.24px;

    color: var(--color__535);

    font-family: var(--open__sans);

}



/* Header css End */



/* section 01 start */

.wrapper__sec__01__box{

    position: relative;

}

.wrapper__sec__card__box{

    width: 100%;

    position: relative;

}

.wrapper__sec__01__col__left{

    max-width: 55.55%;

    width: 100%;

}

.wrapper__sec__01__col__right{

    max-width: calc(100% - 55.55%);

    width: 100%;

}

.wrapper__sec__01__col__left__image img,.wrapper__sec__01__col__right__image img{

    height: 668px;

    object-fit: cover;

}

.wrapper__sec__card{

    max-width: 792px;

    background: var(--color__off__white);

    padding: 60px 50px;

}

/* section 01 end */



/* Section 02 Start */

.wrapper__service__col__left{

    max-width: 370px;

    width: 100%;

    padding-right: 20px;

}

.wrapper__service__col__right{

    max-width: calc(100% - 370px);

    width: 100%;

}

.wrapper__service__card{

    height: 100%;

    padding: 30px;

    background: var(--color__white);

    border: 1px solid var(--color__4d4);

}

.wrapper__service__card__row{

    margin-left: -12.5px;

    margin-right: -12.5px;

    

}

.wrapper__service__card__col{

    max-width: calc(100% / 3);

    width: 100%;

    padding-left: 12.5px;

    padding-right: 12.5px;



}

/* Section 02 End */



/* section 03 start */

.wrapper__sec__03__col__left{

    max-width: 742px;

    width: 100%;

    padding-right: 22px;

}

.wrapper__sec__03__col__right{

    max-width: calc(100% - 742px);

    width: 100%;

}

.wrapper__sec__03__col__left__row{

    margin-left: -10px;

    margin-right: -10px;

    row-gap: 22px;

}

.wrapper__sec__03__col__left__col{

    max-width: calc(100% / 2);

    width: 100%;

    padding-left: 10px;

    padding-right: 10px;

}

.wrapper__sec__03__col__left__col__card{

    padding: 35px;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--color__blue);

}

.common__listing__with__icon ul li{

    font-size: 20px;

    font-weight: 400;

    line-height:28px;

    color: var(--color__black);

    position: relative;

    padding-left: 27px;

}

.common__listing__with__icon ul li::before{

    content: "";

    position: absolute;

    left: 0px;

    top: calc(50% - 6px);

    width: 12px;

    height: 12px;

    border-radius: 50%;

    background: var(--color__blue);

}

.common__listing__with__icon ul li:not(:last-child){

    margin-bottom: 20px;

}

/* section 03 End */



/* section 04 start */

    .wrapper__sec__04__box{

        max-width:calc(100% / 3);

        width: 100%;

        padding-left: 50px;

        padding-right: 50px;

    }

    .wrapper__sec__04__row {

        margin-left: -50px;

        margin-right: -50px;

        row-gap: 50px;

    }

/* section 04 end */



/* section 05 start */

.wrapper__sec__05__row__left{

    max-width: 721px;

    width: 100%;

    padding-right: 57px;

}

.wrapper__sec__05__row__right{

    max-width: calc(100% - 721px);

    width: 100%;

}

.gary_box_wrapper {

    position: relative;

}

.gary_box_wrapper .gary_box_wrapper_inner {

    max-width: 50%;

    width: 100%;

    padding: 22px 30px 23px;

}

.gary_box_wrapper::before {

    content: "";

    position: absolute;

    left: 50%;

    top: 0px;

    transform: translate(-50%);

    background: #757575;

    width: 0.5px;

    height: 100%;

} 

/* section 05 end */



/* section 06 start */

.wrapper__sec__06__left{

    max-width: 779px;

    width: 100%;

    padding-right: 79px;

}

.wrapper__sec__06__right{

    max-width: calc(100% - 779px);

    width: 100%;

}

.counter_box{

    text-align: left;

    min-width: 112px;

}

.counter_box p{

    line-height: 19.07px;

}

.wrapper__sec__06__right__inner {

    gap: 0px 55px;

}

/* section 06 end */



/* section 07 Start */

.sec__07__content a.wrapper__btn__01 {

    padding: 11px 41px;

}

.wrapper__sec__07__box__wrapper figure {

    width: 166px;

    height: 206px;

    flex: 0 0 166px;

}

.wrapper__sec__07__box__wrapper figure img {

    height: 100%;

}

.wrapper__sec__07__box.m-col img {

    height: 482px;

}



/* section 07 end */



/* section 8 start */

.sec__08__col__wrapper{

    background: var(--color__D9);

    padding: 75px 30px 40px;

}

.sec__08__col__wrapper .quote-icon {

    width: 50px;

    height: 50px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background: var(--color__blue);

    top: -24px;

}

/* section 8 End */



/* section 9 start */

.wrapper__sec__09__left{

    max-width: 587px;

    width: 100%;

    padding-right: 50px;

}

.wrapper__sec__09__right{

    max-width: calc(100% - 587px);

    width: 100%;

}

 .sample_view_wrapper .sample_btn_wrapper{

    padding-right: 87px;

}

/* section 9 end */



/* section 10 start */

.wrapper__logo__slider  .slick-track{

    margin: 0px -33px;

}

.wrapper__logo__slider  .slick-track .logo__slide.slick-slide{

    padding: 0px 33px;

}

/* section 10 end */



/* section 11 start */

.wrapper__sec__11__left{

    max-width: 637px;

    width: 100%;

    padding-right: 20px;

    

}

.wrapper__sec__11__right{

    max-width: calc(100% - 637px);

    width: 100%;

    padding-top: 44px;

    padding-bottom: 44px;

}

.wrapper__sec__11__right__inner{

    max-width: 724px;

    margin-left: auto;

    margin-right: auto

}

.form_input .form-control {

    padding: 23px 30px;

    height: 65px;

    background: var(--color__EE);

    font-size: 16px;

    color: var(--color__black);

    border-color: var(--color__EE);

    border-radius: 0px;

}

.form_input .form-control::-webkit-input-placeholder{

    font-size: 14px;

    font-weight: 400;

    line-height: 19.07px;

    color: var(--color__black);

}

.form_input .form-control:focus{

    box-shadow: none;

    border-color: var(--color__blue);

}

.form_input textarea{

    height: 100px !important;

    resize: none;

}

.wrapper__sec__11__left .img__col {

    height: 559px;

}



.wrapper__sec__11__left .img__col img {

    height: 100%;

}

/* section 11 end */



/* section 12 start */

.wrapper__sec__12__left{

    max-width: 743px;

    width: 100%;

    padding-right: 93px;

}

.wrapper__sec__12__right{

    max-width: calc(100% - 743px);

    width: 100%;

}

.common_faq_wrapper .collapse-box {

    padding: 20px 30px;

    background: var(--color__white);

}

.common_faq_wrapper .collapse-box .collapse_box_title {

    display: flex;

    cursor: pointer;

}

.common_faq_wrapper .collapse-box .collapse_icon {

    margin-left: auto;

}

.common_faq_wrapper .collapse-box .collapse_icon .foldRotateIcon {

    display: none;

}

.common_faq_wrapper .collapse-box.active .collapse_icon .foldRotateIcon {

    display: block;

}

.common_faq_wrapper .collapse-box.active .collapse_icon .rightFoldIcon {

    display: none;

}

.common_faq_wrapper .collapse-box .collapse_body {

    display: none;

}

.collapse_box_title .title{

    font-size: 20px;

    font-weight: 400;

    line-height: 28px;

    color: var(--color__black);

}

.common_faq_wrapper .colllapse-col:not(:last-child) {

    margin-bottom: 20px;

}

/* section 12 end */



/* footer start */



.footer_links_wrapper.links_1{

    max-width: 370px;

    width: 100%;

    padding-right: 120px;

}

.footer_links_wrapper.links_2{

    max-width: 360px;

    width: 100%;

    padding-right: 74px;

}

.footer_links_wrapper.links_3{

    max-width: 295px;

    width: 100%;

    padding-right: 74px;

}

.footer_links_wrapper.links_4{

    max-width: 255px;

    width: 100%;

}

.footer_brand_logo img {

    max-width: 186px;

}

.footer_links_wrapper ul li a img{

    margin-right: 16px;

}

.footer_links_wrapper ul li a p, .footer_links_wrapper ul li a{

    line-height: 40px;

}

.footer_links_wrapper ul li a{

    font-size: 18px;

    font-weight: 400;

    line-height: 40px;

    color: var(--color__black);

    transition: all 0.3s ease;

}

.footer_links_wrapper ul li a:hover{

    color: var(--color__blue);

}

.footer_area_inner {

    padding-bottom: 50px;

    border-bottom: 1px solid var(--color__black);

}

.copy_right_inner p {

    line-height: 40px;

}











/* footer end */



/* New css addon WS 11-04-2025 */

.mw__590{

    max-width: 590px;

}

.mw__672{

    max-width: 672px;

}

.wrapper__sec__03__col__left__col__card__content .text__23{

    font-weight: 700;

    font-size: 90px;

    line-height: 100%;

    text-align: center;

    font-family: var(--open__sans);

}

.wrapper__sec__03__col__left__col__card__content .text__years{

    font-weight: 700;

    font-size: 28px;

    line-height: 100%;

    font-family: var(--open__sans);

}

.wrapper__sec__03__col__full{

    max-width: 100%;

    width: 100%;

    padding-left: 10px;

    padding-right: 10px;

}

.wrapper__sec__03__col__left__col__images {

    height:100%;

}

.wrapper__sec__03__col__left__col__images img {

    min-height: 100%;

}

.wrapper__sec__04__box_inner figure img{

    width: 57px;

    height: 57px;

    object-fit: cover;

    border-radius: 50%;

}

.wrapper__sec__04__box_inner figure {

    max-width: 68px;

    width: 100%;

    padding-right: 11px;

}

.wrapper__sec__05__row__right .img__col img{

    vertical-align: bottom;

}

.mw__1130{

    max-width: 1130px;

    width: 100%;

    margin-left: auto;

    margin-right: auto;

}

.wrapper__sec__07_row{

    margin-left: -50px;

    margin-right: -50px;

    row-gap: 80px;

}

.sec__07__card{

    max-width: calc(100% / 2);

    width: 100%;

    padding-left: 50px;

    padding-right: 50px;

}

.mw__518{

    max-width: 518px;

    width: 100%;

}

.mb__20 {

    margin-bottom: 20px;

}

.sec__11__contact__row{

    row-gap: 30px;

}

.text__14{

    font-size: 14px;

}

.text__20{

    font-size: 20px;

}



.wrapper__sec__01{

    background-size: cover;

    padding: 86px 0 78px;

    background-repeat: no-repeat;

    background-position: 35% center;

}



.slick-list {

    overflow: visible !important;

  }

  .wrapper__service__col__left__content .wrapper__upper__text__01
  {
     display: inline-block;
 }

/* New css addon WE 11-04-2025 */