/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
html{
    margin: 0 !important;
}
* {
    box-sizing: border-box;
    border: none;
}

body {
    padding: 0;
    margin: 0;
    color: #233757 !important;
    font-family: "Poppins", sans-serif;
}

.container {
    width: 100%;
    max-width: 1360px;
    padding: 0 20px;
    margin: 0 auto;
}

section {
    padding: 100px 0;
}

@media (max-width:1024px) {
    section {
        padding: 80px 0;
    }
}

@media (max-width:991px) {
    section {
        padding: 50px 0;
    }
}

@media (max-width:767px) {
    section {
        padding: 40px 0;
    }
}

a {
    text-decoration: none !important;
    transition: all 0.3s ease;
}

img {
    max-width: 100%;
    width: auto;
    height: auto;
}

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

h1 {
    font-size: 70px;
    font-weight: 700;
    line-height: 120%;
    color: #fff !important;
}

h2 {
    font-size: 50px;
    font-weight: 600;
    line-height: 130%;
}

h3 {
    font-size: 18px;
    line-height: 160%;
    font-weight: 600;
}

h5 {
    font-size: 20px;
    line-height: 130%;
    font-weight: 600;
    letter-spacing: 0;
}

@media (max-width:1024px) {
    h2 {
        font-size: 40px;
    }
}

@media (max-width: 576px) {
    h2 {
        font-size: 36px;
    }
}

.title {
    margin-bottom: 60px;
}

@media (max-width: 767px) {
    .title {
        margin-bottom: 30px;
    }
}


.button {
    display: inline-flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    gap: 8px;
    transition: all 0.3s ease;
    padding: 0 30px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: 0;
    color: #fff;
    white-space: nowrap;
    text-decoration: none;
    border: 1px solid transparent;
}

.cBtn {
    background-color: #4A61FD;
}

.button:hover {
    background-color: #fff;
    color: #233757 !important;
}

.outline-btn {
    border: 1px solid #fff;
    background-color: transparent;
}

.product-gallery {
    display: flex;
}

.product-gallery div#thumbs1 {
    max-width: 350px;
    justify-content: space-between;
}

.owl-stage {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    margin: 0 auto;
}

.product-gallery div#thumbs1 .owl-stage {
    flex-direction: column;
    margin: 0;
    gap: 10px;
}

.owl-carousel .owl-item {
    width: 100% !important;
    padding: 0;
}

.owl-stage .item a {
    width: 100%;
    display: flex;
    text-decoration: none;
    transition: all 0.3s ease;
}


.product-gallery div#thumbs1 .owl-stage .item a {
    padding: 17.30px 20px;
    background: #F0F2FF;
    border: 1px solid #23375714;
    border-radius: 8px;
    border-width: 1px;
}

.product-gallery div#thumbs1 .owl-stage .item a .data-content {
    display: flex;
    text-align: center;
    justify-content: center;
    color: #00000029;
    font-size: 18px !important;
    line-height: 130% !important;
    font-weight: 600;
    gap: 8px;
}

.product-gallery div#thumbs1 .owl-carousel .owl-stage .owl-item,
.product-gallery div#thumbs1 .owl-carousel .owl-stage .item a .data-content {
    transition: all 0.3s ease;
}


.product-gallery div#thumbs1 .owl-stage .item:hover a {
    background: #4A61FD;
}


.product-gallery div#thumbs1 .owl-stage .owl-item.current.active a,
.product-gallery div#thumbs1 .owl-stage .item.current a {
    background: #4A61FD;
    border: 1px solid #4A61FD;
}

.product-gallery div#thumbs1 .owl-stage .owl-item.current.active a .data-content,
.product-gallery div#thumbs1 .owl-stage .item:hover a .data-content {
    color: #fff !important;
}
.screen_details {
    background: white;
    border-radius: 12px;
    /* padding: 24px; */
    margin-bottom: 24px;
    /* box-shadow: 0 6px 5px rgb(0 0 0 / 7%); */
    margin: 19px 24px 24px;
    /* border: 1px solid #0000001a; */
}
.dsm-wrap .dsm-card  .screen_details form {
    padding: 0;
}
.dsm-wrap .dsm-card .screen_details form input[type="number"] {
    border-radius: 8px;
    border: 1px solid #00000030;
    line-height: 44px;
    padding: 0 20px;
    margin-top: 8px;
    font-weight: 400;
}
.dsm-wrap .dsm-card .screen_details form label {
    font-weight: 500;
}

.screen_details .url {
    background: #f4f4f4;
    border-radius: 10px;
    padding: 0px 0px 0px 20px;
    width: fit-content;
    margin-bottom: 0px;
}
.screen_details .card_header + p {
    margin-bottom: 5px;
}
.screen_details .url button.icon-btn {
    padding: 0;
    border: 0;
    border-left: 1px solid #00000036;
    padding: 14px 16px;
    margin-left: 10px;
    border-radius: 0 10px 10px 0px;
}
.dsm-wrap .dsm-card .screen_details form.form_submit {
    width: fit-content;
    margin: 0 !important;
}
.screen_details.second .card_header {
    margin: -24px -24px 0;
    padding: 24px;
    border-bottom: 1px dashed #0000003d;
    background: #f7f7f7;
    border-radius: 12px 12px 0 0;
}

.screen_details .url button.icon-btn:hover {
    background: #0000001c;
}
.screen_details .url button.icon-btn img {
    width: 22px;
}
.dsm-wrap .dsm-card .screen_details form button.button.cBtn:hover {
    background: #000;
    color: #fff !important;
}
.card_body_wrp .wrp {
    flex: 0 0 auto;
}
.screen_details .url a {
    color: var(--secondary);
}
.dsm-wrap .dsm-card .screen_details form {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    width: 50%;
    justify-content: flex-end;
}
.dsm-wrap .dsm-card .screen_details form button.button.cBtn {
    padding: 0 30px;
    line-height: 44px;
}
.screen_details h4 {
    margin:0;
    font-weight: 600;
    text-transform: capitalize;
}
.screen_details  .card_header{
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #0000001f;
}
.screen_details p strong {
    font-weight: 600;
}
.screen_details .card_header p.interval_time {
    margin: 0;
}
.screen_details  .card_header {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #0000001f;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.screen_details .card_header p.interval_time {
    background: #23375717;
    padding: 0px 17px;
    border-radius: 8px;
    line-height: 30px;
    border: 1px dashed;
    font-size: 14px;
    margin-left: auto;
    margin-right: 10px;
    display: none;
}
.dsm-uploader {
    margin-top: 30px;
}
.dsm-wrap .dsm-card .dsm_head:hover, .dsm-wrap .dsm-card .dsm_head[aria-expanded="true"] {
background: #142238;
}
.dsm-dropzone {
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.dsm-dropzone p{
    margin-bottom:0
}
.dsm-uploader .dsm-media-list {
    display: grid;
    grid-template-columns: repeat(6 , 1fr);
    gap: 15px;
    margin-top: 30px;
}
.dsm-uploader .dsm-media-list li {
    width: 100%;
    border-radius: 10px !important;
    position:relative
}
.dsm-uploader .dsm-media-list li img {
    width: 100% !important;
    aspect-ratio: 16/11;
    object-fit: cover;
    margin-bottom: 10px;
    border-radius: 8px;
}
.dsm-media-list li a.dsm-remove {
    width: 26px;
    height: 26px;
    font-size: 0 !important;
    position: absolute;
    top: -10px;
    left: -10px;
    background-color: #d00707;
    z-index: 2;
    background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.293 0.292896C16.6836 -0.0976321 17.3166 -0.0976316 17.7071 0.292896C18.0976 0.683423 18.0976 1.31644 17.7071 1.70697L10.4136 9.00049L17.7061 16.293C18.0966 16.6835 18.0966 17.3166 17.7061 17.7071C17.3156 18.0976 16.6823 18.0976 16.2918 17.7071L8.99927 10.4146L1.70819 17.7061C1.31766 18.0967 0.6844 18.0967 0.293872 17.7061C-0.0966479 17.3156 -0.0966527 16.6823 0.293872 16.2918L7.58519 9.00049L0.292896 1.70819C-0.0976327 1.31766 -0.097631 0.6844 0.292896 0.293872C0.683403 -0.0965506 1.31646 -0.0965509 1.70697 0.293872L8.99927 7.58617L16.293 0.292896Z" fill="white"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px;
    border-radius: 100%;
}
.dsm-wrap .dsm-card form.new_screen_form {
    display: flex;
    gap: 20px;
}
.dsm-wrap .dsm-card form.new_screen_form p {
    margin: 0;
}
.dsm-wrap .dsm-card form.new_screen_form p:has(label){
    width:50%
}
.dsm-media-list li a.dsm-remove:hover {
    background-color: #4a61fd;
}
.dsm-wrap .dsm-card form.form_submit button.button.cBtn {
    background: #d00707;
    font-size: 16px;
    padding: 0;
    width: 40px;
    height: 40px;
}
.dsm-wrap .dsm-card form.form_submit button.button.cBtn svg {
    width: 24px;
    height: 24px;
}
.dsm-wrap .dsm-card form.form_submit button.button.cBtn:hover {
    background: #000;
    color: #fff !important;
}
.card_body_wrp .wrp p {
    margin-bottom: 5px;
}
.card_body_wrp {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}
.dsm-wrap .dsm-card .screen_details form label {
    font-weight: 500;
    width: 100%;
}
@media (max-width:991px) {
    .product-gallery div#thumbs1 {
        max-width: 100% !important;
    }

    .product-gallery div#thumbs1 .owl-stage {
        flex-direction: row;
        margin-bottom: 30px;
    }

    .product-gallery div#thumbs1 .owl-stage .item a {
        padding: 10px;
        justify-content: center;
    }

    .product-gallery div#thumbs1 .owl-stage .item a .data-content {
        font-size: 16px !important;
    }
}

@media (max-width:767px) {
    .product-gallery div#thumbs1 .owl-stage .item a {
        padding: 8px;
    }

    .product-gallery div#thumbs1 .owl-stage .item a .data-content {
        font-size: 12px !important;
        gap: 2px;
        flex-direction: column;
    }
}

header {
    padding: 15px 0;
    transition: all 0.3s ease;
    width: 100%;
    margin-bottom: -110px;
    z-index: 9;
    position: relative;
}

/* header.sticky {
    background-color: #00000090;
    -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px);
    padding: 0;
}

header.sticky .logo a,
header.sticky .logo svg {
    max-width: 140px;
} */


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

.header-wrap .logo a {
    display: block;
}


.header-wrap .nav {
    display: flex;
    align-items: center;
    gap: 37px;
}

.header-wrap .nav a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 100%;
    position: relative;
}

.header-wrap .nav a::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #fff;
    bottom: -5px;
    left: 0;
    opacity: 0;
    transition: all 0.3s ease;
}

.header-wrap .nav a:hover::after {
    opacity: 1;
}

header .header-wrap .cBtn {
    padding: 0 40px;
}

.mob-wrap {
    display: none;
}

.close-icon {
    position: absolute;
    top: 10px;
    right: 10px;
}
.header-wrap .logo svg {
    transition: all 0.4s;
}
@media (max-width:1200px) {
    .header-wrap .logo svg {
        max-width: 150px;
    }

    .header-wrap .nav {
        gap: 30px;
    }
}

@media (max-width:991px) {
    .mob-wrap {
        display: block;
        gap: 20px;
    }

    .nav {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100vh;
        background: #233757;
        flex-direction: column;
        padding: 50px;
        transition: right 0.3s ease;
        z-index: 999;
    }

    .nav.active {
        right: 0;
        padding: 50px;
        align-items: flex-start;
    }
}

@media (max-width:576px) {
    .mob-wrap {
        gap: 10px;
    }
}


.hero-section {
    background-image: url('./assets/images//hero-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 212px 0 119px;
}

.hero-section .title {
    max-width: 599px;
}

.hero-section .title h1 {
    margin-bottom: 18px !important;
}

.hero-section .title p {
    max-width: 485px;
    font-size: 16px;
    line-height: 160%;
    color: #fff;
    margin-bottom: 38px !important;
}

.hero-section .btn-wrap {
    width: 100%;
    max-width: 423px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}


@media (max-width:1200px) {
    .hero-section {
        padding: 150px 0 100px;
    }

    .hero-section h1 {
        font-size: 60px !important;
    }
}

@media (max-width:991px) {
    .hero-section h1 {
        font-size: 50px !important;
    }
}

@media (max-width:576px) {
    .hero-section {
        padding: 125px 0 50px;
    }


    .hero-section .btn-wrap {
        flex-direction: column;
    }

    .hero-section h1 {
        font-size: 40px !important;
    }

    .hero-section .title p {
        margin-bottom: 20px !important;
    }

    .hero-section .btn-wrap .cBtn,
    .hero-section .btn-wrap .outline-btn {
        min-width: 100%;
    }
}

/* .hero-section CSS END */

.work-section {
    padding-bottom: 50px;
}

.work-section {
    gap: 40px;
}

.work-section .top-content {
    width: 100%;
    max-width: 719px;
    margin: 0 auto;
}

.work-section .top-content h2 {
    margin-bottom: 0 !important;
}

.work-section .img-content {
    max-width: 1000px;
    margin: 0 auto;
}

.work-section .btn-wrap a {
    max-width: 180px;
    margin: 0 auto;
}

.work-section .owl-carousel .owl-item img {
    border-radius: 20px;
    max-width: 1000px;
}

@media (max-width:1199px) {
    .work-section h2 {
        font-size: 40px !important;
    }
}

@media (max-width:991px) {
    .work-section {
        padding-bottom: 30px;
    }


}

/* .work-section CSS END */


.use-cases {
    padding: 50px 0 0;
}

.use-cases .useH2 {
    margin-bottom: 60px !important;
}

.use-cases .owl-item {
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.use-cases .owl-item img {
    transition: all 0.3s ease;
}

.use-cases .owl-item:hover img {
    transform: scale(1.05);
}

.use-cases .owl-item .content-data {
    position: relative;
    display: block;
}

.use-cases .owl-item .content-data::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 60%) 100%);
    z-index: 1;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.use-cases .owl-item .bottom-text {
    position: fixed;
    bottom: 10px;
    width: 100%;
    text-align: center;
    padding: 0 16px;
    z-index: 2;
}

.use-cases .owl-item .bottom-text h3,
.use-cases .owl-item .bottom-text p {
    color: #fff !important;
}

.use-cases .owl-item .bottom-text h3 {
    font-size: 16px !important;
}

@media (max-width:991px) {
    .use-cases {
        padding-top: 30px;
    }

    .use-cases .useH2 {
        margin-bottom: 30px !important;
    }
}

@media (max-width:576px) {
    .use-cases {
        padding: 30px 0;
    }
}

/* .use-cases CSS END */

.security-control {
    background-color: #F0F2FF;
    padding-bottom: 80px;
}

.security-control .wrap {
    gap: 50px;
}

.security-control .security-img {
    padding: 0;
}

.security-control .security-content {
    margin: 0 0 0 80px;
}

.security-control ul {
    margin: 0;
    padding: 0;
}

.security-control ul li {
    list-style: none;
    align-items: center;
    margin-bottom: 18px;
    gap: 20px;
}

.security-control i {
    width: 74px;
    height: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4A61FD;
    border-radius: 50%;
}

.security-control h5 {
    font-size: 26px !important;
}

@media (max-width:1199px) {
    .security-control .security-content {
        margin: 0 0 0 60px;
    }

    .security-control h5 {
        font-size: 20px !important;
    }
}

@media (max-width:991px) {
    .security-control {
        margin-bottom: 30px;
    }

    .security-control .security-content {
        max-width: 800px;
        margin: 0 auto;
    }

    .security-control ul {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        column-gap: 20px;
        row-gap: 20px;
        padding-left: 0;
    }

    .security-control ul li {
        margin: 0;
    }

}

@media (max-width:767px) {

    .security-control ul {
        justify-content: center;
        column-gap: 10px;
        row-gap: 30px;
    }

    .security-control ul li {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: calc(50% - 10px);
        gap: 10px;
    }

    .security-control i {
        width: 60px;
        height: 60px;
    }

    .security-control h5 {
        font-size: 16px !important;
    }

}


@media (max-width:576px) {
    .security-control {
        padding-bottom: 50px;
    }

}



/* .security-control CSS END */

.key-feature {
    padding-bottom: 50px;
}

.key-feature .cardWrap {
    row-gap: 35px;
}

.key-feature .card {
    border-left: 1px solid #23375724 !important
}

.key-feature .card {
    position: relative;
}

.key-feature .card::after {
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    width: 1px;
    height: 100%;
    background-color: #000;
    border-left: 1px solid #23375724;
    transform-origin: top;
    transform: scaleY(0);
    transition: all 0.3s ease;
}

.key-feature .card:hover::after {
    animation: fillLine 0.3s linear forwards;
}

@keyframes fillLine {
    from {
        transform: scaleY(0);
    }

    to {
        transform: scaleY(1);
    }
}

.key-feature .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 23px 40px 40px;
    height: 100%;
}

.key-feature .card-body i {
    margin-bottom: 30px;
    display: inline-block;
}

.key-feature .card-body h3 {
    margin: 0;
}

/* .key-feature CSS END */
/* .live-demo {
    padding-bottom: 100px;
} */

.video-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.video-wrapper iframe {
    border-radius: 40px;
}

.video-thumb {
    width: 100%;
    display: block;
}

.live-demo  a {
    position: relative;
}

.live-demo  .video-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
}

.live-demo  .video-icon svg {
    transition: all 0.3s ease;
}

.live-demo  .video-icon:hover {
    background-color: #4A61FD;
}

.live-demo  .video-icon:hover svg path {
    fill: #F0F2FF;
}

.live-demo .topContent .button:hover {
    border: 1px solid #4A61FD !important;
    background-color: transparent !important;
    color: #4A61FD !important;
}

@media (max-width:576px) {
    .key-feature {
        padding-bottom: 30px;
    }

    .key-feature .cardWrap {
        row-gap: 10px;
    }


    .key-feature .card {
        border-bottom: 1px solid #23375724 !important;
        border-left: 0 !important
    }

    .key-feature .card-body {
        padding: 20px;
    }

    .key-feature .card-body h5 br {
        display: none;
    }
}


/* .live-demo CSS END */
.detail-section {
    background: #F0F2FF;
}

.detail-section .detail-wrapper {
    display: flex;
    justify-content: space-between;
}

.detail-section .device-Content {
    margin-left: 0px;
    padding-top: 40px;
}

.detail-section .detail-content .row {
    row-gap: 20px;
}

.detail-section .detail-content .row .device-boxs {
    border-radius: 10px;
    transition: all 0.3s ease;
    background-color: #fff;
    padding: 28px;
    gap: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.detail-section .detail-content .row .device-boxs:hover {
    background-color: #233757;
}

.detail-section .detail-content .row .device-boxs:hover svg path {
    fill: #fff;
}

.detail-section .detail-content .row .device-boxs:hover h5 {
    color: #fff !important;
}

@media (max-width:1300px) {
    .detail-section .detail-content h2 {
        font-size: 44px !important;
    }
}

@media (max-width:1199px) {
    .detail-section .detail-content h2 {
        font-size: 40px !important;
    }

    .detail-section .detail-wrapper {
        flex-direction: column;
        gap: 30px;
    }

    .detail-section .img-content {
        max-width: 100%;
        margin: 0 auto;
    }

    .detail-section .detail-content {
        max-width: 100%;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .detail-section .detail-content .row .device-boxs {
        align-items: center;
    }
}

@media (max-width: 576px) {
    .detail-section .detail-content h2 {
        font-size: 36px !important;
    }

    .detail-section .detail-content .row .card-body .wrap {
        padding: 0;
    }
}

/* Detail-section  CSS END*/

.testimonial-reviews {
    background-color: #F0F2FF;
    background-image: linear-gradient(#fff, #F0F2FF 40%);
    margin-bottom: 50px;
    padding-bottom: 0;
    display: none;
}

.testimonial-reviews ul {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
}

.testimonial-reviews ul li {
    width: 100%;
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    background-color: #F0F2FF;
    border-radius: 12px;
    padding: 8px 12px 8px 8px;
    grid-column-gap: 8px;
}

.testimonial-reviews ul li p {
    font-size: 14px;
}

.testimonial-reviews .reviwe-text p {
    font-size: 14px;
    line-height: 160%;
    font-weight: 700;
}

.testimonial-reviews .reviews-boxs {
    grid-auto-flow: column;
    grid-row-gap: 8px;
    grid-column-gap: 8px;
    padding-top: 40px;
    mask-image: linear-gradient(#000 60%, #0000 90%);
}

.testimonial-reviews .reviews-boxs .col-middle {
    margin-top: -40px;
}

.testimonial-reviews .reviews-boxs .listitems {
    grid-row-gap: 8px;
    grid-column-gap: 8px;
}

.testimonial-reviews .reviews-item {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #ffff;
    border-radius: 16px;
    flex-flow: column;
    padding: 24px;
    display: flex;
}

.testimonial-reviews .reviews-item .row-meta img {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.cta-section {
    padding: 50px 0 25px;
    position: relative;
}

.cta-section::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 50%;
    top: 0;
    left: 0;
    background-color: #F0F2FF;
    z-index: 0;
}

.cta-section .cta-bg-content {
    padding: 70px 20px;
    border-radius: 16px;
    background-color: #4A61FD;
    color: #fff !important;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    background-image: url(https://cdn.prod.website-files.com/68ebdef…/68ecd9e…_CTA%20BG%20Icon.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: clip;
    position: relative;
    z-index: 2;
}

.cta-section .cta-bg-content .cta-wrap {
    max-width: 695px;
}

.cta-section .cta-bg-content h2 {
    color: #fff !important;
}

@media (max-width:767px) {
    .cta-section {
        padding: 30px 0 25px;
    }

    .cta-section .cta-bg-content {
        padding: 40px 20px;
    }
}

@media (max-width:460px) {
    .cta-section .cta-bg-content .cta-wrap h2 {
        font-size: 28px !important;
    }
}


.footer-section {
    background-color: #fff;
    padding: 25px 0 50px;
}

.footer-section .footer-top .top-column a {
    display: block;
    width: 220px;
    margin: 0 auto;
    padding-bottom: 20px;
}

.footer-section .footer-top .top-column a svg {
    width: 220px;
    height: 100px;
}

.footer-section .footer-top .textarea-content .form-field {
    background-color: transparent;
    color: #fff !important;
    border: 1px solid #fff3;
    border-radius: 4px;
    height: 50px;
    margin-bottom: 0;
    padding: 15px 45px 15px 20px;
    font-size: 14px;
    transition: all .3s;
}

.footer-menu {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: row;

}

.footer-menu a {
    text-decoration: none !important;
    color: #233757 !important;
    position: relative;
}

.footer-menu a .menu-text {
    transition: all 0.3s ease;
}

.footer-menu a::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #233757;
    bottom: 0px;
    left: 0;
    opacity: 0;
    transition: all 0.3s ease;
}

.footer-menu a:hover::after {
    opacity: 1;
}


.footer-menu-wrapper {
    display: flex;
    justify-content: space-between
}

.footer-section .footer-top .top-column,
.footer-menu-wrapper {
    position: relative;
}

.footer-section .footer-top .top-column::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #2337572e;
    left: 0;
    bottom: -15px;
}




.bottom-column .textarea-content p,
.footer-menu-wrapper .footer-menu-item .heading {
    color: #233757 !important;
}
.page-header {
    display: none;
}
main#content {
    max-width: 100%;
}
section.login-section {
/*     background-image: url(/wp-content/uploads/2026/01/simple-textured.jpg); */
    background-size: cover;
    min-height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* background: #ffffff; */
}
section.login-section:after {
    content: '';
    width: 100%;
    height: 50%;
    position: absolute;
    background: #233757;
    top: 0;
    background-image: url(/wp-content/uploads/2026/01/vector.png);
    background-size: 34%;
}
form.login-form .field_wrap p label,.dsm-wrap .dsm-card form p label {
    width: 100%;
    text-align: left;
}
form.login-form .field_wrap p{
    margin-bottom:15px
}
form.login-form .field_wrap p label input ,.dsm-wrap .dsm-card form p label input {
    line-height: 50px;
    padding: 0 20px;
    border-radius: 10px;
    margin-top: 6px;
    background: transparent;
    color: #000000;
    border: 1px solid #eaeaea;
}
form.login-form p {
    text-align: center;
    margin-bottom: 30px;
}
form.login-form h2 {
    font-size: 34px;
    text-align: center;
}
form.login-form h2:before {
    content: '';
    width: 100px;
    height: 100px;
    background-image: url(/wp-content/uploads/2026/01/flow-display-icon.png);
    display: block;
    margin: 0 auto 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
form.login-form {
    max-width: 500px;
    margin: auto;
    background: #ffffff;
    padding: 30px 30px;
    backdrop-filter: blur(35px);
    border-radius: 20px;
    border: 4px solid #f7f7f7;
    background-image: url(https://appscreen.costatechnolab.com/wp-content/uploads/2026/01/bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    color: #000000;
    width: 100%;
    background-size: 450px 200px;
    position: relative;
    z-index: 3;
}
form.login-form button.button,.dsm-card button.button.button-primary {
    background: #4a61fd;
    font-size: 16px;
    font-weight: 300;
    min-width: 150px;
    margin-top: 20px;
}
form.login-form button.button:hover,.dsm-card button.button.button-primary:hover {
    background: #000;
    color: #fff !important;
}
/* .sticky {
    display: block;
    position: fixed;
} */
.dsm-wrap {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 20px;
}
main#content:has(.dsm-wrap) .page-header {
    display: block;
    background: #233757;
    background-size: 34%;
    text-align: center;
    padding: 150px 20px 100px;
    margin-bottom: 70px;
    position: static;
}
main#content:has(.dsm-wrap) .page-header h1.entry-title {
    font-size: 60px;
}
.dsm-wrap h2 {
    display: none;
}
.dsm-wrap {
    font-family: 'Poppins' !important;
}
.dsm-wrap .dsm-card {
    padding: 0;
    overflow: hidden;
    border-radius:10px
}
.dsm-wrap .dsm-card .dsm_head {
    padding: 18px 25px;
    background: #233757;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all 0.5s;
}
.dsm-card.create-screen.active h3 {
padding: 18px 25px;
color: #233757;
border-bottom: 1px solid #0000001f;
background: #fafafa;
}
.dsm-wrap .dsm-card h3 {
    color: #fff;
    font-size: 20px;
    margin: 0;
}
.dsm-wrap .dsm-card  form {
    margin-top: 0;
    padding: 25px;
}
.screen_card_list > div {
    display: none;
    opacity: 0;
    transform: translateY(10px);
}
.dsm-wrap .dsm-card .dsm_head form.form_submit {
    padding: 0;
    margin: 0 !important;
}
.screen_card_list > div.active {
    display: block;
}
section.login-section.logged_in p {
    max-width: 500px;
    margin: auto;
    background: #ffffff;
    padding: 30px 30px;
    backdrop-filter: blur(35px);
    border-radius: 20px;
    border: 4px solid #f7f7f7;
    background-image: url(https://appscreen.costatechnolab.com/wp-content/uploads/2026/01/bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    color: #000000;
    width: 100%;
    background-size: 450px 200px;
    position: relative;
    z-index: 3;
    text-align: center;
    margin: 0 20px;
}
section.login-section.logged_in p:before {
    display: block;
    content: '';
    width: 100px;
    height: 100px;
    position: static;
    margin: 0 auto 23px;
    background-image: url(/wp-content/uploads/2026/01/log-in.gif);
    background-size: contain;
}
section.login-section.logged_in p a {
    display: block;
    background: #4a61fd;
    margin-top: 20px;
    width: fit-content;
    margin: 20px auto 0;
}
section.login-section.logged_in p a:hover {
    color: #fff !important;
    background: #000;
}
section.login-section.logged_in {
    min-height: 70vh;
    padding-bottom: 0;
}
.login_form_wrp {
    max-width: 500px;
    margin: auto auto 100px;
    background: #ffffff;
    padding: 50px 30px 25px;
    backdrop-filter: blur(35px);
    border-radius: 20px;
    border: 4px solid #f7f7f7;
    background-image: url(https://appscreen.costatechnolab.com/wp-content/uploads/2026/01/bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    color: #000000;
    width: 100%;
    background-size: 450px 200px;
    position: relative;
    z-index: 3;
    text-align: center;
}
.login_form_wrp:before {
    display: block;
    content: '';
    width: 100px;
    height: 100px;
    position: static;
    margin: 0 auto 0px;
    background-image: url(/wp-content/uploads/2026/01/login-1.gif);
    background-size: 100px;
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 100%;
}
.login_form_wrp a.button.cBtn:hover {
    color: #fff !important;
    background: #000;
}
.dsm-progress-item {
    padding: 10px 10px;
    background: #0000000f;
    font-weight: 500;
    border-radius: 8px;
}
.menu_screen_wrp .left_menu ul li a:hover {
    border: 1px solid #2337575c;
}
.dsm-progress-item .dsm-bar {
    margin-top: 7px;
}
.menu_screen_wrp {
    display: flex;
    margin-bottom: 100px;
}
.menu_screen_wrp .left_menu {
    max-width: 273px;
    width: 100%;
    margin-top: 9px;
    min-width:273px
}
.menu_screen_wrp .left_menu + .screen_card_list {
    width: 100%;
    padding-left: 40px;
}
.menu_screen_wrp .left_menu ul li a.active img {
    filter: invert(1) brightness(3);
}
.menu_screen_wrp .left_menu ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.menu_screen_wrp .left_menu ul li a {
    padding: 12px 20px;
    display: block;
    color: #233757;
    border-radius: 10px;
    font-weight: 500;
    background: #F0F2FF;
    border: 1px solid #23375714;
    border-radius: 8px;
    border-width: 1px;
}
.menu_screen_wrp .left_menu ul li a.active {
    background: #4a61fd;
    color: #fff;
}
.dsm-wrap .dsm-card .screen_details form label span {
    display: block;
    margin-right: -61px;
    font-size: 15px;
}
.menu_screen_wrp .left_menu ul li a img {
    width: 20px;
    margin-right: 10px;
}
.register-section form.login-form .field_wrap p:last-child {
    margin-bottom: 0;
}
.register-section form.login-form > p {
    margin-bottom: 20px;
}
form.login-form .field_wrap span {
    display: block;
    text-align: center;
    margin: 30px 0 0;
}
form.login-form .field_wrap span a {
    color: #4a61fd;
    font-weight: 600;
    text-decoration: underline !important;
    text-transform: capitalize;
}
form.login-form .field_wrap span a:hover{
    color: #000;
}
.btn_wrp{
    text-align: center;
}
form.login-form .dsm-message-success {
    color: #239d28;
    margin: 10px 0;
    font-weight: 500;
}
form.login-form .dsm-message-error {
    color: #c31616;
    margin: 0;
    font-size: 14px;
    margin-top: -10px;
}
form.login-form .field_wrap > .dsm-message-error {
    text-align: center;
    margin-bottom: 20px;
}
form.login-form .field_wrap > p~ .dsm-message-error {
    text-align: left;
}
.screen_details .url .icon-btn {
position: relative;
border: none;
background: transparent;
cursor: pointer;
}

.screen_details .url .icon-btn .tooltip {
    position: absolute;
    bottom: 116%;
    left: 50%;
    transform: translateX(-50%);
    background: #000;
    color: #fff;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
}
.screen_details .url .icon-btn .tooltip:after {
    content: '';
    width: 7px;
    height: 7px;
    background: #000;
    position: absolute;
    left: 50%;
    bottom: -4px;
    transform: rotate(45deg) translateX(-50%);
}

.screen_details .url .icon-btn .tooltip.show {
opacity: 1;
}
.dsm-wrap .dsm-card .dsm_head:after {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" color="%23ffffff" fill="none"><defs /><path fill="currentColor" d="M6.604,8.555 C6.726,8.717 7.09,9.198 7.306,9.476 C7.74,10.032 8.333,10.771 8.973,11.508 C9.616,12.249 10.292,12.97 10.892,13.501 C11.193,13.766 11.457,13.968 11.675,14.1 C11.88,14.223 12.002,14.249 12.002,14.249 C12.002,14.249 12.119,14.223 12.324,14.1 C12.543,13.968 12.807,13.766 13.108,13.501 C13.708,12.97 14.383,12.249 15.026,11.508 C15.666,10.771 16.259,10.032 16.693,9.476 C16.91,9.198 17.273,8.717 17.395,8.556 C17.641,8.222 18.111,8.15 18.445,8.396 C18.778,8.642 18.849,9.111 18.604,9.445 L18.602,9.447 C18.474,9.617 18.097,10.116 17.876,10.399 C17.432,10.968 16.822,11.729 16.159,12.492 C15.5,13.251 14.774,14.03 14.101,14.624 C13.765,14.921 13.425,15.188 13.099,15.384 C12.793,15.569 12.406,15.75 12,15.75 C11.593,15.75 11.206,15.569 10.901,15.384 C10.575,15.188 10.234,14.921 9.899,14.624 C9.226,14.03 8.5,13.251 7.841,12.492 C7.178,11.729 6.568,10.968 6.124,10.399 C5.902,10.115 5.526,9.616 5.398,9.447 L5.396,9.445 C5.151,9.112 5.222,8.642 5.555,8.396 C5.889,8.151 6.358,8.222 6.604,8.555 Z" /></svg>');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.5s;
}
.dsm-wrap .dsm-card .dsm_head[aria-expanded="true"]::after {
    transform: rotate(180deg);
}
body.logged-in a[href="/login/"] span {
font-size: 0;
}

body.logged-in a[href="/login/"]::after {
    content: "Dashboard";
    font-size: 14px;
}
.blog header.page-header {
display: block;
}
.blog header.page-header,.single main#content header.page-header {
display: block;
background: #233757;
background-size: 34%;
text-align: center;
padding: 150px 20px 100px;
margin-bottom: 70px;
position: static;
}
.single main#content header.page-header {
display: block;
padding-bottom: 0;
}
body.blog .blog_wrap {
display: grid;
grid-template-columns: repeat(3 , 1fr);
gap: 20px;
}
body.blog .blog_wrap article.post h2.entry-title A {
color: currentColor;
}
body.blog .blog_wrap article.post h2.entry-title {
font-size: 20px;
color: #233757;
margin-top: 12px;
} 
body.blog .blog_wrap article.post a.image {
aspect-ratio: 16/9;
display: block;
border-radius: 10px;
overflow: hidden;
}
.single main#content .page-content {
max-width: 1040px;
margin: 0 auto;
padding: 0 20px;
padding-top: 188px;
position: relative;
z-index: 6;
padding-bottom: 50px;
}
body.blog .blog_wrap article.post a.image img {
width: 100%;
height: 100%;
}
body.blog .blog_wrap article.post {
padding: 20px;
background: #0000000a;
border-radius: 10px;
}
body.blog .blog_wrap article.post a.image img {
 transition: all 0.5s;
}
body.blog .blog_wrap article.post a.image img:hover {
transform: scale(1.1);
}
body.blog .blog_wrap article.post .description {
    padding-top: 0;
    padding-bottom: 30px;
}
body.blog .blog_wrap article.post .description p {
font-size: 14px;
color: #233757;
line-height: 24px;
margin-bottom: 0;
}
body.blog .blog_wrap article.post a.btn {
background: #4a61fd;
color: #fff;
font-size: 14px;
line-height: 44px;
padding: 0 30px;
border-radius: 8px;
text-transform: capitalize;
}
body.blog .blog_wrap article.post .description p {
display: -webkit-box;
-webkit-line-clamp: 3;
overflow: hidden;
-webkit-box-orient: vertical;
font-size: 14px;
}
body.blog .blog_wrap article.post a.btn:hover {
background: #24395c;
}
.single main#content header.page-header img {
position: static;
float: unset;
width: 100%;
min-height: unset;
max-width: 1370px;
margin: 0 auto;
margin-bottom: -170px;
border-radius: 30px;
box-shadow: 0 8px 0 0 #233757;
max-height: fit-content;
}
section#comments {
display: none;
}
.single main#content header.page-header > * {
max-width: 1320px;
margin-right: auto;
margin-left: auto;
}
.single main#content header.page-header > h1.entry-title {
font-size: 50px;
font-weight: 600;
margin-bottom: 40px;
}
.single main#content .page-content h2 {
font-size: 30px;
}
.single main#content .page-content  h3 {
font-size: 30px;
}
.single main#content .page-content  h3 {
font-size: 26px;
margin-top: 30px;
}
blockquote {
    background: #efefef;
    padding: 20px;
    font-weight: 500;
    border-radius: 10px;
}
blockquote p:last-child {
    margin: 0;
}
@media (max-width:1366px) {
    .card_body_wrp {
        flex-wrap: wrap;
    }
    .card_body_wrp .wrp {
        flex: 0 0 100%;
    }
    .dsm-wrap .dsm-card .screen_details form {
        width: 100%;
    }
}
@media(max-width:1199px){
    main#content:has(.dsm-wrap) .page-header {
        padding: 130px 20px 72px;
    }
        main#content:has(.dsm-wrap) .page-header h1.entry-title {
        font-size: 40px;
    }
    .screen_details .url a {
        font-size: 15px;
    }
    .dsm-wrap .dsm-card .screen_details form label {
        font-size: 14px;
    }
    .dsm-uploader .dsm-media-list {
        grid-template-columns: repeat(5 , 1fr);
    }
        .card_body_wrp {
        flex-wrap: wrap;
    }
    .card_body_wrp .wrp {
        flex: 0 0 100%;
    }
    .dsm-wrap .dsm-card .screen_details form {
        width: 100%;
    }
        .card_body_wrp {
        flex-wrap: wrap;
    }
    .card_body_wrp .wrp {
        flex: 0 0 100%;
    }
    .dsm-wrap .dsm-card .screen_details form {
        width: 100%;
    }
}
@media (max-width:1024px) {
    .footer-menu {
        grid-column-gap: 10px;
        grid-row-gap: 20px;
    }
    main#content:has(.dsm-wrap) .page-header {
        padding: 118px 20px 50px;
    }
    .card_body_wrp {
        flex-wrap: wrap;
    }
    .card_body_wrp .wrp {
        flex: 0 0 100%;
    }
    .dsm-wrap .dsm-card .screen_details form {
        width: 100%;
    }
    .screen_details .url{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .dsm-uploader .dsm-media-list {
        grid-template-columns: repeat(4 , 1fr);
    }
    .screen_details h4 {
        font-size: 20px;
    }
    .menu_screen_wrp .left_menu {
        max-width: 200px;
        width: 100%;
        min-width: 200px;
        margin-top: 9px;
    }
    .menu_screen_wrp .left_menu + .screen_card_list {
        width: 100%;
        padding-left: 20px;
    }
    .dsm-wrap .dsm-card form.new_screen_form {
        flex-direction: column;
    }
    .dsm-wrap .dsm-card form.new_screen_form p:has(label) {
        width: 100%;
    }
    .menu_screen_wrp .left_menu + .screen_card_list {
        width: calc(100% - 200px);
        padding-left: 20px;
    }
    .screen_details .url a {
        font-size: 14px;
        word-wrap: anywhere;
    }
    section.login-section {
        padding-top: 120px;
    }
            .single main#content header.page-header > h1.entry-title {
font-size: 22px;
}
.single main#content header.page-header p {
color: #fff;
}
.single main#content header.page-header img {
margin-bottom: -44px;
}
.single main#content .page-content {
padding-top: 20px;
position: relative;
z-index: 6;
padding-bottom: 50px;
font-size: 14px;
}
.single main#content .page-content h2 {
font-size: 24px;
}
.single main#content .page-content  h3 {
font-size: 20px;
}
.single main#content header.page-header > h1.entry-title {
    font-size: 30px;
    margin-bottom: 24px;
}
    body.blog .blog_wrap {
    grid-template-columns: repeat(2 , 1fr);
}
.blog header.page-header, .single main#content header.page-header {
    padding: 150px 20px 70px;
    margin-bottom: 70px;
}
.blog header.page-header h1.entry-title {
    font-size: 37px;
}
.blog header.page-header, .single main#content header.page-header {
    padding: 150px 20px 70px;
    margin-bottom: 48px;
}
}

@media(max-width:767px) {
    body.blog .blog_wrap {
    grid-template-columns: repeat(1 , 1fr);
}
    .dsm-wrap .dsm-card form.new_screen_form button.button.button-primary {
        margin: 0 auto;
        display: block;
        padding: 0 10px;
        font-size: 14px;
        line-height: 44px;
    }
    main#content {
        padding: 0;
    }
    .dsm-wrap .dsm-card form.new_screen_form {
padding: 15px;
margin-top: 5px !important;
}
    form.login-form .field_wrap p label, .dsm-wrap .dsm-card form p label {
        font-size: 15px;
    }
    .screen_details {
    padding: 15px;
    margin: 0;
}
    .screen_details h4 {
        font-size: 17px;
    }
    .screen_details .card_header p.interval_time {
        padding: 0px 14px;
        line-height: 35px;
        font-size: 13px;
    }
    .dsm-dropzone {
        font-size: 14px;
    }
    .screen_details .url {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 10px;
    }
    .screen_details .url {
        padding-left: 10px;
    }
    .screen_details .url a {
        word-wrap: anywhere;
        font-size: 12px;
    }
    .screen_details .url button.icon-btn {
        padding: 10px 10px;
        margin-left: 10px;
    }
    .screen_details.second .card_header {
        margin: -10px -10px 0;
        padding: 15px;
    }
    .dsm-wrap .dsm-card .screen_details form button.button.cBtn {
        padding: 0 15px;
        font-size: 13px;
        line-height: 40px;
    }
    .dsm-uploader .dsm-media-list {
        grid-template-columns: repeat(3 , 1fr);
    }
    .dsm-wrap .dsm-card  form {
        text-align: center;
    }
    main#content:has(.dsm-wrap) .page-header h1.entry-title {
        font-size: 33px;
    }
    main#content:has(.dsm-wrap) .page-header {
        padding: 130px 20px 50px;
        margin-bottom: 30px;
    }
    header .header-wrap .cBtn {
        padding: 0 30px;
        line-height: 40px;
    }
    form.login-form .field_wrap p label input, .dsm-wrap .dsm-card form p label input {
        line-height: 44px;
    }
    .dsm-wrap .dsm-card .screen_details form input[type="number"] {
        line-height: 40px;
    }
    .dsm-media-list li a.dsm-remove {
        width: 20px;
        height: 20px;
        top: -8px;
        left: -6px;
        background-size: 8px;
    }
    .dsm-wrap .dsm-card form.form_submit button.button.cBtn {
        line-height: 44px;
        font-size: 14px;
    }
    .dsm-wrap .dsm-card form.form_submit button.button.cBtn {
        line-height: 44px;
        font-size: 14px;
        padding: 0;
    }
    section.login-section {
        padding: 130px 20px 30px;
        min-height: auto;
    }
    form.login-form {
        padding: 16px;
        border-radius: 12px;
    }
    form.login-form h2:before {
        width: 80px;
        height: 80px;
        margin: 0 auto 12px;
    }
    form.login-form h2 {
        font-size: 26px;
    }
    form.login-form button.button, .dsm-card button.button.button-primary {
        font-size: 15px;
        min-width: 140px;
        margin-top: 10px;
        line-height: 42px;
    }
    .dsm-wrap .dsm-card h3 {
    font-size: 16px;
}
    .single main#content header.page-header > h1.entry-title {
font-size: 22px;
}
.single main#content header.page-header p {
color: #fff;
}
.single main#content header.page-header img {
    margin-bottom: -101px;
}
.single main#content .page-content {
padding-top: 20px;
position: relative;
z-index: 6;
padding-bottom: 50px;
font-size: 14px;
}
.single main#content .page-content h2 {
font-size: 24px;
}
.single main#content .page-content  h3 {
font-size: 20px;
}
.single main#content header.page-header > h1.entry-title {
font-size: 22px;
margin-bottom: 24px;
}

}

@media (max-width:575px) {
    .footer-menu {
    grid-column-gap: 0;
    grid-row-gap: 12px;
}
    .card_body_wrp .wrp {
        flex: 0 0 100%;
    }
    .dsm-uploader .dsm-media-list {
        grid-template-columns: repeat(2 , 1fr);
    }
    .footer-menu a {
        font-size: 14px;
    }
    .footer-section {
        background-color: #fff;
        padding: 25px 0 15px;
    }
    .bottom-column .textarea-content p {
        font-size: 14px;
    }
    .footer-section {
        padding: 25px  0 25px;
    }
    .dsm-wrap .dsm-card  form {
        margin-top: 30px !important;
    }
        .menu_screen_wrp .left_menu + .screen_card_list {
        width: 100%;
        padding-left: 0px;
    }
    .menu_screen_wrp .left_menu {
        max-width: 100%;
        width: 100%;
        min-width: 100%;
    }
    .menu_screen_wrp {
        display: flex;
        margin-bottom: 100px;
        flex-direction: column;
    }
.dsm-wrap .dsm-card .screen_details form label span {
    margin-right: 0;
    text-align: left;
}
.dsm-wrap .dsm-card  .card_body_wrp {
    gap: 0px;
}
ul.dsm-media-list {
    margin-top: 20px;
}
}