/*
Theme Name: The7
Theme URI: https://the7.io/
Author: Dream-Theme
Author URI: https://dream-theme.com/
Description: Any design, any layout. No coding required. The7 is the most customisable WordPress theme on the market up to date. Add the power of Visual Composer, The7 Post Types, Ultimate Addons, Slider Revolution, and WooCommerce to the mix, and you'll get the ultimate web-site building toolkit! Theme is translation ready, compatible with WPML, SEO and mobile friendly (certified by Google).
Version: 12.1.1
Tested up to: 6.6.2
Requires PHP: 7.0.0
Requires at least: 6.6.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: https://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: https://themeforest.net/licenses/regular_extended
License URI: License.txt
Tags: multipurpose, responsive, retina ready, SEO ready, mobile friendly, iOS, material design, clean, minimal, business, corporate, portfolio, creative, photography, one page site, micro site
Text Domain: the7mk2
*/

.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor,
.main-page {}

body h1,h2,h3,h4,h5,h6,p{margin:0px !important;padding:0px !important;}

.fixed-header.active-toper{animation-name: fadeInDown;animation-duration: 1s;animation-fill-mode: both;opacity: 0;box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.2);}
.active-toper{position: fixed;top: 0;right: 0;left: 0;z-index: 1030;}

@keyframes fadeInDown {
    from {
        transform: translate3d(0, -200px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

 
.active-toper .amal_logo img{transition:all 0.5s ease;width:65% !important;}

.amal_time_logo img{transition:all 0.8s ease;}
.active-toper .amal_time_logo img{transition:all 0.5s ease;width:55px !important;}


.top-arrow a{position:relative;}
.top-arrow a:before{position:absolute;content:"";left:-6px;top:-6px;height:100%;width:100%; border-image: linear-gradient(to right, rgb(42, 47, 111) 0%, rgb(255, 255, 255) 100%) 1;border-width: 1px;border-style: solid;transition:all 0.5s ease;}

.top-arrow a:hover:before{top:6px;left:6px;transition:all 0.5s ease;border-image: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(37, 152, 211) 100%) 1;}

.home_banner_images .slick-slide img{width:100%;}

.banner_image{position:relative;padding:0px 30px}
.banner_liners {position: absolute;bottom: 40px;left: 70px;}

.home_banner_images{overflow:hidden;}

.home_banner_images .slick-slide .banner_image{position:relative;transition:all 0.5s ease;top:40px;}
.home_banner_images .slick-slide.slick-active .banner_image{position:relative;transition:all 0.5s ease;top:0;}


.banner_liners h2{font-family: "Bebas Neue";
font-size: 40px;
font-style: normal;
font-weight: 400;color:#fff;
line-height: normal;
letter-spacing: 3px;
text-transform: capitalize;}

.banner_liners h2 span{color: #FFF;
font-family: "Open Sans";
font-size: 16px;display:block;
font-style: normal;
font-weight: 400;
line-height: 30px;letter-spacing:0px;
text-transform: lowercase;}


.home_banner_images button.slick-next {
  right: 170px;
  bottom: 40px;
  top: auto;
  border: 1px solid #fff;
  height: 40px;
  width: 40px;transition:all 0.5s ease;
}

.home_banner_images button.slick-next:hover{transition:all 0.5s ease;background-color:#2A2F6F;}
.home_banner_images button.slick-prev:hover{transition:all 0.5s ease;background-color:#2A2F6F;}

.home_banner_images button.slick-prev {left: auto;right: 230px;top: auto;bottom: 40px;  border: 1px solid #fff;
  height: 40px;transition:all 0.5s ease;
  width: 40px;}
 
.home_banner_images .slick-slide .banner_liners h2{opacity: 0;transform: translatey(100px);transition: all 1s ease-in-out;}

.home_banner_images .slick-slide.slick-active .banner_liners h2{opacity: 1;transform: translatey(0px);transition: all 1s ease-in-out 200ms;}

.home_banner_images button.slick-next:before {content: "";background: url("https://pixeldigitalagency.com/clients/amalorpavam-sports-school/wp-content/uploads/2024/11/right-arrow.webp") no-repeat scroll 0 0 transparent;width: 12px !important;height: 22px !important;position: absolute;bottom: 8px;right:14px;}

.home_banner_images button.slick-prev:before {content: "";background: url("https://pixeldigitalagency.com/clients/amalorpavam-sports-school/wp-content/uploads/2024/11/left-arrow.webp") no-repeat scroll 0 0 transparent;width: 12px !important;height: 22px !important;position: absolute;bottom: 8px;right:14px;}

.read_more_buton a{position:relative;}
.read_more_buton a:before{position:absolute;content:"";left:-6px;top:-6px;height:100%;width:100%; border-image: linear-gradient(to right, rgb(42, 47, 111) 0%, rgb(255, 255, 255) 100%) 1;border-width: 1px;border-style:solid;transition:all 0.5s ease;}
.read_more_buton.white_btn a:before{border-image: none;border-color: white;}
.read_more_buton a:hover:before{top:6px;left:6px;transition:all 0.5s ease;border-image: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(37, 152, 211) 100%) 1;}

.read_mre a span.elementor-button-content-wrapper{position:relative;}
.read_mre a span.elementor-button-content-wrapper span.elementor-button-icon{position: absolute;right: -25px;transition:all 0.5s ease;}
.read_mre a:hover span.elementor-button-content-wrapper span.elementor-button-icon{transition:all 0.5s ease;right: -35px;}
.read_mre a span.elementor-button-content-wrapper:before{position:absolute;content:"";left:0;bottom:-7px;width:105px;height:1px;background-color:#fff;transition:all 0.5s ease;}
.read_mre a:hover span.elementor-button-content-wrapper:before{width:115px;background-color:#4898d3;transition:all 0.5s ease;}

.read_mre.next-flow a:hover span.elementor-button-content-wrapper:before{background-color:#fff;}

span.elementor-button-icon{position:relative;transition:all 0.5s ease;}
.read_mre a:hover span.elementor-button-icon{transition:all 0.5s ease;}


.menu_popup .menu-item,
.menu_popup .vertical-sub-nav {
  transition: 0.5s all;
}

.menu_popup .vertical-sub-nav {
  opacity: 0;
  visibility: hidden;
  transform: translateX(-10px);
}

.menu_popup ul li.menu-item-has-children .menu-text {
  position: relative;
  padding-right: 25px;
}

.menu_popup ul li.menu-item-has-children > a .menu-text::before {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  background-size: cover;
  right: -5px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(https://pixeldigitalagency.com/clients/amalorpavam-sports-school/wp-content/uploads/2024/12/menu-arrow.webp);
}

.menu_popup .menu-item:hover .vertical-sub-nav {
  opacity: 1;
  visibility: visible;
  transform: translateX(-10px);
}

.blur-box{backdrop-filter: blur(5px);background: rgba(255, 255, 255, 0.75);}

.read_mre.next-flow.blue a span.elementor-button-content-wrapper:before{background-color:rgba(25, 54, 122, 1);}
.read_mre.next-flow.blue a:hover span.elementor-button-content-wrapper:before{background-color:#4898d3;}

.read_mre.next-flow.blue.jon a span.elementor-button-content-wrapper::before {width:80px;}

.schools-lsting-top{position:relative;}


.schools-lsting-btm{position:relative;}
.schools-lsting-btm::before {width: 25px;height: calc(200px + 60px);background-color: rgba(42, 47, 111, 0.15);left: -60px;right: unset;bottom: -60px;position: absolute;content: '';top: unset;}
.schools-lsting-btm::after {width: calc(200px + 60px);height: 25px;background-color: rgba(42, 47, 111, 0.15);right: unset;left: -35px;top: unset;bottom: -60px;position: absolute;content: '';}


.white_icons svg{
  filter: invert(1) brightness(100);
}
/* .admission_iocn_list ul.elementor-icon-list-items{
  display: flex;
  flex-direction: column;
  gap: 20px;
} */
.admission_iocn_list .elementor-icon-list-items>li{
  padding: 20px;
  transition: 0.3s all;
  background: #f6f6f6;
}
.admission_iocn_list .elementor-icon-list-items>li:hover{
  box-shadow: 0px 1px 2px rgba(72, 153, 211, 0.25);
}


.form_section form,
.form_section form .checkboxes_section .form_checkboxes{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.form_section form .full_cont{
  width: 100%;
}
.form_section form .half_cont{
  width: calc(50% - 10px);
}

.form_section form p span input,
.form_section form p span select{
  margin-bottom: 0 !important;
  color: black;
}
::placeholder,
.form_section form p span select option:disabled {
  color: black !important;
  opacity: 0.4 !important;
  pointer-events: none; 
}

.form_section form .full_cont textarea{
  height: 120px ;
  resize: none;
}
.form_section form .checkboxes_section{
  padding: 20px;
  background: #f6f6f6;
}
.form_section form .checkboxes_section h5{
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 1.5px;
  font-weight: 400 !important;
}
.form_section form .checkboxes_section .wpcf7-form-control.wpcf7-checkbox{
  gap: 10px !important;
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}
.form_section form .checkboxes_section .wpcf7-list-item{
  width: calc(50% - 5px);
  margin: 0 !important;
}
.form_section form .checkboxes_section .wpcf7-list-item label{
  color: #404040;
  font-size: 14px;
}

.form_section form .form_btn{
  display: flex;
  margin: 20px auto 0 auto;
}
.form_section form .form_btn input{
  background:  #DE9A27 !important;
  transition: 0.3s all;
  font-family: "Bebas Neue", sans-serif !important;
  letter-spacing: 2px !important;
  font-weight: 400 !important;
  font-size: 18px !important;
}
.form_section form .form_btn input:hover{
  background:  #c78b23 !important;

}
.form_section form .form_btn p{
  position: relative;
}
.form_section form .form_btn .wpcf7-spinner{
  position: absolute;
  top: 7px;
  right: -60px;
  background-color: white !important;
}
.form_section form .form_btn .wpcf7-spinner::before{
  background-color: black !important;
}

.wpcf7-response-output{
  background: #2A2F6F !important;
  font-weight: 400 !important;
}
.get_in_touch_details .box-description,
.get_in_touch_details .box-description a{
  transition: 0.3s all;
}
.get_in_touch_details .box-description:hover,
.get_in_touch_details .box-description a:hover{
  color: #c78b23 !important;
}

.zero_rotate{
  animation: error_zero 20s infinite linear;
}
@keyframes error_zero {
  to{
    transform: rotate(360deg);
  }
}

.sp_tags .the7-image-box-wrapper{
  position: relative;
  overflow: hidden;
  transition: 0.3s all;
}
.sp_tags .the7-image-box-wrapper::before{
  position: absolute;
  content: '';
  bottom: 0;
  height: 5px;
  right: 0;
  width: 0;
  background-color: #549ed6;
  transition: 0.3s all;
}
.sp_tags .the7-image-box-wrapper:hover::before{
  width: 100%;
  left: 0;
  right: unset;
}
.sp_tags .the7-image-box-wrapper .elementor-image-div{
  transition: 0.3s all;
}
.sp_tags .the7-image-box-wrapper:hover .elementor-image-div {
  transform: scaleX(-1);
}
.play_icon .the7-svg-wrapper{
  position: relative;
}
.play_icon .the7-svg-wrapper::before,
.play_icon .the7-svg-wrapper::after {
  height: calc(100% + 20px);
  width: calc(100% + 20px);
  border-radius: 100%;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  transform: translate(-50%, -50%) scale(0.7);
}

.play_icon .the7-svg-wrapper::before {
  animation: play_animation 2s infinite ease-in-out;
  background-color: rgba(255, 255, 255, 0.7);
}

.play_icon .the7-svg-wrapper::after {
  animation: play_animation 2s infinite ease-in-out;
  animation-delay: 1s; /* Creates a smooth overlap */
  transform: translate(-50%, -50%) scale(0.4);
  background-color: rgba(255, 255, 255, 0.4);
}

@keyframes play_animation {
  0% {
    transform: translate(-50%, -50%) scale(0.7);
    opacity: 0.8;
  }
  50% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.5;
  }
  100% {
    transform: translate(-50%, -50%) scale(0.7);
    opacity: 0;
  }
}

.facilities_cards .the7-image-box-wrapper .img-css-resize-wrapper{
  transition: 0.3s all;
}
.facilities_cards .the7-image-box-wrapper:hover .img-css-resize-wrapper{
transform: scaleX(-1);
}
.achievements_gallery .elementor-gallery-item__content{
  position: static !important;
  background-color: #2A2F6F;
}
.achievements_gallery .elementor-gallery-item__title.elementor-animated-item--fade-in{
  opacity: 1 !important;
  padding: 7px;
  font-size: 16px;
  line-height: 24px;
}
.achievements_gallery .elementor-gallery-item__content, .elementor-gallery-item__overlay{
  height: unset !important;
  width: unset !important;
}
.achievements_gallery .elementor-item.elementor-gallery-title{
  padding: 7px 20px  !important;
  font-size: 28px !important;
  line-height: 36px !important;
}







































@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .menu_popup .dt-nav-menu > li > a {
    font-size: 20px !important;
    line-height: 25px !important;
  }
}


@media screen and (min-width: 1200px) { 
  .content_slider .dt-owl-item-heading{
    text-align: left;
  }
  .schools-lsting-top:before{width: 25px;height: calc(200px + 60px);background-color:rgba(42, 47, 111, 0.15);right: -60px;left: unset;top: -60px;position: absolute;content: '';}
.schools-lsting-top:after{width: calc(200px + 60px);height: 25px;background-color: rgba(42, 47, 111, 0.15);right:-35px;left: unset;top: -60px;bottom: unset;position: absolute;content: '';}
  .hp_sp_feater_card .elementor-widget-container .the7-box-wrapper{
    background: transparent !important;
  }
  .sports_program_grid .dt-css-grid{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
   
  }
  .sports_program_grid .dt-css-grid .wf-cell{
    width: calc(33.33% - 20px);
  }
  .sports_program_grid .dt-css-grid .wf-cell .the7-icon-box-grid{
    position: relative;
  }
  .sports_program_grid .dt-css-grid .wf-cell .the7-icon-box-grid .box-content-wrapper{
  position: relative;
  z-index: 3;
}
  .sports_program_grid .dt-css-grid .wf-cell .the7-icon-box-grid::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #4898D3;
    top: 0;
    left: 0;
    transform: translateY(100%);
    transition: 0.5s all;
  }
  .sports_program_grid .dt-css-grid .wf-cell:hover .the7-icon-box-grid::before{
    transform: translateY(0);
  }

  .homepage_slider .elementor-slides-wrapper{
    padding: 0 75px !important;
  }
 
  
  .homepage_slider .elementor-slides-wrapper .the7-swiper-slide{
    transform: scale(0.95);
    transform-origin: center bottom;
    transition: 0.5s all !important
  }
  
  .homepage_slider .elementor-slides-wrapper .the7-swiper-slide.swiper-slide-active{
    transform: scale(1) !important;
  }
  
  .popup_nav .dt-nav-menu > li {
    position: relative;
  }

  .popup_nav .dt-nav-menu > li > ul {
    position: absolute;
    top:0px !important;
    padding-left: 50px;
    border-left: solid rgba(0, 0, 0, 0.25) 1px;
    left: 110%;
    min-width: 350px;
  }
 
  .popup_nav .dt-nav-menu > li.menu-item-has-children:nth-child(7) > ul{
    top:-60px !important;
  }

  .popup_nav .elementor-widget-container {
    overflow: visible !important;
  }
}



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

  .error404 #main{
    padding: 50px 20px !important;
  }
 
  .desktop_break{
    display: none;
  }
    #elementor-popup-modal-58 .dialog-close-button svg {
        fill: var( --e-global-color-primary ) !important;
      }
  .menu_popup ul li.menu-item-has-children > a .menu-text::before {
    width: 12px;
    height: 12px;
    right: 5px;
  }

  .menu_popup .vertical-sub-nav {
    display: none;
  }

  .menu_popup .menu-item:hover .vertical-sub-nav {
    display: block;
  }
	
}

@media screen and (max-width:767px) {
  .form_section form .half_cont,
  .form_section form .checkboxes_section .wpcf7-list-item {
    width: 100%;
  }

}


@media screen and (max-width: 580px) {
  .achievements_gallery .elementor-item.elementor-gallery-title{
    padding: 7px 30px  !important;
  }
  .menu_popup {
    position: relative;
  }

  .menu_popup::before {
    position: absolute;
    content: "";
    width: 200px;
    background-image: url(https://pixeldigitalagency.com/clients/amalorpavam-sports-school/wp-content/uploads/2024/12/menu-logo.webp);
    background-size: cover;
    top: calc(100vh - 250px);
    left: calc(100vw - 250px);
    opacity: 0.05;
    height: 200px;
    animation: menu_bg_layer 2s infinite alternate-reverse ease-in-out;
  }

  @keyframes menu_bg_layer {
    from {
      transform: rotate(-3deg);
    }

    to {
      transform: rotate(3deg);
    }
  }
}