/*
Theme Name: codearoma
Theme URI: http://codearoma/
Author: codearoma
Author URI: https://sonettech.co.uk/
Description: Sonet Tech mainly focuses on Website development, Application development, Software development, Online Marketing Services and Branding. 
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: codearoma
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
*/
.flaticon_icon i {
    font-size: 25px;
    margin: 5px;
    border: 1px solid #000;
    padding: 15px;
    font-family: Flaticon;
    display: inline-block
}

.font_awesome1 i {
    font-size: 25px;
    margin: 5px;
    border: 1px solid #000;
    padding: 15px
}

:root {
    --primary: #42974f;
    --secondary: #0162af;
    --white: #fff
}

h2 {
    color: var(--secondary);
    font-size: 40px;
    font-weight: 700;
    position: relative
}

li,
nav,
ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.ml-0 {
    margin-left: 0 !important
}

body {
    font-family: Kanit, sans-serif;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px
}

section {
    padding-top: 70px;
    padding-bottom: 70px;
    float: left;
    width: 100%
}

p,
ul {
    padding: 0;
    margin: 0
}

@-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
    }
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

@-webkit-keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

.move-y {
    animation: move-y 2s alternate infinite;
    -webkit-animation: move-y 2s alternate infinite
}

@keyframes move-y {
    0% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0)
    }

    100% {
        transform: translate3d(0, 10px, 0);
        -webkit-transform: translate3d(0, 10px, 0)
    }
}

.dance3 {
    -webkit-animation: dance3 8s alternate infinite
}

@keyframes dance3 {
    0% {
        -webkit-transform: scale(.8)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

.dance {
    -webkit-animation: dance 2s alternate infinite
}

@keyframes dance {
    0% {
        -webkit-transform: scale(.8)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

.dance2 {
    -webkit-animation: dance2 4s alternate infinite
}

@keyframes dance2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0)
    }

    50% {
        -webkit-transform: translate3d(15px, -15px, 0)
    }

    100% {
        -webkit-transform: translate3d(0, -15px, 15px)
    }
}

.watermark-animate {
    -webkit-animation: watermark-animate 8s infinite;
    animation: watermark-animate 8s infinite;
    animation-direction: alternate-reverse;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@keyframes watermark-animate {
    0% {
        left: 0
    }

    100% {
        left: 100%
    }
}

@media all and (min-width:992px) {
    .dropdown-menu li {
        position: relative
    }

    .dropdown-menu .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -7px
    }

    .dropdown-menu .submenu-left {
        right: 100%;
        left: auto
    }

    .dropdown-menu>li:hover {
        background-color: #f1f1f1
    }

    .dropdown-menu>li:hover>.submenu {
        display: block
    }
}

@media (max-width:991px) {
    .dropdown-menu .dropdown-menu {
        margin-left: .7rem;
        margin-right: .7rem;
        margin-bottom: .5rem
    }
}

.row.slider-center {
    display: flex;
    align-items: center;
    height: auto;
    padding-bottom: 30px
}

.typed-out {
    overflow: hidden;
    white-space: nowrap;
    animation: typing 4s steps(45, end) forwards;
    width: 0
}

@keyframes typing {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

.pic,
.pic img {
    width: 100%;
    height: auto
}

#slider .carousel-control.left,
#slider .carousel-control.right {
    opacity: 0;
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    transition: all .25s ease
}

#slider .carousel-control .fa-angle-left {
    left: 5px
}

#slider .carousel-control .fa-angle-right {
    right: 5px
}

#slider .carousel-control .fa-angle-left,
#slider .carousel-control .fa-angle-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transform: translateY(-50%)
}

#slider .carousel-control i {
    color: var(--primary);
    line-height: 40px;
    width: 40px;
    height: 40px;
    font-size: 30px;
    border-radius: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    transition: all .5s ease
}

#slider .carousel-control i:hover {
    color: var(--primary)
}

#slider {
    background-image: url(assets/images/slider/slider_bg1.webp);
    background-size: cover;
    background-position: center
}

.slider02 {
    background: #e2e2e2
}

.slider1 {
    background: var(--secondary) url(assets/images/shape/pattern-2.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.slider03 {
    background: var(--primary) url(assets/images/shape/pattern-4.webp);
    background-position: center;
    background-size: cover
}

.slider-content {
    width: 100%;
    position: relative;
    z-index: 99
}

.slide-title {
    font-size: 35px;
    font-weight: 700;
    color: #000;
    text-align: left
}

.slide-sub-title {
    font-style: normal;
    font-size: 50px;
    color: var(--secondary);
    font-weight: 700;
    padding: 15px 0
}

.slider-description {
    color: #000;
    margin: 20px 0 20px
}

.read-more a {
    font-size: 14px;
    color: #000;
    text-decoration: none
}

.read-more a i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #ebebeb;
    border-radius: 50%;
    color: var(--primary);
    margin-right: 5px;
    transition: all .3s linear
}

.read-more {
    margin-top: 10px;
    margin-bottom: 20px
}

.services__three-items:hover .two:hover .read-more a i,
.sevice_effe1:hover .read-more a i,
.work-process-area .work-pro-items .item:hover .read-more a i {
    transform: rotate(90deg)
}

.sevice_effe1 {
    padding: 20px 20px 0 20px
}

.work-process-area .work-pro-items .item {
    border: 1px solid #e7e7e7;
    padding: 20px 20px 0 20px;
    background: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 10px
}

.work-process-area .work-pro-items .item::after,
.work-process-area .work-pro-items .item::before {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    transition: all .2s linear;
    background: var(--secondary)
}

.work-process-area .work-pro-items .item .item-inner::after,
.work-process-area .work-pro-items .item .item-inner::before {
    content: "";
    width: 2px;
    height: 0;
    position: absolute;
    transition: all .2s linear;
    background: var(--secondary)
}

.work-process-area .work-pro-items .item:hover::after,
.work-process-area .work-pro-items .item:hover::before {
    width: 100%
}

.work-process-area .work-pro-items .item:hover .item-inner::after,
.work-process-area .work-pro-items .item:hover .item-inner::before {
    height: 100%
}

.work-process-area .work-pro-items .item::after,
.work-process-area .work-pro-items .item::before {
    transition-delay: .2s
}

.work-process-area .work-pro-items .item .item-inner::after,
.work-process-area .work-pro-items .item .item-inner::before {
    transition-delay: 0s
}

.work-process-area .work-pro-items .item::before {
    right: 0;
    top: 0
}

.work-process-area .work-pro-items .item::after {
    left: 0;
    bottom: 0
}

.work-process-area .work-pro-items .item .item-inner::before {
    left: 0;
    top: 0
}

.work-process-area .work-pro-items .item .item-inner::after {
    right: 0;
    bottom: 0
}

.work-process-area .work-pro-items .item:hover::after,
.work-process-area .work-pro-items .item:hover::before {
    transition-delay: 0s
}

.work-process-area .work-pro-items .item:hover .item-inner::after,
.work-process-area .work-pro-items .item:hover .item-inner::before {
    transition-delay: .2s
}

.service-icon.text-center.service_iocn001 img {
    width: 100%;
    height: auto
}

.service-icon.text-center.service_iocn001 {
    width: 70px;
    margin: auto
}

.service-single-box.style-three {
    padding: 30px 25px 30px;
    position: relative;
    z-index: 1;
    background: #fff;
    margin-bottom: 25px;
    border-radius: 15px;
    box-shadow: 0 0 1px 1px #fff
}

.service-single-box.style-three::before {
    position: absolute;
    content: "";
    background: var(--secondary);
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    transition: .5s;
    z-index: -1;
    border-radius: 15px
}

.service-single-box:hover .service-icon img {
    filter: brightness(0) invert(1)
}

.service-single-box.style-three:hover::before {
    height: 100%
}

.service-single-box:hover .service-title h4 a {
    color: #fff
}

.service-single-box:hover .serivice-discription p {
    color: #fff
}

.service-single-box:hover .underline .br-line {
    background: #fff
}

.service-single-box.style-three:hover .thrown-btn.service a {
    background: var(--primary)
}

.thrown-btn.service a {
    background: var(--primary);
    padding: 10px 30px;
    color: #fff;
    text-decoration: none;
    border-radius: 10px
}

section.service-area.style-three {
    background: var(--secondary) url(assets/images/shape/portfolio-shape.webp);
    background-size: cover;
    background-position: center
}

.service-title.style-three {
    margin-bottom: 5px
}

h4 {
    font-size: 24px
}

.service-title h4 a {
    color: var(--secondary);
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    transition: .5s
}

.underline .br-line {
    position: relative;
    overflow: hidden;
    height: 2px;
    width: 57px;
    background: var(--secondary);
    left: 0;
    top: 10px;
    z-index: 1;
    transition: .5s
}

.br-line:after,
.br-line:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 3px;
    height: 3px;
    left: 0;
    z-index: -1;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
    transition: .5s
}

.br-line:before,
.service-single-box:hover .br-line:after {
    background: #0154f7
}

.br-line:after,
.br-line:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 3px;
    height: 3px;
    left: 0;
    z-index: -1;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
    transition: .5s
}

.serivice-discription.style-three p {
    border-bottom: 1px solid #ddd;
    padding: 0 0 20px
}

.serivice-discription p {
    color: #000;
    margin-top: 35px;
    transition: .5s
}

.service-title.style-three h4 {
    margin-bottom: 0
}

.service-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.service-icon img {
    transition: .5s
}

.thrown-btn.service {
    margin-left: 0
}

.service-icon img {
    width: 50px
}

button.btn.cta_btn2 a {
    padding: 11px 25px
}

.subscribe-section {
    position: relative;
    width: 100%;
    border-radius: 32px;
    padding-bottom: 0
}

.subscribe-section .inner-box {
    background: var(--secondary) url(assets/images/shape/pattern.webp);
    padding-top: 32px;
    border-radius: 20px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain
}

.shape {
    position: absolute;
    left: 35%;
    right: 50%
}

.shape-111 {
    position: absolute;
    width: 400px;
    height: 400px;
    background: rgba(255, 255, 255, .1);
    border-radius: 50%;
    left: 0;
    right: 0;
    bottom: -284px;
    animation: heartbeat 1s infinite alternate
}

.subscribe-section .inner-box h6 {
    color: #fff;
    font-weight: 600
}

.subscribe-section .inner-box h2 {
    position: relative;
    display: block;
    font-size: 43px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 14px;
    text-transform: capitalize;
    font-family: Lato;
    line-height: 60px
}

.subscribe-section .theme-btn.btn-one {
    background: #1c2433;
    font-size: 16px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding: 15px 32px;
    border-radius: 0;
    text-transform: uppercase;
    z-index: 1;
    transition: all .5s ease
}

.subscribe-section .inner-box .content-box {
    position: relative;
    display: block;
    padding-bottom: 44px
}

.at-common-img-shape {
    position: relative;
    z-index: 1
}

.at-about-company .at-about-tag::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;
    content: "";
    width: 45%;
    height: 90%;
    margin: auto;
    z-index: -1;
    border-radius: 50px 0 0 50px;
    background: rgba(30, 104, 178, .1)
}

.at-about-company .at-about-tag.at-about-exp {
    top: auto;
    z-index: 1;
    right: -33%;
    margin: auto;
    bottom: -30px;
    width: 255px;
    color: var(--secondary)
}

.at-about-company .at-about-tag.at-about-exp span {
    color: var(--secondary);
    padding-left: 0
}

.at-about-company .at-about-tag span {
    font-size: 40px;
    padding-right: 15px;
    color: #000;
    vertical-align: middle;
    font-weight: 800
}

.at-common-img .at-hm-img {
    display: block;
    width: 500px;
    height: 380px;
    margin: auto;
    object-fit: cover;
    border-radius: 0 345px 345px 0
}

@media screen and (max-width:561px) {
    .at-common-img .at-hm-img {
        width: 300px
    }
}

.at-common-bottom-img img {
    object-fit: cover;
    border-radius: 300px 0 300px 300px;
    width: 265px;
    height: 265px
}

.at-common-bottom-img {
    position: absolute;
    left: 0;
    bottom: -100px;
    filter: drop-shadow(15px 10px 10px rgba(0, 0, 0, .05))
}

.at-about-company .at-about-tag {
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 1;
    width: 210px;
    line-height: 1.2;
    font-size: 20px;
    padding: 10px 30px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    background: #fff;
    color: #000;
    font-weight: 500;
    box-shadow: 0 0 7px 4px #d5e4f0
}

.ab_text p {
    margin-bottom: 15px
}

.text-block {
    position: relative;
    z-index: 55
}

.section-title {
    position: relative;
    display: block;
    margin-bottom: 30px
}

.section-title__tagline {
    position: relative;
    display: block
}

.section-title__tagline span.left {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 3px;
    background: var(--primary);
    margin-right: 15px;
    top: -5px
}

.section-title__tagline h2 {
    position: relative;
    display: inline-block;
    color: var(--primary);
    font-size: 16px;
    line-height: 16px;
    font-weight: 600
}

.section-title__tagline span.right {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 3px;
    background: var(--primary);
    margin-left: 14px;
    top: -5px
}

.about-pic {
    float: right;
    width: 100%;
    height: auto
}

.about-pic img {
    width: 100%;
    height: auto
}

.header-heading .fa-icon {
    margin-left: 5px;
    font-size: 12px;
    animation: 2s infinite arrowanim;
    -webkit-animation: 2s infinite arrowanim
}

.m-testimonial {
    display: none
}

.d-testimonial {
    display: block
}

@media screen and (max-width:768px) {
    .m-testimonial {
        display: block
    }

    .d-testimonial {
        display: none
    }
}

.testimonial-block .inner-box .upper-box h4 span {
    color: #fff;
    font-size: 15px;
    font-weight: 400
}

.testipic,
.testipic img {
    width: 100%;
    height: auto
}

.test-bg {
    position: absolute;
    -webkit-transform: translateY(-33%);
    -ms-transform: translateY(-50%);
    transform: translateY(-33%);
    z-index: -1;
    left: 0;
    width: 10%
}

.chooseus-style-two {
    background: #d9e5f7;
    padding: 80px 0 80px 0;
    position: relative;
    z-index: 9
}

.chooseus-style-two .image-layer {
    position: absolute;
    right: 15px;
    top: 0;
    width: 45%;
    height: auto
}

figure.image-layer img {
    width: 100%;
    height: auto
}

.chooseus-style-two .content-box {
    background: 0 0;
    padding: 0 35px 0 0;
    position: relative;
    z-index: 99
}

.chooseus-style-two .content-box .inner-box .single-item {
    position: relative;
    display: block;
    padding: 0 0 0 100px;
    margin-bottom: 42px
}

.chooseus-style-two .content-box .inner-box .single-item:hover .icon-box {
    background: var(--primary)
}

.chooseus-style-two .content-box .inner-box .single-item .icon-box {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 1px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 40px;
    background: var(--secondary);
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
    z-index: 1;
    transition: all .5s ease;
    color: #fff
}

.chooseus-style-two .content-box .inner-box .single-item .icon-box:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 50%;
    transform: scale(0, 0);
    z-index: -1;
    transition: all .5s ease
}

.chooseus-style-two .content-box .inner-box .single-item h4 {
    position: relative;
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px
}

.indstri_bg {
    background: var(--secondary) url(assets/images/shape/event_bg3.webp)
}

.work-category {
    background: #fbf9ed;
    background: -moz-linear-gradient(top, #fbf9ed 0, #fbeaf8 100%);
    background: -webkit-linear-gradient(top, #fbf9ed 0, #fbeaf8 100%);
    background: linear-gradient(to bottom, #fbf9ed 0, #fbeaf8 100%);
    position: relative
}

.work-category .common-heading h2 {
    margin-bottom: 30px
}

.work-card p {
    color: #000;
    padding: 0 12px
}

.icon-bg img {
    width: 100%;
    height: auto
}

.icon-bg {
    display: block;
    width: 70px;
    margin: 0 auto;
    text-align: center
}

.work-card:hover {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border: 0;
    box-shadow: 0 3px 25px var(--secondary);
    color: #fff
}

.work-card {
    margin: 10px;
    text-align: center;
    padding: 20px 30px;
    border-radius: 20px;
    background: #fff;
    color: #000;
    min-height: 182px;
    box-shadow: 0 0 3px 1px var(--secondary)
}

.cards-list {
    width: 20%;
    float: left;
}

.v-center {
    align-self: center;
    align-items: center
}

section.technologies-section {
    background: #fff;
    position: relative
}

.tech1 img {
    width: 100%;
    height: auto
}

.tech1 {
    width: 115px;
    padding: 15px;
    transition: .3s
}

.tech1:hover {
    padding: 10px
}

.col-md-12.tech_icon {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap
}

.pagination .page-item .page-link {
    background-color: #2e62af;
    color: #fff;
    border: 1px solid #2e62af
}

.pagination .page-item .page-link:hover {
    background-color: #fff;
    border-color: #1d4a80;
    color: #1d4a80
}

.pagination .page-item.active .page-link {
    background-color: #fff;
    border-color: #1d4a80;
    color: #1d4a80
}

li.page-item {
    margin: 2px
}

.pagination .page-item.disabled .page-link {
    background-color: #ccc;
    border-color: #ccc
}

.portfolio_img {
    width: 100%;
    float: left
}

.images-midea img {
    height: auto
}

.box-large-image__wrap {
    position: relative;
    display: -webkit-box
}

.box-large-image__box {
    -o-transition: all .7s cubic-bezier(.645, .045, .355, 1);
    box-shadow: 0 0 3px 1px #2e62af;
    border-radius: 0 0 10px 10px;
    width: 100%;
}

.box-large-image__midea {
    position: relative;
    overflow: hidden
}

.carousel-item .box-large-image__wrap {
    margin-right: 16px
}

.box-large-image__box .button-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
    z-index: 3
}

.btn.tm-button a {
    padding: 9px 22px
}

.box-large-image__wrap:hover .button-wrapper .btn {
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.box-large-image__wrap:hover .images-midea img {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.box-large-image__midea .images-midea img {
    width: 100%;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.box-large-image__box .button-wrapper .btn {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    border-radius: 50%
}

.portfolio_titile {
    width: 100%;
    float: left;
    background-color: #2e62af;
    min-height: 50px;
    border-radius: 0 0 10px 10px
}

.portfolio_titile h1 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    margin-left: 10px;
    margin-top: 15px;
    text-align: center
}

div#recipeCarousel02,
div#recipeCarousel4 {
    padding: 0
}

.gap .col-md-3 {
    padding: 0 9px
}

i.fa.fa-angle-left.nextslide01 {
    font-size: 25px;
    background: var(--secondary);
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-left: 8px;
    color: #fff
}

i.fa.fa-angle-right.nextslide02 {
    font-size: 25px;
    background: var(--secondary);
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 8px;
    color: #fff
}

a.carousel-control-prev.bg-transparent.w-aut {
    width: auto
}

a.carousel-control-next.bg-transparent.w-aut {
    width: auto
}

.logo {
    width: 100%;
    height: auto
}

.logo img {
    width: 350px;
    height: auto
}

.navbar {
    padding: 0 !important
}

@media screen and (max-width:576px) {
    .logo img {
        width: 232px;
        height: auto
    }
}

@media screen and (max-width:385px) {
    .logo img {
        width: 200px !important;
        height: auto
    }
}

.menutop ul li a {
    color: #000;
    padding: 5px 20px;
    position: relative;
    -webkit-transition: 350ms;
    transition: 350ms;
    transition: 350ms;
    text-transform: uppercase;
    line-height: 60px
}

ul.navbar-nav>li.active>a:before,
ul.navbar-nav>li:hover>a:before {
    border-color: var(--primary);
    opacity: 1;
    -webkit-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0)
}

ul.navbar-nav>li>a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    border-bottom: 3px solid transparent;
    -webkit-transform: scale(0) translateZ(0);
    transform: scale(0) translateZ(0);
    -webkit-transition: opacity .55s ease, -webkit-transform .45s ease;
    transition: opacity .55s ease, -webkit-transform .45s ease;
    transition: transform .45s ease, opacity .55s ease;
    transition: transform .45s ease, opacity .55s ease, -webkit-transform .45s ease;
    transition: transform .45s ease, opacity .55s ease
}

.navbar-nav>.nav-item:hover>.nav-link {
    color: var(--primary)
}

.dropdown-menu li a:focus,
.dropdown-menu li a:hover,
.sub-menu.dropdown-menu a:focus,
.sub-menu.dropdown-menu a:hover {
    background: var(--secondary);
    padding-left: 30px !important;
    color: #fff
}

.dropdown-menu {
    text-align: left;
    background: #fff;
    z-index: 100;
    min-width: 235px;
    border-radius: 0;
    padding: 0;
    border: 0;
    box-shadow: 0 2px 4px 1px #ccc
}

.dropdown-menu li a,
.sub-menu.dropdown-menu a {
    display: block;
    font-size: 14px;
    line-height: normal;
    text-decoration: none;
    text-transform: capitalize !important;
    padding: 11px 22px !important;
    border-bottom: 1px solid #f1f1f1;
    line-height: normal !important
}

.navbar-expand-lg .navbar-collapse {
    flex-basis: auto;
    flex-direction: row;
    justify-content: end
}

.btn a {
    display: block;
    text-decoration: none;
    text-align: center;
    border: none;
    color: #fff;
    position: relative;
    overflow: hidden;
    text-transform: capitalize;
    transition: all .35s;
    background-color: var(--secondary);
    padding: 6px 20px;
    border-radius: 5px;
    font-weight: 600
}

.btn a:before {
    background: #000 !important
}

.btn a:after,
.btn a:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: -100%;
    left: 0;
    background: var(--primary);
    z-index: 9;
    transition: all .35s
}

.btn a:before {
    opacity: .5
}

.btn a:after {
    transition-delay: .2s
}

.btn a:hover {
    color: #fff
}

.btn a:hover:after,
.btn a:hover:before {
    top: 0
}

button.btn.btnone a,
input.btn.btnone {
    padding: 14px 45px;
    border-radius: 50px;
    text-transform: uppercase;
    border: 2px solid
}

input.btn.btnone:hover {
    padding: 14px 45px;
    border-radius: 50px;
    text-transform: uppercase;
    border: 2px solid #fff;
    color: #fff
}

.btn a,
input.btn {
    display: block;
    text-decoration: none;
    text-align: center;
    border: none;
    color: #fff;
    position: relative;
    overflow: hidden;
    text-transform: capitalize;
    transition: all .35s;
    background-color: var(--secondary);
    padding: 6px 20px;
    border-radius: 5px;
    font-weight: 600
}

.btn:hover span {
    color: #fff;
    z-index: 99;
    position: relative
}

button.btn.btnone a {
    padding: 14px 45px;
    border-radius: 50px;
    text-transform: uppercase;
    border: 2px solid
}

.footer {
    background: url(assets/images/footer/glob2.webp);
    height: auto;
    width: 100%;
    float: left;
    background-size: cover;
    border-top: 4px solid #212529;
    position: relative;
    clear: both;
    padding: 80px 0 0 0
}

ul.footer-widget__list.ftr_one {
    line-height: 26px;
    font-size: 16px
}

.footer-widget__list li {
    margin-top: 10px;
    list-style: none;
    color: #fff
}

ul.footer-widget__list img {
    width: 16px;
    height: 11px;
    margin-right: 10px
}

button.btn_pdf {
    /* width: 200px; */
    /* height: 48px; */
    /* text-align: left; */
    /* color: #ccc; */
    /* font-weight: 600; */
    /* text-transform: capitalize; */
    background: #24653b;
    border-radius: .5rem;
    border: 0 solid;
    /* margin-top: 10px; */
}

button.btn_pdf a {
    float: right
}

.footer-widget__title {
    color: #fff;
    font-size: 20px !important;
    text-transform: capitalize;
    padding-bottom: 15px;
    font-weight: 700
}

ul.footer-widget__list {
    padding-left: 0
}

.col-md-3.col-sm-6.footer-widget.pl-5 {
    padding-left: 50px
}

.ft_you_pic span {
    background: var(--secondary);
    padding: 3px 10px;
    border-radius: 5px;
    color: #fff
}

.ft_you_pic img {
    width: 20px
}

.ft_you_pic i {
    color: var(--primary);
    margin-right: 0;
    font-size: 19px
}

.stayco_nnect {
    float: left;
    width: 100%;
    margin-top: 20px
}

.ft_you_pic {
    color: var(--primary);
    font-size: 18px;
    font-weight: 700
}

.social_icons li a {
    font-size: 16px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    color: #fff
}

.social_icons li {
    display: inline-block;
    padding: 5px 10px 0 0
}

.sc_facebook {
    background-color: #4267b2 !important;
    border-color: #4267b2 !important
}

.sc_twitter {
    background-color: #1da1f2 !important;
    border-color: #1da1f2 !important
}

.sc_linkedin {
    background-color: #0a66c2 !important;
    border-color: #0a66c2 !important
}

.sc_instagram {
    background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
    border-color: #feda75 !important
}

.radius_social li a {
    border-radius: 5px
}

.links-widget ul li a {
    position: relative;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    color: #fff;
    transition: all .3s ease 0s;
    text-decoration: none
}

.main-footer .footer-widget {
    position: relative;
    margin-bottom: 15px
}

.contact-widget .social-links {
    position: relative
}

.contact-widget ul.list li {
    position: relative;
    display: flex;
    color: #fff
}

.contact-widget .social-links li a {
    position: relative;
    display: block;
    color: #fff;
    font-size: 14px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    background: rgba(255, 255, 255, .2);
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.contact-widget .social-links li a span {
    position: relative
}

.contact-widget .social-links li {
    position: relative;
    margin-right: 8px;
    margin-bottom: 10px;
    display: inline-block
}

footer.main-footer.style-two i {
    color: #fff;
    margin-right: 15px;
    font-weight: 300
}

.copyright-text {
    position: relative;
    color: #fff;
    margin-top: 9px
}

.footer-bottom-two .menu {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.contact-widget ul.list li a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    margin-left: 15px
}

.widgets-section li {
    margin-bottom: 8px
}

.contact-widget ul.list i {
    margin-right: 10px
}

.contact-widget ul.list {
    margin-bottom: 20px
}

.copyright-text.text-right {
    text-align: right
}

.copyright-text a {
    text-decoration: none
}

section.bottom_footer {
    padding: 0;
    background: var(--secondary);
    padding-bottom: 6px
}

ul.list.address1 i {
    margin-top: 4px
}

.hover-content-heading a {
    background: var(--primary);
    color: #fff;
    text-decoration: none;
    padding: 2px 10px;
    float: right;
    font-size: 13px;
    border-radius: 5px
}

.black_text li,
.black_text li a {
    color: #000 !important;
    transition: all .3s ease 0s
}

.widget-content.black_text i {
    margin-right: 10px
}

h3.widget-title {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 25px;
    color: #fff
}

.widget-content.black_text a:hover {
    color: var(--primary) !important;
    padding-left: 5px
}

ul.list.black_text.mt001 {
    margin-top: -10px
}

.main-footer1 {
    background-image: url(assets/images/shape/map.webp);
    background-position: center;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 45px
}

.black_text i {
    color: var(--secondary)
}

.widget-content.black_text li:hover i {
    color: var(--primary)
}

ul.social-links.clearfix.black_text a:hover {
    background: var(--secondary)
}

ul.social-links.clearfix.black_text a {
    background: var(--primary);
    color: #fff
}

.testimonial-block .inner-box .text i {
    color: #fff;
    text-align: left;
    float: left;
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 15px;
    width: 100%
}

.testimonial-block .inner-box .upper-box .icon img {
    width: 80px;
    float: left;
    height: auto
}

.testimonial-block .inner-box .upper-box h4 {
    position: relative;
    color: #fff;
    font-weight: 500;
    float: left;
    margin-left: 25px;
    font-size: 17px;
    text-align: left;
    margin-top: 9px
}

.client_bg::after {
    position: absolute;
    content: "";
    background-image: url(assets/images/shape/circle-map3.webp);
    height: 200px;
    width: 200px;
    left: 0;
    background-size: contain;
    margin-top: -22%;
    background-repeat: no-repeat;
    animation: heartbeat 1s infinite alternate
}

.testimonial-section {
    background: #30475f url(assets/images/shape/abs-bg4.webp);
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center
}

.testimonial-section .sec-title .text {
    margin-top: 40px
}

.testimonial-section .owl-carousel .owl-stage-outer {
    padding: 20px 0
}

.testimonial-section .owl-theme .testimonial-block {
    margin: 0 15px
}

.testimonial-section .btn_01 {
    position: relative
}

.testimonial-section .btn_01 {
    bottom: -17px;
    position: relative;
    width: 10px;
    height: 5px;
    border-radius: 0;
    margin-left: 10px;
    display: inline-block;
    background-color: #fff;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.testimonial-section .btn_01.active,
.testimonial-section .btn_01:hover {
    width: 30px;
    background-color: #fff
}

.testimonial-block {
    position: relative;
    margin-bottom: 5px
}

.testimonial-block .inner-box {
    position: relative;
    padding: 10px 10px
}

.testimonial-block .inner-box:before {
    position: absolute;
    content: '';
    left: -20px;
    top: -20px;
    right: 20px;
    bottom: 20px;
    z-index: -1
}

.testimonial-block .inner-box .upper-box {
    position: relative;
    margin-top: 30px;
    padding-bottom: 25px;
    float: left;
    width: 100%
}

.testimonial-block .inner-box .upper-box .designation {
    position: relative;
    color: var(--primary);
    font-size: 15px
}

.testimonial-block .inner-box .text {
    position: relative;
    color: #fff;
    text-align: left;
    font-size: 16px;
    width: 100%;
    line-height: 30px
}

@media (max-width:767px) {

    .col-md-3.footer-widget.mt-lg-0.mt-md-0.mt-sm-5.mt-5,
    .col-md-3.footer-widget.pl-lg-5.p-2.mt-lg-0.mt-md-0.mt-sm-5.mt-5.pl-5 {
        margin-top: 15px !important
    }

    .client .carousel-inner .carousel-item>div {
        display: none
    }

    .client .carousel-inner .carousel-item>div:first-child {
        display: block
    }
}

.client .carousel-inner .carousel-item-next,
.client .carousel-inner .carousel-item-prev,
.client .carousel-inner .carousel-item.active {
    display: flex
}

@media (min-width:768px) {

    .client .carousel-inner .carousel-item-end.active,
    .client .carousel-inner .carousel-item-next {
        transform: translateX(25%)
    }

    .client .carousel-inner .carousel-item-prev,
    .client .carousel-inner .carousel-item-start.active {
        transform: translateX(-25%)
    }
}

.client .carousel-inner .carousel-item-end,
.client .carousel-inner .carousel-item-start {
    transform: translateX(0)
}

a.carousel-control-next.client_btn2 {
    width: auto
}

a.carousel-control-next.client_btn2 i,
a.carousel-control-prev.client_btn1 i {
    background: var(--primary);
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 25px;
    border-radius: 50%
}

a.carousel-control-prev.client_btn1 {
    width: auto
}

.client .carousel-control-prev {
    left: -15px
}

.client .carousel-control-next {
    right: -15px
}

.carousel-control-next,
.carousel-control-prev {
    text-decoration: none;
    z-index: 99
}

.container-fluid.text-center.p-25 {
    padding: 0 35px
}

.process__inner {
    position: relative;
    display: block;
    counter-reset: count
}

.process-shape-1 {
    position: absolute;
    top: 0;
    left: 135px
}

.process__single {
    position: relative;
    display: block;
    text-align: center;
    padding: 0 40px 0;
    margin-bottom: 22px
}

.about-m-heading {
    display: none
}

@media screen and (max-width:992px) {
    .menutop ul li a {
        color: #000;
        padding: 0 8px;
        position: relative;
        -webkit-transition: 350ms;
        transition: 350ms;
        transition: 350ms;
        text-transform: uppercase;
        line-height: 42px
    }

    .about-m-heading {
        display: block
    }

    .about-d-heading {
        display: none
    }
}

@media screen and (min-width:350px) and (max-width:992px) {
    .ab_text {
        margin-top: 120px
    }

    .ab-h2 {
        margin-bottom: 30px;
        color: var(--secondary);
        font-size: 16px;
        font-weight: 600
    }

    .process__single {
        position: relative;
        display: block;
        text-align: center;
        padding: 0;
        margin-bottom: 0
    }
}

.process__icon-box {
    position: relative;
    display: block;
    height: 150px;
    width: 150px;
    margin: 0 auto
}

.process__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-style: solid;
    border-width: 1px;
    border-color: var(--primary);
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 57px 0 rgba(0, 0, 0, .1);
    height: 148px;
    width: 148px;
    margin: 0 auto;
    z-index: 1
}

.process__icon:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    border-radius: 50%;
    background-color: var(--secondary);
    transform: scale(0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all .4s cubic-bezier(.62, .21, .45, 1.52);
    z-index: -1
}

.process__icon span {
    position: relative;
    display: inline-block;
    font-size: 60px;
    color: var(--primary);
    transition: all .5s linear;
    transition-delay: .1s;
    transform: scale(1)
}

.process__count {
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: var(--secondary);
    z-index: 2
}

.process__count:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    font-weight: 700;
    border-radius: 50%;
    counter-increment: count;
    content: counters(count, ".", decimal-leading-zero);
    transition: all .2s linear;
    transition-delay: .1s
}

.process__content {
    position: relative;
    display: block;
    margin-top: 21px
}

.process__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 7px
}

.process__single-2 {
    margin-top: 100px
}

.process__single-3 {
    margin-top: 50px
}

.process__single:hover .process__icon:before {
    transform: scaleX(1)
}

.process__single:hover .process__icon span {
    transform: scale(.9);
    color: #fff
}

.process__single:hover .process__count:before {
    background-color: var(--primary)
}

.process__single:hover .process__icon span {
    transform: scale(.9);
    color: #fff
}

.appointment-section .inner-container {
    position: relative;
    z-index: 1;
    padding: 45px 0
}

.appointment-section .inner-container:before {
    position: absolute;
    content: '';
    left: 250px;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    height: auto
}

.appointment-section .image-column {
    position: relative
}

.appointment-section .image-column .inner-column {
    position: relative;
    text-align: center;
    padding-left: 60px
}

.appointment-section .image-column .inner-column .image {
    position: relative;
    border-radius: 7px;
    overflow: hidden
}

.appointment-section .image-column .inner-column .image img {
    width: 100%;
    display: block
}

.appointment-section .form-column {
    position: relative
}

.appointment-section .form-column .inner-column {
    position: relative;
    padding-right: 45px;
    padding-top: 0;
    padding-left: 20px
}

.appointment-form {
    position: relative;
    z-index: 1
}

.team-section {
    position: relative;
    overflow: hidden;
    background-color: var(--secondary)
}

.team-section .circle-one {
    position: absolute;
    left: -220px;
    top: -300px;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .1)
}

.team-section .circle-two {
    position: absolute;
    left: -260px;
    top: -100px;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .1)
}

.team-section .circle-three {
    position: absolute;
    right: -260px;
    bottom: -100px;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .1)
}

.team-section .pattern-layer {
    position: absolute;
    left: -90px;
    bottom: -20px;
    width: 216px;
    height: 196px;
    background-repeat: no-repeat
}

.team-section .pattern-layer-two {
    position: absolute;
    right: -90px;
    top: -20px;
    width: 218px;
    height: 196px;
    background-repeat: no-repeat
}

.team-section .pattern-layer-three {
    position: absolute;
    left: 200px;
    top: -80px;
    width: 218px;
    height: 196px;
    background-repeat: no-repeat
}

.team-block {
    position: relative;
    margin-bottom: 40px
}

.team-block .inner-box {
    position: relative
}

.team-block .inner-box .image-outer {
    position: relative
}

.team-block .inner-box .image {
    position: relative;
    width: 230px;
    height: 230px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%
}

.team-block .inner-box .pattern-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 270px;
    height: 240px;
    background-repeat: no-repeat
}

.team-block .inner-box .pattern-layer-two {
    position: absolute;
    right: 10px;
    top: -15px;
    width: 252px;
    height: 269px;
    background-repeat: no-repeat
}

.default-form .form-group input[type=email],
.default-form .form-group input[type=tel],
.default-form .form-group input[type=text],
.default-form .form-group input[type=url],
.default-form .form-group select,
.default-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 32px;
    color: #000;
    font-weight: 400;
    padding: 14px 20px;
    border-radius: 15px;
    z-index: 1;
    border: 2px solid var(--secondary);
    background-color: #fff;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.default-form .form-group {
    position: relative;
    margin-bottom: 25px
}

.sec-title h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 32px
}

.animate-object1 {
    position: relative;
    overflow: hidden
}

.infiUpDown {
    animation: infiUpDown 1s infinite alternate
}

.heartbeat {
    animation: heartbeat 1s infinite alternate
}

@-webkit-keyframes heartbeat {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes spinInfinit {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.about-us-right {
    float: right
}

.about-us-right ul {
    float: left;
    width: auto
}

.about-us-right ul li {
    float: left
}

.about-left-image {
    padding-left: 40px
}

.left-box-animate,
.right-box-animate {
    opacity: 1 !important;
    transform: translateX(0) !important
}

.ani-left {
    opacity: 0;
    transform: translateX(-50px);
    transition: all 1s ease
}

.countrie {
    margin: 20px 0 20px -30px
}

.ani-top {
    transition: all 1s ease;
    margin-top: -66px;
    margin-left: 30px
}

.about-right-content span {
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    color: #000;
    display: block;
    margin-bottom: 5px
}

.about-right-content p {
    font-size: 14px;
    line-height: normal;
    color: #000
}

.about-center-image {
    display: inline-block;
    margin-top: 42px;
    margin-left: -50px
}

#service-banner img,
.ani-bottom,
.development-list,
.regular,
.regular1 {
    transform: translateY(50px);
    transition: all 1s ease
}

.clients {
    margin-top: -28px;
    margin-left: 15px
}

.about-right-content {
    width: auto
}

.clients small {
    color: var(--secondary)
}

.about-right-content small {
    font-size: 48px;
    font-weight: 600;
    line-height: normal
}

.about-center-mobile {
    display: none
}

.projects small {
    color: var(--secondary);
    margin-top: 5px;
    float: l
}

.countrie small {
    color: #42974f
}

.banner-area {
    position: relative;
    color: #fff;
    background-position: center;
    background-size: cover
}

ol.breadcrumb li {
    list-style: none
}

.banner01 {
    margin: 0;
    padding: 0;
    background-image: url(assets/images/banner/banner1.webp)
}

.banner02 {
    background-image: url(assets/images/banner/banner2.webp)
}

.banner03 {
    background-image: url(assets/images/banner/banner3.webp)
}

.banner04 {
    background-image: url(assets/images/banner/banner4.webp)
}

.banner05 {
    background-image: url(assets/images/banner/banner5.webp)
}

.banner06 {
    background-image: url(assets/images/banner/banner6.webp)
}

.banner07 {
    background-image: url(assets/images/banner/banner7.webp)
}

.banner08 {
    background-image: url(assets/images/banner/banner8.webp)
}

.banner09 {
    background-image: url(assets/images/banner/banner9.webp)
}

.banner010 {
    background-image: url(assets/images/banner/banner10.webp)
}

.banner011 {
    background-image: url(assets/images/banner/banner11.webp)
}

.banner012 {
    background-image: url(assets/images/banner/banner12.webp);
    background-position: center
}

.banner-title {
    color: #fff;
    font-size: 40px;
    margin-bottom: 0;
    font-weight: 700
}

.banner-heading {
    padding: 60px 0 70px 0;
    width: 100%;
    color: #fff
}

.breadcrumb {
    position: absolute;
    bottom: -16px;
    font-size: 14px;
    font-weight: 400;
    background: var(--primary);
    padding: 6px 15px 6px 9px;
    border-radius: 5px
}

ol.breadcrumb a {
    color: #fff;
    text-decoration: none
}

.rs-about .rs-animation-shape .middle-image2 {
    position: absolute;
    top: -80px;
    left: -25px;
    z-index: -1
}

.dance3 {
    -webkit-animation: dance3 8s alternate infinite
}

.rs-about .rs-animation-shape {
    position: relative;
    z-index: 1
}

.rs-about .shape-image .top {
    position: absolute;
    right: 61%;
    top: -125px
}

.rs-about .shape-image {
    position: relative
}

.images_Abs img {
    width: 100%;
    height: auto
}

.images_Abs {
    width: 90%;
    position: relative
}

.rs-process .shape-animation {
    position: relative
}

.rs-process .shape-animation .shape-process {
    position: absolute;
    right: 180px;
    top: 50px
}

.dance2 {
    -webkit-animation: dance2 4s alternate infinite
}

.rs-services {
    background-image: url(assets/images/shape/blog-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 70px;
    padding-bottom: 70px
}

.rs-services.main-home .services-item {
    display: flex;
    position: relative
}

.rs-services.main-home .services-item .services-icon .icon-img {
    height: auto;
    width: 90px;
    max-width: unset
}

.rs-services.main-home .services-item .services-text .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 13px
}

.services-item .services-text .services-txt {
    margin-bottom: 26px
}

.rs-services.main-home.services-style1 .services-item .services-text .serial-number {
    position: absolute;
    left: -6px;
    top: 106px;
    color: #00000008;
    font-size: 70px;
    font-weight: 600
}

.rs-services.main-home.services-style1 .services-item:after {
    display: block;
    width: 47px;
    left: 145px;
    background: var(--primary);
    content: "";
    height: 4px;
    position: absolute;
    transition: all .3s ease 0s;
    bottom: 0;
    z-index: 9;
    transform: translateX(-50%)
}

.counter-style-3 {
    display: flex;
    align-items: center
}

.counter-style-3 .icon-bx {
    display: block;
    width: 80px;
    background-color: var(--primary);
    height: 80px;
    min-width: 80px;
    text-align: center;
    line-height: 80px;
    outline: 2px solid #fff;
    outline-offset: 10px;
    margin: 20px 32px 12px 12px;
    overflow: hidden;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s
}

.icon-md i {
    vertical-align: middle;
    font-size: 45px
}

.counter-style-3 .counter-num {
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px
}

.counter-style-3 .counter-text {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600
}

.bg-img-fix,
.counter-area {
    background-attachment: fixed;
    background-image: url(assets/images/about/finance-banner.webp);
    color: #fff
}

.counter-style-3 .counter-num .counter {
    font-size: 45px;
    line-height: 45px;
    margin-bottom: 0;
    font-weight: 600
}

.counter-style-3 .counter-num span {
    font-size: 45px;
    line-height: 45px;
    color: #fff;
    font-weight: 600
}

.counter-style-3:hover .icon-bx {
    background-color: var(--secondary);
    color: #fff
}

.team-details {
    position: relative;
    display: block
}

.team-details__top {
    position: relative;
    display: block
}

.team-details__top-left {
    position: relative;
    display: block;
    margin-right: 20px
}

.team-details__top-img {
    position: relative;
    display: block;
    border: 4px double var(--secondary);
    padding: 11px
}

.team-details__top-right {
    position: relative;
    display: block;
    margin-left: 7px
}

.team-details__top-img img {
    width: 100%;
    height: auto
}

.team-details__top-content {
    position: relative;
    box-shadow: 0 0 6px 3px var(--primary);
    padding: 35px 50px;
    z-index: 99;
    margin-right: 15px;
    display: block;
    background-position: center
}

.team-details__top-name {
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 3px;
    color: var(--secondary)
}

.team-details__top-title {
    font-size: 16px
}

.ts-list li {
    display: block;
    position: relative;
    padding-left: 25px;
    color: #fff
}

.ts-list li:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f101";
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 900
}

.vacany01 {
    border: 1px solid var(--primary);
    margin: auto;
    border-radius: 5px;
    margin-bottom: 50px;
    padding: 20px 5px
}

.row.acro-p {
    padding: 0;
    --bs-gutter-x: 0px
}

.sales_bg {
    width: 100%;
    margin: auto;
    text-align: left;
    float: left
}

.role {
    color: var(--secondary);
    font-weight: 700;
    margin-bottom: 3px;
    padding-bottom: 3px;
    text-transform: uppercase
}

.sales_advisor {
    margin-bottom: 15px;
    text-transform: lowercase
}

.closing {
    font-weight: 600
}

.sales_bg1 {
    float: left;
    width: 100%
}

.accordion-section {
    margin: auto;
    border: 1px solid var(--secondary);
    border-radius: 7px;
    margin-bottom: 15px;
    width: 95%
}

.accordion-section .panel-default>.panel-heading {
    border: 0;
    background: #f4f4f4;
    padding: 10px
}

.applyonline01 {
    margin-top: 15px
}

.more_info {
    padding: 12px 15px;
    border-radius: 7px;
    background: var(--secondary);
    border-bottom: none;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    width: 100%
}

.more_content {
    border-top: none;
    border-radius: 0 0 7px 7px
}

.card {
    border: none;
    padding: 10px 4px
}

.skills_name h6 {
    color: var(--primary);
    font-weight: 600
}

.skills_name ul li {
    float: left;
    margin-bottom: 7px;
    width: 14%
}

.full_skill ul li {
    margin-bottom: 2px;
    display: flex
}

.full_skill ul li::before,
.skills_name ul li::before {
    content: "\f101";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 5px
}

.full_skill {
    float: left;
    width: 100%
}

.hir_space {
    padding: 20px 15px
}

.more_icon001 {
    margin-right: 10px
}

.blog-item {
    margin-bottom: 30px;
    -webkit-box-shadow: 0 0 20px 0 #ddd;
    box-shadow: 0 0 20px 0 #ddd;
    -webkit-transition: .5s all ease;
    transition: .5s all ease
}

.blog-item .top {
    background-color: #ddd;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    -webkit-transition: .5s all ease;
    transition: .5s all ease;
    overflow: hidden
}

.blog-item .bottom {
    padding: 20px 25px 25px;
    background-color: #fef9f9;
    -webkit-transition: .5s all ease;
    transition: .5s all ease
}

.blog-item .top img {
    width: 100%;
    border-radius: 10px 10px 0 0
}

.blog-item .bottom h3 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 26px
}

.blog-item .bottom p {
    margin-bottom: 14px
}

.blog-item .bottom .blog-btn {
    display: inline-block;
    color: var(--primary);
    font-weight: 700;
    border-bottom: 1px solid var(--primary);
    text-decoration: none
}

.blog-item:hover {
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px)
}

.blog-item:hover .top {
    background-color: var(--primary)
}

.blog-item:hover .bottom {
    background-color: #fff
}

.bottom h3 a {
    text-decoration: none;
    color: var(--secondary);
    font-weight: 700
}

.blog-item:hover .bottom .blog-btn {
    color: var(--secondary);
    border-bottom: 1px solid var(--secondary)
}

.blog-details-area .details-item .details-img {
    margin-bottom: 50px
}

.blog-details-area .details-item .details-img img {
    margin-bottom: 20px
}

.blog-details-area .details-item .details-img h2 {
    margin-bottom: 15px;
    font-size: 25px;
    margin-top: 20px
}

.blog-details-area .details-item .details-img p {
    margin-bottom: 10px
}

.blog-details-area .details-item .details-quote {
    margin-bottom: 40px
}

.blog-details-area .details-item .details-quote {
    margin-bottom: 40px
}

.blog-details-area .details-item .details-quote {
    margin-bottom: 40px
}

.blog-details-area .details-item .details-form h3 {
    font-size: 24px;
    margin-bottom: 5px;
    font-weight: 700
}

.blog-details-area .details-item .details-form p {
    margin-bottom: 30px
}

.blog-details-area .details-item .details-form .form-group {
    margin-bottom: 15px
}

.blog-details-area .details-item .details-form .form-group label {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 5px
}

.blog-details-area .details-item .details-form {
    background-color: #f4f4f4;
    padding: 45px 50px 50px
}

.widget-area .popular .popular-inner {
    margin-bottom: 20px
}

.widget-area .popular .popular-inner:last-child {
    margin-bottom: 0
}

.widget-area .popular .popular-inner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.popular-inner ul li {
    float: left;
    width: 100%
}

.popular-inner ul li img {
    float: left;
    width: 45%
}

.widget-area .popular .popular-inner ul li a {
    display: block;
    color: var(--secondary);
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    float: right;
    width: 50%
}

.widget-area .popular .popular-inner ul li a:hover {
    color: var(--primary)
}

.popular-inner img {
    width: 100%;
    height: auto
}

.widget-area .widget-item {
    margin-bottom: 30px;
    border: 1px solid var(--primary);
    padding: 30px 30px 30px
}

.widget-area .widget-item h3 {
    font-size: 24px;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 5px;
    border-left: 3px solid var(--secondary);
    padding-left: 10px;
    color: var(--secondary)
}

.contact-info-item {
    margin-bottom: 30px;
    -webkit-box-shadow: 0 0 20px 0 #ccc;
    box-shadow: 0 0 20px 0 #ccc;
    text-align: center;
    position: relative;
    padding: 35px 30px 35px;
    -webkit-transition: .5s all ease;
    transition: .5s all ease;
    background-color: #fff
}

.contact-info-item i {
    color: var(--secondary);
    display: inline-block;
    font-size: 30px;
    margin-bottom: 15px;
    position: relative;
    z-index: 1
}

.contact-info-item h3 {
    margin-bottom: 10px;
    font-size: 20px;
    color: var(--secondary)
}

.contact-info-item a {
    display: block;
    color: #000;
    text-decoration: none
}

.contact-info-item:hover {
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px);
    background-color: var(--primary)
}

.contact-info-item:hover a,
.contact-info-item:hover h3,
.contact-info-item:hover i {
    color: var(--white)
}

.left-column .single-info-box {
    padding: 25px 0 25px 90px;
    box-shadow: 0 0 4px 1px var(--secondary);
    z-index: 99;
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    border-radius: 5px
}

.inner-box.text-right.right-column {
    text-align: right
}

.left-column .single-info-box .icon-box i,
.right-column .single-info-box .icon-box i {
    color: var(--primary)
}

.single-info-box {
    position: relative;
    display: block;
    margin-bottom: 30px;
    min-height: 110px
}

.contact-info-two .image-box img {
    width: 100%;
    height: auto
}

ul.list_none.social_icons {
    margin-top: 10px;
    padding-left: 0;
}

.single-info-box:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--primary);
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease;
    transform: rotateY(90deg)
}

.left-column .single-info-box .icon-box {
    left: 20px
}

.left-column .single-info-box .icon-box img,
.right-column .single-info-box .icon-box img {
    width: 100%;
    height: auto;
    margin-bottom: 2px
}

.single-info-box .icon-box {
    color: #fff
}

.single-info-box .icon-box {
    position: absolute;
    top: 32px;
    width: 45px;
    background-color: #fff;
    text-align: center;
    font-size: 25px;
    box-shadow: 0 0 3px 2px #ccc;
    padding: 5px
}

.single-info-box .icon-box {
    color: #000;
    font-weight: 500
}

.single-info-box h6 {
    color: var(--secondary);
    margin: 0;
    display: block;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase
}

.single-info-box span {
    display: block;
    color: #000
}

.single-info-box span a {
    display: inline-block;
    color: #000
}

.contact-info-two .image-box {
    position: relative;
    display: block;
    margin: 0 -38px;
    margin-top: -7px;
    z-index: 1
}

input#mybtn {
    display: block;
    text-decoration: none;
    text-align: center;
    position: relative;
    transition: all .35s;
    background-color: var(--secondary);
    padding: 14px 45px;
    border-radius: 50px;
    text-transform: uppercase;
    border: 2px solid #fff;
    color: #fff;
    font-weight: 600;
}

.mobile-991 {
    display: none
}

.right-column .single-info-box {
    padding: 25px 90px 25px 0;
    box-shadow: 0 0 4px 1px var(--secondary);
    z-index: 99;
    border-radius: 5px
}

.right-column .single-info-box .icon-box {
    right: 20px
}

.single-info-box:hover h6,
.single-info-box:hover span,
.single-info-box:hover span a {
    position: relative;
    color: #fff
}

.single-info-box span a {
    display: inline-block;
    text-decoration: none
}

.single-info-box:hover::before {
    transform: rotateY(0)
}

.single-info-box:hover .icon-box {
    background: #fff;
    color: var(--secondary)
}

.single-info-box:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--secondary);
    transition: all .9s ease;
    -moz-transition: all .9s ease;
    -webkit-transition: all .9s ease;
    -ms-transition: all .9s ease;
    -o-transition: all .9s ease;
    transform: rotateY(90deg)
}

.contact-info-area {
    position: relative;
    display: block;
    background: url(assets/images/contact/banner_contct.webp);
    background-size: cover;
    background-attachment: fixed
}

.contact-form {
    position: relative;
    display: block;
    z-index: 3
}

.c-form {
    padding: 49px
}

.contact-form .inner-box {
    position: relative;
    display: block;
    background: #ffffffab
}

.contact-form form .input-box {
    position: relative;
    display: block
}

input.wpcf7-form-control.wpcf7-tel.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-tel,
.contact-form form input[type=email],
.contact-form form input[type=text],
.contact-form form textarea {
    position: relative;
    display: block;
    background: #fff;
    border: 1px solid var(--secondary);
    width: 100%;
    height: 60px;
    font-size: 15px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 7px;
    margin-bottom: 13px;
    transition: all .5s ease;
    color: #000
}

.contact-form-image-box img {
    max-width: none;
    float: left
}

.contact-form-image-box {
    position: absolute;
    top: -110px;
    right: 0;
    z-index: 9;
    width: 42%;
    overflow: hidden
}

.contact-form form textarea {
    height: 110px
}

section.map_1 {
    padding: 0
}

section.map_1 iframe {
    width: 100%;
    height: 450px;
    position: relative;
    z-index: 99
}

section.contact-info-two {
    padding-bottom: 40px
}

.dropdown:hover .dropdown-menu {
    display: block
}

ol.breadcrumb i {
    margin: 0 8px
}

section.technologies-section::before {
    position: absolute;
    content: "";
    background-image: url(assets/images/shape/banners-3.webp);
    height: 309px;
    width: 198px;
    left: 0;
    background-size: contain;
    margin-top: -12%;
    background-repeat: no-repeat
}

.shapebg01::before {
    position: absolute;
    content: "";
    background-image: url(assets/images/shape/3.webp);
    height: 150px;
    width: 150px;
    right: 40px;
    background-size: contain;
    margin-top: -11%;
    background-repeat: no-repeat;
    animation: heartbeat 1s infinite alternate
}

.anim-object2:before {
    position: absolute;
    content: "";
    background-image: url(assets/images/shape/icon-8.webp);
    height: 163px;
    width: 180px;
    top: 0;
    left: -6%;
    animation-name: spinInfinit;
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    background-size: contain
}

.anim-object2 {
    position: relative
}

.single-services-box:hover img,
.single-services-box:hover ul li {
    background: #fff
}

.single-services-box:hover li.tab-btn img {
    padding: 0 4px;
    transition: .3s
}

.single-services-box {
    background-color: #fff;
    padding: 30px 10px;
    margin-top: 20px;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    z-index: 1;
    border-radius: 5px;
    float: left;
    text-align: center;
    margin-bottom: 20px
}

.single-services-box:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0 0 40px 3px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px 2px #fff
}

.single-services-box::before {
    border-radius: 5px;
    content: '';
    height: 100%;
    width: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--secondary);
    -webkit-transition: .5s;
    transition: .5s;
    z-index: -1
}

.single-services-box:hover::before {
    width: 100%
}

.services-area {
    position: relative;
    z-index: 1;
    background-color: var(--secondary)
}

.single-services-box h3 {
    font-size: 22px;
    font-weight: 700;
    text-decoration: none;
    text-transform: capitalize;
    color: var(--secondary)
}

.single-services-box .icon {
    margin: auto;
    background-color: var(--primary);
    width: 75px;
    height: 75px;
    line-height: 90px;
    -webkit-transition: .5s;
    transition: .5s;
    text-align: center;
    color: var(--white);
    border-radius: 50%;
    -webkit-transition: .5s;
    transition: .5s;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 18px;
    margin-top: -62px
}

.single-services-box .icon i::before {
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 35px
}

.single-services-box:hover .icon {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    background: var(--white);
    color: var(--secondary)
}

.single-services-box:hover h3 {
    color: #fff
}

.single-services-box:hover p {
    color: #fff
}

.experiance-tabs {
    background-image: url(assets/images/patterns-8.webp);
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 60px
}

.tab-btns .tab-btn:hover {
    background: #fff
}

li.tab-btn img {
    width: 100%;
    height: auto
}

.tab-btns .tab-btn {
    float: left;
    position: relative;
    z-index: 1;
    width: 45px;
    display: block;
    background: 0 0;
    color: #000;
    font-weight: 800;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    margin: 0 7px 0;
    display: inline-block;
    padding: 5px 2px 5px;
    border-radius: 5px;
    transition: all .5s ease;
    text-transform: uppercase;
    background-color: #fff;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    box-shadow: 0 0 3px 2px #ccc
}

.tab-btns .tab-btn.active-btn::before,
.tab-btns .tab-btn:hover::before {
    opacity: 1
}

.tab-btns .tab-btn:before {
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    z-index: -1;
    opacity: 0;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.tab-btns .tab-btn.active-btn .icon,
.tab-btns .tab-btn:hover .fab,
.tech_icon01:hover,
.tech_icon1:hover {
    color: #fff
}

.tech_icon01 {
    position: relative;
    display: block;
    color: var(--secondary);
    font-size: 31px !important;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.tab-btns .tab-btn .fab {
    position: relative;
    display: block;
    color: var(--secondary);
    font-size: 31px !important;
    font-weight: 300;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.wd-process {
    background: #eaeaea
}

.process-box01 {
    border: 2px dashed var(--secondary);
    height: 155px;
    width: 155px;
    border-radius: 50%;
    padding: 15px;
    position: relative;
    margin: 0 auto;
    cursor: pointer;
    animation: car-tyre;
    position: relative
}

.inner-box01 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: var(--secondary);
    display: flex;
    align-items: center;
    justify-content: center
}

.process-box01:hover {
    -webkit-animation: spinInfinit 8s alternate infinite
}

h6.name_process {
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 700;
    color: var(--secondary)
}

.feature-bx {
    height: 165px;
    width: 100%;
    text-align: center;
    align-items: center;
    background: #fff;
    box-shadow: 0 4px 25px rgba(0, 0, 0, .1);
    border-radius: 10px;
    padding: 20px 10px
}

.feature-bx div img {
    width: 76px;
    height: auto
}

.feature-bx p {
    line-height: normal;
    font-size: 15px;
    margin-top: 16px
}

.single-services-box p {
    float: left;
    width: 100%
}

section.feture {
    padding-bottom: 50px;
    background: #fbfbfb
}

.client_bg .card {
    margin-right: 30px
}

.client_bg .client {
    margin-top: 20px
}

.skls-title {
    margin-bottom: 8px
}

.blog-nbox {
    border-radius: 5px;
    box-shadow: 0 0 3px 1px var(--secondary);
    transition: .5s all ease;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.blog-nbox:hover {
    box-shadow: 0 0 10px 3px var(--secondary)
}

.blog-nbox:hover img {
    transform: scale(1.1);
    transition: .5s all ease
}

.blog-nbox-img {
    overflow: hidden
}

.blog-nbox-img img {
    width: 100%;
    height: auto;
    transition: .5s all ease
}

.blog-nbox-content {
    padding: 20px 25px;
    transition: .5s all ease
}

.blog-nbox-title a {
    font-size: 20px;
    text-decoration: none;
    color: var(--secondary);
    font-weight: 700
}

.chooseus-style-two.dsin-two {
    padding: 80px 0 80px 0
}

.wcu-sction-box {
    margin-bottom: 40px
}

.wcu-sction-box-img {
    width: 54px;
    float: left;
    margin-right: 15px
}

.wcu-sction-box-img img {
    width: 80%;
    height: auto
}

.wcu-sction-box-title h2 {
    font-size: 18px;
    font-weight: 500
}

.appointment-form.wcu-attched-form {
    background-color: #0162afc7;
    border: 3px solid #ccc;
    padding: 30px;
    margin-top: -189px;
}
.appointment-form.wcu-attched-form .sec-title h3 {
    color: #fff;
    font-size: 26px;
    text-align: center
}

.appointment-form.wcu-attched-form .sec-title h4 {
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    text-align: center
}

.number-box {
    position: absolute;
    bottom: 0;
    padding: 15px;
    font-size: 23px;
    border-radius: 60px 60px 0 0;
    width: 60px;
    height: 50px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: inset .25em .25em .25em rgba(0, 0, 0, .2), 0 .05em rgba(255, 255, 255, 0);
    font-weight: 800;
    color: #fff
}

.br-white {
    border: 1px solid #fff
}

.counter-wrap {
    position: relative;
    z-index: 1
}

.counter-item {
    margin-bottom: 30px;
    text-align: center;
    position: relative
}

.counter-item i {
    font-size: 55px;
    line-height: 55px;
    color: var(--white);
    display: inline-block;
    margin-bottom: 20px
}

.counter-item h3 {
    margin-bottom: 5px;
    font-size: 45px;
    color: var(--white)
}

.counter-item p {
    font-weight: 600;
    margin-bottom: 0;
    color: var(--white)
}

.counter-item:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 135px;
    right: 0;
    top: 15px;
    background-color: var(--white)
}

.icon_fun1 {
    width: 100%;
    float: left
}

.infow100 {
    width: 100%;
    float: left
}

img.why-choose-abimg {
    width: 80%
}

.why-choose-one-img img {
    height: auto;
    float: right
}

.why-choose-one-img {
    top: 0;
    right: -145px;
    position: absolute;
    bottom: 0;
    z-index: 3
}

.why-choose-one {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
    background: var(--secondary)
}

.ts-feature-box p {
    color: #fff
}

.feature-content p i {
    margin-right: 11px
}

.feature-content {
    margin-top: 15px
}

.para-ab {
    width: 50%;
    float: left
}

.pdfdownload i {
    float: right;
    margin-left: 15px
}

.pdfdownload a {
    padding: 7px 27px;
    text-transform: uppercase
}

button.btn.pdfdownload {
    margin-top: 30px
}

.slider05 {
    background: url(assets/images/slider/Common.webp)
}

.slider04 {
    background: #f1f1f1
}

.circle {
    position: relative;
    width: 350px;
    height: 350px;
    float: right
}

.circlelogo {
    position: absolute;
    width: 250px;
    height: 250px;
    background: url(assets/images/slider/sliderion4.webp);
    background-size: cover;
    background-position: center;
    margin: 51px 51px
}

.circletext {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #000;
    animation: textRotation 25s linear infinite
}

@keyframes textRotation {
    to {
        transform: rotate(360deg)
    }
}

.circletext span {
    position: absolute;
    left: 50%;
    font-size: 35px;
    transform-origin: 0 178px;
    font-weight: 700;
    color: var(--secondary)
}

.single-services-box ul {
    margin-top: 16px;
    float: left
}

h2.section-title__title.text-black,
h2.text-black {
    color: #000
}

.slider06 {
    background: #f4f4f4
}

.contact-wrap.web_respo h5 {
    font-size: 16px;
    position: relative;
    margin-left: -23px;
    color: var(--secondary)
}

.contact-wrap.web_respo li {
    margin-bottom: 20px;
    padding-left: 23px
}

.contact-wrap.web_respo i {
    float: left;
    margin-right: 7px
}

.services-description-section {
    background-color: var(--secondary);
    overflow: hidden
}

.triangle {
    left: 38%;
    top: 10%;
    width: 99px;
    height: 119px;
    background-image: url(assets/images/shape/triangle.webp);
    background-size: contain
}

.box {
    right: 5%;
    bottom: 15%;
    width: 170px;
    border: 10px solid rgba(255, 255, 255, .2);
    position: absolute
}

.cricle {
    position: absolute;
    left: 5%;
    bottom: 25%;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    animation: heartbeat 1s infinite alternate;
    border: 10px solid rgba(255, 255, 255, .2);
    border-radius: 50%
}

.box,
.triangle {
    background-repeat: no-repeat;
    -webkit-animation: dance 2s alternate infinite;
    position: absolute
}

.price {
    list-style-type: none;
    border: 1px solid #eee;
    margin: 0;
    padding: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.price:hover {
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, .2)
}

.price .header {
    background-color: var(--primary);
    color: #fff;
    font-size: 25px
}

.price li {
    border-bottom: 1px solid #eee;
    padding: 15px;
    text-align: center
}

.price .grey {
    background-color: #eee;
    font-size: 20px;
    font-weight: 500
}

.button {
    background-color: #04aa6d;
    border: none;
    color: #fff;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 18px
}

@media only screen and (max-width:600px) {
    .columns {
        width: 100%
    }
}

.web_box h4 {
    color: var(--secondary);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px
}

.web_dee_pic img {
    width: 100%;
    height: auto
}

span.test-bg img {
    width: 100%;
    height: auto
}

.projects small img {
    margin-top: -3px
}

.countrie small img {
    margin-top: -9px
}

.call_us {
    background: url(assets/images/about/bg-call-to-action.webp)
}

.social_id:hover .social_bg,
.social_id:hover .social_text h3,
.social_id:hover .social_text span {
    color: #fff
}

.social_id:hover .social_bg_icon i {
    color: #29a74f
}

.social_id:hover .social_bg {
    background: #fff
}

.social_id_2:hover .social_text_2 h3,
.social_id_2:hover .social_text_2 span {
    color: #fff
}

.social_id_2:hover .social_bg_icon i {
    color: #0162af
}

.social_id_2:hover .social_bg_2 {
    background: #fff
}

.social_id_3:hover .social_text_3 h3,
.social_id_3:hover .social_text_3 span {
    color: #fff
}

.social_id_3:hover .social_bg_icon i {
    color: #bd212f
}

.social_id_3:hover .social_bg_3 {
    background: #fff
}

.social_id_4:hover .social_text_4 h3,
.social_id_4:hover .social_text_4 span {
    color: #fff
}

.social_id_4:hover .social_bg_icon i {
    color: #00aff0
}

.social_id_4:hover .social_bg_4 {
    background: #fff
}

.social_id_5:hover .social_text_5 h3,
.social_id_5:hover .social_text_5 span {
    color: #fff
}

.social_id_5:hover .social_bg_icon i {
    color: #4aae20
}

.social_id_5:hover .social_bg_5 {
    background: #fff
}

.social_id,
.social_id_2,
.social_id_3,
.social_id_4,
.social_id_5 {
    width: 20%;
    height: 235px;
    float: left;
    border-right: 2px solid #efefef
}

.social_id:hover {
    background: var(--primary)
}

.social_id_2:hover {
    background: var(--secondary)
}

.social_id_3:hover {
    background: #bd212f
}

.social_id_4:hover {
    background: #00aff0
}

.social_id_5:hover {
    background: #4aae20
}

.social_text,
.social_text_2,
.social_text_3,
.social_text_4,
.social_text_5 {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 40px
}

.social_text span,
.social_text_2 span,
.social_text_3 span,
.social_text_4 span,
.social_text_5 span {
    font-size: 16px;
    font-weight: 600
}

.social_text h3,
.social_text span {
    color: #246508;
}

.social_text_2 h3,
.social_text_2 span {
    color: #07508C;
}

.social_text_3 h3,
.social_text_3 span {
    color: #A91521;
}

.social_text_4 h3,
.social_text_4 span {
    color: #07508C;
}

.social_text_5 h3,
.social_text_5 span {
    color: #246508;
}

.social_text :hover,
.social_text_2 :hover,
.social_text_3 :hover,
.social_text_4 :hover,
.social_text_5 :hover {
    color: #fff
}

.social_text h3,
.social_text_2 h3,
.social_text_3 h3,
.social_text_4 h3,
.social_text_5 h3 {
    font-size: 1.2em;
    font-weight: 600;
    line-height: 27px
}

.social_bg {
    background: var(--primary);
    width: 65px;
    height: 70px;
    margin: auto;
    margin-top: 60px;
    border-radius: 45% 45% 0 0
}

.social_bg_2,
.social_bg_3,
.social_bg_4,
.social_bg_5 {
    background: var(--primary);
    width: 65px;
    height: 70px;
    margin: auto;
    margin-top: 60px;
    border-radius: 45% 45% 0 0
}

.social_bg_2 {
    background-color: var(--secondary)
}

.social_bg_3 {
    background: #bd212f
}

.social_bg_4 {
    background: #00aff0
}

.social_bg_5 {
    background: var(--primary)
}

.icons-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-bottom: 5px;
    transition: all .1s
}

.social_bg_icon {
    width: 100%;
    float: left;
    margin-top: 25px;
    margin-left: -15px
}

.social_bg_icon i {
    color: #fff;
    font-size: 25px;
    font-weight: 900;
    margin-left: 27px
}

.social_bg:hover,
.social_bg_2:hover,
.social_bg_3:hover,
.social_bg_4:hover,
.social_bg_5:hover {
    background: #fff;
    color: #42974f
}

.social_bg_icon i.bi.bi-file-text:hover {
    color: #42974f
}

.social_bg_icon i.bi.bi-telephone-fill:hover {
    color: #0162af
}

.social_bg_icon i.bi.bi-envelope:hover {
    color: #bd212f
}

.social_bg_icon i.bi.bi-skype:hover {
    color: #00aff0
}

.social_bg_icon i.bi.bi-whatsapp:hover {
    color: #4aae20
}

.lets_connect {
    background: url(assets/images/about/connect.webp);
    background-size: cover;
    padding: 100px 25px 0 25px
}

.connect h1 {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    text-transform: capitalize
}

.connect h2 {
    color: #fff;
    margin-top: 18px;
    line-height: 66px;
    font-weight: bolder;
    font-size: 88px;
    text-transform: uppercase
}

section.social_account {
    padding: 0;
    background: #ffffff;
}

.footer-widget__list a.hover-style-link {
    text-decoration: none;
    color: #fff
}

.custom-btn {
    padding: 8px 30px;
    border: 1px solid var(--secondary);
    font-weight: 500;
    background: 0 0;
    cursor: pointer;
    transition: all .3s ease;
    position: relative;
    display: inline-block;
    text-decoration: none;
    border-radius: 5px
}

.custom-btn:hover {
    text-decoration: none
}

.btn-14 {
    background: var(--secondary);
    color: #fff;
    z-index: 1
}

.btn-14:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    z-index: -1;
    background: #fff;
    transition: all .3s ease
}

.btn-14:hover {
    color: #000
}

.btn-14:hover:after {
    top: auto;
    bottom: 0;
    height: 100%;
    border-radius: 5px
}

.service-single-box:hover .btn-14 {
    color: #000
}

.service-single-box:hover .btn-14:after {
    top: auto;
    bottom: 0;
    height: 100%;
    border-radius: 5px
}

.btn-14:active {
    top: 2px
}

.tech_rorate {
    animation: textRotation 25s linear infinite
}

.tech_rorate,
.tech_rorate img {
    width: 100%;
    height: auto
}

.slider_bg1 {
    background-image: url(assets/images/slider/slider_bg2.webp)
}

.slider_bg3 {
    background-image: url(assets/images/slider/slider_bg3.webp);
    background-size: contain
}

.d-slider-image {
    display: block
}

.m-slider-image {
    display: none;
    text-align: center
}

@media screen and (max-width:992px) {
    .d-slider-image {
        display: none
    }

    .m-slider-image {
        display: block
    }
}

@media screen and (max-width:999px) {
    .social_bg {
        margin: auto;
        margin-top: 10px
    }

    .social_bg_2,
    .social_bg_3,
    .social_bg_4,
    .social_bg_5 {
        margin: auto;
        margin-top: 10px
    }
}

@media screen and (max-width:768px) {
    .box-large-image__midea .images-midea img {
        width: 100%;
        height: auto
    }

    .box-large-image__midea.folio {
        height: auto
    }

    .portfolio_titile h1 {
        margin-left: 5px;
        margin-top: 15px
    }

    .banner-heading {
        padding: 30px 0 65px 0
    }

    .process-box01 {
        height: 140px;
        width: 140px
    }

    .team-details__top-img {
        padding: 0;
        border: none;
        margin-top: 15px
    }

    .team-details__top-name {
        font-size: 25px
    }

    .para-ab {
        width: 100%;
        float: left
    }

    .team-details-left {
        padding: 0;
        margin-top: 20px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .team-details-left-2 {
        padding: 0;
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .team-div-2 {
        padding-top: 0
    }

    .team-details__top-content {
        padding: 18px 18px
    }

    .intro-card {
        padding: 0
    }

    .chooseus-style-two.dsin-two {
        padding: 30px 0 30px 0
    }

    .appointment-form.wcu-attched-form {
        padding: 12px 12px 0
    }

    .form-div {
        padding: 0
    }

    .our-clients-div {
        padding: 0
    }

    .client_bg .client {
        margin-top: 0
    }

    .lets_connect {
        background: url(assets/images/about/connect.webp);
        background-size: cover;
        padding: 25px 25px 0 25px
    }

    .card {
        border: none;
        padding: 0
    }

    section.footer {
        padding: 20px 0 0 0
    }

    .default-form .form-group input[type=email],
    .default-form .form-group input[type=tel],
    .default-form .form-group input[type=text],
    .default-form .form-group input[type=url],
    .default-form .form-group select,
    .default-form .form-group textarea {
        padding: 3px 8px
    }

    .connect h2 {
        font-size: 60px
    }

    .section-title h2.section-title__title {
        font-size: 24px
    }

    .slide-sub-title {
        font-style: normal;
        font-size: 25px;
        color: var(--secondary);
        font-weight: 700;
        padding-bottom: 15px;
        padding-top: 0
    }

    .slide-title {
        font-size: 23px
    }

    .custom-btn {
        padding: 5px 15px;
        font-size: 15px
    }

    .section-title__tagline span.right {
        display: none
    }

    .section-title__tagline span.left {
        display: none
    }

    .at-about-company .at-about-tag.at-about-exp {
        top: auto;
        z-index: 1;
        right: -28%;
        margin: auto;
        bottom: -70px;
        width: 255px;
        color: var(--secondary)
    }

    .slider-content.text-left.mt-0.pt-3 {
        padding-top: 0 !important
    }

    .slidermobi {
        padding-top: 25px !important;
        padding-bottom: 15px !important
    }
}

@media screen and (max-width:992px) {
    .banner-title {
        font-size: 28px
    }

    .about-title {
        margin-top: 100px
    }
}

@media screen and (max-width:1101px) {
    .about-right-col {
        padding-right: 10px
    }
}

.social_text,
.social_text_2,
.social_text_3,
.social_text_4,
.social_text_5 {
    margin-bottom: 10px
}

.social_bg_icon {
    font-size: 2em
}

.mb-4 {
    margin-bottom: 1.5rem
}

@media screen and (max-width:992px) {
    .mobile-h1 {
        display: block !important;
        font-size: 20px;
        order: -1
    }

    .d-h1 {
        display: none
    }
}

@media (min-width:1200px) {
    .col-lg-2 {
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (min-width:768px) and (max-width:1199.98px) {
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (max-width:767.98px) {
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media screen and (max-width:1200px) {
    .process-shape-1 {
        display: none
    }

    .process__single-2 {
        margin-top: 0
    }

    .process__single-4 {
        margin-top: 50px
    }

    .appointment-form.wcu-attched-form {
        margin-top: 20px
    }
}

@media screen and (max-width:768px) {
    .rs-services {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .services-texts {
        padding: 0 0 0 10px
    }

    .rs-services.main-home .services-item .services-icon .icon-img {
        height: auto;
        width: 60px;
        max-width: unset
    }

    .work-card {
        margin: 5px
    }

    .work-card {
        padding: 15px 15px
    }

    .work-card p {
        padding: 0 12px
    }

    section {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .row-ab {
        display: flex;
        flex-direction: column
    }

    .col-lg-6:first-of-type {
        order: 1
    }

    .col-lg-6:last-of-type {
        order: 2
    }
}

.a-img {
    margin-top: 30px
}

.contact-icons {
    width: 20%;
    float: left;
}

@media screen and (max-width:755px) {
    .contact-icons {
        width: 33%
    }

    .contact-sp-icon {
        width: 50%
    }
}

@media screen and (min-width:755px) and (max-width:955px) {
    .contact-icons {
        width: 25%
    }
}

@media screen and (max-width:429px) {
    .work-card-text {
        font-size: 15px
    }
}

@media screen and (max-width:410px) {
    .social_account h3 {
        font-size: 13px
    }

    .social_account span {
        font-size: 12px
    }
}

@media screen and (min-width:411px) and (max-width:551px) {
    .social_account h3 {
        font-size: 15px
    }

    .social_account span {
        font-size: 14px
    }
}

@media screen and (min-width:866px) and (max-width:1082px) {
    .cards-list {
        width: 25%
    }
}

@media screen and (min-width:500px) and (max-width:867px) {
    .cards-list {
        width: 33%
    }
}

@media screen and (max-width:500px) {
    .cards-list {
        width: 50%
    }

    .form-title {
        font-size: 24px
    }
}

.icons-box:hover {
    background-color: var(--primary)
}

.icons-box:hover .social_text h3,
.icons-box:hover .social_text span {
    color: #fff
}

.icons-box:hover .social_bg {
    background-color: #fff
}

.icons-box:hover .social_bg_icon i {
    color: var(--primary)
}

.icons-box-2:hover {
    background-color: var(--secondary)
}

.icons-box-2:hover .social_text_2 h3,
.icons-box-2:hover .social_text_2 span {
    color: #fff
}

.icons-box-2:hover .social_bg_2 {
    background-color: #fff
}

.icons-box-2:hover .social_bg_icon i {
    color: var(--secondary)
}

.icons-box-3:hover {
    background-color: #bd212f
}

.icons-box-3:hover .social_text_3 h3,
.icons-box-3:hover .social_text_3 span {
    color: #fff
}

.icons-box-3:hover .social_bg_3 {
    background-color: #fff
}

.icons-box-3:hover .social_bg_icon i {
    color: #bd212f
}

.icons-box-4:hover {
    background-color: var(--secondary)
}

.icons-box-4:hover .social_text_4 h3,
.icons-box-4:hover .social_text_4 span {
    color: #fff
}

.icons-box-4:hover .social_bg_4 {
    background-color: #fff
}

.icons-box-4:hover .social_bg_icon i {
    color: #00aff0
}

.icons-box-5:hover {
    background-color: var(--primary)
}

.icons-box-5:hover .social_text_5 h3,
.icons-box-5:hover .social_text_5 span {
    color: #fff
}

.icons-box-5:hover .social_bg_5 {
    background-color: #fff
}

.icons-box-5:hover .social_bg_icon i {
    color: var(--primary)
}

.m-abimg-div {
    display: none
}

.wd-m-img {
    display: none
}

@media screen and (max-width:992px) {
    .c-form {
        padding: 20px
    }

    .wd-d-img {
        display: none
    }

    .wd-m-img {
        display: block
    }

    .d-abimg-div {
        display: none
    }

    .m-abimg-div {
        display: block
    }
}

@media screen and (min-width:1120px) and (max-width:1320px) {
    img.why-choose-abimg {
        width: 70%
    }
}

@media screen and (min-width:993px) and (max-width:1120px) {
    img.why-choose-abimg {
        width: 60%
    }
}

@media screen and (min-width:719px) and (max-width:992px) {
    img.why-choose-abimg {
        width: 25%
    }
}

@media screen and (max-width:719px) {
    img.why-choose-abimg {
        width: 35%
    }
}

.fixed-top {
    z-index: 1050;
    box-shadow: 0 10px 8px rgba(0, 0, 0, .1)
}

.navbar-toggler {
    z-index: 1100
}

.section-header {
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0
}

.navbar-toggler {
    border-color: rgba(0, 0, 0, .1)
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-width='2' linecap='round' linejoin='round' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-collapse {
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 1051;
    padding-left: 15px
}

@media (min-width:992px) {
    .navbar-collapse {
        position: static;
        background-color: transparent;
        padding-left: 0
    }
}

.navbar-nav .nav-item {
    margin: 0
}

@media (max-width:999px) {
    .menutop ul li a {
        padding: 0
    }
}

#portfolio1 .carousel-inner .carousel-item-end,
#portfolio1 .carousel-inner .carousel-item-start {
    transform: translateX(0)
}

.dropdown-item:hover {
    display: block
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--secondary) !important
}

.img-fluid img {
    width: 100%;
    height: auto
}

.popup-form {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, .5)
}

.form-container {
    position: fixed;
    left: 50%;
    top: -15%;
    transform: translate(-50%);
    background-color: #fff;
    margin: 10% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 100%;
    max-width: 500px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .3)
}

.close-btn {
    margin-bottom: 20px;
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: 700;
    z-index: 9999
}

.close-btn:focus,
.close-btn:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

form#contactForm input[type=email],
form#contactForm input[type=tel],
form#contactForm input[type=text],
form#contactForm textarea {
    width: 100%;
    border: 1px solid #858585;
    border-radius: 5px;
    padding: 8px 10px;
    margin-top: 3px
}

.popup-submit {
    border: none;
    border-radius: 8px;
    padding: 8px;
    background-color: var(--secondary);
    color: #fff
}

.section-404 {
    padding: 25px
}

.text-404 {
    font-weight: 700;
    font-size: 150px;
    letter-spacing: 8px;
    color: var(--primary)
}

.page-not-found {
    background-image: url(assets/images/banner/banner1.webp)
}

.div-over-lay {
    background-color: #0000006b;
    padding: 40px
}

.color-primary {
    color: var(--primary)
}

.pnf {
    font-size: 20px
}

.pnf-text {
    font-size: 20px
}

.btn-div-404 {
    display: flex;
    justify-content: center;
    align-items: center
}

.btn-404 {
    margin-top: 20px;
    background-color: var(--primary);
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 8px
}

.btn-404:hover {
    margin-top: 20px;
    background-color: var(--primary);
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 8px
}

.navbar-toggler {
    background: var(--primary);
    color: #fff;
    border: none
}

.navbar-toggler:focus {
    box-shadow: none
}

.h-100vh {
    height: 100vh
}

.mobile_991 {
    display: none
}

@media (max-width:1091px) {
    .logo img {
        width: 298px
    }
}

@media (max-width:991px) {
    .portfolio_img {
        padding: 3px;
    }

    #featureContainer2 .carousel-inner .carousel-item>div,
    .desk_991 {
        display: none
    }

    #featureContainer2 .carousel-inner .carousel-item>div:first-child {
        display: block
    }

    .mobile_991 {
        display: block
    }
}

#featureContainer2 .carousel-inner .carousel-item-next,
#featureContainer2 .carousel-inner .carousel-item-prev,
#featureContainer2 .carousel-inner .carousel-item.active {
    display: flex
}

@media (min-width:991px) {

    #featureContainer2 .carousel-inner .carousel-item-end.active,
    #featureContainer2 .carousel-inner .carousel-item-next {
        transform: translateX(25%)
    }

    #featureContainer2 .carousel-inner .carousel-item-prev,
    #featureContainer2 .carousel-inner .carousel-item-start.active {
        transform: translateX(-25%)
    }
}

#featureContainer2 .carousel-inner .carousel-item-end,
#featureContainer2 .carousel-inner .carousel-item-start {
    transform: translateX(0)
}

#featureContainer02 .carousel-inner .carousel-item-next,
#featureContainer02 .carousel-inner .carousel-item-prev,
#featureContainer02 .carousel-inner .carousel-item.active {
    display: flex
}

#featureContainer02 .carousel-inner .carousel-item-end.active,
#featureContainer02 .carousel-inner .carousel-item-next {
    transform: translateX(100%)
}

#featureContainer02 .carousel-inner .carousel-item-prev,
#featureContainer02 .carousel-inner .carousel-item-start.active {
    transform: translateX(-100%)
}

#featureContainer02 .carousel-inner .carousel-item-end,
#featureContainer02 .carousel-inner .carousel-item-start {
    transform: translateX(0)
}

.carousel-item .box-large-image__wrap {
    margin-right: 0
}

@media (max-width:991px) {
    #featureContainer3 .carousel-inner .carousel-item>div {
        display: none
    }

    #featureContainer3 .carousel-inner .carousel-item>div:first-child {
        display: block
    }
}

#featureContainer3 .carousel-inner .carousel-item-next,
#featureContainer3 .carousel-inner .carousel-item-prev,
#featureContainer3 .carousel-inner .carousel-item.active {
    display: flex
}

@media (min-width:991px) {

    #featureContainer3 .carousel-inner .carousel-item-end.active,
    #featureContainer3 .carousel-inner .carousel-item-next {
        transform: translateX(16.6%)
    }

    #featureContainer3 .carousel-inner .carousel-item-prev,
    #featureContainer3 .carousel-inner .carousel-item-start.active {
        transform: translateX(-16.6%)
    }
}

#featureContainer3 .carousel-inner .carousel-item-end,
#featureContainer3 .carousel-inner .carousel-item-start {
    transform: translateX(0)
}

#featureContainer03 .carousel-inner .carousel-item-next,
#featureContainer03 .carousel-inner .carousel-item-prev,
#featureContainer03 .carousel-inner .carousel-item.active {
    display: flex
}

#featureContainer03 .carousel-inner .carousel-item-end.active,
#featureContainer03 .carousel-inner .carousel-item-next {
    transform: translateX(50%)
}

#featureContainer03 .carousel-inner .carousel-item-prev,
#featureContainer03 .carousel-inner .carousel-item-start.active {
    transform: translateX(-50%)
}

#featureContainer03 .carousel-inner .carousel-item-end,
#featureContainer03 .carousel-inner .carousel-item-start {
    transform: translateX(0)
}

section.blog-details-area.pb-0 h4 {
    padding-top: 10px;
    margin-top: 15px;
    float: left;
    width: 100%
}

section.blog-details-area.pb-0 ol li {
    list-style: decimal-leading-zero
}

#captcha-container {
    position: relative
}

#captcha {
    border: 1px solid #ddd;
    background-color: #f9f9f9
}

#captcha-input {
    margin-top: 10px;
    padding: 5px;
    width: 100%
}

#captcha-error {
    margin-top: 5px
}

#verifyCaptchaBtn {
    background-color: var(--secondary);
    border: 1px solid var(--secondary);
    padding: 10px;
    color: #fff
}

.veryfy-btn {
    display: flex;
    justify-content: sart;
    align-items: center
}

.captcha-div {
    display: flex;
    justify-content: sart;
    align-items: center
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: var(--secondary);
    border: none;
    color: #fff;
    padding: 7px 25px;
    text-transform: uppercase;
    border-radius: 5px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    height: 100px;
}
input.wpcf7-form-control.wpcf7-text {
    width: 100%;
}
input.wpcf7-form-control.wpcf7-tel.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-tel {
    border: 1px solid #4f4a4a;
}
textarea.wpcf7-form-control.wpcf7-textarea{
    width: 100%;
}
input.wpcf7-form-control.wpcf7-tel.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-tel.phonepop {
    height: 36px;
    border-radius: 0;
    border: 1px solid #7b7575;
    padding: 0px;
 }
 input.wpcf7-form-control.wpcf7-tel.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-tel.home_tel {
    border-radius: 15px;
    z-index: 1;
    border: 2px solid var(--secondary);
    height: 65px;
}
input.wpcf7-form-control.wpcf7-captchar {
    width: 150px;
}
.col-md-12.capta_get input.wpcf7-form-control.wpcf7-captchar {
    width: 150px;
    float: right;
}

@media (max-width:400px) {
    input.wpcf7-form-control.wpcf7-tel.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-tel.phonepop {
        margin-top: 10px;
    }
    .input.wpcf7-form-control.wpcf7-captchar 
    {
        margin-left: 0 !important;
    }
    .col-md-12.capta_get input.wpcf7-form-control.wpcf7-captchar
    {
        width: 100%;
    }
}

/*Custom Form*/
.form-group textarea,
.form-group input[type="email"],
.form-group input[type="text"] {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    color: #000;
    line-height: 30px;
    font-weight: 600;
    background-color: #ffffff;
    border-radius: 6px;
    padding: 11px 20px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--primary);
    -o-border-image: initial;
    border-image: initial;
    -webkit-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
    margin-bottom: 15px;
}

button.refresh-captcha {
    background: #f1f1f1;
    color: #000;
    padding: 13px 16px;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    border-radius: 7px;
    border: 1px solid var(--primary);
}

.refresh-captcha:hover {
    background-color: #e0e0e0;
}

.custom-file-upload {
    display: inline-block;
    padding: 12px 20px;
    cursor: pointer;
    border: 1px solid var(--primary);
    border-radius: 5px;
    background-color: #f9f9f9;
    color: #000;
    text-align: left;
    transition: all 0.3s ease;
    width: 100%;
}

.custom-file-upload:hover {
    background-color: #f0f0f0;
}

.custom-file-upload input[type="file"] {
    display: none;
}

.file-name {
    margin-top: 8px;
    font-size: 14px;
    color: #555;
    word-break: break-all;
    position: absolute;
    right: 25px;
    top: 6px;
}

.form-group {
    position: relative;
}

.captcha {
    font-weight: 700;
    font-size: 25px;
    padding: 8px 0px;
    background-color: #f0f0f0;
    margin-bottom: 10px;
    text-align: center;
    font-family: 'Shadows Into Light', cursive;
    font-style: normal;
    letter-spacing: 5px;
    border: 1px solid var(--primary);
    border-radius: 7px;
}

.captcha-error {
    color: red;
    display: none;
    position: absolute;
}
input.mybtn {
    background: var(--secondary);
    color: #fff;
    border: none;
    padding: 5px 25px;
    text-transform: uppercase;
    border-radius: 5px;
}
.footer-widget.contact-widget h2 {
    color: #fff;
    font-size: 20px !important;
    text-transform: capitalize;
    padding-bottom: 15px;
    font-weight: 700;
}
.btn_pdf {
  padding: 12px 20px;         /* Enough space for fingers */
  font-size: 16px;
  /* min-height: 48px; */           /* Recommended touch target */
  /* margin: 8px; */                /* Space between buttons/links */
  display: inline-block;
  text-align: center;
}
img.m-slider-image {
    width: 100%;
    height: auto;
}