.elementor-29 .elementor-element.elementor-element-3b6b822:not(.elementor-motion-effects-element-type-background), .elementor-29 .elementor-element.elementor-element-3b6b822 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://almadinadualiun.com/wp-content/uploads/2021/01/about-banner.webp");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-29 .elementor-element.elementor-element-3b6b822 > .elementor-background-overlay{background-color:#020202DE;opacity:0.7;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-29 .elementor-element.elementor-element-3b6b822{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:200px 0px 200px 0px;z-index:1;}.elementor-29 .elementor-element.elementor-element-af5f50c{text-align:center;}.elementor-29 .elementor-element.elementor-element-af5f50c .elementor-heading-title{font-size:75px;font-weight:900;color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-fa37630{overflow:hidden;padding:70px 300px 70px 300px;}.elementor-29 .elementor-element.elementor-element-b14751e{z-index:1;}.elementor-29 .elementor-element.elementor-element-db11840{text-align:start;}.elementor-29 .elementor-element.elementor-element-db11840 .elementor-heading-title{font-size:35px;font-weight:800;}.elementor-29 .elementor-element.elementor-element-9a71d95{padding:0px 0px 70px 0px;}.elementor-29 .elementor-element.elementor-element-6a63510:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-29 .elementor-element.elementor-element-6a63510 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-6a63510 > .elementor-element-populated, .elementor-29 .elementor-element.elementor-element-6a63510 > .elementor-element-populated > .elementor-background-overlay, .elementor-29 .elementor-element.elementor-element-6a63510 > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-29 .elementor-element.elementor-element-6a63510 > .elementor-element-populated{box-shadow:0px 0px 20px 3px rgba(0, 0, 0, 0.3);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 20px 0px 0px;--e-column-margin-right:20px;--e-column-margin-left:0px;padding:40px 30px 40px 30px;}.elementor-29 .elementor-element.elementor-element-6a63510 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-29 .elementor-element.elementor-element-5e30c01{z-index:10;text-align:start;}.elementor-29 .elementor-element.elementor-element-5e30c01 .elementor-heading-title{font-size:35px;font-weight:800;}.elementor-29 .elementor-element.elementor-element-890933b{z-index:10;}.elementor-29 .elementor-element.elementor-element-8b177af:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-29 .elementor-element.elementor-element-8b177af > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-29 .elementor-element.elementor-element-8b177af > .elementor-element-populated, .elementor-29 .elementor-element.elementor-element-8b177af > .elementor-element-populated > .elementor-background-overlay, .elementor-29 .elementor-element.elementor-element-8b177af > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-29 .elementor-element.elementor-element-8b177af > .elementor-element-populated{box-shadow:0px 0px 20px 3px rgba(0, 0, 0, 0.3);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 20px;--e-column-margin-right:0px;--e-column-margin-left:20px;padding:40px 30px 40px 30px;}.elementor-29 .elementor-element.elementor-element-8b177af > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-29 .elementor-element.elementor-element-f4b4985{z-index:10;text-align:start;}.elementor-29 .elementor-element.elementor-element-f4b4985 .elementor-heading-title{font-size:35px;font-weight:800;}.elementor-29 .elementor-element.elementor-element-6f6d6c3{z-index:10;}:root{--page-title-display:none;}@media(max-width:1024px) and (min-width:768px){.elementor-29 .elementor-element.elementor-element-6a63510{width:100%;}.elementor-29 .elementor-element.elementor-element-8b177af{width:100%;}}@media(max-width:1024px){.elementor-29 .elementor-element.elementor-element-3b6b822{padding:110px 0px 110px 0px;}.elementor-29 .elementor-element.elementor-element-af5f50c .elementor-heading-title{font-size:55px;}.elementor-29 .elementor-element.elementor-element-fa37630{padding:60px 50px 0px 50px;}.elementor-29 .elementor-element.elementor-element-21110f2{z-index:2;}.elementor-29 .elementor-element.elementor-element-9a71d95{padding:60px 20px 60px 20px;}.elementor-29 .elementor-element.elementor-element-6a63510 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-29 .elementor-element.elementor-element-8b177af > .elementor-element-populated{margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}@media(max-width:767px){.elementor-29 .elementor-element.elementor-element-3b6b822{padding:100px 0px 100px 0px;}.elementor-29 .elementor-element.elementor-element-af5f50c .elementor-heading-title{font-size:40px;}.elementor-29 .elementor-element.elementor-element-fa37630{padding:50px 20px 0px 20px;}.elementor-29 .elementor-element.elementor-element-db11840 .elementor-heading-title{font-size:30px;line-height:40px;}.elementor-29 .elementor-element.elementor-element-890933b{font-size:18px;}.elementor-29 .elementor-element.elementor-element-6f6d6c3{font-size:18px;}}/* Start custom CSS for section, class: .elementor-element-fa37630 */.about-content{
    position: relative;
}
.about-content:before{
    position: absolute;
    content: "";
    width: 300px;
    height: 300px;
    background-color: #296C2E;
    border-radius: 100%;
    left: -160px;
    top: 180px;
}
.about-content:after{
    position: absolute;
    content: "";
    width: 450px;
    height: 450px;
    background-color: #e40e18;
    opacity: 0.5;
    border-radius: 100%;
    top: -70px;
    right: -140px;
}
.about-content .container{
    background-color: transparent !important;
}
@media screen and (max-width: 767px){
    .about-content:before,
    .about-content:after{
        opacity: 0.3;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5e30c01 */.mission{
    position: relative;
    transition: all 0.3s ease-in-out;
}
.mission:before{
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    top: 25px;
    left: 15px;
    background-color: #8cc63e;
    opacity: 0.4;
    z-index: 1;
    animation: circle 6s linear infinite;
}
.mission:hover{
    transform: translateY(-10px);
}
.mission:hover .mission:before{
    
}
@keyframes circle{
    0%{
        transform: translateX(0%);
    }
    10%{
        transform: translateX(10%);
    }
    20%{
        transform: translateX(20%);
    }
    30%{
        transform: translateX(30%);
    }
    40%{
        transform: translateX(40%);
    }
    50%{
        transform: translateX(50%);
    }
    60%{
        transform: translateX(40%);
    }
    70%{
        transform: translateX(30%);
    }
    80%{
        transform: translateX(20%);
    }
    90%{
        transform: translateX(10%);
    }
    100%{
        transform: translateX(0%);
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-6a63510 */.mission{
    position: relative;
    transition: all 0.3s ease-in-out;
}
.mission:before{
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    top: 25px;
    left: 15px;
    background-color: #8cc63e;
    opacity: 0.4;
    z-index: 1;
    animation: circle 6s linear infinite;
}
.mission:after{
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    top: 5px;
    left: 5px;
    background-color: #8cc63e;
    opacity: 0.4;
    z-index: 1;
    animation: circle 6s linear infinite;
}
.mission:hover{
    transform: translateY(-10px);
}
@keyframes circle{
    0%{
        transform: translateX(0%);
    }
    20%{
        transform: translateY(10%);
    }
    40%{
        transform: translateX(20%);
    }
    60%{
        transform: translateX(10%);
    }
    80%{
        transform: translateY(10%);
    }
    100%{
        transform: translateX(0%);
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-8b177af */.vision{
    position: relative;
    transition: all 0.3s ease-in-out;
}
.vision:before{
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    top: 5px;
    left: 25px;
    background-color: #8cc63e;
    opacity: 0.4;
    z-index: 1;
    animation: circle 6s linear infinite;
}
.vision:after{
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    top: 25px;
    left: 35px;
    background-color: #8cc63e;
    opacity: 0.4;
    z-index: 1;
    animation: circle 6s linear infinite;
}
.vision:hover{
    transform: translateY(-10px);
}
@keyframes circle{
    0%{
        transform: translateX(0%);
    }
    20%{
        transform: translateY(10%);
    }
    40%{
        transform: translateX(20%);
    }
    60%{
        transform: translateX(10%);
    }
    80%{
        transform: translateY(10%);
    }
    100%{
        transform: translateX(0%);
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px){
    .vision:before{
    top: 55px;
    left: 55px;
}
.vision:after{
    top: 75px;
    left: 35px;
}
}
@media screen and (max-width: 767px){
    .vision:before {
        top: 55px;
    }
    .vision:after {
        top: 65px;
    }
}/* End custom CSS */