/*---------------------------------------
  CUSTOM PROPERTIES ( VARIABLES )             
-----------------------------------------*/
   @font-face {
      font-family: 'PFDinDisplayPro'; 
      src: url('../fonts/PFDinDisplayPro-Med.woff2') format('woff2'),
           url('../fonts/PFDinDisplayPro-Med.woff') format('woff');
           url('../fonts/PFDinDisplayPro-Med.ttf') format('ttf');		   
      font-weight: normal;
      font-style: normal; 
    }
::selection {
  background: #e35206 !important;
  color: #fff;
}

:root {
  --bg-color:#fff;#1b263a;
  --white-color:                  #ffffff;
  --primary-color:                #131313; 
  --secondary-color:              #E9C46A;
  --section-bg-color:             #f0f8ff;
  --custom-btn-bg-color:          #c34201; 
  --custom-btn-bg-hover-color:    #cb6a39; 
  --dark-color:                   #000000;
  --p-color:                      #555;
  --link-hover-color:             #f0bd44;
  --glow-color: #12d4ff;

  --body-font-family:             'PFDinDisplayPro', sans-serif;
  --bs-body-font-family:          'PFDinDisplayPro', sans-serif;
  
  --h1-font-size:                 46px;
  --h2-font-size:                 36px;
  --h3-font-size:                 28px;
  --h4-font-size:                 26px;
  --h5-font-size:                 24px;
  --h6-font-size:                 20px;
  --p-font-size:                  18px;
  --menu-font-size:               14px;
  --btn-font-size:                16px;
  --copyright-font-size:          14px;

  --border-radius-large:          100px;
  --border-radius-medium:         8px;
  --border-radius-small:          10px;

  --font-weight-light:            300;
  --font-weight-normal:           400;
  --font-weight-semibold:         600;
  --font-weight-bold:             700;
  
  
  --primary-cyan: #FCC300; #6fc;
  --primary-cyan-bg: #e0b110; #3c9;
}
footer.bg-dark {background-color:#686868 !important}

body {
  background-color: var(--bg-color);
  font-family: var(--body-font-family) !important; 
}

.btn-l {	
	font-size:1.4em !important;
}

section {
	
	margin-top:50px;
}

.gradient-border {
  border-bottom: 3px dotted transparent; /* Задаем ширину и прозрачность для рамки */
  border-image: linear-gradient(90deg,#ffffff, #ffffff, #569fe8,#ffffff, #ffffff) 5; /* Применяем градиент */
  padding-bottom:30px;
}

/*---------------------------------------
  TYPOGRAPHY               
-----------------------------------------*/

h2,
h3,
h4,
h5,
h6 {
  color: var(--primary-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--font-weight-bold);
}

h1 {
  font-size: var(--h1-font-size);
  color: var(--primary-color);
  
}

h2 {
  font-size: var(--h2-font-size);
    color: var(--primary-color);
}

h3 {
  font-size: var(--h3-font-size);
}

h4 {
  font-size: var(--h4-font-size);
}

h5 {
  font-size: var(--h5-font-size);
}

h6 {
  color: var(--secondary-color);
  font-size: var(--h6-font-size);
}

p {
  color: var(--p-color);
  font-size: var(--p-font-size);
  font-weight: var(--font-weight-normal);
}

ul li {
  color: var(--p-color);
  font-size: var(--p-font-size);
  font-weight: var(--font-weight-normal);
}

a, 
button {
  touch-action: manipulation;
  transition: all 0.3s;
}

a {
  display: inline-block;
  color: var(--primary-color);
  text-decoration: none;
}

a:hover {
  color: var(--link-hover-color);
}

b,
strong {
  font-weight: var(--font-weight-bold);
}

  .navbar-brand img {width:250px;}
/*---------------------------------------
  SECTION               
-----------------------------------------*/
.section-padding {
  padding-top: 10px;
  padding-bottom: 10px;
}

::selection {
  background-color: var(--secondary-color);
  color: var(--white-color);
}

.menu-front a {color:#242424; font-size:0.9em; font-weight:bold; background:#ececec; display:block; width:auto; padding:10px;}
@media screen and (max-width: 991px) {
.menu-front a {color:#242424;  font-size:11px; font-weight:bold;}
}
@media screen and (max-width: 580px) {
.menu-front {margin-top:10px;}
.menu-front a {color:#242424; font-size:11px; font-weight:bold; text-align:left; background:#ececec; 
}	
}
/*---------------------------------------
  AVATAR IMAGE               
-----------------------------------------*/
.avatar-image {
  border: 4px solid var(--white-color);
  border-radius: 100px;
  width: 60px;
  height: 60px;
  object-fit: cover;
}

.avatar-image-left {
  position: relative;
  left: -10px;
}

.avatar-image-left + .avatar-image-left {
  left: -20px;
}

.avatar-image-left + .avatar-image-left + .avatar-image-left {
  left: -30px;
}

.avatar-image-left + .avatar-image-left + .avatar-image-left + .avatar-image-left {
  left: -40px;
}

.avatar-group,
.reviews-group {
  position: relative;
  z-index: 22;
}

.reviews-group {
  display: inline-block;
  vertical-align: top;
}

.reviews-group strong {
  font-size: var(--h3-font-size);
  margin-right: 10px;
}


/*---------------------------------------
  CUSTOM LINK              
-----------------------------------------*/
.link {
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  color: var(--white-color);
}

.link::before,
.link::after {
  position: absolute;
  width: 100%;
  height: 1px;
  background: currentColor;
  top: 100%;
  left: 0;
  pointer-events: none;
}

.link::before {
  content: '';
}

.link--kale::before {
  height: 10px;
  top: 100%;
  opacity: 0;
}

.link--kale:hover::before {
  opacity: 1;
  animation: lineUp 0.3s ease forwards;
}

@keyframes lineUp {
    0% {
      transform-origin: 50% 100%;
      transform: scale3d(1, 0.045, 1);
    }

    50% {
      transform-origin: 50% 100%;
      transform: scale3d(1, 1, 1);
    }

    51% {
      transform-origin: 50% 0%;
      transform: scale3d(1, 1, 1);
    }

    100% {
      transform-origin: 50% 0%;
      transform: scale3d(1, 0.045, 1);
    }
}

.link--kale::after {
    content: '';
    transition: opacity 0.3s;
    opacity: 0;
    transition-delay: 0s;
}

.link--kale:hover::after {
    opacity: 1;
    transition-delay: 0.3s;
}


/*---------------------------------------
  CUSTOM BUTTON               
-----------------------------------------*/

.button-glow {
  background: none;
  border: 2px solid #12d4ff;
  border-radius: var(--border-radius-medium);
  color: var(--white-color);
  line-height: normal;
  transition: all 0.3s;
  padding: 10px 20px;
 margin: 0 20px;  
	
}

.custom-btn {
  background:   var(--custom-btn-bg-color);
  border: 2px solid transparent;
  border-radius: var(--border-radius-medium);
  color: var(--white-color);
  font-size: var(--btn-font-size);
  font-weight: var(--font-weight-semibold);
  line-height: normal;
  transition: all 0.3s;
  padding: 5px 15px;
    letter-spacing: 1px;
}

.custom-btn:hover {
  background: var(--custom-btn-bg-color);
  color: var(--white-color);
}

.custom-border-btn {
  background: var(--custom-btn-bg-color);
  border: 2px solid var(--custom-btn-bg-color);

}

.custom-border-btn:hover {
  background: var(--custom-btn-bg-hover-color);
  /*border-color: transparent;*/
  color: var(--white-color);
  border-color:var(--custom-btn-bg-hover-color);
}

.custom-btn-bg-white {
  border-color: var(--white-color);
  color: var(--white-color);
}


.btn-inverted {
  background: var(--bg-color);
  color: var(--primary-cyan-bg);
}

.btn-naira {
  padding: 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.btn-naira::before {
  content: '';
  position: absolute;
  left: -50%;
  width: 200%;
  height: 200%;
  background: var(--primary-color);
  top: -50%;
  z-index: -1;
  -webkit-transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg);
  transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg);
}

.btn-naira.btn-inverted::before {
  background: var(--primary-color);
}

.btn-naira > span {
  display: block;
  vertical-align: middle;
}

.btn-naira .btn-icon {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  color: var(--white-color);
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

.btn-naira > span,
.btn-naira .btn-icon {
  padding: 10px 20px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.btn-naira:hover::before {
  -webkit-animation: anim-naira-1 0.3s forwards ease-in;
  animation: anim-naira-1 0.3s forwards ease-in;
}

@-webkit-keyframes anim-naira-1 {
  50% {
    -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
    transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
    transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes anim-naira-1 {
  50% {
    -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
    transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
    transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
  }
}

.btn-inverted:hover {
  background-color: var(--primary-color);
  -webkit-transition: background-color 0s 0.3s;
  transition: background-color 0s 0.3s;
}

.btn-custom.btn-inverted:hover {
  background-color: var(--primary-color);
}

.btn-naira:hover .btn-icon {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.btn-naira:hover > span {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}


/*---------------------------------------
  NAVIGATION              
-----------------------------------------*/
.sticky-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

.sticky-wrapper.is-sticky .navbar {
  background-color: #e6e6e6;
}

.navbar {
  background: transparent;
  z-index: 99;
  padding-top: 15px;
  padding-bottom: 15px;
}

.navbar-brand,
.navbar-brand:hover {
  font-size: var(--h3-font-size);
  font-weight: var(--font-weight-bold);
  display: block;
  color: var(--white-color);
}

.navbar-brand-icon {
  background: var(--secondary-color);
  border-radius: var(--border-radius-large);
  display: inline-block;
  vertical-align: top;
  color: var(--white-color);
  font-size: var(--h6-font-size);
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: relative;
}

.navbar-brand-icon::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 10px;
  right: -5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 20px 20px;
  border-color: transparent transparent var(--secondary-color) transparent;
  pointer-events: none;
  transform: rotate(65deg);
}

.navbar-expand-lg .navbar-nav .nav-link {
  border-radius: var(--border-radius-large);
  margin: 10px;
  padding: 10px;
  letter-spacing: 2px;
}

.navbar-nav .nav-link {
  display: inline-block;
  color: var(--primary-color);
  font-size: var(--menu-font-size);
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.5px;
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
}

.navbar-nav .nav-link.active, 
.navbar-nav .nav-link:hover {
  color: var(--primary-color);
}

.navbar-toggler {
  border: 0;
  padding: 0;
  cursor: pointer;
  margin: 0;
  width: 30px;
  height: 35px;
  outline: none;
}

.navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background: transparent;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before,
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
  transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, transform 300ms 350ms ease, -webkit-transform 300ms 350ms ease;
  top: 0;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
  transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
  transform: rotate(-45deg);
}

.navbar-toggler .navbar-toggler-icon {
  background: var(--white-color);
  transition: background 10ms 300ms ease;
  display: block;
  width: 30px;
  height: 2px;
  position: relative;
}

.navbar-toggler .navbar-toggler-icon:before,
.navbar-toggler .navbar-toggler-icon:after {
  transition: top 300ms 350ms ease, -webkit-transform 300ms 50ms ease;
  transition: top 300ms 350ms ease, transform 300ms 50ms ease;
  transition: top 300ms 350ms ease, transform 300ms 50ms ease, -webkit-transform 300ms 50ms ease;
  position: absolute;
  right: 0;
  left: 0;
  background: var(--white-color);
  width: 30px;
  height: 2px;
  content: '';
}

.navbar-toggler .navbar-toggler-icon::before {
  top: -8px;
}

.navbar-toggler .navbar-toggler-icon::after {
  top: 8px;
}


/*---------------------------------------
  HERO        
-----------------------------------------*/
.hero-section {
  background-image: url('../images/businessman-sitting-by-table-cafe.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  padding-top: 50px;
}

.hero-section::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.45);
}

.hero-section .row {
  position: relative;
  z-index: 22;
  top: 100px;
}

.hero-image {
  position: relative;
  z-index: 2;
  bottom: 100px;
  display: block;
  margin: auto;
}

@media screen and (min-width: 991px) {
  .hero-section {
    height: calc(90vh - 88px);
    padding-top: 350px;
  }
}


/*---------------------------------------
  FEATURED              
-----------------------------------------*/
.featured-section {
  background-color: var(--custom-btn-bg-color);
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
}

.featured-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 450px 450px;
  border-color: transparent transparent var(--white-color) transparent;
  pointer-events: none;
}


/*---------------------------------------
  CUSTOM BLOCK              
-----------------------------------------*/
.custom-block {
  background-image: url('../images/businessman-sitting-by-table-cafe.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: var(--border-radius-medium);
  position: relative;
  overflow: hidden;
}

.custom-block::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.45);
}

.custom-block .avatar-image {
  min-width: 60px;
  margin: auto;
  left: 0;
}

.custom-block .bi-star {
  color: var(--white-color);
}

.custom-block .bi-star-fill {
  color: var(--secondary-color);
}

.custom-block-image-wrap {
  background-color: rgba(231, 111, 81, 0.85);
  border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium);
  position: relative;
  z-index: 2;
  overflow: hidden;
  margin: auto;
  padding: 25px 45px;
}

.custom-block-info {
  position: relative;
  z-index: 2;
  padding: 30px;
}

.custom-block-info strong,
.custom-block-info p {
  color: var(--white-color);
}

.custom-block-info p {
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.8;
}


/*---------------------------------------
  DIVIDER SECTION               
-----------------------------------------*/
.divider-section {
  background-image: url('../images/wave-haikei.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}


/*---------------------------------------
  CONTACT               
-----------------------------------------*/
.contact-section {
  background: var(--custom-btn-bg-color);
  position: relative;
  overflow: hidden;
}

.contact-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 450px 450px 0 0;
  border-color: var(--white-color) transparent transparent;
  pointer-events: none;
}

.contact-section .container {
  position: relative;
}

.contact-section p {
  color: var(--white-color);
  font-size: var(--h6-font-size);
}

.contact-link {
  color: var(--white-color);
}

.contact-section .copyright-text {
  font-size: var(--copyright-font-size);
}


/*---------------------------------------
  EBOOK DOWNLOAD FORM               
-----------------------------------------*/
.ebook-download-form {
  border-radius: var(--border-radius-medium);
  position: relative;
  z-index: 2;
  padding: 50px;
}


/*---------------------------------------
  SOCIAL ICON               
-----------------------------------------*/
.social-icon {
  margin: 0;
  padding: 0;
}

.social-icon-item {
  list-style: none;
  display: inline-block;
  vertical-align: top;
}

.social-icon-link {
  background: var(--secondary-color);
  border-radius: var(--border-radius-large);
  color: var(--white-color);
  font-size: var(--copyright-font-size);
  display: block;
  margin-right: 10px;
  text-align: center;
  width: 35px;
  height: 35px;
  line-height: 36px;
  transition: background 0.2s, color 0.2s;
}

.social-icon-link:hover {
  background: var(--primary-color);
  color: var(--white-color);
}

.btn-main {margin-top:-120px;}
.interest {padding-left:40px;}
.img-main {width:100% ; margin-bottom:0px;}
#section_1 {margin-top:100px; background:url(images/41.jpg) no-repeat; background-position: center center; padding:30px 0 90px 0;}
.btn-first {z-index:700; margin-left:5px;margin-top:-20px;	}

/*---------------------------------------
  RESPONSIVE STYLES               
-----------------------------------------*/
@media screen and (max-width: 991px) {
  h1 {
    font-size: 48px;
  }

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 32px;
  }

  h4 {
    font-size: 28px;
  }

  h5 {
    font-size: 18px;
  }

  h6 {
    font-size: 18px;
  }

  .section-padding {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  
  .navbar {
    background-color: rgba(0, 0, 0, 0.65);
  }

  .navbar-expand-lg .navbar-nav {
    padding-bottom: 20px;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 0;
  }

  .scrollspy-example-2 .scrollspy-example-item:first-child {
    padding-top: 0;
  }

  .scrollspy-example-item h5 {
    padding-bottom: 5px;
  }

  .book-section-info {
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .ebook-download-form {
    padding: 30px;
  }
   
   .navbar-brand img {
		width:180px;
   }	

   .btn-main {margin-top:-150px;} 
   .interest {padding-left:0;margin-top:30px;}
   .img-main {width:100% ; margin-bottom:50px;}
	#section_1 {margin-top:80px; background:url(images/41.jpg) no-repeat; background-position: center center; padding:30px 0 90px 0;}
	.btn-first {z-index:700; margin-left:5px;margin-top:40px;	}
}

@media screen and (max-width: 480px) {
  h1 {
    font-size: 30px;
  }

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 22px;
  }

  h4 {
    font-size: 22px;
  }

  h5 {
    font-size: 14px;
  }

  .navbar-brand {
    font-size: var(--p-font-size);
  }
  
   .navbar-brand img {
		width:120px;
   }	   

  .navbar-brand-icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }

  .navbar-brand-icon::after {
    top: 5px;
  }

  .btn-naira > span, 
  .btn-naira .btn-icon {
    font-size: 12px;
    padding: 5px 15px;
  }
  
  .btn-main {margin-top:-100px;margin-bottom:20px;}
  .interest {padding-left:0; margin-top:30px;}
  .img-main {width:100% ; margin-bottom:50px;} 
	#section_1 {margin-top:60px; background:url(images/41.jpg) no-repeat; background-position: center center; padding:30px 0 30px 0;}  
.btn-first {z-index:700; margin-left:5px;margin-top:50px;	}
	
	.custom-btn {
  border: 0px solid var(--primary-color);
  line-height: normal;
  transition: all 0.2s;
  padding: 7px 12px;
    letter-spacing:0px;
}
  
  
  p.card-text {font-size:11px !important; color:#565656 !important;}
}


.plan-features {
    list-style: none;
    margin-bottom: 3rem;
    text-align: left;
    margin-left:0;
    padding-left:0;
    width:100%;
    padding-inline-start:0px;
    display: flex;
    flex-wrap: wrap;
}

.plan-features li {
    padding: 1.3rem;
    color: var(--white-color);
    position: relative;
    border: solid 2px #40618B;
    border-radius:20px;
    font-weight: var(--font-weight-normal);
    font-size: 1.5em;
    margin-bottom:2rem;
    box-shadow: 0 0 25px #0d598e;
    background: linear-gradient(164deg,rgba(35, 60, 96, 1) 0%, rgba(35, 60, 96, 1) 34%, rgba(64, 97, 139, 1) 71%, rgba(64, 97, 139, 1) 100%);
    
    /* Убираем float и задаем ширину через Bootstrap классы */
    float: none;
    width: 100%;
    min-height:320px;
}

/* Для десктопных устройств - две колонки */
@media (min-width: 768px) {
    .plan-features li {
        width: calc(50% - 25px);
        margin-right: 0px;
        margin-left: 0px;
    }
    
    .plan-features li:nth-child(2n-1) {
        margin-right: 25px;
    }
}
		
		.glow-border {
            padding: 2rem;
            color: var(--white-color);
            position: relative;
            border: solid 1px var(--glow-color);
			border-radius:10px;
			font-weight: var(--font-weight-normal);
			font-size: 1em;
			margin-left:0;
			margin-bottom:2rem;
			text-shadow: 0 0 20px #b1ecff;
        }
		
		.grad {
			
	  background-image: linear-gradient(0deg,rgba(11, 108, 174, 1) 0%, rgba(11, 108, 174, 1) 30%, rgba(255, 255, 255, 1) 37%, rgba(255, 255, 255, 1) 70%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
		-webkit-box-decoration-break: clone;	
		font-size:1.1em;}

        /*.plan-features li::before {
            content: '▶';
            position: absolute;
            left: 0;
            color: var(--primary-cyan);
            font-size: 0.8rem ;
			top:20px;

        }*/
		
		.qa li {
			
			padding-right:160px;
		}
		
		/*.qa li::after {
            content: url(../images/arrow.png);
            position: absolute;
            right: 0;
			top: 50px;
            color: var(--primary-cyan);
            font-size: 1.8rem ;
			font-weight:normal;
						text-shadow: 0 0 20px rgba(0, 255, 255, 0.5);
        }*/
		
		.programm-time {
			 font-size: 1.3em ;
		            color: var(--primary-cyan);	
					font-weight:normal;
			/*text-shadow: 0 0 20px rgba(0, 255, 255, 0.5);*/
			padding-right: 20px;
			
			
		}
        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 3rem;
        }		
		
		.span-gray {font-size:0.8em; color:#bbb}

		
		        .feature-card {		
		    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    padding: 32px;
    border-radius: 24px;
    background: linear-gradient(134deg, rgba(55, 219, 255, 0) -7.34%, rgba(55, 219, 255, 0.15) 84.08%);
    box-shadow: -4px 4px 4px 0px rgba(55, 219, 255, 0.15) inset, 5.333px -5.333px 16.533px 0px rgba(55, 219, 255, 0.25) inset, -8px 8px 13.333px 0px rgba(255, 255, 255, 0.25) inset;
    -webkit-backdrop-filter: blur(5.3333334923px);
    backdrop-filter: blur(5.3333334923px);
				transition: 0.2s; }


.player1		{
background:url(images/play.png); 
background-size: cover;
box-shadow: 0 0 25px #0d598e;
float:left;	
min-height:320px;
background: #233C60;
background: linear-gradient(164deg,rgba(35, 60, 96, 1) 0%, rgba(35, 60, 96, 1) 34%, rgba(64, 97, 139, 1) 71%, rgba(64, 97, 139, 1) 100%);						
margin:0; padding:0; 
border-radius:20px;

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

  .plan-features li { 
  width:98%;
  font-size:1.2em;
  min-height:fit-content;
  margin-left:0;
  }
		.grad {font-size:1em;}
}	
				
				
				
				        .gallery-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        .gallery-item {
           /* flex: 0 0 calc(25% - 20px);
            max-width: calc(25% - 20px);*/
            box-sizing: border-box;
        }

        .gallery-item img {
            width: 100%;
            height: auto;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }

        .gallery-item img:hover {
            transform: scale(1.05);
        }

        /* Адаптивность для мобильных устройств */
        @media (max-width: 768px) {
            .gallery-item {
                flex: 0 0 calc(50% - 20px);
                max-width: calc(50% - 20px);
            }
        }

        @media (max-width: 480px) {
            .gallery-item {
                flex: 0 0 100%;
                max-width: 100%;
            }
			
			.book-section  {
				margin-top: 0pх !important;} 
			#section_1 {padding-bottom:0 !important}
			
			.player1		{margin:0px; padding:0 10px;}
			.btn-l {font-size:1.1em !important;}
			.custom-btn {font-size:0.8em;}
        }
		
.social-icons ul {
padding:0;
margin:0 0 20px 0;


}	
.social-icons li, body .soc-avt .row a {
    display: inline-block;
    vertical-align: top;
    zoom:2;
    padding: 0px 5px;
    margin: 0px;
}


.accordion {/*
    list-style: none;
    margin-bottom: 0; 
    text-align: left;
    margin-left: 0;
    padding-left: 0;*/
}

.accordion-header {
    color: var(--primary-color);
}

.carousel .programm-time {
    color: var(--white-color);
font-size:1.6em;
margin-top:0.8em;	
}

.underline-20 {
        position: relative;
        display: inline-block;
    }

    .underline-20::after {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 20%; /* Нужная длина */
        height: 3px; /* Толщина линии */
        background-color: var(--primary-color); /* Цвет линии */
		
    }

.carousel-control-next, .carousel-control-prev {
width:5%;
}	
.carousel-item .container {margin-left:120px;}
.accordion-item {
    padding: 1rem;
    color: var(--white-color);
    position: relative;
    font-weight: var(--font-weight-normal);
    font-size: 1em;
    margin-left: 0;
    margin-bottom: 1rem;
            border: solid 2px #c34201 !important;
			border-radius:0px !important;
			font-weight: var(--font-weight-normal);
			/*box-shadow: 0 0 25px #0d598e;*/
			box-shadow: 0 0 10px #c34201;
			background: #233C60;
/**background: linear-gradient(164deg,rgba(35, 60, 96, 1) 0%, rgba(35, 60, 96, 1) 34%, rgba(64, 97, 139, 1) 71%, rgba(64, 97, 139, 1) 100%);*/
	
background:#c34201;
	
}
.accordion-body p {font-size:0.8em}

.accordion-button {
    background: transparent;
    color: #fff; var(--white-color);
    font-weight: normal;
    font-size: 0.6em;
    padding: 0 40px 0 0;
    border: none;
}

.accordion-button:not(.collapsed) {
    background: transparent;
    color: #fff !important; var(--white-color);
    box-shadow: none;
}

.accordion-body {
    padding: 1rem 0 0 0;
    color:  #fff !important; var(--white-color);
    font-size: 1em;
	
}
.accordion-body p {
    color:  #fff;
}

p.card-text {
	color:#454545;
}
	
.accordion-button::after {
    display: none !important;
}


.accordion-button::before {

    position: absolute;
	top:0;
	right:0;
    content: "›"; 
	color:#fff;
    margin-left: auto; 
    margin-right: 10px;
    transition: none !important; 
}
@media screen and (max-width: 1200px) {
	.carousel-item .container {margin-left:75px;}	
}
@media screen and (max-width: 991px) {
	/*
.accordion-item {
    padding: 1.5rem;
}	
	
.accordion-button {
    font-weight: normal;
font-size: 0.7em;	
}
	
.accordion-body {
    font-size: 0.8em;
}	
*/
	.carousel-item .container {margin-left:50px;}

}

@media screen and (max-width: 600px) {
	.carousel-item .container {margin-left:15px;}
}

.navbar-toggler .navbar-toggler-icon:before, .navbar-toggler .navbar-toggler-icon:before {background:#369 !important; }
.navbar-toggler .navbar-toggler-icon:before, .navbar-toggler .navbar-toggler-icon:after {background:#369 !important; }





.r-modal.active {
    pointer-events: all;
}
.r-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 550;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    pointer-events: none;
    transition: opacity 0.35s;
}

.r-modal.active .r-modal__box {
    opacity: 1;
}
.r-modal__box {
    position: absolute;
    z-index: 100;
    border-radius: 24px;
    border: 1px solid rgba(84, 86, 101, 0.1);
    background: #fff;
    padding: 24px 20px;
    max-width: 472px;
    opacity: 0;
    transition: opacity 0.35s;
}

.r-modal__title {
    margin-bottom: 16px;
    padding-right: 30px;
    color: #545665;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
}

.r-modal__close {
    position: absolute;
    right: 20px;
    top: 24px;
    padding: 0;
    margin: 0;
    border: none;
    outline: transparent;
    background-color: transparent;
}

.r-form__group:not(:last-child) {
    margin-bottom: 24px;
}

.r-form__field:not(:last-child) {
    margin-bottom: 8px;
}
.r-field {
    display: block;
    font-size: 14px;
    width: 100%;
    margin: 0;
}

.r-modal.active::before {
    animation: blur-in 0.2s forwards;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

.r-modal::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
    transition: all 0.2s;
}