:root{
    --color1:#032b73;
    --color2:#ffbc2f;
    --color3:#06213e;
    --color4:#004caa;
    --color5:#797979;
    --color6:#d9d9d9;
    --color7:#032b73;
    --color8:#ED6124;
    --color9:#F2C643;
    
    --white:#fff;
    --dark:#000;

    --font-1: 'Poppins', sans-serif;
    --font-2: 'Roboto', sans-serif;
}
/*-------------------Text Colors--------------------*/
.text-white{color: var(--white) !important;}
.text-dark{color: var(--dark) !important;}

.text-color1{color: var(--color1);}
.text-color2{color: var(--color2);}
.text-color3{color: var(--color3);}
.text-color4{color: var(--color4);}
.text-color5{color: var(--color5);}
.text-color6{color: var(--color6);}
.text-color7{color: var(--color7);}
.text-color8{color: var(--color8);}

/*-------------------Background Colors--------------------*/
.bg-white{background-color: var(--white) !important;}
.bg-dark{background-color: var(--dark) !important;}

.bg-color1{background-color: var(--color1);}
.bg-color2{background-color: var(--color2);}
.bg-color3{background-color: var(--color3);}
.bg-color4{background-color: var(--color4);}
.bg-color5{background-color: var(--color5);}
.bg-color6{background-color: var(--color6);}
.bg-color7{background-color: var(--color7);}
.bg-color8{background-color: var(--color8);}

/*-------------------Border Colors--------------------*/
.border-white{border-color: var(--white) !important;}
.border-dark{border-color: var(--dark) !important;}

.border-color1{border-color: var(--color1);}
.border-color2{border-color: var(--color2);}
.border-color3{border-color: var(--color3);}
.border-color4{border-color: var(--color4);}
.border-color5{border-color: var(--color5);}
.border-color6{border-color: var(--color6);}
.border-color7{border-color: var(--color7);}
.border-color8{border-color: var(--color8);}

/*-------------------Gradient Colors--------------------*/
.gradient-1{background: linear-gradient(0deg, var(--color9) 0%, var(--color8) 100%);}

/*-------------------Buttons--------------------*/
.btn-color1,.btn-color1:hover{background-color: var(--color1) !important;}
.btn-color2,.btn-color2:hover{background-color: var(--color2) !important;}
.btn-color3,.btn-color3:hover{background-color: var(--color3) !important;}
.btn-color4,.btn-color4:hover{background-color: var(--color4) !important; color: var(--white) !important;}
.btn-color5,.btn-color5:hover{background-color: var(--color5) !important;}
.btn-color6,.btn-color6:hover{background-color: var(--color6) !important;}
.btn-color7,.btn-color7:hover{background-color: var(--color7) !important;}
.btn-color8,.btn-color8:hover{background-color: var(--color8) !important;}

/*-------------------Globe--------------------*/
a,a:hover{text-decoration: none;}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-17{font-size: 17px;}
.fs-18{font-size: 18px;}

/*-------------------Globe--------------------*/

/*-------------------CSS--------------------*/

body{font-family:var(--font-1);}

.splash-screen{background: url(../images/bg.svg) top center no-repeat, linear-gradient(0deg, var(--color9) 0%, var(--color8) 100%); height: 100vh; display: flex; align-items: center; justify-content: center;}
.topbar{display: flex; font-size: 16px; padding:0 10px; align-items: center; justify-content: space-between; line-height: 40px;}

/* .custom-silder .carousel-indicators, */
.custom-silder .carousel-inner{height:70vh;}
.custom-silder .carousel-caption,
.custom-silder .carousel-control-next,
.custom-silder  .carousel-control-prev{position:static;}
.custom-silder .carousel-indicators{top:260px; bottom: inherit;}
.custom-silder .carousel-indicators [data-bs-target]{width: 10px; height: 10px; border-radius: 100px; border: 0px; background-color: var(--color4);}
.custom-silder .carousel-control-next,
.custom-silder  .carousel-control-prev{background-color: var(--color4); border: 2px solid var(--color4); color: var(--white); font-weight: 600; padding: 10px 30px; border-radius: 4px; opacity: 1; width: 120px;}
.custom-silder .carousel-control-next:hover,
.custom-silder  .carousel-control-prev:hover{background-color:var(--white); color: var(--color4);}

h2{font-style: 18px; line-height: 36px; font-weight: 600;}

.form-group{margin-bottom: 30px;}
.form-group,
.form-group .input-group span,
.form-group .input-group .form-control{color: var(--color4);}
.form-group{color: var(--color4); font-weight: 600;}
.form-group label{margin-bottom: 10px;}
.form-group .input-group span,
.form-group .input-group .form-control{border-color: var(--color4); padding: 15px;}
.form-group .input-group span{ border-right: 0px; background-color:transparent;}
.form-group .input-group .form-control{border-left: 0px; font-size: 15px; padding-left: 0px; font-weight: 600;}
.form-group .input-group-lg .input-group-text{font-size: 28px !important;}

.horizantal-scroll{display:-webkit-box; flex-wrap:nowrap; overflow-x:auto;}



.box-1{padding:15px 20px; border-radius:10px; display:block; font-size:14px; box-shadow:0 3px 6px #0003; margin:10px;}
.box-1 .title,.box-1 .link{display:block;}
.box-1 .title{font-weight:600; height:35px;}
.box-1 .link{letter-spacing:1px; white-space: nowrap;}
.box-1 .link i{margin-left:5px;}

.box-2{padding:10px; border-radius:10px; display:block; font-size:13px; box-shadow:0 3px 6px #0003; margin:10px; background-color:#fff; color:var(--color4); text-align:center;}
.box-2 .icon{width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center; border-radius:100px; font-size:22px; box-shadow:0 0 10px #0002; margin-bottom:5px;}
.box-2 span{display:block; font-weight:500;}
.box-2:nth-child(odd){margin-left:0px;}
.box-2:nth-child(even){margin-right:0px;}

.double-colors div:first-child, .double-colors a:first-child{margin-left:0px;}
.double-colors div:last-child, .double-colors a:last-child{margin-right:0px;}
.double-colors div:nth-child(odd), .double-colors a:nth-child(odd){background-color:var(--color4); color:#fff;}
.double-colors div:nth-child(even), .double-colors a:nth-child(even){background-color:var(--color2); color:#000;}

.cols-2{column-count:2;}

.with-footer{padding-bottom:60px;}

.footer-menu{display:flex; padding:10px 0; position:fixed; bottom:0px; left:0px; right:0px; background-color:#fff; box-shadow:0 -5px 10px #0002; z-index:9;}
.footer-menu a{font-size:10px; color:#000; display:block; text-align:center; flex:auto;}
.footer-menu a i{font-size:24px; display:block;}
.footer-menu a:hover,.footer-menu a.active{color:var(--color4);}

.sidemenu a{font-family:var(--font-2); font-size:15px; font-weight:600; color:#000; display:block; line-height:2.2;}
.sidemenu a img{width:24px; height:24px; margin-right:15px;}
.sidemenu a:hover,.sidemenu a.active{color:var(--color4);}

.left-sidemenu{max-width:85%; background-clip: inherit;}
.left-sidemenu .close{position:relative; width:50px; height:50px; display:inline-flex; align-items:center; justify-content:center; border-radius:100px; font-size:16px; box-shadow:0 0 10px #0002; right:-40px; background-color:#fff;}

.img-profile{width:111px; height:111px; display:inline-flex; align-items:center; justify-content:center; font-size:16px; margin-bottom:10px; position:relative; overflow:hidden; border-radius:100px;}
.img-profile img{width:100%; object-fit:cover; box-shadow:0 0 10px #0003;}
.img-profile i{background-color:var(--color2); color:#fff; position:absolute; bottom:0px; right:0px; width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center; border-radius:100px;}
.img-profile input{display:none;}

.banner-post-main{border-radius:10px; position:relative; overflow:hidden; display:block; margin:15px 0px;}
.banner-post-main img{width:100%; object-fit:cover;}
.banner-post-main .layer{position:absolute; bottom:0px; left:0px; right:0px; padding:60px 20px 10px; background: linear-gradient(0deg, #000 0%, #0000 100%); color:#fff;}
.banner-post-main .time{color:var(--color2); font-size:13px;}

.post-list {display:flex; margin-bottom:15px; font-size:14px;}
.post-list .thumb{width:80px; height:80px; display:inline-flex; align-items:center; justify-content:center; border-radius:5px; margin-right:10px; overflow:hidden; flex:none; box-shadow:inset 0 0 10px #0003; position:relative;}
.post-list .thumb img{width:100%; height:100%; object-fit:cover;}
.post-list.video .thumb:before{content:"\f144"; position:absolute; font-family: "Font Awesome 6 free";  background-color:#0006; color:#fff; top:0px; bottom:0px; left:0px; right:0px; display:inline-flex; align-items:center; justify-content:center; font-size:30px; font-weight:bold;}
.post-list .data{flex:auto;}
.post-list .title{color:#000; font-weight:500; height:45px; display:block;}
.post-list .post-meta{display:flex; justify-content:space-between; font-size:12px;}
.post-list .link{color:var(color4);}
.post-list .time{color:var(--color5);}

.ClassMenu{display:flex; text-align:center; border-bottom:1px solid var(--color6);}
.ClassMenu a{font-size:12px; font-weight:600; color:var(--color5); border-left:#f9f9f9 1px solid; border-right:var(--color6) 1px solid; display:block; padding:8px; flex:auto;}
.ClassMenu a:hover,.ClassMenu a.active{background-color:var(--color4); color:#fff;}

.video-responsive {overflow: hidden;padding-bottom: 56.25%;position: relative;height: 0;}
.video-responsive iframe {left: 0;top: 0;height: 100%;width: 100%;position: absolute;}

.form-style-1 input,.form-style-1 textarea,.form-style-1 select,.check-radio-hori-group{margin-bottom:10px;}

.check-radio-hori-group{background-color:#fff; padding:10px 10px 0px;}
.check-radio-hori-group label{margin:0px; margin-right:20px; display:inline-block;}
.check-radio-hori-group input{margin-bottom:10px; margin-right:5px;}

.small-form-controls .form-control{font-size:12px; padding:3px 7px; margin:0px;}

.SubId{border:1px solid #e3e3e3; border-radius:5px; display:flex; text-align:center; padding:10px; font-size:12px; font-weight:600; color:#000; height:100px; align-items:center; justify-content:center; flex-direction: column; margin:5px;}
.SubId img{margin-bottom:10px;}

.pdfbox{display: flex;font-size: 11px;font-weight: 600;align-items: center;margin:5px;border: 1px solid #e3e3e3; color: #000;flex-direction: column;justify-content: center;text-align: center;padding: 10px;border-radius: 5px; height:120px;}
.pdfbox i{font-size: 35px;margin-bottom: 10px;}
.pdfbox div{padding:0 5px;flex: auto;}

.video-card{position:relative; display:block; margin-bottom:10px;}
.video-card img{width:100%;}
.video-card .tags{position:absolute; background-color:var(--color4); color:#fff; padding:0px 10px; border-radius:20px; top:10px; left:10px; font-size:10px; font-weight:600; text-transform:uppercase;}
.video-card .contact{position:absolute; bottom:5px; left:5px; right:5px; background-color:var(--color1) ; color:#fff; padding:5px;}
.video-card .title{font-size:14px; margin:0px;}
.video-card .subjects,
.video-card .time{font-size:11px;}

.custom-button{display:flex; justify-content: center;}
.custom-button .carousel-control-next,
.custom-button .carousel-control-prev{position:static; width:24px; height:24px; background-color:#000; color:#fff;}

.sticky{position:fixed; left:0px; right:0px; top:0px; z-index:9;}

.user-profile-pic{width:120px; height:120px; border-radius:100px; overflow:hidden; border:5px solid #fff; position:relative;}
.user-profile-pic input[type=image]{object-fit:cover; width:100%; height:100%;}
.user-profile-pic input[type=file]{position:absolute; top:-50px; bottom:0px; left:0px; right:0px; z-index:1;}

.pagedown{background:#f7f9fc; border-radius:20px 20px 0 0; padding:20px;}

.form-style-1{background-color: var(--color1);}
.form-style-1 label{font-weight:500; color:#000; margin-bottom:5px; font-size:14px;}
.form-style-1 .form-control{border-radius:3px; border:0px; background-color:#f3f3f3; margin-bottom:0px;}
.form-style-1 :not(td) > .form-control:disabled{background-color:transparent; border:0px; padding:0px; margin:0px; font-size:14px; color:#999;}
.form-style-1 h5{margin:20px 0px 10px;}
.form-style-1 .form-box{border-radius:10px; box-shadow:0 5px 20px #0001; background-color:#fff; margin-bottom:0px; padding:0px;}
.form-style-1 .form-group{border-bottom:1px solid #eee; padding:10px 20px; margin-bottom:0px;}
.form-style-1 .input-group .form-control{font-weight:normal; color:#000; padding:8px}

.center-body {display: flex;justify-content: center;align-items: center;width: 100%;height: 100vh; position:fixed; background-color:#0009; z-index:999999;}
.loader-circle-2 {position: relative;width: 70px;height: 70px;display: inline-block;}
.loader-circle-2:before,
.loader-circle-2:after {content: "";display: block;position: absolute;border-width: 5px;border-style: solid;border-radius: 50%;}
.loader-circle-2:before {width: 70px;height: 70px;border-bottom-color: #009688;border-right-color: #009688;border-top-color: transparent;border-left-color: transparent;animation: loader-circle-2-animation-2 1s linear infinite;}
.loader-circle-2:after {width: 40px;height: 40px;border-bottom-color: #e91e63;border-right-color: #e91e63;border-top-color: transparent;border-left-color: transparent;top: 22%;left: 22%;animation: loader-circle-2-animation 0.85s linear  infinite;}


@media (max-width: 500px) {
  .custom-table{font-size:12px;}
  .custom-table thead {display: none;}
  .custom-table,
  .custom-table tbody,
  .custom-table tr,
  .custom-table td {display: block;width: 100%;}
  .custom-table tr {margin-bottom: 12px;}
  .custom-table td {padding-left: 50%;text-align: left;position: relative;}
  .custom-table td::before {content: attr(data-label);position: absolute;left: 0;width: 50%;padding-left: 15px; font-weight: 600;text-align: left;}
  .custom-table .read a{background-color:var(--color7); color:#fff; padding:3px 10px; display:block; text-align:center; text-transform:uppercase; font-weight:500;}
}


.form-control:focus{box-shadow:none;}

@keyframes loader-circle-2-animation {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(-360deg);}
}
@keyframes loader-circle-2-animation-2 {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}