﻿/* ==============Main css for ELITE Team ======================= */
/* 
Author:Dineshkumar
Created-date:05-11-2023
Reason: Website development
 */
:root{--black:#000000;--black_01:#010101;--mostly_desaturated_dark_cyan:#5D908F;--very_dark_greyish_blue:#3F3D56;
    --dark_grey:#707070;--white:#FFFFFF;--dark_moderate_cyan:#498891;--dark_gray:#747474;
    --very_dark_grey:#2E2E2E; --vivid_red:#E32124;--soft_blue:#5BA7F5;--most_purely_blue:#00b4fa;
    --lava_red:#E0231D;--pale_orange:#F2AA59;--cornell_red:#A91510;--thunder:#303030;--persianRed:#D3302A;
    --artyClickSkyBlue:#00B4FA;
    --lapishBlue:#202583;
}


 /* ========font-color=========== */

 .black0{color:var(--black);}
 .black1{color:var(--black_01);}
 .black2{color:var(--very_dark_grey);}
 .white0{color:var(--white);}
 .green0{color:var(--mostly_desaturated_dark_cyan);}
 .green1{color:var(--dark_moderate_cyan);}
 .grey0{color:var(--very_dark_grey);}
 .grey1{color:var(--dark_grey);}
 .grey2{color:var(--very_dark_greyish_blue);} 
 .gray0{color:var(--dark_gray);}
 .lavaRed{color:var(--lava_red);}
 .red1{color:var(--vivid_red);}
 .red2{color:var(--cornell_red);}
 .blue1{color:var(--soft_blue);}
 .lblue1{color: var(--most_purely_blue);}
 .orange0{color:var(--pale_orange);}
 .thunder{color:var(--thunder);}
 .persianRed{color:var(--persianRed);}
 .artyClickSkyBlue{color:var(--artyClickSkyBlue);}
 .lapishBlue{color:var(--lapishBlue);}
 
 /* =========font-size=========== */
 .f50{font-size:50px;line-height:1.5;}
 .f36{font-size:36px;line-height:1.5;}
 .f30{font-size:30px;line-height:1.5;}
 .f26{font-size:26px;line-height:1.5;}
 .f25{font-size:25px;line-height:1.5;}
 .f22{font-size:22Px;line-height:1.5;}
 .f21{font-size:21Px;line-height:1.5;}
 .f20{font-size:20px;line-height:1.5;}
 .f18{font-size:18px;line-height:1.5;}
 .f16{font-size:16px;line-height:1.5;}
 .f14{font-size:14px;line-height:1.5;}
 .f12{font-size:12px;line-height:1.5;}
 .f10{font-size:10px;line-height:1.5;}

@media all and (max-width:992px) {
    .f50{font-size:40px;line-height:1.5;}
    .f30{font-size:26px;line-height:1.5;}
    .f26{font-size:24px;line-height:1.5;}
    .f25{font-size:23px;line-height:1.5;}
    .f22{font-size:21Px;line-height:1.5;}
    .f20{font-size:20px;line-height:1.5;}
    .f18{font-size:17px;line-height:1.5;}
    .f16{font-size:16px;line-height:1.5;}
}

@media all and (max-width:768px) {
    .f50{font-size:34px;line-height:1.5;}
    .f36{font-size:30px;line-height:1.5;}
    .f30{font-size:24px;line-height:1.5;}
    .f25{font-size:21px;line-height:1.5;}
    .f26{font-size:22px;line-height:1.5;}
    .f22,.f21{font-size:20Px;line-height:1.5;}
    .f20{font-size:19px;line-height:1.5;}
    .f18{font-size:18px;line-height:1.5;}
    .f16{font-size:16px;line-height:1.5;}
}

@media all and (max-width:525px) {
    .f50{font-size:26px;line-height:1.5;}
    .f36{font-size:24px;line-height:1.5;}
    .f30{font-size:20px;line-height:1.5;}
    .f26{font-size:20px;line-height:1.5;}
    .f25{font-size:19px;line-height:1.5;}
    .f22,.f21{font-size:18Px;line-height:1.5;}
    .f20{font-size:18px;line-height:1.5;}
    .f18{font-size:16px;line-height:1.5;}
    .f16{font-size:14px;line-height:1.5;}
}




 /* ===========font weight====== */
 .fn{font-weight:normal;}
 .fm{font-weight:medium;}
 .f400{font-weight:400;}
 .f500{font-weight:500;}
 .f600{font-weight:600;}
 .f700{font-weight:700;}
 .f800{font-weight:800;}
 .f900{font-weight:900;}
 .fb{font-weight:bold;}



 .br1400 {
     display: none;
 }

 @media(min-width:1400px) {
     .br1400 {
         display: block;
     }
 }
 .br1200{
    display: none;
 }
 @media (min-width:1200px){
    .br1200{
        display: block;
     }
 }
 .br992{
    display: none;
 }
 @media (min-width:992px){
    .br992{
        display: block;
     }
 }

 .br-sm {
     display: none;
 }

 @media all and (min-width:525px) and (max-width:768px) {
     .br-sm {
         display: block;
     }
 }

 
 .br_sm {
    display: none;
}

@media(min-width:768px) {
    .br_sm{
        display: block;
    }
}

/* ---------for extra large-laptop---------- */
.hide-block{
	display: none;
}
@media all and (min-width:1200px) {
	.hide-block{
		display: block;
	}
}



.ascend-logo{
    background-color: #8ddfff98;
}
.knowmore-btn{
    color:#FFFFFF;
    text-decoration:underline;
}
.knowmore-btn:hover{
    color:#E0231D;
}