/**
 * Theme Name: Flatsome Child
 * Theme URI: https://example.com/flatsome-child
 * Description: A child theme for the Flatsome WordPress theme. This child theme allows you to customize the Flatsome theme without affecting the original theme's files.
 * Author: Steigenberg
 * Author URI: https://steigenberg.com
 * Template: flatsome
 * Version: 1.0.0
 * Text Domain: flatsome-child
 * Domain Path: /languages
 */
/* import */
@import url('./custom.css');
.nav-column li.active>a,
.nav-column li>a:hover,
.nav-dropdown li.active>a,
.nav-dropdown>li>a:hover,
.nav-vertical-fly-out>li>a:hover,
.nav>li.active>a,
.nav>li.current>a,
.nav>li>a.active,
.nav>li>a.current,
.nav>li>a:hover {
   color: #FFFFFF;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   color: #212529;
}

.header-top {
   background-color: red !important;
}

.stuck .header-main .nav > li > a{
   line-height: normal !important;
   padding: 0;
}

.container {
   max-width: 1240px;
}

li.header-search {
   display: none;
}

.header-nav {
   justify-content: center;
   font-size: 18px;
}

.nav>li {
   margin: 0 12px;
}

li.header-divider {
   display: none;
}



#masthead {
   background-color: #3A4459;
   padding: 6px 0;
}

.header-main {
   height: auto !important;
}

#nav_menu-2 ul#menu-new-menu-2 li a,
.header-nav li a {
   color: #ffffff;
   transition: color 0.2s ease;
}

#nav_menu-2 ul#menu-new-menu-2 li a:hover,
.header-nav li a:hover {
   color: #e0e0e0 !important;
}

.header-cart-icon {
   background-color: #ffffff;
   padding: 10px 10px 10px 10px;
   border-radius: 50%;
}

@media screen and (max-width: 375px) {
   .moble-menu-reverse {
      flex-direction: row-reverse;
   }

   i.icon-menu-2 {
      margin-right: 0px;
      margin-left: 12px;
   }
}

@media screen and (max-width: 849px) {
   .medium-logo-center .logo {
      order: 1;
      margin: 0 0px;
   }

   .header-inner {
      flex-direction: row-reverse;
   }

   .image-icon img {
      max-width: 24px;
      width: 100%;
   }
}

.header-cart-icon img[width="1"][height="1"] {
   width: 28px;
}

.d-flex {
   display: flex;
   align-items: center;
   justify-content: center;
}

i.icon-menu-2 {
   margin-right: 12px;
}

#nav_menu-2 ul#menu-new-menu-2 li a {}


#nav_menu-2 ul#menu-new-menu-2 {
   display: flex;
}

.widget>ul>li+li,
ul.menu>li+li {
   border: unset;
   margin-left: 44px;
}

.footer-widgets .widget {
   margin-bottom: 0;
}

.absolute-footer,
.footer-1,
.footer-2 {
   background-color: transparent;
   border: 0;
}

.footer {
   padding: 0;
}

#footer a:hover {
   color: #e0e0e0
}

#footer a {
   color: #ffffff;
}

#footer ul {
   display: flex;
   align-items: center;
}

#footer {
   background-color: #3A4459;
   padding: 24px 0;
   color: #ffffff;
}

.footer-widgets .col {
   padding: 0;
}

.footer-1 {
   margin-bottom: 32px;
}

.mb-16 {
   margin-bottom: 16px;
}

.mr-12 {
   margin-right: 12px;
}

.mr-8 {
   margin-right: 12px;
}

.mb-8 {
   margin-bottom: 8px;
}

.footer-row {
   display: flex;
   margin-bottom: 48px;
}

.footer-secondary {
   display: none;
}

.footer-2 .widget_media_image {
   margin-bottom: 24px;
}

.footer-contact-link a {
   display: flex;
   align-items: center;
   color: #ffffff;
}

.footer-contact-link {
   display: flex;
   flex-direction: column;
}


.page-wrapper {
   padding-top: 0;
}


.n2-ss-slide {
   background-color: rgba(0, 0, 0, 0.65);
}

div#n2-ss-2 .n2-ss-slider-2 {
   border-radius: 0 0 0 350px;
}

.footer-2 {
   flex: 1 1 50%;
}

.footer-3 {
   flex: 1 1 20%;
}

.footer-4 {
   flex: 1 1 30%;
}

div#n2-ss-2 .n2-font-484adb940975da786b86465bf7a7355a-hover {
   line-height: 1.2 !important;
}

.home-hero,
.section-2,
.section-3,
.section-4,
.section-5,
.section-6,
.section-7 {
   margin-bottom: 48px;
}


.section-2 {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   padding: 18px 0;
   color: #ffffff;
}

.content-div {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 20px;
   /* Adds space between the two sections */
}

.content-div>div {
   flex: 1 1 calc(50% - 20px);
   /* Default to two columns */
   /* margin-bottom: 20px; */
   /* Adds margin to the bottom for better spacing */
}

/* .card-div {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   justify-content: space-between;
   gap: 20px;
   
   } */

.card-div {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   justify-content: space-between;
   gap: 20px;
   /* Adds space between items */
}

.card-div>div {
   flex: 1 1 calc(25% - 20px);
   margin-bottom: 20px;
   margin-right: 0;
}



.card-img-div img {
   border-radius: 9px;
   width: 100%;
}

.content-bg-div>div {
   padding: 24px;
   background-color: rgba(0, 0, 0, 0.64);
   border-radius: 43px;
   width: 100%;
   height: 100%;
}

.content-bg-div h2 {
   text-align: start !important;
   color: #ffffff;
}

.content-bg-div {
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   border-radius: 43px;
}

.div-row {
   margin-bottom: 24px;
}

.card a {
   color: #ffffff;
   font-weight: bold;
   margin: 4px 0px 4px 0px;
   display: inline-block;
}


.card {
   text-align: center;
   background-color: #3A4459;
   border-radius: 9px;
}

.section-2 p {
   font-size: 18px;
}

.section-2 h2 {
   text-align: center;
   font-size: 32px;
   margin-bottom: 32px;
   font-weight: 600;
}

/* Base styles for larger screens */
.section-7 .main-content {
   display: flex;
   flex-wrap: wrap;
}

.section-7 .main-content .main-card {
   flex: 1 1 50%;
   padding: 24px;
   /* Split the main content into two halves */
}

.section-7 .main-content .list .list-start {
   color: #212529;
   font-weight: 600;
}

.section-7 .main-content .list h2 {
   font-size: 32px;
   font-weight: 600;
}

.section-7 .main-content .list p {
   font-weight: 600;
}

.section-7 .main-content .list {
   flex: 1 1 50%;
   padding: 24px;
   background-size: cover;
   background-repeat: no-repeat;
   display: flex;
   align-items: center;
   justify-content: center;
}

.section-7 .main-content .card-2 .card-second p,
.section-7 .main-content .card-1 .card-first p {
   text-align: center;
   padding: 12px;
   border-radius: 12px;
   background-color: rgba(255, 255, 255, 0.75);
   color: #212529;
   font-weight: 600;
}

.section-7 .main-content .card-first,
.section-7 .main-content .card-second-div-1,
.section-7 .main-content .card-second-div-2 {
   width: 100%;
   height: 280px;
   border-radius: 12px;
}

.section-7 .main-content .flex-card {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
}

.section-7 .main-content .flex-card .card-2 {
   width: 100%;
}

.section-7 .main-content .flex-card .card-1 {
   width: 50%;
   margin-bottom: 24px;
}

.section-7 .main-content .flex-card .card-2 .card-second {
   display: flex;
   gap: 20px;
}

.single-main-page {
   padding: 30px 15px 30px;
   color: #212529;
}


.entry-header h1 {
   font-size: 32px;
}

.ays_gallery_body_1 .ays_gallery_container_1 .item,
.ays_gallery_body_2 .ays_gallery_container_2 .item {
   border-radius: 24px;
}

h1.entry-title.mb {
   padding-bottom: 12px;
   border-bottom: 1px solid #E5E5E5;
}

.accordion {
   max-width: 900px;
   width: 100%;
}

.accordion .accordion-inner>.row {
   margin: 0;
}

.accordion .accordion-inner .row:nth-child(1) .col {
   padding: 24px;
}

.accordion .accordion-inner .row:nth-child(3) .col {
   padding: 0px;
}

.accordion .accordion-inner .row:nth-child(3) .col:nth-child(2) .col-inner {
   border-left: 1px solid #DADADA;
   border-right: 1px solid #DADADA;
   padding: 0px;
}

.accordion .accordion-inner .row:nth-child(3) .col .col-inner p:nth-child(1) {
   padding: 16px;
   background-color: rgba(245, 245, 245, 1);
}

.accordion .accordion-inner .row:nth-child(3) .col .col-inner .icon-box p,
.accordion .accordion-inner .row:nth-child(3) .col .col-inner .plain p {
   background-color: transparent !important;
   margin: 0;
}

.accordion .accordion-inner .row:nth-child(3) .col .col-inner p {
   margin: 0;
   padding: 16px;
}

.accordion .accordion-inner .row:nth-child(3) .col .col-inner .plain .icon-box-img {
   padding-right: 12px;
   width: 24px !important;
}

.accordion .accordion-inner .row:nth-child(3) .col .col-inner .icon-box .icon-box-img {
   padding-right: 12px;
   width: 24px !important;
}

.accordion .accordion-inner h4 {
   border: 1px solid #DADADA;
   padding: 12px 24px;
   margin: 0;
}

.accordion .accordion-inner .row:nth-child(3) {
   border: 1px solid #DADADA;
   border-top: 0;
}

.accordion .accordion-inner>.row:nth-child(1) {
   background-color: rgba(251, 251, 251, 1);
}

.accordion-item {
   margin-bottom: 6px;
}


.accordion-title {
   border-top: 0;
   display: block;
   font-size: 110%;
   padding: .4em;
   position: relative;
   background-color: rgba(239, 239, 239, 0.502);
   transition: border .2s ease-out, background-color .3s;
}

.accordion-title.active {
   font-weight: normal;
   color: #212529;
}

.accordion-inner {
   padding: 0;
}

.accordion .toggle {
   border-radius: 999px;
   height: 1.5em;
   left: unset;
   margin-right: 5px;
   position: absolute;
   top: .3em;
   transform-origin: 50% 47%;
   width: 2.3em;
   right: 0;
}

.single-main-page .text-bg-with-b {
   background-color: rgba(251, 251, 251, 1);
   padding: 12px 16px;
   border: 1px solid #D4D4D4;
   margin-bottom: 1.3em;
}

.single-main-page .text-bg-with-b p {
   margin: 0;
}

.single-main-page .text-with-b {
   padding: 12px 16px;
   border: 1px solid #D4D4D4;
   margin-bottom: 1.3em;
}

/* Responsive for tablets (up to 768px) */
@media (max-width: 768px) {
   .section-7 .main-content {
      flex-direction: column;
      align-items: center;
   }

   .section-7 .main-content .main-card,
   .section-7 .main-content .list {
      flex: 1 1 100%;
      width: 100%;
      margin-bottom: 20px;
   }

   .section-7 .main-content .card-second {
      flex-direction: row;
      /* Stack cards vertically */
      gap: 10px;
   }

   .section-7 .main-content .main-card .card-1,
   .section-7 .main-content .main-card .card-2 .card-second-div-1,
   .section-7 .main-content .main-card .card-2 .card-second-div-2 {
      width: 100%;
   }

   .section-7 .main-content .list {
      justify-content: start;
   }

   .section-7 .main-content .list .list-start {
      margin-left: 24px;
   }
}

/* Responsive for mobile (up to 480px) */
@media (max-width: 480px) {
   .section-7 .main-content {
      flex-direction: column;
   }

   .section-7 .main-content .main-card,
   .section-7 .main-content .list {
      flex: 1 1 100%;
   }



   .section-7 .main-content .list ul {
      padding-left: 0;
      /* Remove padding on list items */
   }

   .section-7 .main-content .list ul li {
      font-size: 14px;
      /* Adjust font size for smaller screens */
      margin-bottom: 8px;
   }

   .section-7 .main-content .main-card .flex-card {
      padding: 10px;
      /* Adjust padding */
   }

   .section-7 .main-content h2 {
      font-size: 18px;
   }
}



.flex-container {
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
   /* Spacing between columns */
   width: 100%;
   /* Ensure full width for container */
   justify-content: space-between;
   /* Ensure even spacing */
}

.column {
   /* max-width: calc(20% -20px); */
   flex: 1 1 calc(20% - 20px);
   box-sizing: border-box;
   border-radius: 12px;
   padding: 32px;
   background-color: #3A4459;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   min-height: 250px;
}

.video-container {
   display: flex;
   justify-content: space-between;
   align-items: stretch;
}

.video-heading {
   text-align: center;
   font-size: 32px;
   font-weight: 600;
}

/* .video-stream {
   background-color: #3A4459;
   border-radius: 12px;
   } */

.video-stream {
   border-radius: 12px;
   background-color: #3A4459;
   flex: 1 1 calc(20% - 20px);
   padding: 32px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
   min-height: 250px;
   box-sizing: border-box;
}

.video-container {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   gap: 20px;
   /* Add space between the video items */
}

.vid-code {
   margin-bottom: 12px;
   color: #FFFFFF;
   font-size: 20px;
   font-weight: 600;
}

.vid-text {
   color: #FFFFFF;
   font-size: 16px;
   font-weight: 400;
}

.video-content {
   text-align: center;
}

.moter-para {
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;

}

.para-heading h2 {
   font-size: 32px;
   font-weight: 600;
}

.moter-para-container {
   padding: 32px;
   color: #212529;
}

.flex {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 48px 0;
}

.section-5 .main-content {
   background-color: #FFFFFF;
   border-radius: 20px;
   padding: 24px;
   max-width: 800px;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   text-align: center;
   margin: 0 24px;
}

.section-5 .main-content h2 {
   font-size: 32px;
   font-weight: 600;
}

.section-5 .main-content p:nth-child(3) {
   margin-bottom: 24px;
}

.section-5 .main-content p {
   font-size: 20px;
   color: #212529;
   margin: 0;
}

.section-5 .main-content .btn svg {
   margin-right: 24px;
}

.section-5 .main-content .btn {
   background-color: #3A4459;
   border-radius: 20px;
   padding: 12px 66px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0;
   color: #FFFFFF;
}


@media screen and (max-width: 768px) {
   .card-div>div {
      flex: 1 1 calc(50% - 20px);
   }

   .section-2 h2 {
      font-size: 24px;
   }

   .video-stream {
      flex: 1 1 calc(50% - 20px);
   }

   .column {
      flex: 333.33%;
      /* max-width: calc(33.33% -20px); */
   }

   /* .video-stream {
      flex: 1 1 calc(33.33% - 20px);
   } */
}

@media screen and (min-width: 601px) {
   div#n2-ss-2 .n2-font-98fca298e4a3bc1326238b96812c0b87-hover {
      font-size: 24px !important;
   }

   div#n2-ss-2 .n2-font-484adb940975da786b86465bf7a7355a-hover {
      font-size: 48px !important;
   }

   div#n2-ss-2 .n2-ss-slider-2 {
      border-radius: 0 0 0 175px !important;
   }

}

@media screen and (min-width: 1100px) {

   .footer-1 .large-columns-2>.widget_media_image {
      flex-basis: 50%;
      max-width: 50%;
   }

   .footer-1 .large-columns-2>.widget_nav_menu {
      flex-basis: 50%;
      max-width: 50%;
   }

   div#n2-ss-2 .n2-font-98fca298e4a3bc1326238b96812c0b87-hover {
      font-size: 32px !important;
   }

   div#n2-ss-2 .n2-font-484adb940975da786b86465bf7a7355a-hover {
      font-size: 60px !important;
   }

   /* .card {
      width: 25% !important;
   } */

}

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

   .widget>ul>li+li,
   ul.menu>li+li {
      border: unset;
      margin-left: 27px;
   }


}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

   .footer-row {
      flex-wrap: wrap;
   }

   .footer-1 .large-columns-2 {
      flex-direction: column;
   }

   .footer-2,
   .footer-3,
   .footer-4 {
      flex: 1 1 100% !important;
   }

   #footer ul {
      display: unset !important;
   }

   .widget>ul>li+li,
   ul.menu>li+li {
      border: unset;
      margin-left: 0;
   }

   #nav_menu-2 {
      margin-top: 24px;
   }

   .footer-1 {
      margin-bottom: 24px !important;
   }

   div#n2-ss-2 .n2-font-98fca298e4a3bc1326238b96812c0b87-hover {
      font-size: 12px !important;
   }

   div#n2-ss-2 .n2-font-484adb940975da786b86465bf7a7355a-hover {
      font-size: 24px !important;
   }

   div#n2-ss-2 .n2-ss-slider-2 {
      border-radius: 0 0 0 81px !important;
   }

   .card-div>div {
      flex: 1 1 100%;
   }

   .content-div>div {
      flex: 1 1 100%;
   }


   .section-2 h2 {
      font-size: 24px;
   }

   .video-stream {
      flex: 1 1 100%;
   }

   .section-5 .main-content .btn {
      font-size: 12px;
      padding: 12px 24px;
   }

   .section-5 .main-content .btn svg {
      margin-right: 18px;
   }

   .section-7 .main-content .flex-card .card-2 .card-second {
      flex-direction: column;
   }

   .section-7 .main-content .main-card {
      padding: 0;
   }

}

@media screen and (max-width: 1100px) {
   .footer-1 .large-columns-2>.widget_media_image {
      flex-basis: 30% !important;
      max-width: 30% !important;
   }

   .footer-3 {
      margin-right: 24px;
   }

   .footer-1 .large-columns-2>.widget_nav_menu {
      flex-basis: 70% !important;
      max-width: 70% !important;
   }

   #menu-new-menu-2 {
      justify-content: end;
   }


}

/* @media screen and (min-width: 601px) {
   .card {
      width: 48%;
   }
} */

/* Cart Edit Button Styling */
.edit-build-button {
   margin-top: 8px !important;
   font-size: 12px !important;
   padding: 4px 8px !important;
   background-color: #f0f0f0 !important;
   border: 1px solid #ddd !important;
   color: #333 !important;
   text-decoration: none !important;
   border-radius: 3px !important;
   display: inline-block !important;
   transition: all 0.2s ease !important;
}

.edit-build-button:hover {
   background-color: #e0e0e0 !important;
   border-color: #ccc !important;
   color: #000 !important;
   text-decoration: none !important;
}