@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Schibsted+Grotesk:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #ffffff;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #1A1A1A;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 26, 26, 26;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 255, 255, 255;
    --bs-body-bg-rgb: 14, 15, 17;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #ffffff;
    --bs-body-bg: #0E0F11;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #0d6efd;
    --bs-link-hover-color: #0a58ca;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
}


input,button,body,h1,h2,h3,h4,h5,h6,span,a{font-family: 'Archivo',Arial, sans-serif;}

body{font-family: 'Archivo',Arial, sans-serif; font-size:18px;}

h1,.h1{font-family: 'Schibsted Grotesk',Arial, sans-serif;font-size: 64px;font-weight: 700;}
h2,.h2{font-family: 'Schibsted Grotesk',Arial, sans-serif;font-size: 55px;font-weight: 500;}
h3,.h3{font-family: 'Schibsted Grotesk',Arial, sans-serif;font-size: 34px;font-weight: 500;}
h4,.h4{font-family: 'Schibsted Grotesk',Arial, sans-serif;font-size: 26px;font-weight: 500;}
h5,.h5{font-family: 'Schibsted Grotesk',Arial, sans-serif;font-size: 16px;font-weight: 500;}
h6,.h6{font-family: 'Schibsted Grotesk',Arial, sans-serif;font-size: 20px;font-weight: 500;}

p{word-break: break-word;}

::selection {background: #4E0000;color: #ffffff;}

@-moz-document url-prefix(){
    select, select:-moz-focusring, select::-moz-focus-inner{color:transparent !important;text-shadow: 0 0 0 #000 !important;background-image: none !important;border:0;}
}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{
    transition: background-color 5000s ease-in-out 0s;-webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.6) inset;
}

.overflow-hidden{overflow: hidden;}

/*---colours links---*/
a{color: #ffffff; text-decoration: none}
a:hover{color: #800BAA;}


/*----background and color----*/
.bg-top-contain-url{background-size: contain; background-repeat:repeat;background-position: center top;}
.bg-bottom-contain-url{background-size: contain; background-repeat:repeat;background-position:50% 80%;background-repeat: no-repeat;}
.bg-center-contain-url{background-size: contain; background-repeat:repeat;background-position:50% 50%;background-repeat: no-repeat}
.bg-lg-contain-url{background-size: 1600px; background-repeat:repeat;background-position:50% 74%;background-repeat: no-repeat}

.bg-top-url{background-size: cover; background-repeat: no-repeat;background-position: center top;}
.bg-center-url{background-size: cover; background-repeat: no-repeat;background-position: center center;}
.bg-bottom-url{background-size: cover; background-repeat: no-repeat;background-position: center bottom;}
.bg-top-20-url{background-size: cover; background-repeat: no-repeat;background-position: 50% 20%;}


.bg-danger-gradient{
    background-image: radial-gradient(49.05% 63.33% at 48.42% 59.47%, #FF3B32 0%, #D8322B 100%);
}
.bg-danger-gradient-half{
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 40%, rgba(219,46,39,1) 40%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 40%, rgba(219,46,39,1) 40%);
    background: linear-gradient(180deg, rgba(255,255,255,0) 40%, rgba(219,46,39,1) 40%);
}

.bg-color-gradient{
    position: relative;
    background-color: rgb(0, 0, 0);
    background-image: linear-gradient(315deg, #39E968 0%, #15F1C4 25%, #2AB8F8 51%, #A94FA4 79%, #800BAA 100%);
    padding:1px;
}
.bg-color-gradient-2{
    position: relative;
    background-color: rgb(0, 0, 0);
    background-image: linear-gradient(290deg, #8813A0 4%, #B4237D 32%, #E23F52 62%, #F3C818 100%);
    padding:1px;
}
.border-color-gradient{
    position: relative;
    background-color: rgb(0, 0, 0);
    background-image: linear-gradient(315deg, #39E968 0%, #15F1C4 25%, #2AB8F8 51%, #A94FA4 79%, #800BAA 100%);
    padding:1px;
}
.border-color-gradient-2{
    position: relative;
    background-color: rgb(0, 0, 0);
    background-image: linear-gradient(290deg, #8813A0 4%, #B4237D 32%, #E23F52 62%, #F3C818 100%);
    padding:1px;
}
.bg-dark-70{background-color: rgba(6, 6, 6, 0.7);}


@-webkit-keyframes ft-bg-top-bottom{
    0% {background-size: 100% 100%;background-repeat: repeat-x;}
    50% {background-size: 100% 200%;background-repeat: repeat-x;}
    100% {background-size: 100% 100%;background-repeat: repeat-x;}
}

@keyframes ft-bg-top-bottom {
    0% {background-size: 100% 100%;background-repeat: repeat-x;}
    50% {background-size: 100% 200%;background-repeat: repeat-x;}
    100% {background-size: 100% 100%;background-repeat: repeat-x;}
}

.bg-purple-gradient-bottom{
    background-image: radial-gradient(farthest-corner at 50% 100%, rgba(180, 35, 125, 0.5), rgba(255, 255, 255, 0) 70%);
    background-size: 100% 100%;
    background-repeat: repeat-x;
    transform-style: preserve-3d;will-change: transform;animation-name: ft-bg-top-bottom;animation-duration: 4.5s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;
}



.text-danger{color:#800BAA !important;}

.text-gradient-colored{
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(315deg, #39E968 0%, #15F1C4 25%, #2AB8F8 51%, #A94FA4 79%, #800BAA 100%);
    -webkit-background-clip: text;
    background-clip: text;
}
.text-gradient-colored-2{
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(290deg, #8813A0 4%, #B4237D 32%, #E23F52 62%, #F3C818 100%);
    -webkit-background-clip: text;
    background-clip: text;
}
.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1A1A1A;
    --bs-btn-border-color: #1A1A1A;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1A1A1A;
    --bs-btn-hover-border-color: #1A1A1A;
    --bs-btn-focus-shadow-rgb: 26, 26, 26;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1A1A1A;
    --bs-btn-active-border-color: #1A1A1A;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529;
}


.btn-danger{
    --bs-btn-color: #fff;
    --bs-btn-bg: #800BAA;
    --bs-btn-border-color: #800BAA;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #A94FA4;
    --bs-btn-hover-border-color: #A94FA4;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #A94FA4;
    --bs-btn-active-border-color: #A94FA4;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #800BAA;
    --bs-btn-disabled-border-color: #800BAA;
    background-image: linear-gradient(315deg, #A94FA4 0%, rgba(128, 11, 170, 0) 100%);
    border-width: 0px;
}
.btn-primary{
    --bs-btn-color: #fff;
    --bs-btn-bg: #2AB8F8;
    --bs-btn-border-color: #2AB8F8;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #15F1C4;
    --bs-btn-hover-border-color: #15F1C4;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #15F1C4;
    --bs-btn-active-border-color: #15F1C4;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0;
    background-image: linear-gradient(315deg, #39E968 0%, #15F1C4 25%, #2AB8F8 51%, #A94FA4 79%, #800BAA 100%);
    border-width: 0px;
}

.btn-info{
    --bs-btn-color: #000;
    --bs-btn-bg: #2AB8F8;
    --bs-btn-border-color: #2AB8F8;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #15F1C4;
    --bs-btn-hover-border-color: #15F1C4;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #15F1C4;
    --bs-btn-active-border-color: #15F1C4;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0;
    background-image: linear-gradient(110deg, rgba(57, 233, 104, 1) 0%, rgba(21, 241, 196, 1) 25%, rgba(42, 184, 248, 0) 50%, rgba(128, 11, 170, 1) 100%);
    border-width: 0px;
}
.btn-warning{ 
    --bs-btn-color: #fff;
    --bs-btn-bg: #E23F52;
    --bs-btn-border-color: #E23F52;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #B4237D;
    --bs-btn-hover-border-color: #B4237D;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #B4237D;
    --bs-btn-active-border-color: #B4237D;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0;
    background-image: linear-gradient(110deg, rgba(136, 19, 160, 1) 4%, rgba(180, 35, 125, 1) 32%, rgba(226, 63, 82, 0) 64%, rgba(243, 200, 24, 1) 100%);
    border-width: 0px;
}


.btn-width-md{min-width: 150px;}
.btn-width-lg{min-width: 200px;}

.btn{border-radius: 50px;--bs-btn-padding-x: 1.2rem; --bs-btn-padding-y: 0.75rem;}
.btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus, .show > .btn.dropdown-toggle:focus {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}
.btn.focus, .btn:focus{box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}

.btn-scrollupdown{position: fixed; right:15px; bottom: 15px;opacity: 0;}


/*----header and navber----*/
header{font-size:16px;}
header .navbar-dark{transition: all 0.5s ease;padding: 0;}
header.navbar-hide .navbar-dark{transform: translateY(-100px);}
.navbar-brand{width: 170px;position: relative;padding: 8px 0px 8px 6px;}

.bg-nav-gradient{
    position: relative;
    background-color: rgb(0, 0, 0);
    background-image: linear-gradient(315deg, #39E968 0%, #15F1C4 25%, #2AB8F8 51%, #A94FA4 79%, #800BAA 100%);
    padding-top: 6px;
    padding: 6px;
}

.bg-nav-gradient::before{
    position:absolute;
    content: '';
    display: block;
    width:calc(100%);
    height:calc(100% - 1px);
    margin: auto;
    top:0;
    left:0;
    bottom:auto;
    right: 0;
    background-color: #000000;
}

.navbar-dark .dropdown-menu.bg-nav-gradient::before{border-radius:20px;width:calc(100% - 2px);height:calc(100% - 2px);top:0;bottom:0;}
.navbar-dark .dropdown-menu{
    --bs-dropdown-color: #ffffff;
    --bs-dropdown-bg: #000000;
    --bs-dropdown-link-color: #fff;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-link-hover-bg: #212529;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #212529;
    --bs-dropdown-link-disabled-color: #adb5bd;
    overflow: hidden;
    padding-left:7px;
    padding-right:8px;
    border-radius:20px;
}
.navbar-dark .dropdown-menu .dropdown-item{border-radius: 14px;}
.navbar-dark .dropdown-menu {opacity: 0;transition: opacity 0.5s ease;}
.navbar-dark .nav-item.dropdown:hover .dropdown-menu {
    opacity: 1 !important;
    display: block;
}
.navbar-dark .btn{--bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.5rem;}

.navbar-dark .navbar-nav .nav-link{color: #ffffff;text-transform: capitalize;font-weight: 500;border-radius: 20px;}
.navbar-dark .navbar-nav>li>a.nav-link:focus, 
.navbar-dark .navbar-nav>li>a.nav-link:hover{color:#ffffff;background-color: #1A1A1A;}
.navbar-dark .navbar-nav>.active>a.nav-link,
.navbar-dark .navbar-nav>.active>a.nav-link:focus,
.navbar-dark .navbar-nav>.active>a.nav-link:hover{color:#ffffff;background-color: #1A1A1A;}
.navbar-dark .navbar-nav li.nav-item{padding-left:6px; padding-right:6px;position: relative;}



.navbar-toggler:focus{box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}

/*navbar-toggler collapsed*/
.navbar-dark .navbar-toggler{position:relative;width: 35px;height:35px;text-align: center; border: 1px solid #000000;color: #000000; background-color: #66FCF1 !important;background-image: linear-gradient(315deg, #39E968 0%, #15F1C4 25%, #2AB8F8 51%, #A94FA4 79%, #800BAA 100%);}
.navbar-dark .navbar-toggler span{background-color:#000000;display: block;height:2px;left:0;right:0;margin:auto;position:absolute;transform-origin: center;transition: 86ms all ease-out;width: 20px;}
.navbar-dark .navbar-toggler.collapsed span:nth-child(1){transform: translateY(-1px) rotate(0deg);}
.navbar-dark .navbar-toggler.collapsed span:nth-child(2){opacity: 1;}
.navbar-dark .navbar-toggler.collapsed span:nth-child(3){transform: translateY(1px) rotate(0deg);}

.navbar-dark .navbar-toggler span:nth-child(1){transform: translateY(5px) rotate(45deg);top: calc(50% - 5px);}
.navbar-dark .navbar-toggler span:nth-child(2){opacity: 0;top: calc(50% - 0px);}
.navbar-dark .navbar-toggler span:nth-child(3) {transform: translateY(-5px) rotate(-45deg);top: calc(50% + 5px);}



/* form */
.input-group-text .btn-color-gradient{position: relative;background-color: rgb(0, 0, 0);background-image: linear-gradient(315deg, #39E968 0%, #15F1C4 25%, #2AB8F8 51%, #A94FA4 79%, #800BAA 100%);border-radius:50px;padding:2px;}

.input-group-text{border-radius: 50px;}
.form-select,
.form-control{background-color: #161616!important;color:#ffffff!important;border-radius: 30px;border-color: #161616;font-size: 16px;padding-left: 20px;padding-right: 20px;}

.form-control.border-light,
.form-select.border-light{
    --bs-border-opacity: 0.4;
}

.form-select:focus,.form-control:focus {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);background-color: #161616 !important;border-color: #161616;color: #ffffff;}
.form-check-input[type=checkbox]{box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}
.form-check-input:checked {background-color: #800BAA;border-color: #800BAA;}
.form-check-input:focus {border-color: #800BAA;box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}
.form-control::-webkit-input-placeholder{color: rgba(255, 255, 255, 0.5);}
.form-control::-moz-placeholder{color: rgba(255, 255, 255, 0.5);}
.form-control:-ms-input-placeholder{color: rgba(255, 255, 255, 0.5);}
.form-control:-moz-placeholder{color: rgba(255, 255, 255, 0.5);}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background-color: rgba(0,0,0,0.05);color: #ffffff;}
.input-group-text{background-color: #161616;;border-color: #161616;}
.form-floating>label{width: 100%;}
.form-floating>.form-control-plaintext~label::after,
.form-floating>.form-control:focus~label::after,
.form-floating>.form-control:not(:placeholder-shown)~label::after,
.form-floating>.form-select~label::after{background-color: transparent;}
textarea{resize: none;}


.form-step-sec1{
  text-align: left;
  margin: 0 auto;
  max-width: 460px;
  background-color: #ffffff;
}

.form-group .text-thankyou{
  font-weight: 300;
  font-size: 2.0rem;
}

.form-group{margin-bottom: 1.5rem;}
.has-error.form-group{margin-bottom: 1.5rem; position:relative;}

.help-block{color:#dddddd;margin-top: 0px;position: absolute;font-size: 11px; top:100%; left:0; padding-left:15px;padding-right:15px;}


/* content */

.pt-8{padding-top: 80px;}
.bs-content section{overflow: hidden;}

.bs-content .list-unstyled a{text-decoration:none;}
.bs-content ul a{text-decoration:none;}
.bs-content .fa-ul a{text-decoration:none;}
.bs-content .bs-fa-chevron-collapse a{text-decoration:none;}


.hero-section{overflow: hidden;position: relative; background-size: cover; background-repeat: no-repeat;background-attachment: fixed;background-position: center top;padding-top: 1px;}
.hero-section h1{font-size: 90px;font-weight: 900;}
.hero-section h2{font-size: 70px;font-weight: 400;}



@-webkit-keyframes hero-spin{
    0% {-webkit-transform: rotate(0deg) rotateZ(0deg);transform: rotate(0deg) rotateZ(0deg);}
    to { -webkit-transform: rotate(1turn) rotateZ(1turn); transform: rotate(1turn) rotateZ(1turn);}
}

@keyframes hero-spin {
    0% {-webkit-transform: rotate(0deg) rotateZ(0deg);transform: rotate(0deg) rotateZ(0deg);}
    to { -webkit-transform: rotate(1turn) rotateZ(1turn); transform: rotate(1turn) rotateZ(1turn);}
}

.hero-circle-bg-holder-1{width: 450px;height: 450px;overflow: hidden;display: block;position: absolute;left:0; top:0;}
.hero-circle-bg-holder-1:before{content:"";display: block;background-image: url("data:image/svg+xml,%3Csvg width='1464' height='1464' viewBox='0 0 1464 1464' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_67_143)'%3E%3Ccircle cx='731.956' cy='731.956' r='515' transform='rotate(115.732 731.956 731.956)' stroke='url(%23paint0_linear_67_143)' stroke-width='119'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_67_143' x='0.723724' y='0.72377' width='1462.46' height='1462.46' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='78.3' result='effect1_foregroundBlur_67_143'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_67_143' x1='1086.27' y1='1400.18' x2='548.732' y2='-167.67' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2339E968'/%3E%3Cstop offset='0.245' stop-color='%2315F1C4'/%3E%3Cstop offset='0.51' stop-color='%232AB8F8'/%3E%3Cstop offset='0.785' stop-color='%23800BAA'/%3E%3Cstop offset='1' stop-color='%23A94FA4'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");background-repeat: no-repeat;background-size: contain;width: 900px;height: 900px;position: absolute;top: auto;left: auto;right: 0;bottom: 0;transform-style: preserve-3d;will-change: transform;animation-name: hero-spin;animation-duration: 10s;animation-iteration-count: infinite;animation-timing-function: linear;pointer-events: none;}

/* banner title */
.banner-title-top{padding-top: 80px;position:relative;overflow: hidden;}
.banner-title-top.h-lg>.container>.row{min-height: 100vh;}
.banner-title-top.h-sm>.container>.row{min-height: 300px;}

/* table */
.bs-table thead th,
.bs-table thead td{vertical-align: middle;background-color: #66FCF1;}
.bs-table tbody th,
.bs-table tbody td{background-color: transparent;color:#ffffff;vertical-align: middle;}


.bs-table-course{margin-bottom:6px;}
.bs-table-course tr td:nth-child(3){width: 20%;text-align: center;}
.bs-table-course tr td:nth-child(2){width: 20%;text-align: center;}
.bs-table-course tr td:last-child{width: 20px;}


.w-xl{max-width:1010px}
.w-lg{max-width:870px}
.w-md{max-width:800px}
.w-sm{max-width:600px}
.w-xs{max-width:400px}

.badge .text-danger{color:#E21010 !important;}

.img-1x{width:80px}
.img-2x{width:120px}

.ratio img{object-fit:cover;}


.circle-40{font-size:20px;text-align:center;width:40px;height:40px; line-height: 40px; border-radius: 50%;}


/*footer*/
footer{font-size:14px;background-color: #000000;}
footer i{color:#ffffff;}
.footer-logo{max-width: 230px;}



.border-dark{border-color: #333333;}

.anim-icons-holder{z-index: 0;flex-direction: row;justify-content: center;align-items: center;display: flex;position: absolute;top: 0;bottom: 0%;left: 0%;right: 0%;overflow: hidden;}
.anim-icons-scale-holder{width: 100%;height: 100%;max-width: 820px;position: absolute;top: 70px;bottom: auto;left: auto;right: auto;}

.anim-icon-holder{position: absolute;top: -2%;bottom: auto;left: 6%;right: auto;}
.anim-icon-holder._2{top: 28%;left: 11%;}
.anim-icon-holder._3{top: 60%;left: 1%;}
.anim-icon-holder._4{top: 0%;left: auto; right: 20%;}
.anim-icon-holder._5{top: 34%;left: auto; right: 17%;}
.anim-icon-holder._6{top: 60%;left: auto;right: 3%;}
/*.container.animation-container {flex-direction: row;justify-content: center;align-items: flex-start;padding-top: 0;padding-bottom: 0;display: flex;}*/

.device {z-index: 1;width: auto;height: 100%;max-width: none;object-fit: contain;position: relative;}
.device-holder {height: 90vh;grid-column-gap: 16px;grid-row-gap: 16px;flex-direction: row;grid-template-rows: auto auto;grid-template-columns: 1fr 1fr;grid-auto-columns: 1fr;justify-content: center;align-items: stretch;display: inline-block;position: relative;}
.device-holder:before{content:'';position:absolute;display:block;perspective: 60vw;border-radius: 10%;position: absolute;top: 2%;bottom: 2%;left: 2%; right: 2%;background-color:#000000;pointer-events: none;}
.dashboard-app {width: 100%;height: 100%;object-fit: cover;object-position: 0% 0%;border-radius: 1.45%;position: absolute;top: 0%;bottom: 0%;left: 0%;right: 0%;}
.dashboard-app-holder {z-index: 0;perspective: 60vw;border-radius: 10%;position: absolute;top: 2%;bottom: 2%;left: 2%;right: 2%;overflow: hidden;}
.dashboard-app-perspective {transform-style: preserve-3d;position: absolute;top: 0%;bottom: 0%;left: 0%;right: 0%;transform: none;}
.dashboard-app-perspective._1 {left: 0%;}
.dashboard-app-perspective._2 {left: 0%;}
.dashboard-app-perspective._3 {left: 0%;}
.dashboard-app-perspective._4 {left: 0%;}
.dashboard-app-perspective._5 {left: 0%;}

.animation-container._1 .device-holder:after{content:'';position:absolute;display:block;height:100%;width:100%;left:0;top:0;right:0;background-image: linear-gradient(315deg, #39E968 0%, #15F1C4 25%, #2AB8F8 51%, #A94FA4 79%, #800BAA 100%);filter:blur(180px);pointer-events: none;z-index: -1;}

.hero-mockup-image-holder{overflow: visible !important;position: relative;}
.mockup-main-holder {position: -webkit-sticky;position: sticky;top: 100px;overflow: hidden;width: auto;}
.mockup-holder {flex-direction: column;justify-content: flex-start;align-items: center;max-width: 380px;height: 100%;display: flex;position: relative;top: 0%;overflow: hidden;margin: 0 auto;}
.iphone-mockup-image {z-index: 7;opacity: 1;object-fit: fill;border-radius: 10%;width: 100%;height: 100%;margin-left: auto;margin-right: auto;position: relative;top: 0;overflow: hidden;}
.main-image-parent {border-radius: 30px;position: absolute;top: 1.9%;bottom: 4.5%;left: 4.9%;right: 4.7%;overflow: hidden;}
.main-app-image-holder {flex-direction: column;justify-content: flex-start;align-items: center;width: 100%;height: 100%;margin-left: auto;margin-right: auto;display: flex;position: absolute;top: 0%;bottom: 0%;left: 0%;right: 0%;overflow: hidden;}
.main-app-images{z-index: -1;object-fit: cover;width: 100%;background-color:#000000;}

.mockup-title-lists {position:relative;top:-50vh;}
.mockup-title-lists .col-md-7{opacity: 0;}


/*.ani-tl-3{ height:65%; position:absolute; bottom: 0; top:auto;}*/



.hero-mockup-image-holder-imac{overflow: visible !important;position: relative;}
.hero-mockup-image-holder-imac .mockup-main-holder {}
.hero-mockup-image-holder-imac .mockup-main-holder .mockup-holder{margin-left: 0;max-width: 580px;}

/*pagination*/
.pagination{--bs-pagination-bg: rgba(248, 45, 241, 0.2);--bs-pagination-color: #000;--bs-pagination-border-width: 0;--bs-pagination-border-radius: 50%;}
.pagination a.active{background-color: var(--bs-danger);}

.page-item:last-child .page-link, .page-item:first-child .page-link, .pagination li a {border-radius: 50% !important;}


/* swiper */

.sw-outside{position: relative; padding-left: 40px; padding-right: 40px;}
.sw-outside{--swiper-navigation-size:5px; --swiper-navigation-top-offset: calc(50% - 75px);}

.swiper-button-next:after,
.swiper-button-prev:after{font-family: "Font Awesome 6 Pro";content: "\f061";font-weight: 400;font-size: 24px;}
.swiper-button-prev:after{content: "\f060";}


.swiper-marquee{width: 100%;height: 100%;position: relative;color: #4F52FF;}
.swiper-marquee .swiper-wrapper{-webkit-transition-timing-function: linear !important; transition-timing-function: linear !important;}
.swiper-marquee .swiper-slide img{height: 70px;}
.swiper-marquee .swiper-slide{ text-align: center;font-size: 2px;display: flex;justify-content: center;align-items: center;width: 20%;position: relative;overflow: hidden;padding: 0 20px;}


.swiper-posts{--swiper-navigation-size:5px; --swiper-navigation-top-offset: calc(50% - 75px);}
/*.swiper-posts .swiper-slide{ padding: 0 0px;}*/

.swiper-button-next, .swiper-button-prev {top: var(--swiper-navigation-top-offset, 50%);}

.swiper-testimonials{--swiper-navigation-size: 60px;--swiper-navigation-top-offset: calc(100% - 20px);padding-bottom:50px;}
.swiper-testimonials .swiper-button-next,.swiper-rtl .swiper-button-prev{left:50%}
.swiper-testimonials .swiper-button-prev,.swiper-rtl .swiper-button-next{right: 50%;left:auto}
.swiper-testimonials .swiper-button-next,
.swiper-testimonials .swiper-button-prev {--swiper-navigation-color:#ffffff;}
.swiper-testimonials .swiper-slide{--bs-card-bg: rgba(255, 255, 255, .02); border-radius: 14px; height: auto; padding: 20px; box-shadow: inset 0 1px 1px 1px rgba(199, 211, 234, .12), inset 0 -20px 99px rgba(199, 211, 234, .05);}

/* card */
.card{--bs-card-color: #fff; --bs-card-bg: transparent;--bs-border-color-translucent: transparent;}

.card.card-mobile .card-img-top{position: relative;overflow: hidden;border-radius: 20px;background-image: linear-gradient(0deg, #39E968 0%, #15F1C4 25%, #2AB8F8 51%, #A94FA4 79%, #800BAA 100%);background-size: cover;}
.card.card-mobile .card-img-top img{position: relative;}
.card.card-mobile .card-img-top:before{background-image: linear-gradient(0deg, #39E968 0%, #15F1C4 25%, #2AB8F8 51%, #A94FA4 79%, #800BAA 100%);background-size: cover;transition: all 0.5s ease;transition-duration: 0.5s;position: absolute;content:'';left:0;right:0;top:0;bottom:0;width: 100%;height: 100%;display: block;transform: translate3d(0px, 0px, 0px) scale3d(2, 2, 2) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);transform-style: preserve-3d;}
.card.card-mobile:hover .card-img-top:before{transition-duration: 2.0s;transform: translate3d(0px, 0px, 0px) scale3d(2, 2, 2) rotateX(0deg) rotateY(0deg) rotateZ(180deg) skew(0deg, 0deg);}

.card.card-blog{--bs-card-spacer-y: 1rem;--bs-card-spacer-x: 0.2rem;margin-top:15px; transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.card.card-blog p{color:#999999;}
.card.card-blog .card-img-top{border-radius:8px;overflow: hidden;}
.card.card-blog .card-img-top img{transition: all 0.8s ease;}


.card.card-blog:hover{margin-top:0px;}
.card.card-blog:hover .card-img-top img{transform: scale(1.1);}


.cards-grid-holder .row{row-gap:20px;height:100%;}

.card.card-zoom-hover{--bs-card-bg: rgba(255, 255, 255, .02);border-radius: 14px;box-shadow: 0 0px 1px 2px rgba(199, 211, 234, .0);height: 100%; transition: all 0.2s ease;}
.card.card-zoom-hover:hover{box-shadow: 0 0px 1px 2px rgba(199, 211, 234, .12);transform: scale(0.98);}

.card-zoom-hover-out{ transition: all 0.2s ease;height: 100%;}
.card-zoom-hover-out:hover{box-shadow: 0 0px 1px 2px rgba(199, 211, 234, .12);transform: scale(1.03);}


.card.card-feature{--bs-card-bg: #131313;border-radius: 14px; min-height:400px;border:1px solid rgba(199, 211, 234, .1);}
.card.card-feature .card-img{margin-bottom: 30px;}
.card.card-feature .card-img img{border-radius: 20px;}

.card.card-feature{overflow: hidden;--bs-card-spacer-y: 30px;--bs-card-spacer-x:30px;margin-top:25px;}
.card.card-feature .card-img-large img{z-index: 5;border: 1px solid var(--dark-blue-3);transform-style: preserve-3d;border-radius: 1.2em;width: 45%;position: absolute;inset: auto 4% -10% auto;}


.card.card-about{--bs-card-bg: #161316;border-radius: 14px; min-height:400px;border:1px solid rgba(199, 211, 234, .1);}
.card.card-about .card-img{margin-bottom: 30px;}
.card.card-about .card-img img{border-radius: 20px;}

.card.card-about{overflow: hidden;--bs-card-spacer-y: 30px;--bs-card-spacer-x:30px;margin-top:25px;}
.card.card-about .card-img-large img{z-index: 5;border: 1px solid var(--dark-blue-3);transform-style: preserve-3d;border-radius: 1.2em;width: 45%;position: absolute;inset: auto 4% -10% auto;}



.swiper-marquee-logo{margin-bottom: 20px;position: relative;}
.swiper-marquee-logo:before{content:'';position: absolute;left:0;top:0;height:100%;width: 100px;background: linear-gradient(90deg, rgba(18, 19, 21, 1) 0%, rgba(18, 19, 21, 0) 100%);z-index: 2;transform: scale(1.1);display: block;}
.swiper-marquee-logo:after{content:'';position: absolute;right:0;top:0;height:100%;width: 100px;background: linear-gradient(90deg, rgba(18, 19, 21, 0) 0%, rgba(18, 19, 21, 1) 100%);z-index: 2;transform: scale(1.1);display: block;}
.swiper-marquee-logo .swiper-wrapper{-webkit-transition-timing-function: linear !important; transition-timing-function: linear !important;}
.swiper-marquee-logo._1 .swiper-slide{ text-align: center;font-size: 2px;display: flex;justify-content: center;align-items: center;width: auto; height:80px;position: relative;overflow: hidden;padding: 0 0px;}

.swiper-marquee-logo._1{direction: rtl;}
.swiper-marquee-logo._1 .swiper-slide{width: auto; height:80px;}
/*.swiper-marquee-logo._1 .swiper-wrapper{transition-duration: 50s !important}
.swiper-marquee-logo._2 .swiper-wrapper{transition-duration: 5s !important;-webkit-transition-timing-function: linear !important; transition-timing-function: linear !important;}*/
.swiper-marquee-logo._2 .swiper-slide{width: calc(100% + 80px);}

.cta2-container {
  background-color: rgba(255, 255, 255, .02);
  border: 1px solid rgba(209, 170, 215, .1);
  border-top-style: none;
  border-radius: 32px;
  position: relative;
  box-shadow: inset 0 1px 0 1px rgba(199, 211, 234, .12), inset 0 -20px 99px 1px rgba(199, 211, 234, .05);
  
}
.cta-container {
  background-color: rgba(255, 255, 255, .02);
  background-image: radial-gradient(circle farthest-corner at 50% 0%, rgba(255, 255, 255, .05), rgba(0, 0, 0, 0) 22%),radial-gradient(circle farthest-corner at 50% 100%, rgba(42, 184, 248, 0.5), rgba(255, 255, 255, 0) 33%);
  border: 1px solid rgba(209, 170, 215, .1);
  border-top-style: none;
  border-radius: 32px;
  position: relative;
  box-shadow: inset 0 1px 0 1px rgba(199, 211, 234, .12), inset 0 -20px 99px 1px rgba(199, 211, 234, .05);
  margin-top:100px;
  margin-bottom:100px;
}


.cta-container .cta-app-wrapper{position:relative;}
.cta-container .cta-app-wrapper .card-image-on-app-holder{position:absolute; top:30%;left:0; border-radius:20px;}

.cta-app-wrapper .cta-mobile{
    margin-top:-150px;
    margin-bottom:-150px;
    width:90%;
    max-width: 350px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}
.card-image-on-app-holder img{transform-style: preserve-3d;}

.bs-apps-img{max-width:320px; margin-bottom: 20px;}


.bs-list-icon-color i.fa-li{
    font-size:34px;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(315deg, #39E968 0%, #15F1C4 25%, #2AB8F8 51%, #A94FA4 79%, #800BAA 100%);
    -webkit-background-clip: text;
    background-clip: text;
}
.bs-list-icon-color p{padding-top:10px;padding-bottom:10px;}

.bs-list-icon-color-2 i.fa-li{
    font-size:34px;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(290deg, #8813A0 4%, #B4237D 32%, #E23F52 62%, #F3C818 100%);
    -webkit-background-clip: text;
    background-clip: text;
}
.bs-list-icon-color-2 p{padding-top:10px;padding-bottom:10px;}


.bs-accordion i{padding:4px 6px;}
.bs-accordion .collapsed i.fa-plus::before{content: "\f067";}
.bs-accordion i.fa-plus::before{content: "\f068";}
.bs-accordion .filter-flag-no{display: block;}
.bs-accordion .bs-accordion-body{background-color:#000000;border:#000000 1px solid;padding:10px 10px;border-radius: 14px;}



[data-animation] {
opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

.animations-disabled,
.animations-disabled [data-animation] {
  -webkit-animation: none !important;
          animation: none !important;
  opacity: 1 !important;
}


.bs-image-text-team{text-align:center;padding-top:45%;}
.bs-image-text-team .card-img-top img{width:80%; margin-top:-50%;}

@media screen and (max-width: 1400px){
    .hero-section h1{font-size: 80px;font-weight: 900;}
    .hero-section h2{font-size: 55px;font-weight: 400;}
}
@media screen and (max-width: 1199px) {    
    header .navbar-dark .navbar-nav li.nav-item{padding-left: 4px; padding-right:4px;text-align: center;}
    .hero-section h1{font-size: 60px;}
    .hero-section h2{font-size: 40px;}
    .hero-section .img-fluid{width: 300px}
    body{font-size:14px;}
    h1,.h1 {font-size: 34px;}
    h2,.h2 {font-size: 32px;}
    h3,.h3 {font-size: 26px;}
    h4,.h4 {font-size: 24px;}
}
@media screen and (max-width: 991px){
    header.bg-dark-drop.header-scroll-danger.fixed-top{background-color: #000000!important;}
    header.bg-dark-drop.fixed-top,
    header.bg-dark-drop.fixed-top.header-scroll-black{background-color: #000000!important;}
    header.bg-dark-drop.fixed-top.is-scrolling,
    header.bg-dark-drop.fixed-top.header-scroll-danger.is-scrolling{background-color:#000000!important;}

    
    .hero-mockup-image-holder .mockup-main-holder{margin-right: 0;max-width: 50%;}
    .mockup-holder {width: 50%;}
    .mockup-title-lists .col-md-7{padding-bottom: 100px;}
    .mockup-title-lists .col-md-7:last-child{padding-bottom: 0px;}
    .ani-tl-3{ height:60%;}
    .mockup-title-lists{top: -30vh;}

    .hero-mockup-image-holder-imac .mockup-main-holder .mockup-holder{width:100%;}

    .navbar-nav { --bs-nav-link-padding-x: 1.5rem; margin-bottom: 5px;}

    .swiper-marquee .swiper-slide img{height: 70px;}
    .swiper-marquee .swiper-slide{width: 25%;padding: 0 10px;}

    .cta-container,
    .cta-app-wrapper .cta-mobile{
        margin-top:0px;
        margin-bottom:0px;
    }
    .hero-section h1{font-size: 50px;}
    .hero-section h2{font-size: 40px;}
    .hero-section .img-fluid{width: 250px}
}
@media only screen and (max-width:767px) {
   header.navbar-hide .navbar-dark{transform: translateY(0px);}
    .container{max-width: 100%;}
    .device-holder {margin-top: 94px;}
    .mockup-title-lists{top: 0;}
    .mockup-title-lists .col-md-7{padding-bottom: 50px;}
    .mockup-main-holder{order:1;}
    .hero-mockup-image-holder{display: flex; flex-direction: column;}
    .hero-mockup-image-holder .mockup-main-holder{max-width: 100%;margin-left: auto;margin-right: auto;}
    .mockup-main-holder{margin-right: auto;}

    .hero-section h1{font-size: 38px;}
    .hero-section h2{font-size: 26px;}
    .hero-section .fs-4{font-size: 14px !important;}
    .hero-section .img-fluid{width: 180px}
    .card.card-feature .card-img-large img {
        width: 100%;max-width:240px; inset: auto 4% -15% auto;
        left:0;right:0;margin:0px auto;
    }
}
@media only screen and (max-height:660px){
    
}
@media screen and (max-width: 539px){
   
}
@media screen and (max-width: 500px){
    .swiper-marquee .swiper-slide{width: 35%;}
}
@media only screen and (min-width:369px) {
    
}
@media screen and (min-width: 540px){
    
}
@media screen and (min-width: 768px){
    .animation-container._2{position: -webkit-sticky;position: sticky;top: 0;z-index: 1020;}
}
@media screen and (min-width: 992px){
    .navbar-dark .navbar-nav li.nav-item:nth-child(6){flex-grow: 0; margin-left: auto;}
    .navbar-dark .navbar-nav li.nav-item:last-child{flex-grow: 0;}
/*    .navbar-expand-lg .navbar-nav{ width: 85%; }*/

}
@media screen and (min-width: 1200px){
/*    .navbar-expand-lg .navbar-nav{ width: 79%; }*/
    .w-lg-75{width:75%; margin-left:auto; margin-right:auto;}

}