@import url('https://fonts.googleapis.com/css2?family=Barlow: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');
body,
p {
    color: #444;
    font-size: 17px;
    font-family: "Barlow", sans-serif;
}
.btn,
.btn-live,
.form-control,
a {
    transition: 0.3s ease-in-out;
}
.btn,
.btn-live,
.page-header {
    position: relative;
}
.page-header:before,
body,
html {
    width: 100%;
    height: 100%;
}
#feature-block,
#features-column {
    display: flex;
    display: flex;
}
#testimonial4 .carousel-inner .item,
.btn-style-one,
.slider,
.typewriter,
ul.container {
    overflow: hidden;
}
html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(238, 122, 122, 0);
}
body {
    font-family: "Barlow", sans-serif;
    line-height: 30px;
    margin: 0;
    text-align: left;
    background-color: #fff;
    font-weight: 400;
    overflow-x: hidden;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
a,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Barlow", sans-serif;
    font-weight: 700;
}
p {
    font-family: "Barlow", sans-serif;
    line-height: 28px;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.3;
    margin-bottom: 0;
    color: #333;
}
.h1,
h1 {
    font-size: 41px;
}
.h2,
h2 {
    font-size: 32px;
}
.h3,
h3 {
    font-size: 28px;
}
.faq h3,
.h4,
h4 {
    font-size: 20px;
}
.h5,
.header-right-info a i,
.image-1 b {
    font-size: 20px;
    color: black;
    font-weight: bold;
    line-height: 1.8;
}
.btn,
.btn-live,
.h6,
h6 {
    font-size: 16px;
}
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #333;
}
a,
a:hover {
    color: #000;
    text-decoration: none;
    outline: 0;
}
.h1 a:hover,
.h2 a:hover,
.h3 a:hover,
.h4 a:hover,
.h5 a:hover,
.h6 a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #ff4343;
}
.btn {
    font-weight: 600;
    padding: 9px 30px;
    border-radius: 5px;
    font-family: "Barlow", sans-serif;
    border: 1px solid transparent;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.btn:focus {
    box-shadow: none !important;
}
.btn-main {
    background: #000;
    color: #fff;
}
.btn-getstarted {
    background: linear-gradient(90deg, #e7821c, #f8ba18) !important;
    color: #fff;
    border-color: orange;
}
.btn-getstarted:hover,
.btn-main-2:hover {
    background: #000;
    color: #fff;
    border-color: #000;
}
.btn-consultant {
    font-weight: 600;
    padding: 7px 20px;
    background: black;
    color: white;
    border-radius: 50px;
    font-family: "Barlow", sans-serif;
    border: 1px solid #00C9D3;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.btn-consultant:hover {
    color: #00C9D3;
    border: 1px solid white;
}
.btn-live {
    font-weight: 600;
    padding: 7px 20px;
    border-radius: 50px;
    background: #00C9D3;
    color: white;
    font-family: "Barlow", sans-serif;
    border: 1px solid transparent;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.dots-container,
.text-slide {
    transform: translate(-50%);
    position: absolute;
    left: 50%;
}
.btn-live:hover,
.btn-main:hover {
    color: black;
    border-color: #000;
    background: white;
}
.btn-main-2 {
    border-color: #0d5858;
    color: #fff;
    background: #0d5858;
}
.btn-main-tp {
    border-color: linear-gradient(90deg, #e7821c, #f8ba18) !important;
    background: 0 0;
}
.btn-main-tp:hover {
    background: #ff4343;
    color: #fff;
    border-color: #ff4343;
}
a {
    font-size: 14px;
    line-height: 180%;
}
a:focus {
    text-decoration: none;
}
.owl-carousel .owl-nav.disabled :focus,
.pricing-silder .owl-carousel .owl-dots.disabled,
a:focus,
a:visited {
    outline: 0;
}
ol,
ul {
    margin-bottom: 0;
    padding-left: 0;
}
.pt-100 {
    padding-top: 100px;
}
.pb-100 {
    padding-bottom: 100px;
}
.form-control:focus {
    box-shadow: none;
}
.section-padding {
    padding: 10px 0 20px;
    background-color: #f8fdfd;
}
.page-header {
    padding: 120px 0;
    background: url("../images/bg/header-2.webp") no-repeat;
    background-size: cover;
    background-position: 0 10%;
    text-align: center;
}
.page-header:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: #263b5e;
    opacity: 0.85;
}
.about-section .btn-box,
.about-section .content-column .inner-column,
.about-section .image-column,
.about-section .image-column .image-1,
.bullet-check li,
.center-heading h3,
.list-style-one {
    position: relative;
}
.btn-style-one:hover,
.dropdown-item:hover,
.primary-button:hover {
    background-color: #000;
}
.page-header.page-header .page-header-content ul li {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
.page-header .page-header-content ul li a {
    color: #fff;
    opacity: 0.7;
}
.bg-grey {
    background: #f6f6f8;
}
.mb-60 {
    margin-bottom: 60px;
}
.section-heading h3 {
    margin-bottom: 10px;
}
.center-heading {
    text-align: Center;
}
.center-heading .subheading {
    padding-left: 0;
    color: purple;
}
.center-heading .subheading:before,
.dropdown-toggle::after,
.mySlides {
    display: none;
}
.center-heading h3:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    width: 40px;
    height: 2px;
    bottom: 0;
    margin: 0 auto;
    background: #ff4343;
}
.site-navigation {
    border-bottom: 1px solid #eee;
    padding: 12px 0;
}
.navbar {
    padding: 0;
}
.navbar-nav {
    margin-left: auto;
}
.navbar-nav .nav-link {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 16px;
    color: #000;
}
.navbar-nav .nav-link:hover {
    color: #61ce6b;
}
.navbar-nav .nav-link i {
    margin-left: 5px;
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    content: "";
    vertical-align: middle;
    background: 50%/100% 100% no-repeat;
}
.dropdown-menu.show {
    -webkit-animation: 0.2s forwards b;
    animation: 0.2s forwards b;
}
.dropdown-item {
    font-weight: 500;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    transition: background-color 0.1s;
    text-transform: capitalize;
    border-bottom: 1px solid #000;
}
.body-mid,
.body-small {
    font-weight: 400;
    line-height: 180%;
    font-family: "Barlow", sans-serif;
    font-size: 14px;
}
.btn-join,
.btn-signup,
.cf-fieds li input[type="submit"],
.heading,
.testimonial4_header h4,
a.btn-start.active {
    text-transform: uppercase;
}
.dropdown-item:last-child {
    border-color: transparent;
}
.dropdown-item:hover {
    color: #fff;
    text-decoration: none;
}
.nav-item.dropdown .dropdown-menu {
    transition: 0.3s;
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0 5px 1px rgba(0, 0, 0, 0.05);
    border: 0;
    padding: 0;
    position: absolute;
    border-top: 2px solid #000;
    min-width: 220px;
}
.btn-small {
    padding: 11px 24px;
}
.btn-small i {
    margin-right: 5px;
}
.main_menu {
    background: #f8f8f8;
}
.menu_fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
}
.form-1,
.header-white {
    background: #fff;
}
#features-column {
    width: 100%;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
#feature-block {
    flex-direction: row;
}
#feature-column {
    margin-right: 24px;
}
#content {
    margin-top: -100px;
}
.body-mid {
    color: #000;
}
.body-small {
    color: #545353;
    margin-top: 10px;
}
.primary-button {
    font-family: "Noto Sans", sans-serif;
    font-size: 14px;
    color: #fff;
    background-color: #5a5ac0;
    border: none;
    border-radius: 6px;
    padding: 8px 24px;
    margin-top: 15px;
    margin-bottom: 25px;
    cursor: pointer;
}
#feature-icon {
    margin-bottom: -10px;
}
#image {
    justify-content: center;
    align-items: center;
}
#heading {
    color: #5a5ac0;
}
.carousel-container {
    margin: 0 auto;
}
.mySlides img {
    display: block;
    width: 100%;
}
.text-slide {
    color: #f2f2f2;
    background-color: rgba(10, 10, 20, 0.1);
    backdrop-filter: blur(6px);
    font-size: 20px;
    padding: 8px 12px;
    bottom: 60px;
    text-align: center;
}
.dots-container {
    bottom: 10px;
}
.dots {
    cursor: pointer;
    height: 14px;
    width: 14px;
    margin: 0 4px;
    background-color: rgb(173 216 230 / 0%);
    backdrop-filter: blur(2px);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.3s;
}
.btn-medium,
.btn-view {
    -webkit-transition: 0.3s ease-in-out;
}
.animate {
    -webkit-animation-name: animate;
    -webkit-animation-duration: 1s;
    animation-name: animate;
    animation-duration: 2s;
}
@keyframes animate {
    from {
        transform: scale(1.1) rotateY(10deg);
    }
    to {
        transform: scale(1) rotateY(0);
    }
}
.word,
.word-1 h3 {
    margin: auto;
    color: #000;
    font: 700 2.5em "DM Sans";
}
.word-1 h4 {
    margin: auto;
    color: #00C9D3;
    font: 700 0.8em "DM Sans";
}
.hero-section,
.reviews-section,
.services-page-section,
.tabs-section,
.terms-section {
    padding: 30px 0;
}
.content-col h1 {
    color: #fff;
    font-size: 41px !important;
    font-weight: 600;
}
.carousel-item-content p,
.content-col h2,
.list-colors,
.sec-title.light h2,
.service-box a,
.services-content-col p,
.white-heading,
.white-heading span {
    color: #fff;
}
.content-col p {
    color: #fff;
    line-height: 28px;
}
.d-section {
    display: flex;
    align-items: center;
}
.services-content-col h1 {
    color: #fff;
    font-size: 41px;
}
.tabset > input:checked + label::after,
.tabset > input:focus + label::after,
.tabset > label:hover::after {
    background: #000;
}
.about-overview p,
.branding-2 h3,
.branding-2 h4,
.branding-2 li,
.branding-2 p,
.branding-5 h3,
.branding-5 h4,
.branding-5 li,
.branding-5 p,
.contact-wrapper p,
.content-service p,
.error,
.grid-content h2,
.grid-content p,
.highlight-text,
.privacy-content p,
.required-input,
.services-content-col h2,
.submit-btn:focus,
.submit-btn:hover,
.terms-content p,
button:focus,
button:hover,
h3 {
    color: #000;
}
.our-services-content {
    width: 70%;
}
.box h1 span,
.content-service h2 span,
.example span,
.highlight-text:hover,
.hightlight-contact-info li a:hover,
.orange,
.policy-page li a:hover,
.tabset > input:checked + label,
.tabset > input:focus + label,
.tabset > label:hover,
h2 {
    color: #00C9D3;
}
.overview {
    font-size: 20px;
    font-weight: 700;
    color: #000;
}
.btn-medium {
    font-family: "Barlow", sans-serif;
    background: #00C9D3;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    padding: 12px 35px;
    border-radius: 4px;
    border: 1px solid #00C9D3;
    transition: 0.3s ease-in-out;
}
.btn-fill:hover,
.btn-medium:hover {
    background: #000;
    color: #fff !important;
    border: 1px solid #000;
}
.btn-medium:hover {
    -webkit-box-shadow: 0 20px 35px rgba(0, 0, 0, 0.1);
    box-shadow: 0 20px 35px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
}
.btn-fill {
    background: #00C9D3;
    color: #000 !important;
}
.about-info {
    border: 2px solid rgba(255, 255, 255, 0.2);
}
#about-section img {
    position: relative;
    z-index: 1;
}
.about-sec-img {
    width: 70% !important;
}
.inline-social ul li {
    display: inline-block;
    margin-right: 10px;
}
.bullet-check li {
    padding-left: 30px;
    padding-bottom: 10px;
    color: #000;
}
.bullet-check li:last-child {
    padding-bottom: 0;
}
.bullet-check li:before {
    position: absolute;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
    left: 0;
} /*! responsive */
@media (max-width: 480px) {
    .about-info-wrap {
        padding: 10px !important;
        margin-top: 30px;
    }
    .about-info {
        padding: 30px !important;
    }
}
@media (max-width: 767px) {
    h2 {
        font-size: 32px;
    }
    .wrap-button img {
        margin-top: 20px;
    }
    .about-info-wrap {
        padding: 10px !important;
        margin-top: 30px;
    }
    .about-info {
        padding: 30px !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    h2 {
        font-size: 30px;
    }
    .wrap-button img {
        margin-top: 20px;
    }
    .about-bullet {
        max-width: 100%;
        flex: 100%;
    }
    .about-info-wrap {
        padding: 10px !important;
        margin-top: 30px;
    }
    .about-info {
        padding: 30px !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .about-bullet {
        max-width: 100%;
        flex: 100%;
    }
}
.banner {
    padding: 100px 0;
    background: url("../images/banner-bg.svg") right/contain no-repeat;
}
.cover-banner {
    padding: 70px 0;
}
.btn-sections,
a.btn-start.active {
    font-family: "Barlow", sans-serif;
    padding: 8px 20px;
}
.banner-content h1 {
    color: #000;
    font-weight: 700;
}
.banner .banner-content h2 {
    font-size: 40px;
    margin: 15px 0 25px;
    line-height: 44px;
    letter-spacing: -1px;
    color: purple;
}
.banner .banner-content p {
    margin-bottom: 35px;
    color: #000;
}
.banner .banner-content p a {
    color: #3939b3;
    text-decoration: underline;
}
.btn-signup {
    background: linear-gradient(90deg, #3939b3, #343a40) !important;
    color: #fff;
    font-weight: 700;
    width: 100%;
    font-size: 19px;
}
a.btn-start.active {
    position: relative;
    background: 0 0;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    background-color: none;
    background-image: linear-gradient(90deg, #e7821c, #f8ba18) !important;
    border: 1px solid transparent !important;
    display: inline-block !important;
    margin-top: 10px;
}
.btn-sections {
    background-color: #ffffff00;
    display: inline-block;
    margin: 0;
    width: auto;
    line-height: 1.42;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    cursor: pointer;
    border: 2px solid #000;
    min-width: 125px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 2px;
    box-shadow: inset 0 0 0 0 #000;
    transition: 0.75s;
}
.btn-sections:hover {
    color: #fff;
    box-shadow: inset 960px 0 0 0 #000;
}
.about-overview h2.h2 {
    font-size: 31px !important;
    text-align: left;
    margin-left: -15px;
    color: #000;
}
.sec-title {
    position: relative;
    z-index: 1;
    margin-bottom: 60px;
}
.sec-title .title {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #5a5ac0;
    font-weight: 500;
    margin-bottom: 15px;
}
.sec-title h2 {
    position: relative;
    display: block;
    font-size: 40px;
    line-height: 1.28em;
    color: #222;
    font-weight: 600;
    padding-bottom: 18px;
}
.about-section .text,
.list-style-one li,
.sec-title .text {
    font-size: 16px;
    line-height: 26px;
}
.sec-title h2:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 50px;
    height: 3px;
    background-color: #d1d2d6;
}
.sec-title .text {
    position: relative;
    color: #5a5ac0;
    font-weight: 400;
    margin-top: 35px;
}
.sec-title.text-center h2:before {
    left: 50%;
    margin-left: -25px;
}
.list-style-one li {
    position: relative;
    color: #222;
    font-weight: 400;
    padding-left: 35px;
    margin-bottom: 12px;
}
.list-style-one li:before {
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    font-size: 18px;
    padding: 0;
    color: #f22;
    font-weight: 600;
    -moz-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1.6;
    font-family: "Font Awesome 5 Free";
}
.list-style-one li a:hover {
    color: #44bce2;
}
.btn-style-one {
    position: relative;
    display: inline-block;
    font-size: 17px;
    line-height: 30px;
    color: #fff;
    padding: 10px 30px;
    font-weight: 600;
    letter-spacing: 0.02em;
    background-color: #5a5ac0;
}
.btn-style-one:hover {
    color: #fff;
}
.content-service {
    background: #fff;
    padding: 30px;
    color: #000;
}
.content-service h2 {
    font-size: 45px;
    color: #000;
}
.container-animate {
    display: flex;
    justify-content: left;
    align-items: left;
    font-size: clamp(1.5rem, 2.8vw, 5rem);
    margin-bottom: 10px;
    font-weight: 700;
}
.typewriter {
    width: 21.5ch;
    white-space: nowrap;
    border-right: 4px solid #212121;
    animation: 1s step-start infinite cursor, 5s steps(18) infinite alternate text;
    color: #00C9D3;
}
@keyframes cursor {
    0%,
    100% {
        border-color: #00C9D3;
    }
}
@keyframes text {
    0% {
        width: 0;
    }
    100% {
        width: 21.5ch;
    }
}
.about-section .list-style-one,
.about-section .sec-title {
    margin-bottom: 45px;
}
.about-section .content-column {
    position: relative;
    margin-bottom: 50px;
}
.about-section .text {
    margin-bottom: 20px;
    color: #000;
    font-weight: 400;
}
.about-section .btn-box a {
    padding: 15px 50px;
}
.about-section .image-column .text-layer {
    position: absolute;
    right: -110px;
    top: 50%;
    font-size: 325px;
    line-height: 1em;
    color: #fff;
    margin-top: -175px;
    font-weight: 500;
}
.about-section .image-column .inner-column {
    position: relative;
    padding-left: 80px;
    padding-bottom: 0;
}
.about-section .image-column .inner-column .author-desc {
    position: absolute;
    bottom: 0;
    z-index: 1;
    background: #2e2036;
    padding: 10px 15px;
    left: 58px;
    width: calc(100% - 241px);
    border-radius: 50px;
    text-align: center;
}
.about-section .image-column .inner-column .author-desc b {
    font-size: 21px;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
    margin: 0;
}
.about-section .image-column .inner-column .author-desc span {
    font-size: 16px;
    letter-spacing: 6px;
    text-align: center;
    color: #fff;
    display: block;
    font-weight: 400;
}
.about-section .image-column .inner-column:before {
    content: "";
    position: absolute;
    width: calc(50% + 150px);
    height: calc(100% + 160px);
    top: -80px;
    left: -3px;
    background: 0 0;
    z-index: 0;
    border: 44px solid #5a5ac0;
}
.heading,
.slider,
.tabset > label,
.testimonial,
p.copy-text {
    position: relative;
}
.about-section .image-column .image-2 {
    position: absolute;
    left: 0;
    bottom: 0;
}
.color-base {
    color: #f24d13;
}
.about-section .image-column .video-link {
    position: absolute;
    left: 70px;
    top: 170px;
}
.about-section .image-column .video-link .link {
    position: relative;
    display: block;
    font-size: 22px;
    color: #191e34;
    font-weight: 400;
    text-align: center;
    height: 100px;
    width: 100px;
    line-height: 100px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 30px 50px rgba(8, 13, 62, 0.15);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.about-section .image-column .video-link .link:hover {
    background-color: #191e34;
    color: #fff;
}
.img-box,
ul.social-links {
    display: flex;
}
.img-box-logo {
    margin: 15px;
}
#counter {
    text-align: center;
    display: flex;
    align-items: center;
    width: 100%;
}
#counter .item {
    background: #fff;
    width: 33%;
    padding: 10px 12px;
    border: 1px solid #dcdcdc;
    margin: 10px;
    border-radius: 10px;
}
.prefix {
    font-size: 35px;
    color: #00C9D3;
}
.prefix span {
    color: #000;
    font-size: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 45px;
    font-weight: bold;
}
#counter .item b {
    color: #2c2a2a;
    font-size: 14px;
    display: block;
    line-height: 15px;
    font-weight: 500;
    margin-top: 10px;
}
.image-section {
    background-image: url("../images/b-2.webp");
    padding: 100px;
}
.image-services-section,
.privacy-content {
    padding: 40px;
}
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-250px * 7));
    }
}
.slider {
    height: 100px;
    margin: auto;
    width: auto;
}
.slider .slide-track {
    animation: 40s linear infinite scroll;
    display: flex;
    width: calc(250px * 14);
}
.slider .slide {
    height: 100px;
    width: 250px;
}
.our-services {
    padding: 40px 0 0px;
    background-color: #fff;
    color: #333;
}
i.fas.fa-angle-down {
    color: #000;
    margin-bottom: 20px;
}
.service-title b {
    font-size: 35px;
    color: #fff;
    display: block;
    margin-top: 5px;
}
.title {
    font-size: 1.5rem;
    padding: 0 10px;
}
.description {
    font-size: 0.95rem;
    color: #333;
}
ul.container {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    max-width: 960px;
    margin: 20px auto;
}
ul.container li {
    display: none;
    text-align: center;
    padding: 20px 40px;
}
.faq.active .faq-text,
.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6),
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
ul.container .active {
    display: block;
}
.button-container button {
    color: #fff;
    font-size: 14px;
    padding: 8px 40px;
    border: none;
    background-color: #32863b;
    margin: 0 3px;
    border-radius: 5px;
}
i.fa.fa-arrow-left,
i.fa.fa-arrow-right {
    border: 1px solid #fff;
    font-size: 11px;
    border-radius: 100px;
    min-width: 25px;
    max-width: 25px;
    height: 25px;
    line-height: 23px;
    font-weight: normal;
}
.button-container {
    text-align: center;
}
i.fa.fa-arrow-right {
    transition: 0.3s;
}
i.fa.fa-arrow-right:hover {
    color: #61ce6b;
    transition: 0.3s;
    transform: rotateZ(360deg) !important;
}
.service-box {
    position: relative;
    width: 100%;
    max-width: 300px;
    margin: auto;
    overflow: hidden;
    border-radius: 10px; 
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 40px 15px;
}

.service-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(33,37,41);
    background: -moz-linear-gradient(0deg, rgba(33,37,41,1) 0%, rgba(242,245,246,1) 45%);
    background: -webkit-linear-gradient(0deg, rgba(33,37,41,1) 0%, rgba(242,245,246,1) 45%);
    background: linear-gradient(0deg, rgba(33,37,41,1) 0%, rgba(242,245,246,1) 45%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#212529",endColorstr="#F4F5F8",GradientType=1);
    z-index: -1;
    opacity: 0.5;
}
.service-box.box1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/services-1.jpg') center/cover no-repeat;
    z-index: -1;opacity: 0.2;
}
.service-box.box2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/services-3.jpg') center/cover no-repeat;
    z-index: -1;opacity: 0.2;
}
.service-box.box3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/services-4.jpg') center/cover no-repeat;
    z-index: -1;opacity: 0.2;
}
.service-box.box4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/services-5.jpg') center/cover no-repeat;
    z-index: -1;opacity: 0.2;
}
.service-box img {
    display: block;
    margin: 0 auto;
}
.service-box .px-3 {
    padding: 16px;
    text-align: center;
    color: #fff;
}
.service-box a {
    color: #333;
    text-decoration: none;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.service-box a:hover {
    text-decoration: none;
    color:#00C9D3 !important;
}
.owl-carousel .owl-nav.disabled,
.pricing-silder .owl-carousel .owl-dots.disabled,
.service-nav {
    display: block !important;
}
.service-box p {
    color: #212529;
    font-size: 16px;min-height: 130px;
}
.service-box span {
    font-size: 22px;
    color: #212529;
    font-weight: bold;
}
.service-box .img_box{width: 70px;
    height: 70px;
    display: grid;
    align-content: center;
    margin: 0px auto;
    background-color: rgba(0,0,0,0.9);
    border-radius: 100px;}
.service-box .img_box img{max-width: 40px;}

.footer-widget a:hover,
.footer-widget li.number a:hover,
.service-box a:hover {
    color: #61ce6b;
}
.service-box img {
    width: 70px !important;
}
#service-slider .owl-nav .owl-prev {
    transition: 0.3s;
    font-size: 25px;
}
#service-slider .owl-nav .owl-next:focus,
#service-slider .owl-nav .owl-prev:focus {
    border: none;
    outline: 0;
}
#service-slider .owl-nav .owl-next:hover,
#service-slider .owl-nav .owl-prev:hover {
    background: 0 0;
}
#service-slider .owl-nav .owl-next {
    transition: 0.3s;
    font-size: 25px;
}
#service-slider .owl-nav button{min-width:40px;max-width: 40px;height: 40px;
background-color: rgba(11, 122, 255, 0.2);
justify-content: center;
border-radius: 100px;}
#service-slider .owl-nav button:hover{background-color: #212529 !important;color: #fff !important;}

.service-box:hover .img_box{background-color: #00C9D3;}

@media screen and (max-width: 576px) {
    .full-slider-1 .carousel-inner .carousel-item h2,
    .full-slider-2 .carousel-inner .carousel-item h2,
    .full-slider-3 .carousel-inner .carousel-item h2,
    .header-demo-top-row .header-demo-content h1,
    .thumbs-slider-1 .carousel-inner .carousel-item h2,
    .thumbs-slider-2 .carousel-inner .carousel-item h2,
    .thumbs-slider-3 .carousel-inner .carousel-item h2 {
        font-size: 2.3rem;
    }
    .full-slider-2 .carousel-control-next,
    .full-slider-2 .carousel-control-prev,
    .slider-5 .carousel-control-next,
    .slider-5 .carousel-control-prev {
        display: none;
    }
    .full-slider-4 .subscribe-content h1 {
        font-size: 2.7rem;
    }
    .header-demo-top-row .header-demo-content p {
        font-size: 1.2rem;
    }
    .thumbs-slider-2 .carousel-indicators {
        bottom: 0;
        display: flex;
        left: 0;
        margin: 0;
        top: auto;
        right: 0;
    }
    .full-slider-2 .carousel-inner .carousel-item .carousel-caption,
    .thumbs-slider-2 .carousel-indicators li.active .text,
    .thumbs-slider-3 .carousel-inner .carousel-item .carousel-caption {
        left: 0;
    }
}
@media screen and (max-width: 767px) {
    .testinomials-2 .carousel-indicators li,
    .testinomials-3 .carousel-indicators li {
        height: 40px;
        width: 40px;
    }
    .testinomials-1 figure {
        height: 100px;
        width: 100px;
    }
    .product-slider-section-1 .carousel-indicators {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        overflow-y: auto;
        height: auto;
    }
    .product-slider-section-1 .carousel-indicators li {
        width: 43px;
    }
    .product-slider-section-1 .data-slide-content,
    .product-slider-section-4 .carousel-control-next,
    .product-slider-section-4 .carousel-control-prev {
        display: none;
    }
    .product-slider-section-4 .carousel-inner {
        width: 240px;
    }
    .product-slider-section-4 .carousel-indicators {
        overflow-x: auto;
        white-space: nowrap;
        width: 100%;
        overflow-y: hidden;
        margin: 0 0 20px !important;
    }
    .product-slider-section-4 .carousel-indicators li {
        float: none;
        margin: 0 10px 0 0;
        padding: 0 0 20px;
        width: 140px;
        display: inline-block;
    }
    .testinomials-5 .carousel {
        padding: 10px;
    }
    .testinomials-5 .arrow,
    .testinomials-6 .arrow {
        font-size: 40px;
    }
}
.icon {
    border: 1px solid #fff;
    padding: 20px;
    border-radius: 24px;
}
@media screen and (max-width: 500px) {
    .slide-box {
        padding: 0 55px;
    }
}
.tabset > input[type="radio"] {
    position: absolute;
    left: -200vw;
}
hr {
    margin: 0 !important;
}
.tabset .tab-panel {
    border: 1px solid #d5d5d5;
    display: none;
}
.portfolio-page {
    background: #fff;
    padding: 40px 0;
}
.white-text {
    b,p,ul li {
        color : #fff ;
    }
} 
.black-text {
    b,p,ul li {
        color : #000 ;
    }
} 

.tabset > label {
    display: inline-block;
    padding: 15px 15px 25px;
    cursor: pointer;
    font-weight: 600;
}
.tabset > label::after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 10px;
    width: 22px;
    height: 4px;
    background: #8d8d8d;
}
input:focus-visible + label {
    outline: rgba(0, 102, 204, 1) solid 2px;
    border-radius: 3px;
}
.tabset > input:checked + label {
    border-color: #ccc;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
}
.tabset {
    max-width: 100%;
    text-align: center;
    background: #fff;
    margin-top: -100px;
}
.grid-content {
    text-align: left;
    padding: 10px;
}
.border-lining {
    border: 1px solid #000;
}
.tabs-section h2 {
    font-size: 15px;
    line-height: 24px;
    color: #000;
    margin-bottom: 10px;
    text-align: left;
    font-weight: 500;
}
section.tabs-section h3 {
    color: #00C9D3;
    margin-bottom: 10px;
}
.tabcontent h2 {
    font-size: 31px !important;
    line-height: 40px;
}
.tab button {
    display: block;
}
.tab button:hover,
.tab-pricing button:hover {
    background-color: #e5e5e5;
}
.tab button.active,
.tab-pricing button.active {
    color: #000;
    font-weight: 700;
    background-color:#1F2557 !important
}
.tabcontent,
.tabcontent-pricing {
    float: left;
    padding: 10px 12px;
    color: #000;
    width: 100%;
    height: 100%;
    border-radius: 0 10px 10px 0;
}
.tabcontent p,
.tabcontent-pricing p {
    margin-top: 3px;
    color: #000;
}
.tabcontent ul li {
    margin-bottom: 2px;
    color: #000;
    font-size: 17px;
    margin-left: 20px;
}
.scrollable-content {
    max-height: 700px;
    width: 100%;
    overflow: scroll;
    overflow-x: hidden;
}
.scrollable-content p {
    display: block;
    text-overflow: ellipsis;
}
.scrollable-content ul li {
    list-style: disc !important;
    margin-left: 20px;
}
.portfolio-section {
    background: #F4F5F8;
    padding: 30px 0;
}
.portfolio-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.faq-title h3,
.portfolio-content span {
    font-size: 30px;
    color: #00C9D3;
    font-weight: bold;
}
.image-1 img {
    border: 1px solid #fff;
    border-radius: 12px;
}
p.copy-text {
    text-align: right;
    color: #837f7f;
    bottom: 30px;
    font-size: 14px;
}
a i.fa.fa-arrow-right.portfolio {
    border: none;
    transform: rotateZ(300deg);
}
.port-content-div b {
    color: white;
    font-size: 25px;
    font-weight: bold;
}
.port-content-div.black-text b {
    color: black;
    font-size: 25px;
    font-weight: bold;
}
span.circle {
    height: 40px;
    width: 40px;
    background-color: #e3e2e2;
    border-radius: 50%;
    display: inline-block;
    margin: -15px;
}
.heading {
    text-align: center;
    color: white;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
    z-index: 999;
}
.heading:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    height: 40px;
    width: 180px;
    border-radius: 4px;
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-position: center;
}
.heading span {
    font-size: 18px;
    display: block;
    font-weight: 500;
}
.tabs-section-pricing {
    padding: 40px 0;
}
section.tabs-section-pricing span {
    color: #000;
    margin-bottom: 2px;
    text-align: center;
    font-weight: bold;
}
section.tabs-section-pricing b {
    display: block;
    color: #00C9D3;
    margin-bottom: 10px;
    font-size: 20px;
}
.tab-pricing button {
    display: block;
    background: 0 0;
    color: #000;
    padding: 10px;
    width: 250px;
    border: none;
    outline: 0;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
    margin: 3%;
    border-radius: 4px;
    box-shadow: 0 11px 20px rgb(123 149 162 / 10%);
}
.tabcontent-pricing ul li {
    margin-bottom: 10px;
    color: #000;
}
.mb {
    margin-bottom: 0.5em;
}
.plans {
    display: flex;
    flex-wrap: wrap;
}
.plan {
    width: 100%;
    padding: 2em;
    border-radius: 1em;
    text-align: left;
}
span.plan-title {
    font-size: 25px !important;
}
.plan--light {
    color: #000;
    background: linear-gradient(-45deg, #e5e3e8, #fafafa);
}
.plan--light .plan-price {
    color: #00C9D3;
    font-size: 35px;
    text-align: center;
}
.plan--light .btn-join {
    color: #fff;
    background: #000;
}
.plan--accent .btn-title {
    color: #fff;
}
.btn-join:hover,
.plan--accent {
    color: #fff;
    background: #00C9D3;
}
.plan--accent .btn-join {
    color: #fff;
    background: #000;
}
.plan-title {
    margin: 0 0 1em;
}
.plan-price {
    margin: 0;
    font-size: 30px;
    line-height: 1;
    font-weight: 900;
}
.plan-price span {
    display: block;
    font-size: 1.5625rem;
    font-weight: 300;
    color: #000;
}
.plan-description {
    overflow: auto;
    max-height: 260px;
    min-height: 260px;
    margin: 30px 0;
    line-height: 1.5;
    color: #000;
}
.btn-join {
    display: inline-block;
    padding: 9px 30px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 700;
    color: #fff;
    background: #000;
    transition: 0.3s;
}
.btn-mb {
    margin-bottom: 3em;
}
.btn--light {
    color: #4e4e4e;
    background: #fff;
}
.btn--dark {
    color: #fff;
    background: #4e4e4e;
}
ul.plan-description li {
    font-weight: 500;
    list-style: circle;
    line-height: 20px;
    font-size: 13px;
    color: #000;
    margin-left: 20px;
}
.branding-1 h3,
.branding-1 h4,
.branding-1 li,
.branding-1 p,
.branding-3 h3,
.branding-3 h4,
.branding-3 li,
.branding-3 p,
.branding-4 h3,
.branding-4 h4,
.branding-4 li,
.branding-4 p,
.example h2,
.lets-content p,
.lets-content span,
.logo-3 h3,
.logo-3 h4,
.logo-3 li,
.logo-3 p,
.mob-2 h3,
.mob-2 h4,
.mob-2 li,
.mob-2 p,
.plan.plan--accent span,
.plan.plan--accent b,
.plan.plan--accent ul.plan-description li,
.policy-page li a,
.section_title p,
.web-1 h3,
.web-1 h4,
.web-1 li,
.web-1 p,
.web-3 h3,
.web-3 h4,
.web-3 li,
.web-3 p {
    color: #fff;
}
.plan.plan--accent p {
    color: #fff;
    text-align: center;
}
.testimonial:after {
    left: 0;
    width: 100%;
    height: 100px;
    float: left;
    z-index: 99;
}
.testimonial {
    background-color: #0e0e0e;
    padding-top: 50px;
    padding-bottom: 20px;
    background-position: center;
    background-size: cover;
}
#testimonial4 .carousel-inner:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
#testimonial4 .carousel-inner:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.testimonial4_indicators .carousel-indicators {
    left: 0;
    margin: 0;
    width: 100%;
    font-size: 0;
    height: 20px;
    bottom: 15px;
    padding: 0 5px;
    cursor: e-resize;
    overflow-x: auto;
    overflow-y: hidden;
    position: absolute;
    text-align: center;
    white-space: nowrap;
}
.testimonial4_indicators .carousel-indicators li {
    padding: 0;
    width: 14px;
    height: 14px;
    border: none;
    text-indent: 0;
    margin: 2px 3px;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators .active {
    padding: 0;
    width: 14px;
    height: 14px;
    border: none;
    margin: 2px 3px;
    background-color: #9dd3af;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar {
    height: 3px;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb {
    background: #eee;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.testimonial4_control_button .carousel-control {
    top: 175px;
    opacity: 1;
    width: 40px;
    bottom: auto;
    height: 40px;
    font-size: 10px;
    cursor: pointer;
    font-weight: 700;
    overflow: hidden;
    line-height: 38px;
    text-shadow: none;
    text-align: center;
    position: absolute;
    background: 0 0;
    border: 2px solid #fff;
    text-transform: uppercase;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: 0.6s cubic-bezier(0.3, 1, 0, 1);
    transition: 0.6s cubic-bezier(0.3, 1, 0, 1);
}
.testimonial4_control_button .carousel-control.left {
    left: 7%;
    top: 50%;
    right: auto;
}
.testimonial4_control_button .carousel-control.right {
    right: 7%;
    top: 50%;
    left: auto;
}
.testimonial4_control_button .carousel-control.left:hover,
.testimonial4_control_button .carousel-control.right:hover {
    color: #000;
    background: #fff;
    border: 2px solid #fff;
}
.testimonial4_header {
    top: 0;
    left: 0;
    bottom: 0;
    width: 550px;
    display: block;
    margin: 30px auto;
    text-align: center;
    position: relative;
}
.testimonial4_slide,
.testimonial4_slide img {
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: relative;
    text-align: center;
}
.testimonial4_header h4 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    position: relative;
    letter-spacing: 1px;
}
.testimonial4_slide {
    bottom: 0;
    width: 70%;
    padding: 20px;
}
.testimonial4_slide img {
    width: 136px;
    height: 136px;
    display: block;
    color: #f2f2f2;
    font-size: 18px;
    line-height: 46px;
    border-radius: 50%;
    box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
}
.testimonial4_slide p {
    color: #fff;
    font-size: 17px;
    line-height: 1.4;
    margin: 40px 0 20px;
}
.testimonial .carousel {
    padding-bottom: 50px;
}
.btn-view,
.btn-view:hover {
    margin-top: 15px;
    font-weight: 600;
    padding: 10px 20spx;
    font-family: "Barlow", sans-serif;
}
.testimonial .carousel-control-next-icon,
.testimonial .carousel-control-prev-icon {
    width: 35px;
    height: 35px;
}
.testimonial span {
    font-size: 22px;
    color: white;
    font-weight: 700;
}
.btn-view:hover,
.wrap h3 {
    color: #000;
    font-size: 16px;
}
.fa-star {
    color: #ef6921;
}
.btn-view {
    background: #000;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    border: 1px solid #000;
    transition: 0.3s ease-in-out;
}
.btn-view:hover {
    border-radius: 4px;
    border: 1px solid #fff;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.vertical {
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: right top 0;
    -moz-transform-origin: right top 0;
    -webkit-transform-origin: right top 0;
    transform-origin: right top 0;
    right: 15%;
    color: #bfbfbf;
    padding-top: 2vw;
    padding-right: 2vw;
    font-size: 14px;
    white-space: nowrap;
    font-weight: 700;
    cursor: vertical-text;
    position: absolute;
    display: block;
    height: auto;
    direction: rtl;
    z-index: 11;
}
.wrap h3 {
    margin-top: 5px;
    line-height: 1.4;
    margin-bottom: 5px;
}
.wrap a {
    color: grey;
}
.example {
    margin-top: 20px;
    padding: 40px;
    background-color: #000;
    background-image: -webkit-linear-gradient(150deg, #00C9D3 35%, #060a0c 35%);
    min-height: 400px;
}
.google-rev {
    padding: 40px;
    float: left;
    box-shadow: 0 0 20px #ddd;
    color: #000;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    justify-content: space-between;
}
.google-rev p {
    color: #000;
    font-size: 16px;
}
.google-rev span {
    color: #000;
    font-size: 25px;
    font-weight: 700;
}
.faqs-section {
    padding: 40px 0;
    background-color: #fff;
}
.faq-container {
    margin-top: 0px;
    border-bottom: 1px;
}
.faq {
    padding: 15px 20px 8px;
    position: relative;
    overflow: hidden;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .07);
    margin-bottom: 12px;
}
.faq-text {
    color: #555;
    display: none;
    line-height: 1.5rem;padding-right: 28px;
}
.faq.active {
    background-color: #F4F5F8;
    box-shadow: inset 4px 0 0 0 var(--accent-color);
}
.faq-title,
.faq.active .faq-title {
    color: #000;
    padding: 0px 25px 10px 0px;
}
h2.faq-title {
    font-size: 20px;
    text-align: left;
    font-weight: 500;
}
.faq-h2 {
    color: #00C9D3;
    font-size: 32px;
}
.faq-h3 {
    color: #00C9D3;
    font-size: 32px;
}
.faq-toggle {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    padding-top: 3px;
    position: absolute;
    top: 26px;
    right: 10px;
    height: 30px;
    width: 30px;
    transition: 0.3s;
}
.testi-next,
.testi-pre {
    top: -160px;
    position: absolute;
}
.faq-toggle:focus {
    color: #fff;
    outline: 0;
}
.faq.active .faq-toggle {
    transform: rotate(180deg);
    color: #fff;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
    border: none;
    background: 0 0;
}
.contain,
div.form-1 {
    background-color: #eee;
}
.contain {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
}
.contact-wrapper {
    margin: auto 0;
}
.submit-btn {
    float: left;
}
.reset-btn {
    float: right;
}
.form-headline:after {
    content: "";
    display: block;
    width: 10%;
    padding-top: 10px;
    border-bottom: 3px solid #000;
}
.hightlight-contact-info {
    font-weight: 700;
    font-size: 22px;
    line-height: 1.5;
}
.highlight-text-grey {
    font-weight: 500;
}
.email-info {
    margin-top: 20px;
}
::-webkit-input-placeholder {
    font-family: "Barlow", sans-serif;
}
@media (min-width: 600px) {
    .contain {
        padding: 0;
    }
}
.form-input:focus,
textarea:focus {
    outline: #00C9D3 solid 1.5px;
}
.form-input,
textarea {
    width: 100%;
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    color: #000;
}
.form-input,
.submit-btn,
.wrapper > *,
button,
textarea {
    padding: 1em;
}
@media (min-width: 700px) {
    .wrapper {
        display: grid;
        grid-template-columns: 2fr 1fr;
    }
    .wrapper > * {
        padding: 2em;
    }
}
ul {
    padding: 0;
}
.contacts {
    color: #212d31;
}
.full-width {
    grid-column: 1/3;
    color: #000;
}
.submit-btn,
button {
    background: #00C9D3;
    border: 1px solid #ec1c24;
    color: #000;
    border-radius: 15px;
    padding: 5px 20px;
}
.contact-section {
    padding: 30px 0;
    background-color: #1e1d1d;
}
.lets-content b {
    font-size: 38px;
    color: #fff;
    display: block;
    line-height: 45px;
    margin-bottom: 8px;
}
.lets-content a {
    font-size: 30px;
    color: #ffa319;
    text-decoration: underline;
}
.social-links li a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
}
.curve_btn-section {
    padding: 30px 0;
    background: #000;
}
.lets-discuss {
    border: 1px solid #222;
    padding: 15px;
}
.lets-discuss span {
    color: #fff;
    font-size: 60px;
    text-align: center;
}
.text-outline {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: currentColor;
    -webkit-text-stroke-width: 0.012em;
}
i.fa.fa-arrow-up {
    transform: rotateZ(45deg);
    margin: 10px;
    color: #ffa319;
}
.footer-section {
    padding: 80px 0 30px;
    background: #F4F5F8;
    font-size: 15px;
    color: #444;
}
address {
    color: #938f8f;
}
.footer-widget ul li,
span.hightlight-contact-info li,
ul.policy-page li,
ul.social-links li {
    list-style: none;
}
.footer-widget a {
    color: #938f8f;
    font-weight: 400;
}
.footer-widget li.number a {
    font-size: 20px;
    color: #fff;
}
.footer-socials li a {
    color: #444;
    text-decoration: none;
    font-size: 16px;
}
.footer-socials li a:hover {
    color: #00C9D3;
    text-decoration: underline;
}
.footer-widget input {
    background: 0 0;
    border-bottom: 1px solid #202020;
    border-top: 0;
    border-left: 0;
    border-right: 0px;
    margin-left: -14px;
}
.fa-arrow-down {
    position: relative;
    bottom: 26px;
    left: 190px;
    font-size: 12px !important;
    transform: rotateZ(-90deg);
}
.footer-bottom {
    padding: 20px;
    background: #F4F5F8;
    font-size: 15px;
    color: #444;
}
.footer-copyright p {
    margin: 0;
    color: #444;
    font-size: 14px;
}
.ft-form input,
.ft-form textarea {
    margin-bottom: 14px;
    background: #1e1d1d;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    border-color: #484848;
    width: 100%;
    height: 50px;
}
.ft-form textarea {
    height: 150px;
}
input.ft-form-submit {
    background: #fff !important;
    color: #000;
    border: 1px solid;
    border-radius: 25px;
    padding: 9px 30px;
}
input.ft-form-submit.btn-contact {
    background: black !important;
    color: white;
    border: 1px solid;
    border-radius: 25px;
    padding: 9px 30px;
}
input.ft-form-submit.btn-contact:hover {
    background: #00C9D3 !important;
}
.testi-pre {
    left: -550px;
}
.testi-next {
    right: -550px;
}
.contact-right h2 {
    font-size: 30px;
    margin-bottom: 10px;
    text-decoration: none;
    font-weight: 800;
}
.contact-right {
    margin: 0;
    text-align: left;
}
.cf-fieds li {
    clear: both;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
}
.cf-fieds li i.fa {
    position: absolute;
    left: 10px;
    color: #f03232;
    top: 14px;
    font-size: 14px;
    display: none;
}
.cf-fieds li input,
.cf-fieds li textarea {
    width: 100%;
    border: 1px solid #ddd;
    height: 48px;
    background: #fff;
    border-radius: 3px;
    font-weight: 400;
    font-size: 14px;
    color: #11052d;
    line-height: normal;
    padding: 20px;
}
.cf-fieds li textarea {
    height: 90px;
    resize: none;
}
.cf-fieds li input[type="submit"] {
    clear: both;
    display: table;
    margin: 0;
    font-size: 20px;
    padding: 10px 30px;
    background: #000;
    color: #ffff;
    border-radius: 6px;
    position: relative;
    font-weight: 500;
    width: auto;
    height: auto;
}
.contact-line {
    float: left;
    width: 100%;
    margin-top: 0;
}
.contact-line li {
    width: 38.33%;
    float: left;
    position: relative;
    margin-right: 0;
}
.contact-line li a {
    font-size: 18px;
    color: #878787;
    display: block;
    font-weight: 600;
    padding-left: 90px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}
.contact-line li a:before {
    content: "";
    position: absolute;
    left: 0;
    width: 80px;
    height: 80px;
    top: 0;
    background-image: url(../images/stripe.webp);
    background-repeat: no-repeat;
}
.contact-line li.coragne a:before {
    background-position: -490px -542px;
}
.contact-line li.cgreen a:before {
    background-position: -480px -871px;
}
.contact-line li.cloc a:before {
    background-position: -490px -692px;
}
.contact-line li a span.clabel {
    font-size: 24px;
    font-weight: 600;
    color: #05143a;
    display: block;
}
section.contact-form {
    padding: 5em 0;
    margin-top: 30px;
    clear: both;
}
.contact-line li:last-child {
    margin-right: 0;
    width: auto;
    float: right;
}
.policy-page {
    display: flex;
    justify-content: flex-end;
}
ul.policy-page {
    text-align: right !important;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 28%);
    border-radius: 10px;
    background-color: #e7e5ea1f;
}
::-webkit-scrollbar {
    width: 8px;
    background-color: #871f1f00;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #000;
}
.port-content-div {
    padding: 50px 30px;
}
.branding-1 {

    background: #101010;

}

.branding-2 {

    background: #c5c7c7;

}

.branding-3 {

    background: #112237;

}

.branding-4 {

    background: #ebc903;

}

.branding-5 {

    background: #a80405;

}

.logo-1 {

    background: #111;

}

.logo-2 {

    background: #eabe02;

}

.logo-3 {

    background: #000;

}

.logo-5 {

    background: #000;

}

.logo-6 {

    background: #2e2f43;

}

.logo-8 {

    background: #1f2125;

}
.web-1 .port-images-div,
.web-2 .port-images-div,
.web-3 .port-images-div {
    max-height: 360px;
    overflow: hidden;
}
.web-1 {

    background: #ffb600;

}

.web-2 {

    background: #2641e7;

}

.web-3 {

    background: #59a40c;

}

.web-4 {

    background: #354194;

}

.web-5 {

    background: #f05c33;

}

.web-6 {

    background: #0269e6;

}

.mob-1 {

    background: #eaeaea;

}

.mob-2 {

    background: #226215;

}

.mob-3 {

    background: #F2B815;

}

.mob-4 {

    background: #16928d;

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

    #counter .item {
        margin: 16px 0;
        padding: 5px;
    }
    #counter .item img {
        width: 60px;
        position: relative;
        z-index: 1;
    }
    .services-box-section {
        padding: 0 !important;
    }
    .tabs-section h2 {
        font-size: 16px;
        line-height: 24px;
        color: #000;
    }
    .our-services {
        padding: 20px 0;
    }
    .tabs-section .tabcontent {
        padding: 10px 15;
    }
    .testimonial4_slide {
        width: 100%;
        padding: 20px 0;
    }
    .testimonial4_slide img {
        width: 70px;
        height: 70px;
    }
    .carousel-control-next,
    .carousel-control-prev {
        width: 6%;
    }
    .testimonial .carousel {
        padding-bottom: 10px;
    }
    .faq {
        padding: 10px 20px;
    }
    .faq-text {
        color: #555;
        margin: 0px 0 0;
        display: none;
        line-height: 1.5rem;
    }
    .faq-title {
        color: #000;
        margin-left: 0;
    }
    .faq.active .faq-toggle {
        transform: rotate(180deg);
        color: #000;
    }
    ul.social-links li a {
        padding: 0;
        margin: 0;
    }
    ul.social-links li {
        float: left;
        list-style: none;
        margin: 0 !important;
        width: 50%;
    }
    .footer-section {
        padding: 5px 0;
    }
    ul.footer-socials {
        margin-top: 5px !important;
    }
    .footer-bottom {
        padding: 12px 0;
        font-size: 14px;
        color: #555;
    }
    ul.policy-page {
        display: flex;
        text-align: left !important;
        justify-content: flex-start;
    }
    section.reviews-section .col-md-6 {
        margin-bottom: 30px !important;
    }
    .heading:after {
        content: " ";
        display: none !important;
    }
}
.owl-carousel .owl-nav.disabled .owl-next,
.owl-carousel .owl-nav.disabled .owl-prev,
.pricing-silder .owl-carousel .owl-dots.disabled {
    font-size: 23px;
    display: inline-block;
    cursor: pointer;
}
.owl-carousel .owl-nav.disabled .owl-next span,
.owl-carousel .owl-nav.disabled .owl-prev span,
.pricing-silder .owl-carousel .owl-dots.disabled {
    display: flex;
    justify-content: center;
    align-items: center;
}
.fa-angle-down:before {
    content: "\f107";
    font-family: "FontAwesome" !important;
    font-style: normal !important;
}



.social-links li a  {

    color: #fff;

    text-decoration: none;

    font-size: 16px;

}





.social-links li a i.fa-facebook,i.fa-instagram,i.fa-linkedin,i.fa-twitter {

    color:white;

    background: #00C9D3;

    padding: 20px;

    border: 1px;

    border-radius: 22%;

	margin-left:10px;

}







.social-links li a i.fa-facebook, i.fa-instagram, i.fa-linkedin, i.fa-twitter, svg {

    color: #080707;

    background: #fff;

    

    border: 1px;

    border-radius: 5%;

	

	    margin-left: 12px;

    font-size: 25px;

    padding: 7px;

    height: 1.5em;

    text-align: center;

   

}











.ft-form select {

    margin-bottom: 14px;

    background: #1e1d1d;

    padding: 10px 20px;

    border-radius: 4px;

    font-size: 16px;

    color: #fff;

    border-color: #484848;

    width: 100%;

    height: 50px;

}



.rs__submit__btn {

    background: black!important;

    color: white;

    border: 1px solid;

    border-radius: 25px;

    padding: 8px 30px 9px;

    margin: 15px 0px 0px;

}



.rs__submit__btn:hover {

    background: #00C9D3!important;

    color: white;

}



.rs__submit__btn:focus {

    color: white;

}



p.rs__error__text {

    color: red;

    font-size: 12px;

    font-weight: 600;

    visibility: hidden;

    margin: 0px;

}

p.rs__error__show {

    visibility: visible;

}

.rs__fake__btn {

    background: black!important;

    color: white;

    border: 1px solid;

    border-radius: 25px;

    padding: 8px 30px;

    width: fit-content;

    cursor: pointer;

    margin: 15px 0px 0px;

}

.rs__fake__btn:hover {

    background-color: #00C9D3!important;

}



/*landind css*/



.landing-section{

      background:white;

	  color:black;

    padding: 30px 0;

	padding-top:0px;

	

}



.landing-content h1 {

	color:black;

}



.landing-list{

	list-style:none;

	margin-left:-20px;

	font-size:15px;

	

}



.circlecheck {

    fill: yellowgreen;

    font-size: 20px;

}



.banner-form-btn {

    background: black!important ;

    color:white;

    font-weight: 700 ;

    border: 1px solid #002940 ;

    width: 100%;

}



.banner-form-btn:hover {

    background: white!important ;

    color:black;

    font-weight: 700 ;

    border: 1px solid #002940 ;

    width: 100%;

}





.banner-form-horizontal {

   background-image: linear-gradient(to bottom right, black, #654296);

    padding: 35px;

    border-radius: 6px;

	margin-top:60px;

}



.banner-form-horizontal h2{

	color:white;

}



.experience-section{

	 background:white;

	  color:black;

    padding: 60px;

	text-align:center;

}



.experience-title h2{

	color:black;

}



.experience-title span{

	color:#fe7531;

}





h2 {

	 text-align: center;

	 padding: 12px;

}

/* Slider */

 .slick-slide {

	 margin: 0px 20px;

}

 .slick-slide img {

	 width: 100%;

}

 .slick-slider {

	 position: relative;

	 display: block;

	 box-sizing: border-box;

	 -webkit-user-select: none;

	 -moz-user-select: none;

	 -ms-user-select: none;

	 user-select: none;

	 -webkit-touch-callout: none;

	 -khtml-user-select: none;

	 -ms-touch-action: pan-y;

	 touch-action: pan-y;

	 -webkit-tap-highlight-color: transparent;

}#00C9D3

 .slick-list {

	 position: relative;

	 display: block;

	 overflow: hidden;

	 margin: 0;

	 padding: 0;

}

 .slick-list:focus {

	 outline: none;

}

 .slick-list.dragging {

	 cursor: pointer;

	 cursor: hand;

}

 .slick-slider .slick-track, .slick-slider .slick-list {

	 -webkit-transform: translate3d(0, 0, 0);

	 -moz-transform: translate3d(0, 0, 0);

	 -ms-transform: translate3d(0, 0, 0);

	 -o-transform: translate3d(0, 0, 0);

	 transform: translate3d(0, 0, 0);

}

 .slick-track {

	 position: relative;

	 top: 0;

	 left: 0;

	 display: block;

}

 .slick-track:before, .slick-track:after {

	 display: table;

	 content: '';

}

 .slick-track:after {

	 clear: both;

}

 .slick-loading .slick-track {

	 visibility: hidden;

}

 .slick-slide {

	 display: none;

	 float: left;

	 height: 100%;

	 min-height: 1px;

}

 [dir='rtl'] .slick-slide {

	 float: right;

}

 .slick-slide img {

	 display: block;

}

 .slick-slide.slick-loading img {

	 display: none;

}

 .slick-slide.dragging img {

	 pointer-events: none;

}

 .slick-initialized .slick-slide {

	 display: block;

}

 .slick-loading .slick-slide {

	 visibility: hidden;

}

 .slick-vertical .slick-slide {

	 display: block;

	 height: auto;

	 border: 1px solid transparent;

}

 .slick-arrow.slick-hidden {

	 display: none;

}



.slider .slide-track {

    animation: 40s linear infinite scroll;

    display: flex;

    width: calc(250px * 14);

}

 

 

 

 .ecommerce-section{

	background:#654296;

	  color:black;

   padding-top:30px;

   padding-bottom:30px;

	

 }

 

 .content-woo {

	 padding:30px

 }

.content-woo h2 {

    color: white;

    text-align: left;

    margin-left: -14px;

}

 .content-woo p{

	 color:white;

 }

 

 .avail-now a {

    background: #060606;

    color: white;

     animation-duration: 2s;

    padding: 12px 25px;

    border-radius: 3px;

}



.avail-now a:hover {

    background: white;

    color: black;

   

    padding: 12px 25px;

    border-radius: 3px;

}

 

 

  .contentlanding-section{

	background:white;

	  color:black;

   padding-top:60px;

   padding-bottom:60px;

   text-align:center;

	

 }





.contentlanding-section h2{

	  color:black;

	  font-weight:bold;

}



.boxfea-1 {

    padding: 30px;

    background: white;

    box-shadow: 0px 1px 0px 1px whitesmoke;

    border-radius: 3px;

	

}



.boxfea-1 h3 {

   font-size:20px;

   color:black;

   font-weight:bold;

   margin-bottom:5px;

}









.icons-purple {

    fill: #654296;

    font-size: 40px;

	margin-bottom:3px;

}





.shopify-section{

	

	background:black;

	  color:black;

   padding-top:20px;

   padding-bottom:20px;

	

}





 .avail-now-shopify a {

    background:#a1c55c;

    color: white;

    

    padding: 12px 25px;

    border-radius: 3px;

}





 .avail-now-shopify a:hover {

    background:white;

    color: black;

    

    padding: 12px 25px;

    border-radius: 3px;

}



.content-shopify  {

	 padding:30px

 }

 

 
#00C9D3
 .content-shopify h2 {

    color: white;

    text-align: left;

    margin-left: -14px;

	font-size:28px;

}





.content-shopify h3 {

    font-size: 18px;

    color: #00C9D3;

    margin-bottom: 5px;

}

 .content-shopify  p{

	 color:white;

 }

 
.navbar-brand{

	width:320px;
}
 

 .images-brand {

	 padding:10px;

 }

 

 

 .shopify-development{

	

	background:white;

	  color:black;

   padding-top:60px;

   padding-bottom:60px;

	

}







.content-dev h2  {

	color:black;

	text-align:left;

	margin-left: -20px;

}



.content-dev p {

	color:black;

}



.awards-section{

	background:white;

   padding-top:60px;

   padding-bottom:60px;

	

}



.awards-section h2{

	color:black;

	

}



.logo-images{

	border-top:1px solid #d7d7d7;

	border-bottom:1px solid #d7d7d7;

border-right:1px solid #d7d7d7;

	border-left:1px solid #d7d7d7;

	padding:20px;

	margin:-15px;

}



.another-lines{

	margin-top:29px;

}









.whybusiness-section{

background:white;

   padding-top:60px;

   padding-bottom:60px;

   text-align:center;

}



.whybusiness-section  h2{

color:black;

}





.agency-box{

	background:#f1f1f1;

	padding:30px;

	border-radius:5px;

	text-align:center;

}



.agency-box h3{

	font-size:20px;

	margin-bottom:5px;

	

}



.agency-box svg{

	

	margin-bottom:10px;

	

}



 .agency-icon{

	 fill:#0f1374;

	 background:#f1f1f1;

	 font-size:40px;

 }

 

 

 .howitworks-section{

	 

	 background:white;

	padding:30px;

	border-radius:5px;

	text-align:center;

 }

 

   .howitworks-section h2{

	color:black;

	

 }

 

  .howitworks-section h3{

	 font-size:18px;

	margin-bottom:12px;

	

 }

 

  .steps-box img{

	

	margin-bottom:15px;

	

 }

 





 span.steps-div {

    display: block;

    padding: 4px;

    background: #ffe7da;

    border-radius: 4px;

   margin:0 auto;

    color: #e16206;

	width:100px;

	margin-bottom:12px;

}





.curve_btnready-section{

	

	padding-top:40px;

	padding-bottom:60px;

	text-align:center;

	background:#033a55;

	

}



.curve_btnready-section h2{

	color:white;

	

}



.curve_btnready-section p{

	color:white;

	

}



.btns-cta{

	display:inline-flex;

}



.contact-usbtn a{

	

	border:1px solid white;

    color: white;

    

    padding: 12px 25px;

    border-radius: 3px;

	

	

}



.contact-usbtn a:hover{

	

	border:1px solid white;

    color: black;

    background:white;

    padding: 12px 25px;

    border-radius: 3px;

	

	

}



.viewourbtn {

	

   margin-left:10px;

}



.viewourbtn a{

	

    color: white;

    background:#00C9D3;

    padding: 12px 25px;

    border-radius: 3px;

}



.viewourbtn a:hover{

	

    color: white;

    background:black;

    padding: 12px 25px;

    border-radius: 3px;

}



.testimonial-section{

	padding-top:40px;

	padding-bottom:60px;

	text-align:center;

	background:white;

}





.owl-carousel .owl-item img {

    display: block;

    width: 20%;

}





.section-testimonial {

  padding-bottom:10px;

  padding-top:30px;

	

}



.section-title {

    text-align: center;

    margin-bottom: 60px;

}



.section-borders span {

    height: 5px;

    background: #6aaf08;

    width: 40px;

    display: inline-block;

    border-radius: 2px;

}



.section-borders span.black-border {

    background: #333;

    width: 30px;

    margin: 0 6px;



}





.title-testimonial h2{

	color:black;

}













.client-testimonial-carousel button.owl-dot.active {

    background: #000 !important;

    width: 30px;

}



.client-testimonial-carousel .owl-dots {

    text-align: center;

    margin-top: 25px

}



.single-testimonial-item {

  

    box-shadow: 0 0 2px #dadfd3;

    margin: 2px;

    padding: 20px;

    font-style: italic;

   

	background:#f7f7f4;

}







.single-testimonial-item h3 {

    font-size: 20px;

    font-style: normal;

    margin-bottom: 0;

}



.single-testimonial-item h3 span {

    display: block;

    font-size: 12px;

    font-weight: normal;

    margin-top: 5px;

}





.footer-widget p{

	color:white;

}



.request-form{

	background:#363636;

	padding:20px;

	

	

}



.request-form h3{

	color:white;

	margin-bottom:5px;

	

}







.sendmessagebtn a{

	 color: white;

    background:#e9b519;

    padding: 12px 25px;

    border-radius: 3px;

}











.banner-form-text h3  {

	color: #fff;

}







.banner-form-text h3 span {

	margin-bottom: 15px;

	font-size: calc(5px + (50 - 24) * (100vw - 320px) / (1920 - 320));

	background-color: #e85041;

	display: inline-block;

	padding: 0 5px;

	position: relative;

	color: #fff;

	z-index: 1;

	margin-right: 27px;

}







.banner-form-text h3 span::after {

	content: '';

	position: absolute;

	right: -20px;

	top: 0;

	width: 53px;

	height: 100%;

	background-color: #e84f40;

	-webkit-transform: skewX(30deg);

	transform: skewX(30deg);

	z-index: -1

}











.btn-neworder {

    font-weight: 600;

    padding: 7px 20px;

    

    background: black;

    color: white;

    font-family: 'Urbanist', sans-serif;

    border: 1px solid transparent;

    -webkit-transform: translateY(0);

    transform: translateY(0);

	margin-right:5px;

}



.btn-neworder:hover {

    font-weight: 600;

    padding: 7px 20px;

    

    background: #00C9D3;

    color: white;

   font-family: 'Urbanist', sans-serif;

    border: 1px solid transparent;

    -webkit-transform: translateY(0);

    transform: translateY(0);

	margin-right:5px;

}





.logo-strip{

	position:relative;

	top:60px;

	right:50px;

}





.images-form-1 {

     position: relative;

  

    top: 80px;

    right: 92px;

}



.images-form-2 {

    position: relative;

  

    top: 80px;

    right: 92px;

}





.images-form {

    position: relative;

  

    top: 125px;

    right: 26px;

}



.form-image{

	    position: absolute;

    width: 1000px;

    left: -286px;

    top: 50px;

}



/*Custom CSS*/
header{position: absolute;
    width: 100%;
    top: 0px;
    z-index: 2;background-color: rgba(0, 0, 0, 0.2);}
.navbar-brand{position:relative;}   
/*.navbar-brand:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 141px;
    position: absolute;
    width: 22px;
    height: 12px;
    background: #00C9D3;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.navbar-brand:after {
    content: "";
    position: absolute;
    bottom: -37px;
    left: 108px;
    position: absolute;
    width: 45px;
    height: 49px;
    background: #00C9D3;
    clip-path: polygon(100% 0, 0 0, 0 100%);
} */    
.site-navigation{border-bottom: 0px;padding: 0px;}
section.services-page-section {
    padding-top: 100px;
    padding-bottom: 100px;
}
.hero-section {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh; /* Full viewport height */
}
/*.hero-section video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
    z-index: -1;
}*/
.hero-section .container{position: relative;
    z-index: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;}


/*Button Animation 1*/
.curve_btn {
    display: flex;
    padding: 10px 25px;
    text-decoration: none;
    font-size: 16px;
    color: white;
    background: #00C9D3;
    transition: 1s;
    box-shadow: 3px 3px 0 black;
    transform: skewX(-15deg);border-radius: 5px;
}

.curve_btn:focus {
   outline: none; 
}

.curve_btn:hover {
    transition: 0.5s;
    box-shadow: 6px 6px 0 #1F2557;
}

.curve_btn span:nth-child(2) {
    transition: 0.5s;
    margin-right: 0px;
}

.curve_btn:hover span:nth-child(2) {
    transition: 0.5s;
    margin-right: 45px;
}
.curve_btn svg{background-color: transparent;
    border: 0px;
    border-radius: 0px;
    font-size: 16px;
    padding: 5px;
    height: 24px;width: 25px;}
.curve_btn span {
    transform: skewX(15deg) 
  }

  .curve_btn span:nth-child(2) {
    width: 20px;
  }
  
/**************SVG****************/

path.one {
    transition: 0.4s;
    transform: translateX(-60%);
}

path.two {
    transition: 0.5s;
    transform: translateX(-30%);
}

.curve_btn:hover path.three {
    animation: color_anim 1s infinite 0.2s;
}

.curve_btn:hover path.one {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.6s;
}

.curve_btn:hover path.two {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.4s;
}

/* SVG animations */

@keyframes color_anim {
    0% {
        fill: white;
    }
    50% {
        fill: #1F2557;
    }
    100% {
        fill: white;
    }
}

/*Button Animation 2*/

  .btn-5 {
    border: 0px solid;
    box-shadow: inset 0 0 20px #00C9D3;
    outline: 1px solid;
    outline-color: #00C9D3;
    outline-offset: 0px;
    text-shadow: none;
    transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
    transform: skewX(-15deg);
    border-radius: 0px;
    background-color: #00C9D3;
    color:#fff;
    height: 45px;
    line-height: 28px;font-weight: normal;    border-radius: 5px;
  }
  .btn-5 span{transform: skewX(90deg);color:#fff;}
  
  .btn-5:hover {
    border: 0px solid;
    box-shadow: inset 0 0 20px rgba(29, 188, 86, 0.5), 0 0 20px rgba(11, 122, 255, 0.2);
    outline-color: rgba(29, 188, 86, 0);
    outline-offset: 15px;
    color:#fff;
  }


.banner_text_box{background-color: rgba(255,255,255, 0.9);padding: 30px;    border-radius: 10px;}
.hero-section{position:relative;}
.hero-section::before {
    content: "";
    position: absolute;
    background: url(../images/mx-banner-min.webp);
    width: 100%;
    height: 100%;
    top:0px;right:0px;background-repeat: no-repeat;
    background-size: cover;
}
.hero-section::after{ content: "";position: absolute;background-color: rgba(0,0,0,0.5);top:0px;right:0px;
    width: 100%;
    height: 100%;}

.text-black{color:#212529;}
.text-green{color:#00C9D3;}
.section_title1 h2{text-align: left;}
.section_title1 h2 span{text-transform: uppercase;}
.fw_400{font-weight:400;}
.fw_500{font-weight:500;}
.fw_600{font-weight:600;}
.fw_700{font-weight:700;}
.lh-150{line-height: 150%;}

.brands_slide .slide{width:160px;height:auto;}
.brands_slide img{max-width: 100%; height: auto;}

.service-nav{position: absolute;
    top: 45%;
    width: 100%;
    left: 0px;
    right: 0px;}
.owl-carousel{position:relative;}
#service-slider .owl-nav button.owl-next{
    position:absolute;right:0px;
} 

.team_section{position:relative;}
.team_section::before{content: "";position:absolute;background: url(../images/team-section.webp);
    width: 100%;
    height: 100%;
    background-size: cover;
    top: 0px;
    left: 0px;
    background-position: bottom center;
}

.tabs-section{margin-top: -90px;background: #F4F5F8;}
.tabs-section .tab{gap: 5px;}
.tabs-section .tab .active h4 {color: #fff;}
.tabs-section .tab button{    padding: 15px 20px 8px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .07);
    margin-bottom: 12px;
    background-color: #fff;
    border-radius: 5px;width:100%;}
.tabs-section .tab button.active span{font-weight: 500 !important;}
.tablinks.active h2{color:#fff;}
.tablinks.active{background-color: #00C9D3 !important;color: #fff !important;}
.tabs-section .tabcontent{background-color: #fff;border-radius: 0px;}


.footer-copyright.text-center {border-top: 1px solid #dcdcdc;padding-top: 26px;}

@media (min-width:993px)
{
header .navbar-nav a.nav-link:not(.dropdown) {color: #fff;}
.fs_12{font-size:13px;}
.fs_14{font-size:14px;}
.fs_16{font-size:16px;}
.fs_18{font-size:18px;}
.fs_20{font-size:20px;}
.fs_22{font-size:22px;}
.fs_25{font-size:25px;}
.fs_30{font-size:30px;}
.fs_35{font-size:35px;}
.fs_40{font-size:40px;}
.fs_45{font-size:45px;}
.section_space{margin-top: 80px;}
.hero_banner h1{max-width: 570px;}
}

@media (min-width:768px) and (max-width:992px)
{
    .tb_fs_12{font-size:13px;}
    .tb_fs_14{font-size:14px;}
    .tb_fs_16{font-size:16px;}
    .tb_fs_18{font-size:18px;}
    .tb_fs_20{font-size:20px;}
    .tb_fs_22{font-size:22px;}
    .tb_fs_25{font-size:25px;}
    .tb_fs_30{font-size:30px;}
    .tb_fs_35{font-size:35px;}
    .tb_fs_40{font-size:40px;}
    .tb_fs_45{font-size:45px;} 
    .navbar {
        padding: 0px 10px !important;
    } 
}

@media (max-width:767px)
{
    .mob_fs_12{font-size:13px;}
    .mob_fs_14{font-size:14px;}
    .mob_fs_16{font-size:16px;}
    .mob_fs_18{font-size:18px;}
    .mob_fs_20{font-size:20px;}
    .mob_fs_22{font-size:22px;}
    .mob_fs_25{font-size:25px;}
    .mob_fs_30{font-size:30px;}
    .mob_fs_35{font-size:35px;}
    .mob_fs_40{font-size:40px;}
    .mob_fs_45{font-size:45px;}  
    .curve_btn{font-size: 14px !important;}
    .banner_text_box {margin-top: 45px;}
    .btn_inline{display: grid;
        gap: 10px;
        text-align: center;
        justify-content: left;}
        .btn_inline a.curve_btn {
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            margin: 0px !important;
        }
        .navbar {
            padding: 0px 10px !important;
        }
        .faqs-section {
            padding: 20px 0;
        }
        .footer-logo img {
            max-width: 200px;
        }       
}