/*!
Theme Name: Outgrid Child
Theme URI: https://uicore.co
Description: Multi-Purpose Elementor WordPress Theme
Author: UiCore
Author URI: https://uicore.co
Template: outgrid
Version: 1.0.0
Text Domain: outgrid
*/

 /* Add your custom style here */

p strong, li strong{
	font-weight:500 !important;
}
nav.uicore.elementor-container .uicore-nav-menu {
    flex-direction: column-reverse;
    align-items: flex-end;
	padding:12px 0 0;
}
.top_header_links li::before {
    display: none;
}
.uicore-branding {
    height: 100px !important;
}
/* .uicore-branding img {min-height: 100px;width: 110px;} */
.uicore-nav-menu .uicore-nav .uicore-menu>.menu-item-has-children>a .ui-menu-item-wrapper{
	margin-right: 5px !important;
}
.ui-smart-sticky.uicore-scrolled nav.uicore.elementor-container .uicore-nav-menu {
    flex-direction: row;
	padding:0;
}
.ui-smart-sticky.uicore-scrolled nav.uicore.elementor-container .uicore-nav-menu .uicore.uicore-extra {
    display: none !important;
}
.ui-smart-sticky.uicore-scrolled nav.uicore.elementor-container .uicore-nav-menu .uicore-menu-container.uicore-nav {
    justify-content: flex-end;
}
.ui-smart-sticky.uicore-scrolled .uicore-branding {
    height: 70px !important;
}
.ui-smart-sticky.uicore-scrolled .uicore-branding img{
    min-height: 70px;
}
.uicore-hca a {
    font-size: 20px;
    font-weight: 700;
    color: #072466 !important;
}
.uicore-custom-area::after {
    display: none;
}
nav.uicore.elementor-container .uicore-nav-menu ul.uicore-menu li.menu-item-has-children {
    padding-right: 10px;
}
nav.uicore.elementor-container .uicore-nav-menu ul.uicore-menu li a:after {
    font-weight: 700;
}
nav.uicore.elementor-container .uicore-nav-menu ul.uicore-menu li ul.sub-menu {
    padding: 10px;
}
nav.uicore.elementor-container .uicore-nav-menu .uicore-cta-wrapper a {
    position: relative;
    padding-left: 45px;
    padding-right: 20px;
}
nav.uicore.elementor-container .uicore-nav-menu .uicore-cta-wrapper a:focus{
	background: #f0c33e !important;
    color: #072466 !important;
}
nav.uicore.elementor-container .uicore-nav-menu .uicore-cta-wrapper a::after {
    position: absolute;
    content: "";
    background: url('https://chavansoft.com/stpaulpublicschool/wp-content/uploads/2026/05/whatsapp.webp') no-repeat left;
    width: 21px;
    height: 21px;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
}
nav.uicore.elementor-container .uicore-nav-menu .uicore-cta-wrapper a:hover {
    background: #f0c33e;
    color: #072466;
}
.clsBanHeading span{
	color:#f1c33b;
}
.cardBlk h5.elementor-image-box-title {
    margin: 0;
}
.campusCard {
    clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0 24px);
}
.campusCard:hover {
    clip-path: inherit;
}
.campusCard .cls_hv, .campusCard:hover .cls_nrml {
    display: none;
}
.campusCard:hover .cls_hv, .campusCard .cls_nrml {
     display: block;
}
.campusCard:hover h5{
	color:#062365 !important;
}
.Ggalery .elementor-swiper-button.elementor-swiper-button-prev{
	bottom: 0 !important;
    top: auto !important;
    left: -30% !important;
}
.Ggalery .elementor-swiper-button.elementor-swiper-button-next{
	left: -26% !important;
    top: auto !important;
    bottom: 0 !important;
    right: 0 !important;
}
.clsMap iframe {
    border-radius: 15px;
}
.fcCol .elementor-icon-box-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}
header.uicore-page-title h1 {
    margin: 0 !important;
}
.custom-list ol{
    list-style:none;
    counter-reset:item;
    padding:0;
	margin:0;
}
.custom-list li{
    position:relative;
	padding-left: 40px;
}
.custom-list li:not(:last-child){
	margin-bottom:28px;
}
.custom-list li::marker{
    content:"";
}
.custom-list li::before{
    counter-increment:item;
    content:counter(item);
    position:absolute;
    left:0;
    top:4px;
    width:26px;
    height:26px;
    border-radius:50%;
    background:#042265;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:700;
}
.cf7_block {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 40px;
    justify-content: space-between;
}
.cf7_block .cf7_inner {
    width: 24%;
}
.cf7_block .cf7_inner.cf7_msg {
    width: 46%;
}
.cf7_block .cf7_inner.cf7_button {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.cf7_block .cf7_inner input, .cf7_block .cf7_inner textarea {
    border: none;
    border-bottom: 1px solid #e2eafa !important;
    padding: 20px 0;
    margin: 0!important;
	color:#042265;
}
.cf7_block .cf7_inner p:not(:last-child) {
        padding: 0 0 20px !important;
		margin: 0 !important;
}
/* .cf7_block .cf7_inner p {
    margin: 0 !important;
} */
.cf7_block .cf7_inner.cf7_msg p textarea {
    height: 100% !important;
    max-height: 156px;
}
.cf7_block .cf7_inner.cf7_button p{
	margin:0 !important
}
.cf7_block .cf7_inner.cf7_button input {
    padding: 17px 0;
    min-width: 180px;
    background: #072466;
    color: #fff;
    cursor: pointer;
}
.cf7_block .cf7_inner.cf7_button input:hover {
    color: #072466;
    background: #ecbf3a;
}
.cf7_block .cf7_inner .wpcf7-not-valid-tip {
   position: absolute;
    bottom: -20px;
    font-size: 14px;
}
.wpcf7-response-output {
    color: #0b2768;
}
.clsCall ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.fee-table{
    width:100%;
    margin:auto;
    border-collapse:collapse;
    table-layout:fixed;
    border:2px solid #222;
}
.fee-table th, .fee-table td{
    border:1px solid #222;
    text-align:center;
    vertical-align:middle;
    padding:8px;
    font-size:16px;
    line-height:1.15;
    color:#111;
}
.fee-table thead tr:first-child th{
    font-size:20px;
    font-weight:700;
    height:48px;
    border-bottom:2px solid #222;
}
.fee-table thead tr:nth-child(2) th{
    font-size:18px;
    font-weight:700;
    padding:4px 6px;
}
.fee-table tbody td{
    font-weight:500;
}
.fee-table tbody td:first-child{
    font-weight:400;
    width:32%;
}
.multi-line{
    line-height:1.1;
    padding-top:12px !important;
    padding-bottom:12px !important;
}
.feeStructure .fee-table th, .feeStructure .fee-table td{
	text-align:left;
}
.feeStructure .fee-table thead tr:first-child th{
    font-size:15px;
    font-weight:700;
    line-height:1.35;
    text-transform:uppercase;
}
.feeStructure .fee-table thead th span{
    display:block;
    font-size:14px;
    font-weight:600;
    text-transform:none;
    margin-top:4px;
}
.feeStructure .fee-table th,
.feeStructure .fee-table td{
    width:auto !important;
	font-weight: 500 !important;
	vertical-align: baseline;
}
.feeStructure .fee-table thead tr th:nth-child(4), .feeStructure .fee-table thead tr td:nth-child(4) {
    width: 245px !important;
}
.feeStructure .fee-table thead tr th:nth-child(5), .feeStructure .fee-table thead tr td:nth-child(5) {
    width: 260px !important;
}
.clsSFInner{
	position:relative;
}
.clsSFInner img{
	opacity:0 !important;
	transition:0.5s all;
}
.clsSFInner:hover img{
	opacity:0.3 !important;
	transition:0.5s all;
}
.clsSFInner:hover .elementor-widget-image{
	background-color: #042265 !important;
}
.clsSFInner .clsTxt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: max-content;
	padding: 0 20px;
}
.clsSFInner:hover .clsTxt p{
	color:#fff !important;
}
.info-table-wrap{
    width:100%;
    overflow-x:auto;
}
.clsPCTable{
	 width:100%;
    border-collapse:separate;
    border-spacing:0;
    border:2px solid #f1f5fd;
    border-radius:18px;
    overflow:hidden;
}
.clsPCTable thead th{
    background:#ffffff;
   	color: #072466;
    font-size: 23px;
    line-height: 27px;
    font-weight: 600;
    text-align: left;
    padding: 15px 28px;
    border-bottom: 1px solid #f1f5fd;
}
.clsPCTable tbody td{
    padding:17px 28px;
    font-size:18px;
    line-height:23px;
    vertical-align:top;
    color:#6b6f7a;
	height: 80px;
}
.clsPCTable tbody tr:nth-child(odd){
    background:#f1f5fd;
}
.clsPCTable tbody tr:nth-child(even){
    background:#ffffff;
}
.clsPCTable th:nth-child(2),
.clsPCTable td:nth-child(2){
    width:52%;
}
.clsPCTable tbody td a {
    color: #042265;
    text-decoration: underline;
    font-weight: 500;
}
.clsPCTable tbody td a:hover {
    color: #edc03b;
}
#chaty-widget-0 .chaty-i-trigger .chaty-channel {
    right: 65px;
}
.clsInnerGallery img {
    padding: 8px;
	width:100%;
	transition:0.5s all
}
.clsInnerGallery img:hover{
	border-color:#f0c33e !important;
	transition:0.5s all
}
.elementor-slideshow__title{
	display:none !important;
}
.shwTxt,.HideText{
    transition: all 0.5s ease;
}
.shwTxt{
    opacity: 1;
    max-height: 200px;
    overflow: hidden;
}
.HideText{
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transform: translateY(10px);
	margin:0 !important;
}
.shwTxt.active{
    opacity: 0;
    max-height: 0;
    transform: translateY(-10px);
}
.HideText.active{
    opacity: 1;
    max-height: 500px;
    transform: translateY(0);
	margin:-20px 0 20px !important;
}
.enrollOpen{
	cursor:pointer !important;
}
div#popmake-1044 {
    border-radius: 15px;
}
.cf7_block.pop_block {
    display: flex;
    flex-direction: column;
    padding: 20px;
    gap: 6px;
}
.cf7_block.pop_block h4 {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    color: #042265;
    margin: 0 0 20px;
    text-align: center;
}
.cf7_block.pop_block .cf7_inner {
    width: 100%;
}
.cf7_block.pop_block .cf7_inner.cf7_button {
    justify-content: center;
}
.cf7_block.pop_block .cf7_inner input, .cf7_block.pop_block .cf7_inner textarea {
    padding: 15px;
    font-size: 15px;
    border: 1px solid #8f8f8f !important;
}
.clsPCTable.staffTable tbody td{
	height: 40px;
}
.clsPCTable.staffTable th:nth-child(2),
.clsPCTable.staffTable td:nth-child(2){
    width:45%;
}
.clsPageView h2 {
    margin: 0 0 20px;
    font-size: 36px;
    font-weight: 500;
    line-height: 40px;
    color: #042265;
}
.clsFFList ul li {
    background: rgb(238 242 250);
    padding: 2px 12px !important;
    border: 1px solid #072466;
    border-radius: 50px;
	 margin: 5px !important;
}
.ClsWhyList li {
    padding: 5px 15px 5px 10px !important;
    border: 1px solid #e1ebee;
    border-radius: 50px;
    margin: 9px 5px !important;
    background: aliceblue;
}


@media only screen and (max-width: 1440px) {
	.cf7_block{
		gap: 28px;
	}
}
@media only screen and (max-width: 1400px) {
	.Ggalery .elementor-swiper-button.elementor-swiper-button-prev,
	.Ggalery .elementor-swiper-button.elementor-swiper-button-next{
		bottom: -30px !important;
	}	
}
@media only screen and (max-width: 1200px) {
	.Ggalery .elementor-swiper-button.elementor-swiper-button-prev,
	.Ggalery .elementor-swiper-button.elementor-swiper-button-next{
		bottom: -5px !important;
	}
	.clsCall ul{
		gap: 12px;
	}
	.clsPCTable thead th{
		font-size: 19px;
	}
	.clsPCTable tbody td{
		font-size: 16px;
    	line-height: 22px;
	}
}
@media only screen and (max-width: 1130px) {
	#uicore-page .uicore-top-bar p, #uicore-page .uicore-top-bar li {
		font-size: 14px;
		line-height: 20px;
	}
}
@media only screen and (max-width: 1024px) {
	.Ggalery .elementor-swiper-button.elementor-swiper-button-prev{
		left: -35% !important;
	}
	.Ggalery .elementor-swiper-button.elementor-swiper-button-prev,
	.Ggalery .elementor-swiper-button.elementor-swiper-button-next{
		bottom: 0 !important;
	}
	.custom-list li:not(:last-child){
		margin-bottom:25px;
	}
	.cf7_block .cf7_inner {
		width: 48%;
	}
	.cf7_block .cf7_inner.cf7_msg {
		width: 100%;
	}
	.clsPCTable thead th{
		font-size: 18px;
		padding: 15px 20px;
	}
	.clsPCTable tbody td{
		font-size: 15px;
    	line-height: 20px;
		padding: 15px 20px;
	}
	.clsPageView h2 {
		font-size: 28px;
		line-height: 35px;
	}
}
@media only screen and (max-width: 767px) {
	.Ggalery .elementor-swiper-button.elementor-swiper-button-prev,
	.Ggalery .elementor-swiper-button.elementor-swiper-button-next{
		bottom: auto !important;
        top: 50% !important;;
		left: auto !important;
	}
	.Ggalery .elementor-swiper-button svg {
		background: #fff;
		padding: 4px;
		border-radius: 50%;
	}
	.uicore-cta-wrapper {
		display: none;
	}
	.custom-list li:not(:last-child){
		margin-bottom:20px;
	}
	.clsCall ul{
		gap: 0;
		flex-direction: column;
	}
	.cf7_block{
		gap: 20px
	}
	.cf7_block .cf7_inner {
		width: 100%;
	}
	.cf7_block .cf7_inner.cf7_button{
		justify-content: center;
	}
	.table-wrap{
        overflow-x:auto;
    }
    .fee-table{
        min-width:900px;
    }
	.clsPageView h2 {
		font-size: 22px;
		line-height: 32px;
	}
}
@media only screen and (max-width: 500px) {
	.uicore-branding {
		height: 70px !important;
	}
}