/* 1 about*/
/*--------------------------------------------------------------
# About One
--------------------------------------------------------------*/
.about-one {
    position: relative;
    display: block;
    padding: 94px 0 83px;
    z-index: 1;
}

.about-one__bg-color {
    position: absolute;
    top: 130px;
    left: 0;
    right: 0;
    bottom: 120px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F5F5FF 48%, #FFFFFF 100%);
    z-index: -1;
}

.about-one__shape-1 {
    position: absolute;
    bottom: 0;
    left: -235px;
    width: 397px;
    height: 372px;
    background: rgba(226, 97, 245, 0.29);
    filter: blur(150px);
    z-index: -1;
}

.about-one__shape-2 {
    position: absolute;
    bottom: 160px;
    right: -240px;
    width: 397px;
    height: 372px;
    background: rgba(255, 192, 17, 0.29);
    filter: blur(150px);
    z-index: -1;
}

.about-one__left {
    position: relative;
    display: block;
    margin-right: 27px;
}

.about-one__left-img-box {
    position: relative;
    display: block;
    margin-right: -22px;
}

.about-one__left-img-1 {
    position: relative;
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 12px;
}

.about-one__left-img-1::before {
    background: rgba(255, 225, 255, 0.3);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    opacity: 1;
    z-index: 1;
    pointer-events: none;
}

.about-one__left-img-1:hover::before {
    height: 100%;
    opacity: 0;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.about-one__left-img-1 img {
    width: 100%;
    border-radius: 12px;
}

.about-one__left-img-2 {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 8px;
}

.about-one__left-img-2::before {
    background: rgba(255, 225, 255, 0.3);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    opacity: 1;
    z-index: 1;
    pointer-events: none;
}

.about-one__left-img-2:hover::before {
    height: 100%;
    opacity: 0;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.about-one__left-img-2 img {
    width: 100%;
    border-radius: 8px;
}

.about-one__left-img-box-2 {
    position: relative;
    display: block;
    margin-left: 13px;
}

.about-one__left-img-3 {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 12px;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='381' height='516' viewBox='0 0 381 516'%3E%3Cimage xlink:href='data:image/png;base64,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' x='0' y='0' width='381' height='516'/%3E%3C/svg%3E");






    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='381' height='516' viewBox='0 0 381 516'%3E%3Cimage xlink:href='data:image/png;base64,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' x='0' y='0' width='381' height='516'/%3E%3C/svg%3E");


    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: cover;
    mask-size: cover;

}

.about-one__left-img-3::before {
    background: rgba(255, 225, 255, 0.3);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    opacity: 1;
    z-index: 1;
    pointer-events: none;
}

.about-one__left-img-3:hover::before {
    height: 100%;
    opacity: 0;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.about-one__left-img-3 img {
    width: 100%;
    border-radius: 12px;
}

.about-one__video-link {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
}

.about-one__video-icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 85px;
    height: 85px;
    line-height: 85px;
    text-align: center;
    font-size: 18px;
    color: var(--drishti-black);
    background-color: rgba(var(--drishti-white-rgb), .30);
    border-radius: 50%;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    z-index: 1;
}

.about-one__video-icon:hover {
    color: var(--drishti-white);
}

.about-one__video-icon:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 7px;
    right: 7px;
    bottom: 7px;
    border: 1px solid rgba(var(--drishti-white-rgb), .20);
    border-radius: 50%;
    z-index: -1;
}

.about-one__video-icon:after {
    content: "";
    position: absolute;
    top: 16px;
    left: 16px;
    right: 16px;
    bottom: 16px;
    background-color: var(--drishti-white);
    border-radius: 50%;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    z-index: -1;
}

.about-one__video-icon:hover:after {
    background-color: var(--drishti-base);
    color: var(--drishti-white);
}

.about-one__video-link .ripple,
.about-one__video-icon .ripple:before,
.about-one__video-icon .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-box-shadow: 0 0 0 0 rgba(var(--drishti-white-rgb), 0.6);
    -o-box-shadow: 0 0 0 0 rgba(var(--drishti-white-rgb), 0.6);
    -webkit-box-shadow: 0 0 0 0 rgba(var(--drishti-white-rgb), 0.6);
    box-shadow: 0 0 0 0 rgba(var(--drishti-white-rgb), 0.6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.about-one__video-icon .ripple:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    content: "";
    position: absolute;
}

.about-one__video-icon .ripple:after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
    position: absolute;
}

.about-one__left-big-title {
    position: relative;
    display: block;
    font-size: 120px;
    line-height: 120px;
    text-transform: uppercase;
    font-weight: 700;
    color: transparent;
    -webkit-text-stroke: 2px rgba(var(--drishti-base-rgb), .13);
    margin-top: 21px;
    margin-left: -50px;
    font-family: var(--drishti-font);
}

.about-one__right {
    position: relative;
    display: block;
}

.about-one__right .section-title {
    margin-bottom: 13px;
}

.about-one__client-box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 25px;
    background-color: var(--drishti-white);
    border-radius: 20px;
    padding: 16px 23px 16px;
    border: 1px solid #F1F1F2;
    margin: 19px 0 33px;
}

.about-one__client-img-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 110px;
    border: 1px solid #F1F1F2;
    border-radius: 50%;
}

.about-one__client-img {
    position: relative;
    display: block;
    max-width: 98px;
    width: 100%;
}

.about-one__client-img img {
    width: 100%;
    border-radius: 50%;
}

.about-one__client-content {
    position: relative;
    display: block;
    flex: 1;
}

.about-one__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
}

.about-one__sub-title {
    font-weight: 700;
    font-family: var(--drishti-font-two);
    color: var(--drishti-black);
    margin-top: 12px;
}

.about-one__sub-title span {
    color: var(--drishti-base);
}

.about-one__points-box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px;
}

.about-one__points-list {
    position: relative;
    display: block;
}

.about-one__points-list li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.about-one__points-list li+li {
    margin-top: 14px;
}

.about-one__points-list li .icon {
    position: relative;
    display: inline-block;
}

.about-one__points-list li .icon span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--drishti-base);
}

.about-one__points-list li p {
    font-weight: 600;
    color: var(--drishti-black);
}

.about-one__mission-box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 32px;
}

.about-one__mission-box .icon {
    position: relative;
    display: inline-block;
}

.about-one__mission-box .icon span {
    position: relative;
    display: inline-block;
    font-size: 44px;
    color: var(--drishti-base);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
}

.about-one__mission-box:hover .icon span {
    transform: scale(0.9);
}

.about-one__mission-box .content {
    position: relative;
    display: block;
    flex: 1;
}

.about-one__mission-box .content h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    font-family: var(--drishti-font-two);
    text-transform: capitalize;
}

/*--------------------------------------------------------------
# About Two
--------------------------------------------------------------*/
.about-two {
    position: relative;
    display: block;
    padding: 120px 0 93px;
    z-index: 1;
}

.about-two__shape-1 {
    position: absolute;
    top: 65px;
    left: 0;
    z-index: -1;
}

.about-two__shape-1 img {
    width: auto;
}

.about-two__shape-2 {
    position: absolute;
    bottom: 30px;
    left: 80px;
    opacity: .45;
    z-index: -1;
}

.about-two__shape-2 img {
    width: auto;
}

.about-two__shape-3 {
    position: absolute;
    right: 0;
    top: 60px;
    opacity: .45;
    z-index: -1;
}

.about-two__shape-3 img {
    width: auto;
}

.about-two__left {
    position: relative;
    display: block;
}

.about-two__left-img-box {
    position: relative;
    display: block;
    margin-right: 21px;
}

.about-two__img-shape-1 {
    position: absolute;
    top: 164px;
    left: 60px;
    bottom: 20px;
    right: 84px;
    border: 2px dashed rgba(var(--drishti-base-rgb), .42);
    border-radius: 30px;
}

.about-two__img-1 {
    position: relative;
    display: block;
    margin-bottom: 25px;
    overflow: hidden;
    border-radius: 12px;
}

.about-two__img-1::before {
    background: rgba(255, 255, 255, 0.3);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    opacity: 1;
    z-index: 1;
    pointer-events: none;
}

.about-two__img-1:hover::before {
    width: 100%;
    opacity: 0;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.about-two__img-1 img {
    width: 100%;
    border-radius: 12px;
}

.about-two__img-2 {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 12px;
}

.about-two__img-2::before {
    background: rgba(255, 255, 255, 0.3);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    opacity: 1;
    z-index: 1;
    pointer-events: none;
}

.about-two__img-2:hover::before {
    height: 100%;
    opacity: 0;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.about-two__img-2 img {
    width: 100%;
    border-radius: 12px;
}

.about-two__left-img-box-2 {
    position: relative;
    display: block;
    margin-left: -27px;
    margin-right: 30px;
    margin-top: 23px;
}

.about-two__img-3 {
    position: relative;
    display: block;
    margin-bottom: 25px;
    overflow: hidden;
    border-radius: 12px;
}

.about-two__img-3::before {
    background: rgba(255, 255, 255, 0.3);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    opacity: 1;
    z-index: 1;
    pointer-events: none;
}

.about-two__img-3:hover::before {
    height: 100%;
    opacity: 0;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.about-two__img-3 img {
    width: 100%;
    border-radius: 12px;
}

.about-two__img-4 {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 12px;
}

.about-two__img-4::before {
    background: rgba(255, 255, 255, 0.3);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    opacity: 1;
    z-index: 1;
    pointer-events: none;
}

.about-two__img-4:hover::before {
    width: 100%;
    opacity: 0;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.about-two__img-4 img {
    width: 100%;
    border-radius: 12px;
}

.about-two__right {
    position: relative;
    display: block;
}

.about-two__right .section-title {
    margin-bottom: 32px;
}

.about-two__experience-and-counter {
    position: relative;
    display: flex;
    align-items: center;
    gap: 25px;
    margin-top: 27px;
    margin-bottom: 37px;
}

.about-two__counter {
    position: relative;
    display: block;
    flex: 1;
}

.about-two__counter-list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #F6FBFF;
    border: 1px solid #e7e7e6;
    border-radius: 12px;
    padding: 18px 30px 18px !important;
}

.about-two__counter-list li {
    position: relative;
    display: block;
}

.about-two__counter-list li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -35px;
    width: 1px;
    height: 48px;
    background-color: #E7E7E7;
    transform: translateY(-50%);
}

.about-two__counter-list li:first-child::before {
    display: none;
}

.about-two__counter-single {
    position: relative;
    display: block;
    text-align: center;
}

.about-two__counter-count {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-two__counter-count h3 {
    font-size: 40px;
    font-weight: 700;
    line-height: 40px !important;
    font-family: var(--drishti-font-two) !important;
}

.about-two__counter-count span {
    font-size: 40px;
    font-weight: 700;
    line-height: 40px !important;
    font-family: var(--drishti-font) !important;
    color: var(--drishti-black);
}

.about-two__counter-single p {
    font-size: 14px;
    line-height: 18px;
}

.about-two__points-and-mission-box {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 30px;
}

.about-two__points {
    position: relative;
    display: block;
}

.about-two__points li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 13px;
}

.about-two__points li+li {
    margin-top: 8px;
}

.about-two__points li .icon {
    position: relative;
    display: inline-block;
}

.about-two__points li .icon span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--drishti-base);
}

.about-two__points li p {
    font-weight: 500;
    color: var(--drishti-black);
}

.about-two__mission-box {
    position: relative;
    display: block;
}

.about-two__mission-icon {
    position: relative;
    display: inline-block;
}

.about-two__mission-icon span {
    position: relative;
    display: inline-block;
    font-size: 44px;
    color: var(--drishti-base);
}

.about-two__mission-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    font-family: var(--drishti-font);
    margin-top: 9px;
}

.about-two__btn-and-contact {
    position: relative;
    display: flex;
    align-items: center;
    gap: 25px;
    margin-top: 46px;
}

.about-two__btn-box {
    position: relative;
    display: block;
}

.about-two__contact-box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}

.about-two__contact-icon {
    position: relative;
    display: inline-block;
}

.about-two__contact-icon span {
    position: relative;
    display: inline-block;
    font-size: 44px;
    color: var(--drishti-base);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
}

.about-two__contact-box:hover .about-two__contact-icon span {
    transform: scale(0.9);
}

.about-two__contact-content {
    position: relative;
    display: block;
}

.about-two__contact-content p {
    font-size: 14px;
    font-weight: 700;
    color: var(--drishti-base);
}

.about-two__contact-content h4 {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
}

.about-two__contact-content h4 a {
    color: var(--drishti-black);
}

.about-two__contact-content h4 a:hover {
    color: var(--drishti-base);
}

/*--------------------------------------------------------------
# About Three
--------------------------------------------------------------*/
.about-three {
    position: relative;
    display: block;
    padding: 90px 0 120px;
    z-index: 1;
}

.about-three__left {
    position: relative;
    display: block;
}

.about-three__left-content-box {
    position: relative;
    display: block;
}

.about-three__left-content-box .section-title {
    margin-bottom: 23px;
}

.about-three__text {
    margin-bottom: 34px;
}

.about-three__points-box {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 50px;
}

.about-three__points {
    position: relative;
    display: block;
}

.about-three__points li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.about-three__points li+li {
    margin-top: 14px;
}

.about-three__points li .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26px;
    width: 26px;
    border: 2px solid #EDEFFF;
    border-radius: 50%;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.about-three__points li:hover .icon {
    background-color: var(--drishti-base);
    border: 2px solid var(--drishti-base);
}

.about-three__points li .icon span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--drishti-base);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.about-three__points li:hover .icon span {
    color: var(--drishti-white);
}

.about-three__points li .text {
    position: relative;
    display: block;
    flex: 1;
}

.about-three__points li .text p {
    font-weight: 600;
    color: var(--drishti-black);
}

.about-three__right {
    position: relative;
    display: block;
    margin-left: 50px;
}

.about-three__form-box {
    position: relative;
    display: block;
    background-color: var(--drishti-secondary);
    border-radius: 15px;
}

.about-three__form-title-box {
    position: relative;
    display: block;
    background-color: var(--drishti-primary);
    padding: 40px 50px 40px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.about-three__form-title {
    font-size: 34px;
    line-height: 34px;
    color: var(--drishti-white);
    font-weight: 600;
}

.about-three__form-sub-title {
    color: var(--drishti-white);
    font-weight: 500;
    margin-top: 10px;
}

.about-three__form {
    position: relative;
    display: block;
    padding: 50px 50px 50px;
}

.about-three__input-box {
    position: relative;
    display: block;
    margin-bottom: 15px;
}

.about-three__input-box input[type="text"],
.about-three__input-box input[type="email"] {
    height: 60px;
    width: 100%;
    line-height: 60px;
    background-color: var(--drishti-white);
    border: none;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    font-size: 16px;
    color: var(--drishti-gray);
    display: block;
    font-weight: 400;
    border-radius: 12px;
}

.about-three__input-box .select-box .nice-select {
    background-color: var(--drishti-white);
    border: none;
    color: var(--drishti-gray);
    font-size: 16px;
    font-weight: 400;
    height: 60px;
    line-height: 60px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    border-radius: 12px;
    margin-bottom: 0px;
}

.about-three__input-box .select-box .nice-select:after {
    position: absolute;
    top: 47%;
    right: 30px;
    border-bottom: 1px solid var(--drishti-gray);
    border-right: 1px solid var(--drishti-gray);
}

/*--------------------------------------------------------------
# About Page
--------------------------------------------------------------*/
.about-page {
    padding: 120px 0 120px;
}



/* 2 auth*/

/* 3 awards*/
/*--------------------------------------------------------------
# Awards One
--------------------------------------------------------------*/
.awards-one {
    position: relative;
    display: block;
    overflow: hidden;
    background: linear-gradient(180deg, #FFFFFF 0%, #F2F2FF 64.5%, #FAFAFF 100%);
    padding: 96px 0 100px;
    z-index: 1;
}

.awards-one__sahpe-1 {
    position: absolute;
    bottom: 35px;
    left: 30px;
    z-index: -1;
}

.awards-one__sahpe-1 img {
    width: auto;
}

.awards-one__sahpe-2 {
    position: absolute;
    top: 90px;
    right: 0px;
    z-index: -1;
}

.awards-one__sahpe-2 img {
    width: auto;
}

.awards-one__single {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.awards-one .faq-one-accrodion .accrodion {
    position: relative;
    display: block;
    border: 1px solid #E7E7E7;
    background: var(--drishti-white);
    border-radius: 12px;
    overflow: hidden;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.awards-one .faq-one-accrodion .accrodion.active {
    border: 1px solid #E7E7E7;
    background: var(--drishti-white);
}

.awards-one .faq-one-accrodion .accrodion-title {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 25px 25px 25px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.awards-one .faq-one-accrodion .accrodion-title h4 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.03em;
    color: var(--drishti-black);
    position: relative;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.awards-one .faq-one-accrodion .accrodion+.accrodion {
    margin-top: 20px;
}

.awards-one .faq-one-accrodion .accrodion-title h4::before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    font-size: 17px;
    color: var(--drishti-black);
    position: absolute;
    top: 50%;
    right: 0;
    line-height: 20px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    text-align: center;
    width: 40px;
    height: 40px;
    background-color: rgba(var(--drishti-gray-rgb), .21);
}

.awards-one .faq-one-accrodion .accrodion.active .accrodion-title h4::before {
    content: "\f107";
    color: var(--drishti-white);
    background-color: var(--drishti-base);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.awards-one .faq-one-accrodion .accrodion-content {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px;
    border-top: 1px solid #E7E7E7;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.awards-one .faq-one-accrodion .accrodion-content .inner {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.awards-one .faq-one-accrodion .accrodion-content .inner .img-box {
    position: relative;
    display: block;
    max-width: 160px;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}

.awards-one .faq-one-accrodion .accrodion-content .inner .img-box img {
    width: 100%;
    border-radius: 12px;
}

.awards-one .faq-one-accrodion .accrodion-content .inner .content-box {
    position: relative;
    display: block;
    flex: 1;
}

.awards-one .faq-one-accrodion .accrodion-content .inner .content-box .content-box-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    font-family: var(--drishti-font);
}

.awards-one .faq-one-accrodion .accrodion-content .inner .content-box .content-box-text {
    margin-top: 11px;
    margin-bottom: 13px;
}

.awards-one .faq-one-accrodion .accrodion-content .inner .content-box .date-and-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.awards-one .faq-one-accrodion .accrodion-content .inner .content-box .date-and-btn .date-box {
    position: relative;
    display: block;
}

.awards-one .faq-one-accrodion .accrodion-content .inner .content-box .date-and-btn .date-box p {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 600;
    color: var(--drishti-base);
    text-transform: uppercase;
    gap: 7px;
}

.awards-one .faq-one-accrodion .accrodion-content .inner .content-box .date-and-btn .btn-box {
    position: relative;
    display: block;
}

.awards-one .faq-one-accrodion .accrodion-content .inner .content-box .date-and-btn .btn-box a {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    font-size: 14px;
    color: var(--drishti-gray);
    font-weight: 600;
    text-transform: uppercase;
}

.awards-one .faq-one-accrodion .accrodion-content .inner .content-box .date-and-btn .btn-box a span {
    font-size: 20px;
}

.awards-one .faq-one-accrodion .accrodion-content .inner .content-box .date-and-btn .btn-box a:hover {
    color: var(--drishti-base);
}



/* 4 banner*/
.banner-one {
    position: relative;
    display: block;
    padding: 120px 0 0;
    background: linear-gradient(102.31deg, #F7F7FF 0%, #EDEEFF 51%, #F6F7FF 100%);
    overflow: hidden;
    z-index: 5;
}

.banner-one__shape-bg-1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: .10;
    mix-blend-mode: plus-lighter;
    z-index: -1;
}



.banner-one__shape-1 {
    position: absolute;
    width: 537px;
    height: 502px;
    left: -255px;
    top: 32px;
    background: rgba(255, 255, 255, 0.39);
    filter: blur(150px);
    border-radius: 50%;
    z-index: -1;
}

.banner-one__shape-2 {
    position: absolute;
    width: 537px;
    height: 502px;
    left: -268px;
    bottom: 75px;
    background: rgba(17, 149, 255, 0.39);
    filter: blur(150px);
    border-radius: 50%;
    z-index: -1;
}

.banner-one__shape-3 {
    position: absolute;
    width: 537px;
    height: 502px;
    right: -250px;
    top: 5px;
    background: rgba(17, 149, 255, 0.39);
    filter: blur(150px);
    border-radius: 50%;
    z-index: -1;
}

.banner-one__shape-4 {
    position: absolute;
    width: 537px;
    height: 502px;
    right: -250px;
    top: 5px;
    background: rgba(var(--drishti-primary-rgb), 0.12);
    filter: blur(150px);
    border-radius: 50%;
    z-index: -1;
}

.banner-one__shape-5 {
    position: absolute;
    width: 537px;
    height: 502px;
    left: -250px;
    top: 5px;
    background: rgba(var(--drishti-base-rgb), 0.12);
    filter: blur(150px);
    border-radius: 50%;
    z-index: -1;
}

.banner-one__shape-6 {
    position: absolute;
    width: 537px;
    height: 502px;
    right: -250px;
    top: 5px;
    background: rgba(var(--drishti-header-top-rgb), 0.12);
    filter: blur(150px);
    border-radius: 50%;
    z-index: -1;
}

.banner-one__left {
    position: relative;
    display: block;
    margin-top: 96px;
    margin-right: -50px;
}

.banner-one__title-box {
    position: relative;
    display: block;
}

.banner-one__title {
    font-size: 36px;
    line-height: 56px;
    font-weight: 700;
}

.banner-one__title-color {
    color: var(--drishti-base);
}

.banner-one__text {
    font-size: 18px;
    line-height: 28px;
    margin-top: 28px;
    margin-bottom: 42px;
    max-width: 100%;
    padding-right: 30px;
}

.banner-one__btn-box {
    position: relative;
    display: block;
}


.banner-one__right {
    position: relative;
    display: block;
    padding-bottom: 20px;
}

.banner-one__img-box {
    position: relative;
    display: block;
}

.banner-one__img {
    position: relative;
    display: block;
}

.banner-one__img img {
    width: auto;
    max-height: 460px;
    min-height: 450px;
    object-fit: cover;
    /*animation: topBottom 3s ease-in-out infinite;*/
}

.banner__with_logo {
    position: absolute;
    bottom: 80px;
    left: -25px;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: rgba(255, 255, 255, 0.91);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.09);
    border-radius: 9px;
    padding: 15px 10px;
    max-width: 192px;
    width: 100%;
    border: 1px solid rgba(var(--drishti-base-rgb), 0.30);
}

.banner__with_logo-img {
    position: relative;
    display: block;
}

.banner__with_logo-img img {
    width: 150px;
}

.banner__with_logo-box {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.banner__with_logo-star {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.banner__with_logo-star span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--drishti-primary);
}

.banner__with_logo-count {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px;
}

.banner__with_logo-count p {
    font-size: 18px;
    color: var(--drishti-black);
    font-weight: 500;
}

.banner__with_logo-count span {
    font-size: 18px;
    color: var(--drishti-black);
    font-weight: 500;
}



/*--------------------------------------------------------------
# Banner Two
--------------------------------------------------------------*/
.banner-two {
    position: relative;
    display: block;
    padding: 208px 0px 235px;
    z-index: 1;
}

.banner-two__img {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.banner-two__img2 {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px 0;
    height: 100%;
    opacity: 1.0;
    z-index: -1;
}

.banner-two__img2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(-90deg, rgba(5, 23, 61, 0.80) 0%, rgba(5, 23, 61, 0.97) 100%);
}

.banner-two__shape1 {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 60px;
    background-attachment: scroll;
    background-size: 100% 100%;
    z-index: 2;
}

.banner-two__content {
    position: relative;
    display: block;
    padding-left: 100px;
}

.banner-two__tagline {
    position: relative;
    display: block;
    padding-left: 40px;
    margin-bottom: 19px;
}

.banner-two__tagline::before {
    position: absolute;
    top: 11px;
    left: 0;
    width: 30px;
    height: 4px;
    background: rgba(var(--drishti-white-rgb), 1.0);
    border-radius: 2px;
    content: "";
}

.banner-two__tagline span {
    color: var(--drishti-white);
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    text-transform: capitalize;
}

.banner-two__content-inner h2 {
    position: relative;
    font-size: 70px;
    color: var(--drishti-white);
    font-weight: 700;
    line-height: 80px;
    text-transform: capitalize;
    margin-bottom: 19px;
}

.banner-two__content-inner p {
    position: relative;
    display: inline-block;
    color: #F5F5F5;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 32px;
}

.banner-two__btn-box .thm-btn {
    background-color: var(--drishti-primary);
}

.banner-two__btn::before {
    background-color: var(--drishti-white);
}

.banner-two__btn::after {
    background-color: var(--drishti-white);
}

.banner-two__btn:hover {
    color: var(--drishti-base);
}

.banner-two__social {
    position: absolute;
    bottom: 208px;
    right: -110px;
    display: flex;
    align-items: center;
    transform: rotate(-90deg);
    z-index: 2;
}

.banner-two__social a {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--drishti-black);
    font-size: 18px;
    font-weight: 600;
    font-family: var(--drishti-font-two);
    text-transform: uppercase;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.banner-two__social a+a {
    margin-left: 25px;
}

.banner-two__social a:hover {
    color: var(--drishti-base);
}

#particles-js {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    opacity: 0.5;
    z-index: -1;
}


/* 5 before-and-after*/
/*--------------------------------------------------------------
# Before And After
--------------------------------------------------------------*/
.before-and-after {
    position: relative;
    display: block;
    background-color: #F0F6FF;
    padding: 120px 0 120px;
    z-index: 1;
}

.before-and-after__bg-shape {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0.06;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

.before-and-after__shape-1 {
    position: absolute;
    top: 65px;
    left: 65px;
    opacity: .16;
    z-index: -1;
}

.before-and-after__shape-1 img {
    width: auto;
}

.before-and-after__shape-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.before-and-after__shape-2 img {
    width: auto;
}

.before-and-after__shape-3 {
    position: absolute;
    bottom: 160px;
    right: 53px;
    z-index: -1;
}

.before-and-after__shape-3 img {
    width: auto;
}

.before-and-after__left {
    position: relative;
    display: block;
    margin-right: 52px;
}

.before-and-after__img-box {
    position: relative;
    display: block;
    border-radius: 20px;
    border: 4px solid var(--drishti-white);
}

.before-and-after__img-box .before-after {
    position: relative;
    display: block;
    height: 100%;
}

.before-and-after__img-box .before-after .twentytwenty-container img {
    width: 100%;
    border-radius: 16px;
}

.before-and-after__img-box .before-after .twentytwenty-horizontal .twentytwenty-before-label:before {
    position: absolute;
    left: -10px;
    top: -10px;
    width: 100px;
    height: 100px;
    line-height: 90px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin: 0px;
    padding: 0px;
    background: transparent;
    z-index: 1;
    transform: rotate(-45deg);
    text-transform: uppercase;
    display: none;
}

.before-and-after__img-box .before-after .twentytwenty-horizontal .twentytwenty-before-label:after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100px;
    height: 100px;
    clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%, 0% 0%);
}



.before-and-after__img-box .before-after .twentytwenty-horizontal .twentytwenty-after-label:before {
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100px;
    line-height: 140px;
    text-align: center;
    font-size: 16px;
    background: transparent;
    font-weight: 700;
    color: #fff;
    margin: 0px;
    padding: 0px;
    bottom: 0px;
    transform: rotate(-45deg);
    z-index: 1;
    text-transform: uppercase;
    display: none;
}

.before-and-after__img-box.before-after .twentytwenty-horizontal .twentytwenty-after-label:after {
    position: absolute;
    content: '';
    bottom: 0px;
    right: 0px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
}

.twentytwenty-after-label,
.twentytwenty-before-label {
    opacity: 1 !important;
}

.before-and-after__img-box .twentytwenty-horizontal .twentytwenty-handle:before {
    height: 290px;
    top: -292px;
}

.before-and-after__img-box .twentytwenty-horizontal .twentytwenty-handle:after {
    height: 275px;
}

.before-and-after__img-box .twentytwenty-overlay {
    border-radius: 10px
}

.before-and-after__img-holder-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    height: 160px;
    width: 158px;
    overflow: hidden;
    z-index: 1;
}

.before-and-after__img-holder {
    position: relative;
    display: block;
    overflow: hidden;
    transition: all 500ms ease;
    border-radius: 10px;
    height: 160px;
    width: 158px;
    cursor: pointer;
    z-index: 1;
}

.before-and-after__img-holder:before {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    content: "";
    border: 4px solid var(--drishti-white);
    border-radius: 24px;
    z-index: 1;
    transition: all 500ms ease;
}

.swiper-slide-active .before-and-after__img-holder:before,
.swiper-slide-thumb-active .before-and-after__img-holder:before {
    border: 4px solid var(--drishti-base);
}

.before-and-after__img-holder>img {
    width: 100%;
    transition: all 0.5s ease-in-out 0.6s;
    border-radius: 24px;
}

.before-and-after__tag {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 1;
}

.before-and-after__tag span {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    font-family: var(--drishti-font-two);
    color: var(--drishti-black);
    background-color: var(--drishti-white);
    padding: 8px 20px 8px;
    border-radius: 12px;
}

.before-and-after__tag-2 {
    left: inherit;
    right: 20px;
}

.before-and-after__right {
    position: relative;
    display: block;
    margin-top: 80px;
}

.before-and-after__right .section-title {
    margin-bottom: 26px;
}

.before-and-after__points {
    position: relative;
    display: block;
    margin: 32px 0 41px;
}

.before-and-after__points li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 13px;
}

.before-and-after__points li+li {
    margin-top: 14px;
}

.before-and-after__points li .icon {
    position: relative;
    display: inline-block;
}

.before-and-after__points li .icon span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--drishti-base);
}

.before-and-after__points li p {
    font-weight: 600;
    color: var(--drishti-black);
}

.before-and-after__img-list {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
}

.before-and-after__img-list li {
    position: relative;
    display: block;
}

.before-and-after__img-list-img {
    position: relative;
    display: block;
    border: 10px solid var(--drishti-white);
    border-radius: 50%;
    overflow: hidden;
}

.before-and-after__img-list-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(var(--drishti-black-rgb), .70);
    opacity: 0;
    transform: translateY(90px);
    transition: background-color 0.7s ease;
    transition: all 0.7s ease;
    z-index: 1;
}

.before-and-after__img-list li:hover .before-and-after__img-list-img::before {
    opacity: 1;
    transform: translateY(0px);
}

.before-and-after__img-list-img img {
    border-radius: 50%;
    width: 100%;
    transform: scale(1.0);
    transition: all 1500ms ease;
}

.before-and-after__img-list li:hover .before-and-after__img-list-img img {
    transform: scale(1.05) rotate(0deg);
}

/*--------------------------------------------------------------
# Before After Two
--------------------------------------------------------------*/
.before-after-two {
    position: relative;
    display: block;
    background-color: var(--drishti-secondary);
    padding: 120px 0 35px;
    overflow: hidden;
    z-index: 1;
}

.before-after-two__bg-shape {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.03;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

.before-after-two__shape-1 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.before-after-two_-shape-1 img {
    width: auto;
}

.before-after-two__shape-2 {
    position: absolute;
    width: 423px;
    height: 396px;
    left: -212px;
    bottom: -10px;
    background: rgba(17, 149, 255, 0.39);
    filter: blur(150px);
    border-radius: 50%;
    z-index: -1;
}

.before-after-two__shape-3 {
    position: absolute;
    width: 334px;
    height: 313px;
    right: -55px;
    top: -11px;
    background: rgba(17, 149, 255, 0.39);
    filter: blur(150px);
    border-radius: 50%;
    z-index: -1;
}

.before-after-two__left {
    position: relative;
    display: block;
    margin-right: 10px;
}

.before-after-two__img-box {
    position: relative;
    display: block;
    border-radius: 20px;
    border: 4px solid var(--drishti-white);
}

.before-after-two__img-box .before-after {
    position: relative;
}

.before-after-two__img-box .before-after .twentytwenty-container img {
    width: 100%;
    border-radius: 20px;
}

.before-after-two__img-box .before-after .twentytwenty-horizontal .twentytwenty-before-label:before {
    position: absolute;
    left: -10px;
    top: -10px;
    width: 100px;
    height: 100px;
    line-height: 90px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin: 0px;
    padding: 0px;
    background: transparent;
    z-index: 1;
    transform: rotate(-45deg);
    text-transform: uppercase;
    display: none;
}

.before-after-two__img-box .before-after .twentytwenty-horizontal .twentytwenty-before-label:after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100px;
    height: 100px;
    clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%, 0% 0%);
}

.before-after-two__img-box .before-after .twentytwenty-horizontal .twentytwenty-after-label:before {
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100px;
    line-height: 140px;
    text-align: center;
    font-size: 16px;
    background: transparent;
    font-weight: 700;
    color: #fff;
    margin: 0px;
    padding: 0px;
    bottom: 0px;
    transform: rotate(-45deg);
    z-index: 1;
    text-transform: uppercase;
    display: none;
}

.before-after-two__img-box.before-after .twentytwenty-horizontal .twentytwenty-after-label:after {
    position: absolute;
    content: '';
    bottom: 0px;
    right: 0px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
}

.twentytwenty-after-label,
.twentytwenty-before-label {
    opacity: 1 !important;
}

.before-after-two__img-box .twentytwenty-handle {
    background-color: var(--drishti-base);
}

.before-after-two__img-box .twentytwenty-overlay {
    border-radius: 10px
}

.before-after-two__tag {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 1;
}

.before-after-two__tag span {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    font-family: var(--drishti-font-two);
    color: var(--drishti-black);
    background-color: var(--drishti-white);
    padding: 8px 20px 8px;
    border-radius: 12px;
}

.before-after-two__tag-2 {
    left: inherit;
    right: 20px;
}

.before-after-two__client-and-points {
    position: relative;
    display: flex;
    align-items: center;
    gap: 90px;
    margin-top: 42px;
}

.before-after-two__client-box-inner {
    position: relative;
    display: block;
}

.before-after-two__client-box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 38px;
}

.before-after-two__client-list {
    position: relative;
    display: flex;
    align-items: center;
}

.before-after-two__client-list li {
    position: relative;
    display: block;
}

.before-after-two__client-list li+li {
    margin-left: -15px;
}

.before-after-two__client-img {
    position: relative;
    display: block;
    max-width: 48px;
    width: 100%;
}

.before-after-two__client-img img {
    width: 100%;
    border: 2px solid var(--drishti-white);
    border-radius: 50%;
}

.before-after-two__counter-box {
    position: relative;
    display: block;
}

.before-after-two__count-box {
    position: relative;
    display: inline-flex;
}

.before-after-two__count-box p {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px !important;
    font-family: var(--drishti-font-two) !important;
    color: var(--drishti-black);
    text-transform: uppercase;
    top: -1px;
}

.before-after-two__count-box span {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px !important;
    font-family: var(--drishti-font-two) !important;
    color: var(--drishti-black);
    text-transform: uppercase;
}

.before-after-two__btn-box {
    position: relative;
    display: block;
}

.before-after-two__btn-box .thm-btn {
    background-color: var(--drishti-primary);
}

.before-after-two__points-box {
    position: relative;
    display: block;
}

.before-after-two__points {
    position: relative;
    display: block;
}

.before-after-two__points li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.before-after-two__points li+li {
    margin-top: 14px;
}

.before-after-two__points li .icon {
    position: relative;
    display: inline-block;
}

.before-after-two__points li .icon span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--drishti-base);
}

.before-after-two__points li p {
    font-weight: 600;
    color: var(--drishti-black);
}

.before-after-two__right {
    position: relative;
    display: block;
    margin-left: 10px;
}

.before-after-two__right .section-title {
    margin-bottom: 39px;
}

.before-after-two__img-box-2 {
    position: relative;
    display: block;
    border-radius: 20px;
    border: 4px solid var(--drishti-white);
}

.before-after-two__img-box-2 .before-after {
    position: relative;
}

.before-after-two__img-box-2 .before-after .twentytwenty-container img {
    width: 100%;
    border-radius: 20px;
}

.before-after-two__img-box-2 .before-after .twentytwenty-horizontal .twentytwenty-before-label:before {
    position: absolute;
    left: -10px;
    top: -10px;
    width: 100px;
    height: 100px;
    line-height: 90px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin: 0px;
    padding: 0px;
    background: transparent;
    z-index: 1;
    transform: rotate(-45deg);
    text-transform: uppercase;
    display: none;
}

.before-after-two__img-box-2 .before-after .twentytwenty-horizontal .twentytwenty-before-label:after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100px;
    height: 100px;
    clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%, 0% 0%);
}

.before-after-two__img-box-2 .before-after .twentytwenty-horizontal .twentytwenty-after-label:before {
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100px;
    line-height: 140px;
    text-align: center;
    font-size: 16px;
    background: transparent;
    font-weight: 700;
    color: #fff;
    margin: 0px;
    padding: 0px;
    bottom: 0px;
    transform: rotate(-45deg);
    z-index: 1;
    text-transform: uppercase;
    display: none;
}

.before-after-two__img-box-2.before-after .twentytwenty-horizontal .twentytwenty-after-label:after {
    position: absolute;
    content: '';
    bottom: 0px;
    right: 0px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
}

.twentytwenty-after-label,
.twentytwenty-before-label {
    opacity: 1 !important;
}

.before-after-two__img-box-2 .twentytwenty-handle {
    background-color: var(--drishti-base);
}

.before-after-two__img-box-2 .twentytwenty-overlay {
    border-radius: 10px
}

.before-after-two__sliding-text {
    position: relative;
    display: block;
    margin-top: 100px;
}

.before-after-two__sliding-text-list {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-wrap: nowrap;
    width: fit-content;
}

.before-after-two__sliding-text-list li {
    position: relative;
    display: block;
    float: left;
    margin-right: 30px;
}

.before-after-two__sliding-title {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--drishti-gray);
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    font-family: var(--drishti-font);
    font-style: normal;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.before-after-two__sliding-title:before {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    color: var(--drishti-base);
    white-space: nowrap;
    content: attr(data-hover);
    transition: all 0.5s cubic-bezier(0.17, 0.67, 0.32, 0.87);
}

.before-after-two__sliding-text-list li:hover .before-after-two__sliding-title:before {
    width: 100%;
    color: var(--drishti-base);
}

.before-after-two__sliding-title span {
    margin-left: 30px;
    position: relative;
    font-size: 24px;
    color: var(--drishti-gray);
}

/*--------------------------------------------------------------
# Before After Three
--------------------------------------------------------------*/
.before-after-three {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    z-index: 1;
}

.before-after-three__img-box {
    position: relative;
    display: block;
    border-radius: 20px;
    border: 4px solid var(--drishti-white);
}

.before-after-three__img-box .before-after {
    position: relative;
}

.before-after-three__img-box .before-after .twentytwenty-container img {
    width: 100%;
    border-radius: 20px;
}

.before-after-three__img-box .before-after .twentytwenty-horizontal .twentytwenty-before-label:before {
    position: absolute;
    left: -10px;
    top: -10px;
    width: 100px;
    height: 100px;
    line-height: 90px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin: 0px;
    padding: 0px;
    background: transparent;
    z-index: 1;
    transform: rotate(-45deg);
    text-transform: uppercase;
    display: none;
}

.before-after-three__img-box .before-after .twentytwenty-horizontal .twentytwenty-before-label:after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100px;
    height: 100px;
    clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%, 0% 0%);
}

.before-after-three__img-box .before-after .twentytwenty-horizontal .twentytwenty-after-label:before {
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100px;
    line-height: 140px;
    text-align: center;
    font-size: 16px;
    background: transparent;
    font-weight: 700;
    color: #fff;
    margin: 0px;
    padding: 0px;
    bottom: 0px;
    transform: rotate(-45deg);
    z-index: 1;
    text-transform: uppercase;
    display: none;
}

.before-after-three__img-box.before-after .twentytwenty-horizontal .twentytwenty-after-label:after {
    position: absolute;
    content: '';
    bottom: 0px;
    right: 0px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
}

.twentytwenty-after-label,
.twentytwenty-before-label {
    opacity: 1 !important;
}

.before-after-three__img-box .twentytwenty-handle {
    background-color: var(--drishti-base);
}

.before-after-three__img-box .twentytwenty-horizontal .twentytwenty-handle:before {
    height: 290px;
    top: -292px;
}

.before-after-three__img-box .twentytwenty-horizontal .twentytwenty-handle:after {
    height: 275px;
}

.before-after-three__img-box .twentytwenty-overlay {
    border-radius: 10px
}

.before-after-three__tag {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 1;
}

.before-after-three__tag span {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    font-family: var(--drishti-font-two);
    color: var(--drishti-white);
    background-color: var(--drishti-base);
    padding: 8px 20px 8px;
    border-radius: 12px;
}

.before-after-three__tag-2 {
    left: inherit;
    right: 20px;
}


/* 6 blog*/
.blog-one {
    position: relative;
    display: block;
    background: linear-gradient(180deg, #EAF3FF 0%, rgba(234, 243, 255, 0) 100%);
    overflow: hidden;
    padding: 120px 0 70px;
    z-index: 1;
}

.blog-one__shape-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    mix-blend-mode: hard-light;
    opacity: .03;
    z-index: -1;
}

.blog-one:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 120px;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 44%, rgba(255, 255, 255, 0.6026785714285714) 100%);
    z-index: -1;
}

.blog-one__top {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 79px;
}

.blog-one__top .section-title {
    margin-bottom: 0;
}

.blog-one__btn-box {
    position: relative;
    display: block;
}

.blog-one__btn-box .thm-btn {
    background-color: var(--drishti-primary);
}

.blog-one__bottom {
    position: relative;
    display: block;
}

.blog-one__single {
    position: relative;
    display: block;
    margin-bottom: 27px;
}

.blog-one__img-box {
    position: relative;
    display: block;
}

.blog-one__img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 20px;
    z-index: 1;
}

.blog-one__img:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(var(--drishti-black-rgb), 1);
    opacity: 0;
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
    z-index: 1;
}

.blog-one__single:hover .blog-one__img:before {
    opacity: .50;
}

.blog-one__img img {
    width: 100%;
    border-radius: 20px;
    transform: scale3d(1, 1, 1);
    transition: transform 1s ease-in-out;
}

.blog-one__single:hover .blog-one__img img {
    transform: scale(1.05) rotate(0deg);
}

.blog-one__date {
    position: absolute;
    top: 12px;
    left: 12px;
    background-color: var(--drishti-base);
    z-index: 2;
    height: 55px;
    width: 55px;
    text-align: center;
    border: 1px solid rgba(var(--drishti-white-rgb), .24);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.blog-one__date p {
    font-size: 20px;
    font-weight: 700;
    color: var(--drishti-white);
    line-height: 20px;
    margin-bottom: 4px;
}

.blog-one__date span {
    font-size: 12px;
    font-weight: 700;
    color: var(--drishti-white);
    line-height: 12px;
    text-transform: uppercase;
}

.blog-one__tag {
    position: absolute;
    bottom: 12px;
    left: 12px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 10px;
}

.blog-one__tag li {
    position: relative;
    display: block;
}

.blog-one__tag li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: var(--drishti-black);
    font-weight: 500;
    line-height: 14px;
    background-color: var(--drishti-extra);
    padding: 12px 16px 12px;
    border-radius: 19px;
}

.blog-one__tag li a:hover {
    color: var(--drishti-white);
    background-color: var(--drishti-primary);
}

.blog-one__content {
    position: relative;
    display: block;
    margin-top: 14px;
}

.blog-one__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    font-family: var(--drishti-font);
    margin-bottom: 10px;
}

.blog-one__title a {
    color: var(--drishti-black);
}

.blog-one__title a:hover {
    color: var(--drishti-base);
}

.blog-one__content--two {
    margin-top: 0;
    margin-bottom: 10px;
}

/*--------------------------------------------------------------
# Blog Two
--------------------------------------------------------------*/
.blog-two {
    position: relative;
    display: block;
    background-color: var(--drishti-secondary);
    padding: 160px 0 90px;
    overflow: hidden;
    z-index: 1;
}

.blog-two__shape-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: .30;
    z-index: -1;
}

.blog-two__shape-bg-2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 39px;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 1;
}

.blog-two__single {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
    background: linear-gradient(360deg, rgba(255, 255, 255, 0.5) 0%, #FFFFFF 50%, rgba(255, 255, 255, 0.53) 100%);
    border: 1px solid #F1F1F2;
    border-radius: 8px;
    padding: 4px 11px 8px;
    margin-bottom: 30px;
}

.blog-two__img {
    position: relative;
    display: block;
    width: 240px;
    overflow: hidden;
    border-radius: 6px;
    z-index: 1;
}

.blog-two__img:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(var(--drishti-black-rgb), 1);
    border-radius: 6px;
    opacity: 0;
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
    z-index: 1;
}

.blog-two__single:hover .blog-two__img:before {
    opacity: .50;
}

.blog-two__img img {
    width: 100%;
    border-radius: 6px;
    transform: scale3d(1, 1, 1);
    transition: transform 1s ease-in-out;
    max-height: 150px;
    object-fit: cover;
}

.blog-two__single:hover .blog-two__img img {
    transform: scale(1.05) rotate(0deg);
}

.blog-two__content {
    position: relative;
    display: block;
    flex: 1;
}

.blog-two__tags {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.blog-two__tags li {
    position: relative;
    display: block;
}

.blog-two__tags li a {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: var(--drishti-base);
    background-color: rgba(var(--drishti-base-rgb), .08);
    padding: 6px 16px 6px;
    text-transform: uppercase;
    border-radius: 18px;
}

.blog-two__tags li a:hover {
    background-color: rgba(var(--drishti-base-rgb), 1);
    color: var(--drishti-white);
}

.blog-two__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    margin-top: 14px;
    margin-bottom: 12px;
}

.blog-two__title a {
    color: var(--drishti-black);
}

.blog-two__title a:hover {
    color: var(--drishti-base);
}

.blog-two__meta {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.blog-two__meta li {
    position: relative;
    display: block;
}

.blog-two__meta li a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: var(--drishti-gray);
}

.blog-two__meta li a span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 23px;
    width: 23px;
    background-color: var(--drishti-extra);
    border-radius: 50%;
    font-size: 13px;
    color: var(--drishti-black);
}

.blog-two__meta li a:hover {
    color: var(--drishti-base);
}

.blog-two__btn-and-user {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 2px solid #F1F1F2;
    margin-top: 12px;
    padding-top: 12px;
}

.blog-two__btn {
    position: relative;
    display: block;
}

.blog-two__btn .thm-btn {
    padding: 4px 14px 4px;
    padding-right: 4px;
    font-size: 16px;
    letter-spacing: -0.03em;
    gap: 10px;
}

.blog-two__btn .thm-btn span {
    width: 24px;
    height: 24px;
}

.blog-two__user {
    position: relative;
    display: block;
}

.blog-two__user-name-box {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.blog-two__user-name-dot {
    position: relative;
    display: block;
    width: 6px;
    height: 6px;
    background-color: var(--drishti-black);
    border-radius: 50%;
}

.blog-two__user-name {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    font-family: var(--drishti-font);
}

.blog-two__user-sub-title {
    font-size: 12px;
}


/*--------------------------------------------------------------
# Blog Details
--------------------------------------------------------------*/
.blog-details {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    z-index: 1;
}

.blog-details__left {
    position: relative;
    display: block;
    margin-right: 110px;
}

.blog-details__img {
    position: relative;
    display: block;
}

.blog-details__img img {
    width: 100%;
    border-radius: 16px;
}

.blog-details__content {
    position: relative;
    display: block;
}

.blog-details__title {
    font-size: 36px;
    font-weight: 600;
    line-height: 50px;
}

.blog-details__content {
    position: relative;
    display: block;
    margin-top: 25px;
}

.blog-details__meta-list {
    position: relative;
    display: flex;
    align-items: center;
    gap: 75px;
    background-color: var(--drishti-secondary);
    border-radius: 8px;
    padding: 16px 16px 16px !important;
    margin-top: 23px;
    margin-bottom: 24px;
}

.blog-details__meta-list li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
}

.blog-details__meta-img {
    position: relative;
    display: block;
    max-width: 48px;
    width: 100%;
}

.blog-details__meta-img img {
    width: 100%;
    border: 1px solid var(--drishti-white);
    border-radius: 8px;
}

.blog-details__meta-list li .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid #D6DBFF;
    background-color: var(--drishti-white);
    border-radius: 8px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-details__meta-list li .icon:hover {
    background-color: var(--drishti-base);
}

.blog-details__meta-list li .icon span {
    position: relative;
    display: inline-block;
    font-size: 20px;
    color: var(--drishti-black);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-details__meta-list li .icon:hover span {
    color: var(--drishti-white);
}

.blog-details__meta-list li .content {
    position: relative;
    display: block;
    flex: 1;
}

.blog-details__meta-list li .content span {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--drishti-font-two);
}

.blog-details__meta-list li .content h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
}

.blog-details__text-2 {
    margin: 17px 0 49px;
}

.blog-details__title-2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
}

.blog-details__text-3 {
    margin: 18px 0 17px;
}

.blog-details__img-box {
    position: relative;
    display: block;
    margin: 20px 0 20px;
}

.blog-details__img-box-img-1 {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.blog-details__img-box-img-1 img {
    width: 100%;
    border-radius: 12px;
}

.blog-details__title-3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
}

.blog-details__points-list {
    position: relative;
    display: block;
    margin: 18px 0 50px;
}

.blog-details__points-list li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
}

.blog-details__points-list li+li {
    margin-top: 21px;
}

.blog-details__points-list li .icon {
    position: relative;
    display: block;
    width: 16px;
    height: 16px;
    border: 3px solid var(--drishti-base);
    border-radius: 50%;
}

.blog-details__points-list li p {
    flex: 1;
}

.blog-details__title-4 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
}

.blog-details__text-5 {
    margin: 19px 0 20px;
}

.blog-details__quote-box {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding: 46px 35px;
    gap: 20px;
    border: 1px solid #4379F2;
    background-color: rgba(var(--drishti-base-rgb), .10);
    border-radius: 20px;
}

.blog-details__quote-icon {
    position: relative;
    display: inline-block;
    top: -16px;
}

.blog-details__quote-icon span {
    position: relative;
    display: inline-block;
    font-size: 135px;
    color: var(--drishti-white);
    -webkit-text-stroke: 2px var(--drishti-black);
}

.blog-details__quote-text-box {
    position: relative;
    display: block;
}

.blog-details__quote-text {
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    font-family: var(--drishti-font-two);
    color: var(--drishti-black);
    margin-bottom: 20px;
}

.blog-details__quote-client-box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
}

.blog-details__quote-client-img {
    position: relative;
    display: block;
    max-width: 48px;
    width: 100%;
}

.blog-details__quote-client-img img {
    width: 100%;
    border: 1px solid var(--drishti-white);
    border-radius: 8px;
}

.blog-details__quote-client-content {
    position: relative;
    display: block;
    flex: 1;
}

.blog-details__quote-client-content span {
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    font-family: var(--drishti-font-two);
    text-transform: uppercase;
}

.blog-details__quote-client-content p {
    font-weight: 600;
    line-height: 20px;
    font-family: var(--drishti-font-two);
    color: var(--drishti-black);
}

.blog-details__title-5 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    margin: 50px 0 21px;
}

.blog-details__img-and-points {
    position: relative;
    display: flex;
    align-items: center;
    gap: 35px;
    margin: 24px 0 26px;
}

.blog-details__points-img {
    position: relative;
    display: block;
    max-width: 300px;
    width: 100%;
}

.blog-details__points-img img {
    width: 100%;
    border-radius: 20px;
}

.blog-details__points {
    position: relative;
    display: block;
}

.blog-details__points li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 18px;
}

.blog-details__points li+li {
    margin-top: 17px;
}

.blog-details__points li .icon {
    position: relative;
    display: inline-block;
}

.blog-details__points li .icon span {
    position: relative;
    display: inline-block;
    font-size: 20px;
    color: var(--drishti-base);
}

.blog-details__points li p {
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.03em;
    color: var(--drishti-black);
}

.blog-details__tag-and-social {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(var(--drishti-base-rgb), .10);
    border-radius: 8px;
    padding: 16px 20px 16px;
    margin: 48px 0 50px;
}

.blog-details__tag {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.blog-details__tag p {
    font-weight: 500;
    color: var(--drishti-black);
    font-family: var(--drishti-font-two);
}

.blog-details__tag-list {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.blog-details__tag-list a {
    font-weight: 500;
    color: var(--drishti-gray);
    font-family: var(--drishti-font-two);
    text-transform: lowercase;
}

.blog-details__tag-list a:hover {
    color: var(--drishti-base);
}

.blog-details__social {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.blog-details__social p {
    font-weight: 500;
    color: var(--drishti-black);
    font-family: var(--drishti-font-two);
}

.blog-details__social-list {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.blog-details__social-list a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    font-size: 12px;
    color: var(--drishti-black);
    border: 1px solid var(--drishti-white);
    border-radius: 4px;
}

.blog-details__social-list a:hover {
    color: var(--drishti-white);
    border: 1px solid var(--drishti-base);
    background-color: var(--drishti-base);
}

.blog-details__prev-next {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 120px;
}

.blog-details__prev {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}

.blog-details__prev-img {
    position: relative;
    display: block;
    max-width: 60px;
    width: 100%;
}

.blog-details__prev-img img {
    width: 100%;
    border-radius: 12px;
    border: 1px solid var(--drishti-extra);
}

.blog-details__prev .content {
    position: relative;
    display: block;
    flex: 1;
}

.blog-details__prev .content p {
    font-size: 14px;
    font-weight: 700;
    color: var(--drishti-base);
    font-family: var(--drishti-font-two);
    text-transform: uppercase;
}

.blog-details__prev .content p a {
    color: var(--drishti-base);
}

.blog-details__prev .content p a:hover {
    color: var(--drishti-black);
}

.blog-details__prev .content h5 {
    font-size: 18px;
    line-height: 23px;
    font-weight: 600;
}

.blog-details__next {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}

.blog-details__next-img {
    position: relative;
    display: block;
}

.blog-details__next-img img {
    width: 100%;
    border-radius: 12px;
    border: 1px solid var(--drishti-extra);
}

.blog-details__next .content {
    position: relative;
    display: block;
    text-align: right;
    flex: 1;
}

.blog-details__next .content p {
    font-size: 14px;
    font-weight: 700;
    font-family: var(--drishti-font-two);
    text-transform: uppercase;
}

.blog-details__next .content p a {
    color: var(--drishti-base);
}

.blog-details__next .content p a:hover {
    color: var(--drishti-black);
}

.blog-details__next .content h5 {
    font-size: 18px;
    line-height: 23px;
    font-weight: 600;
}

.comment-one .section-title__title {
    font-size: 40px;
    letter-spacing: 0;
}

.comment-one {
    position: relative;
    display: block;
}

.comment-one__single-list {
    position: relative;
    display: block;
}

.comment-one__single-list li {
    position: relative;
    display: block;
    padding-bottom: 39px;
}

.comment-one__single-list li+li {
    padding-top: 40px;
    border-top: 1px dashed var(--drishti-extra);
}

.comment-one__single {
    position: relative;
    display: block;
}

.comment-one__image-and-name {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 16px;
}

.comment-one__image-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 70px;
    height: 70px;
    width: 100%;
    border: 1px solid var(--drishti-base);
    border-radius: 12px;
}

.comment-one__image {
    position: relative;
    display: block;
    max-width: 62px;
    width: 100%;
}

.comment-one__image img {
    width: 100%;
    border-radius: 9px;
}

.comment-one__name-and-btn {
    position: relative;
    display: block;
}

.comment-one__name-and-btn h3 {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 10px;
}

.comment-one__name-and-btn h3 .arrow-icon-box {
    font-weight: 700;
}

.comment-one__name-and-btn h3 .date-box {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    color: var(--drishti-gray);
}

.comment-one__btn {
    position: relative;
    display: inline-block;
}

.comment-one__btn a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    background-color: rgba(var(--drishti-base-rgb), .10);
    color: var(--drishti-base);
    font-size: 14px;
    font-weight: 600;
    font-family: var(--drishti-font-two);
    padding: 3px 25px 3px;
    border-radius: 17px;
}

.comment-one__btn a:hover {
    color: var(--drishti-white);
    background-color: rgba(var(--drishti-base-rgb), 1);
}

.comment-one__single-list-2 {
    margin-left: 50px;
    margin-top: 24px;
}

.comment-one__single-list-2 li {
    padding-bottom: 0;
}

.comment-form {
    position: relative;
    display: block;
    background-color: var(--drishti-secondary);
    border-radius: 16px;
    padding: 47px 50px 50px;
    margin-top: 40px;
}

.comment-form__sub-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    font-family: var(--drishti-font-two);
    text-transform: uppercase;
    color: var(--drishti-base);
}

.comment-form__title {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
}

.comment-form__form {
    position: relative;
    display: block;
    margin-top: 44px;
}

.comment-form__form .row {
    --bs-gutter-x: 24px;
}

.comment-form__input-box {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.comment-form__input-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 2px;
    color: var(--drishti-gray);
}

.comment-form__input-box input[type="text"],
.comment-form__input-box input[type="email"] {
    height: 64px;
    width: 100%;
    background-color: var(--drishti-white);
    border: 1px solid #E7E7E7;
    padding-left: 25px;
    padding-right: 25px;
    outline: none;
    font-size: 16px;
    color: var(--drishti-gray);
    display: block;
    font-weight: 500;
    border-radius: 12px;
    line-height: 64px;
}

.comment-form__input-box textarea {
    position: relative;
    height: 160px;
    width: 100%;
    background-color: var(--drishti-white);
    border: 1px solid #E7E7E7;
    padding-top: 10px;
    padding-left: 25px;
    padding-right: 25px;
    outline: none;
    font-size: 16px;
    color: var(--drishti-gray);
    display: block;
    font-weight: 500;
    border-radius: 12px;
    margin-bottom: 0;
}

.comment-form__input-box.text-message-box {
    height: 160px;
    margin-bottom: 30px;
}

.comment-form__btn-box {
    position: relative;
    display: block;
}

.comment-form__btn-box .thm-btn {
    border: none;
}

.blog-details__right {
    position: relative;
    display: block;
    background-color: var(--drishti-secondary);
    border-radius: 16px;
    padding: 30px 30px 30px;
}

.sidebar {
    position: relative;
    display: block;
}

.sidebar__single+.sidebar__single {
    margin-top: 54px;
}

.sidebar__single {
    position: relative;
    display: block;
    padding-bottom: 60px;
    border-bottom: 1px solid var(--drishti-base);
}

.sidebar__title-box {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 16px;
}

.sidebar__title-shape {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 2px solid var(--drishti-primary);
    background-color: transparent;
    border-radius: 3px;
    transform: rotate(45deg);
}

.sidebar__title-shape-2 {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: var(--drishti-primary);
    border: 2px solid var(--drishti-secondary);
    border-radius: 3px;
    transform: rotate(45deg);
    margin-left: -12px;
}

.sidebar__title {
    position: relative;
    display: inline-block;
    font-size: 24px;
    color: var(--drishti-black);
    font-weight: 600;
    letter-spacing: -0.02em;
}

.sidebar__search {
    position: relative;
    display: block;
}

.sidebar__search-form {
    position: relative;
    display: block;
    margin-top: 12px;
}

.sidebar__search-form input[type="search"] {
    display: block;
    outline: none;
    background-color: var(--drishti-white);
    font-weight: 500;
    font-size: 16px;
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding-left: 20px;
    padding-right: 60px;
    color: var(--drishti-gray);
    border-radius: 12px;
    border: 1px solid #E7E7E7;
}

.sidebar__search-form button[type="submit"] {
    color: var(--drishti-white);
    font-size: 16px;
    position: absolute;
    top: 8px;
    right: 8px;
    bottom: 8px;
    max-width: 40px;
    width: 100%;
    outline: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: var(--drishti-base);
    border-radius: 6px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.sidebar__search-form button[type="submit"]:hover {
    background-color: var(--drishti-black);
    color: var(--drishti-white);
}

.sidebar__all-category {
    position: relative;
    display: block;
}

.sidebar__all-category .sidebar__title-box {
    margin-bottom: 21px;
}

.sidebar__all-category-list {
    position: relative;
    display: block;
}

.sidebar__all-category-list li {
    position: relative;
    display: block;
}

.sidebar__all-category-list li+li {
    margin-top: 12px;
}

.sidebar__all-category-list li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--drishti-white);
    border-radius: 8px;
    font-weight: 600;
    font-family: var(--drishti-font-two);
    color: var(--drishti-gray);
    padding: 13px 20px 13px;
    z-index: 1;
}

.sidebar__all-category-list li a span {
    font-weight: 500;
}

.sidebar__all-category-list li.active a {
    color: var(--drishti-white);
}

.sidebar__all-category-list li:hover a {
    color: var(--drishti-white);
}

.sidebar__all-category-list li>a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    background-color: var(--drishti-base);
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    transform-origin: bottom right;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    z-index: -1;
}

.sidebar__all-category-list li:hover a::before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: top center;
}

.sidebar__all-category-list li.active a::before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: top center;
}

.sidebar__post {
    position: relative;
    display: block;
}

.sidebar__post .sidebar__title-box {
    margin-bottom: 22px;
}

.sidebar__post-list {
    position: relative;
    display: block;
}

.sidebar__post-list li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 17px;
}

.sidebar__post-list li+li {
    margin-top: 24px;
}

.sidebar__post-image {
    position: relative;
    display: block;
    max-width: 80px;
    width: 100%;
}

.sidebar__post-image img {
    width: 100%;
    border-radius: 12px;
}

.sidebar__post-content {
    position: relative;
    display: block;
    flex: 1;
}

.sidebar__post-content h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 7px;
}

.sidebar__post-content h3 a {
    color: var(--drishti-black);
}

.sidebar__post-content h3 a:hover {
    color: var(--drishti-base);
}

.sidebar__post-date {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.sidebar__post-date span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: var(--drishti-extra);
    border-radius: 50%;
    border: 1px solid var(--drishti-white);
    font-size: 9px;
    color: var(--drishti-gray);
}

.sidebar__tags {
    position: relative;
    display: block;
}

.sidebar__tags-list {
    position: relative;
    display: block;
    margin-left: -4px;
}

.sidebar__tags-list a {
    color: var(--drishti-gray);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: inline-block;
    padding: 9px 20px 9px;
    border: 1px solid #E7E7E7;
    background-color: var(--drishti-white);
    margin-left: 4px;
    font-weight: 500;
    border-radius: 22px;
}

.sidebar__tags-list a+a {
    margin-top: 8px;
}

.sidebar__tags-list a:hover {
    color: var(--drishti-white);
    background-color: var(--drishti-base);
    border: 1px solid var(--drishti-base);
}

.sidebar__subscribe {
    position: relative;
    display: block;
    background-color: var(--drishti-base);
    border-radius: 16px;
    padding: 22px 25px 25px;
}

.sidebar__subscribe .sidebar__title-shape {
    border: 2px solid var(--drishti-extra);
}

.sidebar__subscribe .sidebar__title-shape-2 {
    background-color: var(--drishti-extra);
    border: 2px solid var(--drishti-base);
}

.sidebar__subscribe .sidebar__title {
    color: var(--drishti-white);
}

.sidebar__subscribe-text {
    color: var(--drishti-white);
}

.sidebar__newsletter-form {
    position: relative;
    display: block;
}

.sidebar__newsletter-form-input-box {
    position: relative;
    display: block;
    margin-bottom: 12px;
    margin-top: 24px;
}

.sidebar__newsletter-form input[type="search"] {
    display: block;
    outline: none;
    background-color: var(--drishti-white);
    font-size: 14px;
    font-weight: 500;
    padding-left: 20px;
    height: 56px;
    width: 100%;
    line-height: 56px;
    padding-right: 50px;
    border: none;
    color: var(--drishti-gray);
    border-radius: 12px;
}

.sidebar__newsletter-form button[type="submit"] {
    outline: none;
    border: none;
    width: 100%;
    background-color: var(--drishti-extra);
    display: flex;
    justify-content: space-between;
    padding: 7px 15px 7px;
}

.sidebar__newsletter-form .thm-btn {
    color: var(--drishti-black);
}

.sidebar__newsletter-form .thm-btn span {
    color: var(--drishti-black);
}

.sidebar__newsletter-form-input-icon {
    position: absolute;
    top: 50%;
    right: 20px;
}

.sidebar__newsletter-form-input-icon span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--drishti-gray);
    font-weight: 700;
    transform: translateY(-50%);
}

/*--------------------------------------------------------------
# Blog List
--------------------------------------------------------------*/
.blog-list {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    z-index: 1;
}

.blog-list__left {
    position: relative;
    display: block;
    margin-right: 110px;
}

.blog-list__single {
    position: relative;
    display: block;
    padding: 22px 22px 35px;
    border: 2px solid #E7E7E7;
    border-radius: 40px;
    margin-bottom: 60px;
}

.blog-list__img-box {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 24px;
}

.blog-list__img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 24px;
}

.blog-list__img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(var(--drishti-black-rgb), .70);
    opacity: 0;
    transform: translateY(90px);
    transition: background-color 0.7s ease;
    transition: all 0.7s ease;
    z-index: 1;
}

.blog-list__single:hover .blog-list__img::before {
    opacity: 1;
    transform: translateY(0px);
}

.blog-list__img img {
    width: 100%;
    border-radius: 24px;
    transform: scale(1.0);
    transition: all 1500ms ease;
}

.blog-list__single:hover .blog-list__img img {
    transform: scale(1.05) rotate(0deg);
}

.blog-list__content {
    position: relative;
    display: block;
    margin-top: 20px;
}

.blog-list__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 18px;
}

.blog-list__title a {
    color: var(--drishti-black);
}

.blog-list__title a:hover {
    color: var(--drishti-base);
}

.blog-list__btn-and-client-info {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 2px solid #E7E7E7;
    padding-top: 18px;
    margin-top: 16px;
}

.blog-list__btn-box {
    position: relative;
    display: block;
}

.blog-list__client-info {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.blog-list__client-img {
    position: relative;
    display: block;
    max-width: 40px;
    width: 100%;
}

.blog-list__client-img img {
    width: 100%;
    border-radius: 50%;
    border: 1px solid var(--drishti-base);
}

.blog-list__client-content {
    position: relative;
    display: block;
    flex: 1;
}

.blog-list__single-3 .blog-list__client-content {
    text-align: left;
}

.blog-list__client-content span {
    font-size: 14px;
    font-weight: 600;
}

.blog-list__client-content p {
    font-weight: 500;
    font-family: var(--drishti-font-two);
    color: var(--drishti-black);
    line-height: 16px;
}

.blog-list__meta-and-tag {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(90deg, rgba(46, 114, 255, 0.9) 0%, rgba(28, 68, 153, 0.9) 100%);
    padding: 14px 30px 14px;
    z-index: 2;
}

.blog-list__meta {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}

.blog-list__meta li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 7px;
}

.blog-list__meta li .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background-color: var(--drishti-extra);
    border-radius: 50%;
}

.blog-list__meta li .icon span {
    position: relative;
    display: inline-block;
    font-size: 13px;
    color: var(--drishti-black);
}

.blog-list__meta li p {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    color: var(--drishti-white);
    text-transform: uppercase;
    font-family: var(--drishti-font-two);
}

.blog-list__tag {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}

.blog-list__tag a {
    font-size: 16px;
    font-weight: 700;
    font-family: var(--drishti-font-two);
    color: var(--drishti-white);
}

.blog-list__tag a:hover {
    color: var(--drishti-extra);
}

.blog-list__single-3 .blog-list__content {
    text-align: center;
}

.blog-list__single-3 .blog-list__content .blog-list__btn-and-client-info {
    justify-content: center;
    gap: 45px;
}

.blog-list__pagination {
    position: relative;
    display: block;
}

.blog-list__pagination .pg-pagination li {
    display: inline-block;
    margin-right: 16px;
}

.blog-list__pagination .pg-pagination li a {
    height: 48px;
    width: 48px;
    text-align: center;
    line-height: 48px;
    display: inline-block;
    color: var(--drishti-black);
    font-weight: 700;
    font-size: 16px;
    border-radius: 12px;
    background-color: transparent;
    border: 1px solid rgba(var(--drishti-gray-rgb), .40);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-list__pagination .pg-pagination li:hover a,
.blog-list__pagination .pg-pagination li.active a {
    border: 1px solid var(--drishti-base);
    background-color: var(--drishti-base);
    color: var(--drishti-white);
}


/*--------------------------------------------------------------
# Blog Page
--------------------------------------------------------------*/
.blog-page {
    padding: 120px 0 120px;
}

.blog-page__pagination {
    position: relative;
    display: block;
    text-align: center;
    margin-top: 43px;
}

/*--------------------------------------------------------------
# Blog Carousel Page
--------------------------------------------------------------*/
.blog-carousel-page {
    position: relative;
    display: block;
    padding: 120px 0 170px;
}

.blog-carousel-page .blog-one__single {
    margin-bottom: 0;
}




/* 7 clients*/
.de_client-one {
    position: relative;
    display: block;
    z-index: 4;
}

.de_client-one__wrap {
    position: relative;
    display: block;
    padding: 30px 0 10px
}

.de_client-one__list {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: fit-content;
}

.de_client-one__list li {
    position: relative;
    display: block;
    float: left;
    padding: 0 30px;
}

.de_client-one__list li img {
    margin: 0 10%;
    width: 100%;
    min-height: 20px;
    max-height: 60px;
    object-fit: cover;
}

.de_client-one__list-two {
    margin-top: 30px;
}


/* 8 contact*/
.cont_drishti {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    overflow: hidden;
    z-index: 1;
}

.cont_drishti__shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .16;
    z-index: -1;
}

.cont_drishti__shape-1 img {
    width: auto;
}

.cont_drishti__left {
    position: relative;
    display: block;
}

.cont_drishti__left .section-title {
    margin-bottom: 21px;
}

.cont_drishti__left-text {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 67px;
}

.cont_drishti__contact-list {
    position: relative;
    display: block;
}

.cont_drishti__contact-list li {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background-color: var(--drishti-white);
    border: 1px solid rgba(67, 121, 242, 0.22);
    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.17);
    border-radius: 16px;
    padding: 10px 12px 14px;
    margin-bottom: 30px;
}
/*
.cont_drishti__contact-list li:nth-child(2) {
    padding: 0;
}

.cont_drishti__contact-list li:nth-child(4) {
    padding: 0;
}

.cont_drishti__contact-list li+li {
    margin-top: 24px;
}

.cont_drishti__contact-list li:nth-child(2) {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.cont_drishti__contact-list li:nth-child(4) {
    background-color: transparent;
    border: none;
    box-shadow: none;
}*/

.cont_drishti__contact-list .icon {
    position: relative;
    top: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: rgba(var(--drishti-base-rgb), .10);
    border-radius: 50%;
}

.cont_drishti__contact-list .icon span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--drishti-base);
}

.cont_drishti__contact-list .content {
    position: relative;
    display: block;
    flex: 1;
}

.cont_drishti__contact-list .content h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    color: var(--drishti-base);
    text-transform: capitalize;
    margin-bottom: 10px;
}

.cont_drishti__contact-list .content p {
    font-weight: 500;
    font-family: var(--drishti-font-two);
}

.cont_drishti__contact-list .content p a {
    color: var(--drishti-gray);
}

.cont_drishti__contact-list .content p a:hover {
    color: var(--drishti-base);
}

.cont_drishti__contact-list .content p span {
    font-weight: 600;
    color: var(--drishti-black);
}

.cont_drishti__contact-list-shape-1 {
    position: relative;
    display: block;
    margin-bottom: 5px;
}

.cont_drishti__contact-list-shape-1 img {
    width: 100%;
}

.cont_drishti__right {
    position: relative;
    display: block;
    /*margin-left: 137px;*/
    background: linear-gradient(180deg, #EBF5FF 0%, #D7EDFF 100%);
    border-radius: 4px;
    padding: 10px 10px 10px;
}

.cont_drishti__right .section-title {
    margin-bottom: 44px;
}

.cont_drishti__right .section-title__title {
    font-size: 30px;
    line-height: 40px;
}

.cont_drishti__form {
    position: relative;
    display: block;
}

.cont_drishti__form .row {
    --bs-gutter-x: 24px;
}

.cont_drishti__input-box {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.cont_drishti__input-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 2px;
    color: var(--drishti-gray);
}

.cont_drishti__input-box input[type="text"],
.cont_drishti__input-box input[type="email"] {
    height: 64px;
    width: 100%;
    background-color: var(--drishti-white);
    border: 1px solid #E7E7E7;
    padding-left: 25px;
    padding-right: 25px;
    outline: none;
    font-size: 16px;
    color: var(--drishti-gray);
    display: block;
    font-weight: 500;
    border-radius: 12px;
    line-height: 64px;
}

.cont_drishti__input-box textarea {
    position: relative;
    height: 160px;
    width: 100%;
    background-color: var(--drishti-white);
    border: 1px solid #E7E7E7;
    padding-top: 10px;
    padding-left: 25px;
    padding-right: 25px;
    outline: none;
    font-size: 16px;
    color: var(--drishti-gray);
    display: block;
    font-weight: 500;
    border-radius: 12px;
    margin-bottom: 0;
}

.cont_drishti__input-box.text-message-box {
    height: 160px;
    margin-bottom: 30px;
}

.cont_drishti__btn-box {
    position: relative;
    display: block;
}

.cont_drishti__btn-box .thm-btn {
    border: none;
}

/*MAP*/
.google-map-one {
    position: relative;
    display: block;
    padding: 20px 0 120px;
    background: linear-gradient(180deg, #F2F2FF 0%, rgba(242, 242, 255, 0) 100%);
    z-index: 1;
}

.google-map__one {
    position: relative;
    display: block;
    height: 530px;
    width: 100%;
    border-radius: 24px;
}






/* 9 faq*/
.faq-one {
    position: relative;
    display: block;
    padding: 120px 0 109px;
    z-index: 1;
}

.faq-one__shape-1 {
    position: absolute;
    top: 120px;
    right: 0;
    z-index: -1;
}

.faq-one__shape-1 img {
    width: auto;
}

.faq-one__left {
    position: relative;
    display: block;
    margin-right: 80px;
}

.faq-one__left .section-title {
    margin-bottom: 22px;
}

.faq-one__text {
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
}

.faq-one__points {
    position: relative;
    display: block;
    margin-top: 24px;
    margin-bottom: 90px;
}

.faq-one__points li {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
}

.faq-one__points li+li {
    margin-top: 19px;
}

.faq-one__points li .icon {
    position: relative;
    display: flex;
    align-items: center;
}

.faq-one__points li .icon span {
    font-size: 16px;
    color: var(--drishti-base);
}

.faq-one__points li .text {
    position: relative;
    display: block;
    flex: 1;
}

.faq-one__points li .text p {
    font-size: 18px;
    font-weight: 600;
    color: var(--drishti-black);
    line-height: 24px;
}

.faq-one__contact-box {
    position: relative;
    display: block;
    background: linear-gradient(270deg, #0052FC 0%, #2E72FF 100%);
    border-radius: 20px;
    padding: 30px 25px 35px;
    z-index: 1;
}

.faq-one__contact-img {
    position: absolute;
    bottom: 0;
    right: 14px;
    z-index: -1;
}

.faq-one__contact-img img {
    width: auto;
    animation: leftRight 4s ease-in-out infinite;
}

.faq-one__contact-big-text {
    position: absolute;
    bottom: 2px;
    right: 0;
    font-weight: 600;
    font-size: 80px;
    line-height: 80px;
    letter-spacing: -0.03em;
    color: transparent;
    -webkit-text-stroke: 1px rgba(var(--drishti-white-rgb), .10);
}

.faq-one__contact-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--drishti-white);
    line-height: 26px;
    letter-spacing: -0.03em;
    margin-bottom: 24px;
}

.faq-one__btn-box {
    position: relative;
    display: block;
}

.faq-one__btn-box .thm-btn {
    background-color: var(--drishti-extra);
    color: var(--drishti-black);
    padding: 4px 15px 4px;
    padding-right: 4px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.03em;
    gap: 10px;
}

.faq-one__btn-box .thm-btn span {
    width: 36px;
    height: 36px;
    background-color: rgba(var(--drishti-white-rgb), .25);
    color: var(--drishti-black);
}

.faq-one__right {
    position: relative;
    display: block;
    margin-top: 40px;
}

.faq-one .faq-one-accrodion .accrodion {
    position: relative;
    display: block;
    border: 1px solid #F1F1F2;
    background: var(--drishti-white);
    border-radius: 20px;
    overflow: hidden;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.faq-one .faq-one-accrodion .accrodion.active {
    border: 1px solid var(--drishti-base);
    background: #F3F4FF;
}

.faq-one .faq-one-accrodion .accrodion-title {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 30px 25px 30px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.faq-one .faq-one-accrodion .accrodion-title h4 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.03em;
    color: var(--drishti-black);
    position: relative;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.faq-one .faq-one-accrodion .accrodion+.accrodion {
    margin-top: 20px;
}

.faq-one .faq-one-accrodion .accrodion-title h4::before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    font-size: 17px;
    color: var(--drishti-gray);
    position: absolute;
    top: 50%;
    right: 0;
    line-height: 20px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    text-align: center;
    width: 40px;
    height: 40px;
    background-color: #F1F1F2;
}

.faq-one .faq-one-accrodion .accrodion.active .accrodion-title h4::before {
    content: "\f107";
    color: var(--drishti-white);
    background-color: var(--drishti-base);
    border: 1px solid var(--drishti-base);
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.faq-one .faq-one-accrodion .accrodion-content {
    position: relative;
    padding-bottom: 28px;
    margin-top: -10px;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 20px;
}

.faq-one .faq-one-accrodion .accrodion-content p {
    margin: 0;
    font-weight: 500;
}

/*--------------------------------------------------------------
  # Faq Two
  --------------------------------------------------------------*/
.faq-one__shape-bg-1 {
    position: absolute;
    top: -24px;
    left: 0;
    right: 0;
    height: 39px;
    background-repeat: no-repeat;
    background-position: bottom center;
    z-index: 1;
}

/*--------------------------------------------------------------
  # Faq Page
  --------------------------------------------------------------*/
.faq-page {
    padding: 120px 0 100px;
}

.faq-page__single {
    position: relative;
    display: block;
    margin-bottom: 20px;
}



/* 10 footer*/
.site-footer-drishti {
    position: relative;
    display: block;
    background: linear-gradient(90deg, rgb(5, 23, 61) 0%, rgb(7, 61, 70) 100%);

    overflow: hidden;
    z-index: 1;
}

.site-footer-drishti__inner {
    position: relative;
    display: block;
    z-index: 1;
}

.site-footer-drishti__shape-1 {
    position: absolute;
    bottom:0;
    left: -130px;
    z-index: -1;
}

.site-footer-drishti__shape-1 img {
    width: 80px;
}

.site-footer-drishti__top {
    position: relative;
    display: block;
}

.site-footer-drishti__top-left {
    position: relative;
    display: block;
    margin-top: 75px;
}

.site-footer-drishti__logo-box {
    position: relative;
    display: block;
}

.site-footer-drishti__logo {
    position: relative;
    display: block;
}

.site-footer-drishti__text-1 {
    color: var(--drishti-white);
    margin-top: 23px;
}

.site-footer-drishti__social-box {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    background: linear-gradient(90deg, rgba(5, 42, 122, 0.69) 0%, rgba(0, 0, 0, 0) 100%);
    border-radius: 4px;
    padding: 12px 25px 12px;
    margin-top: 39px;
}

.site-footer-drishti__social-title {
    font-size: 16px;
    font-weight: 500;
    color: var(--drishti-white);
    font-family: var(--drishti-font);
}

/*.site-footer-drishti__social {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    z-index: 1;
}

.site-footer-drishti__social a {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    color: var(--drishti-white);
    border-radius: 50%;
    font-size: 14px;
    height: 28px;
    width: 28px;
    !*border: 1px solid var(--drishti-gray);*!
    transform: rotate(0);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
}

.site-footer-drishti__social a:hover {
    color: rgba(var(--drishti-gray-rgb), .70);
    !*border: 1px solid var(--drishti-base);*!
}

.site-footer-drishti__social a:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    !*background-color: var(--drishti-base);*!
    border-radius: 50%;
    transform: scale(0.0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    z-index: -1;
}

.site-footer-drishti__social a:hover:before {
    transform: scaleX(1.0);
}*/

/*ul {
    list-style: none;
}*/

.footer-drishti__social {
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-drishti__social .icon-content {
    margin: 0 10px;
    position: relative;
}
.footer-drishti__social .icon-content .tooltip {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    padding: 6px 10px;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    font-size: 14px;
    transition: all 0.3s ease;
}
.footer-drishti__social .icon-content:hover .tooltip {
    opacity: 1;
    visibility: visible;
    top: -50px;
}
.footer-drishti__social .icon-content a {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: rgba(var(--drishti-white-rgb), .90);;
    background-color: rgba(var(--drishti-base-rgb), .20);
    transition: all 0.3s ease-in-out;
}
.footer-drishti__social .icon-content a:hover {
    box-shadow: 3px 2px 45px 0 rgb(0 0 0 / 12%);
}
.footer-drishti__social .icon-content a svg {
    position: relative;
    z-index: 1;
    width: 14px;
    height: 14px;
}
.footer-drishti__social .icon-content a:hover {
    color: var(--drishti-white);
}
.footer-drishti__social .icon-content a .filled {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #000;
    transition: all 0.3s ease-in-out;
}
.footer-drishti__social .icon-content a:hover .filled {
    height: 100%;
}

.footer-drishti__social .icon-content a[data-social="whatsapp"] .filled,
.footer-drishti__social .icon-content a[data-social="whatsapp"] ~ .tooltip {
    background-color: #128c7e;
}

.footer-drishti__social .icon-content a[data-social="facebook"] .filled,
.footer-drishti__social .icon-content a[data-social="facebook"] ~ .tooltip {
    background-color: #3b5998;
}
.footer-drishti__social .icon-content a[data-social="instagram"] .filled,
.footer-drishti__social .icon-content a[data-social="instagram"] ~ .tooltip {
    background: linear-gradient(
            45deg,#405de6,#5b51db,#b33ab4,#c135b4,#e1306c,#fd1f1f
    );
}
.footer-drishti__social .icon-content a[data-social="youtube"] .filled,
.footer-drishti__social .icon-content a[data-social="youtube"] ~ .tooltip {
    background-color: #ff0000;
}

.footer-drishti__social .icon-content a[data-social="twitte"] .filled,
.footer-drishti__social .icon-content a[data-social="twitter"] ~ .tooltip {
    background-color: #1f1e1e;
}

.footer-drishti__social .icon-content a[data-social="telegram"] .filled,
.footer-drishti__social .icon-content a[data-social="telegram"] ~ .tooltip {
    background-color: #2aabee;
}

.footer-drishti__social .icon-content a[data-social="linkedin"] .filled,
.footer-drishti__social .icon-content a[data-social="linkedin"] ~ .tooltip {
    background-color: #0076b2;
}

.site-footer-drishti__copyright-text {
    color: #E3E3E3;
    margin-top: 39px;
}

.site-footer-drishti__copyright-text a {
    color: #E3E3E3;
}

.site-footer-drishti__copyright-text a:hover {
    color: var(--drishti-extra);
}

.site-footer-drishti__top-right {
    position: relative;
    display: block;
}

.site-footer-drishti__widget-box {
    position: relative;
    display: block;
    border: 1px solid rgba(var(--drishti-white-rgb), .10);
    border-bottom: 0;
    padding: 77px 31px 80px;
}

.footer-widget-two__quick-links {
    position: relative;
    display: block;
}

.footer-widget-two__title {
    position: relative;
    display: block;
    font-size: 20px;
    color: #F1F1F2;
    line-height: 20px;
    margin-bottom: 36px;
}

.footer-widget-two__title:before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    height: 2px;
    width: 65px;
    background-color: rgba(var(--drishti-extra-rgb), .25);
}

.footer-widget-two__quick-links-list li a {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 28px; /* space for icon */
    color: #F1F1F2;
    gap: 15px;
}

.footer-widget-two__quick-links-list li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url('../../images/shape_left_1.svg') no-repeat center center;
    background-size: contain;
}

/* Prevent icon on specific list item with .with-next-icon */
.footer-widget-two__quick-links-list li.with-next-icon a::before {
    display: none;
}



.footer-widget-two__quick-links-list {
    position: relative;
    display: block;
}

.footer-widget-two__quick-links-list li {
    position: relative;
    display: block;
}

.footer-widget-two__quick-links-list li+li {
    margin-top: 16px;
}

.footer-widget-two__quick-links-list li a {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    color: #F1F1F2;
}

.footer-widget-two__quick-links-list li a:hover {
    color: var(--drishti-extra);
}

.footer-widget-two__quick-links-list li a span {
    color: var(--drishti-gray);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.footer-widget-two__quick-links-list li a:hover span {
    color: var(--drishti-extra);
}

.footer-widget-two__essential-links {
    position: relative;
    display: block;
}

.footer-widget-two__services-links {
    position: relative;
    display: block;
}

.site-footer-drishti__bottom {
    position: relative;
    display: block;
    border-top: 1px solid rgba(var(--drishti-white-rgb), .10);
    padding: 42px 0 42px;
    background-color: rgba(var(--drishti-base-rgb), .09);
    z-index: 2;
}

.site-footer-drishti__contact-info {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.site-footer-drishti__contact-info--two {
    margin-top: 30px;
}

.site-footer-drishti__contact-info li {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.site-footer-drishti__contact-info-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    background-color: var(--drishti-extra);
    border-radius: 12px;
    font-size: 17px;
    color: var(--drishti-black);
}

.site-footer-drishti__contact-info-content {
    position: relative;
    display: block;
    flex: 1;
}

.site-footer-drishti__contact-info-content p {
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    color: rgba(var(--drishti-white-rgb), .60);
    font-family: var(--drishti-font-two);
    margin-bottom: 10px;
}

.site-footer-drishti__contact-info-content h5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    color: var(--drishti-white);
}

.site-footer-drishti__contact-info-content h5 a {
    color: var(--drishti-white);
}

.site-footer-drishti__contact-info-content h5 a:hover {
    color: var(--drishti-extra);
}



.site-footer__contact-info-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    background: rgba(var(--drishti-header-top-rgb), .40);
    border-radius: 30px;
    font-size: 18px;
    color: rgba(var(--drishti-white-rgb), .70);
}


.site-footer__contact-info-content {
    position: relative;
    display: block;
    flex: 1;
}

.site-footer__contact-info-content p {
    font-size: 14px;
    font-weight: 700;
    line-height: 15px;
    color: rgba(var(--drishti-white-rgb), .40);
    font-family: var(--drishti-font-two);
    margin-bottom: 10px;
}

.site-footer__contact-info-content h5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    color: rgba(var(--drishti-white-rgb), .70);
    letter-spacing: 1px;
}

.site-footer__contact-info-content h5 a {
    color: rgba(var(--drishti-white-rgb), .70)
}

.site-footer__contact-info-content h5 a:hover {
    color: var(--drishti-extra);
}

.h-20px {
    height: 20px !important;
}

/* 11 gallery*/
/*--------------------------------------------------------------
# Gallery Page
--------------------------------------------------------------*/
.gallery-page {
    position: relative;
    display: block;
    padding: 120px 0 110px;
}

.gallery-page .row {
    --bs-gutter-x: 10px;
}

.gallery-page .container {
    max-width: 1572px;
}

.gallery-page__single {
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.gallery-page__img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 8px;
    z-index: 1;
}

.gallery-page__img:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: -2px;
    left: 0;
    right: 0;
    background-color: var(--drishti-black);
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scaleY(0) translateZ(100px);
    transform: scaleY(0) translateZ(100px);
    -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
    z-index: 2;
}

.gallery-page__single:hover .gallery-page__img:before {
    opacity: .90;
    visibility: visible;
    -webkit-transform: scaleY(1) translateZ(0px);
    transform: scaleY(1) translateZ(0px);
}

.gallery-page__img-box {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 8px;
    z-index: 1;
}

.gallery-page__img img {
    width: 100%;
    border-radius: 8px;
}

.gallery-page__icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2;
}

.gallery-page__icon a {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    color: var(--drishti-white);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 2;
}


.gallery-page__single:hover .gallery-page__icon a {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition-delay: 500ms;
    opacity: 1;
}

.gallery-page__icon a:hover {
    color: var(--drishti-base);
}

/* 12 main_menu*/
.main-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: transparent;
    transition: all 500ms ease;
    z-index: 999;
}

.main-menu__top {
    position: relative;
    display: block;
    background-color: var(--drishti-header-top);
}

.main-menu__top-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.main-menu__contact-list {
    position: relative;
    display: flex;
    align-items: center;
}

.main-menu__contact-list li {
    position: relative;
    display: flex;
    align-items: center;
}

.main-menu__contact-list li+li {
    margin-left: 46px;
}

.main-menu__contact-list li:before {
    content: "";
    position: absolute;
    top: -3px;
    bottom: -3px;
    left: -23px;
    width: 1px;
    background-color: rgba(var(--drishti-white-rgb), .30);
}

.main-menu__contact-list li:first-child:before {
    display: none;
}

.main-menu__contact-list li .icon {
    position: relative;
    display: flex;
    align-items: center;
}

.main-menu__contact-list li .icon i {
    font-size: 16px;
    color: var(--drishti-extra);
    position: relative;
    display: inline-block;
}

.main-menu__contact-list li .text {
    margin-left: 10px;
}

.main-menu__contact-list li .text p {
    font-size: 14px;
    line-height: 14px;
    color: var(--drishti-white);
    font-weight: 500;
}

.main-menu__contact-list li .text p a {
    color: var(--drishti-white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.main-menu__contact-list li .text p a:hover {
    color: var(--drishti-extra);
}

.main-menu__top-social-box {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    background: linear-gradient(90deg, rgba(5, 42, 122, 0.6) 0%, rgba(5, 23, 61, 0.01) 100%);
    /*background: linear-gradient(90deg, rgba(5, 42, 122, 0.69) 0%, #05173D 100%);*/
    border-radius: 4px;
    padding: 2px 15px 2px;
}

.main-menu__top-social-title {
    font-size: 16px;
    font-weight: 500;
    color: var(--drishti-white);
    font-family: var(--drishti-font);
}

.main-menu__top-social {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    z-index: 1;
}


.main-menu__top-social a {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    color: var(--drishti-white);
    border-radius: 50%;
    font-size: 14px;
    height: 28px;
    width: 28px;
    /*background: rgba(var(--drishti-text-dark-rgb), .40);*/
    transform: rotate(0);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
}

.main-menu__top-social a svg {
    width: 1em;
    height: 1em;
    /*stroke: var(--drishti-white);*/
    stroke-width: 1.5;
    fill: none;
    vertical-align: middle;
    transition: all 0.3s ease;
}

.main-menu__top-social a:hover {
    color: var(--drishti-base);
    border: 1px solid var(--drishti-base);
}

.main-menu__top-social a:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: var(--drishti-white);
    border-radius: 50%;
    transform: scale(0.0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    z-index: -1;
}

.main-menu__top-social a:hover:before {
    transform: scaleX(1.0);
}


.main-menu {
    display: block;
}

.main-menu__wrapper {
    position: relative;
    display: block;
}

.main-menu__wrapper:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid rgba(var(--drishti-black-rgb), .10);
    z-index: -1;
}

.main-menu__wrapper-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.main-menu__left {
    display: block;
}

.main-menu__logo {
    display: block;
    padding: 6px 0 6px;
}

.main-menu__main-menu-box {
    display: block;
}

.main-menu__right {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    padding: 6px 0;
}


.main-menu__btn-box {
    position: relative;
    display: block;
}

.main-menu__btn {
    position: relative;
    display: block;
}

.main-menu__btn a {
    position: relative;
    display: inline-flex;
    align-items: center;
    /*background-color: var(--drishti-black);*/
    background-color: rgba(var(--drishti-white-rgb), 1);
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: var(--drishti-gray);
    padding: 10px 15px 10px;
    border-radius: 25px;
    gap: 10px;
    overflow: hidden;
    font-family: var(--drishti-font-two);
    border: 1px solid;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
}

.main-menu__btn a span {
    font-size: 14px;
    position: relative;
    display: flex;
    align-items: center;
}

.main-menu__btn a::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 10%;
    height: 10%;
    background-color: rgba(var(--drishti-header-top-rgb), .07);
    background-position: left center;
    transition-timing-function: ease-in-out;
    transition-property: all;
    transform-origin: left;
    transform-style: preserve-3d;
    transform: scaleX(1);
    opacity: 0;
    transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 0.8s;
    z-index: -1;
}

.main-menu__btn a:hover::before {
    opacity: 1;
    width: 120%;
    height: 200%;
    transform: scaleX(1.0);
    transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 2s;
}

.stricky-header.main-menu {
    /*background-color: var(--drishti-white);*/
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: rgba(255,255,255, 0.8);
}

.main-menu .main-menu__list,
.main-menu .main-menu__list>li>ul,
.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list,
.stricky-header .main-menu__list>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
}



@media (min-width: 1200px) {

    .main-menu .main-menu__list,
    .main-menu .main-menu__list>li>ul,
    .main-menu .main-menu__list>li>ul>li>ul,
    .stricky-header .main-menu__list,
    .stricky-header .main-menu__list>li>ul,
    .stricky-header .main-menu__list>li>ul>li>ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.main-menu .main-menu__list>li,
.stricky-header .main-menu__list>li {
    padding-top: 6px;
    padding-bottom: 6px;
    position: relative;
}

.main-menu .main-menu__list>li+li,
.stricky-header .main-menu__list>li+li {
    margin-left: 35px;
}

.main-menu .main-menu__list>li>a,
.stricky-header .main-menu__list>li>a {
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--drishti-gray);
    font-family: var(--drishti-font-two);
    position: relative;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 18px;
}

.main-menu .main-menu__list>li.current>a,
.main-menu .main-menu__list>li:hover>a,
.stricky-header .main-menu__list>li.current>a,
.stricky-header .main-menu__list>li:hover>a {
    color: var(--drishti-base);
}

.main-menu .main-menu__list>li>a::before,
.stricky-header .main-menu__list>li>a::before {
    content: "";
    height: 2px;
    border-radius: 0px;
    background-color: var(--drishti-base);
    position: absolute;
    bottom: -3px;
    left: 0px;
    right: 0px;
    transition: transform 500ms ease;
    transform: scale(0, 1);
    transform-origin: left center;
    z-index: 1;
}

.main-menu .main-menu__list>li.current>a::before,
.main-menu .main-menu__list>li:hover>a::before,
.stricky-header .main-menu__list>li.current>a::before,
.stricky-header .main-menu__list>li:hover>a::before {
    transform: scale(1, 1);
    transform-origin: right center;
}

.main-menu .main-menu__list>li.dropdown>a {
    padding-right: 15px;
}

.main-menu .main-menu__list>li.dropdown>a:after {
    position: absolute;
    top: 60%;
    right: 0;
    font-family: "Font Awesome 5 Pro";
    /* content: "\f107";*/
    font-size: 15px;
    color: var(--drishti-gray);
    transform: translateY(-50%);
    font-weight: 400;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
}

.main-menu .main-menu__list>li.current>a::after,
.main-menu .main-menu__list>li:hover>a::after,
.stricky-header .main-menu__list>li.current>a::after,
.stricky-header .main-menu__list>li:hover>a::after {
    color: var(--drishti-base);
}

.main-menu .main-menu__list>li>ul,
.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scaleY(0) translateZ(100px);
    transform: scaleY(0) translateZ(100px);
    -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
    z-index: 99;
    background-color: rgb(255, 255, 255);
    padding: 5px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.shadow-box {
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}

.main-menu .main-menu__list>li>ul>li>ul>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul>li>ul {
    display: none;
}

.main-menu .main-menu__list>li:hover>ul,
.main-menu .main-menu__list>li>ul>li:hover>ul,
.stricky-header .main-menu__list>li:hover>ul,
.stricky-header .main-menu__list>li>ul>li:hover>ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1) translateZ(0px);
    transform: scaleY(1) translateZ(0px);
}

.main-menu .main-menu__list>li>ul>li,
.main-menu .main-menu__list>li>ul>li>ul>li,
.stricky-header .main-menu__list>li>ul>li,
.stricky-header .main-menu__list>li>ul>li>ul>li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
    position: relative;
}

.main-menu .main-menu__list>li>ul>li+li,
.main-menu .main-menu__list>li>ul>li>ul>li+li,
.stricky-header .main-menu__list>li>ul>li+li,
.stricky-header .main-menu__list>li>ul>li>ul>li+li {
    border-top: none;
    margin-top: 0px;
}

.main-menu .main-menu__list>li>ul>li>a,
.main-menu .main-menu__list>li>ul>li>ul>li>a,
.stricky-header .main-menu__list>li>ul>li>a,
.stricky-header .main-menu__list>li>ul>li>ul>li>a {
    position: relative;
    font-size: 16px;
    line-height: 16px;
    color: var(--drishti-gray);
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 12px 20px 12px;
    -webkit-transition: 500ms;
    transition: 500ms;
    background-color: var(--drishti-white);
    border-radius: 10px;
    font-family: var(--drishti-font-two);
}

.main-menu .main-menu__list>li>ul>li:hover>a,
.main-menu .main-menu__list>li>ul>li>ul>li:hover>a,
.stricky-header .main-menu__list>li>ul>li:hover>a,
.stricky-header .main-menu__list>li>ul>li>ul>li:hover>a {
    background-color: var(--drishti-secondary);
    color: var(--drishti-black);
}

.main-menu .main-menu__list>li>ul>li>a::before,
.main-menu .main-menu__list>li>ul>li>ul>li>a::before,
.stricky-header .main-menu__list>li>ul>li>a::before,
.stricky-header .main-menu__list>li>ul>li>ul>li>a::before {
    position: absolute;
    top: 50%;
    right: 20px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f105";
    font-size: 14px;
    color: var(--drishti-base);
    transform: translateY(-50%) scale(0);
    -webkit-transition: 500ms;
    transition: 500ms;
}

.main-menu .main-menu__list>li>ul>li:hover>a::before,
.main-menu .main-menu__list>li>ul>li>ul>li:hover>a::before,
.stricky-header .main-menu__list>li>ul>li:hover>a::before,
.stricky-header .main-menu__list>li>ul>li>ul>li:hover>a::before {
    transform: translateY(-50%) scale(1);
}

.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul {
    top: 0;
    left: 100%;
}

.main-menu .main-menu__list li ul li>ul.right-align,
.stricky-header .main-menu__list li ul li>ul.right-align {
    top: 0;
    left: auto;
    right: 100%;
}

.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul {
    top: 0;
    left: 100%;
    border-left: 2px solid transparent;
    background-color: var(--drishti-white);
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
    padding: 0px;
    border-radius: 10px;
}

.main-menu-four__main-menu-box .main-menu__list>.megamenu,
.main-menu-three__main-menu-box .main-menu__list>.megamenu,
.main-menu-two__main-menu-box .main-menu__list>.megamenu,
.main-menu__wrapper .main-menu__list>.megamenu {
    position: static;
}

.main-menu-four__main-menu-box .main-menu__list>.megamenu>ul,
.main-menu-three__main-menu-box .main-menu__list>.megamenu>ul,
.main-menu-two__main-menu-box .main-menu__list>.megamenu>ul,
.main-menu__wrapper .main-menu__list>.megamenu>ul {
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    background-color: transparent;
}

.main-menu-three__main-menu-box .main-menu__list>.megamenu>ul>li,
.main-menu-two__main-menu-box .main-menu__list>.megamenu>ul>li,
.main-menu__wrapper .main-menu__list>.megamenu>ul>li {
    padding: 0 !important;
}

.stricky-header {
    position: fixed;
    z-index: 991;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    visibility: hidden;
    -webkit-transform: translateY(-120%);
    transform: translateY(-120%);
    -webkit-transition: visibility 500ms ease, -webkit-transform 500ms ease;
    transition: visibility 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, visibility 500ms ease;
    transition: transform 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
    -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}

@media (max-width: 1199px) {
    .stricky-header {
        display: none !important;
    }
}

.stricky-header.stricky-fixed {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
}

.stricky-header .main-menu__inner {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-right: 0;
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}

.mobile-nav__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: 10px;
}

@media (min-width: 1200px) {
    .mobile-nav__buttons {
        display: none;
    }
}

.mobile-nav__buttons a {
    font-size: 20px;
    color: var(--drishti-base);
    cursor: pointer;
}

.mobile-nav__buttons a+a {
    margin-left: 10px;
}

.mobile-nav__buttons a:hover {
    color: var(--drishti-base);
}

.main-menu .mobile-nav__toggler {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 20px;
    color: var(--drishti-black);
    cursor: pointer;
    -webkit-transition: 500ms;
    transition: 500ms;
}

.main-menu .mobile-nav__toggler:hover {
    color: var(--drishti-base);
}

@media (min-width: 1200px) {
    .main-menu .mobile-nav__toggler {
        display: none;
    }
}

.custom-profile-dropdown .dropdown-toggle::after {
    display: none !important;
}

.custom-profile-dropdown .dropdown-menu::before {
    content: "";
    position: absolute;
    top: -15px;
    right: 15px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent var(--drishti-white) transparent;
    z-index: 7;
}


/* 13 mobile_nav*/
.mobile-nav__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
    transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
    transition: transform 500ms ease 500ms, visibility 500ms ease 500ms;
    transition: transform 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
    visibility: hidden;
}

.mobile-nav__wrapper .container {
    padding-left: 0;
    padding-right: 0;
}

.mobile-nav__wrapper.expanded {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    visibility: visible;
    -webkit-transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
    transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
    transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;
    transition: transform 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
}

.mobile-nav__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    opacity: 0.5;
    cursor: pointer;
}

.mobile-nav__content {
    width: 300px;
    background-color: var(--drishti-black);
    z-index: 10;
    position: relative;
    height: 100%;
    overflow-y: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
    transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
    transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms;
    transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
}

.mobile-nav__wrapper.expanded .mobile-nav__content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
    transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
    transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms;
    transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
}

.mobile-nav__content .logo-box {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mobile-nav__close {
    position: absolute;
    top: 20px;
    right: 15px;
    font-size: 18px;
    color: var(--drishti-white);
    cursor: pointer;
}

.mobile-nav__content .main-menu__list,
.mobile-nav__content .main-menu__list>li>ul,
.mobile-nav__content .main-menu__list>li>ul>li>ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.mobile-nav__content .main-menu__list>li>ul,
.mobile-nav__content .main-menu__list>li>ul>li>ul {
    display: none;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-left: 0.5em;
}

.mobile-nav__content .main-menu__list>li:not(:last-child),
.mobile-nav__content .main-menu__list>li>ul>li:not(:last-child),
.mobile-nav__content .main-menu__list>li>ul>li>ul>li:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav__content .main-menu__list>li>a>.main-menu-border {
    display: none !important;
}

.mobile-nav__content .main-menu__list>li>a,
.mobile-nav__content .main-menu__list>li>ul>li>a,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 30px;
    color: #ffffff;
    font-size: 14px;
    font-family: var(--drishti-font, "Rubik", sans-serif);
    font-weight: 500;
    height: 46px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 500ms;
    transition: 500ms;
}

.mobile-nav__content .main-menu__list>li>a.expanded .mobile-nav__content .main-menu__list>li>ul>li>a.expanded .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a.expanded {
    color: var(--drishti-base);
}

.mobile-nav__content .main-menu__list li a.expanded {
    color: var(--drishti-base);
}

.mobile-nav__content .main-menu__list>li>a>button,
.mobile-nav__content .main-menu__list>li>ul>li>a>button,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button {
    width: 30px;
    height: 30px;
    background-color: var(--drishti-base);
    border: none;
    outline: none;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
    padding: 0;
}

.mobile-nav__content .main-menu__list>li>a>button.expanded,
.mobile-nav__content .main-menu__list>li>ul>li>a>button.expanded,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button.expanded {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background-color: #fff;
    color: var(--drishti-base);
}

/* no menu after 2rd level dropdown */
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>ul {
    display: none !important;
}

.mobile-nav__content .main-menu__list li.cart-btn span {
    position: relative;
    top: auto;
    right: auto;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.mobile-nav__content .main-menu__list li.cart-btn i {
    font-size: 16px;
}

.mobile-nav__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
}

.mobile-nav__top .main-menu__login a {
    color: var(--drishti-text-dark);
}

.mobile-nav__container {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mobile-nav__social a {
    font-size: 16px;
    color: var(--drishti-white);
    -webkit-transition: 500ms;
    transition: 500ms;
}

.mobile-nav__social a+a {
    margin-left: 30px;
}

.mobile-nav__social a:hover {
    color: var(--drishti-base);
}

.mobile-nav__contact {
    margin-bottom: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}

.mobile-nav__contact li {
    color: var(--drishti-text-dark);
    font-size: 14px;
    font-weight: 500;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mobile-nav__contact li+li {
    margin-top: 15px;
}

.mobile-nav__contact li a {
    color: #ffffff;
    -webkit-transition: 500ms;
    transition: 500ms;
}

.mobile-nav__contact li a:hover {
    color: var(--drishti-base);
}

.mobile-nav__contact li>i {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--drishti-base);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-size: 11px;
    margin-right: 10px;
    color: #fff;
}

.mobile-nav__container .main-logo,
.mobile-nav__container .topbar__buttons,
.mobile-nav__container .main-menu__language,
.mobile-nav__container .main-menu__login {
    display: none;
}

/* 14 newsletter*/
.de_subs {
    margin: 20px 0;
    width: fit-content;
    height: 36px;
    border-radius: 4px;
    padding: 5px;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    background: rgba(var(--drishti-white-rgb), .15);
}

.de_subs .icon {
    width: 30px;
    fill: rgb(255, 255, 255);
    margin-left: 8px;
    transition: all 0.3s;
}

.de_subs .input {
    max-width: max-content;
    height: 100%;
    border: none;
    outline: none;
    padding:0 15px;
    background-color: rgba(var(--drishti-white-rgb), .1);
    color: white;
    font-size: 1em;
}

.de_subs .input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #292524 inset;
    -webkit-text-fill-color: #ffffff;
}

.de_subs .Subscribe-btn {
    height: 100%;
    width: 95px;
    border: none;
    border-radius: 4px;
    color: rgb(0, 0, 0);
    cursor: pointer;
    background-color: rgba(var(--drishti-white-rgb), 1);
    font-weight: 500;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all 0.3s;
}

.de_subs .arrow {
    /* display: none; */
    position: absolute;
    margin-right: 150px;
    transition: all 0.3s;
}

.de_subs .input-wrapper:active .icon {
    transform: scale(.5);
}

.de_subs .Subscribe-btn:hover {
    color: white;
}

.de_subs .Subscribe-btn:hover .arrow {
    margin-right: 0;
    animation: jello-vertical 0.9s both;
    transform-origin: right;
}

@keyframes jello-vertical {
    0% {
        transform: scale3d(1, 1, 1);
    }
    30% {
        transform: scale3d(0.75, 1, 1);
    }
    40% {
        transform: scale3d(1, 0.75, 1);
    }
    50% {
        transform: scale3d(0.85, 1, 1);
    }
    65% {
        transform: scale3d(1, 0.95, 1);
    }
    75% {
        transform: scale3d(0.95, 1, 1);
    }
    100% {
        transform: scale3d(1, 1, 1);
    }
}

.de_subs .Subscribe-btn:active {
    transform: scale(0.9);
}


/* 15 o_ser*/
.o_ser {
    position: relative;
    display: block;
    padding: 120px 0 0;
    background: linear-gradient(180deg, #FFFFFF 0%, #E8ECFF 50%, #FFFFFF 100%);
    overflow: hidden;
    z-index: 1;
}

.o_ser__shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .20;
    z-index: -1;
}

.o_ser__shape-1 img {
    width: auto;
}

.o_ser__shape-2 {
    position: absolute;
    bottom: 0;
    right: -30px;
    opacity: .20;
    z-index: -1;
}

.o_ser__shape-2 img {
    width: auto;
}

.o_ser__shape-3 {
    position: absolute;
    width: 416px;
    height: 388px;
    left: -149px;
    top: 315px;
    background: rgba(112, 255, 17, 0.24);
    filter: blur(150px);
    border-radius: 50%;
    z-index: -1;
}

.o_ser__shape-4 {
    position: absolute;
    width: 416px;
    height: 388px;
    right: -106px;
    top: 19px;
    background: rgba(134, 178, 35, 0.29);
    filter: blur(150px);
    border-radius: 50%;
    z-index: -1;
}

.o_ser__carousel {
    position: relative;
    display: block;
}

.o_ser__single {
    position: relative;
    display: block;
    margin-left: 26px;
}

.o_ser__img-box {
    position: relative;
    display: block;
}

.o_ser__img {
    position: relative;
    display: block;
    border-radius: 27px;
    overflow: hidden;
}

.o_ser__img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    background-color: var(--drishti-black);
    transition: opacity 0.5s ease;
    transition: all 0.5s ease;
    z-index: 1;
}

.o_ser__single:hover .o_ser__img::before {
    opacity: 0.5;
}

.o_ser__img img {
    width: 100%;
    border: 2px solid var(--drishti-white);
    border-radius: 27px;
}

.o_ser__content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 19px;
}

.o_ser__title-box {
    position: relative;
    display: block;
}

.o_ser__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
}

.o_ser__title a {
    color: var(--drishti-black);
}

.o_ser__title a:hover {
    color: var(--drishti-base);
}

.o_ser__sub-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

.o_ser__arrow {
    position: relative;
    display: block;
}

.o_ser__arrow a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 16px;
    color: var(--drishti-base);
    border: 1px solid var(--drishti-base);
    border-radius: 50%;
}

.o_ser__arrow a:hover {
    color: var(--drishti-white);
    border: 1px solid var(--drishti-base);
    background-color: var(--drishti-base);
}

.o_ser__share-and-social {
    position: absolute;
    left: -26px;
    bottom: 18px;
    cursor: pointer;
    z-index: 2;
}

.o_ser__share {
    position: relative;
    display: block;
}

.o_ser__share span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    font-size: 20px;
    color: var(--drishti-white);
    background-color: var(--drishti-base);
    border: 2px solid var(--drishti-white);
    border-radius: 50%;
}

.o_ser__social {
    position: absolute;
    left: 26px;
    top: 4px;
    background-color: var(--drishti-white);
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 6px 6px;
    padding-left: 30px;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    background-position: left center;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    transform-origin: left;
    transform-style: preserve-3d;
    transform: scalex(0);
    z-index: -1;
}

.o_ser__share-and-social:hover .o_ser__social {
    transform: scalex(1.0);
}

.o_ser__social a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    font-size: 14px;
    color: var(--drishti-black);
    background-color: #F1F1F2;
    border-radius: 50%;
}


.o_ser__social a:hover {
    color: var(--drishti-white);
    background-color: var(--drishti-base);
}

.o_ser__carousel.owl-theme .owl-nav {
    position: absolute;
    top: -110px;
    right: 0;
    margin: 0;
}

.o_ser__carousel.owl-theme .owl-nav .owl-next {
    position: relative;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 4px;
    color: var(--drishti-base);
    background-color: var(--drishti-white);
    border: 1px solid var(--drishti-base);
    font-size: 16px;
    margin: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.o_ser__carousel.owl-theme .owl-nav .owl-prev {
    position: relative;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 4px;
    color: var(--drishti-base);
    background-color: var(--drishti-white);
    border: 1px solid var(--drishti-base);
    font-size: 16px;
    margin: 0;
    text-align: center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    display: inline-block;
}

.o_ser__carousel.owl-theme .owl-nav .owl-next {
    margin-left: 6px;
}

.o_ser__carousel.owl-theme .owl-nav .owl-prev {
    margin-right: 6px;
}

.o_ser__carousel.owl-theme .owl-nav .owl-next span,
.o_ser__carousel.owl-theme .owl-nav .owl-prev span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.o_ser__carousel.owl-theme .owl-nav .owl-next:hover,
.o_ser__carousel.owl-theme .owl-nav .owl-prev:hover {
    background-color: var(--drishti-base);
    color: var(--drishti-white);
}

.team-page {
    position: relative;
    display: block;
    padding: 120px 0 61px;
}

.team-page .o_ser__single {
    margin-bottom: 40px;
}

/*--------------------------------------------------------------
# Team Two
--------------------------------------------------------------*/
.team-two {
    position: relative;
    display: block;
    background: linear-gradient(180deg, #FFFFFF 0%, #EFF4FB 46.5%, #FFFFFF 100%);
    overflow: hidden;
    padding: 96px 0 65px;
    z-index: 1;
}

.team-two__shape-1 {
    position: absolute;
    top: -20px;
    left: 0;
    opacity: .40;
    animation: topBottom 3s ease-in-out infinite;
    z-index: -1;
}

.team-two__shape-1 img {
    width: auto;
}

.team-two__shape-2 {
    position: absolute;
    top: 0;
    right: 0;
    mix-blend-mode: color-dodge;
    z-index: -1;
}

.team-two__shape-2 img {
    width: auto;
}

.team-two__shape-3 {
    position: absolute;
    width: 481px;
    height: 448px;
    left: -221px;
    top: 269px;
    background: rgba(17, 149, 255, 0.38);
    filter: blur(150px);
    border-radius: 50%;
    z-index: -1;
}

.team-two__shape-4 {
    position: absolute;
    width: 481px;
    height: 448px;
    right: -125px;
    top: 448px;
    background: rgba(17, 149, 255, 0.38);
    filter: blur(150px);
    border-radius: 50%;
    z-index: -1;
}

.team-two__inner {
    position: relative;
    display: block;
}

.team-two__main-tab-box {
    position: relative;
    display: block;
}

.team-two__tab-buttons-box-one {
    position: relative;
    display: block;
    margin-right: 30px;
    margin-bottom: 30px;
}

.team-two__tab-buttons-box-two {
    position: relative;
    display: block;
    margin-left: 30px;
    margin-bottom: 30px;
}

.team-two__main-tab-box .tab-buttons {
    position: relative;
    display: block;
}

.team-two__main-tab-box .tab-buttons .tab-btn {
    position: relative;
    display: block;
}

.team-two__main-tab-box .tab-buttons .tab-btn+.tab-btn {
    margin-top: 20px;
}

.team-two__buttons {
    position: relative;
    display: block;
    background-color: var(--drishti-white);
    border-radius: 24px;
    border: 1px solid #F1F1F2;
    padding: 23px 23px 21px;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
}

.team-two__main-tab-box .tab-buttons .tab-btn.active-btn .team-two__buttons {
    border: 1px solid var(--drishti-base);
}

.team-two__buttons::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 24px;
    background-color: var(--drishti-base);
    transform: scaleX(0.7) rotateX(20deg);
    opacity: 0;
    transition: all 0.4s linear;
    z-index: -1;
}

.team-two__main-tab-box .tab-buttons .tab-btn.active-btn .team-two__buttons:before {
    transform: scaleX(1.0) rotateX(0deg);
    transition: all 0.4s linear;
    opacity: 1;
}

.team-two__buttons-experience-years {
    position: absolute;
    top: 20px;
    right: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(270deg, rgba(46, 114, 255, 0.12) 0%, rgba(46, 114, 255, 0) 100%);
    padding: 4px 22px 4px 14px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.team-two__main-tab-box .tab-buttons .tab-btn.active-btn .team-two__buttons .team-two__buttons-experience-years {
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 231, 0) 100%);
}

.team-two__buttons-experience-years-count {
    position: relative;
    display: block;
}

.team-two__buttons-experience-years-count h3 {
    font-size: 32px;
    color: var(--drishti-base);
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.04em;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.team-two__main-tab-box .tab-buttons .tab-btn.active-btn .team-two__buttons .team-two__buttons-experience-years-count h3 {
    color: var(--drishti-white);
}

.team-two__buttons-experience-years-text {
    font-size: 14px;
    font-weight: 500;
    font-family: var(--drishti-font-two);
    line-height: 18px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.team-two__main-tab-box .tab-buttons .tab-btn.active-btn .team-two__buttons .team-two__buttons-experience-years-text {
    color: var(--drishti-white);
}

.team-two__buttons-img-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    width: 70px;
    border: 1px solid var(--drishti-base);
    border-radius: 50%;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.team-two__main-tab-box .tab-buttons .tab-btn.active-btn .team-two__buttons .team-two__buttons-img-box {
    border: 1px solid var(--drishti-white);
}

.team-two__buttons-img {
    position: relative;
    display: block;
    height: 58px;
    width: 58px;
    border-radius: 50%;
    overflow: hidden;
}

.team-two__buttons-img img {
    width: 100%;
    border-radius: 50%;
}

.team-two__buttons-content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 15px;
}

.team-two__buttons-title-box {
    position: relative;
    display: block;
}

.team-two__buttons-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
}

.team-two__buttons-title a {
    color: var(--drishti-black);
}

.team-two__main-tab-box .tab-buttons .tab-btn.active-btn .team-two__buttons .team-two__buttons-title a {
    color: var(--drishti-white);
}

.team-two__buttons-sub-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.team-two__main-tab-box .tab-buttons .tab-btn.active-btn .team-two__buttons .team-two__buttons-sub-title {
    color: var(--drishti-white);
}

.team-two__buttons-arrow {
    position: relative;
    display: block;
}

.team-two__buttons-arrow a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border: 1px solid var(--drishti-base);
    border-radius: 12px;
    color: var(--drishti-base);
    font-size: 17px;
}

.team-two__main-tab-box .tab-buttons .tab-btn.active-btn .team-two__buttons .team-two__buttons-arrow a {
    color: var(--drishti-black);
    border: 1px solid var(--drishti-extra);
    background-color: var(--drishti-extra);
}

.team-two__main-tab-box .tabs-content {
    position: relative;
    display: block;
}

.team-two__main-tab-box .tabs-content .tab {
    position: relative;
    display: none;
    -webkit-transform: translateX(35px);
    -ms-transform: translateX(35px);
    transform: translateX(35px);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    z-index: 10;
}

.team-two__main-tab-box .tabs-content .tab.active-tab {
    display: block;
    margin-top: 0px;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.team-two__tabs-content-outer {
    position: relative;
    display: block;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 30px;
}

.team-two__tabs-content-box {
    position: relative;
    display: block;
}

.team-two__img-box {
    position: relative;
    display: block;
}

.team-two__img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 12px;
    z-index: 1;
}

.team-two__img:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 37.4%, rgba(3, 22, 63, 0.69) 85.4%);
    border-radius: 12px;
}

.team-two__img img {
    width: 100%;
    border-radius: 12px;
}

.team-two__social {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    z-index: 2;
}

.team-two__social a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border: 1px solid #626F82;
    border-radius: 50%;
    font-size: 17px;
    color: var(--drishti-white);
    overflow: hidden;
    z-index: 1;
}

.team-two__social a:hover {
    color: var(--drishti-white);
    border: 1px solid var(--drishti-base);
}

.team-two__social a:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: var(--drishti-base);
    border-radius: 50%;
    transform: scale(0.0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    z-index: -1;
}

.team-two__social a:hover:before {
    transform: scaleX(1.0);
}


/*--------------------------------------------------------------
  # Team Details
  --------------------------------------------------------------*/
.team-details {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    overflow: hidden;
    z-index: 1;
}

.team-details__shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.team-details__shape-1 img {
    width: auto;
}

.team-details__shape-2 {
    position: absolute;
    top: 0;
    right: -30px;
    z-index: -1;
}

.team-details__shape-2 img {
    width: auto;
}

.team-details__shape-3 {
    position: absolute;
    width: 406px;
    height: 435px;
    right: -120px;
    top: 0px;
    background: rgba(17, 149, 255, 0.39);
    filter: blur(150px);
    z-index: -1;
}

.team-details__left {
    position: relative;
    display: block;
}

.team-details__img-box {
    position: relative;
    display: block;
    margin-left: 136px;
    margin-right: 48px;
}

.team-details__img {
    position: relative;
    display: block;
}

.team-details__img img {
    width: 100%;
    border: 2px solid var(--drishti-white);
    border-radius: 27px;
}

.team-details__experience-box {
    position: absolute;
    bottom: 40px;
    left: 0;
    background-color: var(--drishti-white);
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    padding: 13px 15px 10px;
    padding-left: 50px;
}

.team-details__count-box {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 2px;
}

.team-details__count-box h5 {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px !important;
    font-family: var(--drishti-font-two) !important;
    letter-spacing: -0.03em;
}

.team-details__count-box>span {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px !important;
    font-family: var(--drishti-font-two) !important;
    color: var(--drishti-black);
    position: relative;
    margin-left: 2px;
    margin-right: 6px;
}

.team-details__count-box p {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px !important;
    font-family: var(--drishti-font-two) !important;
    color: var(--drishti-black);
}

.team-details__count-text {
    font-weight: 600;
}

.team-details__experience-icon {
    position: absolute;
    top: -8px;
    left: -29px;
    width: 69px;
    height: 69px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--drishti-base);
    border: 3px solid var(--drishti-white);
    border-radius: 50%;
}

.team-details__experience-icon span {
    position: relative;
    display: inline-block;
    font-size: 25px;
    color: var(--drishti-white);
}

.team-details__right {
    position: relative;
    display: block;
    margin-right: 110px;
}

.team-details__client-name-and-social {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E7E7E7;
    padding-bottom: 10px;
    margin-bottom: 34px;
}

.team-details__client-name-box {
    position: relative;
    display: block;
}

.team-details__name {
    font-size: 36px;
    font-weight: 600;
    line-height: 46px;
    letter-spacing: -0.02em;
}

.team-details__sub-title {
    font-weight: 500;
    letter-spacing: -0.02em;
    font-family: var(--drishti-font-two);
    color: var(--drishti-base);
}

.team-details__social-box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}

.team-details__social-box a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid #E7E7E7;
    border-radius: 8px;
    font-size: 14px;
    color: var(--drishti-black);
}

.team-details__social-box a:hover {
    background-color: var(--drishti-base);
    color: var(--drishti-white);
}

.team-details__title-1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.team-details__text-1 {
    margin-top: 14px;
    margin-bottom: 31px;
}

.team-details__location-list {
    position: relative;
    display: block;
    background-color: rgba(var(--drishti-base-rgb), 0.05);
    border-radius: 12px;
    max-width: 360px;
    width: 100%;
    padding: 25px 25px 23px !important;
}

.team-details__location-list li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px;
}

.team-details__location-list li+li {
    margin-top: 21px;
}

.team-details__location-list li span {
    position: relative;
    display: block;
    max-width: 120px;
    width: 100%;
    font-weight: 700;
}

.team-details__location-list li p {
    font-weight: 500;
    color: var(--drishti-black);
}

.team-details__location-list li p a {
    color: var(--drishti-black);
}

.team-details__location-list li p a:hover {
    color: var(--drishti-base);
}


/* 16 off_canvas*/

.main-menu__cart {
    position: relative;
    display: block;
}

.main-menu__cart a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    border: 1px solid #DBE7FF;
    border-radius: 50%;
    font-size: 18px;
    color: var(--drishti-gray);
    background-color: var(--drishti-white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.main-menu__cart a:hover {
    color: var(--drishti-white);
    background-color: var(--drishti-base);
    border: 1px solid var(--drishti-base);
}
.cart-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: var(--drishti-primary);
    color: #ffffff;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 2px #fff;
    z-index: 1;
}


/* 17 page-header*/
.page-header {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
}

.page-header__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

.page-header__bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: linear-gradient(180deg, rgba(var(--drishti-white-rgb), .9) 35%, rgba(var(--drishti-text-dark-rgb), 1) 100%);*/
    background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255, 255, 245, 0.5) 100%);
}

.page-header__inner {
    position: relative;
    display: block;
    text-align: center;
    padding: 145px 0 65px;
    z-index: 1;
}

.page-header__inner_sm {
    padding: 130px 0 0;
}

.page-header__inner_sm h2{
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    text-align: center;
    color: var(--drishti-base);
    text-transform: capitalize;
    margin-bottom: 10px;
}


.page-header__inner h2 {
    font-size: 56px;
    font-weight: 700;
    line-height: 66px;
    color: var(--drishti-base);
    text-transform: capitalize;
    margin-bottom: 10px;
}

.thm-breadcrumb__box {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.thm-breadcrumb {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.thm-breadcrumb li {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: var(--drishti-text-dark);
    text-transform: uppercase;
    font-family: var(--drishti-font-two);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.thm-breadcrumb li a {
    position: relative;
    display: inline-block;
    color: var(--drishti-text-dark);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.thm-breadcrumb li:hover a {
    color: var(--drishti-base);
}


/* 18 project*/
.project-one {
    position: relative;
    display: block;
    background-color: #F2F8FF;
    padding: 160px 0 83px;
    overflow: hidden;
    z-index: 1;
}

.project-one__bg-shape {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: .40;
}

.project-one__bg-shape-2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 39px;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 1;
}

.project-one__shape-1 {
    position: absolute;
    width: 772px;
    height: 575px;
    left: -393px;
    top: 327px;
    background: #4379F2;
    opacity: 0.4;
    filter: blur(250px);
    border-radius: 50%;
    z-index: -1;
}


.project-one__shape-2 {
    position: absolute;
    width: 772px;
    height: 575px;
    right: -90px;
    top: 420px;
    background: #4379F2;
    opacity: 0.4;
    filter: blur(250px);
    border-radius: 50%;
    z-index: -1;
}

.project-one__inner {
    position: relative;
    display: block;
}

.project-one__filter {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 50px;
}

.project-one__filter li {
    position: relative;
    display: flex;
    align-items: center;
}

.project-one__filter li+li {
    margin-left: 0px;
}

.project-one__filter li p {
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    color: var(--drishti-gray);
    background-color: var(--drishti-white);
    border: 1px solid rgba(var(--drishti-gray-rgb), .17);
    text-transform: uppercase;
    padding: 17px 30px 17px;
    font-weight: 700;
    cursor: pointer;
    overflow: hidden;
    border-radius: 27px;
    transition: all 0.5s linear;
    z-index: 1;
}

.project-one__filter li.active p {
    color: var(--drishti-white);
}

.project-one__filter li p:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 0%;
    background-color: var(--drishti-base);
    transition: all 0.3s ease;
    z-index: -1;
}

.project-one__filter li.active p:before {
    height: 100%;
}

.project-one__single {
    position: relative;
    display: block;
    margin-bottom: 29px;
}

.project-one__img-box {
    position: relative;
    display: block;
}

.project-one__img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 12px;
}

.project-one__img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(var(--drishti-black-rgb), .70);
    opacity: 0;
    transform: translateY(90px);
    transition: background-color 0.7s ease;
    transition: all 0.7s ease;
    z-index: 1;
}

.project-one__single:hover .project-one__img::before {
    opacity: 1;
    transform: translateY(0px);
}

.project-one__img img {
    width: 100%;
    border-radius: 12px;
    transform: scale(1.0);
    transition: all 1500ms ease;
}

.project-one__single:hover .project-one__img img {
    transform: scale(1.05) rotate(0deg);
}

.project-one__content {
    position: relative;
    display: block;
    margin-top: 9px;
}

.project-one__tag {
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    text-transform: uppercase;
    background-color: transparent;
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 4px 4px 4px;
    gap: 17px;
    transition: all 0.4s linear;
    z-index: 1;
}

.project-one__single:hover .project-one__tag {
    color: var(--drishti-black);
}

.project-one__tag::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--drishti-extra);
    transform: scaleX(0.7) rotateX(20deg);
    opacity: 0;
    transition: all 0.4s linear;
    z-index: -1;
}

.project-one__single:hover .project-one__tag::before {
    transform: scaleX(1.0) rotateX(0deg);
    transition: all 0.4s linear;
    opacity: 1;
}

.project-one__tag span {
    font-size: 16px;
    font-weight: 700;
}

.project-one__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-transform: capitalize;
    font-family: var(--drishti-font);
}

.project-one__title a {
    color: var(--drishti-black);
}

.project-one__view-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.project-one__view {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 120px;
    height: 120px;
    border: 2px solid var(--drishti-white);
    border-radius: 50%;
    text-decoration: none;
    color: var(--drishti-white);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.project-one__single:hover .project-one__view {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition-delay: 500ms;
    opacity: 1;
}

.project-one__view:hover {
    border: 2px solid var(--drishti-extra);
    color: var(--drishti-extra);
}

.project-one__view i {
    position: relative;
    display: inline-block;
    font-size: 20px;
}

.project-one__view span {
    font-size: 14px;
    font-weight: 500;
    margin-top: 11px;
}

.project-one__single-2 {
    position: relative;
    display: block;
    background: linear-gradient(180deg, #2E72FF 0%, #006FFF 52.5%, #2E72FF 100%);
    border-radius: 24px;
    overflow: hidden;
    padding: 17px 30px 16px;
    margin-bottom: 29px;
}

.project-one__title-2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 38px;
    font-family: var(--drishti-font);
}

.project-one__title-2 a {
    color: var(--drishti-white);
}

.project-one__title-2 a:hover {
    color: var(--drishti-black);
}

.project-one__view-box-2 {
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 26px 0 2px;
}

.project-one__view-2 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 110px;
    height: 110px;
    border: 2px solid rgba(var(--drishti-white-rgb), .12);
    border-radius: 50%;
    text-decoration: none;
    color: var(--drishti-white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.project-one__view-2:hover {
    color: var(--drishti-white);
    border: 2px solid rgba(var(--drishti-white-rgb), 1);
}

.project-one__view-2 i {
    position: relative;
    display: inline-block;
    font-size: 20px;
}

.project-one__view-2 span {
    font-size: 14px;
    font-weight: 500;
    margin-top: 6px;
}

.project-one__sliding-text-list {
    position: relative;
    display: block;
}

.project-one__sliding-text-list li {
    position: relative;
    display: block;
}

.project-one__sliding-text-title {
    font-size: 80px;
    font-weight: 600;
    line-height: 80px;
    letter-spacing: -0.03em;
    color: transparent;
    -webkit-text-stroke: 1px rgba(var(--drishti-white-rgb), .10);
    padding-right: 10px;
}

.project-one__need-help {
    position: relative;
    display: inline-block;
    margin-top: 17px;
}

.project-one__need-help p {
    font-size: 14px;
    line-height: 14px;
    color: var(--drishti-white);
}

.project-one__need-help a {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    font-family: var(--drishti-font-two);
    color: var(--drishti-white);
    margin-top: 5px;
    position: relative;
    display: inline-block;
}

.project-one__need-help a:hover {
    color: var(--drishti-black);
}

.project-one__single-2-img {
    position: absolute;
    bottom: -25px;
    right: 0;
    z-index: 1;
}

.project-one__single-2-img img {
    width: auto;
}

/*--------------------------------------------------------------
# Project Two
--------------------------------------------------------------*/
.project-two {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    background: linear-gradient(180deg, #F2F2FF 0%, rgba(242, 242, 255, 0) 100%);
    overflow: hidden;
    z-index: 1;
}

.project-two__bg-shape {
    position: absolute;
    top: -512px;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: .15;
    z-index: -1;
}

.project-two__shape-1 {
    position: absolute;
    top: 190px;
    left: 0;
    z-index: -1;
}

.project-two__shape-1 img {
    width: auto;
}

.project-two__shape-2 {
    position: absolute;
    bottom: 80px;
    right: 0;
    z-index: -1;
}

.project-two__shape-2 img {
    width: auto;
}

.project-two__top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 59px;
}

.project-two__top .section-title {
    margin-bottom: 0px;
}

.project-two__btn-box {
    position: relative;
    display: block;
}

.project-two__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.project-two__img-box {
    position: relative;
    display: block;
    overflow: hidden;
}

.project-two__img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 20px;
}

.project-two__img img {
    width: 100%;
    border-radius: 20px;
    transform: scale(1.0);
    transition: all 1500ms ease;
}

.project-two__single:hover .project-two__img img {
    transform: scale(1.05) rotate(0deg);
}

.project-two__content-box {
    position: absolute;
    top: 24px;
    left: 24px;
    right: 24px;
    bottom: 24px;
    background: linear-gradient(180deg, #020F2B 0%, rgba(2, 15, 43, 0.8) 44.4%, rgba(2, 23, 65, 0.8) 58.4%, rgba(19, 66, 163, 0.95) 100%);
    border-radius: 20px;
    padding: 19px 25px 20px;
    opacity: 0;
    transform: translateY(50px);
    transition: background-color 0.7s ease;
    transition: all 0.7s ease;
    z-index: 2;
}

.project-two__single:hover .project-two__content-box {
    opacity: 1;
    transform: translateY(0px);
}

.project-two__info-list {
    position: relative;
    display: block;
}

.project-two__info-list li {
    position: relative;
    display: block;
}

.project-two__info-list li+li {
    margin-top: 5px;
}

.project-two__info-list li span {
    font-size: 14px;
    font-weight: 700;
    color: var(--drishti-extra);
}

.project-two__info-list li p {
    font-weight: 500;
    color: var(--drishti-white);
}

.project-two__title-box {
    position: absolute;
    bottom: 22px;
    left: 25px;
}

.project-two__sub-title {
    position: relative;
    display: inline-block;
    background-color: var(--drishti-extra);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: var(--drishti-black);
    padding: 5px 15px 5px;
    border-radius: 15px;
}

.project-two__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    margin-top: 13px;
}

.project-two__title a {
    color: var(--drishti-white);
}

.project-two__title a:hover {
    color: var(--drishti-extra);
}


/*--------------------------------------------------------------
# Project Details
--------------------------------------------------------------*/
.project-details {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    z-index: 1;
}

.project-details__left {
    position: relative;
    display: block;
    margin-right: 54px;
}

.project-details__project-info {
    position: relative;
    display: block;
    border: 1px solid #E7E7E7;
    background-color: var(--drishti-secondary);
    border-radius: 12px;
    padding-bottom: 20px;
    margin-bottom: 34px;
}

.project-details__project-info-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    text-transform: uppercase;
    padding-top: 19px;
    padding-left: 25px;
    margin-bottom: 8px;
}

.project-details__project-list {
    position: relative;
    display: block;
}

.project-details__project-list li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    border-top: 1px solid var(--drishti-white);
    padding: 20px 20px 20px;
    overflow: hidden;
    z-index: 1;
}

.project-details__project-list li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(var(--drishti-base-rgb), 0.09);
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    transform-origin: bottom right;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    z-index: -1;
}

.project-details__project-list li:hover::before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: top center;
}

.project-details__project-list li .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background-color: var(--drishti-white);
    border: 1px solid var(--drishti-base);
    border-radius: 12px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.project-details__project-list li:hover .icon {
    background-color: var(--drishti-base);
}

.project-details__project-list li .icon span {
    position: relative;
    display: inline-block;
    font-size: 24px;
    color: var(--drishti-gray);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.project-details__project-list li:hover .icon span {
    color: var(--drishti-white);
}

.project-details__project-list li .content {
    position: relative;
    display: block;
    flex: 1;
}

.project-details__project-list li .content span {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

.project-details__project-list li .content p {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    color: var(--drishti-black);
}

.project-details__get-touch {
    position: relative;
    display: block;
    background: linear-gradient(180deg, #0053FF 0%, #2E72FF 100%);
    border-radius: 16px;
    padding: 32px 25px 26px;
    padding-right: 50px;
    overflow: hidden;
    z-index: 1;
}

.project-details__get-touch-img-1 {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.project-details__get-touch-img-1::before {
    content: "";
    position: absolute;
    top: -6px;
    left: -6px;
    bottom: -6px;
    right: -21px;
    border: 2px solid var(--drishti-white);
    border-radius: 50%;
}

.project-details__get-touch-img-1 img {
    width: auto;
}

.project-details__get-touch-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    color: var(--drishti-white);
}

.project-details__get-touch-btn-box {
    position: relative;
    display: block;
    margin-top: 24px;
}

.project-details__get-touch-btn-box .thm-btn {
    color: var(--drishti-black);
    background-color: var(--drishti-extra) !important;
    padding: 5px 15px 5px;
    padding-right: 4px;
    border-radius: 12px;
}

.project-details__get-touch-btn-box .thm-btn span {
    color: var(--drishti-black);
    width: 36px;
    height: 36px;
}

.project-details__call-box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 50px;
}

.project-details__call-icon {
    position: relative;
    display: inline-block;
}

.project-details__call-icon span {
    position: relative;
    display: inline-block;
    font-size: 49px;
    color: var(--drishti-white);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
}

.project-details__call-box:hover .project-details__call-icon span {
    transform: scale(0.9);
}

.project-details__call-content {
    position: relative;
    display: block;
    flex: 1;
}

.project-details__call-content p {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    font-family: var(--drishti-font-two);
    color: var(--drishti-white);
}

.project-details__call-content a {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    color: var(--drishti-white);
    font-family: var(--drishti-font-two);
    letter-spacing: -0.03em;
}

.project-details__call-content a:hover {
    color: var(--drishti-black);
}

.project-details__right {
    position: relative;
    display: block;
}

.project-details__img-box {
    position: relative;
    display: block;
}

.project-details__img {
    position: relative;
    display: block;
}

.project-details__img img {
    width: 100%;
    border-radius: 20px;
}

.project-details__content {
    position: relative;
    display: block;
    margin-top: 50px;
}

.project-details__title-1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: -0.03em;
}

.project-details__text-1 {
    margin-top: 22px;
    margin-bottom: 21px;
}

.project-details__title-2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 42px;
    letter-spacing: -0.03em;
    margin: 50px 0 20px;
}

.project-details__img-box-2 {
    position: relative;
    display: block;
    margin-top: 23px;
}

.project-details__img-box-img-1 {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.project-details__img-box-img-1 img {
    width: 100%;
    border-radius: 20px;
}

.project-details__points-box {
    position: relative;
    display: block;
}

.project-details__points-list {
    position: relative;
    display: block;
}

.project-details__points-list li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}

.project-details__points-list li+li {
    margin-top: 22px;
}

.project-details__points-list li .icon {
    position: relative;
    display: inline-block;
}

.project-details__points-list li .icon span {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: var(--drishti-base);
}

.project-details__points-list li p {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: var(--drishti-black);
}

.project-details__title-3 {
    font-size: 32px;
    font-weight: 600;
    line-height: 42px;
    letter-spacing: -0.03em;
    margin: 52px 0 20px;
}

.project-details__points-box-inner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 55px;
    margin-top: 23px;
    margin-bottom: 50px;
}

.project-details__points-box-2 {
    position: relative;
    display: block;
}

.project-details__points-list-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.03em;
    margin-bottom: 17px;
}

.project-details__points-list-2 {
    position: relative;
    display: block;
}

.project-details__points-list-2 li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.project-details__points-list-2 li+li {
    margin-top: 16px;
}

.project-details__points-list-2 li .icon {
    position: relative;
    display: inline-block;
}

.project-details__points-list-2 li .icon span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--drishti-base);
}

.project-details__points-list-2 li p {
    font-weight: 500;
}

.project-details__before-after {
    position: relative;
    display: block;
}

.project-details__before-after-two-img-box {
    position: relative;
    display: block;
    border-radius: 20px;
}

.project-details__before-after-two-img-box .before-after {
    position: relative;
}

.project-details__before-after-two-img-box .before-after .twentytwenty-container img {
    width: 100%;
    border-radius: 20px;
}

.project-details__before-after-two-img-box .before-after .twentytwenty-horizontal .twentytwenty-before-label:before {
    position: absolute;
    left: -10px;
    top: -10px;
    width: 100px;
    height: 100px;
    line-height: 90px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin: 0px;
    padding: 0px;
    background: transparent;
    z-index: 1;
    transform: rotate(-45deg);
    text-transform: uppercase;
    display: none;
}

.project-details__before-after-two-img-box .before-after .twentytwenty-horizontal .twentytwenty-before-label:after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100px;
    height: 100px;
    clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%, 0% 0%);
}

.project-details__before-after-two-img-box .before-after .twentytwenty-horizontal .twentytwenty-after-label:before {
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100px;
    line-height: 140px;
    text-align: center;
    font-size: 16px;
    background: transparent;
    font-weight: 700;
    color: #fff;
    margin: 0px;
    padding: 0px;
    bottom: 0px;
    transform: rotate(-45deg);
    z-index: 1;
    text-transform: uppercase;
    display: none;
}

.project-details__before-after-two-img-box .before-after .twentytwenty-horizontal .twentytwenty-after-label:after {
    position: absolute;
    content: '';
    bottom: 0px;
    right: 0px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
}

.twentytwenty-after-label,
.twentytwenty-before-label {
    opacity: 1 !important;
}

.project-details__before-after-two-img-box .twentytwenty-overlay {
    border-radius: 10px
}

.project-details__before-after-two-img-box .before-after-two__tag {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 1;
}

.project-details__before-after-two-img-box .before-after-two__tag span {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    font-family: var(--drishti-font-two);
    color: var(--drishti-black);
    background-color: var(--drishti-white);
    padding: 8px 20px 8px;
    border-radius: 12px;
}

.project-details__before-after-two-img-box .before-after-two__tag-2 {
    left: inherit;
    right: 20px;
}

.project-details__title-4 {
    font-size: 32px;
    font-weight: 600;
    line-height: 42px;
    letter-spacing: -0.03em;
    margin: 50px 0 21px;
}

.project-details__text-6 {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    color: var(--drishti-black);
    margin-top: 20px;
}

.project-details__client-box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 25px;
    background: linear-gradient(270deg, #2E72FF 0%, #0052FC 100%);
    border-radius: 20px;
    padding: 32px 40px 30px;
    margin: 47px 0 50px;
    z-index: 1;
}

.project-details__client-box-shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.project-details__client-box-shape-1 img {
    width: auto;
}

.project-details__client-box-shape-2 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.project-details__client-box-shape-2 img {
    width: auto;
}

.project-details__client-box-quote {
    position: absolute;
    top: 50px;
    right: 30px;
    opacity: .13;
    z-index: -1;
}

.project-details__client-box-quote img {
    width: auto;
}

.project-details__client-img-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 81px;
    height: 81px;
    border: 1px solid var(--drishti-white);
    border-radius: 50%;
}

.project-details__client-img {
    position: relative;
    display: block;
    max-width: 68px;
    width: 100%;
}

.project-details__client-img img {
    width: 100%;
    border-radius: 50%;
}

.project-details__client-content {
    position: relative;
    display: block;
    flex: 1;
}

.project-details__client-ratting {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
}

.project-details__client-ratting span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--drishti-extra);
}

.project-details__client-text {
    color: var(--drishti-white);
    margin: 12px 0 8px;
}

.project-details__client-shape {
    position: relative;
    display: block;
    width: 60px;
    height: 1px;
    background-color: var(--drishti-white);
}

.project-details__client-name {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    color: var(--drishti-white);
    gap: 8px;
    margin-top: 9px;
}

.project-details__client-name span {
    font-size: 14px;
    font-weight: 500;
}

.project-details__prev-next {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #E7E7E7;
    border-radius: 16px;
    padding: 16px 25px 15px;
}

.project-details__prev {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}

.project-details__prev-img {
    position: relative;
    display: block;
    max-width: 40px;
    width: 100%;
}

.project-details__prev-img img {
    width: 100%;
    border-radius: 50%;
    border: 1px solid var(--drishti-extra);
}

.project-details__prev .content {
    position: relative;
    display: block;
    flex: 1;
}

.project-details__prev .content p {
    font-size: 14px;
    font-weight: 700;
    color: var(--drishti-base);
    font-family: var(--drishti-font-two);
    text-transform: uppercase;
}

.project-details__prev .content p a {
    color: var(--drishti-base);
}

.project-details__prev .content p a:hover {
    color: var(--drishti-black);
}

.project-details__prev .content h5 {
    font-size: 18px;
    line-height: 23px;
    font-weight: 600;
}

.project-details__next {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}

.project-details__next-img {
    position: relative;
    display: block;
    max-width: 40px;
    width: 100%;
}

.project-details__next-img img {
    width: 100%;
    border-radius: 50%;
    border: 1px solid var(--drishti-extra);
}

.project-details__next .content {
    position: relative;
    display: block;
    text-align: right;
    flex: 1;
}

.project-details__next .content p {
    font-size: 14px;
    font-weight: 700;
    font-family: var(--drishti-font-two);
    text-transform: uppercase;
}

.project-details__next .content p a {
    color: var(--drishti-base);
}

.project-details__next .content p a:hover {
    color: var(--drishti-black);
}

.project-details__next .content h5 {
    font-size: 18px;
    line-height: 23px;
    font-weight: 600;
}

/*--------------------------------------------------------------
# Project Page
--------------------------------------------------------------*/
.project-page {
    padding: 120px 0 120px;
}

.project-page .project-one__bg-shape-2 {
    display: none;
}

.project-page__pagination {
    position: relative;
    display: block;
    text-align: center;
    margin-top: 17px;
}

/*--------------------------------------------------------------
# Project Carousel Page
--------------------------------------------------------------*/
.project-carousel-page {
    position: relative;
    display: block;
    padding: 120px 0 170px;
}

.project-carousel-page .project-one__single {
    margin-bottom: 0;
}


/* 19 ser_img_slider*/
.serv-gallery {
    position: relative;
    display: block;
    background-color: var(--drishti-secondary);
    padding: 160px 0 90px;
    overflow: hidden;
    z-index: 1;
}

.serv-gallery__shape-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 39px;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 1;
}

.serv-gallery__left {
    position: relative;
    display: block;
}

.serv-gallery__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.serv-gallery__img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 20px;
    z-index: 1;
}

.serv-gallery__img::before {
    background: rgba(46, 114, 255, 0.3);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    opacity: 1;
    z-index: 1;
    pointer-events: none;
}

.serv-gallery__single:hover .serv-gallery__img::before {
    height: 100%;
    opacity: 0;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.serv-gallery__img img {
    width: 100%;
    border-radius: 20px;
    transform: scale(1.0);
    transition-delay: 0.1s;
    transition-timing-function: ease-in-out;
    transition-duration: 0.7s;
    transition-property: all;
}

.serv-gallery__single:hover .serv-gallery__img img {
    transform: scale(1.05) rotate(0deg);
}

.serv-gallery__video-link {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 2;
}

.serv-gallery__video-icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-size: 15px;
    color: var(--drishti-base);
    background: rgba(255, 255, 255, 0.57);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    z-index: 1;
}

.serv-gallery__video-icon:hover {
    color: var(--drishti-white);
}

.serv-gallery__video-icon:hover:before {
    background-color: var(--drishti-primary);
}

.serv-gallery__video-icon:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 13px;
    right: 13px;
    bottom: 13px;
    background-color: #E7E7E7;
    border-radius: 50%;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    z-index: -1;
}

.serv-gallery__video-icon:after {
    content: "";
    position: absolute;
    top: -9px;
    left: -9px;
    right: -9px;
    bottom: -9px;
    border: 3px solid rgba(var(--drishti-white-rgb), .25);
    border-radius: 50%;
    z-index: -1;
}

.serv-gallery__video-link .ripple,
.serv-gallery__video-icon .ripple:before,
.serv-gallery__video-icon .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 82px;
    height: 82px;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-box-shadow: 0 0 0 0 rgba(var(--drishti-white-rgb), 0.6);
    -o-box-shadow: 0 0 0 0 rgba(var(--drishti-white-rgb), 0.6);
    -webkit-box-shadow: 0 0 0 0 rgba(var(--drishti-white-rgb), 0.6);
    box-shadow: 0 0 0 0 rgba(var(--drishti-white-rgb), 0.6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.serv-gallery__video-icon .ripple:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    content: "";
    position: absolute;
}

.serv-gallery__video-icon .ripple:after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
    position: absolute;
}

.serv-gallery__right {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.serv-gallery__carousel {
    position: relative;
    display: block;
}

.serv-gallery__carousel-single {
    position: relative;
    display: block;
}

.serv-gallery__carousel-img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 4px;
    z-index: 1;
}

.serv-gallery__carousel-img img {
    width: 100%;
    border-radius: 4px;
    min-height: 380px;
    max-height: 380px;
    object-fit: cover;
}

.serv-gallery__carousel.owl-theme .owl-nav {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    height: 0;
    line-height: 0;
    margin: 0 !important;
}

.serv-gallery__carousel.owl-theme .owl-nav .owl-next {
    height: 28px;
    width: 28px;
    line-height: 28px;
    color: var(--drishti-white);
    background-color: var(--drishti-base);
    border-radius: 4px;
    font-size: 14px;
    margin: 0;
    text-align: center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    position: relative;
    display: inline-block;
}

.serv-gallery__carousel.owl-theme .owl-nav .owl-prev {
    height: 28px;
    width: 28px;
    line-height: 28px;
    color: var(--drishti-white);
    background-color: var(--drishti-base);
    border-radius: 4px;
    font-size: 14px;
    margin: 0;
    text-align: center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    position: relative;
    display: inline-block;
}

.serv-gallery__carousel.owl-theme .owl-nav .owl-next span,
.serv-gallery__carousel.owl-theme .owl-nav .owl-prev span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.serv-gallery__carousel.owl-theme .owl-nav .owl-prev span {
    transform: rotate(180deg);
}

.serv-gallery__carousel.owl-theme .owl-nav .owl-next:hover,
.serv-gallery__carousel.owl-theme .owl-nav .owl-prev:hover {
    background-color: var(--drishti-black);
    color: var(--drishti-white);
}

.serv-gallery__experience-box {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
    background-color: var(--drishti-base);
    padding: 8px 32px 9px;
    border-radius: 4px;
    max-width: 100%;
    width: 100%;
    margin-top: 35px;
}

.serv-gallery__experience-year {
    position: relative;
    display: block;
}
.serv-gallery__experience-box i {
    position: relative;
    display: inline-block;
    font-size: 56px;
    color: var(--drishti-white);
    transition: all 500ms linear;
    transition-delay: 0s;
    transition-delay: 0.1s;
    transform: scale(1);
}
.serv-gallery__experience-year h3 {
    font-weight: 700;
    font-size: 80px;
    line-height: 80px !important;
    letter-spacing: -0.05em;
    color: var(--drishti-white);
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    font-family: var(--drishti-font-two) !important;
}

.serv-gallery__experience-text {
    font-size: 24px;
    font-weight: 500;
    color: var(--drishti-white);
    text-transform: capitalize;
    position: relative;
    display: block;
    flex: 1;
}

.ribbon {
    width: 120px;
    height: 120px;
    overflow: hidden;
    position: absolute;
    top: -10px;
    right: -10px;
}

.ribbon span {
    position: absolute;
    display: block;
    width: 200px;
    padding: 2px 0;
    background: linear-gradient(90deg, rgb(5, 23, 61) 0%, rgb(7, 61, 70) 100%);
    color: #fff;
    font-size: 16px;
    text-align: center;
    transform: rotate(45deg);
    top: 25px;
    right: -50px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.3);
}



/* 20 services*/
.services-one {
    position: relative;
    display: block;
    background-color: var(--drishti-secondary);
    padding: 120px 0 93px;
    counter-reset: count;
    overflow: hidden;
    z-index: 2;
}

.services-one__shape-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: .80;
    z-index: -1;
}

.services-one__shape-1 {
    position: absolute;
    width: 537px;
    height: 502px;
    left: -268px;
    bottom: -130px;
    background: rgba(17, 149, 255, 0.39);
    filter: blur(150px);
    border-radius: 50%;
    z-index: -1;
}

.services-one__shape-2 {
    position: absolute;
    width: 439px;
    height: 410px;
    right: -113px;
    top: 33px;
    background: rgba(17, 149, 255, 0.39);
    filter: blur(150px);
    border-radius: 50%;
    z-index: -1;
}

.services-one__shape-3 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.services-one__shape-3 img {
    width: auto;
}

.services-one__shape-4 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.services-one__shape-4 img {
    width: auto;
}

.services-one__top {
    position: relative;
    display: block;
    margin-bottom: 59px;
}

.services-one__top-left {
    position: relative;
    display: block;
}

.services-one__top-left .section-title {
    margin-bottom: 0px;
}

.services-one__top-right {
    position: relative;
    display: block;
    margin-top: 16px;
}

.services-one__bottom {
    position: relative;
    display: block;
}

.services-one__left {
    position: relative;
    display: block;
    margin-left: 123px;
    margin-right: 47px;
}

.services-one__img-box {
    position: relative;
    display: block;
}

.services-one__img-shape-1 {
    position: absolute;
    top: 56px;
    left: -96px;
    right: 70px;
    bottom: -123px;
    border: 1px dashed var(--drishti-base);
    border-radius: 32px;
}

.services-one__img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 24px;
}

.services-one__img::before {
    background: rgba(255, 255, 255, 0.3);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    opacity: 1;
    z-index: 1;
    pointer-events: none;
}

.services-one__img:hover::before {
    height: 100%;
    opacity: 0;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.services-one__img img {
    width: 100%;
    border-radius: 24px;
}

.services-one__img-2 {
    position: absolute;
    top: 100px;
    left: -123px;
    bottom: -289px;
    overflow: hidden;
    border-radius: 24px;
}

.services-one__img-2::before {
    background: rgba(255, 255, 255, 0.3);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    opacity: 1;
    z-index: 1;
    pointer-events: none;
}

.services-one__img-2:hover::before {
    width: 100%;
    opacity: 0;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}

.services-one__img-2 img {
    width: auto;
    border-radius: 24px;
}

.services-one__experience-box {
    position: absolute;
    bottom: -250px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    background: linear-gradient(270deg, #4379F2 0%, #2467FE 100%);
    padding: 25px 25px 22px;
    border-radius: 48px;
    max-width: 245px;
    width: 100%;
}

.services-one__experience-icon {
    position: relative;
    display: inline-block;
}

.services-one__experience-icon span {
    position: relative;
    display: inline-block;
    font-size: 44px;
    color: var(--drishti-white);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
}

.services-one__experience-box:hover .services-one__experience-icon span {
    transform: scale(0.9);
}

.services-one__experience-content {
    position: relative;
    display: block;
    flex: 1;
}

.services-one__experience-content p {
    font-family: var(--drishti-font-two);
    color: var(--drishti-white);
    font-weight: 500;
    font-size: 12px;
    line-height: 12px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.services-one__experience-content p span {
    font-size: 28px;
    line-height: 18px !important;
    font-family: var(--drishti-font-two) !important;
    color: var(--drishti-white);
    font-weight: 700;
}

.services-one__right {
    position: relative;
    display: block;
    margin-top: 12px;
}

.services-one__services-list {
    position: relative;
    display: block;
}

.services-one__services-list li {
    position: relative;
    display: block;
}

.services-one__services-list li+li {
    margin-top: 14px;
}

.services-one__services-single {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #DFDFFF;
    padding-bottom: 20px;
}

.services-one__services-list li:last-child .services-one__services-single {
    border-bottom: 0;
}

.services-one__count-and-content {
    position: relative;
    display: flex;
    align-items: center;
    gap: 35px;
}

.services-one__count {
    position: relative;
    display: block;
}

.services-one__count:before {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 27px;
    font-weight: 600;
    color: var(--drishti-gray);
    font-family: var(--drishti-font-two);
    letter-spacing: -0.54px;
    counter-increment: count;
    content: "0"counter(count);
    transition: all 200ms linear;
    transition-delay: 0.1s;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-one__services-list li:hover .services-one__count:before {
    color: var(--drishti-base);
}

.services-one__count::after {
    content: "";
    position: absolute;
    top: 7px;
    right: -6px;
    width: 2px;
    height: 13px;
    background-color: var(--drishti-gray);
    transform: rotate(14deg);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-one__services-list li:hover .services-one__count::after {
    background-color: var(--drishti-base);
}

.services-one__content {
    position: relative;
    display: block;
    flex: 1;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-one__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    letter-spacing: -0.02em;
    font-family: var(--drishti-font);
    margin-bottom: 1px;
}

.services-one__title a {
    color: var(--drishti-black);
}

.services-one__title a:hover {
    color: var(--drishti-base);
}

.services-one__arrow {
    position: relative;
    display: block;
}

.services-one__arrow a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    font-size: 20px;
    color: var(--drishti-white);
    background-color: var(--drishti-base);
    border-radius: 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-one__arrow a:hover {
    background-color: var(--drishti-primary);
}

.services-one__services-list li:hover .services-one__arrow a {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition-delay: 200ms;
    opacity: 1;
}

.services-one__hover-img {
    position: absolute;
    top: -30px;
    right: 92px;
    height: 240px;
    width: 220px;
    overflow: hidden;
    border-radius: 20px;
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
    pointer-events: none;
    -webkit-animation: inactiveImageAnimation 1s forwards ease;
    animation: inactiveImageAnimation 1s forwards ease;
    z-index: 2;
}

.services-one__hover-img img {
    width: 100%;
    border-radius: 20px;
}

.services-one__services-list li:hover .services-one__hover-img {
    -webkit-animation: activeImageAnimation 1s forwards ease;
    animation: activeImageAnimation 1s forwards ease;
}


@keyframes inactiveImageAnimation {
    0% {
        clip-path: inset(0 0 0 0);
    }

    100% {
        clip-path: inset(0 0 0 100%);
    }
}

@keyframes activeImageAnimation {
    0% {
        clip-path: inset(0 100% 0 0);
    }

    100% {
        clip-path: inset(0 0 0 0);
    }
}







/*--------------------------------------------------------------
# Services Two
--------------------------------------------------------------*/
.services-two {
    position: relative;
    display: block;
    background-color: var(--drishti-secondary);
    counter-reset: count;
    padding: 160px 0 100px;
    overflow: hidden;
    z-index: 1;
}

.services-two__shape-bg-1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    mix-blend-mode: plus-lighter;
    opacity: .10;
    z-index: -1;
}

.services-two__shape-bg-2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: .20;
    animation: topBottom 3s ease-in-out infinite;
    z-index: -1;
}

.services-two__shape-bg-3 {
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 39px;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 1;
}

.services-two__shape-1 {
    position: absolute;
    top: 30px;
    left: 0;
    z-index: -1;
}

.services-two__shape-1 img {
    width: auto;
}

.services-two__shape-2 {
    position: absolute;
    top: 280px;
    right: 0;
    z-index: -1;
}

.services-two__shape-2 img {
    width: auto;
}

.services-two__shape-3 {
    position: absolute;
    width: 546px;
    height: 584px;
    left: -295.78px;
    top: -83.54px;
    background: rgba(255, 255, 255, 0.39);
    filter: blur(150px);
    border-radius: 50%;
    z-index: -1;
}

.services-two__shape-4 {
    position: absolute;
    width: 546px;
    height: 584px;
    left: -309px;
    top: 410.54px;
    background: rgba(17, 149, 255, 0.39);
    filter: blur(150px);
    border-radius: 50%;
    z-index: -1;
}

.services-two__shape-5 {
    position: absolute;
    width: 546px;
    height: 584px;
    right: -250px;
    top: -115px;
    background: rgba(17, 149, 255, 0.39);
    filter: blur(150px);
    border-radius: 50%;
    z-index: -1;
}














.services-two__inner {
    position: relative;
    display: block;
}

.services-two__services-list {
    position: relative;
    display: block;
}

.services-two__services-list li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--drishti-white);
    border: 1px solid #F1F1F2;
    box-shadow: 0px 2px 1px rgba(3, 4, 28, 0.08);
    border-radius: 12px;
    padding: 19px 19px 19px;
    margin-bottom: 20px;
}

.services-two__icon-and-title-box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 70px;
    max-width: 480px;
    width: 100%;
}

.services-two__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background-color: #F0FFD9;
    border-radius: 12px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-two__services-list li:hover .services-two__icon {
    background-color: var(--drishti-base);
}

.services-two__services-list li:nth-child(2) .services-two__icon {
    background-color: #FFECC5;
}

.services-two__services-list li:nth-child(3) .services-two__icon {
    background-color: #D9EAF9;
}

.services-two__services-list li:nth-child(4) .services-two__icon {
    background-color: rgba(254, 100, 111, .20);
}

.services-two__services-list li:nth-child(5) .services-two__icon {
    background-color: rgba(123, 237, 191, .25);
}

.services-two__services-list li:nth-child(2):hover .services-two__icon {
    background-color: var(--drishti-base);
}

.services-two__services-list li:nth-child(3):hover .services-two__icon {
    background-color: var(--drishti-base);
}

.services-two__services-list li:nth-child(4):hover .services-two__icon {
    background-color: var(--drishti-base);
}

.services-two__services-list li:nth-child(5):hover .services-two__icon {
    background-color: var(--drishti-base);
}

.services-two__icon span {
    position: relative;
    display: inline-block;
    font-size: 40px;
    color: var(--drishti-black);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
}

.services-two__services-list li:hover .services-two__icon span {
    transform: scale(0.9);
    color: var(--drishti-white);
}

.services-two__title-box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 18px;
}

.services-two__count {
    position: relative;
    display: inline-block;
}

.services-two__count::before {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: var(--drishti-gray);
    font-family: var(--drishti-font);
    counter-increment: count;
    content: "0"counter(count);
    transition: all 200ms linear;
    transition-delay: 0.1s;
    top: 2px;
}

.services-two__count::after {
    content: "";
    position: absolute;
    top: 7px;
    right: -6px;
    width: 2px;
    height: 13px;
    background-color: var(--drishti-gray);
    transform: rotate(14deg);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-two__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
    font-family: var(--drishti-font);
}

.services-two__title a {
    color: var(--drishti-black);
}

.services-two__services-list li:hover .services-two__title a {
    color: var(--drishti-base);
}

.services-two__text-and-btn-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 645px;
    width: 100%;
}

.services-two__text {
    font-size: 18px;
    line-height: 27px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-two__services-list li:hover .services-two__text {
    color: var(--drishti-black);
}

.services-two__btn-box {
    position: relative;
    display: block;
}

.services-two__btn-box a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 7px;
    font-weight: 500;
    color: var(--drishti-gray);
    border: 2px solid #F1F1F2;
    padding: 15px 18px 15px;
    border-radius: 30px;
    overflow: hidden;
    transition: 0.5s ease-in-out;
    z-index: 1;
}

.services-two__btn-box a:hover {
    color: var(--drishti-white);
    border: 2px solid transparent;
}

.services-two__btn-box a::after {
    content: "";
    background-color: var(--drishti-base);
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    clip-path: circle(0% at 50% 50%);
    transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 0.8s;
    z-index: -1;
}

.services-two__btn-box a:hover:after {
    clip-path: circle(100% at 50% 50%);
    transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 4s;
}

/* hover image */
.services-two__services-list .hover-item__box {
    position: absolute;
    width: 300px;
    height: 250px;
    top: 15%;
    right: 0;
    pointer-events: none;
    transform: translate(-100%, -50%);
    overflow: hidden;
    opacity: 0;
    transform: scale(0.8) rotate(22deg) !important;
    transition: all 0.5s ease-out;
    z-index: 10;
}

.services-two__services-list .hover-item__box-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    transition: transform 0.4s ease-out;
}

/*--------------------------------------------------------------
# Services Three
--------------------------------------------------------------*/
.services-three {
    position: relative;
    display: block;
    background-color: var(--drishti-secondary);
    padding: 120px 0 120px;
    z-index: 1;
}

.services-three__inner {
    position: relative;
    display: block;
}

.services-three__main-tab-box {
    position: relative;
    display: block;
}

.services-three__tab-buttons-box {
    position: relative;
    display: block;
    margin: 0 auto 30px;
}

.services-three__main-tab-box .tab-buttons {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -10px 0;
}

.services-three__main-tab-box .tab-buttons .tab-btn {
    position: relative;
    display: block;
    padding: 0 10px;
    flex: 0 0 20%;
    max-width: 20%;
    width: 100%;
    margin-bottom: 20px;
}

.services-three__tab-buttons-single {
    position: relative;
    display: block;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    padding: 30px 30px 25px;
    max-width: 240px;
    width: 100%;
    border-radius: 12px;
    background-color: var(--drishti-white);
    transition: all 0.5s linear;
    z-index: 1;
}

.services-three__tab-buttons-single:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 0%;
    background-color: var(--drishti-base);
    transition: all 0.3s ease;
    z-index: -1;
}

.services-three__main-tab-box .tab-buttons .tab-btn.active-btn .services-three__tab-buttons-single:before {
    height: 100%;
}

.services-three__main-tab-box .tab-buttons .tab-btn+.tab-btn {
    margin-left: 0px;
}

.services-three__main-tab-box .tab-buttons .tab-btn .services-three__tab-buttons-single i {
    position: relative;
    display: inline-block;
    font-size: 52px;
    color: var(--drishti-base);
    transition: all 0.3s ease;
}

.services-three__main-tab-box .tab-buttons .tab-btn.active-btn .services-three__tab-buttons-single i {
    color: var(--drishti-white);
}

.services-three__main-tab-box .tab-buttons .tab-btn .services-three__tab-buttons-single span {
    position: relative;
    display: block;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    color: var(--drishti-black);
    font-weight: 600;
    text-transform: capitalize;
    font-family: var(--drishti-font-two);
    margin-top: 10px;
}

.services-three__main-tab-box .tab-buttons .tab-btn.active-btn .services-three__tab-buttons-single span {
    color: var(--drishti-white);
}

.services-three__main-tab-box .tabs-content {
    position: relative;
    display: block;
}

.services-three__main-tab-box .tabs-content .tab {
    position: relative;
    display: none;
    -webkit-transform: translateX(35px);
    -ms-transform: translateX(35px);
    transform: translateX(35px);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    z-index: 10;
}

.services-three__main-tab-box .tabs-content .tab.active-tab {
    display: block;
    margin-top: 0px;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.services-three__tab-content-box {
    position: relative;
    display: block;
    border-radius: 12px;
    overflow: hidden;
    z-index: 1;
}

.services-three__tab-img-1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: calc((100% - -43px) / 2);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    z-index: -1;
}

.services-three__tab-left {
    position: relative;
    display: block;
    text-align: center;
    margin-right: -90px;
    padding: 41px 90px 50px;
    clip-path: circle(76.6% at 33% 45%);
    background: linear-gradient(270deg, #2E72FF 0%, #1661FC 100%);
}

.services-three__shape-1 {
    position: absolute;
    bottom: 20px;
    left: 20px;
    animation: topBottom 3s ease-in-out infinite;
}

.services-three__shape-1 img {
    width: auto;
}

.services-three__shape-2 {
    position: absolute;
    bottom: 90px;
    right: 80px;
    opacity: .60;
    animation: leftRight 4s ease-in-out infinite;
}

.services-three__shape-2 img {
    width: auto;
}

.services-three__tab-title {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    color: var(--drishti-white);
    text-transform: capitalize;
}

.services-three__tab-text {
    color: var(--drishti-white);
    margin: 20px 0 25px;
}

.services-three__tab-doller-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 130px;
    flex-direction: column;
    border-radius: 50%;
    margin: 0 auto;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.69) 0%, #2E72FF 100%);
}

.services-three__tab-doller {
    font-size: 34px;
    font-weight: 700;
    color: var(--drishti-white);
    font-family: var(--drishti-font-two);
}

.services-three__tab-doller span {
    font-size: 16px;
    font-weight: 400;
    position: relative;
    margin-right: 3px;
    top: -2px;
}

.services-three__tab-doller-sub-title {
    color: var(--drishti-white);
}

.services-three__btn-box {
    position: relative;
    display: block;
    margin-top: 30px;
}

.services-three__btn-box .thm-btn {
    background-color: var(--drishti-extra);
    color: var(--drishti-black);
}

.services-three__btn-box .thm-btn span {
    color: var(--drishti-black);
}


/*--------------------------------------------------------------
# Service details
--------------------------------------------------------------*/
.services-details {
    position: relative;
    display: block;
    padding: 120px 0 0;
    z-index: 1;
}

.services-details__left {
    position: relative;
    display: block;
}

.services-details__title-1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 56px;
    letter-spacing: -0.03em;
}

.services-details__text-1 {
    margin-top: 18px;
    margin-bottom: 48px;
}

.services-details__img-box {
    position: relative;
    display: block;
}

.services-details__img {
    position: relative;
    display: block;
}

.services-details__img img {
    width: 100%;
    border-radius: 20px;
}

.services-details__title-2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: -0.03em;
    margin: 50px 0 21px;
}

.services-details__points-box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 45px;
    margin: 28px 0 42px;
}

.services-details__points {
    position: relative;
    display: block;
}

.services-details__points li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}

.services-details__points li+li {
    margin-top: 10px;
}

.services-details__points li .icon {
    position: relative;
    display: inline-block;
}

.services-details__points li .icon span {
    position: relative;
    display: inline-block;
    font-size: 20px;
    color: var(--drishti-base);
}

.services-details__points li p {
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    color: var(--drishti-black);
}

.services-details__service-single-box {
    position: relative;
    display: block;
    background-color: var(--drishti-secondary);
    border: 1px solid #E7E7E7;
    border-radius: 12px;
    padding: 40px 50px 16px;
}

.services-details__services-single {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 23px;
}

.services-details__services-icon {
    position: relative;
    display: inline-block;
}

.services-details__services-icon span {
    position: relative;
    display: inline-block;
    font-size: 76px;
    color: var(--drishti-base);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
}

.services-details__services-single:hover .services-details__services-icon span {
    transform: scale(0.9);
}

.services-details__services-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: -0.02em;
    margin: 20px 0 11px;
}

.services-details__title-3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    margin: 50px 0 21px;
}

.services-details__img-box-2 {
    position: relative;
    display: block;
    margin: 32px 0 30px;
}

.services-details__img-box-img-1 {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.services-details__img-box-img-1 img {
    width: 100%;
    border-radius: 20px;
}

.services-details__title-4 {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.03em;
    margin-bottom: 11px;
}

.services-details__points-and-img-box {
    position: relative;
    display: block;
    margin: 32px 0 34px;
}

.services-details__points-3 {
    position: relative;
    display: block;
}

.services-details__points-list-3 {
    position: relative;
    display: block;
    margin-top: 10px;
}

.services-details__points-list-3 li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}

.services-details__points-list-3 li+li {
    margin-top: 21px;
}

.services-details__points-list-3 li .icon {
    position: relative;
    display: inline-block;
}

.services-details__points-list-3 li .icon span {
    position: relative;
    display: inline-block;
    font-size: 20px;
    color: var(--drishti-base);
}

.services-details__points-list-3 li p {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 32px;
    color: var(--drishti-black);
}

.services-details__points-img {
    position: relative;
    display: block;
}

.services-details__points-img img {
    width: 100%;
    border-radius: 20px;
}

.services-details__title-5 {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin: 50px 0 12px;
}

.services-details__bottom-img {
    position: relative;
    display: block;
    margin-top: 32px;
}

.services-details__bottom-img img {
    width: 100%;
    border-radius: 20px;
}

.services-details__right {
    position: relative;
    display: block;
    /*margin-left: 54px;*/
}

.services-details__service-list-box {
    position: relative;
    display: block;
    border: 1px solid #E7E7E7;
    background-color: var(--drishti-secondary);
    border-radius: 4px;
    padding: 20px 15px 20px;
    margin-bottom: 50px;
}

.services-details__service-list-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    font-family: var(--drishti-font);
    text-transform: uppercase;
    margin-bottom: 21px;
}

.services-details__service-list {
    position: relative;
    display: block;
}

.services-details__service-list li {
    position: relative;
    display: block;
}

.services-details__service-list li+li {
    margin-top: 8px;
}

.services-details__service-list li a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    font-family: var(--drishti-font-two);
    color: var(--drishti-black);
    border: 1px solid #D5D5FF;
    border-radius: 2px;
    padding: 12px 12px 12px;
    overflow: hidden;
    z-index: 1;
}

.services-details__service-list li:hover a,
.services-details__service-list li.active a {
    color: var(--drishti-white);
}

.services-details__service-list li a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    background-color: var(--drishti-base);
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    transform-origin: bottom right;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    z-index: -1;
}

.services-details__service-list li:hover a::before,
.services-details__service-list li.active a::before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: top center;
}


/*--------------------------------------------------------------
# Services Page
--------------------------------------------------------------*/
.services-page {
    position: relative;
    display: block;
    padding: 120px 0 100px;
}

.services-page .services-two__shape-bg-3 {
    display: none;
}



/* 21 slider*/
/*--------------------------------------------------------------
# Main Slider
--------------------------------------------------------------*/
.main-slider {
    position: relative;
    display: block;
    background-color: var(--drishti-black);
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    overflow: hidden;
    z-index: 10;
}

.main-slider__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
    transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
    transition: transform 7000ms ease, opacity 1500ms ease-in;
    transition: transform 7000ms ease, opacity 1500ms ease-in, -webkit-transform 7000ms ease;
    z-index: -1;
}

.main-slider__bg:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(270deg, rgba(6, 33, 89, 0) 0%, rgba(0, 31, 95, 0.8) 80.5%);
}

.main-slider .swiper-slide-active .main-slider__bg {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
}

.main-slider__shape-bg {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    z-index: -1;
}

.main-slider__shape-1 {
    position: absolute;
    bottom: 145px;
    left: 75px;
    opacity: .90;
    z-index: -1;
}

.main-slider__shape-1 img {
    width: auto;
}

.main-slider__img-box {
    position: absolute;
    top: 185px;
    left: 815px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    width: 80px;
    border: 1px solid rgba(239, 237, 255, .50);
    border-radius: 50%;
    animation: topBottom 3s ease-in-out infinite;
}

.main-slider__img {
    position: relative;
    display: block;
    height: 64px;
    width: 64px;
    border-radius: 50%;
    overflow: hidden;
}

.main-slider__img img {
    width: 100%;
    border-radius: 50%;
}

.main-slider .container {
    position: relative;
    padding-top: 201px;
    padding-bottom: 218px;
    z-index: 30;
}

.main-slider__content {
    position: relative;
    display: block;
    z-index: 10;
}

.main-slider__title {
    position: relative;
    display: block;
    font-size: 64px;
    color: var(--drishti-white);
    font-weight: 700;
    line-height: 75px;
    text-transform: capitalize;
    margin-bottom: 12px;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(-120px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(-120px);
    transform: perspective(400px) rotateY(0deg) translateY(-120px);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.main-slider__title span {
    color: var(--drishti-extra);
}

.main-slider .swiper-slide-active .main-slider__title {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -ms-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;
}

.main-slider__text {
    position: relative;
    display: block;
    color: rgba(var(--drishti-white-rgb), 1);
    font-size: 18px;
    line-height: 28px;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(0deg) translateX(-120px);
    -ms-transform: perspective(400px) rotateX(0deg) translateX(-120px);
    transform: perspective(400px) rotateX(0deg) translateX(-120px);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;

}

.main-slider .swiper-slide-active .main-slider__text {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg) translateX(0px);
    -ms-transform: perspective(400px) rotateX(0deg) translateX(0px);
    transform: perspective(400px) rotatex(0deg) translateX(0px);
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -ms-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;
}

.main-slider__btn-box {
    position: relative;
    display: block;
    margin-top: 32px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(100px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(100px);
    transform: perspective(400px) rotateY(0deg) translateY(100px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.main-slider .swiper-slide-active .main-slider__btn-box {
    visibility: visible;
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -ms-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;
}

.main-slider__btn-box .thm-btn::after {
    background-color: rgba(var(--drishti-white-rgb), 1);
}

.main-slider__btn-box .thm-btn:hover span {
    background-color: var(--drishti-black);
    color: var(--drishti-white);
}

.main-slider__btn-box .thm-btn:hover {
    color: var(--drishti-black);
}

.main-slider__nav {
    position: absolute;
    top: 43%;
    right: 0;
    left: 0;
    z-index: 100;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    max-width: 100%;
    width: 100%;
    padding: 0px 50px;
    margin: 0 auto;
    height: 0;
    line-height: 0;
    transform: translateY(-50%);
}


.main-slider__nav .swiper-button-next,
.main-slider__nav .swiper-button-prev {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: 100;
    width: 50px;
    height: 50px;
    font-size: 20px;
    color: rgba(var(--drishti-extra-rgb), 1);
    opacity: 1;
    margin: 0;
    text-align: center;
    transition: all 500ms ease;
    border-radius: 12px;
    border: 1px solid rgba(var(--drishti-white-rgb), .30);
    background: transparent;
    padding: 14px 0;
}


.main-slider__nav .swiper-button-next:hover,
.main-slider__nav .swiper-button-prev:hover {
    color: var(--drishti-black);
    background-color: rgba(var(--drishti-extra-rgb), 1);
    border: 1px solid rgba(var(--drishti-extra-rgb), 1);
}

.main-slider__nav .swiper-button-next::after,
.main-slider__nav .swiper-button-prev::after {
    display: none;
}

.main-slider__nav .swiper-button-next {
    margin-top: 10px;
}

.main-slider__nav .swiper-button-next i,
.main-slider__nav .swiper-button-prev i {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-slider__nav .swiper-button-prev i {
    transform: rotateY(180deg);
}



/* 22 sliding-text*/
/*--------------------------------------------------------------
# Sliding Text One
--------------------------------------------------------------*/
.sliding-text-one {
    position: relative;
    display: block;
    background: linear-gradient(180deg, #E6E9FF 0%, #FFFFFF 100%);
    border-top: 1px dashed #B6B5B5;
    padding: 20px 0 20px;
    z-index: 4;
}

.sliding-text-one__wrap {
    position: relative;
    display: block;
}

.sliding-text__list {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-wrap: nowrap;
    width: fit-content;
}

.sliding-text__list li {
    position: relative;
    display: block;
    float: left;
    margin-right: 35px;
}

.sliding-text__title {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--drishti-gray);
    font-size: 28px;
    line-height: 28px;
    font-weight: 500;
    font-family: var(--drishti-font-two);
    font-style: normal;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sliding-text__title:before {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    color: var(--drishti-base);
    white-space: nowrap;
    content: attr(data-hover);
    transition: all 0.5s cubic-bezier(0.17, 0.67, 0.32, 0.87);
}

.sliding-text__list li:hover .sliding-text__title:before {
    width: 100%;
    color: var(--drishti-base);
}

.sliding-text__title img {
    margin-left: 35px;
    position: relative;
    width: auto;
    animation: textRotate 10s linear 0s forwards infinite alternate;
}

@keyframes textRotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*--------------------------------------------------------------
# Sliding Text Two
--------------------------------------------------------------*/
.sliding-text-two {
    position: relative;
    display: block;
    background: linear-gradient(180deg, #E6E9FF 0%, #FFFFFF 100%);
    padding: 36px 0 36px;
    z-index: 4;
}

.sliding-text-two__wrap {
    position: relative;
    display: block;
}

.sliding-text-two__list {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-wrap: nowrap;
    width: fit-content;
}

.sliding-text-two__list li {
    position: relative;
    display: block;
    float: left;
    margin-right: 35px;
}

.sliding-text-two__title {
    position: relative;
    display: flex;
    align-items: center;
    color: transparent;
    -webkit-text-stroke: 1px var(--drishti-gray);
    font-size: 48px;
    line-height: 48px;
    font-weight: 600;
    font-family: var(--drishti-font);
    font-style: normal;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sliding-text-two__list li:hover .sliding-text-two__title {
    -webkit-text-stroke: 1px var(--drishti-base);
}

.sliding-text-two__title:before {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    color: var(--drishti-base);
    white-space: nowrap;
    content: attr(data-hover);
    transition: all 0.5s cubic-bezier(0.17, 0.67, 0.32, 0.87);
}

.sliding-text-two__list li:hover .sliding-text-two__title:before {
    width: 100%;
    color: var(--drishti-base);
}

.sliding-text-two__title img {
    margin-left: 35px;
    position: relative;
    width: auto;
    animation: textRotate 10s linear 0s forwards infinite alternate;
}

/*--------------------------------------------------------------
# Sliding Text Three
--------------------------------------------------------------*/
.sliding-text-three {
    position: relative;
    display: block;
    padding: 14px 0 14px;
    background-color: var(--drishti-base);
    z-index: 4;
}

.sliding-text-three__wrap {
    position: relative;
    display: block;
}

.sliding-text-three__list {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-wrap: nowrap;
    width: fit-content;
}

.sliding-text-three__list li {
    position: relative;
    display: block;
    float: left;
    margin-right: 35px;
}

.sliding-text-three__title {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--drishti-white);
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    font-family: var(--drishti-font-two);
    font-style: normal;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sliding-text-three__list li:hover .sliding-text-three__title {
    color: transparent;
}

.sliding-text-three__title:before {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    color: var(--drishti-black);
    white-space: nowrap;
    content: attr(data-hover);
    transition: all 0.5s cubic-bezier(0.17, 0.67, 0.32, 0.87);
}

.sliding-text-three__list li:hover .sliding-text-three__title:before {
    width: 100%;
    color: var(--drishti-black);
}

.sliding-text-three__title span {
    margin-left: 35px;
    position: relative;
    display: inline-block;
    font-size: 24px;
    width: auto;
    animation: textRotate 10s linear 0s forwards infinite alternate;
}


/* 23 team*/
.team-one {
    position: relative;
    display: block;
    padding: 120px 0 96px;
    background: linear-gradient(180deg, #FFFFFF 0%, #E8ECFF 50%, #FFFFFF 100%);
    overflow: hidden;
    z-index: 1;
}

.team-one__shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .20;
    z-index: -1;
}

.team-one__shape-1 img {
    width: auto;
}

.team-one__shape-2 {
    position: absolute;
    bottom: 0;
    right: -30px;
    opacity: .20;
    z-index: -1;
}

.team-one__shape-2 img {
    width: auto;
}

.team-one__shape-3 {
    position: absolute;
    width: 416px;
    height: 388px;
    left: -149px;
    top: 315px;
    background: rgba(17, 149, 255, 0.24);
    filter: blur(150px);
    border-radius: 50%;
    z-index: -1;
}

.team-one__shape-4 {
    position: absolute;
    width: 416px;
    height: 388px;
    right: -106px;
    top: 19px;
    background: rgba(17, 149, 255, 0.16);
    filter: blur(150px);
    border-radius: 50%;
    z-index: -1;
}

.team-one__carousel {
    position: relative;
    display: block;
}

.team-one__single {
    position: relative;
    display: block;
    margin-left: 26px;
}

.team-one__img-box {
    position: relative;
    display: block;
}

.team-one__img {
    position: relative;
    display: block;
    border-radius: 6px;
    overflow: hidden;
    max-height: 210px;
    min-height: 210px;
    object-fit: cover;
}/*
@media only screen and (max-width: 767px) {
  .team-one__img {
    position: relative;
    display: block;
    border-radius: 6px;
    overflow: hidden;
    max-height: 120px;
    min-height: 120px;
    object-fit: cover;
  }
  .team-one__img img {
    width: 100%;
    border: 2px solid var(--drishti-white);
    border-radius: 6px;
    max-height: 110px;
    min-height: 110px;
    object-fit: cover;
  }
}*/

.team-one__img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    background-color: var(--drishti-black);
    transition: opacity 0.5s ease;
    transition: all 0.5s ease;
    z-index: 1;
}

.team-one__single:hover .team-one__img::before {
    opacity: 0.5;
}

.team-one__img img {
    width: 100%;
    border: 2px solid var(--drishti-white);
    border-radius: 6px;
    max-height: 210px;
    min-height: 210px;
    object-fit: cover;
}

.team-one__content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 19px;
}

.team-one__title-box {
    position: relative;
    display: block;
}

.team-one__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
}

.team-one__title a {
    color: var(--drishti-black);
}

.team-one__title a:hover {
    color: var(--drishti-base);
}

.team-one__sub-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

.team-one__arrow {
    position: relative;
    display: block;
}

.team-one__arrow a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 16px;
    color: var(--drishti-base);
    border: 1px solid var(--drishti-base);
    border-radius: 50%;
}

.team-one__arrow a:hover {
    color: var(--drishti-white);
    border: 1px solid var(--drishti-base);
    background-color: var(--drishti-base);
}

.team-one__share-and-social {
    position: absolute;
    left: -26px;
    bottom: 18px;
    cursor: pointer;
    z-index: 2;
}

.team-one__share {
    position: relative;
    display: block;
}

.team-one__share span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    font-size: 20px;
    color: var(--drishti-white);
    background-color: var(--drishti-base);
    border: 2px solid var(--drishti-white);
    border-radius: 50%;
}

.team-one__social {
    position: absolute;
    left: 26px;
    top: 4px;
    background-color: var(--drishti-white);
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 6px 6px;
    padding-left: 30px;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    background-position: left center;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    transform-origin: left;
    transform-style: preserve-3d;
    transform: scalex(0);
    z-index: -1;
}

.team-one__share-and-social:hover .team-one__social {
    transform: scalex(1.0);
}

.team-one__social a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    font-size: 14px;
    color: var(--drishti-black);
    background-color: #F1F1F2;
    border-radius: 50%;
}


.team-one__social a:hover {
    color: var(--drishti-white);
    background-color: var(--drishti-base);
}

.team-one__carousel.owl-theme .owl-nav {
    position: absolute;
    top: -110px;
    right: 0;
    margin: 0;
}

.team-one__carousel.owl-theme .owl-nav .owl-next {
    position: relative;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 11px;
    color: var(--drishti-base);
    background-color: transparent;
    border: 1px solid var(--drishti-base);
    font-size: 16px;
    margin: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.team-one__carousel.owl-theme .owl-nav .owl-prev {
    position: relative;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 11px;
    color: var(--drishti-base);
    background-color: transparent;
    border: 1px solid var(--drishti-base);
    font-size: 16px;
    margin: 0;
    text-align: center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    display: inline-block;
    transform: rotate(-90deg);
}

.team-one__carousel.owl-theme .owl-nav .owl-next {
    margin-left: 6px;
}

.team-one__carousel.owl-theme .owl-nav .owl-prev {
    margin-right: 6px;
}

.team-one__carousel.owl-theme .owl-nav .owl-next span,
.team-one__carousel.owl-theme .owl-nav .owl-prev span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-one__carousel.owl-theme .owl-nav .owl-next:hover,
.team-one__carousel.owl-theme .owl-nav .owl-prev:hover {
    background-color: var(--drishti-base);
    color: var(--drishti-white);
}

.team-page {
    position: relative;
    display: block;
    padding: 120px 0 61px;
}

.team-page .team-one__single {
    margin-bottom: 40px;
}

/*--------------------------------------------------------------
# Team Two
--------------------------------------------------------------*/
.team-two {
    position: relative;
    display: block;
    background: linear-gradient(180deg, #FFFFFF 0%, #EFF4FB 46.5%, #FFFFFF 100%);
    overflow: hidden;
    padding: 96px 0 65px;
    z-index: 1;
}

.team-two__shape-1 {
    position: absolute;
    top: -20px;
    left: 0;
    opacity: .40;
    animation: topBottom 3s ease-in-out infinite;
    z-index: -1;
}

.team-two__shape-1 img {
    width: auto;
}

.team-two__shape-2 {
    position: absolute;
    top: 0;
    right: 0;
    mix-blend-mode: color-dodge;
    z-index: -1;
}

.team-two__shape-2 img {
    width: auto;
}

.team-two__shape-3 {
    position: absolute;
    width: 481px;
    height: 448px;
    left: -221px;
    top: 269px;
    background: rgba(17, 149, 255, 0.38);
    filter: blur(150px);
    border-radius: 50%;
    z-index: -1;
}

.team-two__shape-4 {
    position: absolute;
    width: 481px;
    height: 448px;
    right: -125px;
    top: 448px;
    background: rgba(17, 149, 255, 0.38);
    filter: blur(150px);
    border-radius: 50%;
    z-index: -1;
}

.team-two__inner {
    position: relative;
    display: block;
}

.team-two__main-tab-box {
    position: relative;
    display: block;
}

.team-two__tab-buttons-box-one {
    position: relative;
    display: block;
    margin-right: 30px;
    margin-bottom: 30px;
}

.team-two__tab-buttons-box-two {
    position: relative;
    display: block;
    margin-left: 30px;
    margin-bottom: 30px;
}

.team-two__main-tab-box .tab-buttons {
    position: relative;
    display: block;
}

.team-two__main-tab-box .tab-buttons .tab-btn {
    position: relative;
    display: block;
}

.team-two__main-tab-box .tab-buttons .tab-btn+.tab-btn {
    margin-top: 20px;
}

.team-two__buttons {
    position: relative;
    display: block;
    background-color: var(--drishti-white);
    border-radius: 24px;
    border: 1px solid #F1F1F2;
    padding: 23px 23px 21px;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
}

.team-two__main-tab-box .tab-buttons .tab-btn.active-btn .team-two__buttons {
    border: 1px solid var(--drishti-base);
}

.team-two__buttons::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 24px;
    background-color: var(--drishti-base);
    transform: scaleX(0.7) rotateX(20deg);
    opacity: 0;
    transition: all 0.4s linear;
    z-index: -1;
}

.team-two__main-tab-box .tab-buttons .tab-btn.active-btn .team-two__buttons:before {
    transform: scaleX(1.0) rotateX(0deg);
    transition: all 0.4s linear;
    opacity: 1;
}

.team-two__buttons-experience-years {
    position: absolute;
    top: 20px;
    right: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(270deg, rgba(46, 114, 255, 0.12) 0%, rgba(46, 114, 255, 0) 100%);
    padding: 4px 22px 4px 14px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.team-two__main-tab-box .tab-buttons .tab-btn.active-btn .team-two__buttons .team-two__buttons-experience-years {
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 231, 0) 100%);
}

.team-two__buttons-experience-years-count {
    position: relative;
    display: block;
}

.team-two__buttons-experience-years-count h3 {
    font-size: 32px;
    color: var(--drishti-base);
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.04em;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.team-two__main-tab-box .tab-buttons .tab-btn.active-btn .team-two__buttons .team-two__buttons-experience-years-count h3 {
    color: var(--drishti-white);
}

.team-two__buttons-experience-years-text {
    font-size: 14px;
    font-weight: 500;
    font-family: var(--drishti-font-two);
    line-height: 18px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.team-two__main-tab-box .tab-buttons .tab-btn.active-btn .team-two__buttons .team-two__buttons-experience-years-text {
    color: var(--drishti-white);
}

.team-two__buttons-img-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    width: 70px;
    border: 1px solid var(--drishti-base);
    border-radius: 50%;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.team-two__main-tab-box .tab-buttons .tab-btn.active-btn .team-two__buttons .team-two__buttons-img-box {
    border: 1px solid var(--drishti-white);
}

.team-two__buttons-img {
    position: relative;
    display: block;
    height: 58px;
    width: 58px;
    border-radius: 50%;
    overflow: hidden;
}

.team-two__buttons-img img {
    width: 100%;
    border-radius: 50%;
}

.team-two__buttons-content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 15px;
}

.team-two__buttons-title-box {
    position: relative;
    display: block;
}

.team-two__buttons-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
}

.team-two__buttons-title a {
    color: var(--drishti-black);
}

.team-two__main-tab-box .tab-buttons .tab-btn.active-btn .team-two__buttons .team-two__buttons-title a {
    color: var(--drishti-white);
}

.team-two__buttons-sub-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.team-two__main-tab-box .tab-buttons .tab-btn.active-btn .team-two__buttons .team-two__buttons-sub-title {
    color: var(--drishti-white);
}

.team-two__buttons-arrow {
    position: relative;
    display: block;
}

.team-two__buttons-arrow a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border: 1px solid var(--drishti-base);
    border-radius: 12px;
    color: var(--drishti-base);
    font-size: 17px;
}

.team-two__main-tab-box .tab-buttons .tab-btn.active-btn .team-two__buttons .team-two__buttons-arrow a {
    color: var(--drishti-black);
    border: 1px solid var(--drishti-extra);
    background-color: var(--drishti-extra);
}

.team-two__main-tab-box .tabs-content {
    position: relative;
    display: block;
}

.team-two__main-tab-box .tabs-content .tab {
    position: relative;
    display: none;
    -webkit-transform: translateX(35px);
    -ms-transform: translateX(35px);
    transform: translateX(35px);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    z-index: 10;
}

.team-two__main-tab-box .tabs-content .tab.active-tab {
    display: block;
    margin-top: 0px;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.team-two__tabs-content-outer {
    position: relative;
    display: block;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 30px;
}

.team-two__tabs-content-box {
    position: relative;
    display: block;
}

.team-two__img-box {
    position: relative;
    display: block;
}

.team-two__img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 12px;
    z-index: 1;
}

.team-two__img:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 37.4%, rgba(3, 22, 63, 0.69) 85.4%);
    border-radius: 12px;
}

.team-two__img img {
    width: 100%;
    border-radius: 12px;
}

.team-two__social {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    z-index: 2;
}

.team-two__social a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border: 1px solid #626F82;
    border-radius: 50%;
    font-size: 17px;
    color: var(--drishti-white);
    overflow: hidden;
    z-index: 1;
}

.team-two__social a:hover {
    color: var(--drishti-white);
    border: 1px solid var(--drishti-base);
}

.team-two__social a:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: var(--drishti-base);
    border-radius: 50%;
    transform: scale(0.0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    z-index: -1;
}

.team-two__social a:hover:before {
    transform: scaleX(1.0);
}


/*--------------------------------------------------------------
  # Team Details
  --------------------------------------------------------------*/
.team-details {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    overflow: hidden;
    z-index: 1;
}

.team-details__shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.team-details__shape-1 img {
    width: auto;
}

.team-details__shape-2 {
    position: absolute;
    top: 0;
    right: -30px;
    z-index: -1;
}

.team-details__shape-2 img {
    width: auto;
}

.team-details__shape-3 {
    position: absolute;
    width: 406px;
    height: 435px;
    right: -120px;
    top: 0px;
    background: rgba(17, 149, 255, 0.39);
    filter: blur(150px);
    z-index: -1;
}

.team-details__left {
    position: relative;
    display: block;
}

.team-details__img-box {
    position: relative;
    display: block;
    margin-left: 136px;
    margin-right: 48px;
}

.team-details__img {
    position: relative;
    display: block;
}

.team-details__img img {
    width: 100%;
    border: 2px solid var(--drishti-white);
    border-radius: 27px;
}

.team-details__experience-box {
    position: absolute;
    bottom: 40px;
    left: 0;
    background-color: var(--drishti-white);
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    padding: 13px 15px 10px;
    padding-left: 50px;
}

.team-details__count-box {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 2px;
}

.team-details__count-box h5 {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px !important;
    font-family: var(--drishti-font-two) !important;
    letter-spacing: -0.03em;
}

.team-details__count-box>span {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px !important;
    font-family: var(--drishti-font-two) !important;
    color: var(--drishti-black);
    position: relative;
    margin-left: 2px;
    margin-right: 6px;
}

.team-details__count-box p {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px !important;
    font-family: var(--drishti-font-two) !important;
    color: var(--drishti-black);
}

.team-details__count-text {
    font-weight: 600;
}

.team-details__experience-icon {
    position: absolute;
    top: -8px;
    left: -29px;
    width: 69px;
    height: 69px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--drishti-base);
    border: 3px solid var(--drishti-white);
    border-radius: 50%;
}

.team-details__experience-icon span {
    position: relative;
    display: inline-block;
    font-size: 25px;
    color: var(--drishti-white);
}

.team-details__right {
    position: relative;
    display: block;
    margin-right: 110px;
}

.team-details__client-name-and-social {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E7E7E7;
    padding-bottom: 10px;
    margin-bottom: 34px;
}

.team-details__client-name-box {
    position: relative;
    display: block;
}

.team-details__name {
    font-size: 36px;
    font-weight: 600;
    line-height: 46px;
    letter-spacing: -0.02em;
}

.team-details__sub-title {
    font-weight: 500;
    letter-spacing: -0.02em;
    font-family: var(--drishti-font-two);
    color: var(--drishti-base);
}

.team-details__social-box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
}

.team-details__social-box a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid #E7E7E7;
    border-radius: 8px;
    font-size: 14px;
    color: var(--drishti-black);
}

.team-details__social-box a:hover {
    background-color: var(--drishti-base);
    color: var(--drishti-white);
}

.team-details__title-1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.team-details__text-1 {
    margin-top: 14px;
    margin-bottom: 31px;
}

.team-details__location-list {
    position: relative;
    display: block;
    background-color: rgba(var(--drishti-base-rgb), 0.05);
    border-radius: 12px;
    max-width: 360px;
    width: 100%;
    padding: 25px 25px 23px !important;
}

.team-details__location-list li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px;
}

.team-details__location-list li+li {
    margin-top: 21px;
}

.team-details__location-list li span {
    position: relative;
    display: block;
    max-width: 120px;
    width: 100%;
    font-weight: 700;
}

.team-details__location-list li p {
    font-weight: 500;
    color: var(--drishti-black);
}

.team-details__location-list li p a {
    color: var(--drishti-black);
}

.team-details__location-list li p a:hover {
    color: var(--drishti-base);
}



/*
Oql*/

.de_team__carousel.owl-theme .owl-nav {
    position: absolute;
    top: -110px;
    right: 0;
    margin: 0;
}

.de_team__carousel.owl-theme .owl-nav .owl-next {
    position: relative;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 4px;
    color: var(--drishti-base);
    background-color: var(--drishti-white);
    border: 1px solid var(--drishti-base);
    font-size: 16px;
    margin: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.de_team__carousel.owl-theme .owl-nav .owl-prev {
    position: relative;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 4px;
    color: var(--drishti-base);
    background-color: var(--drishti-white);
    border: 1px solid var(--drishti-base);
    font-size: 16px;
    margin: 0;
    text-align: center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    display: inline-block;
}

.de_team__carousel.owl-theme .owl-nav .owl-next {
    margin-left: 6px;
}

.de_team__carousel.owl-theme .owl-nav .owl-prev {
    margin-right: 6px;
}

.de_team__carousel.owl-theme .owl-nav .owl-next span,
.de_team__carousel.owl-theme .owl-nav .owl-prev span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.de_team__carousel.owl-theme .owl-nav .owl-next:hover,
.de_team__carousel.owl-theme .owl-nav .owl-prev:hover {
    background-color: var(--drishti-base);
    color: var(--drishti-white);
}

/* 24 testimonial*/
.de_testi_slide {
    position: relative;
    display: block;
    background-color: var(--drishti-secondary);
    padding: 120px 0 155px;
    overflow: hidden;
    z-index: 1;
}

.de_testi_slide__shape-bg-1 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 39px;
    background-repeat: no-repeat;
    background-position: bottom center;
    z-index: 1;
}

.de_testi_slide__shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    animation: topBottom 3s ease-in-out infinite;
    z-index: -1;
}

.de_testi_slide__shape-1 img {
    width: auto;
}

.de_testi_slide__shape-2 {
    position: absolute;
    top: 0;
    right: 0;
    animation: leftRight 4s ease-in-out infinite;
    z-index: -1;
}

.de_testi_slide__shape-2 img {
    width: auto;
}

.de_testi_slide__carousel {
    position: relative;
    display: block;
}

.de_testi_slide__single {
    position: relative;
    display: block;
    background-color: var(--drishti-white);
    box-shadow: 0px 1px 2px #E9E9E9;
    border-radius: 24px;
    padding: 20px 20px 15px;
    z-index: 1;
}

.de_testi_slide__top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 21px;
}

.de_testi_slide__top-title {
    position: relative;
    display: block;
}

.de_testi_slide__top-title h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}

.de_testi_slide__top-quote {
    position: relative;
    display: block;
}

.de_testi_slide__top-quote span {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    color: var(--drishti-base);
    text-transform: uppercase;
}

.de_testi_slide__text {
    font-style: italic;
}

.de_testi_slide__bottom {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 1px solid rgba(0, 0, 0, .17);
    padding-top: 15px;
    margin-top: 19px;
}

.de_testi_slide__star {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.de_testi_slide__star span {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: var(--drishti-extra_dark);
}

.de_testi_slide__client-info {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.de_testi_slide__client-img-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 60px;
    border: 1px solid var(--drishti-base);
    border-radius: 50%;
}

.de_testi_slide__client-img {
    position: relative;
    display: block;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
}

.de_testi_slide__client-img img {
    width: 100%;
}

.de_testi_slide__client-content {
    position: relative;
    display: block;
    flex: 1;
}

.de_testi_slide__client-name {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.02em;
}

.de_testi_slide__client-name a {
    color: var(--drishti-black);
}

.de_testi_slide__client-name a:hover {
    color: var(--drishti-base);
}

.de_testi_slide__client-sub-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
}

.de_testi_slide__carousel.owl-theme .owl-nav {
    position: absolute;
    top: -120px;
    right: 0;
}

.de_testi_slide__carousel.owl-theme .owl-nav .owl-next {
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 4px;
    color: var(--drishti-base);
    background-color: rgba(var(--bs-white-rgb), .5);
    font-size: 16px;
    margin: 0;
    border: 1px solid var(--drishti-base);
    text-align: center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    position: relative;
    display: inline-block;
}

.de_testi_slide__carousel.owl-theme .owl-nav .owl-prev {
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 4px;
    color: var(--drishti-base);
    background-color: rgba(var(--bs-white-rgb), .5);
    font-size: 16px;
    margin: 0;
    border: 1px solid var(--drishti-base);
    text-align: center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    position: relative;
    display: inline-block;
}

.de_testi_slide__carousel.owl-theme .owl-nav .owl-next {
    margin-left: 5px;
}

.de_testi_slide__carousel.owl-theme .owl-nav .owl-prev {
    margin-right: 5px;
}

.de_testi_slide__carousel.owl-theme .owl-nav .owl-next span,
.de_testi_slide__carousel.owl-theme .owl-nav .owl-prev span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.de_testi_slide__carousel.owl-theme .owl-nav .owl-prev span {
    transform: rotateY(180deg);
}

.de_testi_slide__carousel.owl-theme .owl-nav .owl-next:hover,
.de_testi_slide__carousel.owl-theme .owl-nav .owl-prev:hover {
    background-color: var(--drishti-base);
    color: var(--drishti-white);
}


.testimonial-page {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    background-color: #F0F3FF;
    z-index: 1;
}

.testimonial-page .testimonial-one__single {
    margin-bottom: 30px;
}

.testimonial-carosuel-page {
    position: relative;
    display: block;
    padding: 120px 0 170px;
    background-color: #F0F3FF;
}
.ms_grid {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(auto-fill, minmax(270px,1fr));
    grid-auto-rows: 20px;
    height: 100%;
}


/* 25 tshirt*/
.product-card {
    background: #fff;
    border-radius: 1.25rem;
    overflow: hidden;
    transition: box-shadow .20s cubic-bezier(.22, .61, .36, 1);
    /*box-shadow: 0 3px 24px 0 rgba(35,38,59,0.07),0 1.5px 3px rgba(0,0,0,0.03);*/
    position: relative;
    text-align: center;
}

.product-card:hover {
    /*box-shadow: 0 6px 32px 0 rgba(35,38,59,0.12),0 1.5px 6px rgba(0,0,0,0.06);*/
}

.product-img {
    aspect-ratio: 1/1.08;
    object-fit: cover;
    border-radius: 1.1rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
    transition: filter .3s cubic-bezier(.4, 0, .2, 1);
    width: 100%;
}

.product-badges .badge {
    box-shadow: 0 1px 2px rgba(30, 34, 90, 0.08);
    font-size: .85rem;
    border-radius: .45em;
    margin-bottom: 2px;
    opacity: 0.96;
}

.bg-success-soft {
    background: #e7ffe7;
    color: #229d34 !important;
}
.bg-info-soft {
    background: #e7f8ff;
    color: #22609d !important;
}

.bg-danger-soft {
    background: #ffeaea;
    color: #e35535 !important;
}

.bg-violet-soft {
    background: #f3edff;
    color: #7d51d2 !important;
}

.bg-warning-soft {
    background: #fffbe5;
    color: #b89300 !important;
}

.text-violet {
    color: #7d51d2 !important;
}

.product-hover-overlay {
    background: rgba(44, 56, 81, 0.12);
    position: absolute;
    inset: 0;
    border-radius: 1.1rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity .28s cubic-bezier(.4, 0, .2, 1);
    z-index: 2;
}

.product-card:hover .product-hover-overlay {
    opacity: 1;
    pointer-events: auto;
}

.action-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #34395c;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 10px rgba(43, 50, 77, 0.06);
    transition: transform .22s cubic-bezier(.4, 0, .2, 1), background .18s;
    font-size: 1.25rem;
    opacity: .87;
}

.action-icon:hover {
    background: var(--drishti-base);
    color: var(--drishti-white);
    text-decoration: none;
}

.color-dot {
    display: inline-block;
    width: 26px;
    height: 26px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    margin-right: 0.2rem;
    padding: 2px;
    transition: transform 0.2s, border-color 0.2s;
}

/* 26 tshirt_details*/

.product-wrapper__tsdet {
    background: #f1f3f6;
    min-height: 100vh;
    padding: 20px 0;
    margin-top: 98px;
}

.container__tsdet {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

.breadcrumb__tsdet {
    background: transparent;
    padding: 12px 0;
    margin-bottom: 20px;
}

.breadcrumb__tsdet ol {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 8px;
    font-size: 14px;
    color: #878787;
}

.breadcrumb__tsdet a {
    color: #878787;
    text-decoration: none;
}

.breadcrumb__tsdet a:hover {
    color: var(--drishti-header-top);
}

.product-container__tsdet {
    display: grid;
    grid-template-columns: 400px 1fr;
    gap: 20px;
    background: #fff;
    padding: 0;
    margin-bottom: 20px;
}

/* Left Column - Images */
.product-images-section__tsdet {
    padding: 24px;
    border-right: 1px solid #f0f0f0;
    position: sticky;
    top: 20px;
    height: fit-content;
}

.wishlist-button__tsdet {
    position: absolute;
    top: 20px;
    right: -15px;
    background: #fff;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    z-index: 10;
}

.wishlist-button__tsdet:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.wishlist-button__tsdet.active {
    background: #ff6161;
    color: white;
}

.wishlist-icon__tsdet {
    font-size: 20px;
    color: #878787;
}

.wishlist-button__tsdet.active .wishlist-icon__tsdet {
    color: white;
}

.product-badge__tsdet {
    position: absolute;
    top: 24px;
    left: 24px;
    background: linear-gradient(45deg, var(--drishti-black), var(--drishti-logo-color));
    color: #fff;
    padding: 4px 26px;
    border-radius: 0 0 30px 0;
    font-size: 12px;
    font-weight: 600;
    z-index: 10;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.main-image-wrapper__tsdet {
    position: relative;
    width: 100%;
    margin-bottom: 16px;
}

.zoom-indicator__tsdet {
    position: absolute;
    top: 12px;
    right: 12px;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 11px;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 4px;
}

.product-image-main__tsdet {
    width: 100%;
    height: auto;
    cursor: zoom-in;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
}

.thumbnail-grid__tsdet {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.thumbnail-image__tsdet {
    width: 100%;
    height: 80px;
    object-fit: cover;
    border: 2px solid #f0f0f0;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.thumbnail-image__tsdet:hover,
.thumbnail-image__tsdet.active {
    border-color: var(--drishti-header-top);
}

/* Right Column - Details */
.product-details-section__tsdet {
    padding: 24px 32px;
}

.product-title__tsdet {
    font-size: 24px;
    font-weight: 400;
    color: var(--drishti-header-top);
    margin: 0 0 12px 0;
    line-height: 1.4;
}

.rating-section__tsdet {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
}

.rating-badge__tsdet {
    background: #388e3c;
    color: white;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 4px;
}

.rating-count__tsdet {
    color: #878787;
    font-size: 13px;
}

.price-section__tsdet {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #f0f0f0;
}

.price-main__tsdet {
    font-size: 28px;
    font-weight: 500;
    color: #212121;
    margin-bottom: 8px;
}

.price-details__tsdet {
    display: flex;
    align-items: center;
    gap: 12px;
}

.price-original__tsdet {
    color: #878787;
    text-decoration: line-through;
    font-size: 16px;
}

.price-discount__tsdet {
    color: #388e3c;
    font-size: 14px;
    font-weight: 500;
}

.description__tsdet {
    color: #333131;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #f0f0f0;
}

/* Selection Sections */
.selection-section__tsdet {
    background: #fafafa;
    padding: 18px;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    margin-bottom: 20px;
}

.selection-label__tsdet {
    font-size: 14px;
    font-weight: 500;
    color: #212121;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.mandatory-indicator__tsdet {
    color: #ff6161;
    font-weight: 600;
}

/* Color Selection */
.color-selector__tsdet {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    text-align: center;
    align-items: center;
}

.color-option__tsdet {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 2px solid #f0f0f0;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

.color-option__tsdet:hover {
    transform: scale(1.1);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.color-option__tsdet.selected {
    border-color: var(--drishti-header-top);
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--drishti-header-top);
}

.color-option__tsdet::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-weight: bold;
    font-size: 14px;
    opacity: 0;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.color-option__tsdet.selected::after {
    opacity: 1;
}

/* Size Selection */
.size-selector__tsdet {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.size-option__tsdet {
    min-width: 60px;
    padding: 6px 10px;
    border: 1px solid #c2c2c2;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #282c3f;
    background: white;
}

.size-option__tsdet:hover {
    border-color: var(--drishti-header-top);
    background: rgba(40, 116, 240, 0.04);
}

.size-option__tsdet.selected {
    border-color: #ff3e6c;
    color: #ff3e6c;
    border-width: 2px;
}

/* Quantity Selection */
.quantity-selector__tsdet {
    display: flex;
    align-items: center;
    gap: 16px;
}

.quantity-btn__tsdet {
    width: 40px;
    height: 40px;
    border: 1px solid #c2c2c2;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #282c3f;
    transition: all 0.2s ease;
}

.quantity-btn__tsdet:hover {
    border-color: var(--drishti-header-top);
    color: var(--drishti-header-top);
}

.quantity-input__tsdet {
    width: 60px;
    text-align: center;
    border: 1px solid #c2c2c2;
    padding: 8px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
}

.selection-status__tsdet {
    margin-top: 12px;
    padding: 6px 12px;
    background: #fff3cd4f;
    border-left: 3px solid #ffda6b;
    border-radius: 30px;
    font-size: 13px;
    color: #856404;
}

.selection-status__tsdet.success {
    background: #d4edda;
    border-left-color: #28a745;
    color: #155724;
}


/* Pincode Section */
.pincode-section__tsdet {
    /*background: #fafafa;
    padding: 24px;
    border: 1px solid #f0f0f0;
    border-radius: 4px;*/
    margin-bottom: 20px;
}

.pincode-header__tsdet {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.pincode-input-group__tsdet {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}

.pincode-input__tsdet {
    flex: 1;
    padding: 12px 16px;
    border: 1px solid #c2c2c2;
    border-radius: 4px;
    font-size: 14px;
    height: 40px;
    width: 164px;
}

.pincode-input__tsdet:focus {
    outline: none;
    border-color: var(--drishti-header-top);
}

.pincode-check-btn__tsdet {
    padding: 8px 20px;
    background: var(--drishti-header-top);
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.pincode-check-btn__tsdet:hover {
    background: #1e5bc6;
}

.delivery-info__tsdet {
    display: none;
    padding: 16px;
    background: #f0ffea;
    border-radius: 4px;
    margin-top: 12px;
    border: 1px solid #198754;
}

.delivery-info__tsdet.show {
    display: block;
}

.delivery-info__tsdet.error {
    background: #fff3cd;
}

/* Graphics Upload Section */
.graphics-upload-section__tsdet {
    background: #fff;
    padding: 24px;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    margin-bottom: 20px;
}

.graphics-header__tsdet {
    text-align: center;
    margin-bottom: 24px;
}

.graphics-title__tsdet {
    font-size: 18px;
    font-weight: 500;
    color: #212121;
    margin-bottom: 8px;
}

.graphics-subtitle__tsdet {
    font-size: 13px;
    color: #878787;
}

.upload-dropzone__tsdet {
    border: 2px dashed #c2c2c2;
    border-radius: 8px;
    padding: 40px 20px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #fafafa;
}

.upload-dropzone__tsdet:hover {
    border-color: var(--drishti-header-top);
    background: #f0f7ff;
}

.graphics-upload-section__tsdet.dragover .upload-dropzone__tsdet {
    border-color: var(--drishti-header-top);
    background: #e3f2fd;
}

.upload-icon__tsdet {
    font-size: 48px;
    color: var(--drishti-header-top);
    margin-bottom: 12px;
}

.upload-text__tsdet {
    font-size: 16px;
    color: #212121;
    margin-bottom: 8px;
}

.upload-subtext__tsdet {
    font-size: 12px;
    color: #878787;
}

.uploaded-graphics__tsdet {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 16px;
    margin-top: 24px;
}

.graphic-preview__tsdet {
    position: relative;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    overflow: hidden;
    background: white;
    transition: all 0.2s ease;
}

.graphic-preview__tsdet:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}

.graphic-preview__tsdet img {
    width: 100%;
    height: 140px;
    object-fit: cover;
}

.graphic-info__tsdet {
    padding: 12px;
    background: #fafafa;
}

.graphic-name__tsdet {
    font-size: 12px;
    font-weight: 500;
    color: #212121;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.graphic-size__tsdet {
    font-size: 11px;
    color: #878787;
}

.graphic-remove__tsdet {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #fff;
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    transition: all 0.2s ease;
}

.graphic-remove__tsdet:hover {
    background: #ff6161;
    color: white;
}

.graphics-counter-badge__tsdet {
    position: absolute;
    top: 8px;
    left: 8px;
    background: var(--drishti-header-top);
    color: white;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 600;
}

.graphics-count-info__tsdet {
    text-align: center;
    margin-top: 16px;
    font-size: 13px;
    color: #878787;
}

.upload-progress__tsdet {
    display: none;
    margin-top: 16px;
}

.progress__tsdet {
    height: 6px;
    background: #e0e0e0;
    border-radius: 3px;
    overflow: hidden;
}

.progress-bar__tsdet {
    height: 100%;
    background: var(--drishti-header-top);
    transition: width 0.3s ease;
}

.upload-percentage__tsdet {
    font-size: 12px;
    color: #878787;
    margin-bottom: 8px;
    text-align: right;
}

/* Action Buttons */
.action-buttons__tsdet {
    display: flex;
    gap: 16px;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #f0f0f0;
}

.btn-cart__tsdet,
.btn-buy__tsdet {
    flex: 1;
    padding: 16px 24px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn-cart__tsdet {
    color: white;
    background: var(--drishti-header-top);
    border: 1px solid var(--drishti-header-top);
}

.btn-cart__tsdet:hover {
    background: var(--drishti-black);
    color: white;
}

.btn-buy__tsdet {
    background: #ff9f00;
    color: white;
}

.btn-buy__tsdet:hover {
    background: #e68a00;
}

.btn-cart__tsdet:disabled,
.btn-buy__tsdet:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.secure-info__tsdet {
    text-align: center;
    margin-top: 16px;
    font-size: 12px;
    color: #878787;
}

/* Product Info Cards */
.product-info-card__tsdet {
    background: white;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    margin-bottom: 20px;
    overflow: hidden;
}

.card-header__tsdet {
    padding: 16px 20px;
    background: #fafafa;
    border-bottom: 1px solid #f0f0f0;
}

.card-title__tsdet {
    font-size: 16px;
    font-weight: 500;
    color: #212121;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.card-body__tsdet {
    padding: 20px;
}

.specs-table__tsdet {
    width: 100%;
}

.specs-row__tsdet {
    display: grid;
    grid-template-columns: 200px 1fr;
    padding: 12px 0;
    border-bottom: 1px solid #f5f5f5;
}

.specs-row__tsdet:last-child {
    border-bottom: none;
}

.specs-label__tsdet {
    font-size: 14px;
    color: #878787;
}

.specs-value__tsdet {
    font-size: 14px;
    color: #212121;
}

.badge__tsdet {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 4px;
}

.badge-secondary__tsdet {
    background: #f5f5f5;
    color: #282c3f;
}

.badge-success__tsdet {
    background: #d4edda;
    color: #155724;
}

.badge-info__tsdet {
    background: #d1ecf1;
    color: #0c5460;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .product-container__tsdet {
        grid-template-columns: 1fr;
    }

    .product-images-section__tsdet {
        border-right: none;
        border-bottom: 1px solid #f0f0f0;
        position: relative;
    }
}

@media (max-width: 768px) {
    .container__tsdet {
        padding: 0 12px;
    }

    .product-details-section__tsdet {
        padding: 20px 16px;
    }

    .action-buttons__tsdet {
        flex-direction: column;
    }

    .thumbnail-grid__tsdet {
        grid-template-columns: repeat(5, 1fr);
    }

    .specs-row__tsdet {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}


/* 27 why_choose*/
.why-section {
    padding: 60px 0;
    background:
            radial-gradient(27% 29% at right ,var(--_g)) calc(var(--s)/ 2) var(--s),
            radial-gradient(27% 29% at left  ,var(--_g)) calc(var(--s)/-2) var(--s),
            radial-gradient(29% 27% at top   ,var(--_g)) 0 calc(var(--s)/ 2),
            radial-gradient(29% 27% at bottom,var(--_g)) 0 calc(var(--s)/-2)
            var(--c2);
    background-size: calc(2*var(--s)) calc(2*var(--s));
}

.main-title_why {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
    color: var(--drishti-base);
}

.step-container {
    position: relative;
    padding: 40px 0;
}

.step-icon {
    width: 60px;
    height: 60px;
    /* border-radius: 50%;*/
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 auto 30px;
    transition: all 0.3s ease;
    color: var(--drishti-black);
}

.step-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--drishti-black);
    margin-bottom: 20px;
    text-align: center;
}

.step-description {
    color: var(--drishti-gray);
    text-align: center;
    line-height: 1.6;
    margin-bottom: 30px;
    font-size: .9rem;
}

.connector-line {
    position: absolute;
    top: 20%;
    right: -15%;
    width: 30%;
    height: 2px;
    background: repeating-linear-gradient(
            to right,
            #dee2e6 0px,
            #dee2e6 8px,
            transparent 8px,
            transparent 16px
    );
    z-index: 1;
}

.connector-line::after {
    content: '';
    position: absolute;
    right: -6px;
    top: -3px;
    width: 0;
    height: 0;
    border-left: 6px solid #dee2e6;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.step:hover .step-icon {
    transform: scale(1.05);
}

@media (max-width: 991.98px) {
    .main-title_why {
        font-size: 1.5rem;
    }

    .connector-line {
        display: none;
    }

    .step-container {
        margin-bottom: 8px;
    }
}

@media (max-width: 767.98px) {
    .main-title_why {
        font-size: 1.3rem;
        margin-bottom: 40px;
    }

    .why-section {
        padding: 40px 0;
    }

    .step-container {
        padding: 20px 0;
    }
}