/* reset css */
	a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
	*,:before,:after{box-sizing: border-box;padding: 0;margin: 0;}
	a,button{display: inline-block;text-decoration: none;cursor: pointer;}a:hover,a:focus,input,input:focus,select,select:focus,textarea,textarea:focus,button{outline: none;border: none;}li{list-style: none;}.fl{float: left;}.fr{float: right;}.clear{clear: both;}.textl{text-align: left;}.textc{text-align: center;}.textr{text-align: right;}
	select, input, textarea, select::placeholder, input::placeholder, textarea::placeholder, select, button {opacity: 1;color: #0e0d0d;font-size: 16px !important;font-family: 'content';}
	select,input,textarea{width: 100%;}
	img{max-width: 100%;}
	h1{font-size: 48px;margin: 10px 0;line-height: 1.2;font-family: 'content-1'; color: #fff;text-align: center;}
	h2.spps-heading {font-size: 20px;color: #FFBE02;text-transform: uppercase;letter-spacing: 2px;font-family: content-4;}
	h2.spps-heading span {font-size: 40px;color: #64d318;display: inline-block;text-transform: uppercase;letter-spacing: 1px;margin-top: 8px;font-weight: 900;padding-bottom: 10px;border-bottom: 2px solid #FFBE02;}
	h3.spps-heading {font-size: 20px;color: #FFBE02;text-transform: uppercase;letter-spacing: 2px;font-family: content-4;}
	h3.spps-heading span {font-size: 40px;color: #64d318;display: inline-block;text-transform: uppercase;letter-spacing: 1px;margin-top: 8px;font-weight: 900;padding-bottom: 10px;border-bottom: 2px solid #FFBE02;}
	h4.spps-heading {font-size: 20px;color: #FFBE02;text-transform: uppercase;letter-spacing: 2px;font-family: content-4;}
	h4.spps-heading span {font-size: 40px;color: #64d318;display: inline-block;text-transform: uppercase;letter-spacing: 1px;margin-top: 8px;font-weight: 900;padding-bottom: 10px;border-bottom: 2px solid #FFBE02;}
	h2 {font-size: 38px;margin: 5px 0;color: #8f032a;line-height: 1.2;font-family:'content-1';/* text-align: center; */}
	h3{font-size: 34px;color: #FFBE02;margin: 20px 0;line-height: 1.2;font-family: 'content';}
	p {line-height: 1.6;margin: 15px 0;font-size: 18px;color: #0e0d0d;text-align: justify;}
	.textc{text-align: center;}
/* reset css */

/* font-family */
	@font-face {font-family: 'content';src: url("../expression-academy/fonts/quick-sand/Quicksand-Regular.woff2") format("woff2");font-style: normal; font-weight: 300; font-display: swap;}
	@font-face {font-family: 'content-1';src: url("../expression-academy/fonts/quick-sand/Quicksand-Medium.woff2") format("woff2");font-style: normal; font-weight: 300; font-display: swap;}
	@font-face {font-family: 'content-2';src: url("../expression-academy/fonts/quick-sand/Quicksand-SemiBold.woff2") format("woff2");font-style: normal; font-display: swap;}
	@font-face {font-family: 'content-3';src: url("../expression-academy/fonts/quick-sand/Quicksand-Bold.woff2") format("woff2");font-style: normal; font-display: swap;}
	@font-face {font-family: 'content-4';src: url("../expression-academy/fonts/quick-sand/Poppins-Bold.woff2") format("woff2");font-style: normal; font-weight: 300; font-display: swap;}
/* font-family */

 
 /* landing css  */
/* FULL SCREEN WRAPPER */
    .landing-banner-wrapper { position: relative; background: url('../images/banner-1.webp') no-repeat center/cover; height: calc(100vh - 129px); overflow: hidden;}
    .landing-banner-wrapper .main-container { height: 100%; display: flex; justify-content: center; align-items: center;}
    .landing-banner-wrapper::before {content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, #ffbe25e3, #1a4690f2); z-index: 1;}
    .landing-banner-inner-wrapper { position: relative; z-index: 2;}
    .banner-left, .banner-right {display: flex; justify-content: center; align-items: center; text-align: center; padding: 20px;border: 1px solid #ffffff85; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; background: rgb(0 0 0 / 43%); border-radius: 5px;     width: 100%; max-width: 600px;}
    .landing-banner-wrapper h1{position: relative; z-index: 2;}
    .landing-page-inner{display: flex; justify-content: center; align-items: stretch; gap: 30px; margin: 40px 0 0;}
    .content h2{text-align: center; color: #fff;}
    .content p{text-align: center; color: #fff; font-family: 'content';}
    .main-container{padding: 0 20px;}

/* HEADER WRAPPER */
    .header{background: #fff; position: relative;}
    .header-wrapper {padding: 5px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.08); z-index: 999;}
    .header-inner-wrapper { display: flex; align-items: center; justify-content: space-between; gap: 30px;}
    .logo img {width: 100%; max-width: 180px;}
    .header-right { display: flex; align-items: center; gap: 20px;}
    .header-right .tooltiptext:last-child{background: #1a4690;}
    .footerlink ul li a {font-size: 16px;margin: 10px 0;display: block;line-height: 1.4;color: #fff;text-transform: capitalize; font-family: 'content';}.copy-right {background-color: #3f1056;color: #fff;padding: 10px 20px;}
    .footerlink ul li a:hover{color: #ed6716;}
    .copy-right article{display: flex;justify-content: space-between;font-size: 14px;align-items: center;}
    footer .bottom-wrapper article.address ul.social-icons{display: flex;justify-content: flex-start;gap: 20px;flex-direction: row;}
    footer .bottom-wrapper article.address ul.social-icons li a {color: #fff;display: flex;justify-content: center;align-items: center;}
    footer .bottom-wrapper article.address ul.social-icons li a i{font-size: 20px;}
    .social-icons li a:hover{i{color: #ed6716;}}
    .copy-right article span:hover, .copy-right article span a:hover{color: #ed6716;}
    .copy-right span{font-family: 'content'; text-align: center;}
    .tooltiptext {background-color: #ff9600; color: white; padding: 10px 40px; display: inline-block; font-size: 18px; margin: 4px 2px; border-radius: 32px; transition: all .4s; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; font-family: 'content';}
/* landing css  */

/* responsive  */
@media (max-width: 776px){
    .landing-page-inner{flex-direction: column;}
    .banner-title{font-size: 38px;}
    .content h2{font-size: 26px;}
    .copy-right article{flex-direction: column;}
    .header-right{display: none;}
    
}
@media (max-width: 576px){
    .banner-title{font-size: 36px;}
    .content h2{font-size: 24px;}
    .landing-banner-wrapper{height: 100vh;}
}
@media (max-width: 480px){
    .banner-title{font-size: 32px;}
    .tooltiptext{font-size: 16px;}
}
/* responsive  */