:root {
	--primaryColor: #38b6ff;
  --secondaryColors: #071e52;
	--socialBg: #242424;
	--subTextColor:#555;
	--bodyBg: #ffffff;
	--veiwWidth: calc(100vw - 17px);
	--padding: calc(var(--veiwWidth)/2 - 785px);
}


/* ********|| INITIALIZATION STARTS ||******** */
body, html { width: 100%; height:100%; line-height:1.2; margin:0 auto !important;padding:0 !important;font-family: 'Almarai', sans-serif; font-weight: 400; -webkit-font-smoothing: subpixel-antialiased;text-shadow: 1px 1px 1px rgba(0,0,0,0.004);font-size: 16px;  color: var(--color01); background:var(--bodyBg);position: relative; z-index: 0;}

*:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
a {text-decoration: none ;}
a:hover{text-decoration: none;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;transition: all 0.3s ease;}
a:focus{ outline: none;text-decoration: none;}
input:focus, label:focus{outline: none !important;outline-offset: none !important;outline-offset: 0 !important;}
/* ********|| INITIALIZATION ENDS ||******** */


/* ********|| PSEUDO ELEMENTS STARTS ||******** */
::selection{ background-color:var(--primaryColor); color:#fff}
::-moz-selection{ background-color:var(--primaryColor); color:#fff}
::-webkit-selection{ background-color:var(--primaryColor); color:#fff}

:-webkit-focus { outline: none !important; }
:-moz-focus { outline: none !important; }
:focus { outline: none !important; }

select:-webkit-focusring { color: var(--primaryColor) !important;text-shadow: 0 0 0 var(--textMedColor);}
select:-moz-focusring {color: var(--primaryColor) !important;text-shadow: 0 0 0 var(--textMedColor);}
select:focusring {color: var(--primaryColor) !important; text-shadow: 0 0 0 var(--textMedColor);}

::input-placeholder{ color:var(--textColor) !important;}
::-moz-input-placeholder{ color:var(--textColor) !important;}
::-webkit-input-placeholder{ color:var(--textColor) !important;}

/*::-webkit-scrollbar-track{	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);box-shadow: inset 0 0 6px rgba(0,0,0,0.1);background-color: var(--textMedColor);}
::-webkit-scrollbar{width: 5px;height: 5px;background-color: var(--textMedColor);}
::-webkit-scrollbar-thumb{background-color: var(--secondaryColorAltLight);}*/
/* ********|| PSEUDO ELEMENTS ENDS ||******** */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0}

/* Firefox */
input[type=number] {-moz-appearance: textfield;}

/* ********|| ADJUSTMENT CLASSES STARTS ||******** */
*,::after,::before{box-sizing: border-box;}
a{color:var(--primaryColor); transition: all 0.3s ease;}
a:hover, a:focus{color:var(--secondaryColor);}
p { margin: 0 0 10px; }
hr{margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid var(--c4dee4);}

.required:after{content:"*";color:#000000; font-size:16px; font-weight:600; position: absolute;margin: 0 0 0 3px;}
.separator_dashed{ border-bottom:var(--textMedColor) 1px dashed;}
.separator_dotted{ border-bottom:var(--textMedColor) 1px dotted;}
.separator_solid{ border-bottom:var(--textMedColor) 1px solid;}
/* ********|| ADJUSTMENT CLASSES ENDS ||******** */


section{position:relative;}
.form-group{position:relative; margin: 0 0 20px;}
.control-label{font-size: 14px;font-weight: 600;margin: 0 0 2px;color: #212121;display: block;}


.form-control{border: 1px solid #ccc; border-radius: 3px; font-family: inherit; padding: 6px; padding: 0.428571429rem;}
.form-control:focus{ border-color:var(--primaryColor);box-shadow: none;}
.form-control::-webkit-input-placeholder{ color: var(--textColor) !important;}
.form-control:-moz-placeholder{color:var(--textColor) !important;opacity:  1 !important;}
.form-control::-moz-placeholder{color:var(--textColor) !important; opacity:1 !important;}
.form-control:-ms-input-placeholder{color:var(--textColor) !important;}
.form-control::-ms-input-placeholder{color:var(--textColor) !important;}
textarea.form-control{ resize:none; min-height: 100px;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background-color: #fff; opacity: 0.7; cursor: not-allowed;}

.custom-checkbox{position: relative;padding-left: 24px;margin: 3px 0;display: inline-block;}
.custom-checkbox .custom-checkbox-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.custom-checkbox .custom-checkbox-label{position: relative;margin: 0;line-height: 16px;font-size: 14px;}
.custom-checkbox .custom-checkbox-label:before{content:'';position:absolute;width: 16px;height: 16px;background: #fff;border: 1px solid #ddd;top: 50%;left: -24px; transform: translateY(-50%);border-radius: 2px;}
.custom-checkbox .custom-checkbox-label:after{content: "\f00c";position: absolute;font-family: "Font Awesome 5 Pro";width: 16px;height: 16px;top: 50%;left: -24px;transform: translateY(-50%); font-weight: 500;font-size: 10px;display: none;color: #fff;text-align: center;}
.custom-checkbox .custom-checkbox-input:checked ~ .custom-checkbox-label:after{display:block;}
.custom-checkbox .custom-checkbox-input:checked ~ .custom-checkbox-label:before{background: var(--primaryColor);border: 1px solid var(--primaryColor);}

.custom-radio{position: relative;padding-left: 24px;margin: 3px 0;display: inline-block;}
.custom-radio .custom-radio-input{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; cursor: pointer;}
.custom-radio .custom-radio-label{position: relative;margin: 0;line-height: 16px;font-size: 14px;}
.custom-radio .custom-radio-label:before{content:'';position:absolute;width: 16px;height: 16px;background: #fff;border: 1px solid #ddd;top: 50%;left: -24px; transform: translateY(-50%);border-radius: 50%;}
.custom-radio .custom-radio-label:after{content: "\f111";position: absolute;font-family: "Font Awesome 5 Pro";width: 16px;height: 16px;top: 50%;left: -24px;transform: translateY(-50%); font-weight: 600;font-size: 8px;display: none;color: #fff;text-align: center;}
.custom-radio .custom-radio-input:checked ~ .custom-radio-label:after{display:block;}
.custom-radio .custom-radio-input:checked ~ .custom-radio-label:before{background: var(--primaryColor);border: 1px solid var(--primaryColor);}



.custom-tab .custom-tab-navigation{padding-left: 0;list-style: none;display: flex;flex-wrap: wrap;justify-content: center;margin: 0 auto 10px;}
.custom-tab .custom-tab-navigation > li{width: auto;margin:5px;position: relative;}
.custom-tab .custom-tab-navigation > li > a{background-color: rgba(255,255,255,0.1);color: #fff;padding: 10px 20px;display: block;font-size: 16px;font-weight: 400;text-transform: capitalize;position: relative;border-radius: 4px;max-width: 300px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.custom-tab .custom-tab-navigation > li.active > a,.custom-tab .custom-tab-navigation > li > a:hover{background-color: var(--primaryColor);}

.custom-tab .custom-tab-content .custom-tab-wrap{display: none;background: transparent;padding: 20px 0;}
.custom-tab .custom-tab-content .custom-tab-wrap.active{display: block;}
.custom-tab .custom-tab-content .custom-tab-navigation > li > a{padding: 5px 10px;font-size: 14px;font-weight: 600;}
.custom-tab .custom-tab{margin-top: -20px;}
.container{margin: 0 auto;}
.custom-tab .custom-tab .custom-tab-navigation{margin-bottom: 0;}
.title{font-size: 40px; font-weight: bold; text-transform: capitalize; margin-bottom: 12px;}
.school-list{width: 20%; padding: 0px 15px; margin-bottom: 30px;}
@media (min-width: 576px){.custom-tab .custom-tab-navigation{max-width:620px}}
@media (min-width: 768px){.custom-tab .custom-tab-navigation{max-width:740px}}
@media (min-width: 992px){.custom-tab .custom-tab-navigation{max-width:1140px}}
@media (min-width: 1200px){.custom-tab .custom-tab-navigation{max-width:1200px}}


/* /////////////////////////////////////////////////////////////// */
/*             			   	 	BOOTSTRAP FIX            			   				 */
/* /////////////////////////////////////////////////////////////// */
@media (min-width: 576px){
  :root{
    --padding:15px;
  }
	.container{max-width: none;}
	.modal-dialog{max-width: 700px;}
	.modal-sm{max-width: 400px;}
}
@media (min-width: 768px){
  :root{
    --padding:calc(calc(var(--veiwWidth) - 710px) / 2);
  }
	.container{max-width: 740px;}
}
@media (min-width: 992px){
  :root{
    --padding:calc(calc(var(--veiwWidth) - 930px) / 2);
  }
	.container{max-width: 960px;}
}
@media (min-width: 1200px){
  :root{
    --padding:calc(calc(var(--veiwWidth) - 1140px) / 2);
  }
	.container{max-width: 1170px;}
}
@media (min-width: 1440px){
  :root{
    --padding:calc(calc(var(--veiwWidth) - 1310px) / 2);
  }
	.container{max-width: 1340px;}
}
@media (min-width: 1600px){
  :root{
    --padding:calc(calc(var(--veiwWidth) - 1370px) / 2);
  }
	.container{max-width: 1400px;}
}
@media (min-width: 1900px){
  :root{
    --padding:calc(calc(var(--veiwWidth) - 1470px) / 2);
  }
	.container{max-width: 1500px;}
}

.modal-open {overflow: auto;}
.modal{ overflow-x: hidden; overflow-y: auto;}
.overflow-hidden{overflow:hidden !important;}
.dropdown .dropdown-toggle{padding-right: 16px !important;position: relative;}
.dropdown .dropdown-toggle::after{content: "\f078";font-family: "Font Awesome 5 Pro";font-size: 14px;font-weight: 500;display: block;position: absolute;margin: 0;vertical-align: unset;top: 50%;right: 0;transform: translateY(-50%);border: 0; color: var(--primaryColor); opacity: 1; margin-top: 2px; transition: all 0.3s ease;}
.dropdown.show .dropdown-toggle::after{transform: translateY(-50%) rotate(-180deg);}
.dropdown .dropdown-menu{display:block;top: 100% !important;left: 50% !important;transform: translate(-50%,50px) !important;visibility: hidden;opacity:0;transition:.5s ease all;}
.dropdown .dropdown-menu.show{display:block;transform: translate(-50%,0) !important;visibility: visible;opacity:1;transition:.5s ease all;}
.dropdown-menu .dropdown-item{display: flex;padding: 5px 15px;color: var(--secondaryColor);}
.dropdown-menu .dropdown-item:focus,.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:active{background: var(--primaryColor);color: #fff;}
.mega-dropdown{position:static !important;}
.mega-dropdown .mega-dropdown-menu{display:block;width: 100%;top: auto !important;left: 50% !important;transform: translate(-50%,50px) !important;padding: 20px 40px;visibility: hidden;opacity:0;transition:.5s ease all;}
.mega-dropdown .mega-dropdown-menu.show{display:block;transform: translate(-50%,0) !important;visibility: visible;opacity:1;transition:.5s ease all;}

/*////////////////////////////////////////////////////////////////*/
/*             		          	COMMON CODE START      	      			*/
/*////////////////////////////////////////////////////////////////*/

.container{width: 100%;max-width: 1098px; padding: 0 70px;}
.row{display: flex; align-items: center; flex-wrap: wrap; margin: 0 -15px; margin-top: 24px;}

.title{color: var(--secondaryColor); font-size: 48px; font-weight: bold; }
.title span{color: var(--primaryColor); font-weight: 700;}

.social-media{ position: relative; margin-right: auto;}
.social-media .social-media-wrap{font-size: 18px;  display: flex; gap: 10px; }
.social-media .social-media-wrap a{text-decoration: none; }
.social-media .social-media-wrap a i{background-color: var(--secondaryColors); color: var(--bodyBg); width: 35px; height: 35px; border-radius: 50px; display: flex; align-items: center; justify-content: center; }

.share-header .socail-media div{font-size: 15px; font-weight: 400; color: var(--subTextColor);}

/*////////////////////////////////////////////////////////////////*/
/*             		          	 COMMON CODE END        	      		*/
/*////////////////////////////////////////////////////////////////*/



/*////////////////////////////////////////////////////////////////*/
/*             		          	 HOME PAGE      	      				  	*/
/*////////////////////////////////////////////////////////////////*/

/* ********|| HEADER STARTS ||******** */
header{position: relative;}
header .header-top{border-bottom: 1px solid #eee; padding: 24px 0; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .03);}
header .container{margin: 0 auto;}
header .header-wrap{display: flex; align-items: center; justify-content: space-between; gap: 2em;}
header .header-wrap .brand{width: 200px; height: 60px; overflow: hidden;}
header .header-wrap .brand img{height: 100%; width: 100%; object-fit: cover;}
header .navigation{position: relative; padding: 10px 0; background-color: var(--primaryColor); display: flex; align-items: center;}
header .navigation .nav-menu{position: relative; display: flex; align-items: center; margin: auto 0; padding-right: 12px;}
header .navigation .nav-menu .nav-menu-item {position: relative; list-style: none; border-left: 1px solid rgb(255 255 255 / 80%);}
header .navigation .nav-menu .nav-menu-item a{font-size: 14px; padding: 2px 12px; color: rgb(255 255 255 / 80%); }
header .navigation .nav-menu .nav-menu-item.active a{color: #fff;}
header .navigation .nav-menu .nav-menu-item:hover a{color: var(--bodyBg); }
header .navigation .nav-menu .nav-menu-item:last-child {border-left: none; }

.header-top .share-container { text-align: center; border-radius: 7px; position: relative; background: #fff; border: 1px solid #eee; padding: 26px 0px; padding-bottom: 0; }
.header-top .share-header { font-size: 15px; padding: 0 14px; display: flex; gap: 5px; flex-direction: column; border-radius: 8px; }
.header-top .social-wrapper { text-align: center; display: flex; gap: 5px; align-items: center; justify-content: center; margin-top:16px}
.header-top .btn-share .btn-fb {color: #fff;background-color: #3b5998;border-color: rgba(0, 0, 0, .2);}
.header-top .btn-share .btn-tw { color: #fff; background-color: #309aea; border-color: rgba(0, 0, 0, .2); }
.header-top .btn-share .btn-wa { color: #fff; background-color: rgb(77, 208, 96); border-color: rgba(0, 0, 0, .2); }
.header-top .btn-share .btn-tg { color: #fff; background-color: #21a4dd; border-color: rgba(0, 0, 0, .2); }
.header-top .btn-share .social-share-btn { display: inline-flex; justify-content: center; align-items: center; font-size: 30.4; padding: 0; width: 35px; height: 35px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-radius: 50%; margin-bottom: -17px; }
.social-section{background: #f9f9f9; border: 1px solid #ddd;  border-radius: 8px; padding: 40px 20px; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .06); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.social-wrapper a {text-decoration: none;box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .06);border: 2px solid #fff;}
.social-wrapper a i{font-size: 16px;}
.social-share-btn:link, .social-share-btn:visited {color: #fff;}
/* ********|| HEADER ENDS ||******** */

/* ********|| BANNER START ||******** */

.banner{position: relative; width: 100%; height: 100%;}
.banner .banner-content{position: relative; width: 100%; height: 700px;}
.banner .banner-content::after {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)); }
.banner .banner-content .img-wrap {position: relative; width: 100%; height:  100vh; overflow: hidden;}
/* .banner .banner-content .img-wrap} */
.banner .banner-content .img-wrap img{width: 100%; height: 100%; object-fit: cover;}
.banner .banner-content .container{margin: 0 auto;}
.banner .banner-content .details-wrap{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; line-height: 1; text-align: center;}
.banner .banner-content .details-wrap .title{font-size: 40px; color: var(--bodyBg); line-height: 1.2; text-transform: capitalize; font-weight: bold;}
.banner .banner-content .details-wrap .title h2{margin: 0px; font-size: 50px; font-weight: bold;}
.banner .banner-content .details-wrap .title span{color: var(--primaryColor);}
.banner .banner-content .details-wrap .sub-title{font-size: 20px; color: var(--bodyBg); line-height: 1.6; margin-top: 20px;}
.social-section{display: flex; align-items: center; justify-content: space-between;}
.share-title p{font-weight: 600; margin-bottom: 0;}
/* ********|| BANNER ENDS ||******** */

/* ********|| ABOUT US START ||******** */

.section-about-us{position: relative; padding-top: 100px;}
.section-about-us .about-img-wrap{position: relative; display: flex; align-items: flex-start; width: 100%; gap: 12px;}
.section-about-us .about-img-wrap::after{position: absolute; content: ''; width: 300px; height: 150px; border-radius: 10px 10px 10px 10px; top: -3%; left: 8%; background-color: var(--primaryColor); z-index: -1;}
.section-about-us .about-img-wrap::before{position: absolute; content: ''; width: 300px; height: 150px; border-radius: 10px 10px 10px 10px; bottom: -3%; right: -2%; background-color: var(--primaryColor); z-index: -1;}
.section-about-us .about-img-wrap .img-wrap{position: relative; width: 90%;  height: 400px; border-radius: 10px; overflow: hidden;}

.about-img-wrap .img-wrap img{width: 100%; height: 100%; object-fit: cover;}
.section-about-us .about-img-wrap .about-img-style  {width: 50%; position: relative; display: flex;
  flex-direction: column; gap: 10px;}
.section-about-us .about-img-wrap .about-img-style .img-wrap{width: 100%; height: 195px; border-radius: 10px; overflow: hidden;}
.section-about-us .about-img-wrap .about-img-style img{width: 100%; height: 100%; overflow: hidden;}
.section-about-us .about-details{position: relative;;}
.about-details .title {margin-bottom: 30px; color: var(--secondaryColors);}
.about-details .title span{color: var(--primaryColor); font-weight: bold;}
.about-details .des{font-size: 16px; font-weight: 400; color : #5a5a5a;  line-height: 1.6; margin: 6px 0;}
.about-details .btn{ background-color: var(--secondaryColors);  font-weight: 500; width: 130px; height: 40px; display: flex; align-items: center; justify-content: center; margin-top: 24px;}
.about-details .btn a{color: var(--bodyBg); font-size: 16px; font-weight: 500;}
.about-details .btn:hover a{color: var(--primaryColor); background-color: transparent !important; }

/* ********|| MAIN START ||******** */
.section-bottom-padding{padding: 10px 0 60px 0 !important;}
.section-main{position: relative; padding: 20px 0; min-height: calc(100vh - 300px);}
.section-main .headline{position: relative; text-align: center;}
.section-main .headline .subheading{font-size: 18px; font-weight: 500; color: var(--primaryColor); line-height: 1.6;background-color: rgb(56 182 255 / 15%);padding: 9px 15px;text-align: right;border-radius: 10px;}
.section-main .headline .subheading p{margin-bottom: 0;}
.section-main .main-item {position: relative; border-radius: 10px; transition: all 0.3s ease-in-out; overflow: hidden;display: block; }
.section-main .main-item .images{position: relative; height: 120px; width: 100%; border-radius: 10px; border: 1px solid #eee; overflow: hidden;}
.section-main .main-item .images .img-wrap-alt{position: absolute; top: 0; left: 0; height: 125px; opacity: .8;z-index: -1; filter: blur(3px); overflow: hidden; border-radius: 20px;width:100%} 
.section-main .file-section{margin-bottom: 20px;}
.section-main .main-item .images .img-wrap-alt img{width: 100%; height: 100%; object-fit: cover;}
.section-main .main-item:hover{box-shadow: 0px 0px 10px 0px #bce6ff;}
.section-main .main-item:hover .img-wrap img{transform: scale(1.1);}


.section-main .main-item .img-wrap img{transition: all 0.3s ease-in-out;}
.section-main .main-item .img-wrap{position: relative; z-index: 1; width: 100%; height: 110px; overflow: hidden; }
.section-main.section-file .main-item .img-wrap{height: 94px;}
.section-main .main-item .img-wrap img{width: 100%; height: 100%; object-fit: contain;}


.section-main .main-item .main-item-details{background: #ffffff; padding: 0px 6px;  text-align: center; font-size: 16px; font-weight: 500; border-radius: 0 0 10px 10px; font-weight: 700; text-transform: uppercase; height: 50px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.section-main .main-item .main-item-details .title{font-size: 14px; margin-bottom: 0; color: var(--subTextColor); font-weight: 400; transition: all 0.3s ease-in-out; cursor: pointer; }
.section-main .main-item .main-item-details .title:hover{color: #337f36;}

.section-main .main-item .main-item-details .social-media .social-media-wrap {font-size: 16px;}
.social-media .social-media-wrap a i {width: 30px; height: 30px;}
.section-main .main-item .main-item-details .social-media{margin: 0 auto; margin-top: 14px;}
.section-main .related{position: relative; margin: 0 0 40px;}
.section-main .description{position: relative; margin: 0 0 40px;font-size: 14px; line-height: 1.4;}
.section-main .description h6{font-size: 14px;}
.section-main .mr-bottom{margin-bottom: 20px;}

/* ********|| MAIN END ||******** */

/* ********|| FILE START ||******** */

.section-file{position: relative;margin: 0;background-color: var(--bodyBg);padding: 20px 0;}
.section-file .main-item .main-item-details{position: relative;}
.section-file .main-item .img-wrap {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: no-repeat center top;background-size: contain;z-index: 2;}
.section-main.section-file .main-item:hover .img-wrap img{transform: scale(1);}
.section-main.section-file .main-item:hover .badge{opacity: 1;}
.section-main .main-item .badge{position: absolute;top: 0;left: 0;transform-origin: 50px 50px;display: block;width: 100px;padding: 5px 0;line-height: 1;font-size: 10px;color: #fff;text-align: center;opacity: .8;transform: rotate(-45deg);z-index: 3;transition: all 0.3s ease-in-out;}
.section-main .main-item:hover .badge{opacity: 1;}
.section-main .main-item .badge.badge-green{background-color: #4a83fa;}
.section-main .main-item .badge.badge-blue{background-color: #46c559;}
.section-main .main-item .badge.badge-pink{background-color: #d247f2;}
.section-main .main-item .badge.badge-purple{background-color: #8e34fd;}
.section-main .main-item .badge.badge-orange{background-color: #f87829;}
.section-main .main-item .badge.badge-red{background-color: #f82116;}
.section-main.section-file .file-container{position: relative;}
.section-main.section-file .file-object{position: relative;width: 100%;aspect-ratio: 1.5/1;display: flex;}
.section-main.section-file .file-object object{width: 100%;height: 100%;object-fit: contain;}
.section-main.section-file .file-object iframe{width: 100%;height: 100%;object-fit: contain; border: 0;}
.section-main.section-file .file-object > div{width: 100%;height: 100%;object-fit: contain;}
.section-main.section-file .file-options{display: flex;align-items: center;justify-content: center;margin: 30px 0 0;}
.section-main.section-file .file-options .file-item{padding: 4px;}
.section-main.section-file .file-options .file-item .btn-file{width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;border: 1px solid #e0e0e0;border-radius: 50%;background-color: #fff;color: #000; font-size: 24px;transition: all 0.3s ease;}
.section-main.section-file .file-options .file-item .btn-file.file-pdf{background-color: #8C0303;color: #fff;border-color: #8C0303;}
.section-main.section-file .file-options .file-item .btn-file.file-docx{background-color: #000080;color: #fff;border-color: #000080;}

.section-main .sharer { background: #f9f9f9; border: 1px solid #ddd; overflow: auto; border-radius: 8px; padding: 10px; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .06); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.section-main .sharer-title { font-weight: bold;font-size: 14px;}
.section-main .sharer-list { list-style: none; padding: 0; margin: 0; }
.section-main .sharer-list li { display: inline-block; margin-right: 5px; }
.section-main .sharer-list li a {display: flex;justify-content: center;align-items: center; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #ddd; color: #fff; border-radius: 50%; }
.section-main .sharer-list .facebook a { background: #3c589a; }
.section-main .sharer-list .twitter a { background: #55acee; }
.section-main .sharer-list .whatsapp a { background: rgb(77, 208, 96); }
.section-main .sharer-list .telegram a { background: #3da5f1; }


.breadcrumb .fbc-page .fbc-wrap .fbc-items{float: none;background-color: #fafafa;border: 1px solid #f0f0f0;border-radius: 0;display: flex;align-items: center;line-height: 1;padding: 0 10px;overflow: auto; white-space: nowrap;}
.breadcrumb .fbc-page .fbc-wrap .fbc-items > li{margin: 0 !important; padding: 10px 0 !important;display: flex; align-items: center;}
.breadcrumb .fbc-page .fbc-wrap .fbc-items > li a{color: #000; text-decoration: underline;font-size: 11px;}
.breadcrumb .fbc-page .fbc-wrap .fbc-items > li a:hover{color: var(--primaryColor); }
.breadcrumb .fbc-page .fbc-wrap .fbc-items > li .fbc-separator{color: #555;font-size: 20px;line-height: 1;padding:1px 0 3px;margin: 0 4px;}

.breadcrumb .fbc-page .fbc-wrap .fbc-items > li.active span{font-size: 11px;}

.custom-breadcrumb{display: flex;direction: rtl;overflow: auto;align-items: center;background-color: #fafafa;border: 1px solid #f0f0f0;border-radius: 0;line-height: 1;padding:10px 10px;min-height: 46px;overflow: auto; white-space: nowrap;}
.custom-breadcrumb .breadcrumb-item{color: #000;text-decoration: underline;font-size: 11px;display: inline-block;line-height: 1;font-family: "Roboto", sans-serif;}
.custom-breadcrumb .breadcrumb-item.active{text-decoration: none;}
.custom-breadcrumb .breadcrumb-separator{color: #555;font-size: 19px;line-height: 1;padding: 0 0 2px;margin: 0 4px;font-weight: 400;letter-spacing: 0.5px;font-family: "Roboto", sans-serif;}

/* ********|| FILE END ||******** */

/* ********|| ABOUT US ENDS ||******** */
/* ********|| CONTACT US STARTS ||******** */
.contact-form{margin-top:20px}
.contact-form form{direction: rtl;}
.contact-form .form-label{margin: 0 0 4px; font-size: 14px;}
.contact-form input, .contact-form textarea { resize: vertical; background: #f8f8f8; display: block; width: 100%; box-sizing: border-box; }
.contact-form .form-group input[type=submit] {background: #000000;border: 1px solid #000000;color: #fff;padding: 6px 20px;display: flex;align-items: center;width: auto;justify-content: center;border-radius: 3px;font-size: 14px;height: 36px;cursor: pointer;}
.contact-form .form-group input[type=submit]:hover { color: #000000; background: #fff; }
/* ********|| CONTACT US ENDS ||******** */

/* ********|| PRIVACY POLICY STARTS ||******** */
.desctiption-section .description{padding: 10px 0;font-size: 15px; line-height: 1.5;}
.desctiption-section .description h2{font-size: 18px;}
/* ********|| PRIVACY POLICY END ||******** */

/* ********|| FOOTER STARTS ||******** */

footer{padding: 10px 0;border-top: 1px solid #eee;margin: 40px 0 0;background: #f8f8f8;}
footer .foter-details{display: flex; align-items: center; justify-content: space-between; width: 100%; margin: 10px 0;}
footer .foter-details .footer-menu{list-style: none; display: flex; align-items: center; font-size: 14px;  gap: 20px; margin: 0; padding-right: 0;}
footer .foter-details .footer-menu a{color: var(--subTextColor); margin-bottom: 0;}
footer .foter-details .footer-menu a:hover{color: var(--primaryColor);}
footer .foter-details .footer-brand{width: 120px;}
footer .foter-details .footer-brand img{width: 100%; height: 100%; object-fit: contain;}
footer .foter-details .social-media{margin-left: 0; margin-right: 0; }
footer .copyright{font-size: 14px;}
/* ********|| FOOTER ENDS ||******** */
.pdfjs-fullscreen{display: none !important;}
/* ********|| MODAL STARTS ||******** */
/* ********|| MODAL ENDS ||******** */




/* ********|| RESPONSIVE STARTS ||******** */

@media screen and (max-width: 1600px) {
  
}
@media screen and (max-width: 1440px) {
  
}
@media screen and (max-width: 1366px) {
  
}
@media screen and (max-width: 1280px) {
	
}
@media screen and (max-width: 1024px) {
  
}
@media screen and (max-width: 990px) {
	
}
@media screen and (max-width: 990px) and (orientation: landscape){

}
@media screen and (max-width: 768px) {
	header .navigation{display: none;}
  header .header-top .header-wrap{flex-direction: column; align-items: stretch;}
  .header-wrap .brand{margin: 0 auto;}
  .social-media{margin-right: 0;}
  .school-list{width: 50%;}
  .container{padding: 0 28px;}
  footer .foter-details{flex-direction: column; gap: 8px;}
  .section-main.section-file .file-object{position: relative; width: auto; aspect-ratio: 1.5/2; display: flex; margin: 0 -30px;}
}
@media screen and (max-width: 768px)  and (orientation: landscape){

}
@media screen and (max-width: 600px) {

}
@media screen and (max-width: 480px) {
  
}
@media screen and (max-width: 360px) {

}
@media screen and (max-width: 320px) {

}
/* ********|| RESPONSIVE ENDS ||******** */