/*****  Global Settings 1d4965 0297d5  *****/
:root {
    --primary-color: #0297d5;
    --secondary-color: #193243;
    --warning-color: #ec8926;
    --black: #121c24;
    --grey: #b3b3b3;
    --dark-grey:#3a3a3a;
    --light-grey: #f2fbff;
    --white-color:#ffffff;
    --footer-bg: #090a19;
}
body{
    color: var(--black);
      font-family: "Space Grotesk", sans-serif;
}
.gp-wrapper{
    position: relative;
    overflow: hidden;
    width: 100%;
}
.text-primary{
    color: var(--primary-color) !important;
}
.bg-light{
    background-color: var(--light-grey) !important;
}
.bg-primary{
    background-color: var(--primary-color) !important;
}
.spacing-padding {
  padding: 50px 0;
}
.spacing-margin {
  margin: 0 0 50px;
}
.text-warning{
    color: var(--warning-color) !important;
}
.bg-overlay:after{
    position: absolute;
    content: "";
    inset: 0;
    background: var(--secondary-color);
    opacity: .8;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
}

.bg-overlay{
    z-index: 1;
    position: relative;
}

a{
    text-decoration: none;
}
h1,h2,h3,h4{
    color: var(--black);
    font-weight: 700;
      font-family: "Space Grotesk", sans-serif;
}
.h1,
h1{
    font-size: clamp(26px, 4vw, 42px);
}
h2{
    font-size: clamp(22px, 4vw, 32px);
}
h2 span{
    color: var(--color-2);
}
h3{
    font-size: clamp(18px, 4vw, 22px);
}
.scroll-track::-webkit-scrollbar-track {
  background-color: #dad9d9;
}
.scroll-track::-webkit-scrollbar {
  width: 5px;
  background-color: #dad9d9;
  border-radius: 6px;
}
.scroll-track::-webkit-scrollbar-thumb {
  background-color: var(--grey);
  border-radius: 6px;
}
.text-caption {
    font-size: 36px;
    line-height: 42px;
}
.das-section-caption{
    margin-bottom: 30px;
    line-height: 25px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.das-section-caption p:last-child{
    margin-bottom: 0;
}
.form-control{
    height: 55px;
    background-color: var(--white-color);
    padding: 10px;
    font-size: 16px;
    transition: all .3s ease-in-out;
    border-color: transparent;
    border-radius: 0;
}
.form-control:hover{
    border-color: var(--primary-color);
}
.form-control:focus{
    border-color: var(--primary-color);
    box-shadow: none;
}
textarea.form-control{
    height: 150px;
    resize: none;
}
.das-tilte-caption{
    font-size: 16px;
    line-height: 23px;
    text-transform: uppercase;
    color: var(--primary-color);
}
.btn{
    transition: all .25s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    font-size: 16px;
    padding: 8px 40px;
    border-radius: 50px;
    font-weight: 700;
}
.btn-primary{
    background: var(--primary-color);
    color: var(--white-color);
    border-color: var(--primary-color);
}
.btn-primary:hover{
    background: var(--secondary-color);
    color: var(--white-color);
    border-color: var(--secondary-color);
}
.btn-outline-light{
    border-color: var(--white-color);
    color: var(--white-color);
}
.das-call-box{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--white-color);
}
.das-call-box .das-call-ico{
    width: 50px;
    height: 50px;
    background: var(--light-grey);
    color: var(--primary-color);
    transition:all .25s ease-in-out;
    border: 1px solid var(--light-grey);
}
@keyframes icon-bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-10px);
    }

    60% {
        transform: translateY(-5px);
    }
}

.das-call-box:hover .das-call-ico{
    background:var(--secondary-color);
    color: var(--primary-color);
    animation: icon-bounce 0.8s ease-out infinite;
}
.das-call-box .das-call-info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.das-call-box .title{
    font-size: 12px;
    color: var(--grey);
    font-weight: 500;
    text-align: left;
}
.das-call-box .ph-number{
    font-size: 24px;
    font-weight: 500;
    transition:all .25s ease-in-out;
}
.das-call-box:hover .ph-number{
    color:var(--primary-color);
}
.das-text-listing ul{
    padding: 0;
    list-style-type: none;
    font-weight: 600;
    margin: 0;
}
.das-text-listing ul li{
    position: relative;
    padding: 0 0 0 30px;
}
.das-text-listing ul li:not(:last-child){
    margin-bottom: 10px;
}
.das-text-listing ul li:after{
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M23.36 10.153a5.332 5.332 0 0 1-.926-1.62 11.061 11.061 0 0 0-.602-1.46 5.356 5.356 0 0 1-.493-1.801 2.986 2.986 0 0 0-2.61-2.61 5.375 5.375 0 0 1-1.803-.494 10.937 10.937 0 0 0-1.46-.603 5.317 5.317 0 0 1-1.62-.926 3.032 3.032 0 0 0-3.695.001 5.306 5.306 0 0 1-1.617.925 10.96 10.96 0 0 0-1.459.602 5.376 5.376 0 0 1-1.803.494 2.986 2.986 0 0 0-2.61 2.61 5.34 5.34 0 0 1-.496 1.805 11.129 11.129 0 0 0-.6 1.457 5.337 5.337 0 0 1-.925 1.62 2.985 2.985 0 0 0-.001 3.694 5.332 5.332 0 0 1 .926 1.62 11.061 11.061 0 0 0 .602 1.46 5.356 5.356 0 0 1 .494 1.801 2.986 2.986 0 0 0 2.61 2.61 5.375 5.375 0 0 1 1.802.494 10.937 10.937 0 0 0 1.46.603 5.317 5.317 0 0 1 1.62.926 2.99 2.99 0 0 0 3.695-.001 5.306 5.306 0 0 1 1.617-.925 10.96 10.96 0 0 0 1.459-.603 5.376 5.375 0 0 1 1.803-.493 2.986 2.986 0 0 0 2.61-2.61 5.34 5.34 0 0 1 .495-1.805 11.129 11.129 0 0 0 .601-1.457 5.337 5.337 0 0 1 .925-1.619 2.985 2.985 0 0 0 0-3.694zm-1.572 2.458a7.248 7.248 0 0 0-1.252 2.227 9.15 9.15 0 0 1-.491 1.192 7.35 7.35 0 0 0-.693 2.462.985.985 0 0 1-.862.862 7.402 7.402 0 0 0-2.461.69 8.875 8.875 0 0 1-1.191.492 7.312 7.312 0 0 0-2.226 1.252.99.99 0 0 1-1.222.002 7.322 7.322 0 0 0-2.228-1.254 8.864 8.864 0 0 1-1.192-.492 7.399 7.399 0 0 0-2.46-.69.985.985 0 0 1-.862-.863 7.365 7.365 0 0 0-.69-2.459 9.088 9.088 0 0 1-.494-1.193 7.242 7.242 0 0 0-1.253-2.229.988.988 0 0 1 0-1.222 7.248 7.248 0 0 0 1.253-2.227 9.15 9.15 0 0 1 .491-1.191 7.35 7.35 0 0 0 .693-2.462.985.985 0 0 1 .862-.862 7.402 7.402 0 0 0 2.46-.69 8.875 8.875 0 0 1 1.192-.492 7.312 7.312 0 0 0 2.226-1.252.99.99 0 0 1 1.222-.002 7.322 7.322 0 0 0 2.229 1.254 8.864 8.864 0 0 1 1.19.492 7.399 7.399 0 0 0 2.46.69.985.985 0 0 1 .863.862 7.365 7.365 0 0 0 .69 2.46 9.088 9.088 0 0 1 .494 1.193 7.242 7.242 0 0 0 1.253 2.228.988.988 0 0 1-.001 1.222z" fill="%230297d5"/><path d="m14.293 9.293-2.586 2.585a1 1 0 0 1-1.414 0l-.586-.585a1 1 0 0 0-1.414 1.414l.586.586a3.004 3.004 0 0 0 4.242 0l2.586-2.586a1 1 0 0 0-1.414-1.414z" fill="%230297d5"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}
.das-bottom-sec-shape{
    bottom: 0;
    width: 100%;
}
.das-bottom-sec-shape img{
    width: 100%;
}
/**** DAS HeroSwiper ****/
.das-heroSwiper .das-hero-slider-wrapp {
    min-height: 700px;
    overflow: hidden;
    padding: 160px 0 250px;
}
.das-heroSwiper .das-hero-slider-wrapp.bg-overlay:after{
    background: linear-gradient(90deg, rgb(25 50 67 / 93%) 0%, rgb(45 75 97 / 25%) 100%);
    opacity: 1;
}
.das-heroSwiper .das-hero-slider-wrapp p a{
    color: #5ccfff;
    text-decoration: underline;
}
.das-heroSwiper .das-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: right;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: opacity 2.5s ease-in, transform 7s ease;
}
.das-heroSwiper .das-hero-slider-caption{
    z-index: 99;
}
.das-hero-slider-wrapp .das-hero-text{
    transform: translateY(-200px);
    opacity: 0;
    visibility: hidden;
    gap: 20px;
}
.das-heroSwiper .das-hero-text p{  
    font-size: 18px; 
    margin-bottom: 0;
}
/* .das-heroSwiper .das-hero-caption {
    background: var(--black);
    color: var(--white-color);
    padding: 4px 12px;
} */

.das-heroSwiper .das-hero-btn {
    transform: translateY(200px);
    opacity: 0;
    visibility: hidden;
    gap: 20px;
}
/* .das-heroSwiper .das-hero-slider-shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-200px);
    opacity: 0;
    visibility: hidden;
    z-index: 2;
}
.das-heroSwiper .das-hero-slider-shape-2 {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(200px);
    opacity: 0;
    visibility: hidden;
    z-index: 2;
} */
.das-slider-number {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    z-index: 9;
}
.das-pagination-number span {
    width: 45px;
    height: 45px;
    font-size: 16px;
    font-weight: 700;
    line-height: 45px;
    display: block;
    opacity: 1;
    text-align: center;
    color: var(--white-color);
    background: rgba(255,255,255,.1);
    margin: 8px !important;
}
.das-pagination-number span.swiper-pagination-bullet-active {
    background: var(--secondary-color);
}
/**** DAS HeroSwiper Animation ****/
.das-heroSwiper .swiper-slide-active .das-hero-bg {
    -webkit-transform: scale(1.075);
    transform: scale(1.075);
}
.das-heroSwiper .swiper-slide-active .das-hero-text{
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    transition: all 3000ms ease;
}
.das-heroSwiper .swiper-slide-active .das-hero-btn {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    transition: all 3000ms ease;
}
/* .das-heroSwiper .swiper-slide-active .das-hero-slider-shape-2 {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    transition: all 3000ms ease;
}
.das-heroSwiper .swiper-slide-active .das-hero-slider-shape-1 {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    transition: all 3000ms ease;
} */
.das-form-wizard {
    padding: 25px 30px;
    border-radius: 20px;
    background: var(--white-color);
}
.das-form-wizard h2 {
    font-size: 22px;
    margin-bottom: 18px;
}
.das-form-wizard .form-group {
    gap: 12px;
}
.das-form-wizard .ico {
    font-size: 15px;
    font-weight: 600;
    color: var(--primary-color);
}
.das-form-wizard .form-control {
    background: var(--light-grey);
    border-radius: 10px;
    padding: 4px 12px;
    font-weight: 500;
    border: none;
    height: 46px;
    font-size: 14px;
}
.das-form-wizard textarea.form-control {
    height: 108px !important;
    resize: none;
    padding: 10px 15px;
}
.das-inner-page-sec{
    padding: 170px 0 250px;
    background-position: bottom right;
    background-size: cover;
    background-repeat: no-repeat;
}
.das-inner-page-sec.bg-overlay:after{
    background: linear-gradient(90deg, rgb(25 50 67 / 93%) 0%, rgb(45 75 97 / 61%) 100%);
    opacity: 1;
}
/**** DAS Featured ****/
.das-list-col-wrapp{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
}
.das-featured-widget{
    box-shadow: 0px 0px 60px 0px rgba(34, 35, 63, 0.06);
    border-radius: 15px;
}
.das-featured-check-icon{
    width: 30px;
    height: 30px;
    background: var(--light-grey);
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border: 1px solid rgba(0,0,0,.05);
}
.das-featured-widget .das-featured-wrap-list{
    text-align: center;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.das-featured-wrap-list li{
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    padding: 30px 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.das-featured-wrap-list li:nth-child(2n + 1){
    border-right: 1px solid rgba(0,0,0,.12);
}
.das-featured-wrap-list li:last-child,
.das-featured-wrap-list li:nth-child(3){
    border-bottom:0;
}
/**** DAS Tab Content Sec ****/
.das-tabs-content-wrapper .nav-tabs .nav-link{
    background: var(--white-color);
    border: none;
    padding: 10px 4px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    color: var(--black);
    display: flex;
    justify-content: center;
    width: 100%;
    border-radius: 0 15px 0 15px;
    height: 100%;
    align-items: center;
    border-bottom: 3px solid var(--white-color);
    transition: all .25s ease-in-out
}
.das-tabs-content-wrapper .nav-tabs .nav-link:hover{
    transform: translateY(-5px);
    border-color: var(--primary-color);
}
.das-tabs-content-wrapper .nav-tabs{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 20px;
}
.das-tabs-content-wrapper .nav-tabs .nav-link.active{
    color: var(--primary-color);
    border-color: var(--primary-color);
    box-shadow: rgba(0, 0, 0, 0.07) 0px 3px 5px;
}

.das-tab-content-details p:last-child{
    margin-bottom: 0;
}
.das-tab-content-details{
    margin-bottom: 20px;
}



.das-about-us-sec{
    background: linear-gradient(90deg, rgb(2 151 213 / 27%) 0%, rgba(242, 251, 255, 1) 38%);
}
.das-about-caption ul{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}
.das-about-caption ul li{
    display: flex;
    align-items: center;
    gap: 18px;
}
.das-about-caption ul h3{
    font-size: 18px;
}
.das-about-caption ul .icon{
    background: var(--white-color);
    border-radius: 50%;
    width: 70px;
    height:70px;
    min-width: 70px;
    transition: all .3s ease-in-out;
}
.das-about-caption ul li:hover .icon{
    background: var(--secondary-color);
}
.das-about-caption ul .icon img{
    transition: all .3s ease-in-out;
}
.das-about-caption ul li:hover .icon img{
    filter: brightness(0) invert(1);
}
/**** DAS Web Services Sec ****/
.das-web-services-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}
.das-service-col {
    padding: 0 15px;
    font-size: 14px;
}
.das-service-col h3 a{
    color: var(--black);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size: 18px;
    display: inline-block;
}
.das-service-col h3 a:hover{
    color: var(--primary-color);
}
.das-service-col:before{
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    right: 0;
    content: "";
    background: rgba(0,0,0,.065);
}
.das-service-col:after{
    position: absolute;
    width: 1px;
    height: 10px;
    top: 7%;
    right: 0;
    content: "";
    background: var(--primary-color);
    animation: scroll1 11s forwards infinite;
}
@keyframes scroll1 {
    0% {
        top: 0%;
    }

    50% {
        top: 95%;
    }

    100% {
        top: 0%;
    }
}
.das-serviceSwiper .swiper-slide:nth-child(even) .das-service-col::after {
    animation: scroll1 13s linear infinite;
}
.das-service-action {
    font-size: 14px;
    color: var(--black);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.das-service-col:hover .das-service-action {
    color: var(--primary-color);
}
.das-service-col:hover .das-service-action svg {
    animation: tp-arrow 0.2s linear;
}
@keyframes tp-arrow {
    49% {
        transform: translateX(30%);
    }

    50% {
        opacity: 0;
        transform: translateX(-30%);
    }

    51% {
        opacity: 1;
    }
}

/**** DAS Cta Sec ****/
.das-cta-sec{
    padding: 100px 0 200px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
.das-cta-content{
    max-width: 860px;
    margin: auto;
    display: flex;
    flex-direction: column;
    gap: 35px;
    font-size: 18px;
    color: var(--white-color);
}
.das-cta-content p{
    margin-bottom: 0;
}
.das-cta-content-wrapp h2{
    font-size: 30px;
}
/**** DAS About Area Sec ****/
.das-about-area-sec .das-about-area-notes {
    padding: 20px 30px;
    overflow: hidden;
    border-radius: 15px;
    background-color: var(--white-color);
    box-shadow: 0px 0px 40px 0px rgba(27, 19, 59, 0.06);
    display: flex;
        align-items: flex-start;
    z-index: 1;
    gap: 20px;
    margin-top: 15px;
}
.das-about-area-sec .das-about-area-notes:before {
    position: absolute;
    width: 80px;
    height: 80px;
    top: -26px;
    left: -20px;
    content: "";
    background-color: var(--primary-color);
    border-radius: 50%;
    z-index: -1;
    opacity: .3;
}
.das-about-area-notes p {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3;
    color: var(--primary-color);
    margin-right: 30px;
    margin-bottom: 0;
}
/**** DAS Faq Sec ****/
.das-faq-sec{
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.das-faq-accordion-box .accordion-button {
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    padding: 18px 0;
    padding-left: 55px;
    color: var(--white-color);
    border-radius: 15px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background: transparent;
    box-shadow: none;
}
.das-faq-accordion-box .accordion-button:not(.collapsed) {
    color: var(--secondary-color);
    background: var(--white-color);
}
.das-faq-accordion-box .accordion-icon::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 8px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--primary-color);
    border-radius: 2px;
    transition: 0.4s;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.das-faq-accordion-box .accordion-icon::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 2px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--primary-color);
    border-radius: 2px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.das-faq-accordion-box .accordion-button:not(.collapsed) .accordion-icon::after {
    background: var(--white-color);
}
.das-faq-accordion-box .accordion-button:not(.collapsed) .accordion-icon::before {
    background: var(--black);
    transform: translate(-50%, -50%) rotate(90deg);
}
.das-faq-accordion-box .accordion-icon {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 17px;
    left: 20px;
    display: inline-block;
    background: var(--white-color);
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.das-faq-accordion-box .accordion-button:not(.collapsed) .accordion-icon {
    background: var(--primary-color);
}
.das-faq-accordion-box .accordion-button::after{
    content: none;
}
.das-faq-accordion-box .accordion-item {
    position: relative;
    margin-bottom: 20px;
    border-radius: 15px;
    background: rgba(255,255,255,.3);
    border: none;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 8px;
    backdrop-filter: blur(6px);
}
.das-faq-accordion-box .accordion-item:last-child{
    margin-bottom: 0;
}
.das-faq-accordion-box .accordion-body{
    color: var(--white-color);
    font-size: 15px;
    font-weight: 300;
}
.das-faq-accordion-box .accordion-body p{
    margin-bottom: 0;
}
/**** DAS Blogs Sec Sec ****/
.das-blog-col{
    margin-bottom: 45px;
}
.das-blog-col .das-blog-content{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    display: inline-block;
    padding: 25px 15px 30px;
    background: var(--secondary-color);
    margin: auto;
    border-radius: 15px 15px 0 0;
    margin: 0 25px;
}
.das-blog-col .das-blog-meta{
    position: absolute;
}
.das-blog-col .das-blog-title{
    font-size: 18px;
    line-height: 1.4;
    background-size: 0% 1px, 0 1px;
    background-repeat: no-repeat;
    transition: background-size 0.4s linear;
    background-position: 100% 100%, 0 93%;
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
    display: inline;
}
.das-blog-col .das-blog-title:hover{
    background-size: 0 1px, 100% 1px;
}
.das-blog-col .das-blog-title a{
   color: var(--white-color);
}
.das-blog-col .das-blog-meta {
    position: absolute;
    margin: 0 25px;
    left: 0;
    right: 0;
    text-align: center;
    padding: 10px 30px;
    background: var(--light-grey);
    border-radius: 0 0 15px 15px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size: 14px;
}
.das-blog-col .das-meta-date{
    border-right: 1px solid rgba(0,0,0,.15);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    padding: 0 50px 0 0;
}
.das-blog-col .das-blog-meta-action {
    color: var(--black);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.das-blog-col:hover .das-blog-meta{
    background: var(--primary-color);
    color: var(--white-color);
}
.das-blog-col:hover .das-meta-date{
    border-color: var(--white-color);
}
.das-blog-col:hover .das-blog-meta-action{
    color: var(--white-color);
}
/**** DAS Testimonial Sec ****/
.das-testimonial-item {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    padding: 40px;
    background-color: white;
    box-shadow: 0px 0px 10px 0px rgba(27, 24, 61, 0.06);
    margin: 10px;
}
.das-testimonial-item .quotes{
    background: var(--white-color);
    width: 50px;
    height: 50px;
    bottom: 0;
    color: var(--primary-color);
}
.das-testimonial-item .das-testimonial-shape-2 {
    bottom: 0;
    left: 5px;
}
.das-testimonial-item .das-testimonial-shape-1 {
    top: 0;
    left: 0;
}
.das-testimonial-item .das-testimonial-shape-1 svg path{
    color: #68d3ff;
}
.das-testimonial-item .das-testimonial-shape-2 svg path{
    color: #b8eaff;
}
.das-testimonial-item .das-testimonial-description{
    display: flex;
    align-items: center;
    gap: 30px;
}
.das-testimonial-item .das-testimonial-description p {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.7;
    margin-bottom: 0;
}
.das-testimonial-item .das-testimonial-content{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.das-testimonial-item .das-testimonial-name{
    font-size: 22px;
}
.das-testimonial-item .das-testimonial-desig{
    font-size: 14px;
}
/**** DAS Features Sec ****/
.das-features-list{
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-size: 14px;
}
.das-features-list p{
    margin-bottom: 0;
}
.das-features-list li{
    display: flex;
    align-items: center;
    gap: 25px;
}
.das-features-list li .icon{
    width: 80px;
    height:80px;
    min-width: 80px;
    border-radius: 10px;
    background: var(--white-color);
    transition: all .3s ease-in-out;
}
.das-features-list li:hover .icon{
    background: var(--primary-color);
}
.das-features-list li .icon img{
    transition: all .3s ease-in-out;
}
.das-features-list li:hover .icon img{
    filter: brightness(0) invert(1);
}
.das-features-list .das-features-count{
    width: 50px;
    height: 50px;
    min-width: 50px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    background: var(--white-color);
    transition: all .3s ease-in-out;
    font-weight:600;
    font-size: 20px;
}
.das-features-list li:hover .das-features-count{
    background: var(--primary-color);
    color:  var(--white-color);
}
.das-features-img {
    position: relative;
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22604%22%20height%3D%22503%22%20viewBox%3D%220%200%20604%20503%22%3E%3Cimage%20width%3D%22604%22%20height%3D%22503%22%20xlink%3Ahref%3D%22data%3Aimg%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAlwAAAH3CAYAAABuL4EAAAAPAklEQVR4nO3dvXZc1R3G4W2TgnTjLp3lLh2iIxVyRyqgTGVzBTZXILtLB74C7I4Ou0sqyx2dRZfOyhVk3IXKWdtrz8poPjRf552v8zxrzRJIIDN7MPz03%2FucuVUAYH8NSilnpZSTUspnpZTT9rnRA1Z1VUoZto%2B%2FlVIu2%2BMquZKCC4B9U%2BPqQQutM68OW1KD66KU8qJ9BICj9LCU8rqU8sHDY8ePd%2B3fxxP%2FqQHgWDwqpfxHZHjs4aP%2Be%2FmD8ALgkJ21SYLQ8Nj3x2jiBQAHY9CmBkLD49Ae79addn0y9RkAyDlt57S%2BssYcoEGbdP1eSvl1lX98wQXAttSzWi%2FdzoED9%2BnYDwxvvJgA7JNz22ceR%2Fj4adnfY%2B7DBUBaja0nVpkjVW%2Ba%2Bvmip2ZLEYAkscWx%2B1M7SP%2FqpicquABIqWe2%2Fm516YHRW079c95TFVwAJNSf%2BH9uB4yhD74opbyfd%2FWiM1wAJKx9vyI4YMN2nmvqjbBve1UB6Ni52KKnBvOuXLSlCECXTtq9tqCvTmZtLdpSBKBLb9sBYuizurV4r338yJYiAF15KLbgo7q1%2BHh8KUy4AOiK6Rb837UplwkXAF04E1twzbUpl%2BACoAsPrCJMeTT6hOACYFP1J%2FlvrCJMGbTpr%2BACYGNn7X8swLSPP4wILgA29bUVhLk%2B%2Fv5wlSIAm%2FI2PnCzExMuADZxIrZgofuCC4BNiC1Y7FRwAbAJ996CxWwpArAREy5Y7K7gAmATd60eLDQQXABswv23YDFbigAAaYILACBMcAEAhAkuAIAwwQUAECa4AADCBBcAQJjgAgAIE1wAAGGCCwAgTHABAIQJLgCAMMEFABAmuAAAwgQXAECY4AIACBNcAABhggsAIExwAQCECS4AgDDBBQAQJrgAAMIEFwBAmOACAAgTXAAAYYILgE2cWD1Y7JY1AmADHyweLGbCBcC6BlYOliO4AFjXqZWD5QguANYluGBJgguAdX1p5WA5gguAdZlwwZIEFwDrOHNLCFie4AJgHQ%2BsGixPcAGwjjOrBssTXACs6qHtRFiN4AJgVbYTYUWCC4BVnNlOhNV5L0UAVvHOdiKszoQLgGU5uwVrMuECYBk1tF4LLliPCRcAyzgXW7A%2BwQXAIudtOxFYky1FAG5y1rYSgQ0ILgDmqVuIb0spgzlfB5ZkSxGAWUaH5MUWdEBwATDp1BWJ0C3BBcC4b8QWdE9wATBSr0b8xTYidM%2BheQDqNOsn75EIOYILoL%2FqJOtRKeWxqRZkCS6A%2Fhm0G5meCy3YDsEF0B8mWrAjggvguJ20Kw%2B%2FdkYLdkdwARy%2B0S0cBu0eWvXP77bAcnsH2APbCK7T9vis%2FcY%2Fbf9RMM4GAHohFVz1p6oHbYwtrACAXusyuBzGBACYoYvgEloAADfYNLjOhRYAwM3WDa7T9jYQp1NfAQDgmnXevLpuH74VWwAAy1l1wvVD20IEAKDj4KpntH5xl2IAgNUtE1w1tl7bQgQAWM8ywfXaZAsAYH2LDs3%2FILYAADZz04SrXo3449RnAQBYybzgqm8y%2FW7qswAArGxecL1r0QUAwIZmneE6F1sAAN2ZDK4aWg%2BtLwBAdyaDy3QLAKBj42e4HJQHAAgYn3B9Y4EBALo3PuFyZSIAQMBownUmtgAAMkbB9cD6AgBkjE%2B4AAAIuN22Em0nAgCE1OA6tbgAADm3bScCAGTV4LprjQEAcm47vwUAkFWDa2CNAQBy6p3mP1hfAICc29YWACBLcAEAhAkuAIAwwQUAECa4AADCBBcAQJjgAgAIE1wAAGGCCwAgTHABAIQJLgCAMMEFABAmuAAAwgQXAECY4AIACBNcAABhggsAIExwAQCECS4AgDDBBQAQJrgAAMIEFwBAmOACAAgTXAAAYYILACBMcAEAhAkuAIAwwQUAECa4AADCBBcAQJjgAgAIE1wAAGGCCwAgTHABAIQJLgCAMMEFABAmuAAAwgQXAECY4AIACBNcAABhggsAIExwAQCECS4AgDDBBQAQJrgAAMIEFwBAmOACAAgTXAAAYYILACBMcAEAhAkuAIAwwQUAECa4AADCBBcAQJjgAgAIE1wAAGGCCwAgTHABAIQJLgCAMMEFABAmuAAAwgQXAECY4AIACBNcAABhggsAIExwAQCECS4AgDDBBQAQJrgAAMIEFwBAmOACAAgTXAAAYYILACBMcAEAhAkuAIAwwQUAECa4AADCBBcAQJjgAgAIE1wAAGGCCwAgTHABAIQJLgCAMMEFABAmuAAAwgQXAECY4AIACBNcAABhggsAIExwAQCECS4AgDDBBQAQJrgAAMIEFwBAmOACAAgTXAAAYYILACBMcAEAhAkuAIAwwQUAECa4AADCBBcAQJjgAgAIE1wAAGGCCwAgTHABAIQJLgCAMMEFABAmuAAAwgQXAECY4AIACBNcAABhggsAIExwAQCECS4AgDDBBQAQJrgAAMIEFwBAmOACAAgTXAAAYYILACBMcAEAhAkuAIAwwQUAECa4AADCBBcAQJjgAgAIE1wAAGGCCwAgTHABAIQJLgCAMMEFABAmuAAAwgQXAECY4AIACBNcAABhggsAIExwAQCECS4AgDDBBQAQJrgAAMIEFwBAmOACAAgTXAAAYYILACBMcAEAhAkuAIAwwQUAECa4AADCBBcAQJjgAgAIE1wAAGGCCwAgTHABAIQJLgCAMMEFABAmuAAAwgQXAECY4AIACBNcAABhggsAIExwAQCECS4AgDDBBQAQJrgAAMIEFwBAmOACAAgTXAAAYYILACBMcAEAhAkuAIAwwQUAECa4AADCBBcAQJjgAgAIE1wAAGGCCwAgTHABAIQJLgCAMMEFABAmuAAAwgQXAECY4AIACBNcAABhggsAIExwAQCECS4AgDDBBQAQJrgAAMIEFwBAmOACAAgTXAAAYYILACBMcAEAhAkuAIAwwQUAECa4AADCBBcAQJjgAgAIE1wAAGGCCwAgTHABAIQJLgCAMMEFABAmuAAAwgQXAECY4AIACBNcAABhggsAIExwAQCECS4AgDDBBQAQJrgAAMIEFwBAmOACAAgTXAAAYYILACBMcAEAhAkuAIAwwQUAECa4AADCBBcAQJjgAgAIE1wAAGGCCwAgTHABAIQJLgCAMMEFABAmuAAAwgQXAECY4AIACBNcAABhggsAIExwAQCECS4AgDDBBQAQJrgAAMIEFwBAmOACAAgTXAAAYYILACBMcAEAhAkuAIAwwQUAECa4AADCBBcAQJjgAgAIE1wAAGGCCwAgTHABAIQJLgCAMMEFABAmuAAAwgQXAECY4AIACBNcAABhggsAIExwAQCECS4AgDDBBQAQJrgAAMIEFwBAmOACAAgTXAAAYYILACBMcAEAhAkuAIAwwQUAECa4AADCBBcAQJjgAgAIE1wAAGGCCwAgTHABAIQJLgCArKHgAgDIElwAAGFXggsAIOu94AIAyLoQXAAAWZe3SikfLDIAQMwdEy4AgJwLVykCAGS9qt%2FdliIAQM49t4UAAMip24lXxVv7AADEvBh9Y1uKAADdu2rbiR%2BZcAEAdO%2Fp%2BHc04QIA6Na16VYx4QIA6Nz9yW8ouAAAuvNsdGXiOFuKAADdmNpKHDHhAgDY3HDWVuKI4AIA2Nx3s7YSRwQXAMBm6i0gXt70HQQXAMD6amw9WfR3%2F2HqMwAALKNuIz5f5i8UXAAAq6kH5L9tb069FFuKAADLq5H1%2BSqxVQQXAMBS6lTr%2B3brh7lXI85jSxEA4GYvW2ytHFojJlwAALNdtInWt5vEVjHhAgC4ZtjeD%2FHH9sedEFwAQJ%2FVqLospbxpE62VDsMvS3ABANs0bNtzw0236db0fuzXvxz74yjBBQCkjKLmVft4uY242UeCCwDo0rBtyz3rc2BNElwAQBcih82PheACADYhtJYguACAdT1vNwQVWgsILgBgVSu%2FeXPfudM8ALCKy3XevLnvBBcAsKwXLbZ2cf%2Bsgya4AIBlPC2lPLRS6xFcAMAiNbaeLPhruMGtUsqH%2BV8GAHqu3vLhcd8XYVOCCwCYZ3RAng3ZUgQAZrlqt36gA4ILAJjlqasRuyO4AIBJz9uDjjjDBQCMq1Ot%2B6Zb3TLhAgDGPRNb3TPhAgBGamjdsxrdM%2BECAEaeWokMwQUAjHhD6hDBBQCUdlWis1shggsAqF5ZhRyH5gGAYSnlTu9XIciECwB40%2FsVCBNcAIDD8mGCCwC47P0KhDnDBQDcaee4CDHhAoB%2BG4qtPMEFAP1mO3ELBBcAQJjgAoB%2Bc3f5LRBcAABhggsAIExwAQCECS4AgDDBBQAQJrgAAMIEFwBAmOACAAgTXAAAYYILACBMcAEAhAkuAIAwwQUAECa4AADCBBcAQJjgAgAIE1wAAGGCCwAgTHABAIQJLgCAsBpcVxYZAHrrvZc%2BrwbX8NifJAAwl8HLFphwAUC%2F6YAtqMH176N%2FlgDAPIJrC2pwXR79swQA5tEBW1CD6%2BLonyUAMIsG2JLRGS7jRADonzde8%2B0Y3Yfr1bE%2FUQBgignXloyC6%2BXRP1MAYNyV4NqeUXBduB8XAPSK3a0t%2BmTsl%2FpjKeXs6J8xAFD9zbBle8bfS%2FFHCw8AvfDcBXPbNT7h%2Bq8pFwD0wreGLNt1e%2BJXM%2BUCgONmurUDn0z8knXK9Xsp5atePHsA6Jehs1u7MTnhKm3K5TJRADg%2Bz0y3duPWnF%2F1pJTytpQymPoKAHCI6jDlvlduNya3FEeGthYB4GhcOSi%2FW%2FOCq%2Fq1lHKnlPLF1FcAgENSJ1v%2F8ortzk3BVf2jlHKvlHI69RUA4BB81%2F5%2Fzg7NO8M16a3oAoCD87SU8sTLtnuzrlKc5fNSyosZnwcA9tP3Ymt%2FLNpSHPeyTcTciR4A9lc9GP%2FXUsrPXqP9sUpwlXZJ6ft2kP7Tqa8CALtUr0b8Synl0quwX5Y9wzWp3qfrdfsIAOzes7aF6NYPe2jZM1yTrtrVi9%2B5Yy0A7NTohqaPxdb%2BWnVLcVIdWb5qk7I%2F22YEgK25agfjvzf82H%2FrbinOctIO1J%2FbagSAmIt2uwfve3xAugyucTW8HpZSvhRfALCxi7aj9Ny24WFKBde4k3bT1Pr4rP35QIgBwDXDsUc9svNb%2B3gpsg5cKeV%2FKVVydKXOAjEAAAAASUVORK5CYII%3D%22%2F%3E%3C%2Fsvg%3E);
}
/**** DAS About Area Sec ****/
.das-about-area-list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 0;
    gap: 20px;
}
.das-about-area-list li{
    border-radius: 5px;
    padding: 30px 25px;
    background-color: var(--white-color);
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, .1);
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 14px;
}
.das-about-area-list li .icon{
    width: 60px;
    height:60px;
    background: var(--primary-color);
}
.das-about-area-list li p{
    margin-bottom: 0;
}



.das-location-list-wrapper{
    display: grid;
    gap: 15px 25px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    font-size: 15px;
}
.das-location-list-wrapper .das-location-text{
    background: var(--light-grey);
    clip-path: polygon(100% 0, 96% 50%, 100% 100%, 0 100%, 0 0);
    padding: 0 30px 0 0;
    display: flex;
    align-items: start;
    gap: 10px;
    transition:all .3s ease-in-out;
    color: var(--primary-color);
}
.das-location-list-wrapper .das-location-text:hover{
    background:var(--primary-color);
    color:var(--white-color);
}
.das-location-list-wrapper .txt{
    padding-top:5px;
}
.das-location-list-wrapper .ico{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    min-width: 35px;
    background: var(--primary-color);
    color: var(--white-color);
    clip-path: polygon(85% 0, 100% 50%, 85% 100%, 0 100%, 0 0);
}
/**** Das Page Header ****/
.das-page-header{
    left: 0;
    right: 0;
    top: 16px;
    z-index: 99;
}
.das-header-nav-holder{
    background: rgb(110 110 110 / 45%);
    backdrop-filter: blur(26px);
}
.logo{
    width: 100%;
    background: var(--white-color);
    max-width: 230px;
    padding: 7px 0 7px 20px;
    height: 70px;
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
}
.das-page-nav .das-navbar{
    gap: 35px;
}
.das-page-nav li{
    position: relative;
}
.das-page-nav li .nav-link{
    line-height: 70px;
    transition: color 0.2s linear;
    color: var(--white-color);
}
.das-page-nav li .nav-link:hover{
    color: var(--primary-color);
}
.das-header-phone{
    border-left: 1px solid #FFFFFF38;
    height: 70px;
    padding: 0 25px;
}
.das-header-phone .ph-ico{
    width:40px;
    height: 40px;
    min-width: 40px;
    color: var(--white-color);
    background: rgb(173 173 173 / 70%);
    backdrop-filter: blur(26px);
}
.das-header-phone .text{
    color: rgba(255, 255, 255, .7);
    font-size: 14px;
}
.das-header-phone a{
    color: var(--white-color);
    font-size: 22px;
    transition:all .25s ease-in-out;
}
.das-header-phone a:hover{
    color: var(--primary-color);
}
.das-page-nav li .nav-link svg{
    top: -2px;
}
.das-page-nav li .nav-link:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    width: 0%;
    height: 4px;
    margin: auto;
    left: 0;
    right: 0;
    background-color: var(--color-2);
    transition: width 0.2s linear;
}
.das-page-nav li .nav-link:hover:after {
    width: 100%;
    bottom: 0px;
}
.das-dropdown-menu {
    position: absolute;
    z-index: 1000;
    margin: 2px 0 0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-left: -110px;
    transform: translateX(20px);
    bottom: auto !important;
    left: 50%;
    width: 280px;
    opacity: 0;
    visibility: hidden;
    font-weight: 500;
    top: 100%;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.2);
    max-height: 230px;
    overflow: auto;
    background: var(--white-color);
}
.das-page-nav li:hover .das-dropdown-menu {
    transform: translateX(0);
    -webkit-transition: opacity 0.4s ease 0s, transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}
.das-dropdown-menu li>a {
    font-size: 13px;
    line-height: 20px;
    padding: 7px  15px;
    border-bottom: 1px solid rgba(255,255,255,.2);
    text-decoration: none;
    -webkit-transition: all 200ms ease;
    display: block;
    color: var(--secondary-color);
}
.das-dropdown-menu li>a:hover{
    background-color: var(--light-grey);
}
.das-dropdown-menu li:last-child a{
    border:none;
}
.das-dropdown-menu li a:hover {
    color: var(--color-1);
    padding-left: 18px;
}
.das-dropdown-menu li a:after {
    content: '';
    width: 3px;
    height: 100%;
    background-color: var(--primary-color);
    position: absolute;
    top: 50%;
    left: -3px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 0;
    -webkit-transition: all 220ms linear 0ms;
    transition: all 220ms linear 0ms;
}
.das-dropdown-menu li a:hover:after {
    left: 0px;
    opacity: 1;
}
/**** Das Page footer ****/
.das-footer-page{
    background: var(--secondary-color);
}
.ft-logo{
    background: var(--white-color);
    width: fit-content;
    padding: 37px 15px 15px;
    border-radius: 0px 0px 20px 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px -10px 12px -13px;
}
.das-footer-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.das-social-icon{
    display: flex;
    gap: 12px;
}
.das-social-icon a{
    background: rgba(255, 255, 255, .15);
    width: 40px;
    height: 40px;
    color: var(--white-color);
    border-radius: 0px 10px 0px 10px;
    transition: all .3s ease-in-out;
}
.das-social-icon a:hover{
    color: var(--primary-color);
    background: var(--white-color);
    transform: translateY(-6px);
}
.das-ft-contact-list{
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 20px;
}
.das-ft-contact-list svg{
    width: 24px;
    height: 24px;
    color: var(--primary-color);
}
.das-ft-contact-list li{
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.das-ft-contact-list .das-contact-info{
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.das-ft-contact-list a{
    font-size: 18px;
    color: var(--white-color);
    transition: all .25s ease-in-out;
}
.das-ft-contact-list li a:hover{
    color: var(--primary-color);
}
.das-ft-contact-list .das-contact-icon{
    margin-top: 4px;
}
.ft-contact-title{
    font-size: 16px;
    font-weight: 600;
    color: var(--primary-color);
    line-height: 22px;
}
.ft-title-caption{
    font-size:22px;
    display:block;
    line-height: 30px;
    margin-bottom: 16px;
    text-transform: uppercase;
}
.das-footer-widget-wrapper .ft-list{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.das-footer-widget-wrapper .ft-list a{
    position: relative;
    display: inline-flex;
    padding: 0 0 0 25px;
    color: var(--white-color);
    transition: all .25s ease-in-out;
}
.das-footer-widget-wrapper .ft-list a:hover{
    color: var(--primary-color);
    transform: translateX(7px)
}
.das-footer-widget-wrapper .ft-list a:before{
    position: absolute;
    content: '';
    width: 16px;
    height: 20px;
    background-color:#0297d5; /* this becomes the icon color */
    -webkit-mask-image: url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\
    <path fill='black' d='M95.338 2.5c-1.432 0-4.068.274-7.915.811-3.847.54-6.334 1.061-7.455 1.556-1.125.493-3.158 2.208-6.093 5.122-2.938 2.926-7.2 8.324-12.773 16.192-5.581 7.877-10.786 16.19-15.625 24.95a352.65 352.65 0 0 0-13.551 27.29c-3.88-6.642-7.385-11.145-10.535-13.513-3.14-2.378-5.79-3.564-7.945-3.564-1.683 0-3.79.897-6.333 2.684-2.54 1.79-3.81 3.544-3.81 5.274 0 1.251 1.165 3.106 3.496 5.559 4.616 4.877 8.702 10.05 12.238 15.524 2.16 3.274 3.597 5.284 4.313 6.017.712.725 2.882 1.098 6.51 1.098 5.048 0 8.047-.647 9-1.95.945-1.253 2.695-4.99 5.245-11.22 6.303-15.598 14.14-30.494 23.507-44.676 9.375-14.175 17.962-24.9 25.78-32.165 1.557-1.38 2.492-2.275 2.821-2.688.32-.415.484-.832.484-1.266 0-.686-.454-1.035-1.359-1.035z'/>\
    </svg>");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 0px 4px;
    -webkit-mask-size: contain;
    mask-image: -webkit-mask-image;
    left: 0;
}
.copyright{
    border-top: 1px solid rgba(255,255,255,.15);
    padding: 16px 0;
    margin-top: 50px;
}
.copyright a{
    color: var(--primary-color);
}
/**** Das About Page Sec ****/
.das-about-page-wrapp{
    padding: 100px 0;
    margin: 0 -50px;
    border-radius: 25px;
    background: var(--secondary-color);
}
.das-about-inner-bg-thumb {
    position: absolute;
    width: 44%;
    height: 100%;
    top: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 25px 0 0 25px;
}
.das-about-page-wrapp .das-section-caption {
    padding-right: 110px;
}
.das-about-page-sec-1 .btn-primary:hover{
    background: var(--white-color);
    color: var(--secondary-color);
}
/**** Das features items Sec ****/
.das-features-items-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    gap: 0 140px;
}
.das-features-items-list .icon{
    width: 250px;
    height: 250px;
    margin: auto;
}
.das-features-items-list li{
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.das-features-items-list p{
    margin-bottom:0;
}
.das-features-items-list .icon:after{
    position: absolute;
    content: '';
    inset: 0;
    background: url('/assets/images/bg-icon.webp');
    z-index: -1;
    background-size: contain;
    border-radius: 50%;
    transition: all .3s ease-in-out;
}
.das-features-items-list li:hover .icon:after{
    background:var(--primary-color);
}
.das-features-items-list .icon img{
    transition: all .3s ease-in-out;
}
.das-features-items-list li:hover .icon img{
    filter: brightness(0) invert(1);
}
.das-features-items-list .das-features-items-shape{
    position: absolute;
    top: 50%;
    right: -170px;
    transform: translateY(-50%);
}
.das-features-items-list li:last-child .das-features-items-shape{
    display: none;
}
/**** Das Contact Page Sec ****/
.das-contact-page-widget{
    position: relative;
    z-index: 1;
    padding: 50px 20px 80px;
    margin-bottom: 40px;
}
.das-contact-page-widget:after{
    position: absolute;
    content: "";
    inset: 0;
    width: calc(100% + 230px);
    height: 100%;
    z-index: -1;
    background: #e4f5ff;
}
.das-contact-page-widget .das-contact-widget-caption{
    position: relative;
    padding-left: 32px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 25px;
}
.das-contact-page-widget .das-contact-widget-caption:after{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 4px;
    height: calc(100% - 3px);
    background: var(--primary-color);
}
.das-contact-page-widget .das-contact-wrapp{
    gap: 12px;
}
.das-contact-page-widget .das-contact-wrapp a{
    color: var(--black);
}
.das-contact-page-widget .das-contact-wrapp .content{
    padding-top: 6px;
    font-size: 18px;
    font-weight: 600;
}
.das-contact-page-widget .das-contact-wrapp .das-contact-caption{
    font-size: 15px;
    font-weight: 400;
}
.das-contact-page-widget .das-contact-wrapp .ico{
    width: 60px;
    height: 60px;
    min-width: 60px;
    background: var(--white-color);
    border-radius: 50%;
    transition:all .3s ease-in-out;
}
.das-contact-page-widget .das-contact-wrapp .ico svg{
    width: 24px;
    height: 24px;
}
.das-contact-page-widget .das-contact-wrapp:hover .ico{
    background:var(--secondary-color);
    color:var(--white-color);
}
.das-contact-page-form{
    padding: 30px;
    position: relative;
    z-index: 1;
}
.das-ggogle-map iframe{
    height: 265px;
}




/**** Das Google Reviews ****/
.asr-google-reviews-caption{
    background: var(--light-grey);
}
.asr-google-reviews-info{
    display: flex;
    gap: ;
}
.asr-google-reviews-caption p{
    background: var(--light-grey);
    font-size: 14px;
}
.das-verified-reviews-wrap{
    display: flex;
    align-items: center;
    gap: 6px;
}
.das-verified-reviews-wrap ul{
    color: #f6bb06;
    gap: 3px;
}
.das-verified-reviews-wrap ul li{
    display: flex;
}
.das-verified-reviews-wrap ul svg{
    width: 16px;
    height: 16px;
}





/****   Mobile Menu   ****/
.das-offcanvas-close, .das-offcanvas-opener {
    border: none;
    background: transparent;
    color: var(--white-color);
}
.das-mobile-menu.offcanvas {
    background: var(--secondary-color);
    max-width: 330px;
}
.das-mobile-navbar li .plain-text,
.das-mobile-navbar li a {
    padding: 10px 50px 10px 15px;
    color: var(--white-color);
    display: block;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    position: relative;
    font-size: 16px;
    transition: all .25s ease-in-out;
}
.das-mobile-navbar li{
    position: relative;
}
.das-mobile-navbar .das-mobile-submenu-list a:hover,
.das-mobile-navbar li .plain-text:hover,
.das-mobile-navbar li a:hover{
    color: var(--primary-color);
}
.das-mobile-submenu-list {
    margin: 13px auto;
    width: 90%;
    line-height: 20px;
    background: rgba(255, 255, 255, .035);
}
.das-mobile-navbar .das-mobile-submenu-list a {
    font-size: 14px;
    padding: 10px 15px;
    text-transform: capitalize;
    transition: all .25s ease-in-out;
}
.das-mobile-submenu-list {
    margin: 13px auto;
    width: 90%;
    line-height: 20px;
    background: rgba(255, 255, 255, .07);
}
.das-mobile-navbar li a.das-accordion-button {
    position: absolute;
    top: 0px;
    right: 0;
    padding: 13px 12px;
    display: flex;
    align-items: center;
    border: none;
    background: var(--primary-color);
    color: var(--white-color) !important;
}
.das-mobile-navbar li a.das-accordion-button svg{
    transition: all .3s ease-in-out;
}
.das-mobile-navbar li a.das-accordion-button[aria-expanded=true] svg {
    transform: rotate(45deg);
}
.das-thank-you-page-sec{
    background: var(--secondary-color);
    padding: 140px 0;
}
.das-thank-you-page-sec .btn-primary:hover{
    background: var(--white-color);
    border-color: var(--white-color);
    color: var(--primary-color);
}