@font-face {
     font-family: 'Butler-UltraLight';
     src: url('../fonts/Butler-UltraLight.woff2') format('woff2'), url('../fonts/Butler-UltraLight.woff') format('woff');
     font-weight: 200;
     font-style: normal;
}
 @font-face {
     font-family: 'Butler-Medium';
     src: url('../fonts/Butler-Medium.woff2') format('woff2'), url('../fonts/Butler-Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
}
 @font-face {
     font-family: 'Butler-Light';
     src: url('../fonts/Butler-Light.woff2') format('woff2'), url('../fonts/Butler-Light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
}
 @font-face {
     font-family: 'Butler-Black';
     src: url('../fonts/Butler-Black.woff2') format('woff2'), url('../fonts/Butler-Black.woff') format('woff');
     font-weight: 900;
     font-style: normal;
}
 @font-face {
     font-family: 'Butler-Bold';
     src: url('../fonts/Butler-Bold.woff2') format('woff2'), url('../fonts/Butler-Bold.woff') format('woff');
     font-weight: bold;
     font-style: normal;
}
 @font-face {
     font-family: 'Butler-ExtraBold';
     src: url('../fonts/Butler-ExtraBold.woff2') format('woff2'), url('../fonts/Butler-ExtraBold.woff') format('woff');
     font-weight: 800;
     font-style: normal;
}
 @font-face {
     font-family: 'Butler';
     src: url('../fonts/Butler.woff2') format('woff2'), url('../fonts/Butler.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
 body {
     top:0 !important;
}
 p {
     font-weight: normal;
     font-size: 17px;
     line-height: 28px;
}

.spe_ft .copyright.background-main p a:hover { color:#fff !important; }
.spe_ft a {text-decoration: none;}

.spe_ft .copyright.background-main p { margin-bottom:0; }
.spe_ft ul.dsn-socials.box-social {
    margin: 0;
}


 h2.title-lg.has-box-mod.p-relative.herotext {
     font-family: 'Butler';
     font-weight: normal;
     letter-spacing: 0;
     font-size: 100px;
}
 p.mt-30.date {
     margin-top: 0px;
}
 .dsn-service.padding-service .service-item .service-item-inner {
     padding: 30px 30px;
}
 img.sep_img {
     border-radius: 16px;
}
 h1,h2,h3,h4,h5,h6 {
     font-family: 'Butler';
     font-weight: normal !important;
     letter-spacing: 0 !important;
}
 .v-light #site_menu_header {
     background-color: transparent;
     padding: 0;
}
 .main-brand img, .dsnload__img img {
     width: 130px;
     max-width: 100%;
     height: auto;
}
 .site-header:not(.dsn-open) {
     -webkit-backdrop-filter: inherit;
     backdrop-filter: inherit;
}
 .herobanner {
     width: 100%;
     height: 100vh;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     position: relative;
}
 .herobanner img {
     width: 100%;
     height: 100vh;
     object-fit: cover;
}
 .herobanner .container {
     position: absolute;
     left: 0;
}
 .herobanner h2.title-lg.has-box-mod.p-relative.herotext {
     color: #fff;
     line-height: 100px;
}
 .herobanner p.item.description {
     color: #fff;
     font-size: 20px;
     font-weight: normal;
}
 .herobanner:before {
     position: absolute;
     background: linear-gradient(to bottom, transparent 0%, #000000 100%);
     width: 100%;
     height: 350px;
     bottom: 0;
     left: 0;
     content: "";
}
 .wrappermenu{
     position: fixed;
     top: 0;
    /*left: -100%;
     */
     right: -100%;
     height: 100%;
     width: 35%;
     background: #000;
    /*background: linear-gradient(90deg, #f92c78, #4114a1);
     */
    /* background: linear-gradient(375deg, #1cc7d0, #2ede98);
     */
    /* background: linear-gradient(-45deg, #e3eefe 0%, #efddfb 100%);
     */
     transition: all 0.6s ease-in-out;
}
 #active:checked ~ .wrappermenu{
    /*left: 0;
     */
     right:0;
}
 .menu-btn{
     position: absolute;
     z-index: 2;
     right: 20px;
    /*left: 20px;
     */
     top: 20px;
     height: 50px;
     width: 50px;
     text-align: center;
     line-height: 50px;
     border-radius: 50%;
     font-size: 20px;
     cursor: pointer;
    /*color: #fff;
     */
     background: linear-gradient(90deg, #f92c78, #4114a1);
    /* background: linear-gradient(375deg, #1cc7d0, #2ede98);
     */
    /* background: linear-gradient(-45deg, #e3eefe 0%, #efddfb 100%);
     */
     transition: all 0.3s ease-in-out;
}
 .menu-btn span, .menu-btn:before, .menu-btn:after{
     content: "";
     position: absolute;
     top: calc(50% - 1px);
     left: 30%;
     width: 40%;
     border-bottom: 2px solid #fff;
     transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
 .menu-btn:before{
     transform: translateY(-8px);
}
 .menu-btn:after{
     transform: translateY(8px);
}
 .close {
     z-index: 1;
     width: 100%;
     height: 100%;
     pointer-events: none;
     transition: background .6s;
}
/* closing animation */
 #active:checked + .menu-btn span {
     transform: scaleX(0);
}
 #active:checked + .menu-btn:before {
     transform: rotate(45deg);
     border-color: #fff;
}
 #active:checked + .menu-btn:after {
     transform: rotate(-45deg);
     border-color: #fff;
}
 .wrappermenu ul{
     position: absolute;
     top: 60%;
     left: 50%;
     height: 90%;
     transform: translate(-50%, -50%);
     list-style: none;
     text-align: center;
     width: 100%;
}
 .wrappermenu ul li{
     height: 10%;
     margin: 15px 0;
}
 .wrappermenu ul li a{
     text-decoration: none;
     font-size: 30px;
     font-weight: 500;
     padding: 5px 30px;
     color: #fff;
     border-radius: 50px;
     line-height: 50px;
     margin: 0;
     opacity: 0;
     transition: all 0.3s ease;
     transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
     width: 100%;
     text-align: center;
     font-family: 'Butler';
}
 .wrappermenu ul li a:after{
     position: absolute;
     content: "";
     background: #fff;
    /*background: linear-gradient(#14ffe9, #ffeb3b, #ff00e0);
     */
    /*background: linear-gradient(375deg, #1cc7d0, #2ede98);
     */
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     border-radius: 50px;
     transform: scaleY(0);
     z-index: -1;
     transition: transform 0.3s ease;
}
 .wrappermenu ul li a:hover:after{
     transform: scaleY(1);
}
 .wrappermenu ul li a:hover {
     color: #000;
}
 input[type="checkbox"]{
     display: none;
}
 #active:checked ~ .wrappermenu ul li a{
     opacity: 1;
}
 .wrappermenu ul li a {
     transition: opacity 1.2s, transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
     transform: translateX(0px);
     width: 75%;
}
 .site-header.hide-nav:not(.dsn-open) {
     transform: inherit;
}
 .title-block {
     font-size: 24px;
}
 .logo-box.v-middle h3.title {
     font-size: 58px;
}
 section.dsn-service.padding-service.section-padding.background-section.hover-box-item.bg_img_container {
     position: relative;
     overflow: hidden;
}
 img.bg_img {
     position: absolute;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center center;
     top: 0;
}
 .bg_img_container:after {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     content: "";
     background: linear-gradient(to bottom, transparent 0%, #000000 100%);
}
 .bg_img_container .container {
     position: relative;
     z-index: 1;
}
 .bg_img_container .container .service-item.grid-item {
     backdrop-filter: blur(2px);
     background-color: rgba(255, 255, 255, 0.7);
}
 .bg_img_container .container .service-item.grid-item p.mt-30 {
     color: #000;
     font-size: 15px;
     line-height: normal;
}
 .blur_section p.full_width {
     max-width: 75%;
}
 .blur_section h5.text-upper.fw-bold.mt-15 {
     font-size: 65px;
}
 .blur_section:before {
     position: absolute;
     content: "";
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,0.5);
     z-index: 1;
}
 .blur_section p.full_width span {
     font-style: italic;
}
 p.seperate_text {
     color: #fff;
}
 .bg_img_container.bg_img_container2 .dsn-fill span.word {
     -webkit-background-clip: text;
     background-repeat: no-repeat;
     background-image: linear-gradient(#fff, #fff);
     background-size: 0 100%;
}
 .bg_img_container.bg_img_container2:before {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: -170px;
     content: "";
     background: linear-gradient(to top, transparent 0%, #000 100%);
     z-index: 1;
}
 .usp_points {
     display:inline-block;
     width:100%;
     background:#000;
     padding:30px 0 120px 0;
}
 .usp_points_h1 .dsn-fill span.word {
     -webkit-background-clip: text;
     background-repeat: no-repeat;
     background-image: linear-gradient(90deg, #f92c78, #4114a1);
     background-size: 0 100%;
}
 section.usp_points.usp_points_h1 h2.title {
     font-size: 52px;
     border-bottom: 1px solid rgba(255,255,255,0.15);
     padding-bottom: 10px;
     margin-bottom: 30px;
}
 .icon {
     width: 80px;
     height: 80px;
     background: #222;
     border-radius: 100px;
     padding: 17px;
     display: inline-block;
}
 .point_details h3 {
     color: #fff;
     display: inline-block;
     width: 100%;
}
 .point_details p {
     display: inline-block;
     width: 100%;
     color: rgba(255,255,255,0.7);
     font-size: 14px;
     line-height: 20px;
     font-weight: 500;
}
 .point_container {
     width: 100%;
     display: flex;
     gap: 20px;
}
 .point {
     width: 25%;
}
 .point_details {
     padding-top: 10px;
     width: 100%;
     position: relative;
}
 .point_details strong {
     color: #fff;
     font-family: 'Butler';
     font-size: 24px;
     position: absolute;
     top: 15px;
     left: 80px;
}
 .point_details b {
     margin-bottom: 10px;
     float: left;
     margin-top: -5px;
}
 .usp_points_block {
     display: inline-block;
     width: 100%;
     margin-bottom: 60px;
}
 body > .skiptranslate,.goog-logo-link,.gskiptranslate,.goog-te-gadget span,.goog-te-banner-frame,#goog-gt-tt, .goog-te-balloon-frame,div#goog-gt-{
     display: none!important;
}
 .goog-te-gadget {
     color: transparent!important;
     font-size:0px;
}
 .goog-text-highlight {
     background: none !important;
     box-shadow: none !important;
}
 #google_translate_element select {
     color: #fff;
     border: none;
     padding: 10px 12px;
     font-family: 'Butler';
     letter-spacing: 0.5px;
     font-size: 17px;
     font-weight: normal;
     margin-right: 20px;
     backdrop-filter: blur(8px);
     background-color: rgba(41, 41, 41, 0.45) !important;
     border-radius: 100px;
     margin-top: 25px;
     display: none;
}
 .d-grid-half.d-grid:not(.dsn-isotope):not(.d-grid-no-space) {
     grid-column-gap: 100px;
     grid-row-gap: 100px;
}
 .d-grid-half.grid-half-1 {
     grid-template-columns: auto 50%;
}
 .d-grid.d-grid-half img {
     height: 500px;
     object-fit: cover;
     object-position: center center;
}
 section.last_section, .fullimage , section.last_section img {
     width: 100%;
     height: 100vh;
     object-fit: cover;
     position: relative;
}
 section.last_section:after {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     content: "";
     background: linear-gradient(to bottom, transparent 0%, #000000 100%);
}
 .copyright.background-main {
     background: #000;
}
 .divider_img img {
     width: 100%;
     height: 380px;
     object-fit: cover;
     border-radius: 16px;
}
 .divider_img {
     float: left;
     width: 100%;
     margin-bottom: 50px;
}
 .content > div {
     display: block;
     padding: 0;
     width: 100%;
}
 .tabs_top input {
     display: none;
}
 .tabs_top label {
     display: inline-block;
     padding: 15px 25px;
     font-weight: 600;
     text-align: center;
     border-bottom: 1px solid transparent;
     transition: all .3s ease-out 0.1s;
}
 .tabs_top label:hover {
     cursor: pointer;
     color: #000;
}
 .tabs_top input:checked + .tabs_top label {
     background: #ffffff;
     color: #fd7034;
     border-bottom: 1px solid;
}
 #tab-1:checked ~ .content #content-1, #tab-2:checked ~ .content #content-2, #tab-3:checked ~ .content #content-3, #tab-4:checked ~ .content #content-4 {
     display: block;
     animation-name: inUp;
     animation-timing-function: ease-in-out;
     animation-duration: .6s;
}
 @media screen and (max-width: 400px) {
     .tabs_top label {
         padding: 15px 10px;
    }
}
 @keyframes inUp {
     0%{
         opacity: 0;
         transform: translateY(100px) 
    }
     90%{
         transform: translateY(-10px) 
    }
     100% {
         opacity: 1;
         transform: translateY(0) 
    }
}
 .box-move.section-padding.background-section.tabs_top {
     text-align: center;
     display: inline-block;
     width: 100%;
     background: #f3f3f3;
}
 .tabs_top label {
     font-family: 'Butler';
     font-size: 24px;
     color: rgba(0,0,0,0.25);
     margin: auto;
     display: inline-block;
     padding: 20px 60px;
     font-weight: 600;
     width: auto;
     border-radius: 16px 16px 0 0;
     text-transform: uppercase;
     letter-spacing: 0px;
}
 .tabs_top input:checked + label {
     background: #fff;
     color: #000;
}
 .gridview_container {
     float: left;
     width: 100%;
     text-align: left;
     display: flex;
     gap: 30px;
     flex-wrap: wrap;
     align-items: baseline;
}
 .Click-here {
     cursor: pointer;
     border-radius: 20px;
     transition:background-image 3s ease-in-out;
}
 .Click-here:hover {
     transition: background-image 3s ease-in-out;
}
 .custom-model-main {
     text-align: center;
     overflow: hidden;
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
    /* z-index: 1050;
     */
     -webkit-overflow-scrolling: touch;
     outline: 0;
     opacity: 0;
     -webkit-transition: opacity 0.15s linear, z-index 0.15;
     -o-transition: opacity 0.15s linear, z-index 0.15;
     transition: opacity 0.15s linear, z-index 0.15;
     z-index: -1;
     overflow-x: hidden;
     overflow-y: auto;
     display: none;
}
 .model-open {
     z-index: 99999;
     opacity: 1;
     overflow: hidden;
     display: inline-block;
}
.move-circle:not(.p-absolute) {
    position: relative;
    z-index: 0;
}
 .custom-model-inner {
     -webkit-transform: translate(0, -25%);
     -ms-transform: translate(0, -25%);
     transform: translate(0, -25%);
     -webkit-transition: -webkit-transform 0.3s ease-out;
     -o-transition: -o-transform 0.3s ease-out;
     transition: -webkit-transform 0.3s ease-out;
     -o-transition: transform 0.3s ease-out;
     transition: transform 0.3s ease-out;
     transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
     display: inline-block;
     vertical-align: middle;
     width: 980px;
     margin: 30px auto;
     max-width: 97%;
}
 .custom-model-wrap {
     display: block;
     width: 100%;
     position: relative;
     background-color: #fff;
     border: 1px solid #999;
     border: 1px solid rgba(0, 0, 0, 0.2);
     border-radius: 6px;
     -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
     box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
     background-clip: padding-box;
     outline: 0;
     text-align: left;
     padding: 40px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     max-height: calc(100vh - 50px);
     overflow-y: auto;
}
 .model-open .custom-model-inner {
     -webkit-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     transform: translate(0, 0);
     position: relative;
     z-index: 999;
     top: 25px;
}
 .model-open .bg-overlay {
     background: rgba(0, 0, 0, 0.6);
     z-index: 99;
}
 .bg-overlay {
     background: rgba(0, 0, 0, 0);
     height: 100vh;
     width: 100%;
     position: fixed;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 0;
     -webkit-transition: background 0.15s linear;
     -o-transition: background 0.15s linear;
     transition: background 0.15s linear;
}
 .close-btn {
     position: absolute;
     right: 0;
     top: -60px;
     cursor: pointer;
     z-index: 99;
     font-size: 28px;
     color: #fff;
     background: linear-gradient(90deg, #f92c78, #4114a1);
     border-radius: 100px;
     width: 42px;
     font-weight: normal;
     height: 42px;
}

.box-move.section-padding.background-section.tabs_top .icon {
    margin-right: 20px;
}
.total_numbers {
    width: 100%;
    text-align: center;
    display: inline-block;
    line-height: 50px;
}
.total_numbers strong { display:table; }
.total_numbers strong {
    display: table;
    width: 100%;
    font-size: 72px;
    color: #000;
    font-family: 'Butler';
}


 @media screen and (min-width:800px){
     .custom-model-main:before {
         content: "";
         display: inline-block;
         height: auto;
         vertical-align: middle;
         margin-right: -0px;
         height: 100%;
    }
}
 @media screen and (max-width:799px){
     .custom-model-inner{
         margin-top: 45px;
    }
}
 .gridview {
     width: 31%;
     display: flex;
}
 .Click-here h2 {
     display: inline-block;
     width: 100%;
     font-size: 24px;
     padding: 20px;
     line-height: 32px;
}
 .Click-here img {
     display: inline-block;
     width: 100%;
     -webkit-transition: 0.6s ease;
     transition: 0.6s ease;
     height: 320px;
     object-fit: cover;
     object-position: center center;
}
 .Click-here .box-img.w-100.h-500 {
     overflow: hidden;
     border-radius: 15px;
     height: 320px;
}
 .Click-here:hover h2 {
     color:#fff;
}
 .content.content_tabs {
     display: inline-block;
     width: 100%;
     padding: 50px;
     background: #fff;
     border-radius: 16px;
}
 .gridview_img {
     display:inline-block;
     width:100%;
     border-radius:20px 20px 0 0;
     overflow:hidden;
}
 .Click-here:hover img {
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
     -webkit-transition: 0.6s ease;
     transition: 0.6s ease;
}
 .pop-up-content-wrap h2 {
     font-size: 32px;
     line-height: 42px;
}
 .pop-up-content-wrap span {
     display: inline-block;
     width: 100%;
     margin: 10px 0 0 0;
     font-size: 18px;
     line-height: 28px;
     color: #000;
}
 .pop-up-content-wrap img {
     width: 100%;
     display: inline-block;
     height: auto;
     object-fit: cover;
     margin: 25px 0 25px 0;
}
 .pop-up-content-wrap p {
     display: inline-block;
     width: 100%;
     font-size: 15px;
     line-height: 23px;
}
.pop-up-content-wrap p .thick {
    display: inline-block;
    width: 100%;
    font-size: 15px;
    line-height: 23px;
    font-weight: 900;
}
 .flip {
     overflow: hidden;
}
 .flip header#site_menu_header {
     z-index: 1;
}
 .overlay {
     position: fixed;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: rgba(0, 0, 0, 0.7);
     transition: opacity 500ms;
     visibility: hidden;
     opacity: 0;
}
 .overlay:target {
     visibility: visible;
     opacity: 1;
}
 .popup {
     margin: 70px auto;
     padding: 20px;
     background: #fff;
     border-radius: 5px;
     width: 30%;
     position: relative;
     transition: all 5s ease-in-out;
}
 .popup h2 {
     margin-top: 0;
     color: #333;
     font-family: Tahoma, Arial, sans-serif;
}
 .popup .close {
     position: absolute;
     top: 20px;
     right: 30px;
     transition: all 200ms;
     font-size: 30px;
     font-weight: bold;
     text-decoration: none;
     color: #333;
}
 .popup .close:hover {
     color: #06D85F;
}
 .popup .content {
     max-height: 30%;
     overflow: auto;
}
 @media screen and (max-width: 700px){
     .box{
         width: 70%;
    }
     .popup{
         width: 70%;
    }
}
 .pop-up-content-wrap iframe {
     width: 100%;
     margin: 25px 0 0 0;
}
 .cat svg {
     position: absolute;
     width: 40px;
     height: 40px;
     fill: #fff;
}
 .cat.background-main.d-flex.p-absolute.top-0.right-0.z-index-1 {
     background: #fff;
}

.iframe_container {position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%;
}

  .responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.box-move.section-padding.background-section:nth-child(2n) {
    background: #fff;
}

#accordion {
    display: inline-block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.day_numbers {
    display: inline-block;
    width: 100%;
    text-align: left;
    font-size: 42px;
    color: #000;
    font-family: 'Butler';
    line-height: 42px;
}

.open .accordion-title span {
    color: #000;
}
.accordion-title:hover span {
    color: #000;
}

#accordion ul {
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    margin-block-start: 0px;
    margin-block-end: 0px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 40px;
    list-style: none;
}

#accordion li {
  cursor: pointer;
}

#accordion h2 {
  font-size: var(--header3);
  font-family: var(--primary-font);
  color: var(--main-color);
  padding-bottom: 2rem;
}

.container {
  max-width: 1140px;
  padding: 2rem;
  margin: 0 auto;
}

.accordion-title {
    padding: 2rem 0px;
    border-bottom: 1px solid var(--main-color);
    position: relative;
    font-size: var(--header5);
    color: var(--main-color);
    font-family: var(--primary-font);
    transition: var(--transition);
    padding: 1.5rem .5rem;
    border-bottom: 1px solid var(--border-color);
}

.accordion-title span {
    font-family: 'Butler';
    font-size: 18px;
    color: rgba(0, 0, 0, 0.25);
    margin: auto;
    display: inline-block;
    font-weight: 600;
    width: auto;
    text-transform: uppercase;
    letter-spacing: 0px;
}

.accordion-title::after {
  content: "\276F";
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0.5rem;
  font-size: 1rem;
  transform-origin: center;
  transform: rotateZ(90deg);
  transition: var(--transition);
  top: 40%;
  bottom: 50%;
  color: var(--main-color);
}

.rotate .accordion-title::after {
  transform: rotateZ(-90deg);
}

.accordion-content {
  height: 0px;
  opacity: 0;
  display: flex;
  align-items: center;
  gap: 2rem;
  overflow: hidden;
  
  
}

.accordion-content img {
  width: auto;
}

.accordion-content p {
  flex: 0 0 100%;
}

.accordion-content.text p {
  flex: 0 0 100%;
}

.accordion-content.text {
  flex-direction: column;
}

.open .accordion-content {
    min-height: var(--img-height);
    height: auto;
    opacity: 1;
    margin-top: 0rem;
    transition: 0.25s ease-in-out;
    padding: 30px 0;
}


.accordion-content .point_container {
    margin: 10px 0 0 0;
}

.accordion-content .point_container .point {
    background: #f3f3f3;
    border-radius: 16px;
    padding: 25px;
}

.accordion-content .point_container .point p {
    color: #000;
}

.accordion-content .point_container .point p br {
  display: none;
}

.accordion-content .point_container h3.counter {
    color: #000;
}

.dashboard_graph {
    display: inline-block;
    width: 100%;
    margin: 50px 0 0 0;
}

@media screen and (max-width: 768px) {
   .accordion-content {
    flex-direction: column;
  }
  
  .accordion-content p {
    flex: 0 0 auto;
  }
  
  .open .accordion-content {
    min-height: calc(var(--img-height) + var(--img-height) / 2);
  }

  .accordion-item div span {
    display: block;
    width: 90%;
  }
}



.dashboard_top_labels a {
    font-family: 'Butler';
    font-size: 24px;
    color: rgba(0, 0, 0, 0.25);
    margin: auto;
    display: inline-block;
    padding: 20px 60px;
    font-weight: 600;
    width: auto;
    border-radius: 16px 16px 0 0;
    text-transform: uppercase;
    letter-spacing: 0px;
}

.dashboard_top_labels {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.dashboard_top_labels a:hover {
    color: #000;
}
.dashboard_top_labels a.active {
    background: #fff;
    color: #000;
}

.single_stories {
    width: 980px;
    margin: auto;
    
}

.single_stories .pop-up-content-wrap {
    border-radius: 16px;
    background: #fff;
    padding: 50px;
    display: inline-block;
    width: 100%;
}

.single_stories a {
    background: linear-gradient(90deg, #f92c78, #4114a1);
    color: #fff;
    border-radius: 5px;
    padding: 12px 24px;
    margin-bottom: 20px;
    float: right;
    margin-top: 20px;
}

.point a {
    width: 100%;
}




.lightboxpreview {
   transition: all .3s linear;
padding-top:60%;
  cursor:pointer;
  background-size:cover;
}
   
.lightbox-content {
max-height:75vh;
  height:75vh;
  width:100%;
  max-width: 1000px;}

.lightbox-close { 
  cursor:pointer;
    margin-left: auto;
  position:absolute;
  right:-30px;
  top:-30px;
  color:white;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;}
.modal_inner_image {
    min-height: 400px;
    z-index: 1000;}
.modal-content {
    width: 100%;}


.modalscale {transform:scale(0);
opacity:0;}



.lightbox-container, .lightbox-btn, .lightbox-image-wrapper, .lightbox-enabled{transition:all .4s ease-in-out;}
.lightbox_img_wrap {padding-top:68%;
  position:relative;
  overflow:hidden;
  border-radius: 10px;
}
.lightbox-enabled:hover {
  transform:scale(1.2)
}
.lightbox-enabled {width:100%;
height:320px !important;
  position:absolute;
  top:0;
object-fit:cover;
cursor:pointer; left: 0;}

.lightbox-container {width:100vw;
height:100vh;
position:fixed;
top:0;
left:0;
  display:flex;
  align-items:center;
  justify-content:center;
background-color:rgba(0,0,0,.7);
z-index:9999;
opacity:0;
pointer-events:none;
}

.lightbox-container.active {
  opacity:1;
  pointer-events:all;
}
.lightbox-image-wrapper {
  display:flex;
  transform:scale(0);
  align-items:center;
  justify-content:center;
  max-width:90vw;
  max-height:90vh;
  position:relative;
}
.lightbox-container.active .lightbox-image-wrapper {transform:scale(1);}
.lightbox-btn, #close {
  color:white;
  z-index:9999999;
 cursor:pointer; 
  position:absolute;

  font-size:50px;
}

.lightbox-btn:focus {
  outline:none;
}

.left {left:50px;}
.right {right:50px;}
#close {top:50px;
right:50px;}

.lightbox-image {
  width:100%;
  -webkit-box-shadow: 5px 5px 20px 2px rgba(0,0,0,0.19); 
box-shadow: 5px 5px 20px 2px rgba(0,0,0,0.19);
  max-height:95vh;
  object-fit:cover;
 }

@keyframes slideleft {
  33% {transform:translateX(-300px);
  opacity:0;
  }
  66% {transform:translateX(300px);
  opacity:0;
  }
}


.slideleft {
   animation-name: slideleft;
 animation-duration: .5s; 
 animation-timing-function: ease; 
}
@keyframes slideright {
  33% {transform:translateX(300px);
  opacity:0;}
  66% {transform:translateX(-300px);
  opacity:0;}
}


.slideright{
   animation-name: slideright;
 animation-duration: .5s; 
 animation-timing-function: ease; 
}
    

 .lightbox-container span img {
    width: 36px;
}   

#close {
    top: 0;
    right: 50PX;
    width: auto;
    pointer-events: inherit;
    height: auto;
}
span#close img {
    width: 26px;
}

.gallery h2 {
    font-size: 18px;
    text-align: left;
    display: block;
    width: 100%;
    line-height: 1.5;
    margin: 20px 0 0 0;
    font-family: "Poppins", serif;
}

.content.content_tabs.content_tabs_top {
    padding: 34px 50px;
}

.lightbox_img_wrap a.wp-share {
    position: absolute;
    z-index: 1;
    right: 20px;
    bottom: 10px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}
.lightbox_img_wrap a.wp-share img {
    width: 24px;
}

.shareon {
    display: inline-block;
    width: 100%;
    text-align: left;
    margin: 10px 0 0 0;
    color: #000;
    
}

.shareon a img {
    width: 24px;
    float: left;
    margin-right: 3px;
}

.shareon span {
    display: inline-block;
    width: 100%;
    margin-bottom: 3px;
    font-weight: 500;
    font-size: 14px;

}

@media only screen and (max-width: 1024px) {
.box-move.section-padding.background-section.tabs_top.tabs_top_seva .dashboard_top_labels a {
    font-family: 'Butler';
    font-size: 20px;
    color: rgba(0, 0, 0, 0.25);
    margin: auto;
    display: inline-block;
    padding: 20px 30px;
    font-weight: 600;
    width: auto;
    border-radius: 16px 16px 0 0;
    text-transform: uppercase;
    letter-spacing: 0px;
}

}

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

.box-move.section-padding.background-section.tabs_top .icon {
    margin-right: 10px;
    width: 60px;
    height: 60px;
    padding: 13px;
}
.dashboard_top_labels a {
    font-family: 'Butler';
    font-size: 20px;
    color: rgba(0, 0, 0, 0.25);
    margin: auto;
    display: inline-block;
    padding: 20px 20px;
    font-weight: 600;
    width: auto;
    border-radius: 16px 16px 0 0;
    text-transform: uppercase;
    letter-spacing: 0px;
}
}

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

    .main-brand img, .dsnload__img img {
    width: 100px;
    max-width: 100%;
    height: auto;
}
a.tt-btn {
    background: linear-gradient(90deg, #f92c78, #4114a1);
    color: #fff;
    font-weight: 400;
    border-radius: 100px;
    height: 40px;
    width: auto;
    padding: 0 15px;
    line-height: 40px;
    position: absolute;
    right: 70px;
    top: 0;
}
.main-brand img, .dsnload__img img {
    width: 100px;
    max-width: 100%;
    height: auto;
}

    #accordion ul {
    grid-template-columns: inherit;
    
}

    .lightbox_img_wrap {
    padding-top: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

    .content.content_tabs.content_tabs_top {
    padding: 10px 20px;
}

.right {
    right: 30px;
}

.left {
    left: 30px;
}

#close { right:30px; }

    .single_stories {
    width: 100%;
    margin: auto;
}
.single_stories .pop-up-content-wrap {padding: 30px;}

    .point_details h3 {font-size: 28px;}
    .point_details p {width: 90%;}  
    .divider_img img {height: auto;}
    .point_container.point_container_last .point_details h3 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 25px;
}
.usp_points {
    display: inline-block;
    width: 100%;
    background: #000;
    padding: 30px 0 0 0;
}


canvas#myChart {
    width: 100% !important;
    overflow: auto !important;
}

.box-move.section-padding.background-section.tabs_top.tabs_top_seva .dashboard_top_labels a span {
    display: block;
    font-size: 15px;
    margin: 10px 0 0 0;
}

.box-move.section-padding.background-section.tabs_top.tabs_top_seva .dashboard_top_labels a {
    width: 49%;
    background: transparent;
}
.box-move.section-padding.background-section.tabs_top.tabs_top_seva .dashboard_top_labels a.active {
    background: #fff;
}
.tabs_top.tabs_top_seva .dashboard_top_labels a .icon {
    margin-right: 0 !important;
}

    .box-move.section-padding.background-section.tabs_top .icon {
    margin-right: 12px;
    width: 60px;
    height: 60px;
    padding: 15px;
}

     .d-grid-half.grid-half-1 {
         grid-template-columns: auto;
    }
     .d-grid-half.d-grid:not(.dsn-isotope):not(.d-grid-no-space) {
         grid-column-gap: 100px;
         grid-row-gap: 30px;
    }
     .d-grid.d-grid-half.grid-md-2 .box-img {
         order: 2;
    }
     .dyk_container .box-move.section-padding.background-section {
         padding-bottom: 0;
    }
     .d-grid.d-grid-half img {
         height: auto;
         object-fit: cover;
         object-position: center center;
    }
     .dyk_container .box-move.section-padding.background-section .img-item.h-v-80 {
         height: auto;
    }
     .dyk_container .box-move.section-padding.background-section:last-child {
         padding-bottom: 80px;
    }
     .point_container {
         width: 100%;
         display: flex;
         gap: 20px;
         flex-wrap: wrap;
    }
     .point {
         width: 45%;
         float: left;
    }
     .point_details p br {
         display: none;
    }
     section.usp_points.usp_points_h1 h2.title {
         font-size: 37px;
    }
     .pop-up-content-wrap img {
         width: 100%;
         display: inline-block;
         height: auto;
         object-fit: cover;
         margin: 25px 0 25px 0;
    }
     .Click-here h2 {
         display: inline-block;
         width: 100%;
         font-size: 20px;
         padding: 20px;
         line-height: 28px;
    }
     .site-header.nav-bg {
         top: 30px;
    }
     .header-project {
         padding-top: 150px;
    }
     .title-lg {
         font-size: 32px;
         line-height: 42px;
    }
     .gridview {
         width: 100%;
         display: flex;
         background: #fff;
    }
     .content.content_tabs {
         display: inline-block;
         width: 100%;
         padding: 30px 10px;
         background: #fff;
         border-radius: 16px;
    }
     .title-block {
         font-size: 20px;
    }
     .content > div {
         
         padding: 0 15px 5px;
         float: left;
    }
     .pop-up-content-wrap h2 {
         font-size: 24px;
         line-height: 32px;
    }
     .pop-up-content-wrap span {
         display: inline-block;
         width: 100%;
         margin: 10px 0 0 0;
         font-size: 16px;
         line-height: 24px;
         color: #000;
    }
     .tabs_top label, .dashboard_top_labels a {
    font-family: 'Butler';
    font-size: 16px;
    color: #000;
    background: #fff;
    margin: auto;
    display: inline-block;
    padding: 20px 20px;
    text-transform: uppercase;
    border-radius: 16px;
    margin-bottom: 10px;
    width: auto;
}
.box-move.section-padding.background-section.tabs_top {
    padding-top: 0;
}
.total_numbers strong {
    display: table;
    width: 100%;
    font-size: 42px;
    color: #000;
    font-family: 'Butler';
}
.total_numbers {
    width: 100%;
    text-align: center;
    display: inline-block;
    line-height: 36px;
}
.day_numbers {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #000;
    font-family: 'Butler';
}
     .footer .copyright {
         margin-top: 0;
    }
     h2.title-lg.has-box-mod.p-relative.herotext{
         font-size: 36px;
         line-height: 42px;
    }
     .herobanner h2.title-lg.has-box-mod.p-relative.herotext {
         line-height:42px;
    }
     .logo-box.v-middle h3.title {
         font-size: 32px;
    }
     .herobanner p.item.description {
         color: #fff;
         font-size: 16px;
    }
     .menu-btn {
         top: 0;
         height: 40px;
    width: 40px;
    }
     .wrappermenu {
         width: 70%;
    }
     .site-header.dsn-hamburger ul {
         position: absolute;
         top: 60%;
         left: 50%;
         height: 90%;
         transform: translate(-50%, -50%);
         list-style: none;
         text-align: center;
         width: 100%;
    }
     .wrappermenu ul li a {
         transition: opacity 1.2s, transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
         transform: translateX(0px);
         width: 75%;
         font-size: 20px;
         line-height: normal;
    }
     .wrappermenu ul li {
         height: auto;
         margin: 15px 0;
    }
     .blur_section h5.text-upper.fw-bold.mt-15 {
         font-size: 36px;
         line-height: 42px;
    }
     .blur_section p.full_width {
         max-width: 100%;
    }
     .site-header {
         left: 20px;
         right: 0;
    }
     .footer .copyright > .container {
         flex-direction: column;
         align-items: center;
    }
     .footer-socials {
         margin: 15px 0 0 0;
    }
}