.elementor-1131 .elementor-element.elementor-element-24bea92{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:35px;--padding-right:35px;}.elementor-1131 .elementor-element.elementor-element-24bea92:not(.elementor-motion-effects-element-type-background), .elementor-1131 .elementor-element.elementor-element-24bea92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1a1a1a;background-image:url("https://sahelrestaurantlounge.com/wp-content/uploads/2025/07/rsw_1280h_720.webp");background-position:0px -182px;background-size:cover;}.elementor-1131 .elementor-element.elementor-element-24bea92::before, .elementor-1131 .elementor-element.elementor-element-24bea92 > .elementor-background-video-container::before, .elementor-1131 .elementor-element.elementor-element-24bea92 > .e-con-inner > .elementor-background-video-container::before, .elementor-1131 .elementor-element.elementor-element-24bea92 > .elementor-background-slideshow::before, .elementor-1131 .elementor-element.elementor-element-24bea92 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1131 .elementor-element.elementor-element-24bea92 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#1a1a1a;--background-overlay:'';}.elementor-1131 .elementor-element.elementor-element-87caea8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;}.elementor-widget-aux_modern_heading .aux-modern-heading-primary{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-aux_modern_heading .aux-modern-heading-secondary{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-aux_modern_heading .aux-modern-heading-secondary .aux-head-highlight{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-aux_modern_heading .aux-modern-heading-description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-1131 .elementor-element.elementor-element-b8fc2c6{animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);}.elementor-1131 .elementor-element.elementor-element-b8fc2c6 .aux-modern-heading-primary{font-family:"Cormorant", Sans-serif;font-size:60px;font-weight:bold;line-height:74px;color:var( --e-global-color-5e462d11 );margin:0px 0px 0px 0px;}.elementor-1131 .elementor-element.elementor-element-b8fc2c6 .aux-modern-heading-divider{height:1px;width:116px;margin:0px 0px 17px 0px;background-color:var( --e-global-color-accent );}.elementor-1131 .elementor-element.elementor-element-6972240{--display:flex;}.elementor-1131 .elementor-element.elementor-element-27fe750{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.05;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1131 .elementor-element.elementor-element-27fe750:not(.elementor-motion-effects-element-type-background), .elementor-1131 .elementor-element.elementor-element-27fe750 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1bab667 );}.elementor-1131 .elementor-element.elementor-element-27fe750::before, .elementor-1131 .elementor-element.elementor-element-27fe750 > .elementor-background-video-container::before, .elementor-1131 .elementor-element.elementor-element-27fe750 > .e-con-inner > .elementor-background-video-container::before, .elementor-1131 .elementor-element.elementor-element-27fe750 > .elementor-background-slideshow::before, .elementor-1131 .elementor-element.elementor-element-27fe750 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1131 .elementor-element.elementor-element-27fe750 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://sahelrestaurantlounge.com/wp-content/uploads/2025/07/pngwing.com-2025-05-02T183452.924.png");--background-overlay:'';}.elementor-1131 .elementor-element.elementor-element-ae4a4bc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:64px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1131 .elementor-element.elementor-element-0890255{width:var( --container-widget-width, 119.132% );max-width:119.132%;--container-widget-width:119.132%;--container-widget-flex-grow:0;}.elementor-1131 .elementor-element.elementor-element-0890255 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1131 .elementor-element.elementor-element-0890255.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1131 .elementor-element.elementor-element-0890255 .aux-modern-heading-primary{font-size:20px;font-weight:600;text-transform:capitalize;line-height:11px;color:var( --e-global-color-48eff407 );}.elementor-1131 .elementor-element.elementor-element-0890255 .aux-modern-heading-secondary .aux-head-highlight{font-family:"Cormorant", Sans-serif;font-size:60px;font-weight:900;text-transform:capitalize;line-height:1em;letter-spacing:-1.8px;color:#FF8A2A;margin:0px 0px 10px 0px;max-width:600px;}.elementor-1131 .elementor-element.elementor-element-0890255 .aux-modern-heading-description{color:var( --e-global-color-text );font-size:16px;font-weight:400;margin:-5px 0px 0px 0px;max-width:599px;}.elementor-1131 .elementor-element.elementor-element-e4139ed{--display:flex;animation-duration:1400ms;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:10px 10px 10px 10px;--border-top-width:10px;--border-right-width:10px;--border-bottom-width:10px;--border-left-width:10px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:0px 0px 0px 0px;--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:0px;--e-con-transform-origin-x:center;animation-delay:100ms;animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);}.elementor-1131 .elementor-element.elementor-element-e4139ed:not(.elementor-motion-effects-element-type-background), .elementor-1131 .elementor-element.elementor-element-e4139ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sahelrestaurantlounge.com/wp-content/uploads/2025/07/two-women-working-as-architectors-people-constraction-making-decision-about-plan-building_1157-50658.jpg");background-position:0px 1px;background-repeat:no-repeat;background-size:cover;}.elementor-1131 .elementor-element.elementor-element-e4139ed.e-con{--e-con-transform-flipX:-1;}.elementor-1131 .elementor-element.elementor-element-2c695f6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1131 .elementor-element.elementor-element-2c695f6:not(.elementor-motion-effects-element-type-background), .elementor-1131 .elementor-element.elementor-element-2c695f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1bab667 );}.elementor-1131 .elementor-element.elementor-element-92584ad{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1131 .elementor-element.elementor-element-92584ad:not(.elementor-motion-effects-element-type-background), .elementor-1131 .elementor-element.elementor-element-92584ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sahelrestaurantlounge.com/wp-content/uploads/2025/07/ctaBG1_1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1131 .elementor-element.elementor-element-b46b5c7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1131 .elementor-element.elementor-element-902c4d7{animation-duration:2000ms;animation-delay:0ms;animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);}.elementor-1131 .elementor-element.elementor-element-902c4d7 > .elementor-widget-container{margin:0px 0px -16px 0px;padding:0px 0px 0px 0px;}.elementor-1131 .elementor-element.elementor-element-902c4d7 .aux-modern-heading-primary{font-size:20px;font-weight:600;text-transform:capitalize;line-height:11px;color:var( --e-global-color-accent );}.elementor-1131 .elementor-element.elementor-element-902c4d7 .aux-modern-heading-secondary .aux-head-highlight{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:700;text-transform:capitalize;line-height:0.9em;letter-spacing:-1.8px;color:var( --e-global-color-5e462d11 );margin:0px 0px 0px 0px;max-width:600px;}.elementor-1131 .elementor-element.elementor-element-902c4d7 .aux-modern-heading-divider{height:1px;width:57px;margin:0px 0px 20px 0px;background-color:var( --e-global-color-2ca12ed9 );}.elementor-widget-aux_modern_button .aux-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-aux_modern_button .aux-modern-button:hover .aux-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-aux_modern_button .aux-text-highlighted{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-aux_modern_button .aux-modern-button:hover .aux-text-highlighted{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-aux_modern_button .aux-text-after{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-widget-aux_modern_button .aux-modern-button:hover .aux-text-after{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;}.elementor-1131 .elementor-element.elementor-element-225f769 .aux-modern-button.aux-modern-button-outline .aux-overlay:before, .elementor-1131 .elementor-element.elementor-element-225f769 .aux-modern-button .aux-overlay:before{background-color:var( --e-global-color-secondary );}.elementor-1131 .elementor-element.elementor-element-225f769 .aux-modern-button.aux-modern-button-outline .aux-overlay:after, .elementor-1131 .elementor-element.elementor-element-225f769 .aux-modern-button .aux-overlay:after{background-color:var( --e-global-color-a29a5db );}.elementor-1131 .elementor-element.elementor-element-225f769{width:auto;max-width:auto;animation-duration:2000ms;align-self:flex-start;animation-delay:200ms;animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);}.elementor-1131 .elementor-element.elementor-element-225f769 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1131 .elementor-element.elementor-element-225f769.elementor-element{--align-self:flex-start;}.elementor-1131 .elementor-element.elementor-element-225f769 .aux-modern-button-wrapper{text-align:left;}.elementor-1131 .elementor-element.elementor-element-225f769 .aux-modern-button{padding:15px 35px 13px 31px;}.elementor-1131 .elementor-element.elementor-element-225f769 .aux-overlay:before, .elementor-1131 .elementor-element.elementor-element-225f769 .aux-overlay:after{border-radius:0px 0px 0px 0px;}.elementor-1131 .elementor-element.elementor-element-225f769 .aux-text{font-size:16px;font-weight:600;text-transform:capitalize;color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;}.elementor-1131 .elementor-element.elementor-element-4f886e7{width:var( --container-widget-width, 17.126% );max-width:17.126%;--container-widget-width:17.126%;--container-widget-flex-grow:0;top:12px;}.elementor-1131 .elementor-element.elementor-element-4f886e7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1131 .elementor-element.elementor-element-4f886e7.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-1131 .elementor-element.elementor-element-4f886e7{left:-190px;}body.rtl .elementor-1131 .elementor-element.elementor-element-4f886e7{right:-190px;}.elementor-1131 .elementor-element.elementor-element-4f886e7 img{width:70%;}.elementor-1131 .elementor-element.elementor-element-64bbd18{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1131 .elementor-element.elementor-element-64bbd18.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1131 .elementor-element.elementor-element-98fbeea{width:var( --container-widget-width, 7.197% );max-width:7.197%;--container-widget-width:7.197%;--container-widget-flex-grow:0;top:224px;}.elementor-1131 .elementor-element.elementor-element-98fbeea > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1131 .elementor-element.elementor-element-98fbeea.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-1131 .elementor-element.elementor-element-98fbeea{left:-17px;}body.rtl .elementor-1131 .elementor-element.elementor-element-98fbeea{right:-17px;}.elementor-1131 .elementor-element.elementor-element-98fbeea img{width:70%;}.elementor-1131 .elementor-element.elementor-element-56dbefd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1131 .elementor-element.elementor-element-56dbefd.elementor-element{--align-self:center;}body:not(.rtl) .elementor-1131 .elementor-element.elementor-element-56dbefd{right:55px;}body.rtl .elementor-1131 .elementor-element.elementor-element-56dbefd{left:55px;}.elementor-1131 .elementor-element.elementor-element-56dbefd{top:214px;}.elementor-1131 .elementor-element.elementor-element-56dbefd img{width:100%;max-width:100%;}@media(max-width:1024px){.elementor-1131 .elementor-element.elementor-element-24bea92{--flex-wrap:wrap;}.elementor-1131 .elementor-element.elementor-element-24bea92:not(.elementor-motion-effects-element-type-background), .elementor-1131 .elementor-element.elementor-element-24bea92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1131 .elementor-element.elementor-element-b8fc2c6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1131 .elementor-element.elementor-element-b8fc2c6 .aux-modern-heading-primary{margin:0px 0px 0px 38px;}.elementor-1131 .elementor-element.elementor-element-b8fc2c6 .aux-modern-heading-secondary{margin:0px 0px 0px 0px;}.elementor-1131 .elementor-element.elementor-element-b8fc2c6 .aux-modern-heading-divider{margin:0px 0px 0px 38px;}.elementor-1131 .elementor-element.elementor-element-0890255 .aux-modern-heading-primary{font-size:17px;}.elementor-1131 .elementor-element.elementor-element-0890255 .aux-modern-heading-secondary .aux-head-highlight{font-size:46px;}.elementor-1131 .elementor-element.elementor-element-0890255 .aux-modern-heading-description{font-size:15px;}.elementor-1131 .elementor-element.elementor-element-e4139ed:not(.elementor-motion-effects-element-type-background), .elementor-1131 .elementor-element.elementor-element-e4139ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1131 .elementor-element.elementor-element-902c4d7 .aux-modern-heading-primary{font-size:17px;}.elementor-1131 .elementor-element.elementor-element-902c4d7 .aux-modern-heading-secondary .aux-head-highlight{font-size:46px;}.elementor-1131 .elementor-element.elementor-element-225f769 .aux-modern-button{padding:13px 30px 11px 26px;}.elementor-1131 .elementor-element.elementor-element-225f769 .aux-text{font-size:14px;}}@media(max-width:767px){.elementor-1131 .elementor-element.elementor-element-24bea92:not(.elementor-motion-effects-element-type-background), .elementor-1131 .elementor-element.elementor-element-24bea92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1131 .elementor-element.elementor-element-87caea8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1131 .elementor-element.elementor-element-b8fc2c6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1131 .elementor-element.elementor-element-b8fc2c6 .aux-modern-heading-primary{font-size:37px;}.elementor-1131 .elementor-element.elementor-element-b8fc2c6 .aux-modern-heading-divider{width:75px;margin:0px 0px 00px 35px;}.elementor-1131 .elementor-element.elementor-element-27fe750{--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1131 .elementor-element.elementor-element-0890255 .aux-modern-heading-primary{font-size:16px;}.elementor-1131 .elementor-element.elementor-element-0890255 .aux-modern-heading-secondary .aux-head-highlight{font-size:30px;line-height:1.1em;}.elementor-1131 .elementor-element.elementor-element-0890255 .aux-modern-heading-description{font-size:14px;}.elementor-1131 .elementor-element.elementor-element-e4139ed:not(.elementor-motion-effects-element-type-background), .elementor-1131 .elementor-element.elementor-element-e4139ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1131 .elementor-element.elementor-element-902c4d7 .aux-widget-inner > *{text-align:center;margin-left:auto !important;margin-right:auto !important;}.elementor-1131 .elementor-element.elementor-element-902c4d7 .aux-modern-heading-primary{font-size:16px;}.elementor-1131 .elementor-element.elementor-element-902c4d7 .aux-modern-heading-secondary .aux-head-highlight{font-size:36px;}}@media(min-width:768px){.elementor-1131 .elementor-element.elementor-element-24bea92{--content-width:1400px;}.elementor-1131 .elementor-element.elementor-element-27fe750{--content-width:1400px;}.elementor-1131 .elementor-element.elementor-element-ae4a4bc{--width:50%;}.elementor-1131 .elementor-element.elementor-element-e4139ed{--width:50%;}.elementor-1131 .elementor-element.elementor-element-2c695f6{--content-width:1400px;}.elementor-1131 .elementor-element.elementor-element-92584ad{--content-width:1400px;}.elementor-1131 .elementor-element.elementor-element-b46b5c7{--width:50%;}.elementor-1131 .elementor-element.elementor-element-64bbd18{--width:41.491%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1131 .elementor-element.elementor-element-87caea8{--width:100%;}}/* Start custom CSS for aux_modern_heading, class: .elementor-element-0890255 */.elementor-1131 .elementor-element.elementor-element-0890255 .aux-head-highlight{
    display: inline-block;
}
@media screen and (max-width:900px) and (min-width:768px){
    .elementor-1131 .elementor-element.elementor-element-0890255 .aux-widget-modern-heading{
        text-align:center;
    }
    .elementor-1131 .elementor-element.elementor-element-0890255 .aux-modern-heading-description{
        margin:0 auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for aux_modern_heading, class: .elementor-element-902c4d7 */.elementor-1131 .elementor-element.elementor-element-902c4d7 .aux-head-highlight{
    display: inline-block;
}
@media screen and (max-width:900px) and (min-width:768px){
    .elementor-1131 .elementor-element.elementor-element-902c4d7 .aux-widget-modern-heading{
        text-align:center;
    }
    .elementor-1131 .elementor-element.elementor-element-902c4d7 .aux-modern-heading-description{
        margin:0 auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f886e7 *///>>>>> Video Animation Start <<<<<//
@-webkit-keyframes rippleOne {
    70% {
        -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
        box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
        box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    }
}

@keyframes rippleOne {
    70% {
        -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
        box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
        box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    }
}

.ripple-effect {
	display: inline-block;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	background-color: $theme-color;
	border: 1px solid $white;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgb(255, 255, 255);
	box-shadow: 0 0 0 0 rgb(255, 255, 255);
	animation: rippleOne 2s infinite;

	.playerImg {
		width: 28px;
		height: 25.972px;
	}
  }
//>>>>> Video Animation End <<<<<//

 


@keyframes up-down {
	0% {
	  transform: translateY(10px);
	}
  
	100% {
	  transform: translateY(-10px);
	}
  }


//>>>>> Preloader Animation Start <<<<<//
 @-webkit-keyframes spinner {
	to {
		-webkit-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
}

@keyframes spinner {
	to {
		-webkit-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
}

@-webkit-keyframes letters-loading {
	0%,
	75%,
	100% {
		opacity: 0;
		transform: rotateY(-90deg);
	}
	25%,
	50% {
		opacity: 1;
		transform: rotateY(0deg);
	}
}

@keyframes letters-loading {
	0%,
	75%,
	100% {
		opacity: 0;
		transform: rotateY(-90deg);
	}
	25%,
	50% {
		opacity: 1;
		transform: rotateY(0deg);
	}
}

//>>>>> Preloader Animation Start <<<<<//
@keyframes loaderspin {
	0% {
	  transform: translate(-50%, -50%) rotate(0deg);
	}
	100% {
	  transform: translate(-50%, -50%) rotate(360deg);
	}
}


@keyframes tpswing{
	0% {
    -webkit-transform: rotate(20deg);
    -ms-transform:rotate(20deg);
    transform: rotate(20deg);
	}
    100% { 
      -webkit-transform: rotate(0deg);
      -ms-transform:rotate(0deg);
      transform: rotate(0deg);
	}
}


@keyframes width {
	0% {
	  width: 0%;
	}
	100% {
	  width: 100%;
	}
}

@-webkit-keyframes width {
	0% {
		width: 0%;
	  }
	  100% {
		width: 100%;
	}
}

@-webkit-keyframes loaderspin {
0% {
	transform: translate(-50%, -50%) rotate(0deg);
}
100% {
	transform: translate(-50%, -50%) rotate(360deg);
}
}

@keyframes loaderpulse {
0% {
	transform: scale(1);
}
100% {
	transform: scale(1.2);
}
}
//>>>>> Preloader Animation End <<<<<//

//animation
@keyframes rounded {
    50%{
        transform: rotate(20deg);
    }
}


.cir36{
	animation: cir36 20s linear infinite;
	-webkit-animation: cir36 20s linear infinite;
}  

@keyframes cir36 {
	100% {
			  transform: rotate(360deg);
	}
}

.float-bob-y {
	-webkit-animation-name: float-bob-y;
	animation-name: float-bob-y;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}
  
  @-webkit-keyframes float-bob-y {
	0% {
	  -webkit-transform: translateY(-30px);
	  transform: translateY(-30px);
	}
	50% {
	  -webkit-transform: translateY(-10px);
	  transform: translateY(-10px);
	}
	100% {
	  -webkit-transform: translateY(-30px);
	  transform: translateY(-30px);
	}
}

  @keyframes float-bob-y {
	0% {
	  -webkit-transform: translateY(-30px);
	  transform: translateY(-30px);
	}
	50% {
	  -webkit-transform: translateY(-10px);
	  transform: translateY(-10px);
	}
	100% {
	  -webkit-transform: translateY(-30px);
	  transform: translateY(-30px);
	}
}
  
.float-bob-x {
	-webkit-animation-name: float-bob-x;
	animation-name: float-bob-x;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}
  
  @-webkit-keyframes float-bob-x {
	0% {
	  -webkit-transform: translateX(-0px);
	  transform: translateX(30px);
	}
	50% {
	  -webkit-transform: translateX(10px);
	  transform: translateX(10px);
	}
	100% {
	  -webkit-transform: translateX(30px);
	  transform: translateX(30px);
	}
}

  @keyframes float-bob-x {
	0% {
	  -webkit-transform: translateX(30px);
	  transform: translateX(30px);
	}
	50% {
	  -webkit-transform: translateX(10px);
	  transform: translateX(10px);
	}
	100% {
	  -webkit-transform: translateX(30px);
	  transform: translateX(30px);
	}
}

@keyframes bounce-x {
	0% {
	  -webkit-transform: translateX(0);
			  transform: translateX(0);
	}
	50% {
	  -webkit-transform: translateX(30px);
			  transform: translateX(30px);
	}
	100% {
	  -webkit-transform: translateX(0);
			  transform: translateX(0);
	}
}

.bounce-x {
	-webkit-animation: bounce-x 7s infinite linear;
	animation: bounce-x 7s infinite linear;
}

@keyframes criss-cross-left {
	0% {
	  left: -20px;
	}
	50% {
	  left: 50%;
	  width: 20px;
	  height: 20px;
	}
	100% {
	  left: 50%;
	  width: 375px;
	  height: 375px;
	}
  }
  @keyframes criss-cross-right {
	0% {
	  right: -20px;
	}
	50% {
	  right: 50%;
	  width: 20px;
	  height: 20px;
	}
	100% {
	  right: 50%;
	  width: 375px;
	  height: 375px;
	}
  }

@keyframes rotated2 {
	0% {
	  transform: rotate(0);
	}
	100% {
	  transform: rotate(-360deg);
	}
}

@keyframes wave {
	0% {transform: translateX(0);}
	50% {transform: translateX(-25%);}
	100% {transform: translateX(-50%);}
}


// This is for Progress bar animation also has a js code 
@keyframes animate-positive {
	0% {
	  width: 0;
	}
  
	100% {
	  width: var(--progress-width);
	}
  }


  .reveal {
	position: relative;
	display: -ms-inline-flexbox;
	visibility: hidden;
	overflow: hidden;
  }
  
  .reveal img {
	height: 100%;
	width: 100%;
	display: inline-block;
	-o-object-fit: cover;
	object-fit: cover;
	transform-origin: left;
  }
  
  .image-anime {
	position: relative;
	overflow: hidden;
  }
  
  .image-anime:after {
	content: "";
	position: absolute;
	width: 200%;
	height: 0%;
	left: 50%;
	top: 50%;
	background-color: rgba(255, 255, 255, 0.3);
	transform: translate(-50%, -50%) rotate(-45deg);
	z-index: 1;
  }
  
  .image-anime:hover:after {
	height: 250%;
	transition: all 600ms linear;
	background-color: transparent;
  }
  

  @keyframes slideDown {
	from {
		top: 370px;
}
	to {
		top: 0px;
	}
  }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-98fbeea *///>>>>> Video Animation Start <<<<<//
@-webkit-keyframes rippleOne {
    70% {
        -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
        box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
        box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    }
}

@keyframes rippleOne {
    70% {
        -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
        box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
        box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    }
}

.ripple-effect {
	display: inline-block;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	background-color: $theme-color;
	border: 1px solid $white;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgb(255, 255, 255);
	box-shadow: 0 0 0 0 rgb(255, 255, 255);
	animation: rippleOne 2s infinite;

	.playerImg {
		width: 28px;
		height: 25.972px;
	}
  }
//>>>>> Video Animation End <<<<<//

 


@keyframes up-down {
	0% {
	  transform: translateY(10px);
	}
  
	100% {
	  transform: translateY(-10px);
	}
  }


//>>>>> Preloader Animation Start <<<<<//
 @-webkit-keyframes spinner {
	to {
		-webkit-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
}

@keyframes spinner {
	to {
		-webkit-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
}

@-webkit-keyframes letters-loading {
	0%,
	75%,
	100% {
		opacity: 0;
		transform: rotateY(-90deg);
	}
	25%,
	50% {
		opacity: 1;
		transform: rotateY(0deg);
	}
}

@keyframes letters-loading {
	0%,
	75%,
	100% {
		opacity: 0;
		transform: rotateY(-90deg);
	}
	25%,
	50% {
		opacity: 1;
		transform: rotateY(0deg);
	}
}

//>>>>> Preloader Animation Start <<<<<//
@keyframes loaderspin {
	0% {
	  transform: translate(-50%, -50%) rotate(0deg);
	}
	100% {
	  transform: translate(-50%, -50%) rotate(360deg);
	}
}


@keyframes tpswing{
	0% {
    -webkit-transform: rotate(20deg);
    -ms-transform:rotate(20deg);
    transform: rotate(20deg);
	}
    100% { 
      -webkit-transform: rotate(0deg);
      -ms-transform:rotate(0deg);
      transform: rotate(0deg);
	}
}


@keyframes width {
	0% {
	  width: 0%;
	}
	100% {
	  width: 100%;
	}
}

@-webkit-keyframes width {
	0% {
		width: 0%;
	  }
	  100% {
		width: 100%;
	}
}

@-webkit-keyframes loaderspin {
0% {
	transform: translate(-50%, -50%) rotate(0deg);
}
100% {
	transform: translate(-50%, -50%) rotate(360deg);
}
}

@keyframes loaderpulse {
0% {
	transform: scale(1);
}
100% {
	transform: scale(1.2);
}
}
//>>>>> Preloader Animation End <<<<<//

//animation
@keyframes rounded {
    50%{
        transform: rotate(20deg);
    }
}


.cir36{
	animation: cir36 20s linear infinite;
	-webkit-animation: cir36 20s linear infinite;
}  

@keyframes cir36 {
	100% {
			  transform: rotate(360deg);
	}
}

.float-bob-y {
	-webkit-animation-name: float-bob-y;
	animation-name: float-bob-y;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}
  
  @-webkit-keyframes float-bob-y {
	0% {
	  -webkit-transform: translateY(-30px);
	  transform: translateY(-30px);
	}
	50% {
	  -webkit-transform: translateY(-10px);
	  transform: translateY(-10px);
	}
	100% {
	  -webkit-transform: translateY(-30px);
	  transform: translateY(-30px);
	}
}

  @keyframes float-bob-y {
	0% {
	  -webkit-transform: translateY(-30px);
	  transform: translateY(-30px);
	}
	50% {
	  -webkit-transform: translateY(-10px);
	  transform: translateY(-10px);
	}
	100% {
	  -webkit-transform: translateY(-30px);
	  transform: translateY(-30px);
	}
}
  
.float-bob-x {
	-webkit-animation-name: float-bob-x;
	animation-name: float-bob-x;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}
  
  @-webkit-keyframes float-bob-x {
	0% {
	  -webkit-transform: translateX(-0px);
	  transform: translateX(30px);
	}
	50% {
	  -webkit-transform: translateX(10px);
	  transform: translateX(10px);
	}
	100% {
	  -webkit-transform: translateX(30px);
	  transform: translateX(30px);
	}
}

  @keyframes float-bob-x {
	0% {
	  -webkit-transform: translateX(30px);
	  transform: translateX(30px);
	}
	50% {
	  -webkit-transform: translateX(10px);
	  transform: translateX(10px);
	}
	100% {
	  -webkit-transform: translateX(30px);
	  transform: translateX(30px);
	}
}

@keyframes bounce-x {
	0% {
	  -webkit-transform: translateX(0);
			  transform: translateX(0);
	}
	50% {
	  -webkit-transform: translateX(30px);
			  transform: translateX(30px);
	}
	100% {
	  -webkit-transform: translateX(0);
			  transform: translateX(0);
	}
}

.bounce-x {
	-webkit-animation: bounce-x 7s infinite linear;
	animation: bounce-x 7s infinite linear;
}

@keyframes criss-cross-left {
	0% {
	  left: -20px;
	}
	50% {
	  left: 50%;
	  width: 20px;
	  height: 20px;
	}
	100% {
	  left: 50%;
	  width: 375px;
	  height: 375px;
	}
  }
  @keyframes criss-cross-right {
	0% {
	  right: -20px;
	}
	50% {
	  right: 50%;
	  width: 20px;
	  height: 20px;
	}
	100% {
	  right: 50%;
	  width: 375px;
	  height: 375px;
	}
  }

@keyframes rotated2 {
	0% {
	  transform: rotate(0);
	}
	100% {
	  transform: rotate(-360deg);
	}
}

@keyframes wave {
	0% {transform: translateX(0);}
	50% {transform: translateX(-25%);}
	100% {transform: translateX(-50%);}
}


// This is for Progress bar animation also has a js code 
@keyframes animate-positive {
	0% {
	  width: 0;
	}
  
	100% {
	  width: var(--progress-width);
	}
  }


  .reveal {
	position: relative;
	display: -ms-inline-flexbox;
	visibility: hidden;
	overflow: hidden;
  }
  
  .reveal img {
	height: 100%;
	width: 100%;
	display: inline-block;
	-o-object-fit: cover;
	object-fit: cover;
	transform-origin: left;
  }
  
  .image-anime {
	position: relative;
	overflow: hidden;
  }
  
  .image-anime:after {
	content: "";
	position: absolute;
	width: 200%;
	height: 0%;
	left: 50%;
	top: 50%;
	background-color: rgba(255, 255, 255, 0.3);
	transform: translate(-50%, -50%) rotate(-45deg);
	z-index: 1;
  }
  
  .image-anime:hover:after {
	height: 250%;
	transition: all 600ms linear;
	background-color: transparent;
  }
  

  @keyframes slideDown {
	from {
		top: 370px;
}
	to {
		top: 0px;
	}
  }/* End custom CSS */