html {font-size: 16px;}

/* global */
:root{
--theme-font: "Roboto", sans-serif;
--secondary-font : "Montserrat", sans-serif;
/* --sidebar-hover-width: 16.563rem; */

/* colors */
--grey-color:#f6f6f6;
--grey-color-dark:#252A34;

--white : hsla(0, 0%, 100%, 1);
--white10 : hsla(0, 0%, 100%, 0.01);
--white20 : hsla(0, 0%, 100%, 0.02);
--white30 : hsla(0, 0%, 100%, 0.03);
--white40 : hsla(0, 0%, 100%, 0.04);
--white50 : hsla(0, 0%, 100%, 0.05);
--white60 : hsla(0, 0%, 100%, 0.06);
--white70 : hsla(0, 0%, 100%, 0.07);
--white80 : hsla(0, 0%, 100%, 0.08);
--white90 : hsla(0, 0%, 100%, 0.09);
--white100 : hsla(0, 0%, 100%, 0.10);
--white200 : hsla(0, 0%, 100%, 0.20);
--white300 : hsla(0, 0%, 100%, 0.30);
--white400 : hsla(0, 0%, 100%, 0.40);
--white500 : hsla(0, 0%, 100%, 0.50);
--white600 : hsla(0, 0%, 100%, 0.60);
--white700 : hsla(0, 0%, 100%, 0.70);
--white800 : hsla(0, 0%, 100%, 0.80);
--white900 : hsla(0, 0%, 100%, 0.90);

--black: hsl(0, 0%, 0%);
--black10: hsla(0, 0%, 0%, 0.01);
--black20: hsla(0, 0%, 0%, 0.02);
--black30: hsla(0, 0%, 0%, 0.03);
--black40: hsla(0, 0%, 0%, 0.04);
--black50: hsla(0, 0%, 0%, 0.05);
--black100: hsla(0, 0%, 0%, 0.10);
--black200: hsla(0, 0%, 0%, 0.20);
--black300: hsla(0, 0%, 0%, 0.30);
--black400: hsla(0, 0%, 0%, 0.40);
--black500: hsla(0, 0%, 0%, 0.50);
--black600: hsla(0, 0%, 0%, 0.60);
--black700: hsla(0, 0%, 0%, 0.70);
--black800: hsla(0, 0%, 0%, 0.80);
--black900: hsla(0, 0%, 0%, 0.90);

--theme-color : hsl(0, 0%, 11%);
--theme-color10 : hsla(0, 0%, 11%, 0.01);
--theme-color20 : hsla(0, 0%, 11%, 0.02);
--theme-color30 : hsla(0, 0%, 11%, 0.03);
--theme-color40 : hsla(0, 0%, 11%, 0.04);
--theme-color50 : hsla(0, 0%, 11%, 0.05);
--theme-color60 : hsla(0, 0%, 11%, 0.06);
--theme-color70 : hsla(0, 0%, 11%, 0.07);
--theme-color80 : hsla(0, 0%, 11%, 0.08);
--theme-color90 : hsla(0, 0%, 11%, 0.09);
--theme-color100 : hsla(0, 0%, 11%, 0.10);
--theme-color200 : hsla(0, 0%, 11%, 0.20);
--theme-color300 : hsla(0, 0%, 11%, 0.30);
--theme-color400 : hsla(0, 0%, 11%, 0.40);
--theme-color500 : hsla(0, 0%, 11%, 0.50);
--theme-color600 : hsla(0, 0%, 11%, 0.60);
--theme-color700 : hsla(0, 0%, 11%, 0.70);
--theme-color800 : hsla(0, 0%, 11%, 0.80);
--theme-color900 : hsla(0, 0%, 11%, 0.90);

--secondary-color : hsl(218, 79%, 27%);
--secondary-color10 : hsla(218, 79%, 27%, 0.01);
--secondary-color20 : hsla(218, 79%, 27%, 0.02);
--secondary-color30 : hsla(218, 79%, 27%, 0.03);
--secondary-color40 : hsla(218, 79%, 27%, 0.04);
--secondary-color50 : hsla(218, 79%, 27%, 0.05);
--secondary-color60 : hsla(218, 79%, 27%, 0.06);
--secondary-color70 : hsla(218, 79%, 27%, 0.07);
--secondary-color80 : hsla(218, 79%, 27%, 0.08);
--secondary-color90 : hsla(218, 79%, 27%, 0.09);
--secondary-color100 : hsla(218, 79%, 27%, 0.10);
--secondary-color200 : hsla(218, 79%, 27%, 0.20);
--secondary-color300 : hsla(218, 79%, 27%, 0.30);
--secondary-color400 : hsla(218, 79%, 27%, 0.40);
--secondary-color500 : hsla(218, 79%, 27%, 0.50);
--secondary-color600 : hsla(218, 79%, 27%, 0.60);
--secondary-color700 : hsla(218, 79%, 27%, 0.70);
--secondary-color800 : hsla(218, 79%, 27%, 0.80);
--secondary-color900 : hsla(218, 79%, 27%, 0.90);


--orange-color : hsl(15, 87%, 56%);
--orange-color10 : hsla(15, 87%, 56%, 0.01);
--orange-color20 : hsla(15, 87%, 56%, 0.02);
--orange-color30 : hsla(15, 87%, 56%, 0.03);
--orange-color40 : hsla(15, 87%, 56%, 0.04);
--orange-color50 : hsla(15, 87%, 56%, 0.05);
--orange-color60 : hsla(15, 87%, 56%, 0.06);
--orange-color70 : hsla(15, 87%, 56%, 0.07);
--orange-color80 : hsla(15, 87%, 56%, 0.08);
--orange-color90 : hsla(15, 87%, 56%, 0.09);
--orange-color100 : hsla(15, 87%, 56%, 0.10);
--orange-color200 : hsla(15, 87%, 56%, 0.20);
--orange-color300 : hsla(15, 87%, 56%, 0.30);
--orange-color400 : hsla(15, 87%, 56%, 0.40);
--orange-color500 : hsla(15, 87%, 56%, 0.50);
--orange-color600 : hsla(15, 87%, 56%, 0.60);
--orange-color700 : hsla(15, 87%, 56%, 0.70);
--orange-color800 : hsla(15, 87%, 56%, 0.80);
--orange-color900 : hsla(15, 87%, 56%, 0.90);



--text-color: #1D1D1D;
--danger: #FF0000;

--grey-color: #fbfbfb;
--dark-grey-color: #ccc;
/* colors end */
}
.font10{font-size: 0.625rem;}/*10px*/
.font11{font-size: 0.688rem;}/*11px*/
.font12{font-size: 0.750rem;}/*12px*/
.font13{font-size: 0.813rem;}/*13px*/
.font14{font-size: 0.875rem;}/*14px*/
.font15{font-size: 0.938rem;}/*15px*/
.font16{font-size: 1.000rem;}/*16px*/
.font17{font-size: 1.063rem;}/*17px*/
.font18{font-size: 1.125rem;}/*18px*/
.font19{font-size: 1.188rem;}/*19px*/
.font20{font-size: 1.250rem;}/*20px*/
.font21{font-size: 1.313rem;}/*21px*/
.font22{font-size: 1.375rem;}/*22px*/
.font23{font-size: 1.438rem;}/*23px*/
.font24{font-size: 1.500rem;}/*24px*/
.font25{font-size: 1.563rem;}/*25px*/
.font26{font-size: 1.625rem;}/*26px*/
.font27{font-size: 1.688rem;}/*27px*/
.font28{font-size: 1.750rem;}/*28px*/
.font29{font-size: 1.813rem;}/*29px*/
.font30{font-size: 1.875rem;}/*30px*/
.font31{font-size: 1.938rem;}/*31px*/
.font32{font-size: 2.000rem;}/*32px*/
.font33{font-size: 2.063rem;}/*33px*/
.font34{font-size: 2.125rem;}/*34px*/
.font35{font-size: 2.188rem;}/*35px*/
.font36{font-size: 2.250rem;}/*36px*/
.font37{font-size: 2.313rem;}/*37px*/
.font38{font-size: 2.375rem;}/*38px*/
.font39{font-size: 2.438rem;}/*39px*/
.font40{font-size: 2.5rem;}/*40px*/
.font41{font-size: 2.563rem;}/*41px*/
.font42{font-size: 2.625rem;}/*42px*/
.font43{font-size: 2.688rem;}/*43px*/
.font44{font-size: 2.75rem;}/*44px*/
.font45{font-size: 2.813rem;}/*45px*/
.font46{font-size: 2.875rem;}/*46px*/
.font47{font-size: 2.938rem;}/*47px*/
.font48{font-size: 3rem;}/*48px*/
.font49{font-size: 3.063rem;}/*49px*/
.font50{font-size: 3.125rem;}/*50px*/
.font51{font-size: 3.188rem;}/*51px*/
.font52{font-size: 3.25rem;}/*52px*/
.font53{font-size: 3.313rem;}/*53px*/
.font54{font-size: 3.375rem;}/*54px*/
.font55{font-size: 3.438rem;}/*55px*/
.font56{font-size: 3.5rem;}/*56px*/
.font57{font-size: 3.563rem;}/*57px*/
.font58{font-size: 3.625rem;}/*58px*/
.font63{font-size: 3.938rem;}/*63px*/
.font64{font-size: 4rem;}/*64px*/
.font65{font-size: 4.063rem;}/*65px*/
.font74{font-size: 4.625rem;}/*74px*/
.font88{font-size: 5.5rem;}/*88px*/
.font108{font-size: 6.75rem;}/*108px*/

.fw100{font-weight: 100;}
.fw200{font-weight: 200;}
.fw300{font-weight: 300;}
.fw400{font-weight: 400;}
.fw500{font-weight: 500;}
.fw600{font-weight: 600;}
.fw700{font-weight: 700;}
.fw800{font-weight: 800;}
.fw900{font-weight: 900;}

.color_dark{color: var(--black);}
.color_dark10{color: var(--black10);}
.color_dark20{color: var(--black20);}
.color_dark30{color: var(--black30);}
.color_dark40{color: var(--black40);}
.color_dark50{color: var(--black50);}
.color_dark100{color: var(--black100);}
.color_dark200{color: var(--black200);}
.color_dark300{color: var(--black300);}
.color_dark400{color: var(--black400);}
.color_dark500{color: var(--black500);}
.color_dark600{color: var(--black600);}
.color_dark700{color: var(--black700);}
.color_dark800{color: var(--black800);}
.color_dark900{color: var(--black900);}

.color_light{color: var(--white);}
.color_light10{color: var(--white10);}
.color_light20{color: var(--white20);}
.color_light30{color: var(--white30);}
.color_light40{color: var(--white40);}
.color_light50{color: var(--white50);}
.color_light100{color: var(--white100);}
.color_light200{color: var(--white200);}
.color_light300{color: var(--white300);}
.color_light400{color: var(--white400);}
.color_light500{color: var(--white500);}
.color_light600{color: var(--white600);}
.color_light700{color: var(--white700);}
.color_light800{color: var(--white800);}
.color_light900{color: var(--white900);}

.color_theme{color: var(--theme-color);}
.color_theme10{color: var(--theme-color10);}
.color_theme20{color: var(--theme-color20);}
.color_theme30{color: var(--theme-color30);}
.color_theme40{color: var(--theme-color40);}
.color_theme50{color: var(--theme-color50);}
.color_theme100{color: var(--theme-color100);}
.color_theme200{color: var(--theme-color200);}
.color_theme300{color: var(--theme-color300);}
.color_theme400{color: var(--theme-color400);}
.color_theme500{color: var(--theme-color500);}
.color_theme600{color: var(--theme-color600);}
.color_theme700{color: var(--theme-color700);}
.color_theme800{color: var(--theme-color800);}
.color_theme900{color: var(--theme-color900);}

.color_theme_dark{color: var(--theme-color-dark);}
.color_theme_dark10{color: var(--theme-color-dark10);}
.color_theme_dark20{color: var(--theme-color-dark20);}
.color_theme_dark30{color: var(--theme-color-dark30);}
.color_theme_dark40{color: var(--theme-color-dark40);}
.color_theme_dark50{color: var(--theme-color-dark50);}
.color_theme_dark100{color: var(--theme-color-dark100);}
.color_theme_dark200{color: var(--theme-color-dark200);}
.color_theme_dark300{color: var(--theme-color-dark300);}
.color_theme_dark400{color: var(--theme-color-dark400);}
.color_theme_dark500{color: var(--theme-color-dark500);}
.color_theme_dark600{color: var(--theme-color-dark600);}
.color_theme_dark700{color: var(--theme-color-dark700);}
.color_theme_dark800{color: var(--theme-color-dark800);}
.color_theme_dark900{color: var(--theme-color-dark900);}

.color_secondary{color: var(--secondary-color);}
.color_secondary10{color: var(--secondary-color10);}
.color_secondary20{color: var(--secondary-color20);}
.color_secondary30{color: var(--secondary-color30);}
.color_secondary40{color: var(--secondary-color40);}
.color_secondary50{color: var(--secondary-color50);}
.color_secondary100{color: var(--secondary-color100);}
.color_secondary200{color: var(--secondary-color200);}
.color_secondary300{color: var(--secondary-color300);}
.color_secondary400{color: var(--secondary-color400);}
.color_secondary500{color: var(--secondary-color500);}
.color_secondary600{color: var(--secondary-color600);}
.color_secondary700{color: var(--secondary-color700);}
.color_secondary800{color: var(--secondary-color800);}
.color_secondary900{color: var(--secondary-color900);}

.bg_dark{background-color: var(--black);}
.bg_dark10{background-color: var(--black10);}
.bg_dark20{background-color: var(--black20);}
.bg_dark30{background-color: var(--black30);}
.bg_dark40{background-color: var(--black40);}
.bg_dark50{background-color: var(--black50);}
.bg_dark100{background-color: var(--black100);}
.bg_dark200{background-color: var(--black200);}
.bg_dark300{background-color: var(--black300);}
.bg_dark400{background-color: var(--black400);}
.bg_dark500{background-color: var(--black500);}
.bg_dark600{background-color: var(--black600);}
.bg_dark700{background-color: var(--black700);}
.bg_dark800{background-color: var(--black800);}
.bg_dark900{background-color: var(--black900);}

.bg_light{background-color: var(--white);}
.bg_light10{background-color: var(--white10);}
.bg_light20{background-color: var(--white20);}
.bg_light30{background-color: var(--white30);}
.bg_light40{background-color: var(--white40);}
.bg_light50{background-color: var(--white50);}
.bg_light100{background-color: var(--white100);}
.bg_light200{background-color: var(--white200);}
.bg_light300{background-color: var(--white300);}
.bg_light400{background-color: var(--white400);}
.bg_light500{background-color: var(--white500);}
.bg_light600{background-color: var(--white600);}
.bg_light700{background-color: var(--white700);}
.bg_light800{background-color: var(--white800);}
.bg_light900{background-color: var(--white900);}

.bg_theme{background-color: var(--theme-color);}
.bg_theme10{background-color: var(--theme-color10);}
.bg_theme20{background-color: var(--theme-color20);}
.bg_theme30{background-color: var(--theme-color30);}
.bg_theme40{background-color: var(--theme-color40);}
.bg_theme50{background-color: var(--theme-color50);}
.bg_theme100{background-color: var(--theme-color100);}
.bg_theme200{background-color: var(--theme-color200);}
.bg_theme300{background-color: var(--theme-color300);}
.bg_theme400{background-color: var(--theme-color400);}
.bg_theme500{background-color: var(--theme-color500);}
.bg_theme600{background-color: var(--theme-color600);}
.bg_theme700{background-color: var(--theme-color700);}
.bg_theme800{background-color: var(--theme-color800);}
.bg_theme900{background-color: var(--theme-color900);}


.color_white {color: var(--white) !important; }
.text_color {color: var(--text-color) !important;}
.relative{position: relative;}
.common_padding{ padding-block:7rem; }
.common_padding_sm{ padding-block:3rem; }
.heading_box { padding-bottom: 4rem !important; }
.heading_box .head_lg { font-size: 3.125rem; }
.accordion_content {display: none;}
ul {margin: 0; padding: 0; list-style: none;}
.tab_content:not(.active) { display: none;}
a {text-decoration: none;}

.m-0 {
margin: 0px;
}

.m-2 {
margin: 0.5rem;
}

.m-3 {
margin: 0.75rem;
}

.m-5 {
margin: 1.25rem;
}

.m-auto {
margin: auto;
}

.mx-1 {
margin-left: 0.25rem;
margin-right: 0.25rem;
}

.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}

.mx-3 {
margin-left: 0.75rem;
margin-right: 0.75rem;
}

.mx-auto {
margin-left: auto;
margin-right: auto;
}

.my-10 {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}

.my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}

.my-3 {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}

.my-5 {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}

.-ml-px {
margin-left: -1px;
}

.-mt-px {
margin-top: -1px;
}

.mb-0 {
margin-bottom: 0px;
}

.mb-1 {
margin-bottom: 0.25rem;
}

.mb-12 {
margin-bottom: 3rem;
}

.mb-2 {
margin-bottom: 0.5rem;
}

.mb-20 {
margin-bottom: 5rem;
}

.mb-3 {
margin-bottom: 0.75rem;
}

.mb-4 {
margin-bottom: 1rem;
}

.mb-5 {
margin-bottom: 1.25rem;
}

.mb-6 {
margin-bottom: 1.5rem;
}

.mb-7 {
margin-bottom: 1.75rem;
}

.mb-8 {
margin-bottom: 2rem;
}

.ml-0 {
margin-left: 0px;
}

.ml-1 {
margin-left: 0.25rem;
}

.ml-12 {
margin-left: 3rem;
}

.ml-14 {
margin-left: 3.5rem;
}

.ml-16 {
margin-left: 4rem;
}

.ml-2 {
margin-left: 0.5rem;
}

.ml-3 {
margin-left: 0.75rem;
}

.ml-4 {
margin-left: 1rem;
}

.ml-5 {
margin-left: 1.25rem;
}

.mr-0 {
margin-right: 0px;
}

.mr-1 {
margin-right: 0.25rem;
}

.mr-2 {
margin-right: 0.5rem;
}

.mr-2\.5 {
margin-right: 0.625rem;
}

.mr-3 {
margin-right: 0.75rem;
}

.mr-5 {
margin-right: 1.25rem;
}

.mr-6 {
margin-right: 1.5rem;
}

.mt-0 {
margin-top: 0px;
}

.mt-1 {
margin-top: 0.25rem;
}

.mt-1\.5 {
margin-top: 0.375rem;
}

.mt-10 {
margin-top: 2.5rem;
}

.mt-11 {
margin-top: 2.75rem;
}

.mt-14 {
margin-top: 3.5rem;
}

.mt-16 {
margin-top: 4rem;
}

.mt-2 {
margin-top: 0.5rem;
}

.mt-3 {
margin-top: 0.75rem;
}

.mt-4 {
margin-top: 1rem;
}

.mt-5 {
margin-top: 1.25rem;
}

.mt-6 {
margin-top: 1.5rem;
}

.mt-7 {
margin-top: 1.75rem;
}

.mt-8 {
margin-top: 2rem;
}

.mt-9 {
margin-top: 2.25rem;
}

.mt-auto {
margin-top: auto;
}

.p-0 {
padding: 0px;
}

.p-0\.5 {
padding: 0.125rem;
}

.p-1 {
padding: 0.25rem;
}

.p-16 {
padding: 4rem;
}

.p-2 {
padding: 0.5rem;
}

.p-3 {
padding: 0.75rem;
}

.p-4 {
padding: 1rem;
}

.p-5 {
padding: 1.25rem;
}

.p-6 {
padding: 1.5rem;
}

.p-7 {
padding: 1.75rem;
}

.p-8 {
padding: 2rem;
}

.p-9 {
padding: 2.25rem;
}

.px-0 {
padding-left: 0px;
padding-right: 0px;
}

.px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}

.px-1\.5 {
padding-left: 0.375rem;
padding-right: 0.375rem;
}

.px-16 {
padding-left: 4rem;
padding-right: 4rem;
}

.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}

.px-2\.5 {
padding-left: 0.625rem;
padding-right: 0.625rem;
}

.px-24 {
padding-left: 6rem;
padding-right: 6rem;
}

.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}

.px-3\.5 {
padding-left: 0.875rem;
padding-right: 0.875rem;
}

.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}

.px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}

.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}

.px-8 {
padding-left: 2rem;
padding-right: 2rem;
}

.py-0 {
padding-top: 0px;
padding-bottom: 0px;
}

.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}

.py-1\.5 {
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}

.py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}

.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}

.py-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}

.py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}

.py-3\.5 {
padding-top: 0.875rem;
padding-bottom: 0.875rem;
}

.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}

.py-80 {
padding-top: 5rem;
padding-bottom: 5rem;
}

.py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}

.py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}

.py-7 {
padding-top: 1.75rem;
padding-bottom: 1.75rem;
}

.py-9 {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}

.pb-0 {
padding-bottom: 0px;
}

.pb-1 {
padding-bottom: 0.25rem;
}

.pb-10 {
padding-bottom: 2.5rem;
}

.pb-11 {
padding-bottom: 2.75rem;
}

.pb-12 {
padding-bottom: 3rem;
}

.pb-2 {
padding-bottom: 0.5rem;
}

.pb-2\.5 {
padding-bottom: 0.625rem;
}

.pb-20 {
padding-bottom: 5rem !important;
}

.pb-3 {
padding-bottom: 0.75rem;
}

.pb-4 {
padding-bottom: 1rem;
}

.pb-5 {
padding-bottom: 1.25rem;
}

.pb-6 {
padding-bottom: 1.5rem;
}

.pb-7 {
padding-bottom: 1.75rem;
}

.pb-8 {
padding-bottom: 2rem;
}

.pb-9 {
padding-bottom: 2.25rem;
}

.pl-1 {
padding-left: 0.25rem;
}

.pl-1\.5 {
padding-left: 0.375rem;
}

.pl-11 {
padding-left: 2.75rem;
}

.pl-2 {
padding-left: 0.5rem;
}

.pl-28 {
padding-left: 7rem;
}

.pl-3 {
padding-left: 0.75rem;
}

.pl-4 {
padding-left: 1rem;
}

.pl-5 {
padding-left: 1.25rem;
}

.pl-6 {
padding-left: 1.5rem;
}

.pl-8 {
padding-left: 2rem;
}

.pl-9 {
padding-left: 2.25rem;
}

.pr-0 {
padding-right: 0px;
}

.pr-0\.5 {
padding-right: 0.125rem;
}

.pr-1 {
padding-right: 0.25rem;
}

.pr-2 {
padding-right: 0.5rem;
}

.pr-24 {
padding-right: 6rem;
}

.pr-3 {
padding-right: 0.75rem;
}

.pr-5 {
padding-right: 1.25rem;
}

.pr-7 {
padding-right: 1.75rem;
}

.pr-8 {
padding-right: 2rem;
}

.pr-9 {
padding-right: 2.25rem;
}

.pt-0 {
padding-top: 0px;
}

.pt-1 {
padding-top: 0.25rem;
}

.pt-10 {
padding-top: 2.5rem;
}

.pt-11 {
padding-top: 2.75rem;
}

.pt-16 {
padding-top: 4rem;
}

.pt-2 {
padding-top: 0.5rem;
}

.pt-3 {
padding-top: 0.75rem;
}

.pt-4 {
padding-top: 1rem;
}

.pt-5 {
padding-top: 1.25rem;
}

.pt-7 {
padding-top: 1.75rem;
}

.pt-8 {
padding-top: 2rem;
}

*{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
h1{color:#000;font-size:2.5rem;margin-top:35px}
h2{color:#000}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a[href^="tel:"]{color:inherit;text-decoration:none}
::selection{background:#888;color:#fff}
::-moz-selection{background:#888;color:#fff}
a,a:focus{text-decoration:none;outline:0}
a:hover{text-decoration:none;outline:0;color:#0f3178}
ul{list-style:none;margin:0;padding:0}
.validation_error{color:red}
img{max-width:100%;border:0}
body{font-family:Roboto,sans-serif;font-size:.875rem;font-weight:400;color:var(--theme-color);overflow-y:scroll;overflow-x:hidden}
ol{margin-left:20px}
@keyframes slide-down{
0%{opacity:0;transform:translateY(-100%)}
100%{opacity:.9;transform:translateY(0)}
}
.fullwidth{width:100%;float:left}
.headermain{border-bottom:1px solid #f4f4f4;background:#fff}
.logo{/*margin:10px 5px 5px 60px;*/position:relative;width:190px;float:left;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out}
.logo img{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out}
.logo a{display:block;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out}
.acright .table>tbody>tr>td{padding:8px;font-size: 0.8rem;}
.acright .table>thead>tr>th{padding:8px;font-size: 0.8rem;}
.acright .long_table>thead>tr>th{padding:5px;vertical-align:middle}
.acright .table a{text-decoration: underline;color: blue;}
.topnav{color:#343a40;float:right;z-index:20;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;position:relative}
.cssmenu>ul>li:before{transform:rotate(-60deg)}
.cssmenu>ul>li{position:relative}
.search a{cursor:pointer}
.accountmenu >ul { display: flex; align-items: center; }
.accountmenu .search {padding: 0 1rem;}
.accountmenu .dropdown-toggle {color: var(--secondary-color);}
.search>a>.fa-search{line-height: 24px; color: #000; font-size: 1.5rem; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); font-weight: 200;}
/* .search>a:before{background:#b7b7b7;margin-top:-8px;content:"";display:inline-block;height:16px;left:0;position:absolute;top:50%;width:1px} */
/* .login>a{cursor:pointer;background:#f3f3f3;line-height:20px;border:2px solid #f3f3f3!important;color:#000;text-transform:uppercase} */
.login>a>img,.register>a>i{font-size:1.25rem;margin-right:5px}
.loginbox{background:#fff;display:none;width:400px;padding:30px;margin-top:-2px;border:2px solid #0f3178;float:left;position:absolute;right:0;top:100%;border-radius: 14px;border-top: 1px solid #0E357A;border-right: 1px solid #0E357A;border-bottom: 4px solid #0E357A;
border-left: 1px solid #0E357A;background: #FFF;}.cssmenu{float:left;}
.login a.theme-btn.logins {border-radius: 100px;color: #fff !important;}
/* .login.open>a{border:2px solid #0f3178!important;border-bottom:2px solid #fff!important} */
.login.open>a:after{position:absolute;left:0;bottom:-2px;height:2px;background:#fff;width:100%;content:"";z-index:3}
.login.open .loginbox,.login.open .myacbox{display:block}
.login label{font-weight:400; font-size: 0.9rem;}
.small-txt {font-size: 0.8rem;background: #b7ffb7;padding: 5px 10px;margin-bottom: 5px;}
.theme_logout:hover, .forgotpass .submits:hover {background: var(--theme-color);color: #ffff;}
.theme_logout {border: 0;padding: 11px 25px;background: var(--orange-color);color: #fff;min-width: 100px;transition: all .5s;font-weight: 400;font-size: 1rem;border-radius: 50px;}
.login input{width:100%;border:1px solid #505050;padding:10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.login input::placeholder,.searchfild::placeholder{color:#000}
.login .loginbox .logdiv:last-child{margin-top:20px}
.login .loginbox .logdiv{margin-bottom:10px}
.login .loginbtn{font-size:0.813rem;text-transform:uppercase;font-weight:600;padding:7px;border-radius:0;border:2px solid #0f3178;background:#0f3178;color:#fff;max-width:100px;white-space: nowrap;}
.login .forgot{margin-top:8px!important;float:right;font-size:0.875rem;color:#0f3178}
.accountmenu{float:right}
.accountmenu>ul>li{float:left}
/* .accountmenu>ul>li>a{display:block;padding:30px 20px;line-height:20px;font-weight:600;position:relative;max-height:100px} */
.myacbox{background:#fff;display:none;width:260px;padding:20px;border:1px solid #f3f3f3;float:left;position:absolute;right:0;top:100%}
.login.open .myacbox a{display:block;padding:10px 0;font-size:1rem;text-align:right;border-top:1px solid #f3f3f3;color:#000;font-weight:400}
.login.logout.open>a{background:#f3f3f3;line-height:20px;border:2px solid #f3f3f3!important}
.login.logout.open>a:after{display:none}
.myacbox cite{font-style:normal;font-weight:400}
.login.open .myacbox div:first-child a{border:none}
.login.logout.open .myacbox a:hover{color:#0f3178}
.searchbox{background:#fff;display:none;width:400px;padding:15px;border:1px solid #f1f1f1;float:left;position:absolute;right:0;top:100%}
.stitle{font-weight:600;margin-bottom:8px;text-transform:uppercase}
.stitle span{cursor:pointer;height:20px;position:absolute;right:0;top:0;width:20px;line-height:20px;text-align:center}
.searchsec{width:100%;float:left;border-bottom:1px solid #545663}
.searchfild{width:calc(100% - 90px);float:left;border:none;line-height:40px}
.searchbtn{float:right;width:90px;font-weight:400;text-transform:uppercase;border:none;background:#545663;color:#fff;line-height:40px}
.search.open .searchbox{display:block}

/* Home Banner  */
.bannerSlider.swiper {width: 100%;height: 100%;}
.mobile_img{display: none;}
.bannerSlider .swiper-slide {text-align: center;font-size: 18px;background: #444;display: flex;justify-content: center;align-items: center;}
.bannerSlider .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
 .bannerSlider .banner_content {position: absolute; top: 50%; left: 0; transform: translate(0%, -50%); text-align: left; color:
var(--white);z-index: 1; width: 100%;}
.bannerSlider .slider-title { color: #FFF; font-size: 3.25rem; font-style: normal; font-weight: 700; line-height: normal; }
.bannerSlider .slider-subtitle { font-size: 1.375rem; color: #fff; }
.home-content-left { max-width: 32rem; color: var(--white);}
.bannerSlider .swiper-wrapper {height: 75dvh !important;}
.bannerSlider .swiper-pagination-bullet {background: #fff;width: 8px;height: 8px;opacity: 1;}
.bannerSlider .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 32px;border-radius: 18px;height: 7px;}

.bannerSlider .ep-arrows { width: 100%; justify-content: center; display: flex; position: static; justify-content: center; transform: translateY(0); column-gap: 5rem;position: relative;z-index: 99;}
.slider_btn {position: absolute; right: 0; width: 100%; bottom: 2rem;z-index: 1;}
.bannerSlider .ep-arrows>button { transition: 0.5s; border-radius: 100px; background: #FFF; border: 0; width: 2.5rem; height: 2.5rem; }
.bannerSlider .ep-arrows>button:hover { transform: scale(1.2); }
.bannerSlider .ep-prev { margin-left: 1rem;  }

/************** Button CSS ***********/
.white-btn { display: inline-flex; align-items: center; justify-content: center; background: #ffffff; color: var(--secondary-color); font-weight: 600; font-size: 1rem; padding: 8px 12px 8px 22px; border-radius: 50px; text-decoration: none; gap: 10px; transition: all 0.3s ease; }
.white-btn .arrow-icon { background:var(--secondary-color); color: #ffffff; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; font-size: 14px; transition: all 0.3s ease; }

/* Hover effect */
.white-btn:hover { background: #ffffff; color: var(--secondary-color); }
.white-btn:hover .arrow-icon {
  background: var(--orange-color);
  color: var(--white);
  transform: translateX(3px);
}


.theme-btn { display: inline-flex; align-items: center; justify-content: center; background: var(--secondary-color); color: #fff; font-weight: 600; font-size: 1rem; padding: 8px 12px 8px 22px; border-radius: 50px; text-decoration: none; gap: 10px; transition: all 0.3s ease; }
.theme-btn .arrow-icon { background:var(--white); color: var(--secondary-color); display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; font-size: 14px; transition: all 0.3s ease; }

/* Hover effect */
.theme-btn:hover { background: var(--orange-color); color: var(--white); }
.theme-btn:hover .arrow-icon {
  background: var(--white);
  color: var(--white);
  transform: translateX(3px);
}
.theme-btn2 { display: inline-flex; align-items: center; justify-content: center; background: var(--secondary-color); color: #fff; font-weight: 400; font-size: 0.9rem; padding: 6px 12px 6px 12px; border-radius: 50px; text-decoration: none; gap: 10px; transition: all 0.3s ease; }
.theme-btn2:hover{background: var(--orange-color); color: var(--white); }
/************** Button CSS End***********/

.title_head { font-size: 3.25rem; color: var(--secondary-color); font-weight: 700; margin: 0;}
/** Issues Section ***/
.issues-section {display:flex;flex-wrap:wrap;justify-content:center;gap:0;}
.issue-box {flex:1;min-width:300px;height:160px;display:flex;align-items:center;justify-content:center;text-align:left;transition:all 0.3s ease;}
.issue-box a {color:#fff;text-decoration:none;display:flex;align-items:center;gap:15px;width:100%;height:100%;justify-content:center;position:relative;}
.issue-box .icon img {width:48px;height:48px;filter:brightness(0) invert(1);}
.issue-box span {font-size:2rem;font-weight:600;}
/* .issue-box .arrow {position:absolute;right:25px;top:50%;transform:translateY(-50%);} */
.issue-box.blue {background:url(../images/Public-Issues.jpg);background-size: cover; background-position: center center;margin-left: calc(0px - var(--white-space)); margin-right: auto !important; width: calc(50% + var(--white-space) + var(--offset));}
.issue-box.navy {background:url(../images/Rights-Issues.jpg);background-size: cover; background-position: center center;}
.issue-box.orange {background:url(../images/Offers-Buyback.jpg);background-size: cover; background-position: center center;width: calc(50% + var(--white-space) - var(--offset));}
.issue-box.circulars {background:url(../images/circulars-img.jpg);background-size: cover; background-position: center center;width: calc(50% + var(--white-space) - var(--offset)); margin-right: calc(0px - var(--white-space));}

.issue-box:hover {opacity:0.9;transform:translateY(-3px);}


/* === About Section === */
.about-rta {flex-wrap: wrap;gap: 40px; display: flex;}
.about-left {flex:0 0 39%;}
.about-right {flex:0 0 57%;}
/* .about-left h2 { font-size: 3.25rem; color: var(--secondary-color); font-weight: 700; margin: 0;} */
.about-right p{font-size: 1.375rem;}
/* === Service Cards === */
.service-cards { gap: 30px; grid-template-columns: repeat(3, 1fr); display: grid; }
.service-cards .card {flex:0 0 30%;background:#fff;border:1px solid #d7e0f5;border-radius:8px;padding:30px;box-shadow:0 2px 5px rgba(0,0,0,0.05);transition:all 0.3s ease;border-radius: 12px; border-top: 1px solid #0E357A; border-right: 1px solid #0E357A; border-bottom: 4px solid #0E357A; border-left: 1px solid #0E357A; background: #FFF; box-shadow: 0 1px 4px 0 rgba(29, 29, 29, 0.10), 0 1px 3px 0 rgba(29, 29, 29, 0.06);}
.service-cards .card .icon img {width:75px;height:75px;margin-bottom:15px;}
.service-cards .card h3 {margin:0px;}
.service-cards .card p {font-size:1rem;color:#333;margin-top: 0.5rem;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.service-cards .card:hover {transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,0.1);}
.service-cards .card .card_inner a{display: flex;gap: 10px;}
.service-cards .card .card_inner .icon {flex: 0 0 25%;}
.service-cards .card .card_inner a:focus {outline: 0;}
/** Home BG Section *****/
.section_bg{background:url(../imgs/home_banner2.jpg);background-size: cover; background-position: center center;padding: 7rem 0;}
.section_bg .aboutsec{max-width: 34rem;}
.section_bg .aboutsec .grd-title{ font-size: 3.25rem;color: var(--white);}
.section_bg .aboutsec .grd-title span{color: var(--orange-color);}


/** Clients Section *****/
.client-rta {gap: 30px; display: flex;}
.client-rta .about-left {flex:0 0 30%;}
.client-rta .about-right {flex:0 0 70%;}
.client_grid {grid-template-columns: repeat(5, 1fr); display: grid; gap: 1.2rem;}
.client-logo {border-radius: 3.059px;border: 0.5px solid #ebebeb;}
.client-logo img {height: 65px;object-fit: contain;margin: 0 auto;}

/** Blog Section *****/
.hone_blogs { background: rgba(14, 53, 122, 0.10); padding: 5rem 0; }
.blog_card { border-radius: 8px; background: #F7F7F7; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.10), 0 1px 3px 0 rgba(0, 0, 0, 0.06); padding: 20px 20px 10px; margin-bottom: 1rem; }
.blog_info {display: flex;justify-content: space-between;border-top: 1px solid var(--black400);padding: 0.5rem 0 0;}
.blod_flex {display: flex; padding-bottom: 1rem;}
.blod_flex .icon {flex: 0 0 10%;}
.blod_flex .icon img {width: 2.2rem;}
.blog_card .blod_flex h3{margin: 0;}
.blog_card .blod_flex a {margin: 0 0 0.5rem;color: var(--secondary-color);font-size: 1.325rem;font-style: normal;font-weight: 600;line-height: 30px;transition: all 0.5s;}
.blog_card .blod_flex a:hover{color: var(--theme-color);}
.blog_card .readmore:hover{color:var(--orange-color);}
.blog_card:nth-child(n+4) {display: none;}

/** Inner Banner Section *****/
.innerbanner { display: flex; padding: 45px 0px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; background: var(--secondary-color); }
.innerbanner h1 { font-size: 3.25rem; margin: 0; color: #fff; }
.radius-md { border-radius: 25px; }
.flex-wrapper { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.flex-left, .flex-right {flex: 1 1 50%;}
.flex-right img { width: 100%; height: auto; border-radius: 10px; }


.banner{width:100%;float:left;position:relative}
.bhover:after{content:"";position:absolute;height:100%;width:100%;background:rgba(0,0,0,.5);top:0;float:left;z-index:11}
.banner .container{position:relative}
.banner .carousel-control{width:50px}
.banner .carousel-caption{left:0}
#homebanner img{width:100%}
.banner .carousel-caption{margin-left:0;padding-right:14%;position:absolute;top:33%;width:60%;left:45px;text-align:left;text-shadow:none}
.banner .banner-title{margin:0 0 10px;color:#0f3178;text-transform:uppercase;font-weight:700;font-size:2.25rem;}
.banner p{color:#1e1d27;font-size:1rem}
.morebtn{margin-top:10px;min-width:150px;text-align:center;padding:8px;color:#fff;text-transform:uppercase;line-height:20px;font-size:0.875rem;font-weight:700;display:inline-block;background:#545663;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out}
.morebtn i{margin-left:5px;font-size:1.25rem}
.morebtn:hover{background:#0f3178;color:#fff}
.catsect{background:#f2f3f7;overflow:hidden;display:none}
.catsect ul{list-style:none}
.catsect ul li{float:left;width:25%}
.catsect ul li a{display:block;padding:45px 20px;color:#000;font-size:1.125rem;position:relative}
.catsect ul li span{padding-left:15px;display:inline-block;width:165px;vertical-align:middle}
.catsect ul li a:before{content:" ";display:inline-block;position:absolute;top:20px;right:40px;width:106px;height:106px;border-top:1px solid #d5d5d5;border-right:1px solid #d5d5d5;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
.catsect ul li:last-child a:after,.catsect ul li:last-child a:before{display:none}
.section2{padding:70px 0}
.aboutsec{font-weight:400;padding-right:30px;}
.aboutsec h1{margin-top:0;font-size:3.438rem;color:#0f3178;text-transform:uppercase}
.aboutsec h1 small{font-size:1.5rem;color:#000;font-weight:600;display:block;padding-bottom: 10px;}
.aboutsec h1 span {font-weight: 600;}
.aboutsec p{font-size:1rem;color:#fff;line-height:30px}
.line_text{margin:32px 0 20px;color:#000;font-size:2.188rem;font-weight:600}
.common_grid{min-height:370px}
/*.line_text::after{margin-top:10px;content:"";display:block;background:#0f3178;height:2px;width:80px}*/
.downloadsec{padding:30px;background:#f5f5f5 url(../imgs/downloadbg.png) right top no-repeat;width:33%;float:left}
.downloadsec h2{margin:0 0 20px;color:#000;font-size:2.188rem;font-weight:400}
.downloadsec h2:after{margin-top:10px;content:"";display:block;background:#0f3178;height:2px;width:80px}
.downloadsec ul li{display:block}
.downloadsec ul li a{font-size:1rem;padding:6px 25px;display:block;color:#000;position:relative}
.downloadsec ul li a:before{color:#0f3178;margin-right:15px;content:"\f00c";font-family:FontAwesome;position:absolute;left:0}
.viewall{clear:both;margin-top:20px}
.viewall a{line-height:24px;text-transform:uppercase;background:#0f3178;border:2px solid #0f3178;color:#fff;font-size:.813rem;font-weight:600;padding:5px;min-width:160px;text-align:center;display:inline-block}
.viewall a i{margin-left:5px;font-size:1rem;}
.downloadsec .common_grid,.letestnews .common_grid{min-height:422px}
.letestnews .line_text{margin-top:0}
.ipo{width:50%;float:left;background:url(../imgs/ipo.jpg) 0 0 no-repeat;background-size:cover;display:none}
.ipo div{float:right}
.bgshed{position:relative}
.bgshed a{color:#fff}
.bgshed div{padding:40px;min-height:220px;position:relative;z-index:2;width:600px}
.bgshed h3{margin-top:10px;font-weight:600;color:#fff;font-size:2.188rem}
.bgshed p{color:#fff;font-size:1rem}
.bgshed:before{content:"";display:inline-block;background:;width:100%;height:100%;position:absolute;left:0;top:0}
.why{text-align:center;width:100%;float:left;/*background:url(../imgs/map.jpg) center center no-repeat*/background: #000;}
/*.why.bgshed:before{background:rgba(60,60,70,.95)}*/
.why div{float:left;width:100%}
ul.issueinfo>li{display:inline-block;position:relative}
ul.issueinfo>li a::before{display:none}
ul.issueinfo>li>a.clickbtn{background:#fff;color:#0f3178;display:inline-block;font-size:0.813rem;font-weight:600;padding:10px 15px;text-transform:uppercase;min-width:160px;text-align:center}
.ipo.bgshed .clickbtn{background:#fff;color:#0f3178;display:inline-block;font-size:0.813rem;font-weight:600;padding:10px 15px;text-transform:uppercase;min-width:160px;text-align:center}
.clickbtn i{margin-left:5px;font-size:1rem;}
ul.issueinfo .dropdown-menu{border-radius:0}
ul.issueinfo .dropdown-menu>li>a{padding:5px 15px}
.services{background:#f2f3f7;padding:50px 0;text-align:center}
.downloadsec h2{margin:0 0 20px;color:#000;font-size:2.188rem;font-weight:400}
.services .subtitle{font-size:1.063rem;font-weight:400;margin-bottom:30px}
.services .container{max-width:1100px}
.services h3{margin-top:0;font-size:2.188rem;color:#000;font-weight:600}
.services ul{list-style:none}
.services ul li{width:20%;background:#fff;float:left;border:2px solid #f2f3f7}
.services ul li a{padding:10px;width:100%;float:left;color:#000;display:flex;flex-direction:column;min-height:240px;justify-content:center}
.services ul li .simg{margin-bottom:15px;height:52px}
.services ul li p{font-size:.875rem;font-weight:600;text-transform:uppercase}
.clients{padding:70px 0}
.clients h3{margin:0 0 20px;color:#000;font-size:1.875rem;font-weight:400}
.clients h3:after{margin-top:10px;content:"";display:block;background:#0f3178;height:2px;width:80px}
.ourcients{width:80%;margin:0 auto}
.testimonials.owl-carousel .owl-item img{display:inline-block;width:46px;border-radius:50%;margin-right:5px}
.tcontent{width:100%;float:left;padding:35px;position:relative;background:#fff;border:1px solid #dcdbe0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-ms-border-radius:5px}
.tcontent p{font-size:1rem}
.names{float:right;margin-top:10px;padding-right:11%;color:#8f8c9f;font-size:0.875rem;}
.names span{display:inline-block;vertical-align:middle}
.names strong{display:block;color:#3c3d46;font-weight:400;font-size:0.938rem}
.names img{border-radius:50%;display:inline-block}
.tcontent:after,.tcontent:before{top:100%;left:90%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.tcontent:before{width:0;height:0;margin-left:-1px;border-style:solid;border-width:21px 54px 0 0;border-color:#dcdbe0 transparent transparent transparent}
.tcontent:after{width:0;height:0;border-style:solid;border-width:20px 50px 0 0;border-color:#fff transparent transparent transparent}
.testimonials.owl-carousel .owl-nav div{margin:0;top:44%;border:1px solid #fff;background:0 0;color:#fff;text-align:center;position:absolute;width:40px;height:40px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-khtml-border-radius:50%;display:inline-block;text-indent:-9999px}
.owl-dots{text-align:center;padding-top:30px}
.owl-dots .owl-dot{display:inline-block}
.owl-dot>span{width:10px;height:10px;margin:0 3px;border-radius:50%;display:inline-block;background:#dbdddd;position:relative}
.owl-dot.active>span,.owl-dot:hover>span{background:#0f3178;opacity:1}
.owl-dot.active>span:before,.owl-dot:hover>span:before{border:3px solid #0f3178;border-radius:50%;content:"";display:inline-block;height:14px;left:-2px;position:absolute;top:-2px;width:14px}
div.owl-carousel .owl-nav div:before{display:inline-block;float:left;font-family:FontAwesome;font-size:1.375rem;height:40px;line-height:28px;margin-left:0;text-align:center;width:28px}
.owl-nav div.owl-prev:before{content:"\f104";text-indent:0}
.owl-nav div.owl-next:before{content:"\f105";text-indent:0}
.owl-nav div.owl-prev{left:-22px}
.owl-nav div.owl-next{right:-22px}
.client_slider img{width:auto!important;display:block;margin:0 auto}
/*.letestnews{background:#f5f5f5}*/
.letestnews p strong{font-size:18px;color:#3c3d46;font-weight:600}
.letestnews p { font-size: 1rem; margin: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.letestnews p span{font-size:14px}
.letestnews p span i{font-size:1rem;color:#0f3178}
.readmore{color:#0f3178;font-size:1rem;font-weight:600}
.readmore i{font-size:1rem;}
.letestnews .owl-dots{margin-bottom:10px;position:static}
.contact_us_top{text-align:center}
.clientslogo{padding:30px 0 20px 0;background:#f9fafc}
.clientslogo .owl-item{border:solid 1px #f1f1f1;padding:5px}
.newletter{width:100%;float:left;clear:both;padding:7px;background:#18181c;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;-ms-border-radius:30px}
.newletter input{font-size:0.813rem;padding:0 20px;color:#fff;height:34px;width:calc(100% - 70px);float:left;border:none;background:0 0}
.newletter button{width:70px;height:34px;text-align:center;background:#0f3178;color:#fff;border:none;float:right;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;-ms-border-radius:30px}
.catsect.footercat .bgshed div{min-height:172px;padding:10px 40px}
.catsect.footercat .why.bgshed h3{margin-top:25px}
.footerbg{padding:60px 0 0;overflow:hidden;position:relative}
.footer_wrapper { display: inline-block; width: 100%; border-top: 1px solid var(--black100); border-bottom: 1px solid var(--black100); padding: 3rem 0; }
.footerlinks{width:36%;line-height:24px;float:left}
.ftitle { font-size: 1.125rem; font-weight: 600; color: var(--text-color); margin: 20px 0px; }
.footerlinks p{font-size:1rem;color:var(--theme-color);display: flex; align-items: center; gap: 0.5rem;}
.footerlinks ul{list-style:none;width:50%;float:left}
.footerlinks ul li{padding:5px 0}
.footerlinks ul li a{display:block;font-size:1rem; font-weight: 400; color:var(--theme-color);-webkit-transition:padding-left,padding-right,background-color,color;-moz-transition:padding-left,padding-right,background-color,color;-o-transition:padding-left,padding-right,background-color,color;transition:padding-left,padding-right,background-color,color;-webkit-transition-duration:250ms,250ms,250ms,250ms;-moz-transition-duration:250ms,250ms,250ms,250ms;-o-transition-duration:250ms,250ms,250ms,250ms;transition-duration:250ms,250ms,250ms,250ms;-webkit-transition-timing-function:ease-in-out,ease-in-out,ease-in-out,ease-in-out;-moz-transition-timing-function:ease-in-out,ease-in-out,ease-in-out,ease-in-out;-o-transition-timing-function:ease-in-out,ease-in-out,ease-in-out,ease-in-out;transition-timing-function:ease-in-out,ease-in-out,ease-in-out,ease-in-out}
.footerlinks ul li a:hover{padding-left:5px;color:var(--secondary-color)}
.sociallinks img { /*filter: brightness(0) saturate(100%) invert(10%) sepia(6%) saturate(0%) hue-rotate(61deg) brightness(98%) contrast(97%);*/width: 30px; }
.footerlinks ul li.active a{color:var(--secondary-color);}
.footerlinks.right{float:right}
.footerlinks p a{display:inline-block;color:var(--theme-color)}
.footerlinks p a:hover{color:var(--secondary-color)}
.footerlinks img{margin-right:5px}
.flogo{margin-bottom:20px}
.footerlinks.fbox{width:28%}
.sociallinks{margin-top:10px;float:left;width:100%}
.sociallinks a:hover{opacity:.5}
.sociallinks ul {display: flex;}
.listsec{list-style:inherit;margin-left:20px}
.innerpage .refund-page h3,.innerpage .refund-page h4{margin-top:0;margin-bottom:0}
.innerpage .refund-page p{padding-top:5px}
.innerpage .policy-page h3,.innerpage .policy-page h4{margin-top:30px;margin-bottom:5px}
.innerpage .policy-page p{padding-top:5px}
.copyright{padding:20px 0;}
.designby {text-align: right;padding-right: 3rem;}
.copyright span{padding-right:30px;font-size:1.063rem}
.copyright a{color:var(--text-color)}
.left{float:left}
.right{float:right}
.about_top_contact{margin-top:70px}
.forgotmain .container{max-width:600px}
.innerpage.forgotmain {padding: 5rem 0 2rem;}
.forgotpass{background:#f3f3f3;padding:80px;border:1px solid #505050}
.forgotpass h1{margin:0 0 15px;font-weight:600;font-size:1.5rem;color:#111}
.forgotpass label{font-weight:400}
.forgotpass input{max-width:400px;display:block;border:1px solid #505050;padding:8px 10px;margin-bottom:10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px}
.forgotpass .submits{border-radius:100px;background:#0f3178;border:2px solid #0f3178;color:#fff;font-size:0.813rem;font-weight:600;padding:8px 25px;text-transform:uppercase;white-space: nowrap;}
.innerheading{position:relative}
.innerheading img{width:100%}
/* .innerheading .container{position:absolute;left:50%;top:50%;margin-top:-30px} */
.innertitle{width:60%;height:60px}
.innertitle h1{color:#0f3178;font-size:2.2rem;margin:0 0 10px;font-weight:700}
.innertitle p{color:#1e1d27;font-size:1rem;font-weight:400}
/* .innerpage p{font-weight:500;padding-top:26px} */
.innerpage{padding:80px 0;min-height:300px;color:#333;font-size:1rem;line-height:26px}
.contentimg{width:40%}
.contentimg{width:40%}
.left{float:left}
.right{float:right}
.border{border-top:1px solid #e7e7e7;margin:50px 0}
.contentsec{padding-left:50px;width:60%;text-align:justify}
.img-right{float:right;margin-left:50px}
/* .bullets li{background:url(../imgs/bullet.png) 0 3px no-repeat;padding:0 0 15px 35px;color:#333;font-weight:500;font-size:1rem} */
.Charter p{padding-top:0}
.bullets>li { background: url(../images/bullet.svg) 10px 17px no-repeat; color: var(--theme-color); border-radius: 14px; border-top: 1px solid #0E357A; border-right: 1px solid #0E357A; border-bottom: 1px solid #0E357A; border-left: 4px solid #0E357A; margin-bottom: 1rem; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 24px; padding: 15px 10px 15px 45px; background-size: 25px;}
.Charter .table strong{font-weight:600}
.Charter .table tr,.table td{text-align:left!important}
.Charter .row{padding:20px 0}
.Charter .innerpage{padding-bottom:0;padding-top:50px}
.Charter .innertitle{width:100%}
.Charter h2{padding-bottom:10px;font-size:1.375rem;font-weight:500}
.Charter .investors{background-color:#ebf8fea6;padding-bottom:20px;margin-top:20px}
.Charter .bullets li ol{padding-top:10px}
.Charter .dettitlesec{background-color:#ebf8fea6}
.Charter .bullets li ol li{background:0 0;padding-left:0}
.Charter .listed li{color:#333!important}
.Charter .dtitle h1{font-size:1.5rem;}
.contbox{width:400px;min-height:256px;display:inline-block;background:#f1f1f1;padding:40px;margin:15px;vertical-align:top;font-size:0.875rem;}
.contbox h2{font-size:1.188rem;color:#000;margin-top:0}
.contbox a{color:#000}
.contbox p{padding-top:0}
.Charter .down-info{display:flex;align-items:stretch}
.Charter .info{margin-right:20px;flex-basis:25%}
.Charter .info ul{background:#eefbfe;padding:20px 30px;height:100%}
.Charter .info ul li{display:flex;justify-content:space-between;flex-direction:column;height:100%}
.Charter .info a{color:#f1592a;font-weight:500}
.Charter .info-heading{font-size:1.5rem;color:#000;margin-bottom:10px}
.Charter .info-content{font-size:0.938rem;color:#000;margin-bottom:10px}
.boxs3{display:flex;flex-wrap:wrap;justify-content: space-between;}
.boxs3 .contbox:first-child,.boxs3 .contbox:nth-child(2){width:48.5%}
.boxs3 .contbox{width:32%;margin:0;padding:40px 20px}
.faq-left{width:100%}
.faq_listing{padding-bottom:30px}
.faq_listing>li{list-style:none;transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;margin-bottom:10px}
.faq_main{-webkit-box-shadow:0 2px 28px 0 rgb(0 0 0 / 9%);box-shadow:0 2px 5px 0 rgb(0 0 0 / 4%);border-bottom:1px solid #ddd}
.faq_data{display:none;padding:15px}
.faq-left h2{color:#060606;font-weight:600;margin-bottom:30px;text-align:center}
.faq_title{padding:15px 50px 12px 15px;position:relative;font-weight:500;cursor:pointer;font-size:1.1rem;color:#000}
.faq_title.active{background:#0f3178;color:#fff}
.faq-left p{font-size:1rem;line-height:28px;font-weight:400;padding-top:0;color:#000}
.faq_title:after{content:"+";color:#0f3178;display:block;width:28px;height:28px;line-height:28px;position:absolute;right:5px;font-size:2.5rem;top:50%;text-align:center;transform:translateY(-50%)}
.faq_title.active:after{color:#fff;content:"-"}
.faq_data ul li{color:#000}
.faq-left .heading3{font-size:1.5rem;line-height:1.4;text-align:center}
.contactdiv h2{font-size:1.875rem;color:#000;margin-top:0;font-weight:400}
.contactform{width:55%;}
.contactform ul li{width:50%;padding-right:15px;float:left;padding-bottom:15px}
.contactform ul li label{font-weight:400;margin:0}
.contactform ul li.fullwidth{width:100%}
.contactform input,.contactform select,.contactform textarea{max-height:120px;width:100%;border:1px solid #505050;padding:10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.contactform ul li label{display:block}
.or-text{display:inline-block;vertical-align:middle;font-weight:500}
/* input.submitbtn{font-size:0.813rem;text-transform:uppercase;font-weight:600;padding:7px;border-radius:0;background:#0f3178;color:#fff;max-width:160px;transition:all .5s} */
input.submitbtn:hover{background:#f1592a;border-color:#f1592a}
form.contactform.uploaddoc {width: 100%;height: auto;}
form.contactform.uploaddoc input#submit_btn {width: auto;}
/* button.submitbtn{font-size:0.813rem;text-transform:uppercase;font-weight:600;padding:7px;border-radius:0;background:#0f3178;color:#fff;max-width:160px;transition:all .5s}
button.submitbtn:hover{background:#f1592a;border-color:#f1592a} */
/* .subbtn{margin-bottom:3rem} */
.contactform ul li label small{color:#d53300;font-size:0.813rem}
.contactform ul li label small span{color:#d53300;padding-left:10px}
.input-full-box{overflow:hidden;display:block;float:none!important;width:100%!important}
.input-full-box .input-item-c{float:left;width:46%}
.input-full-box .input-item-c:nth-child(2){width:8%;margin-top:35px;text-align:center}
.mapsec{width:42%;}
.searchdrop .select2-container--default .select2-selection--single .select2-selection__placeholder{color:#000}
iframe{width:100%}
.searchlist li{border:1px solid #0f3178;border-radius:4px;margin-bottom:10px}
.searchlist li a{margin:0;padding:10px 15px;font-weight:500;color:#0f3178;cursor:pointer;display:block}
.pagingsec{text-align:center}
.pagingsec a,.pagingsec font{display:inline-block;padding:5px 8px;border:1px solid #0f3178;min-width:40px;vertical-align:middle;font-size:.9rem;color:#0f3178}
.pagingsec font{border-color:#0f3178;background:#0f3178;color:#fff}
.bookclosure select{padding:5px;border:1px solid #505050}
.treeview span{font-weight:400;margin-bottom:10px;display:block}
.treeview ul{padding-left:15px}
.treeview ul li{margin-bottom:10px;display:flex;justify-content:space-between}
.treeview ul li a{max-width:50%}
.treeview ul a{color:#444;font-weight:400}
.expands{clear:both;margin-bottom:15px}
.expands span{padding-right:10px;display:inline-block}
.expands span a{padding:10px 15px;display:block;color:#000;border:1px solid #f1f1f1}
i.fa-file-pdf-o{color:#f1592a}
.innerpage .services{padding:2px}
.acleft{width:20%;float:left}
.acright{width:80%;padding-left:30px;float:right; overflow-y: auto;}
.ipoinfor{max-width:600px;background:#f3f3f3;float:left;padding:30px}
.ipoinfor li{margin-bottom:5px;width:100%;float:left}
.ipoinfor li label{font-weight:400;width:40%;float:left}
.ipoinfor li span{width:60%;float:left}
.ipoinfor li strong{display:block;text-align:center;font-weight:400}
.ipoinfor li input{width:100%;border:1px solid #505050;padding:5px;font-size: 1rem;}
.ipoinfor li input.iposearch{font-size:0.813rem;text-transform:uppercase;font-weight:600;padding:7px;border-radius:4px;border:1px solid #0f3178;background:#0f3178;color:#fff;max-width:100px}
.bordersec{border:1px solid #f1f1f1;padding:10px}
/* .searchapp{padding-top:30px} */
.tablediv{overflow:auto;width:100%}
.searchapp th{background:#f3f3f3;font-weight:400}
.searchapp td,.searchapp th{font-size:0.875rem;}
.iposelect{margin-bottom:15px;clear:both}
.iposelect label{display:block;font-weight:400}
.iposelect select{padding:5px 10px;border:1px solid #505050;max-width:360px}
.iposelect select option{padding:0 5px;font-size:0.875rem;}
.company_name_list a{color:#0f3178;padding:.5rem 0;display:inline-block;transition:all .5s}
.company_name_list li{border-bottom:1px solid #b3bed5}
.company_name_list a:hover{color:#000}
form#emailconfirmation_form{display:flex;padding:3rem 0 2rem;justify-content: center;}
.companyname{background:#f3f3f3;float:left;width:100%;padding:15px;}
.companyname label{display:block;font-weight:400}
.companyname span{display:block}
.formsec label{font-weight:400;display:block;margin-bottom:0}
.formsec input{max-width:300px;border:1px solid #505050;padding:5px 10px;display:block;margin-bottom:15px}
.acmenu{float:left;width:100%;border:1px solid #f3f3f3}
.acmenu ul li{width:100%;float:left;border-top:1px solid #f3f3f3}
.acmenu ul li a{display:block;padding:10px 15px;color:#000;font-size: 0.875rem;}
/* .acmenu ul li a:before{padding-left:6px;content:"\f105";margin-right:5px;font-family:FontAwesome} */
.acmenu ul li a img{width: 1.5rem;margin-right: .5rem;}
.acmenu ul li a:hover{color:#0f3178}
.numsearch label{font-weight:400;margin:0 15px 0 0;font-size:0.875rem;}
.numsearch label span{font-weight:400;font-size:1rem;}
.inputfild{display:block;border:1px solid #505050;padding:5px 10px}
.numsearch .submitbtn{margin:10px 0;display:block;padding:5px 15px}
.alfabet{margin:15px 0}
.alfabet li{display:inline-block}
.alfabet li a{background:#f1f1f1;color:#222;display:inline-block;min-width:22px;text-align:center}
.alfabet li a.alact,.alfabet li a:hover{background:#222;color:#fff}
.table strong{font-weight:400;font-size:.875rem;}
.table{font-size:.875rem;}
/* .table td,.table th{text-align:center!important;vertical-align:middle!important} */
.table td,.timelines .table th{text-align:left!important}
.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th,.timelines .table-bordered>tbody>tr>td{padding:11px}
.timelines p{margin-bottom:0}
.timelines p strong{font-size:1rem;color:#000}
.newslist li{transition: all 0.3s ease; border-radius: 12px; border-top: 1px solid #0E357A; border-right: 1px solid #0E357A; border-bottom: 4px solid #0E357A; border-left: 1px solid #0E357A; background: #FFF; box-shadow: 0 1px 4px 0 rgba(29, 29, 29, 0.10), 0 1px 3px 0 rgba(29, 29, 29, 0.06); padding: 30px; margin-bottom: 2rem;    word-break: break-all;}
/* .newslist li:first-child{border:none} */
.cat_list li a::after{display:block;content:"\f105";font-family:FontAwesome;position:absolute}
select:focus{outline:0}
.selectdrop{background:#fff url(../imgs/dropicon.png) right center no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;height:46px;padding:5px 10px;font-weight:400}
.ipoinfor .selectdrop{width:100%;border:1px solid #505050;max-width:100%}
.sidesec{width:28%;float:left}
.sidesec ul li{display:block;font-weight:500}
.sidesec ul li a{display:block;padding:5px 5px 5px 20px;color:#0e3178;font-size:1.125rem;position:relative}
.sidesec ul li a:before{content:"";width:8px;height:8px;border-top:2px solid #f1582a;border-right:2px solid #f1582a;position:absolute;left:0;top:13px;transform:rotate(45deg);display:inline-block}
.cnames{display:block;font-weight:700;color:#0e3078}
.inputsec{border-radius:4px;min-height:46px;padding:5px;font-weight:400;width:100%}
.fontsec1{width:40%;float:left}
.fontsec1 .ipoinfor{width:100%;max-width:100%}
.fontsec1 h4{text-align:center;font-size:1.5rem;color:#0e3078;margin:10px 0}
.btns{padding:10px 30px;background:#f1582a;color:#fff;border:none;text-transform:uppercase;font-weight:500;border-radius:4px}
.downloadpage ul.tabs{text-align:center}
.downloadpage ul.tabs li{position:relative;margin:0;padding:7px 20px;border-radius:5px;color:var(--secondary-color);text-decoration:none;background:0 0;display:inline-block;cursor:pointer;border:2px solid var(--secondary-color);font-weight:500;min-width:150px;transition: all 0.5s;}
.downloadpage ul.tabs li.current{color:#fff;background:var(--secondary-color);border-color:var(--secondary-color)}
.downloadpage ul.tabs li:hover{background: var(--orange-color); border-color: var(--orange-color); color: var(--white);}
.downloadpage .tab-content{display:none;padding:40px 0 0 0}
.downloadpage .tab-content.current{display:inherit}
.downloadpage .tab-content .submenu{border:1px solid #0f3178;border-radius:4px;margin-bottom:10px}
.downloadpage .tab-content .submenu span{margin:0;padding:10px 15px;font-weight:500;color:#0f3178;cursor:pointer}
.submenu .cattitle{position:relative}
.submenu .cattitle small{opacity:0;font-size:0px;position:absolute;right:45px}
.submenu .cattitle.current small{opacity:1;font-size:0.875rem;}
.treeview ul{padding-right:15px;margin-bottom:15px}
.treeview ul li{border-top:1px solid #ccc;padding-top:10px}
.treeview ul li:first-child{border-top:0;padding-top:0}
.formwidth{width:65%;float:left}
.formwidth .selectdrop{width:100%}
.formwidth label{font-weight:500;margin-right:5px}
.headings3{background:#0e3178;color:#fff;padding:10px 20px;font-weight:500;font-size:1.25rem;border-bottom:1px solid #fff}
.headlabel{display:block;font-weight:600!important}
.formwidth input{border-radius:4px;height:46px;padding:5px 10px;font-weight:400;border:1px solid #505050;width:100%}
.formwidth input[type=radio]{width:auto;height:auto;padding:0;border:0}
.formwidth input[type=number]{width:100%}
.formwidth input.continuebtn{border:1px solid #f1592a;background:0 0;color:#f1592a;max-width:140px;display:block;margin:0 auto;font-weight:500}
/* .rightcontentsec{width:35%;float:right;padding-left:20px} */
.rightcontentsec p{padding-top:0;margin-bottom:15px}
.rightcontentsec p a{color:#f1592a}
.checkboxlabel label{margin-bottom:10px}
.checkboxlabel input{width:auto;height:auto;margin-right:5px}
.centersec{width:44%;float:left}
.resultsec{background:#f1f1f1;padding:15px}
.resultsec ul li{width:32%;padding:5px;display:inline-block}
.right-issuelist li a{color:#f1592a;font-weight:500;font-size:1rem;transition:all .5s}
.right-issuelist li a:hover{color:#000}
.right-issuelist li{margin-bottom:.5rem}
/* .btopsec{width:100%;padding:30px 0;text-align:center;background:#435f97} */
.btopsec ul li{display:inline-block}
.btopsec ul li a{display:block;padding:15px;min-width:200px;background:#0f3178;color:#fff;font-weight:500}
.btopsec ul li:nth-child(2) a{background:#000000;color:#ffffff;}
.btopsec ul li:nth-child(3) a{background:#f1592a}
.searchdrop{font-weight:400;margin:0 auto 15px;width:70%;display:flex;justify-content: center;}
.searchdrop .select2-container{width:70%!important}
.searchdrop .select2-container .select2-selection--single{border:1px solid #0f3178;height:40px;padding:4px;width:100%;float:left}
.searchbtns{margin-left:1%;background:var(--theme-color);color:#fff;border:0;padding:5px 20px;border-radius:5px;transition: all 0.5s;}
.searchbtns:hover{background: var(--secondary-color);}
.resetbtns{margin-left:1%;text-align:center; background: var(--secondary-color); color:#fff;display:inline-block;padding:5px 20px;border-radius:5px;transition: all 0.5s;}
.resetbtns:hover{background: var(--orange-color); color: #fff;}
.searchdrop .select2-container--default .select2-selection--single .select2-selection__arrow b{margin-top:0}
.checkfield{border:1px solid #f1f1f1;padding:10px 30px;margin:0 auto;max-width:500px}
.checkfield .iposelect select{width:100%;max-width:100%}
.no_result {padding-top: 2rem;margin-bottom: 0;}
.m-full .d_flex, .m-full {width: 100%;}

.file_name {max-width: 300px;word-wrap: break-word;border-left: 0 !important;border-bottom: 0 !important;border-right: 0 !important;padding-left: 10px;padding-right: 10px;/* display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; */}
.toggle-text {max-height: 20px; line-height: 20px;overflow: hidden;}
.toggle-text a {width: 100%;display: block;text-decoration: none;}
.toggle-text.expanded {max-height: none;}
.toggle-btn {color: #0073aa;cursor: pointer;display: inline-block;margin-top: 0px;}
.dashboard-wrapper {display: flex;gap: 25px;margin: 0 1rem;}
.card_shadow {box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;padding: 1rem; border-radius: 5px;}
/* LEFT LARGE BOX */
.left-box {width: 70%;}
.small-text {color: #111;font-size: 0.875rem;}
.stats-card .stat {display: flex;flex-direction: column;}
.stats-card { background: white; padding: 20px; border-radius: 8px; margin-top: 10px; display: flex; justify-content: space-between; }
.stat label {color: #111;font-size: 1rem;}
.stat strong {font-size: 1.25rem;}
.usage {width: 35%;}
.progress-bar { width: 100%; height: 10px; background: #e4e6ef; border-radius: 50px; margin: 6px 0; overflow: hidden; }
.progress { height: 10px; background: #5956e9; border-radius: 50px; }
.usage-text { font-size: 0.75rem; color: #555; }
/* TABLE */
.files-table { width: 100%; margin-top: 20px; background: white; border-radius: 8px; border-collapse: collapse; }
.files-table th { text-align: left; padding: 14px; border-bottom: 1px solid #ddd; }
.files-table td { padding: 14px; border-bottom: 1px solid #f0f0f0; }
.download-btn { background: var(--secondary-color); color: white; transition: all 0.5s; padding: 5px 14px;font-size: 0.8rem; border-radius: 50px; border: none; cursor: pointer; }
.download-btn:hover { background: var(--theme-color);}
.user_title { display: flex; justify-content: space-between; align-items: center;padding-bottom: 1.2rem; }
.user_title h2 {margin: 0;}
.widget-header h3 { font-size: 1.2rem; margin: 0; font-weight: 700; }

/* RIGHT WIDGETS */

.right-box {width: 30%;}
.widget {background: white;border-radius: 5px; margin-bottom: 20px;}
.widget-header {display: flex;justify-content: space-between;margin-bottom: 15px;}
.link {font-size: 14px; color: #5956e9;}
.complaint {margin-bottom: 15px;}
.status {font-weight: bold;}
.right-box .open {color: #e67e22;}
.resolved {color: #27ae60;}
.user-row {display: flex;justify-content: space-between;margin-bottom: 10px;align-items: center;}
.role {padding: 4px 10px;border-radius: 20px;font-size: 12px;}
.widget .user-row a {background: var(--black200);color: #111; transition: all 0.5s; border-radius: 100px;padding: 0.5rem 0.5rem;line-height: normal;}
.widget .user-row a:hover{background: var(--secondary-color); color: var(--white);}


.popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.45); backdrop-filter: blur(5px); display: none; justify-content: center; align-items: center; z-index: 9999; animation: fadeIn 0.4s ease forwards; }
.popup-box { background: #fff; backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.25); width: 40rem; padding: 25px 30px; border-radius: 18px; text-align: center; box-shadow: 0 8px 30px rgba(0,0,0,0.3); transform: scale(0.8); opacity: 0; animation: popupShow 0.5s ease forwards; position: relative; }
.close-btn { position: absolute; right: -10px; top: -8px; font-size: 24px; cursor: pointer; color: #fff; background: var(--secondary-color); width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; border-radius: 100px; }
.close-btn:hover {background: var(--theme-color);}
.popup-box img {width: 100%;border-radius: 8px; height: 20rem; object-fit: cover;}
.title_pop{font-size: 1.8rem; font-weight: 600;}

/* Fade and Scale Animations */
@keyframes popupShow {
  from {
    transform: scale(0.8);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.fadeOut {
  animation: fadeOut 0.4s ease forwards;
}

@keyframes fadeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}
#toast-container>div{opacity: 1 !important;}
.message-wrapper { width: 100%; padding: 80px 15px; display: flex; justify-content: center; align-items: center; /* background: #f7f9fc; */ }
.message-box { background: #fff; max-width: 500px; width: 100%; padding: 40px 30px; border-radius: 18px; box-shadow: 0 8px 25px rgba(0,0,0,0.08); text-align: center; animation: fadeIn 0.4s ease; }
.icon-circle { width: 80px; height: 80px; border-radius: 50%; background: #2e89ff; margin: 0 auto 20px; display: flex; justify-content: center; align-items: center; }
.icon-circle span {font-size: 40px;color: #fff;}
.message-text {font-size: 18px;color: #333; margin-bottom: 25px;line-height: 1.5;}
.theme-btn2 { display: inline-block; padding: 8px 25px; background: var(--secondary-color); color: #fff; border-radius: 100px; font-size: 0.8rem; font-weight: 500; text-decoration: none; transition: 0.3s; }
.theme-btn2:hover {background: var(--theme-color);}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.copy-btn { background: #f3f3f3; border: 1px solid #ccc; padding: 2px 7px; font-size: 12px; border-radius: 4px; cursor: pointer; margin-left: 8px; transition: 0.2s ease; }
.copy-btn:hover {background: #e6e6e6;border-color: #b8b8b8;}
.copy-btn:active {background: #dcdcdc;}
.copy-btn.copied {background: #4caf50; color: #fff; border-color: #4caf50;}




@media (max-width: 900px) {
    .dashboard-wrapper {flex-direction: column;}
    .left-box, .right-box {width: 100%;}
}



@media (min-width:1320px){
.container{width:1280px}
.innerheading .container{margin-left:-615px}
}
@media (max-width:1366px){
.catsect ul li a{padding:25px 20px}
.catsect ul li a:before{top:0}
.downloadsec h2,.line_text{font-size:1.75rem}
}
@media (max-width:1279px){
.innerheading .container{margin-left:-590px}
}
@media (max-width:1199px){
/*.logo{margin:10px 5px 5px 15px}*/
.cssmenu>ul>li>a{font-size:.875rem;padding:38px 14px}
.banner .carousel-caption{margin-left:-485px;max-width:970px;top:15%}
.banner .banner-title{font-size:3.438rem;}
.bgshed div{width:485px}
.catsect ul li span{padding-left:10px;width:130px}
.catsect ul li a{font-size:0.875rem;font-weight:400;padding:45px 10px}
.copyright span,.footerlinks p{font-size:1rem}
.innerheading .container{margin-left:-490px}
.innerpage .services{padding:2px}
.rightcontentsec{width:100%;margin-top:20px}
.Charter .down-info{flex-wrap:wrap;justify-content:center}
.Charter .info{width:33%;margin:20px}
}
@media (min-width:769px) and (max-width:1024px){
.Charter .info ul{padding:20px}
.Charter .info-content{font-size:1rem}
}
@media (max-width:991px){
.Charter .info ul{padding:15px}
.logo{width:170px}
.common_grid{min-height:auto}
.downloadsec,.letestnews{height:auto}
.common_grid{min-height:auto}
.topnav{width:100%}
/* .login>a{width:125px;font-size:0.813rem;} */
.cssmenu>ul>li>a{padding:14px}
.cssmenu #menu-button{margin-right:180px}
.accountmenu{position:absolute;right:0;top:-44px;z-index:2}
body.user_login .accountmenu {top: -35px;}
/* .accountmenu>ul>li>a{padding:26px 15px;max-height:76px} */
.banner .carousel-caption{margin-left:-375px;max-width:750px;top:10%}
.banner .banner-title{font-size:2.5rem}           /* 40px */
.banner p{font-size:1.125rem}                    /* 18px */
.morebtn{font-size:0.875rem;margin-top:10px;min-width:175px;padding:10px} /* 14px */
.catsect ul li a{padding:28px 10px}
.catsect ul li span{padding-left:0;width:120px}
.catsect ul li img{height:50px;display:block}
.aboutsec,.downloadsec{width:100%}
.aboutsec h1{font-size:2.8125rem}                 /* 45px */
.aboutsec h1 small{font-size:1.25rem}             /* 20px */
.aboutsec p{font-size:0.875rem;line-height:24px}  /* 14px */
.downloadsec{margin-top:20px;min-height:auto;margin-bottom:20px}
.letestnews{width:100%}
.downloadsec h2{font-size:1.75rem}                /* 28px */
.bgshed div{width:375px}
.bgshed h3{font-size:1.75rem}                     /* 28px */
.services ul li{width:50%}
.flogo{width:100px}
.footerlinks{width:50%}
.newsletter{width:100%;margin-top:20px}
.innerpage{padding:50px 0}
.innerheading .container{margin-left:-375px;margin-top:-20px}
.innertitle{height:40px;width:100%}
.innertitle h1{font-size:2.25rem}                 /* 36px */
.innerpage{font-size:1rem;line-height:26px}       /* already rem */

.img-right{margin-left:20px;width:45%}
.contactform,.mapsec{width:100%}
.mapsec{margin-top:15px}
.forgotpass{padding:50px}
.boxs3 .contbox{width:48.5%}
}
@media (max-width:767px){
.boxs3 .contbox{width:80%;margin:15px auto}
.boxs3 .contbox:first-child,.boxs3 .contbox:nth-child(2){width:80%}
.fontsec1{width:100%}
.formwidth{width:100%}
.ipoinfor{max-width:100%}
.Charter .down-info{flex-wrap:wrap}
.Charter .info{margin:10px;flex-basis:44%}
.Charter .investors{margin-top:20px}
.centersec,.rightcontentsec,.sidesec{width:100%}
.rightcontentsec{padding:15px 0;margin-top:20px}
.resultsec ul li{width:100%}
.ipo.bgshed .clickbtn{margin-bottom:12px}
.bgshed div{width:100%}
.banner .carousel-caption{left:0;margin-left:0;top:10%;width:60%;padding:15px}
.banner .banner-title{font-size:32px}
.banner p{font-size:16px}
.clients,.section2{padding:30px 0}
.letestnews p{font-size:14px}
.tcontent{padding:20px}
.tcontent:after,.tcontent:before{left:85%}
.names{padding-right:16%}
.letestnews,.ourcients{width:100%;margin-bottom:15px;padding-bottom:30px}
.footerlinks{width:100%}
.innerpage{padding:30px 0}
.innerheading .container{margin-left:0;margin-top:-20px;left:0}
.border{margin:30px 0}
.acleft,.acright{width:100%;padding:0}
.acright{margin-top:20px}
.numsearch{background:#f3f3f3;padding:20px}
.service-cards {grid-template-columns: repeat(1, 1fr)!important;}
.bannerSlider .slider-title {font-size: 2rem;}
.bannerSlider .slider-subtitle {font-size: 1.175rem;}
.about-left {flex: 0 0 100%;}
.about-right {flex: 0 0 100%;}
.about-rta {gap: 20px;}
.about-left h2 {font-size: 2.25rem;}
.section_bg .aboutsec .grd-title {font-size: 2.25rem;}
.section_bg {padding: 3rem 0;}
.client-rta {flex-wrap: wrap;}
.client-rta .about-left{flex: 0 0 100%;}
.client_grid {grid-template-columns: repeat(3, 1fr);gap: 0.7rem;}
.title_head {font-size: 2.25rem;}
.bannerSlider .swiper-slide img.large_img{display: none;}
.mobile_img{display: block;}
.bannerSlider .swiper-wrapper {height: 60dvh !important;}
.flex-wrapper {flex-direction: column;}
.flex-left, .flex-right { flex: 1 1 100%;}
.innerbanner h1 {font-size: 2.25rem;}
.btopsec > .container {padding: 0;}
.issues-section { gap: 0;grid-template-columns: repeat(2, 1fr); display: grid;}
.issue-box.blue {margin-left: calc(0px - var(--white-space));margin-right: calc(0px - var(--white-space)) !important;}
.issue-box.orange, .issue-box.circulars {margin-right: calc(0px - var(--white-space));margin-left: calc(0px - var(--white-space));}
/* .issue-box.navy {margin-right: calc(0px - var(--white-space));margin-left: calc(0px - var(--white-space));} */
.issue-box {height: 110px;width: 100% !important;min-width:100% !important;margin:0 !important;}
.issue-box span {font-size: 1.2rem;}
.issue-box a {flex-direction: column; justify-content: center;width: 100%;gap: 5px;}
.issue-box svg.arrow {width: 10px;}
.issue-box .icon img {width: 40px;height: 40px;}
.service-cards .card .card_inner .icon {flex: 0 0 15%;}
.service-cards .card {padding: 15px;}
.footerlinks, .footerlinks ul {text-align: left;}
.footerlinks.footer_menu ul {grid-template-columns: repeat(2, 1fr);display: grid;column-gap: 1rem;}
.marquee_wrapper span p {font-size: 14px; font-weight: 400;}
.iposelect.m-full .d_flex { width: 100%;}
.downloadpage ul.tabs li {padding: 7px 15px;min-width: 100px;}
.paging_nav_none {display: flex;flex-wrap: wrap;justify-content: center;gap: 5px;}
.popup-box {width: 20rem;padding: 15px 20px;}
.designby {padding-right: 0rem;}
}
@media (max-width:699px){
.Charter .dtitle h1{font-size:28px}
.faq-left h2{font-size:24px}
.faq-left .heading3{font-size:20px}
.btopsec ul li{margin-bottom:3px}
.logo{width:150px}
}
@media (max-width:640px){
.downloadsec{background-size:70px}
.bgshed,.bgshed div{width:100%;text-align:center;min-height:auto}
.contentimg,.contentsec{width:100%;padding:0}
.contentimg{margin-bottom:15px}
.img-right{margin-left:0;width:100%;margin-bottom:15px}
.bullets{clear:both}
.bullets li{font-size:14px}
.innerheading{background:#fbfbfd}
.innerheading .container{margin-top:0;position:static}
.innerheading img{display:none}
.innertitle{height:auto;padding:20px 0;width:100%}
.innertitle h1{font-size:26px;margin:0}
.contbox{margin:0 0 15px}
.ipoinfor{max-width:100%;padding:20px;width:100%}
.ipoinfor li label,.ipoinfor li span{width:100%}
.Charter h2{margin-top:0}
.Charter .row{padding:15px}
.Charter h2{font-size:1.475rem}
.Charter .dtitle h1{font-size:26px}
.Charter .investors{padding:10px 0}
.Charter h2{padding-bottom:5px}
}
@media (max-width:600px){
.boxs3 .contbox{width:98%}
.boxs3 .contbox:first-child,.boxs3 .contbox:nth-child(2){width:98%}
.aboutsec h1{font-size:36px}
.aboutsec h1 small{font-size:18px}
.services h3{font-size:24px}
.services .subtitle{font-size:14px}
.clients h3{font-size:22px}
.tcontent:after,.tcontent:before{left:80%}
.names{padding-right:27%}
.owl-dots{margin:10px 0;position:static;text-align:center;width:100%}
.catsect{padding:15px 0}
.catsect.footercat{padding:0}
.catsect ul li{width:50%;padding:10px}
.catsect ul li a:after,.catsect ul li a:before{display:none}
.catsect ul li a{border:1px solid #d5d5d5;height:auto}
.catsect ul li img{display:inline-block}
.banner .carousel-caption{width:65%}
.banner .banner-title{font-size:26px;margin:0;line-height:28px}
.banner p{font-size:13px}
.morebtn{font-size:12px;margin-top:0;min-width:130px;padding:7px}
.contbox{width:100%}
.contactform ul li{width:100%;padding-right:0}
.contactdiv h2{font-size:24px}
.inputfild{width:100%}
.searchbox{padding:15px;right:-120px;width:310px}
.forgotmain .container{max-width:100%}
.forgotpass input{max-width:100%}
.forgotpass{padding:30px}
.forgotpass h1{font-size:26px}
.faq-left h2{font-size:24px}
}
@media (max-width:480px){
.footerlinks.fbox{float:none;/*margin:0 auto*/}
.services ul li{width:100%}
.services ul li a{padding:30px 10px}
.footerlinks,.footerlinks ul{width:100%;}
.downloadsec{padding:25px}
.or-text{font-size:12px}
.Charter .info{flex-basis:100%}
.Charter .info-heading{font-size:1.3rem}
.faq-left h2{font-size:22px}
.faq-left .heading3{font-size:18px}
.faq_listing{padding-bottom:10px}
.Charter .info{flex-basis:100%}
}
@media (max-width:479px){
.Charter .row{padding:12px 0}
.Charter h2{font-size:1.125rem}
.Charter .dtitle h1{font-size:19px}
/* .accountmenu>ul>li>a{padding:30px 10px} */
.cssmenu #menu-button{margin-right:160px}
.search>a:before{top:63%}
.searchbtn{width:80px}
.searchfild{width:calc(100% - 80px)}
.myacbox{padding:15px}
.loginbox{padding:20px;width:300px}
.catsect ul li{padding:5px}
.catsect ul li a{border:1px solid #d5d5d5;height:auto;text-align:center}
.catsect ul li img{display:block;margin:0 auto}
.banner .carousel-caption{position:static;width:100%}
.bgshed div{padding:30px}
ul.issueinfo>li>a.clickbtn{min-width:145px}
.downloadsec h2,.line_text{font-size:26px}
.downloadsec ul li a{font-size:14px}
.banner .banner-title{font-size:22px;line-height:24px}
.btopsec ul li a{min-width:150px}
.logo{width:130px}
.cssmenu #menu-button{margin-top:-44px!important}
}
@media (max-width:360px){
ul.issueinfo>li>a.clickbtn{min-width:160px;margin-top:5px}
.faq-left h2{font-size:20px}
.logo{width:110px}
}
ul#treemenu22 li span{cursor:pointer}
.news .owl-item{background:#f5f5f5;padding:2rem;min-height:335px;word-break:break-all}
.letestnews .viewall{text-align:center}
.skip-link{color:#fff;padding:8px 16px;z-index:100;text-decoration:none;font-size:16px}
.skip-link:focus{top:10px}
.accessibility-bar{position:fixed;top:0;left:0;width:100%;z-index:9999;background:var(--secondary-color);padding:0 15px;display:flex;gap:10px;align-items:center;justify-content: flex-end;}
.accessibility-bar a.skip-link:hover {color: var(--orange-color);}
.accessibility-bar button{background:0 0;color:#fff;border:none;padding:2px 8px;cursor:pointer;border-radius:0;border-right:1px solid #626262}
.accessibility-bar button:hover{opacity:.5}
.accessibility-bar button:focus{outline:2px solid #fff;outline-offset:2px}
body{font-size:1rem;line-height:1.5;padding-top:40px}
html{font-size:16px}
body{font-size:1rem;line-height:1.5}
h1{font-size:2rem}
h2{font-size:1.5rem}
p{font-size:1rem}
.btn:focus,a:focus,button:focus,input:focus,input:focus-within,select:focus,select:focus-within,textarea:focus{outline:2px solid #007bff;border-radius:4px}
.has-sub:focus-within ul{left:auto}
.cssmenu li:focus-within>ul>li{height:auto}
.darkmode-btn{background:#666;border-radius:4px;padding:4px 8px}
.darkmode-btn img{width:18px;height:18px;filter:grayscale(100%)}
body.dark-mode{background:#121212;color:#ccc}
body.dark-mode a{color:#aaa}
body.darkmode{filter:grayscale(100%)}
.accessibility-bar button#darkmode_btn{color:#000;margin-right:0!important;background-color:#dedede}
body.user_login .accessibility-bar {display: none; }
body.user_login #botmanWidgetRoot {display: none;}
body.user_login{padding: 0;}
.client_main .client-rta {flex-direction: column;}
.select_company .acright {width: 100%;padding: 0;}
.select_company .acright form.contactform { max-width: 30rem;}
.select_company .acright .form-group {text-align: center;}
.select_company .acright .form-group label {width: 100%;text-align: left;}

@media only screen and (max-width:767px){
.skip-link{font-size:12px}
}
body {
    padding-top: 33px;
}
.popup {
    position: fixed;
    top: 50%;
    background: #f3f3f3;
    box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.07);
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 1rem;
    z-index: 99;
}
.popup span {
    display: block;
    margin: 10px;
    font-size: 16px;
}
.close{color: #0e3078;opacity: 1;font-size: 16px}
.printtable td {
    padding: 5px 10px;
}
.printtable{width: 100%;}

.marquee_wrapper span a{color:#fff}
.marquee_wrapper span p {margin-bottom: 0;}
.marquee_wrapper span a:hover{color:#f2592a}
.marquee_wrapper span{font-size:14px;font-weight:400;color:#fff}
.marquee{width:100%;overflow:hidden;white-space:nowrap;box-sizing:border-box;position:relative}
.marquee a{text-decoration:none;transition:.5s}
.marquee a:hover{color:var(--primary-color)}
.text-track{display:inline-block;padding-left:100%;animation:marquee 25s linear infinite}
.marquee:hover .text-track{animation-play-state:paused}
.marquee_wrapper>.container{position:relative}
.marquee_wrapper{background:#3F3F3F;padding:8px 0}
@keyframes marquee{
0%{transform:translateX(0)}
100%{transform:translateX(-100%)}
}


.readmore:hover {
    color: #003366;
}
.catsect ul li span {
    color: #222; /* instead of #666 */
}
.clickbtn {
    background: #004080;  /* dark enough */
    color: #fff;
}
.clickbtn:hover {
    background: #002b55;
}
h2, h3, p {
    color: #111;  /* instead of #555 or #777 */
}
.why.bgshed >div {
    max-width: 40rem;
    margin: 0 auto;
    float: initial;
}
.select_company .acright form.contactform table tr {display: flex; flex-direction: column;}
.select_company .acright form.contactform table tr td {width: 100%;}






.password-wrapper {
    position: relative;
    display: inline-block;
    /* width: 36%;
    height: 4%; */
}

.password-wrapper .toggle-eye {
    position: absolute;
    right: 10px;
    top: 40%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 16px;
    color: #555;
}

.acright table .action-btns a {
    width: 15px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 15px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    transition: 0.3s ease;
    margin-bottom: 5px;
}
.acright table .action-btns a i {
    margin: 0;
    color: #000;
}
.doc-details-card {
    background: #fff;
    border-radius: 8px;
    padding: 25px;
    border: 1px solid #e1e1e1;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    /* max-width: 700px; */
}

.doc-row {
    display: flex;
    justify-content: flex-start;
    padding: 3px 0;
    border-bottom: 1px solid #f1f1f1;
     font-size: 0.9rem;
}

.doc-row:last-child {
    border-bottom: none;
}

.doc-label {
    width: 220px;
    font-weight: 600;
    color: #000;
}

.doc-value {
    flex: 1;
    color: #222;
    text-align: left;
}

/* View / Download button */
.btn-doc {
    margin-left: 18px;
    background: #0b67ce;
    padding: 6px 12px;
    color: #fff;
    font-size: 13px;
    border-radius: 6px;
    text-decoration: none;
}
.btn-doc:hover {
    background: #084f9a;
}

/* Status badge */
.badge-status {
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
}

.badge-status.pending {
    background: #f7e8b5;
    color: #8a6d1e;
}

.badge-status.approved {
    background: #dff5dc;
    color: #2d7f3e;
}

.badge-status.rejected {
    background: #f8d7da;
    color: #842029;
}

@media (max-width: 600px) {
    .doc-row {
        flex-direction: column;
    }
    .doc-label {
        width: 100%;
        margin-bottom: 4px;
        font-weight: 700;
    }
}