/*
Theme Name: Growing Mind SAAC
Theme URI:  https://www.imarkinfotech.com
Author:     iMark Infotech
Author URI: https://www.imarkinfotech.com
Template:   hello-elementor
Version:    1.0
License:    GNU General Public License v2 or later
*/


.faq-sec .e-n-accordion-item {
    border: 1px solid #E9E9E9;
    border-radius: 10px;
    overflow: hidden;
}

.call-btn .elementor-button-text {
    position: relative;
    bottom: -8px;
}

p#breadcrumbs {
    font-weight: 300;
    text-transform: capitalize;
}

.call-btn .elementor-button-text span {
    display: block;
    font-size: 12px;
    text-align: left;
    position: absolute;
    top: -17px;
}

.call-btn svg {
    width: 30px;
    height: 30px !important;
    position: absolute;
    left: 19px;
    top: 50%;
    transform: translateY(-50%) rotate(19deg);
}

.read-more svg {
    transform: rotate(-50deg);
}

.form-grid .grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.form-grid .grid .col-6 {
    width: calc(100% / 2 - 10px);
}

.form-grid .grid .col-12 {
    width: 100%;
}

.form-grid .grid p {
    margin: 0 0;
}

.form-grid .grid .form-control,
.form-grid .grid .wpcf7-form-control {
    border-color: #D4D4D4;
    border-radius: 5px;
    height: 45px;
    background: #fff;
}

.form-grid .grid label {
    font-size: 15px;
    margin-bottom: 8px;
    line-height: normal;
}

.form-grid .grid textarea.form-control {
    height: auto;
}

.form-grid .grid .form-control:focus,
.form-grid .grid .wpcf7-form-control:focus {
    box-shadow: unset !important;
    border: 1px solid #17335a !important;
    outline: -webkit-focus-ring-color auto 0px;
}

.form-grid .grid .btn-grid input {
    border: 1px solid #17335a;
    background-color: #16345B;
    color: #fff;
}

.blog-grid a.elementor-post__read-more:hover,
.read-more .elementor-button-content-wrapper:hover {
    opacity: 0.6;
}

.read-more .elementor-button-content-wrapper .elementor-button-icon {
    transition: 0.2s;
}

.read-more .elementor-button-content-wrapper:hover .elementor-button-icon {
    transform: rotate(50deg);
}

.blog-grid a.elementor-post__read-more:hover:after {
    transform: rotate(0deg);
}

.blog-grid a.elementor-post__read-more {
    position: relative;
}

.blog-grid a.elementor-post__read-more:after {
    content: "\f061";
    font: normal normal normal 14px/1 FontAwesome;
    transform: rotate(-45deg);
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 18px;
    right: -23px;
    bottom: 2px;
    transition: 0.2s;
}

.img-slider figure {
    /*     padding: 20px 20px; */
    height: 120px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-slider figure img {
    aspect-ratio: 16/9;
    object-fit: contain;
}

.first-blog .blog-grid article {
    flex-direction: row;
    gap: 50px;
}

.first-blog .blog-grid article .elementor-post__text {
    width: calc(100% - 50% - 55px);
}

.latest-blog article {
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
    align-items: center;
}

.latest-blog article:last-child {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    border: 0px !important;
}

.testimonials-row .sp-testimonial-free {
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
    padding: 60px 30px 60px 30px;
    margin: 2px 2px;
    border-radius: 18px !important;
    display: flex;
    flex-direction: column;
}

.testimonials-row .sp-testimonial-free  * {
    text-align: left !important;
}

.testimonials-row .sp-testimonial-free .sp-testimonial-content {
    min-height: 150px;
    display: block;
}

.testimonials-row .sp-testimonial-free p {
    padding: 0 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.testimonials-row  .sp-tfree-pagination-area {
    display: flex;
    justify-content: center;
}

.testimonials-row span.page-numbers.current, .testimonials-row ul.sp-tfree-pagination li a:hover {
    background: #17335a !important;
    color: #ffffff;
    border-color: #17335a !important;
}

.testimonials-row  .sp-testimonial-client-testimonial {
    border-bottom: 1px solid #c9c9c9;
}


.testimonials-row .sp-testimonial-title h3 {
    min-height: 60px;
}
.testimonials-row h4.sp-testimonial-client-name {
    order: 4;
    margin: -40px 0px 0px 0px;
    padding-left: 70px;
}

.testimonials-row .sp-testimonial-client-image {
    order: 3;
    /*bottom: 50px;*/
    margin: 0;
    /*left: 40px;*/
    width: 60px !important;
    height: 60px;
}

.testimonials-row .sp-testimonial-client-testimonial {
    order: 2;
    margin-bottom: 35px;
}

.testimonials-row .sp-testimonial-title {
    order: 1;
    position: relative;
}

.testimonials-row .sp-testimonial-title:before {
    content: '';
    background-image: url('https://growingmindsaac.customerdevsites.com/wp-content/uploads/2025/02/unnamed-file.png');
    width: 35px;
    height: 35px;
    position: absolute;
    background-repeat: no-repeat;
    top: -35px;
    background-size: contain;
}

.single-blog strong, .single-blog b {
    font-weight: 700;
}

.single-blog ul {
    margin: 0 0;
    padding: 0 0 0 8px;
    list-style-type: none;
}

.single-blog ul li {
    position: relative;
    padding-left: 18px;
}

.single-blog ul li:before {
    content: "\f058";
    font: normal normal normal 14px / 1 FontAwesome;
    position: absolute;
    top: 4px;
    left: 0;
    color: #34367b;
}

.single-blog h2 {
    color: #33387D;
    font-size: 30px !important;
}

.single-blog h3 {
    font-weight: 600;
    font-size: 25px;
    color: #33387D;
}

.single-blog ol {
    padding: 0 0 0 30px;
}

.single-blog .txt-grid img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 15px;
    object-position: center;
}

.header-btn .elementor-button-icon {
    display: none;
}



@media only screen and (max-width: 1300px) {
    .header-btn {
        position: fixed;
        bottom: 10px;
        right: 10px;
        z-index: 99;
    }
    
    .header-btn .elementor-button-icon {
    display: block;
}

.header-btn .elementor-button-text {
    display: none;
}
}


@media only screen and (max-width: 767px) {
.map-address {
    position: static !important;
    max-width: 95% !important;
    margin: 10px auto 10px !important;
}
.first-blog .blog-grid article {
    flex-direction: column;
    gap: 20px;
}
.first-blog .blog-grid article .elementor-post__text {
    width: calc(100% - 0% - 0px);
}
p{
    font-size: 16px;
}
}







/* new css */






@media only screen and (max-width: 1300px) {
    .header-btn {
        position: fixed;
        bottom: 10px;
        right: 10px;
        z-index: 99;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px)  {
		
.main-menu .elementor-nav-menu .elementor-item {
    font-size: 15px !important;
/*     margin-left: 15px !important;
    margin-right: 0px !important; */
}
/* 	.main-menu .elementor-nav-menu .menu-item:first-child .elementor-item {
    margin: 0 0 !important;
} */
}

.single-blog .txt-img img {
    object-fit: contain !important;
    height: auto !important;
}

.categori-grid figure {
    height: 250px;
    overflow: hidden;
}

.categori-grid figure img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: unset !important;
    object-fit: cover;
}

.categori-grid .elementor-widget-image-box .elementor-widget-container{
	border-radius: 18px;
	overflow: hidden;
}

form.e-search-form {
    flex-direction: column;
}

form.e-search-form  input.e-search-input {
    border: 1px solid #C3D5EC;
    border-radius: 5px !important;
}

form.e-search-form  button.e-search-submit {
    margin: 10px 0 0 0 !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    width: fit-content !important;
    background: #17335a !important;
}

form.e-search-form  button.e-search-submit:hover{
	opacity: 0.5;
}

.blog-text-col .txt-grid .elementor-widget-container a {
color: #c36;
/*     text-decoration: underline !important; */
}

.img-grid * {
    position: static;
}

.link, .link * {
    margin: 0 !important;
    height: 0 !important;
    line-height: 0;
	font-size: 0 !important;
}

.link a {
    font-size: 0;
    position: absolute !important;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 1;
    height: 100% !important;
    width: 100% !important;
}