.box-shadow,

.box-shadow-hover:hover {

    -webkit-box-shadow: 0 .2rem 2.8rem rgba(36, 36, 36, .1);

    -moz-box-shadow: 0 .2rem 2.8rem rgba(36, 36, 36, .1);

    box-shadow: 0 .2rem 2.8rem rgba(36, 36, 36, .1)
}



/* Top Bar

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

#top-bar {

    position: relative;

    z-index: 1;

}



.f28 {

    font-size: 1.9rem;

}



#top-bar,

#top-bar a {

    color: #fff;

    background: #0581c1;

}



#top-bar .top-bar-inner-wrap {

    display: table;

    width: 100%;

    padding: 12px 0px 13px 0px;

}



#top-bar .top-bar-content {

    display: table-cell;

    width: 60%;

    text-align: left;

    vertical-align: middle;

}



#top-bar .top-bar-socials {

    display: table-cell;

    width: 40%;

    text-align: right;

    vertical-align: middle;

}



.top-bar-content img {

    width: 25px;

    margin-right: 5px;

}



/* Top Bar Content */

#top-bar .top-bar-content .content {

    position: relative;

    display: inline-block;

    padding: 0px 17px 0px 21px;

    margin: 0px 6px;

}



#top-bar .top-bar-content .content:first-child {

    margin-left: 0px;

}



#top-bar .top-bar-content .content:last-child {

    margin-right: 0px;

}



#top-bar .top-bar-content .content:before {

    content: "";

    position: absolute;

    font-family: "FontAwesome";

    top: 0;

    left: 0;

}



#top-bar .top-bar-content .content.address:before {

    content: "\f015";

}



#top-bar .top-bar-content .content.phone:before {

    content: "\f098";

}



#top-bar .top-bar-content .content.time:before {

    content: "\f017";

}



#top-bar .top-bar-content .content:after {

    content: "";

    position: absolute;

    top: 50%;

    right: 0;

    width: 2px;

    height: 10px;

    background-color: #ffffff8a;

    transform: translateY(-50%);

}



#top-bar .top-bar-content .content:last-child:after {

    width: 0px;

    height: 0px;

    background-color: transparent;

}



/* Top Bar Socials*/

#top-bar .top-bar-socials .text {

    padding-right: 18px;

}



#top-bar .top-bar-socials .icons a {

    display: inline-block;

    text-align: center;

    position: relative;

    padding: 0px 15.8px;

}



#top-bar .top-bar-socials .icons a:before {

    content: "";

    position: absolute;

    top: 50%;

    left: 0;

    width: 2px;

    height: 10px;

    background-color: #ffffff8a;

    transform: translateY(-50%);

}



#top-bar .top-bar-socials .icons a:last-child {

    padding-right: 0px !important;

}



#top-bar .top-bar-socials .icons a:hover {

    transform: scale(1.4);

}



@media only screen and (max-width: 1199px) {

    #top-bar .top-bar-content {

        width: 70%;

    }



    #top-bar .top-bar-socials {

        width: 30%;

    }



}



@media only screen and (max-width: 991px) {

    #top-bar .top-bar-socials {

        display: none;

    }



    #top-bar .top-bar-content {

        width: 100%;

        display: block;

        text-align: center;

        font-size: 18px;

    }

}



.loaded .site-preloader-wrap {

    opacity: 0;

    visibility: hidden
}



.site-preloader-wrap {

    position: fixed;

    z-index: 999;

    height: 100%;

    width: 100%;

    background: #fff;

    top: 0;

    left: 0
}



.site-preloader-wrap .spinner {

    background-color: #d12e27;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -20px;

    margin-top: -20px
}



.spinner {

    width: 40px;

    height: 40px;

    border-radius: 100%;

    -webkit-animation: sk-scaleout 1s infinite ease-in-out;

    animation: sk-scaleout 1s infinite ease-in-out
}



@-webkit-keyframes sk-scaleout {

    0% {

        -webkit-transform: scale(0)
    }



    100% {

        -webkit-transform: scale(1);

        opacity: 0
    }

}



@keyframes sk-scaleout {

    0% {

        -webkit-transform: scale(0);

        transform: scale(0)
    }



    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

        opacity: 0
    }

}





.header {

    background-color: #fff;

    width: 100%;

    height: auto;

    box-shadow: 0 .1rem .9rem rgba(36, 36, 36, 0.04);

    display: block
}



.viewport-sm .primary-header {

    padding: 10px 0
}



.header-menu-wrap {

    margin-left: auto;

    display: flex;

    align-items: center;

}



.sticky-header {

    width: 100%;

    position: fixed;

    left: 0;

    top: 0;

    transform: translateY(-100%);

    z-index: 99
}



.sticky-header .primary-header {

    background-color: #fff;

    box-shadow: 0 2px 5px -2px rgba(0, 0, 0, .1)
}



.sticky-header.headroom--top {

    transform: translateY(-100%)
}



.headroom {

    transition: transform .25s ease-in-out;

    will-change: transform
}



.headroom--unpinned {

    transform: translateY(-100%)
}



.headroom--pinned {

    transform: translateY(0)
}



.header ul {

    margin: 0;

    padding: 0;

    list-style: none
}



.mobile-menu-icon {

    display: none
}



.burger-menu {

    width: 20px;

    height: 17px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    cursor: pointer;

    -webkit-transition: transform 330ms ease-out;

    -moz-transition: transform 330ms ease-out;

    -o-transition: transform 330ms ease-out;

    transition: transform 330ms ease-out
}



.burger-menu.menu-open {

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg)
}



.line-menu {

    background-color: #222;

    border-radius: 2px;

    width: 100%;

    height: 3px
}



.line-menu.line-half {

    width: 50%
}



.line-menu.first-line {

    transition: transform 330ms cubic-bezier(.54, -.81, .57, .57);

    transform-origin: right
}



.menu-open .line-menu.first-line {

    -webkit-transform: rotate(-90deg) translateX(3px);

    -moz-transform: rotate(-90deg) translateX(3px);

    -o-transform: rotate(-90deg) translateX(3px);

    transform: rotate(-90deg) translateX(3px)
}



.line-menu.last-line {

    align-self: flex-end;

    transition: transform 330ms cubic-bezier(.54, -.81, .57, .57);

    transform-origin: left
}



.menu-open .line-menu.last-line {

    -webkit-transform: rotate(-90deg) translateX(-3px);

    -moz-transform: rotate(-90deg) translateX(-3px);

    -o-transform: rotate(-90deg) translateX(-3px);

    transform: rotate(-90deg) translateX(-3px)
}



.header-menu-wrap ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



.header-menu-wrap ul li {

    display: inline-block;

    position: relative
}



.header-menu-wrap ul li>a {

    display: block;

    font-size: 15px;

    letter-spacing: 0;

    text-transform: uppercase;

    font-weight: 600;

    color: #333;

    padding: 0 20px;

    height: 80px;

    line-height: 80px;

}



.header-menu-wrap ul li:hover>a {

    color: #0581c1;

}



.header-menu-wrap li ul {

    background-color: #fff;

    display: block;

    width: 250px;

    padding: 10px 0;

    -webkit-box-shadow: 3px 1px 20px 0 rgba(0, 0, 0, .07);

    box-shadow: 3px 1px 20px 0 rgba(0, 0, 0, .07);

    position: absolute;

    left: -35px;

    top: 100%;

    opacity: 0;

    visibility: hidden;

    z-index: 0;

    -webkit-transition: opacity .5s ease, visibility .5s ease;

    -o-transition: opacity .5s ease, visibility .5s ease;

    transition: opacity .5s ease, visibility .5s ease
}



.header-menu-wrap li:hover>ul {

    opacity: 1;

    visibility: visible;

    z-index: 99
}



.header-menu-wrap li li {

    display: block;

    padding: 0 15px;

    margin-bottom: 5px;

    text-align: left;

    position: relative
}



.header-menu-wrap li li:last-child {

    margin: 0
}



.header-menu-wrap li li>a {



    display: block;

    height: auto;

    line-height: inherit;

    color: #263a4f;

    font-weight: 400;

    letter-spacing: 0;

    line-height: 2.5;

    text-transform: capitalize;

    padding: 1px 8px;

    font-size: 14px;

    -webkit-font-smoothing: antialiased
}



.header-menu-wrap li li:hover>a {

    color: #d12e27 !important;

    background-color: #f9f9f9b6
}



.header-menu-wrap li ul li ul {

    width: 250px;

    position: absolute;

    left: 100%;

    top: 0
}



@media(min-width:993px) {

    .header-menu-wrap li ul {

        display: block !important
    }

}



@media(max-width:992px) {



    .headroom--top .header-menu-wrap,

    .headroom--unpinned .header-menu-wrap {

        display: none !important
    }



    .dropdown-plus {

        width: 49px;

        height: 49px;

        line-height: 49px;

        position: absolute;

        top: 0;

        right: 0;

        cursor: pointer
    }



    .dropdown-plus:before,

    .dropdown-plus:after {

        position: absolute;

        content: '';

        top: 24px;

        right: 18px;

        width: 13px;

        height: 1px;

        background-color: #222
    }



    .dropdown-plus:after {

        -webkit-transform: rotate(90deg);

        -moz-transform: rotate(90deg);

        -o-transform: rotate(90deg);

        transform: rotate(90deg)
    }



    .dropdown-plus.dropdown-open:after {

        display: none
    }



    .mobile-menu-icon {

        display: block
    }



    .header-menu-wrap {

        display: none;

        background-color: #fff;

        width: 100%;

        height: auto;

        padding: 0 20px;

        position: absolute;

        left: 0;

        top: 50px;

        box-shadow: 0 1px 30px rgba(0, 0, 0, 0.03);

        z-index: 999
    }



    .header-menu-wrap ul li {

        display: block;

        border-bottom: 1px solid rgba(0, 0, 0, .04)
    }



    .header-menu-wrap ul li:first-child {

        border-top: 1px solid rgba(0, 0, 0, .04)
    }



    .header-menu-wrap ul li>a {

        padding: 10px 15px;

        height: inherit;

        line-height: inherit
    }



    .header-menu-wrap ul li ul li ul,

    .header-menu-wrap ul li ul {

        background-color: transparent;

        width: 100%;

        opacity: 1;

        padding: 0;

        visibility: visible;

        position: inherit;

        display: none;

        top: inherit;

        left: inherit;

        box-shadow: none
    }



    .header-menu-wrap li li {

        padding-left: 11px
    }



    .header-menu-wrap li li:last-child {

        border-bottom: none
    }



    .header-menu-wrap li li>a {

        color: #263a4f;

        font-size: 13px
    }



    .header-menu-wrap li li:hover>a {

        color: #666
    }

}



@media(max-width:580px) {

    .header-right a.menu-btn {

        line-height: 40px;

        font-size: 10px;

        padding: 0 25px
    }



    .primary-header .header-logo {

        max-width: 150px
    }

}



.primary-header-inner .header-right {

    display: flex;

    align-items: center;

    line-height: 80px;

    margin-left: 20px
}



.header-right .mobile-menu-icon {

    margin-left: 20px
}



.header-right a.menu-btn {

    background-color: #FFE162;

    line-height: 40px;

    color: #fff;

    border-radius: 3px;

    margin: 0 auto;

    display: flex;

    align-items: center;

    padding: 0 20px;

    font-size: 16px;

}



.header-right a.menu-btn:hover {

    background-color: #f8d849;

    opacity: .8;

    color: #fff
}



.primary-header-inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

    position: relative
}



.primary-header .header-logo {

    max-width: 112px
}



.viewport-lg .primary-header .header-menu-wrap {

    display: flex;

    align-items: center;

}



.join_us_btn a {

    padding: 10px 21px;

    color: #d12e27;

    border-radius: 32px;

    display: inline-block;

    font-weight: 900;

}

.resume_input .join_input {
    border-radius: 4px;
    border: 1px solid #E5E5E5;
}

.resume_input .join_input:focus {
    border-radius: 4px;
    border: 1px solid #0581c1;
}

.join_us_btn a:hover {

    padding: 10px 21px;

    color: #fff;

}



.offerservice,

.citycarousel {

    position: relative
}



.offerservice .owl-prev,

.citycarousel .owl-prev {

    position: absolute;

    width: 50px !important;

    height: 50px !important;

    line-height: 50px;

    text-align: center;

    left: -70px;

    top: calc(50% - 20px) !important;

    background-color: #fff;

    color: #263a4f;

    border-radius: 50%;

    border: 0;

    outline: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}



.offerservice .owl-next,

.citycarousel .owl-next {

    position: absolute;

    width: 50px !important;

    height: 50px !important;

    line-height: 50px;

    text-align: center;

    top: calc(50% - 20px) !important;

    background-color: #fff;

    color: #263a4f;

    border-radius: 50%;

    border: 0;

    outline: none;

    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);

    right: -70px;

}



section .container {

    padding: 30px 30px;

}



.service-content span {



    font-size: 12px;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 15px;

    display: block
}



.owl-controls .owl-dots {

    width: 100%;

    height: auto;

    position: absolute;

    left: 0;

    bottom: -50px;

    text-align: center
}



.owl-controls .owl-dots .owl-dot {

    display: inline-block;

    width: 10px;

    height: 10px;

    border-radius: 1px;

    background-color: #555;

    margin: 0 3px;

    position: relative;

    text-align: center
}



.owl-controls .owl-dots .owl-dot.active {

    background-color: #ff0707
}







.new-service .new-service-item {

    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);

    padding: 10px 0;

}



.new-service .new-service-content {

    padding: 10px 15px;

}



.new-service .new-service-content h3 {

    font-weight: 600;

    font-size: 16px;

    text-align: center;

}



.bannerSlide .owl-nav,

.testimonial .owl-nav {

    display: none;

}



.testi .owl-carousel {

    margin: 0 auto;

}



@media(max-width:992px) {

    .testi .owl-carousel {

        max-width: 95%;

        margin: 0 auto;

    }



    .offerservice .owl-next,

    .citycarousel .owl-next {



        right: -25px;

    }



    .offerservice .owl-prev,

    .citycarousel .owl-prev {



        left: -25px;

    }

}



.owl-carousel {

    display: flex !important;

    justify-content: center;

    margin: 0 auto;

}



#citybanners .disabled,

#allservice .disabled,

#testimonial .disabled,

#citybannershome .disabled {

    display: none;

}



.btn-enquiry {

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    padding: 15px 38px;

    border-radius: 50px;

    color: #d12e27;

    background-color: #FFF;

    font-size: 16px;

    letter-spacing: 1px;

    transition: all 0.15s linear;

    border: 1px solid #d12e27;

    outline: none;

}



.btn-enquiry:hover {

    background-color: #d12e27;

    color: #fff;

    transform: translateY(-5px) scale(1.05);

}



.btn-enquiry:active {

    background-color: transparent;

    border-color: #1DC9A0;

    color: #1DC9A0;

    transform: translateY(5px) scale(0.95);

}



.btn-enquiry:disabled {

    background-color: rgba(255, 255, 255, 0.16);

    color: #8E8E93;

    border-color: #8E8E93;

}



.finbyz-button {

    position: relative;

    display: inline-block;

    padding: 10px 20px;

    text-align: center;

    font-size: 16px;

    letter-spacing: 1px;

    text-decoration: none;

    color: #d12e27;

    background: transparent;

    cursor: pointer;

    transition: ease-out 0.5s;

    border: 1px solid #d12e27;

    box-shadow: inset 0 0 0 0 #d12e27;

}



.finbyz-button:hover {

    color: white;

    box-shadow: inset 0 -100px 0 0 #d12e27;

}



.finbyz-button:active {

    transform: scale(0.9);

}









.submit-button {

    position: relative;

    display: inline-block;

    padding: 10px 20px;

    text-align: center;

    font-size: 16px;

    letter-spacing: 1px;

    text-decoration: none;

    color: rgb(255, 255, 255);

    background: #d12e27;

    cursor: pointer;

    transition: ease-out 0.5s;

    border: 1px solid #d12e27;

    box-shadow: inset 0 0 0 0 #d12e27;

}



.submit-button:hover {

    color: #d12e27;

    box-shadow: inset 0 -100px 0 0 #fff;

}



.submit-button:active {

    transform: scale(0.9);

}



.text-light-50 {

    color: #d7d7d7ba;

}







/* // new UI  */

.mainContentBox {

    visibility: inherit;

    transition: none 0s ease 0s;

    text-align: left;

    line-height: 80px;

    opacity: 1;

    transform: translate3d(0px, 0px, 0px);

    transform-origin: 50% 50% 0px;

    padding: 55px;

}



.mainContentBox .p1 {

    font-size: 20px;

    color: white;

    font-weight: 400;

    letter-spacing: 3px;

}



.mainContentBox .p2 {

    font-size: 40px;

    color: white;

    margin-top: 10px;

    font-weight: 800;

}



.mainContentBox .p3 {

    font-weight: 400;

    font-size: 15px;

    margin-top: 10px;

    color: white;

}



.mainContentBox2 {

    font-size: 20px;

    width: 400px;

    background: white;

    padding: 25px;

    margin-top: 20px;

}



.ContentAlign {

    justify-content: end;

}



.boxshadows {

    box-shadow: -50px 0px 75px -50px rgba(0, 0, 0, 0.64);

    -webkit-box-shadow: -50px 0px 75px -50px rgba(0, 0, 0, 0.64);

    -moz-box-shadow: -50px 0px 75px -50px rgba(0, 0, 0, 0.64);

}



/* //responsive  */



.citymainContentBox {

    visibility: inherit;

    transition: none 0s ease 0s;

    text-align: left;

    line-height: 80px;

    opacity: 1;

    transform: translate3d(0px, 0px, 0px);

    transform-origin: 50% 50% 0px;

    padding: 55px;

}



.citymainContentBox .p1 {

    font-size: 20px;

    color: white;

    font-weight: 400;

    letter-spacing: 3px;

}



.citymainContentBox .p2 {

    font-size: 35px;

    color: #353535;

    margin-top: 10px;

    font-weight: 400;

}



.citymainContentBox .p3 {

    font-weight: 400;

    font-size: 15px;

    margin-top: 10px;

    color: white;

}



.citycitymainContentBox2 {

    font-size: 20px;

    width: 400px;

    background: white;

    padding: 25px;

    margin-top: 20px;

}



.CityContentAlign {

    justify-content: end;

}



/* //responsive  */

@media only screen and (min-width: 250px) and (max-width: 431px) {

    .citycitymainContentBox2 {

        width: 100%;

    }



    .CityContentAlign {

        justify-content: center;

    }



    .mainContentBox2 {

        width: 100%;

    }



    .f28 {

        font-size: 1.4rem;

    }



    .ContentAlign {

        justify-content: center;

    }



    .boxshadows {

        box-shadow: -9px -10px 50px -3px rgba(0, 0, 0, 0.64);

        -webkit-box-shadow: -9px -10px 50px -3px rgba(0, 0, 0, 0.64);

        -moz-box-shadow: -9px -10px 50px -3px rgba(0, 0, 0, 0.64);

    }



}



@media only screen and (min-width: 431px) and (max-width: 609px) {

    .citycitymainContentBox2 {

        width: 100%;

    }



    .mainContentBox2 {

        width: 100%;

    }

}



@media only screen and (min-width: 250px) and (max-width: 769px) {

    .f28 {

        font-size: 1.4rem;

    }



    .post__title {

        font-size: 14px;

    }



    .mainContentBox {

        visibility: inherit;

        transition: none 0s ease 0s;

        text-align: left;

        line-height: 80px;

        opacity: 1;

        transform: translate3d(0px, 0px, 0px);

        transform-origin: 50% 50% 0px;

        padding: 55px;

    }



    .mainContentBox .p2 {

        font-size: 25px;

        line-height: 35px;

    }



    .mainContentBox .p1 {

        font-size: 18px;

    }



    .ContentAlign {

        justify-content: center;

    }



    .boxshadows {

        box-shadow: -9px -10px 50px -3px rgba(0, 0, 0, 0.64);

        -webkit-box-shadow: -9px -10px 50px -3px rgba(0, 0, 0, 0.64);

        -moz-box-shadow: -9px -10px 50px -3px rgba(0, 0, 0, 0.64);

    }



    .citymainContentBox {

        visibility: inherit;

        transition: none 0s ease 0s;

        text-align: left;

        line-height: 80px;

        opacity: 1;

        transform: translate3d(0px, 0px, 0px);

        transform-origin: 50% 50% 0px;

        padding: 55px;

    }



    .citymainContentBox .p2 {

        font-size: 25px;

        line-height: 35px;

    }



    .citymainContentBox .p1 {

        font-size: 18px;

    }



    .CityContentAlign {

        justify-content: center;

    }





}



@media only screen and (min-width: 770px) and (max-width: 850px) {

    .citycitymainContentBox2 {

        width: 320px;

    }



    .mainContentBox2 {

        width: 320px;

    }

}



@media only screen and (min-width: 769px) and (max-width: 1020px) {

    .mainContentBox {

        visibility: inherit;

        transition: none 0s ease 0s;

        text-align: left;

        line-height: 80px;

        opacity: 1;

        transform: translate3d(0px, 0px, 0px);

        transform-origin: 50% 50% 0px;

        padding: 20px;

    }



    .mainContentBox2 {

        font-size: 15px;

        padding: 15px;

    }



    .bv_atual {

        font-size: 10pt;

    }



    .mainContentBox .p2 {

        font-size: 25px;

        line-height: 35px;

    }



    .mainContentBox .p1 {

        font-size: 18px;

    }



    .boxshadows {

        box-shadow: -9px -10px 50px -3px rgba(0, 0, 0, 0.64);

        -webkit-box-shadow: -9px -10px 50px -3px rgba(0, 0, 0, 0.64);

        -moz-box-shadow: -9px -10px 50px -3px rgba(0, 0, 0, 0.64);

    }



    .citymainContentBox {

        visibility: inherit;

        transition: none 0s ease 0s;

        text-align: left;

        line-height: 80px;

        opacity: 1;

        transform: translate3d(0px, 0px, 0px);

        transform-origin: 50% 50% 0px;

        padding: 20px;

    }



    .citycitymainContentBox2 {

        font-size: 15px;

        padding: 15px;

    }



    .citymainContentBox .p2 {

        font-size: 25px;

        line-height: 35px;

    }



    .citymainContentBox .p1 {

        font-size: 18px;

    }





}



@media only screen and (min-width: 1600px) and (max-width: 1800px) {

    .citymainContentBox {

        padding: 100px;

    }



    .citymainContentBox .p2 {

        font-size: 45px;

        line-height: 90px;

    }

}



@media only screen and (min-width: 1800px) and (max-width: 2200px) {

    .citymainContentBox {

        padding: 120px;

    }



    .citymainContentBox .p2 {

        font-size: 45px;

        line-height: 105px;

    }

}



@media only screen and (min-width: 2200px) and (max-width: 7000px) {

    .mainContentBox {

        padding: 155px;

    }



    .bv_ul_inner li {

        cursor: pointer;

        list-style: none;

        color: #353535;

        padding: 5px 0 5px 9px;

        font-size: 18pt;

        padding: 22px 28px 20px 20px;

        line-height: 20px;

    }



    .bv_ul_inner li input {



        font-size: 18pt;

    }



    .boxshadows {

        display: flex;

        align-items: center;

    }



    .bv_atual {

        font-size: 20pt;

        padding-bottom: 45px;

    }



    .mainContentBox .p2 {

        font-size: 85px;

        line-height: 105px;

    }



    .mainContentBox .p1 {

        font-size: 38px;

    }



    .mainContentBox .p3 {

        font-weight: 400;

        font-size: 35px;

        margin-top: 50px;

    }



    .mainContentBox2 {

        font-size: 34px;

        width: 600px;

        background: white;

        padding: 25px;

        margin-top: 50px;

    }



    .citymainContentBox {

        padding: 155px;

    }



    .citymainContentBox .p2 {

        font-size: 75px;

        line-height: 105px;

    }



    .citymainContentBox .p1 {

        font-size: 38px;

    }



    .citymainContentBox .p3 {

        font-weight: 400;

        font-size: 35px;

        margin-top: 50px;

    }



    .citycitymainContentBox2 {

        font-size: 34px;

        width: 600px;

        background: white;

        padding: 25px;

        margin-top: 50px;

    }

}



.ServInItem {

    display: flex;

    flex-direction: column;

    align-items: center;

    width: 160px;

    height: 122px;

    cursor: pointer;

    padding: 24px 16px 16px;

    overflow: hidden;

}



.ServOutItem {

    width: 32px;

    height: 32px;

}



.ServOutItem2 {

    width: 100px;

    height: 70px;

}



.ServInItemImg {

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.rowAlign {

    display: flex;

    flex-direction: row;

    justify-content: center;

}



.ServInItemSpan {

    display: inline-block;

    margin-top: 16px;

    font-size: 13px;

    line-height: 16px;

    color: #0581c1;

    text-align: center;

    text-transform: capitalize;

    font-weight: 600;

}



.ServInItem:hover {

    background: #f9f9f9;

    transform: scale(1.1);

    transition: .3s ease-in;

}



.ServiceTopPosition {



    position: relative;

    top: -160px;

    margin: 0 auto !important;

    padding: 24px;

    background: #fff;

    background-color: rgb(255, 255, 255);

    margin: 64px auto;

    width: 80%;

    border-radius: 4px;

    box-shadow: 0 8px 26px 0 rgba(0, 0, 0, .08);

    background-color: #fff;



}



.ServInItem2 {

    display: flex;

    background-color: #ffffff;

    flex-direction: column;

    align-items: center;

    width: auto;

    height: 152px;

    cursor: pointer;

    padding: 24px 16px 16px;

    overflow: hidden;

    box-shadow: 0 1px 3px rgb(0 0 0 / 10%);

    /* border: 1px solid #efefef; */

    margin: 10px;

    box-shadow: 0 0.1rem 0.9rem rgb(36 36 36 / 6%);

    border-radius: 10px;

}



.titlepadding {

    padding-top: 80px !important;

    color: white;

}



.CityTopBg {

    height: 350px;

    width: 100%;

    background-size: cover;

}



.citybannerMargin {

    margin-top: -100px;

}





@media only screen and (min-width: 300px) and (max-width: 1000px) {

    .ServInItem {

        overflow: hidden;

        flex: 0 0 33.333333%;

        padding: 10px 10px 10px 10px;

        height: 100px;

    }



    .CityTopBg {



        height: 200px;

        width: 100%;

        background-size: cover;

    }



    .citybannerMargin {

        margin-top: -40px;

    }



    .titlepadding {



        font-size: 28px;

    }



    .ServiceTopPosition {

        width: 90%;

        top: -60px;



    }

}



@media only screen and (min-width: 250px) and (max-width: 400px) {

    .ServInItem {

        overflow: hidden;

        flex: 0 0 50%;

    }

}



.homeFoot {

    background: #3c3f40;

    color: #fff;

    padding: 40px 0px;

}



.homefooterUl {

    /* display: flex;

    align-items: center;

    flex-wrap: wrap; */

    list-style: none;

}



.homefooterUl li {

    margin-right: 28px;

    margin-bottom: 16px;

    opacity: 1;
    transition: opacity .2s;
    font-size: 14px;
    font-weight: 300;

}



.homefooterUl li a {

    color: #a8afb2;

}

.homefooterUl li a:hover {
    color: #fff;
}

.list_heading h2 {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 20px;
}

.footIn {

    /* padding: 24px 0 8px; */

    font-size: 14px;

}

.copyS {
    font-size: 14px;
    margin-top: 20px;
    display: inline-block;
    color: #fff;
}

.BorderTop {

    padding: 18px 0;
    border-top: 1px solid #424242;
    margin-top: 40px;
    display: flex;
    align-items: center;
}

.term_policy ul {
    display: flex;
}

.term_policy ul li {
    list-style: none;
    padding: 0px 29px 0px 0px;
}

.list_heading {
    margin-top: 40px;
}

.about_company span {
    display: block;
}

.term_policy ul li a {
    color: #ccc;
}


.term_policy ul li a:hover {
    color: #fff;
}


.BorderTop ul {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    list-style: none;

}



.BorderTop li {

    margin-right: 32px;

    font-size: 14px;

    line-height: 36px;

    opacity: .8;

    transition: opacity .2s;

}



.BorderTop li a {

    color: #a8afb2;

}



.HomeFootBottom {

    display: flex;

    align-items: center;

    border-top: 1px solid #424242;

    justify-content: space-between;

    padding: 18px 0;

}



.homefootSocial li {

    margin-right: 16px;

    transition: opacity .2s;

    color: #ffffffa1;

    list-style: none;

    display: flex;

    align-items: center;

}



.homefootSocial1 {

    display: flex;

    align-items: center;

}



.homefootSocial1 li {

    margin-right: 16px;

    transition: opacity .2s;

    color: #ffffffa1;

    list-style: none;

    display: flex;

    align-items: center;

}



.m10 {

    margin-right: 10px;

}



.homefootSocial {

    display: flex;

    align-items: center;

}



.copyR {

    font-size: 14px;
    margin-top: 20px;
    display: inline-block;
    color: #a8afb2;

}

.about_company ul {
    list-style: none;
}

.about_company ul li {
    padding: 10px 0px 0px 0px;
    color: #a8afb2;
    font-size: 14px;
}

.about_company ul li a {
    color: #a8afb2;
}

.about_company ul li a:hover {
    color: #fff;
}



@media only screen and (min-width: 300px) and (max-width: 750px) {

    .ServInItem {

        overflow: hidden;

        flex: 0 0 33.333333%;

        padding: 10px 10px 10px 10px;

        height: 100px;

    }



    .citybannerMargin {

        margin-top: -10px;

    }



    .CityTopBg {



        height: 200px;

        width: 100%;

        background-size: cover;

    }



    .titlepadding {



        font-size: 28px;

    }



    .HomeFootBottom {

        display: flex;

        /* border-top: 1px solid #424242; */

        padding: 18px 0;

        align-items: center;

        flex-wrap: wrap-reverse;

    }



    .copyR {

        margin-top: 15px;

        margin-bottom: 15px;

        font-size: 14px;

        color: #ffffffa1;

    }



    .homefootSocial1 {

        display: block;



    }

}



.homefootSocial li a {

    color: #ffffffa1;

}



.homefootSocial1 li a {

    color: #ffffffa1;

}



@media only screen and (min-width: 320px) and (max-width: 376px) {

    .ServInItem {

        width: 135px;

    }

}





@media only screen and (min-width: 320px) and (max-width: 750px) {

    .homefootSocial {

        margin-bottom: 15px;

    }



    .laystore-icon {

        margin-bottom: 15px;

    }

}





/* css by Manish start  */





.team_sec {

    color: #313437;

    background-color: #fff;

}



.team_sec p {

    color: #7d8285;

}



.team_sec h2 {

    font-weight: bold;

    margin-bottom: 40px;

    padding-top: 40px;

    color: inherit;

}



@media (max-width:767px) {

    .team_sec h2 {

        margin-bottom: 25px;

        padding-top: 25px;

        font-size: 24px;

    }

}



.team_sec .intro {

    font-size: 16px;

    max-width: 500px;

    margin: 0 auto;

}



.team_sec .intro p {

    margin-bottom: 0;

}



.team_sec .people {

    padding: 50px 0 0 0;

}



.team_sec .item {

    margin-bottom: 30px;

}



.team_sec .item .box {

    text-align: center;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    height: 280px;

    position: relative;

    overflow: hidden;

}



.team_sec .item .cover {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #0581c19c;

    transition: opacity 0.15s ease-in;

    opacity: 0;

    padding-top: 80px;

    color: #fff;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);

}



.team_sec .item:hover .cover {

    opacity: 1;

}



.team_sec .item .name {

    font-weight: bold;

    margin-bottom: 8px;

}



.team_sec .item .title {

    text-transform: uppercase;

    font-weight: bold;

    color: #bbd8fb;

    letter-spacing: 2px;

    font-size: 13px;

    margin-bottom: 20px;

}



.team_sec .social {

    font-size: 18px;

}



.team_sec .social a {

    color: inherit;

    margin: 0 10px;

    display: inline-block;

    opacity: 0.7;

    font-size: 21px;

}



.team_sec .social a:hover {

    opacity: 1;

}



.post__thumb {

    position: relative;

}



.post__thumb .custumer_say {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #0581c19c;

    transition: opacity 0.15s ease-in;

    opacity: 0;

    color: #fff;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);

    text-align: center;

    display: flex;

    align-items: center;

    font-size: 1rem;

}



.post__thumb:hover .custumer_say {

    opacity: 1;

}





/* weblink page css start  */



.link_cate {

    position: relative;

    width: 100%;

}



.link_cate img {

    border-radius: 9px;

    width: 100%;

    height: 100%;

    transition: .6s all;

}



.link_cate img:hover {

    transform: scale(1.2);

}



.link_cate .link_content {

    position: absolute;

    bottom: 0px;

    width: 100%;

    margin: auto;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    align-items: center;

    /* margin-bottom: 23px; */

    background-color: #00000096;

    border-radius: 9px;

}



.link_cate .link_content h2 {

    color: white;

    font-size: 22px;

    margin-bottom: 23px;

}



.link_cate .link_content span {

    color: white;

    font-size: .8rem;

    margin-bottom: 27px;

}



.link_cate .link_btn {

    position: absolute;

    top: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

    background-color: #0581c1d1;

    border-radius: 9px;

    opacity: 0;

    transition: .8s all;

    overflow: hidden;

}



.link_cate:hover .link_btn {

    opacity: 1;

}



.link_btn a {

    padding: 6px 50px;

    background-color: #d12e27;

    color: white;

    border-radius: 5px;

    text-decoration: none;

}



@media screen and (max-width: 767px) {

    .link_cate {

        margin-top: 15px;

    }

}



.website_link_sec {

    height: 73vh;

}



/* weblink page css End  */





/* comming soon css start  */



.vertical_container {

    display: table;

    width: 100%;

    height: 100vh;

    margin-top: 10px;

}



.vertical_body {

    display: table-cell;

    vertical-align: middle;

    width: 100%;

}



.comming_background {

    background: linear-gradient(rgb(14 14 14 / 76%), rgb(0 0 0 / 77%)) 0% 0% / cover, url(../images/coming-soon1.png) right center no-repeat;

    animation: popup 2s;

}



.comming_soon_box {

    padding: 0 10px;

    margin: 0 auto;

    max-width: 960px;

    text-align: center;

    animation: blur 2s;

}







.comming_title {

    font-size: 40px;

    margin-bottom: 0;

    animation: popup 2s;

}





@media (min-width: 1200px) {

    .comming_title {

        font-size: 70px;

    }

}



@keyframes blur {

    0% {

        filter: blur(12px);

    }



    100% {

        filter: blur(0px);

    }

}



@keyframes popup {

    0% {

        transform: scale(1.2);

        opacity: 0;

    }



    100% {

        transform: scale(1);

        opacity: 1;

    }

}



@media screen and (max-width: 480px) {

    .comming_background {

        background: linear-gradient(rgb(14 14 14 / 76%), rgb(0 0 0 / 77%)) 0% 0% / cover, url(../images/banner1.png) center center no-repeat;

    }

}



/* comming soon css End  */



/* home banner css start  */



.home_banner_sec {

    position: relative;

}



.home_banner_sec img {

    width: 100%;

    height: 100%;

}



.banner_color {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    /* background-color: #000000a8; */

}



.banner_content {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



.banner_title {

    position: relative;

    padding-bottom: 15px;

    margin-bottom: 10px;

    font-weight: 700;

    font-size: 3rem;

    text-align: center;



}



.banner_title:before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

    width: 50px;

    height: 3px;

    background-color: #0581c1;

    border-radius: 3px;

}



.banner_title:after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(30px);

    width: 10px;

    height: 3px;

    background-color: #0581c1;

    border-radius: 3px;

}



.search_box {

    width: 54%;

    background-color: #fbfbfb5e;

    padding: 15px 21px 15px 3px;

    border-radius: 5px;

    display: flex;

    margin-top: 22px;

}



.search_box select {

    width: 100%;

    padding: 6px 0px;

    outline: 0;

    border: none;

}



.search_box a {

    width: 100%;
    display: flex;
    background-color: #d12e27;
    color: white;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    height: 100%;
    justify-content: center;
    align-items: center;
}



.banner_decs {

    width: 100%;

    text-align: center;

    padding: 0px 50px;

}



@media screen and (max-width: 767px) {

    .home_banner_sec {

        height: 50vh;



    }



    .banner_title {

        font-size: 2.5rem
    }

}



@media screen and (max-width: 575px) {

    .search_box {

        width: 64%;

    }



    .banner_title {

        font-size: 2rem
    }



    .search_box a {

        margin-top: 10px;

    }

}



@media screen and (max-width: 362px) {

    .banner_title {

        font-size: 1.5rem
    }



    .home_banner_sec {

        height: 60vh;



    }

}



.category_box_sec {

    width: 157px;

}



.category_box {

    height: 100%;

    margin: auto;

    width: 87%;

    display: flex;

    flex-direction: column;

    align-items: center;

    background-color: #097ec1;

    padding: 25px 0px;

    border-radius: 7px;

}





.category_box .category_icon {

    width: 60px;

    height: 60px;

    display: flex;

    font-size: 30px;

    align-items: center;

    justify-content: center;

    color: white;

}



.category_box span {

    color: white;

}



.category_sec {

    position: absolute;

    bottom: -72px;

    width: 100%;

}









/* home banne css End  */





/* home benifit sec css start  */



section.benifit_sec {

    padding: 50px 0px;

}



.benifit_content span {

    font-size: 16px;

    font-weight: 500;

    color: #d12e27;

    /* position: relative; */

    margin-bottom: 15px;

    letter-spacing: 0.12em;

    text-transform: uppercase;

}



.benifit_content h1 {

    font-weight: 700;

    color: #000323;

    font-family: "Exo 2", sans-serif;

    font-size: 2.5rem;

    margin-top: 16px;

}



.benifit_banner {

    width: 100%;

    height: 100%;

}



.benifit_banner img {

    width: 100%;

}



.benifit_cat {

    display: flex;

    margin-top: 32px;

    width: 50%;

}



.benifit_cat .icon {

    font-size: 32px;

    height: 69px;

    width: 30%;

    color: #d12e27;

    margin-right: 12px;

    padding: 5px;

    /* border: 1px solid #d12e27; */

    border-radius: 3px;

    cursor: pointer;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: .5s all;

}



.benifit_cat_cont {
    width: 70%;
}



.benifit_cat_cont .benifit_heading {

    line-height: 1.2;

    font-size: 19px;

    font-weight: 600;

    margin-bottom: 12px;

    color: black;

}



.benifit_cat_cont p {

    color: rgb(130, 138, 155);

    line-height: 26px;


    font-size: .9rem;

}



.benifit_cat_box {

    display: flex;

}



@media screen and (max-width: 767px) {

    .benifit_cat_box {

        flex-wrap: wrap;

    }



    .benifit_cat_cont p {

        width: 100%;

    }

}



/* home benifit sec css End  */





/* city  page css start  */



/* city banner css Start  */



.category_sec_box {

    width: 1078px;

    margin: auto;

}



.category_sec_box #category_slider .owl-nav {

    display: none;

}



.service-section {

    margin-top: 89px;

}



.banner_sec {

    width: 100%;

    height: 70vh;

    position: relative;

}



.css-slider-wrapper {

    display: block;

    background: #FFF;

    overflow: hidden;

    position: relative;

    height: 100%;



}



/* Slider */

.slider {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    opacity: 1;

    z-index: 0;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

    align-content: center;

    -webkit-transition: -webkit-transform 1600ms;

    transition: -webkit-transform 1600ms, transform 1600ms;

    -webkit-transform: scale(1);

    transform: scale(1);

}



/* Slides Background Color */

.slide-1 {

    background: linear-gradient(rgb(14 14 14 / 63%), rgb(0 0 0 / 60%)) 0% 0% / cover, url(../images/about-us-bg.jpg) center center no-repeat;

    left: 0;

}



.slide-2 {

    background: linear-gradient(rgb(14 14 14 / 63%), rgb(0 0 0 / 60%)) 0% 0% / cover, url(../images/banner1.png) right center no-repeat;

    left: 100%
}



.slide-3 {

    background: linear-gradient(rgb(14 14 14 / 63%), rgb(0 0 0 / 60%)) 0% 0% / cover, url(../images/coming-soon.png) center center no-repeat;

    left: 200%
}



.slide-4 {

    background: linear-gradient(rgb(14 14 14 / 63%), rgb(0 0 0 / 60%)) 0% 0% / cover, url(../images/coming-soon1.png) right center no-repeat;

    left: 300%;

}



.slider {

    display: flex;

    justify-content: flex-start;

}



.slider-content {

    width: 67%;

    /* padding-left: 100px; */

    text-align: center;

    margin: auto;

}



/*Now style elements within each slide. text, a button and an image.*/

/* Slider Inner Slide Effect */

.slider h2 {

    color: #ffffff;

    font-weight: 900;

    text-transform: uppercase;

    font-size: 35px;

    font-weight: bold;

    line-height: 1.2;

    opacity: 0;

    -webkit-transform: translateX(500px);

    transform: translateX(500px);

    margin-top: 0;

    letter-spacing: 2px;

}



.slider h4 {

    font-size: 18px;

    /* font-family: "Oswald"; */

    color: rgb(255 255 255);

    font-weight: 400;

    /* text-transform: uppercase; */

    line-height: 1.2;

    opacity: 0;

    -webkit-transform: translateX(500px);

    transform: translateX(500px);

}



.slider>img {

    position: absolute;

    right: 10%;

    bottom: 0;

    height: 90%;

    opacity: 0;

    -webkit-transform: translateX(500px);

    transform: translateX(500px);

}



.slide-1>img {

    right: 0;

}



.buy-now-btn {

    background-color: #d12e27;

    width: 220px;

    height: 50px;

    border-radius: 30px;

    border: none;

    font-family: Montserrat;

    font-size: 20px;

    font-weight: 100;

    color: #fff;

    text-align: left;

    padding-left: 35px;

    position: relative;

    cursor: pointer;

    transition: all .2s;

}



.buy-now-btn:hover {

    box-shadow: 0px 0px 60px -17px rgba(51, 51, 51, 1);

}



.buy-now-btn:after {

    content: 'Buy Now';

    font-size: 12px;

    font-weight: bold;

    text-transform: uppercase;

    position: absolute;

    right: 35px;

    top: 18px;

}



.slider .buy-now-btn:focus,

.navigation .login-btn:focus {

    outline: none;

}



/*Let’s also make sure that when the slide changes, elements within it — such as text and images — animate.*/

/* Animations */

.slider h2 {

    -webkit-transition: opacity 800ms, -webkit-transform 800ms;

    transition: transform 800ms, opacity 800ms;

    -webkit-transition-delay: 1s;

    /* Safari */

    transition-delay: 1s;

}



.slider h4 {

    -webkit-transition: opacity 800ms, -webkit-transform 800ms;

    transition: transform 800ms, opacity 800ms;

    -webkit-transition-delay: 1.4s;

    /* Safari */

    transition-delay: 1.4s;

}



.slider>img {

    -webkit-transition: opacity 800ms, -webkit-transform 800ms;

    transition: transform 800ms, opacity 800ms;

    -webkit-transition-delay: 1.2s;

    /* Safari */

    transition-delay: 1.2s;

}



/*number pagination in the right corner of each slide. Let’s style that, too*/

/* Number Pagination */

.number-pagination {

    position: absolute;

    bottom: 30px;

    right: 100px;

    font-family: "Oswald";

    font-weight: bold;

}



.number-pagination span {

    font-size: 30px;

    color: #d12e27;

    letter-spacing: 4px;

}



.number-pagination span:after {

    content: "/4";

    font-size: 16px;

    color: #fff;

}



/*Awesome! Now, style the slider pagination.*/

/* Slider Pagger */

.slider-pagination {

    position: absolute;

    bottom: 12px;

    width: 100%;

    /* left: 100px; */

    z-index: 1000;

    display: flex;

    align-items: center;

    justify-content: center;

}



.slider-pagination label {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    display: inline-block;

    background: #fff;

    margin: 0 10px;

    cursor: pointer;

}



/*magically style the radiobuttons to the label styles*/

/* Slider Pagger Event */

.slide-radio1:checked~.slider-pagination .page1,

.slide-radio2:checked~.slider-pagination .page2,

.slide-radio3:checked~.slider-pagination .page3,

.slide-radio4:checked~.slider-pagination .page4 {

    width: 14px;

    height: 14px;

    border: 2px solid #d12e27;

    background: transparent;

}



/* Slider Slide Effect */

.slide-radio1:checked~.slider {

    -webkit-transform: translateX(0%);

    transform: translateX(0%);

}



.slide-radio2:checked~.slider {

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

    transform: translateX(-100%);

}



.slide-radio3:checked~.slider {

    -webkit-transform: translateX(-200%);

    transform: translateX(-200%);

}



.slide-radio4:checked~.slider {

    -webkit-transform: translateX(-300%);

    transform: translateX(-300%);

}



.slide-radio1:checked~.slide-1 h2,

.slide-radio2:checked~.slide-2 h2,

.slide-radio3:checked~.slide-3 h2,

.slide-radio4:checked~.slide-4 h2,

.slide-radio1:checked~.slide-1 h4,

.slide-radio2:checked~.slide-2 h4,

.slide-radio3:checked~.slide-3 h4,

.slide-radio4:checked~.slide-4 h4,

.slide-radio1:checked~.slide-1>img,

.slide-radio2:checked~.slide-2>img,

.slide-radio3:checked~.slide-3>img,

.slide-radio4:checked~.slide-4>img {

    -webkit-transform: translateX(0);

    transform: translateX(0);

    opacity: 1
}



/* Responsive */

@media only screen and (max-width: 768px) {

    .slider h2 {

        font-size: 20px;

    }



    .slider h4 {

        font-size: 16px;

    }



    /* .slider-content {

      padding: 0 2%

    } */



    .navigation {

        padding: 0 2%;

    }



    .navigation-left {

        display: none;

    }



    .number-pagination {

        right: 2%;

    }



    .slider-pagination {

        left: 2%;

    }



    .slider .buy-now-btn {

        padding: 0 15px;

        width: 175px;

        height: 42px;

    }



    .slider .buy-now-btn:after {

        top: 15px;

    }



    .slider>img {

        right: 2%;

    }



    .slide-1>img {

        right: -110px;

    }

}



/* city banner css End  */





/* city testimonal css start  */





.demo {

    background: #f7f8f9;

    padding: 30px 0px;

}



.testimonial {

    background: #fff;

    text-align: center;

    padding: 30px 30px 50px;

    margin: 0 15px 100px;

    position: relative;

}



.testimonial:before,

.testimonial:after {

    content: "";

    border-top: 40px solid #fff;

    border-right: 125px solid transparent;

    position: absolute;

    bottom: -40px;

    left: 0;

}



.testimonial:after {

    border-right: none;

    border-left: 125px solid transparent;

    left: auto;

    right: 0;

}



.testimonial .icon {

    display: inline-block;

    font-size: 80px;

    color: #d12e27;

    margin-bottom: 20px;

}



.testimonial .description {

    font-size: 15px;

    color: #777;

    text-align: center;

    margin-bottom: 30px;

    opacity: 0.8;

}



.testimonial .testimonial-content {

    width: 100%;

    position: absolute;

    left: 0;

}



.resume_input label {

    font-size: 14px;

    font-weight: 500;

    color: #424141;

    margin-bottom: 7px;

}



.testimonial .pic {

    display: inline-block;

    border: 2px solid #fff;

    border-radius: 50%;

    box-shadow: 0 0 2px 2px #daad86;

    overflow: hidden;

    z-index: 1;

    width: 89px;

    height: 89px;

    position: relative;

}



.testimonial .pic img {

    width: 100%;

    height: auto;

}



.testimonial .testimonial_title {

    font-size: 15px;

    font-weight: bold;

    color: #000;

    text-transform: capitalize;

    margin: 0 0 5px 0;

}



.testimonial .post {

    display: block;

    font-size: 14px;

    color: #d02826;

}



#testimonial-slider .owl-theme .owl-controls {

    margin-top: 0;

}



#testimonial-slider .owl-nav,

#testimonial-slider .owl-dots {

    display: none;

}



#testimonial-slider .owl-nav button span {

    display: none;

}



#testimonial-slider .owl-nav button.active span,

#testimonial-slider .owl-nav button.clickable .owl-page:hover span {

    background: #ffd9b8;

    border-color: #fff;

}



@media only screen and (max-width: 650px) and (min-width: 400px) {

    .testimonial:before {

        border-right: 325px solid transparent;

    }



    .testimonial:after {

        border-left: 325px solid transparent;

    }

}





/* city testimonal css End  */



/* all service css start  */



.corp {

    background-color: #fff;

    transition: .6s all
}



.corp:hover {

    background-color: #0581c1;

    color: white;

}



.heading h1:after {

    content: '';

    display: block;

    width: 8px;

    height: 2px;

    background: #BABABA;

    margin-top: 4px;



}



.clear-fix {

    clear: both;

}



.hidden {

    visibility: hidden !important;

}



/* end global */



/* start of our services section */



#our-services {

    background: #fff;

    /* min-height: 100vh; */

    padding: 30px 0px;

}



/* OUR SEERVICES LEFT SIDE */



#our-services .desc {

    width: 33%;

    float: left;

}



#our-services .desc .heading h1 {

    text-transform: uppercase;

    font-weight: bold;

    letter-spacing: 1.4px;

    margin-bottom: 30px;

}



#our-services .desc .text {

    color: #000000;

    text-align: center;

}



/* OUR SERVICES RIGHT SIDE */



#our-services .services {

    width: 67%;

    float: left;

}



#our-services .services .column {

    float: left;

    margin-right: 60px;

    transform: rotate(45deg);

    transition: transform 0.3s ease;

}



#our-services .services .column .service {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 120px;

    height: 120px;

    background: #FFFFFF;

    transition: all 0.1s ease;

    margin-bottom: 7px;

    box-shadow: 0 0 2px 0px #cbced1;

}



#our-services .services .column .service:hover {

    background: #0581c1;

    color: #fff;

}



#our-services .services .column .service:hover #our-services .services .column .service .service-desc .service-icon {

    color: #fff;

}



#our-services .services .column .service .service-desc {

    transform: rotate(-45deg);

    text-align: center;

    text-transform: uppercase;

    font-size: 10px;

    font-weight: bold;

    transition: transform 0.3s ease;

}



#our-services .services .column .service .service-desc .service-icon {

    font-size: 28px;

    margin-bottom: 5px;

    color: #d12e27;

}



/* end of our services section */



/* media query */



@media all and (max-width: 967px) {

    #our-services {

        padding-top: 60px;

    }



    #our-services .desc {

        width: 100%;

        float: none;

        margin-bottom: 30px;

    }



    #our-services .services {

        width: 100%;

    }



    #our-services .services .column {

        transform: rotate(0deg);

        margin-right: 10px;

    }



    #our-services .services .column .service .service-desc {

        transform: rotate(0deg);

    }

}





.ServInItem3 {

    display: flex;

    background-color: #fff;

    flex-direction: column;

    align-items: center;

    /* width: 223px; */

    margin: auto !important;

    /* height: 194px; */

    cursor: pointer;

    padding: 24px 16px 16px;

    overflow: hidden;

    box-shadow: 0 0 6px 0px #cbced1;

    /* border: 1px solid #efefef; */

    margin: 10px;

    border-radius: 5px;

    transition: .6s all;

}



.ServOutItem3 {

    width: 121px;
    height: 112px;
    display: flex;
    align-items: center;

}



.ServOutItem3 img {

    width: 100%;

}



.ServInItem3:hover {

    color: #fff;

    transform: scale(1.1);

}



.ServInItem3Span {

    display: block;

    margin-top: 16px;

    font-weight: 600;

    font-size: 15px;

    line-height: 16px;

    text-align: center;

    text-transform: capitalize;

}



/* .ServInItem3 .ServOutItem3 .simple_img {

    display: none;

}



.ServInItem3:hover .color_img {

    display: none;

}



.ServInItem3:hover .simple_img {

    display: block;

} */





/* all services css End  */





/* get quote css start  */



section.get_quote_sec {

    background-color: aliceblue;

    padding-top: 40px;

}



.get_quote_banner {

    width: 100%;

    height: 100%;

}



.get_quote_form {

    padding: 40px;

    background-color: #fff;

    box-shadow: 0 0 4px 0px #cbced1;

}



.get_quote_form .get_quote_cont {

    padding: 0px 0px 40px 0px;

}



.get_quote_form .get_quote_cont span {

    margin-bottom: 15px;

    display: block;

    letter-spacing: 3px;

    color: #ababab;

    font-size: 14px;

    font-weight: bold;

}



.get_quote_form .get_quote_cont h2 {

    font-size: 36px;

    color: #222222;

    line-height: 52px;

    text-align: left;

    margin-bottom: 15px;

}



.get_quote_form .get_quote_cont p {

    font-size: 15px;

    font-weight: 400;

    letter-spacing: 0em;

    line-height: 1.5;

}



.get_quote_input {

    font-size: 15px;

    font-weight: 400;

    letter-spacing: 0em;

    line-height: 1.5;

    box-shadow: none;

    padding: 22px 14px !important;

    width: 100%;

    border: 2px solid #ccc !important;

    transition: .4s all;

}



.get_quote_input:focus,

.get_quote_select:focus,

.get_quote_select:focus-visible,

.quote_message:focus {

    box-shadow: none;

    border-color: #0581c1 !important;

    outline: 0;

}



.get_quote_select {

    font-size: 15px;

    font-weight: 400;

    letter-spacing: 0em;

    line-height: 1.5;

    box-shadow: none;

    padding: 10px 14px !important;

    width: 100%;

    border: 2px solid #ccc !important;

    transition: .4s all;

}



.quote_message {

    height: 110px;

    font-size: 15px;

    font-weight: 400;

    letter-spacing: 0em;

    line-height: 1.5;

    width: 100%;

    border: 2px solid #ccc !important;

}



.quote_btn {

    margin-top: 15px;

}



.quote_btn input {

    background-color: #d12e27;

    padding: 7px 15px;

    color: white;

    border-radius: 2px;

    font-size: 15px;

    font-weight: 500;

    border: 2px solid #d12e27;

    transition: .5s all;

}



.quote_btn input:hover {

    border: 2px solid #d12e27;

    background-color: #fff;

    color: #d12e27;

}



/* get quote css End  */





/* city page css End  */





/* contact us page css  start by manish */



.contact_us {

    padding: 66px 0px;

}





.contact_heading span {

    font-weight: 600;

    text-transform: uppercase;

    font-size: 14px;

    line-height: 23px;

    letter-spacing: 0.5px;

    color: #7d8791;

}



.contact_heading h1 {

    font-weight: 600;

    text-transform: capitalize;

    font-size: 36px;

    line-height: 46px;

    color: #000;

}



.contact_detail_box {

    display: flex;

    align-items: center;

    margin-bottom: 28px;

}



.contact_detail_box .contact_icon_box {

    width: 70px;

    height: 70px;

    display: flex;

    justify-content: center;

    align-items: center;

    border: 1px solid #ebe7e7;

    border-radius: 50%;

    margin-right: 23px;

}



.contact_detail_box .contact_icon_box .contact_icon {

    font-size: 22px;

    background: #0581c1;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff;

}







.contact_content span {

    font-size: 16px;

    line-height: 24px;

    display: block;

    font-weight: 500;

    color: #7d8791;

}



.contact_content a {

    font-size: 16px;

    line-height: 25px;

    font-weight: 600;

    color: #767474;

}



.contact_form {

    width: 100%;

    position: relative;

}



.contact_input {

    border: none !important;

    padding: 23px 10px !important;

    margin-bottom: 23px;

    width: 100%;

}



.contact_input:focus {

    border-color: 2px solid #0581c1 !important;

    box-shadow: none;

}



.contact_form span {

    color: #000;

    top: 10px;

    position: absolute;

    right: 13px;

}



.blank_div {

    display: flex;

    width: 50px;

    height: 4px;

    margin: 30px auto auto auto;

}



.blue {

    background-color: #0581c1;

    width: 50%;

    height: 4px;

    border-radius: 2px 0px 0px 2px;

}



.red {

    background-color: #d12e27;

    width: 50%;

    height: 4px;

    border-radius: 0px 2px 2px 0px;

}



/* contact us page css End  */





/* services page css start  */



.book_banner {

    width: 80%;

    margin: auto;

}



.book_banner img {

    width: 100%;

}



.book_content h2 b {

    color: #d12e27;

}



.book_content h2 {

    font-size: 30px;

    letter-spacing: 0;

    line-height: 38px;

    padding: 0 0 44px;

    color: #353535;

    font-weight: 500;

}



.book_content a {

    background-color: #d12e27;

    color: #fff;

    padding: 13px 24px;

    border-radius: 40px;

    font-size: 16px;

    font-weight: 600;

    border: 2px solid #d12e27;

    transition: .3s all;

}



.book_content a:hover {

    background-color: white;

    color: #d12e27;

    border: 2px solid #d12e27;

}





.type_of_sec {

    text-align: center;
    padding: 25px 0px;
    margin: 20px 0px;
    cursor: pointer;
}



.book_sub_services {
    display: flex;
    align-items: center;
    transition: .6s all;
    margin-top: 11px;
    justify-content: center;
}

.book_sub_services a {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    padding: 6px 19px;
    background: #007cc0;
    border-radius: 34px;
    display: flex;
    align-items: center;
}



.type_of_blank {

    width: 110px;

    height: 110px;

    background-color: aliceblue;

    border-radius: 50%;

    margin: auto;

    display: flex;

    align-items: center;
    position: relative;

}



.type_of_img {

    width: 70px;

    height: 70px;

    margin: auto;

    display: flex;

    align-items: center;

}



.type_of_img img {

    width: 100%;

    max-height: 100%;

}



.type_of_sec span {

    font-size: 16px;

    font-weight: 500;

    margin-top: 10px;

    display: block;

}



.services_sec .custumer_issue img {

    width: 27px;

    margin-right: 5px;

}



.services_sec .custumer_issue {

    margin: 14px 0px;

    padding: 0px 0px 0px 45px;

}


.services_sec .custumer_issue p {
    padding: 10px 0px;
    font-size: 15px;
    position: relative;
    font-weight: 600 !important;
}

.services_sec .custumer_issue p span {
    font-weight: 600 !important;
}

.services_sec h2 {

    font-size: 19px;

    padding: 0px 0px 0px 22px;
    font-weight: 600;

}

.services_sec .custumer_issue p:before {
    content: "";
    background-image: url(../images/check.png);
    position: absolute;
    top: 0px;
    left: -38px;
    width: 40px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
}


@media only screen and (max-width: 575px) {}



/* faq  */



.faq-section {

    background: #fdfdfd;

}



.faq-title h2 {

    position: relative;

    margin-bottom: 45px;

    display: inline-block;

    font-weight: 600;

    line-height: 1;

}



.faq-title h2::before {

    content: "";

    position: absolute;

    left: 50%;

    width: 60px;

    height: 2px;

    background: #d12e27;

    bottom: -25px;

    margin-left: -30px;

}



.faq-title p {

    /*padding: 0 190px;*/

    margin-bottom: 10px;

}



.faq {

    background: #FFFFFF;

    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);

    border-radius: 4px;

    width: 100%;

}



.faq .card {

    border: none;

    background: none;

    border-bottom: 1px dashed #CEE1F8;

}



.faq .card .card-header {

    padding: 0px;

    border: none;

    background: none;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.faq .card .card-header:hover {

    background: rgba(233, 30, 99, 0.1);

    padding-left: 10px;

}



.faq .card .card-header .faq-title {

    width: 100%;

    text-align: left;

    padding: 0px;

    padding-left: 30px;

    padding-right: 30px;

    font-weight: 600;

    font-size: 16px;

    letter-spacing: 1px;

    color: #3B566E;

    text-decoration: none !important;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    cursor: pointer;

    padding-top: 20px;

    padding-bottom: 20px;

    background-color: white;

}



.faq .card .card-header .faq-title .badge {

    display: inline-block;

    width: 20px;

    height: 20px;

    line-height: 14px;

    float: left;

    -webkit-border-radius: 100px;

    -moz-border-radius: 100px;

    border-radius: 100px;

    text-align: center;

    background: #0581c1;

    color: #fff;

    font-size: 12px;

    margin-right: 20px;

}



.faq .card .card-body {

    padding: 30px;

    padding-left: 35px;

    padding-bottom: 16px;

    font-weight: 400;

    font-size: 16px;

    color: #6F8BA4;

    line-height: 28px;

    letter-spacing: 1px;

    border-top: 1px solid #F3F8FF;

}



.faq .card .card-body p {

    margin-bottom: 14px;

}



@media (max-width: 991px) {

    .faq {

        margin-bottom: 30px;

    }



    .faq .card .card-header .faq-title {

        line-height: 26px;

        margin-top: 10px;

    }

}



.faq_sec {

    background-color: #0581c1 !important;

    /*background: linear-gradient(90deg, hsla(0, 87%, 79%, 1) 0%, hsla(6, 77%, 85%, 1) 100%);*/

    /*background: linear-gradient(90deg, hsla(20, 89%, 89%, 1) 0%, hsla(324, 57%, 77%, 1) 50%, hsla(278, 54%, 81%, 1) 100%);*/

}



.faq_sec1 {

    background-color: #0581c1 !important;

    /*background: linear-gradient(90deg, hsla(0, 87%, 79%, 1) 0%, hsla(6, 77%, 85%, 1) 100%) !important;*/

    /*background: linear-gradient(90deg, hsla(20, 89%, 89%, 1) 0%, hsla(324, 57%, 77%, 1) 50%, hsla(278, 54%, 81%, 1) 100%)!important;*/

}



.card-body p {

    background-color: #fdfdfd !important;

    /* background: linear-gradient(90deg, hsla(0, 87%, 79%, 1) 0%, hsla(6, 77%, 85%, 1) 100%); */

    /* background: linear-gradient(90deg, hsla(20, 89%, 89%, 1) 0%, hsla(324, 57%, 77%, 1) 50%, hsla(278, 54%, 81%, 1) 100%); */

    color: black !important;

    border-radius: 0px 30px 3px 30px;

    text-align: center;

    font-size: 14px;

    padding: 20px 0px;

}



.cross_line {

    color: #fb4b98 !important;

}



.cross_line1 {

    color: #926eeb !important;

}



.cross_line2 {

    color: #ef8c55 !important;

}







/* services page css End  */



/* top setion css start  */



.job-item {

    background-color: #fff;

}



.job-tab .nav-tabs {

    margin-bottom: 40px;

    border-bottom: 0;

}



.job-tab .nav-tabs>li {

    float: none;

    display: inline;

}



.job-tab .nav-tabs li {

    margin-right: 15px;

}



.job-tab .nav-tabs li:last-child {

    margin-right: 0;

}



.job-tab .nav-tabs {

    position: relative;

    z-index: 1;

    display: inline-block;

}



.job-tab .nav-tabs:after {

    position: absolute;

    content: "";

    top: 50%;

    left: 0;

    width: 100%;

    height: 1px;

    background-color: #fff;

    z-index: -1;

}



.job-tab .nav-tabs>li a {

    display: inline-block;

    background-color: #fff;

    border: none;

    border-radius: 30px;

    font-size: 14px;

    color: #000;

    padding: 5px 30px;

    box-shadow: 0 0 6px 0px #cbced1;

}



.job-tab .nav-tabs>li>a.active,

.job-tab .nav-tabs>li a.active>:focus,

.job-tab .nav-tabs>li>a.active:hover,

.job-tab .nav-tabs>li>a:hover {

    border: none;

    background-color: #0581c1;

    color: #fff;

}



.brand_img {

    width: 60px;

    height: 53px;

    margin: auto;

    /* padding: 6px 13px; */

    border-radius: 5px;

}



.brand_img img {

    width: 100%;

}



.brand_box {

    /* box-shadow: 0 0 6px 0px #eff0f1; */
    text-align: center;
    padding: 7px 15px;
    border-radius: 6px;
    margin-top: 20px;
    margin-right: 30px;

}



.brand_box span {

    font-size: 13px;

    font-weight: 500;

}



.top_services {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}



.top_services a {

    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    margin: 13px 14px;
    padding: 4px 13px;
    border-radius: 20px;

}



.top_services a:hover {

    color: #0581c1;

}



.services_heading {

    display: flex;

    width: 100%;

    margin-bottom: 32px;

    justify-content: center;

    align-items: center;

}



.top_sec {

    padding: 30px 0px;

}



.tol_free p a {
    font-weight: 500;
    color: #000;
    font-size: 15px;
}

.tol_free p {
    font-weight: 600;
    color: #000;
}



/* top section css End  */


/* book modal css start  */



.contact-form {
    background: #fff;
    margin-top: 4%;
    margin-bottom: 5%;
    width: 100%;
}

.contact-form .book_modal {
    border-radius: 4px;
    border: 1px solid #E5E5E5;
}

.contact-form .book_modal:focus {
    border: 1px solid #0581c1;
}

.contact-form .book_label {
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: 500;
    color: #000;
}

.contact-image {
    text-align: center;
}

.contact-image img {
    border-radius: 6rem;
    width: 11%;
    margin-top: -3%;
    transform: rotate(29deg);
}

.contact-form form .row {
    margin-bottom: -7%;
}

.contact-form h3 {
    margin-bottom: 8%;
    text-align: center;
    color: #0581c1;
}

.contact-form .btnContact {
    /* width: 29%; */
    border: none;
    border-radius: 1rem;
    padding: 10px 30px;
    background: #d12e27;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}

.btnContactSubmit {
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    color: #fff;
    background-color: #0581c1;
    border: none;
    cursor: pointer;
}


/* book modal css end  */


/* about us css start  */


.about_us_sec h5 {
    font-size: 16px;
    font-weight: 600;
    color: #d12e27;
}

.about_us_sec h1 {
    font-size: 36px;
    font-weight: 600;
    color: #000;
}


.sec-title {
    position: relative;
    z-index: 1;
    margin-bottom: 60px;
}

.sec-title .aboutus_title {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #d12e27;
    font-weight: 500;
    margin-bottom: 15px;
}

.sec-title h2 {
    position: relative;
    display: block;
    font-size: 40px;
    line-height: 1.28em;
    color: #222222;
    font-weight: 600;
    padding-bottom: 18px;
}

.sec-title h2:before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 50px;
    height: 3px;
    background-color: #d1d2d6;
}

.sec-title .text {
    position: relative;
    font-size: 16px;
    line-height: 26px;
    color: #848484;
    font-weight: 400;
    margin-top: 35px;
}

.sec-title.light h2 {
    color: #ffffff;
}

.sec-title.text-center h2:before {
    left: 50%;
    margin-left: -25px;
}

/* .list-style-one {
    position: relative;
}

.list-style-one li {
    position: relative;
    font-size: 16px;
    line-height: 26px;
    color: #222222;
    font-weight: 400;
    padding-left: 35px;
    margin-bottom: 12px;
}

.list-style-one li:before {
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0px;
    display: block;
    font-size: 18px;
    padding: 0px;
    color: #ff2222;
    font-weight: 600;
    -moz-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1.6;
    font-family: "Font Awesome 5 Free";
}

.list-style-one li a:hover {
    color: #44bce2;
} */

/* .btn-style-one {
    position: relative;
    display: inline-block;
    font-size: 17px;
    line-height: 30px;
    color: #ffffff;
    padding: 10px 30px;
    font-weight: 600;
    overflow: hidden;
    letter-spacing: 0.02em;
    background-color: #ff2222;
}

.btn-style-one:hover {
    background-color: #001e57;
    color: #ffffff;
} */

.about-section {
    position: relative;
    padding: 100px 0 40px;
}

.about-section .sec-title {
    margin-bottom: 45px;
}

.about-section .content-column {
    position: relative;
    margin-bottom: 50px;
}

.about-section .content-column .inner-column {
    position: relative;
    padding-left: 30px;
}

.about-section .text {
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 26px;
    color: #848484;
    font-weight: 400;
}

.about-section .list-style-one {
    margin-bottom: 45px;
}

/* .about-section .btn-box {
    position: relative;
}

.about-section .btn-box a {
    padding: 15px 50px;
} */

.about-section .image-column {
    position: relative;
}

.about-section .image-column .text-layer {
    position: absolute;
    right: -110px;
    top: 50%;
    font-size: 325px;
    line-height: 1em;
    color: #ffffff;
    margin-top: -175px;
    font-weight: 500;
}

.about-section .image-column .inner-column {
    position: relative;
    padding-left: 120px;
    padding-bottom: 125px;
}

.about-section .image-column .inner-column:before {
    position: absolute;
    left: 0px;
    top: 65px;
    height: 520px;
    width: 520px;
    background-image: url(https://i.ibb.co/fxJ1jtC/about-circle-1.png);
    content: "";
    z-index: -1;
}

.about-section .image-column .image-1 {
    position: relative;
}

.about-section .image-column .image-2 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60%;
}

.about-section .image-column .image-2 img,
.about-section .image-column .image-1 img {
    box-shadow: 0 30px 50px rgba(8, 13, 62, .15);
}

.about-section .image-column .video-link {
    position: absolute;
    left: 70px;
    top: 170px;
}

.about-section .image-column .video-link .link {
    position: relative;
    display: block;
    font-size: 22px;
    color: #191e34;
    font-weight: 400;
    text-align: center;
    height: 100px;
    width: 100px;
    line-height: 100px;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 30px 50px rgba(8, 13, 62, .15);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.about-section .image-column .video-link .link:hover {
    background-color: #191e34;
    color: #fff;
}

/* about us css End  */

@media only screen and (max-width: 767px) {

    .join_us_btn {
        padding: 15px 7px;
    }

    .book_content {
        text-align: center;
        margin-top: 20px;
    }

    .banner_sec {
        height: 40vh;
    }


}

@media only screen and (max-width: 420px) {
    .benifit_cat_box {
        flex-direction: column;
    }

    .benifit_cat .icon {
        width: 30%;
    }

    .benifit_cat {
        width: 100%;
    }

}

.tol_free {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.tol_free .corporate_btn {
    background: #d42d27;
    padding: 4px 13px;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    margin-right: 11px;
    font-size: 14px;
}

.tol_free .corporate_btn:hover {
    text-decoration: none;
}

.coporate .corporate_btn {
    background: #d42d27;
    padding: 4px 13px;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
}

.coporate .corporate_btn:hover {
    text-decoration: none;
}

.join_us_btn {
    margin: 10px 5px;
}

@media only screen and (max-width: 493px) {
    .job-tab .nav-tabs>li a {
   padding: 5px 12px;
}
}

@media only screen and (max-width: 383px) {
    .job-tab .nav-tabs>li a {
         padding: 5px 12px;
    margin-bottom: 20px;
}
}

/* css by manish End  */