/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/*
#111010

*/

@font-face {
  font-family: 'ClashGrotesk-Extralight';
  src: url('fonts/ClashGrotesk-Extralight.woff2') format('woff2'),
       url('fonts/ClashGrotesk-Extralight.woff') format('woff'),
       url('fonts/ClashGrotesk-Extralight.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashGrotesk-Light';
  src: url('fonts/ClashGrotesk-Light.woff2') format('woff2'),
       url('fonts/ClashGrotesk-Light.woff') format('woff'),
       url('fonts/ClashGrotesk-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashGrotesk-Regular';
  src: url('fonts/ClashGrotesk-Regular.woff2') format('woff2'),
       url('fonts/ClashGrotesk-Regular.woff') format('woff'),
       url('fonts/ClashGrotesk-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashGrotesk-Medium';
  src: url('fonts/ClashGrotesk-Medium.woff2') format('woff2'),
       url('fonts/ClashGrotesk-Medium.woff') format('woff'),
       url('fonts/ClashGrotesk-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashGrotesk-Semibold';
  src: url('fonts/ClashGrotesk-Semibold.woff2') format('woff2'),
       url('fonts/ClashGrotesk-Semibold.woff') format('woff'),
       url('fonts/ClashGrotesk-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashGrotesk-Bold';
  src: url('fonts/ClashGrotesk-Bold.woff2') format('woff2'),
       url('fonts/ClashGrotesk-Bold.woff') format('woff'),
       url('fonts/ClashGrotesk-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 700.0;
*
* available axes:
'wght' (range from 200.0 to 700.0
*/
@font-face {
  font-family: 'ClashGrotesk-Variable';
  src: url('fonts/ClashGrotesk-Variable.woff2') format('woff2'),
       url('fonts/ClashGrotesk-Variable.woff') format('woff'),
       url('fonts/ClashGrotesk-Variable.ttf') format('truetype');
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}

/*------Font End--------*/

body{
    font-family: 'ClashGrotesk-Regular';
    font-weight: 400;
    font-size: 19px;
}

h1, h2, h3, h4{
    font-family: 'ClashGrotesk-Medium';
    font-weight:500;
}

.tmbox .testimonial-nav-arrow {
    display: none;
}

#main .sp-testimonial-client-testimonial p {
    font-size: 22px;
    text-align: left;
    line-height: 1.4em;
    padding-left:0;
}


#main .sp-testimonial-client-name { 
    text-align: left; 
    display:block; 
    margin-bottom:0;
}

#main .sp-testimonial-client-designation{ 
    text-align: left; 
}

/*-----bob Effect Start----------*/

/* Variations */
.bob-slow   { animation-duration: 5s; }
.bob-fast   { animation-duration: 1.6s; }
.bob-subtle { animation-duration: 4s; animation-timing-function: cubic-bezier(.25,.8,.25,1); transform-origin: center 60%; }
.bob-strong { animation-duration: 2.4s; }

/* Keyframes: vertical translate only (smooth) */
@keyframes bob {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-10px); } /* move up 10px at midpoint */
  100% { transform: translateY(0); }
}

/* Combined translate + micro-rotation */
@keyframes bob-rotate {
  0%   { transform: translateY(0) rotate(0deg); }
  50%  { transform: translateY(-10px) rotate(-1.2deg); }
  100% { transform: translateY(0) rotate(0deg); }
}

/*-----bob Effect End----------*/

/*
#page div#primary {
    padding-top: 100px;
}

.home #page div#primary {
    padding-top: 0;
}*/

.swiper-slide {
    transition: transform 0.3s ease;
    padding-top: 5px;
}
.swiper-slide:hover{
    transform: translateY(-5px);
}

.clash-medium{
    font-family: 'ClashGrotesk-Medium';
    font-weight:500;
}
.txtmedium{
  font-family: 'ClashGrotesk-Medium';
  font-weight:500;
}

.color1{
    color:#952520;
}

.elementor-button{
    font-family: 'ClashGrotesk-Regular';
    font-weight: 400;
}


.top-shadow::after {
    background-image: linear-gradient(180deg, black, transparent);
    content: '';
    position: absolute;
    height: 110px;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
}
.head-position {
    position: absolute;
}

.dual-color .elementor-heading-title span {
  color: #952520;
}

.aws-slider-wrap {
    background-image: linear-gradient(to left, #f1f3f2 35%, transparent 35%);
}

.choose-box {
    transition: transform 0.5s ease;
}

.choose-box:hover {
    transform: translateY(-5px);
}


.single-post .entry-content[data-ast-blocks-layout] > * {
    
    margin-left: inherit;
    margin-right: inherit;
}



/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  .bob, .bob-rotate, .bob-slow, .bob-fast, .bob-subtle, .bob-strong {
    animation: none !important;
    transition: none !important;
  }
}


/* 
** Sidebar Navigation **    
*/

#mySidenav ul {
    margin: 0;
    list-style:none;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background: url(images/bg-6.jpg) no-repeat;
  background-position:0 0;
  background-size: cover;
  overflow-x: hidden;
  transition: .7s;
  padding-top: 100px;
}

.sidenav::after {
    content: '';
    background: rgb(0 0 0 / 85%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}
.sidenav-inner {
    padding-top: 50px;
    position: relative;
}

.sidenav ul li a {
    padding: 8px 8px 8px 8px;
    text-decoration: none;
    font-size: 23px;
    color: #ffffff;
    display: block;
    transition: 0.3s;
    cursor: pointer;
}

.sidenav ul li a:hover{
    color:#EDA742;
}

.sidenav a:hover{
  color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 30px;
    right: 0;
}
.opennav {
    cursor: pointer;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
 
 



/* #Swiper Slider   */

#main article.program-card{
    padding:16px;   
}



#main article.program-card .program-title {
    font-size: 27px;
    margin-bottom: 5px;
}
.program-excerpt {
    padding-bottom: 20px;
}
.program-swiper .swiper-pagination {
  display: none !important;
}

:root {
   --swiper-navigation-size: 16px;
   --swiper-theme-color: #FFFFFF;
}
.swiper-button-next, .swiper-button-prev {
    background-color: #952520;
    border-radius: 45px;
    width: 45px;
    height: 45px;
}
.swiper-button-next:hover, 
.swiper-button-prev:hover {
    background-color: #eda742;
}

.swiper-slide a:hover{
    color:#111010;
}
#main article.program-card .program-thumb img{
    border-radius:20px;
}

/**.program-thumb::after {
    content: '';
    border-left: solid 345px #fff;
    border-right: solid 0 transparent;
    border-top: solid 40px transparent;
    border-bottom: solid 0 transparent;
    position: absolute;
    bottom: 15px;
    left: 15px;
    border-radius: 0 0 0 16px;
}**/

.program-title {
    padding-right: 70px;
    line-height: 1em !important;
}

.dashicons-clock img {
   
    display: none;
}

.aws-slider-wrap .swiper-button-prev {
    top: 67%;
    transform: translatey(-50%);
    left: 2px;
}

.aws-slider-wrap .swiper-button-next{
    top: 67%;
    transform: translatey(-50%);
    
}

#main article.program-card .program-title::after {
    content: '';
    background: url(images/arrow-right.png);
    background-repeat: no-repeat;
    width: 36px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 26px;
}
.set-curv::before {
    content: '';
    background: url(images/curv.png);
    background-repeat: no-repeat;
    position: absolute;
    left: auto;
    z-index: 1;
    background-position: right top;
    right: 0px;
    top: 0px;
    
}

.show-card {
    left: 10px;
    right: 10px;
    opacity: 0;
    transition: all 0.75s ease;
    pointer-events: none;
}

.life-card:hover .show-card {
    opacity: 1 !important;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: auto !important;
}
.life-card:hover .life-card-inner .elementor-element img {
    opacity: .2;
}


.set-curv::before {
    content: '';
    background: url(images/curv.png) no-repeat right top;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: opacity 0.50s ease; /* Smooth transition */
    opacity: 1;
}

.life-card:hover .set-curv::before {
    opacity: 0; /* Fade out instead of removing background */
}

/*
 ** Event Post type ** 
*/

.events-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;  
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 30px;
}

.event-item .event-item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.event-date {
    text-align: center;
    margin-right: 20px;
    padding-top: 2px;
    border-bottom: solid 3px #952520;
    padding-bottom: 10px;
}

.event-date .day {
    font-size: 40px;
    font-family: 'ClashGrotesk-Medium';
    font-weight: 500;
    color: #952520; 
    display: block;
    padding-bottom:5px;
}

.event-date .month {
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'ClashGrotesk-Medium';
    font-weight: 500;
    color: #952520;
}

.event-details h4 {
    margin: 0;
    font-size: 21px;
    padding-bottom: 10px;
}

.last-box-foot:after {
    display: none !important;
}

.event-time {
    font-family: 'ClashGrotesk-Medium';
    font-size: 18px;
    color: #353535;
    font-weight: 400;
}
.dashicons-clock img {
    max-width: 13px;
    vertical-align: inherit;
}
.dashicons-clock {
    padding-right: 6px;
}



.ready-card::after {
    content: '';
    background-image: linear-gradient(45deg, rgb(255 255 255 / 35%), transparent);
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    bottom: -15px;
}
.ready-card:last-child::after{
    content: '';
    background-image: none;
}
.why-choose-section::before {
    content: '';
    top: -50px;
    height: 560px;
    background-size: 400px !important;
}

/*
 ** Achiever ** 
*/

.achiever-inner {
    padding-top: 6px;
}

.achiever-img {
    border-radius: 50%;
    overflow: hidden;
    border: solid 1px rgb(149 37 32 / 25%);
    position: relative;
    margin-bottom: 15px;
    transition: transform 0.5s ease;
}

.achiever-img:hover {
    background-color: #fff;
    transform: translateY(-5px);
}

#main .achiever-img img {
    padding: 16px;
    border-radius: 100%;
}

/*
.achiever-img::before {
    content: '';
    background: url(images/circle-outer.png) no-repeat;
    position: absolute;
    background-position: 0 0;
    width: 304px;
    height: 314px;
}*/
.achiever-box .achiever-name {
    text-align: center;
    margin-bottom: 10px;
    font-size: 24px;
}
.achiever-rank {
    text-align: center;
}
.achiever-rank p {
    font-family: 'ClashGrotesk-Medium';
    font-weight:500; margin-bottom:3px;
}
.achiever-carousel .owl-nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

/*------Blog  Post Css--------*/

/* Grid layout */
.custom-posts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* Card style */
.custom-post-card {
    background: #fff;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    border-radius: 6px;
    overflow: hidden;
    transition: transform 0.3s ease;
    border-bottom: solid 2px #111010;
}
.custom-post-card:hover {
    transform: translateY(-5px);
}

/* Image + date badge */
.custom-post-card .post-image {
    position: relative;
}
.custom-post-card img {
    width: 100%;
    height: auto;
    display: block;
}
.custom-post-card .post-date {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
}

.custom-post-card .post-date .day {
    font-family: 'ClashGrotesk-Semibold';
    font-weight: 600;
    font-size: 25px;
    background-color: #952520;
    padding: 8px 5px;
    min-width: 60px;
}


.custom-post-card .post-date .month-year {
    font-family: 'ClashGrotesk-Semibold';
    font-weight: 600;
    font-size: 15px;
    background-color: #fff;
    color: #111010;
    padding: 2px 2px;
}

/* Content */
.custom-post-card .post-content {
    padding: 12px 15px;
}
.custom-post-card .post-content h3 {
    font-size: 25px;
    margin: 0 0 8px;
    font-family: 'ClashGrotesk-Medium';
    font-weight: 500;
    line-height:1.3em;
}
.custom-post-card .post-content h3 a {
    text-decoration: none;
    color: #000;
}
.custom-post-card .post-content h3 a:hover {
    color: #8b0000;
}
.subs-box .wpcf7-email {
    background: transparent;
    border: none;
}
.subs-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;  
}
.subs-box .wpcf7-email:focus {
    background: transparent;
    border: none;
}

.subs-box {
  border: solid 1px rgb(255 255 255 / 30%);
  padding: 10px 12px;
}

footer#colophon .subs-box .wpcf7-submit {
    background-color: #EDA742;
}

.subs-box .wpcf7-spinner {
    position: absolute;
    bottom: 0;
    right: 0;
}
.seprator > .elementor-element::after {
    content: '';
    background-image: linear-gradient(180deg, #ffffff45, transparent);
    width: 1px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.subs-box p {
    margin-bottom: 0;
}

span.sp-testimonial-client-name {
    font-size: 20px !important;
}

.sp-testimonial-client-designation {
    font-size: 18px !important;
}

#sp-testimonial-free-wrapper-1132 .sp-testimonial-free-section .testimonial-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #952520 !important;
}

.achiever-carousel button.owl-prev {
    box-shadow: none !important;
}

.achiever-carousel button.owl-next {
    box-shadow: none !important;
}

.newsletter input::placeholder { color:#fff;}

.newsletter input {
    color: #fff !important;
}

.eael-entry-meta {
    font-size: 17px;
}


.single-post .ast-container {
    max-width: 1300px !important;
    width: 100%;
}

.single-post .content-area h1.entry-title {
    font-size: 35px;
    font-weight: 500;
}

.single-post input#submit {
    background-color: #932722;
}

.single-post input#submit:hover {
    background-color: #932722 !important; color:#fff !important;
}

#respond h3#reply-title {
    margin-bottom: 10px;
}

.single .post-navigation a .ast-post-nav {
    
    color: #932722;
}

.single-post .entry-content p {
    margin: 15px 0;
    max-width: 100%;
}


.single-post .entry-content h2 {
    text-align: left;
    color:#932722;
    margin: 20px 0;
    font-size: 25px;
   
}


.single-post header.entry-header {
    margin-bottom: 25px;
}

.single-post figure.wp-block-gallery.has-nested-images.columns-default.is-cropped.wp-block-gallery-1.is-layout-flex.wp-block-gallery-is-layout-flex {
    margin: 50px 0;
    width: 100%;
    max-width: 100%;
}

.single-post span.published {
    color: #932722;
    font-size: 17px !important;
}

.single-program .ast-container {
    max-width: 100%;
    padding: 0;
}

.box-tle {
    position: absolute;
    bottom: 47px;
    left: 24px;
    
}

.outside-main-content {
    max-width: 1300px !important;
    margin: 0 auto 0px;
}

.outside-main-content{ position: relative !important;}

.main-content-area {
    position: relative; /* absolute ki jagah */
    width: 100vw; /* viewport ke barabar nahi, phir adjust karenge */
    max-width: 1250px; /* same as outside-main-content */
    margin: 0px auto 0; /* center align karne ke liye */
    left: 0; 
}

.ma-in-box-1 {
    position: inherit !important;
}

.bottom-gradient {
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 16px;
    left: 0;
    background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    height: 150px;
}


.main-content-area.box-content {
  display: none;
}
.main-content-area.box-content.open {
  display: block;
}

.main-content-area.box-content.box-content-two {
    left: -104%;
}

.main-content-area.box-content.box-content-three {
    left: -851px;
}

#mySidenav .ast-container {
    max-width: 1300px;
    
}


.table-para{ hyphens:auto;}

.teacher-form input.wpcf7-form-control.wpcf7-submit {
    margin-top: 10px;
    width: 100%;
}


/* Popup background */
.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 81%);
    z-index: 9999;
}

/* Popup box */
.popup-content {
    background: #fff;
    max-width: 800px;
    margin: 2% auto;
    padding: 40px 20px 5px;
    border-radius: 10px;
    position: relative;
    animation: popupFade 0.3s ease-in-out;
}

/* Close button */
.popup-close {
    position: absolute;
    top: -10px;
    right: -12px;
    font-size: 40px;
    cursor: pointer;
    color: #fff;
    background-color: #912924;
    width: 37px;
    border-radius: 50%;
    text-align: center;
    height: 37px;
    line-height: 38px;
}

/* Animation */
@keyframes popupFade {
  from {opacity: 0; transform: scale(0.9);}
  to {opacity: 1; transform: scale(1);}
}

.main-teach-box {
    display: flex;
    /* flex: 0 0 50%; */
    gap: 10px;
}

.teach-box {
    width: 50%;
}

.teach-box input {
    border: 1px solid #d7d7d7;
    border-radius: 0;
    box-shadow: none;
    background-color: #f7f7f7;
    min-height: 50px;
}

.teach-box-full {
    width: 100%;
}

.teach-box select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
   background-color: #f7f7f7;
    border: 1px solid #d7d7d7;
    min-height: 50px;
}

.teach-form-content h2 {
    font-size: 28px;
    color: #932722;
    margin-bottom: 3px;
}

.teach-box-full p label {
    font-size: 18px;
}


.contact-form p label {
    font-size: 17px;
    
}

.contact-form-page input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    background-color: #f7f7f7;
    border: 1px solid #d3d3d3;
    min-height: 45px;
    border-radius: 0;
    box-shadow: none;
}

.contact-form-page textarea.wpcf7-form-control.wpcf7-textarea {
    height: 130px !important; background-color: #f7f7f7; border: 1px solid #d3d3d3; border-radius: 0;
    box-shadow: none;
}
footer a {
    word-wrap: break-word;
}
.contact-iframe iframe {
    float: left;
    height: 400px;
}
.copyright p {
    margin: 0;
}

.bottom-widget {
    font-family: 'Roboto', sans-serif;
    display: none;
    position: fixed;
    background: #222222;
    z-index: 9;
    width: 100%;
    height: 55px;
    bottom: 0;
    box-shadow: 0 -2px 5px #0000002e;
    left: 0;
    right: 0;
}

.bottom-widget .widget-inner {
    display: grid;
    grid-auto-columns: minmax(33.33%,auto);
    grid-template-columns: repeat(auto-fill,minmax(33.33%,1fr));
    grid-gap: 0;
    height: 100%;
}

.bottom-widget .widget-inner a {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    text-decoration: none;
    color: #ffffff;
    font-size: 14px;
    position: relative;
    font-weight: 500;
    background: #952520;
    gap: 5px;
    align-items: center;
}

.bottom-widget .widget-inner a::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-right: 1px solid;
    border-color: rgb(255 255 255 / 20%);
}
.bottom-widget .widget-inner .wapp {
    background: #49a760;
}
.bottom-widget a.locate-us{
    background:#eda742;
    color:#222222;
}

.bottom-widget .widget-inner a:last-child::after{ border-right: none; }
.bottom-widget .widget-inner a i.fa { font-size: 20px; }
.kingster-copyright-wrapper {   padding-bottom: 55px; }

.widget-inner a:first-child i {
    transform: rotate(95deg);
}

#rmp-container-1898 {
    
    background-color: #1c1c1c !important;
   
}

/*-----------------
    #Media Query
-------------------*/


@media (min-width: 1600px) {
  
  .why-choose-main-box { width:76%;}
  
  
}

@media (max-width:1366px) {
    body .banner-top {
        height: 100% !important;
    }
}

@media (max-width:1260px) {
    .main-content-area.box-content.box-content-three {
        left: -660px;
    }
    .main-content-area.box-content p {
        width: 100%;
        max-width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 1025px){
    .event-section {
        background-image: linear-gradient(to left, #952520 35%, transparent 35%);
    }
}

@media screen and (max-width: 1024px){
    .nobr .elementor-heading-title br { 
        display:none; 
    }  
    #rmp_menu_trigger-1898 {
        right: 1%;
    }
}

@media screen and (min-width: 768px) {
    .midline::before {
        background: #ffffff;
        border: 3px solid #952520;
        border-radius: 50%;
        content: "";
        height: 20px;
        right: -9px;
        margin: 0 0 0 -10px;
        position: absolute;
        top: -5px;
        width: 20px;
        z-index: 10;
        left: auto;
    }
    .midline::after {
        content: '';
        background-image: linear-gradient(180deg, #952520, transparent);
        width: 2px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
    }
}

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

    .why-choose-section:before {
        background-image: none!important;
    }

    .custom-posts-grid {
        
        grid-template-columns: repeat(1, 1fr);
       
    }

    .custom-post-card .post-content h3 {
        font-size: 22px;
        
    }

    div#respond {
        padding: 25px;
    }

    h3#reply-title {
        font-size: 25px;
    }

    .blog-title-banner img {
        height: 70dvh;
        object-fit: cover;
    }

    .main-content-area.box-content.box-content-two {
        left: 0;
    }

    .main-content-area.box-content.box-content-three {
        left: 0;
    }
    .set-curv img {
        width: 100%;
    }
    .contact-iframe iframe {
        height: 200px;
    }   
    .bottom-widget { 
        display: block; 
    }
}

@media (max-width:500px) {
    #rmp_menu_trigger-1898 {
        top: 12px;
    }
    #rmp_menu_trigger-1898 {
        width: 42px;
        height: 42px;
    }
    #rmp_menu_trigger-1898 .responsive-menu-pro-inner::after {
        bottom: 8px;
    }
    #rmp_menu_trigger-1898 .responsive-menu-pro-inner::before {
        top: 8px;
    }
}