/*=============================================
   - BREADCRUMB SECTION    
=============================================*/

.breadcrumb-section {
    position: relative;
    display: flex;
    align-items: center;
    background: transparent radial-gradient(closest-side at 70% 50%, #200008 0%, #000000 100%) 0% 0%;
    padding-top: 150px;
    height: 100vh;
    z-index: 1;
}

.breadcrumb-section .banner-content {
    position: relative;
}

.breadcrumb-section .banner-content .banner-title {
    color: #FFF;
    font-size: 64px;
    font-weight: 700;
    margin-bottom: 12px;
}

.breadcrumb-section .banner-content .banner-title .highlight {
    color: var(--primary);
}

.breadcrumb-section .banner-content .banner-title .italic-txt {
    font-family: "Libre Baskerville", serif;
    font-style: italic;
    font-weight: 400;
}

.breadcrumb-section .banner-image {
    margin-left: 90px;
}

.breadcrumb-small-section {
    position: relative;
    background-color: #000;
    padding-top: 160px;
    padding-bottom: 100px;
}

.breadcrumb-small-section .breadcrumb-shape {
    position: absolute;
    left: 0;
    bottom: 0;
}

.breadcrumb-small-section .content .back {
    display: inline-block;
    border: 1px solid var(--primary);
    padding: 12px 20px;
    border-radius: 25px;
    color: var(--secondary);
}

.breadcrumb-small-section .content h3 {
    font-size: 42px;
    margin-top: 30px;
}

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

    .breadcrumb-section {
		height: auto;
        padding-top: 130px;
    }

    .breadcrumb-section .banner-content .banner-title {
        font-size: 48px;
    }

    .breadcrumb-section .banner-image {
        display: none;
    }
}

/* Line Animation */

.hero-bg-line {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.hero-bg-line .line {
    position: relative;
    width: 1px;
    height: 100%;
    display: block;
    --animation-time: 10s;
    opacity: 0.4
}

.hero-bg-line .line:before {
    content: '';
    position: absolute;
    top: -300px;
    left: 0;
    width: 2px;
    height: 300px;
    background: -webkit-linear-gradient(bottom, rgb(150 26 66 / 70%) 0%, rgba(86, 50, 153, 0) 100%);
    background: linear-gradient(0deg, rgb(150 26 66 / 70%) 0%, rgba(86, 50, 153, 0) 100%);
    -webkit-animation: gridanimation var(--animation-time) linear infinite;
    animation: gridanimation var(--animation-time) linear infinite
}

.hero-bg-line .line:after {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    background: -webkit-linear-gradient(360deg, var(--primary) 15%, var(--secondary) 85%);
    background: linear-gradient(360deg, var(--primary) 15%, var(--secondary) 85%);
    -webkit-animation: gridanimation var(--animation-time) linear infinite;
    animation: gridanimation var(--animation-time) linear infinite;
    margin-left: -5px;
    margin-top: 300px;
    opacity: 0
}

.hero-bg-line .line~.line:before {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s
}

.hero-bg-line .line~.line:after {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s
}

.hero-bg-line .line~.line~.line:before {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.hero-bg-line .line~.line~.line:after {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.hero-bg-line .line~.line~.line~.line:before {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.hero-bg-line .line~.line~.line~.line:after {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.hero-bg-line .line~.line~.line~.line~.line:before {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s
}

.hero-bg-line .line~.line~.line~.line~.line:after {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s
}

.hero-bg-line .line~.line~.line~.line~.line~.line:before {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.hero-bg-line .line~.line~.line~.line~.line~.line:after {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.hero-bg-line .line~.line~.line~.line~.line~.line~.line:before {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s
}

.hero-bg-line .line~.line~.line~.line~.line~.line~.line:after {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s
}

.hero-bg-line .line~.line~.line~.line~.line~.line~.line~.line:before {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.hero-bg-line .line~.line~.line~.line~.line~.line~.line~.line:after {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.hero-bg-line .line~.line~.line~.line~.line~.line~.line~.line~.line:before {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.hero-bg-line .line~.line~.line~.line~.line~.line~.line~.line~.line:after {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.hero-bg-line .line~.line~.line~.line~.line~.line~.line~.line~.line~.line:before {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.hero-bg-line .line~.line~.line~.line~.line~.line~.line~.line~.line~.line:after {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

@-webkit-keyframes gridanimation {
    0% {
        top: -300px;
        opacity: 1
    }

    100% {
        top: 100%;
        opacity: 1
    }
}

@keyframes gridanimation {
    0% {
        top: -300px;
        opacity: 1
    }

    100% {
        top: 100%;
        opacity: 1
    }
}

/***** BREADCRUMB SECTION 1 *****/

.breadcrumb-section-1 {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100px;
    height: 100vh;
    height: 100dvh;
    z-index: 1;
}

.breadcrumb-section-1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.7;
    z-index: -1;
}

.breadcrumb-section-1::after {
    content: "";
    position: absolute;
    top: -40%;
    left: -20%;
    opacity: 0.25;
    background: #FF014F;
    background: linear-gradient(273deg, var(--primary), var(--secondary));
    width: 600px;
    height: 600px;
    border-radius: 100%;
    filter: blur(100px);
    z-index: -1;
}

.breadcrumb-section-1 .banner-content {
    position: relative;
}

.breadcrumb-section-1 .banner-content h1 {
    font-size: 2.8em;
    margin-bottom: 20px;
}

.breadcrumb-section-1 .banner-content h1 span {
    color: var(--primary);
}

.breadcrumb-section-1 .banner-content h6 {
    font-size: 20px;
    font-weight: 500;
    color: #FFF;
}

.breadcrumb-section-1 .banner-highlights {
    position: relative;
    margin-top: 20px;
}

.breadcrumb-section-1 .banner-highlights ul li {
    display: inline-block;
    margin: 0 20px 0 0;
    color: #FFF;
    font-weight: 600;
    margin-bottom: 20px;
}

.breadcrumb-section-1 .banner-highlights ul li i {
    color: var(--primary);
    margin: 0 5px
}

.breadcrumb-section-1 .banner-image {
    border-radius: 20px;
}

.breadcrumb-section-1 .banner-image img {
    border-radius: 20px;
    -webkit-box-shadow: 0 0 15px rgba(var(--secondary-rgb), 0.5);
    -moz-box-shadow: 0 0 15px rgba(var(--secondary-rgb), 0.5);
    box-shadow: 0 0 15px rgba(var(--secondary-rgb), 0.5);
}

.breadcrumb-section-1 .banner-content .highlight-text span {
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 4px rgba(var(--primary-rgb), 0.2);
    border: 1px solid var(--primary);
    padding: 5px 10px;
    border-radius: 30px;
    margin-bottom: 20px;
}

.breadcrumb-section-1 .banner-content .banner-horizontal-line {
    width: 100px;
    height: 3px;
    margin: 20px auto;
    background: linear-gradient(90deg,
        rgba(var(--primary-rgb), 0.8),
        rgba(0, 0, 0, 1),
        rgba(var(--primary-rgb), 0.8));
    background-size: 200% 100%;
    animation: gradientMove 2s linear infinite;
    border-radius: 2px;
}

@keyframes gradientMove {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

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

    .breadcrumb-section-1 .banner-content h1 {
        font-size: 30px;
    }
}

@media screen and (max-width:768px) {
	
	.breadcrumb-section-1{
		height: 100%;
		padding-top: 120px;
	}

    .breadcrumb-section-1::after {
        width: 300px;
    }

    .breadcrumb-section-1 .banner-content h6 {
        display: none;
    }
}


/***** BREADCRUMB SECTION 2 *****/

.breadcrumb-section-2 {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 100px;
    height: 100vh;
    height: 100dvh;
    z-index: 1;
}

.breadcrumb-section-2 .banner-content {
    position: relative;
}

.breadcrumb-section-2 .banner-content .highlight-text span {
    display: inline-block;
    text-shadow: 0 0 4px rgba(var(--primary-rgb), 0.3);
    border: 1px solid var(--primary);
    padding: 5px 10px;
    border-radius: 30px;
    margin-bottom: 20px;
}

.breadcrumb-section-2 .banner-content h1 {
    font-size: 50px;
    margin-bottom: 20px;
}

.breadcrumb-section-2 .banner-content h1 span {
    color: var(--primary);
}

.breadcrumb-section-2 .banner-content h6 {
    font-size: 20px;
    font-weight: 500;
    color: #FFF;
    margin-bottom: 20px;
}

.breadcrumb-section-2 .banner-content p {
    margin-bottom: 20px;
}

.breadcrumb-section-2 .banner-highlights {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

.breadcrumb-section-2 .banner-highlights .profile-list {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.breadcrumb-section-2 .banner-highlights .profile-list .circle-profile {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid #202020;
}

.breadcrumb-section-2 .banner-highlights .profile-list .circle-profile h6 {
    font-size: 14px;
    margin-bottom: 0;
}

.breadcrumb-section-2 .banner-highlights .profile-list .circle-profile.en {
    background-color: var(--primary);
}

.breadcrumb-section-2 .banner-highlights .profile-list .circle-profile.ar {
    background-color: #159957;
    margin-left: -10px;
}

.breadcrumb-section-2 .banner-highlights .text p {
    font-weight: 500;
    margin-bottom: 0;
}

.breadcrumb-section-2 .banner-image {
    position: relative;
    width: 500px;
    margin: 0 auto;
    border: 1px solid rgb(255 255 255 / 20%);
    border-radius: 20px;
}

.breadcrumb-section-2 .banner-image img {
    border-radius: 20px;
}

.breadcrumb-section-2 .banner-image .right-top-content {
    position: absolute;
    top: -20px;
    right: -20px;
    background-color: rgba(255, 255, 255);
    padding: 10px 10px;
    border-radius: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    gap: 10px;
}

.breadcrumb-section-2 .banner-image .right-top-content .profile h6 {
    background-color: rgba(var(--primary-rgb), 0.12);
    color: #FFF;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 0;
}

.breadcrumb-section-2 .banner-image .right-top-content .content h4 {
    color: var(--primary);
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 0;
}

.breadcrumb-section-2 .banner-image .right-top-content .content p {
    font-size: 16px;
    color: #202020;
    margin-bottom: 0;
}

.breadcrumb-section-2 .banner-image .left-bottom-content {
    position: absolute;
    bottom: -20px;
    left: -20px;
    background-color: rgba(255, 255, 255);
    padding: 10px 10px;
    border-radius: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    gap: 10px;
}

.breadcrumb-section-2 .banner-image .left-bottom-content .content {
    text-align: left;
}

.breadcrumb-section-2 .banner-image .left-bottom-content .content h4 {
    color: var(--primary);
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 0;
}

.breadcrumb-section-2 .banner-image .left-bottom-content .content p {
    font-size: 16px;
    color: #202020;
    margin-bottom: 0;
}

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

    .breadcrumb-section-2 {
        text-align: center;
        padding-bottom: 0;
    }
}

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

    .breadcrumb-section-2 {
        align-items: start;
    }

    .breadcrumb-section-2 .banner-content h1 {
        font-size: 40px;
    }
}

/***** BREADCRUMB SECTION 3 *****/

.breadcrumb-section-3 {
    background-color: #070A13;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 100px;
    padding-bottom: 50px;
    z-index: 1;
}

.breadcrumb-section-3:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    inset: 0;
    background-image: linear-gradient(to right, rgb(20 31 56) 1px, transparent 1px), linear-gradient(to bottom, rgb(20 31 56) 1px, transparent 1px);
    -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 0%, #000 70%, transparent 110%);
    mask-image: radial-gradient(ellipse 80% 70% at 50% 0%, #000 70%, transparent 110%);
    background-size: 4rem 4rem;
    z-index: -1;
}

.breadcrumb-section-3 .banner-content {
    position: relative;
}

.breadcrumb-section-3 .banner-content:before {
    position: absolute;
    content: "";
    width: 500px;
    height: 500px;
    top: 25%;
    left: 50%;
    filter: blur(120px);
    background-color: rgb(7 182 213 / 20%);
    border-radius: 9999px;
    transform: translateX(-50%);
    z-index: -1;
}

.breadcrumb-section-3 .banner-content .highlight-text span {
    display: inline-block;
    text-shadow: 0 0 4px rgba(var(--primary-rgb), 0.3);
    border: 1px solid var(--primary);
    padding: 5px 10px;
    border-radius: 30px;
    margin-bottom: 20px;
}

.breadcrumb-section-3 .banner-content h1 {
    font-size: 50px;
    margin-bottom: 20px;
}

.breadcrumb-section-3 .banner-content h1 span {
    color: var(--primary);
}

.breadcrumb-section-3 .banner-content h6 {
    font-size: 28px;
    font-weight: 400;
    color: #B0B8C2;
    margin-bottom: 20px;
}

.breadcrumb-section-3 .banner-content p {
    margin-bottom: 20px;
}

.breadcrumb-section-3 .banner-highlights {
    position: relative;
    margin-top: 20px;
}

.breadcrumb-section-3 .banner-highlights h3 {
    font-size: 42px;
    color: var(--secondary);
}

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

    .breadcrumb-section-3 {
        text-align: center;
        padding-bottom: 0;
    }
}

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

    .breadcrumb-section-3 {
        align-items: start;
    }

    .breadcrumb-section-3 .banner-content h1 {
        font-size: 40px;
    }
}


/*=============================================
   - SECTION 01
=============================================*/

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

.section-01 .item {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background-color: #020202;
    padding: 30px 30px;
    border-radius: 20px;
    height: 100%;
    margin-bottom: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-01 .item:hover {
    border-color: rgba(var(--primary-rgb), 0.5);
    -webkit-box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.2);
    -moz-box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.2);
    box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.2);
}

.section-01 .item::before {
    position: absolute;
    content: "";
    bottom: 60px;
    right: -25px;
    width: 50px;
    height: 3px;
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(var(--primary-rgb), 0.6), rgba(0, 0, 0, 0.6));
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-01 [class*="col-"]:last-child .item::before {
    display: none;
}

.section-01 .item .top-content {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    gap: 30px;
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.section-01 .item .top-content .icon {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background: linear-gradient(145deg, rgba(var(--primary-rgb), 0.6), rgba(var(--secondary-rgb), 0.6));
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-01 .item .top-content .icon i {
    color: #FFF;
    font-size: 24px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-01 .item:hover .top-content .icon i {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.section-01 .item .top-content .icon .number {
    position: absolute;
    top: -5px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #EF0606;
    color: #FFF;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
}

.section-01 .item .top-content h5 {
    position: relative;
    font-size: 22px;
    margin-bottom: 0;
}

.section-01 .item .top-content::before {
    position: absolute;
    content: "";
    bottom: -10px;
    left: 0;
    right: 0;
    width: 100%;
    height: 3px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.3);
}

.section-01 .item .top-content::after {
    position: absolute;
    content: "";
    bottom: -10px;
    left: 0;
    right: 0;
    width: 0;
    height: 3px;
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(var(--primary-rgb), 0.8), rgba(var(--secondary-rgb), 0.8));
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-01 .item:hover .top-content::after {
    width: 100%;
}

.section-01 .process-flow-wrap {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
    padding-top: 80px;
}

.section-01 .process-flow-wrap p {
    margin-bottom: 0;
}

.section-01 .process-flow-wrap .flow-line {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    gap: 8px;
}

.section-01 .process-flow-wrap .flow-line .dot {
    width: 12px;
    height: 12px;
    background: var(--primary);
    border-radius: 50%;
    animation: flowGlow 2s infinite ease-in-out alternate;
}

.section-01 .process-flow-wrap .flow-line .line {
    width: 40px;
    height: 4px;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 0.9), rgba(var(--secondary-rgb), 0.9));
}

@keyframes flowGlow {
    0% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.5;
    }
}

/*=============================================
   - SECTION 02
=============================================*/

.section-02 {
    position: relative;
}

.section-02 .item {
    position: relative;
    background-color: #121212;
    padding: 20px 20px;
    text-align: center;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}

.section-02 .col .item h5 {
    margin-bottom: 0;
}

.section-02 .col:nth-child(6n+1) .item h5 {
    color: #ef0606;
}

.section-02 .col:nth-child(6n+2) .item h5 {
    color: #ef068e;
}

.section-02 .col:nth-child(6n+3) .item h5 {
    color: #06ef9d;
}

.section-02 .col:nth-child(6n+4) .item h5 {
    color: #8e06ef;
}

.section-02 .col:nth-child(6n+5) .item h5 {
    color: #ebef06;
}

.section-02 .col:nth-child(6n+6) .item h5 {
    color: #068eef;
}

.section-02 .col .item:hover {
    border-color: rgba(var(--primary-rgb), 0.5);
    -webkit-box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.4);
    -moz-box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.4);
    box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.4);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}

/*=============================================
   - SECTION 03
=============================================*/

.section-03 {
    position: relative;
    background-color: rgba(32, 32, 32, 0.25);
    overflow: hidden;
}

.section-03::before {
    content: "\f3c5";
    position: absolute;
    width: 25%;
    height: 100%;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 600px;
    color: rgba(var(--primary-rgb), 0.2);
    top: -15%;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.section-03::after {
    content: "";
    position: absolute;
    width: 500px;
    height: 300px;
    background-color: var(--primary);
    filter: blur(300px);
    bottom: 0;
    right: 0;
    z-index: -1;
}

.section-03 .overlay-icon {
    position: absolute;
    top: 30px;
    left: 30px;
    font-size: 200px;
    color: rgba(var(--primary-rgb), 0.25);
    z-index: -1;
}

.section-03 .header-box .content {
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 10px 10px;
    border-radius: 10px;
    background-color: rgba(32, 32, 32, 0.5);
    text-align: center;
    overflow: hidden;
    height: 100%;
}

.section-03 .header-box [class*="col-"]:nth-child(odd) .content {
    border-color: var(--primary);
}

.section-03 .header-box [class*="col-"]:nth-child(even) .content {
    border-color: var(--secondary);
}

.section-03 .header-box .content h5 {
    font-size: 26px;
    margin-bottom: 10px;
}

.section-03 .header-box [class*="col-"]:nth-child(odd) .content h5 {
    color: var(--primary);
}

.section-03 .header-box [class*="col-"]:nth-child(even) .content h5 {
    color: var(--secondary);
}

.section-03 .header-box .content p {
    font-size: 16px;
    margin-bottom: 0;
}

.section-03 .why-choose-list .item {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.25);
    padding: 20px 20px;
    border-radius: 10px;
    text-align: center;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-03 .why-choose-list .item:hover {
    border-color: var(--primary);
}

.section-03 .why-choose-list .item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: radial-gradient(circle at 50% 100%, rgba(var(--primary-rgb), 0.2), transparent 100%);
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-03 .why-choose-list .item:hover::after {
    height: 100%;
    opacity: 1;
    animation: smokeRise 2s ease-in-out infinite alternate;
}

.section-03 .why-choose-list .item h5 {
    font-size: 22px;
    margin-bottom: 0;
}

.section-03 .why-choose-list .item .icon {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 10px;
    background-color: rgba(var(--primary-rgb), 0.2);
    font-size: 20px;
    color: #FFF;
    margin-bottom: 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-03 .why-choose-list .item:hover .icon {
    color: var(--primary);
}

.section-03 .highlight-text {
    position: relative;
    text-align: center;
    margin-top: 40px;
}

.section-03 .highlight-text span {
    display: inline-block;
    background-color: rgba(var(--primary-rgb), 0.15);
    color: #FFF;
    border: 1px solid var(--primary);
    padding: 10px 10px;
    border-radius: 30px;
    font-weight: 600;
    font-size: 18px;
}

@keyframes smokeRise {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 0.8;
    }

    100% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

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

    .section-03::before {
        display: none;
    }

    .section-03 .overlay-icon {
        display: none;
    }
}

/*=============================================
   - SECTION 04
=============================================*/

.section-04 {
    position: relative;
    overflow: hidden;
}

.section-04::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 500px;
    height: 500px;
    filter: blur(200px);
    background-color: rgba(var(--primary-rgb), 0.2);
    z-index: -1;
}

.section-04::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 500px;
    height: 500px;
    filter: blur(200px);
    background-color: rgba(var(--primary-rgb), 0.2);
    z-index: -1;
}

.section-04.primary-active::before,
.section-04.primary-active::after {
    background-color: rgba(var(--primary-rgb), 0.2);
}

.section-04.secondary-active::before,
.section-04.secondary-active::after {
    background-color: rgba(var(--secondary-rgb), 0.2);
}

.section-04 .toggle-buttons {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 30px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 10px;
    border-radius: 20px;
    margin-bottom: 30px;
}

.section-04 .toggle-buttons button {
    border: none;
    padding: 10px 20px;
    border-radius: 20px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-04 .toggle-buttons .before-btn {
    background-color: rgba(var(--primary-rgb), 0.2);
    color: var(--primary);
}

.section-04 .toggle-buttons .before-btn:hover {
    -webkit-box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.2);
    -moz-box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.2);
    box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.2);
}

.section-04 .toggle-buttons .after-btn {
    background-color: rgba(var(--secondary-rgb), 0.2);
    color: var(--secondary);
}

.section-04 .toggle-buttons .after-btn:hover {
    -webkit-box-shadow: 0 0 25px 5px rgba(var(--secondary-rgb), 0.2);
    -moz-box-shadow: 0 0 25px 5px rgba(var(--secondary-rgb), 0.2);
    box-shadow: 0 0 25px 5px rgba(var(--secondary-rgb), 0.2);
}

.section-04 .custom-table-2 {
    width: 100%;
    overflow-y: scroll;
    border-radius: 16px;
    overflow: hidden;
    background-color: transparent;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
}

.section-04 .custom-table-2 th:first-child,
.section-04 .custom-table-2 td:first-child {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
}

.section-04 th,
td {
    padding: 12px;
    border: 1px solid #202020;
    text-align: left;
}

.section-04 th {
    background-color: #131313;
}

.section-04 .custom-table-2 th.before-active {
    background-color: rgba(var(--primary-rgb), 0.2);
    color: var(--primary);
}

.section-04 .custom-table-2 th.after-active {
    background-color: rgba(var(--secondary-rgb), 0.2);
    color: var(--secondary);
}

.section-04 .custom-table-2 td i {
    margin-right: 10px;
}

.section-04 .custom-table-2 td .before i {
    color: rgba(233, 7, 7, 0.6);
}

.section-04 .custom-table-2 td .after i {
    color: rgba(21, 255, 0, 0.6);
}

.section-04 .custom-table-2 .after {
    display: none;
}

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

    .section-04 .custom-table-2 th:first-child,
    .section-04 .custom-table-2 td:first-child {
        width: auto;
        min-width: unset;
        max-width: unset;
    }

    .section-04::before,
    .section-04::after {
        width: 200px;
        height: 200px;
    }
}

/*=============================================
   - SECTION 05
=============================================*/

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

.section-05 .content-wrap {
    position: relative;
}

.section-05 .content-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, rgba(var(--secondary-rgb), 0.5) 0, var(--primary) 50%, rgba(var(--secondary-rgb), 0.5) 100%);
}

.section-05 .content-wrap .item {
    position: relative;
    border: 1px solid rgba(var(--primary-rgb), 0.5);
    padding: 30px 30px;
    border-radius: 10px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    gap: 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-05 div[class*="col-"]:nth-of-type(odd) .item {
    margin-left: 30px;
}

.section-05 div[class*="col-"]:nth-of-type(even) .item {
    margin-right: 30px;
	flex-direction: row-reverse;
    text-align: right;
}

.section-05 .item::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    border: 8px solid #FFF;
    border-radius: 50%;
    top: 50%;
    left: -58px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: var(--primary);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-05 .col-md-12:nth-child(even) .item::after {
    left: auto;
    right: -58px;
}

.section-05 .item:hover {
    border-color: rgba(var(--secondary-rgb), 0.25);
    -webkit-box-shadow: 0 0 25px 5px rgba(var(--secondary-rgb), 0.25);
    -moz-box-shadow: 0 0 25px 5px rgba(var(--secondary-rgb), 0.25);
    box-shadow: 0 0 25px 5px rgba(var(--secondary-rgb), 0.25);
}

.section-05 .item:hover::after {
    background-color: var(--secondary);
    -webkit-box-shadow: 0 0 25px 5px rgba(var(--secondary-rgb), 0.25);
    -moz-box-shadow: 0 0 25px 5px rgba(var(--secondary-rgb), 0.25);
    box-shadow: 0 0 25px 5px rgba(var(--secondary-rgb), 0.25);
}

.section-05 .item .icon {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 10px;
    background-color: rgba(var(--primary-rgb), 0.2);
    font-size: 20px;
    color: #FFF;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


.section-05 .item h5 {
    margin-bottom: 10px;
}

.section-05 .item p {
    margin-bottom: 0;
}

@media screen and (max-width: 786px) {
    .section-05 .item {
        flex-direction: column;
        align-items: start;
    }

    .section-05 .content-wrap::before {
        left: 18px;
    }

    .section-05 .col-md-12:nth-child(even) .item::after {
        left: -58px;
        right: auto;
    }

    .section-05 div[class*="col-"]:nth-of-type(odd) .item{
        margin-left: 60px;
    }

   .section-05 div[class*="col-"]:nth-of-type(even) .item{
        margin-right: 0;
        flex-direction: column;
        text-align: left;
    }
}

/*=============================================
   - SECTION 06
=============================================*/

.section-06 {
    position: relative;
}

.section-06 .item {
    position: relative;
    padding: 30px 25px 20px 25px;
    border: 1px solid rgb(255 255 255 / 15%);
    background-color: rgb(32 32 32 / 25%);
    border-radius: 15px;
    height: 100%;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-06 .item:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.section-06 [class*="col-"]:nth-child(odd) .item:hover {
    border-color: var(--primary);
    background-color: rgba(var(--primary-rgb), 0.2);
}

.section-06 [class*="col-"]:nth-child(even) .item:hover {
    border-color: var(--secondary);
    background-color: rgba(var(--secondary-rgb), 0.2);
}

.section-06 .item::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    top: -30px;
    right: -30px;
    background-color: rgba(32, 32, 32, 0.5);
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-06 [class*="col-"]:nth-child(even) .item:hover::before {
    opacity: 1;
    background-color: rgba(var(--primary-rgb), 0.2);
    -webkit-box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.2);
    -moz-box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.2);
    box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.2);
}

.section-06 [class*="col-"]:nth-child(odd) .item:hover::before {
    opacity: 1;
    background-color: rgba(var(--secondary-rgb), 0.2);
    -webkit-box-shadow: 0 0 25px 5px rgba(var(--secondary-rgb), 0.2);
    -moz-box-shadow: 0 0 25px 5px rgba(var(--secondary-rgb), 0.2);
    box-shadow: 0 0 25px 5px rgba(var(--secondary-rgb), 0.2);
}

.section-06 .item .icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 10px;
    background-color: #151515;
    font-size: 20px;
    color: var(--primary);
    margin-bottom: 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-06 [class*="col-"]:nth-child(odd) .item:hover .icon {
    background-color: rgba(var(--primary-rgb), 0.2);
    color: #FFF;
}

.section-06 [class*="col-"]:nth-child(even) .item:hover .icon {
    background-color: rgba(var(--secondary-rgb), 0.2);
    color: #FFF;
}

.section-06 .item h5 {
    font-size: 20px;
    margin-bottom: 15px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-06 .item p {
    margin-bottom: 15px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-06 .item .alert-text span {
    color: #42E907;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-06 .item:hover .alert-text span {
    opacity: 1;
}

@media screen and (max-width: 768px) {
    .section-06 .item {
        text-align: center;
    }
}

/*=============================================
   - SECTION 07
=============================================*/

.section-07 {
    position: relative;
    background-image: -webkit-linear-gradient(90deg, #0C1014 40%, #18212C 100%);
    background-image: linear-gradient(90deg, #0C1014 40%, #18212C 100%);
}

.section-07 .custom-table-1 table {
    width: 100%;
    overflow-y: scroll;
    border-radius: 16px;
    overflow: hidden;
    background-color: #0F1623;
    border: 1px solid rgba(255, 255, 255, 0.05);
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
}

.section-07 .custom-table-1 thead {
    background: linear-gradient(90deg, var(--primary), var(--primary));
    background: -webkit-linear-gradient(90deg, var(--primary), var(--primary));
    background: -o-linear-gradient(90deg, var(--primary), var(--primary));
    background: -moz-linear-gradient(90deg, var(--primary), var(--primary));
    background: linear-gradient(90deg, var(--primary), var(--primary));
}

.section-07 .custom-table-1 th {
    text-align: center;
    font-weight: 600;
    padding: 20px 15px;
    border: none !important;
}

.section-07 .custom-table-1 th:first-child {
    text-align: left;
    padding-left: 24px;
}

.section-07 .custom-table-1 tbody tr {
    background-color: #0C1014;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.section-07 .custom-table-1 tbody tr:nth-child(even) {
    background-color: #0e0f11 !important;
}

.section-07 .custom-table-1 td {
    text-align: center;
    padding: 15px 15px;
    vertical-align: middle;
    border: none !important;
}

.section-07 .custom-table-1 td:first-child {
    text-align: left;
    padding-left: 24px;
    color: #d1d5db;
    font-weight: 500;
}

.section-07 .custom-table-1 td .text-red {
    color: #E72424;
    font-size: 20px;
}

.section-07 .custom-table-1 td .text-blue {
    color: #00c8ff;
    font-size: 20px;
}

/*=============================================
   - SECTION 08
=============================================*/

.section-08 {
    position: relative;
}

.section-08 .content-wrap {
    position: relative;
}

.section-08 .content-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2px;
    height: 100%;
    background-color: var(--primary);
}

.section-08 .item {
    position: relative;
    padding: 20px;
    color: #FFF;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-08 .col-md-12:nth-child(odd) .item {
    margin-right: 30px;


}

.section-08 .col-md-12:nth-child(even) .item {
    margin-left: 30px;
    text-align: right;
}

.section-08 .item::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    border: 2px solid var(--primary);
    border-radius: 50%;
    top: 50%;
    right: -58px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #FFF;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-08 .col-md-12:nth-child(even) .item::after {
    right: auto;
    left: -58px;
}

.section-08 .item:hover {
    border: 1px solid rgba(var(--primary-rgb), 0.5);
    -webkit-box-shadow: 0 0 15px rgba(var(--primary-rgb), 0.5);
    -moz-box-shadow: 0 0 15px rgba(var(--primary-rgb), 0.5);
    box-shadow: 0 0 15px rgba(var(--primary-rgb), 0.5);
}

.section-08 .item:hover::after {
    border-color: #FFF;
    background-color: var(--primary);
}

.section-08 .item .number h6 {
    font-size: 100px;
    color: transparent;
    margin-bottom: 10px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(var(--primary-rgb), 0.3);
    background: -webkit-linear-gradient(0.76deg, rgba(0, 255, 102, 0) -20%, rgba(var(--primary-rgb), 0.3) 80%);
    background: linear-gradient(0.76deg, rgba(0, 255, 102, 0) -20%, rgba(var(--primary-rgb), 0.3) 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-08 .item:hover .number h6 {
    background: none;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: var(--primary);
}

.section-08 .item .title-box {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.section-08 .item .title-box h5 {
    font-size: 20px;
    margin-bottom: 0;
}

.section-08 .col-md-12:nth-child(even) .item .title-box {
    justify-content: end;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.section-08 .item .title-box .icon i {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 5px;
    background-color: rgba(var(--primary-rgb), 0.15);
    font-size: 20px;
    color: var(--primary);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-08 .bottom-content p {
    color: #FFF;
    margin-bottom: 0
}

@media screen and (max-width: 786px) {
    .section-08 .item {
        flex-direction: column;
        align-items: start;
    }

    .section-08 .content-wrap::before {
        left: 18px;
    }

    .section-08 .item::after {
        left: -58px;
        right: auto;
    }

    .section-08 .col-md-12:nth-child(odd) .item {
        margin-left: 60px;
        flex-direction: column;
        text-align: left;
        margin-right: 0;
    }

    .section-08 .col-md-12:nth-child(even) .item {
        margin-left: 60px;
        flex-direction: column;
        text-align: left;
    }

    .section-08 .col-md-12:nth-child(even) .item .title-box {
        justify-content: start;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

/*=============================================
   - SECTION 09
=============================================*/

.section-09 {
    position: relative;
    background-color: rgba(30, 30, 30, 0.4);
}

.section-09 .item {
    border: 1px solid rgba(0, 255, 255, 0.05);
    border-radius: 5px;
    padding: 40px 20px;
    text-align: center;
    height: 100%;
    -webkit-box-shadow: 0 0 10px rgba(0, 255, 255, 0.05);
    -moz-box-shadow: 0 0 10px rgba(0, 255, 255, 0.05);
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.05);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-09 .item:hover {
    border: 1px solid rgba(var(--primary-rgb), 0.5);
    -webkit-box-shadow: 0 0 15px rgba(var(--primary-rgb), 0.5);
    -moz-box-shadow: 0 0 15px rgba(var(--primary-rgb), 0.5);
    box-shadow: 0 0 15px rgba(var(--primary-rgb), 0.5);
}

.section-09 .item .icon {
    position: relative;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    margin-bottom: 20px;
    background-color: rgba(var(--primary-rgb), 0.15);
}

.section-09 .item .icon span {
    font-size: 20px;
    color: var(--primary);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-09 .item:hover .icon span {
    color: #FFF;
}

.section-09 .item h6 {
    margin-bottom: 0;
}


/*=============================================
   - SECTION 10
=============================================*/

.section-10 {
    position: relative;
}

.section-10 .content-box {
    position: relative;
    background-color: rgba(30, 30, 30, 0.4);
    border: 1px solid rgba(0, 255, 255, 0.05);
    padding: 30px 60px;
    border-radius: 20px;
    height: 100%;
}

.section-10 .content-box.highlight {
    border: 3px solid rgba(var(--primary-rgb), 0.5);
    -webkit-box-shadow: 0 0 15px rgba(var(--primary-rgb), 0.5);
    -moz-box-shadow: 0 0 15px rgba(var(--primary-rgb), 0.5);
    box-shadow: 0 0 15px rgba(var(--primary-rgb), 0.5);
}

.section-10 .content-box h5 {
    font-size: 26px;
    color: var(--primary);
    margin-bottom: 20px;
}

.section-10 .content-box.highlight h5 {
    color: var(--secondary);
}

.section-10 .content-box ul {
    list-style: inside;
}

.section-10 .content-box.highlight ul {
    list-style: none;
}

.section-10 .content-box ul li {
    position: relative;
    padding-left: 0;
    margin-bottom: 15px;
}

.section-10 .content-box.highlight ul li {
    padding-left: 35px;
}

.section-10 .content-box.highlight ul li::before {
    position: absolute;
    left: 0;
    top: 2px;
    content: "\f058";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 18px;
    color: var(--primary);
}


/*=============================================
   - SECTION 11
=============================================*/

.section-11 {
    position: relative;
}

.section-11 .content-box {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 20px;
    padding: 30px 30px;
    height: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-11 .content-box:hover {
    border: 1px solid rgba(var(--primary-rgb), 0.5);
    -webkit-box-shadow: 0 0 15px rgba(var(--primary-rgb), 0.5);
    -moz-box-shadow: 0 0 15px rgba(var(--primary-rgb), 0.5);
    box-shadow: 0 0 15px rgba(var(--primary-rgb), 0.5);
}

.section-11 .content-box .icon i {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 10px;
    background-color: rgba(var(--primary-rgb), 0.15);
    font-size: 20px;
    color: var(--primary);
    margin-bottom: 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-11 .content-box h5 {
    font-size: 24px;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 10px;
}

.section-11 .content-box p {
    margin-bottom: 0;
}

.section-11 .content-box:hover .icon i {
    background-color: var(--primary);
    color: #FFF;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/*=============================================
   - SECTION 12
=============================================*/

.section-12 {
    position: relative;
}

.section-12 .item {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #020202;
    padding: 30px 30px;
    border-radius: 20px;
    height: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-12 .item:hover {
    border-color: rgba(var(--secondary-rgb), 0.5);
    background: linear-gradient(145deg, rgba(var(--primary-rgb), 0.1), rgba(var(--secondary-rgb), 0.1));
    /* -webkit-box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.2);
    -moz-box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.2);
    box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.2); */
}

.section-12 .item .top-content {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    gap: 30px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.section-12 .item:hover .top-content {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.section-12 .item .top-content .icon {
    position: relative;
    display: inline-block;
}

.section-12 .item .top-content .icon i {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background-color: rgba(var(--primary-rgb), 0.1);
    border: 1px solid rgba(var(--primary-rgb), 0.3);
    color: var(--primary);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-12 .item:hover .top-content .icon i {
    background-color: rgba(var(--secondary-rgb), 0.1);
    border: 1px solid rgba(var(--secondary-rgb), 0.3);
    color: var(--secondary);
}

.section-12 .item .top-content h5 {
    position: relative;
    font-size: 24px;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.section-12 .item p {
    opacity: 0;
    margin-bottom: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-12 .item:hover p {
    opacity: 1;
}

/*=============================================
   - SECTION 13
=============================================*/

.section-13 {
    position: relative;
}

.section-13::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(66, 189, 172, 0) 0, var(--primary) 50%, rgba(66, 189, 172, 0) 100%);
}

.section-13 .content-wrap {
    position: relative;
}

.section-13 .content-wrap .item {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    padding: 40px 30px;
    margin-bottom: 40px;
    height: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-13 .content-wrap .item:hover::before {
    opacity: 1;
}

.section-13 .content-wrap .item:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    border-color: rgba(var(--primary-rgb), 0.8);
    -webkit-box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.1);
    -moz-box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.1);
    box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.1);
}

.section-13 .content-wrap .item .icon {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin-bottom: 20px;
    background-color: rgba(var(--primary-rgb), 0.2);
    color: var(--primary);
    border-radius: 10px;
    font-size: 25px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-13 .content-wrap .col-md-6:nth-child(even) .item .icon {
    background-color: rgba(var(--secondary-rgb), 0.2);
    color: var(--secondary);
}

.section-13 .content-wrap .item:hover .icon {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.2);
    -moz-box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.2);
    box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.2);
}

.section-13 .content-wrap .item .title {
    font-size: 24px;
}

/*=============================================
   - SECTION 14
=============================================*/

.section-14 {
    position: relative;
}

.section-14 .item {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}

.section-14 .item .icon i {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background-color: rgba(var(--primary-rgb), 0.1);
    border: 1px solid rgba(var(--primary-rgb), 0.3);
    color: var(--primary);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-14 .item h5 {
    font-size: 16px;
}

.section-14 .item:hover .icon i {
    -webkit-box-shadow: 0 0 15px 5px rgba(var(--primary-rgb), 0.5);
    -moz-box-shadow: 0 0 15px 5px rgba(var(--primary-rgb), 0.5);
    box-shadow: 0 0 15px 5px rgba(var(--primary-rgb), 0.5);
}

.section-14 .svg-image {
    animation: moveUpDown 2s ease-in-out infinite alternate;
}

@keyframes moveUpDown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
        /* Adjust the distance as needed */
    }
}

/*=============================================
   - SECTION 15
=============================================*/

.section-15 {
    position: relative;
}

.section-15 .title {
    position: relative;
    font-size: 24px;
    margin-bottom: 30px;
}

.section-15 .title i {
    color: var(--secondary);
    margin-right: 10px;
}

.section-15 .code-box {
    position: relative;
    border: 1px solid var(--primary);
    background-color: #161616;
    padding: 30px 30px;
    border-radius: 20px;
    margin-bottom: 30px;
}

.section-15 .code-box span {
    color: #FFF;
}

.section-15 .code-box span.grey {
    color: #ccc;
}

.section-15 .code-box span.red-line {
    color: #ef0606;
}

.section-15 .code-box span.blue-line {
    color: #6e46f1;
}

.section-15 .highlights-points ul li {
    display: inline-block;
    color: var(--primary);
    background-color: rgba(var(--primary-rgb), 0.2);
    border: 1px solid rgba(var(--primary-rgb), 0.3);
    padding: 5px 10px;
    border-radius: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.section-15 .highlights-points ul li i {
    font-size: 16px;
    margin-right: 10px;
}

/*=============================================
   - SECTION - 16
=============================================*/

.section-16 {
    position: relative;
    background-image: -webkit-linear-gradient(90deg, #0C1014 40%, #18212C 100%);
    background-image: linear-gradient(90deg, #0C1014 40%, #18212C 100%);
    padding: 80px 0;
}

.section-16 .custom-table-1 table {
    width: 100%;
    overflow-y: scroll;
    border-radius: 16px;
    overflow: hidden;
    background-color: #0F1623;
    border: 1px solid rgba(255, 255, 255, 0.05);
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
}

.section-16 .custom-table-1 thead {
    background: linear-gradient(90deg, var(--primary), var(--secondary));
    background: -webkit-linear-gradient(90deg, var(--primary), var(--secondary));
    background: -o-linear-gradient(90deg, var(--primary), var(--secondary));
    background: -moz-linear-gradient(90deg, var(--primary), var(--secondary));
    background: linear-gradient(90deg, var(--primary), var(--secondary));
}

.section-16 .custom-table-1 th {
    font-size: 26px;
    font-weight: 600;
    padding: 20px 15px;
    color: #fff;
    border: none !important;
}

.section-16 .custom-table-1 th:first-child {
    padding-left: 24px;
}

.section-16 .custom-table-1 tbody tr {
    background-color: #0C1014;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.section-16 .custom-table-1 tbody tr:nth-child(even) {}

.section-16 .custom-table-1 td {
    padding: 15px 15px;
    vertical-align: middle;
    border: none !important;
}

.section-16 .custom-table-1 td:first-child {
    padding-left: 24px;
    color: #D1D5DB;
    font-weight: 500;
}

.section-16 .notes-text {
    font-weight: 600;
    font-size: 20px;
    background: linear-gradient(90deg, var(--primary), var(--secondary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/*=============================================
   - SECTION - 17
=============================================*/

.section-17 {
    position: relative;
}

.section-17 .owl-carousel .owl-stage {
    display: flex;
    height: 100%;
}

.section-17 .item {
    position: relative;
    z-index: 1;
    padding: 30px;
    border-radius: 10px;
    height: 100%;
    overflow: hidden;
    background-image: radial-gradient(at bottom right, rgb(255 255 255 / 8%) 0%, #FFFFFF00 30%);
}

.section-17 .item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 10px;
    padding: 1px;
    background: linear-gradient(180deg, rgb(255 255 255 / 10%) 0%, rgb(150 26 66) 35%, rgb(150 26 66) 70%, rgb(255 255 255 / 10%) 100%);
    -webkit-mask:
        linear-gradient(#FFF 0 0) content-box,
        linear-gradient(#FFF 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}

.section-17 .item .top-content {
    height: 250px;
    margin-bottom: 50px;
}

.section-17 .item .top-content .number {
    font-size: 64px;
    color: transparent;
    margin-bottom: 15px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(var(--secondary-rgb), 0.3);
    background: -webkit-linear-gradient(0.76deg, rgba(0, 255, 102, 0) -20%, rgba(var(--secondary-rgb), 0.3) 80%);
    background: linear-gradient(0.76deg, rgba(0, 255, 102, 0) -20%, rgba(var(--secondary-rgb), 0.3) 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-17 .item .top-content h5 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px;
}

.section-17 .item p{
	font-size: 22px;
}

/*=============================================
   - SECTION - 18
=============================================*/

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

.section-18::after {
    content: " ";
    position: absolute;
    left: 0;
    top: 130px;
    background: linear-gradient(0deg, rgba(255, 1, 79, 0) 15%, var(--primary) 100%);
    filter: blur(2px);
    border-radius: 100%;
    width: 410px;
    height: 410px;
    z-index: -1;
}

.section-18 .item-card {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background-color: #0E0E0E;
    padding: 40px 30px;
    height: 100%;
    animation: fadeInUp 600ms ease forwards;
    animation-delay: calc(4 * 75ms);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 15px 25px 50px 0px rgba(253, 196, 72, 0.05);
    backdrop-filter: blur(35px);
    z-index: 1;
}

.section-18 .item-card::before {
    content: "";
    position: absolute;
    top: var(--y);
    left: var(--x);
    transform: translate(-50%, -50%);
    background: radial-gradient(var(--primary), transparent, transparent);
    width: 200%;
    height: 200%;
    opacity: 0;
    transition: 0.5s, top 0s, left 0s;
    border-radius: 20px;
    z-index: -1;
}

.section-18 .item-card::after {
    content: "";
    position: absolute;
    inset: 2px;
    background-color: #0E0E0E;
    border-radius: 20px;
    z-index: -1;
}

.section-18 .item-card:hover::before {
    opacity: 1;
}

.section-18 .item-card .detail span {
    background: var(--secondary);
    color: #0D0E11;
    -webkit-text-stroke: 2px transparent;
    -webkit-background-clip: text;
    font-size: 24px !important;
    display: inline-block;
    margin-bottom: 10px;
    letter-spacing: 1.5px;
}

.section-18 .item-card .detail h4 {
    font-size: 28px;
    margin-bottom: 15px;
    letter-spacing: 1.5px;
}

.section-18 .item-card .detail h6 {
    color: #FFF;
    font-weight: 600;
    margin-bottom: 0;
}

.section-18 .item-card .detail ul {
    margin-top: 20px;
}

.section-18 .item-card .detail ul li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 32px;
}

.section-18 .item-card .detail ul li::before {
    position: absolute;
    content: "\f1b2";
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    top: 4px;
    left: 0;
    color: var(--primary);
    font-size: 18px;
}

.section-18 .item-card .price .regular-price {
    position: relative;
    font-size: 24px;
    color: #C2C2C2;
}

.section-18 .item-card .price .regular-price:after {
    content: " ";
    display: block;
    width: 60%;
    border-top: 2px solid #C2C2C2;
    height: 0;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(345deg);
}

.section-18 .item-card .price h2 {
    color: #7D7D7D;
    font-size: 20px;
    margin-right: 10px;
    font-weight: 400;
}

.section-18 .item-card .price h2 span {
    font-size: 48px;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 10px;
}

.section-18 .item-card .price .link {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 5px;
    width: 100%;
    background-color: var(--primary);
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #FFF;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/* ADD ON  */

.section-18 .add-on-card {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background-color: #0E0E0E;
    padding: 40px 30px;
    height: 100%;
    animation: fadeInUp 600ms ease forwards;
    animation-delay: calc(4 * 75ms);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 15px 25px 50px 0px rgba(253, 196, 72, 0.05);
    backdrop-filter: blur(35px);
    z-index: 1;
}

.section-18 .add-on-card::before {
    content: "";
    position: absolute;
    top: var(--y);
    left: var(--x);
    transform: translate(-50%, -50%);
    background: radial-gradient(var(--primary), transparent, transparent);
    width: 200%;
    height: 200%;
    opacity: 0;
    transition: 0.5s, top 0s, left 0s;
    border-radius: 20px;
    z-index: -1;
}

.section-18 .add-on-card::after {
    content: "";
    position: absolute;
    inset: 2px;
    background-color: #0E0E0E;
    border-radius: 20px;
    z-index: -1;
}

.section-18 .add-on-card:hover::before {
    opacity: 1;
}

.section-18 .add-on-card h4 {
    font-size: 28px;
    margin-bottom: 20px;
    letter-spacing: 1.5px;
}

.section-18 .add-on-card .price-list {
    list-style: none;
    padding: 0;
}

.section-18 .add-on-card .price-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border-bottom: 1px dashed;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.section-18 .add-on-card .price-list .label {
    font-size: 24px;
    width: 70%;
}

.section-18 .add-on-card .price-list .price {
    font-size: 24px;
    font-weight: 600;
    color: var(--secondary);
    text-align: right;
}

.section-18 .package-card {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background-color: rgba(var(--primary-rgb), 0.05);
    padding: 40px 30px;
    height: 100%;
    box-shadow: 15px 25px 50px 0px rgba(253, 196, 72, 0.05);
    z-index: 1;
    border: 2px dashed var(--primary);
}

.section-18 .package-card h4 {
    font-size: 28px;
    margin-bottom: 20px;
    letter-spacing: 1.5px;
}

.section-18 .package-card h5 {
    font-family: "Beiruti", sans-serif;
}

.section-18 .package-card h5 .regular-price {
    position: relative;
    font-size: 24px;
    color: #C2C2C2;
    margin: 0 10px;
}

.section-18 .package-card h5 .regular-price:after {
    content: " ";
    display: block;
    width: 60%;
    border-top: 2px solid #C2C2C2;
    height: 0;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(345deg);
}

.section-18 .package-card h5 .offer-price {
    position: relative;
    font-size: 26px;
    margin: 0 10px;
}

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

    .section-18::after {
        top: 200px;
        width: 200px;
        height: 200px;
    }
}

/*=============================================
   - SECTION - 19
=============================================*/

.section-19 {
    position: relative;
}

.section-19 .image-box {
    border-radius: 10px;
    margin-bottom: 20px;
}

.section-19 .image-box img {
    border-radius: 10px;
}

.section-19 .content-box {
    padding-left: 80px;
}

.section-19 .content-box .section-title {
    display: flex;
    gap: 50px;
    margin-bottom: 30px;
}

.section-19 .content-box .section-title img {
    width: 120px;
    height: fit-content;
}

.section-19 .content-box .process-carousel-wrap {
    padding: 30px 0;
    margin-left: -200px;
}

.section-19 .content-box .process-carousel-wrap .process-box {
    position: relative;
    background-color: rgb(10 10 10 / 80%);
    padding: 50px 30px;
    border-radius: 10px;
    margin: 0 5px;
    text-transform: capitalize;
    border: 1px solid rgba(255, 255, 255, .2);
    height: 100%;
    transition: all 0.5s ease-in-out;
}

.section-19 .content-box .process-carousel-wrap .process-box:hover {
    border-color: var(--primary);
    background-image: radial-gradient(at bottom right, rgba(var(--secondary-rgb), 0.5) 0%, #FFFFFF00 40%);
    transition: all 0.5s ease-in-out;
}

.section-19 .content-box .process-carousel-wrap .process-box h5 {
    color: #FFF;
    font-family: "Beiruti", sans-serif;
    font-size: 24px;
}

.section-19 .content-box .process-carousel-wrap .process-box .icon {
    position: relative;
    width: 50px;
    height: 50px;
    margin-bottom: 20px;
}

.section-19 .content-box .process-carousel-wrap .process-box .icon .count {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    background: var(--primary);
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    transition: none;
    z-index: 2;
}

.section-19 .content-box .process-carousel-wrap .process-box .icon .arrow {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #FFF;
    opacity: 0;
    z-index: 1;
    transition: opacity 0.5s ease-in-out;
}

.section-19 .content-box .process-carousel-wrap .process-box .icon .arrow i {
    transform: rotate(-45deg);
    font-size: 18px;
}

.section-19 .content-box .process-carousel-wrap .process-box:hover .icon .count {
    animation: fadeUpOut 0.5s forwards;
}

.section-19 .content-box .process-carousel-wrap .process-box:hover .icon .arrow {
    opacity: 1;
}

.section-19 .process-carousel-wrap .owl-stage {
    display: flex;
}

/* Fade up and out animation */
@keyframes fadeUpOut {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(-30px);
        opacity: 0;
    }
}

.section-19 .content-box .carousel-wrap .wrap-box p {
    font-size: 20px;
}

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

    .section-19 .content-box {
        padding-left: 0;
    }

    .section-19 .content-box .title img {
        width: 80px;
        height: 80px;
    }

    .section-19 .content-box .title h3 {
        font-size: 40px;
    }
}

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

    .section-19 .content-box .carousel-wrap {
        padding: 30px 0;
        margin-left: 0;
    }

    .section-19 .content-box .process-carousel-wrap {
        margin-left: 0;
    }
}

/*=============================================
   - SECTION - 20
=============================================*/

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

.section-20:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    inset: 0;
    background-image: linear-gradient(to right, rgb(20 31 56) 1px, transparent 1px), linear-gradient(to bottom, rgb(20 31 56) 1px, transparent 1px);
    -webkit-mask-image: radial-gradient(ellipse 80% 50% at 50% 50%, #000 70%, transparent 100%);
    mask-image: radial-gradient(ellipse 80% 50% at 50% 50%, #000 70%, transparent 100%);
    background-size: 4rem 4rem;
    z-index: -1;
    opacity: .3;
}

.section-20:after {
    position: absolute;
    content: "";
    width: 500px;
    height: 500px;
    bottom: 0%;
    left: 50%;
    filter: blur(120px);
    background-color: rgb(7 182 213 / 20%);
    border-radius: 9999px;
    transform: translateX(-50%);
    z-index: -1;
}

.section-20 .content-box {
    background-color: rgb(11 17 30 / 50%);
    padding: 30px 30px;
    border: 1px solid rgb(20 31 56 / 80%);
    border-radius: 20px;
}

.section-20 .content-box .item {
    position: relative;
    background-color: rgb(15 23 41 / 50%);
    border: 1px solid rgb(20 31 56 / 80%);
    border-radius: 20px;
    padding: 20px 20px;
    animation: fadeInUp 600ms ease forwards;
    animation-delay: calc(4 * 75ms);
    z-index: 1;
    overflow: hidden;
}

.section-20 .content-box .item::before {
    content: "";
    position: absolute;
    top: var(--y);
    left: var(--x);
    transform: translate(-50%, -50%);
    background: radial-gradient(var(--primary), transparent, transparent);
    width: 200%;
    height: 200%;
    opacity: 0;
    transition: 0.5s, top 0s, left 0s;
    border-radius: 20px;
    z-index: -1;
}

.section-20 .content-box .item::after {
    content: "";
    position: absolute;
    inset: 2px;
    background-color: #0E1524;
    border-radius: 20px;
    z-index: -1;
}

.section-20 .content-box .item:hover::before {
    opacity: 1;
}

.section-20 .content-box .item .icon {
    color: var(--primary);
    font-size: 30px;
    margin-bottom: 20px;
}

.section-20 .content-box .item h5 {
    margin-bottom: 20px;
}

/*=============================================
   - SECTION - 21
=============================================*/

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

.section-21::before {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    background-color: #EF4343;
    filter: blur(200px);
    bottom: 20px;
    left: 0;
    z-index: -1;
}

.section-21::after {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    background-color: #EF4343;
    filter: blur(200px);
    top: 20px;
    right: 0;
    z-index: -1;
}

.section-21 .content-wrap {
    position: relative;
    border: 1px solid rgb(239 67 67 / 30%);
    padding: 30px 30px;
    border-radius: 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-21 .content-wrap .details {
    position: relative;
    display: flex;
    gap: 30px;
}

.section-21 .content-wrap .details .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid rgb(239 67 67 / 30%);
    background-color: rgb(239 67 67 / 20%);
    color: #EF4343;
    margin-bottom: 20px;
}

.section-21 .content-wrap .detail .icon i {
    font-size: 20px;
}

.section-21 .content-wrap .details h5 {
    color: #FFF;
    margin-bottom: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-21 .content-wrap .details p {
    margin-bottom: 0;
}

.section-21 .highlight-duration {
    position: relative;
    text-align: right;
}

.section-21 .highlight-duration h5 {
    border: 1px solid rgb(239 67 67 / 30%);
    background-color: rgb(239 67 67 / 20%);
    color: #EF4343;
    font-size: 16px;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 15px;
}

.section-21 .content-wrap:hover {
    border-color: rgb(239 67 67 / 30%);
    -webkit-box-shadow: 0 0 25px 5px rgb(239 67 67 / 20%);
    -moz-box-shadow: 0 0 25px 5px rgb(239 67 67 / 20%);
    box-shadow: 0 0 25px 5px rgb(239 67 67 / 20%);
}

.section-21 .content-wrap:hover h5 {
    color: #ef4343;
}

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

    .section-21 .content-wrap .details {
        display: block;
        text-align: center;
    }

    .section-21 .content-wrap .details .icon {
        margin: 0 auto 20px;
    }

    .section-21 .highlight-duration {
        text-align: center;
    }
}

/*=============================================
   - SECTION - 22
=============================================*/

.section-22 {
    position: relative;
    background-color: #05060C;
    counter-reset: test;
    z-index: 1;
}

.section-22 .item-box {
    position: relative;
    counter-increment: test;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #04070C;
    border-radius: 10px;
    padding: 30px;
    width: 100%;
    margin-bottom: 30px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-shadow: rgba(52, 52, 52, 0.2) 0px 7px 29px 0px;
    -moz-shadow: rgba(52, 52, 52, 0.2) 0px 7px 29px 0px;
    box-shadow: rgba(52, 52, 52, 0.2) 0px 7px 29px 0px;
}

.section-22 .item-box::before {
    position: absolute;
    content: counter(test);
    top: 10px;
    left: -100px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    background-color: var(--primary);
    color: #FFF;
    font-size: 24px;
    font-weight: 600;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-22 .item-box::after {
    content: "";
    position: absolute;
    top: 65px;
    left: -70px;
    width: 2px;
    height: 150px;
    background-color: var(--primary);
    opacity: 0.6;
}

.section-22 .item-box:last-child::after {
    display: none;
}

.section-22 .item-box .content-box {
    position: relative;
    display: flex;
    gap: 30px;
}

.section-22 .item-box .content-box .icon {
    background-color: rgba(var(--primary-rgb), 0.2);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    flex-shrink: 0;
}

.section-22 .item-box .content-box .icon i {
    font-size: 20px;
    color: var(--primary);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-22 .item-box .content-box h5 {
    font-size: 20px;
    margin-bottom: 15px;
}

.section-22 .item-box .content-box p {
    margin-bottom: 0;
}

.section-22 .item-box:hover {
    border-color: rgba(var(--secondary-rgb), 0.4);
    -webkit-box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.3);
    -moz-box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.3);
    box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.3);
}

.section-22 .item-box:hover::before {
    border-color: rgba(var(--secondary-rgb), 0.4);
    -webkit-box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.3);
    -moz-box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.3);
    box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.3);
}

.section-22 .item-box .content-box:hover .icon i {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.section-22 .item-box .highlight-duration {
    position: relative;
    text-align: right;
}

.section-22 .item-box .highlight-duration h5 {
    background-color: rgba(var(--primary-rgb), 0.15);
    color: var(--secondary);
    font-size: 16px;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 15px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

@media screen and (max-width: 768px) {
    .section-22 .item-box::before {
        left: -60px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .section-22 .item-box::after {
        top: 50px;
        left: -40px;
        width: 2px;
        height: 200px;
    }
}

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

    .section-22 .item-box::before,
    .section-22 .item-box::after {
        display: none;
    }

    .section-22 .item-box .content-box {
        display: block;
        text-align: center;
    }

    .section-22 .item-box .content-box .icon {
        margin: 0 auto 20px;
    }

    .section-22 .item-box .highlight-duration {
        text-align: center;
    }
}

/*=============================================
   - TIMELINE - 01
=============================================*/

.timeline-one-section {
    position: relative;
    background-position: center;
    background-size: cover;
}

.timeline-one-section .timeline-wrapper {
    position: relative;
    width: 100%;
    margin-top: 130px;
    margin-bottom: 100px;
}

.timeline-one-section .timeline-wrapper .timeline-curve {
    width: 100%;
    height: 400px;
}

.timeline-one-section .timeline-wrapper .point {
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--primary);
    border: 6px solid #020202;
    outline: 3px solid var(--secondary);
    z-index: 10;
}

.timeline-one-section .timeline-wrapper .point.p1 {
    left: 10%;
    top: 240px;
}

.timeline-one-section .timeline-wrapper .point.p2 {
    left: 35%;
    top: 135px;
}

.timeline-one-section .timeline-wrapper .point.p3 {
    left: 60%;
    top: 240px;
}

.timeline-one-section .timeline-wrapper .point.p4 {
    left: 85%;
    top: 135px;
}

.timeline-one-section .timeline-wrapper .point .line {
    width: 2px;
    height: 40px;
    background: repeating-linear-gradient(to bottom,
        var(--secondary) 0,
        var(--secondary) 6px,
        transparent 6px,
        transparent 12px);
    position: absolute;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    z-index: -1;
}

.timeline-one-section .timeline-wrapper .point .line.up {
    top: -50px;
    transform: translateX(-50%) rotate(180deg);
}

.timeline-one-section .timeline-wrapper .timeline-content {
    position: absolute;
    width: 260px;
    padding-top: 15px;
}

.timeline-one-section .timeline-wrapper .timeline-content .number {
    position: absolute;
    top: -20px;
    right: -60px;
    font-size: 100px;
    color: transparent;
    margin-bottom: 10px;
    -webkit-text-stroke-width: 1px;
    background: -webkit-linear-gradient(270deg, var(--primary) 15.83%, var(--secondary) 52.91%), linear-gradient(180deg, rgba(66, 189, 172, .16) 0, rgba(255, 199, 28, .16) 100%);
    color: #0d0e11;
    -webkit-text-stroke: 6px transparent;
    -webkit-background-clip: text;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.timeline-one-section .timeline-wrapper .p1-c {
    left: 0%;
    top: 310px;
}

.timeline-one-section .timeline-wrapper .p2-c {
    left: 25%;
    top: -100px;
}

.timeline-one-section .timeline-wrapper .p3-c {
    left: 50%;
    top: 310px;
}

.timeline-one-section .timeline-wrapper .p4-c {
    left: 75%;
    top: -100px;
}

.timeline-one-section .timeline-wrapper .timeline-content h4 {
    color: var(--primary);
    font-size: 24px;
    font-weight: 600;
}

.timeline-one-section .timeline-wrapper .timeline-content p {
    font-size: 18px;
}

/* Mobile View  */

.timeline-one-section .work-process-list {
    position: relative;
}

.timeline-one-section .work-process-list:after {
    content: '';
    position: absolute;
    top: 0;
    left: 20px;
    width: 1px;
    height: 100%;
    border: 1px dashed rgba(255, 255, 255, 0.24);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: -1;
}

.timeline-one-section .work-process-list .work-process-single-list .single-work-process {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    padding: 0 0 30px;
}

.timeline-one-section .work-process-list .work-process-single-list:last-child .single-work-process {
    padding-bottom: 0;
}

.timeline-one-section .work-process-list .work-process-single-list .single-work-process .step {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    border: 1px solid var(--primary);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--primary);
    position: relative;
    z-index: 1;
}

.timeline-one-section .work-process-list .work-process-single-list .single-work-process .step .step-bg {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: #21000A;
    z-index: -1;
}

.timeline-one-section .work-process-list .work-process-single-list .single-work-process .title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.timeline-one-section .work-process-list .work-process-single-list .single-work-process p {
    margin-bottom: 0;
}

.timeline-one-section .work-process-list .work-process-single-list:nth-child(1) .single-work-process .step {
    color: #069845;
    border: 1px solid #069845;
}

.timeline-one-section .work-process-list .work-process-single-list:nth-child(1) .single-work-process .step .step-bg {
    background: #011E1D;
}

.timeline-one-section .work-process-list .work-process-single-list:nth-child(2) .single-work-process .step {
    color: #F0A230;
    border: 1px solid #F0A230;
}

.timeline-one-section .work-process-list .work-process-single-list:nth-child(2) .single-work-process .step .step-bg {
    background: #24201A;
}

.timeline-one-section .work-process-list .work-process-single-list:nth-child(3) .single-work-process .step {
    color: #8F54FF;
    border: 1px solid #8F54FF;
}

.timeline-one-section .work-process-list .work-process-single-list:nth-child(3) .single-work-process .step .step-bg {
    background: #151439;
}

.timeline-one-section .work-process-list .work-process-single-list:nth-child(4) .single-work-process .step {
    color: #E0009B;
    border: 1px solid #E0009B;
}

.timeline-one-section .work-process-list .work-process-single-list:nth-child(4) .single-work-process .step .step-bg {
    background: #22082A;
}

.timeline-one-section .work-process-list .work-process-single-list:nth-child(5) .single-work-process .step {
    color: #094EFF;
    border: 1px solid #094EFF;
}

.timeline-one-section .work-process-list .work-process-single-list:nth-child(5) .single-work-process .step .step-bg {
    background: #00164E;
}

/*=============================================
   - CTA SECTION - 01
=============================================*/

.team-group-section{
    position: relative;
	z-index: 1;
}

.team-group-section:before {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(180deg, rgb(39 13 13) 5%, rgb(34 34 34 / 50%) 60%);
    z-index: -1;
}

.team-group-section .content{
    border-radius: 25px;
}

.team-group-section .content img{
    border-radius: 25px;
}
/*=============================================
   - CTA SECTION - 01
=============================================*/

.cta-one-section {
    position: relative;
    background-color: rgba(var(--primary-rgb), 0.12);
}

.cta-one-section::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(66, 189, 172, 0) 0, rgba(var(--primary-rgb), 1) 50%, rgba(66, 189, 172, 0) 100%);
}

.cta-one-section::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(66, 189, 172, 0) 0, rgba(var(--primary-rgb), 1) 50%, rgba(66, 189, 172, 0) 100%);
    transform: rotate(180deg);
}

.cta-one-section .cta-wrap {
    position: relative;
    text-align: center;
}

.cta-one-section .bottom-content p {
    margin-bottom: 5px;
}

/*=============================================
   - CTA SECTION - 02
=============================================*/

.cta-two-section {
    position: relative;
    background: radial-gradient(circle at center, rgba(var(--primary-rgb), 0.1) 0%, rgba(10, 10, 15, 1) 100%);
    z-index: 1;
}

.cta-two-section::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(66, 189, 172, 0) 0, var(--primary) 50%, rgba(66, 189, 172, 0) 100%);
}

.cta-two-section::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(66, 189, 172, 0) 0, var(--primary) 50%, rgba(66, 189, 172, 0) 100%);
}

.cta-two-section .cta-wrap {
    position: relative;
    text-align: center;
}

.cta-two-section .content-box h2 {
    font-size: 50px;
    margin-bottom: 10px;
}

.cta-two-section .bottom-content p {
    color: #FFF;
    margin-bottom: 5px;
}

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

    .cta-two-section .content-box h2 {
        font-size: 40px;
    }
}

/*=============================================
   - CTA SECTION - 03
=============================================*/

.cta-three-section {
    position: relative;
    background: radial-gradient(circle at center, rgba(var(--primary-rgb), 0.05) 0%, rgba(10, 10, 15, 1) 100%);
    z-index: 1;
}

.cta-three-section:before {
    position: absolute;
    content: "";
    width: 600px;
    height: 600px;
    top: 0;
    left: 50%;
    filter: blur(120px);
    background-color: rgb(7 182 213 / 20%);
    border-radius: 9999px;
    transform: translateX(-50%);
}

.cta-three-section::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(66, 189, 172, 0) 0, var(--primary) 50%, rgba(66, 189, 172, 0) 100%);
}

.cta-three-section .cta-wrap {
    position: relative;
    text-align: center;
    padding: 30px 30px;
    border-radius: 15px;
    background-color: rgb(11 17 30 / 50%);
    border: 1px solid rgba(var(--primary-rgb), 0.5);
}

.cta-three-section .content-box h2 {
    font-size: 50px;
    margin-bottom: 10px;
}

.cta-three-section .bottom-content p {
    color: #FFF;
    margin-bottom: 5px;
}

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

    .cta-three-section .content-box h2 {
        font-size: 40px;
    }
}


/*=============================================
   - PACKAGE SECTION - 01
=============================================*/

.package-section-01 {
    position: relative;
}

.package-section-01 .pricing-plan {
    position: relative;
    padding: 40px 25px;
    margin: 0 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    height: 100%;
    margin-top: 40px;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.package-section-01 .pricing-plan.active {
    border: 2px solid var(--primary);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    margin-top: 20px;
}

.package-section-01 .pricing-plan.active .overlay {
    position: absolute;
    top: -2px;
    right: -2px;
    background-color: var(--primary);
    padding: 5px 10px;
    border-radius: 0 10px 0 10px;
    z-index: 1;
}

.package-section-01 .pricing-plan.active .overlay p {
    font-size: 16px;
    margin-bottom: 0;
}

.package-section-01 .pricing-plan .title {
    font-size: 24px;
    margin-bottom: 15px;
}

.package-section-01 .pricing-plan .short-desc {
    margin-bottom: 10px;
}

.package-section-01 .pricing-plan .price-info .regular-price {
    position: relative;
    font-size: 26px;
    color: #C2C2C2;
    margin: 0 10px;
}

.package-section-01 .pricing-plan .price-info .regular-price:after {
    content: " ";
    display: block;
    width: 30%;
    border-top: 2px solid #C2C2C2;
    height: 0;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(345deg);
}

.package-section-01 .pricing-plan .price-info h6 {
    font-size: 48px;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 10px;
}

.package-section-01 .pricing-plan .price-info h6 span {
    color: #7D7D7D;
    font-size: 20px;
    margin-right: 10px;
    font-weight: 400;
}

.package-section-01 .pricing-plan .price-benefit-list {
    text-align: left;
    margin-bottom: 40px;
}

.package-section-01 .pricing-plan .price-benefit-list ul li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 40px;
}

.package-section-01 .pricing-plan .price-benefit-list ul li::before {
    position: absolute;
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    top: 4px;
    left: 0;
    color: var(--primary);
    font-size: 18px;
}

.package-section-01 .pricing-plan .start-btn {
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
    border-radius: 5px;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #FFF;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.package-section-01 .pricing-plan.active .start-btn {
    background-color: var(--primary);
    color: #FFF;
}

.package-section-01 .pricing-plan:hover {
    border-color: var(--primary);
    background-color: rgba(var(--primary-rgb), 0.05);
    -webkit-box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.2);
    -moz-box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.2);
    box-shadow: 0 0 25px 5px rgba(var(--primary-rgb), 0.2);
}

.package-section-01 .pricing-plan .start-btn:hover {
    background-color: var(--primary);
    color: #FFF;
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}

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

    .package-section-01 .pricing-plan {
        margin-top: 0;
    }

    .package-section-01 .pricing-plan.active {
        margin-top: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

/*=============================================
   --------- BANNER SECTION ---------   
=============================================*/

.banner-section {
    position: relative;
    background-color: #000;
    display: flex;
    align-items: center;
    padding-top: 160px;
    min-height: 100vh;
}

.banner-section .banner-left-info {
    position: absolute;
    left: -35px;
    top: 50%;
    transform: translateY(-50%);
    display: grid;
    gap: 250px;
    z-index: 1;
}

.banner-section .banner-left-info .left-info-mobile {
    display: flex;
    margin-top: 200px;
    transform: rotate(90deg);
    justify-content: center;
}

.banner-section .banner-left-info .left-info-mobile a {
    display: flex;
    gap: 15px;
    color: #FFF;
}

.banner-section .banner-left-info .right-info-scroll {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    transform: rotate(90deg);
    margin-bottom: 200px;
}

.banner-section .banner-left-info .right-info-scroll a {
    font-size: 18px;
    font-weight: 400;
    color: #FFF;
    text-transform: uppercase;
}

.banner-section .banner-left-info .right-info-scroll a img {
    transform: rotate(-90deg);
    width: 20px;
    object-fit: contain;
}

.banner-section .banner-right-info {
    right: 0px;
    gap: 150px;
    top: 60%;
    display: grid;
    position: absolute;
    transform: translateY(-50%);
}


.banner-section .banner-right-info .right-info-scroll {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    transform: rotate(90deg);

}

.banner-section .banner-right-info .right-info-scroll h6 {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

.banner-section .banner-right-info .right-info-scroll img {
    transform: rotate(-90deg);
    width: 20px;
    object-fit: contain;
}

/* Right Info */
.banner-right-info .social-media .social-links li a {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: rgb(18, 18, 18);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.banner-right-info .social-media .social-links li:hover a {
    background-color: var(--primary);
    color: #FFF;
}

.right-info-scroll ul li a i {
    font-size: 14px;
    color: #FFF;
}


.banner-section .overlay-img .lighting-img {
    position: absolute;
    top: 0;
    left: -120px;
}

.banner-section .overlay-img .move-animation {
    animation-name: hero-light;
    animation-duration: 8s;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

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

.banner-section .banner-content::before {
    background-image: url(../images/banner/white-lines.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    position: absolute;
    content: "";
    top: -30%;
    left: 0;
    right: 0;
    bottom: -30%;
    margin: 0 auto;
    width: 90vh;
    z-index: -1;
}

.banner-section .banner-content .banner-title {
    color: #FFF;
    font-size: clamp(42px, 5vw, 66px);
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: capitalize;
}

.banner-section .banner-content .banner-title .highlight {
    color: var(--primary);
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(var(--primary), var(--secondary));
    -webkit-background-clip: text;
    background-clip: text;
}

.banner-section .banner-content .banner-title .italic-txt {
    font-family: "Libre Baskerville", serif;
    font-style: italic;
    font-weight: 400;
}

.banner-section .banner-content .short-content {
    font-size: 22px;
}

.banner-section .client-logo-box {
    position: relative;
    padding-top: 80px;
}

.banner-section .client-logo-box .logo-component {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    gap: 40px;
    padding-bottom: 50px;
}

.banner-section .client-logo-box .logo-components img {
    width: 100px;
    height: 60px;
    object-fit: contain;
}

@keyframes hero-light {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(50px);
    }
}

@media screen and (max-width: 767.98px) {
    .banner-section {
        padding-top: 50px;
    }

    .banner-section .overlay-img {
        display: none;
    }

    .banner-section .banner-left-info {
        display: none;
    }

    .banner-section .banner-right-info {
        display: none;
    }

    .banner-section .banner-content .title {
        font-size: 50px;
    }

    .banner-section .client-logo-box {
        display: none;
    }

    .banner-section .banner-content::before {
        /* top: -30%;
        bottom: -20%; */
        display: none;
    }
}

/* About Section */

.about-section {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.about-section:before {
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    height: 400px;
    width: 400px;
    z-index: -1;
    transform: translate(50%, 50%);
    opacity: 0.03;
    background: #DDD;
    border-radius: 50%;
}

.about-section .about-img {
    position: relative;
    overflow: hidden;
}

.about-section .about-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-section .about-img .experience-year {
    position: absolute;
    bottom: 30px;
    left: 40px;
    width: 100%;
    font-weight: 700;
    color: #FFF;
}

.about-section .about-img .experience-year h3 {
    color: #FFF;
    font-size: 26px;
}

.about-section .about-img .experience-year h3 span {
    font-size: 70px;
}

.about-section .achieve-item {
    padding: 54px 15px;
    text-align: center;
    border-radius: 15px 15px 0 0;
    border: 1px solid rgba(255, 255, 255, 0.11);
    height: 50%;
}

.about-section .achieve-item:nth-child(2n) {
    border-radius: 0 0 15px 15px;
}

.about-section .achieve-item .number {
    font-weight: 600;
    font-size: 60px;
    color: transparent;
    -webkit-text-stroke: 2px var(--secondary);
    margin-bottom: 20px;
}

.about-section .achieve-item .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    color: #FFF;
}

.about-section .about-title {
    font-size: 84px;
    font-weight: 600;
    margin: 30px 0;
}

.about-section .about-title span {
    color: var(--primary);
    font-family: "Libre Baskerville", serif;
    font-style: italic;
}

/* Services Section */

.service-section {
    position: relative;
}

.service-section .service-item {
    position: relative;
    margin: 20px 0;
    padding: 50px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.service-section .service-item:hover {
    border-bottom: 1px solid var(--secondary);
}

.service-section .service-item .number h3 {
    position: relative;
    font-size: 80px;
    font-weight: 700;
    color: #FFF;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #877F7F;
    transition: all 0.5s ease-in-out;
}

.service-section .service-item:hover .number h3 {
    -webkit-text-stroke-color: var(--primary);
}

.service-section .service-item .service-image {
    position: absolute;
    top: 26px;
    left: 25px;
    opacity: 0;
    visibility: hidden;
    border-radius: 100%;
    width: 160px;
    height: 160px;
    transition: all 0.5s ease-in-out;
}

.service-section .service-item .service-image img {
    border-radius: 100%;
}

.service-section .service-item:hover .service-image {
    transform: translate(-10%, -10%) scale(1.1);
    opacity: 1;
    visibility: visible;
}

.service-section .service-item .service-tag {
    position: relative;
    display: inline-block;
    padding: 20px 10px;
}

.service-section .service-item .service-tag h3 {
    font-size: 30px;
    color: #FFF;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.service-section .service-item:hover .service-tag h3 {
    color: var(--primary);
}

.service-section .service-item:hover h3::after {
    width: 100%;
}

.service-section .service-item .content {
    position: relative;
}

.service-section .service-item .arrow {
    padding: 20px 10px;
}

.service-section .service-item .arrow a {
    color: #FFF;
    font-size: 30px;
    border-radius: 6px;
    background-color: rgb(29, 29, 29);
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
}

.service-section .service-item .arrow a img {
    width: 30px;
    filter: brightness(0) invert(1);
    transform: rotate(-45deg);
    transition: transform 0.4s ease-in-out;
}

.service-section .service-item:hover .arrow a {
    background-color: var(--secondary);
    color: #FFF;
}

.service-section .service-item:hover .arrow a img {
    transform: rotate(0deg);
}

.service-section .service-item:hover .number h3 {
    color: var(--primary);
}

/* Marquee Section */

.marquee-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 30px 0;
    background-color: #961A42;
    background-image: -webkit-linear-gradient(left, #961A42, #c70545);
    background-image: -o-linear-gradient(left, #961A42, #c70545);
    background-image: -moz-linear-gradient(left, #961A42, #c70545);
    background-image: linear-gradient(to right, #961A42, #c70545);
}

.marquee-section .marquee {
    display: flex;
    gap: 20px;
    align-items: center;
    white-space: nowrap;
    animation: marqueeScroll 10s linear infinite;
    font-size: 24px;
    max-width: 100%;
}

.marquee-section .marquee li {
    font-size: 64px;
    font-weight: 700;
    margin: 0;
    display: inline-block;
    text-transform: uppercase;
    color: #FFF;
    padding-left: 60px;
}

.marquee-section .marquee li span {
    font-weight: 200;
    -webkit-text-stroke: 1px #FFF;
    color: transparent;
}

@media (max-width: 768px) {

    .marquee {
        font-size: 18px;
        animation-duration: 8s;
    }

    .marquee-section .marquee li {
        font-size: 36px;
    }
}

/* Why Choose Us Section */

.why-us-section {
    position: relative;
    background-color: #0C0C0C;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #ABABAB45;
    border-radius: 150px 150px 0px 0px;
}

.why-us-section .element-list-container {
    position: relative;
}

.why-us-section .element-list-container .parent {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(6, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.why-us-section .element-list-container .element-box.box-1 {
    grid-area: 1 / 1 / 3 / 3;
}

.why-us-section .element-list-container .element-box.box-2 {
    grid-area: 3 / 1 / 5 / 3;
}

.why-us-section .element-list-container .element-box.box-3 {
    grid-area: 1 / 3 / 5 / 5;
}

.why-us-section .element-list-container .element-box.box-4 {
    grid-area: 1 / 5 / 3 / 7;
}

.why-us-section .element-list-container .element-box.box-5 {
    grid-area: 3 / 5 / 5 / 7;
}

.why-us-section .element-list-container .element-box.box-6 {
    grid-area: 5 / 1 / 7 / 4;
}

.why-us-section .element-list-container .element-box.box-7 {
    grid-area: 5 / 4 / 7 / 7;
}

.why-us-section .element-list-container .element-box {
    position: relative;
    padding: 30px 30px;
    background-color: #161616;
    background-image: linear-gradient(315deg, #070709 15%, #161616 90%);
    border: 1px solid #3C3C3C;
    border-radius: 20px;
    height: 100%;
    z-index: 1;
}

.why-us-section .element-list-container .element-box .icon {
    width: 80px;
    height: 80px;
    font-size: 30px;
    color: var(--secondary);
    background-color: #161616;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-bottom: 30px;
    box-shadow: 15px 0px 30px 0 rgb(195 5 68 / 25%);
}

.why-us-section .element-list-container .element-box .detail h4 {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 600;
}

.why-us-section .element-list-container .element-box .detail p {
    margin-bottom: 0;
}

.why-us-section .element-list-container .element-box.style-1 {
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}

.why-us-section .element-list-container .element-box.style-2 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.why-us-section .element-list-container .element-box.style-2:before {
    position: absolute;
    content: "";
    inset: 0;
    border-radius: 20px;
    background-image: linear-gradient(0deg, #0c0c0c 40%, rgb(12 12 12 / 30%) 100%);
    z-index: -1;
}

.why-us-section .element-list-container .element-box.style-3 {
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}

.why-us-section .element-list-container .element-box.style-4 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.why-us-section .element-list-container .element-box.style-4:before {
    position: absolute;
    content: "";
    inset: 0;
    border-radius: 20px;
    background-image: linear-gradient(90deg, #720026 10%, rgb(12 12 12 / 30%) 100%);
    z-index: -1;
}

/* CTA Section */

.cta-section {
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #303030;
    padding: 300px 0;
}

.cta-section .cta-content h3 {
    color: #FFF;
    font-size: 60px;
    font-weight: 500;
    margin-bottom: 20px;
}

.cta-section .cta-content h3 span {
    font-weight: 300;
    font-style: italic;
}

.our-team-list-section {
    position: relative;
}

.our-team-list-section .team-wrap .team-card {
    position: relative;
    transition: all 0.5s ease-in-out;
}

.our-team-list-section .team-wrap .team-card img {
    filter: grayscale(1);
    transition: all 0.5s ease-in-out;
}

.our-team-list-section .team-wrap .team-card:hover img {
    filter: grayscale(0);
}

.our-team-list-section .team-wrap .team-card .image-box .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s ease-in-out;
}

.our-team-list-section .team-wrap .team-card .image-box:hover .overlay {
    opacity: 1;
}

.our-team-list-section .team-wrap .team-card .detail {
    position: relative;
    text-align: center;
    margin-top: 30px;
}

.our-team-list-section .team-wrap .team-card .detail h4 {
    font-size: 22px;
    font-weight: 600;
    color: var(--secondary);
}

.our-team-list-section .team-wrap .team-card .detail p {
    margin-bottom: 0;
}

.our-team-list-section .team-wrap .team-card .detail .social {
    width: 100%;
    opacity: 0;
    transform: translateY(-50%);
    transition: all 0.5s ease-in-out;
}

.our-team-list-section .team-wrap .team-card:hover .detail .social {
    transform: translateY(30%);
    opacity: 1;
}

.our-team-list-section .team-wrap .team-card .detail .social li {
    display: inline-block;
}

.our-team-list-section .team-wrap .team-card .detail .social li a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid rgb(255 255 255 / 60%);
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    color: rgb(255 255 255 / 80%);
    transition: all 0.5s ease-in-out;
}

.our-team-list-section .team-wrap .team-card .detail .social li a:hover {
    background-color: #FFF;
    color: var(--secondary);
}

/* =========================================
- Team Modal
============================================ */

.team-modal .modal-content {
    background-color: #1F1F1F;
    color: #FFF;
    border: 1px solid rgb(255 255 255 / 25%);
}

.team-modal .modal-content .btn-close {
    position: absolute;
    right: 25px;
    top: 25px;
    opacity: 1;
    background-size: 15px;
    filter: invert(1);
}

.team-modal .modal-content .btn-close:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.team-modal .modal-content .info-wrap {
    margin: 20px 20px;
    padding: 40px 40px 30px;
    border: 2px solid rgb(199 5 69 / 25%);
    background-color: rgb(150 26 66 / 5%);
    border-radius: 15px;
}

.team-modal .modal-content .info-wrap .image-box img {
    padding: 0 20px;
}

.team-modal .modal-content .info-wrap .details {
    position: relative;
}

.team-modal .modal-content .info-wrap .details h4 {
    color: #FFF;
    margin-bottom: 18px;
    font-size: 26px;
    font-weight: 600;
}

.team-modal .modal-content .info-wrap .details h6 {
    font-size: 24px;
    color: var(--primary);
    margin-bottom: 18px;
}

.team-modal .modal-content .info-wrap .details p {
    font-size: 18px;
    font-style: oblique;
    color: #FFF;
    margin-bottom: 25px;
}

.team-modal .modal-content .info-wrap .details a span {
    font-size: 28px;
    color: #FFF;
    margin-right: 10px;
    transition: all 0.5s ease-in-out;
}

.team-modal .modal-content .info-wrap .details a:hover span {
    transform: scale(1.05);
}

.team-modal .modal-content .description {
    padding: 40px 40px;
}

.team-modal .modal-content .description .short-title {
    position: relative;
    display: inline-block;
    font-size: 22px;
    color: #FFF;
    margin-bottom: 10px;
}

.team-modal .modal-content .description .short-title::before {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    width: 100%;
    height: 3px;
    margin: 20px auto;
    background: linear-gradient(90deg,
        rgba(199, 5, 69, 0.8),
        rgb(199, 5, 69, 0.1),
        rgba(199, 5, 69, 0.8));
    background-size: 200% 100%;
    animation: gradientMove 2s linear infinite;
    border-radius: 2px;
}

.team-modal .modal-content .description .details {
    position: relative;
    padding: 30px 0;
}

.team-modal .modal-content .description .details h6 {
    color: var(--primary);
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0;
}

.team-modal .modal-content .description .details p,
.team-modal .modal-content .description .details span {
    color: #FFF;
    margin-bottom: 0;
}

@keyframes gradientMove {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

@media screen and (max-width: 576px) {
    .team-modal .modal-content .info-wrap .details {
        text-align: center;
    }
}

/* client Section */

.client-section {
    position: relative;
}

.client-section .client-wrapper {
    position: relative;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid var(--primary);
}

.client-section .client-wrapper .client-item-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.client-section .client-wrapper .client-item-wrapper .client-item {
    position: absolute;
    opacity: 0;
    transform: translateY(100px);
    transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out;
}

.client-section .client-wrapper .client-item-wrapper .client-item img {
    width: 170px;
    height: 70px;
    object-fit: contain;
}

.client-section .client-wrapper .client-item-wrapper .client-item.active {
    opacity: 1;
    transform: translateY(0);
}

.client-section .client-wrapper .client-item-wrapper .client-item.fade-out {
    opacity: 0;
    transform: translateY(-100px);
}

/* Premium Partner Section  */
.premium-partner-section {
    position: relative;
}

.premium-partner-section .special-title {
    background-image: linear-gradient(90deg, #1b1b1b, #1c1c1c);
    border: 1px solid #111;
    padding: 10px;
    box-shadow: inset 0 -10px 30px -8px #961a41a9;
    width: fit-content;
    margin: 0 auto;
    border-radius: 5px;
    margin-bottom: 20px;
}

.premium-partner-section .special-title h4 {
    color: #FFF;
    font-size: 20px;
    font-family: "Beiruti", serif;
}

.premium-partner-section .content h3 {
    font-size: 65px;
    font-weight: 600;
}

.premium-partner-section .content .premium-partner-item i {
    position: relative;
    display: inline-block;
    top: 3px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background-color: #c70545;
    color: #FFF;
    border-radius: 50%;
    margin-right: 6px;
}

.premium-partner-section .content .premium-button {
    position: relative;
    margin: 40px 0;
    padding: 2px;
    border: 1px solid #1389e0;
    transition: all 0.6s ease-in-out;
}

.premium-partner-section .content .premium-button .button-text {
    display: block;
    width: 100%;
    background-color: #c70545;
    padding: 30px 20px;
    border-radius: 100px;
    color: #FFF;
    font-size: 30px;
    transition: all 0.6s ease-in-out;
}

.premium-partner-section .content .premium-button .button-text i {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #c70545;
    background-color: #FFF;
    border-radius: 50%;
    transform: rotate(-30deg);
    transition: all 0.3s ease-in-out;
}

.premium-partner-section .content .premium-button .button-text .corner {
    position: absolute;
    width: 9px;
    height: 9px;
}

.premium-partner-section .content .premium-button .button-text .corner.top-left {
    top: -5px;
    left: -5px;
}

.premium-partner-section .content .premium-button .button-text .corner.top-right {
    top: -5px;
    right: -5px;
}

.premium-partner-section .content .premium-button .button-text .corner.bottom-left {
    bottom: -5px;
    left: -5px;
}

.premium-partner-section .content .premium-button .button-text .corner.bottom-right {
    bottom: -5px;
    right: -5px;
}

.premium-partner-section .content .premium-button .premium-partner-left-design {
    position: absolute;
    left: -115px;
    bottom: -60px;
    transition: all 0.5s ease-in-out;
}

.premium-partner-section .content .premium-button .premium-partner-left-design .text span {
    border-radius: 10px;
    background-color: #b9488a;
    padding: 6px;
    color: #FFF;
}

.premium-partner-section .content .premium-button .premium-partner-left-design img {
    width: 20px;
    margin-bottom: 30px;
}

.premium-partner-section .content .premium-button .premium-partner-right-design {
    position: absolute;
    top: -30px;
    right: -115px;
    transition: all 0.5s ease-in-out;
}

.premium-partner-section .content .premium-button .premium-partner-right-design .text span {
    border-radius: 10px;
    background-color: #1570ef;
    padding: 6px;
    color: #FFF;
}

.premium-partner-section .content .premium-button .premium-partner-right-design img {
    width: 25px;
}

.premium-partner-section .content .premium-button:hover .button-text {
    border-radius: 2px;
}

.premium-partner-section .content .premium-button:hover .premium-partner-left-design {
    left: -130px;
}

.premium-partner-section .content .premium-button:hover .premium-partner-right-design {
    right: -125px;
}

.premium-partner-section .content .premium-button:hover .button-text i {
    transform: rotate(0deg);
}

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

    .premium-partner-section .content h3 {
        font-size: 42px;
    }

    .premium-partner-section .content .premium-button .button-text {
        padding: 12px 4px;
        font-size: 24px;
    }

    .premium-partner-section .content .premium-button .premium-partner-right-design {
        top: -40px;
        right: 0;
    }

    .premium-partner-section .content .premium-button .premium-partner-left-design {
        left: 0;
        bottom: -60px;
    }

    .premium-partner-section .content .premium-button:hover .premium-partner-left-design {
        left: -10px;
    }

    .premium-partner-section .content .premium-button:hover .premium-partner-right-design {
        right: -10px;
    }

    .premium-partner-section .content .premium-partner-item i {
        top: 0;
    }
}

/* Testimonial Section */

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

.testimonial-section .section-title .shadow-title {
    font-size: 110px;
}

.testimonial-section .shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    /* z-index: -1; */
}

.testimonial-section .shape-2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.testimonial-section .testimonial-item {
    position: relative;
}

.testimonial-section .testimonial-item .img {
    margin-bottom: 30px;
}

.testimonial-section .testimonial-item .img img {
    width: 220px;
    object-fit: contain;
}

.testimonial-section .testimonial-item h6 {
    font-size: 26px;
    margin-bottom: 30px;
}

.testimonial-section .testimonial-item .author-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 20px;
}

.testimonial-section .testimonial-item .author-info .author-text h3 {
    font-size: 22px;
    font-weight: 400;
}

.testimonial-section .testimonial-item .author-info .author-text p {
    font-size: 20px;
    color: var(--secondary);
    margin-bottom: 0;
}

.testimonial-section .testimonial-image {
    position: relative;
    margin-left: 150px;
    margin-bottom: -75px;
}

.testimonial-section .testimonial-image img {
    width: 100%;
    object-fit: cover;
}

.testimonial-section .owl-carousel .owl-dots {
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    margin-top: 0 !important;
}

.testimonial-section .owl-carousel .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background: #FFF;
    margin: 0 5px 5px;
    transform: initial;
}

.testimonial-section .owl-carousel .owl-dots .owl-dot.active span,
.testimonial-section .owl-carousel .owl-dots .owl-dot:hover span {
    width: 20px;
    transform: initial;
}

/* Article Section */

.article-section {
    position: relative;
}

.article-section .article-item {
    position: relative;
    margin: 20px 0;
    padding: 50px 0;
    border: 3px solid transparent;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.article-section .article-item::before {
    content: "";
    position: absolute;
    top: 0;
    right: -150px;
    width: 80%;
    height: 100%;
    background: radial-gradient(circle at 0% center, transparent 20%, rgba(199, 5, 69, 0.3) 50%, rgba(199, 5, 69, 0.5) 100%);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: -1;
}

.article-section .article-item:hover::before {
    opacity: 1;
}

.article-section .article-item:hover {
    border-image-source: radial-gradient(circle 180px at var(--x) var(--y), var(--primary), transparent);
    border-image-slice: 1;
}

.article-section .article-item .icon {
    text-align: center;
}

.article-section .article-item .icon img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
    filter: grayscale(100%) brightness(0%) invert(12%);
}

.article-section .article-item:hover .icon img {
    filter: invert(100%);
}

.article-section .article-item .article-title h3 {
    position: relative;
    font-size: 32px;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
}

.article-section .article-item .article-title h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 0%;
    height: 2px;
    background-color: var(--primary);
    transition: all 0.4s ease-in-out;
}

.article-section .article-item .article-title h3:hover::after {
    width: 70%;
}

.article-section .article-item .article-title span {
    display: inline-block;
    color: var(--text-body);
    border: 1px solid var(--text-body);
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 20px;
    margin-bottom: 10px;
}

.article-section .article-item .explore-btn span {
    font-size: 20px;
    letter-spacing: 1.6px;
}

.article-section .article-item a:hover {
    color: #FFF;
}

.article-section .article-item .explore-btn i {
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.article-section .article-item:hover .explore-btn i {
    opacity: 1;
    margin-left: 10px;
}

/*===================================
     === Service Detail Page 
=====================================*/

/* Why Choose Section */

.why-choose-section {
    position: relative;
}

.why-choose-section .accordion-button:focus {
    box-shadow: none;
}

.why-choose-section .accordion-button:not(.collapsed) {
    color: #FFF;
    background-color: transparent;
    box-shadow: none;
}

.why-choose-section .accordion-button.collapsed {
    color: #FFF;
    background-color: transparent;
    box-shadow: none;
}

.why-choose-section .accordion-button {
    font-size: 18px;
    font-weight: 600;
}

.why-choose-section .accordion-item {
    border: 0;
    border-radius: 10px;
    padding: 20px 25px;
    height: 100%;
    background-color: transparent;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    margin-bottom: 10px;
}

.why-choose-section .accordion-button:not(.collapsed) {
    background-color: #2C64FF;
}

.why-choose-section .accordion-item .accordion-collapse.show {
    background-color: #2C64FF;
}

.why-choose-section .accordion-button:not(.collapsed)::after {
    color: var(--primary);
    background-image: none;
    content: '\f077';
    transform: rotate(0deg);
    font-family: 'FontAwesome';
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #FFF;
    border-radius: 50%;
    text-align: center;
}

.why-choose-section .accordion-button.collapsed::after {
    color: var(--primary);
    background-image: none;
    content: '\f078';
    font-family: 'FontAwesome';
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #FFF;
    border-radius: 50%;
    text-align: center;
}

.why-choose-section .accordion-body {
    padding: 15px 20px;
    font-size: 16px;
    color: #FFF;
    line-height: 1.6;
    border-radius: 0 0 10px 10px;
}

.why-choose-section .accordion-body li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 16px;
}

.why-choose-section .accordion-body li::before {
    position: absolute;
    content: "\f061";
    font-family: "FontAwesome";
    font-weight: 900;
    color: #FFF;
    left: 0;
    top: 0;
    transform: rotate(-45deg);
}

@media screen and (max-width: 787px) {
    .why-choose-section .accordion-button:not(.collapsed)::after {
        position: absolute;
        left: -25px;
        color: #FFF;
        content: '\f068';
        background-color: transparent;
    }

    .why-choose-section .accordion-button.collapsed::after {
        position: absolute;
        left: -25px;
        color: #FFF;
        content: '\2b';
        background-color: transparent;
    }

    .why-choose-section .accordion-button:not(.collapsed) {
        background-color: transparent;
    }

    .why-choose-section .accordion-item .accordion-collapse.show {
        background-color: transparent;
    }
}

/* CTA Section */
.service-cta-section {
    position: relative;
}

.service-cta-section .cta-content {
    background: transparent radial-gradient(closest-side at 67% 50%, #200008 0%, #000000 100%) 0% 0%;
    padding: 80px 50px;
    border: 1px solid #191919;
    border-radius: 20px;
}

.service-cta-section .cta-content h3 {
    font-size: 38px;
}

@media screen and (max-width: 787px) {
    .service-cta-section .cta-content {
        padding: 30px;
        border: none;
    }
}


/* ================================
- About Section
=================================== */

.about-company-section {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.about-company-section:before {
    position: absolute;
    content: "";
    z-index: -1;
    width: 100%;
    height: 100%;
    inset: 0;
    background: rgba(0, 0, 0, 7.37);
    background: radial-gradient(circle, rgba(0, 0, 0, 0.99) 0%, rgba(0, 0, 0, 0.95) 40%, rgba(0, 0, 0, 0.85) 80%, rgba(0, 0, 0, 0.80) 100%);
}

.about-company-section .img-overlay-box {
    position: absolute;
    inset: 0;
    z-index: -2;
    opacity: 0;
}

.about-company-section .img-overlay-box .parallax-move {
    transition: transform 0.5s ease-in-out;
    will-change: transform;
}

.about-company-section .img-overlay-box .img-wrap {
    gap: 15px;
    display: flex;
    margin-bottom: 20px;
}

.about-company-section .img-overlay-box .img-wrap:nth-child(2) {
    justify-content: end;
}

.about-company-section .img-overlay-box .img-wrap img {
    width: 250px;
    border-radius: 10px;
}

.about-company-section .img-overlay-box .img-wrap p {
    color: #FFF;
}

/* Fun Fact Section */

.fun-fact-section {
    position: relative;
}

.fun-fact-section .outer-box .counter-column .count-box {
    position: relative;
    background-color: rgb(10 10 10 / 60%);
    padding: 25px 35px;
    border-radius: 10px;
    text-align: center;
    border: 1px solid rgb(255 255 255 / 15%);
    height: 100%;
}

.fun-fact-section .outer-box .counter-column .count-box .count {
    font-size: 38px;
    font-weight: 700;
    color: #FFF;
    margin-bottom: 15px;
}

.fun-fact-section .outer-box .counter-column .count-box .counter-title {
    font-size: 16px;
    font-weight: 400;
    color: #069845;
    margin-bottom: 0;
    display: inline-block;
    position: relative;
    padding: 5px 15px;
    line-height: normal;
}

.fun-fact-section .outer-box .counter-column .count-box .counter-title:before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: #069845;
    opacity: 0.16;
    border-radius: 24px;
}

.fun-fact-section .outer-box .counter-column:nth-child(1) .count-box .counter-title {
    color: #069845;
}

.fun-fact-section .outer-box .counter-column:nth-child(1) .count-box .counter-title:before {
    background-color: #069845;
}

.fun-fact-section .outer-box .counter-column:nth-child(2) .count-box .counter-title {
    color: #F0A230;
}

.fun-fact-section .outer-box .counter-column:nth-child(2) .count-box .counter-title:before {
    background-color: #F0A230;
}

.fun-fact-section .outer-box .counter-column:nth-child(3) .count-box .counter-title {
    color: #E0009B;
}

.fun-fact-section .outer-box .counter-column:nth-child(3) .count-box .counter-title:before {
    background-color: #E0009B;
}

.fun-fact-section .outer-box .counter-column:nth-child(4) .count-box .counter-title {
    color: #8F54FF;
}

.fun-fact-section .outer-box .counter-column:nth-child(4) .count-box .counter-title:before {
    background-color: #8F54FF;
}

.about-mission-section {
    position: relative;
}

.about-mission-section .section-title {
    padding-right: 50px;
}

@media screen and (max-width: 767.98px) {
	
	.fun-fact-section .outer-box .counter-column .count-box .count{
		font-size: 54px;
	}
}

/* Make Difference Section  */

.make-difference-section {
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}

.make-difference-section:before {
    position: absolute;
    content: "";
    z-index: -1;
    width: 100%;
    height: 100%;
    inset: 0;
    background: rgb(0 0 0 / 80%);
}

.make-difference-section .accordion {
    margin-top: 30px;
}

.make-difference-section .accordion .accordion-item {
    background-color: transparent;
    border: none;
}

.make-difference-section .accordion .accordion-item .accordion-header {
    border-bottom: 2px solid rgb(255 255 255 / 15%);
}

.make-difference-section .accordion .accordion-item .accordion-button {
    color: #FFF;
    font-weight: 700;
    background-color: transparent;
    font-size: 24px;
    padding: 25px 0;
    box-shadow: none;
}

.make-difference-section .accordion .accordion-item .accordion-button:not(.collapsed) {
    background-color: transparent;
}

.make-difference-section .accordion .accordion-item .accordion-button:focus {
    box-shadow: none;
}

.make-difference-section .accordion .accordion-item .accordion-button::after {
    color: var(--primary);
    background-image: none;
    content: '\2b';
    font-family: 'FontAwesome';
    font-size: 20px;
}

.make-difference-section .accordion .accordion-item .accordion-button:not(.collapsed)::after {
    content: '\f068';
}

.make-difference-section .accordion .accordion-item .accordion-collapse .accordion-body {
    color: #C2C2C2;
    padding-left: 0;
    padding-bottom: 0;
}

/* Milestone Section  */

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

.milestone-section .owl-carousel .owl-stage {
    display: flex;
}

/* .milestone-section .milestone-list .item-block {
    background-color: rgb(10 10 10 / 60%);
    padding: 40px;
    border-radius: 10px;
    border: 1px solid rgb(255 255 255 / 15%);
    height: 100%;
    margin: 0 2px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-image: radial-gradient(at top left, rgb(255 255 255 / 10%) 0%, #FFFFFF00 50%);
}

.milestone-section .milestone-list .item-block h4 {
    font-size: 34px;
    margin-bottom: 20px;
}

.milestone-section .milestone-list .item-block .icon {
    margin-top: 20px;
}

.milestone-section .milestone-list .item-block .icon img {
    width: 70px;
} */

.milestone-section .milestone-list .item {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 2px solid rgb(255 255 255 / 15%);
}

.milestone-section .milestone-list .item .year h4 {
    font-size: 60px;
}

.milestone-section .milestone-list .item .milestone-content h5 {
    text-transform: uppercase;
    font-size: 25px;
    margin-bottom: 20px;
}

.milestone-section .milestone-list .item .milestone-content p {
    margin-bottom: 20px;
}

.about-communities-section {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}

.about-communities-section .section-title {
    padding-right: 50px;
}

/* Our Team */

.our-team-section {
    position: relative;
    background-color: rgb(24 25 27);
}

.our-team-section .team-wrap {
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding-top: 100px;
    padding-bottom: 50px;
}

.our-team-section .list-tabs {
    position: relative;
    padding-right: 50px;
}

.our-team-section .list-tabs::after {
    content: "";
    position: absolute;
    top: -100px;
    bottom: -100px;
    right: 0;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.1);
}

.our-team-section .list-tabs .nav-link {
    position: relative;
    display: block;
    width: 100%;
    padding: 28px 30px;
    background: rgb(24 25 27);
    color: #FFF;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 10px;
    box-shadow: none;
    margin-bottom: 20px;
    transition: all 0.8s ease;
}

.our-team-section .list-tabs .nav-link:hover,
.our-team-section .list-tabs .nav-link.active {
    background: linear-gradient(135deg, #961a42 30%, #111 100%);
    border-color: var(--primary);
}

.our-team-section .content-item .person-info {
    position: relative;
    padding: 0 20px;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}

.our-team-section .content-item .person-info .image-box {
    position: relative;
    border-radius: 10px 10px 0 0;
}

.our-team-section .content-item .person-info .image-box img {
    filter: grayscale(1);
    border-radius: 10px 10px 0 0;
}

.our-team-section .content-item .person-info:hover .image-box img {
    filter: grayscale(0);
}

.our-team-section .content-item .person-info .social-overlay {
    position: absolute;
    right: 50px;
    bottom: -32px;
    z-index: 1;
}

.our-team-section .content-item .person-info .social-overlay .icon {
    position: relative;
    border: 10px solid #121010;
    border-radius: 50%;
    flex-shrink: 0;
}

.our-team-section .content-item .person-info .social-overlay .icon i {
    display: inline-block;
    height: 45px;
    width: 45px;
    line-height: 45px;
    text-align: center;
    color: #0e0f11;
    background-color: #FFF;
    border-radius: 50%;
    cursor: pointer;
    font-weight: 600;
}

.our-team-section .content-item .person-info .social-overlay ul li {
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.our-team-section .content-item .person-info .social-overlay ul li a {
    display: inline-block;
}

.our-team-section .content-item .person-info .social-overlay ul li a i {
    display: inline-block;
    height: 45px;
    width: 45px;
    line-height: 45px;
    background: var(--primary);
    color: #FFF;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(40px);
    transition: all .35s ease-in-out;
}

.our-team-section .content-item .person-info:hover .social-overlay ul li a i {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.our-team-section .content-item .person-info .social-overlay ul li a i:hover {
    background: #FFF;
    color: var(--primary);
}

.our-team-section .content-item .person-info .info {
    padding: 30px;
    background: linear-gradient(0deg, #2a2d32 0%, #121010 100%);
    border-radius: 0 0 10px 10px;
}

.our-team-section .content-item .person-info .social-overlay .icon:before {
    position: absolute;
    left: -28px;
    bottom: 22px;
    content: "";
    height: 40px;
    width: 22px;
    border-bottom-right-radius: 20px;
}

.our-team-section .content-item .person-info .social-overlay .icon:after {
    position: absolute;
    right: -17px;
    bottom: 22px;
    content: "";
    height: 27px;
    width: 8px;
    border-bottom-left-radius: 10px;
}

.our-team-section .content-item .person-info .social-overlay .icon:before,
.our-team-section .content-item .person-info .social-overlay .icon:after {
    box-shadow: 0 20px #121010;
}

.our-team-section .content-item .person-info .info h4 {
    font-size: 24px;
    font-weight: 600;
}

.our-team-section .content-item .person-info .info span {
    font-size: 18px;
    font-weight: 400;
}

@media screen and (max-width: 768px) {
    .our-team-section .list-tabs::after {
        display: none;
    }

    .our-team-section .list-tabs {
        padding-right: 0;
    }
}

/* Our Value Section */

.our-value-section {
    position: relative;
    background-color: #060606;
}

.our-value-section .value-wrapper {
    position: relative;
    z-index: 1;
    padding: 30px;
    border-radius: 10px;
    height: 100%;
    overflow: hidden;
    background-image: radial-gradient(at bottom right, rgb(255 255 255 / 8%) 0%, #FFFFFF00 30%);
}

.our-value-section .value-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 10px;
    padding: 1px;
    background: linear-gradient(180deg, rgb(255 255 255 / 10%) 0%, rgb(150 26 66) 35%, rgb(150 26 66) 70%, rgb(255 255 255 / 10%) 100%);
    -webkit-mask:
        linear-gradient(#FFF 0 0) content-box,
        linear-gradient(#FFF 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}

.our-value-section .value-wrapper .icon {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.our-value-section .value-wrapper .icon::before {
    content: "";
    position: absolute;
    top: 10px;
    right: -10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: rgb(254 229 238 / 6%);
    z-index: -1;
    border-radius: 50px;
}

.our-value-section .value-wrapper .icon::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 30px;
    line-height: 40px;
    background-color: rgb(254 229 238 / 8%);
    z-index: -1;
    border-radius: 50px;
}

.our-value-section .value-wrapper img {
    width: 65px;
    margin-bottom: 20px;
}

.our-value-section .value-wrapper h6 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

/* ================================================
- Service Detail Section
=================================================== */

/* About Detail Section  */

.about-detail-section {
    position: relative;
    z-index: 1;
}

.about-detail-section .about-wrap {
    position: relative;
    z-index: 1;
    border: 2px solid #253246;
    border-radius: 25px;
    padding: 50px 50px;
}

.about-detail-section .about-wrap:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    inset: 0;
    background-image: url(../images/bg-8.png);
    background-repeat: repeat-x;
    background-size: contain;
    background-position: right;
    opacity: 0.6;
    z-index: -1;
}

.about-detail-section .about-wrap .img-box img {
    width: 500px;
}

.about-detail-section .about-wrap .section-title .short-title {
    font-size: 16px;
    margin-bottom: 25px;
    padding: 10px 20px 10px 20px;
    border: 2px solid #253246;
    border-radius: 15px;
    display: inline-block;
    text-transform: uppercase;
    color: #1fc9a8;
}

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

    .about-detail-section .about-wrap {
        border-radius: 20px;
        padding: 50px 20px;
    }
}

/* Client List Section */

.client-list-section {
    position: relative;
    background-image: linear-gradient(180deg, #060606 0%, #000 100%);
    z-index: 1;
}

.client-list-section .client-block {
    position: relative;
    margin: 15px 10px;
}

.client-list-section .client-block .image-box {
    position: relative;
    text-align: center;
    margin-bottom: 0;
    height: 110px;
    display: flex;
    align-items: center;
    padding: 2px;
    background-color: #0D0E11;
    border: 1px solid #0D0E11;
    -webkit-transition: all .3s ease;
    transition: all .5s ease;
}

.client-list-section .client-block .image-box img {
    height: 40px;
    object-fit: contain;
    margin: 0 auto;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.client-list-section .client-block .image-box:hover {
    border: 1px solid var(--secondary);
}

/* Common List Section  */

.common-list-section {
    position: relative;
    z-index: 1;
}

.common-list-section .list-wrap {
    position: relative;
    border: 1px solid rgb(255 255 255 / 15%);
    border-radius: 20px;
    padding: 30px 30px;
    text-align: center;
    height: 100%;
}

.common-list-section:before {
    position: absolute;
    content: "";
    z-index: -1;
    width: 100%;
    height: 100%;
    inset: 0;
    background: #040008;
    background: radial-gradient(circle, #040008 0%, rgb(31 201 168 / 5%) 40%, rgba(0, 0, 0, 0.85) 80%, rgba(0, 0, 0, 0.80) 100%);
}

.common-list-section .list-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 20px;
    background-image: radial-gradient(at top left, rgb(150 26 66 / 20%) 0%, #FFFFFF00 30%)
}

.common-list-section .list-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 20px;
    background-image: radial-gradient(at bottom right, rgb(150 26 66 / 20%) 0%, #FFFFFF00 30%);
}

.common-list-section .list-wrap .icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background-color: rgb(199 5 69 / 20%);
    border: 1px solid var(--secondary);
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 30px;
}

.common-list-section .list-wrap .icon img {
    width: 40px;
}

.common-list-section .list-wrap h4 {
    font-size: 22px;
    margin-bottom: 20px;
}

/* Package section */

.package-section {
    position: relative;
}

.package-section table {
    border-bottom: none;
}

.package-section table th {
    background-color: rgb(46 45 60 / 43%);
    color: rgb(255, 255, 255, 48%);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1px;
    padding: 16px;
    text-align: center;
    border-bottom: 1px solid #FFFFFF1F;
}

.package-section table td {
    color: #FFF;
    font-weight: 400;
    background-color: #070707;
    border: 1px solid #FFFFFF1F;
    padding: 20px 20px;
}

.package-section table td span {
    color: #FFF;
    border-bottom: 1.2px solid #FFF;
}

.package-section table td:last-child,
.package-section table th:last-child {
    border-right: none;
}

.package-section table td:first-child,
.package-section table th:first-child {
    border-left: none;
}

@media screen and (max-width: 768px) {
    .package-section .table-scroll {
        overflow-x: auto;
        display: block;
        white-space: nowrap;
        cursor: grab;
    }
}


/* Process Section */

.process-section {
    position: relative;
}

.process-section .owl-carousel .owl-stage {
    display: flex;
}

.process-section .process-item {
    position: relative;
    background-color: rgb(10 10 10 / 60%);
    border: 1px solid rgb(255 255 255 / 15%);
    padding: 20px 20px;
    border-radius: 10px;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

.process-section .process-item:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 20%, rgba(150, 26, 66, 0.6) 35%, rgb(183 0 59) 50%, rgba(150, 26, 66, 0.5) 65%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    height: 1px;
    z-index: -1;
}

.process-section .process-item img {
    border-radius: 10px;
}

.process-section .process-item .detail {
    margin-top: 20px;
}

.process-section .process-item .detail h5 {
    font-size: 20px;
    margin-bottom: 20px;
}

.process-section .process-item .detail h5 span {
    color: var(--primary);
}

.process-section .process-item .detail p {
    margin-bottom: 0;
}

/* Mobile View  */

.process-section .work-process-list {
    position: relative;
}

.process-section .work-process-list:after {
    content: '';
    position: absolute;
    top: 0;
    left: 20px;
    width: 1px;
    height: 100%;
    border: 1px dashed rgba(255, 255, 255, 0.24);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: -1;
}

.process-section .work-process-list .work-process-single-list .single-work-process {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    padding: 0 0 30px;
}

.process-section .work-process-list .work-process-single-list:last-child .single-work-process {
    padding-bottom: 0;
}

.process-section .work-process-list .work-process-single-list .single-work-process .step {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    border: 1px solid var(--primary);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--primary);
    position: relative;
    z-index: 1;
}

.process-section .work-process-list .work-process-single-list .single-work-process .step .step-bg {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: #21000A;
    z-index: -1;
}

.process-section .work-process-list .work-process-single-list .single-work-process .title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.process-section .work-process-list .work-process-single-list .single-work-process p {
    margin-bottom: 0;
}

.process-section .work-process-list .work-process-single-list:nth-child(1) .single-work-process .step {
    color: #069845;
    border: 1px solid #069845;
}

.process-section .work-process-list .work-process-single-list:nth-child(1) .single-work-process .step .step-bg {
    background: #011E1D;
}

.process-section .work-process-list .work-process-single-list:nth-child(2) .single-work-process .step {
    color: #F0A230;
    border: 1px solid #F0A230;
}

.process-section .work-process-list .work-process-single-list:nth-child(2) .single-work-process .step .step-bg {
    background: #24201A;
}

.process-section .work-process-list .work-process-single-list:nth-child(3) .single-work-process .step {
    color: #8F54FF;
    border: 1px solid #8F54FF;
}

.process-section .work-process-list .work-process-single-list:nth-child(3) .single-work-process .step .step-bg {
    background: #151439;
}

.process-section .work-process-list .work-process-single-list:nth-child(4) .single-work-process .step {
    color: #E0009B;
    border: 1px solid #E0009B;
}

.process-section .work-process-list .work-process-single-list:nth-child(4) .single-work-process .step .step-bg {
    background: #22082A;
}

.process-section .work-process-list .work-process-single-list:nth-child(5) .single-work-process .step {
    color: #094EFF;
    border: 1px solid #094EFF;
}

.process-section .work-process-list .work-process-single-list:nth-child(5) .single-work-process .step .step-bg {
    background: #00164E;
}

/* FAQs Section */

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

.faqs-section .shape-1 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0.5;
}

.faqs-section .accordion {
    margin-top: 30px;
}

.faqs-section .accordion .accordion-item {
    margin-bottom: 10px;
    background-color: rgb(10 10 10 / 60%);
    border: 2px solid rgb(255 255 255 / 15%);
    border-radius: 8px;
}

.faqs-section .accordion .accordion-item .accordion-button {
    color: #FFF;
    font-weight: 500;
    background-color: #101010;
    font-size: 16px;
    padding: 20px 15px;
    padding-right: 40px;
    box-shadow: none;
    border-radius: 8px !important;
}

.faqs-section .accordion .accordion-item .accordion-button:not(.collapsed) {
    background-color: transparent;
    color: var(--primary);
}

.faqs-section .accordion .accordion-item .accordion-button:focus {
    box-shadow: none;
}

.faqs-section .accordion .accordion-item .accordion-button::after {
    color: var(--primary);
    background-image: none;
    content: '\2b';
    font-family: 'FontAwesome';
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.faqs-section .accordion .accordion-item .accordion-button:not(.collapsed)::after {
    content: '\f068';
}

.faqs-section .accordion .accordion-body {
    color: #C2C2C2;
}

.faqs-section .accordion .accordion-body li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 15px;
}

.faqs-section .accordion .accordion-body li::before {
    position: absolute;
    content: "\f061";
    font-family: "FontAwesome";
    font-weight: 900;
    color: var(--primary);
    left: 0;
    top: 0;
    transform: rotate(-45deg);
}

.consultation-form {
    position: relative;
    padding: 30px 20px;
    border-radius: 0;
    background-color: rgb(10 10 10 / 60%);
    border: 2px solid rgb(255 255 255 / 15%);
    border-radius: 8px;
    z-index: 1;
}

.consultation-form:before {
    position: absolute;
    content: "";
    background-image: url(../images/bg-4.jpg);
    background-size: cover;
    background-position: left;
    z-index: -1;
    opacity: 0.3;
    inset: 0;
    width: 100%;
    height: 100%;
}

.consultation-form .form-control,
.consultation-form .form-select {
    font-size: 20px;
    background-color: transparent;
    border-radius: 0;
    height: 50px;
    color: #FFF;
    border: 1px solid rgb(255 255 255 / 15%);
    transition: all .5s ease-in-out;
}

.consultation-form textarea.form-control {
    height: initial;
}

.consultation-form .form-control:focus,
.consultation-form .form-select:focus {
    background-color: #0d0e11;
    border-color: var(--primary);
    box-shadow: none;
}

.consultation-form .form-control::placeholder {
    color: rgb(255 255 255 / 75%) !important;
    opacity: 1;
}

/* Section One */

.section-one-area {
    position: relative;
}

.section-one-area .image-box {
    border-radius: 10px;
    margin-bottom: 20px;
}

.section-one-area .image-box img {
    border-radius: 10px;
}

.section-one-area .content-box {
    padding-left: 80px;
}

.section-one-area .content-box .section-title {
    display: flex;
    gap: 50px;
    margin-bottom: 30px;
}

.section-one-area .content-box .section-title img {
    width: 120px;
    height: fit-content;
}

.section-one-area .content-box .process-carousel-wrap {
    padding: 30px 0;
    margin-left: -200px;
}

.section-one-area .content-box .process-carousel-wrap .process-box {
    position: relative;
    background-color: rgb(10 10 10 / 80%);
    padding: 50px 30px;
    border-radius: 10px;
    margin: 0 5px;
    text-transform: capitalize;
    border: 1px solid rgba(255, 255, 255, .2);
    height: 100%;
    transition: all 0.5s ease-in-out;
}

.section-one-area .content-box .process-carousel-wrap .process-box:hover {
    border-color: var(--primary);
    background-image: radial-gradient(at bottom right, rgb(150 26 66 / 60%) 0%, #FFFFFF00 40%);
    transition: all 0.5s ease-in-out;
}

.section-one-area .content-box .process-carousel-wrap .process-box h5 {
    color: #FFF;
}

.section-one-area .content-box .process-carousel-wrap .process-box .icon {
    position: relative;
    width: 40px;
    height: 40px;
    margin-bottom: 20px;
}

.section-one-area .content-box .process-carousel-wrap .process-box .icon .count {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background: var(--primary);
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    transition: none;
    z-index: 2;
}

.section-one-area .content-box .process-carousel-wrap .process-box .icon .arrow {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #FFF;
    opacity: 0;
    z-index: 1;
    transition: opacity 0.5s ease-in-out;
}

.section-one-area .content-box .process-carousel-wrap .process-box .icon .arrow i {
    transform: rotate(-45deg);
    font-size: 18px;
}

.section-one-area .content-box .process-carousel-wrap .process-box:hover .icon .count {
    animation: fadeUpOut 0.5s forwards;
}

.section-one-area .content-box .process-carousel-wrap .process-box:hover .icon .arrow {
    opacity: 1;
}

.section-one-area .process-carousel-wrap .owl-stage {
    display: flex;
}

/* Fade up and out animation */
@keyframes fadeUpOut {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(-30px);
        opacity: 0;
    }
}

.section-one-area .content-box .carousel-wrap .wrap-box p {
    font-size: 20px;
}

@media screen and (max-width: 1024px) {
    .section-one-area .content-box {
        padding-left: 0;
    }

    .section-one-area .content-box .title img {
        width: 80px;
        height: 80px;
    }

    .section-one-area .content-box .title h3 {
        font-size: 40px;
    }
}

@media screen and (max-width: 768px) {
    .section-one-area .content-box .carousel-wrap {
        padding: 30px 0;
        margin-left: 0;
    }
}


/* ================================================
- Portfolio Section
=================================================== */

.portfolio-section {
    position: relative;
}

.portfolio-section .portfolio-item {
    position: relative;
    background-color: rgb(10, 10, 10, 60%);
    border: 1px solid rgb(255, 255, 255, 0.15);
    padding: 20px 20px;
    border-radius: 10px;
}

.portfolio-section .portfolio-item::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 80%;
    height: 60%;
    background: radial-gradient(circle at top left, rgb(199 5 69 / 50%), transparent 70%);
    opacity: 0;
    transition: all 0.5s ease-in-out;
    pointer-events: none;
    border-radius: inherit;
    z-index: -1;
}

.portfolio-section .portfolio-item:hover::before {
    opacity: 1;
}

.portfolio-section .portfolio-item .top-content p {
    color: #808080;
    font-size: 14px;
    margin-bottom: 5px;
}

.portfolio-section .portfolio-item .top-content h6 {
    color: #FFF;
    font-size: 16px;
    margin-bottom: 20px;
    font-family: "Beiruti", serif;
}

.portfolio-section .portfolio-item .image-wrapper {
    width: 100%;
    height: 270px;
    overflow: hidden;
    border-radius: 5px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center top;
    transition: background-position 5s ease-in-out;
}

.portfolio-section .portfolio-item:hover .image-wrapper {
    background-position: center bottom;
}

.portfolio-section .portfolio-item .bottom-content {
    margin-top: 15px;
}

.portfolio-section .portfolio-item .bottom-content h6 {
    color: #808080;
    font-size: 15px;
    margin-bottom: 10px;
    text-align: center;
    font-family: "Beiruti", serif;
}

.portfolio-section .portfolio-item .bottom-content a {
    font-size: 12px;
    color: var(--primary);
    align-items: center;
}

.portfolio-section .portfolio-item .bottom-content .icon {
    color: #808080;
    font-size: 12px;
    transition: all 0.5s ease-in-out;
}

.portfolio-section .portfolio-item .bottom-content:hover a {
    color: #FFF;
}

.portfolio-section .portfolio-item .bottom-content:hover .icon {
    color: #FFF;
    transform: rotate(180deg);
}

/*===================================
     Blog List Section 
=====================================*/

.blog-section {
    position: relative;
}

.blog-section .blog-list-wrapper {
    padding: 60px 0;
}

.blog-section .blog-list-wrapper .blog-item {
    position: relative;
    border-radius: 3px;
    background-color: rgb(10 10 10 / 60%);
    border: 1px solid rgb(255 255 255 / 15%);
    height: 100%;
    background-image: radial-gradient(at bottom right, rgb(255 255 255 / 5%) 0%, #FFFFFF00 30%);
}

.blog-section .blog-list-wrapper .blog-item .blog-img {
    position: relative;
}

.blog-section .blog-list-wrapper .blog-item .blog-img img {
    width: 100%;
    border-radius: 3px 3px 0 0;
}

.blog-section .blog-list-wrapper .blog-item .blog-img .post-date {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 8px 20px;
    border-radius: 3px;
    background-color: var(--primary);
}

.blog-section .blog-list-wrapper .blog-item .blog-img .post-date span {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    display: inline-block;
    color: #FFF;
}

.blog-section .blog-list-wrapper .blog-item .blog-content {
    padding: 30px 30px;
}

.blog-section .blog-list-wrapper .blog-item .blog-content .meta-box .title {
    position: relative;
    font-size: 15px;
    display: inline-block;
    margin-right: 40px;
}

.blog-section .blog-list-wrapper .blog-item .blog-content .meta-box .title:last-child {
    margin-right: 0;
}

.blog-section .blog-list-wrapper .blog-item .blog-content .meta-box .title span {
    margin-right: 10px;
    font-size: 16px;
    color: var(--primary);
    margin-bottom: 0;
}

.blog-section .blog-list-wrapper .blog-item .blog-content .meta-box .title+.title::before {
    position: absolute;
    width: 10px;
    height: 1px;
    top: 50%;
    left: -15px;
    transform: translate(-50%);
    content: "";
    background: #676a7d;
}

.blog-section .blog-list-wrapper .blog-item .blog-content .meta-box .title:hover {
    color: #AAA4A4;
}

.blog-section .blog-list-wrapper .blog-item .blog-content .blog-title {
    font-size: 20px;
    margin-bottom: 25px;
}

.blog-section .blog-list-wrapper .blog-item .blog-content .blog-title a:hover {
    color: var(--primary);
}

.blog-section .blog-list-wrapper .blog-item .blog-content p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.blog-section .blog-list-wrapper .blog-item .blog-content .read-more {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #FFF;
    transition: all 0.3s 0s ease-out;
}

.blog-section .blog-list-wrapper .blog-item .blog-content .read-more span {
    position: relative;
    display: inline-block;
    margin-left: 16px;
    transition: all 0.3s 0s ease-out;
}

.blog-section .blog-list-wrapper .blog-item .blog-content .read-more span::before {
    position: absolute;
    width: 30px;
    height: 30px;
    right: -13px;
    top: -3px;
    content: "";
    border-radius: 50%;
    border: 1px solid var(--primary);
    transition: all 0.3s 0s ease-out;
    z-index: -1;
}

.blog-section .blog-list-wrapper .blog-item .blog-content .read-more:hover {
    color: var(--primary);
}

.blog-section .blog-list-wrapper .blog-item .blog-content .read-more:hover span {
    margin-left: 20px;
}

.blog-section .blog-list-wrapper .blog-item .blog-content .read-more:hover span::before {
    border-color: #FFF;
}

.blog-section .search-box .input-group .form-control {
    box-shadow: none;
    padding: 10px;
    background: #000;
    color: #FFF;
    border: 1px solid #6e6e6e;
    border-radius: 0;
}

.blog-section .search-box .input-group .form-control::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.blog-section .search-box .input-group-text {
    background: #000;
    border: 1px solid #6e6e6e;
    color: var(--primary);
    border-radius: 0;
}

.blog-section .search-box .form-select {
    box-shadow: none;
    padding: 10px;
    background: #000;
    color: #FFF;
    border: 1px solid #6e6e6e;
    border-radius: 0;
}

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

    .blog-section .blog-list-wrapper .blog-item .blog-img {
        display: none;
    }

    .blog-section .blog-list-wrapper .blog-item .blog-content {
        padding: 30px 20px;
    }

    .blog-section .blog-list-wrapper .blog-item .blog-content .blog-title {
        font-size: 18px;
        margin-bottom: 20px;
    }
}

/*===================================
     Blog Detail Section 
=====================================*/

.blog-detail-section {
    position: relative;
}

.blog-detail-section .blog-detail .cover-img {
    position: relative;
    margin-bottom: 30px;
}

.blog-detail-section .blog-detail .blog-content .meta-box .title {
    position: relative;
    font-size: 15px;
    display: inline-block;
    margin-right: 40px;
}

.blog-detail-section .blog-detail .blog-content .meta-box .title span {
    margin-right: 10px;
    font-size: 16px;
    color: var(--primary);
    margin-bottom: 0;
}

.blog-detail-section .blog-detail .blog-content .meta-box .title::before {
    position: absolute;
    width: 10px;
    height: 1px;
    top: 50%;
    left: -15px;
    transform: translate(-50%);
    content: "";
    background: #676a7d;
}

.blog-detail-section .blog-detail .blog-content .meta-box .title:first-child::before {
    display: none;
}

.blog-detail-section .blog-detail .blog-content .meta-box .title:last-child {
    margin-right: 0;
}

.blog-detail-section .blog-detail .blog-content .meta-box .title:hover {
    color: var(--text-body);
}

.blog-detail-section .blog-detail .blog-content a {
    color: var(--primary);
}

.blog-detail-section .blog-detail .blog-content p {
    text-align: justify;
}

.blog-detail-section .blog-detail .blog-content h3 {
    font-size: 26px;
    margin-bottom: 20px;
}

.blog-detail-section .blog-detail .blog-content ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
}

.blog-detail-section .blog-detail .blog-content ul li::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f1ce";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--primary);
}

.blog-detail-section .sidebar-wrapper .sidebar-widget {
    padding: 40px 30px 30px 30px;
    background: #151414;
    margin-bottom: 30px;
}

.blog-detail-section .sidebar-wrapper .sidebar-widget .title {
    position: relative;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: -0.02em;
    display: inline-block;
    padding-left: 10px;
    color: #FFF;
    margin-bottom: 25px;
}

.blog-detail-section .sidebar-wrapper .sidebar-widget .title::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 3px;
    width: 2px;
    height: 20px;
    background-color: var(--primary);
}

.blog-detail-section .sidebar-wrapper .sidebar-widget .content ul li a {
    position: relative;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    padding: 17px 21px;
    display: inline-block;
    background: #1C1C1C;
    margin-bottom: 21px;
    color: #FFF;
    border-radius: 2px;
    transition: all 0.3s 0s ease-out;
}

.blog-detail-section .sidebar-wrapper .sidebar-widget .content ul li a:hover {
    background: var(--primary);
}

.blog-detail-section .sidebar-wrapper .sidebar-widget .content ul li a span {
    position: absolute;
    top: 50%;
    right: 21px;
    transform: translateY(-50%);
}

.blog-detail-section .sidebar-wrapper .sidebar-widget .post-item .thumb {
    margin-right: 24px;
}

.blog-detail-section .sidebar-wrapper .sidebar-widget .post-item .thumb a img {
    width: 150px;
    height: 80px;
    object-fit: cover;
}

.blog-detail-section .sidebar-wrapper .sidebar-widget .post-item .content .meta-text i {
    font-size: 14px;
    margin-right: 8px;
    color: var(--primary);
}

.blog-detail-section .sidebar-wrapper .sidebar-widget .post-item .content .meta-text span {
    font-weight: 500;
    font-size: 15px;
    line-height: 1.7;
    color: #FFF;
}

.blog-detail-section .sidebar-wrapper .sidebar-widget .post-item .content .inner-title {
    font-weight: 500;
    font-size: 15px;
    line-height: 1.5;
    display: inline-block;
    color: #FFF;
    transition: all 0.3s 0s ease-out;
}

.blog-detail-section .sidebar-wrapper .sidebar-widget .post-item .content .inner-title a:hover {
    color: var(--primary);
}

/* ==================================
-- Cta 
===================================== */

.cta-section-one {
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 110px 0;
    z-index: 1;
}

.cta-section-two {
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 0;
    z-index: 1;
}

.cta-section-two::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #0000007d, #961a4142);
    opacity: 1;
    z-index: -1;
}

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

    .cta-section-one {
        padding: 80px 0;
    }
}

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

    .cta-section-one {
        padding: 60px 0;
    }
}


/*===================================
     Contact Us Section
=====================================*/

.address-section {
    position: relative;
}

.address-section .address-box {
    position: relative;
    padding: 30px 30px;
    background-color: rgb(10 10 10 / 60%);
    border: 1px solid rgb(255 255 255 / 15%);
    border-radius: 10px;
    height: 100%;
    background-image: radial-gradient(at top left, rgb(255 255 255 / 15%) 0%, #FFFFFF00 50%);
    transition: all 0.5s ease-in-out;
}

.address-section .address-box:hover {
    border: 1px solid var(--secondary);
    animation: rotateShadow 1.5s infinite linear;
}

.address-section .address-box img {
    width: 60px;
    margin-bottom: 30px;
    transition: all 0.5s ease-in-out;
    filter: brightness(90%) contrast(90%) opacity(0.25);
}

.address-section .address-box:hover img {
    filter: none;
}

.address-section .address-box .location {
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
    color: var(--primary);
    opacity: 0.8;
    margin-bottom: 10px;
    transition: all 0.5s ease-in-out;
}

.address-section .address-box:hover .location {
    opacity: 1;
}

.address-section .address-box .detail {
    position: relative;
    transition: all 0.5s ease-in-out;
}

.address-section .address-box .detail .phone {
    font-size: 20px;
    margin-bottom: 20px;
}

.address-section .address-box .detail .phone a:hover {
    color: var(--primary);
    letter-spacing: 1px;
}

.address-section .support-email {
    position: relative;
    text-align: center;
    margin-top: 50px;
}

.address-section .support-email h6 {
    font-size: 20px;
    font-weight: 700;
    font-family: "Beiruti", serif;
}

.address-section .support-email a {
    color: var(--secondary);
    text-decoration: underline;
}


@keyframes rotateShadow {
    0% {
        box-shadow: inset 10px 0 15px rgba(150, 26, 66, 0.25);
    }

    25% {
        box-shadow: inset 0 10px 15px rgba(150, 26, 66, 0.25);
    }

    50% {
        box-shadow: inset -10px 0 15px rgba(150, 26, 66, 0.25);
    }

    75% {
        box-shadow: inset 0 -10px 15px rgba(150, 26, 66, 0.25);
    }

    100% {
        box-shadow: inset 10px 0 15px rgba(150, 26, 66, 0.25);
    }
}

/* Form Section */

.enquiry-form-section {
    position: relative;
    background-color: #060606;
    z-index: 1;
}

.enquiry-form-section .shape-1 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.enquiry-form-section .form-wrap {
    margin-top: 60px;
    padding: 50px 50px;
    border-radius: 20px;
    background-color: #000;
    border: 1px solid rgb(255 255 255 / 15%);
    background-image: radial-gradient(at top left, rgb(255 255 255 / 8%) 0%, #FFFFFF00 50%);
}

.enquiry-form-section .form-wrap .form-control,
.enquiry-form-section .form-wrap .form-select {
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 30px;
    color: #FFF;
    background-color: transparent;
    box-shadow: none;
    border: 2px solid #191919;
}

.enquiry-form-section .form-wrap .form-control:focus,
.enquiry-form-section .form-wrap .form-select:focus {
    border: 2px solid var(--primary);
}

.enquiry-form-section .form-wrap .form-control::placeholder {
    color: rgb(255 255 255 / 75%) !important;
    opacity: 1;
}

.enquiry-form-section .hexagon-wrapper {
    display: flex;
    justify-content: center;
    width: 80px;
    height: 80px;
    cursor: pointer;
}

.enquiry-form-section .social-icons h3 {
    font-weight: 600;
    text-align: center;
    font-size: 34px;
    margin-bottom: 30px;
    font-family: "Dancing Script", cursive;
}

.enquiry-form-section .hexagon-wrapper .icon {
    position: relative;
    width: 45%;
    height: 80%;
    color: #FFF;
    background: linear-gradient(-180deg, #8b2243, #72072a);
    display: flex;
    align-content: center;
    justify-content: center;
    transition: 0.5s all ease-in-out;
}

.enquiry-form-section .hexagon-wrapper .icon i {
    font-size: 30px;
    color: #FFF;
    margin: auto;
    z-index: 1;
}

.enquiry-form-section .hexagon-wrapper .icon:before,
.enquiry-form-section .hexagon-wrapper .icon:after {
    position: absolute;
    content: "";
    background: inherit;
    height: 100%;
    width: 100%;
    border-radius: 0;
    transition: 0.5s;
    transform-origin: center;
}

.enquiry-form-section .hexagon-wrapper .icon:before {
    transform: rotateZ(60deg);
}

.enquiry-form-section .hexagon-wrapper .icon:after {
    transform: rotateZ(-60deg);
}

.enquiry-form-section .hexagon-wrapper .icon:hover,
.enquiry-form-section .hexagon-wrapper .icon:hover:before,
.enquiry-form-section .hexagon-wrapper .icon:hover:after {
    border-radius: 50px;
    transition: 0.5s all ease-in-out;
}

/* Map Section */

.map-section {
    position: relative;
}

.map-section iframe {
    filter: grayscale(100%) invert(90%);
    width: 100%;
    height: 500px;
    display: block;
}

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

    .enquiry-form-section .form-wrap {
        margin-top: 20px;
        padding: 40px 20px;
        border-radius: 15px;
    }

    .enquiry-form-section .social-icons h3 {
        font-size: 24px;
    }
}

/*=====================================
 - Footer Section
 ====================================== */

.footer-section {
    position: relative;
    padding-top: 60px;
}

.footer-section::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(66, 189, 172, 0) 0, #961A42 50%, rgba(66, 189, 172, 0) 100%);
}

.footer-section .footer-top {
    position: relative;
    padding-bottom: 30px;
}

.footer-section .footer-top .contact-wrap .contact-info {
    padding: 30px 0;
}

.footer-section .footer-top .contact-wrap .contact-info .icon span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #1D1E26;
    color: #FFF;
    font-size: 16px;
}

.footer-section .footer-top .contact-wrap .contact-info p,
.footer-section .footer-top .contact-wrap .contact-info p a {
    color: #7F7F7F;
}

.footer-section .footer-top .contact-wrap .contact-info p a:hover {
    color: var(--secondary);
}

.footer-section .footer-top .contact-wrap .social-icons a {
    border: 1px solid #1D1E26;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    text-align: center;
    color: #7F7F7F;
    font-size: 20px;
}

.footer-section .footer-top .contact-wrap .social-icons a:hover {
    background-color: #1D1E26;
    color: #7F7F7F;
}

.footer-section .footer-top .footer-menu-widget {
    margin-bottom: 20px;
}

.footer-section .footer-top .footer-menu-widget .footer-title {
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 20px;
}

.footer-section .footer-top .footer-menu-widget .footer-title::before {
    width: 100%;
    height: 1px;
    position: absolute;
    content: "";
    background: linear-gradient(90deg, rgba(66, 189, 172, 0) 0, var(--secondary) 30%, rgba(66, 189, 172, 0) 100%);
    bottom: 0;
    left: 0;
}

.footer-section .footer-top .footer-menu-widget .footer-title h4 {
    font-size: 18px;
    color: var(--primary);
    margin-bottom: 0;
}

.footer-section .footer-top .footer-menu-widget .menu-wrap {
    position: relative;
}

.footer-section .footer-top .footer-menu-widget .menu-wrap ul li {
    position: relative;
    font-size: 14px;
    margin-bottom: 10px;
    transition: all 0.3s ease-in-out;
}

.footer-section .footer-top .footer-menu-widget .menu-wrap ul li a:hover {
    padding-left: 5px;
    color: var(--secondary);
}

.footer-section .footer-bottom {
    position: relative;
    font-size: 14px;
}

.footer-section .footer-bottom p {
    font-size: 14px;
}

.footer-section .footer-bottom::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: rgb(255 255 255 / 20%);
}

.footer-section .footer-bottom::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: rgb(255 255 255 / 20%);
}

.footer-section .footer-bottom .policy-wrap ul li {
    position: relative;
    display: inline-block;
    margin-right: 18px;
    font-weight: 500;
}

.footer-section .footer-bottom .policy-wrap ul li a:hover {
    color: var(--secondary);
}

.footer-section .footer-bottom .policy-wrap .divider {
    margin: 0 10px;
}

.footer-section .footer-bottom .iso-logo {
    padding: 15px 0;
}

.footer-section .footer-bottom .iso-logo img {
    width: 70px;
    filter: grayscale(100%);
}

.footer-section .footer-bottom .iso-text {
    padding: 15px 15px;
    background-color: #151515;
}

.footer-section .footer-bottom .iso-text h6 {
    font-size: 14px;
    margin-bottom: 0;
}

.footer-section .footer-bottom .iso-text h6 span {
    color: var(--primary);
}

/* Contact info style 2 */
.footer-section .footer-top .contact-wrap .contact-info-wrap h4 {
    font-family: "Dancing Script", cursive;
    font-size: 24px;
    margin-bottom: 10px;
}

.footer-section .footer-top .contact-wrap .contact-info-wrap h6 {
    padding: 10px 0;
    font-size: 22px;
}

.footer-section .footer-top .contact-wrap .contact-info-wrap h6 a {
    color: var(--primary);
}

/* ==================================
- Copyright Section
===================================== */

.copyright-section {
    position: relative;
}

.copyright-section .copyright-wrap p {
    padding: 18px 0;
    margin-bottom: 0;
}

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

    .footer-section .footer-bottom .iso-wrap {
        padding: 10px 0;
    }

    .footer-section .footer-bottom .policy-wrap ul li {
        margin-right: 0;
    }

    .footer-section .footer-bottom .policy-wrap .divider {
        margin: 0 5px;
    }
}

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

    .footer-section .footer-top .contact-wrap .footer-logo {
        text-align: center;
    }

    .footer-section .footer-top .contact-wrap .contact-info {
        padding: 30px 5px;
    }

    .footer-section .footer-top .contact-wrap .social-icons {
        text-align: center;
    }

    .footer-section .footer-top .footer-menu-widget {
        padding: 0 5px;
        margin-bottom: 10px;
    }

    .footer-section .footer-bottom .policy-wrap {
        text-align: center;
        margin-bottom: 10px;
    }

    .footer-section .footer-bottom .policy-wrap ul li {
        margin-right: 0;
    }

    .footer-section .footer-bottom .policy-wrap .divider {
        margin: 0 3px;
    }

}

/* ================================
- Icon list section
=================================== */

.icon-list-section {
    position: relative;
}

.icon-list-section .content-item {
    padding: 30px 30px;
    box-shadow: rgb(134 133 133 / 50%) 0px 4px 12px;
    height: 100%;
}

.icon-list-section .content-item img {
    width: 80px;
    filter: brightness(0) invert(1);
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out;
}

.icon-list-section .content-item h5 {
    font-size: 28px;
    color: var(--primary);
    margin-bottom: 15px;
}

.icon-list-section .content-item:hover img {
    transform: translateY(-10px);
}

/* ================================
- Terms and conditions Section
=================================== */

.terms-conditions-section {
    position: relative;
}

.terms-conditions-section .terms-conditions-wrap .text-content.adjust-height {
    height: 150px;
    overflow: hidden;
}

.terms-conditions-section .terms-conditions-wrap .text-content {
    position: relative;
    padding: 30px 30px;
    height: 100%;
}

/*=============================================
   - SCROLL TO TOP      
=============================================*/

.scroll-to-top {
    position: fixed;
    right: -30px;
    bottom: 100px;
    transform: rotate(90deg);
    z-index: 99;
}

.scroll-to-top .visible {
    visibility: visible !important;
    opacity: 1 !important;
}

.scroll-to-top .scroll-top-inner {
    opacity: 0;
    visibility: hidden;
}

.scroll-to-top .scroll-top-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    -o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
    transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}

.scroll-to-top .scroll-bar {
    width: 50px;
    height: 3px;
    margin-right: 10px;
    position: relative;
}

.scroll-to-top .scroll-bar:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: var(--primary);
}

.scroll-to-top .scroll-bar .bar-inner {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-color: currentColor;
}

.scroll-to-top .scroll-bar-text {
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: all 500ms ease;
    color: #999;
}

.scroll-to-top .scroll-bar-text:hover {
    transform: scale(1.1);
}

/*=============================================
   - WHATSAPP SECTION
=============================================*/

.whatsapp-info,
.pulse {
    display: inline-block;
    color: #fff;
    background: #1ab744;
    position: fixed;
    bottom: 40px;
    left: 35px;
    font-size: 25px;
    text-align: center;
    z-index: 199;
    border-radius: 90%;
    height: 45px;
    width: 45px;
    line-height: 50px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 0
    }

    50% {
        opacity: .3
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 0
    }

    50% {
        opacity: .3
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

.pulse:nth-child(2) {
    -webkit-animation: pulse 2s infinite .3s;
    animation: pulse 2s infinite .3s
}

.pulse:nth-child(3) {
    -webkit-animation: pulse 2s infinite .6s;
    animation: pulse 2s infinite .6s
}

/*=============================================
   - BACK TO TOP SECTION
=============================================*/

.back-to-top-wrapper {
    position: fixed;
    right: 20px;
    bottom: 0;
    height: 45px;
    width: 45px;
    cursor: pointer;
    display: block;
    border-radius: 50%;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

@media (max-width: 575px) {

    .back-to-top-wrapper {
        right: 20px;
        bottom: 20px;
    }
}

.back-to-top-wrapper.back-to-top-btn-show {
    visibility: visible;
    opacity: 1;
    bottom: 40px;
}

.back-to-top-btn {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 38px;
    border: none;
    text-align: center;
    background: var(--primary);
    box-shadow: 0px 8px 16px rgba(254, 57, 42, 0.3);
    color: #FFF;
    border-radius: 50%;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.back-to-top-btn svg {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
}

.back-to-top-btn:hover {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px);
}

/*=============================================
   - DEMO FIXED BUTTON SECTION
=============================================*/

.demo-button-wrapper {
	 width: auto;
	 white-space: nowrap;
	 position: fixed;
	 right: 0%;
	 top: 30%;
	 cursor: pointer;
	 z-index: 1000;
	 -webkit-transform: rotate(-90deg) translateY(-100%);
	 -ms-transform: rotate(-90deg) translateY(-100%);
	 transform: rotate(-90deg) translateY(-100%);
	 -webkit-transform-origin: 100% 0 0;
	 -ms-transform-origin: 100% 0 0;
	 transform-origin: 100% 0 0;
	 margin-right: -1px;
	 display: flex;
}

 .demo-button-wrapper .theme-wrapper {
	 padding: 10px 15px;
	 display: block;
	 font-weight: 500;
	 background-color: var(--primary);
	 transition-delay: 0.3s;
}

 .demo-button-wrapper .theme-wrapper > div {
	 display: inline-block;
	 vertical-align: middle;
	 color: #FFF;
	 font-size: 20px;
	 text-transform: capitalize;
	 line-height: 22px;
}

/*=============================================
   - TERMS SECTION
=============================================*/

.terms-section {
    position: relative;
}

.terms-section h4 {
    font-size: 24px;
    color: var(--primary);
    margin-bottom: 20px;
}

.terms-section a {
    color: var(--primary);
}

.terms-section ul {
    list-style: none;
}

.terms-section ul li {
    position: relative;
    padding-left: 0;
    margin-bottom: 15px;
}

.terms-section ul li::before {
    position: absolute;
    left: 0;
    top: 2px;
    content: "\f058";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 18px;
    color: var(--primary);
}

.wpml-ls-statics-footer.wpml-ls.wpml-ls-legacy-list-horizontal {
    display: none;
}