@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;--bright_red:#FD0707;--wedgewood:#517AAD;--blackCow:#464646;
}

/* ===========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);}
.brightRed{color:var(--bright_red);}
.wedgewood{color: var(--wedgewood);}
.blackCow{color: var(--blackCow);}
/* ==========font size variants========== */

.f58{font-size:58px;line-height:70px;}
.f46{font-size:46px;line-height:60px;}
.f14{font-size:14px;line-height:21px;}
.f13{font-size:13px;line-height:20px;}
.f12{font-size:12px;line-height:18px;}


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


@media (max-width:1200px){
    .f58{font-size:53px;line-height:63px;}
    .f46{font-size:42px;line-height:55px;}
  }

@media (max-width:992px){
    .f58{font-size:48px;line-height:56px;}
    .f46{font-size:38px;line-height:50px;}
}

@media (max-width:768px){
    .f58{font-size:44px;line-height:54px;}
    .f46{font-size:34px;line-height:46px;}
}

@media (max-width:575px){
    .f58{font-size:38px;line-height:48px;}
	.f46{font-size:30px;line-height:40px;}
}

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