@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*font-family: 'Libre Baskerville', serif;*/
.p0 {
    padding: 0px !important;
}

h1, h2, h3, h4, h5, h6, p, a, li, span, button {
    font-family: 'Poppins', sans-serif;
}

body {
    overflow-x: hidden;
}

a:hover, a:focus, button:hover, button:focus, .form-btn-st:focus {
    text-decoration: none !important;
    outline: none;
}

section {
    float: left;
    width: 100%;
}

.head-section ul.nav.navbar-nav li:hover {
    color: #ff9e22 !important;
}

.head-section ul.nav.navbar-nav li i.fa.fa-caret-right {
    margin: 0 0 0 -30px;
}

ul.dropdown-menu {
    padding: 10px 0px !important;
    border: 0;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: transparent;
    border-color: #transparent;
}

.header-social-box ul li i {
    font-family: 'FontAwesome';
}

.header-social-box ul li {
    height: 30px;
    width: 30px;
    border-radius: 50px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #0d674e;
}

a.hed-mail-box {
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    margin: 0;
}

.headr-contact-box {
    display: flex;
    column-gap: 15px;
    align-items: center;
}

.headr-contact-box i {
    /* color: #0a1857; */
    font-size: 15px;
    color: #fff;
}

.header-social-box ul {
    display: flex;
    align-items: center;
    column-gap: 15px;
    padding: 0;
    margin: 0 0 0 0;
}

/*section.head-section*/
section.head-section {

/* position: absolute; */

overflow: visible !important;
}

a.navbar-brand img {
    width: 121px;
}

.navbar.navbar-defult {
    padding: 8px 20PX;
    background-color: rgb(255, 255, 255);
    border-radius: 60px;
    /* margin: 60px 0 0 0; */
    z-index: 1;
}

section.head-section ul {
    padding: 0;
    list-style: none;
}

ul.nav.navbar-nav.navbar-right {
    display: flex;
    align-items: center;
}

section.head-section ul li a {
    /* font-size: 16px; */
    /* font-weight: 400; */
    color: #000;
}

section.head-section ul li a:hover {
    /* background: #36424b; */
}

section.head-section .nav li a:focus, section.head-section .nav li a:hover {
    text-decoration: none;
    background-color: transparent;
}

section.head-section a.get-btn {
    margin: 0 0 0 100px;
    padding: 12px 30px;
    background-color: #0a1857;
    border-radius: 40px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

section.header-top {
    /* position: absolute; */
    padding: 7px 200px;
    margin: 0 0 0 0;
    background-color: #0d674e;
}

/*section.head-section*/

/*section.banner-section*/
section.banner-section {
    padding: 50px 0px 0;
    background-image: url(../images/banner-images/banner-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 798px;
    display: flex;
    align-items: center;
}

.text-box h1 span {
    color: #30bc95;
}

section.banner-section .text-box h1 {
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 20px 0;
    line-height: 45px;
    text-transform: uppercase;
}

section.banner-section .row {
    display: flex;
    align-items: center;
}

section.banner-section .text-box p {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    margin: 0 0 20px 0;
    line-height: 25px;
}

section.banner-section .text-box h4 {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    margin: 0 0 20px 0;
    text-align: start;
    text-transform: uppercase;
}

.banner-img-box img {
    margin: 0 0 -21px 0;
}

.banner-before-box {
    position: relative;
}

.bnr-mail-flex {
    display: flex;
    align-items: center;
    column-gap: 15px;
    margin: 0 0 26px 0;
}

.bnr-mail-flex a {
    display: flex;
    align-items: center;
}

a.bnr-nu {
    font-size: 30px;
    font-weight: 400;
    color: #ffff;
    margin: 0 0 0 0;
}

a.bnr-mail {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    margin: 6px 0 0 0;
}

.bner-price-bx {
    display: flex;
    align-items: center;
    column-gap: 20px;
    margin: 0 0 15px 0;
}

.bner-price-bx h4 {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
}

.bner-price-bx h3 {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    border: solid 2px #30bc95;
    padding: 10px 11px 10px 20px;
    border-style: dashed;
    border-radius: 5px;
    position: relative;
}

.bner-price-bx span {
    font-size: 18px;
    position: absolute;
    left: 5px;
    right: 0;
}

/*section.banner-section*/

/*section.banner-logos */
section.banner-logos {
    padding: 20px 0;
    background-color: #fff;
    box-shadow: 0 0 33.44px 4.56px rgba(0, 0, 0, .15)
}

.partnerslider li figure img {
    width: 50%;
    height: 60px;
}

/*section.banner-logos */

/*section.ultimate-sec*/
section.ultimate-sec {
    padding: 50px 0;
}

section.ultimate-sec .row {
    display: flex;
    align-items: center;
}

.ht-text p {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    margin: 15px 0 30px 0;
    line-height: 25px;
}

.ht-text h2 {
    line-height: 45px;
    font-size: 33px;
    font-weight: bold;
    color: #181818;
}

section.ultimate-sec .btn-box a.chat-btn.chats {
    background-color: #000;
    color: #fff;
}

img.ult-2-img {
    margin: -100px 0 0 95px;
}

.ulti-before-box {
    position: relative;
}

.ulti-before-box::before {
    position: absolute;
    content: "";
    background-image: url(../images/ultimat-before.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100px;
    width: 100px;
    top: -115px;
    right: 0;
    margin: auto;
    display: table;
    bottom: 0;
}

.ulti-before-box::after {
    position: absolute;
    content: "";
    background-image: url(../images/ultimat-after.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 109px;
    width: 118px;
    left: 25px;
    bottom: 40px;
}

img.ult-3-img {
    margin: 0 0 -140px -70px;
    position: relative;
}

img.ult-4-img {
    z-index: -1;
}

img.ult-5-img {
    float: right;
    margin: -130px 25px 0 0;
    z-index: 1;
    position: relative;
}

.ulti-sec-2 {
    background-image: url(../images/ulti-sec-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 100px 0 !important;
}

section.ulti-sec-2 .row {
    display: flex;
    align-items: center;
}

.ulti-sec-2 .ulti-before-box::after {
    display: none !important;
}

.ulti-sec-2 .ulti-before-box::before {
    display: none !important;
}

/*section.ultimate-sec*/

/*section.serve-sec */

section.serve-sec {
    padding: 50px 0;
    background-image: url(../images/serve-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.ht-text h4 {
    font-size: 20px;
    font-weight: 600;
    color: #0d674e;
    margin: 0;
    line-height: 45px;
}

section.serve-sec .ht-text h2 {
    margin: 0 0 30px 0;
}

.serve-main-box {
    display: flex;
    column-gap: 15px;
    padding: 20px 15px;
    border-radius: 5px;
    margin: 0 0 20px 0;
}

.ser-text h4 {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    color: #000000;
    margin: 0 0 15px 0;
}

.ser-text p {
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    line-height: 20px;
}

.serve-main-box:hover {
    background-color: rgb(13, 103, 78);
}

.serve-main-box:hover h4 {
    color: #fff;
}

.serve-main-box:hover p {
    color: #fff;
}

.serve-img-box {
    border: solid 1px #000;
    display: flex;
    align-items: center;
    padding: 15px;
    border-radius: 0 50px 50px 50px;
    height: 60px;
    width: 60px;
    justify-content: center;
}

.serve-main-box:hover .serve-img-box {
    border-radius: 70px;
    background-color: #fff;
    border-color: #fff;
}

.serve-nu-box h3 {
    font-size: 18px;
    font-weight: bold;
    color: #26ffc3;
    display: none;
}

.serve-main-box:hover .serve-nu-box h3 {
    display: block;
}

/*section.serve-sec */

/*section.cta-sec*/
section.cta-sec {
    padding: 50px 0;
    background-image: url(../images/cta-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    position: relative;
    height: 341px;
}

section.cta-sec::before {
    position: absolute;
    content: "";
    background-image: url(../images/cta-before.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 518px;
    width: 355px;
    left: 100px;
    bottom: -50px;
    background-size: 80%;
}

section.cta-sec::after {
    position: absolute;
    content: "";
    background-image: url(../images/cta-after.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 109px;
    width: 118px;
    right: 411px;
    top: -30px;
}

.cta-text h2 {
    font-size: 37px;
    font-weight: bold;
    margin: 0 0 15px 0;
    color: #ffffff;
}

.cta-text h4 {
    font-size: 60px;
    font-weight: bold;
    margin: 0 0 15px 0;
    color: #fff;
}

.cta-text h4 span {
    color: #30bc95;
}

.cta-text h5 {
    font-size: 30px;
    font-weight: 400;
    margin: 0 0 30px 0;
    color: #ffff;
}

section.cta-sec .btn-box {
    justify-content: center;
}

/*section.cta-sec*/

/*section.cta-2-sec*/
section.cta-2-sec {
    padding: 50px 0;
    background-image: url(../images/cta-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    position: relative;
    height: 341px;
}

section.cta-2-sec .btn-box {
    justify-content: center;
}

section.cta-2-sec::before {
    position: absolute;
    content: "";
    background-image: url(../images/cta-before.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 518px;
    width: 355px;
    right: 100px;
    bottom: -50px;
    background-size: 80%;
}

section.cta-2-sec::after {
    position: absolute;
    content: "";
    background-image: url(../images/cta-after.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 109px;
    width: 118px;
    left: 0;
    top: -30px;
}

/*section.cta-2-sec*/

/*section.writing-sec*/

section.writing-sec {
    padding: 50px 0;
    background-image: url(../images/writing-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.ht-text-center {
    text-align: center;
}

.ht-text-center h2 {
    font-size: 35px;
    font-weight: bold;
    color: #136b52;
    line-height: 45px;
    margin: 0 0 20px 0;
}

.writng-text h3 {
    font-size: 25px;
    font-weight: 600;
    color: #000000;
    margin: 0 0 20px 0;
    line-height: 30px;
}

.writng-text p {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    margin: 15px 0 30px 0;
    line-height: 25px;
}

.writng-ul-box ul {
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 30px 0;
}

.writng-ul-box ul li {
    width: 50%;
    display: flex;
    align-items: center;
}

.writ-custom p {
    font-size: 15px;
    font-weight: 400;
    color: #666666;
    line-height: 21px;
    margin: 0 0 15px 0;
}

.writ-custom h4 {
    font-size: 18px;
    font-weight: bold;
    color: #0d674e;
    margin: 0 0 10px 0;
}

.writng-text h3 span {
    color: #0d674e;
}

.btn-box a.cont-btn {
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    border-radius: 5px;
    background-color: #000;
}

/*section.writing-sec*/

/*section.process-section*/ 

section.process-section {
    padding: 50px 0;
    background-image: url(../images/proces-bg.png);
    background-repeat: repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.ht-text-center h4 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 20px 0;
}

section.process-section .ht-text-center h2 {
    color: #ffff;
}

.pro-main {
    padding: 35px 20px;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    position: relative;
}

.pro-nu-box {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    background-color: rgb(226, 226, 226);
    border-radius: 0px 0 0 5px;
}

.pro-nu-box h2 {
    font-size: 30px;
    font-weight: bold;
    color: #0d674e;
}

.pro-main h4 {
    font-size: 20px;
    font-weight: bold;
    color: #181818;
    margin: 40px 0 10px 0;
    line-height: 30px;
    min-height: 61px;
}

.pro-main p {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 21px;
    margin: 0;
    min-height: 150px;
}

.pro-main:hover {
    background-color: #000;
}

.pro-main:hover h4 {
    color: #fff;
}

.pro-main:hover p {
    color: #fff;
}

.pro-main:hover .pro-nu-box {
    background-color: #30bc95;
    color: #fff;
}

.pro-main:hover .pro-nu-box h2 {
    color: #fff;
}

section.process-section::after {
    position: absolute;
    content: "";
    background-image: url(../images/pros-before.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 327px;
    width: 224px;
    left: 140px;
    top: 0;
    margin: auto;
    display: table;
    bottom: 0;
}

section.process-section::before {
    position: absolute;
    content: "";
    background-image: url(../images/pros-after.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 218px;
    width: 218px;
    right: 0;
    bottom: -50px;
}

/*section.process-section*/

/*section.testi-section*/
section.testi-section {
    padding: 70px 10vw;
    position: relative;
}

.testi-slider {
    display: flex;
    align-items: center;
    margin: 0 !important;
}


.testi-box {
    padding: 30px 20px;
    margin: 0 10px 0 10px;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
    position: relative;
}

.testi-box p {
    font-size: 16px;
    line-height: 22px;
    margin: 15px 0 15px 0;
    color: #282828;
}

.testi-box h4 {
    font-size: 18px;
    font-weight: bold;
    color: #0d674e;
}

.text-ht p {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    margin: 0px 0 20px 0;
    line-height: 27px;
}

section.testi-section .text-ht h2 {
    font-size: 40px;
    font-weight: 1000;
    color: #000c;
    margin: 0 0 0 0;
}

section.testi-section .header-btn {
    justify-content: start;
    padding: 0 0 0 20px;
}

.testi-img-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

img.tesi-comma {
    margin: 0;
}

section.testi-section .text-ht {
    text-align: center;/* margin: 0 0 40px 0; */
}

section.testi-section .row {
    display: flex;
    align-items: center;
}

.testi-section .slick-current.slick-active .testi-box {
    /* transform: scale(1.1); */
    background-color: #0d674e;
}

.testi-section .slick-list.draggable {
    padding: 50px 0 !important;
}

.testi-section .slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.testi-section .slick-dots li button {
    position: relative;
    right: 0;
    display: none;
    background-color: #e5e5e5;
    border-radius: 50px;
    width: 10px;
    height: 10px
}

.testi-section ul.slick-dots li {
    background: #04aa9847;
    border-radius: 60%;
    width: 14px;
    height: 14px
}

.testi-section ul.slick-dots li.slick-active {
    background: #0d674e;
}
.testi-box h5 {font-size: 15px;font-weight: 400;color: #666666;margin: 7px 0 0 0;}

.test-comma-box {
    position: absolute;
    height: 60px;
    width: 60px;
    border-radius: 100px;
    background-color: #0d674e;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 30px;
    top: -25px;
}  

.testi-section .slick-current.slick-active .testi-box h4 {
    color: #fff;
}

.testi-section .slick-current.slick-active .testi-box p {color: #fff;}

.testi-section .slick-current.slick-active .testi-box h5 {
    color: #fff;
}

.testi-section .slick-current.slick-active .testi-box i {
    color: #fff;
}

.testi-section .slick-current.slick-active .test-comma-box {
    background-color: #fff;
    box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 20%);
}

.testi-section .slick-current.slick-active .test-comma-box img {
    filter: brightness(0);
}

.testi-section::after {
    position: absolute;
    content: "";
    background-image: url(../images/test-bf.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 425px;
    width: 403px;
    left: 0;
    top: 0;
    margin: auto;
    display: table;
    bottom: 0;
    z-index: -1;
}
.testi-section::before {
    position: absolute;
    content: "";
    background-image: url(../images/test-af.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 413px;
    width: 413px;
    right: 0;
    bottom: 0;
    margin: auto;
    display: table;
    top: 0;
}

/*section.testi-section*/
section.footersection {
    padding: 50px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #0a1857;
    background-image: url(../images/footer-bg.png);
}

.footerbox-details img {
    width: 200px;
}

.footer-text p {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    margin: 20px 0 20px 0;
    line-height: 22px;
}

.footerbox-details .btn-box a.get-btn {
    /* background-color: #2fb48f; */
}

.footerbox-details h3 {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    margin: 0 0 20px 0;
}

.footerlinks ul {
    padding: 0;
    list-style: none;
}

.footerlinks ul li a {
    font-size: 15px;
    font-weight: 300;
    color: #fff;
}

.contact-footer a {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin: 10px 0;
}

.contact-footer a span {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

.contact-footer p {

    /* margin: 10px 0 0 0; */font-size: 16px;
    font-weight: 400;
    color: #fff;
    display: flex;
    align-items: center;
    column-gap: 10px;
}


.powerdby p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.powerdby a {
    font-size: 14px;
    color: #ffff;
    margin: 0 0 0 10px;
}
.fotr-ser-text a {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    line-height: 25px;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

@keyframes updown2 {
    0%, 100% {
        transform: translate(0, 0);
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }

    50% {
        transform: translate(0, 10px);
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
    }

}

/*new-nav*/
.nav-but-wrap {
    position: relative;
    display: inline-block;
    float: left;
    padding-left: 15px;
    padding-top: 0;
    margin-top: 0;
    transition: all .3s ease-out
}

.menu-icon {
    height: 35px;
    width: 30px;
    position: fixed;
    z-index: 2;
    cursor: pointer;
    display: block;
    z-index: 9999;
    top: 15px;
    right: 20px;
    display: none;
    background-color: #000;
    padding: 12px 25px;
    border-radius: 5px;
}

.menu-icon__line {
    height: 2px;
    width: 20px;
    display: block;
    background-color: #fff;
    margin-bottom: 7px;
    cursor: pointer;
    -webkit-transition: background-color .5s ease, -webkit-transform .2s ease;
    transition: background-color .5s ease, -webkit-transform .2s ease;
    transition: transform .2s ease, background-color .5s ease;
    transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease;
    margin: 0 0 7px -12px;
}

.menu-icon__line-left {
    width: 30px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.menu-icon__line-right {
    width: 0;
    float: right;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    color: #fff;
    right: 30px;
    position: relative;
    font-size: 20px;
    font-weight: 700
}

.menu-icon:hover .menu-icon__line-left, .menu-icon:hover .menu-icon__line-right {
    width: 30px
}

span.menu_mm {
    color: #11ef93;
    right: 30px;
    position: relative;
    font-size: 20px;
    font-weight: 700
}

.nav-fix-st {
    position: fixed;
    z-index: 999;
    right: 0;
}

.nav:after, .nav:before {
    content: "";
    position: fixed;
    top: 100px;
    right: 0;
    width: 0;
    height: 0;
    background-color: rgba(20, 21, 26, .6);
    border-bottom-right-radius: 200%;
    z-index: -1;
    transition: border-radius linear .8s, width cubic-bezier(.77, 0, .175, 1) .6s, height cubic-bezier(.77, 0, .175, 1) .6s
}

.nav:after {
    background-color: #09090c;
    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/pat.svg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 300%;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    box-shadow: 6px 7px 28px 0 rgba(16, 16, 16, .3)
}

.nav:before {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.nav__content {
    position: relative;
    visibility: hidden;
    top: 100px;
    right: 0;
    width: 0;
    text-align: left;
    z-index: 9
}

.nav__list {
    padding: 0;
    margin: 0;
    z-index: 99
}

.nav__list-item {
    position: relative;
    display: block;
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
    opacity: 0;
    text-align: left;
    color: #fff;
    overflow: hidden;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    /* line-height: 1.2; */
    letter-spacing: 2px;
    -webkit-transform: translate(30px, 0);
    transform: translate(30px, 0);
    -webkit-transition: opacity .2s ease, -webkit-transform .3s ease;
    transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: opacity .2s ease, transform .2s ease;
    transition: opacity .2s ease, transform .2s ease, -webkit-transform .2s ease;
    margin-top: 0;
    margin-bottom: 0
}

.nav__list-item a {
    position: relative;
    text-decoration: none;
    color: rgba(255, 255, 255, .6);
    overflow: hidden;
    cursor: pointer;
    /* font-family: Poppins, sans-serif; */
    /* font-weight: 600; */
    z-index: 2;
    padding-left: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.nav__list-item a:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 5px;
    height: 0;
    opacity: 0;
    background-color: #12ff9d;
    z-index: 1;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.nav__list-item a:hover:after {
    height: 100%;
    opacity: 1;
    top: 0
}

.nav__list-item a:hover {
    color: #fff
}

.nav__list-item.active-nav a {
    color: #fff
}

.nav__list-item.active-nav a:after {
    height: 100%;
    opacity: 1;
    top: 0
}

body.nav-active .nav__content {
    visibility: visible;
    width: 260px
}

body.nav-active .menu-icon__line {
    background-color: #00;
    -webkit-transform: translate(0, 0) rotate(-45deg);
    transform: translate(-4px, 1px) rotate(-45deg);
    width: 30px
}

body.nav-active .menu-icon__line-left {
    width: 30px;
    -webkit-transform: translate(2px, 4px) rotate(45deg);
    transform: translate(2px, 4px) rotate(45deg);
    transform: translate(-4px, 10px) rotate(45deg)
}

body.nav-active .menu-icon__line-right {
    width: 15px;
    float: right;
    -webkit-transform: translate(-3px, -3.5px) rotate(45deg);
    transform: translate(-3px, -3.5px) rotate(45deg)
}

body.nav-active .menu-icon:hover .menu-icon__line-left, body.nav-active .menu-icon:hover .menu-icon__line-right {
    width: 30px
}

body.nav-active .nav:after, body.nav-active .nav:before {
    width: 280px;
    height: 100%;
    border-radius: 0;
    right: 0;
    top: 0
}

body.nav-active .nav:after {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

body.nav-active .nav:before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

body.nav-active .nav__list-item {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, color .3s ease;
    transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease
}

body.nav-active .nav__list-item:nth-child(0) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

body.nav-active .nav__list-item:nth-child(1) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

body.nav-active .nav__list-item:nth-child(2) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

body.nav-active .nav__list-item:nth-child(3) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

body.nav-active .nav__list-item:nth-child(4) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

body.nav-active .nav__list-item:nth-child(5) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

body.nav-active .nav__list-item:nth-child(6) {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

body.nav-active .nav__list-item:nth-child(7) {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

body.nav-active .nav__list-item:nth-child(8) {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

body.nav-active .nav__list-item:nth-child(9) {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

body.nav-active .nav__list-item:nth-child(10) {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s
}

body.nav-active .nav__list-item:nth-child(11) {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s
}

/*new-nav*/
ul.nav.navbar-nav.navbar-right li.dropdown.open {
    position: relative;
}

.inner-menu-st {
    position: absolute;
    top: 3px;
    right: 15px;
}

li.dropdown.dropdown-submenu {
    position: relative;
}

.inner-menu-st.active ~ ul.dropdown-menu.innr-menu-st {
    display: block;
}

.inner-menu-st ~ ul.dropdown-menu.innr-menu-st {
    left: 233px;
    width: 117%;
    padding-top: 10px;
}

.optimiz-deep-img-box img {
    width: 75%;
    margin: 0 0 0 100px;
}

.contact-banner-before-box {
    z-index: 0;
}

section.terms-bnr {
    padding: 150px 0px;
    background-color: #0d674e;
    display: flex;
    align-items: center;
    justify-content: center;
}

.terms-bnr h1 {
    text-align: center;
    font-size: 50px;
    font-weight: 600;
    color: #fff;
}

section.terms-bnr .btn-box {
    text-align: center;
    justify-content: center;
    margin: 40px 0 0 0;
}

section.terms-bnr .btn-box a.get-btn {
    background-color: #384650;
}

section.terms-txt-st {
    margin: 30px 0;
}





/*section.form-footer-sec */

section.form-footer-sec {
    padding: 50px 0;
    background-image: url(../images/footer-botom-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bnner-ul-box ul li {
    display: flex;
    align-items: center;
    column-gap: 15px;
    margin: 0 0 15px 0;
}

.bnner-ul-box ul li p {
    font-size: 16px;
    margin: 0;
}

.bnner-ul-box ul li i {
    font-size: 7px;
    color: #1eb3a3;
}

.bnner-ul-box ul {
    margin: 30px 0;
}

.inner-banner-form input {
margin: 0 0 10px 0;
background: none;
border: 1px solid #cccccc;
}

.form-un-box-flex {
display: flex;
align-items: center;
column-gap: 20px;
}

.text-ht h1 span {
color: #1eb3a3;
}

.inner-banner-form textarea {
background: none;
border: 1px solid #cccccc;
}

.inner-banner-form span {
font-size: 15px;
color: #000;
font-weight: 500;
padding: 0;
}

.inner-banner-form h6 {
font-weight: 900;
font-size: 36px;
padding: 0 0 30px 0;
background: -webkit-linear-gradient(0deg, rgb(241, 188, 30) 0%, rgb(240, 56, 0) 99%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.inner-banner-form p {color: #FFFFFF;font-size: 30px;line-height: 25px;font-weight: bold;margin: 15px 0 0 0;text-align: center;}

/*.inner-banner-form input {
margin: 0 0 10px 0;
background: none;
border: 1px solid #cccccc;
}
.inner-banner-form textarea {
background: none;
border: 1px solid #cccccc;
}*/
.fld-inp input {width: 100%;padding: 10px 20px 14px;border-style: solid;border-width: 1px;border-color: rgb(222, 222, 222);font-family: 'Poppins';border-radius: 5px;background-color: rgb(255, 255, 255);box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);height: 46px;}

.fld-inp textarea {width: 100%;height: 104px;resize: none;margin: 0 0 10px 0;padding: 10px 20px 10px 20px;border-style: solid;border-width: 1px;border-color: rgb(222, 222, 222);font-family: 'Poppins';border-radius: 5px;background-color: rgb(255, 255, 255);box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);}

.fld-inp i {
position: absolute;
top: 16px;
left: 22px;
color: #c6c6c6;
font-size: 13px;
}

.fld-inp {
position: relative;
}

.inner-banner-form button {padding: 12px 30px;border: 0;color: #fff;font-size: 18px;text-align: center;background: #fff;border-radius: 5px;font-family: 'Poppins';background-color: rgb(13, 103, 78);box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);width: 100%;border-radius: 60px;}

.inner-banner-form button:hover {background-color: #000;color: #fff;border-color: #000;}

.inner-banner-form h5 {font-size: 18px;font-weight: bold;color: #FFFFFF;margin: 0;text-align: center;}

.inner-banner-form h4 {
font-size: 25px;
font-weight: 600;
color: #0078ff;
margin: 7px 0;
text-align: center;
}

.inner-banner-form form {
margin: 25px 0px 0 0;
}
.form-flexx-box {
    display: flex;
}




section.form-footer-sec .ht-text-center h2 {
    margin: 0 0 20px 0;
    color: #000;
}

.ht-text-center p {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    margin: 0 0 10px 0;
    line-height: 23px;
    margin: 0 0 30px 0;
}


/*section.form-footer-sec */
/*section.footer-cntct-sec*/

section.footer-cntct-sec {
    padding: 30px 0;
    text-align: center;
}

.cntct-hom-box a {
    display: flex !important;
    align-items: center;
    column-gap: 20px;
    font-size: 22px;
    font-weight: bold;
    color: #181818;
    text-align: center;
    justify-content: center;
    margin: 0 0 10px 0;
}

.cntct-hom-box h5 {
    font-size: 16px;
    font-weight: 400;
    color: #3e3e3e;
    line-height: 22px;
}

section.footer-cntct-sec .row {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.footerlinks ul li {
    margin: 0 0 10px 0;
}



.fotr-ser-text h3 {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin: 20px 0 20px 0;
}

.fotr-ser-text h3 span {
    color: #2fb48f;
}
.fotr-ser-text a span {
    color: #2fb48f;
}

/*section.footer-cntct-sec*/

/*section.privacy-sec*/

section.privacy-sec {
    padding: 20px 0;
    background-color: #000;
}

.powerdby.trms-text {
    text-align: end;
}
/*section.privacy-sec*/


/*section.our-indus-sec*/


section.our-indus-sec {
    padding: 50px 0;
}

section.our-indus-sec ul.nav.nav-our {
  display: block;
  border: 0;
  padding: 20px 20px;
  background-color: rgb(255, 255, 255);
  height: auto;
  border-radius: 5px;
}
section.our-indus-sec ul.nav.nav-our li.nav-item.active {
  /* background: linear-gradient(to right, #b630ad 0%, #5b1857 100%); */
  border: 0;
}

section.our-indus-sec ul.nav.nav-our li.nav-item a {
  font-size: 17px;
  font-weight: 500;
  color: #666666 !important;
  margin: 0 0px 0 0;
  border-bottom: 0;
  padding: 3px 0px 20px 0;
  margin: 0 0 0 0;
  display: flex;
  align-items: center;
}
section.our-indus-sec ul.nav.nav-our li.nav-item a.active {
    color: #0d674e !important;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}



.our-flex-text {
    display: flex;
    align-items: center;
    column-gap: 20px;
    margin: 0 0 20px 0;
}

.our-icon-box img {
    width: 50px;
}

.our-icon-box {
    height: 70px;
    width: 70px;
    background-color: #0d674e;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

.our-min-text h3 {
    font-size: 40px;
    font-weight: bold;
    color: #282828;
    margin: 0 0 0 0;
}

.our-nu-box {
    position: absolute;
    right: 0;
    top: 0;
}

.our-nu-box h4 {
    font-size: 35px;
    font-weight: bold;
    color: #0d674e;
}

.our-text-main p {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 24px;
    margin: 0 0 30px 0;
}

.our-ul-box ul {
    display: flex;
    align-items: center;
    column-gap: 20px;
    margin: 0 0 30px 0;
}

section.our-indus-sec .ht-text-center h2 {
    color: #282828;
}
.row.ou-row-box {
    padding: 30px 15px;
    border-radius: 5px;
    background-color: rgb(238, 238, 238);
}

.our-ul-box ul li {
    width: 33%;
}

.our-ind-text h4 {
    font-size: 35px;
    font-weight: bold;
    color: #000000;
    border-bottom: solid 5px #0d674e;
    padding: 0 0 15px 0;
    margin: 25px 0 15px 0;
}



section.our-indus-sec ul.nav.nav-our {
    padding: 20px 20px 20px 20px;
    height: 395px;
    position: relative;
    overflow-y: scroll;
    list-style: none;
    margin: 0;
}
/*Main Css */
/* width */
section.our-indus-sec ::-webkit-scrollbar {
  width: 7px;
  border-radius: 100px !important;
}
/* Track */
section.our-indus-sec ::-webkit-scrollbar-track {
  background: #000;
  border-radius: 100px;
}
/* Handle */
section.our-indus-sec ::-webkit-scrollbar-thumb {
  background: #0d674e;
  border-radius: 8px;
}
/* Handle on hover */
section.our-indus-sec ::-webkit-scrollbar-thumb:hover {
  background: #0078ff;
}
/*Main Css */




.our-ind-text ul li {
    display: flex;
    align-items: center;
}


section.our-indus-sec ul.nav.nav-our li.nav-item {
    display: flex;
    align-items: center;
}

/*section.our-indus-sec ul.nav.nav-our li.nav-item a.our-arrow {
    display: none;
}

section.our-indus-sec ul.nav.nav-our li.nav-item a.active .our-arrow {
    display: block !important;
}*/
.our-arrow i {
    margin: 0 0 0 80px;
}



section.our-indus-sec ul.nav.nav-our li.nav-item i {
    margin: 0 10px 0 0;
    color: #0d674e;
}
section.our-indus-sec .our-arrow {
    position: absolute;
    right: 35px;
    display: none;
}

section.our-indus-sec ul.nav.nav-our li.nav-item a.active .our-arrow {
    display: block;
    right: 0;
}
/*section.our-indus-sec*/

/*section.portfolio-section*/

section.portfolio-section {
    padding: 50px 0;
    background-image: url(../images/portfolio-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
section.portfolio-section::before {
    position: absolute;
    content: "";
    background-image: url(../images/pros-after.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 218px;
    width: 218px;
    left: 0;
    bottom: -50px;
}
section.portfolio-section .ht-text-center h2 {
    color: #fff;
}

section.portfolio-section .ht-text-center p {
    color: #fff;
}

section.portfolio-section ul.nav.nav-our {
  /* display: block; */
  border: 0;
  /* padding: 20px 20px; */
  /* display: flex; */
  /* align-items: center; */
  margin: 0 auto 30px;
  column-gap: 30px;
}
section.portfolio-section ul.nav.nav-our li.nav-item.active {
  /* background: linear-gradient(to right, #b630ad 0%, #5b1857 100%); */
  border: 0;
}

section.portfolio-section ul.nav.nav-our li.nav-item a {
  font-size: 17px;
  font-weight: 500;
  color: #fff !important;
  margin: 0 0px 0 0;
  border-bottom: 0;
  /* padding: 3px 0px 20px 0; */
  margin: 0 0 0 0;
  text-align: center;
}
section.portfolio-section ul.nav.nav-our li.nav-item a.active {
    color: #00ffb8 !important;
    /* font-size: 17px; */
    /* font-weight: 500; */
    margin: 0;
    padding: 0;
}
section.portfolio-section ul.nav.nav-our li.nav-item {
    /* display: flex; */
    /* align-items: center; */
}

section.portfolio-section .port-arrow {
    display: none;
    margin: 20px 0 0 0;
    font-size: 25px;
}

section.portfolio-section ul.nav.nav-our li.nav-item a.active .port-arrow {
    display: block;
}
section.portfolio-section a.nav-link {
    padding: 0;
}

/*.box18*/
.box18 {
  overflow: hidden;
}
.box18 {
  text-align: center;
  position: relative;
}
.box18:after,
.box18:before {
  content: "";
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.35);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.box18:hover:after,
.box18:hover:before {
  -webkit-transform: scale(400);
  -moz-transform: scale(400);
  -ms-transform: scale(400);
  -o-transform: scale(400);
  transform: scale(400);
}
.box18:before {
  -o-transition: all 0.5s linear 0.3s;
  -moz-transition: all 0.5s linear 0.3s;
  -ms-transition: all 0.5s linear 0.3s;
  -webkit-transition: all 0.5s linear 0.3s;
  transition: all 0.5s linear 0.3s;
}
.box18:hover:before {
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  -ms-transition-delay: 0s;
  transition-delay: 0s;
}
.box18:after {
  -o-transition: all 0.5s linear 0.6s;
  -moz-transition: all 0.5s linear 0.6s;
  -ms-transition: all 0.5s linear 0.6s;
  -webkit-transition: all 0.5s linear 0.6s;
  transition: all 0.5s linear 0.6s;
}
.box18:hover:after {
  -moz-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.box18 img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}
.box18 .box-content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: 0 0;
  color: #fff;
  padding-top: 25px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box18:hover .box-content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -moz-transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  -ms-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.box18 .title {
  font-size: 21px;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
  padding-bottom: 20px;
  margin-top: 20px;
}
.box18 .description {
  font-size: 14px;
  font-style: italic;
  padding: 0 10px;
  margin: 15px 0;
}
.box18 .read-more {
  display: block;
  width: 120px;
  background: #178993;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  text-transform: capitalize;
  padding: 10px 0;
  margin: 0 auto;
}
@media only screen and (max-width: 990px) {
  .box18 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .box18 .box-content {
    padding-top: 0;
  }
}
@media only screen and (max-width: 359px) {
  .box18 .title {
    padding-bottom: 10px;
  }
}
.box18:hover .box-content i {
  font-size: 40px;
  color: #fff;
}
.port-box {
  margin-top: 30px;
}
/*.box18*/
.port-top-box {
    margin: 0 0 0 0;
}

/*section.portfolio-section*/

section.header-top h4 {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin: 0;
}

section.header-top .row {
    display: flex;
    align-items: center;
}


section.footersection .header-social-box {
    margin: 0 0 20px 0;
}

.footer-ul-box h3 {
    COLOR: #2fb48f;
    font-weight: bold;
}
.footerlinks ul li i {
    font-size: 16px;
    color: #2fb48f;
    margin: 0 6px 0 0;
}



/*section.ser-page*/


/*section.ser-actor-bnr-sec*/

section.ser-actor-bnr-sec {
    padding: 100px 0;
    background-image: url(../images/service-bnners/ser-bg-actore.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    height: 550px;
}



.ser-pg-text .ht-text-center h2 {
    font-size: 50px;
    font-weight: bold;
    color: #00ffb8;
    line-height: 50px;
    text-transform: uppercase;
}

.ser-pg-text .ht-text-center p {
    color: #fff;
}

.ser-bnr-text {
    position: absolute;
    /* top: 0; */
    left: 0;
    right: 0;
    bottom: 20px;
    margin: auto;
    display: table;
}

.ser-bnr-text h1 {
    font-size: 150px;
    font-weight: bold;
    -webkit-text-stroke: 1px #ffffff45;
    color: #fff0;
    text-transform: uppercase;
}

section.ser-actor-bnr-sec .btn-box {
    justify-content: center;
}


/*section.ser-actor-bnr-sec*/



/*section.global-sec*/
section.global-sec {
    padding: 50px 0;
    position: relative;
}
.glob2-sec {
    padding: 50px 0;
    position: relative;
    background-image: url(../images/globle-sec-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

section.global-sec .row {
    display: flex;
    align-items: center;
}
.global-sec::before {
    position: absolute;
    content: "";
    background-image: url(../images/globle-before.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 388px;
    width: 266px;
    left: 80px;
    bottom: 0;
    top: 0;
    margin: auto;
}

section.global-sec .btn-box a.chat-btn.chats {
    background-color: #000;
    color: #fff;
}
.global-img-box img {
    width: 100%;
}
.ht-text-center h5 {
    font-size: 35px;
    font-weight: 400;
    color: #181818;
    margin: 0 0 15px 0;
    line-height: 45px;
}

.globl-ul-box ul li {
    margin: 0 0 10px 0;
    display: flex;
    column-gap: 10px;
    align-items: center;
    font-size: 17px;
    color: #000;
    font-weight: 500;
}

.globl-ul-box ul li i {font-size: 17px;color: #0d674e;}




/*section.global-sec*/



/*section.gain-section*/ 

section.gain-section {
    padding: 100px 0;
    background-image: url(../images/gain-bg.png);
    background-repeat: repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.gain-section::before {
    position: absolute;
    content: "";
    background-image: url(../images/pros-after.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 218px;
    width: 218px;
    right: 0;
    bottom: -50px;
}

.ht-text-center h4 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 20px 0;
}

section.gain-section .ht-text-center h2 {
    color: #181818;
}

.gain-main {
    padding: 35px 20px;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    text-align: center;
}

.gain-nu-box {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 10px;
}

.gain-nu-box h2 {
    font-size: 30px;
    font-weight: bold;
    color: #000;
}

.gain-main h4 {
    font-size: 19px;
    font-weight: bold;
    color: #181818;
    margin: 20px 0 10px 0;
    line-height: 30px;
    /* min-height: 61px; */
}

.gain-main p {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 21px;
    margin: 0;
    min-height: 225px;
}

.gain-main:hover {
    background-color: #000;
}

.gain-main:hover h4 {
    color: #fff;
}

.gain-main:hover p {
    color: #fff;
}

.gain-main:hover .gain-nu-box {
    color: #fff;
}

.gain-main:hover .gain-nu-box h2 {
    color: #fff;
}
.gain-main:hover .gain-img-box {
    background-color: #fff;
}

.gain-main:hover .gain-img-box img {
    filter: brightness(0);
}
section.gain-section .ht-text-center h2 span {
    color: #0d674e;
}
.gain-img-box {
    height: 65px;
    width: 65px;
    background-color: #0d674e;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    text-align: center;
    margin: auto;
}

.gain-img-box img {
    width: 45px;
}
section.gain-section .btn-box {
    justify-content: center;
    margin: 30px auto 0;
}
section.gain-section .btn-box a.chat-btn.chats {
    background-color: #000;
    color: #fff;
}

.glob2-before.glob2-sec {
    position: relative;
}

.glob2-before::before {
    position: absolute;
    content: "";
    background-image: url(../images/globle-before2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 402px;
    width: 254px;
    right: -150px;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: -1;
    opacity: 0.2;
}

section.global-sec.glob2-sec::before{
display: none;
}

/*section.gain-section*/



/*section.ser-cta-sec*/

section.ser-cta-sec {
    padding: 50px 0;
    background-image: url(../images/ser-cta-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

section.ser-cta-sec .ht-text h2 {
    color: #fff;
}

section.ser-cta-sec .ht-text h2 span {
    color: #29ddab;
}

section.ser-cta-sec .ht-text p {
    color: #fff;
}

section.ser-cta-sec .btn-box a.get-btn {
    background-color: #fff;
    color: #000;
}


.ser-cta-main ul {
    display: flex;
    flex-wrap: wrap;
}

.ser-cta-main ul li {
    width: 48%;
    margin: 0 0 15px 10px;
}

.ser-cta-custom {
    padding: 20px 10px;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
}

.ser-cta-nu h4 {font-size: 16px;font-weight: 600;color: #a0a0a0;text-align: end;}

.ser-cta-custom h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 8px 0 8px 0;
    color: #000000;
}

.ser-cta-nu p {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    margin: 0;
}

.ser-cta-custom:hover {
    background-color: #29ddab;
}

.ser-cta-custom:hover h4 {
    color: #fff;
}
/*section.ser-cta-sec*/



.wriying-ser-sec .ht-text-center h2 {
    margin: 0 0 30px 0;
}

.wriying-ser-sec .btn-box {
    margin: 20px 0 0 0;
}


/*section.cta-2-sec*/
section.cta-ser-sec {
    padding: 50px 0;
    background-image: url(../images/ser-cta.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    position: relative;
}

section.cta-ser-sec .btn-box {
    justify-content: center;
}

section.cta-ser-sec::after {
    position: absolute;
    content: "";
    background-image: url(../images/cta-after.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 109px;
    width: 118px;
    right: 220px;
    bottom: -45px;
}
.cta-text p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin: 0 0 20px 0;
    line-height: 25px;
}
.glob2-sec .btn-box {
    margin: 20px 0 0 0;
}
/*section.cta-2-sec*/



/*section.ser-actor-section*/

section.ser-actor-section{
    padding: 50px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
section.ser-actor-section .ht-text-center h2 {
    color: #000;
}

section.ser-actor-section .ht-text-center p {
    color: #000;
}

section.ser-actor-section ul.nav.nav-our {
  border: 0;
  /* padding: 20px 20px; */
  margin: 0 auto 30px;
  column-gap: 30px;
  justify-content: center;
}
section.ser-actor-section ul.nav.nav-our li.nav-item.active {
  /* background: linear-gradient(to right, #b630ad 0%, #5b1857 100%); */
  border: 0;
}

section.ser-actor-section ul.nav.nav-our li.nav-item a {
  font-size: 17px;
  font-weight: 500;
  color: #000 !important;
  margin: 0 0px 0 0;
  border-bottom: 0;
  /* padding: 3px 0px 20px 0; */
  margin: 0 0 0 0;
  text-align: center;
}
section.ser-actor-section ul.nav.nav-our li.nav-item a.active {
    color: #0d674e !important;
    /* font-size: 17px; */
    /* font-weight: 500; */
    margin: 0;
    padding: 0;
    border-bottom: solid 2px;
    padding: 0px 0 10px 0;
}
section.ser-actor-section ul.nav.nav-our li.nav-item {
    /* display: flex; */
    /* align-items: center; */
}

section.ser-actor-section .port-arrow {
    display: none;
    margin: 20px 0 0 0;
    font-size: 25px;
}

section.ser-actor-section ul.nav.nav-our li.nav-item a.active .port-arrow {
    display: block;
}
section.ser-actor-section a.nav-link {
    padding: 0;
}

/*.ser-actr-img-box img {
    width: 100%;
}*/
section.ser-actor-section .row {
    display: block;
}
.ser-actr-text h2 {
    font-size: 40px;
    font-weight: 600;
    color: #181818;
    margin: 0 0 15px 0;
}

.ser-actr-text p {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin: 0 0 20px 0;
    line-height: 23px;
}

.actor-main-box {
    display: flex;
    align-items: center;
}

.ser-actr-img-box img {
    width: 100%;
}


.ser-actor-section .slick-dots {
    position: absolute !important;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    transform: rotate(270deg);
    right: 435px;
    top: 0;
    bottom: 0;
}

.ser-actor-section .slick-dots li button {
    position: relative;
    right: 0;
    display: none;
    background-color: #e5e5e5;
    border-radius: 50px;
    width: 10px;
    height: 10px
}

.ser-actor-section ul.slick-dots li {
    background: #14161647;
    border-radius: 60%;
    width: 14px;
    height: 14px
}

.ser-actor-section ul.slick-dots li.slick-active {
    background: #0d674e;
}
/*.ser-actr-img-box {
    position: relative;
}*/

/*.ser-actr-img-box:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: solid 2px #3f8773;
    height: 100px;
    width: 100px;
}*/

/*section.ser-actor-section .btn-box a.get-btn {
    color: #000;
}*/

/*section.portfolio-section*/



/*section.ser-page*/


/*section.ser-eadting-page*/


/*section.ser-athhlete-bnr-sec*/

section.ser-athhlete-bnr-sec {
    /*padding: 100px 0;*/
    background-image: url(../images/service-bnners/ser-bg-athletes.png);
    /*background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    height: 550px;*/
}

section.global-sec .btn-box {
    margin: 30px 0 0 0;
}

.cta-athlete-sec {
    padding: 50px 0;
    background-image: url(../images/athlete-bg.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    position: relative;
}


/*section.ser-creation-bnr-sec*/

/*section.ser-creation-page*/



/*section.ser-creation-bnr-sec*/

section.ser-creation-bnr-sec {
    padding: 100px 0;
    background-image: url(../images/service-bnners/ser-bg-creation.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    height: 550px;
}

section.ser-creation-bnr-sec .btn-box {
    justify-content: center;
}

section.crtion-gethrng-sec {
    padding: 50px 0;
    position: relative;
}
section.crtion-gethrng-sec:before {
    content: "";
    position: absolute;
    top: 0;
    /* bottom: 0; */
    left: 0;
    right: 0;
    background-image: url(../images/gathrn-before.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 544px;  
    width: 745px;
}

section.crtion-gethrng-sec .row {
    display: flex;
    align-items: center;
}


section.crtion-gethrng-sec .ht-text {
    padding: 0 0 0 30px;
}

section.crtion-gethrng-sec .btn-box {
    padding: 0 0 0 30px;
}

section.crtion-busines-sec {
    padding: 50px 0;
    background-image: url(../images/busnis-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

section.crtion-busines-sec::before {
    position: absolute;
    content: "";
    background-image: url(../images/pros-after.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 218px;
    width: 218px;
    right: 0;
    bottom: -50px;
}

section.crtion-busines-sec::after {
    position: absolute;
    content: "";
    background-image: url(../images/eadting-busnis-before.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 388px;
    width: 266px;
    left: 80px;
    bottom: 0;
    top: 0;
    margin: auto;
}

section.crtion-busines-sec .row {
    display: flex;
    align-items: center;
}

section.crtion-cpmlince-sec {
    padding: 50px 0;
}

section.crtion-cpmlince-sec .row {
    display: flex;
    align-items: center;
}


.cta-crtion-sec {
    padding: 50px 0;
    background-image: url(../images/cration-cta-bg.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    position: relative;
}


/*section.ser-creation-bnr-sec*/

/*section.ser-creation-page*/




/*section.ser-eadting-bnr-sec*/

section.ser-eadting-bnr-sec {
    padding: 100px 0;
    background-image: url(../images/service-bnners/ser-bg-eadting.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    height: 550px;
}


.cta-athlete-sec {
    padding: 50px 0;
    background-image: url(../images/athlete-bg.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    position: relative;
}


/*section.ser-eadting-bnr-sec*/

/*section.ser-eadting-page*/




/*section.ser-tranlation-bnr-sec*/

section.ser-tranlation-bnr-sec {
    padding: 100px 0;
    background-image: url(../images/service-bnners/ser-bg-tran.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    height: 550px;
}


.cta-athlete-sec {
    padding: 50px 0;
    background-image: url(../images/athlete-bg.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    position: relative;
}


/*section.ser-eadting-bnr-sec*/

/*section.ser-eadting-page*/


/*section.contact-us-page*/
/*section.contact-us-bnr-sec*/

section.contact-us-bnr-sec {
    padding: 100px 0;
    background-image: url(../images/service-bnners/contct-bg-tran.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    height: 550px;
}
section.contact-us-bnr-sec.ser-pg-text .btn-box {
    justify-content: center;
}
section.form-contact-sec {
    padding: 50px 0;
}
section.form-contact-sec .ht-text-center h2 {
    color: #000;
}

section.contact-mail-sec {
    padding:50px 0;
    background-color: #0d674e;
    text-align: center;
    position: relative;
}
section.contact-mail-sec::before {
    position: absolute;
    content: "";
    background-image: url(../images/cta-before.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 318px;
    width: 355px;
    left: 0;
    bottom: 0;
    margin: auto;
    display: table;
    top: 0;
    background-size: 50%;
}

section.contact-mail-sec .cntct-hom-box a {
    color: #fff;
}

section.contact-mail-sec .cntct-hom-box h5 {
    color: #fff;
    text-align: center;
}

section.contact-mail-sec .cntct-hom-box img {
    filter: brightness(100);
}

/*section.contact-us-bnr-sec*/

/*section.contact-us-page*/





/*.navigation new*/


.navigation {
  /* height: 70px; */
  background: #fff;
  padding: 10px 100px;
  overflow: visible !important;
}

.brand {
  position: absolute;
  /* padding-left: 20px; */
  /* float: left; */
  /* line-height: 70px; */
  /* text-transform: uppercase; */
  /* font-size: 1.4em; */
}
.brand a,
.brand a:visited {
  color: #000;
  text-decoration: none;
}

.nav-container {
  /* max-width: 1202px; */
  /* margin: 0 auto; */
}

nav {
  float: right;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav ul li {
  float: left;
  position: relative;
}
nav ul li a,
nav ul li a:visited {
  display: block;
  padding: 10px 20px;
  /* line-height: 40px; */
  background: #fff;
  color: #000;
  text-decoration: none;
  font-size: 16px;
}
nav ul li a:hover,
nav ul li a:visited:hover {
  background: #0d674e;
  color: #ffffff;
  border-radius: 5px;
}
nav ul li a:not(:only-child):after,
nav ul li a:visited:not(:only-child):after {
  padding-left: 4px;
 content: "\f0dd";
     font: normal normal normal 14px/1 FontAwesome;
}
nav ul li ul li {
  min-width: 260px;
  margin: -1px 0px 0 -55px;
}
nav ul li ul li a {
  padding: 15px;
  line-height: 20px;
}

.nav-dropdown {
  position: absolute;
  display: none;
  z-index: 1;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  margin: 13px 0 0 0;
}

/* Mobile navigation */
.nav-mobile {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background: #262626;
  height: 70px;
  width: 70px;
}

@media only screen and (max-width: 798px) {
  .nav-mobile {
    display: none;
  }

  nav {
    width: 100%;
    padding: 20px 20px;
  }
  nav ul {
    display: none;
  }
  nav ul li {
    float: none;
  }
  nav ul li a {
    padding: 15px;
    line-height: 20px;
  }
  nav ul li ul li a {
    padding-left: 30px;
  }

  .nav-dropdown {
    position: static;
  }
}
@media screen and (min-width: 799px) {
  .nav-list {
    display: block !important;
  }
}
#nav-toggle {
  position: absolute;
  left: 18px;
  top: 22px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: #ffffff;
  position: absolute;
  display: block;
  content: "";
  transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
  top: -10px;
}
#nav-toggle span:after {
  bottom: -10px;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}

.brand img {
    width: 180px;
}

a.nav-hdr-btn.popup-btn {padding: 14px 20px;font-size: 16px;font-weight: 400;color: #fff;margin: 0;border-radius: 5px;background-color: #000;margin: -6px 0 0 20px;}


/*.navigation new*/



/*.about-us-sec-page*/



.about-us-sec{
    background-image: url(../images/service-bnners/about-us-bg.png) !important;
}



section.about-unique-sec {
    padding: 50px 0;
    background-color: #f1f1f1;
    position: relative;
    overflow: visible;
}

section.about-unique-sec .row {
    display: flex;
    align-items: center;
}
.unique-u-box ul li {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin: 0 0 10px 0;
    display: flex;
    align-items: center;
    column-gap: 6px;
}

.unique-u-box ul li i {
    color: #30bc95;
}

.unique-u-box ul {
    margin: 10px 0 20px 0;
}

section.about-unique-sec .ht-text p {
    margin: 10px 0 15px 0;
}

section.about-unique-sec::before {
    display: none;
    position: absolute;
    content: "";
    background-image: url(../images/pros-after.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 218px;
    width: 218px;
    right: 0;
    bottom: -50px;
}

section.about-unique-sec::after {
    position: absolute;
    content: "";
    background-image: url(../images/eadting-busnis-before.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 388px;
    width: 266px;
    left: 80px;
    bottom: 0;
    top: 0;
    margin: auto;
}



section.about-why-chose-sec {padding: 50px 0;position: relative;}

.chosse-img-row {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: table;
}

section.about-why-chose-sec .ht-text {
    text-align: center;
}

section.about-why-chose-sec .ht-text h2 {
    color: #0d674e;
}

.about-choose-ul-box ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 10px;
}

.about-choose-ul-box ul li {
    width: 48%;
    margin: 0 0 10px 0;
}



.chose-abut-box {
    border-radius: 5px;
    background-color: transparent;
    padding: 20px 20px;
}

.chose-abut-box.chos-color-boxx {
    background-color: rgb(239, 239, 239) !important;
}
.cho-nu {
    text-align: end;
}

.cho-nu h2 {
    font-size: 18px;
    font-weight: bold;
    color: #0d674e;
    margin: 0 0 5px 0;
}

.choose-abt-text h4 {
    font-size: 20px;
    font-weight: bold;
    color: #101010;
    margin: 0 0 10px 0;
}

.choose-abt-text p {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    margin: 0 0 0 0;
    line-height: 22px;
}
.chose-abut-box:hover {
    background-color: #125e4f !important;
}

.chose-abut-box:hover h2 {
    color: #fff;
}

.chose-abut-box:hover h4 {
    color: #fff;
}

.chose-abut-box:hover p {
    color: #fff;
}

section.busn-abut-sec {
    padding: 50px 0;
    background-image: url(../images/about-busnis-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.busne-slider-box {
    padding: 40px 30px;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    margin: 0 5px 0 5px;
}

.busne-slider-box .choose-abt-text h4 {
    font-size: 22px;
}

.busne-slider-box .cho-nu h2 {
    font-size: 45px;
    margin: 0 0 15px 0;
}
.busne-slider .slick-list.draggable {
    width: 180%;
}
.busne-slider-box .choose-abt-text p {
    min-height: 150px;
}

.busn-abut-sec .slick-current.slick-active .busne-slider-box {
    /* transform: scale(1.1); */
    background-color: #0d674e;
}
.busn-abut-sec .slick-current.slick-active .busne-slider-box p {color: #fff;}
.busn-abut-sec .slick-current.slick-active .busne-slider-box h4 {color: #fff;}
.busn-abut-sec .slick-current.slick-active .busne-slider-box h2 {color: #fff;}
.busn-abut-sec .slick-next.slick-arrow {
    background-color: #000;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin: auto;
    right: -495px;
    left: 0;
    bottom: -80px;
    top: auto;
}
.busn-abut-sec .slick-prev.slick-arrow {
    background-color: #0d674e;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    bottom: -80px;
    top: auto;
    left: 382px;
    right: 0;
    margin: auto;
    z-index: 1;
    }

    .busn-abut-sec .slick-prev.slick-arrow:hover {
    background-color: black;
}

.busn-abut-sec .slick-next.slick-arrow:hover {
    background-color: #0d674e;
}

/*.about-us-sec-page*/









.btn-box a.nu-btn {
    display: flex;
    align-items: center;
    font-weight: 500;
    color: #fff;
    margin: 0;
    column-gap: 5px;
    font-size: 16px;
}

.btn-box {
    display: flex;
    align-items: center;
    column-gap: 10px;
}


  .btn-box a.get-btn {
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    border-radius: 5px;
    background-color: #0d674e;
    border: none;
  z-index: 1;
  overflow:hidden;
position:relative;
}

.btn-box a.get-btn:after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: -10px;
  z-index: -1;
  background-color: #ffff;
  border-radius: 5px;
  transition: all 0.5s ease;
}
.btn-box a.get-btn:hover {
  color: #000;
}
.btn-box a.get-btn:hover:after {
  left: 0;
  width: 100%;
}
.btn-box a.get-btn:active {
  top: 2px;
}





/* 12 */
.btn-12{
  position: relative;
  right: 20px;
  bottom: 20px;
  border:none;
  box-shadow: none;
  width: 130px;
  height: 40px;
  line-height: 42px;
  -webkit-perspective: 230px;
  perspective: 230px;
}
.btn-12 span {
  background: rgb(0,172,238);
background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%);
  display: block;
  position: absolute;
  width: 130px;
  height: 40px;
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  border-radius: 5px;
  margin:0;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.btn-12 span:nth-child(1) {
  box-shadow:
   -7px -7px 20px 0px #fff9,
   -4px -4px 5px 0px #fff9,
   7px 7px 20px 0px #0002,
   4px 4px 5px 0px #0001;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 50% -20px;
  -moz-transform-origin: 50% 50% -20px;
  transform-origin: 50% 50% -20px;
}
.btn-12 span:nth-child(2) {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-origin: 50% 50% -20px;
  -moz-transform-origin: 50% 50% -20px;
  transform-origin: 50% 50% -20px;
}
.btn-12:hover span:nth-child(1) {
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.btn-12:hover span:nth-child(2) {
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
 color: transparent;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}

.btn-box a.chat-btn.chats {
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin: 0;
    border-radius: 5px;
    background-color: #fff;
    border: none;
  z-index: 1;
  overflow:hidden;
  position:relative;
}

.btn-box a.chat-btn.chats:after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: -10px;
  z-index: -1;
  background-color: #0d674e;
  /*border:1px solid #b630ad;*/
  transition: all 0.5s ease;
}
.btn-box a.chat-btn.chats:hover {
  color: #fff;
}
.btn-box a.chat-btn.chats:hover:after {
  left: 0;
  width: 100%;
}
.btn-box a.chat-btn.chats:active {
  top: 2px;
}

.about-crition-se .btn-box a.get-btn:after {
    background-color: #000;
}

.about-crition-se .btn-box a.get-btn:hover {
    color: #fff !important;
}


ul.nav-dropdown.ser-nav li a {
    font-size: 15px;
    border-radius: inherit !important;
    padding: 10px 20px;
}

.nav-dropdown.ser-nav:hover, .nav-dropdown.ser-nav:visited:hover {
    background: #0d674e;
    color: #ffffff;
}



.nav:after,
.nav:before {
    content: "";
    position: fixed;
    top: 100px;
    right: 0;
    width: 0;
    height: 0;
    background-color: #000 border-bottom-right-radius:200%;
    z-index: -1;
    transition: border-radius .8s linear, width .6s cubic-bezier(.77, 0, .175, 1), height .6s cubic-bezier(.77, 0, .175, 1)
}

.head_top .navbar.navbar-defult .drop-down-main-col ul li a:hover img,
.testimonial_slide_btn a.wht_btn:after {
    filter: invert(1)
}

.next-prev-btn {
    text-align: center;
    margin: 20px 0 5px
}

.next-prev-btn a {
    padding: 10px 20px;
    text-transform: uppercase;
    background-color: transparent;
    background-image: linear-gradient(90deg, #6d52ff -20%, #43d1ff 115%);
    color: #fff;
    margin: 0 10px
}

.next-prev-btn a:hover {
    background: linear-gradient(90deg, #121212 -20%, #7148ff 115%)
}

h3.trum-ht-box {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin: 0 0 10px 0;
}
.trm-txt p {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 25px;
    margin: 0 0 15px 0;
}

section.how-banner-sec {
    background-image: url(../images/service-bnners/ser-bg-actore.png) !important;
}
section.chose-banner-sec {
    background-image: url(../images/service-bnners/ser-bg-actore.png) !important;
}
section.reviews-main-sec {
    background-image: url(../images/service-bnners/rewie-bg.png) !important;
}
.how-ser-img-box img {
    width: 100%;
}
section.how-ser-sec {
    padding: 80px 0 10px;
}
section.how-ser-sec .row {
    display: flex;
    align-items: center;
    margin: 0 0 50px 0;
}
section.work-cta-sec::before {
    display: none !important;
}
.row.writing-how-work-box {
    justify-content: center;
}
section.process-section.proc-work-cta-sec .ht-text-center p {
    color: #fff;
}
section.how-ser-sec.how-ser-2-sec {
    padding: 20px 0 50px;
}
section.how-ser-sec.how-ser-2-sec .ht-text p {
    margin: 9px 0 10px 0;
}

.how-ser-ul-box ul li {
    display: flex;
    align-items: center;
    margin: 0 0 10px 0;
    font-size: 16px;
    color: #666666;
    column-gap: 10px;
}

.how-ser-ul-box ul li i {
    font-size: 8px;
}

.work-cta-sec {
    align-items: center;
    height: auto !important;
}
.img-text-box {
    display: flex;
    align-items: center;
    column-gap: 30px;
    margin: 0 0 20px 0;
}

.img-text-box img {
    border-radius: 100px;
}

.img-text-box h3 {
    font-size: 25px;
    font-weight: bold;
    color: #000;
    margin: 0 0 0 0;
}

.revi-client-main p {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 25px;
    min-height: 150px;
}

.revi-client-main {
    padding: 20px 20px;
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 10px 30px 0 rgb(0 0 0/4%);
    margin: 0 0 31px 0;
}

section.review-client-sec {
    padding: 70px 0;
}

.riv-sluder-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.revi-client-main:hover .img-text-box h3 {
    color: #fff;
}
.revi-client-main:hover p{
     color: #fff;
}
.revi-client-main:hover {
    background-color: #0d674e;
}
section.testi-section .ht-text p {
    width: 70%;
}
.ht-text.test-pdi-box {
    margin: 0px 0 0 190px;
}


/* snow animation */
.snow-bg {
    position: relative;
    overflow-x: hidden;
}


.snow-bg:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    background-image: 
    url('../images/snow-1.png'),
    url('../images/snow-2.png'),
    url('../images/snow-3.png');
    animation: snow 10s linear infinite;
 }
 
 @keyframes snow {
      0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
      50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
      100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
 }