:root {
    --black-edu: #000;
    --black-v1-edu: #202020;
    --yellow-edu: #ffb300;
    --yellow-v1-edu: #ffb201;
    --lightyellow-edu: #fffcf6;
    --lightyellow-v1-edu: #fff0cc;
    --lightyellow-v2-edu: #ffe4a3;
    --orange-edu: #ff7725;
    --white-edu: #ffffff;
    --blue-edu: #000662;
    --blue-v1-edu: #203556;
    --blue-v2-edu: #111331;
    --gray-edu: #909090;
    --gray-v1-edu: #888888;
    --gray-v2-edu: #eaeaea;
    --gray-v3-edu: #e5e5e5;
    --sky-edu: #3eb9dc;
    --green-edu: #78b36b;
    --green-v1-edu: #58b42f;
    --green-v2-edu: #aeff9d;
    --green-v3-edu: #daffd2;
    --lightred-rgb-edu: 255, 239, 242;
    --lighrblue-rgb-edu: 239, 247, 247;
    --white-rgb-edu: 255, 255, 255;
    --yellow-rgb-edu: 255, 179, 0;
    --yellow-v1-rgb-edu: 255, 178, 1;
    --orange-rgb-edu: 255, 119, 37;
    --ImgSizeX: 50vw;
    --ImgSizeY: calc(var(--ImgSizeX) / 4 * 3);
    --scaler: 5vw;
}

body {
    padding-top: 0px;
    padding-bottom: 0px;
    /*-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;*/
    font-size: 16px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 400;
    position: relative;
}

a,
a:active,
a:focus,
button,
button:focus,
button:active,
.btn,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn.active.focus {
    outline: none;
    outline: 0;
}

input::-moz-focus-inner {
    border: 0;
}

.theme-dropdown .dropdown-menu {
    position: static;
    display: block;
    margin-bottom: 20px;
}

.theme-showcase>p>.btn {
    margin: 5px 0;
}

.theme-showcase .navbar .container {
    width: auto;
}

li a:hover {
    text-decoration: none;
}

.no-resize {
    resize: none !important;
}

input[type="file"].form-control {
    height: auto !important;
}


/********************************************************
********************************************************/

header {
    width: 100%;
    height: auto;
    padding: 13px 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    z-index: 9;
}

.logo_area {
    width: 134px;
    height: auto;
    display: inline-block;
}

.logo_area img {
    width: 100%;
}

.btn-gradient {
    width: auto;
    color: var(--white-edu);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: "Plus Jakarta Sans", sans-serif;
    text-transform: uppercase;
    border: var(--yellow-edu) 0px solid;
    padding: 13px 27px;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    display: inline-block;
    background: rgb(var(--yellow-rgb-edu));
    background: linear-gradient(45deg, rgba(var(--yellow-rgb-edu), 1) 0%, rgba(var(--orange-rgb-edu), 1) 100%);
}

.btn-gradient:focus,
.btn-gradient:hover {
    background: var(--yellow-edu);
    background: linear-gradient(45deg, rgba(var(--orange-rgb-edu), 1) 0%, rgba(var(--orange-rgb-edu), 1) 100%);
    color: var(--white-edu);
    border: var(--yellow-edu) 0px solid;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    outline: 0;
}

.btn-hamburger {
    width: 17px;
    height: 17px;
    background-color: none;
    border: none;
    margin-left: 15px;
}

.banner_sec {
    padding-top: 106px;
    background: var(--light-red-edu);
    background: linear-gradient(145deg, rgba(var(--lightred-rgb-edu), 1) 0%, rgba(var(--lighrblue-rgb-edu), 1) 100%);
    position: relative;
}

.banner_sec .free_trial img {
    width: 30px;
    height: auto;
}

#banner-carousel .container {
    padding: 50px 0 30px;
}

.banner_sec h1 {
    font-size: 54px;
    color: var(--blue-edu);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 900;
    margin-top: 30px;
    margin-bottom: 40px;
}

.banner_sec h1 span {
    color: var(--yellow-v1-edu);
}

.banner_sec p {
    font-size: 18px;
    color: var(--black-v1-edu);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 400;
    margin: 0 13% 45px;
}

.banner_sec a.know_more {
    font-size: 18px;
    color: var(--blue-edu);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 400;
    display: inline-block;
    text-decoration: none;
    margin: 0 15px;
    position: relative;
    padding-left: 40px;
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.banner_sec a.know_more:hover {
    color: var(--yellow-v1-edu);
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.banner_sec a.know_more img,
.banner_sec a.know_more i {
    color: var(--yellow-v1-edu);
    position: absolute;
    left: 0;
    top: 0;
}

.banner_sec a.know_more i {
    font-size: 23px;
    left: 10px;
    top: 0;
}

.btn-gradient.btn-banner {
    padding: 6px 26px;
    letter-spacing: 6px;
    position: relative;
}

.btn-gradient.btn-banner:before {
    width: 34px;
    height: 39px;
    background: url(../img/btn-banner-before.png) no-repeat;
    content: "";
    pointer-events: none;
    position: absolute;
    left: -25px;
    top: -24px;
}

.search_area {
    padding: 41px 13% 30px;
}

.form-control {
    display: block;
    width: 100%;
    height: 57px;
    padding: 6px 12px 6px 20px;
    font-size: 16px;
    line-height: 1.42857143;
    color: var(--blue-edu);
    font-family: "Plus Jakarta Sans", sans-serif;
    background-color: #fff;
    background-image: none;
    border: 1px solid var(--white-edu);
    border-radius: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}

textarea.form-control {
    height: auto;
}

.form-control:focus {
    border-color: #ff7725;
    outline: 0;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(var(--orange-rgb-edu), .075), 0 0 8px rgba(var(--orange-rgb-edu), .6);
    box-shadow: inset 0 1px 1px rgba(var(--orange-rgb-edu), .075), 0 0 8px rgba(var(--orange-rgb-edu), .6);
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}

.banner_sec .input-group .btn {
    position: relative;
    z-index: 2;
    padding: 15px;
    border-radius: 0px 30px 30px 0;
}

.banner_dot {
    padding: 0;
    margin: 0;
    list-style: none;
}

.banner_dot li {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
}

.banner_dot li:nth-child(1) {
    background-color: #a2ce42;
    left: 34%;
    top: 16%;
}

.banner_dot li:nth-child(2) {
    background-color: #ff4b54;
    left: 13%;
    top: 56%;
}

.banner_dot li:nth-child(3) {
    background-color: #ffb201;
    left: 25%;
    bottom: 60px;
}

.banner_dot li:nth-child(4) {
    background-color: #6a36dd;
    right: 30%;
    bottom: 160px;
}

.banner_dot li:nth-child(5) {
    background-color: #149896;
    right: 16%;
    top: 340px;
}

#banner-carousel .owl-dots {
    position: absolute;
    bottom: -17px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#banner-carousel .owl-dots,
#banner-carousel .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

#banner-carousel .owl-dots {
    width: 134px;
    background: #fff;
    border-radius: 30px;
    padding: 0 9px;
}

#banner-carousel .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
}

#banner-carousel .owl-dots .owl-dot span,
#banner-carousel .owl-dots .owl-dot span {
    width: 7px;
    height: 7px;
    margin: 4.5px 6px;
    background: var(--blue-edu);
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 50%;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

#banner-carousel .owl-dots .owl-dot:hover span,
#banner-carousel .owl-dots .owl-dot.active span {
    width: 10px;
    height: 10px;
    background: var(--yellow-v1-edu);
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

#banner-carousel .owl-controls .owl-page.active span {
    filter: Alpha(Opacity=100);
    opacity: 1;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
    position: absolute;
}


/* 
#banner-carousel .owl-controls .owl-nav .owl-prev,
#banner-carousel .owl-controls .owl-nav .owl-next {
	top:0;
	bottom:0;
	margin:auto;
	width:20px;
	height:20px;
	font-size:2em;
	color:#4670bb;
	cursor: pointer;
}
#banner-carousel .owl-controls .owl-nav .owl-prev {
	left:5%;
}
#banner-carousel .owl-controls .owl-nav .owl-next {
	right:5%;
} */


/********************************************************
********************************************************/

.client_experience_sec {
    padding-top: 30px;
    padding-bottom: 30px;
}

.headline h2 {
    font-size: 54px;
    color: var(--blue-edu);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 900;
    margin-top: 0;
    margin-bottom: 40px;
}

.headline h2 span {
    color: var(--yellow-v1-edu);
}


/* Style the tab */

.client_experience_sec .tab {
    overflow: hidden;
    border: 1px solid transparent;
    background-color: transparent;
}


/* Style the buttons inside the tab */

.client_experience_sec .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0 14px 14px 16px;
    transition: 0.3s;
    font-size: 18px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 400;
    color: var(--blue-edu);
}

.client_experience_sec .tab button.outof_list {
    color: var(--gray-edu);
    cursor: default;
}

.client_experience_sec .tab button.outof_list:hover {
    color: var(--gray-edu);
}


/* Change background color of buttons on hover */

.tab button:hover {
    background-color: transparent;
    color: var(--yellow-v1-edu);
}


/* Create an active/current tablink class */

.tab button.active {
    background-color: transparent;
    color: var(--yellow-v1-edu);
}


/* Style the tab content */

.client_experience_sec .tabcontent {
    display: none;
    padding: 0;
    /* border: 1px solid #ccc; */
    border-top: none;
}

.client_experience_area {
    width: 100%;
    height: auto;
    border-radius: 30px;
    -webkit-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.16);
}

.client_experience_img {
    width: 100%;
    height: auto;
    max-height: 338px;
    overflow: hidden;
    border-radius: 30px 30px 0px 0px;
}

.client_experience_img img {
    width: 100%;
    height: auto;
}

.client_experience_txt {
    width: 100%;
    height: auto;
    padding: 25px;
    /*text-align: center;*/
}

.client_experience_txt h4 {
    font-size: 24px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 400;
    color: var(--blue-edu);
    margin-top: 0;
    margin-bottom: 25px;
}

.client_experience_txt p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
}

.client_experience_txt li {
    padding: 5px 0!important;
}

.client_experience_txt li i.bi {
    font-size: 20px;
}

.client_list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.client_list li {
    padding: 15px;
    margin: 0;
}

.dms-carousel .owl-nav {
    width: 63px;
    height: auto;
    position: absolute;
    right: 20px;
    top: -26px;
}

.dms-carousel .owl-nav .owl-prev,
.dms-carousel .owl-nav .owl-next {
    top: 0;
    bottom: 0;
    margin: auto;
    width: 26px;
    height: 26px;
    font-size: 17px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    padding: 3px;
    cursor: pointer;
    line-height: 16px;
    border: var(--yellow-edu) 1px solid;
    background-color: var(--yellow-edu);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}

.dms-carousel .owl-nav .owl-prev:hover,
.dms-carousel .owl-nav .owl-next:hover {
    background-color: transparent;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    border: var(--blue-edu) 1px solid;
    background-color: var(--blue-edu);
}

.dms-carousel .owl-nav .owl-prev {
    left: 0;
}

.dms-carousel .owl-nav .owl-next {
    right: 0;
}


/********************************************************
********************************************************/

.companies_sec {
    padding-top: 0;
    padding-bottom: 50px;
}

.yellow_txt {
    color: var(--yellow-v1-edu);
}

.companies_sec .headline h4 {
    font-size: 24px;
    color: var(--blue-edu);
}

.companies_sec .headline h4 img {
    margin-right: 20px;
}

.companies_sec .headline h4 .yellow_txt {
    position: relative;
}

.companies_sec .headline h4 .yellow_txt::after {
    width: 100%;
    height: 2px;
    background-color: var(--yellow-v1-edu);
    content: "";
    position: absolute;
    left: -10px;
    bottom: -7px;
}

.slider_list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.companies_sec .slider_list {
    margin: 20px 0 0 0;
}

.companies_sec .slider_list li {
    padding: 0 40px;
    margin: 0;
}

.companies_sec .slider_list li img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.companies_sec .slider_list li img:hover {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.dms_v_tabs_sec {
    padding-top: 30px;
    padding-bottom: 55px;
}

.dms_v_tabs_area {
    background-color: var(--white-edu);
    border-radius: 30px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}


/* Style the tab */

.dms_v_tabs_sec .nav-pills {
    width: 35%;
    height: auto;
    padding: 40px 15px 22px 50px;
}


/* Style the buttons inside the tab */

.dms_v_tabs_sec .nav-pills button {
    display: block;
    background-color: transparent;
    color: var(--black-edu);
    padding: 0 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
    position: relative;
    padding-left: 75px;
}

.dms_v_tabs_sec .nav-pills button:before {
    width: 55px;
    height: 60px;
    background: url(../img/split_ico.png) no-repeat;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.dms_v_tabs_sec .nav-pills button.btn-DMS:before {
    background-position: -11px -18px;
}

.dms_v_tabs_sec .nav-pills button.btn-DMS:hover:before,
.dms_v_tabs_sec .nav-pills button.btn-DMS.active:before {
    background-position: -11px -99px;
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.dms_v_tabs_sec .nav-pills button.btn-AMS:before {
    background-position: -11px -173px;
}

.dms_v_tabs_sec .nav-pills button.btn-AMS:hover:before,
.dms_v_tabs_sec .nav-pills button.btn-AMS.active:before {
    background-position: -11px -250px;
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.dms_v_tabs_sec .nav-pills button.btn-HRMS:before {
    background-position: -9px -319px;
}

.dms_v_tabs_sec .nav-pills button.btn-HRMS:hover:before,
.dms_v_tabs_sec .nav-pills button.btn-HRMS.active:before {
    background-position: -9px -396px;
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.dms_v_tabs_sec .nav-pills button.btn-HD:before {
    background-position: -9px -478px;
}

.dms_v_tabs_sec .nav-pills button.btn-HD:hover:before,
.dms_v_tabs_sec .nav-pills button.btn-HD.active:before {
    background-position: -9px -559px;
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.dms_v_tabs_sec .nav-pills button.btn-FINN:before {
    background-position: -9px -632px;
}

.dms_v_tabs_sec .nav-pills button.btn-FINN:hover:before,
.dms_v_tabs_sec .nav-pills button.btn-FINN.active:before {
    background-position: -9px -706px;
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.esplProduct-detail-list li {
    padding: 0 0 10px 24px;
    margin: 0;
    position: relative;
    font-size: 16px;
    display: inline-block;
    font-weight: 500;
}

.esplProduct-detail-list li:after {
    width: 24px;
    height: 20px;
    content: "\f633";
    font-family: bootstrap-icons !important;
    color: var(--green-v1-edu);
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1;
}


/* Change background color of buttons on hover */

.dms_v_tabs_sec .nav-pills button h2 {
    font-size: 36px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 600;
    color: var(--blue-edu);
    margin-bottom: 0;
    text-transform: uppercase;
}

.dms_v_tabs_sec .nav-pills button p {
    font-size: 16px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 400;
    color: var(--black-v1-edu);
    margin-bottom: 40px;
}


/* Change background color of buttons on hover */

.dms_v_tabs_sec .nav-pills button:hover h2 {
    color: var(--yellow-v1-edu);
}


/* Create an active/current "tab button" class */

.dms_v_tabs_sec .nav-pills button.active h2 {
    color: var(--yellow-v1-edu);
}

.dms_v_tabs_sec .nav-pills .nav-link.active,
.dms_v_tabs_sec .nav-pills .show>.nav-link {
    /* color: var(--bs-nav-pills-link-active-color); */
    background-color: transparent;
}


/* Style the tab content */

.dms_v_tabs_sec .tab-content {
    padding: 40px 20px;
    border: 0px solid #ccc;
    width: 65%;
    border-left: none;
    height: auto;
}

.dms_v_tabs_sec .tab-content p {
    font-size: 16px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 400;
    color: var(--black-v1-edu);
    margin-bottom: 40px;
    line-height: 2;
}

.dms_v_tabs_sec .tab-content .shadow_img_area {
    position: relative;
    padding-right: 40px;
    padding-bottom: 30px;
}

.dms_v_tabs_sec .tab-content .shadow_img_area:after {
    width: 94%;
    height: 95%;
    content: "";
    background-color: var(--yellow-v1-edu);
    border-radius: 30px;
    position: absolute;
    bottom: 3px;
    right: 16px;
    z-index: 0;
}

.dms_v_tabs_sec .tab-content .shadow_img_area img {
    width: 100%;
    height: auto;
    border-radius: 30px;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 5px 5px 14px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 14px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 14px 0px rgba(0, 0, 0, 0.3);
}

.dms_v_tabs_sec .tab-content .shadow_img_area .btn_area {
    width: 217px;
    height: 55px;
    border-radius: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}

.btn-blue {
    width: auto;
    color: var(--white-edu);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: "Plus Jakarta Sans", sans-serif;
    text-transform: uppercase;
    border: var(--blue-edu) 0px solid;
    padding: 13px 27px;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    display: inline-block;
    background: var(--blue-edu);
    -webkit-box-shadow: 5px 5px 75px 25px rgba(var(--yellow-v1-rgb-edu), 0.3);
    -moz-box-shadow: 5px 5px 75px 25px rgba(var(--yellow-v1-rgb-edu), 0.3);
    box-shadow: 5px 5px 75px 25px rgba(var(--yellow-v1-rgb-edu), 0.3);
}

.btn-blue:focus,
.btn-blue:hover {
    background: var(--orange-edu);
    color: var(--white-edu);
    border: var(--orange-edu) 0px solid;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    outline: 0;
}

.btn-blue-ns {
    width: auto;
    color: var(--white-edu);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: "Plus Jakarta Sans", sans-serif;
    text-transform: uppercase;
    border: var(--blue-edu) 0px solid;
    padding: 13px 27px;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    display: inline-block;
    background: var(--blue-edu);
}

.btn-blue-ns:focus,
.btn-blue-ns:hover {
    background: var(--orange-edu);
    color: var(--white-edu);
    border: var(--orange-edu) 0px solid;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    outline: 0;
}


/********************************************************
********************************************************/

.why_choose_sec {
    padding-bottom: 45px;
}

.headline h4 {
    font-size: 18px;
    color: var(--blue-edu);
    font-weight: 600;
    margin-bottom: 10px;
}

.headline p {
    font-size: 18px;
    color: var(--black-edu);
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 1.8;
}

.why_choose_sec .why_choose_area {
    width: 100%;
    height: auto;
    border-radius: 20px;
    background-color: #fff;
    text-align: center;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.23);
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.23);
    padding: 27px;
}

.why_choose_sec .why_choose_area .why_choose_ico {
    width: 65px;
    height: 65px;
    background-color: var(--lightyellow-edu);
    border-radius: 50%;
    margin: 0 auto 20px auto;
    line-height: 62px;
}

.why_choose_sec .why_choose_area .why_choose_head {
    font-size: 18px;
    color: var(--blue-edu);
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 1.8;
}

.why_choose_sec .why_choose_area p {
    font-size: 15px;
    color: var(--black-v1-edu);
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 1.8;
}

.pricing_sec {
    padding-top: 45px;
    padding-bottom: 105px;
}

.yellow_area {}


/********************************************************
********************************************************/


/* animation: up-and-down ease-in-out 6s infinite;
@keyframes up-and-down {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(20px);
    }

    100% {
        transform: translateY(0);
    }
} */


/********************************************************
********************************************************/

#carousel {
    display: flex;
    justify-content: center;
    position: relative;
    height: var(--ImgSizeY);
}

#carousel a {
    position: absolute;
    aspect-ratio: 4/3;
    cursor: pointer;
    transition: transform 1s, left 1s, opacity 1s, z-index 0s;
    opacity: 1;
}

#carousel a img {
    width: var(--ImgSizeX);
    height: 100%;
    transition: width 1s;
}

#carousel a.hideLeft {
    left: 0%;
    opacity: 0;
    transform: translateY(50%) translateX(0%);
}

#carousel a.hideLeft img,
#carousel a.hideRight img {
    width: calc(var(--ImgSizeX) / 2);
}

#carousel a.hideRight {
    left: 100%;
    opacity: 0;
    transform: translateY(50%) translateX(-100%);
}

#carousel a.prev {
    z-index: 5;
    left: 30%;
    transform: translateY(17.5%) translateX(-50%);
}

#carousel a.prev img,
#carousel a.next img {
    width: calc(var(--ImgSizeX) / 4 * 3);
}

#carousel a.prevSecond {
    z-index: 4;
    left: 15%;
    transform: translateY(50%) translateX(-50%);
    opacity: 0;
}

#carousel a.prevSecond img,
#carousel a.nextSecond img {
    width: calc(var(--ImgSizeX) / 2);
}

#carousel a.selected {
    z-index: 6;
    left: 50%;
    transform: translateY(0px) translateX(-50%);
}

#carousel a.next {
    z-index: 5;
    left: 70%;
    transform: translateY(17.5%) translateX(-50%);
}

#carousel a.nextSecond {
    z-index: 4;
    left: 85%;
    transform: translateY(50%) translateX(-50%);
    opacity: 0;
}


/********************************************************
********************************************************/

.white_gradient_area {
    position: relative;
}

.white_gradient_area:after {
    width: 100%;
    height: 90%;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    z-index: 6;
    background: rgb(255, 255, 255);
    background: linear-gradient(357deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .9) 15%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
}

.white_gradient_area .btn_area {
    width: 217px;
    height: 55px;
    border-radius: 30px;
    position: absolute;
    top: 0;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 7;
}

.white_gradient_area .headline {
    widows: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 70px;
    z-index: 7;
}

.pricing_sec .nav-tabs {
    justify-content: center;
    border-bottom: 0;
    margin-bottom: 40px;
}

.pricing_sec .nav-tabs .nav-link {
    margin-bottom: 0;
    border: 0 solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 35px;
    font-weight: 700;
    color: var(--blue-edu);
    text-transform: uppercase;
}

.pricing_sec .nav-tabs .nav-link:focus,
.pricing_sec .nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: transparent;
    color: var(--yellow-v1-edu);
}

.pricing_sec .nav-tabs .nav-item.show .pricing_sec .nav-link,
.nav-tabs .nav-link.active {
    color: var(--yellow-v1-edu);
    background-color: transparent;
    border-color: transparent;
}

.pricing_sec .price_panel_area {
    width: 100%;
    height: auto;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.23);
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.23);
    position: relative;
    z-index: 1;
}

.pricing_sec .price_panel {
    width: 100%;
    height: auto;
    border-radius: 20px;
    background-color: #fff;
    padding: 30px 20px 40px;
    position: relative;
    z-index: 2;
}

.pricing_sec .price_panel_area h3 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 30px;
    font-weight: 400;
    color: var(--blue-edu);
    margin-top: 0;
    margin-bottom: 10px;
}

.pricing_sec .price_panel_area h2 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 48px;
    font-weight: 700;
    color: var(--black-edu);
    margin-top: 0;
    margin-bottom: 10px;
}

.pricing_sec .price_panel_area h2 i {
    font-size: 30px;
    font-weight: 400;
    color: var(--blue-edu);
}

.pricing_sec .price_panel_area h2 span {
    font-size: 18px;
    font-weight: 400;
    color: var(--gray-v1-edu);
}

.pricing_sec .price_panel_area .price_panel_head p {
    font-size: 18px;
    color: var(--gray-v1-edu);
}

.pricing_sec .price_panel_area hr {
    border-top: var(--yellow-v1-edu) 2px solid;
    opacity: 1;
}

.price_panel_head,
.price_panel_txt {
    width: 100%;
    height: auto;
    padding: 0 15px;
}

.pricing_sec .price_panel_area p {
    font-size: 16px;
    color: var(--black-v1-edu);
}

.pricing_sec .price_panel_area p span {
    color: var(--sky-edu);
}

.pricing_sec .price_panel_area .price_panel_list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.pricing_sec .price_panel_area .price_panel_list li {
    padding: 0 0 20px 25px;
    margin: 0;
    position: relative;
    font-size: 16px;
    color: var(--black-v1-edu);
}

.pricing_sec .price_panel_area .price_panel_list li:after {
    width: 15px;
    height: 12px;
    content: "\f633";
    font-family: bootstrap-icons !important;
    color: var(--green-edu);
    position: absolute;
    left: 0;
    top: 0;
}

.pricing_sec .price_panel_area:before {
    width: 100%;
    height: 100%;
    background-color: var(--yellow-v1-edu);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    border-radius: 20px;
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.pricing_sec .price_panel_area:hover:before,
.pricing_sec .price_panel_area.active:before {
    bottom: -15px;
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}


/********************************************************
********************************************************/

.development_sec {
    padding-top: 20px;
    padding-bottom: 0;
}

.yellow_area {
    width: 100%;
    height: auto;
    background-color: var(--lightyellow-edu);
    border-radius: 30px;
    padding: 30px;
}

.accordion-flush .accordion-item {
    margin-bottom: 19px;
    border-bottom: 0;
    background-color: transparent;
}

.accordion-button {
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 24px;
    color: var(--black-edu);
    text-align: left;
    background-color: #fff;
    border-radius: 4px !important;
    transition: var(--bs-accordion-transition);
}

.accordion-button:not(.collapsed) {
    color: var(--black-edu);
    background-color: var(--lightyellow-v1-edu);
    box-shadow: none;
}

.accordion-button::after {
    flex-shrink: 0;
    width: 41px;
    height: 41px;
    margin-left: auto;
    content: "";
    background-color: var(--lightyellow-v2-edu);
    border-radius: 50%;
    background-position: center;
    fill: var(--yellow-v1-edu);
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-body {
    font-size: 16px;
    color: var(--black-v1-edu);
    line-height: 1.8;
}


/********************************************************
********************************************************/

.blogs_area {
    position: relative;
    z-index: 2;
    bottom: -80px;
}

.blogs_txt {
    width: 100%;
    height: auto;
    border-radius: 0;
    -webkit-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.16);
    background-color: var(--white-edu);
    padding: 30px;
}

.blogs_txt h3 {
    font-size: 24px;
    color: var(--blue-edu);
    font-weight: 400;
    margin-bottom: 10px;
}

.blogs_txt h4 {
    font-size: 18px;
    color: var(--gray-edu);
    font-weight: 400;
    margin-bottom: 10px;
}

.blogs_txt p {
    font-size: 16px;
    color: var(--black-v1-edu);
    font-weight: 400;
    line-height: 1.6;
}

.blogs_txt .readmore {
    font-size: 16px;
    color: var(--yellow-v1-edu);
    font-weight: 400;
    line-height: 1.6;
    position: relative;
    padding-left: 78px;
    text-decoration: none;
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.blogs_txt .readmore:hover {
    color: var(--black-edu);
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.blogs_txt .readmore::after {
    width: 68px;
    height: 2px;
    background-color: var(--yellow-v1-edu);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 0;
}

.blogs_txt .readmore::before {
    width: 11px;
    height: 11px;
    background-color: var(--blue-edu);
    content: "";
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    animation: turn 5s linear infinite;
}

@keyframes turn {
    0% {
        left: 0px;
    }
    50% {
        left: 60px;
    }
    100% {
        left: 0px;
    }
}

.blogs-carousel .owl-dots {
    position: absolute;
    bottom: -48px;
    left: 15px;
    /* right: 0; */
    margin: auto;
    width: 102px;
    padding: 0px 13px;
    text-align: center;
    height: 24px;
    border-radius: 30px;
    background: var(--white-edu);
}

.blogs-carousel .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.blogs-carousel .owl-dots .owl-dot {
    display: initial;
    zoom: 1;
}

.blogs-carousel .owl-dots .owl-dot span,
.blogs-carousel .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
    margin: 8px 5px;
    border: var(--blue-edu) 1px solid;
    background: var(--blue-edu);
    display: inline-block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    vertical-align: middle;
}

.blogs-carousel .owl-dots .owl-dot.active span,
.blogs-carousel .owl-dots .owl-dot:hover span {
    width: 10px;
    height: 10px;
    background: var(--yellow-v1-edu);
    border: var(--yellow-v1-edu) 1px solid;
}

.blogs-carousel .owl-controls .owl-page.active span,
.blogs-carousel .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1;
}


/********************************************************
********************************************************/

.gradient_bg {
    padding-top: 194px;
    padding-bottom: 40px;
    background: rgb(255, 179, 0);
    background: linear-gradient(45deg, rgba(255, 179, 0, 1) 0%, rgba(255, 119, 37, 1) 100%);
    position: relative;
}

.gradient_bg:after {
    width: 100%;
    height: 40%;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    z-index: 6;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 0.028448879551820738) 100%);
    pointer-events: none;
}


/********************************************************
********************************************************/

.team_area {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
}

.team_area .team_img,
.team_area .team_img img,
.team_area .team_txt {
    width: 100%;
    height: auto;
}

.team_area .team_txt {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 70px 25px 25px;
    background: rgb(0, 6, 98);
    background: linear-gradient(0deg, rgba(0, 6, 98, 1) 0%, rgba(0, 6, 98, 0.028448879551820738) 100%);
}

.team_area .team_txt h3 {
    font-size: 22px;
    color: var(--white-edu);
    margin-bottom: 0;
}

.team_area .team_txt p {
    font-size: 16px;
    color: var(--white-edu);
    margin-bottom: 0;
}

.team-carousel .owl-nav {
    width: 63px;
    height: auto;
    position: absolute;
    right: 20px;
    top: -26px;
}

.team-carousel .owl-nav .owl-prev,
.team-carousel .owl-nav .owl-next {
    top: 0;
    bottom: 0;
    margin: auto;
    width: 26px;
    height: 26px;
    font-size: 17px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    padding: 3px;
    cursor: pointer;
    line-height: 16px;
    border: var(--yellow-edu) 1px solid;
    background-color: var(--yellow-edu);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}

.team-carousel .owl-nav .owl-prev:hover,
.team-carousel .owl-nav .owl-next:hover {
    background-color: transparent;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    border: var(--blue-edu) 1px solid;
    background-color: var(--blue-edu);
}

.team-carousel .owl-nav .owl-prev {
    left: 0;
}

.team-carousel .owl-nav .owl-next {
    right: 0;
}

.z-index2 {
    position: relative;
    z-index: 2;
}

.z-index22 {
    position: relative;
    z-index: 22;
}

.follow_area {
    padding: 50px 50px 30px;
    -webkit-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.10);
    background-color: var(--white-edu);
    border-radius: 20px;
}

.follow_area p {
    font-size: 16px;
    color: var(--black-v1-edu);
}

.follow_area ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.follow_area ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.follow_area ul li a {
    font-size: 16px;
    color: var(--black-v1-edu);
    text-decoration: none;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}

.follow_area ul li a:hover {
    font-size: 16px;
    color: var(--blue-edu);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}

p.footer_head {
    font-size: 16px;
    color: var(--blue-edu);
    font-weight: 700;
    text-transform: uppercase;
}

.follow_area ul.social_list li {
    display: inline-block;
    padding: 0 15px 5px 0;
}

.social_list li a {
    width: 24px;
    height: 24px;
    display: block;
}

.social_list li a img {
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.social_list li a:hover img {
    transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.footer_menu {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer_menu li {
    padding: 0 0 17px;
    margin: 0;
}

.footer_menu li a {
    font-size: 16px;
    color: var(--gray-edu);
    font-weight: 400;
    text-decoration: none;
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.footer_menu li a:hover,
.footer_menu li.active a {
    font-size: 16px;
    color: var(--yellow-v1-edu);
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.big_footer hr {
    border-top: var(--yellow-v1-edu) 2px solid;
    opacity: 1;
}


/********************************************************
					AMS
********************************************************/

.inner_banner_sec.banner_sec p {
    margin: 0 0 45px;
}

.inner_banner_sec.banner_sec a.know_more.blue_btn {
    background-color: var(--blue-edu);
    color: var(--white-edu);
    padding: 13px 27px;
    border-radius: 30px;
}

.inner_banner_sec.banner_sec a.know_more img {
    color: var(--yellow-v1-edu);
    position: relative;
    left: 0;
    top: 0;
    margin-right: 10px;
}

.inner_banner_sec.banner_sec a.know_more.blue_btn:hover {
    color: var(--yellow-v1-edu);
}

.inner_banner_sec .banner_dot li:nth-child(2) {
    left: 0%;
    top: 56%;
}

.inner_banner_sec .banner_dot li:nth-child(3) {
    left: 33%;
    bottom: 16px;
}

.inner_banner_sec .banner_dot li:nth-child(4) {
    right: 21%;
    bottom: 82px;
}

.inner_banner_sec .banner_dot li:nth-child(5) {
    right: 19%;
    top: 200px;
}

.inner_banner_sec .banner_dot li:nth-child(6) {
    left: 50%;
    top: 51%;
}

.headline h3 {
    font-size: 34px;
    color: var(--blue-edu);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 900;
    margin-top: 0;
    margin-bottom: 20px;
}

.headline h3 span {
    color: var(--yellow-v1-edu);
}

.headline h4 span.big_txt {
    font-size: 24px;
    color: var(--yellow-v1-edu);
}

.softwaremodule_sec .headline h4 {
    margin-bottom: 30px;
}

.softwaremodule_sec {
    padding-top: 60px;
    padding-bottom: 100px;
}

.softwaremodule_sec p {
    font-size: 24px;
    color: var(--black-v1-edu);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 400;
}

.softwaremodule_area {
    width: 100%;
    height: auto;
    border-radius: 30px;
    position: relative;
}

.softwaremodule_img {
    width: 100%;
    height: auto;
    /* max-height: 348px; */
    overflow: hidden;
    border-radius: 30px;
}

.softwaremodule_img img {
    width: 100%;
    height: auto;
}

.softwaremodule_head {
    width: 65%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    text-align: center;
    margin: 0 auto;
}

.softwaremodule_head h3 {
    font-size: 30px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 900;
    color: var(--yellow-v1-edu);
    margin-top: 0;
    margin-bottom: 0;
}

.ams_pricing_sec .headline h3 {
    display: contents;
}

.pricing_sec.ams_pricing_sec .nav-tabs {
    width: auto;
    margin-bottom: 0;
}

.pricing_sec.ams_pricing_sec .nav-tabs .nav-link {
    margin: 0 10px;
    font-size: 16px;
    font-weight: 700;
    background: #e4e4e4;
    color: var(--blue-edu);
    border-radius: 24px;
    padding: 4px 31px;
}

.pricing_sec.ams_pricing_sec .nav-tabs .nav-item.show .pricing_sec .nav-link,
.pricing_sec.ams_pricing_sec .nav-tabs .nav-link.active {
    color: var(--white-edu);
    background-color: transparent;
    border-color: transparent;
    background: var(--yellow-v1-edu);
}

.easy_login_img {
    width: auto;
    padding: 15px;
    background-color: var(--gray-v2-edu);
    border-radius: 20px;
}

.easy_login_sec .easy_login_list {
    padding: 0;
    margin: 0 0 30px 0;
    list-style: none;
}

.easy_login_sec .easy_login_list li {
    padding: 0 0 20px 30px;
    margin: 0;
    position: relative;
    font-size: 18px;
    color: var(--blue-edu);
    width: 49%;
    display: inline-block;
    font-weight: 700;
}

.easy_login_sec .easy_login_list li:after {
    width: 26px;
    height: 21px;
    content: "\f633";
    font-family: bootstrap-icons !important;
    color: var(--green-v1-edu);
    font-size: 24px;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1;
}

.configure_sec {
    border-top: var(--yellow-v1-edu) 16px solid;
    background: url(../img/configure_bg.png) no-repeat;
    background-size: cover;
    padding-top: 51px;
    padding-bottom: 55px;
}

.configure_sec .headline h3 {
    color: var(--yellow-v1-edu);
    margin-bottom: 40px;
}

.configure_sec .configure_img {
    width: 100%;
    height: auto;
    padding: 10px;
    background-color: var(--white-edu);
    border-radius: 20px;
}

.configure-carousel .owl-nav .owl-prev,
.configure-carousel .owl-nav .owl-next {
    top: 0;
    bottom: 0;
    margin: auto;
    width: 26px;
    height: 26px;
    font-size: 17px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    padding: 3px;
    cursor: pointer;
    line-height: 16px;
    border: var(--yellow-edu) 1px solid;
    background-color: var(--yellow-edu);
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    opacity: .4;
}

.configure-carousel .owl-nav .owl-prev:hover,
.configure-carousel .owl-nav .owl-next:hover {
    background-color: transparent;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    border: var(--yellow-v1-edu) 1px solid;
    background-color: var(--yellow-v1-edu);
    opacity: 1;
}

.configure-carousel .owl-nav .owl-prev {
    left: -100px;
}

.configure-carousel .owl-nav .owl-next {
    right: -100px;
}

.configure_sec h4 {
    color: var(--white-edu);
    margin-top: 30px;
}

.configure_sec h4 span {
    color: var(--yellow-v1-edu);
}

.configure_sec p {
    color: var(--white-edu);
}

.configure_sec p {
    color: var(--white-edu);
}

.configure_sec .readmore {
    font-size: 15px;
    color: var(--white-edu);
    font-weight: bold;
    position: relative;
    text-decoration: none;
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.configure_sec .readmore i {
    color: var(--yellow-v1-edu);
    margin-left: 5px;
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.configure_sec .readmore:hover i {
    margin-left: 10px;
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.dashboard_sec {
    padding-top: 50px;
    padding-bottom: 95px;
}

.dashboard_img {
    border: var(--gray-v3-edu) 4px solid;
    margin: 5px;
}

.dashboard_txt {
    width: 100%;
    height: auto;
}

.dashboard_txt h4 {
    font-size: 18px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 600;
    color: var(--blue-edu);
    margin-top: 0;
    margin-bottom: 0;
}


/* .dashboard-carousel .owl-dots {
    position: absolute;
    border-radius: 30px;
    background: var(--white-edu);
} */

.dashboard-carousel .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    bottom: -15px;
    position: relative;
}

.dashboard-carousel .owl-dots .owl-dot {
    display: initial;
    zoom: 1;
}

.dashboard-carousel .owl-dots .owl-dot span,
.dashboard-carousel .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
    margin: 8px 5px;
    border: var(--blue-v1-edu) 1px solid;
    background: var(--blue-v1-edu);
    display: inline-block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    vertical-align: middle;
}

.dashboard-carousel .owl-dots .owl-dot.active span,
.dashboard-carousel .owl-dots .owl-dot:hover span {
    width: 10px;
    height: 10px;
}

.dashboard-carousel .owl-controls .owl-page.active span,
.dashboard-carousel .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1;
}

.experience_sec {
    padding-top: 0;
    padding-bottom: 80px;
}


/********************************************************
********************************************************/

.experience_area {
    width: 320px;
    max-width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.13);
    position: relative;
    padding: 20px;
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.experience_area:hover {
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.23);
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.23);
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.experience_area .experience_profile {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.experience_area .experience_profile .experience_profile_img {
    width: 49px;
    height: 49px;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
}

.experience_area .experience_profile .experience_profile_Name {
    width: auto;
    height: auto;
}

.experience_area .experience_profile .experience_profile_Name h5 {
    font-size: 16px;
    font-weight: bold;
    color: var(--black-edu);
    margin-top: 0;
    margin-bottom: 0;
}

.experience_area .experience_profile .experience_profile_Name p {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-edu);
    margin-top: 0;
    margin-bottom: 0;
}

.experience_list {
    padding: 0 0 0 60px;
    margin: 0;
    list-style: none;
}

.experience_list li {
    padding: 0;
    margin: 15px;
    list-style: none;
}

.location_sec {
    padding-top: 112px;
    padding-bottom: 20px;
    position: relative;
    background-color: var(--blue-edu);
}

.location_sec:before {
    width: 100%;
    height: 119px;
    background: url(../img/location_before_img.png) no-repeat;
    background-size: cover;
    content: "";
    position: absolute;
    top: -49px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
}

.location_sec:after {
    width: 100%;
    height: 80px;
    background: url(../img/location_after_img.png) no-repeat;
    background-size: 100% 100%;
    content: "";
    position: absolute;
    bottom: -72px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
}

.location_sec .headline h3 {
    color: var(--yellow-v1-edu);
}

.location_area {
    width: 100%;
    height: auto;
    display: flex;
    margin-bottom: 30px;
    border: #1e2586 1px solid;
    align-items: center;
}

.location_area .location_ico {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 20px;
}

.location_area .location_txt {
    width: auto;
    height: auto;
    text-align: left;
    border-left: #1e2586 1px solid;
    padding: 20px 25px;
}

.location_area .location_txt h3 {
    font-size: 24px;
    color: var(--white-edu);
    font-weight: 600;
}

.location_area .location_txt p {
    font-size: 16px;
    color: var(--white-edu);
}

.location_area .readmore {
    font-size: 15px;
    color: var(--yellow-v1-edu);
    font-weight: bold;
    position: relative;
    text-decoration: none;
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.location_area .readmore i {
    color: var(--yellow-v1-edu);
    margin-left: 5px;
    font-size: 13px;
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.location_area .readmore:hover i {
    margin-left: 10px;
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.btn-white {
    width: auto;
    color: var(--blue-edu);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: "Plus Jakarta Sans", sans-serif;
    text-transform: uppercase;
    border: var(--white-edu) 0px solid;
    padding: 13px 27px;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    display: inline-block;
    background: var(--white-edu);
}

.btn-white:focus,
.btn-white:hover {
    background: var(--orange-edu);
    color: var(--white-edu);
    border: var(--orange-edu) 0px solid;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    outline: 0;
}

.various_sec {
    width: 100%;
    height: auto;
    background: url(../img/various_bg.png) no-repeat bottom center;
    background-size: 100% auto;
    padding-top: 125px;
    padding-bottom: 70px;
    margin-bottom: 40px;
}

.various_area {
    width: 100%;
    height: 100%;
    background-color: var(--blue-v2-edu);
    padding: 52px 40px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.45);
}

.various_area h3 {
    font-size: 34px;
    color: var(--yellow-v1-edu);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 900;
    margin-top: 0;
    margin-bottom: 40px;
}

.various_area p b {
    color: var(--green-v2-edu);
    font-weight: 600;
    text-transform: uppercase;
}

.various_area p {
    color: var(--white-edu);
}

.various_img_area {
    width: 100%;
    height: 100%;
    background-color: var(--green-v3-edu);
    padding: 52px 40px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.45);
    text-align: center;
}

.various_img_area img {
    width: 55%;
    height: auto;
    margin-bottom: 30px;
}

.check_area {
    width: 100%;
    height: auto;
    background-color: var(--blue-edu);
    padding: 45px 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.45);
    text-align: center;
}

.check_area .check_panel {
    width: 100%;
    height: auto;
    text-align: left;
}

.check_area .check_panel .check_ico {
    width: 100%;
    height: auto;
    margin-bottom: 35px;
}

.check_area .check_panel h3 {
    font-size: 34px;
    color: var(--yellow-v1-edu);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 900;
    margin-top: 0;
    margin-bottom: 30px;
}

.check_area .check_panel p {
    color: var(--white-edu);
}

.check_area ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.check_area ul li {
    width: 49%;
    padding: 0 20px;
    margin: 0;
    display: inline-block;
}

.blog_inner_pg .gradient_bg {
    padding-top: 0;
    padding-bottom: 63px;
    position: relative;
}

.blog_inner_pg .gradient_bg:before {
    width: 100%;
    height: 47%;
    background-color: var(--white-edu);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
}


/********************************************************
********************************************************/

.case_study_area {
    width: 100%;
    height: auto;
    padding: 25px;
    background-color: var(--white-bb);
    border-radius: 20px;
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -webkit-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.16);
    text-align: center;
}


/* .case_study_area a{
	text-decoration: none;
	color: #000;
} */

.case_study_area .case_study_img,
.case_study_area .case_study_txt {
    width: 100%;
    height: auto;
}

.case_study_area .case_study_img {
    border: #ddd 1px solid;
    padding: 8px;
    border-radius: 15px;
    overflow: hidden;
}

.case_study_area .case_study_txt h4 {
    font-size: 24px;
    font-weight: 600;
    color: var(--black-edu);
    margin-top: 15px;
    margin-bottom: 15px;
    min-height: 58px;
}

.case_study_area .case_study_txt p {
    /* font-family: "Barlow", sans-serif; */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}


/********************************************************
********************************************************/

.package_sec {
    padding-bottom: 40px;
}

.package_area {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 30px;
}

.package_area img {
    width: 80%;
    margin: 0 auto;
}

.package_area h4 {
    font-size: 26px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    color: var(--black-edu);
    margin-top: 0;
    margin-bottom: 15px;
}

.package_area a {
    font-size: 16px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    color: var(--blue-edu);
    text-decoration: none;
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.package_area a:hover {
    color: var(--orange-edu);
    text-decoration: none;
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.package_area.bronze_pkg h4 {
    color: #964f22;
}

.package_area.silver_pkg h4 {
    color: #aeadab;
}

.package_area.gold_pkg h4 {
    color: #c99907;
}

.package_area.platinum_pkg h4 {
    color: #4f6478;
}

.package_area.rhodium_pkg h4 {
    color: #62848f;
}

label {
    font-weight: 600;
    margin-bottom: 8px;
}

.modal .form-control {
    height: 47px;
    border: 1px solid #ededed;
    background-color: #ededed;
}

.modal select.form-control {
    height: 48px;
}

.modal textarea.form-control {
    height: auto;
}

.modal .form-control:focus {
    border-color: #ff7725;
}

.btn-blue-ns.btn-small {
    padding: 11px 24px;
    font-size: 16px;
}


/********************************************************
********************************************************/

.edu_vision_list {
    width: 100%;
    padding: 15px;
    margin: 0;
    list-style: none;
    border-radius: 20px;
    /* border: #ddd 1px solid; */
    display: flex;
    align-items: center;
    -webkit-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.16);
}

.edu_vision_list li {
    width: 25%;
    padding: 15px;
    margin: 0;
    list-style: none;
    border-right: #ddd 1px solid;
    display: inline-block;
}

.edu_vision_list li:last-child {
    border-right: #ddd 0px solid;
}

.edu_vision_area {
    width: 100%;
    height: auto;
    text-align: center;
}

.edu_vision_area a {
    display: block;
    text-decoration: none;
}

.edu_vision_area a h4 {
    font-size: 20px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    color: var(--blue-edu);
    margin-top: 15px;
    margin-bottom: 25px;
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.edu_vision_area:hover a h4 {
    color: var(--orange-edu);
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.blue-text {
    color: var(--blue-edu) !important;
}

.img-shadow {
    border-radius: 40px;
    -webkit-box-shadow: 0px -13px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px -13px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px -13px 20px 0px rgba(0, 0, 0, 0.1);
    padding: 10px;
    background: #fff;
}

form .select_area {
    position: relative;
}

form .select_area:after {
    width: 15px;
    height: 15px;
    font-size: 15px;
    color: #000;
    content: "\f282";
    font-family: bootstrap-icons !important;
    position: absolute;
    right: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none;
}

.discover_sec .client_experience_img {
    width: 100%;
    height: auto;
    max-height: 277px;
    overflow: hidden;
}


/********************************************************
********************************************************/

.pricing_sec.about_pg_tab .nav-tabs {
    justify-content: start;
    border-bottom: #d9d9d9 1px solid;
    margin-bottom: 40px;
}

.pricing_sec.about_pg_tab .nav-tabs .nav-link {
    margin-bottom: 0;
    border: 0 solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #000662;
    text-transform: uppercase;
    background: #d9d9d9;
    padding: 13px 28px;
}

.pricing_sec.about_pg_tab .nav-tabs .nav-link:focus,
.pricing_sec.about_pg_tab .nav-tabs .nav-link:hover,
.pricing_sec.about_pg_tab .nav-tabs .nav-item.show .nav-link,
.pricing_sec.about_pg_tab .nav-tabs .nav-link.active {
    color: #fff;
    text-transform: uppercase;
    background: #000662;
}

.Quality_list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.Quality_list li {
    padding: 16px 0 16px 50px;
    margin: 0;
    list-style: none;
    position: relative;
    font-size: 16px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    color: var(--blue-edu);
    border-bottom: #eee 1px dashed;
}

.Quality_list li img {
    width: 45px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}


/********************************************************
********************************************************/

.contact_panel_area {
    width: 100%;
    height: 100%;
    background-color: rgba(var(--yellow-rgb-edu), .12);
    position: relative;
    padding: 10px 25px 35px;
    border-radius: 20px;
}

.contact_panel_area .contact_panel_head {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0 15px 15px;
}

.contact_panel_area .contact_panel_head:before {
    width: 100%;
    height: 1px;
    background-color: var(--gray-edu);
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
}

.contact_panel_area .contact_panel_head:after {
    width: 100%;
    height: 1px;
    background-color: var(--yellow-edu);
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 1s;
}

.contact_panel_area:hover .contact_panel_head:after {
    transform: scaleX(1);
    transform-origin: left;
}

.contact_panel_area h3 {
    font-size: 34px;
    color: var(--blue-edu);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 600;
    color: var(--black-bb);
    margin-top: 10px;
    margin-bottom: 5px;
}

.contact_panel_area h3 span {
    width: 70px;
    height: 70px;
    background-color: rgba(var(--yellow-v1-rgb-edu), .22);
    border-radius: 50%;
    margin-right: 15px;
    display: inline-block;
    text-align: center;
    line-height: 70px;
    color: var(--black-bb);
}

.contact_panel_txt {
    width: 100%;
    height: auto;
    padding: 15px;
}

.contact_panel_area p a {
    text-decoration: none;
    color: var(--black-bb);
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.contact_panel_area p a:hover {
    text-decoration: none;
    color: var(--green-bb);
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.contact_panel_area.green_bg {
    background-color: rgba(var(--lighrblue-rgb-edu), 1);
}

.contact_map_sec iframe {
    width: 100%;
    height: 550px;
}

.contact_map_sec.blog_inner_pg .gradient_bg {
    padding-bottom: 63px;
    height: 169px;
}

.contact_map_sec.blog_inner_pg .gradient_bg:before {
    display: none;
}

.contact_map_sec.blog_inner_pg .gradient_bg .follow_area {
    position: absolute;
    top: -148px;
}

.contact_map_sec.blog_inner_pg .gradient_bg:after {
    height: 68%;
}


/********************************************************
********************************************************/

.stellarnav li li a {
    font-size: 13px;
    padding: 10px 15px;
    border-bottom: #ddd 1px dashed;
}

.modal-header {
    color: #ffff;
    font-weight: 700;
    border-bottom: #000662;
    background: rgb(var(--yellow-rgb-edu));
    background: linear-gradient(45deg, rgba(var(--yellow-rgb-edu), 1) 0%, rgba(var(--orange-rgb-edu), 1) 100%);
}


/* .btn-close {
    background-color: #fff;
    opacity: 1;
} */

.modal-dialog {
    margin: 10% auto;
}


/********************************************************
********************************************************/


/********************************************************
********************************************************/

.stellarnav.mobile.right>ul {
    z-index: 99;
}


/********************************************************
			Zafar : 14.06.2024
********************************************************/

.imgCenter {
    margin-left: auto;
    margin-right: auto;
    width: 55% !important;
}

.abt_sec p {
    font-size: 18px;
    color: var(--black-v1-edu);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 400;
    margin: 0 13% 45px;
}

/*#subscriptionModal .modal-dialog{
    max-width: var(moda);
}*/


/* @media (min-width:1200px){.container{max-width:1170px}} */


/********************************************************
********************************************************/