@charset "UTF-8";

/* -------------------------

This is the main CSS file for Landing page of 

------------------------- */
:root{
    --white:#FFFFFF;--black_pearl:#041325;--tory_blue:#1547AC;--grey_blue:#7382AA;--black:#000000;
    --ghost_white:#F5F9FF;
}

/* ===========Colors used =============== */
.white{color: var(--white);}
.blackPearl{color:var(--black_pearl);}
.toryBlue{color:var(--tory_blue);}
.greyBlue{color:var(--grey_blue);}
.black{color:var(--black);}
.ghostWhite{color:var(--ghost_white);}


/* ==========font size variants========== */
.f47{font-size:47px;line-height:70px;}
.f58{font-size:58px;line-height:70px;}
.f54{font-size:54px;line-height:70px;}
.f35{font-size:35px;line-height:70px;}
.f24{font-size:24px;line-height:36px;}
.f20{font-size:20px;line-height:30px;}
.f18{font-size:18px;line-height:35px;}
.f15{font-size:15px;line-height:27px;}
.f14{font-size:14px;line-height:21px;}
.f12{font-size:12px;line-height:18px;}


/* ===========font weihght varients============= */
.fn{font-weight: normal;}
.f400{font-weight: 400;}
.f500{font-weight: 500;}
.f600{font-weight: 600;}
.f700{font-weight: 700;}
.fb{font-weight: bold;}


@media (max-width:1200px){
    .f47{font-size:42px;line-height:55px;}
    .f58{font-size:53px;line-height:63px;}
    .f54{font-size:48px;line-height:60px;}
    .f35{font-size:31px;line-height:42px;}
    .f24{font-size:22px;line-height:30px;}
  }

@media (max-width:992px){
    .f47{font-size:38px;line-height:50px;}
.f58{font-size:48px;line-height:56px;}
.f54{font-size:46px;line-height:58px;}
.f35{font-size:28px;line-height:40px;}
.f24{font-size:21px;line-height:30px;}
.f20{font-size:20px;line-height:30px;}
.f18{font-size:17px;line-height:27px;}
.f15{font-size:15px;line-height:25px;}
.f14{font-size:14px;line-height:21px;}
.f12{font-size:12px;line-height:18px;}

}

@media (max-width:768px){
    .f47{font-size:34px;line-height:46px;}
    .f58{font-size:44px;line-height:54px;}
    .f54{font-size:42px;line-height:52px;}
    .f35{font-size:24px;line-height:34px;}
    .f24{font-size:20px;line-height:28px;}
    .f20{font-size:19px;line-height:28px;}
    .f18{font-size:17px;line-height:25px;}
    .f15{font-size:15px;line-height:25px;}
    .f14{font-size:14px;line-height:21px;}
    .f12{font-size:12px;line-height:18px;}

}

@media (max-width:575px){
	.f47{font-size:30px;line-height:40px;}
    .f58{font-size:38px;line-height:48px;}
    .f54{font-size:32px;line-height:42px;}
    .f35{font-size:22px;line-height:30px;}
    .f24{font-size:19px;line-height:27px;}
    .f20{font-size:18px;line-height:27px;}
    .f18{font-size:16px;line-height:22px;}
    .f15{font-size:14px;line-height:22px;}
    .f14{font-size:14px;line-height:21px;}
    .f12{font-size:12px;line-height:18px;}
}

.br768{
    display: none;
}
@media all and (min-width:768px){
    .br768{
        display: block;
    }
}
.br992{
    display: none;
}
@media all and (min-width:992px){
    .br992{
        display: block;
    }
}
.br1200{
    display: none;
}
@media all and (min-width:1200px){
    .br1200{
        display: block;
    }
}