/* Kalam font */
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Figtree:ital,wght@0,300..900;1,300..900&family=Kalam:wght@300;400;700&display=swap");

/* karla font */
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Figtree:ital,wght@0,300..900;1,300..900&family=Kalam:wght@300;400;700&family=Karla:ital,wght@0,200..800;1,200..800&display=swap");

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Karla", sans-serif;
    font-style: normal;
}
:root {
    --font: "Kalam", cursive;
    --Primary-color: #0c4a6e;
    --second-color: #0aa6d7;
    --hover-color: #1479b8;
    --text-color: #7a8582;
    --dark-color: #020617;
    --bg-color: #f5f5f5;
    --padding: 100px 0;
    --border-color: rgba(0, 0, 0, 0.2);
    --transition: 0.4s all;
}
body {
    background-image: linear-gradient(to left, #eef2ff, #f7f9ff, #ffffff);
    overflow-x: hidden;
    min-height: 100vh;
    color: #2a322d;
}
a {
    text-decoration: none !important;
    /* color: inherit !important; */
}
ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
h5,
.h5 {
    font-weight: 500;
    font-size: 21px;
    line-height: 130%;
}
h2,
.h2 {
    font-weight: 500;
    font-size: 47px;
    line-height: 125%;
    letter-spacing: -0.47px;
}
p {
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.32px;
    color: var(--text-color);
}
.color-primary {
    color: var(--second-color) !important;
}

/* scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background: var(--second-color);
}
/* ------------------------- */

.f-kalam {
    font-family: var(--font);
}
.padding-section {
    padding: 60px 0;
}

.text-color {
    color: var(--text-color);
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.page_banner .animate__animated {
    animation-delay: 3.1s;
}

.img_move_mouse {
    will-change: transform;
    transform: perspective(300px) rotateX(0deg) rotateY(0deg);
    /* transition: transform 0.2s ease-out; */
}
.swiper-slide {
    transition: 0.4s all;
}

/* Start Loading */
#preloader {
    position: fixed;
    width: 100%;
    height: 100vh;
    justify-content: center;
    display: grid;
    align-content: center;
    z-index: 999999999;
    background: var(--second-color);
}
#preloader .book {
    color: #fefcfb;
    width: 32px;
    height: 12px;
    position: relative;
    margin: 32px 0 0 0;
    zoom: 1.5;
}
#preloader .book .inner {
    width: 32px;
    height: 12px;
    position: relative;
    transform-origin: 2px 2px;
    transform: rotateZ(-90deg);
    -webkit-animation: book 6.8s ease infinite;
    animation: book 6.8s ease infinite;
}
#preloader .book .inner .left:before,
#preloader .book .inner .right:before {
    content: "";
    width: 48px;
    height: 4px;
    border-radius: 2px;
    background: inherit;
    position: absolute;
    top: -10px;
    left: 6px;
}

#preloader .book .inner .middle {
    width: 32px;
    height: 12px;
    border: 4px solid #fefcfb;
    border-top: 0;
    border-radius: 0 0 9px 9px;
    transform: translateY(2px);
}

#preloader .book .inner .left {
    right: 28px;
    transform-origin: 58px 2px;
    transform: rotateZ(90deg);
    -webkit-animation: left 6.8s ease infinite;
    animation: left 6.8s ease infinite;
}

#preloader .book .inner .right {
    left: 28px;
    transform-origin: 2px 2px;
    transform: rotateZ(-90deg);
    -webkit-animation: right 6.8s ease infinite;
    animation: right 6.8s ease infinite;
}
#preloader .book .inner .left,
#preloader .book .inner .right {
    width: 60px;
    height: 4px;
    top: 0;
    border-radius: 2px;
    background: #fefcfb;
    position: absolute;
}
#preloader .book ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 50%;
    top: 0;
}

#preloader .book ul li {
    height: 4px;
    border-radius: 2px;
    transform-origin: 100% 2px;
    width: 48px;
    right: 0;
    top: -10px;
    position: absolute;
    background: #fefcfb;
    transform: rotateZ(0deg) translateX(-18px);
    -webkit-animation-duration: 6.8s;
    animation-duration: 6.8s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

#preloader .book ul li:nth-child(1) {
    -webkit-animation-name: page-1;
    animation-name: page-1;
}

#preloader .book ul li:nth-child(2) {
    -webkit-animation-name: page-2;
    animation-name: page-2;
}
#preloader .book ul li:nth-child(3) {
    -webkit-animation-name: page-3;
    animation-name: page-3;
}
#preloader .book ul li:nth-child(4) {
    -webkit-animation-name: page-4;
    animation-name: page-4;
}
#preloader .book ul li:nth-child(5) {
    -webkit-animation-name: page-5;
    animation-name: page-5;
}
#preloader .book ul li:nth-child(6) {
    -webkit-animation-name: page-6;
    animation-name: page-6;
}
#preloader .book ul li:nth-child(7) {
    -webkit-animation-name: page-7;
    animation-name: page-7;
}
#preloader .book ul li:nth-child(8) {
    -webkit-animation-name: page-8;
    animation-name: page-8;
}
#preloader .book ul li:nth-child(9) {
    -webkit-animation-name: page-9;
    animation-name: page-9;
}
#preloader .book ul li:nth-child(10) {
    -webkit-animation-name: page-10;
    animation-name: page-10;
}
#preloader .book ul li:nth-child(11) {
    -webkit-animation-name: page-11;
    animation-name: page-11;
}
#preloader .book ul li:nth-child(12) {
    -webkit-animation-name: page-12;
    animation-name: page-12;
}
#preloader .book ul li:nth-child(13) {
    -webkit-animation-name: page-13;
    animation-name: page-13;
}
#preloader .book ul li:nth-child(14) {
    -webkit-animation-name: page-14;
    animation-name: page-14;
}
#preloader .book ul li:nth-child(15) {
    -webkit-animation-name: page-15;
    animation-name: page-15;
}
#preloader .book ul li:nth-child(16) {
    -webkit-animation-name: page-16;
    animation-name: page-16;
}
#preloader .book ul li:nth-child(17) {
    -webkit-animation-name: page-17;
    animation-name: page-17;
}
#preloader .book ul li:nth-child(18) {
    -webkit-animation-name: page-18;
    animation-name: page-18;
}
/* End Loading */

/* ----------------------------------- */
/* Swiper */
.swiper {
    width: 100%;
    height: 100%;
}

/* kingBtn */

.kingBtn {
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    border: none;
    outline: none !important;
    background-color: var(--second-color);
    color: #fefcfb;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    text-transform: capitalize;
    padding: 12px 24px;
    overflow: hidden;
    width: fit-content;
    z-index: 2;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.kingBtn a {
    color: white;
}
.kingBtn:hover a {
    color: #fefcfb;
    -webkit-transition: all 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.kingBtn span {
    position: absolute;
    right: -15px;
    top: 0;
    width: 33px;
    height: 100%;
    background: #f6f5f5;
    opacity: 0.2;
    z-index: 0;
    -webkit-transform: skewX(-22deg);
    transform: skewX(-22deg);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.kingBtn:hover span {
    right: 0;
    width: 100%;
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
}

.kingBtn.sm {
    padding: 8px 16px;
}
/* ------------------------- */

/* Start Go to Top */
.scroll-top {
    position: fixed;
    bottom: 20px;
    right: -60px;
    width: 56px;
    height: 56px;
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #333;
    font-weight: bold;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    background: conic-gradient(var(--second-color) var(--progress, 0%), #ddd 0%);
    padding: 3px;
    z-index: 99999;
    opacity: 0;
}

.scroll-top::before {
    content: "";
    position: absolute;
    inset: 4px;
    background: white;
    border-radius: 50%;
}

.scroll-top .arrow {
    font-size: 24px;
    position: relative;
    z-index: 10;
}
.scroll-top i {
    color: var(--second-color);
    font-size: 21px;
}

.scroll-top.active {
    right: 12px;
    opacity: 1;
    visibility: visible;
    transition: var(--transition);
}

/* Start modal-search */
.modal-search#exampleModal {
    z-index: 99999999999;
    /* background-color: #0000008c; */
}
.modal-search .modal-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    background: rgba(4, 39, 95, 0.385);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.6s ease-in-out;
    z-index: -1;
}

.modal-search .modal-body {
    position: relative;
    z-index: 2;
}

.modal-search.show .modal-bg {
    transform: translate(-50%, -50%) scale(20);
}

.modal-search#exampleModal .modal-header {
    border: 0;
}

.modal-search#exampleModal .modal-body {
    padding: 0;
    text-align: center;
}

#exampleModal.modal-search.modal.fade .modal-dialog {
    top: 50%;
    transform: translateY(-50%);
    max-width: 600px;
}

.modal-search#exampleModal .modal-content {
    background-color: transparent;
    border: none;
}

.modal-search#exampleModal .modal-content input {
    margin: 0;
    padding: 20px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none;
    outline: none;
    width: 50px;
    height: 30px;
    font-size: 12px;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.modal-search#exampleModal.show .modal-content .animated-input {
    width: 100%;
    height: 50px;
    font-size: 16px;
    opacity: 1;
    font-family: var(--font);
}

.modal-search#exampleModal .modal-content button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: var(--text-color);
    border-color: var(--text-color);
    color: white;
    font-weight: bold;
    padding-right: 20px;
    padding-left: 20px;
    transition: 0.5s;
}
.modal-search#exampleModal .modal-content button:hover {
    background-color: var(--Primary-color);
    border-color: var(--Primary-color);
}
/* End modal-search */

/* Start Reveal */
.reveal {
    position: relative;
    transform: translateY(50px);
    opacity: 0;
    transition: all 2s ease;
}
.reveal.active {
    transform: translateY(0px);
    opacity: 1;
}
.reveal.reveal-ltr {
    position: relative;
    transform: translateX(-100px);
    opacity: 0;
    transition: all 2s ease;
}
.reveal.reveal-ltr.active {
    transform: translateX(0px);
    opacity: 1;
}

/* revel courses */
.courses .reveal {
    transform: translateY(100px);
}
.courses .reveal.active {
    transform: translateY(0);
}

/* End Reveal */

/* mouse */
.cursor {
    position: fixed;
    width: 25px;
    height: 25px;
    border: 1px solid var(--Primary-color);
    border-radius: 50%;
    pointer-events: none;
    transition: transform 0.1s ease-out, background-color 0.2s ease-out, opacity 0.2s ease-out;
    z-index: 9999999;
}

.cursor2 {
    position: fixed;
    width: 8px;
    height: 8px;
    background-color: var(--second-color);
    border-radius: 50%;
    pointer-events: none;
    transition: transform 0.15s ease-out, opacity 0.15s ease-out;
    z-index: 9999999;
}

.content11:hover ~ .cursor {
    transform: scale(1.5);
    background-color: #c6c6c6;
    opacity: 0.5;
}

.content11:hover ~ .cursor2 {
    opacity: 0;
}

/* Title main */
h1.main-title {
    position: relative;
    font-size: 60px;
    font-weight: 600;
}
h1.main-title span {
    position: relative;
}
.main-title2 {
    font-weight: 500;
    font-size: 47px;
}

.head-title {
    color: var(--hover-color);
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 20px !important;
    position: relative;
    padding-left: 30px;
}
.head-title::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 25px;
    height: 2px;
    background-color: var(--hover-color);
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
}

/* Start nav bar */
#navbar {
    position: absolute;
    width: 100%;
    z-index: 99999999;
    /* backdrop-filter: blur(12px); */
    transition: 0.3s ease-in-out;
}

#navbar.navFixed {
    position: fixed;
    transition: 0.3s;
    background-color: var(--bg-color);
    box-shadow: var(--border-color) 0px 7px 29px 0px;
}
#navbar.navFixed .navbar-nav li a.nav-link {
    color: black;
}
#navbar.navFixed .search-box span.slash {
    color: black;
}
#navbar.navFixed .searchBtn {
    color: black;
}
#navbar.navFixed .searchBtn:hover {
    color: var(--third-color);
    border-color: var(--third-color);
}
#navbar.navFixed .navbar-toggler i {
    color: var(--Primary-color);
}
#navbar .navbar-brand {
    color: var(--Primary-color);
    font-size: 24px;
    font-weight: bold;
    animation: logoNav 2s ease forwards;
    padding: 0;
    margin: 0;
    margin-left: 20px;
}
#navbar .navbar-brand img {
    width: 4rem;
}
#navbar .navbar-brand p {
    margin: 0;
    font-size: 19px;
    font-family: var(--font);
    font-weight: 600;
    color: var(--Primary-color);
}

#navbar .navbar-nav li {
    overflow: hidden;
    margin-left: 25px;
}
#navbar .navbar-nav li.active-page {
    overflow: visible;
}

#navbar .navbar-nav li:last-child {
    margin-right: 5px;
}

#navbar .navbar-nav li a.nav-link {
    color: #2a322d;
    padding: 20px 7px;
    transition: 0.3s;
    animation: navEl 2s ease forwards;
    font-weight: 600;
}
#navbar .navbar-nav li a.nav-link.active-page {
    position: relative;
    color: var(--hover-color);
}
#navbar .navbar-nav li a.nav-link.active-page::before {
    content: "";
    position: absolute;
    width: 14px;
    height: 1.5px;
    background-color: var(--hover-color);
    left: -9px;
    top: 50%;
    transform: translateY(-50%);
}

#navbar .navbar-nav li a.nav-link:hover {
    color: var(--hover-color);
}

#navbar .navbar-nav li.dropdown ul {
    list-style: none;
    padding: 0;
    background: white;
    width: 14rem;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: 0.5s;
    transform: translateX(100px);
    border-radius: 6px;
    transition-delay: 0.1s;
    overflow-x: hidden;
}

#navbar .navbar-nav li:hover {
    overflow: visible;
}

#navbar .navbar-nav li:hover ul {
    visibility: visible;
    opacity: 1;
    z-index: 9999999999;
    transform: translateX(0);
}

#navbar .navbar-nav li.dropdown ul li {
    padding: 15px;
    margin: 0;
    transform: translateX(100px);
    transition: 0.5s;
    transition-delay: 0.1s;
    opacity: 0;
    visibility: hidden;
}
#navbar .navbar-nav li:hover ul li {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    border-bottom: 1px solid #ccc;
}
#navbar .navbar-nav li.dropdown ul li:hover a,
#navbar .navbar-nav li.dropdown ul li.activeList a {
    color: var(--second-color);
    transform: translateX(2px);
    font-weight: bold;
}

#navbar .navbar-nav li.dropdown ul a {
    color: black;
    text-decoration: none;
    transition: 0.5s all;
    display: block;
}

#navbar #main-btn {
    color: white;
    color: var(--Primary-color);
    transition: 0.3s ease-in-out;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    display: inline-flex;
    letter-spacing: 0.1em;
    overflow: hidden;
    animation: navEl 2s ease forwards;
    margin-left: 0;
    border-left: 1px solid #ccc;
    border-radius: 0;
    padding-right: 0;
    font-family: var(--font);
}
#navbar #main-btn.reg {
    border: 0;
    padding-left: 0;
}
#navbar #main-btn:hover {
    color: var(--second-color);
}
#navbar #main-btn span {
    font-family: var(--font);
}
.search-box span.slash {
    font-size: 22px;
    color: var(--Primary-color);
    animation: navEl 2s ease forwards;
}
#navbar .navbar-toggler {
    color: var(--Primary-color);
    border: none;
    box-shadow: none;
    margin-left: auto;
    animation: MoveTop 2s ease forwards;
    /* margin-right: 10px; */
}

.searchBtn {
    background-color: transparent;
    width: 45px;
    height: 45px;
    color: var(--Primary-color);
    transition: 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    animation: moveRightBtn 2s ease forwards;
    border: none;
}

.searchBtn:hover {
    color: var(--second-color);
}

/* End Navbar */

/* Start Landing Section */
.Landing {
    position: relative;
    height: 795px;
    background: url(../img/hero-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
}
.Landing .main-content .content-block {
    padding-top: 192px;
    animation: fadeInUp 1s both;
    animation-delay: 800ms;
}
.Landing .icons img {
    position: absolute;
    z-index: 30;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
.Landing .icons img:nth-child(1) {
    top: 88px;
    right: 615px;
    animation-delay: 400ms;
}
.Landing .icons img:nth-child(2) {
    top: 120px;
    right: 778px;
    animation-delay: 500ms;
}
.Landing .icons img:nth-child(3) {
    top: 195px;
    right: 534px;
    animation-delay: 600ms;
}
.Landing .icons img:nth-child(4) {
    top: 215px;
    right: 671px;
    animation-delay: 700ms;
}
.Landing .content img.tagImg {
    -webkit-animation: animation-upDown-2 3s linear 0s infinite alternate;
    animation: animation-upDown-2 3s linear 0s infinite alternate;
    animation-delay: 550ms;
}

.Landing .rocket-icon {
    position: absolute;
    right: -80px;
    top: 0;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    animation-delay: 700ms;
    width: 5rem;
}
.Landing .kingBtn {
    position: relative;
}

.video-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    animation-delay: 700ms;
}
.video-btn img {
    animation: rotating 8s infinite linear;
}
.video-btn a {
    position: absolute;
    width: 64px;
    height: 64px;
    border-radius: 3200px;
    border: 3.2px solid rgba(10, 166, 215, 0.2);
    background: #fefcfb;
    display: grid;
    justify-content: center;
    align-content: center;
    transition: var(--transition);
}
.video-btn a:hover {
    border-color: rgba(10, 167, 215, 0.695);
}
.video-btn a i {
    color: var(--second-color);
    font-size: 20px;
}
.video-btn a:hover i {
    color: var(--second-color);
}
.Landing .content-imgs {
    position: relative;
    text-align: end;
}
.Landing .banner_feature_card {
    position: absolute;
    right: 25%;
    z-index: 999;
    bottom: 100px;
}
.Landing .banner_feature_card .card_block {
    padding: 12px 24px;
    padding-left: 44px;
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
    border-radius: 15px;
    background-color: #fefcfb;
    position: relative;
}
.Landing .banner_feature_card img {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(-50%, -50%);
}
/* .Landing .main_img {
    position: absolute;
    bottom: 0;
    right: 13%;
    z-index: 20;
} */

/* End Landing Section */

/* Start Feature Section */
.feature_box .box-icon {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fefcfb;
    border-radius: 50%;
    width: fit-content;
    padding: 25px;
    border: 5px solid rgba(10, 166, 215, 0.2);
    margin: 0 auto;
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
    transition: all 0.5s ease;
}
.feature_box:hover .box-icon {
    border: 5px solid rgba(10, 167, 215, 0.61);
    transition: all 0.5s ease;
}
.feature_box .box-content {
    position: relative;
    z-index: 5;
    margin-top: -50px;
    padding: 74px 16px 64px;
    background-color: #fefcfb;
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
    text-align: center;
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
    border-radius: 15px;
}
.feature_box .box-content img {
    position: absolute;
    width: 100%;
    height: 64px;
    bottom: 0;
    right: 0;
    border-radius: 0 0 15px 15px;
}
/* End Feature Section */

/* Start About Us Section */
.about .box {
    position: relative;
    padding-top: 11px;
}
.about .box .box-icon {
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 10;
    background-color: #fefcfb;
    border-radius: 50%;
    border: 5px solid rgba(10, 166, 215, 0.2);
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
    display: grid;
    align-content: center;
    justify-content: center;
    height: 100px;
    width: 100px;
    transition: var(--transition);
}
.about .box:hover .box-icon {
    border-color: rgba(10, 167, 215, 0.534);
}
.about .box-content {
    position: relative;
    z-index: 5;
    margin-left: 50px;
    padding: 12px 24px 12px 64px;
    background-color: #fefcfb;
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
    border-radius: 15px;
}
.about .box-content h5 {
    font-weight: 500;
    font-size: 21px;
    margin-bottom: 4px;
}
.about .box-content p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.about .images img {
    max-width: 100%;
}
.about .kingBtn {
    display: block;
    margin: auto;
}
/* End About Us Section */

/* Start Logo Slider */
.logo-slider {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    background-color: #fff;
    padding: 50px 0;
}

.logo-track {
    display: flex;
    gap: 70px;
    will-change: transform;
}

.logo-track img {
    width: 303px;
    object-fit: contain;
}

/* End Logo Slider */

/* Start Courses Section */
.courses .box {
    position: relative;
    background-color: #fefcfb;
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 30px;
}
.courses .box-content {
    padding: 24px;
    padding-bottom: 0;
}
.courses .box-content a {
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
    transition: var(--transition);
}
.courses .box-content a:hover {
    color: var(--hover-color);
}
.courses .box-content a::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 120px;
    height: 2px;
    background: #7a8582;
}
.courses .box-content p {
    margin-bottom: 40px;
}
.courses .box-content ul {
    display: flex;
    align-items: center;
    gap: 30px;
}
.courses .box-content li {
    color: #7a8582;
}
.courses .box-content li i {
    margin-right: 8px;
}
.courses .box img {
    border-radius: 0 0 20px 20px;
    -webkit-transition: all 0.6s linear 0s;
    transition: all 0.6s linear 0s;
    width: 100%;
}
.courses .box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.6s linear 0s;
    transition: all 0.6s linear 0s;
}
/* End Courses Section */

/* Start Popular Courses Section */
.P-Courses {
    background: url(../img/courses-1.png) no-repeat;
    background-size: cover;
    background-position: center;
}
.P-Courses .swiper-wrapper {
    padding-bottom: 30px;
}
.P-Courses .swiper-slide {
    background-color: transparent;
}
.P-Courses .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px;
    border-radius: 6px;
}
.P-Courses .slide-box,
.p_course_box {
    margin: 0 12px;
    margin-bottom: 24px;
    padding-top: 32px;
    position: relative;
}
.P-Courses .slide-box .image,
.p_course_box .image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    transition: all 0.5s ease;
}
.P-Courses .slide-box:hover .image,
.p_course_box:hover .image {
    transform: rotate(10deg);
    transition: all 0.5s ease;
}
.P-Courses .slide-content,
.p_course_box .slide-content {
    margin: 0px 0 0 52px;
    position: relative;
    z-index: 5;
    background-color: #fefcfb;
    border-radius: 10px;
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
    display: flex;
    justify-content: space-between;
}
.p_course_box .slide-content {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.P-Courses .left-content,
.p_course_box .left-content {
    position: relative;
    width: 100%;
    padding: 20px 0 39px 82px;
}
.P-Courses .left-content img.tag-img,
.p_course_box .left-content img.tag-img {
    position: absolute;
    right: 8px;
    top: 32px;
}
.P-Courses .left-content h4,
.p_course_box .left-content h4 {
    font-weight: 500;
    font-size: 27px;
}
.P-Courses .left-content h4 a,
.p_course_box .left-content h4 a {
    color: inherit;
}
.P-Courses .left-content ul,
.p_course_box .left-content ul {
    display: flex;
    align-items: center;
    gap: 16px;
}
.P-Courses .left-content ul li:first-child,
.p_course_box .left-content ul li:first-child {
    list-style: none;
    margin-left: 0;
}
.P-Courses .left-content ul li,
.p_course_box .left-content ul li {
    color: #7a8582;
}
.P-Courses .left-content ul i,
.p_course_box .left-content ul i {
    color: var(--second-color);
    margin-right: 8px;
}
.P-Courses .left-content .author_card,
.p_course_box .left-content .author_card {
    position: relative;
}
.P-Courses .left-content .author_card img,
.p_course_box .left-content .author_card img {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 3px solid var(--second-color);
}
.P-Courses .left-content .author_card .author_text,
.p_course_box .left-content .author_card .author_text {
    margin-left: 22px;
    padding: 12px 24px 12px 64px;
    border-radius: 15px;
    max-width: 260px;
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
}
.P-Courses .right-content,
.p_course_box .right-content {
    text-align: center;
    position: relative;
}
.P-Courses .right-content::before,
.p_course_box .right-content::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 175px;
    width: 1px;
    background: #b7bdbb;
    transform: translate(-50%, -50%);
}
.P-Courses .right-content .price_block,
.p_course_box .right-content .price_block {
    position: relative;
    width: 165px;
    height: 165px;
}
.P-Courses .right-content .price_vector,
.p_course_box .right-content .price_vector {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

.P-Courses .right-content .price_block span,
.p_course_box .right-content .price_block span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20;
}
.P-Courses .vector-img,
.p_course_box .vector-img {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 0 0 10px 0;
}
/* End Popular Courses Section */

/* Start Teacher Section */
.teacher .tag-img {
    position: absolute;
    top: 82px;
    left: 175px;
    -webkit-animation-name: float-bob-y;
    animation-name: float-bob-y;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    width: 90px;
}
.teacher .dots1-img {
    position: absolute;
    bottom: 85px;
    left: 242px;
    -webkit-animation: leftRight-1 4.5s linear 0s infinite alternate;
    animation: leftRight-1 4.5s linear 0s infinite alternate;
}
.teacher .content {
    position: relative;
    background: url(../img/paint-shape.png) no-repeat;
    background-position: center right;
    background-size: contain;
    padding-left: 96px;
}
.teacher .swiper-wrapper {
    padding-bottom: 30px;
}
.teacher .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 15px;
    border-radius: 6px;
}
.teacher-slider {
    border-radius: 15px 0 0 15px;
    background: rgba(10, 166, 215, 0.1);
    background: url(../img//team-slider-bg.png) no-repeat;
    background-size: cover;
    background-position: 109px;
}
.teacher_box {
    margin: 0 12px;
    margin-bottom: 24px;
}
.teacher_box .teacher_img {
    position: relative;
    overflow: hidden;
}
.teacher_box .teacher_img img.prime {
    border-radius: 15px;
    width: 100%;
}
.teacher_box .teacher_content {
    margin: 16px;
    position: absolute;
    bottom: 0px;
    overflow: hidden;
    height: 85px;
    transition: all 0.3s cubic-bezier(0.18, 0.55, 1, 1);
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(4.5px);
    align-content: start;
    justify-content: center;
    text-align: center;
    display: grid;
}
.teacher_box:hover .teacher_content {
    bottom: 0px;
    height: 92%;
    align-content: center;
    transition: all 0.3s cubic-bezier(0.18, 0.55, 1, 1);
}
.teacher_box .teacher_content .teacher_text {
    padding: 16px 8px;
    overflow: hidden;
}
.teacher_box .teacher_content .teacher_text h5 {
    font-weight: 500;
    font-size: 21px;
}
.teacher_box .teacher_content .teacher_text h5 a:hover {
    color: var(--second-color);
    transition: all 0.5s ease;
}
.teacher_box .teacher_content .teacher_text h5 a {
    color: #2a322d;
}
.teacher_box .teacher_content .teacher_text ul {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.teacher_box .teacher_content .teacher_text li {
    display: flex;
    gap: 8px;
    align-items: center;
    color: #7a8582;
}
.teacher_box .teacher_content .teacher_text i {
    color: var(--second-color);
}
.teacher_box .teacher_content p.team_info_text {
    padding-top: 8px;
}
.teacher_box .teacher_content img.feature_img {
    position: absolute;
    width: 100%;
    height: 0px;
    bottom: -100%;
    right: 0;
    border-radius: 0 0 10px 10px;
    transition: all 0.4s ease-in-out;
}
.teacher_box:hover img.feature_img {
    height: 70px;
    bottom: 0%;
    transition: all 0.4s ease-in-out;
}
/* End Teacher Section */

/* Start Discount Banner Section */
.discount_banner {
    background: url(../img/coming-soon-banner.png) no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
.discount_banner .banner_text_block {
    height: 600px;
    display: grid;
    align-content: center;
}
.discount_banner .banner_text_block h2.title {
    font-weight: 500;
    font-size: 47px;
    line-height: 125%;
}
.discount_banner .banner_text_block span img.line_shape {
    position: absolute;
    left: 0;
    bottom: -10px;
    width: calc(100% - 25px);
    margin-left: 10px;
    -webkit-animation: title-animation 5s linear 0s infinite;
    animation: title-animation 5s linear 0s infinite;
}
.discount_banner .banner_text_block span img.mic_speaker {
    position: absolute;
    right: -120px;
    top: -78px;
    -webkit-animation: animation-popup-1 1.2s linear 0s infinite alternate;
    animation: animation-popup-1 1.2s linear 0s infinite alternate;
}
.discount_banner .banner_text_block h4 {
    font-weight: 500;
    font-size: 27px;
}
.discount_countdown {
    height: 600px;
    display: grid;
    align-content: center;
    overflow: hidden;
}
.discount_countdown .dial {
    background: url(../img/exclude.png);
    position: absolute;
    right: 31px;
    top: 0;
    width: 512px;
    height: 100%;
}
.discount_countdown .dial ul.top-remain {
    display: flex;
    /* padding-top: 32px !important; */
    justify-content: end;
    gap: 64px;
    flex-direction: column;
    padding-left: 2rem !important;
    margin-bottom: 1rem !important;
}
.discount_countdown .dial ul li {
    list-style: none;
    text-align: right;
    color: #fefcfb;
    margin-bottom: 0;
    font-size: 32px;
}
.discount_countdown .dial ul li:nth-child(1) {
    opacity: 0.3;
    padding-right: 35%;
    font-size: 28px;
}
.discount_countdown .dial ul li:nth-child(2) {
    opacity: 0.6;
    padding-right: 17%;
    font-size: 28px;
}
.discount_countdown .dial ul li:nth-child(3) {
    opacity: 0.8;
    padding-right: 8%;
}
.discount_countdown .dial ul.top-coming {
    display: flex;
    padding-top: 70px !important;
    justify-content: end;
    gap: 64px;
    flex-direction: column;
    padding-left: 2rem !important;
    margin-bottom: 1rem !important;
}
.discount_countdown .dial ul.top-coming li {
    list-style: none;
    text-align: right;
    color: #fefcfb;
    margin-bottom: 0;
    font-size: 28px;
}
.discount_countdown .dial ul.top-coming li:nth-child(1) {
    opacity: 0.8;
    padding-right: 8%;
}
.discount_countdown .dial ul.top-coming li:nth-child(2) {
    opacity: 0.6;
    padding-right: 17%;
    font-size: 28px;
}
.discount_countdown .dial ul.top-coming li:nth-child(3) {
    opacity: 0.3;
    padding-right: 35%;
    font-size: 24px;
}
.discount_countdown img.paint_shape {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}
.discount_countdown ul.countdown {
    display: flex;
    gap: 48px;
    align-items: center;
    position: relative;
    z-index: 45;
    justify-content: end;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}
.discount_countdown ul.countdown li {
    display: flex;
    align-items: center;
    gap: 16px;
}
.discount_countdown .countdown h2 {
    font-weight: 500;
    font-size: 47px;
}
.discount_countdown .countdown h2 span {
    display: inline-block;
    position: relative;
    z-index: 999;
    width: 80px;
    text-align: center;
    color: #fefcfb;
    padding: 0 0 0 23px;
}
.discount_countdown .countdown h6 {
    font-weight: 600;
    font-size: 16px;
}
/* End Discount Banner Section */

/* Start testimonials Section */
.testimonials .content {
    padding: 74px 0 100px;
    position: relative;
}
.testimonials .quote_icon {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 80px;
}
.testimonials .vector_hol {
    position: absolute;
    z-index: 10;
    bottom: 0px;
    right: 132px;
}
.testimonials .dots_group {
    position: absolute;
    z-index: 5;
    bottom: -20px;
    right: 60px;
    -webkit-animation: leftRight-2 4.5s linear 0s infinite alternate;
    animation: leftRight-2 4.5s linear 0s infinite alternate;
}
.testimonials .swiper-wrapper {
    padding-bottom: 80px;
    padding-top: 6rem;
}
.testimonials .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px;
    border-radius: 6px;
}
.testimonials_slider .bg_elements {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.testimonials_slider .testimonials_box {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: end;
    max-width: 665px;
    margin-left: auto;
}
.testimonials_slider .testimonials_img {
    position: relative;
    flex-shrink: 0;
    margin-left: 30px;
}
.testimonials_slider .testimonials_img::after {
    position: absolute;
    left: -20px;
    top: -20px;
    width: 100%;
    height: 100%;
    content: "";
    border: 1px solid var(--second-color);
    border-radius: 15px;
    transition: all 500ms ease;
    z-index: -1;
}
.testimonials_box:hover .testimonials_img::after {
    left: 0;
    top: 0;
}
.testimonials_slider .testimonials_img .user_img {
    border-radius: 15px;
}
.testimonials_slider .testimonials_img .quote_block {
    width: 145px;
    height: 145px;
    border-radius: 145px 0 15px 0;
    background: rgba(10, 166, 215, 0.3);
    position: absolute;
    bottom: 0;
    right: 0;
}
.testimonials_slider .testimonials_img svg {
    position: absolute;
    bottom: 30px;
    right: 16px;
    fill: #fefcfb;
    width: 78px;
    height: 64px;
}
.testimonials_slider .testimonials_content {
    position: relative;
    padding: 24px 24px 64px 20px;
    background: #fefcfb;
    border-radius: 0 15px 15px 0;
}
.testimonials_slider .testimonials_content .testimonial {
    position: relative;
    z-index: 5;
}
.testimonials_slider .testimonials_content h4 {
    font-weight: 500;
    font-size: 27px;
}
.testimonials_slider .testimonials_content i {
    margin-right: 8px;
    color: var(--second-color);
    font-size: 16px;
}
.testimonials_slider .testimonials_content p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.testimonials_slider .bottom_shape {
    height: 116px;
    width: 100%;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    border-radius: 0 0 15px 0;
}
.testimonials_slider .swiper-slide {
    position: relative;
    transform: translateY(50px) !important;
    opacity: 0;
    transition: all 2s ease;
}
.testimonials_slider .swiper-slide.swiper-slide-active {
    transform: translateY(0px);
    opacity: 1;
}
/* End testimonials Section */

/* Start Blogs Section */
.blog_box {
    background-color: #fefcfb;
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
    border-radius: 15px;
    overflow: hidden;
}
.blog_box .blog_img {
    position: relative;
    z-index: 5;
}
.blog_box .blog_img img {
    max-height: 300px;
    width: 100%;
    object-fit: cover;
    -webkit-transition: all 0.6s linear 0s;
    transition: all 0.6s linear 0s;
}
.blog_box:hover .blog_img img {
    transform: scale(1.1);
}
.blog_box .blog_img p {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 0px 8px;
    color: #fefcfb;
    background-color: #bfacf9;
    border-radius: 5px;
}

.blog_box .blog_text {
    position: relative;
    z-index: 10;
    background: url(../img/blog_card_bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: -88px;
    filter: drop-shadow(-2px -1px 5px rgba(2, 69, 122, 0.04)) drop-shadow(-9px -4px 10px rgba(2, 69, 122, 0.03)) drop-shadow(-19px -10px 13px rgba(2, 69, 122, 0.02)) drop-shadow(-35px -17px 15px rgba(2, 69, 122, 0.01)) drop-shadow(-54px 27px 17px rgba(2, 69, 122, 0));
    border-radius: 0 0 15px 15px;
    padding: 67px 24px 24px;
}
.blog_box .blog_text h5 a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.blog_box .blog_text p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.blog_box .blog_text .author {
    display: flex;
    align-items: center;
    gap: 8px;
}
.blog_box .blog_text .author img {
    border-radius: 50%;
    border: 1px solid var(--second-color);
}
.blog_box .blog_text a.educate_link_btn {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--second-color) !important;
    font-weight: 600;
    font-size: 16px;
}
/* End Blogs Section */

/* Start questions Section */
.questions .contact_banner {
    background: url(../img/banner-bg.png) no-repeat;
    background-size: cover;
    height: 344px;
    display: grid;
    justify-content: center;
    text-align: center;
    align-content: center;
    padding: 57px 24px 64px;
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
    border-radius: 15px;
    position: relative;
    overflow: hidden;
}
.questions .contact_banner h2 {
    font-weight: 500;
    font-size: 47px;
    color: white;
}
.questions .contact_banner p {
    color: white;
}
.questions .contact_banner a.phone_number {
    display: inline-block;
    width: 316px;
    text-align: center;
    padding: 12px;
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
    color: var(--second-color) !important;
    background-color: #fefcfb;
    border-radius: 15px;
}
.questions .contact_banner .icons img {
    position: absolute;
}
.questions .contact_banner .icons .element-1 {
    top: 4px;
    left: 127px;
    width: 80.653px;
    height: 37.067px;
    z-index: 5;
    -webkit-animation: leftRight-2 4.5s linear 0s infinite alternate;
    animation: leftRight-2 4.5s linear 0s infinite alternate;
    opacity: 0.4;
}
.questions .contact_banner .icons .element-2 {
    top: 20px;
    left: 111px;
    z-index: 10;
}
.questions .contact_banner .icons .element-3 {
    top: 3px;
    left: 148px;
    z-index: 10;
}
.questions .contact_banner .icons .element-4 {
    bottom: 53px;
    left: 221px;
    z-index: 10;
}
.questions .contact_banner .icons .element-5 {
    bottom: -20px;
    left: 460px;
    z-index: 5;
    -webkit-animation: leftRight-1 4.5s linear 0s infinite alternate;
    animation: leftRight-1 4.5s linear 0s infinite alternate;
    opacity: 0.4;
}
.questions .contact_banner .icons .element-6 {
    top: 21px;
    right: 168px;
}
.questions .contact_banner .icons .element-7 {
    bottom: 38px;
    z-index: 10;
    right: 111px;
    -webkit-animation-name: float-bob-y-2;
    animation-name: float-bob-y-2;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
.questions .contact_banner .icons .element-8 {
    bottom: -70px;
    right: 132px;
    z-index: 5;
    -webkit-animation: animation-popup-1 4s linear 0s infinite alternate;
    animation: animation-popup-1 4s linear 0s infinite alternate;
}
.questions .contact_banner .icons .element-9 {
    bottom: 26px;
    right: 198px;
    z-index: 15;
    -webkit-animation-name: float-bob-y-2;
    animation-name: float-bob-y-2;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
/* End questions Section */

/* Start Footer */
.footer_main {
    background: url(../img/footer-bg.png) no-repeat;
    background-size: cover;
    position: relative;
}
.footer_main .vector_shape {
    position: absolute;
    top: 7px;
    right: 266px;
    z-index: 1;
}
.footer_main img.dots {
    position: absolute;
    bottom: 18px;
    left: 0px;
    opacity: 0.8;
    z-index: 1;
    -webkit-animation: leftRight-1 4.5s linear 0s infinite alternate;
    animation: leftRight-1 4.5s linear 0s infinite alternate;
}
.footer_main .footer_widget {
    position: relative;
    z-index: 5;
    margin-bottom: 32px;
}
.footer_main .footer_widget a.logo-footer {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    color: var(--second-color) !important;
}
.footer_main .footer_widget a.logo-footer img {
    margin-right: 5px;
    width: 50px;
}
.footer_main .footer_widget h5 {
    color: #1a1e1d;
    font-weight: 500;
    font-size: 21px;
}
.footer_main .footer_widget li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 12px;
}
.footer_main .footer_widget li a {
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.5s ease;
    font-size: 17px;
    color: inherit;
    font-weight: 500;
}
.footer_main .footer_widget li:hover a {
    color: var(--second-color) !important;
}
.footer_main .footer_widget li i {
    color: var(--second-color);
    margin-top: 0px;
}
.footer_main .footer_widget .list li i {
    color: var(--second-color);
}
.footer_main .bottom-row {
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
    flex-wrap: wrap;
    margin-top: 16px;
}
.footer_main ul.social_icons_list {
    display: flex;
    align-items: center;
    gap: 16px;
}
.footer_main ul.social_icons_list a {
    flex-shrink: 0;
    padding: 9px;
    background: var(--second-color);
    border-radius: 10px;
    transition: all 0.5s ease;
    display: flex;
}
.footer_main ul.social_icons_list a:hover {
    background: #1a1e1d;
}
.footer_main .newsletter_block {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
.footer_main .newsletter_block h5 {
    font-weight: 500;
    font-size: 21px;
}
.footer_main .newsletter_block form {
    position: relative;
    display: flex;
    align-items: center;
    width: 526px;
}
.footer_main .newsletter_block input {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.32px;
    background: transparent !important;
    border: 1px solid #b7bdbb;
    padding: 7px 12px;
    color: #7a8582;
    border-radius: 5px;
    box-shadow: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.footer_main .newsletter_block .kingBtn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
footer .copyright_row {
    padding: 16px 0;
    background: var(--second-color);
    text-align: center;
}
footer .copyright_row p {
    color: #fefcfb;
}
/* End Footer */

/* Start Pages Banner Section */
.page_banner {
    background: url(../img/page-title-bg_2-DESKTOP-5G1AQBS.png);
    background-position: center center;
    height: 562px;
    position: relative;
    overflow: hidden;
}
.page_banner .row {
    padding: 120px 0px 46px;
}
.page_banner .banner_title {
    position: relative;
    flex-shrink: 0;
}
.page_banner .banner_title h1 {
    font-weight: 500;
    font-size: 61px;
}
.page_banner img.banner_tag {
    width: 58.087px;
    height: 58.087px;
    position: absolute;
    top: -90px;
    left: 190px;
    animation: 3s linear 0s infinite alternate none running animation-upDown-2;
}
.page_banner .circle_vector {
    position: absolute;
    left: -72px;
    bottom: -101px;
    animation: 4s linear 0s infinite alternate none running animation-popup-1;
    width: 215px;
}
/* End Pages Banner Section */

/* Start Benefits Section */
.benefit {
    position: relative;
    background: url(../img/benefits-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
}
.benefit .card_block:nth-child(2) {
    margin-top: -40px;
}
.benefit .card_block:nth-child(3) {
    margin-top: -80px;
}
.benefit .card_block:nth-child(4) {
    margin-top: -120px;
}
.benefit .card_block:nth-child(5) {
    margin-top: -160px;
}
/* End Benefits Section */

/* Start Status Section */
.counter_item {
    text-align: center;
}
.counter_item .counter_item_info_block {
    position: relative;
}
.counter_item .counter_item_info_block .counter_info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
}
.counter_item .counter_item_info_block .counter_info span {
    color: #fefcfb;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
}
/* End Status Section */

/* Start Testimonials 2 Section */
.testimonials-2 .swiper-wrapper {
    padding: 80px 0;
}
.testimonials-2 .swiper-slide-next {
    transform: scale(1.3, 1.2) !important;
    z-index: 99;
}
.testimonials-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px;
    border-radius: 6px;
}
.testimonial_card_2 {
    width: 277px;
    position: relative;
    z-index: 99;
    background: #fefcfb;
    border-radius: 15px;
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
    z-index: 10;
    padding: 24px 24px 150px;
    transition: all 0.5s ease;
}
.testimonial_card_2 .testimonial_card_img_block {
    position: relative;
    margin: 0 auto;
    text-align: center;
    height: 115px;
}
.testimonial_card_2 .testimonial_card_img_block .bg_vector {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, 0%);
}
.testimonial_card_2 .testimonial_card_img_block .user_img {
    width: 83px;
    height: 83px;
    border-radius: 83px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 15;
    transform: translate(-50%, -38%);
}
.testimonial_card_2 .testimonial {
    text-align: center;
    margin-top: 24px;
}
.testimonial_card_2 .testimonial h4 {
    font-size: 22.462px;
}
.testimonial_card_2 .testimonial span i {
    margin-right: 8px;
    color: var(--second-color);
    font-size: 16px;
}
.testimonial_card_2 .testimonial .review_text {
    font-size: 13.311px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}
.testimonial_card_2 .quote_block {
    width: 145px;
    height: 145px;
    border-radius: 145px 0 15px 0;
    background: rgba(10, 166, 215, 0.3);
    position: absolute;
    bottom: 0;
    right: 0;
}
.testimonial_card_2 .quote_mark {
    position: absolute;
    bottom: 30px;
    right: 16px;
    fill: #fefcfb;
    width: 78px;
    height: 64px;
}
.testimonials_text_block.st_2 {
    padding: 100px 0;
}
.testimonials_text_block {
    padding: 74px 0 100px;
    position: relative;
}
.testimonials_text_block .vector_hol {
    position: absolute;
    z-index: 10;
    bottom: 0px;
    right: 132px;
}
.testimonials_text_block .dots_group {
    position: absolute;
    z-index: 5;
    bottom: -20px;
    right: 60px;
    -webkit-animation: leftRight-2 4.5s linear 0s infinite alternate;
    animation: leftRight-2 4.5s linear 0s infinite alternate;
}
/* Start Testimonials 2 Section */

/* Start Blog Details */
.blog_detail .about_blog_row {
    background: #fefcfb;
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
    border-radius: 20px;
    padding: 24px;
    gap: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.blog_detail .about_blog_row .author_block {
    display: flex;
    gap: 8px;
    align-items: center;
}
.blog_detail h2 {
    font-weight: 500;
    font-size: 47px;
}
.blog_detail h6 {
    font-weight: 600;
    font-size: 16px;
}
.blog_detail h3 {
    font-weight: 500;
    font-size: 36px;
}
.blog_detail .about_blog_row .author_block img {
    flex-shrink: 0;
    border-radius: 50%;
    border: 1px solid var(--second-color);
}
.blog_detail .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.blog_detail .tags span {
    color: #7a8582;
    font-weight: 600;
    font-size: 16px;
}
/* End Blog Details */

/* Start Course Details */
.course_detail h2 {
    font-weight: 500;
    font-size: 47px;
}
.course_detail h6 {
    font-weight: 600;
    font-size: 16px;
}
.course_detail h3 {
    font-weight: 500;
    font-size: 36px;
}
.courseDt_pills .nav {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 32px;
    border: none;
    margin-bottom: 32px;
}
.courseDt_pills .nav button {
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
    transition: all 0.5s ease;
    border-radius: 0;
    font-weight: 500;
    font-size: 27px;
    color: #2a322d;
    width: fit-content;
}
.courseDt_pills .nav button.active {
    border-left: 4px solid var(--second-color);
    padding-left: 15px;
    color: #2a322d;
    transition: all 0.5s ease;
    background-color: transparent;
}
.course_detail .author_block_card {
    display: flex;
    align-items: center;
}
.course_detail .author_block_card .author_img {
    position: relative;
    z-index: 20;
    flex-shrink: 0;
}
.course_detail .author_block_card .author_img img {
    border: 3px solid #0aa6d7;
    border-radius: 50%;
    width: 74px;
    height: 74px;
}
.course_detail .author_block_card .author_detail {
    position: relative;
    z-index: 10;
    background: #fefcfb;
    width: 100%;
    padding: 12px 24px 12px 64px;
    margin-left: -50px;
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
    border-radius: 15px;
}
.course_detail .author_block_card a {
    color: #2a322d;
}
.course_detail .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 19px 24px;
    background: #fefcfb;
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
    border-radius: 20px;
}
.course_detail .info .info_left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 54px;
}
.course_detail .info .info_left i {
    color: var(--second-color);
}
.course_detail .info .info_right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 64px;
    padding-left: 64px;
    margin-left: 64px;
    border-left: 1px solid #b7bdbb;
}
.course_detail .nav-tabs {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 32px;
    border: none;
    margin-bottom: 32px;
}
.course_detail .nav-tabs .nav-item .nav-link {
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
    transition: all 0.5s ease;
    border-radius: 0;
}
.course_detail .nav-tabs .nav-item .nav-link.active {
    border-left: 4px solid var(--second-color);
    padding-left: 15px;
    color: #2a322d;
    transition: all 0.5s ease;
}
.course_detail .tab-content .overview .points li {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}
.course_detail .tab-content .overview .points li p {
    margin: 0;
}
.course_detail .tab-content .overview .points li i {
    color: #fefcfb;
    background: var(--second-color);
    /* padding: 4px; */
    border-radius: 50%;
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.course_detail .tab-content .curriculum .curriculum_detail li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    border-bottom: 1px solid #b7bdbb;
}
.course_detail .tab-content .curriculum .curriculum_detail li .title {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
}
.dark-gray {
    color: #7a8582 !important;
}
.course_detail .tab-content .reviews .review_block {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}
.course_detail .tab-content .reviews .review_block img {
    border-radius: 15px;
}
.course_detail .tab-content .reviews .review_block span {
    display: flex;
    gap: 4px;
    font-size: 20px;
    color: var(--second-color);
}
.course_detail .tab-content .instructor .instructor_block {
    display: flex;
    gap: 11px;
    align-items: center;
}
.course_detail .tab-content .instructor .instructor_block .instructor_img {
    flex-shrink: 0;
}
.course_detail .tab-content .instructor .instructor_block .instructor_img img {
    border: 3px solid var(--second-color);
    border-radius: 50%;
    width: 74px;
    height: 74px;
}
.course_detail .tab-content .instructor .instructor_achievements {
    display: flex;
    align-items: center;
    gap: 30px;
}
.course_detail .tab-content .instructor .instructor_achievements li {
    display: flex;
    align-items: center;
    gap: 8px;
}
.course_detail .tab-content .instructor .instructor_achievements li span,
.course_detail .tab-content .instructor .instructor_achievements li i {
    color: var(--second-color);
}
.course_detail .tab-content .instructor .instructor_achievements li p {
    margin: 0;
}
/* End Course Details */

/* Start FAQS Page */
#faqAccordion .faq-block {
    /* padding: 24px; */
    /* padding-right: 48px; */
    margin-bottom: 24px;
    border-radius: 10px;
    background: #fefcfb;
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
    border: none;
}
#faqAccordion .faq-block .accordion-button {
    font-weight: 500;
    font-size: 21px;
    line-height: 130%;
    display: flex;
    justify-content: space-between;
}
#faqAccordion .faq-block .accordion-button .toggle-icon {
    font-size: 24px;
    margin-left: auto;
}
#faqAccordion .faq-block .accordion-button:not(.collapsed) {
    color: #2a322d;
    background: transparent;
    border: none;
    box-shadow: none;
}
#faqAccordion .faq-block .accordion-button:focus {
    border: none;
    box-shadow: none;
}
#faqAccordion .faq-block .accordion-body {
    font-size: 17px;
    font-weight: 400;
    padding-top: 0;
}
#pageForm .form-control,
#pageForm input {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.32px;
    background: transparent !important;
    border: 1px solid #b7bdbb;
    padding: 7px 12px;
    color: #7a8582;
    border-radius: 5px;
}
#pageForm .form-control.p_lg,
#pageForm input.p_lg {
    padding: 12px;
}
#pageForm .form-control:focus,
#pageForm input:focus {
    color: #7a8582;
    background: transparent;
    outline: none;
    box-shadow: none;
    border: 1px solid #0aa6d7;
}
/* End FAQS Page */

/* Start Gallery Page */
.g_c .gallery_card {
    padding: 32px;
    background: #fefcfb;
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
    border-radius: 10px;
    -webkit-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}
.g_c:nth-child(odd) .gallery_card {
    transform: rotate(-2deg);
}
.g_c:nth-child(even) .gallery_card {
    transform: rotate(2deg);
}
.g_c:hover .gallery_card {
    transform: rotate(0);
    -webkit-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}
/* End Gallery Page */

/* Start Contact Page */
.contact_links .contact_link_block {
    width: 100%;
    position: relative;
    padding: 12px;
    padding-left: 72px;
    border-radius: 25px 15px 15px 25px;
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
    background-color: #fefcfb;
    transition: all 0.5s ease;
    display: block;
}
.contact_links .contact_link_block .icon {
    position: absolute;
    top: -8px;
    left: 0;
    z-index: 10;
    background-color: #fefcfb;
    border-radius: 50%;
    border: 3.2px solid rgba(10, 166, 215, 0.2);
    display: grid;
    align-content: center;
    justify-content: center;
    height: 64px;
    width: 64px;
    box-shadow: 1.28px 0.64px 3.2px 0px rgba(2, 69, 122, 0.04), 5.76px 2.56px 6.4px 0px rgba(2, 69, 122, 0.03), 12.16px 6.4px 8.32px 0px rgba(2, 69, 122, 0.02), 22.4px 10.88px 9.6px 0px rgba(2, 69, 122, 0.01), 34.56px 17.28px 10.88px 0px rgba(2, 69, 122, 0);
    transition: 0.5s all ease;
}
.contact_links .contact_link_block:hover .icon {
    border-color: rgba(10, 167, 215, 0.496);
    transition: 0.5s all ease;
}
.contact_links .contact_link_block .icon i {
    color: #0aa6d7;
    transition: all 0.5s ease;
    font-size: 24px;
}
.contact_links .contact_link_block:hover .icon i {
    transform: scale(1.1);
    transition: all 0.5s ease;
}
.contact_links .contact_link_block h6 {
    font-weight: 600;
    font-size: 16px;
    color: #7a8582 !important;
}
.contact_links .contact_link_block span {
    color: #7a8582;
    transition: all 0.5s ease;
}
/* End Contact Page */

/* Start Teacher Details Page */
.team_detail h2 {
    font-weight: 500;
    font-size: 47px;
}
.team_detail .teacher_stats .stats_block {
    padding: 16px 0;
    border-bottom: 1px solid #b7bdbb;
}
.team_detail .h5 {
    font-weight: 500;
    font-size: 21px;
}
.team_detail .teacher_stats .stats_block .skill_box {
    background: #c9cfce;
    height: 8px;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
}
.team_detail .teacher_stats .stats_block .skill_box .progress_bar {
    height: 100%;
    border-radius: 5px;
    background: radial-gradient(220.2% 70.12% at 30.24% 45.37%, #8ee3f9 0%, #d5aefc 100%);
}
.social_icons_list_2 {
    display: flex;
    align-items: center;
    gap: 16px;
}
.social_icons_list_2 li {
    flex-shrink: 0;
}
.social_icons_list_2 li a {
    background: #fefcfb;
    box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
    transition: all 0.5s ease;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.social_icons_list_2 li a:hover {
    background: #0aa6d7;
    transition: all 0.5s ease;
}
.social_icons_list_2 li a svg path {
    fill: #2a322d;
    transition: all 0.5s ease;
}
.social_icons_list_2 li a:hover svg path {
    fill: #fefcfb;
    transition: all 0.5s ease;
}
/* End Teacher Details Page */

/* Start Login Page */
.form_page {
    background: url(../img/login.png);
    background-size: cover;
    background-position: center;
    position: relative;
    height: 100vh;
    overflow: hidden;
}
.form_page h2{
    font-weight: 500;
    font-size: 47px;
}
.form_page .h6,
.form_page h6{
    font-weight: 600;
    font-size: 16px;
}
.form_page .form_block {
    height: 100vh;
    display: grid;
    align-content: center;
    position: relative;
}
.form_page .form_block .text_block {
    position: relative;
    z-index: 25;
}
.educate_link_btn {
    display: flex;
    align-items: center;
    gap: 8px;
}
.form_page .form_block .text_block .title {
    position: relative;
    width: fit-content;
}
.form_page .form_block .text_block .title .speaker_icon {
    position: absolute;
    width: 73px;
    height: 73px;
    right: -75px;
    top: -30px;
}
.form_page .form_block .text_block .link-btn {
    background: transparent;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    justify-content: center;
    width: 100%;
    padding: 8px 12px;
    transition: all 0.5s ease;
    border-radius: 5px;
    border: 1px solid #b7bdbb;
}
.form_page .form_block .text_block .link-btn:hover{
    color: var(--second-color);
}
.form_page .form_block .text_block .or {
    position: relative;
    text-align: center;
}
.form_page .form_block .text_block .or::after,
.form_page .form_block .text_block .or::before {
    content: "";
    height: 1px;
    width: 46%;
    position: absolute;
    top: 14px;
    background: #c9cfce;
}
.form_page .form_block .text_block .or::before {
    left: 0;
}
.form_page .form_block .text_block .or::after {
    right: 0;
}
.form_page .form_block .text_block .bottom-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 36px;
}
.form_page .form_block .text_block .bottom-row a{
    font-weight: 700;
}
.form_page .form_block .shapes img {
    position: absolute;
}
.form_page .form_block .shapes img:nth-child(1) {
    right: 50px;
    top: 98px;
}
.form_page .form_block .shapes img:nth-child(2) {
    top: 46%;
    left: -150px;
}
.form_page .form_block .shapes img:nth-child(3) {
    bottom: -94px;
    right: 0;
}
.form_page .form_block .shapes img:nth-child(4) {
    right: 70px;
    bottom: 30px;
}
/* End Login Page */