/*
Theme Name: Axiom Nepal
Author: Delta Creation
Description: Axiom Nepal
Version: 1.0.1
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.en.html
Text Domain: dcpl-axiom-nepal

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
	
/* Normalize
--------------------------------------------- */

.swiper-wrapper {
    padding: 0;
}

blockquote, q {
  background-image: url(./assets/images/bg-img.png);
  position: relative;
}
blockquote::after, q::after {
  content: '';
  background-image: url(./assets/images/quote.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 90px;
  height: 90px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
}
.wpcf7-form .d-flex {
    display: flex;
    column-gap: 72px;
}

.wpcf7-form .d-flex p {
    width: 100%;
}

.wpcf7-form input,
.wpcf7-form textarea {
    width: 100%;
    margin-bottom: 48px;
    border: none ;
    border-bottom: 1px solid #DEDEDE ;
    border-radius: 0 ;
    padding-bottom: 16px ;
}
.contact-section .wpcf7-form input, .contact-section .wpcf7-form textarea{
	border: none !important;
    border-bottom: 1px solid #DEDEDE !important;
    border-radius: 0 !important;
    padding-bottom: 16px !important;
}
.wpcf7-form textarea {
    height: 120px;
}

.wpcf7-form input[type=submit] {
    width: fit-content;
    border: none;
    background-color: #F8AE11;
    padding: 16px 32px;
    border-radius: 72px;
    cursor: pointer;
    transition: ease all .4s
}

.wpcf7-form input[type=submit]:hover {
    background-color: #125FA5;
    color: #fff;

}

.main-footer .footer-group input {
    background: transparent;
    border: 1px solid #D6D6D6;
    border-radius: 8px;
    padding: 10px 16px;
    color: #EFEFEF;

}

.main-footer .footer-group input::placeholder {
    color: #EFEFEF;
}

.main-footer .footer-group .wpcf7-form {
    position: relative;
    margin-top: 32px;
}

.main-footer .footer-group .wpcf7-submit {
    font-size: 0;
    background-image: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_165_777)"><path d="M19.955 0.946857C20.0004 0.833277 20.0116 0.708852 19.987 0.589007C19.9624 0.469161 19.9032 0.359166 19.8167 0.272658C19.7302 0.18615 19.6202 0.126933 19.5003 0.102349C19.3805 0.0777645 19.256 0.0888939 19.1425 0.134357L0.958711 7.40811H0.957461L0.392461 7.63311C0.285448 7.67579 0.192318 7.74723 0.123355 7.83952C0.0543929 7.93181 0.0122831 8.04137 0.00167746 8.15609C-0.00892821 8.27081 0.0123829 8.38624 0.0632569 8.48961C0.114131 8.59298 0.192588 8.68027 0.289961 8.74186L0.802461 9.06686L0.803711 9.06936L7.04746 13.0419L11.02 19.2856L11.0225 19.2881L11.3475 19.8006C11.4092 19.8976 11.4966 19.9757 11.5999 20.0262C11.7032 20.0768 11.8184 20.0979 11.9329 20.0871C12.0474 20.0764 12.1567 20.0343 12.2488 19.9654C12.3409 19.8966 12.4123 19.8036 12.455 19.6969L19.955 0.946857ZM17.6637 3.30936L8.29621 12.6769L8.02746 12.2544C7.97822 12.1768 7.91249 12.1111 7.83496 12.0619L7.41246 11.7931L16.78 2.42561L18.2525 1.83686L17.6637 3.30936Z" fill="white"/></g><defs><clipPath id="clip0_165_777"><rect width="20" height="20" fill="white" transform="translate(0 0.0893555)"/></clipPath></defs></svg>');
    padding: 25px;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    background-color: #F8AE11;
    border: none;
    border-radius: 0 8px 8px 0;
    background-repeat: no-repeat;
    background-position: center;
    right: 0;
}

.join-trainer-section input,
.join-trainer-section select,
.join-trainer-section textarea {
    background-color: #EFEFEF;
    width: 100% !important;
    padding: 16px 24px !important;
    border: none !important;
    border-radius: 8px !important;
    margin-bottom: 32px !important;
    color: #686868 !important;
    font-weight: 500 !important;
}

.join-trainer-section .d-flex {
    column-gap: 48px !important;
    align-items: end;
}

.join-trainer-section h4 {
    margin-bottom: 32px;
}

.join-trainer-section .mt-28 {
    margin-top: 28px;
}

.join-trainer-section input[type=file] {
    width: fit-content;
}

.header-top__right .btn-primary,
.header-top__right .btn-outline {
    color: black;
    width: 170;
    gap: 8px;
    padding: 12px 32px;
    border-radius: 72px;
}

.site-header .desktop-header .desktop-header-top .header-top__wrapper .header-top__right{
    gap: 32px;
}
.header-top__right .btn-primary {
    background-color: #F8AE11;
}
.header-top__right .btn-primary:hover {
    color: #fff;
}
.header-top__right .btn-outline {
   border: solid 1px black;
}
.header-top__right .btn-outline:hover {
    border: solid 1px #F8AE11;
    background-color: #F8AE11;
 }

.notification-section .content-heading-title {
    display: flex;
    gap: 16px;
    color: #125FA5;
  }
  
  .notification-section .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 24px;
  }
  .notification-section .content .notice-carousel {
    max-width: calc(100% - 200px);
    border-left: solid 3px #F8AE11;
    padding-left: 24px;
  }
  
  .notification-section .content .notice-carousel .swiper-button-next {
    right: 0px !important;
    left: unset !important;
    rotate: 90deg;
  }
  .notification-section .content .notice-carousel .swiper-button-prev {
    right: 30px !important;
    left: unset !important;
    rotate: -90deg;
  }
  .notification-section .content .notice-carousel .swiper-button-next, .notification-section .content .notice-carousel .swiper-button-prev {
    border: none !important;
    top: 22px !important;
  }
  
  .notification-section .swiper-button-next::after, 
  .notification-section .swiper-button-prev::after {
    display: none;
      /* content: "";
      font-family: icomoon;
      font-size: 16px;
      color: #F8AE11;
      padding: 12px; */
  }
  
  .notification-section .swiper-wrapper{
   padding: unset;
  }
  
  .notification-section .content .notice-carousel a {
    color: #125FA5;
  }
  
  .notice-section .content .notice-carousel .swiper-wrapper {
    padding: 18px 0;
    margin-left: 24px;
  }
  
  

.notification-section .content .swiper-slide{
    justify-content: flex-start !important;
    align-items: flex-start !important;
}
.notification-section .content .swiper-slide a{
    padding-right: 40px;
}
.notice-carousel .swiper-button-prev::before, .notice-carousel .swiper-button-next::before{
    background-color: #F8AE11;
} 
@media screen and (max-width: 672px) {
    .notification-section .content{
        flex-direction: column;
    }
    .notification-section .content .notice-carousel{
        max-width: 100%;
    }
  /* .notice-section .content .notice-carousel {
    max-width: 100%;
    padding-bottom: 20px;
  }

  .notice-section .content .notice-carousel .swiper-wrapper {
    margin-left: 0;
  }

  .notice-section .content .notice-carousel .swiper-button-next,
  .notice-section .content .notice-carousel .swiper-button-prev {
    bottom: 10px;
    top: unset;
  }

  .notice-section .content .notice-carousel .swiper-button-prev {
    right: unset;
    left: 0px;
  }

  .notice-section .content .notice-carousel .swiper-button-next {
    right: unset;
    left: 40px;
  } */
}


.site-header .header-top .header-top__wrapper {
    justify-content: space-between;
    padding: 16px 0;
  }
  
  .site-header .top-header {
    background: #002445 !important;
  }
  
  .site-header .contact-info {
    color: white;
  }
  @media screen and (max-width: 464px) {
    .site-header .contact-info {
      flex-grow: 1;
    }
  }
  
  .site-header .contact-info:not(:first-child) {
    border-left: 1px solid var(--axiom-secondary-color);
    padding-left: 32px;
  }
  
  .site-header .contact-info span,
  .site-header .contact-info a {
    color: white !important;
  }
  
  @media screen and (min-width: 992px) {
    .site-header .header-top {
      background: #002445 !important;
    }
  }
  
  .site-header .header-top .header-top__wrapper .top-left {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
    flex-grow: 1;
  }
  
  .site-header .contact-info .info {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  
  .site-header .contact-info .location svg {
    margin-top: 6px;
  }
  
  .social-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    color: white;
  }
  
  .social-networks {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 6px;
  }
  
  .social-networks li:hover{
    /* color: rgba(255, 255, 255, 0.8) !important; */
    fill: rgba(255, 255, 255, 0.8) !important;
  }
  
  @media screen and (min-width: 992px) {
    .social-networks {
      gap: 20px;
    }
  }
  
  .social-networks li a {
    color: var(--law-text-primary);
  }
  
  .social-networks li a svg {
    width: 16px;
    height: 16px;
  }
  
  @media screen and (min-width: 992px) {
    .social-networks li a svg {
      width: 20px;
      height: 20px;
    }
  }
  
  .social-networks li a:hover svg path {
    fill: var(--law-secondary-color);
  }
  
  @media screen and (max-width: 464px) {
    .site-header .contact-info:not(:first-child) {
        border-left: 0px solid var(--axiom-secondary-color);
        padding-left: 0px;
    }
  }

  .site-footer .main-footer .container .main-footer__wrapper .footer-group{
    min-width: 200px;
  }
