@charset "utf-8";

/* CSS Document */
:root {
       --color_theme: #f8bc16;
       --color_dark: #212323;
       --outfit: font-family:"Outfit", sans-serif;
       --jakarta: "Plus Jakarta Sans", sans-serif;
       --poppins: "Poppins", sans-serif;
       --font_size: 1.2rem;
}

.font_outfit {
       font-family: "Outfit", sans-serif !important;
       font-optical-sizing: auto;
       font-style: normal;
}

.font_jakarta {
       font-family: "Plus Jakarta Sans", sans-serif !important;
       font-optical-sizing: auto;
       font-style: normal;
}

.font_poppins {
       font-family: "Poppins", sans-serif !important;
       font-style: normal;
}

.title_one {
       font-weight: 600 !important;
       font-size: 4em !important;
}

.subtitle_50 {
       font-weight: 400 !important;
       font-size: 18px !important;
       opacity: .5 !important;
}

.subtitle {
       font-weight: 400 !important;
       font-size: 20px !important;
}

body {
       scroll-behavior: smooth;
}

/*header */
.header {
       display: flex;
       position: fixed;
       width: 100%;
       height: 70px;
       padding: 15px 10vw 0px;
       align-items: center;
       gap: 30px;
       top: 30px;
       z-index: 1999;
}

.sub_pages.header {
       padding-top: 0px;
}

.header-in {
       flex: 1;
}

.header-in.active {
       background: rgba(255, 255, 255, .1);
       border-radius: 70px;
       z-index: 1999;
       box-shadow: 0px 10px 33px -10px rgba(0, 0, 0, 0.3);
       border: 1px solid var(--color_theme);
       position: relative;
}

.header-in.active:hover {
       background: rgba(255, 255, 255, .4);
}

.responsive-menu-button .res-line {
       background: #fff;
}

.sub_pages .responsive-menu-button .res-line {
       background: var(--color_dark);
}

.scrolled .res-line {
       background: #000;
}

.header-in.active:after {
       content: "";
       width: 100%;
       height: 100%;
       position: absolute;
       inset: 0;
       display: block;
       backdrop-filter: blur(30px);
       z-index: -1;
       border-radius: inherit;
}

.header-in.active:hover:after {
       /*backdrop-filter: blur(30px);*/
       background: rgba(255,255,255,.7);
}

.header_signup, .header_signin {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       gap: 15px;
       font-size: 1.4rem;
       font-family: var(--poppins);
       background: rgba(255, 255, 255, 1);
       height: 48px;
       border: 1px solid var(--color_dark);
       padding: 0px 25px;
       border-radius: 60px;
       white-space: nowrap;
       text-decoration: none;
       color: var(--color_dark);       
}
.header_signup
{
       background: var(--color_dark);
       color: #fff;
}
.header_signup + .header_signin, .header_signin + .header_signup
{
       margin-left: 15px;
}
.header_signup .signup_icon, .header_signin .signup_icon {
       display: none;
}

.header_signup span, .header_signin span {
       font-family: var(--poppins);
       font-size: 1.2rem;
       font-weight: 500;
}

.header_signup i, .header_signin i {
       font-size: 1.4rem;
}

.header_signup:hover i:before {
       animation: zooms .3s linear forwards;
       color: var(--color_theme);
}
.header_signin:hover i:before {
       animation: arrows .3s linear forwards;
       color: var(--color_theme);
}

.header_user {
       background: rgba(255, 255, 255, 0.3);
       border-radius: 60px;
}

.header_user .user-name {
       color: #fff;
       max-width: 70px;
       overflow: hidden;
       text-overflow: ellipsis;
}

.responsive-menu-overlay {
       background: rgba(0, 0, 0, 0.5);
       backdrop-filter: blur(5px);
}

.scrolled .header_user .user-name,
.header-in.active:hover .header_user .user-name {
       color: var(--color_dark);
}

.user-menu-drp-in {
       background: rgba(255, 255, 255, .8);
       backdrop-filter: blur(10px);
}

.header_logo {
       display: block;
       width: 240px;
       height: 60px;
       flex-shrink: 0;
       overflow: hidden;
}

.logo img {
       height: 30px;
}

.main_header {
       display: flex;
       flex: 1;
}

.main_menu {
       list-style: none;
       display: flex;
       align-items: center;
       justify-content: flex-start;
       column-gap: 30px;
       position: relative;
       border-radius: 60px;
       height: 60px;
       border: 1px solid var(--color_theme);
}

.header_right {
       display: flex;
       margin-left: auto;
}

.main-menu>ul {
       border: 1px solid var(--color_theme);
       border-radius: 60px;
       display: flex;
       padding: 5px 6px;
       align-items: center;
       gap: 10px;
       background: transparent;
       position: relative;
       box-shadow: 0px 10px 33px -10px rgba(0, 0, 0, 0.3);
}

.main-menu ul li {
       position: relative;
       z-index: 100;
}

.main-menu>ul:after {
       content: "";
       width: 100%;
       height: 100%;
       position: absolute;
       inset: 0;
       display: block;
       backdrop-filter: blur(5px);
       z-index: -1;
       border-radius: inherit;
}

.header-in.active .main-menu>ul {
       box-shadow: none;
}

.header-in.active .main-menu>ul:after {
       box-shadow: none;
       backdrop-filter: blur(0px);
}

.scrolled .main-menu>ul,
.header-in.active .main-menu>ul {
       border: none;
}

.head-li>.menu-drp-link {
       display: inline-flex;
       gap: 7px;
       align-items: center;
}

.main-menu>ul li a.head-menu-link,
.main-menu>ul li a.menu-drp-link {
       font-family: var(--poppins);
       font-weight: 400;
       font-size: var(--font_size);
       height: 40px;
       color: #fff;
}

.acc_page .main-menu>ul li a.head-menu-link,
.main-menu>ul li a.menu-drp-link {
       font-family: var(--poppins);
       font-weight: 400;
       font-size: var(--font_size);
       height: 40px;
}

.menu-drp-link>span {
       font-size: var(--font_size);
}

.header-in.active.scrolled .head-menu-link,
.header-in.active:hover .head-menu-link {
       color: var(--color_dark);
       font-family: var(--poppins);
       font-weight: 400;
       font-size: var(--font_size);
       height: 40px;
}

.scrolled.header-in.active {
       border: 1px solid var(--color_theme);
}

.scrolled.header-in.active:after {
       backdrop-filter: blur(20px);
}

.scrolled.header-in.active .menu-drp-link {
       color: var(--color_dark);
}

.header-in {
       padding: 0px 15px;
}

.header-menu {
       padding-left: 15px;
}

.header-in.active .menu-drp-link>span {
       /*color: var(--color_dark);*/
       font-family: var(--poppins);
       font-weight: 400;
       font-size: var(--font_size);
}

.header-in .menu-drp-link i {
       color: var(--color_theme);
}

.header-in.active:hover .menu-drp-link {
       color: var(--color_dark);
}

.active.head-li {
       position: relative;
}

.active.head-li .head-menu-link {
       color: #fff;
}

.active.head-li:after {
       content: "";
       width: 100%;
       height: 40px;
       position: absolute;
       left: 0px;
       top: 0px;
       border-radius: 50px;
       z-index: -1;
       display: block;
       background: var(--color_theme);
}

.active.head-li .head-menu-link:after {
       display: none;
}

.menu-drp {
       width: calc(100vw - 20vw);
       /*left: 60px;
	position: fixed;
	opacity: 1;
	visibility: hidden;
	left: 0px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);*/
       z-index: 1000;
       left: 50%;
       top: 150px;
       transform: translateX(-50%);
}

.home {
       position: relative;
}

.menu-drp.active {
       right: auto;
       position: fixed;
       left: 50%;
       transform: translateX(-50%);
       top: 120px;
}

.menu-drp .menu-drp-in {
       background: rgba(255, 255, 255, .4);
       backdrop-filter: blur(50px);
       border: 3px solid rgba(255, 255, 255, .5);
}

.menu-drp.active .menu-drp-in {
       background: rgba(255, 255, 255, .9);
       backdrop-filter: blur(30px);
       border: 3px solid rgba(255, 255, 255, .5);
}

.head-li .pte-type {
       width: auto;
       margin-right: 0;
}

.head-li:has(.pte-type) {
       width: auto;
       margin-right: 0px;
       padding-inline: 1px;
}

.m-drp-in ul li a:hover {
       color: var(--color_theme);
       filter: brightness(110%);
}

/*header */
/*banner section*/
.banner-section {
       width: 100%;
       height: auto;
       min-height: calc(100vh + 125px);
       position: relative;
       overflow: hidden;
       padding: 125px 0vw 0px 0vw;
       display: flex;
       flex-direction: column;
       justify-content: space-between;
       background-repeat: no-repeat;
       background-size: cover;
       background-color: #27383f;
}

.banner-section:before,
.banner-section:after {
       content: "";
       width: 300px;
       height: 200px;
       background: rgba(255, 255, 255, .7);
       background: #1b2e34;
       position: absolute;
       top: -5%;
       left: 10vw;
       border-radius: 20%;
       filter: blur(90px);
}

.banner-section:after {
       content: "";
       width: 200px;
       height: 200px;
       background: rgba(255, 255, 255, .4);
       position: absolute;
       top: -9%;
       left: 12vw;
       border-radius: 20%;
       filter: blur(60px);
}

.banner-in {
       padding-top: 100px;
       position: relative;
       z-index: 200;
}

.banner_img {
       display: block;
       position: absolute;
       right: 10vw;
       top: 125px;
       height: auto;
       max-width: calc(100% - 15vw);
       z-index: 1;
       mask-image: linear-gradient(to top, transparent 5%, #2e4044 20%);
}

.banner-hd1,
.banner-hd2 {
       font-family: var(--outfit);
       color: #fff;
       font-weight: 700;
       font-size: clamp(2rem, 4vw + 1rem, 3.2rem);
       display: inline;
       line-height: 77px;
}

.banner-hd1:first-child {
       display: block;
}

.banner-hd2 {
       display: inline-block;
       white-space: nowrap;
       position: relative;
       padding: 0px 15px;
       color: var(--color_dark);
       margin-right: 15px;
       font-size: clamp(2rem, 4vw + 1rem, 3.4rem);
}

.banner-hd2:after {
       content: "";
       width: 100%;
       border-radius: 15px;
       background: var(--color_theme);
       display: block;
       position: absolute;
       z-index: -1;
       inset: 0;
}

p.banner_txt {
       font-family: var(--jakarta);
       font-size: 1.25em;
       color: #c2c2c2;
}

.banner_btns {
       display: flex;
       column-gap: 30px;
       row-gap: 10px;
       margin-bottom: 15px;
}

.get_started_btn,
button.how_it_btn {
       display: inline-flex;
       width: auto;
       min-width: 200px;
       height: 50px;
       border-radius: 9px;
       align-items: center;
       justify-content: center;
       font-family: var(--poppins);
       font-weight: 400;
       text-decoration: none;
       text-transform: capitalize;
       gap: 25px;
       color: var(--color_dark);
       background: var(--color_theme);
       transition: all .3s;
}

button.how_it_btn {
       border-radius: 9px;
       background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0.5));
       backdrop-filter: blur(5px);
       font-size: 1.2em;
       transition: all .3s;
       border: 1px solid var(--color_dark);
}

button.how_it_btn:hover {
       backdrop-filter: blur(15px);
       background: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.2));
       box-shadow: 0px 10px 22px -10px rgba(0, 0, 0, .3);
       color: #fff;
}

.get_started_btn:hover {
       box-shadow: 0px 10px 22px -10px rgba(0, 0, 0, .3);
       color: #fff;
}

.get_started_btn span {
       font-size: 20px;
}

.get_started_btn i {
       overflow: hidden;
       font-size: 1.2em;
}

.get_started_btn:hover :before {
       animation: arrows .3s linear forwards;
}
@keyframes zooms {
       0% {
              transform: scale(1);
       }

       30% {
              transform: scale(1.1);
       }

       31% {
              transform: scale(1.2);
       }

       40% {
             transform: scale(1.5);
       }

       49% {
             transform: scale(1.2);
       }

       50% {
             transform: scale(1.7);
       }

       100% {
               transform: scale(1.0);
       }
}
@keyframes arrows {
       0% {
              transform: translate3D(0x, 0px, 0);
       }

       30% {
              transform: translate3D(14px, -14px, 0);
       }

       31% {
              opacity: 0;
       }

       40% {
              opacity: 0
       }

       49% {
              opacity: 0;
       }

       50% {
              transform: translate3D(-14px, 14px, 0);
              opacity: 1;
       }

       100% {
              transform: translate3D(0px, 0px, 0);
       }
}

/*banner section*/
/*counter section*/
.counter_section {
       background: transparent;
       z-index: 200;
       position: relative;
}

.counter {
       position: relative;
       z-index: 100;
       gap: 20px;
}

.counter-in {
       background: transparent;
       display: flex;
       gap: 10px;
       border-radius: 30px;
       width: 33.33%;
       color: #fff;
       padding: 30px 25px 15px;
       min-height: 150px;
       position: relative;
       backdrop-filter: blur(0px);
       transition: all .6s;
       cursor: default;
}

.counter-in:before {
       content: "";
       width: calc(100% - 4px);
       height: calc(100% - 4px);
       position: absolute;
       left: 2px;
       top: 2px;
       background: var(--color_dark);
       border-radius: inherit;
       transition: all .6s;
}

.counter-in:after {
       content: "";
       width: 100%;
       height: 100%;
       display: block;
       position: absolute;
       padding: 30px;
       inset: 0;
       transition: all .6s;
       background: linear-gradient(to top, #d3ceca, #344755);
       border-radius: 34px;
       z-index: -1;
       opacity: 0;
}

.counter-in:hover {
       backdrop-filter: blur(30px);
}

.counter-in:hover:after {
       opacity: 1;
       opacity: .6;
}

.counter-in:hover:before {
       opacity: .3;
}

.counter-in>* {
       position: relative;
       z-index: 100;
}

.counter-in-r .count {
       display: none;
}

.counter-in-r h4 {
       font-size: 1.4em;
       font-family: var(--outfit);
       font-weight: 500;
       padding-bottom: 15px;
       display: block;
       border-bottom: 1px solid #fff;
}

.counter-in-r p {
       padding-top: 10px;
       font-size: 1.1em;
       font-family: var(--jarkata);
       font-weight: 300;
       padding-bottom: 15px;
       display: block;
}

/*counter section*/
.pte-modules {
       background: linear-gradient(45deg, #f0f3f7 10%, #cee1fd 75%);
       position: relative;
       overflow: hidden;
       max-width: 100%;
       height: auto;
       padding-bottom: 60px;
}

.pte-modules:after {
       content: "";
       width: 60%;
       aspect-ratio: 1/1;
       background: radial-gradient(var(--color_theme) 20%, transparent 50%);
       position: absolute;
       left: 0vw;
       top: -30%;
       border-radius: 50%;
       z-index: 1;
       opacity: .2;
}

.pte-modules .m-head {
       position: relative;
       z-index: 100;
}

.pte-modules-in {
       display: grid;
       gap: 45px;
       position: relative;
       z-index: 100;
       grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
}

.pte-modules-list {
       display: flex;
       padding: 0px;
       overflow: hidden;
       border-radius: 15px;
       background: linear-gradient(to right, #dddcdc, #f3ebd4);
       margin: 0px;
       position: relative;
       transition: all .3s;
       padding: 10px;
}

.pte-modules-list:hover {
       background: var(--color_theme);
       box-shadow: 0px 0px 22px -12px rgba(0, 0, 0, 0.3);
}

.pte_module_left {
       width: 40%;
       overflow: hidden;
       flex-shrink: 0;
       min-height: 420px;
       border-radius: 10px 0px 0px 10px;
}

.pte_module_left img {
       display: block;
       width: 100%;
       height: 100%;
       overflow: hidden;
       object-fit: cover;
}

.pte_module_right {
       flex: 1;
       padding: 30px;
       box-sizing: border-box;
       background: #fff;
       border-radius: 0px 10px 10px 0px;
}

.modules-list-icn {
       background: transparent;
       color: var(--color_dark);
}

.modules-list-icn span {
       color: var(--color_dark);
}

.modules-list-hd h4 {
       font-family: var(--outfit);
       color: var(--color_theme);
}

.pte-modules-list ul li {
       font-family: var(--jakarta);
       font-weight: light;
       font-size: 16px;
       margin-bottom: 10px;
       padding-left: 50px;
}

.pte-modules-list ul li span {
       display: none;
}

.home.m-container {
       max-width: 1479px;
}

.ai-feature {
       background-color: #dedfe3;
       height: auto;
       min-height: calc(100vh - 120px);
       padding: 60px 0px;
       background-repeat: no-repeat;
       background-position: left bottom;
}

.ai_tech_title {
       font-size: clamp(2rem, 4vw + 1rem, 4rem);
       display: block;
       text-align: center;
       padding-bottom: 30px;
       font-weight: bold;
       line-height: 70px;
       font-family: var(--outfit);
}

.ai_tech_title span {
       font-size: inherit;
       padding: 7px 15px;
       color: #fff;
       border-radius: 15px;
       background: var(--color_theme);
}

.ai-feature-in {
       padding-left: 320px;
}

.ai-feature-in-l {
       width: 50%;
}

.ai-feature-in-r {
       width: 50%;
       padding: 0px 40px;
}

.ai-cnt-list ul li.ai-cnt-li_one,
.ai-cnt-list ul li.ai-cnt-li_two,
.ai-cnt-list ul li.ai-cnt-li_three {
       position: relative;
       overflow: hidden;
       min-height: 170px;
       border-radius: 20px;
       transition: all .3s;
       cursor: default;
       outline: 0px solid transparent;
}

.ai-cnt-list ul li.ai-cnt-li_one:hover,
.ai-cnt-list ul li.ai-cnt-li_two:hover,
.ai-cnt-list ul li.ai-cnt-li_three:hover {
       box-shadow: 0px 20px 22px -5px rgba(0, 0, 0, 0.2);
       outline: 5px solid rgba(255, 255, 255, .5);
}

.ai-cnt-list ul li.ai-cnt-li_one>*,
.ai-cnt-list ul li.ai-cnt-li_two>*,
.ai-cnt-list ul li.ai-cnt-li_three>* {
       position: relative;
       z-index: 100;
}

.ai-cnt-list ul li.ai-cnt-li_one:after,
.ai-cnt-list ul li.ai-cnt-li_two:after,
.ai-cnt-list ul li.ai-cnt-li_three:after {
       content: "";
       width: 100%;
       height: 100%;
       position: absolute;
       inset: 0;
       z-index: 1;
       background-image: url("../images/pte_experience.png");
       background-repeat: no-repeat;
       background-attachment: fixed;
       filter: blur(25px);
       background-position: center right;
}

.ai-cnt-list ul li.ai-cnt-li_two:after {
       background-position: center right;
}

.ai-cnt-list ul li.ai-cnt-li_one:before,
.ai-cnt-list ul li.ai-cnt-li_two:before,
.ai-cnt-list ul li.ai-cnt-li_three:before {
       content: "";
       width: 100%;
       height: 100%;
       position: absolute;
       inset: 0;
       display: block;
       background-color: #344443;
       opacity: .45;
       z-index: 50;
}

.ai-cnt-list ul li.ai-cnt-li_two:before {
       background-color: #1f5e3b;
       opacity: .7;
}

.ai-cnt-list ul li.ai-cnt-li_three:before {
       opacity: .7;
       background-color: #6a5959;
}

.ai-cnt-li_one :is(h4, p),
.ai-cnt-li_two :is(h4, p),
.ai-cnt-li_three :is(h4, p) {
       color: #fff;
}

.ai-cnt-list ul li.ai-cnt-li_one>span,
.ai-cnt-list ul li.ai-cnt-li_two>span,
.ai-cnt-list ul li.ai-cnt-li_three>span {
       filter: brightness(110%);
}

.ai-cnt-list h4 {
       font-family: var(--outfit);
       font-size: 1.1em;
       margin-bottom: 7px;
       font-weight: 700;
}

.our_programs {
       width: 100%;
       height: auto;
       position: relative;
       min-height: calc(100vh - 120px);
       overflow: hidden;
       padding: 60px 0;
}

.our_programs>* {
       position: relative;
       z-index: 100;
}

.our_programs:before {
       content: "";
       width: 30%;
       height: 30%;
       display: block;
       position: absolute;
       left: 0%;
       top: -25%;
       background: var(--color_theme);
       filter: blur(20px);
       opacity: .1;
}

.service-in {
       display: flex;
       flex-wrap: wrap;
       justify-content: center;
       column-gap: 0;
       padding: 0px 5vw;
       position: relative;
}

.service-in:before {
       content: "";
       width: 100px;
       height: 180px;
       display: block;
       position: absolute;
       background: radial-gradient(circle, transparent 3px, #ddd 3px, #ddd 5px, transparent 5px);
       left: 10%;
       top: -10%;
       background-size: 20px 20px;
       animation: float 24s ease-in-out infinite;
}

@keyframes float {
       0% {
              transform: translatey(0%) translatex(0%);
       }

       50% {
              transform: translatey(20%) translatex(5%);
       }

       100% {
              transform: translatey(0%) translatex(0%);
       }
}

.service-in:after {
       content: "";
       width: 100px;
       height: 100px;
       display: block;
       position: absolute;
       border: 9px solid var(--color_theme);
       border-radius: 50%;
       flex-shrink: 0;
       right: 7%;
       top: -10%;
       background-size: 90px 90px;
       animation: float 6s reverse ease-in-out infinite;
}

.service_in_left,
.service_in_right {
       width: 50%;
       padding: 30px;
       display: flex;
       flex-direction: column;
       align-items: center;
       gap: 25px;
       flex: 1;
       position: relative;
}

.service_in_left:after {
       content: "";
       width: 24px;
       height: 24px;
       display: block;
       position: absolute;
       border: 4px solid #4fb271;
       border-radius: 50%;
       flex-shrink: 0;
       right: 7%;
       top: 10%;
       background-size: 90px 90px;
       animation: float 6s ease-in-out infinite;
}

.service_in_right:after {
       content: "";
       width: 24px;
       height: 24px;
       display: block;
       position: absolute;
       background: #95c6ff;
       border-radius: 50%;
       flex-shrink: 0;
       right: -7%;
       top: 30%;
       background-size: 90px 90px;
       animation: float 6s ease-in-out reverse infinite;
}

.pte-type {
       font-family: var(--poppins);
       white-space: nowrap;
       min-width: 120px;
       text-align: center;
}

.service-cnt {
       border: 9px solid #ddd;
       position: relative;
       display: flex;
       flex-direction: column;
       border-radius: 50px;
       align-items: flex-start;
       background: #fff;
       transform-style: preserve-3d;
       flex: 1;
       box-shadow: none;
       transition: all .3s;
}

.service-cnt:hover {
       box-shadow: 0px 0px 32px -10px rgba(0, 0, 0, 0.3);
       border-color: var(--color_theme);
}

.service-cnt>* {
       position: relative;
       z-index: 100;
}

.service-cnt:before {
       content: "";
       width: 100%;
       position: absolute;
       inset: 0;
       display: none;
       background: linear-gradient(to top, #f7f6f4, #ddd);
       border-radius: inherit;
       transform: rotate(0deg);
       opacity: 1;
       z-index: -1;
       transform: translateZ(-1px);
}

.service-cnt h4.service_title {
       font-family: var(--outfit);
       border-bottom: 1px solid var(--color_dark);
       display: block;
       width: 100%;
       text-align: left;
       padding-bottom: 15px;
       padding-inline: 15px;
       margin-bottom: 35px;
}

.service-featurs h4:not(.service_title) {
       font-size: 1.4em;
       font-weight: 600;
       color: var(--color_dark);
       font-family: var(--jakarta);
}

.service-cnt p:not(.theme_subtxt) {
       font-size: 1.1em;
       font-weight: 300;
       color: var(--color_dark);
       font-family: var(--jakarta);
}

.service-cnt p.theme_subtxt,
.service-cnt p.theme_subtxt span {
       font-size: 1.2em;
       color: var(--color_theme);
       font-family: var(--jakarta);
}

.service-featurs ul li:not(span) {
       font-size: 1.1em;
       font-weight: 500;
       color: var(--color_dark);
       font-family: var(--poppins);
       padding: 7px 0px 0px 30px;
}

.service-featurs ul li span {
       top: 4px;
}

.ai-feature,
.pte-modules {
       display: flex;
       flex-direction: column;
       justify-content: center;
       min-height: 100vh;
       padding: 3vw 0px;
}

/*sub pages*/
.sub_pages .main-menu ul li a {
       font-family: var(--poppins);
       font-weight: 400;
       font-size: var(--font_size);
       height: 40px;
       color: var(--color_dark);
}

.sub_pages .header_user .user-name {
       color: var(--color_dark);
}
.abt-head h4
{
	font-size:clamp(1.4rem , 4vw + 1.4rem, 3rem);
}
.sub_pages .header-in.active
{
	background: rgba(255, 255, 255, .8);
}
/*sub pages*/
/*dashboard*/
.acc_page .header {
       top: 0px;
       border-bottom: 1px solid var(--color_theme);
       background: #fff;
       padding: 0px;
       box-shadow: 0px 10px 23px -10px rgba(0, 0, 0, 0.1);
}

.acc_page .main-menu>ul {
       border: none;
       box-shadow: none;
}

.acc_page .header-in.active,
.acc_page .header-in {
       border-radius: 0px;
       box-shadow: none;
       border: none;
       height: 100%;
       top: 0px;
}

.acc_page .menu-drp.active {
       top: 90px;
}

.acc_page .main-menu ul li a {
       font-family: "poppins";
       font-weight: 400;
       font-size: var(--font_size);
}

.acc_page .main-menu>ul li a.menu-drp-link {
       color: var(--color_dark);
}

.acc_page .responsive-menu-button .res-line {
       background: var(--color_dark);
}

.active.side-menu+.pop-overlay {
       display: block;
}

.active.pop-overlay {
       display: block;
}

.active.p-popup-1 {
       z-index: 2000;
}

.acc_page .header_user .user-name {
       color: var(--color_dark);
}

.acc_page .main-menu ul li a {
       color: var(--color_dark);
}

/*dashboard*/
.pop-overlay {
       z-index: 2000;
       backdrop-filter: blur(7px);
}

.pop_on.active {
       z-index: 2001;
}

.p-popup,
.m-popup,
.score-popup {
       z-index: 2002;
}

.dash-headr
{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap:15px;
	padding: 10px 0px;
	padding-left: 0px;
	position: relative;
}
.info_i
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	flex-shrink: 0;
	background: #fff;
	cursor: pointer;
	position: relative;	 
       margin-bottom:20px;
       border:1px solid #ddd;
	transition: all .3s;
}
.info_i i
{
	font-size: 1.4rem;
}
.info_i:hover{
	background: var(--color_dark);
	color: #fff;
}
.custom-popover
{
	--bs-popover-border-color: var(--color_theme);
  --bs-popover-header-bg: var(--color_dark);
  --bs-popover-header-color: var(--bs-white);
}
.custom-popover .popover-body
{
	font-size: .9rem;
}


/* responsive design start*/
@media only screen and (min-width:1599px) {
       .home.m-container {
              max-width: 1479px;
       }

       .our_programs,
       .ai-feature {
              min-height: auto;
              padding: 10vh 0;
       }

       .counter-in {
              padding: 30px 25px 25px;
       }
}

@media only screen and (min-width:1999px) {
       .banner_section {
              max-height: 100vh;
       }

       .banner-hd1 {
              font-size: clamp(2rem, 4vw + 1rem, 4.2rem);
       }

       .banner-hd2 {
              font-size: clamp(2rem, 4vw + 1rem, 4.4rem);
       }

       .home.m-container {
              max-width: 1779px;
       }

       .banner-section {
              justify-content: center;
              gap: 7vw;
              min-height: 100vh;
       }

       .counter-in {
              padding: 60px 40px 55px;
       }

       .ai_tech_title {
              margin-bottom: 30px;
       }
}

/*1999px*/
@media only screen and (min-width:2499px) {
       .our_programs .home.m-container {
              max-width: 1999px;
       }
}

/*2499px*/
@media only screen and (max-width:1699px) {
       .header {
              padding: 15px 5vw 0px;
       }

       .menu-drp {
              width: calc(100vw - 10vw);
       }
}

/*1699px*/
@media only screen and (max-width:1499px) {
       .header {
              padding: 15px 15px 0px;
       }

       .menu-drp {
              width: calc(100vw - 60px);
       }

       .header-in {
              padding: 0px 15px;
       }

       .main-menu>ul {
              --font_size: 1rem;
       }

       .banner_img {
              right: 5vw;
       }

       .banner-in {
              padding-top: 0px;
       }

       .banner-section-left {
              padding-left: 10vw;
              padding-bottom: 60px;
       }

       .banner-section:after {
              left: 0;
       }

       .banner-section-left-in {
              padding-right: 0px;
       }
}

/*1499px*/
@media only screen and (max-width:1299px) {
       p.banner_txt {
              background: rgba(46, 64, 64, 0.45);
              padding: 10px;
              border-radius: 10px;
              backdrop-filter: blur(20px);
              color: #fff;
       }

       .banner-hd1,
       .banner-hd2 {
              font-size: clamp(2rem, 4vw + 1rem, 2.2rem);
              line-height: 60px;
       }

       .pte-modules-in {
              display: grid;
              gap: 45px;
              position: relative;
              z-index: 100;
              grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
       }
}

/*1299px*/
@media only screen and (max-width:1239px) {
       .counter-in {
              flex-direction: column;
              gap: 30px;
       }
       .header_signup, .header_signin
       {
              padding: 0px 18px;
       }
}

/*1239px*/
@media only screen and (min-width:1200px) {
       .ai-feature {
              background-size: 65%;
       }
}

@media only screen and (max-width:1199px) {
       .menu-drp {
              position: static;
       }

       .main-menu.active {
              background: rgba(255, 255, 255, .3);
              /* backdrop-filter: blur(30px); */
       }

       .main-menu.active>ul {
              border-radius: 0px;
              flex-direction: column;
              padding: 0px 15px;
              box-shadow: none;
              border: none;
              transition: all .3s;
       }

       :not(.active).main-menu>ul {
              visibility: hidden;
       }

       .main-menu.active>ul .head-menu-link {
              transition: all .3s;
              color: #fff;
       }

       .main-menu.active>ul li {
              padding-inline: 10px;
       }

       .header-in.active:hover .main-menu.active>ul .menu-drp-link {
              color: #fff;
       }

       .header-in.active:hover :not(.main-menu.active) .head-menu-link {
              color: #fff;
       }

       .sub_pages .main-menu ul li a {
              color: #fff;
       }

       .menu-drp-in {
              background: transparent;
              border: 3px solid rgba(255, 255, 255, .5);
              color: var(--color_theme);
       }

       .menu-drp.active .menu-drp-in {
              background: rgba(255, 255, 255, .4);
              backdrop-filter: blur(30px);
              border: 3px solid rgba(255, 255, 255, .5);
              color: var(--color_theme);
       }

       .main-menu.active .menu-drp.active,
       .main-menu.active .menu-drp {
              position: static;
              width: 100%;
              max-width: 100%;
              background: none;
              transform: none;
       }

       .main-menu.active .menu-drp.active .menu-drp-in {
              background: none;
              padding: 7px !important;
       }

       .menu-drp .menu-drp-in {
              background: none;
              padding: 7px !important;
       }

       .main-menu.active .menu-drp.active {
              transform: none;
       }

       .main-menu ul {
              overflow-x: hidden;
       }

       .service-in {
              padding: 0px;
       }

       .ai-feature-in-l-img {
              display: none;
       }

       .ai-feature-in {
              padding-left: 20vw;
       }

       .ai-feature-in-l {
              width: 30%;
       }

       .ai-feature-in-r {
              width: 60%;
       }

       .ai-feature-in-l {
              width: calc(30% - 10vw);
       }

       .ai-feature-in-r {
              width: calc(60% + 10vw);
       }

       .ai-feature {
              background-position: calc(0px - 20vw) bottom;
       }

       .banner_img {
              right: 0px;
              max-width: calc(100% + 20vw);
       }

       .pte_module_left {
              width: 45%;
       }

       .pte_module_right {
              width: 55%;
              padding: 15px;
       }

       .m-drp-in ul li a {
              color: #fff;
       }

       .acc_page .main-menu>ul li a.head-menu-link,
       .main-menu>ul li a.menu-drp-link {
              color: #fff;
       }

       .acc_page .main-menu>ul li a.menu-drp-link {
              color: #fff;
       }

       .acc_page .main-menu ul li a {
              color: #fff;
       }

       .active.side-menu {
              z-index: 2002;
       }

       .acc_page .header {
              z-index: 2005;
       }

       body:not(.acc_page) .dash-res-menu-btn {
              display: none;
       }
       .active.p-popup-1
       {
              z-index: 2010;
       }
}

/*1199px*/
@media only screen and (max-width:1099px) {
       .pte-modules-in {
              display: flex;
              flex-direction: column;
       }
}

/*1099px*/
@media only screen and (max-width:991px) {
       .counter {
              flex-direction: column;
              gap: 25px;
       }

       .counter-in {
              flex-direction: row;
              gap: 15px;
              width: 100%;
              border-radius: 15px;
       }

       .counter-in:after {
              border-radius: 16px;
       }

       .banner-section-left {
              padding-left: 7vw;
              padding-bottom: 30px;
       }

       .counter {
              padding: 30px 15vw;
       }
}

/*991*/
@media only screen and (max-width:899px) {
        
       .header_signin .signup_icon {
              display: block;
       }

        .header_signin {
              width: 40px;
              height: 40px;
              border-radius: 50%;
              flex-shrink: 0;
              padding: 0px;
       }
       .header_signup
       {
              height: 40px;
       }
       
       .header_signin>i,
       .header_signin>span {
              display: none;
       }

       .header_signup:hover,
       .header_signup:focus-visible {
              background: linear-gradient(45deg, rgb(255, 213, 107) 0%, rgb(255, 238, 196) 50%, rgb(255, 250, 239) 100%);
              color: #444;
       }
       .header_signin:hover,
       .header_signin:focus-visible {
              background: linear-gradient(45deg, rgb(255, 213, 107) 0%, rgb(255, 238, 196) 50%, rgb(255, 250, 239) 100%);
       }

       .header {
              top: 0px;
              background: rgba(255, 255, 255, 0.43);
              padding-top: 0px;
              padding: 0 0px;
              box-sizing: border-box;
       }

       .header-in.active {
              border: none;
              box-shadow: none;
              border-radius: 0;
       }

       .header-in {
              width: 100%;
              box-sizing: border-box;
              max-width: 100%;
       }

       .main-menu>ul::after {
              display: none;
       }

       .header_user .user-name {
              display: none;
       }

       .responsive-menu-button .res-line {
              background: #000;
       }

       .scrolled.header-in.active {
              border: none;
              border-bottom: 1px solid var(--color_theme);
       }

       .service-in {
              flex-direction: column;
              gap: 15px;
       }

       .service_in_left,
       .service_in_right {
              width: 100%;
              padding: 30px 30px;
       }

       .our_programs {
              padding: 30px 0px;
       }

       .our_programs .m-head {
              position: relative;
              z-index: 200;
       }

       .title_one {
              font-size: clamp(2rem, 4vw + 1rem, 3.2rem) !important;
       }

       .subtitle {
              font-size: 1.2em !important;
       }

       .banner_img {
              top: 90px;
       }
}

/*899px*/
@media only screen and (max-width:767px) {
       .banner-section-left {
              padding-left: 0;
              padding-bottom: 30px;
              padding-top: 100px;
       }

       .ai-feature-in {
              padding-left: 0px;
              justify-content: center;
              display: flex;
              background-attachment: fixed;
       }

       .ai-feature-in-l {
              display: none;
       }

       .ai-feature-in-r {
              width: calc(90%);
       }

       .ai-feature {
              background-position: calc(0px - 20vw) bottom;
       }
}

/*767px*/
@media only screen and (max-width:639px) {

       .banner-hd1,
       .banner-hd2,
       .banner-section-left-in h4,
       .banner-section-left-in h4 span {
              font-size: clamp(2rem, 4vw + 1rem, 3.2rem);
              line-height: 1.4;
       }

       .pte-modules-in {
              display: flex;
              flex-direction: column;
       }

       .counter {
              padding: 15px 30px;
       }

       .counter {
              padding: 15px 0px;
       }

       .service_in_left,
       .service_in_right {
              width: 100%;
              padding: 30px 0px;
       }
       
        .user-menu-drp {
    right: -90px !important;
  }
       .s-sb-spn2
       {
              word-break: break-word;
       }
       
}

/*639px*/
@media only screen and (max-width:575px) {
       .pte-modules-list {
              overflow: hidden;
              position: relative;
              padding: 5px;
              padding-top: 120px;
       }

       .pte_module_left {
              width: calc(100% - 10px);
              border-radius: inherit;
              position: absolute;
              height: calc(100% - 10px);
              overflow: hidden;
              inset: 5px;
       }

       .pte_module_left img {
              display: block;
              max-height: 40%;
              object-fit: cover;
              mask-image: linear-gradient(to top, transparent 15%, #2e4044 25%);
       }

       .pte_module_right {
              width: 90%;
              z-index: 100;
              margin: 15px auto 0px;
              min-height: 300px;
              border-radius: inherit;
              border: 3px solid rgba(255, 255, 255, 0.4);
              background: rgba(255, 255, 255, .8);
              box-shadow: 0px 10px 22px -10px rgba(0, 0, 0, 0.3);
              backdrop-filter: blur(20px);
       }

       .ai_tech_title {
              line-height: 1.6;
       }

       .user-menu-in-img {
              margin-right: 0px;
       }

       .usr-icn {
              display: none;
       }
       .abt-sc1
       {
              flex-direction: column-reverse;
              gap:30px;
       }
       .abt-sc1-l, .abt-sc1-r
       {
              width: 100%;
       }
       .pte-type
       {
              min-width: 100px;
              font-size: 12px;
       }
       .abt-sc1-r
       {
              padding: 0px 7vw;
       }
       
      .p-scr-l h4
       {
              word-break: break-word;
       }
       
}

/*575px*/
@media only screen and (max-width:499px)
{
       .scr1.float-start.w-100
       {
              flex-direction: column;
       }
       .sc2 .scr1-in
       {
              width: 100%;
       }
}
/*499px*/
@media only screen and (max-width:479px) {
       .banner_btns {
              flex-direction: column;
              gap: 0px;
       }

       .banner-section-left {
              padding-bottom: 15px;
       }

       .ai-feature {
              padding: 0px 0px;
       }

       .ai-feature-in-r {
              padding: 0px;
              width: 100%;
       }

       .c-btn-area {
              display: flex;
              flex-direction: column;
              gap: 15px;
       }

       .counter {
              padding: 0px;
       }

       .dash-res-menu-btn {
              margin-left: 10px;
       }
}

/*479px*/
@media only screen and (max-width:399px) {
       .counter-in {
              flex-direction: column;
       }

       .service_in_left .service-cnt,
       .service_in_right .service-cnt {
              border-radius: 15px;
              border-width: 5px;
       }

       .service_in_left,
       .service_in_right {
              padding: 15px 0px;
       }

       .pte_module_right {
              padding: 10px;
       }

       .pte-modules-list ul li {
              padding-left: 0px;
              font-size: .9em;
       }

       .pte-modules {
              padding-bottom: 0px;
       }

       .header-in {
              padding-left: 5px;
       }

       .header-menu {
              padding-left: 7px;
       }
}

/*399px*/