:root{
    --color-theme:#3A659D; /*#3A659D #C29A38*/ --color-themelight:#ba4164; --color-none:transparent; --color-creamed:#FFFDD0; --color-white:#FFFFFF; --color-greyish:#f4f2ff;
    --color-dark:#2e2f33; --color-lightdark:#989898; --color-grey:#F4F5FF;  --color-greydark:#cacbd2;  
    --color-warning:#FD4; --color-success:#229043ED; --color-danger:#6b0e07; --color-secondary:#3BBAEF;
    --color-primary:#345070;/*#002147*/ --text-red:#FF0000; --color-logo:#F93;

    --colorrgb-theme:58,86,149;

    --bs-theme:0 3px 8px rgba(0,0,0,0.5),0 -3px 8px rgba(0,0,0,0.5);  --bs-expanded:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); --bs-card:0 0 0.37rem rgba(0,0,0,0.5); --bs-overthetop:0px 8px 16px 0px rgba(0,0,0,0.2); --bs-theme-air:0px 0px 40px 0px rgba(0, 0, 0, 0.1);
} .det-preloader{ position:fixed; z-index:9999; background-color:rgba(var(--colorrgb-theme,58,86,149),0.25); height:100%; width:100%; } .z-top{z-index:499; }
.det-preloading{ position:absolute; top:30%; left:47%; font-size:1.25rem; } .det-preloading:before{ content:''; height:1rem; width:1rem; border:.5rem solid var(--color-theme,#3A659D); border-right-color:transparent; border-radius:50%; padding:1rem; animation:rotation 1s linear 0s infinite; display:block; }
@keyframes rotation{ 0%{transform:rotate(0deg); } 100%{transform:rotate(360deg); } }

*{margin:0; padding:0; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; letter-spacing:0.25px; }
*::selection{ background-color:var(--color-theme,#3A659D); color:var(--color-white,#FFFFFF); }
::-webkit-scrollbar{width:1rem; height:.5rem; border:2px solid transparent;  border-radius:10px; } ::-webkit-scrollbar-track{box-shadow:inset 0 0 3px rgba(128,128,128,0.9); cursor:pointer; border-radius:10px; }
::-webkit-scrollbar-thumb{ background:var(--color-theme,#3A659D); }
html{ font-size:13.5px;}  body{background-color:var(--color-grey,#F4F5FF); font-family: "Inter", sans-serif; overflow-x:hidden;}
.bs-theme{box-shadow:var(--bs-overthetop,0px 8px 16px 0px rgba(0,0,0,0.2)) !important;} .bs-air{box-shadow:var(--bs-theme-air,0px 0px 40px 0px rgba(0, 0, 0, 0.1)) !important;}

.sticky-top{ position:sticky; top:0; z-index:1023;}

.inter-font { font-family: "Inter", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variation-settings: "slnt" 0; }

/*=======Width Classes Begins=============*/
.w-15,.w-res-15{width:15%; } .w-dv-15{ width:15vw;} .h-100,.h-full{height:100% !important;}
.w-125,.w-past,.w-res-125{width:12.5% !important; } .w-25,.w-quart,.w-res-25{width:25% !important; } .w-75,.w-quart-past,.w-res-75{width:75% !important; } .w-dv-25{ width:25vw;}
.w-half,.w-50,.w-res-half,.w-res-50{width:50% !important; } .w-dv-50{ width:50vw;}
.w-full,.w-100{width:100%; } .w-dv-100{ width:100vw; }
.w-auto,.w-initial{width:auto;}
/*=======Width Classes Ends=============*/

/*=======Display Classes Begins=============*/ .d-grid{display:grid; } .d-block{display:block !important;} .d-none,.ticket-view{display:none ;} .d-flex{display:flex !important;} .d-inline{display:inline-block !important;} .invisible{visibility:hidden;}
.place-center{place-items:center !important;} .justify-center{justify-content:center !important;} .justify-right{justify-content:right !important;} .justify-left{justify-content:left !important;}
.grid-2,.grid-res-2{grid-template-columns: auto auto;} .grid-3,.grid-res-3{grid-template-columns: auto auto auto;}
.grid-4,.grid-res-4{grid-template-columns: auto auto auto auto;} 
.grid-5,.grid-res-5{grid-template-columns: auto auto auto auto auto;}
.grid-6,.grid-res-6{grid-template-columns: auto auto auto auto auto auto;} 
.grid-12,.grid-res-12{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto;} 
.grid-res-half{grid-template-columns: 8% 92%;} .grid-res-73{grid-template-columns: 70% 30%;} .grid-res-46{grid-template-columns: 40% 60%;}
.parent-center{display:grid; align-items:center; justify-content:center;} .gap-1{grid-gap:1rem;} .gap-2{grid-gap:2rem;}
.grid-auto{grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;}

@media print{.dp-hide{display:none !important;}}
/*=======Display Classes Ends=============*/


/*=======Colors Classes Begins=============*/
.bg-none{background-color:transparent !important;}
.bg-logo{background-color:var(--color-logo,#F93) !important;}
.bg-theme{background-color:var(--color-theme,#3A659D) !important;}
.bg-grey{background-color:var(--color-grey,#F4F5FF) !important; }
.bg-greyer{background-color:var(--color-greydark,#cacbd2) !important;}
.bg-white{background-color:var(--color-white,#FFFFFF) !important;}
.bg-darkless{background-color:var(--color-lightdark,#989898) !important;}
.bg-warning{background-color:var(--color-warning,rgb(155,138,64)) !important;}
.bg-dark{background-color:var(--color-dark,#2e2f33) !important;}
.bg-danger{background-color:var(--color-danger,#6b0e07) !important;}
.bg-success{background-color:var(--color-success,#229043ED) !important;}
.bg-secondary{background-color:var(--color-secondary,#3BBAEF) !important;}
.bg-primary{background-color:var(--color-primary,#345070) !important;}


.bg-themergb{background-color:rgba(255,153,51,0.5) !important;}
.bg-greyrgb{background-color:rgba(244,245,255,0.5) !important; }
.bg-greyerrgb{background-color:rgba(202,203,210,0.5) !important;}
.bg-whitergb{background-color:rgba(255,255,255,0.5) !important;}
.bg-darklessrgb{background-color:rgba(152,152,152,0.5) !important;}
.bg-darkrgb{background-color:rgba(46,47,51,0.5) !important;}
.bg-dangerrgb{background-color:rgba(107,14,7,0.5) !important;}
.bg-successrgb{background-color:rgba(34,144,67,0.48) !important;}
.bg-secondaryrgb{background-color:rgba(59,186,239,0.5) !important;}

.text-logo{color:var(--color-logo,#F93) !important;}
.text-theme{color:var(--color-theme,#3A659D) !important;}
.text-warning{color:var( --color-warning,rgb(155, 138, 64)) !important;}
.text-success{color:var(--color-success,#229043ED) !important;}
.text-primary{color:var(--color-primary,#345070) !important;}
.text-grey{color:var(--color-grey,#F4F5FF) !important; }
.text-greyer{color:var(--color-greydark,#cacbd2) !important;}
.text-white{color:var(--color-white,#FFFFFF) !important; }
.text-darkless{color:var(--color-lightdark,#989898) !important;}
.text-dark{color:var(--color-dark,#2e2f33) !important; }
.text-warning{color:var(--color-warning,rgb(155,138,64)) !important;}
.text-danger{color:var(--color-danger,#6b0e07) !important;}
.text-red{color:var(--text-red,#FF0000) !important;}
.text-success{color:var(--color-success,#229043ED) !important;}
.text-secondary{color:var(--color-secondary,#3BBAEF) !important;}


.border-top-logo{border-bottom:5px solid var(--color-logo,#F93) !important;}
.border-top-theme{border-bottom:5px solid var(--color-theme,#3A659D) !important;}
.border-top-warning{border-bottom:5px solid var( --color-warning,rgb(155, 138, 64)) !important;}
.border-top-success{border-bottom:5px solid var(--color-success,#229043ED) !important;}
.border-top-primary{border-bottom:5px solid var(--color-primary,#345070) !important;}
.border-top-grey{border-bottom:5px solid var(--color-grey,#F4F5FF) !important; }
.border-top-greyer{border-bottom:5px solid var(--color-greydark,#cacbd2) !important;}
.border-top-white{border-bottom:5px solid var(--color-white,#FFFFFF) !important; }
.border-top-darkless{border-bottom:5px solid var(--color-lightdark,#989898) !important;}
.border-top-dark{border-bottom:5px solid var(--color-dark,#2e2f33) !important; }
.border-top-warning{border-bottom:5px solid var(--color-warning,rgb(155,138,64)) !important;}
.border-top-danger{border-bottom:5px solid var(--color-danger,#6b0e07) !important;}
.border-top-red{border-bottom:5px solid var(--text-red,#FF0000) !important;}
.border-top-success{border-bottom:5px solid var(--color-success,#229043ED) !important;}
.border-top-secondary{border-bottom:5px solid var(--color-secondary,#3BBAEF) !important;}

.border-before-after{position:relative; height:100%; width:100%; font-size:1.5rem !important;}
.border-before-after:before,.border-before-after:after{position:absolute; top:40%; width:20%; border:2px solid; content:"";}
.border-before-after:before{left:20%;} .border-before-after:after{right:20%;}
.border-dark{border:2px solid var(--color-dark,#2e2f33);}
/*=======Colors Classes Ends=============*/

.box{border:2px solid var(--color-dark,#2e2f33); padding:.05rem .65rem;}

/*=======Padding Classes Begins=============*/
.p-0{padding:0 !important;}  .p-quart,.p-res-quart{padding:0.25rem !important;} 
.p-half,.p-res-half{padding:0.5rem !important;} 
.p-1,.p-res-1{padding:1rem !important;} .p-2,.p-res-2{padding:2rem !important;} 
.p-3,.p-res-3{padding:3rem !important;} 
.p-4{padding:4rem !important;}  .p-5{padding:5rem !important;}  .p-6,.p-res-6{padding:6rem !important;} 
.pt-0{padding-top:0rem !important; } .pt-1{padding-top:1rem !important; } 
.pt-2{padding-top:2rem !important; } .pt-3{padding-top:3rem !important; } 

.pb-0{padding-bottom:0rem !important; } .pb-1{padding-bottom:1rem !important; } 
.pb-2{padding-bottom:2rem !important; } .pb-3{padding-bottom:3rem !important; } 

.pl-0{padding-left:0rem !important; } .pl-1{padding-left:1rem !important; } 
.pl-2{padding-left:2rem !important; } .pl-3,.pl-res-3{padding-left:3rem !important; } 

.pr-0{padding-right:0rem !important; } .pr-1{padding-right:1rem !important; } 
.pr-2{padding-right:2rem !important; } .pr-3{padding-right:3rem !important; } 

.ptb-0{padding-top:0rem !important; padding-bottom:0rem !important; }
.ptb-half{padding-top:0.5rem !important; padding-bottom:0.5rem !important; }
.ptb-1{padding-top:1rem !important; padding-bottom:1rem !important; }
.ptb-2{padding-top:2rem !important; padding-bottom:2rem !important; }
.ptb-3{padding-top:3rem !important; padding-bottom:3rem !important; }
.ptb-4{padding-top:4rem !important; padding-bottom:4rem !important; }

.plr-half{padding-left:0.5rem !important; padding-right:0.5rem !important; }
.plr-1{padding-left:1rem !important; padding-right:1rem !important; }
.plr-2{padding-left:2rem !important; padding-right:2rem !important; }
.plr-3{padding-left:3rem !important; padding-right:3rem !important; }
.plr-4,.plr-res-4{padding-left:4rem !important; padding-right:4rem !important; }

/*=======Padding Classes Ends=============*/

/*=======Margin Classes Begins=============*/
.m-0{margin:0 !important;} .m-quart{margin:.25rem !important;}  .m-half{margin:.5rem !important;} .m-1{margin:1rem !important;} .m-2{padding:2rem !important;} .m-3{margin:3rem !important;} 
.m-auto{margin:auto !important;} .m-half{margin:.5rem !important;}
.mt-0,.t-0{margin-top:0rem !important; top:0rem !important; } .mt-1{margin-top:1rem !important; } .mt-2{margin-top:2rem !important; } .mt-5{margin-top:5rem !important; } .mt-7{margin-top:7rem !important; } 
.mb-0,.b-0{margin-bottom:0rem !important; bottom:0rem !important; } .mb-1{margin-bottom:1rem !important; } .mb-2{margin-bottom:2rem !important; } .mb-5{margin-bottom:5rem !important; } 
.t-3{top:3rem !important;} .mt-3{margin-top:3rem !important;}
.mtb-1{margin-top:1rem !important; margin-bottom:1rem !important; }
.mtb-2{margin-top:2rem !important; margin-bottom:2rem !important; }
.mtb-3{margin-top:3rem !important; margin-bottom:3rem !important; }
.mtb-4{margin-top:4rem !important; margin-bottom:4rem !important; }

.ml-auto{margin-left:auto !important; } .mr-auto{margin-right:auto !important; }
.mlr-1{margin-left:1rem !important; margin-right:1rem !important; }
.mlr-2{margin-left:2rem !important; margin-right:2rem !important; }

/*=======Margin Classes Ends=============*/

/*========Font Classes Begins========*/
.fs-not1{font-size:0.95rem !important;} .fs-half{font-size:0.75rem !important;} .fs-quart{font-size:0.5rem !important;} 
.fs-1{font-size:1rem !important;} .fs-125{font-size:1.25rem !important;} .fs-15{font-size:1.5rem !important;}   .fs-34{font-size:0.85rem !important;} 
.fs-2{font-size:2rem !important;} .fs-25{font-size:2.5rem !important;}
.fs-3{font-size:3rem !important;} .fs-35{font-size:3.5rem !important;}
.fs-4{font-size:4rem !important;} .fs-5{font-size:5rem !important;} .fs-6{font-size:6rem !important;} 

.fw-700,.fw-lightweight{font-weight:700;} .fw-400,.fw-light{font-weight:400;} .fw-normal{font-weight:normal !important;}
/*========Font Classes Ends========*/

/*========Text Begins========*/
.text-center,.text-res-center{text-align:center !important; align-items:center !important; place-items:center !important; justify-content: center !important;} .text-left{text-align:left !important;} 
.text-right,.text-right-res{text-align:right !important;} .text-justify{text-align: justify !important;}
.float-right{float:right !important;} .float-center{float:center !important;} .float-res-right{justify-content:right;}
.text-underline{text-decoration:underline;}
/*========Text Ends========*/

/*========Line-Height Begins========*/
.lh-half{line-height:0.75rem !important;} .lh-quart{line-height:0.5rem !important;} 
.lh-1{line-height:1rem !important;} .lh-15{line-height:1.5rem !important;} .lh-2{line-height:2rem !important;} .lh-3{line-height:3rem !important;} 
/*========Line-Height Ends========*/

/*========Badge Classes Begins========*/
.sf-badge{padding:.5rem 1rem !important; margin:auto; color:var(--color-white,#FFFFFF); border-radius:1rem; font-weight:bold; text-align:center; font-weight:700; text-transform:lowercase; }
.badge-none{background-color:transparent !important;}
.badge-logo{background-color:var(--color-logo,#F93) !important;}
.badge-theme{background-color:var(--color-theme,#3A659D) !important;}
.badge-grey{background-color:var(--color-grey,#F4F5FF) !important; }
.badge-greyer{background-color:var(--color-greydark,#cacbd2) !important;}
.badge-white{background-color:var(--color-white,#FFFFFF) !important;}
.badge-darkless{background-color:var(--color-lightdark,#989898) !important;}
.badge-warning{background-color:var(--color-warning,rgb(155,138,64)) !important;}
.badge-dark{background-color:var(--color-dark,#2e2f33) !important;}
.badge-danger{background-color:var(--color-danger,#6b0e07) !important;}
.badge-success{background-color:var(--color-success,#229043ED) !important;}
.badge-secondary{background-color:var(--color-secondary,#3BBAEF) !important;}
.badge-primary{background-color:var(--color-primary,#345070) !important;}


.badge-themergb{background-color:rgba(255,153,51,0.5) !important;}
.badge-greyrgb{background-color:rgba(244,245,255,0.5) !important; }
.badge-greyerrgb{background-color:rgba(202,203,210,0.5) !important;}
.badge-whitergb{background-color:rgba(255,255,255,0.5) !important;}
.badge-darklessrgb{background-color:rgba(152,152,152,0.5) !important;}
.badge-darkrgb{background-color:rgba(46,47,51,0.5) !important;}
.badge-dangerrgb{background-color:rgba(107,14,7,0.5) !important;}
.badge-successrgb{background-color:rgba(34,144,67,0.48) !important;}
.badge-secondaryrgb{background-color:rgba(59,186,239,0.5) !important;}

/*========Badge Classes Begins========*/

.pos-rel{position:relative !important; } .pos-abs-right{position:absolute; right:0; padding:0 0.15rem; color:var(--color-dark,#2e2f2e);} .abs-after:after{position:absolute;} .after-right:after{right:1rem;} .title:hover::after{content: attr(title);  top: -100%; left:0; position:absolute; max-width:calc(100% - 80%); max-height:calc(100% - 60%); width:auto; height:auto; background-color:var(--color-dark,#2e2f33); color:var(--color-white,#FFFFFF); overflow:auto;}
.drop-list,.drop-list-arrow,.btn-nav{cursor:pointer;}
/*========Button Begins========*/
.btn-login,.btn-submit,.btn{ cursor:pointer; transition:0.35s; text-decoration:none; text-transform:capitalize; outline:none; padding:0.5rem 1.25rem; margin:0 0.5rem; color:var(--color-white,#FFFFFF); background-color:var(--color-theme,#3A659D); border:1px solid; font-size:1rem; width:100%; text-align:center; border-radius:0.35rem; } 
.btn-submit{ background-color:var(--color-danger,#6b0e07) !important;  }
.btn-submit:focus,.btn-submit:hover{ background-color:var(--color-white,#FFFFFF) !important; color:var(--color-danger,#6b0e07) !important;}
.btn-theme,.btn-order{text-decoration:none; text-transform:capitalize; outline:none; padding:0.5rem 1.5rem; text-align:center; color:var(--color-white,#FFFFFF); background-color:var(--color-theme,#3A659D); border:1px solid; font-size:1rem; font-weight:600; box-shadow:var(--bs-overthetop,0px 8px 16px 0px rgba(0,0,0,0.2));  transition: 0.35s; border-radius:0.35rem; }
.btn-theme:focus,.btn-theme:hover,.btn-order:hover,.btn-order:focus{ color:var(--color-theme,#3A659D); background-color:var(--color-white,#FFFFFF); transition: 0.35s; cursor:pointer; }
.btn-order{position:absolute; bottom:0; left:0; width:100%; background-color:var(--color-white,#FFFFFF); color:var(--color-theme,#3A659D);  }
.btn-order:hover,.btn-order:focus{ border-color:var(--color-white,#FFFFFF); color:var(--color-white,#FFFFFF); background-color:var(--color-theme,#3A659D); }

.btn-toggle{ background-color:transparent; border:none; outline:none; font-size:1.15rem; color:var(--color-theme,#3A659D); font-weight:600; text-transform:capitalize; cursor:pointer;}

.btn-success{background-color:var(--color-success,#229043ED);} 
.btn-success:focus,.btn-success:hover{background-color:var(--color-white,#FFFFFF); color:var(--color-success,#229043ED);}
.btn-primary{background-color:var(--color-primary,#345070);}
.btn-primary:focus,.btn-primary:hover{background-color:var(--color-white,#FFFFFF); color:var(--color-primary,#345070);}


.menu-close{border:none; background-color:transparent; font-size:2rem; position:absolute; right:2rem; top:1.5rem; cursor:pointer; }


.icon-pulldown,.icon-pullup{position:relative;}
.icon-pulldown:before,.icon-pullup:before{content:attr(data-name);}
.icon-pulldown:after,.icon-pullup:after{content:'\276E'; display:block; transform:rotate(-90deg); position:absolute; top:2rem; left:35%; font-size:1rem; }
.icon-pullup:before{content:attr(data-name);} .icon-pullup:after{content:'\276E'; display:block; transform:rotate(90deg);}

.icon-pullup-animate:after{content:'\290A'; position:absolute; top:-2rem; left:35%; font-size:2rem; animation:pullup 1s ease-in 0s infinite; -webkit-animation:pullup 1s ease-in 0s infinite; -moz-animation:pullup 1s ease-in 0s infinite; -o-animation:pullup 1s ease-in 0s infinite; }
@keyframes pullup{
    from{opacity: 0; transform:translateY(0); } to{opacity: 1; transform:translateY(-2rem); }
}
.icon-pulldown-animate:after{content:'\290B'; position:absolute; top:2rem; left:35%; font-size:2rem; animation:pulldown 1s ease-in 0s infinite; -webkit-animation:pulldown 1s ease-in 0s infinite; -moz-animation:pulldown 1s ease-in 0s infinite; -o-animation:pulldown 1s ease-in 0s infinite; }
@keyframes pulldown{
    from{opacity: 0; transform:translateY(-2rem); } to{opacity: 1; transform:translateY(0); }
}
/*========Button Ends========*/

/*========Images Begins========*/
.img-fluid,.img-profile,.imf-fluidoff{width:30%; max-width:100%; border-radius:0.35rem;} .img-profile{border-radius:50%;} .img-fluidoff{width:100%;height:500px;} .img-full{width:100%; border-radius:1rem;}
.preview-image,.border-group{border:2px solid var(--color-dark,#2e2f2e); text-align:center; width:100%; }
.preview-image{border-color:transparent;}
/*========Images Ends========*/

/*========Borders Begins========*/
.top-seperator{position:relative;}
.top-seperator:after{position:absolute; content:""; top:0; left:12.5%; border-top:1px solid var(--color-lightdark,#989898); width:75%; }
.bottom-seperator{position:relative;}
.bottom-seperator:after{position:absolute; content:""; bottom:0; left:12.5%; border-bottom:1px solid var(--color-lightdark,#989898); width:75%; }
/*========Borders Ends========*/


/*========Card Begins========*/
.notice-card{position:fixed; z-index:1024; background-color:rgba(0,0,0,0.25) !important; width:100%; height:100%; top:0; left:0; }
.notice-card-content{max-height:calc(100vh - 5rem); height:auto; overflow-y:auto; position:relative; }
.cursor-pointer{cursor:pointer;}
.popup-card,.data-previewer{display:none; position:fixed; z-index:1024; background-color:rgba(0,0,0,0.25) !important; width:100%; height:100%; top:0; left:0; }
.popup-card-content,.data-previewer-content{max-height:calc(100vh - 5rem); height:auto; overflow-y:auto; position:relative;}
.card-main,.card{width:100%; border-top:.25rem solid var(--color-theme,#3A659D); border-radius:0.35rem; padding:1.75rem 2.25rem; box-shadow:var(--bs-overthetop,0px 8px 16px 0px rgba(0,0,0,0.2)); background-color:var(--color-white,#FFFFFF); } .card-highlight{border:5px solid var(--color-danger,#6b0e07); transition: 500ms ease; transform:scale(1.05,1.05);} .card-head{display:flex; font-size:1.25rem; justify-content:center; color:var(--color-white,#FFFFFF); background-color:var(--color-theme,#3A659D); font-weight:bold; padding:.5rem;}

.popup-card-loading,.popup-card-loadmessage{position:absolute; top:0; left:0; width:100%; min-height:100%; height:auto; z-index:999; background-color:rgba(255,255,255,0.75);}  .popup-loadmessage{position:absolute; left:30%; top:55%; font-size:2rem;}
.popup-card-loader{position:absolute; height:1.5rem; width:1.5rem; border:.5rem solid var(--color-theme,#3A659D); border-right-color:transparent; border-radius:50%; padding:1rem; left:47%; top:40%; z-index:1025; animation:clockwise 1s linear infinite; -webkit-animation:clockwise 1s linear infinite;  -moz-animation:clockwise 1s linear infinite; }
@keyframes clockwise{ 100%{ -webkit-transform: rotate(360deg);  transform: rotate(360deg); } }
@-webkit-keyframes clockwise{ 100%{ -webkit-transform: rotate(360deg); } }
@-moz-keyframes clockwise{ 100%{ -moz-transform: rotate(360deg); } }

.icon-circle{ background-color:var(--color-white,#FFFFFF); }

.navbar{position:static; top:0; background-color: var(--color-theme,#3A659D); color: var(--color-white,#FFFFFF); display:grid; grid-template-columns: auto auto; grid-gap:1rem; padding:.75rem 0.5rem; box-shadow:var(--bs-overthetop,0px 8px 16px 0px rgba(0,0,0,0.2)); } .navbar-toggle,.navbar-close{display:none; font-size:32px; cursor: pointer;} .navbar-brand{display:flex;font-size:16px; position:relative; width:100%; grid-gap:1rem; font-weight:700;}
.navbar-links{display:flex;} .navbar-links a{text-decoration:none; color: var(--color-white,#FFFFFF); font-weight:700; margin:0 1rem; padding:.5rem 1rem; border-radius:2rem; }
.navbar-links a:focus,.navbar-links a:hover,.navbar-links a .active{background-color: var(--color-themelight,#ba4164); color:var(--color-white,#FFFFFF); transition:.35s;}
.nav-btn{background-color: var(--color-theme,#3A659D); color:var(--color-white,#FFFFFF) !important; padding:.5rem; border-radius:2rem; outline:none; border:none;}
.nav-btn:focus,.nav-btn:hover{background-color: var(--color-primary,#345070) !important; transition:.35s; cursor:pointer;}

/* Slideshow container */
.mySlides {display: none} .slideshow-img {vertical-align: middle; width:100%; position:relative; height:500px;}
.slideshow-container { width:100%; position: relative; margin: auto; z-index:-5; } .slideshow-caption{position:absolute; font-size:1.5rem; bottom:8px; right:8px; color:var(--color-white,#FFFFFF);  }
.slideshow-container{position:relative; height:500px;} .slideshow-container > * {z-index:0; visibility:hidden; position: absolute; width:100%; top: 0; left: 0; animation: 12s autoplay-img infinite; }
@keyframes autoplay-img { 0% {visibility: visible; } 33.33% {visibility: hidden;} }
.slideshow-container > *:nth-child(1) {animation-delay: 0s;}
.slideshow-container > *:nth-child(2) {animation-delay: 3s;}
.slideshow-container > *:nth-child(3) {animation-delay: 6s;}
.slideshow-container > *:nth-child(4) {animation-delay: 9s;}
@keyframes rotate-img { 100% { transform: rotate(-360deg); } }
/* Next & previous buttons */
.prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; }

/* Position the "next button" to the right */
.next { right: 0; border-radius: 3px 0 0 3px; }

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); }


/* The dots/bullets/indicators */
.dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; }

.active, .dot:hover {  background-color: #717171; }

/* Fading animation */
.fade { animation-name: fade; animation-duration: 1.5s; }

@keyframes fade { from {opacity: .4}  to {opacity: 1} }

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) { .prev, .next,.text {font-size: 11px} }
  

.sfsc-head{font-size:2rem; font-weight:600; color:var(--color-theme,#3A659D); position:relative; width:100%;} .sfsc-head:after{position:absolute; bottom:-1rem; padding:5px; background-color:var(--color-dark,#2e2f33); width:100px; border-radius:30%; left:47%; content:""; }
.sfsc-main{color:var(--color-primary,#345070); font-size:2rem; font-weight:700;}

.sfsc-para{margin:1rem 0; text-align:left;}

/*Main Side Menu Begins*/
.main{position:static; top:0; width:100%; display:grid; grid-template-columns: 15% 85%;}
.main-side{position:static; top:0; height:calc(100vh - 4rem); overflow-y:auto; box-shadow:var(--bs-overthetop,0px 8px 16px 0px rgba(0,0,0,0.2)); width:100%;}
.main-side-link{padding:1.25rem 1.5rem; width:100%; border:1px solid var(--color-greydark,#cacbd2); text-transform:capitalize; font-weight:600; cursor:pointer; text-decoration:none; transition:.5s;} .main-side-link:hover, .main-side-link:focus, .main-side-link-active{background-color:var(--color-theme,#3A659D); color:var(--color-white,#FFFFFF);}
.main-content{position:static; top:0; width:100; height:100%; padding:0 1rem; }
/*Main Side Menu Ends*/

.footer{background-color: var(--color-primary,#345070); padding:3rem 2rem;}
.footer-links{display:grid; grid-template-columns:auto auto auto; grid-gap:1rem; color: var(--color-white,#FFFFFF); } 
.footer-head{font-size:1.25rem; font-weight:700; }
.footer-nav{color: var(--color-white,#FFFFFF); text-decoration:none;padding:.5rem 0; }
.footer-copy{background-color: var(--color-theme,#3A659D); color: var(--color-white,#FFFFFF); padding:.75rem; text-align:center;}

.sf-popup{position:fixed; z-index:1099; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.25); display:none;}
.sf-popup-content{width:75%; background-color:var(--color-white,#FFFFFF); margin:5% 0 0 15%; padding:1rem; border-radius:.25rem; }

.label{font-weight:700; width:100%; font-size:1.2rem;} .input,.input-none{width:100%; padding:.75rem; font-size:1.2rem; border:2px solid #90919d; border-radius:.25rem; transition:.25s; resize:none;} .input:focus,.input:hover{border:2px solid #000000;}
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; }
.input-none{border:none; border-radius:0; color:#90919d; font-weight:normal;}

.popup-hide{position:absolute; border:none; outline:none; font-size:2.5rem; cursor:pointer; background-color:transparent; color:var(--color-theme,#3A659D); right:2rem;}

.sf-pos{position: relative; }   .sf-abs-bottom{position: absolute; bottom:25rem; right:0;}
.expand-view{position:relative; cursor:pointer;  } .expand-view:hover:after{position:absolute; top:0; left:0; width:80%; height:100%; background-color:rgba(0,0,0,0.5); content:"Click To Expand"; text-align:center; font-size:2rem; }

.expand-preivew{display:none; position:fixed; z-index:1029; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.expand-preivew-close{position:absolute; right: 5rem; top: 3rem; font-size: 3rem; color:var(--color-white,#FFFFFF); cursor:pointer; }
.expand-preivew-data{margin:auto; width:70%; height:90%; margin-top:5%; background-color:var(--color-white,#FFFFFF);}

.add-more{border:5px solid #3A659D; color:#3A659D; font-size:2rem; padding:.75rem; cursor:pointer; border-radius:50%; text-align:center; margin:auto; }
.preview-color{position:relative;} .preview-color-close{position:absolute; top:0; right:0; cursor:pointer;}
.input-color,.input-image{ border:5px solid #3A659D; border-radius: 50%; height: 60px; width: 60px; border: none; outline: none; -webkit-appearance: none; }
.input-color::-webkit-color-swatch-wrapper { padding: 0; }
.input-color::-webkit-color-swatch { border: none; border-radius: 50%; }
.input-image{height: 100px; width: 100px;}



@media only screen and (max-width:786px){ .nav-brand{font-size:30px;} .navbar-links{display:none; position:fixed; z-index:1020; width:100%; height:auto; background-color: var(--color-primary,#345070); left:0; top:10rem; padding:2rem 0; } .navbar-links > a{margin:.5rem 0; text-align: center; font-size:1.25rem;} .navbar-toggle{display:block;}  .grid-res-12{grid-template-columns: auto auto auto;}
.grid-res-2,.grid-res-3{grid-template-columns: auto;} .text-res-center,.footer-section{text-align: center;}
    .sf-popup-content{width:100%; margin:5% 0%;} .popup-hide{top:0;} .pt-res-3{padding-top:3rem !important;} .footer-section{margin-top:1rem;}
    .footer-links{grid-template-columns:auto; } .expand-preivew-data{width:100%; height:80%; margin-top:15%; } .expand-preivew-close{top: 2rem; right:3rem; }
}