#offcanvasTop{
    --bs-offcanvas-height: 100vh;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    background: #283556 !important;
    opacity: 1;
    transition: 0.4s;
    padding: 40px;
}

#offcanvasTop .btn-close{
    background-color: transparent !important;
    color: #dcd0be !important;
	outline: 0 none;
}

#offcanvasTop .offcanvas-body, #offcanvasTop .offcanvas-body a, #offcanvasTop .offcanvas-body a:visited, #offcanvasTop .offcanvas-body a:hover {
    color: #dcd0be;
}

#offcanvasTop .offcanvas-body a, #offcanvasTop .offcanvas-body a:visited, #offcanvasTop .offcanvas-body a:hover {
	text-decoration: none;
	outline: 0 none;
}

#offcanvasTop .offcanvas-body .container{
    height: 100%;
    padding-bottom: 10%;
}

#offcanvasTop .offcanvas-body .items-row{
    height: 100%;
}

#offcanvasTop .offcanvas-body .col{
    padding: 50px 0;
    font-size: 20px;
}

#offcanvasTop .offcanvas-body .col-title{
    padding: 44px 0 18px 0;
	border-bottom: 0.1em solid #dcd0be;
}

#offcanvasTop .offcanvas-body .col-item{
    margin-top: 16px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    transition: transform 0.3s ease-out;
}

#offcanvasTop .offcanvas-body .col-item:hover{
    cursor: pointer;
    text-decoration: underline;
    transform: translate(10px, 0);
}

#offcanvasTop .offcanvas-body .app-badge{
    height: 40px;
}


.elementor-67 .elementor-element.elementor-element-28d9110 img {
    width: 90%;
    max-width: 100%;
    filter: brightness(100%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
}
.elementor-1670 .elementor-element.elementor-element-28d9110 img {
    width: 90%;
    max-width: 100%;
    filter: brightness(100%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
}
.elementor-1636 .elementor-element.elementor-element-28d9110 img {
    width: 90%;
    max-width: 100%;
    filter: brightness(100%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
}
.elementor-1565 .elementor-element.elementor-element-28d9110 img {
    width: 90%;
    max-width: 100%;
    filter: brightness(100%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
}


.elementor-67 .elementor-element.elementor-element-0ca3f51 img {
    max-width: 90%;
    filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
}
.elementor-1670 .elementor-element.elementor-element-0ca3f51 img {
    max-width: 90%;
    filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
}
.elementor-1636 .elementor-element.elementor-element-0ca3f51 img {
    max-width: 90%;
    filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
}
.elementor-1565 .elementor-element.elementor-element-0ca3f51 img {
    max-width: 90%;
    filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
}


.elementor-1636 .elementor-element.elementor-element-0ca3f51 {
    top: -108px;
    z-index: 2;
}

.elementor-1670 .elementor-element.elementor-element-6a29fa9 {
    --min-height: 592px;
}
.elementor-1565 .elementor-element.elementor-element-9147141 {
    margin-top: 90px;
}

.elementor-67 .elementor-element.elementor-element-4e6cb38 {
    padding: 0px 90px 0px 0px;
}

.elementor-1636 .elementor-element.elementor-element-4e6cb38 {
    padding: 60px 80px 100px 80px;
}


.elementor-67 .elementor-element.elementor-element-470337c{
    --e-con-grid-template-columns: repeat(3, 1fr);
}
.elementor-1565 .elementor-element.elementor-element-470337c{
    --e-con-grid-template-columns: repeat(3, 1fr);
}
.elementor-1636 .elementor-element.elementor-element-470337c{
    --e-con-grid-template-columns: repeat(3, 1fr);
}
.elementor-1670 .elementor-element.elementor-element-470337c{
    --e-con-grid-template-columns: repeat(3, 1fr);
}

@media (min-width: 1024px){
    .elementor-67 .elementor-element.elementor-element-6a29fa9 {
        --min-height: 624px;
    }

    body:not(.rtl) .elementor-67 .elementor-element.elementor-element-0ca3f51 {
        left: 0px;
    }
}




@media (min-width: 768px) {

    #offcanvasTop .offcanvas-body .container{
        height: 100%;
        padding-bottom: 5%;
    }

    #offcanvasTop .offcanvas-body .items-row{
        height: 100%;
    }

    #offcanvasTop .offcanvas-body .col-md{
        padding: 0 9%;
    }

    #offcanvasTop .offcanvas-body .col-left{
        border-right: solid;
        border-right-color: #f0ebe5e6;
    }

    #offcanvasTop .offcanvas-body .col{
        padding: 0px;
        font-size: 25px;
        text-align: left;
        margin: 90px 0px;
    }

    #offcanvasTop .offcanvas-body .col-title{
        padding: 30px 0px;
        border-bottom: solid;
        border-bottom-width: 0.1em;
    }

    #offcanvasTop .offcanvas-body .col-item{
		margin-top: 50px;
    }

    body:not(.rtl) .elementor-1670 .elementor-element.elementor-element-0ca3f51 {
        left: 30px;
    }

    .elementor-1670 .elementor-element.elementor-element-4e6cb38 {
        padding: 20px 80px 20px 20px;
    }
    
}
@media (max-width: 740px){
    .elementor-67 .elementor-element.elementor-element-470337c{
        --e-con-grid-template-columns: repeat(1, 1fr);
    }
    .elementor-1565 .elementor-element.elementor-element-470337c{
        --e-con-grid-template-columns: repeat(1, 1fr);
    }
    .elementor-1636 .elementor-element.elementor-element-470337c{
        --e-con-grid-template-columns: repeat(1, 1fr);
    }
    .elementor-1670 .elementor-element.elementor-element-470337c{
        --e-con-grid-template-columns: repeat(1, 1fr);
    }
}


@media (max-width: 483px) {
    .elementor-67 .elementor-element.elementor-element-470337c{
        --e-con-grid-template-columns: repeat(0, 1fr);
    }s
    .elementor-1565 .elementor-element.elementor-element-470337c{
        --e-con-grid-template-columns: repeat(0, 1fr);
    }
    .elementor-1636 .elementor-element.elementor-element-470337c{
        --e-con-grid-template-columns: repeat(0, 1fr);
    }
    .elementor-1670 .elementor-element.elementor-element-470337c{
        --e-con-grid-template-columns: repeat(0, 1fr);
    }

}
@media (max-width: 480px) {
    body:not(.rtl) .elementor-67 .elementor-element.elementor-element-0ca3f51 {
        left: 30px;
    }
    body:not(.rtl) .elementor-1670 .elementor-element.elementor-element-0ca3f51{
        left: 30px;
    }
    body:not(.rtl) .elementor-1636 .elementor-element.elementor-element-0ca3f51 {
        left: 30px;
    }
    body:not(.rtl) .elementor-1565 .elementor-element.elementor-element-0ca3f51 {
        left: 30px;
    }
 
    .elementor-67 .elementor-element.elementor-element-6a29fa9 {
        --min-height: 224px;
    }
    .elementor-1670 .elementor-element.elementor-element-6a29fa9 {
        --min-height: 224px;
    }
   
    .elementor-1636 .elementor-element.elementor-element-6a29fa9 {
        --min-height: 182px;
    }
    .elementor-1636 .elementor-element.elementor-element-0ca3f51 {
        top: -27px;
        z-index: 2;
    }
    .elementor-1670 .elementor-element.elementor-element-eee4a6d {
        --gap: 40px 40px;
        --padding-top: 0px;
        --padding-bottom: 60px;
        --padding-left: 20px;
        --padding-right: 20px;
    }
    .elementor-67 .elementor-element.elementor-element-4e6cb38 {
        padding: 0px 0px 60px 0px;
        margin-bottom: 10px;
    }
    .elementor-67 .elementor-element.elementor-element-b1b882a {
        padding: 40px 0px 0px 0px;
    }
    .elementor-1565 .elementor-element.elementor-element-6a29fa9 {
        --min-height: 202px;
    
    }
    .elementor-67 .elementor-element.elementor-element-54075f7 {
        --gap: 40px 40px;
        --padding-top: 0px;
        --padding-bottom: 47px;
        --padding-left: 20px;
        --padding-right: 20px;
    }
    .elementor-1636 .elementor-element.elementor-element-4e6cb38 {
        padding: 60px 0px 120px 0px;
    }
 
}