/* 
Theme Name: Rego Companies INC
Author: The Website Times
Version: 1.0
*/
/* =====Document Styles===== */
*{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    list-style: none;
    text-decoration: none;
    /* outline: 1px solid red; */
}
html{
    scroll-behavior: smooth;
}
body{
    font-family: 'Montserrat', sans-serif;
    line-height: 1.25;
    color: #090917;
    /* min-height: 200vh; */
}
h1{
    font-size: 61px;
    font-weight: 700;
}
h2{
    font-size: 39.06px;
    font-weight: 700;
}
h3{
    font-size: 31.25px;
    font-weight: 700;
}
h4{
    font-size: 25px;
    font-weight: 700;
}
h5{
    font-size: 20px;
    font-weight: 700;
}
h6{
    font-size: 16px;
    font-weight: 700;
}
p{
    font-size: 20px;
    color: #4D4D4D;
}
.main{
    margin-top: 75px;
}
.container{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.primary-btn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #C62026;
    font-size: 16px;
    color: #fff;
    padding: 12px 30px;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.primary-btn:hover{
    opacity: 0.9;
}
@media (max-width: 1200px){
    .container{
        max-width: 980px;
    }
}
@media (max-width: 1023px){
    .container{
        max-width: 728px;
    }
}
@media (max-width: 767px){
    .container{
        max-width: 396px;
    }
    h2{
        font-size: 25px;
    }
    h3{
        font-size: 25px;
    }
    .primary-btn{
        padding: 8px 15px;
        font-size: 16px;
    }
}
@media (max-width: 427px){
    .container{
        max-width: calc(100% - 32px);
    }
}

/* =====Navigation===== */
.header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}
.header .main-nav{
    padding: 15px 0;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 10px rgb(0 0 0 / 5%);
            box-shadow: 0 3px 10px rgb(0 0 0 / 5%);
}
.header .container{
    max-height: 80px;
}
.main-nav img{
    height: 80px;
}
.main-nav ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
}
.nav-logo-a, .nav-logo-a img{
    height: 45px;
}
.nav-links{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.nav-links li{
    padding: 10px 25px;
}
.nav a{
    position: relative;
    color: #090917;
    font-size: 16px;
    font-weight: 600;
}
.nav a::after{
    content: "";
    position: absolute;
    background-color: #090917;
    height: 3px;
    width: 0;
    left: 0;
    bottom: -27px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.nav a:hover{
    color: #C62026;
}
.nav a:hover::after{
    width: 0;
}
.nav a.current{
    color: #C62026;
}
.nav a.current::after{
    width: 100%;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    background-color: #C62026;
}
.hamburger{
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
}
.line{
    width: 20px;
    height: 2.5px;
    background-color: #242424;
    border-radius: 5px;
}
.nav-btn{
    padding: 10px 30px;
    text-transform: none;
}
/* Nav DropDown */
.nav ul ul{
  /* display: none; */
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: rgb(244, 244, 244);
  border-radius: 5px;
  top: 60px;
  opacity: 0;
  visibility: hidden;
  z-index: 1001;
}
.nav ul ul li{
  padding: 5px 20px;
}
.nav ul li:hover > ul{
  /* Navigation Hover Main Switch */
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1200px){
    .hamburger{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .nav{
        display: none;
        position: absolute;
        /* flex-direction: column; */
        top: 75px;
        width: 100%;
        right: 0;
        background-color: #fff;
        -webkit-box-shadow: 0 3px 6px rgb(0, 0, 0, 0.03);
                box-shadow: 0 3px 6px rgb(0, 0, 0, 0.03);
        gap: 0;
    }
    .nav ul{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 100%;
    }
    .nav li{
        text-align: center;
        border-bottom: 0.5px solid rgb(112 112 112 / 50%) ;
    }
    .nav li:first-child{
        border-top: 0.5px solid rgb(112 112 112 / 50%) ;
    }
    .nav a:hover::after{
        width: 0;
    }
    .nav a.current{
        color: #C62026;
    }
    .nav a.current::after{
        width: 0;
        background-color: #C62026;
    }
    .nav.active{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .nav-dd-wwh{
        display: none;
    }
    .nav ul ul{
        display: none;
    }
}
@media(max-width: 767px) {
    .nav-links .primary-btn{
        display: none;
    }
    .nav-logo-a, .nav-logo-a img {
        height: 30px;
    }
    .nav{
        top: 60px;
    }
    .main{
        margin-top: 60px;
    }
    .header .container{
        max-height: 60px;
    }
}

/* =====Hero Section===== */
.sec1{
    position: relative;
    padding: 140px 0 150px;
}
.sec1 .container{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.sec1-bg{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}
.sec1 p{
    color: #fff;
    text-align: center;
    max-width: 790px;
    padding: 20px 0 40px;
}
.sec1 h1{
    color: #fff;
    font-size: 48.83px;
    text-align: center;
    max-width: 900px;
}
.sec1-red-line{
    height: 5px;
    width: 70px;
    background-color: #C62026;
    margin-bottom: 30px;
}
.hero-btn {
    border: 2px solid rgba(255, 255, 255, 0.6);
}
@media(max-width: 767px) {
    .sec1 h1 {
        font-size: 26px;
    }
    .sec1 {
        padding: 80px 0 100px;
    }
}

/* =====Generic Section===== */
.section-content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.section-img{
    width: 489px;
    height: 350px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}
.section-data .container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 117px;
}
.section-content h2{
    font-weight: 700;
    font-size: 31.25px;
    margin-bottom: 15px;
}
.section-para{
    margin-bottom: 10px;
    font-size: 16px;
    color: #030303;
    font-weight: 500;
}
.section-content .primary-btn{
    margin-top: 20px;
}
.section-pre-head{
    font-size: 14px;
    font-weight: 700;
    color: #C62026;
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
}
.sph-line{
    height: 2px;
    width: 20px;
    background-color: #C62026;
}
.disap{
	display: none;
}
.section-content ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
}
.section-content li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    font-weight: 500;
}
.section-content li p{
    width: 555px;
}
.section-para.sp{
    margin-bottom: 15px;
}
@media(max-width: 1200px) {
    .section-img {
        width: 450px;
        height: 350px;
    }
    .section-data .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 47px;
    }
    .section-content li p {
        width: 400px;
    }
}
@media(max-width: 1023px) {
    .section-data .container {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
            -ms-flex-direction: column !important;
                flex-direction: column !important;
    }
    .section-content{
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .section-content h2 {
        max-width: 588px;
        text-align: center;
    }
    .section-content p {
        max-width: 540px;
    }
    .section-content li {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .section-content li img{
        position: relative;
        top: 2px;
    }
}
@media (max-width: 767px){
    .section-content h2{
        font-size: 25px;
    }
    .section-img {
        width: 100%;
        height: 250px !important;
    }
    .section-data .container {
        gap: 30px;
    }
    .section-content li p {
        width: 100%;
    }
	.disap{
		display: block;
	}
}

/* Swiper */
.gallery{
    background-color: #ECECEC;
    padding: 60px 0;
}

.gallery-wrap{
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
}
.gallery-sub-wrap{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.gallery-img{
    height: 180px;
    width: 287px;
    object-fit: cover;
    object-position: center;
    border: 4px solid #c620265e;
}
@media (max-width: 1200px){
    .gallery-sub-wrap {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }
}

/* =====Section2===== */
.sec2{
    background-color: #ECECEC;
    padding: 60px 0 70px;
}

/* =====Section4===== */
.sec4{
    padding: 50px 0 70px;
    /* background-color: #EDEDED; */
    border-bottom: 1px solid #C6C6C6;
}
.sec4 .container{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.sec4 h3{
    margin-bottom: 40px;
}
.sec4-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
}
.sec4-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.sec4-box img{
    width: 290px;
    height: 150px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 8px 8px 0 0;
    -o-object-position: center;
       object-position: center;
}
.sec4-box p{
    background-color: #ECECEC;
    text-align: center;
    font-size: 18px;
    padding: 10px 0;
    border-radius: 0 0 8px 8px;
    font-weight: 600;
}
@media (max-width: 1200px){
    .sec4-wrap{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 30px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
}
@media(max-width: 767px) {
    .sec4-box img{
        max-width: 100%;
        height: 200px;
    }
    .sec4-box p {
        padding: 8px 0;
    }
    .sec4-box p{
        font-size: 16px;
    }
    .sec4 h3{
        text-align: center;
    }
}

/* =====Footer Style===== */
.footer{
    background-color: #EEF1F3;
    padding: 60px 0 20px;
}
.footer .container{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.foot-top-logo{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
}
.foot-top-logo img{
    max-width: 235px;
}
.foot-top-logo p{
    color: #D2D2D2;
    font-size: 16px;
    max-width: 320px;
}
.foot-top{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
}
.foot-useful-links-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
}
.foot-useful-links h4{
    color: #000;
    margin-bottom: 25px;
}
.foot-useful-links-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
}
.foot-useful-links-wrap a{
    color: #000;
}
.foot-contact-us h4{
    color: #000;
    margin-bottom: 25px;
}
.foot-contact-us p{
    color: #000;
    font-size: 16px;
}
.foot-contact-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
}
.foot-contact-wrap{
    position: relative;
}
.foot-contact-wrap img{
    position: absolute;
}
.foot-shift{
    margin-left: 35px;
}
.foot-contact-wrap a{
    color: #000;
}
.foot-contact-wrap a:hover{
    text-decoration: underline;
}
.foot-sep{
    border: 0.5px solid #C8C8C8;
    width: 100%;
    margin: 80px 0 15px;
}
.foot-bottom{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.foot-bottom a,
.foot-bottom p{
    color: #000;
    font-size: 12.8px;
}
.foot-bottom a{
    text-decoration: underline;
}
@media(max-width: 1023px) {
    .foot-useful-links{
        display: none;
    }
    .foot-top-logo{
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .foot-top-logo {
        gap: 30px;
    }
    .foot-bottom{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .foot-bottom p:first-of-type{
        display: none;
    }
}
@media(max-width: 767px) {
    .foot-top{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 60px;
    }
    .foot-top-logo p {
        display: none;
    }
    .foot-top-logo{
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        max-width: 100%;
    }
    .foot-sep {
        margin: 60px 0 15px;
    }
    .footer {
        padding: 50px 0 20px;
    }
}

/* =====HOme Section===== */
.icon-sec2{
    padding: 70px 0 80px;
    position: relative;
}
.sec-icon-box2{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    width: 287px;
}
.sec-icon-box2 h5{
    color: #fff;
}
.button-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}
.white-btn{
    background-color: #fff;
    color: #C62026;
    -webkit-box-shadow:inset 0px 0px 0px 2px #C62026;
            box-shadow:inset 0px 0px 0px 2px #C62026;
}
.white-btn:hover{
    background-color: #F3FBF4;
}
.about-quality-bg{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}
@media (max-width: 1023px){
    .icon-sec2 .container{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 50px;
    }
}

/* =====Page Banner===== */
.page-banner{
    position: relative;
    padding: 60px 0 65px;
}
.page-banner img{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    z-index: -1;
}
.page-banner h1{
    font-size: 48.83px;
    text-align: center;
    color: #fff;
}
.page-banner .container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.page-banner .container{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
}
.page-banner p{
    color: #fff;
    font-size: 16px;
    text-align: center;
}
@media(max-width: 767px) {
    .page-banner {
        padding: 40px 0;
    }
    .page-banner h1 {
        font-size: 39.06px;
    }
}

/* =====About Page===== */
.about-sec1{
    padding: 50px 0 60px;
}
.about-sec1 .section-img{
    height: 350px;
}

/* =====Carriers===== */
.carriers-sec1{
    padding: 80px 0;
}
.carriers-sec2{
    padding: 80px 0;
}

/* =====Full Page Forms===== */
.full-page-form{
    padding: 40px 0 60px;
}

/* =====Career===== */
.career .container{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.career div.wpforms-container-full .wpforms-form .wpforms-submit-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

/* =====Services Section 2===== */
.service-sec2-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
}
.service-sec2-wrap h3{
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
}
.service-sec2-wrap p{
    color: #fff;
    margin-bottom: 30px;
    font-size: 16px;
    max-width: 590px;
    text-align: center;
}
.icon-sec3{
    padding: 50px 0 55px;
}

/* =====Qualities===== */
.qualities{
    background-color: #F0F0F0;
    padding: 60px 0 80px;
}
.qualities .container{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 45px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.quality-box{
    background-color: #fff;
    -webkit-box-shadow: 0 3px 15px rgb(0 0 0 / 3%);
            box-shadow: 0 3px 15px rgb(0 0 0 / 3%);
    -webkit-box-shadow:inset 0px 5px 0px 0px #C62026;
            box-shadow:inset 0px 5px 0px 0px #C62026;
    padding: 30px;
    max-width: 388px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.qualities h2{
    font-weight: 300;
    text-transform: uppercase;
}
.qualities h2 span{
    font-weight: 700;
    text-transform: uppercase;
}
.quality-box h5{
    padding: 15px 0 10px;
    color: #3C3C3C;
}
.quality-box p{
    color: #4D4D4D;
    font-size: 16px;
}
.quality-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
@media (max-width: 1200px){
    .quality-wrap{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 30px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
}
@media (max-width: 767px){
    .qualities {
        background-color: #F0F0F0;
        padding: 50px 0 60px;
    }
}

/* =====Carrier Page===== */
.icon-sec{
    padding: 60px 0 70px;
    position: relative;
    background-color: #F0F0F0;
}
.sec-icon-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    width: 287px;
}
.sec-icon-box h5{
    color: #3C3C3C;
    font-weight: 600;
}
@media (max-width: 1023px){
    .icon-sec .container{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 50px;
    }
}
@media (max-width: 767px){
    .icon-sec, .carriers-sec2 {
        padding: 50px 0 60px;
    }
}

/* Services Section 3 */
.sec3{
    padding: 60px 0;
    background-color: #ECECEC;
}
.sec3 .container{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.sec3 h3{
    margin-bottom: 50px;
    text-align: center;
}
.sec3 p{
    font-size: 13px;
    font-weight: 500;
    text-align: center;
}
.sec3-icon{
    margin-bottom: 15px;
}
.sec3-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1000px;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.sec3-wrap:first-of-type,
.sec3-wrap:nth-of-type(2){
    margin-bottom: 50px;
}
.sec3-box-wrap{
    max-width: 140px;
    width: 100%
}
@media(max-width: 767px) {
    .sec3 {
        padding: 40px 0;
    }
    .sec3 h3 {
        margin-bottom: 40px;
    }
    .sec3-wrap{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 30px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .sec3-wrap:first-of-type,
    .sec3-wrap:nth-of-type(2) {
        margin-bottom: 30px;
    }

}

/* =====Services Section 4===== */
.services-sec4{
    background-color: #ECECEC;
}
.services-sec4 .container{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

/* Services Sec 5 */
.dupu{
    max-width: 1100px;
    font-weight: 500;
    text-align: center;
    font-size: 16px;
}
.services-sec5{
    margin-bottom: 30px;
}
.dupu.one{
    margin-bottom: 15px;
}
.dupu.two{
    margin-bottom: 40px;
}
.dupu.three{
    margin-top: 40px;
}
.dupu.three a{
    color: #C62026;
    text-decoration: underline;
}
@media(max-width: 1023px) {
    .services-sec5 h3{
        margin-bottom: 20px;
    }
}
@media(max-width: 767px) {
    .dupu{
        text-align: left;
    }
}

/* =====Sub-Service Quality===== */
.services-quality{
    background-color: #ECECEC;
    padding: 60px 0;
  }
  .services-quality-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 350px;
  }
  .services-quality-box h4{
    margin: 20px 0 15px;
  }
  .services-quality-box p{
    font-size: 16px;
    text-align: center;
  }
  @media(max-width: 1200px) {
    .services-quality-box {
      max-width: 316px;
    }
  }
  @media(max-width: 1200px) {
    .services-quality .container{
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 50px;
    }
}