/*start about*/

.about_wrapper{
    padding-top: 60px;
     padding-bottom: 60px;
 }
 .upper-head {
     width: 80%;
     margin: auto;
     text-align: center;
     margin-bottom: 60px;
 }
 .upper-head h2{
     font-size: 40px;
     font-family: var(--heading-font);
     margin-bottom: 30px;
     color: var(--heading-color);
 }
 section.card-sec .upper-head {
     width: 80%;
     margin: auto;
     text-align: center;
     margin-bottom: 60px;
 }
 .about_wrapper a.main-btn{
     width: 150px;
     text-align: center;
 }
 section.card-sec .upper-head h2{
     font-size: 40px;
     font-family: var(--heading-font);
     margin-bottom: 30px;
 }
 .heading_sec{
     margin-bottom: 40px;
     text-align: center;
 }
 .about-img1{
     text-align: right;
 }
 .about-img1 img{
     width: 100%;
     height: 500px;
     object-fit: contain;
     border-radius: 15px;
 }
 .about-img2 img{
     position: absolute;
     left: 0px;
     width: 75%;
     bottom: -20px;
     /* border-radius: 30px; */
     border: 5px solid #fff;
     object-fit: cover;
     height: 250px !important;
 }
 .about_wrapper .col-lg-6.text-center.text-lg-start p{
     /*line-height: 30px;*/
     margin-bottom: 15px;
 }
 .subhead {
     color: var(--secondary-text);
     font-size: 18px;
     /*line-height: 35px;*/
 }
 .about_wrapper .col-lg-6.text-center.text-lg-start{
     padding-right: 0%;
     width: 60%;
 }
 
 .about_wrapper .col-lg-6.mb-4.mb-lg-0.ps-lg-4.position-relative.text-center {
     width: 40%;
 }
 
 
 
 .about_wrapper h3{
     font-size: 2.25rem;
     /* color: var(--primary-color); */
     font-family: var(--heading-font);
 }
 
 .heading_sec h3{ 
     font-size: 40px;
     font-family: var(--heading-font);
 }
 .about_wrapper .heading_sec {
     margin-bottom: 0px;
     text-align: left;
 }
 .about_wrapper .abt-para {
     height: 75px;
     overflow: hidden;
     margin-bottom: 0px;
 }
 .about_wrapper .heading_sec h3{
     line-height: 1.2;
     font-size: 36px;
     color: var(--heading-color);
 }
 .about_wrapper .col-lg-6.abt-content {
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding-left: 5%;
 }
 section#about .abt-para{
   height: 100%;
   overflow: visible;
 }
 .abt-image {
     width: 50%;
     float: left;
     margin-right: 5%;
     margin-bottom: 10px;
     position: relative;
     z-index: 1;
 }
 .banner {
     height: auto;
     overflow: hidden;
 }
 .hire-section{
    background-color: #f8f8f8;
 }
 .hire-card{
    padding: 40px;
    background-color: var(--white-color);
    height: 360px;
 }
 .hire-card p{
  text-align: left;
}
section.cta {
    background-image: url('../images/ser-bottom.jpg');
    padding-left: 0;
    position: relative;
    padding-right: 0;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    }
    section.cta.bottom-ser-section .overlay {
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        position: absolute;
        background-color: transparent;
        background-image: linear-gradient(180deg, #071E2F6B 0%, #00233d 92%);
        opacity: 1;
        transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
        z-index: 1;
        }

        .bottom-bg .elementor-shape-top svg {
            height: 50px;
            transform: translateX(-50%) rotateY(180deg);
            }
            
            .elementor-shape-top {
            top: -1px;
            }
            .elementor-shape {
            overflow: hidden;
            position: absolute;
            left: 0;
            width: 100%;
            line-height: 0;
            direction: ltr;
            }
            .elementor-shape svg {
            display: block;
            width: calc(100% + 1.3px);
            position: relative;
            left: 50%;
            transform: translateX(-50%);
            }

            .item {
                background-color: var(--heading-color);
                padding: 40px;
            }
            
            .item p {
              color: white;
            }
            .item h3{
                color: white;
                font-size: 18px;
              }
              .owl-theme .owl-controls .owl-nav [class*='owl-'] {
                color: white;
                font-size: 14px;
                margin: 5px;
                padding: 10px 18px;
                background: #2fa1cd;
                display: inline-block;
                cursor: pointer;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }





            .banner{
                background-image: url('../images/banner-ser.jpg');
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                position: relative;
                height: 600px;
              }
              
              
              .overlay{
                background-color: #363636;
                  opacity: 0.65;
                  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
                  height: 100%;
                  width: 100%;
                  top: 0;
                  left: 0;
                  position: absolute;
              }
              .ser-con{
              text-align: center;
              }
              .ser-con p{
              text-align: center;
              color: white;
              }
              .ser-con h2{
              color: white;
              }
              
              
              section.cta.bottom-ser-section .overlay {
                height: 100%;
                width: 100%;
                top: 0;
                left: 0;
                position: absolute;
                background-color: transparent;
                background-image: linear-gradient(180deg, #00233DDE 0%, #7a7a7a 100%);
                opacity: 1;
                transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
              }
              section.cta {background-image: url('../images/ser-bottom.jpg');padding-left: 0;position: relative;padding-right: 0;background-attachment: fixed;background-position: center;background-size: cover;height: 500px;}
              section.cta .container {
                display: flex;
                justify-content: center;
                position: relative;
                z-index: 2;
                margin-top: 103px;
              }
              
              .bottom-bg .elementor-shape-top svg {
              height: 50px;
              transform: translateX(-50%) rotateY(180deg);
              }
              
            
                 
              /* banner */
              .elementor-shape-bottom {
                top: 92%;
              }
              
              .elementor-shape {
                overflow: hidden;
                position: absolute;
                left: 0;
                width: 100%;
                line-height: 0;
                direction: ltr;
                /* height: 46px; */
              }
              .elementor-1874 .elementor-element.elementor-element-9096bd8 > .elementor-shape-bottom svg {
                height: 30px;
              }
              
              .elementor-shape svg {
                display: block;
                width: calc(100% + 1.3px);
                position: relative;
                left: 50%;
                transform: translateX(-50%);
              }
              .elementor-shape .elementor-shape-fill {
                fill: #fff;
                transform-origin: center;
                transform: rotateY(0deg);
              }
              
              .elementor-1874 .elementor-element.elementor-element-9096bd8 > .elementor-shape-bottom svg {
                height: 30px;
              }
              section.cta .container {
                display: flex;
                justify-content: center;
                position: relative;
                z-index: 2;
            }
            .banner .guides {
                position: absolute;
                height: 350px;
                top: 0px;
                /* left: -154px; */
                width: 100%;
                z-index: 1;
                display: flex;
                justify-content: center;
                align-items: flex-end;
                right: 40%;
            }
            .bootom-text h2{
                color: white;
              }
              .bootom-text p{
                color: white;
              }
              
 /*end about section*/