@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,400;0,600;0,700;1,600&display=swap);

h1,
h2 {
    font-weight: 700
}

.comment-form-section .respond-comment span,
.footer-section .useful-footer li a:hover,
.home-header-section .main-header .navbar-collapse .navbar-nav .active>a,
.home-header-section .main-header .navbar-collapse .navbar-nav a:hover,
.home-header-section .main-header .navbar-collapse .redlight-dropdown a:hover,
.home-header-section .sub-banner-section .banner-btn .about-margin,
.sub-banner-outer h1 {
    color: var(--e-global-color-accent)
}

body {
    font-family: 'Titillium Web', sans-serif
}

:root {
    --e-global-color-primary: #242b44;
    --e-global-color-secondary: #ffffff;
    --e-global-color-accent: #4aa5f0;
    --e-global-color-text: #afb6d2;
    --e-global-color-hover: #c0f864;
    --e-global-color-dark-blue: #171d34;
    --e-global-color-yellow: #fdde47;
    --e-global-color-dark-blue2: #1c223a;
    --e-global-color-very-dark-blue: #1a2037;
    --e-global-color-soft-blue: #484d5f;
    --e-global-color-dark-blue3: #1d233c;
    --e-global-color-blue-f: #2a3150;
    --e-global-color-dark-bluish: #1f253e;
    --e-global-color-blue-best: #1b2137;
    --e-global-color-bar: #2f3449
}

html {
    scroll-behavior: smooth
}

h1 {
    font-size: 70px;
    line-height: 70px;
    word-spacing: 0px;
    letter-spacing: 0
}

h2 {
    font-size: 52px;
    line-height: 56px
}

h3,
h4,
h5 {
    font-weight: 600
}

h3 {
    font-size: 40px;
    line-height: 46px
}

h4 {
    font-size: 36px;
    line-height: 38px
}

h5 {
    font-size: 24px;
    line-height: 28px
}

h6 {
    font-size: 20px;
    line-height: 18px;
    font-weight: 400
}

p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400
}

.home-header-section .main-header .navbar-collapse .navbar-nav .dropdown-content-redlight ul li a,
a {
    font-size: 18px;
    line-height: 18px
}

a {
    font-weight: 600
}

.h1-text,
h2.text-center.aos-init.aos-animate {
    color: #c0f864;
    animation: 3s linear infinite color-animation
}

.sub-banner-outer h1 {
    animation: 4s linear infinite color-animation
}

@keyframes color-animation {

    0%,
    32% {
        color: var(--e-global-color-accent)
    }

    33% {
        color: var(--e-global-color-secondary)
    }

    65% {
        color: var(--e-global-color-hover)
    }

    66% {
        color: var(--e-global-color-text)
    }
}

.home-header-section .main-header .navbar-collapse .navbar-nav li:first-child {
    margin-left: 115px
}

.home-header-section .main-header .navbar-collapse .navbar-nav li {
    display: inline-block;
    margin: 0 19px
}

.home-header-section .main-header .navbar-collapse .navbar-nav .blogs-li {
    margin: 0 20px
}

.home-header-section {
    background: var(--e-global-color-very-dark-blue);
    position: relative;
    overflow: hidden
}

.home-header-section .banner-right-img {
    position: absolute;
    width: 1689px;
    height: 1262px;
    bottom: 105px;
    right: -353px
}

.home-header-section:before {
    background: url(../images//header-left-circle-img.png);
    content: "";
    width: 445px;
    height: 445px;
    position: absolute;
    top: -180px;
    left: -240px
}

.home-header-section .main-header .navbar-brand {
    margin-left: 0;
    padding-bottom: 0;
    margin-right: 181px
}

.navbar-light .navbar-nav .nav-link {
    padding-left: 8px;
    position: relative
}

.home-header-section .main-header {
    padding: 26px 298px 0 350px
}

.home-banner-section .banner-container-box .home-banner-text {
    padding-left: 342px
}

.home-header-section .main-header .navbar-collapse .navbar-nav li a {
    color: var(--e-global-color-secondary);
    font-size: 20px;
    line-height: 22px;
    font-weight: 400
}

.home-header-section .main-header .navbar-collapse .btn-talk {
    margin-left: 25px !important
}

.banner-container-box .social-icons {
    z-index: 1;
    transition: .3s ease-in-out;
    left: 88px;
    top: 78px
}

.home-banner-section .banner-container-box .social-icons ul li .social-networks {
    font-size: 16px;
    margin-top: 20px;
    color: var(--e-global-color-secondary);
    background: var(--e-global-color-primary);
    border-radius: 10px;
    text-align: center;
    transition: transform .3s;
    width: 50px;
    height: 50px;
    line-height: 50px !important
}

.banner-container-box .social-icons ul li .social-networks:hover {
    background: var(--e-global-color-hover);
    color: var(--e-global-color-secondary);
    transform: translate(0, -5px);
    transition: .3s ease-in-out
}

.home-header-section .main-header .navbar-collapse .redlight-dropdown a {
    color: var(--e-global-color-secondary)
}

.dropdown-content-redlight ul li a {
    color: var(--e-global-color-white-banner-text);
    line-height: 16px;
    padding: 12px 11px !important;
    width: 160px
}

.dropdown-content-redlight ul li a:hover {
    background: var(--e-global-color-hover) !important;
    color: var(--e-global-color-white) !important
}

.dropdown-item:hover {
    text-decoration: none;
    background-color: transparent
}

.dropdown-content-redlight ul li {
    margin-left: 0 !important
}

.redlight-dropdown .dropdown-content-redlight {
    background: var(--e-global-color-accent);
    color: var(--e-global-color-secondary);
    width: 100%;
    top: 54px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0
}

.home-header-section .main-header .navbar-collapse .navbar-nav .dropdown-content-redlight ul li {
    margin: 0
}

.dropdown-item:active,
.home-header-section .dropdown-item.active {
    color: var(--e-global-color-secondary) !important;
    background: var(--e-global-color-hover) !important;
    text-decoration: none;
    background-color: transparent
}

.home-header-section .main-header .navbar-collapse .btn-talk a {
   /*background: var(--e-global-color-hover);*/
    background: #4aa5f0!important;
    line-height: 20px;
    color: var(--e-global-color-secondary);
    padding: 18px 35px 17px 33px;
    display: inline-block;
    border-radius: 15px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    font-size: 20px;
    /*border: 2px solid var(--e-global-color-hover);*/
    border: 1px solid #969db5;
    transition: .3s ease-in-out
}

.home-header-section .main-header .navbar-collapse .btn-talk a:hover {
    background: #c0f864!important;
    /*color: var(--e-global-color-secondary) !important;*/
    color: #000;
    border: 1px solid #969db5;
    transition: .3s ease-in-out
}

.home-banner-section .banner-container-box .home-banner-text h1 {
    margin-bottom: 20px;
    color: var(--e-global-color-secondary)
}

.home-banner-section .banner-container-box .banner-paragraph {
    font-size: 22px;
    font-weight: 400;
    line-height: 33px;
    word-spacing: 0px;
    margin-bottom: 30px;
    color: var(--e-global-color-text);
    padding-right: 10px
}

.home-banner-section .banner-container-box .banner-btn a {
    color: var(--e-global-color-secondary);
    background: var(--e-global-color-accent);
    word-spacing: 2px
}

.home-banner-section .banner-container-box .banner-btn a:hover {
    background: var(--e-global-color-hover) !important;
    color: var(--e-global-color-secondary)
}

.discover-btn-banner .play-button {
    padding: 19px 25px;
    margin-left: 14px;
    background: var(--e-global-color-dark-blue2) !important;
    border: 1px solid var(--e-global-color-soft-blue)
}

.discover-btn-banner .play-button:hover {
    border: 1px solid var(--e-global-color-hover)
}

.home-banner-section {
    padding-top: 217px;
    padding-bottom: 213px
}

.inner-arrow-menu-btn {
    font-size: 18px;
    background-image: linear-gradient(-72deg, var(--e-global-background-services-box) 0, var(--e-global-background-services-box-color2) 100%);
    color: #ffff;
    border-radius: 100px;
    width: 43px;
    right: 24px;
    top: 17px;
    height: 43px px;
    position: absolute;
    line-height: 45px !important;
    text-align: center;
    transition: .3s ease-in-out
}

.discover-btn-banner a:hover .inner-arrow-style {
    background: var(--e-global-color-white);
    color: var(--e-global-color-accent);
    border: 1px solid var(--e-global-color-accent)
}

.contact-us-margin {
    margin-right: -9px
}

.navbar-nav li:last-child {
    margin-left: 0;
    margin-right: 0
}

.banner-img-content figure {
    margin-left: 0;
    position: absolute;
    top: -160px;
    left: 20px
}

.our-services-section {
    background: var(--e-global-color-dark-blue);
    padding: 139px 0
}

.our-services-section h6 {
    text-align: center;
    color: var(--e-global-color-accent);
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 22px;
    transition: .4s ease-in-out;
    position: relative;
    width: 100%
}

.ityped-cursor {
    font-size: 0em;
    opacity: 1;
    -webkit-animation: .3s infinite blink;
    -moz-animation: .3s infinite blink;
    animation: .3s infinite alternate blink
}

@keyframes blink {
    100% {
        opacity: 0
    }
}

@-webkit-keyframes blink {
    100% {
        opacity: 0
    }
}

@-moz-keyframes blink {
    100% {
        opacity: 0
    }
}

.our-services-section h2 {
    color: var(--e-global-color-secondary);
    margin-bottom: 46px
}

.our-services-section .services-content {
    background: var(--e-global-color-dark-blue3);
    border-radius: 10px;
    padding: 37px 51px 53px;
    transition: transform .3s;
    cursor: pointer;
    border-bottom: 3px solid var(--e-global-color-black-cards-bacground);
    border: 2px solid var(--e-global-color-dark-blue3)
}

.our-services-section .services-content:hover {
    border: 2px solid var(--e-global-color-accent)
}

.our-services-section .services-content .icons-rounded-box {
    background: var(--e-global-color-dark-icons-background);
    padding: 12px 16px;
    text-align: center;
    border-radius: 6px;
    margin-bottom: 15px
}

.our-services-section .security-services-p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: var(--e-global-color-text);
    padding: 0;
    margin-bottom: 33px
}

.our-services-section .services-content a {
    color: var(--e-global-color-secondary);
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: 0;
    background: var(--e-global-color-dark-blue2);
    border: 1px solid var(--e-global-color-soft-blue);
    border-radius: 15px;
    padding: 11px 34px 12px;
    transition: .3s ease-in-out
}

.our-services-section .services-content a:hover {
    background: var(--e-global-color-accent);
    border: 1px solid var(--e-global-color-accent);
    transition: .3s ease-in-out
}

.our-services-section .services-content h5 {
    margin-bottom: 10px;
    color: var(--e-global-color-secondary)
}

.carousel-section .carousel-content,
.footer-section .footer-list .icon-list-box1 .form-btn,
.form-btn,
.our-services-section .services-content .services-box,
.pricing-plan-section .services-content .order-now-btn {
    text-align: center
}

.our-services-section .owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: block
}

.our-services-section .owl-theme .owl-dots .owl-dot span,
.partners-section .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: var(--e-global-color-blue-f);
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s;
    border-radius: 30px;
    border: none !important
}

.our-services-section .owl-theme .owl-dots .owl-dot span:hover,
.our-services-section .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span,
.partners-section .owl-theme .owl-dots .owl-dot span:hover,
.partners-section .owl-theme .owl-dots .owl-dot.active span {
    background: var(--e-global-color-hover);
    border: none !important
}

.our-services-section .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none !important;
    padding: 0 !important;
    font: inherit
}

.about-us-page-section .about-us-content ul i,
.about-us-section .about-us-content ul i,
.pricing-plan-section ul i {
    color: var(--e-global-color-dark-bluish);
    width: 20px;
    height: 20px;
    padding: 5px;
    font-size: 13px;
    line-height: 14px;
    text-align: center
}

.our-services-section .owl-carousel button.owl-dot:hover {
    border: none !important
}

.our-services-section .owl-carousel .item .services-content .services-box a:hover {
    color: var(--e-global-color-secondary);
    background: var(--e-global-color-accent) !important;
    border: 1px solid var(--e-global-color-accent)
}

.our-services-section .owl-theme .owl-dots .owl-dot:focus,
.partners-section .owl-theme .owl-dots .owl-dot:focus {
    outline: 0
}

.about-us-section,
.our-teams-section {
    background: var(--e-global-color-blue-best)
}

.about-us-page-section h2,
.about-us-section h2 {
    margin-bottom: 33px;
    color: var(--e-global-color-secondary)
}

.about-us-page-section h6,
.about-us-section h6,
.contact-us-form .autorix-text,
.our-teams-section h6,
.who-we-are-section h6 {
    color: var(--e-global-color-accent);
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 22px
}

.about-us-page-section .about-us-content .aboutus-p,
.about-us-section .about-us-content .aboutus-p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: var(--e-global-color-text);
    padding-right: 23px;
    margin-bottom: 20px
}

.about-us-page-section .about-us-content .cloud-security-li,
.about-us-section .about-us-content .cloud-security-li {
    margin-left: 19px
}

.about-us-section .about-us-content .server-security-li {
    margin-left: 61px
}

.about-us-page-section .about-us-content .threat-detection-li,
.about-us-section .about-us-content .threat-detection-li {
    margin-left: 38px
}

.about-us-section .about-us-content .cyber-security-li {
    margin-left: 63px
}

.about-us-page-section .about-us-content ul i,
.about-us-section .about-us-content ul i {
    background: var(--e-global-color-hover);
    border-radius: 100px;
    position: relative;
    margin-right: 15px
}

.about-us-page-section .about-section-f1,
.about-us-page-section .about-us-content .left-section-margin-bottom,
.about-us-section .about-us-content .left-section-margin-bottom,
.carousel-section .carousel-content ul,
.contact-us-form .col-inner {
    margin-bottom: 30px
}

.about-us-section .about-us-content ul li,
.footer-content1 figure {
    margin-bottom: 12px
}

.about-us-page-section .about-us-content .list-margin-bottom,
.about-us-section .about-us-content .list-margin-bottom,
.faq-section .accordian-inner .accordion-card:last-child {
    margin-bottom: 0
}

.about-us-section .about-us-content .margin-left-checkk {
    margin-left: 18px;
    letter-spacing: 0 !important
}

.about-us-page-section .about-us-content .list-span,
.about-us-section .about-us-content .list-span,
.pricing-plan-section .list-span {
    color: var(--e-global-color-text);
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    word-spacing: 0px;
    letter-spacing: 0
}

.about-us-page-section .about-us-section .about-us-content .banner-btn a,
.about-us-section .about-us-content .banner-btn a {
    color: var(--e-global-color-secondary);
    background: var(--e-global-color-accent);
    border-radius: 15px;
    padding: 20px 48px 21px 47px;
    display: inline-block;
    position: relative;
    font-weight: 600;
    transition: .3s ease-in-out;
    line-height: 20px;
    word-spacing: 2px;
    font-size: 20px
}

.about-us-section .about-us-content .banner-btn a:hover,
.our-teams-section .about-us-content .banner-btn a:hover {
    transform: translateY(-5px);
    background: var(--e-global-color-hover) !important;
    /*color: var(--e-global-color-secondary);*/
    color: #000;
    transition: .3s ease-in-out
}

.about-us-section .about-content-img,
.faq-section .accordian-inner .card-body .faq_wrapper,
.who-we-are-section .section-2 .section-2-content {
    position: relative
}

.about-us-section .about-content-img .about-section-f1 {
    top: 50px;
    left: -38px
}

.about-us-section .about-content-img .about-section-f2 {
    left: 353px;
    top: 173px
}

.about-us-section .about-content-img .about-section-f3 {
    top: 336px;
    left: 92px
}

.about-us-section .about-content-img figure,
.who-we-are-section .section-2 .section-2-content .section2-figure {
    position: absolute
}

.about-us-section .about-left-back-img {
    position: absolute;
    left: -41%;
    top: -385px
}

.about-us-section::after {
    background: url(../images/about-right-backround.png);
    content: "";
    width: 445px;
    height: 405px;
    position: absolute;
    right: -77px;
    top: -136px
}

.star {
    animation: 10s ease-out infinite star
}

@keyframes star {
    0% {
        opacity: 0;
        transform: scale(1.5) translateY(-.75em)
    }

    20% {
        opacity: 1
    }

    89% {
        opacity: 1;
        transform: scale(1)
    }

    100% {
        opacity: 0;
        transform: translateZ(-1000em)
    }
}

.partners-section h6,
.pricing-plan-section h6 {
    text-align: center;
    color: var(--e-global-color-accent);
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 22px
}

.partners-section {
    background: var(--e-global-color-dark-blue);
    padding: 128px 0
}

.partners-section h2 {
    color: var(--e-global-color-secondary);
    margin-bottom: 40px
}

.partners-section .partners-content .partners-box {
    background: var(--e-global-color-dark-blue3);
    border-radius: 10px;
    padding: 24px 23px;
    transition: .3s ease-in-out;
    cursor: pointer;
    border-bottom: 3px solid var(--e-global-color-black-cards-bacground);
    border: 2px solid var(--e-global-color-dark-blue3)
}

.partners-section .partners-content .partners-box:hover {
    background: var(--e-global-color-accent);
    transition: .3s ease-in-out
}

.who-we-are-section {
    background: var(--e-global-color-very-dark-blue);
    padding: 250px 0 0;
    position: relative
}

.who-we-are-section h2 {
    color: var(--e-global-color-secondary);
    margin-bottom: 27px;
    letter-spacing: -.7px
}

.who-we-are-section .about-us-content .aboutus-p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: var(--e-global-color-text);
    padding-right: 23px;
    margin-bottom: 37px
}

.who-we-are-section .about-us-content .counter-box .counetr-heading {
    font-size: 40px;
    line-height: 44px;
    font-weight: 600;
    color: var(--e-global-color-hover);
    margin-bottom: 10px
}

.who-we-are-section .about-us-content .counter-box .counetr-heading .plus-counter {
    font-size: 28px;
    line-height: 30px;
    position: absolute;
    top: 0
}

.footer-section .useful-footer li a,
.who-we-are-section .about-us-content .counter-box .counter-text {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: var(--e-global-color-text)
}

.who-we-are-section .about-us-content .counter-b2 {
    margin-left: -35px
}

.who-we-are-section .about-us-content .counter-b3 {
    margin-left: -30px
}

.who-we-are-section .who-we-img-content .who-we-figure {
    top: -230px;
    position: absolute;
    left: -27px
}

.who-we-are-section .who-we-img-content {
    margin-left: 61px;
    position: relative;
    z-index: 1
}

.who-we-are-section:before {
    /*background: url(../images//who-we-before.png);*/
    content: "";
    width: 445px;
    height: 406px;
    position: absolute;
    top: -141px;
    left: -104px
    
}

.who-we-are-section .who-we-right-fig {
    position: absolute;
    top: -30%;
    right: -26%
    
}

.who-we-are-section .section-2 {
    padding-top: 278px;
    position: relative;
    padding-bottom: 137px
}

.who-we-are-section .section-2 .who-we-right-fig {
    position: absolute;
    top: -29%;
    left: -42%
}

.who-we-are-section .section-2 .section2-fig {
    margin-top: 0px
}

.contact-us-form::after,
.who-we-are-section .section-2::after {
    /*background: url(../images/section2-after-img.png);*/
    content: "";
    width: 445px;
    height: 405px;
    position: absolute;
    right: -97px;
    bottom: -132px
}

.who-we-are-section .section-2 .section2-heading {
    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
    color: var(--e-global-color-secondary);
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 12px
}

.who-we-are-section .section-2 .section2-text {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: var(--e-global-color-text);
    margin-bottom: 0
}

.who-we-are-section .section-2 .section-2-content .section2-box {
    margin-left: 79px
}

.who-we-are-section .section-2 .section2-row1 {
    margin-bottom: 35px
}

.who-we-are-section .section-2 .section2-img-content {
    margin-left: 0
}

.who-we-are-section .section-2 .about-us-content {
    padding-left: 103px
}

.who-we-are-section .section2-h2 {
    letter-spacing: 0
}

.who-we-are-section .section-2 .about-us-content .aboutus-p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: var(--e-global-color-text);
    padding-right: 23px;
    margin-bottom: 25px
}

.who-we-are-section .section-2 .row2-content {
    margin-left: 7px
}

.pricing-plan-section {
    background: var(--e-global-color-dark-blue);
    padding: 130px 0 82px
}

.pricing-plan-section h2 {
    color: var(--e-global-color-secondary);
    margin-bottom: 65px
}

.pricing-plan-section .pricing-plan-color {
    color: var(--e-global-color-secondary);
    text-align: center;
    position: relative;
    margin-bottom: 47px !important
}

.pricing-plan-section .pricing-free-text {
    font-size: 18px;
    line-height: 26px;
    color: var(--e-global-color-text);
    font-weight: 400;
    position: absolute;
    bottom: -29px;
    text-align: center;
    left: 0;
    right: 0
}

.pricing-plan-section .pricing-content {
    font-size: 18px;
    line-height: 35px;
    font-weight: 400;
    color: var(--e-global-color-grey-icons);
    padding: 0;
    margin-bottom: 44px
}

.pricing-plan-section .order-now-btn a {
    border: 1px solid var(--e-global-color-grey-cyber-box);
    padding: 10px 32px;
    border-radius: 4px;
    font-size: 18px;
    line-height: 26px;
    color: var(--e-global-color-white-banner-text);
    font-weight: 600
}

.pricing-plan-section .services-content {
    background: var(--e-global-color-dark-blue3);
    border-radius: 5px;
    padding: 46px 39px 59px 57px;
    transition: .3s ease-in-out;
    cursor: pointer;
    border-bottom: 3px solid var(--e-global-color-black-cards-bacground);
    position: relative;
    border: 2px solid var(--e-global-color-dark-blue3)
}

.contact-page-section .offer-section-box:hover,
.pricing-plan-section .services-content:hover {
    border: 2px solid var(--e-global-color-accent);
    transition: .3s ease-in-out
}

.pricing-plan-section .services-content:hover .pricing-plan-h5 {
    background: var(--e-global-color-accent)
}

.pricing-plan-section h3 {
    margin-bottom: 22px
}

.our-teams-section P,
.pricing-plan-section p {
    margin-bottom: 72px;
    width: 100%;
    text-align: center;
    color: #fff
}

.pricing-plan-section .services-content .icons-rounded-box {
    padding: 0;
    border-radius: 6px;
    margin-bottom: 21px;
    text-align: center
}

.pricing-plan-section ul i {
    background: var(--e-global-color-hover);
    border-radius: 100px;
    position: relative;
    margin-right: 12px
}

.pricing-plan-section ul li {
    margin-bottom: 12px !important
}

.pricing-plan-section .services-content .order-now-btn a {
    padding: 11px 21px 12px;
    background: var(--e-global-color-dark-blue2) !important;
    border: 1px solid var(--e-global-color-soft-blue);
    font-size: 18px;
    line-height: 18px;
    color: var(--e-global-color-secondary);
    font-weight: 600;
    border-radius: 20px;
    transition: .3s ease-in-out
}

.our-teams-section .about-us-content .banner-btn a,
.our-teams-section .teams-img-content ul li i {
    color: var(--e-global-color-secondary);
    background: var(--e-global-color-accent);
    transition: .3s ease-in-out
}

.comment-form-section .form-gray-fields .btn:hover,
.contact-us-form .contact-us-wrapper .form-btn button:hover,
.pricing-plan-section .services-content .order-now-btn a:hover {
    transform: translateY(-5px);
    background: var(--e-global-color-hover) !important;
    /*color: var(--e-global-color-secondary);*/
     color: #000;
    transition: .3s ease-in-out;
    border: 1px solid var(--e-global-color-hover)
}

.pricing-plan-section .pricing-plan-h5 {
    position: absolute;
    font-size: 18px;
    line-height: 17px;
    font-weight: 600;
    color: var(--e-global-color-secondary);
    background: var(--e-global-color-hover);
    border-radius: 13px;
    padding: 10px;
    left: 20px;
    right: 0;
    text-align: center;
    margin: 0 auto;
    top: -22px;
    width: 125px
}

.pricing-plan-section .services-content .list-margin-bottom {
    margin-bottom: 33px
}

.our-teams-section:before {
    /*background: url(../images//who-we-before.png);*/
    content: "";
    width: 445px;
    height: 406px;
    position: absolute;
    top: -134px;
    left: -94px
}

.our-teams-section h2 {
    margin-bottom: 27px;
    color: var(--e-global-color-secondary)
}

.our-teams-section .about-us-content .aboutus-p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: var(--e-global-color-text);
    padding-right: 40px;
    margin-bottom: 12px
}

.our-teams-section .about-us-content .our-teamp2 {
    margin-bottom: 41px
}

.our-teams-section .about-us-content {
    padding-top: 116px
}

.our-teams-section .about-us-content .banner-btn a {
    border-radius: 15px;
    padding: 20px 35px 21px 39px;
    display: inline-block;
    position: relative;
    font-weight: 600;
    line-height: 20px;
    word-spacing: 0px;
    font-size: 20px
}

.our-teams-section .who-we-right-fig {
    position: absolute;
    top: -46%;
    right: -27%
}

.our-teams-section .teams-img-content .teams-text h5 {
    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
    color: var(--e-global-color-secondary);
    text-align: center
}

.our-teams-section .teams-img-content .teams-text p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: var(--e-global-color-text);
    text-align: center;
    margin-bottom: 34px
}

.our-teams-section .teams-img-content .hover_box_plus ul {
    position: absolute;
    left: 3px;
    right: 0;
    bottom: 90px
}

.our-teams-section .teams-img-content ul li i:hover,
.teams-section-page .teams-img-content ul li i:hover {
    background: var(--e-global-color-hover);
    border: 1px solid var(--e-global-color-hover);
    transform: translate(0, -5px);
    transition: .3s ease-in-out
}

.our-teams-section .teams-img-content .hover_box_plus {
    margin-bottom: 36px
}

.our-teams-section .teams-img-content ul li i {
    border-radius: 100px;
    font-size: 16px;
    line-height: 34px;
    width: 36px;
    height: 36px;
    border: 1px solid var(--e-global-color-accent)
}

.our-teams-section .teams-img-content ul li,
.teams-section-page .teams-img-content ul li {
    list-style: none;
    display: inline-block;
    margin: 0 3px;
    text-align: center
}

.about-banner-text {
    margin-bottom: 87px
}

.about-banner-text .about-h1 {
    font-size: 50px;
    font-weight: 600;
    line-height: 55px;
    margin-bottom: 24px;
    letter-spacing: -1px;
    word-spacing: 0
}

.about-banner-text .banner-paragraph {
    font-weight: 400;
    padding: 0 235px;
    margin-bottom: 28px
}

.about-banner-text .about-btn a {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: var(--e-global-color-white-banner-text)
}

.about-banner-text .about-text-color,
.about-us-section-page .about-us-list i {
    color: var(--e-global-color-btn-red)
}

.about-us-section-page {
    background: var(--e-global-color-black-cards-bacground);
    padding: 116px 184px 63px 77px;
    border-radius: 15px
}

.about-us-section-page p {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: var(--e-global-color-grey-icons);
    padding: 0 10px 0 0;
    margin-bottom: 24px
}

.about-us-section-page .about-us-list .list-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: var(--e-global-color-grey-icons);
    word-spacing: -1px;
    letter-spacing: 0
}

.about-us-section-page .about-us-list a {
    padding-left: 20px
}

.about-us-section-page .discover-btn-banner .play-button {
    padding: 15px 33px;
    background: 0 0 !important;
    border: 1px solid var(--e-global-color-grey-cyber-box);
    margin-left: 9px
}

.about-us-section-page .discover-btn-banner .play-button:hover {
    background: var(--e-global-color-btn-red) !important;
    border: 1px solid var(--e-global-color-btn-red)
}

.about-us-section-page .about-section-img {
    margin-left: -40px;
    margin-top: -55px
}

.about-us-section-page h3 {
    margin-bottom: 28px
}

.about-us-section-page .about-us-list {
    margin-bottom: 31px
}

.about-us-section-page .banner-btn-about a {
    color: var(--e-global-color-white) !important;
    background: var(--e-global-color-btn-red) !important;
    border-radius: 3px;
    padding: 15px 33px 15px 34px;
    display: inline-block;
    position: relative;
    font-weight: 600;
    transition: transform .3s
}

.aboutus-page {
    padding: 110px 0 0 !important
}

.carousel-section {
    background: var(--e-global-color-accent);
    padding: 137px 0 162px;
    position: relative
}

.carousel-section:before {
    background: url(../images/carousel-before-img.png);
    content: "";
    width: 305px;
    height: 227px;
    position: absolute;
    top: 106px;
    left: 90px
}

.carousel-section::after {
    background: url(../images/carousel-after-img.png);
    content: "";
    width: 305px;
    height: 227px;
    position: absolute;
    right: 68px;
    bottom: 84px
}

.carousel-section .carousel-content ul li {
    display: inline
}

.carousel-section .carousel-content h5 {
    color: var(--e-global-color-secondary);
    margin-bottom: 23px
}

.carousel-section .carousel-content ul li i {
    color: var(--e-global-color-yellow);
    letter-spacing: -1px;
    font-size: 24px;
    line-height: 26px
}

.carousel-section .carousel-content h4 {
    color: var(--e-global-color-secondary);
    padding: 0 53px;
    font-size: 36px;
    line-height: 47px;
    margin-bottom: 158px
}

.carousel-section .carousel-content .carousel-text h6 {
    font-size: 22px;
    line-height: 24px;
    color: var(--e-global-color-secondary);
    font-weight: 600
}

.carousel-section .carousel-content .carousel-text p {
    font-size: 16px;
    line-height: 18px;
    color: var(--e-global-color-secondary);
    font-weight: 400;
    margin-bottom: 30px
}

.carousel-section .carousel-indicators {
    bottom: -50px
}

.carousel-section .carousel-indicators2 li {
    display: grid;
    margin-right: 80px;
    background: 0 0;
    text-indent: 1px
}

.carousel-section .carousel-indicators2 {
    bottom: 145px;
    margin-right: 117px
}

.carousel-section .carousel-indicators2 li,
.carousel-section .carousel-indicators2 li:active img {
    opacity: 1
}

.carousel-section .carousel-indicators2 .margin-right-li {
    margin-right: 94px
}

.carousel-section .carousel-indicators2 .margin-right-li-img1 {
    margin-right: 96px
}

.carousel-section .carousel-indicators li {
    width: 17px;
    height: 17px;
    border-radius: 100%
}

.contact-us-form {
    background: var(--e-global-color-blue-best);
    padding: 128px 0 133px;
    position: relative;
    overflow: hidden
}

.contact-us-form h2 {
    padding: 0 264px;
    margin-bottom: 43px;
    color: var(--e-global-color-secondary)
}

.contact-us-form .form-control {
    display: block;
    width: 100%;
    height: 62px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--e-global-color-text);
    background-color: var(--e-global-color-dark-blue3);
    background-clip: padding-box;
    border: none;
    border-radius: 14px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding: 18px 31px
}

.contact-us-form textarea.form-control {
    height: 148px
}

.contact-us-form .col-inner-msg {
    margin-bottom: 54px
}

.contact-us-form .contact-us-wrapper .form-btn button {
    background: var(--e-global-color-accent);
    line-height: 22px;
    font-size: 20px;
    color: var(--e-global-color-secondary);
    padding: 19px 44px !important;
    display: inline-block;
    border-radius: 16px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    transition: .3s ease-in-out;
    border: 1px solid var(--e-global-color-accent)
}

.contact-us-form .about-left-back-img {
    left: -41%;
    position: absolute;
    top: -225px
}

.contact-us-form .form-control:focus {
    border: 1px solid var(--e-global-color-accent);
    box-shadow: 0 0 0 .2rem rgba(11, 27, 44, .25)
}

.footer-section {
    background: var(--e-global-color-dark-blue);
    color: var(--e-global-color-secondary);
    overflow: hidden;
    padding: 111px 0 0;
    position: relative
}

.footer-content1 {
    padding-left: 0;
    padding-right: 0;
    margin-top: -11px
}

.footer-section .footer-section-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 29px;
    color: var(--e-global-color-text);
    margin-bottom: 14px
}

.footer-section .marginLeft {
    font-size: 16px;
    background: var(--e-global-color-primary);
    color: var(--e-global-color-secondary);
    border-radius: 11px;
    width: 48px;
    height: 48px;
    line-height: 48px !important;
    text-align: center;
    transition: .4s ease-in-out;
    margin-right: 10px;
    border: 1px solid var(--e-global-color-primary)
}

.footer-section .marginLeft:hover {
    background: var(--e-global-color-hover);
    color: var(--e-global-color-secondary);
    border: 1px solid var(--e-global-color-hover)
}

.footer-section .footer-next-list {
    font-size: 26px;
    line-height: 30px;
    font-weight: 600;
    color: var(--e-global-color-secondary);
    margin-bottom: 17px
}

.footer-section .useful-footer {
    padding-left: 36px
}

.footer-section .footer-next-list-about {
    padding-left: 17px
}

.footer-section .footer-next-list-contact {
    margin-left: -12px
}

.footer-section .footer-next-list-signup {
    padding-left: 5px;
    margin-bottom: 21px
}

.footer-section .contact-list {
    padding-left: 8px
}

.footer-section .useful-footer li {
    color: #c0f864;
    margin-bottom: 8px
}

.footer-section .footer-list .icon-list-box1 li {
    padding-left: 6px;
    margin-bottom: 14px
}

.footer-section .footer-list .icon-list-box1 .footer-link-auto {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: var(--e-global-color-text);
    letter-spacing: 0
}

.footer-section .footer-list .icon-list-box1 .footer-location2,
.footer-section .footer-list .icon-list-box1 .footer-location3 {
    color: var(--e-global-color-hover);
    position: absolute;
    line-height: 16px;
    font-size: 16px;
    left: 0;
    margin-top: 5px
}

.footer-section .footer-list .icon-list-box1 .footer-location {
    color: var(--e-global-color-hover);
    position: absolute;
    line-height: 16px;
    font-size: 16px;
    left: 0;
    margin-top: -19px
}

.footer-section .footer-bar .footer-bar-content p {
    font-size: 16px;
    line-height: 29px;
    font-weight: 400;
    color: var(--e-global-color-text)
}

.footer-bar .footer-bar-content {
    padding: 16px 0;
    margin-top: 84px;
    border-top: 1px solid var(--e-global-color-bar)
}

.footer-section .form-control {
    display: block;
    width: 100%;
    height: 62px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--e-global-color-text);
    background-color: var(--e-global-color-dark-blue3);
    background-clip: padding-box;
    border: none;
    border-radius: 14px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding: 18px 26px
}

.comment-form-section .form-control:focus,
.footer-section .form-control:focus {
    border: 1px solid var(--e-global-color-accent);
    box-shadow: 0 0 0 .2rem rgb(11 27 44 / 25%)
}

.footer-section .footer-list .icon-list-box1 .form-btn button {
    /*background: var(--e-global-color-hover);*/
    background: var(--e-global-color-hover);
    line-height: 22px;
    font-size: 20px;
    color: var(--e-global-color-secondary);
    padding: 19px 75px 19px 79px !important;
    width: 100%;
    display: inline-block;
    border-radius: 16px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    transition: .3s ease-in-out;
    border: 1px solid var(--e-global-color-hover)
    
}

.footer-section .footer-list .icon-list-box1 .form-btn button:hover,
button.btn.btn-primary:hover {
    background: var(--e-global-color-accent);
    color: var(--e-global-color-secondary) !important;
    border: 1px solid var(--e-global-color-accent);
    transition: .3s ease-in-out;
    transform: translate(0, -5px)
}

.footer-section .footer-list .icon-list-box1 .col-inner {
    margin-bottom: 18px
}

.btn-14 {
    background: #ff9700;
    border: none;
    z-index: 1
}

.about-us-page-section,
.help-section {
    background: var(--e-global-color-blue-best)
}

.btn-14:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 15px;
    background: var(--e-global-color-hover);
    transition: .3s
}

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

.home-header-section .sub-banner-section h1 {
    text-align: center;
    color: var(--e-global-color-secondary);
    margin-bottom: 20px
}

.home-header-section .sub-banner-section p,
.whychooseus-section .services-content p {
    color: var(--e-global-color-text);
    font-weight: 400;
    word-spacing: 0px;
    text-align: center
}

.home-header-section .sub-banner-section p {
    font-size: 22px;
    line-height: 33px;
    margin-bottom: 33px;
    padding: 0 35%
}

.home-header-section .sub-banner-section .banner-btn {
    text-align: center;
    position: relative
}

.home-header-section .sub-banner-section .banner-btn .btn-inner {
    background: var(--e-global-color-very-dark-blue);
    line-height: 22px;
    font-size: 20px;
    color: var(--e-global-color-secondary);
    padding: 16px 38px 17px 34px !important;
    display: inline-block;
    border-radius: 20px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    transition: .3s ease-in-out;
    border: 1px solid var(--e-global-color-soft-blue)
}

.home-header-section .sub-banner-section .banner-btn .btn-inner i {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    font-family: FontAwesome
}

.home-header-section .sub-banner-section .banner-btn .btn-inner .text-bars {
    display: inline-block;
    margin: 0 8px
}

.home-header-section .sub-banner-section .banner-btn .arrow-angles {
    margin: 0 12px
}

.home-header-section .sub-banner-section .sub-banner-outer:before {
    background: url(../images/about-page-img.png);
    content: "";
    width: 534px;
    height: 204px;
    position: absolute;
    top: -3px;
    left: 7px;
    right: 0;
    margin: 0 auto
}

.home-header-section .sub-banner-section {
    padding-top: 111px;
    padding-bottom: 127px
}

.home-header-section .sub-banner-section .sub-banner-outer {
    padding-right: 33px
}

.about-us-page-section {
    padding: 90px 0 194px
}

.about-us-page-section .about-left-back-img {
    left: -41%;
    display: none
}

.about-us-page-section::after {
    background: url(../images/about-right-backround.png);
    content: "";
    width: 445px;
    height: 405px;
    position: absolute;
    right: -77px;
    top: -136px;
    display: none
}

.about-us-page-section::before {
    background: url(../images//about-page-img4.png);
    content: "";
    width: 659px;
    height: 578px;
    position: absolute;
    top: 262px;
    left: 323px
}

.about-us-page-section .about-us-content {
    padding-top: 30px;
    padding-left: 19px
}

.whychooseus-section .services-content p {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0;
    margin-bottom: 0;
    padding: 0
}

.whychooseus-section .pricing-plan-color {
    color: var(--e-global-color-secondary);
    text-align: center;
    position: relative;
    margin-bottom: 9px !important
}

.whychooseus-section .services-content {
    background: var(--e-global-color-dark-blue3);
    border-radius: 15px;
    padding: 46px 54px 42px 44px;
    transition: .3s ease-in-out;
    cursor: pointer;
    border-bottom: 3px solid var(--e-global-color-black-cards-bacground);
    position: relative;
    border: 2px solid var(--e-global-color-dark-blue3)
}

.whychooseus-section .services-content .icons-rounded-box {
    padding: 0;
    border-radius: 6px;
    margin-bottom: 30px;
    text-align: center
}

.whychooseus-section h2 {
    color: var(--e-global-color-secondary);
    margin-bottom: 42px
}

.whychooseus-section .about-left-back-img {
    left: -37%;
    position: absolute;
    bottom: 36px;
    margin-bottom: 0
}

.whychooseus-section::after {
    background: url(../images/section2-after-img.png);
    content: "";
    width: 445px;
    height: 405px;
    position: absolute;
    right: -97px;
    bottom: -100px
}

.whychooseus-section {
    position: relative;
    padding: 130px 0 127px
}

.help-section:before,
.teams-combine-section.our-teams-section:before {
    background: url(../images//who-we-before.png);
    content: "";
    width: 445px;
    height: 406px;
    position: absolute;
    top: -134px;
    left: -94px;
    display: none
}

.help-section {
    position: relative;
    padding: 129px 0 130px
}

.contact-page-section,
.faq-section,
.teams-section-page {
    background: var(--e-global-color-dark-blue)
}

.teams-combine-section {
    padding: 0 0 94px
}

.teams-combine-section::after {
    background: url(../images/combine-back-img.png);
    content: "";
    width: 1791px;
    height: 1439px;
    position: absolute;
    right: -539px;
    top: -62px
}

.teams-combine-section .teams-img-content .hover_box_plus ul {
    position: absolute;
    left: 3px;
    right: 0;
    bottom: 54px
}

.help-section .help-section-img2 {
    position: absolute;
    left: 335px;
    right: 0;
    margin: 0 auto;
    top: 86px
}

.help-section .help-section-content {
    height: 326px;
    background: var(--e-global-color-accent);
    border-radius: 15px;
    padding: 60px 0;
    position: relative;
    z-index: 1
}

.help-section h2 {
    margin-bottom: 27px;
    color: var(--e-global-color-secondary);
    text-align: center;
    padding: 0 100px;
    font-size: 52px;
    line-height: 52px
}

.combine-section-content {
    position: relative;
    z-index: 1
}

.help-section .help-section-content .form-btn button {
    background: var(--e-global-color-hover);
    line-height: 22px;
    font-size: 20px;
    color: var(--e-global-color-secondary);
    padding: 19px 47px !important;
    display: inline-block;
    border-radius: 16px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    transition: .3s ease-in-out;
    border: 1px solid var(--e-global-color-hover)
}

.help-section .help-section-content .form-btn button:hover {
    background: var(--e-global-color-dark-blue3);
    border: 1px solid var(--e-global-color-soft-blue);
    transition: .3s ease-in-out;
    transform: translateY(-5px)
}

.help-section .help-section-content .form-btn {
    text-align: center;
    z-index: 11;
    position: relative
}

.help-section .help-section-content:before {
    background: url(../images//help-section-img3.png);
    content: "";
    width: 1110px;
    height: 324px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
    margin: 0 auto
}

.teams-combine-section .who-we-right-fig {
    position: absolute;
    top: -2%;
    right: -28%
}

.our-servicess:before {
    background: url(../images//who-we-before.png);
    content: "";
    width: 445px;
    height: 406px;
    position: absolute;
    top: -141px;
    left: -104px;
    display: none
}

.our-servicess .section-2 {
    padding-top: 0;
    position: relative;
    padding-bottom: 137px
}

.our-servicess {
    padding: 203px 0 0
}

.teams-section-page {
    padding: 132px 0
}

.teams-section-page .teams-img-content .hover_box_plus ul {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 111px
}

.teams-section-page .teams-img-content .teams-text h5 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    color: var(--e-global-color-secondary);
    text-align: center
}

.teams-section-page .teams-img-content .teams-text p {
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    color: var(--e-global-color-text);
    text-align: center;
    margin-bottom: 48px;
    text-transform: uppercase
}

.teams-section-page .teams-img-content ul li i {
    color: var(--e-global-color-secondary);
    background: var(--e-global-color-accent);
    border-radius: 100px;
    font-size: 18px;
    line-height: 43px;
    width: 43px;
    height: 43px;
    border: 1px solid var(--e-global-color-accent);
    transition: .3s ease-in-out
}

.teams-section-page .teams-img-content .hover_box_plus {
    margin-bottom: 43px
}

.teams-section-page .teams-img-content .row2mb {
    margin-bottom: 0 !important
}

.teams-section-page .teams-img-content .row2mbul {
    position: absolute;
    left: 3px;
    right: 0;
    bottom: 63px !important
}

.who-we-are-section2 {
    padding: 250px 0
}

.faq-section {
    padding: 130px 0 140px
}

.faq-section h2 {
    margin-bottom: 35px;
    color: var(--e-global-color-secondary)
}

.faq-section h6 {
    color: var(--e-global-color-accent);
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 12px
}

.faq-section .faq-section-inner {
    padding-left: 46px
}

.faq-section .accordian-inner .accordion-card {
    margin-bottom: 36px;
    box-shadow: none;
    background: var(--e-global-color-dark-blue3);
    transition: .3s ease-in-out;
    border-radius: 25px;
    border: 1px solid var(--e-global-color-dark-blue3)
}

.faq-section .accordion-card button.btn.btn-link {
    color: var(--e-global-color-primary);
    background: var(--e-global-color-white)
}

.faq-section .accordian-inner .accordion-card .btn {
    padding: 19px 22px 25px;
    text-decoration: none;
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    margin-bottom: -8px
}

.faq-section .accordian-inner .accordion-card span {
    margin-bottom: 0;
    color: var(--e-global-color-secondary);
    font-size: 22px;
    line-height: 22px
}

.faq-section .accordian-inner .accordion-card .show-p {
    margin-bottom: -10px
}

.faq-section .accordian-inner .card-header {
    padding: 0;
    margin-bottom: 0;
    border: none;
    background: 0 0
}

.faq-section .accordian-inner .card-body {
    padding: 0 23px 28px
}

.faq-section .accordian-inner .card-body .faq_wrapper figure {
    position: absolute;
    top: 5px;
    left: 26px
}

.faq-section .accordian-inner .card-body .faq_wrapper p {
    font-size: 18px;
    line-height: 24px;
    color: var(--e-global-color-text);
    font-weight: 400;
    margin-left: 45px
}

.faq-section .accordion-card button.btn.btn-link:focus {
    outline: 0;
    box-shadow: none
}

.faq-section .accordion-card .btn-link:before {
    content: "\f068";
    position: absolute;
    right: 16px;
    top: 10px;
    font-family: 'Font Awesome 6 FREE';
    display: inline-block;
    vertical-align: middle;
    background: var(--e-global-color-accent);
    color: var(--e-global-color-secondary);
    font-size: 18px;
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-weight: 600;
    border-radius: 100px;
    text-align: center
}

.faq-section .accordion-card:hover {
    border: 1px solid var(--e-global-color-accent);
    transition: .3s ease-in-out;
    border-radius: 25px
}

.faq-section .accordion-card .collapsed:before {
    content: "\2b";
    background: var(--e-global-color-accent);
    color: var(--e-global-color-secondary);
    border-radius: 100px;
    text-align: center
}

.faq-section .accordian-inner .accordion-card .card-body p {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: var(--e-global-color-text)
}

.contact-page-section .offer-section-box {
    background: var(--e-global-color-dark-blue3);
    padding: 56px 39px 48px;
    border-radius: 20px;
    text-align: center;
    border: 2px solid var(--e-global-color-dark-blue3);
    transition: .3s ease-in-out
}

.contact-page-section .offer-section-box .offer-section-inner {
    background: var(--e-global-color-white);
    padding: 0;
    display: inline-block;
    border-radius: 20px;
    margin-bottom: 10px
}

.contact-page-section .offer-section-box h5 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: var(--e-global-color-secondary);
    margin-bottom: 7px;
    word-spacing: 0;
    text-align: center
}

.contact-page-section .offer-section-box p {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    color: var(--e-global-color-text);
    margin-bottom: 0
}

.contact-page-section {
    padding: 132px 0
}

.contact-page-section .offer-section-box .phone-p {
    padding: 0 49px
}

.blog-posts {
    background: var(--e-global-color-blue-best);
    padding: 110px 0
}

.comment-form-section .respond-comment {
    font-size: 18px;
    margin: 0 0 30px;
    color: var(--e-global-color-secondary)
}

.comment-form-section .single-post01 .form-group label:not(.error) {
    font-size: 12px;
    margin-bottom: 4px;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--e-global-color-secondary)
}

.comment-form-section .form-group label:not(.error) {
    font-size: 12px;
    margin-bottom: 15px;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--e-global-color-secondary);
    padding-left: 8px
}

.comment-form-section .single-post01 .form-gray-fields .form-control {
    border-color: transparent
}

.comment-form-section .single-post01 .form-control {
    border: 1px solid #ececec
}

.comment-form-section textarea.form-control {
    height: auto !important
}

.comment-form-section .form-gray-fields .form-control {
    color: var(--e-global-color-text);
    background-color: var(--e-global-color-dark-blue3);
    border: none;
    transition: .3s, _ .3s;
    display: block;
    width: 100%;
    height: 47px;
    box-shadow: none;
    line-height: 16px;
    padding: 6px 16px 10px;
    border-radius: 14px;
    font-size: 12px;
    box-shadow: 0 0 0 .2rem rgb(11 27 44 / 25%)
}

.comment-form-section .single-post01 .form-control {
    box-shadow: none;
    line-height: 18px;
    padding: 10px 16px;
    border-radius: 5px;
    font-size: 12px;
    transition: .3s
}

.comment-form-section .form-gray-fields .btn,
.home-banner-section .banner-container-box .banner-btn a,
.home-banner-section .banner-container-box .banner-btn a:hover,
button.btn.btn-primary {
    color: var(--e-global-color-secondary);
    transition: .3s ease-in-out
}

.comment-form-section .form-gray-fields .btn {
    background: var(--e-global-color-accent);
    line-height: 16px;
    font-size: 14px;
    padding: 14px 20px !important;
    display: inline-block;
    border-radius: 16px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    border: 1px solid var(--e-global-color-accent)
}

.comment-form-section {
    padding: 60px 0 0
}

a.nav-link.contact {
    background-color: #000 !important;
    border-color: #64d78e !important
}

.my,
.partners-section,
figure.teams-fig img,
section.carousel-section,
section.our-services-section,
section.pricing-plan-section,
ul.navbar-nav {
    display: none
}

div#navbarSupportedContent {
    justify-content: end
}

.home-banner-section .banner-container-box .banner-btn a {
    background: #4aa5f0;
    border-radius: 15px;
    padding: 20px 48px 21px 47px;
    display: inline-block;
    position: relative;
    font-weight: 600;
    line-height: 20px;
    word-spacing: 2px;
    font-size: 20px
}

.home-banner-section .banner-container-box .banner-btn a:hover {
    transform: translateY(-5px);
    background: #c0f864 !important;
    color: #000;
}

.contact-us-form,
.home-header-section {
    background: #000
}

.about-us-section {
    background: #000;
    padding: 154px 0
}

.who-we-are-section {
    background: #060606
}

.our-teams-section {
    background: #000;
    padding: 129px 0 94px;
    position: relative
}

.carousel-section {
    background: #181e23
}

figure.mb-0.about-section-f1 img {
    width: 100%
}

figure.mb-0.about-section-f2 img,
figure.teams-fig img {
    width: 100%
}

figure.mb-0.about-section-f3 img {
    width: 90%
}

a.navbar-brand.pt-0 img {
    width: 80%;
    margin-left: -200px;
    max-width: 100%;
}

.soon {
    width: 50%;
    margin: 0 auto
}

button.btn.btn-primary {
    background: var(--e-global-color-hover);
    line-height: 22px;
    font-size: 20px;
    padding: 19px 75px 19px 79px !important;
    width: 50%;
    display: inline-block;
    border-radius: 16px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    border: 1px solid var(--e-global-color-hover)
}

input.form-control.input-fill {
    margin-bottom: 10px;
    display: block;
    height: 62px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--e-global-color-text);
    background-color: var(--e-global-color-dark-blue3);
    background-clip: padding-box;
    border: none;
    border-radius: 14px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding: 18px 31px
}

.mb-0.who-we-figure img {
    width: 100% !important
}
/*tab css*/
.main-container {
    display: flex;
    justify-content: center; 
    align-items: center;
    padding-top: 100px;
    margin: -8px;
    padding-bottom: 100px;
    /*background-image: url(https://mators.techniklers.com/assets/images/bg/about-bg.png);*/
}

.tabs-container {
    display: flex;
    border-radius: 15px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    width: 85%;
}

.tabs {
    display: flex;
    flex-direction: column;
    justify-content: center; 
    align-items: center;
    margin: 0; 
    padding: 0;
    width: 350px; 
}

.tab {
    padding: 20px 25px; 
    margin: 4%;
    background: #4aa5f0;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    cursor: pointer;
    transition: all 0.5s ease 0s;
    color: #ecf0f1;
    text-align: center;
    border-left: 0px solid transparent;
    border-radius: 15px;
    font-size: 20px;
    font-family: barlow, sans-serif;
    font-weight: 600;
    line-height: 20px;
    word-spacing: 2px;
    width: 70%;
}

.tab:hover {
    transform: translateX(10px);
    background: #a9db58;
    color: #fff;
}

.tab.active {
    background: #4aa5f0; 
    color: #ecf0f1;
    border-left: px solid #a9db58; 
    border-radius: 15px;
}

.tab.active:hover {
    transform: translateX(10px);
    background: #a9db58;
    color: #fff;
}

.content {
    padding-left: 20px; 
    padding-top: 20px; 
    flex-grow: 1;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start; 
    justify-content: flex-start;
    color: #ffffff;
    font-size: 16px;
    font-family: "jost", sans-serif;
    line-height: 1.75em;
    font-weight: 400;
    width: 65%; 
}

.tab-content {
    display: none;
    animation: fadeIn 0.5s ease-in-out;
    position: relative; 
}

.tab-content.active {
    display: block;
}

.tab-content img {
    margin-top: 20px;
    max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}




/*tab css end */



/**/
.img-fluid {
    max-width: 70%;
    
}
.banner-img.mb-0 {
    text-align: center;
}
.row.hero {
    align-items: center;
}
.row.new {
    align-items: center;
}
/*.row {*/
/*    align-items: center;*/
/*}*/
/*.row {*/
/*    align-items: center;*/
/*}*/
.home-banner-section .banner-container-box .banner-btn a {
    border: 1px solid #969db5;
}
button.btn.btn-primary {
    color: #1d233c;
}
    .about-us-section::after {
        display: none;
    }
/*    .risk .btn {*/
/*    border: 1px solid #969db5;*/
/*    border-radius: 15px;*/
/*    padding: 20px 48px 21px 47px;*/
/*    display: inline-block;*/
/*    position: relative;*/
/*    font-weight: 600;*/
/*    line-height: 20px;*/
/*    word-spacing: 2px;*/
/*    font-size: 20px;*/
/*    font-family: 'Titillium Web', sans-serif;*/
/*    color: #fff;*/
/*    background: #1c223a;*/
/*}*/
/*.risk.btn:hover {*/
    
/*    background: #64d78e;*/
/*    transform: translateY(-5px);*/
/*}*/
   
   .slider-container {
  width: 100%;
  max-width: 700px;
  position: relative;
  overflow: hidden;
  background-color: #1a233c;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 28px;
  border: 1.5px solid var(--darkgray);
  margin: 0 auto;
}

.slider {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.slide {
  min-width: 100%;
  padding: 40px 20px;
  box-sizing: border-box;
  text-align: center;
}

.slide h2 {
  margin: 0;
  font-size: 19px;
  color: #fff;
}

.slide p {
  font-size: 20px;
  color: #fff;
  margin-top: 10px;
}

.slide p span {
  font-size: 34px;
  color: var(--link-color);
  padding: 10px;
}

.navigation {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
}

.navigation button {
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
button.btn.btn-primary {
    color: black !important;
}
button.btn.btn-primary:hover {
    color: black !important;
}
.social-icons.position-absolute {
    display: none;
}
   
  p.aboutus-p {
    margin-bottom: 72px;
    width: 100%;
    text-align: center;
    color: #fff;
}
section.our-teams-section.overflow-hidden.position-relative {
    display: none;
}



/**/