/*---------------------------------------------------
  QUANTUM INSTITUTE
---------------------------------------------------
*/
/* @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=SUSE:wght@100..800&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root{
   
  --main-color:#271239;
	--primary:#271239;
	--secondary:#8492FD;
	--primary-light:#fcf4ee;
	--primary-one:#1750bd;
	--primary-two:#d0490e;	
  --primary-link: #E9B900;
	--primary-link-hover: #271239;
  --primary-btn:#E9B900;
	--primary-btn-hover:#271239;
  --secondary-btn:#271239;
	--secondary-btn-hover:#E9B900;	
  --site-radius:5px;
  --title-color:#222;
  --title-family:"Oswald", sans-serif;
	--title-family2:"Open Sans", sans-serif;
}
.navbar_fixed {
    width: 100%;
    left: 0;
    border-bottom: 1px solid #ffffff33 !important;
    top: -70px;
    position: fixed;
    border-bottom: 0px;
    z-index: 400;
    -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
    transform: translateY(70px);
    transition: background 100ms linear, -webkit-transform 500ms ease;
    -webkit-transition: background 100ms linear, -webkit-transform 500ms ease;
    -o-transition: transform 500ms ease, background 100ms linear;
    transition: transform 500ms ease, background 100ms linear;
    transition: transform 500ms ease, background 100ms linear, -webkit-transform 500ms ease;
    -webkit-box-shadow: 0 3px 15px rgb(0 0 0 / 10%);
    box-shadow: 0 3px 15px rgb(0 0 0 / 10%);
}
/*===GENERAL===*/

.custom-color{
  color:#271239 !important;
}
.site-text-primary {
  color:#271239 !important;
}
.site-text-black {
  color: #000;
}
.site-text-gray {
  color: #e7e7e7;
}
.site-text-gray-light {
  color: #f9f9f9;
}
.site-text-white {
  color: #fff;
}
.site-bg-primary {
  background-color: #E3D270;
}
.site-bg-black {
  background-color: #000;
}
.site-bg-dark {
  background-color: #000;
}
.site-bg-gray {
  background-color: #eff3f6;
}
.site-bg-gray-light {
  background-color: #f9f9f9;
}
.site-bg-light {
  background-color: #fff9f0;
}
.site-bg-white {
  background-color: #fff;
}
body {
  color: #2a2a2a;
  font-family: "Open Sans", sans-serif;
  line-height:1.8;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
  overflow-x: hidden;
  font-size: 16px;
 background-color: #FFF;
}
.bg-clay{
  background-color: #2712391a !important;
}
::selection{
  background-color:#271239 !important;
  color:#FFF !important;
}
a {
  color: #271239;
  outline: 0px none;
  text-decoration: none;
}
a:hover, a:focus {
  outline: 0px none;
  text-decoration: none;
}
a:active, a:hover, a:focus {
  color:var(--secondary);
}
.overflow-hide {
  overflow: hidden;
}
img {
  border-style: none;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
/*Float clearfix*/
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.shadow-bx {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}
ol.commentlist li:after {
  content: "";
  display: table;
  clear: both;
}
section, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, summary {
  display: block;
}
ul {
  padding: 0px;
}
::selection {
  background: #484848;
  color: #fff;
}
.form-select option { font-family: "Open Sans", sans-serif; font-size: 14px; }

/*===Heading & Title====*/
h1, h2, h3, h4, h5, h6 {
  font-family: "Oswald", sans-serif;
  line-height: 1.2;
  color: #000222;
}
h1 {
  font-size: 75px;
  font-weight:600;
}
h2 {
  font-size: 47px;
  font-weight:600;
}
h3 {
  font-size:36px;
  font-weight: 600;
}
h4 {
  font-size: 20px;
  font-weight: 600;
}
h5 {
  font-size: 18px;
  font-weight: 700;
}
h6 {
  font-size: 16px;
  font-weight:700;
}

@media only screen and (max-width:991px){
h1 {
  font-size: 48px;
  font-weight:700;
}
h2 {
  font-size: 36px;
  font-weight:700;
}
h3 {
  font-size:28px;
  font-weight: 700;
}
}

@media only screen and (max-width:767px){
h1 {
  font-size:36px;
  font-weight:600;
}
h2 {
  font-size:28px;
  font-weight:600;
}
h3 {
  font-size:24px;
  font-weight: 600;
}
}

@media only screen and (max-width:575px){
h2 {
  font-size:26px;
  font-weight:600;
}
h3 {
  font-size:22px;
  font-weight: 600;
}
}



/*---Text align--- */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
/*===Listing Style===*/
dl, ul, ol {
  list-style-position: outside;
  padding: 0px;
}
ul, ol {
  margin-bottom: 24px;
}
ul li {
  padding: 0px;
}
ol li {
  padding: 0px;
}
.list-simple li {
  margin-bottom: 10px;
}
.list-simple li ul {
  margin-left: 15px;
  margin-top: 10px;
}
.list-simple.list-unstyled li ul {
  margin-left: 30px;
  margin-top: 10px;
}
.list-circle, 
.list-angle-right, 
.list-arrow, 
.list-check, 
.list-checked, 
.list-check-circle, 
.list-chevron-circle, 
.list-arrow-circle, 
.list-times-circle {
  margin: 0px 0px 20px 0px;
  padding: 0px;
  list-style: none;
  font-weight: 600;
}
.list-circle li, 
.list-angle-right li, 
.list-arrow li, 
.list-check li, 
.list-checked li, 
.list-check-circle li, 
.list-chevron-circle li, 
.list-arrow-circle li, 
.list-times-circle li {
  padding: 5px 5px 5px 20px;
  position: relative;
}
.list-circle li:before, 
.list-angle-right li:before, 
.list-arrow li:before, 
.list-check li:before, 
.list-checked li:before, 
.list-check-circle li:before, 
.list-chevron-circle li:before, 
.list-arrow-circle li:before, 
.list-times-circle li:before {
  font-family: "FontAwesome";
  position: absolute;
  left: 0px;
  top: 3px;
  display: block;
  font-size: 15px;
  color: #000;
}
.list-circle li:before {
  top: 6px;
  font-size: 10px;
  content: "\f111";
}
.list-angle-right li:before {
  content: "\f105";
}
.list-arrow li:before {
  content: "\f0da";
}
.list-check li:before {
  content: "\f00c";
}
.list-checked li:before {
  content: "\f046";
}
.list-check-circle li:before {
  content: "\f058";
}
.list-chevron-circle li:before {
  content: "\f138";
}
.list-arrow-circle li:before {
  content: "\f0a9";
}
.list-times-circle li:before {
  content: "\f057";
}



.list-arrow-circle2 {
  margin: 0px 0px 20px 0px;
  padding: 0px;
  list-style: none;
  font-weight:600;
}
.list-arrow-circle2 li {
  padding: 5px 5px 5px 25px;
  position: relative;
}
.list-arrow-circle2 li:before {
	font-family:feather !important;
	position: absolute;
	left: 0px;
	top:12px;
	display: block;
	font-size: 16px;
	color:var(--primary);
	 font-weight: normal;
	line-height:1;
}
.list-arrow-circle2 li:before {
  content:"\e92c";
}




.form-select { height:60px; border-color:#e8edf1; border-width:2px; background-color:#fff; }
.form-select:focus { border-color: #e8edf1; outline: 0; box-shadow: 0px 0px 5px 10px rgba(0, 0, 0, 0.02); }
.form-select.gradi-line-1 { background: linear-gradient( #fff, #fff ) padding-box, linear-gradient(to bottom, var(--primary-one), var(--primary-two)) border-box;  border-radius:5px;  border:2px solid transparent; }

.form-select.select-gray-bg { background-color:#F3F7FA; }
.form-control.gradi-line-1 {background: linear-gradient( #fff, #fff ) padding-box, linear-gradient(to bottom, var(--primary-one), var(--primary-two)) border-box;  border-radius:5px;  border:2px solid transparent; }

.form-select.form-no-bg { background-color:transparent; color:#fff; border: 2px solid rgba(255,255,255,0.4); background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%23ffffff" d="M192 384c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 306.8l137.4-137.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-160 160C208.4 380.9 200.2 384 192 384z"/></svg>') right 1rem center/8px 10px no-repeat; }
.form-select.form-no-bg option { color:#222; }

.form-control.form-no-bg {background:none; color:#fff; border: 2px solid rgba(255,255,255,0.4); }
.form-control.form-no-bg::placeholder { color:#fff; opacity: 1; }
.form-control.form-no-bg:-ms-input-placeholder {  color: #fff;}
.form-control.form-no-bg::-ms-input-placeholder {  color: #fff; }
.form-control.form-no-bg:focus { background:none; border: 2px solid rgba(255,255,255,0.8); }


.select-box { display:flex; }
.select-box select { border:none; height: 56px; }
.gradi-line-1 { background: linear-gradient( #fff, #fff ) padding-box, linear-gradient(to bottom, var(--primary-one), var(--primary-two)) border-box;  border-radius:5px;  border:2px solid transparent; }
.datepicker table tr td, 
.datepicker table tr th { padding:0px; font-size:13px; }

/*---Padding (around)---*/
.p-a0 {
  padding: 0px;
}
.p-a5 {
  padding: 5px;
}
.p-a10 {
  padding: 10px;
}
.p-a15 {
  padding: 15px;
}
.p-a20 {
  padding: 20px;
}
.p-a25 {
  padding: 25px;
}
.p-a30 {
  padding: 30px;
}
.p-a40 {
  padding: 40px;
}
.p-a50 {
  padding: 50px;
}
.p-a60 {
  padding: 60px;
}
.p-a70 {
  padding: 70px;
}
.p-a80 {
  padding: 80px;
}
.p-a90 {
  padding: 90px;
}
.p-a100 {
  padding: 100px;
}
.p-a110 {
  padding: 110px;
}
.p-a120 {
  padding: 120px;
}
.p-a130 {
  padding: 130px;
}
.p-a140 {
  padding: 140px;
}
.p-a150 {
  padding: 150px;
}
/*---Padding (top)---*/
.p-t0 {
  padding-top: 0px;
}
.p-t5 {
  padding-top: 5px;
}
.p-t10 {
  padding-top: 10px;
}
.p-t15 {
  padding-top: 15px;
}
.p-t20 {
  padding-top: 20px;
}
.p-t30 {
  padding-top: 30px;
}
.p-t40 {
  padding-top: 40px;
}
.p-t50 {
  padding-top: 50px;
}
.p-t60 {
  padding-top: 60px;
}
.p-t70 {
  padding-top: 70px;
}
.p-t80 {
  padding-top: 80px;
}
.p-t90 {
  padding-top: 90px;
}
.p-t100 {
  padding-top: 100px;
}
.p-t110 {
  padding-top: 110px;
}
.p-t120 {
  padding-top: 120px;
}
.p-t130 {
  padding-top: 130px;
}
.p-t140 {
  padding-top: 140px;
}
.p-t150 {
  padding-top: 150px;
}
.p-t160 {
  padding-top: 160px;
}
.p-t170 {
  padding-top: 170px;
}
.p-t180 {
  padding-top: 180px;
}
.p-t190 {
  padding-top: 190px;
}
.p-t200{
  padding-top: 200px;
}

/*---Padding (bottom)---*/
.p-b0 {
  padding-bottom: 0px;
}
.p-b5 {
  padding-bottom: 5px;
}
.p-b10 {
  padding-bottom: 10px;
}
.p-b15 {
  padding-bottom: 15px;
}
.p-b20 {
  padding-bottom: 20px;
}
.p-b30 {
  padding-bottom: 30px;
}
.p-b40 {
  padding-bottom: 40px;
}
.p-b50 {
  padding-bottom: 50px;
}
.p-b60 {
  padding-bottom: 60px;
}
.p-b70 {
  padding-bottom: 70px;
}
.p-b80 {
  padding-bottom: 80px;
}
.p-b90 {
  padding-bottom: 90px;
}
.p-b100 {
  padding-bottom: 100px;
}
.p-b110 {
  padding-bottom: 110px;
}
.p-b120 {
  padding-bottom: 120px;
}
.p-b130 {
  padding-bottom: 130px;
}
.p-b140 {
  padding-bottom: 140px;
}
.p-b150 {
  padding-bottom: 150px;
}
.p-b160 {
  padding-bottom: 160px;
}
.p-b170 {
  padding-bottom: 170px;
}
.p-b180 {
  padding-bottom: 180px;
}
.p-b190 {
  padding-bottom: 190px;
}
.p-b200 {
  padding-bottom: 200px;
}
.p-b210 {
  padding-bottom: 210px;
}
.p-b220 {
  padding-bottom: 220px;
}
.p-b230 {
  padding-bottom: 230px;
}
.p-b240 {
  padding-bottom: 240px;
}
.p-b250 {
  padding-bottom:250px;
}
/*---Padding (left)---*/
.p-l0 {
  padding-left: 0px;
}
.p-l5 {
  padding-left: 5px;
}
.p-l10 {
  padding-left: 10px;
}
.p-l15 {
  padding-left: 15px;
}
.p-l20 {
  padding-left: 20px;
}
.p-l30 {
  padding-left: 30px;
}
.p-l40 {
  padding-left: 40px;
}
.p-l50 {
  padding-left: 50px;
}
.p-l60 {
  padding-left: 60px;
}
.p-l70 {
  padding-left: 70px;
}
.p-l80 {
  padding-left: 80px;
}
.p-l90 {
  padding-left: 90px;
}
.p-l100 {
  padding-left: 100px;
}
.p-l110 {
  padding-left: 110px;
}
.p-l120 {
  padding-left: 120px;
}
.p-l130 {
  padding-left: 130px;
}
.p-l140 {
  padding-left: 140px;
}
.p-l150 {
  padding-left: 150px;
}
/*---Padding (right)---*/
.p-r0 {
  padding-right: 0px;
}
.p-r5 {
  padding-right: 5px;
}
.p-r10 {
  padding-right: 10px;
}
.p-r15 {
  padding-right: 15px;
}
.p-r20 {
  padding-right: 20px;
}
.p-r30 {
  padding-right: 30px;
}
.p-r40 {
  padding-right: 40px;
}
.p-r50 {
  padding-right: 50px;
}
.p-r60 {
  padding-right: 60px;
}
.p-r70 {
  padding-right: 70px;
}
.p-r80 {
  padding-right: 80px;
}
.p-r90 {
  padding-right: 90px;
}
.p-r100 {
  padding-right: 100px;
}
.p-r110 {
  padding-right: 110px;
}
.p-r120 {
  padding-right: 120px;
}
.p-r130 {
  padding-right: 130px;
}
.p-r140 {
  padding-right: 140px;
}
.p-r150 {
  padding-right: 150px;
}
/*---Padding (left right)---*/
.p-lr0 {
  padding-left: 0px;
  padding-right: 0px;
}
.p-lr5 {
  padding-left: 5px;
  padding-right: 5px;
}
.p-lr10 {
  padding-left: 10px;
  padding-right: 10px;
}
.p-lr15 {
  padding-left: 15px;
  padding-right: 15px;
}
.p-lr20 {
  padding-left: 20px;
  padding-right: 20px;
}
.p-lr30 {
  padding-left: 30px;
  padding-right: 30px;
}
.p-lr40 {
  padding-left: 40px;
  padding-right: 40px;
}
.p-lr50 {
  padding-left: 50px;
  padding-right: 50px;
}
.p-lr60 {
  padding-left: 60px;
  padding-right: 60px;
}
.p-lr70 {
  padding-left: 70px;
  padding-right: 70px;
}
.p-lr80 {
  padding-left: 80px;
  padding-right: 80px;
}
.p-lr90 {
  padding-left: 90px;
  padding-right: 90px;
}
.p-lr100 {
  padding-left: 100px;
  padding-right: 100px;
}
.p-lr120 {
  padding-left: 120px;
  padding-right: 120px;
}
.p-lr150 {
  padding-left: 150px;
  padding-right: 150px;
}
/*---Padding (top bottom)---*/
.p-tb0 {
  padding-bottom: 0px;
  padding-top: 0px;
}
.p-tb5 {
  padding-bottom: 5px;
  padding-top: 5px;
}
.p-tb10 {
  padding-bottom: 10px;
  padding-top: 10px;
}
.p-tb15 {
  padding-bottom: 15px;
  padding-top: 15px;
}
.p-tb20 {
  padding-bottom: 20px;
  padding-top: 20px;
}
.p-tb30 {
  padding-bottom: 30px;
  padding-top: 30px;
}
.p-tb40 {
  padding-bottom: 40px;
  padding-top: 40px;
}
.p-tb50 {
  padding-bottom: 50px;
  padding-top: 50px;
}
.p-tb60 {
  padding-bottom: 60px;
  padding-top: 60px;
}
.p-tb70 {
  padding-bottom: 70px;
  padding-top: 70px;
}
.p-tb80 {
  padding-bottom: 80px;
  padding-top: 80px;
}
.p-tb90 {
  padding-bottom: 90px;
  padding-top: 90px;
}
.p-tb100 {
  padding-bottom: 100px;
  padding-top: 100px;
}
.p-tb120 {
  padding-bottom: 120px;
  padding-top: 120px;
}
.p-tb150 {
  padding-bottom: 150px;
  padding-top: 150px;
}
/*----Margin (around)----*/
.m-a-1 {
  margin: -1px;
}
.m-a0 {
  margin: 0px;
}
.m-a5 {
  margin: 5px;
}
.m-a10 {
  margin: 10px;
}
.m-a15 {
  margin: 15px;
}
.m-a20 {
  margin: 20px;
}
.m-a30 {
  margin: 30px;
}
.m-a40 {
  margin: 40px;
}
.m-a50 {
  margin: 50px;
}
.m-a60 {
  margin: 60px;
}
.m-a70 {
  margin: 70px;
}
.m-a80 {
  margin: 80px;
}
.m-a90 {
  margin: 90px;
}
.m-a100 {
  margin: 100px;
}
.m-a110 {
  margin: 110px;
}
.m-a120 {
  margin: 120px;
}
.m-a130 {
  margin: 130px;
}
.m-a140 {
  margin: 140px;
}
.m-a150 {
  margin: 150px;
}
/*---Marging (top)----*/
.m-t0 {
  margin-top: 0px;
}
.m-t5 {
  margin-top: 5px;
}
.m-t10 {
  margin-top: 10px;
}
.m-t15 {
  margin-top: 15px;
}
.m-t20 {
  margin-top: 20px;
}
.m-t30 {
  margin-top: 30px;
}
.m-t40 {
  margin-top: 40px;
}
.m-t50 {
  margin-top: 50px;
}
.m-t60 {
  margin-top: 60px;
}
.m-t70 {
  margin-top: 70px;
}
.m-t80 {
  margin-top: 80px;
}
.m-t90 {
  margin-top: 90px;
}
.m-t100 {
  margin-top: 100px;
}
.m-t110 {
  margin-top: 110px;
}
.m-t120 {
  margin-top: 120px;
}
.m-t130 {
  margin-top: 130px;
}
.m-t140 {
  margin-top: 140px;
}
.m-t150 {
  margin-top: 150px;
}
/*---Marging (bottom)---*/
.m-b0 {
  margin-bottom: 0px;
}
.m-b5 {
  margin-bottom: 5px;
}
.m-b10 {
  margin-bottom: 10px;
}
.m-b15 {
  margin-bottom: 15px;
}
.m-b20 {
  margin-bottom: 20px;
}
.m-b30 {
  margin-bottom: 30px;
}
.m-b30:last-child {
  margin-bottom: 0px;
}
.m-b40 {
  margin-bottom: 40px;
}
.m-b50 {
  margin-bottom: 50px;
}
.m-b60 {
  margin-bottom: 60px;
}
.m-b70 {
  margin-bottom: 70px;
}
.m-b80 {
  margin-bottom: 80px;
}
.m-b90 {
  margin-bottom: 90px;
}
.m-b100 {
  margin-bottom: 100px;
}
.m-b110 {
  margin-bottom: 110px;
}
.m-b120 {
  margin-bottom: 120px;
}
.m-b130 {
  margin-bottom: 130px;
}
.m-b140 {
  margin-bottom: 140px;
}
.m-b150 {
  margin-bottom: 150px;
}
/*---Marging (left)---*/
.m-l0 {
  margin-left: 0px;
}
.m-l5 {
  margin-left: 5px;
}
.m-l10 {
  margin-left: 10px;
}
.m-l15 {
  margin-left: 15px;
}
.m-l20 {
  margin-left: 20px;
}
.m-l30 {
  margin-left: 30px;
}
.m-l40 {
  margin-left: 40px;
}
.m-l50 {
  margin-left: 50px;
}
.m-l60 {
  margin-left: 60px;
}
.m-l70 {
  margin-left: 70px;
}
.m-l80 {
  margin-left: 80px;
}
.m-l90 {
  margin-left: 90px;
}
.m-l100 {
  margin-left: 100px;
}
.m-l110 {
  margin-left: 110px;
}
.m-l120 {
  margin-left: 120px;
}
.m-l130 {
  margin-left: 130px;
}
.m-l140 {
  margin-left: 140px;
}
.m-l150 {
  margin-left: 150px;
}
/*---Marging (right)---*/
.m-r0 {
  margin-right: 0px;
}
.m-r5 {
  margin-right: 5px;
}
.m-r10 {
  margin-right: 10px;
}
.m-r15 {
  margin-right: 15px;
}
.m-r20 {
  margin-right: 20px;
}
.m-r30 {
  margin-right: 30px;
}
.m-r40 {
  margin-right: 40px;
}
.m-r50 {
  margin-right: 50px;
}
.m-r60 {
  margin-right: 60px;
}
.m-r70 {
  margin-right: 70px;
}
.m-r80 {
  margin-right: 80px;
}
.m-r90 {
  margin-right: 90px;
}
.m-r100 {
  margin-right: 100px;
}
.m-r110 {
  margin-right: 110px;
}
.m-r120 {
  margin-right: 120px;
}
.m-r130 {
  margin-right: 130px;
}
.m-r140 {
  margin-right: 140px;
}
.m-r150 {
  margin-right: 150px;
}
/*---Marging (left right)---*/
.m-lr0 {
  margin-left: 0px;
  margin-right: 0px;
}
.m-lr5 {
  margin-left: 5px;
  margin-right: 5px;
}
.m-lr10 {
  margin-left: 10px;
  margin-right: 10px;
}
.m-lr15 {
  margin-left: 15px;
  margin-right: 15px;
}
.m-lr20 {
  margin-left: 20px;
  margin-right: 20px;
}
.m-lr30 {
  margin-left: 30px;
  margin-right: 30px;
}
.m-lr40 {
  margin-left: 40px;
  margin-right: 40px;
}
.m-lr50 {
  margin-left: 50px;
  margin-right: 50px;
}
.m-lr60 {
  margin-left: 60px;
  margin-right: 60px;
}
.m-lr70 {
  margin-left: 70px;
  margin-right: 70px;
}
.m-lr80 {
  margin-left: 80px;
  margin-right: 80px;
}
.m-lr90 {
  margin-left: 90px;
  margin-right: 90px;
}
.m-lr100 {
  margin-left: 100px;
  margin-right: 100px;
}
.m-lr120 {
  margin-left: 120px;
  margin-right: 120px;
}
.m-lr150 {
  margin-left: 150px;
  margin-right: 150px;
}
/*---Marging (top bottom)---*/
.m-tb0 {
  margin-bottom: 0px;
  margin-top: 0px;
}
.m-tb5 {
  margin-bottom: 5px;
  margin-top: 5px;
}
.m-tb10 {
  margin-bottom: 10px;
  margin-top: 10px;
}
.m-tb15 {
  margin-bottom: 15px;
  margin-top: 15px;
}
.m-tb20 {
  margin-bottom: 20px;
  margin-top: 20px;
}
.m-tb30 {
  margin-bottom: 30px;
  margin-top: 30px;
}
.m-tb40 {
  margin-bottom: 40px;
  margin-top: 40px;
}
.m-tb50 {
  margin-bottom: 50px;
  margin-top: 50px;
}
.m-tb60 {
  margin-bottom: 60px;
  margin-top: 60px;
}
.m-tb70 {
  margin-bottom: 70px;
  margin-top: 70px;
}
.m-tb80 {
  margin-bottom: 80px;
  margin-top: 80px;
}
.m-tb90 {
  margin-bottom: 90px;
  margin-top: 90px;
}
.m-tb100 {
  margin-bottom: 100px;
  margin-top: 100px;
}
.m-tb120 {
  margin-bottom: 120px;
  margin-top: 120px;
}
.m-tb150 {
  margin-bottom: 150px;
  margin-top: 150px;
}
/*---Colum gap less---*/
.no-col-gap [class*="col-xs-"], .no-col-gap [class*="col-sm-"], .no-col-gap [class*="col-md-"], .no-col-gap [class*="col-lg-"] {
  padding-left: 0px;
  padding-right: 0px;
}
/*===Background Effect===*/
.bg-center {
  background-position: center;
}
.bg-top-left {
  background-position: top left;
}
.bg-top-right {
  background-position: top right;
}
.bg-top-center {
  background-position: top center;
}
.bg-bottom-left {
  background-position: bottom left;
}
.bg-bottom-right {
  background-position: bottom right;
}
.bg-bottom-center {
  background-position: bottom center;
}
.bg-left-center {
  background-position: left;
}
.bg-right-center {
  background-position: right;
}
.bg-auto {
  background-size: auto;
}
.bg-contain {
  background-size: contain;
}
.bg-cover {
  background-size: cover;
}
.bg-full-width {
  background-size: 100% auto;
}
.bg-full-height {
  background-size: auto 100%;
}
.bg-repeat {
  background-repeat: repeat;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.bg-repeat-x {
  background-repeat: repeat-x;
}
.bg-repeat-y {
  background-repeat: repeat-y;
}
.bg-fixed {
  background-attachment: fixed;
}
.bg-scroll {
  background-attachment: scroll;
}
/*===Overlay ( transparient box style)===*/
.overlay-wraper {
  position: relative;
}
.overlay-main {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.opacity-01 {
  opacity: 0.1;
}
.opacity-02 {
  opacity: 0.2;
}
.opacity-03 {
  opacity: 0.3;
}
.opacity-04 {
  opacity: 0.4;
}
.opacity-05 {
  opacity: 0.5;
}
.opacity-06 {
  opacity: 0.6;
}
.opacity-07 {
  opacity: 0.7;
}
.opacity-08 {
  opacity: 0.8;
}
.opacity-09 {
  opacity: 0.9;
}
.overlay-light .overlay-main {
  opacity: 0.3;
}
.overlay-dark .overlay-main {
  opacity: 0.9;
}
.overlay-wraper > .container, .overlay-wraper > .container-fluid, .overlay-wraper > .wt-icon-box-wraper, .overlay-wraper > .wt-left-part, .overlay-wraper > .wt-right-part {
  position: relative;
  z-index: 1;
}
/*===Boxes Css===*/
.rounded-bx, .wt-box, .wt-icon-box, .wt-icon-box-small, .wt-thum-bx, .wt-post-thum {
  position: relative;
}
/*---Box content----*/
.wt-box {
  position: relative;
}
.wt-box.no-margin {
  margin-bottom: 0;
}
/*---For icons with box---*/
.wt-icon-box-xld {
  width: 180px;
  height: 180px;
  display: inline-block;
  text-align: center;
}
.wt-icon-box-xld i {
  font-size: 100px;
}
.wt-icon-box-xld img {
  height: 90px;
}
.wt-icon-box-xl {
  width: 150px;
  height: 150px;
  display: inline-block;
  text-align: center;
}
.wt-icon-box-xl i {
  font-size: 80px;
}
.wt-icon-box-xl img {
  height: 80px;
}
.wt-icon-box-lg {
  width: 120px;
  height: 120px;
  display: inline-block;
  text-align: center;
}
.wt-icon-box-lg i {
  font-size: 60px;
}
.wt-icon-box-lg img {
  height: 55px;
}
.wt-icon-box-md {
  width: 100px;
  height: 100px;
  display: inline-block;
  text-align: center;
}
.wt-icon-box-md i {
  font-size: 45px;
}
.wt-icon-box-md img {
  height: 40px;
}
.wt-icon-box-sm {
  width: 80px;
  height: 80px;
  display: inline-block;
  text-align: center;
}
.wt-icon-box-sm i {
  font-size: 30px;
}
.wt-icon-box-sm img {
  height: 30px;
}
.wt-icon-box-xs {
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
}
.wt-icon-box-xs i {
  font-size: 20px;
}
.wt-icon-box-xs img {
  height: 20px;
}
.wt-icon-box-xld.radius, .wt-icon-box-xl.radius, .wt-icon-box-lg.radius, .wt-icon-box-md.radius, .wt-icon-box-sm.radius, .wt-icon-box-xs.radius {
  border-radius: 100%;
}
.wt-icon-box-xld i, .wt-icon-box-xl i, .wt-icon-box-lg i, .wt-icon-box-md i, .wt-icon-box-sm i, .wt-icon-box-xs i {
  vertical-align: middle;
}
.wt-icon-box-xld img, .wt-icon-box-xl img, .wt-icon-box-lg img, .wt-icon-box-md img, .wt-icon-box-sm img, .wt-icon-box-xs img {
  vertical-align: middle;
  max-width: 100%;
  width: auto;
}

/* Icon Verticle Animation */
.aon-icon {
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
}

.aon-icon-effect:hover .aon-icon {
	-webkit-animation: toTopFromBottom 0.3s forwards;
	-moz-animation: toTopFromBottom 0.3s forwards;
	animation: toTopFromBottom 0.3s forwards;
}

@-webkit-keyframes toTopFromBottom {
	49% {-webkit-transform: translateY(-100%);	}
	50% {opacity: 0;	-webkit-transform: translateY(100%);}
	51% {opacity: 1;}
}

@-moz-keyframes toTopFromBottom {
	49% {-moz-transform: translateY(-100%);}
	50% {opacity: 0;	-moz-transform: translateY(100%);	}
	51% {opacity: 1;	}
}

@keyframes toTopFromBottom {
	49% {transform: translateY(-100%);}
	50% {opacity: 0;transform: translateY(100%);}
	51% {opacity: 1;	}
}

/*----For only icons---*/
.icon-xld, .icon-xl, .icon-lg, .icon-md, .icon-sm, .icon-xs {
  display: inline-block;
  text-align: center;
}
.icon-xld i, .icon-xl i, .icon-lg i, .icon-md i, .icon-sm i, .icon-xs i {
  vertical-align: middle;
}
.icon-xld img, .icon-xl img, .icon-lg img, .icon-md img, .icon-sm img, .icon-xs img {
  vertical-align: middle;
  max-width: 100%;
  width: auto;
}
.icon-xld {
  width: 120px;
}
.icon-xld i {
  font-size: 100px;
  line-height: 100px;
}
.icon-xld.inline-icon {
  width: auto;
  text-align: left !important;
}
.icon-xld img {
  height: 90px;
}
.icon-xld.inline-icon {
  width: auto;
}
.icon-xl {
  width: 100px;
}
.icon-xl i {
  font-size: 80px;
  line-height: 80px;
}
.icon-xl.inline-icon {
  width: auto;
  text-align: left !important;
}
.icon-xl img {
  height: 80px;
}
.icon-xl.inline-icon {
  width: auto;
}
.icon-lg {
  width: 80px;
}
.icon-lg i {
  font-size: 60px;
  line-height: 60px;
}
.icon-lg.inline-icon {
  width: auto;
  text-align: left !important;
}
.icon-lg img {
  height: 70px;
}
.icon-lg.inline-icon {
  width: auto;
}
.icon-md {
  width: 60px;
}
.icon-md i {
  font-size: 45px;
  line-height: 45px;
}
.icon-md.inline-icon {
  width: auto;
  text-align: left !important;
}
.icon-md img {
  height: 50px;
}
.icon-md.inline-icon {
  width: auto;
}
.icon-sm {
  width: 40px;
}
.icon-sm i {
  font-size: 30px;
  line-height: 30px;
}
.icon-sm.inline-icon {
  width: auto;
  text-align: left !important;
}
.icon-sm img {
  height: 30px;
}
.icon-sm.inline-icon {
  width: auto;
}
.icon-xs {
  width: 30px;
}
.icon-xs i {
  font-size: 20px;
  line-height: 20px;
}
.icon-xs.inline-icon {
  width: auto;
  text-align: left !important;
}
.icon-xs img {
  height: 20px;
}
.icon-xs.inline-icon {
  width: auto;
}
/*---Place icon with box---*/
.wt-icon-box-wraper {
  position: relative;
}
.wt-icon-box-wraper .wt-tilte {
  margin-top: 0;
}
.wt-icon-box-wraper .after-titile-line {
  margin-bottom: 10px;
}
.wt-icon-box-wraper p:last-child {
  margin: 0px;
}
.icon-content {
  overflow: hidden;
}
.wt-icon-box-xld, .wt-icon-box-xl, .wt-icon-box-lg, .wt-icon-box-md, .wt-icon-box-sm, .wt-icon-box-xs {
  display: table;
}
.wt-icon-box-xld .icon-cell, .wt-icon-box-xl .icon-cell, .wt-icon-box-lg .icon-cell, .wt-icon-box-md .icon-cell, .wt-icon-box-sm .icon-cell, .wt-icon-box-xs .icon-cell {
  display: table-cell;
  vertical-align: middle;
}
/*---Icon box left align---*/
.wt-icon-box-wraper.left .wt-icon-box-xld, .wt-icon-box-wraper.left .wt-icon-box-xl, .wt-icon-box-wraper.left .wt-icon-box-lg, .wt-icon-box-wraper.left .wt-icon-box-md, .wt-icon-box-wraper.left .wt-icon-box-sm, .wt-icon-box-wraper.left .wt-icon-box-xs {
  float: left;
  margin-right: 10px;
}
.wt-icon-box-wraper.left .icon-xld, .wt-icon-box-wraper.left .icon-xl, .wt-icon-box-wraper.left .icon-lg, .wt-icon-box-wraper.left .icon-md, .wt-icon-box-wraper.left .icon-sm, .wt-icon-box-wraper.left .icon-xs {
  float: left;
  margin-right: 10px;
}
/*---Icon box right align---*/
.wt-icon-box-wraper.right {
  text-align: right;
}
.wt-icon-box-wraper.right .wt-icon-box-xld, .wt-icon-box-wraper.right .wt-icon-box-xl, .wt-icon-box-wraper.right .wt-icon-box-lg, .wt-icon-box-wraper.right .wt-icon-box-md, .wt-icon-box-wraper.right .wt-icon-box-sm, .wt-icon-box-wraper.right .wt-icon-box-xs {
  float: right;
  display: table;
  margin-left: 20px;
}
.wt-icon-box-wraper.right .icon-xld, .wt-icon-box-wraper.right .icon-xl, .wt-icon-box-wraper.right .icon-lg, .wt-icon-box-wraper.right .icon-md, .wt-icon-box-wraper.right .icon-sm, .wt-icon-box-wraper.right .icon-xs {
  float: right;
  margin-left: 20px;
}
/*---Icon box center align---*/
.wt-icon-box-wraper.center {
  text-align: center;
}
.wt-icon-box-wraper.center .wt-icon-box-xld, .wt-icon-box-wraper.center .wt-icon-box-xl, .wt-icon-box-wraper.center .wt-icon-box-lg, .wt-icon-box-wraper.center .wt-icon-box-md, .wt-icon-box-wraper.center .wt-icon-box-sm, .wt-icon-box-wraper.center .wt-icon-box-xs {
  margin-left: auto;
  margin-right: auto;
}
.wt-icon-box-wraper.bx-style-1 {
  border-width: 1px;
  border-style: solid;
  border-color: #ddd;
}
.wt-icon-box-wraper.bx-style-2 {
  border-width: 1px;
  border-style: solid;
  border-color: #ddd;
}
.wt-icon-box-wraper.bx-style-2.center [class*="wt-icon-box-"] {
  position: absolute;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateY(-50%);
}
.wt-icon-box-wraper.bx-style-2.left [class*="wt-icon-box-"] {
  position: absolute;
}
.wt-icon-box-wraper.bx-style-2.right [class*="wt-icon-box-"] {
  position: absolute;
}
.aon-overlay-area + .container {  
	position: relative;  
	z-index: 1; 
}
.aon-overlay-area {  
	position: absolute;  
	top: 0px;  
	left: 0px;  
	width: 100%;  
	height: 100%;  
	background: #000;  
	opacity: 0; 
}
/*---Buttons--- */
.site-button-link {
  position: relative;
  color:#555;
  font-size: 16px;
  z-index: 1;
  transition: 0.5s all ease;
 font-family: "Open Sans", sans-serif;
  text-transform:uppercase;
  font-weight:700;
}
.site-button-link .btn-arrow-icon {
    width:30px;
    height:30px;
    line-height:28px;
    text-align:center !important;
    border:1px solid rgba(0,0,0,0.1);
	color:#555;
	border-radius:30px;
    margin-left:10px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.site-button-link:hover {
  color: #75b16c;
}
.site-button-link:hover .btn-arrow-icon {
	color: #75b16c;
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}
.site-button {
    outline: none;
    color: #222;
    padding: 15px 30px;
    letter-spacing: 1px;
    position: relative;
    cursor: pointer;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #FFF;
    font-size: 15px;
    transition: color 0.3s ease-in;
    border-radius: 50px;
    font-weight: 400;
    text-transform: uppercase;
    background: #271239;
    font-family: "Open Sans", sans-serif;
}
.get-started-btn {
    position: relative;
    overflow: hidden;
    padding: 13px 35px;
    border-radius: 8px 8px 24px !important;
    text-transform: capitalize !important;
    font-weight: 800;
    border: 2px solid #FFF !important;
    background-color: #271239 !important;
    color: #fff !important;
    transition: 0.3s ease-in all;
}
.get-started-btn::before {
   content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 100%; 
  height: 100%;
  background: rgba(255, 255, 255, 0.4); 
  transform: skewX(-20deg);
  z-index: 0;
  transition: left 0.6s ease;
}
.get-started-btn:hover::before {
  left: 150%;
}
.get-started-btn:hover,
.get-started-btn:focus,
.get-started-btn:active {
  color: #fff;
  transition: 0.3s ease-in all;
}
.site-button:hover, 
.site-button:active, 
.site-button:focus {
  color: #A539EE !important;
  transition:0.3s ease-in ALL;
}
.site-button i {
    font-size:18px;
	  margin-left:5px;
}
@media only screen and (max-width:1200px){
.site-button {  padding:10px 15px; }
 }
@media screen and (max-width:575px){
.site-button {  padding:15px 25px; line-height:1.2; }
.site-breadcrumb .breadcrumb-title{
  font-size: 34px !important;
}
.fancy-text{
  font-size: 28px !important;
    line-height: 38px !important;
}
 }
.site-btn-curve { position:relative; display: inline-table; margin-left:10px; margin-right:10px; z-index: 2;  background:#1750bd; }
.site-btn-curve:after { content:""; position:absolute; top:0px; left:-5px; width:50%; height:99.5%; background:#1750bd; -moz-transform: skewX(-6deg); -webkit-transform: skewX(-6deg);
-o-transform: skewX(-6deg); -ms-transform: skewX(-6deg); transform: skewX(-6deg); border-radius:5px; z-index:-1;}
.site-btn-curve:before { content:""; position:absolute; top:0px; right:-5px; width:50%; height:99.5%;  background:#1750bd; -moz-transform: skewX(6deg); -webkit-transform: skewX(6deg);
-o-transform: skewX(6deg); -ms-transform: skewX(6deg); transform: skewX(6deg); border-radius:5px; z-index:-1;}
.site-button-secondary {
    outline: none;
    color: #fff;
    padding:10px 30px;
    letter-spacing: 1px;
    position: relative;
    cursor: pointer;
    display: inline-table;
    border: none;
    font-size: 15px;
    transition: 0.5s all ease;
    border-radius:50px;
    font-weight:400;
	background:var(--secondary-btn);
	text-transform:uppercase;
	font-family:"DM Sans", serif;
    display: inline-flex;
	align-items:center;
	justify-content:center; 
}
.site-button-secondary:hover, 
.site-button-secondary:active, 
.site-button-secondary:focus {
  background-color:var(--secondary-btn-hover);
  color: #fff;
}
.site-button-secondary i { font-size:18px; margin-left:5px; }

@media only screen and (max-width:1200px) {
.site-button-secondary {  padding:10px 15px; }
 }

.site-btn2-curve { position:relative; display: inline-table; margin-left:10px; margin-right:10px; z-index: 2;  background:#222; }
.site-btn2-curve:after { content:""; position:absolute; top:0px; left:-5px; width:50%; height:100%; background:#222; -moz-transform: skewX(-10deg); -webkit-transform: skewX(-10deg);
-o-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg); border-radius:5px; z-index:-1;}
.site-btn2-curve:before { content:""; position:absolute; top:0px; right:-5px; width:50%; height:100%;  background:#222; -moz-transform: skewX(10deg); -webkit-transform: skewX(10deg);
-o-transform: skewX(10deg); -ms-transform: skewX(10deg); transform: skewX(10deg); border-radius:5px; z-index:-1;}

[class*="site-button"].btn-block {width:100%;}

.btn-animate-one {
  z-index: 1;
  overflow: hidden;
  display: inline-block;
}
.btn-animate-one:before {
  content: "";
  position: absolute;
  z-index: -1;
  top:8px;
  right:100%;
  background: rgba(0, 0, 0, 0.1);
  height: 50px;
  width: 50px;
  border-radius: 50px;
  transform: scale(0);
  transform-origin: 50% 50%;
  transition: transform 0.5s linear;
  transition: transform 0.5s linear;
    transform: scle(5);
}
.btn-animate-one:hover:before {
  transform: scale(5);
  opacity:1;
  right:90%;
  
}



.site-button-secondry.sb-bdr-light {
  border-right: 6px solid #fff;
}
.mfp-video.video-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  margin: -25px;
  color: #fff;
  display: block;
  z-index: 10;
  font-size: 14px;
  border: 2px solid #fff;
  border-radius: 50%;
}
.mfp-video.video-play-btn:hover {
  background-color: #0f1221;
  color: #fff;
  border: 2px solid transparent;
}
.mfp-video.video-play-btn i {
  margin-right: -5px;
}



/*Button text uppercase */
.site-button.text-uppercase {
  text-transform: uppercase;
}
/*Button size */
.button-sm {
  padding: 5px 10px;
  font-size: 12px;
}
.button-lg {
  padding: 15px 30px;
  font-size: 16px;
}
.button-xl {
  padding: 30px 50px;
  font-size: 24px;
}
/*Button rounded */
.radius-no {
  border-radius: 0px;
}
.radius-sm {
  border-radius: 10px;
}
.radius-md {
  border-radius: 20px;
}
.radius-xl {
  border-radius: 100px;
}
.radius-bx {
  border-radius: 100%;
}

/* Social icon */

.social-icons { display:inline-flex; }
.social-icons > .social-icon {  display: flex;  align-items: center;  justify-content: center;  position: relative;  width:30px;  height: 30px;  margin: 0 0.5rem;  border-radius: 50%;  cursor: pointer;   transition: all 0.15s ease; }
.social-icons > .social-icon > i { color:#C4C4C4; font-size:20px; text-decoration: none; }
.social-icons > .social-icon:hover > i { background: #FA7941; background: linear-gradient(to bottom, #FA7941 0%, #d04a0f 100%);	-webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.social-icons > .social-icon:hover .tooltips { visibility: visible; opacity: 1;  transform: translate(-50%, -150%); color:#fff; }
.social-icons > .social-icon i { position: relative;  top: 1px; }

/* Tooltips */
.tooltips { display: block;  position: absolute;  top: 0;  left: 50%;  padding:5px 12px;  border-radius: 40px; font-size: 0.8rem;  font-weight: bold;  opacity: 0;  pointer-events: none;  text-transform: uppercase;  transform: translate(-50%, -100%);  transition: all 0.3s ease;  z-index: 1;  background:#222; }
.tooltips:after {  display: block;  position: absolute;  bottom: 1px;  left: 50%;  width: 0;  height: 0;  content: "";  border: solid;  border-width: 10px 10px 0 10px;  border-color:transparent;
  border-top-color: #222;  transform: translate(-50%, 100%); }


/*===Owl Slider===*/
.owl-carousel .owl-nav {
  margin-top: 40px;
  text-align: center;
}
.owl-carousel .owl-nav .disabled {
  opacity: .5;
  cursor: default;
}
/*---Owl dots button---*/
.owl-carousel .owl-dots {
	text-align: center;
	margin-top: 30px;
	display: flex;
	justify-content:center; 
}
.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  outline: none !important;
}
.owl-carousel .owl-dots .owl-dot span {
  width:10px;
  height:10px;
  margin: 5px 7px;
  background: #ECECEC;
  border:none;
  display: block;
  border-radius:5px;
}
.owl-carousel .owl-dots .owl-dot:hover span {
  background:var(--primary);
}
.owl-carousel .owl-dots .owl-dot.active span {
  background:var(--primary);
}
.owl-dot-left .owl-dots {  
	justify-content:flex-start; 
}



/*---Owl button top to center---*/
.owl-btn-top-center .owl-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
}
.owl-btn-top-left .owl-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
}
.owl-btn-top-right .owl-nav {
  position: absolute;
  top:-148px;
  right: 0;
  width: auto;
  margin: 0;
}
.owl-btn-top-center .owl-stage-outer {
  padding-top: 60px;
}
.owl-btn-top-left .owl-stage-outer {
  padding-top: 60px;
}
.owl-btn-top-right .owl-stage-outer {
  padding-top:0px;
}
.owl-btn-top-center .owl-nav {
  text-align: center;
}
/*---Owl button top to left---*/
.owl-btn-top-left .owl-nav {
  text-align: left;
}
/*---Owl button top to right---*/
.owl-btn-top-right .owl-nav {
  text-align: right;
}
/*---Owl button bottom to center [it is default position ]---*/
.owl-btn-bottom-center .owl-nav {
  text-align: center;
}
/*---Owl button bottom to left---*/
.owl-btn-bottom-left .owl-nav {
  text-align: left;
}
/*Owl button bottom to right*/
.owl-btn-bottom-right .owl-nav {
  text-align: right;
}
/*---Owl button vertical to center--*/
.owl-btn-vertical-center .owl-nav {
  margin: 0px;
}
.owl-btn-vertical-center .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  margin: -15px 0;
  left: 0;
}
.owl-btn-vertical-center .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  margin: -15px 0;
  right: 0;
}
/*---Owl button show on hover---*/
.owl-btn-hover .owl-nav {
  opacity: 0;
}
.owl-btn-hover:hover .owl-nav {
  opacity: 1;
}
.owl-carousel .owl-item img {
  transform-style: inherit;
}
/*---Owl slider button---*/
.aon-owl-custom.owl-carousel .owl-nav { position:relative; }
.aon-owl-custom.owl-carousel .owl-nav:before { content:""; position:absolute; top:50%; left:0px;  width:calc(50% - 100px); height:2px; background:#ddd;}
.aon-owl-custom.owl-carousel .owl-nav:after { content:""; position:absolute; top:50%; right:0px; width:calc(50% - 100px); height:2px; background:#ddd;}

.owl-carousel .owl-nav button.owl-prev { color: #FFF;  padding:0px;  font-size:28px ; cursor: pointer;  opacity: 1; margin:0px 10px;  outline: none;  width:48px; height: 48px; border-radius:10px; display: inline-flex; align-items: center; justify-content: center; background:#271239; border:1px solid #fff; }
.owl-carousel .owl-nav button.owl-prev i {  font-style: normal;  line-height:1;  position:relative; }

.owl-carousel .owl-nav button.owl-prev:hover { border-color:#fff; background:var(--primary); }
.owl-carousel .owl-nav button.owl-prev:hover i { color: #fff; }

.owl-carousel .owl-nav button.owl-next { color: #FFF;  padding:0px;  font-size:28px ; cursor: pointer;  opacity: 1; margin:0px 10px;  outline: none;  width:48px; height: 48px; border-radius:10px; display: inline-flex; align-items: center; justify-content: center; background:#271239; border:1px solid #fff; }
.owl-carousel .owl-nav button.owl-next i {  font-style: normal;  line-height:1; position:relative; }

.owl-carousel .owl-nav button.owl-next:hover { border-color:#fff; background:var(--primary);  }
.owl-carousel .owl-nav button.owl-next:hover i {  color: #fff; }

@media only screen and (max-width:575px){
.owl-btn-top-right .owl-nav { position: static; text-align: center !important; }	
.owl-carousel .owl-nav button.owl-next { width: 40px; height: 40px; }
.owl-carousel .owl-nav button.owl-prev { width: 40px; height: 40px; }
	
.owl-btn-vertical-center .owl-nav { margin: 30px 0px 0px; }
.owl-btn-vertical-center .owl-nav .owl-prev { position: static; margin:0px 0; }
.owl-btn-vertical-center .owl-nav .owl-next { position: static; margin: 0px 0; }
	
}

/*---Owl dots nav position---*/
.owl-dots-bottom-left .owl-dots {
  bottom: 0px;
  padding: 15px 20px;
  position: absolute;
  width: 100%;
  text-align: left;
}
.owl-dots-bottom-right .owl-dots {
  bottom: 0px;
  padding: 15px 20px;
  position: absolute;
  width: 100%;
  text-align: right;
}
.owl-dots-bottom-center .owl-dots {
  bottom: 0px;
  padding: 15px 20px;
  position: absolute;
  width: 100%;
}

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


}
/*======================================
THEMEFOREST REQUIRED CLASSES
======================================*/
/*-------------------------------------
	Text meant only for screen readers
-------------------------------------*/
.sticky {
  clear: both;
}
.gallery-caption {
  clear: both;
}
.bypostauthor {
  clear: both;
}
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
/*-------------------------------------
	Tabs 
-------------------------------------*/
/*Tabs style 1 [ default ] */
.wt-tabs .tab-pane {
  padding: 20px;
  border: 5px solid #e7e7e7;
  background-color: #fff;
}
.wt-tabs .nav-tabs {
  border: 0px;
}
.wt-tabs .nav-tabs > li {
  border: 1px solid #ebebeb;
}
.wt-tabs .nav-tabs > li > a {
  color: #000;
  background-color: #fff;
  font-size: 16px;
  padding: 15px;
  border: 0px;
  display: block;
  font-weight: 600;
}
.wt-tabs .nav-tabs > li > a i {
  margin-right: 5px;
}
.wt-tabs .nav-tabs > li a.active {
  background-color: #e7e7e7;
  color: #000;
}
.wt-tabs .nav-tabs > li a.active:focus {
  background-color: #e7e7e7;
  color: #000;
}
.wt-tabs .nav-tabs > li a.active:hover {
  background-color: #e7e7e7;
  color: #000;
}
.wt-tabs .nav > li > a:focus {
  background-color: transparent;
  border: 0px;
}
.wt-tabs .nav > li > a:hover {
  background-color: transparent;
  border: 0px;
}
.wt-tabs .nav li a:hover {
  border: 1px;
}
.wt-tabs.tabs-default .tabs-default-nav .nav-tabs {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .wt-tabs.tabs-default .tabs-default-nav .nav-tabs {
    justify-content: flex-start;
  }
}
.wt-tabs.tabs-default .tabs-default-nav .nav-tabs > li > a {
  color: #000;
}
.wt-tabs.tabs-default .tabs-default-nav .nav-tabs > li > a span {
  display: block;
}
.wt-tabs.tabs-default .tabs-default-nav .nav-tabs > li > a span i {
  font-weight: normal;
}
.wt-tabs.tabs-default .tabs-default-nav .nav-tabs > li > a.active {
  color: #fff;
}
.wt-tabs.tabs-default .tabs-default-nav .nav-tabs > li.active > a {
  color: #000;
  border-color: #ddd #ddd #fff;
}
.wt-tabs.tabs-default .tabs-default-nav .nav-tabs > li.active > a:focus {
  color: #000;
  border-color: #ddd #ddd #fff;
}
.wt-tabs.tabs-default .tabs-default-nav .nav-tabs > li.active > a:hover {
  color: #000;
  border-color: #ddd #ddd #fff;
}
.wt-tabs.tabs-default .tab-pane {
  color: #fff;
}
@media (max-width: 991px) {
  .wt-tabs.tabs-default .tab-pane {
    padding: 0px;
  }
}
/*Header Start ============================*/
.header-full-width .container { max-width: 100%; }
/*.header-style-1 { position: fixed; width: 100%; top:0; left: 0; z-index:999; background-color:#271239; }*/
.header-style-1 .container { padding-left:80px; padding-right:80px; }
.header-style-1 .main-bar { background:none; padding-top:0px; padding-bottom:0px; }
.header-style-1 .main-bar.color-fill { background:#FFF;  }


.header-style-1 .top-bar { padding: 0px 0px; font-size: 14px; display: flex; align-content: center; flex-wrap: wrap; position: relative; z-index: 0; }
.header-style-1 .top-bar .wt-topbar-left { float: left; }
.header-style-1 .navbar-toggler .icon-bar { background:#271239; }
.header-style-1 .color-fill .navbar-toggler .icon-bar { background:#271239; }

@media (max-width:1280px) {
.header-style-1 { top:-70px; }
.header-style-1 .container { padding-left:55px; padding-right:55px; }
}

@media (max-width: 767px) {
.header-style-1 .container { padding-left:25px; padding-right:25px; }
  .header-style-1 .top-bar .wt-topbar-left {
    display: none !important;
  }
}
.header-style-1 .top-bar .wt-topbar-info li {
  display: inline-block;
  margin-right: 0px;
  padding: 12px 15px 12px 0px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.header-style-1 .top-bar .wt-topbar-info li span {
  display: inline-block;
  padding-right: 10px;
}
.header-style-1 .top-bar .wt-topbar-info li i {
  margin-right: 10px;
  font-size: 20px;
}
.header-style-1 .top-bar .wt-topbar-right .wt-topbar-info-2 li {
  display: inline-block;
  margin-right: 0px;
  padding: 10px 15px 10px 15px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.header-style-1 .top-bar .wt-topbar-right .wt-topbar-info-2 li span {
  display: inline-block;
  padding-right: 10px;
}
.header-style-1 .top-bar .wt-topbar-right .wt-topbar-info-2 li i {
  margin-right: 10px;
  font-size: 20px;
}
@media (max-width: 767px) {
  .header-style-1 .top-bar .wt-topbar-right .wt-topbar-info-2 li:last-child {
    border-right: 0px;
  }
}
@media (max-width: 460px) {
  .header-style-1 .top-bar .wt-topbar-right .wt-topbar-info-2 li {
    border-right: 0px !important;
  }
}
.header-style-1 .top-bar .social-icons {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  list-style: none;
}
@media (max-width: 991px) {
  .top-bar .social-icons {
    display: none;
  }
}
.top-bar .social-icons li {
  padding-left: 10px;
}
.top-bar .social-icons li a {
  color: #fff;
  font-size: 12px;
}
.top-bar .social-icons li a:hover {
  color: #000;
}

.header-style-1 .main-bar { width:100%; }
@media only screen and (max-width:991px) {
.header-style-1 .main-bar .contaier { display:flex !important; justify-content:space-between; align-items: center; }
}

.extra-nav { display: flex; float: right; height: 70px; position: relative; z-index: 13; white-space:nowrap; }
.extra-nav .extra-cell {  display: flex;  padding-left: 25px;  align-items:center; }
.extra-nav .extra-cell:first-child { padding-left: 0px; }

@media only screen and (max-width:1200px) {
.extra-nav .extra-cell:first-child { padding-left: 15px; }
}

@media only screen and (max-width:767px) {
.aon-btn-signup,
.aon-add-listing{ font-size: 0; text-align: center; padding: 10px 10px; min-width: 40px; margin-left:10px; } 
.aon-btn-signup i,    
.aon-add-listing i { font-size:16px; padding:0px; display:table; margin: auto; }   
.aon-btn-signup { display:inline-block; background:#104CBA; color:#104CBA; border-radius:5px;  }
}
@media only screen and (max-width:575px) {
.extra-nav .extra-cell .site-button {  display:none; }
}


.login-sign-btn { margin-right:30px; display:flex; align-items:center;  }
.login-sign-btn i { font-size:18px; margin-right:5px; }
.login-sign-btn a { color:#222; display:inline-flex; align-items:center; padding:0px 3px; }
.login-sign-btn a:hover,
.login-sign-btn a:active,
.login-sign-btn a:focus { color:#1750bd; }
.aon-btn-search  {  color: #fff;  border: none;  font-size: 14px;  width:48px !important;  height: 48px;  line-height: 48px;  border-radius: 50%;  display: flex; justify-content:center; align-items: center; padding: 0px;   -webkit-box-shadow:0px 8px 12px 0px RGBA(255, 142, 43, 0.44); box-shadow: 0px 8px 12px 0px RGBA(255, 142, 43, 0.44); }

@media (max-width: 540px) {
  .extra-nav .extra-cell {  padding-left: 10px; }
  .login-sign-btn {font-size: 0px;}
  .login-sign-btn { margin-right:5px; }
}
.logo-header {
  /*--logo for header---*/
  display: flex;
  align-items:center;
  padding: 0px;
  font-size: 36px;
  color: #000;
  margin: 0px;
  position: relative;
  z-index: 11;
}
@media (max-width: 640px) {
  .logo-header {
    width: 120px;
  }
}
@media (max-width: 360px) {
  .logo-header {
    width: 120px;
  }
}
/* Bootstrap Carousel */
.carousel{
/*  margin-top: 75px;*/
}
.carousel-item {
  width: 100%;
  background-size: cover;
  padding: 50px;
  min-height: 550px;
  max-height: 550px;
  /* border-radius: 30px; */
}
@media screen and (max-width:500px){
  .carousel-item{
    padding: 25px !important ;
  }
}
.carousel-first{
  background-image: url(../images/slider/01.jpg);
  background-repeat: no-repeat;
  background-position: center;
  height:100%;
/*  background-size: contain;*/
}

.carousel-second{
  background-image: url(../images/slider/02.jpg);
  background-repeat: no-repeat;
  background-position: center;
  height:100%;
}

.carousel-third{
  background-image: url(../images/slider/03.jpg);
  background-repeat: no-repeat;
  background-position: center;
  height:100%;
}

.carousel-fourth{
  background-image: url(../images/slider/04.jpg);
  background-repeat: no-repeat;
  background-position: center;
  height:100%;
}
.carousel-item .ao-baner-title {
    font-size: 55px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    font-weight: 800;
    font-family: "Oswald", sans-serif;
    letter-spacing: 0.27px;
    line-height: 80px;
    color: #FFF;
}
@media screen and (max-width:575px){
  .carousel-item .ao-baner-title{
    font-size:28px;line-height: 45px;}
    .ao-baner-text{
      font-size:14px !important;
    }
    .aon-bnrs-left{
      padding-top:45px;
    }
    .who-we-are-head i{
      font-size: 16px;
    }
    .ygr-main-head-lg-title{
      margin-top: 20px !important;
    }
    .ygr-main-head-lg-title span{
      font-size: 20px !important
    }
    .ao-why-choo-area .ao-section-head-tagline{
      font-size: 15px !important;
      margin-bottom: 0 !important;
    }
    .ao-section-head {
    margin-bottom: 25px !important;
}
.our-course-area .who-we-are-head {
    font-size: 15px !important;
}
.our-course-area .who-we-are-head i {
    font-size: 16px !important;
}
.view-AS-btn {
    margin-top: 12px;
}
}
@media screen and (min-width:576px) and (max-width:767px){
   .carousel-item .ao-baner-title{
  font-size: 45px !important;
  line-height: 60px !important;
}
.site-button{
  padding: 10px 15px !important;
}
}
/* Carousel Ends.... */

.logo-header .logo-header-inner {
  display: flex;
  align-items: center;
}
.logo-header .logo-header-inner a {
  display: flex;
}
.logo-header .logo-header-inner img {
  max-width: 110px;
}

@media screen and (max-width:600px){
  .logo-header .logo-header-inner img {
    max-width: 90px !important;
  }
  .sticky-wrapper{
    height:fit-content !important;
  }
}
.site-header ul, .site-header ol {
  margin-bottom: 0px;
}

.logo-header a.ao-logo-sticky { display:none; }
.color-fill .logo-header a.ao-logo-main { display:none; }
.color-fill .logo-header a.ao-logo-sticky { display:flex; }

.main-bar {
  /*--main-bar--*/
  position: relative;
  height:110px;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all 0.5s ease;
background:#fff;
}
.main-bar .container, .main-bar .container-fluid {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 991px) {
  .carousel-first {
    background-size: cover;
}
.mobile-sider-drawer-menu.active .icon-bar{
  margin-bottom: 0 !important;
}
.main-bar .container, 
.main-bar .container-fluid { display: block; }
.mobile-logo-left { float:left; padding:10px 0px; }
}
.main-bar:after, .main-bar:after {
  clear: both;
  content: "";
  display: table;
}
.navbar-toggler {
  /*--Navbar Toggler---*/
  border: none;
  margin: 24px 0px 24px 15px;
  padding: 12px 10px;
}
.navbar-toggler:focus {
  box-shadow:none;
}
@media (max-width: 991px) {
  .navbar-toggler {
    display: block;
    margin-top: 14px;
    margin-bottom: 14px;
    float: right;
    outline: none !important;
  }
}
.navbar-toggler .icon-bar {
    background: #271239;
    height: 4px;
    border-radius: 25px;
    display: block;
    margin-bottom: 6px;
    width: 30px;
}
.navbar-toggler .icon-bar + .icon-bar {
  margin-top: 4px;
}


@media (max-width: 991px) {
.header-style-1 .navbar-toggler {
    margin-top: 30px;
    margin-bottom: 14px;
    }
    .navbar-toggler .icon-bar {
      background: #000;    
    }
}
@media (max-width: 420px) { 
  .navbar-toggler {
    margin-left: 10px;
  }
}
@media (max-width: 540px) {
  .is-fixed .navbar-toggler {
    margin-bottom: 0px;
  }
}
.is-fixed.mobile-sider-drawer-menu .header-nav .nav {
  height: 100vh !important;
  width: 100%;
}
.is-fixed.mobile-sider-drawer-menu .header-style-1 .header-nav .nav > li {
  padding: 12px 15px !important;
}
.header-nav {

  position: relative;
  padding: 0px;
  z-index: 10;
  /*-- Submenu direction---*/
}
@media (max-width: 991px) {
  .header-nav {
    clear: both;
    margin: 0px -15px;
    border-bottom: 1px solid #E9E9E9;
  }
  .header-nav.navbar-collapse {
    align-items: start;
  }
}
.header-nav .nav {
  display: flex;
  justify-content:center;
  flex-direction: inherit;
  font-family:var(--title-family);
}
@media (max-width: 991px) {
  .header-nav .nav {
    float: none;
    margin: 0px;
    background: #fff;
    display: block;
    width: 100%;
    left: 0px;
  }
}
@media (max-width: 991px) {
  .header-nav .nav li {
    float: none;
  }
}
.header-nav .nav li i {
  font-size: 9px;
  margin-left: 3px;
  margin-top: -3px;
  vertical-align: middle;
  opacity: 0.7;
}
@media (max-width: 991px) {
  .header-nav .nav li i {
    float: right;
  }
}
.header-nav .nav > li {
  position: relative;
  margin: 0px;
  padding:0px;
}
@media (max-width: 991px) {
  .header-nav .nav > li ul {
    display: none;
    position: static;
    visibility: visible;
    width: auto;
    background: #f9f9f9;
  }
}
.header-nav .nav > li > a {
  color: #444444;
  font-size: 15px;
  padding: 15px 30px;
  cursor: pointer;
  margin: 0px 0px;
  display: block;
  font-weight:500;
  font-family: var(--title-family);
  text-transform:uppercase; 
}
.color-fill .header-nav .nav > li > a {
  color: #000;
}
.header-nav .nav > li.has-child:hover .sub-menu-link{
  color:#8492FD !important;
}
.header-nav .nav > li.has-child:after {
  content: "\f078";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: 3px;
    font-size: 12px;
    color: #271239;
    transform: translateY(-50%);
    transition: transform 0.5s ease;
}
.header-nav .nav > li.has-child:hover:after {
  transform: translateY(-50%) rotate(180deg); 
}
@media (max-width: 991px) {
  .header-nav .nav > li > a {
    padding: 12px 15px;
    border-top: 1px solid #2712391a;
    color: #000;
  }
}
.header-nav .nav > li > a:hover {
  background-color: transparent;
  color: #000;
}
.header-nav .nav > li > a:active, .header-nav .nav > li > a:focus {
  background-color: transparent;
}
@media (max-width: 991px) {
  .header-nav .nav > li.active > a, .header-nav .nav > li.current-menu-item > a {
    color: #1750bd;
  }
}
@media (max-width: 991px) {
  .header-nav .nav > li > a:hover, .header-nav .nav > li > a:active, .header-nav .nav > li > a:focus {
    background-color: #f0f0f0;
    text-decoration: none;
  }
.header-nav .nav > li.has-child:after {
	display:none;
}
	
	
}
.header-nav .nav > li.active > a, .header-nav .nav > li.current-menu-item > a {
  background-color: transparent;
  color:var(--secondary);
}
.header-nav .nav > li:hover > a {
  color:var(--secondary);
}
.header-nav .nav > li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  margin-top: 0px;
  transition: all 0.3s ease;
}
.header-nav .nav > li .sub-menu {
  background-color: #fff;
  display: block;
  left: 0px;
  top: 100%;
  list-style: none;
  margin: 20px 0 0;
  opacity: 0;
  padding: 0px;
  position: absolute;
  visibility: hidden;
  width: 350px;
  z-index: 10;
  border-top:5px solid var(--primary);
}
@media (max-width: 991px) {
  .header-nav .nav > li .sub-menu {
    display: none;
    position: static;
    visibility: visible;
    width: auto;
    background: #f9f9f9;
    opacity: 1;
    margin: 0px !important;
     transition:none !important;
  }
}
.header-nav .nav > li .sub-menu li {
    border-bottom: 1px solid #27123933;
    position: relative;
    text-transform: none;
}
.header-nav .nav > li .sub-menu li a {
  font-family: "Open Sans", sans-serif;
  color: #000;
  display: block;
  font-size: 16px;
    padding: 5px 20px;
  padding-left: 20px;
  font-weight: 600;
}
.header-nav .nav > li .sub-menu li a:hover {
  color: var(--secondary);
  text-decoration: none;
}
.header-nav .nav > li .sub-menu li:hover > a {
  color: var(--secondary);
}
.header-nav .nav > li .sub-menu li:last-child {
  border-bottom: 0px;
}
.header-nav .nav > li .sub-menu li .fa {
  color: #000;
  display: block;
  float: right;
  position: absolute;
  right: 10px;
  top: 2px;
}
.header-nav .nav > li .sub-menu li > .sub-menu {
  left: 220px;
  margin: 0px 0px 0px 20px;
  transition: all 0.1s ease;
}
@media (max-width: 991px) {
  .header-nav .nav > li .sub-menu li > .sub-menu > li {
    float: none;
    display: block;
    width: auto;
  }
}
@media (max-width: 991px) {
  .header-nav .nav > li .sub-menu li > .sub-menu > li a {
    padding-left: 30px;
  }
}
.header-nav .nav > li .sub-menu li:hover > .sub-menu {
  left: 220px;
  margin: 0px;
  opacity: 1;
  top: -1px;
  visibility: visible;
}
.header-nav .nav > li .sub-menu li:hover > .sub-menu:before {
  background-color: transparent;
  bottom: 0px;
  content: '';
  display: block;
  height: 100%;
  left: -6px;
  position: absolute;
  top: 0px;
  width: 6px;
}
.header-nav .submenu-direction .sub-menu {
  left: auto;
  right: 0px;
}
.header-nav .submenu-direction .sub-menu li > .sub-menu {
  left: auto;
  right: 220px;
  margin: 0px 20px 0px 0px;
}
.header-nav .submenu-direction .sub-menu li:hover > .sub-menu {
  left: auto;
  right: 220px;
  margin: 0px 0px 0px 0px;
}
.header-nav.nav-animation .nav > li > ul.sub-menu li > a {
  transition: all 0.5s ease-out;
  position: relative;
  z-index: 1;
}
.header-nav.nav-animation .nav > li:hover > ul.sub-menu li:hover > a {
  padding-left: 40px;
}
@media (max-width: 991px) {
  .header-nav .has-child {
    position: relative;
  }
}
.header-nav .has-child .submenu-toogle {
  position: absolute;
  right: 4px;
  top: 4px;
  color: #000;
  background-color: transparent;
  z-index: 900;
  cursor: pointer;
  padding: 10px;
  font-size: 14px;
  display: none;
}
@media (max-width: 991px) {
  .header-nav .has-child .submenu-toogle {
    display: block;
    width: 100%;
    text-align: right;
    top: 7px;
    font-size: 16px;
  }
}
.header-nav .has-child li .submenu-toogle {
  opacity: 0.9;
}
.header-nav .has-child.nav-active > a + .submenu-toogle.glyphicon-chevron-right:before {
  content: "\e114";
}
.header-nav .has-child.nav-active > a + .submenu-toogle.glyphicon-plus::before {
  content: "\2212";
}
@media (max-width: 991px) {
  .header-nav .has-child.nav-active > a + .submenu-toogle.fa.fa-angle-right::before {
    content: "\f107";
  }
}
@media (max-width: 991px) {
  .mobile-full-width-menu .header-nav .nav {
    position: inherit;
  }
}
@media (max-width: 991px) {
  .mobile-sider-drawer-menu .header-nav {
    position: fixed;
    width: 250px !important;
    border-radius:0 !important;
    z-index: 999;
    height: 100vh !important;
    overflow-y: inherit !important;
    left: -250px;
    top: 0px;
    transition: all 0.5s linear;
    background-color: #fff;
  }
  .mobile-sider-drawer-menu .header-nav .nav > li:hover > .sub-menu {
    animation: none !important;
  }
  .mobile-sider-drawer-menu .header-nav .nav > li .sub-menu li:hover > .sub-menu {
    animation: none !important;
  }
  .mobile-sider-drawer-menu.active .header-nav {
    flex-direction: column;
    left: 15px;
  }
  .mobile-sidebar-logo{
    height:85px;
    width:100%;
    background:#FFF;
  }
  .mobile-menu-logo{
    height: 77px;
  }
  .mobile-sider-drawer-menu .icon-bar {
    transition: all 0.5s linear;
    position: relative;
  }
  .mobile-sider-drawer-menu #mobile-side-drawer {
    min-height: 41px;
    position: relative;
  }
  .mobile-sider-drawer-menu.active .icon-bar.icon-bar-first {
    transform: rotate(45deg) translateX(3px) translateY(2px);
  }
  .mobile-sider-drawer-menu.active .icon-bar.icon-bar-three {
    transform: rotate(-45deg) translateX(3px) translateY(-2px);
  }
  .mobile-sider-drawer-menu .icon-bar.icon-bar-two {
    position: relative;
    right: 0%;
  }
  .mobile-sider-drawer-menu.active .icon-bar.icon-bar-two {
    position: absolute;
    right: 100px;
    opacity: 0;
  }
  .mobile-sider-drawer-menu .is-fixed .header-nav .nav {
    overflow: auto;
    max-height: 100%;
  }
  .mobile-sider-drawer-menu .header-fixed .header-nav .nav {
    overflow: auto;
    max-height: 100%;
  }
}
.sticky-no .main-bar {
  position: static !important;
}
.is-fixed .main-bar {
/*  position: fixed;*/
  top: 0px;
  left: 0px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.is-fixed .color-fill.main-bar {
  background-color:#271239;
  box-shadow:0 0 5px 10px rgba(0,0,0,0.1);
}

.is-fixed .color-fill .navbar-toggler .icon-bar{
  color:#FFF !important;
}


.is-fixed .color-fill.main-bar {
  padding-bottom: 5px !important;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
  animation: slideDown 0.5s ease-out;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.is-fixed.color-fill .header-nav .nav > li {
  margin: 0px;
  padding: 0px;
}
@media (max-width: 991px) {
  .header-nav .nav > li {
    margin: 0px;
    padding: 0px;
  }
  .header-nav .nav > li > a {
    margin: 0px;
    padding: 10px 12px;
    line-height:1.2;
  }
  .is-fixed.color-fill .header-nav .nav > li {
    margin: 0px;
    padding: 0px;
  }
}
@media (max-width: 767px) {
  .main-bar {
    height:auto;
    padding: 0px;
  }
  .is-fixed .main-bar {
    padding: 0px;
  }
  .is-fixed.color-fill .main-bar {
    padding: 0px;
  }
}
/*Header End ===========================*/

/*Header Style 1*/
.header-style-1 .is-fixed.color-fill .main-bar {
  top:0px;
}
.header-style-1 .header-nav .nav > li > a {
  font-family: "Open Sans", sans-serif;
  color: #271239;
  font-weight: 600;
  transition: 0.4s ease all;
  border-radius: 20px;
 padding: 8px 25px;
}
@media screen and (min-width:992px) and (max-width:1100px){
   .header-style-1 .header-nav .nav > li > a{
      padding: 8px 15px !important;
   }
}
@media screen and (max-width:900px){
  .header-style-1 .header-nav .nav > li > a{
    padding:15px 20px !important;
  }
}
.header-style-1 .header-nav .nav > li:hover > a {
  color:#8492FD;
  background:#ffffff1a;
}
.header-style-1 .header-nav .nav > li.active > a, 
.header-style-1 .header-nav .nav > li.current-menu-item > a {
  color:#FFF;
}
.header-style-1 .color-fill .header-nav .nav > li > a {
  color: #271239;
}
.header-style-1 .color-fill .header-nav .nav > li:hover > a {
  color:var(--secondary);
}
.header-style-1 .color-fill .header-nav .nav > li.active > a, 
.header-style-1 .color-fill .header-nav .nav > li.current-menu-item > a {
  color:var(--secondary);
}

@media only screen and (max-width:991px) {  
.header-style-1 .header-nav .nav > li > a {
  color: #271239;
}
.get-started-btn i{
    font-size: 18px !important;
    margin-left: 3px !important;
    margin-top: 0 !important;
    vertical-align: middle !important;
    opacity: 1 !important;
}
}
@media screen and (min-width:992px){
   .navbar-expand-lg .navbar-collapse{
  justify-content: center !important;
}
}
.aon-brand-marketing a { color:#1750bd; }


@media only screen and (max-width:575px) { 
.site-button.aon-get-app-btn{ padding:15px 24px; }	
.section-shape-1::after, .section-shape-2::after{
  display: none !important;
}
}
@media only screen and (max-width:400px) { 
.site-button.aon-get-app-btn{ padding:10px 10px; }	
}
@media only screen and (max-width:1200px) {
.header-nav .nav > li.has-child::after { right: 0px !important;top:21px; }
}
@media only screen and (max-width:991px) {
.aon-brand-marketing {  display: none; }
.header-nav2 .nav > li > a { padding:12px 25px;}
}

.section-shape-1, .section-shape-2 {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.section-shape-1::after {
    content: "";
    position: absolute;
    background-image: url('../images/site-shape-1.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100px;
    height: 100%;
    bottom: -24%;
    right: 0;
    z-index: -1;
    opacity: 1;
}
.section-shape-2::after {
    content: "";
    position: absolute;
    background-image: url('../images/site-shape-1.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100px;
    height: 100%;
    bottom: -24%;
    left: 0;
    transform: rotate(180deg);
    z-index: -1;
    opacity: 1;
}

.section-head.when-bg-dark .wt-title {
  color: #fff;
}
.section-head.when-bg-dark p {
  color: #c1c1c1;
}
/*Center-title*/
.section-head.left.wt-small-separator-outer {
  text-align: left;
}
@media (max-width: 1024px) {
  .section-head.left.wt-small-separator-outer h2 {
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  .section-head.left.wt-small-separator-outer h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
.section-head.left.wt-small-separator-outer p {
  margin-bottom: 40px;
}
.section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left {
  position: relative;
}
.section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left:before, .section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left:after {
  position: absolute;
  content: '';
  background-color: #104CBA;
  height: 22px;
  bottom: 0px;
  top: 0px;
  transform: skew(-20deg);
}
.section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left.white:before, .section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left.white:after {
  background-color: #fff;
}
.section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left:before {
  right: -20px;
  width: 10px;
}
.section-head.left.wt-small-separator-outer .wt-small-separator div.sep-leaf-left:after {
  right: -27px;
  width: 4px;
}
.section-head.left.wt-small-separator-outer.white .wt-small-separator div.sep-leaf-left:before, .section-head.left.wt-small-separator-outer.white .wt-small-separator div.sep-leaf-left:after {
  background-color: #fff;
}
.section-head.left.wt-small-separator-outer.white .wt-small-separator div {
  color: #fff;
}
.form-group {  
	margin-bottom: 30px;
}
.section-head.center { 
	text-align: center; 
	margin: 0px auto 60px; 
	max-width:600px;
}
@media only screen and (max-width:991px){
.section-head.center { margin-bottom:30px; }
}

.section-head.center.wt-small-separator-outer {
  margin-bottom: 50px;
  text-align: center;
}
.section-head.center.wt-small-separator-outer h2 {
  max-width: 600px;
  margin: 0px auto;
}
@media (max-width: 1200px) {
  .section-head.center.wt-small-separator-outer h2 {
    font-size: 50px;
  }
}
@media (max-width: 1024px) {
  .section-head.center.wt-small-separator-outer h2 {
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  .section-head.center.wt-small-separator-outer h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
.section-head.center .wt-small-separator div.sep-leaf-left {
  position: relative;
}
.section-head.center .wt-small-separator div.sep-leaf-left:before, .section-head.center .wt-small-separator div.sep-leaf-left:after {
  position: absolute;
  content: '';
  background-color: #104CBA;
  height: 22px;
  bottom: 0px;
  top: 0px;
  transform: skew(-20deg);
}
.section-head.center .wt-small-separator div.sep-leaf-left:before {
  right: -20px;
  width: 10px;
}
.section-head.center .wt-small-separator div.sep-leaf-left:after {
  right: -27px;
  width: 4px;
}
.widget {
  margin-bottom: 40px;
}
button.scroltop {
  border: none;
  position: fixed;
  right: 10px;
  bottom: 20px;
  color: #FFF;
  border:2px solid #FFF;
  margin: 0;
  font-size:24px;
  cursor: pointer;
  display: none;
  height:45px;
  width: 45px;
  line-height:24px;
  padding:0px;
  text-align: center;
  border-radius:50px;
  z-index: 999;
  background:var(--primary);

}
button.scroltop:hover {
	background: #271239; 
  color:#FFF;
  transition: 0.3s ease-in;
  border-color:#FFF;
}

.form-control {
  border: 1px solid #e1e1e1;
  height:60px;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 12px;
  border-radius:5px;
}
.form-control:focus {
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.0);
  border-color:var(--primary);
  background-color: #fff;
}

textarea.form-control {  height: auto; }

/*Section Overlay*/
.overlay-wraper {
  position: relative;
}
.overlay-wraper .overlay-main {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.opacity-01 {
  opacity: 0.1;
}
.opacity-02 {
  opacity: 0.2;
}
.opacity-03 {
  opacity: 0.3;
}
.opacity-04 {
  opacity: 0.4;
}
.opacity-05 {
  opacity: 0.5;
}
.opacity-06 {
  opacity: 0.6;
}
.opacity-07 {
  opacity: 0.7;
}
.opacity-08 {
  opacity: 0.8;
}
.opacity-09 {
  opacity: 0.9;
}
select {
  appearance: none;
  background-image: url(...html);
  padding: 10px 30px 10px 10px;
  background-color: #fff;
}

/*=== >text ===*/
.text-white{color:#fff;}
.text-primary{color:var(--primary) !important;}
.text-black{color:#000;}
.text-gray{color:#f5f6f6;}
.text-gray-dark{color:#d3d3d3;}
.text-red{color:#ff6868;}
.text-red-dark{color:#FF2020;}
.text-green{color:#00d285;}
.text-yellow{color:#ffc100;}
.text-orange{color:#F60;}
.text-blue{color:#2c80ff;}
.text-sky{color:#21accd;}
.text-purple{color:#802d75;}

.site-footer { position:relative; font-size:16px; }
.site-footer > .footer-bottom { position:relative; z-index:1; }

/*Working*/
.section-head.center.white{color: #fff;}
.section-head.center.white .aon-title{color: #fff;}


/*footer*/

.aon-footer-logo-2 {
    max-width: 175px;
    background-color: #fff;
    margin-bottom: 20px;
    width: fit-content;
    border-radius: 10px;
}
.aon-footer-logo-2 img{
  max-width: 115px !important;
}
.aon-f-title-2 {
  position: relative;
    font-size: 26px;
    color: #fff;
    margin-bottom: 25px;
    padding-bottom: 16px;
}
.aon-f-title-2:before{
  content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background: #A539EE;
    bottom: 0;
    max-width: 100px;
    left: 0;
}
.aon-f-title-2:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background: #A539EE;
    bottom: 0;
    max-width: 30px;
    border-inline: 4px solid #271239;
    left: 0;
    margin-left: 60px;
}
/*Banner One css*/
.section-head { margin-bottom:50px; }
@media only screen and (max-width:991px){
.section-head { margin-bottom:20px; }
}

/*owl arrow mid right position*/
.owl-carousel.aon-arrow-mid-right .owl-nav {  margin-top: 40px;  text-align: center;  position: absolute;  top: 50%;  transform: translateY(-50%);  left: calc(100% - 476px); }
.owl-carousel.aon-arrow-mid-right .owl-nav button.owl-prev,
.owl-carousel.aon-arrow-mid-right .owl-nav button.owl-next{  width: 50px;  height: 50px;  line-height: 50px; border-radius: 50%;  border: 0px; background-color: #fff; position: relative; }

.owl-carousel.aon-arrow-mid-right .owl-nav button.owl-prev span.fa,
.owl-carousel.aon-arrow-mid-right .owl-nav button.owl-next span.fa {  color: #fff;  font-size: 24px; }

@media only screen and (max-width:1199px) {
.owl-carousel.aon-arrow-mid-right .owl-nav {
  bottom: 126px;
  top: auto;
  transform: inherit;
  left: 50%;
  width: 100%;
  max-width:960px;
  display: flex;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
	
}
@media only screen and (max-width:991px) {
.owl-carousel.aon-arrow-mid-right .owl-nav {  max-width:720px;}
}
@media only screen and (max-width:767px) {
.owl-carousel.aon-arrow-mid-right .owl-nav {  max-width:540px; }
}
@media only screen and (max-width:575px) {
.owl-carousel.aon-arrow-mid-right .owl-nav {  max-width:100%;}
}
@media only screen and (max-width:480px) {
.owl-carousel.aon-arrow-mid-right .owl-nav {  padding:0px 12px; }
}	

.animate-v11 {
        -webkit-animation: upNdown11 5s infinite linear;
        animation: upNdown11 5s infinite linear;
    }
@-webkit-keyframes upNdown11 {
         0% { }
         50% { transform: translateY(-10px); }
         100% { }
    }
@keyframes upNdown11 {
         0% { }
         50% { transform: translateY(10px); }
         100% { }
    }



.plus-v1 {
        -webkit-animation: plus 2s infinite linear;
        animation: plus 5s infinite linear;
    }
@-webkit-keyframes plus {
         0% { }
         50% { transform: scale(1); }
         100% { }
    }
@keyframes plus {
         0% { }
         50% { transform: scale(1.1); }
         100% { }
    }
.spin-v1 {
    filter: invert(1) brightness(45);
    opacity: 0.5;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 20s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*Corner icon css start*/
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon780b.eot?jss03n');
  src:  url('../fonts/icomoon780b.eot?jss03n#iefix') format('embedded-opentype'),
    url('../fonts/icomoon780b.ttf?jss03n') format('truetype'),
    url('../fonts/icomoon780b.woff?jss03n') format('woff'),
    url('../fonts/icomoon780b.svg?jss03n#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-rev-corner-1:before {
  content: "\e900";
  color: #fff;
}
/* Corner icon css End*/

/*Header Style 2*/
@media (min-width: 1200px){
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width:1344px;
  }
}
.ao-bg-white { background-color:#ffff;  }
.ao-bg-primary { background-color:var(--primary);  }
.ao-bg-secondary { background-color:var(--secondary);  }

.page-wraper { overflow:clip;padding: 0px; background: #FFF; }
@media only screen and (max-width:1280px){ 
.page-wraper { padding: 0px; }
}
@media only screen and (max-width:767px){ 
.page-wraper { padding:0px; }
}
.page-content { position:relative; }
.aon-bnrs-area { padding-top:15px; border-radius:30px; }
@media screen and (max-width:500px){
  .aon-bnrs-area { padding-top:0px !important; }
}
.ao-baner-label { background: #271239; display: inline-flex; padding:12px 25px; line-height: 1; align-items: center; border-radius:0px 20px 20px 0px;  color:#FFF; text-transform:uppercase; font-family:var(--title-family2); margin-bottom:20px; position:relative; font-weight:600; margin-left:25px;  }
@media screen and (max-width:500px){
  .ao-baner-label {
    font-size:12px;
    padding:12px 10px;
  }
}
.ao-baner-label:before {
    position: absolute;
    left: -20px;
    top: 8px;
    width: 5px;
    height: 20px;
    background-color: #f6f0fa;
    border-radius: 2px;
    content: '';
    transform: translateY(0);
    opacity: 0.4;
    animation: wooo 3.5s infinite;
}
.ao-baner-label:after {
    position: absolute;
    left: -10px;
    top: 4px;
    width: 5px;
    height: 30px;
    background-color: #9d98cd;
    border-radius: 2px;
    content: '';
    transform: translateY(0);
    opacity: 0.6;
    animation: wooo 3.5s infinite;
}
.ao-baner-text  {  font-size:18px; color:#fff; margin-bottom:40px; padding-top:20px;font-weight:500; }
.ao-baner-btn { display:flex; }
.aon-bnrs-right {position: relative; margin-right: -95px;}
.ao-baner-title.odd {
  opacity:0;
  transform: translateX(-100%);
  animation: backInLeft 1s ease-out forwards;
}
.ao-baner-title.even {
  opacity:0;
  transform: translateX(100%) scale(0.9); 
  animation: backInRight 1s ease-out forwards; 
}
@keyframes backInLeft {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes backInRight {
  0% {
    opacity: 0;
    transform: translateX(100%) scale(0.9); 
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1); 
  }
}
/* Who we are section */
.who-we-are-head {
    color: #271239;
    font-size: 20px;
    font-weight: 700;
    font-family: "Open Sans", sans-serif;
}
.who-we-are-head i{
  color:#271239;
  font-size:25px;
  display: inline-block;
  animation: rotateInfinite 2s linear infinite;  
  margin-right:12px;
}

@keyframes rotateInfinite {
  from {
    transform: rotate(0deg); 
  }
  to {
    transform: rotate(360deg);  
  }
}

/* About Us Section CSS */
.ygr-list-wrapper{
  margin-top: 25px;
}
.ygr-list-wrapper ul{
  list-style: none;
}
.ygr-list-wrapper ul li{
  font-size: 16px;
    font-family: "DM sans", sans-serif;
    color: #fff;
    padding-bottom:10px;
}
.wcu-list-wrapper ul{
  list-style: none;
}
.wcu-list-wrapper ul li{
  padding-bottom: 10px;
}
.wcu-list-wrapper ul li i {
    color: #a338ec;
    padding-right: 7px;
}
.ao-why-choo-box:hover .wcu-list-wrapper ul li i{
  color: #a338ec;
  transition: color 0.3s ease;
}
.course-list-wrapper ul{
  list-style: none;
}
.course-list-wrapper ul li{
  color:#271239;
  font-size: 16px;
    font-family: "DM sans", sans-serif;
  padding-bottom: 10px;
}
.course-list-wrapper ul li i{
  color:#271239;
  padding-right: 7px;
}
.course-list-wrapper ul li span{
  color: #271239;
  font-weight: 600;
  padding-right: 7px;
}
.ygr-about-wrap{padding: 110px 40px; background-color: #FFF;}
@media screen and (max-width:500px){
  .ygr-about-wrap {
    padding: 35px 10px !important;
}
}

.ygr-collage-3-coulmn-wrap{padding-left: 88px;}
@media screen and (max-width:500px){
  .ygr-collage-3-coulmn-wrap{
    margin-top:23px !important;
  }
}
.ygr-collage-3-coulmn{position: relative;}
.ygr-collage-3-l-pic { border-radius: 30px; overflow: hidden; }
.ygr-collage-3-l-pic img { width: 100%;height:500px;object-fit:cover; transition: all 0.2s linear; }
.ygr-collage-3-l-pic:hover img { transform: scale(1.1); }

@media only screen and (max-width:1200px){ 
.ygr-collage-3-coulmn-wrap{padding-left:0px;}
.ygr-about-content { margin-bottom: 40px; }
}
.ygr-collage-3-t-pic {
    border-radius: 30px;
    width: 240px;
    position: absolute;
    top: -20px;
    right: -20px;
    border: 8px solid #FFF;
    background: linear-gradient(to right, #A237EA, #271239);
}
.ygr-collage-3-t-pic img {width: 100%;border-radius: 30px; animation: wooo 3.5s infinite;}
.ygr-collage-3-vid-wrap { border-radius: 20px;background-color: #e3f3ef; position: absolute;left: -20px; bottom: -20px;}
.ygr-collage-3-vid { border-radius: 15px; background-color: #FFF; text-align: center;padding: 7px;}

.ygr-collage-3-vid img{
  height:220px;
  border-radius: 15px;
}

.ygr-main-head-lg-title{color:#271239;font-family: "Oswald", sans-serif;font-size: 43px;font-weight: 600;margin-bottom: 14px;margin-top:30px;}
.ygr-pgf-text { font-size: 16px;font-family: "Open Sans", sans-serif; color: #000; margin: 15px 0px;}
.newp{color: #271239 !important;font-weight: 600;}

@media only screen and (max-width:1200px){ 
.ygr-main-head-lg-title{font-size:46px;font-weight: 600;font-family: "Oswald", sans-serif;margin-bottom: 14px;}
.ygr-collage-3-coulmn-wrap{padding-left:0px;}
.ygr-about-content { margin-bottom: 40px; }
}
@media only screen and (max-width:1200px){ 
.ygr-main-head-lg-title{font-size:36px; }
}
@media only screen and (max-width:767px){ 
.ygr-iconset-wrap .row [class*='col-']{margin-bottom: 30px;}
.ygr-iconset-wrap .row [class*='col-']:last-child{margin-bottom: 0px;}

}
@media only screen and (max-width:575px){ 
.ygr-main-head-lg-title{font-size:26px; }
}

/* Why Choose Us CSS */

.ao-why-choo-area {
    /* border-radius: 30px; */
    overflow: hidden;
    padding: 80px 30px;
    background-color: #2712391a;
}
@media screen and (max-width:500px){
  .ao-why-choo-area{padding-top: 45px !important;padding-left:10px !important;padding-right:10px !important;
    margin-top: 35px !important;} 
    .canva-animated-circle-text{
      margin-top: 55px !important;
    }
}
.ao-why-choo-area { position:relative; }
.ao-section-head{
  margin-bottom:50px;
}
.ao-section-head-tagline i{
  color: #271239;
  font-size: 25px;
  display: inline-block;
  animation: rotateInfinite 2s linear infinite;
  margin-right: 12px;
}
.ao-why-choo-area .ao-section-head-tagline {
    color: #271239;
    font-size: 20px;
    padding-left: 10px;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: 700;
}
.ao-why-choo-area .ao-section-head-tagline:before { background-color:rgba(235, 247, 244, 0.35); animation: wooo 3.5s infinite; }
.ao-why-choo-area .ao-section-head-tagline:after { background-color:rgba(235, 247, 244, 0.35); animation: wooo 3.5s infinite; }


.ao-why-choo-area .container { position:relative; z-index: 1; }
.ao-why-choo-box { padding:50px; background:#271239;  border-radius:20px; position:relative; margin-bottom:30px; color:#fff;  transition: all 0.4s linear; }
.ao-why-choo-box:last-child { margin-bottom:0px; }
.ao-why-choo-title { margin:0px 75px 0px 0px; color:#fff; font-size:24px; text-transform:uppercase;  margin-bottom:15px; } 
.ao-why-choo-text { color:#fff; font-size:18px; } 
.ao-why-choo-link { width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; border-radius: 20px 0px 20px 0px; background:#ab3df3; color:#FFF; font-size:40px; position: absolute; bottom: -2px; right: -2px; }
.ao-why-choo-link i{
  color:#FFF;
}
.ao-section-head-tagline{
  margin-bottom: 30px;
}
/* Wood Animation */
span.wood-animation img {
  animation: wooo 3.5s infinite;
}
/*wood animation*/
@keyframes wooo {
  0% {
    transform: rotate3d(0, 0, 0);
  }
  50% {
    transform: rotate3d(0, 1, 0, 180deg);
  }
  100% {
    transform: rotate3d(0, 1, 0, 359deg);
  }
}

.ao-why-choo-box:hover {  background:var(--primary); border:2px solid #271239; }
.ao-why-choo-box:hover .ao-why-choo-title {  color:#fff; }
.ao-why-choo-box:hover .ao-why-choo-text {  color:#fff; } 
.ao-how-it-right { display:flex; justify-content:center; align-items: center; }
.ao-how-it-pic {
    width: 340px;
    border-radius: 200px 200px 25px 25px;
    overflow: hidden;
    box-shadow: rgba(39, 18, 57, 0.35) 0px 50px 100px -20px, 
  rgba(39, 18, 57, 0.5) 0px 30px 60px -30px, 
  rgba(39, 18, 57, 0.45) 0px -2px 6px 0px inset;
}
.ao-why-bg-pic { position: absolute;
  top: 40px;
  right: 50%;
  transform: translate(100%); }

.ao-why-choo-box:hover {  transform: scale(0.9); }

@media only screen and (max-width:1600px){ 
.ao-why-bg-pic { width:67%;}
}

@media only screen and (max-width:1200px){ 
.ao-why-choo-box { padding: 40px; }
}

@media only screen and (max-width:991px){ 
.ao-how-it-right { display: flex; justify-content:center; margin-top:30px; } 
}

@media only screen and (max-width:575px){ 
.ao-why-choo-title {  font-size:18px; } 
}

/* Why Choose Ends..*/


/* Our Courses CSS */
 .our-course-area{
    position:relative;
   padding:80px 30px;
    background-color: #34154f;
    /* border-radius: 30px; */
    overflow: hidden;
 }
 @media screen and (max-width:500px){
  .our-course-area{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .our-course-area .lg-head-text{
    font-size: 40px !important;
    margin-bottom: 32px !important;
  }
 }
.our-course-area .who-we-are-head{
    font-size:20px !important;
    font-family: "Open Sans", sans-serif;
}
.our-course-area .who-we-are-head i{
  font-size: 25px !important;
}
 .view-AS-btn{
  position: relative;
  z-index: 2;
  padding: 15px 37px;
  line-height: 1.3;
  font-size: 18px;
  font-weight:500;
  background-color: #271239;
  border-radius: 8px 8px 24px;
  color: #fff;
  border: 2px solid #fff;
  outline: none;
  transition:0.3s ease-in-out all;
}

 .view-AS-btn:hover{
  background-color:#FFF;
  border-color:#fff;
  color:#271239;
  transition:0.3s ease-in-out all;
}

/* .OC-widget-card:hover{
  transform:translateY(10px);
  transition:0.3s ease-in-out all;
} */

.OC-widget-card{
  height:100%;
  background-color:#FFF;
  padding: 10px;
  border-radius:20px 20px 60px;
  transition: .3s all ease;
}
.OC-widget-wrap{
  position: relative;
  overflow: hidden;
   border-radius: 20px;
}
.OC-widget-card .card-img-top {
    border-radius: 20px;
    height: 280px;
    object-fit: cover;
    transition: 1.7s ease-in-out;
}
.OC-widget-card:hover .card-img-top{
   transform: scale(1.1) rotate(2deg);
   transition:transform 1.7s ease-in-out;
}
.OC-widget-card .OC-avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-color: #271239;
    border-radius: 8px 8px 24px;
    background: linear-gradient(to right, #A237EA, #271239);
    height: 70px;
    width: 70px;
    transition: 0.5s ease-in-out all;
}
.OC-widget-card:hover .OC-avatar{
  border-radius:8px;
  transition: 0.5s ease-in-out all;
}

.OC-widget-card:hover .learn-more-href{
  transform:translate(10%);
  transition:0.3s ease-in-out all;
}

.OC-widget-card .OC-avatar .OC-icon{
   height:35px;
   fill:#FFF;
}
.OC-widget-card .card-title-wrap{
  display: flex;
  justify-content: center;
}
.OC-widget-card .card-title-md{
  position: relative;
  width: fit-content;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 23px;
    line-height: 32px;
    font-family: "Oswald", sans-serif;
    color:#271239;
}
.OC-widget-card .card-title-md::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 20px;
    height: 4px;
    width: 80px;
    background-color: #A539EE;
}

.course-list-wrapper {
    margin-top: 25px;
}
.OC-widget-card .para-content-OC{
  font-family: "Open Sans", sans-serif;
  color:#271239;
  font-weight: 400;
  font-size: 17px; 
}
.OC-widget-card .learn-more-wrapper{
    display: flex;
    margin-top: 10px;
    justify-content: center;
    align-items: center;
}
.OC-widget-card .learn-more-wrapper .learn-more-href {
  font-family: "Open Sans", sans-serif;
  color: #271239;
  font-size: 17px;
  font-weight: 600;
  border: 2px solid #271239;
  padding: 10px 30px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s ease-in-out all;
}
.OC-widget-card .learn-more-wrapper .learn-more-href:hover{
  background-color: #271239;
  color:#FFF;
  transition: 0.3s ease all;
}

/* Our Team CSS */

.our-team-area{
  padding:80px 30px;
}

@media screen and (max-width:575px){
  .our-team-area{
    padding:55px 10px !important;
  }
 .our-team-area .lg-head-text {
    font-size: 25px !important;
    line-height: 35px;
    margin-bottom: 30px !important;
}
  .testimonial-section{
    padding-top: 50px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .testimonial-section .lg-head-text{
    font-size: 26px !important;
  }
  .testimonial-section  .owl-btn-top-right .owl-nav{
    margin-top: 25px !important;
  }
}

/* Testimonial CSS */
.testimonial-section{
  background:#FFF;
  padding:80px 30px;
}

/* FAQ Section */
.FAQ-section{
   overflow:hidden;
   position:relative;
   background-color:#34154F;
   padding:80px 30px;
}

@media screen and (max-width:500px){
  .FAQ-section{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .FAQ-overlay{
    top: -65px;
    left: 0;
  }
  .FAQ-widget{
    margin-bottom: 50px !important;
  }
}

.FAQ-overlay{
  position:absolute;
  overflow:hidden;
  top:0;
  height:100%;
  width:100%;
  background-image: url("../images/faq/wave/01.png");
  --background-overlay: '';
  background-position: top right;
  background-repeat: no-repeat;
  display: inline-block; 
}
.FAQ-img{
  filter: opacity(0.5);
  border-radius: 100px 100px 100px 30px !important;
}
/* Contact Us Section */
.contactus-section{
  overflow:hidden;
  padding-bottom:115px;
  padding:80px 30px;
  background:#FFF;
}
@media screen and (max-width:500px){
  .contactus-section{
    padding-top: 55px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 85px !important;
  }
}
.contactus-section .content-YJGD .para-CU{
   color:#271239;
   font-size:17px;
    font-weight: 400;
}
.content-YJGD .list-items-wrapper ul li{
  list-style-type: none !important;
  margin-bottom:15px;
}
.content-YJGD .list-items-wrapper ul li .icon-avatar{
  height:35px;
  width:35px;
  background-color:#271239;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
}
.content-YJGD .list-items-wrapper{
  margin-top: 35px;
  margin-bottom: 45px;
}
.content-YJGD .list-items-wrapper ul li .icon-avatar i{
  color:#FFF;
}
.content-YJGD .list-items-wrapper ul li .span-IC{
  font-family: "Open Sans", sans-serif;
  color:#34154F;
  font-size: 20px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: -.1px;
  padding-left:10px;
}

.content-YJGD .contact-info{
  margin-top: 35px;
}
.content-YJGD .contact-info .head-md-contact{
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  color:#271239;
  font-family: "Oswald", sans-serif;
}

.content-YJGD .contact-info .contact-no{
  padding-top: 3px;
  color:#271239;
  font-size: 17px;
  font-weight: 600;
  line-height: 28px;
  font-family: "Open Sans", sans-serif;
}

.content-YJGD .contact-info .email_ctct {
  word-wrap: break-word;
  overflow-wrap: break-word;
  color:#271239;
  font-family: "Open Sans", sans-serif;
  font-weight:400;
}

.content-YJGD .contact-info .address_ctct{
  color:#271239;
  font-family: "Open Sans", sans-serif;
  font-weight:400;
    font-size: 18px;
    line-height: 27px;
}
.form-container.form-WRGFGH {
    margin: 20px;
    border-radius: 20px;
    overflow: hidden;
}
@media screen and (max-width:500px){
  .form-container.form-WRGFGH{
    margin: 30px 0 0 0 !important;
  }
  .form-WRGFGH .form-wrapper {
    padding: 30px 20px !important;
}
}
.form-WRGFGH .form-wrapper {
    padding: 40px;
    background-color: #34154f29;
}
.form-WRGFGH .form-heading{
  color:#271239;
  font-weight:600;
  padding-bottom:15px;
}
.form-WRGFGH .form-control, .form-WRGFGH .form-select{
  height:50px !important;
  border-radius:10px !important;
}

.form-WRGFGH textarea{
  min-height: 130px !important;
}
.form-WRGFGH .form-control:focus, .form-WRGFGH .form-select:focus{
  box-shadow:none !important;
   border-color:#271239 !important;
}
.form-WRGFGH .submit-btn{
  background-color:#271239;
  padding: 14px 45px;
  border-width:2px;
  border-style:solid;
  border-color:#271239;
  font-family: "Open Sans", sans-serif;
  font-size:17px;
  font-weight:600;
  color:#FFF;
  line-height: 1.3;
  border-radius: 8px 8px 24px;
  transition:0.4s ease all;
}

.form-WRGFGH .submit-btn:hover{
  color:#271239 !important;
  border:2px solid #271239 !important;
  background-color:#E9B900 !important;
  transition:0.4s ease all;
}

/* Testimonials */
.ao-our-testimo-area .container { position:relative; z-index: 1; }
.ao-our-testimo-box {
    padding: 40px 40px 0px 0;
    background: #FFF;
    border: 1px solid #271239;
    border-radius: 20px;
    position: relative;
    margin-bottom: 30px;
    color: #fff;
}
.ao-our-testimo-box:last-child { margin-bottom:0px; }
.ao-our-testimo-icon { font-size: 90px; line-height: 1; color: var(--primary); position: relative; margin-left: 50px;opacity: 0.5; }
.ao-our-testimo-icon::after { content: ""; position: absolute;right: 100%; bottom: 50px; width: 50px; height: 2px; background: var(--primary); }
.ao-our-testimo-text { color:#555; font-size:18px; margin-bottom:50px;padding-left: 50px; } 

.ao-our-testimo-bot { display:flex; margin-bottom:-1px; align-items: center;  }
.ao-our-testimo-media { width:100px; height:115px; display: flex; align-items: center; justify-content:flex-start; border-radius:0px 20px 0px 20px; background:#271239; position:relative; }
.ao-our-testimo-media:before { display:none;content: "\e900"; color:#271239;  font-size:30px;  position: absolute;  left: 0px;  top:-29px;  transform: rotate(90deg); font-family: 'icomoon' !important;
  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1; }
.ao-our-testimo-media:after {display:none; content: "\e900"; color:#271239;  font-size:30px;  position: absolute;  right:-29px;  bottom:0px;  transform: rotate(90deg); font-family: 'icomoon' !important;
  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1; }
.ao-our-testimo-pic { width:75px; height:75px;position:relative;left:6px; border-radius:100%; overflow:hidden; }
.ao-our-testimo-pic img { width:100%; height:100%; border-radius:100%; object-fit:cover; object-position:center; }

.ao-our-testimo-info { padding-left: 25px; }
.ao-our-testimo-name { margin:0px 0px 0px 0px;font-family: "Oswald", sans-serif; color:#222; font-size:24px; margin-bottom:10px; font-weight:600; line-height:1; } 
.ao-our-testimo-posin { color: #616161; font-size: 16px; text-transform: uppercase; line-height: 1; display: flex; align-items: center; } 
.ao-our-testimo-posin i { font-size:8px; color:var(--primary); margin-right:5px;  } 

.ao-our-testimo-icon { width:auto !important; height:40px; }
.ao-our-testimo-icon img { width:auto !important; height:40px; }

@media only screen and (max-width:575px){
.ao-our-testimo-icon::after { display:none; }
.ao-our-testimo-name {  font-size:18px; } 
.ao-our-categori-name {  font-size:18px; }
}
.ao-site-footer { background-color:#271239; margin-top:-30px}
.footer-main { padding-bottom: 30px; position: relative; z-index:2; background-color:#271239;overflow:hidden; }
.footer-main-top { padding: 70px 30px 35px 30px; position:relative; z-index:1; }
.p-footer-text{
   color:#FFF;
   padding-top: 15px; font-weight:400;
}
.aon-ftr-info span {
    display: flex;
    height: 50px;
    width: 50px;
    min-height: 50px;
    min-width: 50px;
    background-color: #FFF;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 10px;
}
.aon-ftr-info span i{font-size: 20px;
  color: #271239;}
.aon-ftr-info-wrap.f-margin { padding-left: 30px; }
.aon-ftr-info { margin:0px;color: #fff; list-style:none; }
.aon-ftr-info li {
    margin-bottom: 20px;
    display: flex;
    font-weight: 400;
    align-items: center;
}
.aon-ftr-info li a{color: #fff;overflow-wrap: anywhere;}
.aon-ftr-info li a:hover{color: #fff;}
.aon-ftr-info .aon-f-title-2 { margin-bottom: 5px;}
.aon-ftr-info li p { color: #706C83; margin-bottom:5px;}
.aon-ftr-info li p.hilite { color: #cf480d;}

@media only screen and (max-width:1200px){
.aon-ftr-info-wrap.f-margin { padding-left:0px; }
}
.powered-brand-text{
   font-weight:500;
   color:#0293C2;
   font-family: "Open Sans", sans-serif;
}
.aon-widget-foo-list-2 { list-style:none; margin:0px; display:flex; flex-wrap:wrap; }
.aon-widget-foo-list-2 li { padding:0px 0px 0px 0px; display: block; width:100%; margin-bottom:15px; }
.aon-widget-foo-list-2 li a { color:#fff; font-size: 16px; font-weight:400}
.aon-widget-foo-list-2 li a:hover {color:#8493FD}

.footer-main-bot {  background-color: rgba(255, 255, 255, 0.22);  padding: 15px 0px; position:relative; z-index:2; }
.ao-copyright-line { color: #fff; font-size:16px; font-weight:400; }
.aon-social-icon-2  { list-style:none; margin:0px;  display:flex; justify-content:center; }     
.aon-social-icon-2 li { display: inline-block; margin:0px 10px;} 
.aon-social-icon-2 li:last-child{margin-right: 0px;} 
.aon-social-icon-2 li a {color:#fff ; font-size: 22px; width:40px; height:40px; border:2px solid #fff; border-radius:30px; font-size:14px; display:flex; align-items:center; justify-content:center; }
.aon-social-icon-2 li a:hover {color:var(--secondary); background:var(--primary); border:2px solid var(--primary); }  

.aon-social-icon-2 li:hover a {
    background: linear-gradient(to right, #A237EA, #271239);
    color: #FFF !important;
    border-color: #FFF;
    transition: all 0.3s ease;
}
.aon-privacy-links { list-style:nono; margin:0px; padding:0px; display:flex; justify-content:flex-end; }
.aon-privacy-links li { display:inline-flex; padding:0px 35px; border-right:1px solid #fff; line-height:1; margin:0px; font-size:16px; }
.aon-privacy-links li:last-child { border-right:none; padding-right:0px; }
.aon-privacy-links li a { color:#fff; font-weight:400;}
.aon-privacy-links li a:hover { color:var(--primary); }

.ao-foo-animate-pic1 { position: absolute; top: 30px; right: 11vw; width: 346px; height: 346px; }
.ao-foo-animate-pic2 { position: absolute; bottom:0px; left:0px; width:30% }
.ao-foo-top-animate-pic { position: absolute; bottom:40px; left:50%; width:auto; }

@media only screen and (max-width:991px){
.ao-copyright-line { color: #fff; font-size: 16px; display: block; text-align: center; margin-bottom: 20px; }
.aon-social-icon-2 { list-style: none; margin: 0px; display: flex; justify-content: center; margin-bottom: 20px; text-align: center; }
.aon-privacy-links { margin: 0px 0px 10px; justify-content: center; }
.aon-f-title-2 { margin-bottom: 30px; }
}
@media only screen and (max-width:767px){
.ao-foo-animate-pic1 { top: auto; right: 10vw; bottom: 30px; }
}
@media only screen and (max-width:575px){
.aon-privacy-links li { display: inline-flex; padding: 0px 10px; }
.ao-foo-animate-pic1 { top: auto; right: 10%; width: 80%; }	
}

/*================
	Home Two
================*/


/*Team Section || Testimonials Section*/

.ao-team-column-bx {
    box-shadow: rgba(39, 18, 57, 0.08) 0px 6px 24px 0px, 
  rgba(39, 18, 57, 0.15) 0px 0px 0px 1px;
    border-radius: 20px;
    border-bottom: 4px solid #271239;
    padding: 20px;
    background-color: #eddff99e;
    text-align: center;
}
.ao-team-column-bx .ao-team-media {
    overflow: hidden;
    border-radius: 20px;
    margin-bottom: 30px;
    border: 5px solid #953ce05c;
}
.ao-team-column-bx .ao-team-media img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.ao-team-column-bx .ao-team-info .ao-team-name{font-size: 24px;font-family: "Oswald", sans-serif;
  color: #271239;}
.ao-team-column-bx .ao-team-info .ao-team-position {
    display: block;
    font-size: 17px;
    text-transform: capitalize;
    margin-bottom: 20px;
    color: #a73af0;
}
@media only screen and (max-width:767px){ 
  .ao-team-column-bx .ao-team-info .ao-team-name{font-size: 18px;}
}

.ao-team-social{list-style: none; margin-bottom: 10px; display: flex; justify-content: center;}
.ao-team-social li{margin-right: 14px; padding-right: 14px; position: relative;}
.ao-team-social li:after{ content: ''; width: 10px; height: 2px; background-color: var(--secondary); position: absolute; right: -4px; top: 50%; transform: translateY(-50%);}
.ao-team-social li:last-child{margin-right: 0px; padding-right: 0px;}
.ao-team-social li:last-child:after{display: none;}

.ao-team-social li a{width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; color: var(--secondary); border: 2px solid #fff; border-radius: 50%; transition: 0.5s all ease;}
.ao-team-social li a:hover{color: #fff; border: 2px solid var(--secondary); background-color: var(--secondary);}


@media only screen and (max-width:1200px){
.p-t120 { padding-top: 70px; }
.p-b120 { padding-bottom: 70px; }
.p-b90 { padding-bottom:40px; }
.footer-main-top { padding: 80px 0px 30px; }
}


/*Hover Animation*/

.ao-team-media img{transition: all 0.2s linear; }
.ao-team-media:hover img { transform: scale(1.1); }


.ao-our-testimo-box{transition: all 0.2s linear; }
.ao-our-testimo-box:hover{ background-color: #fff;}

/*cursor Css Start */

/* Start  Curser pointer CSS */

.cursor {
  position: fixed;
  width: 30px;
  height: 30px;
  margin-left: -20px;
  margin-top: -20px;
  border-radius: 50%;
  border: 2px solid var(--secondary-btn-hover);
  transition: 0.3s;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 1000;
}
.cursor2 {
  position: fixed;
  width: 4px;
  height: 4px;
  margin-left: -20px;
  margin-top: -20px;
  border-radius: 50%;
  background-color: #fff;
  transform: translate(-50%, -50%);
  transition: 0.1s;
  pointer-events: none;
  z-index: 1000;
}

.grow,
.grow-small {
  transform: scale(3);
  background: white;
  mix-blend-mode: difference;
  border: none;
}

.grow-small {
  transform: scale(1.7);
}


@keyframes drop {
    10% {
        opacity: 0.5;
    }
    20% {
        opacity: 1;
        top: 3.78em;
        transform: rotateX(-360deg);
    }
    80% {
        opacity: 1;
        top: 3.78em;
        transform: rotateX(-360deg);
    }
    90% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
        top: 6.94em
    }
}

/*Loading*/
.loading-area {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  overflow: hidden;
}
.loading-area .loading-box {
  width: 100%;
  height: 100%;
  background-color: #271239;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
  z-index: 9999;
}
.loading-area .loading-pic {
  width: 100%;
  position: absolute;
  top: 50%;
  z-index: 99999;
  text-align: center;
  transform: translateY(-50%);
}

/*Loading Animation Start*/
.wrapper {
  margin: 0px auto;
  display: block;
}
.wrapper .cssload-loader {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin: 48px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  background-color: #A539EE;
  animation: 1.15s infinite linear;
}
.wrapper .cssload-loader:before, .wrapper .cssload-loader:after {
  content: "";
  animation: 1.15s infinite linear;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.wrapper .cssload-loader:before {
  content: "";
  border: 7px solid #fff;
  top: 0px;
  left: 0px;
  animation-name: cssload-animation;
}
@keyframes cssload-animation {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(2);
  }
}
.feature-area {
  position: relative;
}
.feature-item {
  height: 100%;
  padding: 35px 20px;
  position: relative;
  background: #fff;
  text-align: center;
  margin-bottom: 25px;
  border-radius: 30px;
  box-shadow: 0 1px 80px 12px rgb(26 40 68 / 6%);
  transition: all .5s ease-in-out;
}
.feature-item:hover {
  transform: translateY(-7px);
}
.feature-icon {
    width: 90px;
    height: 90px;
    line-height: 90px;
    background: linear-gradient(to right, #A237EA, #271239);
    background-color: #333366;
    font-size: 55px;
    color: #fff;
    margin: 0 auto 30px auto;
    display:flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    position: relative;
    z-index: 1;
}
.feature-icon::before {
  content: "";
  position: absolute;
  background: #7C58D3;
  opacity: .2;
  width: 100%;
  height: 100%;
  bottom: -10px;
  left: -10px;
  border-radius: 50%;
  transition: all .5s ease-in-out;
  z-index: -1;
}
.feature-item:hover .feature-icon::before {
  bottom: 0;
}
.feature-title {
    margin-bottom: 18px;
    font-weight: 500;
}
.feature-icon img{
  height: 45px;
  width: auto;
}
/* Team Details.. */
.team-prof-wrap{
  background-color: #FFF;
  padding: 15px;
  box-shadow: rgba(188, 18, 232, 0.2) 0px 0px 12px;
}
.QIprof-wrap{
  position: relative;
  overflow: hidden;
}
.QIprof-wrap:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}
.QIprof-wrap:hover:after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}
/* .tead-prof{
  height: 320px;
  object-fit: cover;
} */
.main-QIprof-info{
  margin-top: 15px;
  padding: 15px;
  background-color: #2c0e3721;
}
.main-QIprof-info h1{
  color: #BC12E8;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 17px;
}
.main-QIprof-info h1 span{
  color: var(--primary) !important;
}
.main-QIprof-info h6 {
    color: #312b34;
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 0;
}
.admQI-wrap{
  margin-top: 25px;
}
.admQI-wrap .list-group{
 box-shadow: 0 3px 10px rgba(188, 18, 232, 0.1);
 border-radius: 0 !important;
}
.admQI-wrap .list-group-item{
  border-color: #2c0e3730 !important;
  font-size: 15px;
  font-weight: 500;
  color: var(--primary);
}
.admQI-wrap .list-group-item span{
  font-weight: 700 !important;
}
.admQI-wrap .list-group-item.head {
    background-color: #2C0E37 !important;
    border-color: #2C0E37 !important;
    color: #FFF !important;
    font-size: 18px;
    font-weight: 700 !important;
}
.admQI-box-content{
  padding: 20px;
  background-color: #2c0e371e;
  height: 100%;
}
.fancy-text{
  font-family: "Playfair Display", serif;
  color: var(--primary);
  font-size: 38px;
}
.fancy-text span{
  color: #BC12E8 !important;
}
.rdfet-head{
  position: relative;
  font-size: 25px;
  font-weight: 500;
  padding-bottom: 14px;
  width: fit-content;
}
.rdfet-head:after {
    content: "";
    position: absolute;
    width: 45%;
    height: 4px;
    background: #d000e0;
    bottom: 0;
    left: 0;
    border-radius: 15px;
}
@media (min-width: 992px) {
  .teamdt-lhs-wrap {
    position: sticky;
    top: 15%;
    height: 100vh;
    /* overflow-y: auto;
    scroll-behavior: smooth;  */
  }

  .QIprof-rhs-wrap {
    height: auto;
    overflow: visible;
  }
}
html, body {
  height: 100%;
  scroll-behavior: smooth;
}
.admQI-list {
  list-style: none;
  padding-left: 0;
  margin-top: 15px;
}
.admQI-list li {
  position: relative;
  padding-left: 25px;
  color: #000;
}
.admQI-list li::before {
    content: "\f138";
    font-family: "Font Awesome 6 Pro";
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 0px;
    color: #271239;
    font-size: 17px;
}
.collab-card {
    position: relative;
    padding: 10px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    border: 7px solid #27123933;
    border-radius: 12px;
    z-index: 1;
    transition: border 0.3s ease;
}
.collab-card:hover{
  border-color: var(--primary);
  box-shadow: 
  rgba(188, 18, 232, 0.3) 0px 30px 60px -12px inset, 
  rgba(94, 0, 117, 0.4) 0px 18px 36px -18px inset;

  transition: all 0.3s ease-in-out;
}
.collab-card img{
  height: 200px;
  width: 200px;
  object-fit: contain;
  transition:all 0.3s ease 
}
.collab-title{
  color: #000;
  font-size: 20px;
  margin-top: 20px;
  font-family: var(--title-family2);
}
@media screen and (max-width:575px){
     .collab-card img {
    height: 150px;
    width: 150px;
}
.collab-title{
  font-size: 14px;
}
.who-we-are-head{
  font-size: 15px;
}
.ao-section-head-tagline i{
  font-size: 15px;
}
.ao-section-head-tagline {
    margin-bottom: 15px;
}
.collab-card{
  border-width: 5px !important;
}
}



/* CSS Ends..... */