@font-face {
font-family: 'SomarRounded-SemiBold';
src: url('6570c295ec47e040cd939292_SomarRounded-ExtraBold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}h1,h2,h3,h4,h5,h6,a,span,p,input,div,li{
font-family: 'SomarRounded-SemiBold' !important;

}

.calendar.drsnow {
    font-weight: bolder;
    border-radius: 10px;
    margin: -1px;
    background-color: #3d71f5 !important;

}
.calendar .today{
  border: #673ab7 3px solid;
    color: #848484 !important;
    font-weight: bolder;
    border-radius: 10px;
    margin: -1px;}.past{
      background: linear-gradient(45deg, #000000ba, #0000007d);
      color: white !important;
font-weight: bolder;
border-radius: 10px;} 

.calendar .active{
  color: white !important;  
  -webkit-animation:blink-1 3.6s both infinite;animation:blink-1 3.6s both infinite;animation-delay:2s;

font-weight: bolder;
border-radius: 10px;
background:    linear-gradient(45deg, #3F51B5, #03A9F4) !important;
color: white !important;
    -webkit-animation: blink-1 3.6s both infinite;
    animation: blink-1 3.6s both infinite;
    animation-delay: 5s;
    font-weight: bolder;
    border-radius: 10px;
    background-color: #2196f3;
    display: flex;


    justify-content: center;
    align-items: center;
}   li.selected {
            background-color: #2196f3; /* Change this to the desired background color */
        }@-webkit-keyframes blink-1{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes blink-1{0%,50%,100%{opacity:1}25%,75%{opacity:0}}

@keyframes moveBox {
0%, 100% {
  transform: translateX(-110%);
}
50% {
  transform: translateX(110%);
}
}







.online-course{
    text-align: right;
    justify-content: space-between;
}












.online-course{
    text-align: right;
    justify-content: space-between;
}
.bg-gradient-primary {
    background-image: linear-gradient(310deg,#2196F3,#2196F3)
}

.bg-gradient-secondary {
    background-image: linear-gradient(310deg,#627594,#a8b8d8)
}

.bg-gradient-success {
    background-image: linear-gradient(310deg,#17ad37,#98ec2d)
}

.bg-gradient-info {
    background-image: linear-gradient(310deg,#2152ff,#21d4fd)
}

.bg-gradient-warning {
    background-image: linear-gradient(310deg,#f53939,#fbcf33)
}

.bg-gradient-danger {
    background-image: linear-gradient(310deg,#ea0606,#ff667c)
}

.bg-gradient-light {
    background-image: linear-gradient(310deg,#ced4da,#ebeff4)
}

.bg-gradient-dark {
    background-image: linear-gradient(310deg,#141727,#3a416f)
}

.bg-gradient-faded-primary {
    background-image: radial-gradient(370px circle at 80% 50%,rgba(203,12,159,.6) 0,#9b0979 100%)
}

.bg-gradient-faded-secondary {
    background-image: radial-gradient(370px circle at 80% 50%,rgba(131,146,171,.6) 0,#657796 100%)
}

.bg-gradient-faded-success {
    background-image: radial-gradient(370px circle at 80% 50%,rgba(130,214,22,.6) 0,#66a811 100%)
}

.bg-gradient-faded-info {
    background-image: radial-gradient(370px circle at 80% 50%,rgba(23,193,232,.6) 0,#129aba 100%)
}

.bg-gradient-faded-warning {
    background-image: radial-gradient(370px circle at 80% 50%,rgba(251,207,51,.6) 0,#f6c105 100%)
}

.bg-gradient-faded-danger {
    background-image: radial-gradient(370px circle at 80% 50%,rgba(234,6,6,.6) 0,#b80505 100%)
}

.bg-gradient-faded-light {
    background-image: radial-gradient(370px circle at 80% 50%,rgba(233,236,239,.6) 0,#cbd3da 100%)
}

.bg-gradient-faded-dark {
    background-image: radial-gradient(370px circle at 80% 50%,rgba(52,71,103,.6) 0,#233045 100%)
}

.bg-gradient-faded-white {
    background-image: radial-gradient(370px circle at 80% 50%,hsla(0,0%,100%,.6) 0,#e6e6e6 100%)
}

.bg-gradient-faded-primary-vertical {
    background-image: radial-gradient(200px circle at 50% 70%,rgba(203,12,159,.3) 0,#cb0c9f 100%)
}

.bg-gradient-faded-secondary-vertical {
    background-image: radial-gradient(200px circle at 50% 70%,rgba(131,146,171,.3) 0,#8392ab 100%)
}

.bg-gradient-faded-success-vertical {
    background-image: radial-gradient(200px circle at 50% 70%,rgba(130,214,22,.3) 0,#82d616 100%)
}

.bg-gradient-faded-info-vertical {
    background-image: radial-gradient(200px circle at 50% 70%,rgba(23,193,232,.3) 0,#17c1e8 100%)
}

.bg-gradient-faded-warning-vertical {
    background-image: radial-gradient(200px circle at 50% 70%,rgba(251,207,51,.3) 0,#fbcf33 100%)
}

.bg-gradient-faded-danger-vertical {
    background-image: radial-gradient(200px circle at 50% 70%,rgba(234,6,6,.3) 0,#ea0606 100%)
}

.bg-gradient-faded-light-vertical {
    background-image: radial-gradient(200px circle at 50% 70%,rgba(233,236,239,.3) 0,#e9ecef 100%)
}

.bg-gradient-faded-dark-vertical {
    background-image: radial-gradient(200px circle at 50% 70%,rgba(52,71,103,.3) 0,#344767 100%)
}

.bg-gradient-faded-white-vertical {
    background-image: radial-gradient(200px circle at 50% 70%,hsla(0,0%,100%,.3) 0,#fff 100%)
}.btn {
    margin-bottom: 1rem;
    letter-spacing: -.025rem;
    box-shadow: 0 4px 7px -1px rgba(0, 0, 0, .11), 0 2px 4px -1px rgba(0, 0, 0, .07);
    background-size: 150%;
    background-position-x: 25%;
    
}.card {
    box-shadow: 0 20px 27px 0 rgba(0,0,0,.05)
}

.card .card-header {
    padding: 1.5rem
}

.card .card-body {
    font-family: Open Sans;
    padding: 1.5rem
}

.card.card-plain {
    background-color: transparent;
    box-shadow: none
}

.card .card-footer {
    padding: 1.5rem;
    background-color: transparent
}

.author {
    display: flex
}

.author .name>span {
    line-height: 1.571;
    font-weight: 600;
    font-size: .875rem;
    color: #3a416f
}

.author .stats {
    font-size: .875rem;
    font-weight: 400
}

.card.card-background {
    align-items: center
}

.card.card-background .full-background {
    background-position: 50%;
    background-size: cover;
    margin-bottom: 30px;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 1rem
}

.card.card-background .card-body {
    color: #fff;
    position: relative;
    z-index: 2
}

.card.card-background .card-body .content-center,.card.card-background .card-body .content-left {
    min-height: 330px;
    max-width: 450px;
    padding-top: 60px;
    padding-bottom: 60px
}

.card.card-background .card-body .content-center {
    text-align: center
}

.card.card-background .card-body.body-left {
    width: 90%
}

.card.card-background .card-body .author .name .stats,.card.card-background .card-body .author .name span {
    color: #fff
}

.card.card-background:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    display: block;
    content: "";
    background: rgba(0,0,0,.4);
    border-radius: 1rem
}

.card.card-background.card-background-mask-primary:before {
    background: rgba(0,0,0,.2)
}

.card.card-background.card-background-mask-primary:after {
    background-image: linear-gradient(310deg,#2196F3,#2196F3);
    opacity: .85
}

.card.card-background.card-background-mask-secondary:before {
    background: rgba(0,0,0,.2)
}

.card.card-background.card-background-mask-secondary:after {
    background-image: linear-gradient(310deg,#627594,#a8b8d8);
    opacity: .85
}

.card.card-background.card-background-mask-success:before {
    background: rgba(0,0,0,.2)
}

.card.card-background.card-background-mask-success:after {
    background-image: linear-gradient(310deg,#17ad37,#98ec2d);
    opacity: .85
}

.card.card-background.card-background-mask-info:before {
    background: rgba(0,0,0,.2)
}

.card.card-background.card-background-mask-info:after {
    background-image: linear-gradient(310deg,#2152ff,#21d4fd);
    opacity: .85
}

.card.card-background.card-background-mask-warning:before {
    background: rgba(0,0,0,.2)
}

.card.card-background.card-background-mask-warning:after {
    background-image: linear-gradient(310deg,#f53939,#fbcf33);
    opacity: .85
}

.card.card-background.card-background-mask-danger:before {
    background: rgba(0,0,0,.2)
}

.card.card-background.card-background-mask-danger:after {
    background-image: linear-gradient(310deg,#ea0606,#ff667c);
    opacity: .85
}

.card.card-background.card-background-mask-light:before {
    background: rgba(0,0,0,.2)
}

.card.card-background.card-background-mask-light:after {
    background-image: linear-gradient(310deg,#ced4da,#ebeff4);
    opacity: .85
}

.card.card-background.card-background-mask-dark:before {
    background: rgba(0,0,0,.2)
}

.card.card-background.card-background-mask-dark:after {
    background-image: linear-gradient(310deg,#141727,#3a416f);
    opacity: .85
}

.card.card-background .card-category {
    font-size: .875rem;
    font-weight: 600
}

.card.card-background .card-description {
    margin-top: 24px;
    margin-bottom: 24px
}.avatar-sm {
    width: 36px !important;
    height: 36px !important;
    font-size: .875rem;
}
.avatar {
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    border-radius: .75rem;
    height: 48px;
    width: 48px;
    transition: all .2s ease-in-out;
}.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 0;
    --bs-card-border-color: rgba(0, 0, 0, .125);
    --bs-card-border-radius: 1rem;
    --bs-card-box-shadow: 0 20px 27px 0 rgba(0, 0, 0, .05);
    --bs-card-inner-border-radius: 1rem;
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: #fff;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}
.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 0;
    --bs-card-border-color: rgba(0, 0, 0, .125);
    --bs-card-border-radius: 1rem;
    --bs-card-box-shadow: 0 20px 27px 0 rgba(0, 0, 0, .05);
    --bs-card-inner-border-radius: 1rem;
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: #fff;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}btn-group-sm>.btn, .btn-sm {
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-padding-x: 2rem;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: 0.5rem;
}
.btn-outline-primary {
    --bs-btn-color: #cb0c9f;
    --bs-btn-border-color: #cb0c9f;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #cb0c9f;
    --bs-btn-hover-border-color: #cb0c9f;
    --bs-btn-focus-shadow-rgb: 203, 12, 159;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #cb0c9f;
    --bs-btn-active-border-color: #cb0c9f;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #cb0c9f;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #cb0c9f;
    --bs-gradient: none;
}
.btn {
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-padding-y: 0.75rem;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-font-weight: 700;
    --bs-btn-line-height: 1.4;
    --bs-btn-color: #67748e;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.5rem;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: 0 4px 7px -1px rgba(0, 0, 0, .11), 0 2px 4px -1px rgba(0, 0, 0, .07);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.2rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: all .15s ease-in;
}


.view-icons a.active {
    background-color: #2196F3 !important;
    border-color: #2196F3 !important;
    color: #fff;
}.custom_check .checkmark{
    border: 1px solid #2196F3 !important;
}.custom_check input:checked ~ .checkmark {
    background-color: #2196F3 !important;
    border-color: #2196F3 !important;
}.show-filter .search-group i {
    position: absolute;
    left: 9px;
    color:#2196F3 !important;
}.price h3 {
    font-size: 16px;
    color: #2196F3 !important;
    font-weight: 600;
    margin-bottom: 0;
}.lms-pagination {
    margin-bottom: 20px;
    display: none;
}    .main-nav .has-submenu.active > a {
    color: #2196F3 !important;
    }.product .rating{
        display: flex;
        justify-content: flex-end;
    }.wishlist-tab li a.active, .wishlist-tab li a:hover {
    background-image: linear-gradient(310deg, #2152ff 0%, #21d4fd 100%) !important;
    box-shadow: 0 4px 7px -1px rgba(0, 0, 0, .11), 0 2px 4px -1px rgba(0, 0, 0, .07);
    background-size: 150%;
    background-position-x: 25%;
    border: none;
}.settings-page-head .settings-pg-links li a.active {
    color: #2196F3 !important;
}.settings-page-head .settings-pg-links li a.active::after {
    opacity: 1;
    background:   #2196F3 !important;
}.settings-page-head .settings-pg-links{
    display: flex;
    justify-content: flex-start;
    flex-direction: row-reverse;
}.form-check-input:checked {
    background-color: #2196F3 !important;
    border-color: #2196F3 !important;
}.text-nowrap{
    cursor: unset;
    color: #2196F3 !important;

}.account-settings .settings-menu ul li:hover a, .account-settings .settings-menu ul li.active a {
    color: #2196F3 !important;
}.breadcrumb-bar.breadcrumb-bar-info .page-breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    content: "";
    background: #2196F3;
    width: 15px;
    height: 5px;
    border-radius: 5px;
    transform: translateY(10px);
    position: absolute;
    left: 0;
}.profile-heading {
    direction: rtl;
}.add-announcement-btn .btn-primary  ,.modal-footer-btn button.btn-primary{
    background-image: linear-gradient(310deg, #2152ff 0%, #21d4fd 100%) !important;
    box-shadow: 0 4px 7px -1px rgba(0, 0, 0, .11), 0 2px 4px -1px rgba(0, 0, 0, .07)  !important;
    background-size: 150%;
    background-position-x: 25%;
    border: none;

}.withdrawel-head .title-withdrawel .file-text-icon i {
    color: #2196F3;
    font-size: 40px;
    margin-left: 10px;
}.modal-footer-btn button.btn-outline-primary {
    border: 1px solid #2196F3;
    border-radius: 5px;
    color: #2196F3;
}.btn-primary,button.swal2-confirm.btn.bg-gradient-success {
    background-color: #ff875a !important;
    border: 1px solid #ff875a;    background-image: linear-gradient(310deg, #2152ff 0%, #21d4fd 100%) !important;
     box-shadow: 0 4px 7px -1px rgba(0, 0, 0, .11), 0 2px 4px -1px rgba(0, 0, 0, .07) !important;
    background-size: 150%;
    background-position-x: 25%;
    border: none;
    color: white;
}.modal-footer-btn {
    display: flex;
    justify-content: space-between;
}.dash-pagination{
    display: none;
}button.swal2-cancel.btn.bg-gradient-danger {
    margin: 10px;
    color: white;
}button.swal2-cancel.btn.bg-gradient-danger{
    margin: 10px;
    display: inline-block;
    background-color: #ff875a !important;
    border: 1px solid #ff875a;
    background-image: linear-gradient(310deg, #E91E63 0%, #F44336 100%) !important;
    box-shadow: 0 4px 7px -1px rgba(0, 0, 0, .11), 0 2px 4px -1px rgba(0, 0, 0, .07) !important;
    background-size: 150%;
    background-position-x: 25%;
    border: none;
    color: white;
}.banner-content .sub-btn {
    border:   none !important;

}
.all-category .btn-primary {
    border:   none !important;
color: white;
}.section-sub-head span {
    color: #2196F3 !important;

}.section-sub-head{
    direction: rtl;
}.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background:  #2196F3 !important;
    width: 50px;
    height: 15px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 0px 5px;
    background: #dae1ff;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}.avatar-sm {
    width: 36px !important;
    height: 36px !important;
    font-size: .875rem;
}.banner-content .select2-container {
    border-radius: 50px;
    background-color: #dae6ff;
    z-index: unset;
}@media only screen and (max-width: 600px) {
  .footer-top {
  display: none;
}
}
.footer-top{
    direction: rtl;
}.main-menu-wrapper {
    
    }    .main-nav > li {
        border-bottom: 1px solid #ffffff !important;
        margin-left: 0;
    }.settings-menu{
        direction: rtl;
    }.settings-pg-links{
        display: flex !important;
    justify-content: flex-start !important;
    flex-direction: row !important;
    }

    .btn-primary{
color: white !important;
    }

    [data-am-fadeshow] {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: #fff;
        /* Slides */
        /* Quick Navigation */
        /* Prev/Next Navigation */
        /* Base functionality */
        /* Autohide Prev/Next Navigation */
      }
      [data-am-fadeshow] .fs-slide {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        transition: opacity 1s ease;
        /* Display first child on load */
      }
      [data-am-fadeshow] .fs-slide:first-child {
        opacity: 1;
      }
      [data-am-fadeshow] .fs-quick-nav {
        position: absolute;
        bottom: 15px;
        left: 50%;
        z-index: 1;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        transform: translateX(-50%);
      }
      [data-am-fadeshow] .fs-quick-btn {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0 2px;
        border-radius: 50%;
        cursor: pointer;
        transition: opacity 200ms ease;
        background-color: rgba(255, 255, 255, 0.8);
        /* Set active state to first button on load */
      }
      [data-am-fadeshow] .fs-quick-btn:hover {
        opacity: 0.8;
      }
  
      [data-am-fadeshow] .fs-next-btn, [data-am-fadeshow] .fs-prev-btn {
        position: absolute;
        display: none;
        top: 0;
        bottom: 0;
        width: 100px;
        cursor: pointer;
        font-family: sans-serif;
        background-color: rgba(255, 255, 255, 0);
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        transition: all 200ms ease;
      }
      @media (max-width: 500px) {
        [data-am-fadeshow] .fs-next-btn, [data-am-fadeshow] .fs-prev-btn {
          width: 50%;
        }
      }
      [data-am-fadeshow] .fs-next-btn:before, [data-am-fadeshow] .fs-prev-btn:before {
        position: absolute;
          top: 50%;
          font-size: 3vw;
          color: white;
          background: black;
          border-top-right-radius: 5px;
          border-top-left-radius: 5px;
      
          padding: 5px;
          background: linear-gradient(310deg,#2152ff,#21d4fd);
          border-radius: 3px;
          padding: 9px;
      }
      [data-am-fadeshow] .fs-next-btn:hover, [data-am-fadeshow] .fs-prev-btn:hover {
        background-color: rgba(255, 255, 255, 0.1);
      }
      @media (max-width: 500px) {
        [data-am-fadeshow] .fs-next-btn:hover, [data-am-fadeshow] .fs-prev-btn:hover {
          background-color: rgba(255, 255, 255, 0);
        }
      }
      [data-am-fadeshow] .fs-prev-btn {
        left: 0;
        transform: translateX(-100%);
      }
      [data-am-fadeshow] .fs-prev-btn:before {
        content: "❮";
        left: 50%;
        transform: translate(-50%, -50%);
      }
      @media (max-width: 500px) {
        [data-am-fadeshow] .fs-prev-btn:before {
          left: 20px;
        }
      }
      @media (max-width: 500px) {
        [data-am-fadeshow] .fs-prev-btn {
          transform: translate(0);
        }
      }
      [data-am-fadeshow] .fs-next-btn {
        right: 0;
        transform: translateX(100%);
      }
      [data-am-fadeshow] .fs-next-btn:before {
        content: "❯";
        right: 50%;
        transform: translate(50%, -50%);
      }
      @media (max-width: 500px) {
        [data-am-fadeshow] .fs-next-btn:before {
          right: 20px;
        }
      }
      @media (max-width: 500px) {
        [data-am-fadeshow] .fs-next-btn {
          transform: translate(0);
        }
      }
      [data-am-fadeshow] input[type=radio] {
        position: fixed;
        top: -9999px;
      }
      [data-am-fadeshow] input[type=radio]:checked {
        /* This loop handles the slide switching and quick navigation active state */
        /* Hide navigation if only one slide */
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(5) {
        /* Show slide */
        /* Add active state to dot */
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(5) ~ .fs-slides .fs-slide {
        opacity: 0;
        -webkit-animation: none !important;
        animation: none !important;
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(5) ~ .fs-slides .fs-slide:nth-child(5) {
        opacity: 1;
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(5) ~ .fs-quick-nav .fs-quick-btn {
        background-color: rgba(255, 255, 255, 0.8);
        /* Cancel autoplay */
        -webkit-animation: none !important;
        animation: none !important;
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(5) ~ .fs-quick-nav .fs-quick-btn:nth-child(5) {
            background: linear-gradient(310deg, #2152ff, #21d4fd);
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(5) ~ .fs-quick-nav .fs-quick-btn:nth-child(5):hover {
        opacity: 1;
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(4) {
        /* Show slide */
        /* Add active state to dot */
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(4) ~ .fs-slides .fs-slide {
        opacity: 0;
        -webkit-animation: none !important;
        animation: none !important;
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(4) ~ .fs-slides .fs-slide:nth-child(4) {
        opacity: 1;
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(4) ~ .fs-quick-nav .fs-quick-btn {
        background-color: rgba(255, 255, 255, 0.8);
        /* Cancel autoplay */
        -webkit-animation: none !important;
        animation: none !important;
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(4) ~ .fs-quick-nav .fs-quick-btn:nth-child(4) {
            background: linear-gradient(310deg, #2152ff, #21d4fd);
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(4) ~ .fs-quick-nav .fs-quick-btn:nth-child(4):hover {
        opacity: 1;
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(3) {
        /* Show slide */
        /* Add active state to dot */
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(3) ~ .fs-slides .fs-slide {
        opacity: 0;
        -webkit-animation: none !important;
        animation: none !important;
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(3) ~ .fs-slides .fs-slide:nth-child(3) {
        opacity: 1;
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(3) ~ .fs-quick-nav .fs-quick-btn {
        background-color: rgba(255, 255, 255, 0.8);
        /* Cancel autoplay */
        -webkit-animation: none !important;
        animation: none !important;
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(3) ~ .fs-quick-nav .fs-quick-btn:nth-child(3) {
            background: linear-gradient(310deg, #2152ff, #21d4fd);
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(3) ~ .fs-quick-nav .fs-quick-btn:nth-child(3):hover {
        opacity: 1;
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(2) {
        /* Show slide */
        /* Add active state to dot */
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(2) ~ .fs-slides .fs-slide {
        opacity: 0;
        -webkit-animation: none !important;
        animation: none !important;
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(2) ~ .fs-slides .fs-slide:nth-child(2) {
        opacity: 1;
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(2) ~ .fs-quick-nav .fs-quick-btn {
        background-color: rgba(255, 255, 255, 0.8);
        /* Cancel autoplay */
        -webkit-animation: none !important;
        animation: none !important;
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(2) ~ .fs-quick-nav .fs-quick-btn:nth-child(2) {
            background: linear-gradient(310deg, #2152ff, #21d4fd);
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(2) ~ .fs-quick-nav .fs-quick-btn:nth-child(2):hover {
        opacity: 1;
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(1) {
        /* Show slide */
        /* Add active state to dot */
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(1) ~ .fs-slides .fs-slide {
        opacity: 0;
        -webkit-animation: none !important;
        animation: none !important;
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(1) ~ .fs-slides .fs-slide:nth-child(1) {
        opacity: 1;
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(1) ~ .fs-quick-nav .fs-quick-btn {
        background-color: rgba(255, 255, 255, 0.8);
        /* Cancel autoplay */
        -webkit-animation: none !important;
        animation: none !important;
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(1) ~ .fs-quick-nav .fs-quick-btn:nth-child(1) {
            background: linear-gradient(310deg, #2152ff, #21d4fd);
      }
      [data-am-fadeshow] input[type=radio]:checked:nth-of-type(1) ~ .fs-quick-nav .fs-quick-btn:nth-child(1):hover {
        opacity: 1;
      }
      [data-am-fadeshow] input[type=radio]:checked:first-of-type:last-of-type ~ .fs-quick-nav,
      [data-am-fadeshow] input[type=radio]:checked:first-of-type:last-of-type ~ .fs-prev-nav,
      [data-am-fadeshow] input[type=radio]:checked:first-of-type:last-of-type ~ .fs-next-nav {
        display: none !important;
      }
      [data-am-fadeshow]:hover .fs-prev-btn,
      [data-am-fadeshow]:hover .fs-next-btn {
        transform: translateX(0);
      }
      
      /*
       * ===== PREV/NEXT NAVIGATION =====
       *
       * This section handles the prev/next navigation.
       */
      /* Handle Prev/Next buttons */
      [data-am-fadeshow~=next-prev-navigation] {
        /* Display first pair of Prev/Next Buttons on load */
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(5) {
        /* Show previous button */
        /* Show next button */
        /* Show last prev button if first slide */
        /* Show first next button if last slide */
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(5) ~ .fs-prev-nav .fs-prev-btn {
        display: none;
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(5) ~ .fs-prev-nav .fs-prev-btn:nth-child(4) {
        display: block;
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(5):first-of-type ~ .fs-prev-nav .fs-prev-btn:last-child {
        display: block;
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(5):last-of-type ~ .fs-next-nav .fs-next-btn:first-child {
        display: block;
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(4) {
        /* Show previous button */
        /* Show next button */
        /* Show last prev button if first slide */
        /* Show first next button if last slide */
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(4) ~ .fs-prev-nav .fs-prev-btn {
        display: none;
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(4) ~ .fs-prev-nav .fs-prev-btn:nth-child(3) {
        display: block;
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(4) ~ .fs-next-nav .fs-next-btn {
        display: none;
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(4) ~ .fs-next-nav .fs-next-btn:nth-child(5) {
        display: block;
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(4):first-of-type ~ .fs-prev-nav .fs-prev-btn:last-child {
        display: block;
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(4):last-of-type ~ .fs-next-nav .fs-next-btn:first-child {
        display: block;
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(3) {
        /* Show previous button */
        /* Show next button */
        /* Show last prev button if first slide */
        /* Show first next button if last slide */
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(3) ~ .fs-prev-nav .fs-prev-btn {
        display: none;
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(3) ~ .fs-prev-nav .fs-prev-btn:nth-child(2) {
        display: block;
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(3) ~ .fs-next-nav .fs-next-btn {
        display: none;
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(3) ~ .fs-next-nav .fs-next-btn:nth-child(4) {
        display: block;
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(3):first-of-type ~ .fs-prev-nav .fs-prev-btn:last-child {
        display: block;
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(3):last-of-type ~ .fs-next-nav .fs-next-btn:first-child {
        display: block;
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(2) {
        /* Show previous button */
        /* Show next button */
        /* Show last prev button if first slide */
        /* Show first next button if last slide */
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(2) ~ .fs-prev-nav .fs-prev-btn {
        display: none;
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(2) ~ .fs-prev-nav .fs-prev-btn:nth-child(1) {
        display: block;
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(2) ~ .fs-next-nav .fs-next-btn {
        display: none;
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(2) ~ .fs-next-nav .fs-next-btn:nth-child(3) {
        display: block;
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(2):first-of-type ~ .fs-prev-nav .fs-prev-btn:last-child {
        display: block;
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(2):last-of-type ~ .fs-next-nav .fs-next-btn:first-child {
        display: block;
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(1) {
        /* Show previous button */
        /* Show next button */
        /* Show last prev button if first slide */
        /* Show first next button if last slide */
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(1) ~ .fs-next-nav .fs-next-btn {
        display: none;
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(1) ~ .fs-next-nav .fs-next-btn:nth-child(2) {
        display: block;
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(1):first-of-type ~ .fs-prev-nav .fs-prev-btn:last-child {
        display: block;
      }
      [data-am-fadeshow~=next-prev-navigation] input[type=radio]:checked:nth-of-type(1):last-of-type ~ .fs-next-nav .fs-next-btn:first-child {
        display: block;
      }
      [data-am-fadeshow~=next-prev-navigation] .fs-prev-btn:last-child {
        display: block;
      }
      [data-am-fadeshow~=next-prev-navigation] .fs-next-btn:nth-child(2) {
        display: block;
      }
      
      /*
       * ===== AUTOPLAY =====
       *
       * Functions to handle autoplay.

       */
      @keyframes quickNavAnimation-5 {
        0% {
          background-color: rgba(255, 255, 255, 0.8);
        }
        4%, 20% {
              background: linear-gradient(310deg, #2152ff, #21d4fd);
        }
        24%, 100% {
          background-color: rgba(255, 255, 255, 0.8);
        }
      }
      @-webkit-keyframes quickNavAnimation-5 {
        0% {
          background-color: rgba(255, 255, 255, 0.8);
        }
        4%, 20% {
              background: linear-gradient(310deg, #2152ff, #21d4fd);
        }
        24%, 100% {
          background-color: rgba(255, 255, 255, 0.8);
        }
      }
      @keyframes slidesAnimation-5 {
        0% {
          opacity: 0;
        }
        4%, 20% {
          opacity: 1;
        }
        24%, 100% {
          opacity: 0;
        }
      }
      @-webkit-keyframes slidesAnimation-5 {
        0% {
          opacity: 0;
        }
        4%, 20% {
          opacity: 1;
        }
        24%, 100% {
          opacity: 0;
        }
      }
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(5):last-of-type {
        /* Slide animation */
        /* Quick navigation animation */
        /* Animation Delay */
      }
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(5):last-of-type ~ .fs-slides .fs-slide {
        -webkit-animation: slidesAnimation-5 25s infinite;
        animation: slidesAnimation-5 25s infinite;
      }
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(5):last-of-type ~ .fs-quick-nav .fs-quick-btn {
        -webkit-animation: quickNavAnimation-5 25s infinite;
        animation: quickNavAnimation-5 25s infinite;
      }
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(5):last-of-type ~ .fs-slides .fs-slide:nth-child(1),
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(5):last-of-type ~ .fs-quick-nav .fs-quick-btn:nth-child(1) {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
      }
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(5):last-of-type ~ .fs-slides .fs-slide:nth-child(2),
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(5):last-of-type ~ .fs-quick-nav .fs-quick-btn:nth-child(2) {
        -webkit-animation-delay: 4s;
        animation-delay: 4s;
      }
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(5):last-of-type ~ .fs-slides .fs-slide:nth-child(3),
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(5):last-of-type ~ .fs-quick-nav .fs-quick-btn:nth-child(3) {
        -webkit-animation-delay: 9s;
        animation-delay: 9s;
      }
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(5):last-of-type ~ .fs-slides .fs-slide:nth-child(4),
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(5):last-of-type ~ .fs-quick-nav .fs-quick-btn:nth-child(4) {
        -webkit-animation-delay: 14s;
        animation-delay: 14s;
      }
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(5):last-of-type ~ .fs-slides .fs-slide:nth-child(5),
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(5):last-of-type ~ .fs-quick-nav .fs-quick-btn:nth-child(5) {
        -webkit-animation-delay: 19s;
        animation-delay: 19s;
      }
      
      @keyframes quickNavAnimation-4 {
        0% {
          background-color: rgba(255, 255, 255, 0.8);
        }
        5%, 25% {
              background: linear-gradient(310deg, #2152ff, #21d4fd);
        }
        30%, 100% {
          background-color: rgba(255, 255, 255, 0.8);
        }
      }
      @-webkit-keyframes quickNavAnimation-4 {
        0% {
          background-color: rgba(255, 255, 255, 0.8);
        }
        5%, 25% {
              background: linear-gradient(310deg, #2152ff, #21d4fd);
        }
        30%, 100% {
          background-color: rgba(255, 255, 255, 0.8);
        }
      }
      @keyframes slidesAnimation-4 {
        0% {
          opacity: 0;
        }
        5%, 25% {
          opacity: 1;
        }
        30%, 100% {
          opacity: 0;
        }
      }
      @-webkit-keyframes slidesAnimation-4 {
        0% {
          opacity: 0;
        }
        5%, 25% {
          opacity: 1;
        }
        30%, 100% {
          opacity: 0;
        }
      }
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(4):last-of-type {
        /* Slide animation */
        /* Quick navigation animation */
        /* Animation Delay */
      }
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(4):last-of-type ~ .fs-slides .fs-slide {
        -webkit-animation: slidesAnimation-4 20s infinite;
        animation: slidesAnimation-4 20s infinite;
      }
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(4):last-of-type ~ .fs-quick-nav .fs-quick-btn {
        -webkit-animation: quickNavAnimation-4 20s infinite;
        animation: quickNavAnimation-4 20s infinite;
      }
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(4):last-of-type ~ .fs-slides .fs-slide:nth-child(1),
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(4):last-of-type ~ .fs-quick-nav .fs-quick-btn:nth-child(1) {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
      }
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(4):last-of-type ~ .fs-slides .fs-slide:nth-child(2),
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(4):last-of-type ~ .fs-quick-nav .fs-quick-btn:nth-child(2) {
        -webkit-animation-delay: 4s;
        animation-delay: 4s;
      }
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(4):last-of-type ~ .fs-slides .fs-slide:nth-child(3),
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(4):last-of-type ~ .fs-quick-nav .fs-quick-btn:nth-child(3) {
        -webkit-animation-delay: 9s;
        animation-delay: 9s;
      }
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(4):last-of-type ~ .fs-slides .fs-slide:nth-child(4),
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(4):last-of-type ~ .fs-quick-nav .fs-quick-btn:nth-child(4) {
        -webkit-animation-delay: 14s;
        animation-delay: 14s;
      }
      
      @keyframes quickNavAnimation-3 {
        0% {
          background-color: rgba(255, 255, 255, 0.8);
        }
        6.6666666667%, 33.3333333333% {
              background: linear-gradient(310deg, #2152ff, #21d4fd);
        }
        40%, 100% {
          background-color: rgba(255, 255, 255, 0.8);
        }
      }
      @-webkit-keyframes quickNavAnimation-3 {
        0% {
          background-color: rgba(255, 255, 255, 0.8);
        }
        6.6666666667%, 33.3333333333% {
              background: linear-gradient(310deg, #2152ff, #21d4fd);
        }
        40%, 100% {
          background-color: rgba(255, 255, 255, 0.8);
        }
      }
      @keyframes slidesAnimation-3 {
        0% {
          opacity: 0;
        }
        6.6666666667%, 33.3333333333% {
          opacity: 1;
        }
        40%, 100% {
          opacity: 0;
        }
      }
      @-webkit-keyframes slidesAnimation-3 {
        0% {
          opacity: 0;
        }
        6.6666666667%, 33.3333333333% {
          opacity: 1;
        }
        40%, 100% {
          opacity: 0;
        }
      }
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(3):last-of-type {
        /* Slide animation */
        /* Quick navigation animation */
        /* Animation Delay */
      }
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(3):last-of-type ~ .fs-slides .fs-slide {
        -webkit-animation: slidesAnimation-3 15s infinite;
        animation: slidesAnimation-3 15s infinite;
      }
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(3):last-of-type ~ .fs-quick-nav .fs-quick-btn {
        -webkit-animation: quickNavAnimation-3 15s infinite;
        animation: quickNavAnimation-3 15s infinite;
      }
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(3):last-of-type ~ .fs-slides .fs-slide:nth-child(1),
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(3):last-of-type ~ .fs-quick-nav .fs-quick-btn:nth-child(1) {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
      }
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(3):last-of-type ~ .fs-slides .fs-slide:nth-child(2),
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(3):last-of-type ~ .fs-quick-nav .fs-quick-btn:nth-child(2) {
        -webkit-animation-delay: 4s;
        animation-delay: 4s;
      }
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(3):last-of-type ~ .fs-slides .fs-slide:nth-child(3),
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(3):last-of-type ~ .fs-quick-nav .fs-quick-btn:nth-child(3) {
        -webkit-animation-delay: 9s;
        animation-delay: 9s;
      }
      
      @keyframes quickNavAnimation-2 {
        0% {
          background-color: rgba(255, 255, 255, 0.8);
        }
        10%, 50% {
              background: linear-gradient(310deg, #2152ff, #21d4fd);
        }
        60%, 100% {
          background-color: rgba(255, 255, 255, 0.8);
        }
      }
      @-webkit-keyframes quickNavAnimation-2 {
        0% {
          background-color: rgba(255, 255, 255, 0.8);
        }
        10%, 50% {
              background: linear-gradient(310deg, #2152ff, #21d4fd);
        }
        60%, 100% {
          background-color: rgba(255, 255, 255, 0.8);
        }
      }
      @keyframes slidesAnimation-2 {
        0% {
          opacity: 0;
        }
        10%, 50% {
          opacity: 1;
        }
        60%, 100% {
          opacity: 0;
        }
      }
      @-webkit-keyframes slidesAnimation-2 {
        0% {
          opacity: 0;
        }
        10%, 50% {
          opacity: 1;
        }
        60%, 100% {
          opacity: 0;
        }
      }
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(2):last-of-type {
        /* Slide animation */
        /* Quick navigation animation */
        /* Animation Delay */
      }
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(2):last-of-type ~ .fs-slides .fs-slide {
        -webkit-animation: slidesAnimation-2 10s infinite;
        animation: slidesAnimation-2 10s infinite;
      }
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(2):last-of-type ~ .fs-quick-nav .fs-quick-btn {
        -webkit-animation: quickNavAnimation-2 10s infinite;
        animation: quickNavAnimation-2 10s infinite;
      }
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(2):last-of-type ~ .fs-slides .fs-slide:nth-child(1),
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(2):last-of-type ~ .fs-quick-nav .fs-quick-btn:nth-child(1) {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
      }
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(2):last-of-type ~ .fs-slides .fs-slide:nth-child(2),
      [data-am-fadeshow~=autoplay] input[type=radio]:nth-of-type(2):last-of-type ~ .fs-quick-nav .fs-quick-btn:nth-child(2) {
        -webkit-animation-delay: 4s;
        animation-delay: 4s;
      }
      
      /* Base Styling */
      body {
        margin: 0;
      }
      
      
      #kartt.container {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        overflow: hidden;
      }