/* Font Link in css */

/*** General CSS ***/
body {
    background: var(--site-background-color);
    line-height: 1.9em;
}
h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
}
/*** Header Area ***/
/* Header Top */
#sp-top-bar {
    position: relative;
    z-index: 999;
    font-size: 15px;
}
.school_zone_name{
    font-size: 18px;
}
.logo-text-part {
    margin-left: 25px;
}
body:not(.home) #sp-top-bar {
  	border-bottom: 1px solid rgb(255 255 255 / 36%);
}
#sp-menu ul.social-icons a {
    color: #fff;
}
#modal-root input.js-finder-search-query.form-control{
    border-radius: 0;
    padding: 8px 56px;
    text-align: start;
}
/* Header Menu */
#sp-header {
    top: 0px;
    padding: 0px;
    height: inherit;
    box-shadow: none;
    z-index: 9999;
}
.multi-row-header #sp-header {
    height: auto;
}
#sp-header.header-sticky {
    position: fixed;
    top: 0;
}

body:not(.home) #sp-header.header-sticky {
    position: fixed;    
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    font-weight: 400 !important;
    padding: 10px 0;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    text-transform: capitalize;
    position: relative;
}
.sp-megamenu-parent>li.active>a {
    font-weight: 600;
}
.sp-megamenu-parent > li > span {
 	color: #fff;
}

/* Canvas Menu */
.offcanvas-menu .offcanvas-inner .menu-child > li a {
    padding: 12px 10px !important;
    border-bottom: 1px solid rgba(197, 153, 153, 0.21);
    display: inherit;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    font-size: 15px;
    font-weight: 500;
}
.burger-icon>span {
    background-color: #fff;
}
.offcanvas-menu > .align-items-center {
    background: #000;
}
.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background-color: #fff;
}

/*** Block Styles ***/
/* Button */
.btn {
    border-radius: 5px;
    letter-spacing: 1px;
    display: inline-block;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.btn.no-bg, .btn.no-bg:hover {
    background: transparent;
    border: 2px solid;
}

/* Slider */
.slider {
  	margin-top: -80px !important;
}

/* Feature */
.feature-item {
    border-radius: 10px;
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
    background: #fff;
}
.feature-item h3.sppb-addon-title {
    padding: 15px;
    margin-bottom: 0;
}

/* Counter */
.counter-item h1 {
    font-weight: 600;
    font-size: 80px;
}
.counter-item h5 {
	font-weight: 600;
}

/* Project */
.project-item .pull-left {
    width: 30%;
}

/* Pricing */
.pricing-column.center {
  	border-right: 2px solid #C5C4C4;
}

/* Blog */
.jmm-item .jmm-image.mod-article-image {
  	overflow: hidden;
  	margin: 0;
}
.jmm-image.mod-article-image img {
  	transform: scale(1);
  	-webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.jmm-item:hover .jmm-image.mod-article-image img {
  	transform: scale(1.12);
  	filter: grayscale(100%);
}
.jmm-text {
    padding: 20px;
    border-radius: 0px 0px 0px 0px;
    background: #f5f5f5;
}
.jm-category-module.default .jmm-text .jmm-title {
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 10px;
}
.jm-category-module.default .jmm-readmore {
	margin-top: 20px;
}

/* Contact Info */
.contact-info h2, .contact-info h3 {
    font-size: 25px;
}
button.btn.btn-primary.validate {
    padding: 13px 20px;
}
button.btn.btn-primary.validate:hover {
    color: #fff !important;
}
#sp-position1 {
	padding: 0;
}

/* Bottom */
#sp-bottom {
	overflow: hidden;
	position: relative;
	z-index: 1;
	box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
	line-height: 30px;
}
#sp-bottom p {
	line-height: 28px;
}
#sp-bottom .sp-module .sp-module-title {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 25px;
    padding-bottom: 0px;
    position: relative;
}
#sp-bottom span {
    padding-right: 10px;
}
#sp-bottom strong {
  	display: none;
}
#sp-bottom1 .social-links li {
    position: relative;
    display: inline-block !important;
    margin-right: 5px;
}
#sp-bottom1 .social-links li a {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    z-index: 1;
    background: #fff;
    color: #01358d;
    text-align: center;
    border-radius: 50%;
}
#sp-bottom1 strong {
    display: none;
}
#sp-bottom2 i {
    padding-right: 10px;
}
#sp-bottom .sp-module ul>li {
    margin-bottom: 10px !important;
    padding-bottom: 10px;
    border-bottom: 1px solid #ffffff38;
}

/* Footer Copyright */
#sp-footer {
    text-align: center;
}
#sp-footer {
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 1;
}
#sp-footer .container-inner {
    border-top: none;
}

/*** Responsive Layout ***/
/* Tablet Landscape Layout */
@media (min-width: 1400px) {
    .sppb-row-container {
      	max-width: 1320px;
    }
}
@media (max-width: 1280px) {
  	.feature .sppb-row-column:first-child {
    	width: 100% !important;
    	max-width: 100% !important;
    	flex-basis: 100% !important;
	}
  	.feature .sppb-row-column {
    	width: 33.33% !important;
    	max-width: 33.33% !important;
    	flex-basis: 33.33% !important;
	}
  	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    	font-size: 14px !important;
	}
}
/* Mobile Standard Layout */
@media (max-width: 910px) {
	#mid-bar-logo .logo a img {
        height: var(--logoMobileViewHeight);
        padding: 5px 0; 
    }
  	#sp-footer p {
  		text-align: center;
	}
  	body #sp-header {
      	padding: 0;
	}
  	.counter-item h1 {
		font-size: 50px;
	}
}

/* Mobile Small Resolution */
@media (max-width: 767px) {
  	.feature .sppb-row-column {
    	width: 100% !important;
    	max-width: 100% !important;
    	flex-basis: 100% !important;
	}
}
@media (max-width: 480px) {
  	.social-wrap {
    	display: none !important;
	}
}

/* General color defination
Color value depend on preset color that picking on template settings > Presets
*/

:root {
  --background-color: currentColor;
  --background: currentColor;
  --text-color: currentColor;
}
.page-item.active .page-link, .slider-item .sppb-btn-success, .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover, 
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay, .btn {
 	background-color: var(--background-color);
}
.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .article-header h2 a:hover,
.slider-item h3, .feature-item h3, .services-item h3, .counter-item h1 {
  	color: var(--text-color);
}


a{
    padding: 0;
    margin: 0;
}
.social-icons.icon-style-1 {
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
    height: 100%;
}
.social-icons.icon-style-1 .social-icon{
    width: 30px;
    height: 30px;
    font-size: 18px;
    margin-right: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.social-icons.icon-style-2 {
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
    height: 100%;
}
.social-icons.icon-style-2 .social-icon{
    width: 30px;
    height: 30px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: .3s;
    border: 1px solid var(--color-secondary);
}
.social-icons.icon-style-2 .social-icon:last-child{
    margin: 0;
}
.social-icons.icon-style-3 {
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
    height: 100%;
}
.social-icons.icon-style-3 .social-icon:last-child{
    margin: 0;
}
.social-icons.icon-style-3 .social-icon{
    width: 30px;
    height: 30px;
    margin-right: 12px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: .3s;
}
.social-icons.icon-style-3 .social-icon-facebook a{
    color: #2374e1;
}
.social-icons.icon-style-3 .social-icon-twitter a{
    color: #00acee;
}
.social-icons.icon-style-3 .social-icon-youtube a{
    color: #CD201F;
}

.social-icons.icon-style-4 {
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
    height: 100%;
}
.social-icons.icon-style-4 .social-icon:last-child{
    margin: 0;
}
.social-icons.icon-style-4 .social-icon{
    width: 30px;
    height: 30px;
    margin-right: 12px;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: .3s;
}
.social-icons.icon-style-4 .social-icon-facebook a{
    color: #ffffff;
}
.social-icons.icon-style-4 .social-icon-twitter a{
    color: #ffffff;
}
.social-icons.icon-style-4 .social-icon-youtube a{
    color: #ffffff;
}

div#sp-top2 {
    display: flex;
    align-items: center;
    justify-content: end;
}
.topbar-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    top: 4px;
}
.sp-contact-info li{
    margin-left: 18px;
}
.mobile-logo .logo{
    display: flex;
    align-items: center;
}
.mobile-logo .logo a:last-child{
    font-size: 18px;
}
.top-part {
    padding: 16px;
}
.top-bar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top-bar .container .top-right {
    display: flex;
    align-items: center;
}
.container-top-mob-menu .social-icons.icon-style-2 .social-icon {
    width: 25px;
    height: 25px;
    margin-top: 7px;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: .3s;
}
.logo-multi-rows .logo{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
}
#multirow-header ul ul li:hover>a{
    background:var(--color-tertiary);
    color:var(--color-primary);
}
/* navigation Style 1 */
#multirow-header ul.site-megamenu-parent{
    list-style: none;
    padding: 0;
    margin: 0 -15px;
    z-index: 99;
    display: block;
    position: relative;
}
#multirow-header ul.site-megamenu-parent li{
    display: inline-block;
    position: relative;
    padding: 0;
}
#multirow-header .child-item{
    visibility: hidden;
    transition: .3s;
    opacity: 0;
}
#multirow-header .site-menu-item.sp-has-child:hover.site-menu-item.sp-has-child > .sp-dropdown-items{
    visibility: visible;
    opacity: 1;
    top: 52px;
}
#multirow-header .site-menu-item.sp-has-child:hover.site-menu-item.sp-has-child > .sp-dropdown-items

#multirow-header  ul.site-megamenu-parent li a{
    border-right: 1px solid #000000;
}
#multirow-header  ul.child-item li a{
    border-right: 0;
    border-bottom: 1px solid #000000;
}
#multirow-header ul.child-item li:last-child a{
    border-bottom: 0;
}
#multirow-header ul.site-megamenu-parent li a{
    padding: 9px 17px;
    display: block;
}
#multirow-header ul.site-megamenu-parent li:last-child a{
    border: 0;
}
#mid-bar-logo .logo{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
}
select:not([multiple]){
    height: 37px !important;
}
#multirow-header ul.sp-dropdown-items.child-item {
    margin: 0;
    padding: 0;
}
#multirow-header .sp-dropdown.sp-dropdown-main.sp-menu-right {
    position: absolute;
    width: 140px;
}
#multirow-header ul.sp-dropdown-items.child-item li {
    min-width: 250px;
}
#multirow-header .site-megamenu-parent  .sp-has-child > a:after{
    content: "\f0d7";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: relative;
    left: 7px;
     
}
#multirow-header ul.sp-dropdown-items.child-item {
    position: absolute;
}
#multirow-header .site-megamenu-parent  .sp-has-child .child-item .sp-has-child >a:after{
    content: "\f0da";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: relative;
    left: 7px;
}
#multirow-header .sp-has-child .child-item .sp-has-child .child-item{
    position: absolute;
    left: 100%;
    top: 0;
}
#multirow-header ul.site-megamenu-parent li.active>a{
    background: var(--color-tertiary);
    color: var(--color-primary);
}
#multirow-header ul.site-megamenu-parent li a {
    color: var(--color-secondary);
}
#multirow-header ul.sp-dropdown-items.child-item li {
    background-color: var(--color-primary);
}
#multirow-header li.site-menu-item ul li:hover ul{
    top: 0 !important;
}
.logo a img{
    height: var(--logoPcViewHeight);
}
div#sp-logo {
    padding: 0 15px;
}
.mob-menu {
    display: none;
}
form.mod-finder.js-finder-searchform.form-search {
    margin: 0;
}
/* Header Meunu Common */
#sp-header .logo{
    height: 81px;
    display: inline-flex;
    margin: 0;
    align-items: center;
    width: 81px;
    margin: 11px 0;
}
.def-header a img{
    width: 100% !important;
    height: 100% !important;
}
.def-header ul.site-megamenu-parent{
    display: table;
    margin: 0;
    list-style: none;
    text-align: right;
}
.def-header ul.site-megamenu-parent ul li ul::before{
    content: "\f0d9";
    position: absolute;
    left: 2px;
    top: 4px;
    color: var(--color-primary-foreign);
    font-size: 35px;
    display: block;
    font-family: "FontAwesome";
    margin-left: 5px;
}
.def-header ul.site-megamenu-parent ul li a:hover{
    color: var(--color-tertiary);
}
.def-header ul.site-megamenu-parent ul>li.sp-has-child>a{
    display: flex;
    align-items: center;
}
.def-header ul.site-megamenu-parent ul>li.sp-has-child>a::after{
    content: "\f0da";
    left: 0;
    top: 12px;
    display: block;
    font-family: "FontAwesome";
    margin-left: 5px;
}
.def-header ul.site-megamenu-parent ul>li:first-child>a{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.def-header ul.site-megamenu-parent ul>li:last-child>a{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.def-header ul.site-megamenu-parent>li>ul.sp-dropdown-items:before{
    content: "\f0d8";
    position: absolute;
    left: 92px;
    top: -12px;
    color: var(--color-primary-foreign);
    font-size: 35px;
    display: block;
    font-family: "FontAwesome";
    margin-left: 5px;
}
.def-header ul.site-megamenu-parent li{
    margin: 0;
    background: none;
    position: relative;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    padding: 0;
}
.def-header ul.site-megamenu-parent>li.sp-has-child>a::after{
    content: "\f0d7";
    left: 0;
    top: 12px;
    display: block;
    font-family: "FontAwesome";
    margin-left: 5px;
}
.def-header ul.site-megamenu-parent li a{
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #fff;
    padding: 0 10px;
}
.def-header ul.site-megamenu-parent li ul {
    display: flex;
    align-items: start;
    justify-content: start;
    flex-direction: column;
    position: absolute;
    left: -999em;
    margin: 0;
    padding: 5px 20px 20px 15px;
    background: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.def-header ul.site-megamenu-parent>li:hover>a, ul.site-megamenu-parent>li>a:hover {
    color: var(--color-tertiary);
    text-decoration: none;
}
.def-header ul.site-megamenu-parent>li>ul {
    margin-top: -3px !important;
}
.def-header ul.site-megamenu-parent li ul {
    position: absolute;
    left: -999em;
    margin: 0;
    padding: 5px 20px 20px 15px;
    background: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.def-header ul.site-megamenu-parent li:hover ul {
    left: auto;
    margin-left: -20px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.def-header ul.site-megamenu-parent li li {
    float: none;
    display: block;
    padding: 0;
    height: auto;
    line-height: 35px;
    min-width: 200px;
}
.def-header ul.site-megamenu-parent li li a {
    background: var(--color-primary-foreign);
    height: 39px !important;
    line-height: 28px !important;
    padding: 6px 12px;
    min-width: 170px;
    float: none;
    top: auto;
    display: block;
    position: static;
    text-align: left;
    text-decoration: none;
    font-size: 14px;
    text-transform: none;
    border-bottom: 1px solid var(--color-primary-transperant);
}
.def-header ul.site-megamenu-parent li:hover ul ul {
    left: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.def-header ul.site-megamenu-parent ul ul {
    z-index: 505;
    padding-top: 0;
}
.def-header ul.site-megamenu-parent ul li:hover ul {
    left: 107%;
    top: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.breadcrumb-item.active {
    color: var(--color-primary-transperant) !important;
    cursor: no-drop;
}
/** Header Style trasparent **/
header#sp-header-trasparent {
    top: -10px;
    width: 100%;
    left: 0px;
    position: absolute !important;
    z-index: 9;
}
#sp-header-trasparent .top-row{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 36px 0 0 0;
}
#sp-header-trasparent nav ul{
    display: table !important;
    margin: 0;
    list-style: none;
}
#sp-header-trasparent nav>ul>li{
    margin: 0 10px !important;
}
#sp-header-trasparent nav>ul>li>a{
    padding: 0 !important;
}
#sp-header-trasparent nav ul>li{
    margin: 0;
    background: none;
    position: relative;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    padding: 0;
}
#sp-header-trasparent nav ul li.sp-has-child>a:after{
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0dd";
    position: relative;
    margin-left: 8px;
}
#sp-header-trasparent nav>ul>li.active::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--color-tertiary);
}
#sp-header-trasparent nav ul li a{
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    display: block;
    text-align: center;
    font-size: 16px;
    color: var(--color-secondary);
    text-transform: uppercase;
    position: relative;
    padding: 0 15px;
    display: flex;
    align-items: center;
}
#sp-header-trasparent nav ul li ul{
    position: absolute;
    left: -999em;
    margin: 0;
    padding: 0 20px 20px;
    background: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 999;
}
#sp-header-trasparent nav ul li:hover>ul{
    margin-left: 0;
}
#sp-header-trasparent nav ul li:hover ul {
    left: auto;
    margin-left: -20px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#sp-header-trasparent nav ul li li {
    float: none;
    display: block;
    padding: 0;
    height: auto;
    line-height: 35px;
}
#sp-header-trasparent nav ul li li a {
    background: var(--color-tertiary);
    color: var(--color-primary);
    height: 39px;
    line-height: 28px;
    padding: 6px 12px;
    min-width: 170px;
    float: none;
    top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: static;
    text-align: left;
    text-decoration: none;
    font-size: 15px;
    text-transform: none;
    text-transform: capitalize;
}
#sp-header-trasparent nav ul li li:hover>a, #sp-header-trasparent nav ul li li a:hover{
    background: var(--color-tertiary-darker);
}
#sp-header-trasparent nav ul li:hover ul ul {
    left: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#sp-header-trasparent nav ul li li.sp-has-child>a:after{
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0da";
    position: relative;
}
#sp-header-trasparent nav ul ul li:hover ul {
    left: 100%;
    top: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#sp-header-trasparent .container-custom{
    margin: 0 80px 0 80px;
}
#sp-header-trasparent .gradient-color-bar{
    background: linear-gradient(180deg, var(--color-primary-darker) 17%, transparent);
}
#sp-header-trasparent .bottom-row .left-logo .logo{
    display: flex;
    align-items: center;
}
#sp-header-trasparent .bottom-row .left-logo .logo a:nth-child(2){
    color:var(--color-secondary);
}
#sp-header-trasparent .bottom-row {
    display: flex;
    justify-content: space-between;
}
#sp-header-trasparent .right-sosical-icons {
    display: flex;
    align-items: start;
    position: relative;
    top: 25px;
}
.search-popup-btt i{
    color: #ffffff;
    font-size: 25px;
    margin: 0 8px;
    cursor: pointer;
}
#sp-header-trasparent .social-icons.icon-style-4 {
    display: flex;
    align-items: start;
    width: 100%;
    height: 100%;
}
/*header transparent 2 style*/
header#sp-header-trasparent-style-2 {
    top: -10px;
    width: 100%;
    left: 0px;
    position: absolute !important;
    z-index: 9;
}
#sp-header-trasparent-style-2 .top-row{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 0 0 0;
}
#sp-header-trasparent-style-2 nav ul{
    display: table !important;
    margin: 0;
    list-style: none;
}
#sp-header-trasparent-style-2 .top-left {
    position: relative;
    left: 70px;
}
#sp-header-trasparent-style-2 nav>ul>li{
    margin: 0 10px !important;
}
#sp-header-trasparent-style-2 nav>ul>li>a{
    padding: 0 !important;
}
#sp-header-trasparent-style-2 nav ul>li{
    margin: 0;
    background: none;
    position: relative;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    padding: 0;
}
#sp-header-trasparent-style-2 nav ul li.sp-has-child>a:after{
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0dd";
    position: relative;
    margin-left: 8px;
}
#sp-header-trasparent-style-2 nav>ul>li.active::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--color-tertiary);
}
#sp-header-trasparent-style-2 nav ul li a{
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    display: block;
    text-align: center;
    font-size: 16px;
    color: var(--color-secondary);
    text-transform: uppercase;
    position: relative;
    padding: 0 15px;
    display: flex;
    align-items: center;
}
#sp-header-trasparent-style-2 nav ul li ul{
    position: absolute;
    left: -999em;
    margin: 0;
    padding: 0 20px 20px;
    background: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 999;
}
#sp-header-trasparent-style-2 nav ul li:hover>ul{
    margin-left: 0;
}
#sp-header-trasparent-style-2 nav ul li:hover ul {
    left: auto;
    margin-left: -20px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#sp-header-trasparent-style-2 nav ul li li {
    float: none;
    display: block;
    padding: 0;
    height: auto;
    line-height: 35px;
}
#sp-header-trasparent-style-2 nav ul li li a {
    background: var(--color-tertiary);
    color: var(--color-primary);
    height: 39px;
    line-height: 28px;
    padding: 6px 12px;
    min-width: 170px;
    float: none;
    top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: static;
    text-align: left;
    text-decoration: none;
    font-size: 15px;
    text-transform: none;
    text-transform: capitalize;
}
#sp-header-trasparent-style-2 nav ul li li:hover>a, #sp-header-trasparent-style-2 nav ul li li a:hover{
    background: var(--color-tertiary-darker);
}
#sp-header-trasparent-style-2 nav ul li:hover ul ul {
    left: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#sp-header-trasparent-style-2 nav ul li li.sp-has-child>a:after{
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0da";
    position: relative;
}
#sp-header-trasparent-style-2 nav ul ul li:hover ul {
    left: 100%;
    top: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#sp-header-trasparent-style-2 .container-custom{
    margin: 0 80px 0 80px;
}
#sp-header-trasparent-style-2 .gradient-color-bar{
    background: linear-gradient(180deg, var(--color-primary-darker) 17%, transparent);
}
#sp-header-trasparent .bottom-row .left-logo .logo{
    display: flex;
    align-items: center;
}
#sp-header-trasparent-style-2 .bottom-row .left-logo .logo a:nth-child(2){
    color:var(--color-secondary);
}
#sp-header-trasparent-style-2 .bottom-row {
    display: flex;
    justify-content: center;
}
#sp-header-trasparent-style-2 .right-sosical-icons {
    display: flex;
    position: relative;
    justify-content:center;
}
#sp-header-trasparent-style-2 .bottom-row .left-logo .logo {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#sp-header-trasparent-style-2 .bottom-row .left-logo .logo a{
    margin-top: 20px;
}
#sp-header-trasparent-style-2 .bottom-row .left-logo .logo a img{
    width:var(--logoPcViewHeight);
    height:var(--logoPcViewHeight);
}
#sp-header-trasparent-style-2 .bottom-row .left-logo .logo .logo-text-part {
    text-align:center;
    margin:0;
    position:relative;
    top:-18px;
}
#sp-header-trasparent-style-2 .bottom-row .left-logo .logo .search-popup-btt i{
    color: #ffffff;
    font-size: 25px;
    margin: 0 8px;
    cursor: pointer;
}
 #sp-header-trasparent-style-2 .offcanvas-menu .offcanvas-inner .mt-5 .mt-4 .social-icons.icon-style-4{
    display: none;
}
 #sp-header-trasparent-style-2 .social-icons.icon-style-4 {
    display: flex;
    align-items: start;
    width: 100%;
    height: 100%;
}
/*Header Style Minimal 03*/
#minimal-header-style-3 .header-top-row-minimal{
    height:50px; 
    width: 100%;
    background: #000000;
    display: flex;
    align-items: center;
    justify-content:end;
}
#minimal-header-style-3 .logo a {
    font-size: 24px;
    line-height: 1;
    margin: 0;
    padding: 0;
    color: #ffffff;
}
#minimal-header-style-3 #sp-header .logo{
    width: auto !important;
}
#minimal-header-style-3 .social-icons.icon-style-4{
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
    height: 100%;
}
.stiky{
    position: fixed !important;
    top: 103px;
    left: 0;
    z-index: 9999999999999999999;
    width: 100%;
    background: #ffffff;
    animation: spFadeInDown 0.5s;
}
#minimal-header-style-3 ul{
    display: table;
    list-style: none;
    text-align: right;
    margin: 0;
    padding: 0;
}
#minimal-header-style-3 ul li {
    margin: 0;
    background: none;
    position: relative;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    padding: 0;
}
#minimal-header-style-3 ul>ul{
    margin-top:-5px;
}
#minimal-header-style-3 ul>li:hover>a, #minimal-header-style-3 ul>li>a:hover {
    color: var(--color-tertiary);
    text-decoration: none;
}
#minimal-header-style-3 ul li ul {
    position: absolute;
    left: -999em;
    margin: 0;
    z-index:99999;
    padding: 5px 20px 20px 15px;
    background: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#minimal-header-style-3 ul li:hover ul {
    left: auto;
    margin-left: -20px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#minimal-header-style-3 ul li {
    margin: 0;
    background: none;
    position: relative;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    padding: 0;
}
#minimal-header-style-3 ul li li {
    float: none;
    display: block;
    padding: 0;
    height: auto;
    line-height: 35px;
}
#minimal-header-style-3 ul li a {
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #000000;
    padding: 0 10px;
    text-transform: uppercase;
}
#minimal-header-style-3 ul li li a {
    background: var(--color-secondary);
    height: 39px !important;
    line-height: 28px !important;
    padding: 6px 12px;
    min-width: 170px;
    float: none;
    top: auto;
    display: block;
    position: static;
    text-align: left;
    text-decoration: none;
    font-size: 15px;
    text-transform: none;
}
#minimal-header-style-3 ul li {
    margin: 0;
    background: none;
    position: relative;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    padding: 0;
}
#minimal-header-style-3 ul>li.active>a{
    color:var(--color-tertiary);
    font-weight:500;
}
#minimal-header-style-3 ul li li {
    float: none;
    display: block;
    padding: 0;
    height: auto;
    line-height: 35px;
}
#minimal-header-style-3 ul li a {
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
    font-size: 16px;
    color:  var(--site-text-color);
    font-weight: 400;
    padding: 0 10px;
    text-transform: uppercase;
}
#minimal-header-style-3 ul li ul li a{
    color:var(--color-secondary);
}
#minimal-header-style-3 ul li li a {
    background: var(--color-primary);
    height: 39px !important;
    line-height: 28px !important;
    padding: 6px 12px;
    min-width: 170px;
    float: none;
    top: auto;
    display: block;
    position: static;
    text-align: left;
    text-decoration: none;
    font-size: 15px;
    text-transform: none;
}
#minimal-header-style-3 ul ul ul {
    z-index: 505;
    padding-top: 0;
}
#minimal-header-style-3 ul li:hover ul {
    left: auto;
    margin-left: -20px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#minimal-header-style-3 ul li:hover ul ul {
    left: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#minimal-header-style-3 ul li {
    margin: 0;
    background: none;
    position: relative;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    padding: 0;
}
#minimal-header-style-3 ul li li {
    float: none;
    display: block;
    padding: 0;
    height: auto;
    line-height: 35px;
}
#minimal-header-style-3 ul ul li:hover ul {
    left: 100%;
    top: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#minimal-header-style-3 .bottom-row-minimal-nav #offcanvas-toggler {
    display: none !important;
}
#minimal-header-style-3 .bottom-row-minimal-nav{
    display:flex;
    align-items:center;
    justify-content:start;
}
#minimal-header-style-3 ul>li>ul{
    margin-top:-5px;
}
#minimal-header-style-3 ul>li>ul>li>ul{
    margin-top:0;
}
/*Creative Header Module*/
#creative-header nav ul{
    display: table;
    list-style: none;
    text-align: right;
    margin: 0;
    padding: 0;
}
#creative-header nav ul li {
    margin: 0;
    background: none;
    position: relative;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    padding: 0;
}
#creative-header nav ul>ul{
    margin-top:-5px;
}
#creative-header nav ul>li:hover>a, #minimal-header-style-3 ul>li>a:hover {
    color: var(--color-tertiary);
    text-decoration: none;
}
#creative-header nav ul li ul {
    position: absolute;
    left: -999em;
    margin: 0;
    z-index:99999;
    padding: 5px 20px 20px 15px;
    background: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#creative-header nav ul li:hover ul {
    left: auto;
    margin-left: -20px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#creative-header nav ul li {
    margin: 0;
    background: none;
    position: relative;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    padding: 0;
}
#creative-header nav ul li li {
    float: none;
    display: block;
    padding: 0;
    height: auto;
    line-height: 35px;
}
#creative-header nav ul li a {
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #000000;
    padding: 0 10px;
    text-transform: uppercase;
}
#creative-header nav ul li li a {
    background: var(--color-secondary);
    height: 39px !important;
    line-height: 28px !important;
    padding: 6px 12px;
    min-width: 170px;
    float: none;
    top: auto;
    display: block;
    position: static;
    text-align: left;
    text-decoration: none;
    font-size: 15px;
    text-transform: none;
}
#creative-header nav ul li {
    margin: 0;
    background: none;
    position: relative;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    padding: 0;
}
#creative-header nav ul>li.active>a{
    color:var(--color-tertiary);
    font-weight:500;
}
#creative-header nav ul li li {
    float: none;
    display: block;
    padding: 0;
    height: auto;
    line-height: 35px;
}
#creative-header nav ul li a {
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
    font-size: 16px;
    color:  var(--color-secondary);
    font-weight: 400;
    padding: 0 10px;
    text-transform: uppercase;
}
#creative-header nav ul li.sp-has-child a{
    display:flex;
    align-items:center;
}
#creative-header nav ul>li.sp-has-child>a:after{
    content: "\f107";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: relative;
    left: 7px;
}
#creative-header nav ul li ul li a{
    color:var(--color-secondary);
}
#creative-header nav ul ul li.sp-has-child>a:after{
    content: "\f105";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: relative;
    left: 7px;
}
#creative-header nav ul li li a {
    background: var(--color-primary);
    height: 39px !important;
    line-height: 28px !important;
    padding: 6px 12px;
    min-width: 170px;
    float: none;
    top: auto;
    display: block;
    position: static;
    text-align: left;
    text-decoration: none;
    font-size: 15px;
    text-transform: none;
    border-bottom: 1px solid var(--color-secondary-transperant);
}
#creative-header nav ul ul ul {
    z-index: 505;
    padding-top: 0;
}
#creative-header nav ul li:hover ul {
    left: auto;
    margin-left: -20px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#creative-header nav ul li:hover ul ul {
    left: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#creative-header nav ul li {
    margin: 0;
    background: none;
    position: relative;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    padding: 15px 0;
}
#creative-header nav ul li li {
    float: none;
    display: block;
    padding: 0;
    height: auto;
    line-height: 35px;
}
#creative-header nav ul ul li:hover ul {
    left: 100%;
    top: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#creative-header nav ul .bottom-row-minimal-nav #offcanvas-toggler {
    display: none !important;
}
#creative-header nav ul .bottom-row-minimal-nav{
    display:flex;
    align-items:center;
    justify-content:start;
}
#creative-header nav ul>li>ul{
    margin-top: 9px;
}
#creative-header nav ul>li>ul>li>ul{
    margin-top:0;
}
#creative-header .left-logo-squre .logo a:last-child {
    display: none;
}
#creative-header .inner-header-wrapper{
    position:relative;
}
#creative-header .inner-header-wrapper .leftmenu {
    background: var(--color-primary);
}
#creative-header .inner-header-wrapper .left-logo-squre img.logo-image {
    width:130px;
    height:130px;
}
#creative-header .inner-header-wrapper .left-logo-squre {
    width: 153px;
    float: left;
    left: -146px;
    top: 0px;
    position: absolute;
    display: flex;
    z-index: 99991;
    height: 159px;
    background: var(--color-tertiary);
    align-items: center;
    justify-content: center;
}
#creative-header .sosial-and-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
}
#creative-header .left-menu-side {
    background: var(--color-primary);
}
#creative-header .right-social-media .bottom-bar .social-icons.icon-style-4{
    height: auto;
}
#creative-header .bottom-bar .logo a:first-child{
    display:none;
}
#creative-header  .bottom-bar .logo .logo_text .school_zone_name{
    display: none;
}
#creative-header .bottom-bar {
    background: var(--color-tertiary-transperant);
    position: absolute;
    bottom: -61px;
    left: 0;
    width: 100%;
    z-index: 9999;
    padding: 8px 0;
}
#creative-header  .bottom-bar .logo .logo_text h2{
    font-size: 33px;
    color: var(--color-secondary);
    text-shadow: 0 3px 5px #000000de;
    padding: 3px 0;
    margin: 0 0 0 144px;
}
/*header-style-full-width-center*/
#sp-header.full-width-center{
    top: 0px;
    padding: 0 55px;
    height: inherit;
    box-shadow: none;
    z-index: 9999;
    border-bottom: 10px solid var(--color-tertiary);
}
.right-social-media .social-icons.icon-style-4{
    width: 100%;
    height: unset;
    margin: 0 0 0 45px;
}
.offcanvas-overlay{
    position: fixed;
}
.search-popup-bg{
    background: #000204e8;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99991;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    cursor: none;
    overflow: hidden;
}
.search-popup-bg.active-popup{
    opacity: 1;
    visibility: visible;
}

.close-popup{
    width: 35px;
    height: 35px;
    color: #ffffff;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 47px;
    right: 50px;
    z-index: 1;
}
.cursor {
    pointer-events: none;
  }
.cursor .close-popup{
    position: fixed;
    top: 0;
    left: 0;
    mix-blend-mode: difference;
    z-index: -1;
}
.cursor__ball circle {
    fill: #f7f8fa;
  }
  .cursor__ball {
    position: fixed;
    top: 0;
    left: 0;
    mix-blend-mode: difference;
    z-index: 1000;
  }
  .container-popup .sp-module{
    z-index: 99999;
    position: relative;
    width: fit-content;
  }
  .site-readmore-button button{
    background: var(--color-primary);
    border: 1px solid #ffffff;
    width: 180px;
    height: 60px;
    font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    letter-spacing: normal;
    transition: .3s;
  }
  .site-readmore-button button:before{
    content: '';
    position: absolute;
    width: 47%;
    transform: rotate(-45deg);
    height: 1px;
    background: var(--color-secondary);
    top: 28px;
    left: -40px;
    transition: .3s;
  }
  .site-readmore-button button:after{
    content: '';
    position: absolute;
    width: 47%;
    transform: rotate(-45deg);
    height: 1px;
    background: var(--color-secondary);
    top: 28px;
    right: -40px;
    transition: .3s;
  }
  .site-readmore-button button:hover:before{
    left: -200px;
  }
  .site-readmore-button button:hover:after{
    right: -200px;
  }
  .site-readmore-button button:hover{
    letter-spacing: .05em;
  }
  .offcanvas-menu.center-alignment .offcanvas-inner {
    background: var(--site-background-color);
  }
  .sp-scroll-up {
    display: none;
    position: fixed;
    bottom: 65px;
    right: 30px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #fff;
    background: var(--color-primary-transperant);
    border-radius: 100%;
    z-index: 1000;
    border: 1px solid var(--color-secondary);
    transition: 0.3s;
}
/* site unic css codes  */
::selection {
    color: #fff;
    background: var(--color-tertiary-darker);
}
/* width */
::-webkit-scrollbar {
    width: 12px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: var(--color-primary-darker);
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: var(--color-tertiary);
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: var(--color-tertiary-darker);
  }
/* subpages css part */
/* side bar style 01 */
.left-site-bar-inner.style-1{
    border: 3px solid var(--color-tertiary);
    height: 95%;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    margin-bottom: 15px;
    position: relative;
}
.left-site-bar-inner.style-1 .sidebar-header-wc {
    font-size: 20px;
    color: var(--color-primary);
    font-weight: 600;
    padding: 34px 34px;
}
.left-site-bar-inner.style-1 .menu{
    list-style: none;
}
.left-site-bar-inner.style-1 .menu {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
}
.left-site-bar-inner.style-1 .menu li a{
    width: 100%;
    display: block;
    padding: 8px 40px;
}

.left-site-bar-inner.style-1 .menu li{
    margin: 0;
}
.left-site-bar-inner.style-1 .menu li a{
    border-bottom: 1px solid var(--color-primary);
    font-size: 18px;
    text-transform: capitalize;
    color: var(--color-primary);
    transition: ease-in-out .3s;
}
.left-site-bar-inner.style-1 .menu li a:hover{
    background: var(--color-tertiary-transperant);
}
.left-site-bar-inner.style-1 .menu li.current a{
    margin: 0;
    background: var(--color-tertiary-transperant);
    border:  1px solid transparent;
}
ol.breadcrumb li a{
    font-size: 19px;
}
ol.breadcrumb {
    background: var(--color-primary-more-transparent);
    margin: 0 0 29px 0;
    padding: 10px 20px;
    border-radius: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
ol.breadcrumb .float-start{
    display: none;
}
.article-details.article-heading-wc .page-header{
    color: var(--color-primary);
    font-size: 18px;
    user-select: none;
    text-transform: capitalize;
}
.wc-schooler-content .article-details{
    margin: 0 0 0 15px;
    min-height: 625px;
}
.wc-schooler-content p{
    margin: 0;
    padding: 0;
}
.wc-schooler-content .article-details img {
    user-select: none;
    margin-right: 25px;
    object-fit: cover;
}
.table tbody tr td.profile_width_3 .profile-image{
    width: 100%;
    height: 100%;
}
.table tbody tr td.profile_width_3 .profile-image img{
    width: 100%;
    height: 125px;
}
.left-site-bar-inner.style-2{
    position: relative;
    border: 3px solid var(--color-tertiary);
    height: 93%;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    background: var(--color-primary);
    margin-bottom: 15px;
}
.left-site-bar-inner.style-2 .sidebar-header-wc {
    font-size: 20px;
    color: var(--color-secondary);
    font-weight: 600;
    padding: 34px 34px;
    user-select: none;
}
.left-site-bar-inner.style-2 .menu{
    list-style: none;
}
.left-site-bar-inner.style-2 .menu {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
}
.left-site-bar-inner.style-2 .menu li a{
    width: 100%;
    display: block;
    padding: 8px 40px;
}
.left-site-bar-inner.style-2 .sp-module {
    position: sticky;
    top: 100px;
}
.left-site-bar-inner.style-1 .sp-module {
    position: sticky;
    top: 100px;
}
.left-site-bar-inner.style-2 .menu li{
    margin: 0;
}
.left-site-bar-inner.style-2 .menu li a{
    border-bottom: 1px solid var(--color-secondary-transperant);
    font-size: 18px;
    text-transform: capitalize;
    color: var(--color-secondary);
    transition: ease-in-out .3s;
}
.left-site-bar-inner.style-2 .menu li a:hover{
    background: var(--color-secondary-transperant);
}
.left-site-bar-inner.style-2 .menu li.current a{
    margin: 0;
    background: var(--color-secondary-transperant);
    border:  1px solid transparent;
}
#sp-page-title{
    display: none;
}
.article-heading-wc-center-align .page-header h1{
    text-align: center;
    color: var(--color-primary);
    text-transform: capitalize;
}
.uniform-page h3{
    color: var(--color-primary);
    margin: 15px 0;
    border: 0 !important;
    font-size: 23px;
}
.uniform-page .content-block ul{
    list-style-type: none;
    counter-reset: list-counter;
}
.uniform-page .content-block ul>li{
    position: relative;
    cursor: context-menu;
}
.uniform-page .content-block ul>li:before{
    content: counter(list-counter);
    counter-increment: list-counter;
    position: absolute;
    background: var(--color-primary);
    font-size: 20px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px !important;
    color: #fff;
    font-weight: 500;
    border-radius: 5px;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
}
.content-block {
    display: flex;
    align-items: center;
}
.uniform-page .content-block ul li:nth-child(odd) {
    background: #eeeeee;
    border-radius: 3px;
}
.uniform-page .content-block ul li {
    position: relative;
    margin-bottom: 0;
    padding: 10px 30px 10px 50px;
}
.uniform-page .content-block img{
    max-width: 350px;
}
.rules-page .article-details ul li:before{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
    width: 40px;
    height: 40px;
    content: '\f058';
    font-size: 20px;
    font-family: FontAwesome;
    font-weight: lighter;
    line-height: 40px;
    text-align: center;
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: 50%;
}
.rules-page .article-details ul li {
    position: relative;
    padding: 15px 15px 15px 40px;
}
.rules-page .article-details ul{
    list-style: none;
}
.rules-page .article-details ul li:nth-child(odd){
    background: #eeeeee ;
}
/* WC Schooler Blog Layaout 01 CSS part */
.wc-blog-style-01 .system-card{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 30px;
    border: 1px solid #c7c1c1;
}
.wc-blog-style-01 .system-card .blog-card-header .article-intro-image img{
    width: 340px;
    height: 200px;
}
.wc-blog-style-01 .system-card .blog-card-header {
    flex: 0 0 340px;
    position: relative;
}
.wc-blog-style-01 .system-card .blog-card-body {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    padding: 0 30px;
}
.wc-blog-style-01 .system-card .blog-card-header .article-intro-image {
    display: block;
    overflow: hidden;
    float: none !important;
    margin: 0;
}
.wc-blog-style-01 .system-card .blog-card-header .date-created {
    position: absolute;
    background: var(--color-tertiary);
    color: var(--color-primary);
    top: 0;
    width: 85px;
    left: 0;
    min-width: 23px;
    text-align: center;
    height: 82px;
}
.wc-blog-style-01 .system-card .blog-card-header .date-created span:first-child {
    font-size: 16px;
    padding: 10px 7px 5px;
    position: relative;
}
.wc-blog-style-01 .system-card .blog-card-header .date-created span:first-child:after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 50%;
    height: 2px;
    background-color: var(--color-primary);
    margin: 0 -10px;
    width: 20px;
}
.wc-blog-style-01 .system-card .blog-card-header .date-created span:last-child {
    font-size: 25px;
    margin-top: 6px;
    display: block;
}

.readmore a{
    margin-top: 18px;
    margin-bottom: 18px;
    background: var(--color-primary);
    border: 1px solid #ffffff;
    width: 150px;
    height: 45px;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    letter-spacing: normal;
    transition: .3s;
  }
  .readmore a:before{
    content: '';
    position: absolute;
    width: 47%;
    transform: rotate(-45deg);
    height: 1px;
    background: var(--color-secondary);
    top: 23px;
    left: -40px;
    transition: .3s;
  }
  .readmore a:after{
    content: '';
    position: absolute;
    width: 47%;
    transform: rotate(-45deg);
    height: 1px;
    background: var(--color-secondary);
    bottom: 23px;
    right: -40px;
    transition: .3s;
  }
  .readmore a:hover:before{
    left: -200px;
  }
  .readmore a:hover:after{
    right: -200px;
}
  .readmore a:hover{
    letter-spacing: .05em;
}
  .article-title.item-title{
    margin: 15px 0;
}
.article-header h2{
    font-size: 22px;
}
.right-site-bar-inner h3.sp-module-title{
    font-size: 25px;
    color: var(--color-primary);
}
.list-style-3 li:before {
    position: absolute;
    top: 1px;
    left: 0;
    content: '\f111';
    font-size: 13px;
    font-family: FontAwesome;
    text-align: center;
    color: var(--color-tertiary);
}
.list-style-3 li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 8px;
}
.list-style-3 {
    padding-left: 0;
    list-style: none;
    margin-left: 50px;
    margin-bottom: 22px;
}
.curriculam table tr:first-child td {
    background: var(--color-tertiary);
    border-color: var(--color-tertiary);
    color: #fff;
    text-align: center;
    padding: 12px;
    font-weight: bold;
}
.curriculam table tr td {
    background: #fbfbfb;
    border: 1px solid #dddddd;
    width: 25%;
    padding: 8px;
}
.curriculam table {
    width: 100%;
    margin-bottom: 30px;
}
.right-site-bar-inner .mod-articlesnews.newsflash .mod-articlesnews__item{
    margin: 25px 0;
}
.right-site-bar-inner .mod-articlesnews.newsflash .mod-articlesnews__item .newsflash-title a{
    font-size: 18px;
    color: #000000;

}
.right-site-bar-inner .mod-articlesnews.newsflash .mod-articlesnews__item {
    margin: 25px 0;
    width: 100%;
    height: 152px;
    padding: 14px;
    background: var(--color-primary-transperant);
    overflow: hidden;
    display: block;
    outline: 1px solid #ffffff;
    outline-offset: -10px;
}
.right-site-bar-inner .mod-articlesnews.newsflash .mod-articlesnews__item .newsflash-title a {
    font-size: 18px;
    color: var(--color-primary-lighter);
    display: block;
    padding-top: 5px;
    padding-left: 5px;
}
.right-site-bar-inner .mod-articlesnews.newsflash .mod-articlesnews__item p{
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 11px;
}
.article-header h2 {
    font-size: 30px !important;
    color: var(--color-tertiary-darker);
}
.system-card .article-intro-image a{
    width:340px;
    height:220px;
    display:block;
}
.system-card .article-intro-image a img{
    width:100% !important;
    height:100% !important;
    object-fit: cover !important;
}
 .article-intro-text p{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
 }
.wc-schooler-content .page-header h1 {
    color: var(--color-primary);
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
}
 .wcschooler-blog-style-02 .com-content-category-blog__items.blog-items.items-leading{
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
 }
 .wcschooler-blog-style-02 .com-content-category-blog__items.blog-items.items-leading .wc-blog-style-01 .blog-item{
    flex: 1 0 0%;
 }
 .wcschooler-blog-style-02 .com-content-category-blog__items.blog-items.items-leading .wc-blog-style-01 .blog-item .card-header {
    position: relative;
}
.wcschooler-blog-style-02 .my-card-header {
    position: relative;
}
.wcschooler-blog-style-02 .my-card-header .article-intro-image{
    display: block;
    overflow: hidden;
    float: none !important;
    margin: 0;
}
.wcschooler-blog-style-02 .my-card-header .article-intro-image img {
    height: 350px;
    object-fit: cover;
    width: 100%;
    transition: ease-in-out 18s;
    transform: scale(1);
}

.wcschooler-blog-style-02 .card-body {
    padding: 20px;
    position: relative;
}
.wcschooler-blog-style-02 .system-unpublished:hover{
    box-shadow: 0 0 5px #949393;
}
.wcschooler-blog-style-02 .system-unpublished:hover .my-card-header .article-intro-image img{
   transform: scale(2);
}
.wcschooler-blog-style-02 .system-unpublished {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    cursor: pointer;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    position: relative;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid var(--color-primary-transperant);
    border-radius: 0.25rem;
    margin-bottom: 40px;
    transition: ease-in-out .3s;
}
.wcschooler-blog-style-02 .date-created {
    position: absolute;
    display: flex;
    right: 0;
    bottom: 0;
    background: var(--color-tertiary);
    width: 127px;
    height: 70px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.wcschooler-blog-style-02 .date-created span:first-child {
    font-size: 18px;
    background: var(--color-primay);
    width: 100%;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wcschooler-blog-style-02 .date-created span:last-child {
    font-size: 25px;
    color: var(--color-primary);
    width: 100%;
    text-align: center;
}
.wcschooler-blog-style-02 .date-created span:first-child:after{
    content: '';
    width: 20%;
    height: 1px;
    position: absolute;
    bottom: 0;
    background: var(--color-primary);
}
.wcschooler-blog-style-02 .rows-items .my-card-header  .article-intro-image img {
    height: 250px;
    object-fit: cover;
}
.wcschooler-blog-style-02 .article-title.item-title .article-header h2 a{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.achievement-cat-module .sp-module-content{
    position: relative;
    height: 90%;
}
.achievement-cat-module .mod-articlescategories{
    margin-top: 20px;
    position: sticky;
    top: 100px;
}
.achievement-cat-module .mod-articlescategories li{
    border-bottom: 1px solid var(--color-tertiary-transperant);
}
.achievement-cat-module .mod-articlescategories li a{
    padding: 8px;
    margin-bottom: 8px;
    display: block;
    display: flex;
    cursor: pointer;
    align-items: center;
    color: #ffffff;
    font-size: 16px;
    transition: ease-in-out 0.3s;
}
.achievement-cat-module .mod-articlescategories li a:hover{
    margin-left: 5px;
}
.achievement-cat-module .mod-articlescategories li a::before{
    content: "\f152";
    display: block;
    font-family: "FontAwesome";
    margin: 0 8px;
}
.achievement-cat-module .sp-module-content {
    padding: 15px;
    position: relative;
    height: 90%;
    background: var(--color-primary);
    margin-top: 21px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.cards-container-bolg-style-03 .card-inner-wrapper{
    width: 100%;
    height: 300px !important;
    overflow: hidden;
}
.cards-container-bolg-style-03 .card-body{
    position: relative;
    padding: 0;
}
.cards-container-bolg-style-03 .card-body .article-header{
    position: absolute;
    bottom: 15px;
    text-align: center;
    width: 90%;
    border: 1px solid var(--color-secondary);
    background: var(--color-primary);
}
.cards-container-bolg-style-03 .card-inner-wrapper:hover{
    box-shadow: 0 0 5px var(--color-tertiary);
}
.article-intro-image a img{
    width: 100%;
    height: 100%;
    transition: ease-in-out .3s;
}
.cards-container-bolg-style-03 {
    padding: 60px 0;
}
.cards-container-bolg-style-03 .row .col-sm-4:nth-child(1),.cards-container-bolg-style-03 .row .col-sm-4:nth-child(2),.cards-container-bolg-style-03 .row .col-sm-4:nth-child(3){
    margin-top:0;
}
.cards-container-bolg-style-03 .row .col-sm-4{
    margin-top: 30px;
}
.cards-container-bolg-style-03 .card-inner-wrapper {
    width: 100%;
    height: 300px !important;
    border-radius: 3px;
    overflow: hidden;
    transition: 0.3s;
    box-shadow: 0 0 5px transparent;
    border: 10px solid var(--color-tertiary);
}
.cards-container-bolg-style-03 .card-body .article-header h2 a{
    color: var(--color-secondary);
    text-align: center;
    padding: 8px;
    font-size: 18px;
    display: block;
}
.cards-container-bolg-style-03 .card-body {
    position: relative;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    justify-content: center;
    flex-flow: wrap;
    height: 100%;
}
.cards-container-bolg-style-03 .card-body:hover .article-intro-image a img{
    filter: grayscale(1);
}
.bottom-row-form {
    margin-top: 35px;
    margin-bottom: 35px;
}
.my-custom-form label{
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    display: block;
}
.bottom-row-form input{
    font-size: 16px;
    border: none;
    border: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    padding: 0;
    height: 36px;
    background: #fff;
    color: rgba(0, 0, 0, 0.8);
    font-size: 14px;
    border-radius: 2px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: block;
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.bottom-row-form input:focus{
    border-color: var(--color-tertiary) !important;
}
.bottom-row-form textarea:focus{
    border-color: var(--color-tertiary) !important;
}
.bottom-row-form textarea{
    font-size: 16px;
    border: none;
    border: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    padding: 5px;
    background: #fff;
    color: rgba(0, 0, 0, 0.8);
    font-size: 14px;
    border-radius: 2px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    display: block;
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    color: #4f5357;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.input-div{
    margin-top: 25px;
}
.site-button-md{
    background: var(--color-primary);
    border: 1px solid #ffffff;
    width: 140px;
    height: 40px;
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    letter-spacing: normal;
    transition: .3s;
    margin-top: 20px;
  }
  
  .site-button-md:before{
    content: '';
    position: absolute;
    width: 47%;
    transform: rotate(-45deg);
    height: 1px;
    background: var(--color-secondary);
    top: 18px;
    left: -29px;
    transition: .3s;
  }
  .site-button-md:after{
    content: '';
    position: absolute;
    width: 47%;
    transform: rotate(-45deg);
    height: 1px;
    background: var(--color-secondary);
    bottom: 18px;
    right: -29px;
    transition: .3s;
  }
  .site-button-md:hover:before{
    left: -200px;
  }
  .site-button-md:hover:after{
    right: -200px;
  }
  .site-button-md:hover{
    letter-spacing: .05em;
  }
.container-sopnsors {
    margin-top: 0 !important;
}
.footer-top.footer-style-01{
    margin-bottom: 0 !important;
}
.bottom-footer {
    background: var(--color-primary);
    padding: 10px 0 !important;
    text-align: left;
}
.bottom-footer p {
    margin: 0;
    font-size: 15px !important;
    color: var(--color-secondary);
}
.url_links a {
    transition: .3s;
    color: #ffffff;
    font-size: 18px;
    border: 2px solid var(--color-primary-foreign);
    width: 340px;
    text-align: left;
    margin: 5px;
    display: block;
    padding: 4px 16px !important;
}
.footer-top.footer-style-01 .inner-container .wrapper .right-content .usefull_links .title-text {
    background: var(--color-primary-foreign);
    padding: 12px;
    width: 253px !important;
}
#minimal-header-style-3 .header-top-row-minimal{
    height: 35px;
    width: 100%;
    background: #000000;
    display: flex;
    align-items: center;
    justify-content: end;
}
#minimal-header-style-3 .header-top-row-minimal .social-icons.icon-style-4 .social-icon{
    width: 30px;
    height: 30px;
    margin-right: 5px;
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: .3s;
}
#minimal-header-style-3 ul>li.active{
    border-bottom: 4px solid var(--color-tertiary);
}
#minimal-header-style-3 ul>li{
    border-bottom: 4px solid transparent;
    transition:.3s;
}
#minimal-header-style-3 ul>li:hover{
    border-bottom: 4px solid var(--color-tertiary);
}
#minimal-header-style-3 ul ul>li{
    border:0;
}
#minimal-header-style-3 ul ul >li:hover{
    border:0;
}
.creative-header .right-social-media {
    position: absolute;
    right: 146px;
    display: flex;
    align-items: center;
}
.creative-header .logo-text-part {
    margin-left: -133px;
}
.full-width-center .logo{
    display: flex;
    align-items:center;
    width: 100% !important;
    height:none !important;
}
.full-width-center .logo .logo_text{
    display:block !important;
}
.full-width-center .logo .logo_text .logo-text-part{
    color: var(--color-secondary);
}
.full-width-center .logo .logo_text .logo-text-part h2{
    font-size:30px;
}
.full-width-center .logo .logo_text .school_zone_name{
    display:none;
}
.stiky-header-transparent{
    position: fixed !important;
    top: 0;
    left: 0;
    background: var(--color-primary-darker);
    width: 100%;
    height: 60px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 9999999999999999;
    padding: 0 !important;
    animation: spFadeInDown 0.5s;
}
.stiky-header-white{
    position: fixed !important;
    top: 0;
    left: 0;
    background: var(--color-secondary);
    width: 100%;
    height: 60px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 9999999999999999;
    padding: 0 !important;
    animation: spFadeInDown 0.5s;
}
@keyframes fadetop {
    from {top: -200px;opacity: 0;}
    to {top: 0; opacity: 1;}
}
.stiky-bar{
    background: var(--color-primary);
    position: fixed !important;
    left: 0;
    top: 0;
    z-index: 999;
    right: 0;
    animation: fadetop .5s;
}
#creative-header .stiky-bar nav>ul>li{
    padding: 3px 0;
}
#creative-header .stiky-bar nav ul>li>ul {
    margin-top: -2px;
}
.header-minimal-new.header-sticky{
    display: none;
}
.bottom-row-minimal-nav.enable-header-stiky.stiky{
    top: 0;
}
#sp-site-overview .inner-container p{
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}
.vission-text p{
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}
.mission-text p{
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}
.floating-whatsapp {
    position: fixed;
    right: 26px;
    bottom: 59px;
    z-index: 99999999999999;
    width: 60px;
    user-select: none;
    height: 60px;
    transition: all 0.3s;
}
.floating-whatsapp img {
    width: 100%;
    height: 100%;
}
.floating-whatsapp.scoll-up{
    right: 26px;
    bottom: 128px;
}
.social-icons.icon-style-4 .social-icon a{
    color: #ffffff;
}
.offcanvas-menu .logo a:nth-child(1){
    display: none;
}
.offcanvas-menu .logo a:nth-child(2){
    display: block;
}
.offcanvas-menu .logo .logo-text-part {
    margin-left: 25px;
    display: block;
    color: #fff;
}
.offcanvas-menu .logo .logo-text-part h2{
    display: block;
}
.social-icons.icon-style-3 .social-icon-instagram a{
    color: #b1006a;
}
.social-icons.icon-style-3 .social-icon-whatsapp a{
    color: #25D366
    ;
}
.social-icons.icon-style-1 .social-icon a{
    color: var(--color-secondary);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    border-radius: 3px;
    border: 1px solid var(--color-secondary);
    padding: 5px;
    transition: all .3s;
}
.social-icons.icon-style-1 .social-icon a:hover{
    background: var(--color-tertiary);
    color: var(--color-secondary);
}
.social-icons.icon-style-2 .social-icon a{
    color: var(--color-secondary);
}
.social-icons.icon-style-2 .social-icon:hover{
    box-shadow: 0 0 8px var(--color-tertiary);
}
.social-icons.icon-style-2 .social-icon:hover a{
    color: var(--color-tertiary);
}

.custom-globe-icon{
    width: 30px;
    height: 30px;
    position: relative;
    top: -2px;
    left: -2px;
    margin: 0 8px;
}
.custom-globe-icon .gglobe{
    width: 30px;
    height: 30px;
    position: relative;
    top: 3px;
    left: 0;
    filter: brightness(11.5);
}
.gsatelites a:nth-child(1){
    left: -38.6146px !important;
    top: 3.5366px !important;
}
.gsatelites a:nth-child(2){
    left: -20.6146px !important;
    top: 40.5366px !important;
}
.gsatelites a:nth-child(3){
    left: 19.3854px !important;
    top: 43.5366px !important;                                                                                                                                      
}
.gsatelite img {
    border-radius: 50%;
    opacity: 0.9;
    transition: all 0.3s;
    width: 25px !important;
    height: 25px !important;
    object-fit: cover;
}
.gsatelite.gt-current-lang img{
    box-shadow: 0 0 0 transparent !important;
    border: 2px solid var(--color-secondary);
}
#minimal-header-style-3 .header-top-row-minimal .social{
    display: flex;
    align-items: center;
}
#minimal-header-style-3 .custom-globe-icon{
    width: 20px;
    height: 20px;
    left: 3px;
    top: 0;
}
#minimal-header-style-3 .custom-globe-icon .gglobe {
    width: 20px;
    height: 20px;
    position: relative;
    top: 0;
    left: -4px;
    filter: brightness(11.5);
}
#creative-header .custom-globe-icon {
    width: 30px;
    height: 30px;
    position: relative;
    top: -1px;
    left: 48px;
}
#sp-menu .social-wrap {
    position: relative;
    padding-left: 20px !important;
}
.loader-style-1 {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: var(--color-secondary-dark);
}
@keyframes loader {
  0%, 10%, 100% {
    width: 70px;
    height: 70px;
  }
  65% {
    width: 140px;
    height: 140px;
  }
}
@keyframes loaderBlock {
  0%, 30% {
    transform: rotate(0);
  }
  55% {
    background-color: #ffffff;
  }
  100% {
    transform: rotate(90deg);
  }
}
@keyframes loaderBlockInverse {
  0%, 20% {
    transform: rotate(0);
  }
  55% {
    background-color: #ffffff;
  }
  100% {
    transform: rotate(-90deg);
  }
}
.loader-container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
  animation: loader 1.2s infinite ease-in-out;
}
.loader-container span {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  background-color: var(--color-primary);
  animation: loaderBlock 1.2s infinite ease-in-out both;
}
.loader-container span:nth-child(1) {
  top: 0;
  left: 0;
}
.loader-container span:nth-child(2) {
  top: 0;
  right: 0;
  animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}
.loader-container span:nth-child(3) {
  bottom: 0;
  left: 0;
  animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}
.loader-container span:nth-child(4) {
  bottom: 0;
  right: 0;
}

/** Preloader Style 2 **/
#preloader {
  background: var(--color-secondary-dark);
  height: 100%;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9999999;
}

.book {
  --color: var(--color-primary);
  --duration: 6.8s;
  width: 32px;
  height: 12px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.book .inner {
  width: 32px;
  height: 12px;
  position: relative;
  transform-origin: 2px 2px;
  transform: rotateZ(-90deg);
  animation: book var(--duration) ease infinite;
}
.book .inner .left,
.book .inner .right {
  width: 60px;
  height: 4px;
  top: 0;
  border-radius: 2px;
  background: var(--color);
  position: absolute;
}
.book .inner .left:before,
.book .inner .right:before {
  content: "";
  width: 48px;
  height: 4px;
  border-radius: 2px;
  background: inherit;
  position: absolute;
  top: -10px;
  left: 6px;
}
.book .inner .left {
  right: 28px;
  transform-origin: 58px 2px;
  transform: rotateZ(90deg);
  animation: left var(--duration) ease infinite;
}
.book .inner .right {
  left: 28px;
  transform-origin: 2px 2px;
  transform: rotateZ(-90deg);
  animation: right var(--duration) ease infinite;
}
.book .inner .middle {
  width: 32px;
  height: 12px;
  border: 4px solid var(--color);
  border-top: 0;
  border-radius: 0 0 9px 9px;
  transform: translateY(2px);
}
.book ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 50%;
  top: 0;
}
.book ul li {
  height: 4px;
  border-radius: 2px;
  transform-origin: 100% 2px;
  width: 48px;
  right: 0;
  top: -10px;
  position: absolute;
  background: var(--color);
  transform: rotateZ(0deg) translateX(-18px);
  animation-duration: var(--duration);
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}
.book ul li:nth-child(0) {
  animation-name: page-0;
}
.book ul li:nth-child(1) {
  animation-name: page-1;
}
.book ul li:nth-child(2) {
  animation-name: page-2;
}
.book ul li:nth-child(3) {
  animation-name: page-3;
}
.book ul li:nth-child(4) {
  animation-name: page-4;
}
.book ul li:nth-child(5) {
  animation-name: page-5;
}
.book ul li:nth-child(6) {
  animation-name: page-6;
}
.book ul li:nth-child(7) {
  animation-name: page-7;
}
.book ul li:nth-child(8) {
  animation-name: page-8;
}
.book ul li:nth-child(9) {
  animation-name: page-9;
}
.book ul li:nth-child(10) {
  animation-name: page-10;
}
.book ul li:nth-child(11) {
  animation-name: page-11;
}
.book ul li:nth-child(12) {
  animation-name: page-12;
}
.book ul li:nth-child(13) {
  animation-name: page-13;
}
.book ul li:nth-child(14) {
  animation-name: page-14;
}
.book ul li:nth-child(15) {
  animation-name: page-15;
}
.book ul li:nth-child(16) {
  animation-name: page-16;
}
.book ul li:nth-child(17) {
  animation-name: page-17;
}
.book ul li:nth-child(18) {
  animation-name: page-18;
}

@keyframes page-0 {
  4% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  13%, 54% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  63% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-1 {
  5.86% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  14.74%, 55.86% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  64.74% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-2 {
  7.72% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  16.48%, 57.72% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  66.48% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-3 {
  9.58% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  18.22%, 59.58% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  68.22% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-4 {
  11.44% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  19.96%, 61.44% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  69.96% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-5 {
  13.3% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  21.7%, 63.3% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  71.7% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-6 {
  15.16% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  23.44%, 65.16% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  73.44% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-7 {
  17.02% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  25.18%, 67.02% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  75.18% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-8 {
  18.88% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  26.92%, 68.88% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  76.92% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-9 {
  20.74% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  28.66%, 70.74% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  78.66% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-10 {
  22.6% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  30.4%, 72.6% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  80.4% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-11 {
  24.46% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  32.14%, 74.46% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  82.14% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-12 {
  26.32% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  33.88%, 76.32% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  83.88% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-13 {
  28.18% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  35.62%, 78.18% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  85.62% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-14 {
  30.04% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  37.36%, 80.04% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  87.36% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-15 {
  31.9% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  39.1%, 81.9% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  89.1% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-16 {
  33.76% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  40.84%, 83.76% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  90.84% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-17 {
  35.62% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  42.58%, 85.62% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  92.58% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-18 {
  37.48% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  44.32%, 87.48% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  94.32% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes left {
  4% {
    transform: rotateZ(90deg);
  }
  10%, 40% {
    transform: rotateZ(0deg);
  }
  46%, 54% {
    transform: rotateZ(90deg);
  }
  60%, 90% {
    transform: rotateZ(0deg);
  }
  96% {
    transform: rotateZ(90deg);
  }
}
@keyframes right {
  4% {
    transform: rotateZ(-90deg);
  }
  10%, 40% {
    transform: rotateZ(0deg);
  }
  46%, 54% {
    transform: rotateZ(-90deg);
  }
  60%, 90% {
    transform: rotateZ(0deg);
  }
  96% {
    transform: rotateZ(-90deg);
  }
}
@keyframes book {
  4% {
    transform: rotateZ(-90deg);
  }
  10%, 40% {
    transform: rotateZ(0deg);
    transform-origin: 2px 2px;
  }
  40.01%, 59.99% {
    transform-origin: 30px 2px;
  }
  46%, 54% {
    transform: rotateZ(90deg);
  }
  60%, 90% {
    transform: rotateZ(0deg);
    transform-origin: 2px 2px;
  }
  96% {
    transform: rotateZ(-90deg);
  }
}
/* style 3 css part */


.loader-style-3 {
  	z-index: 9999999;
  	width:100%;
  	height: 100%;
  	top: 0;
  	left:0;
  	position: fixed;
	background: var(--color-secondary-dark);
	color: var(--color-primary);
	font: 1em/1.5 sans-serif;
	height: 100vh;
	display: grid;
	place-items: center;
	transition:
		background-color var(--trans-dur),
		color var(--trans-dur);
}

.pl {
	display: block;
	width: 8em;
	height: 8em;
}
.pl__ring,
.pl__ball1,
.pl__ball2 {
	animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	transform-origin: 32px 32px;
}
.pl__ring {
	animation-name: ring;
}
.pl__ball1 {
	animation-name: ball1;
}
.pl__ball2 {
	animation-name: ball2;
}

/* Dark theme  */
@media (prefers-color-scheme: dark) {
	:root {
		--bg: hsl(var(--hue),10%,10%);
		--fg: hsl(var(--hue),10%,90%);
	}
}

/* Animation */
@keyframes ring {
	from {
		animation-timing-function: ease-in-out;
		stroke-dashoffset: -122.52;
		transform: rotate(135deg);
	}
	15% {
		animation-timing-function: ease-in;
		stroke-dashoffset: -122.52;
		transform: rotate(90deg);
	}
	35% {
		animation-timing-function: ease-out;
		stroke-dashoffset: -65.34;
		transform: rotate(297.5deg);
	}
	55% {
		animation-timing-function: ease-in-out;
		stroke-dashoffset: -122.52;
		transform: rotate(505deg);
	}
	70% {
		animation-timing-function: ease-in-out;
		stroke-dashoffset: -122.52;
		transform: rotate(490deg);
	}
	85%,
	to {
		stroke-dashoffset: -122.52;
		transform: rotate(497.5deg);
	}
}
@keyframes ball1 {
	from {
		transform: rotate(14deg);
	}
	20% {
		transform: rotate(-7deg);
	}
	60% {
		transform: rotate(399deg);
	}
	75% {
		transform: rotate(361deg);
	}
	90%,
	to {
		transform: rotate(374deg);
	}
}
@keyframes ball2 {
	from {
		transform: rotate(-21deg);
	}
	25% {
		transform: rotate(-47deg);
	}
	60% {
		transform: rotate(364deg);
	}
	75% {
		transform: rotate(326deg);
	}
	90%,
	to {
		transform: rotate(339deg);
	}
}

/*responsive part of mobile view*/
@media only screen and (max-width: 767px) {
    .breadcrumb{
        display:none;
    }
    .article-contents table tr{
        display:flex;
        flex-direction: column;
    }
    .article-contents table tr td{
        margin: 8px 0;
    }
    td.profile_width_1 {
        width: 100% !important;
    }
    .profile-image {
        margin: 0 auto;
        width: 40%;
    }
    .offcanvas-menu .logo .logo-text-part {
        margin-left: 25px;
        display: block;
        color: #fff;
    }
}


#minimal-header-style-3 .social #open-button i{
    font-size: 16px;
}
.offcanvas-menu > .align-items-center {
    background: #000;
}
.offcanvas-menu .logo a:nth-child(1) {
    display: none;
}
.image-side {
    width: 150px;
    height: 100%;
    border: 3px solid var(--color-tertiary);
}
.title-and-image {
    width: 100%;
    height: 180px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
table#colors_table{
    width: 100%;
    margin-top: 15px;
}
#colors_table tr:last-child td{
    padding: 15px;
}
#colors_table tr:first-child td{
    padding: 15px;
    padding-left: 0;
}
.MultiRows-custom section#sp-section-3 {
    position: relative;
}
table.table-inpage.style-2 tr td:first-child img {
    width: 100%;
    height: 140px;
    border-radius: 8px;
    object-fit: cover;
}
table.table-inpage.style-2 tr td:first-child {
    width: 15%;
    height: 100%;
    padding: 10px;
    overflow: hidden;
}
.image-side img{
    object-fit: cover;
}
.profile-image img {
    height: 98px;
    width: 100%;
}
.article-intro-image a img{
    transition: all 20s;
    transform: scale(1);
}
.wc-blog-style-01.blog-item:hover .article-intro-image a img{
    transform: scale(2);
}
.right-site-bar-inner h3.sp-module-title {
    font-size: 25px;
    color: var(--color-primary);
    margin: 17px 0;
}
.addtoany_container{
    margin-top: 25px;
}
.page-header {
    padding-bottom: 30px !important;
}
.cards-container-bolg-style-03 {
    padding: 0 !important;
}
.cards-container-bolg-style-03 .card-inner-wrapper .card-body .article-intro-image img{
    transition: all 15s;
    transform: scale(1);
}
.cards-container-bolg-style-03 .card-inner-wrapper .card-body:hover .article-intro-image img{
    transform: scale(2);
} 
.cards-container-bolg-style-03 .card-inner-wrapper{
    border-radius: 0;
}
.speasyimagegallery-row{
    margin-bottom: 15px !important;
}
.speasyimagegallery-modal {
    width: 1024px !important;
    height: 920px !important;
    position: fixed;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    background: none;
    z-index: 99999;
    max-width: 100%;
    max-height: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    cursor: pointer;
}
.speasyimagegallery-close, .speasyimagegallery-close:hover, .speasyimagegallery-close:active, .speasyimagegallery-close:focus {
    display: block;
    font-size: 30px;
    height: 36px;
    width: 36px;
    line-height: 36px;
    color: rgba(255,255,255,.8);
    font-weight: 700;
    text-align: center;
    position: absolute;
    top: 33px;
    right: -35px;
    text-decoration: none;
    outline: none;
    -webkit-transition: color 300ms;
    transition: color 300ms;
}
.speasyimagegallery-modal-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background: rgba(0,0,0,0.8);
    overflow: hidden;
    text-align: center;
    cursor: no-drop;
}
.container-inner-sch-map {
    margin-bottom: 80px !important;
    position: relative;
    display: flex;
    justify-content: end;
    align-items: center;
}
.counter-style-1.counter-block {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
    z-index: 1;
    position: relative;
}
.col-sm-6.form-container {
    padding: 20px;
    background: var(--color-primary-more-transparent);
}
header#sp-header.scoll-up {
    position: fixed;
    top: 0;
    animation: spFadeIn 0.5s;
}
.article-intro-image.float-left a img{
    object-fit: cover;
}
.container-rows{
    display: flex;
}
.row-left {
    margin-right: 25px;
    width: 70%;
}
.row-left h3{
    margin: 30px 0;
    font-size: 25px;
    color: var(--color-primary);
}
.row-left table{
    width: 100% !important;
    border: 0;
}
.row-left table:first-child tr{
    border-left: 50px solid var(--color-primary);
}
.row-left table tbody tr td{
    padding: 15px;
}
.row-left table tbody tr:nth-child(odd){
    background: var(--color-primary-more-transparent);
}
.row-left table tbody tr:first-child{
    border-left: 5px solid var(--color-primary);
}
.col-right img:first-child{
    margin-top: 30px;
    margin-bottom: 15px;
}
.col-right img{
    margin-bottom: 15px !important;
}
.row-left table tr{
    height: auto !important;
}
.row-left table tr td{
    height: auto !important;
}
.article-details,.com-content-category-blog,.speasyimagegallery-row{
    margin-bottom: 100px !important;
}
.development-team-container.style-1 .main-title{
    display:none;
}
.items-more{
    display:none;
}
.system-card .article-title.item-title .article-header h2,.wcschooler-blog-style-02 .card-body .article-title h2{
    font-size: 23px !important;
}
.article-full-image {
    width: 100%;
    height: 537px;
}
.article-full-image img{
    width: 100% !important;
    height: 100% !important;
}