/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/*-----------------------------------------***style header***----------------------------------*/


/*------------------------------------------------------***End***------------------------------------------------------*/


/*------------------------------------------------------***Begin Pages internes Style***------------------------------------------------------*/



/*------------------------------------------------------***End***------------------------------------------------------*/


/*------------------------------------------------------***Begin Home page Style***------------------------------------------------------*/



/*--------------------------------------------------------------***End***----------------------------------------------------------------------*/



/*------------------------------------------------------***Begin footer style***------------------------------------------------------*/



/*------------------------------------------------------***End***------------------------------------------------------*/



/*------------------------------------------------------***Begin Responsive Media query style***------------------------------------------------------*/
:root {
  /*colors*/
  --color-white: #ffffff;
  --color-primary: #33568c;
  --color-secondary: #e24f18;
  --color-3: #373636;
  --color-4: #6f9fe9;

  /*animation var */
  --rotation-time: 9s;
  --slide-in-out-time: 10s;
}

.coherence-marquee-slider-active {
  /* background-color: unset !important; */
  height: unset !important;
}

.coherence-el-box-title p {
  color: transparent !important;
  -webkit-text-stroke: 1px;
  -webkit-text-stroke-color: black !important;
}

.coherence-el-box-title:nth-child(1) p {
  -webkit-text-stroke-color: var(--color-primary) !important;
}

.coherence-el-box-title:nth-child(even) p {
  -webkit-text-stroke-color: var(--color-secondary) !important;
}

.coherence-el-box-title:nth-child(odd) p {
  -webkit-text-stroke-color: var(--color-primary) !important;
}

.coherence-marquee-slider {
  transform: unset !important;
}

.elementor-shape-bottom {
  transform: rotate(180deg) !important;
}

.hero-main-img {
  animation: slide-in-out var(--slide-in-out-time) ease-in-out infinite;
}

@keyframes slide-in-out {
  0%,
  100% {
    transform: translateY(100%);
  }
  5%,
  95% {
    transform: translateY(0%);
  }
}

/** * Circle Animation CSS
 * the svg circle element with text.
*/

#svg-circle text {
  font-family: "inter", sans-serif;
  text-transform: uppercase;
  font-size: 23px;
  fill: var(--color-white);
  letter-spacing: 12px;
  animation: rotation var(--rotation-time) linear infinite !important;
  transform-origin: center center;
}

#svg-circle svg {
  width: 180px;
  height: 180px;
}

#svg-circle circle {
  stroke: var(--color-white);
}

#svg-circle .circle {
  fill: none;
  stroke: var(--color-white);
  stroke-width: 1;
}
#svg-circle .dot {
  fill: var(--color-white);
}

.small-img {
  animation: bounce 2s ease-in-out infinite;
}

@keyframes bounce {
  0%,
  100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, -20px);
  }
}

/* slide text animation css */
.slide-text-container {
  display: inline-block;
  height: 100px;
  overflow: hidden;
  vertical-align: middle;
  position: relative;
  margin: 0 5px;
}

.container-slide {
  display: inline-block;
  height: fit-content;
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.text-slide {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 80px;
  opacity: 1;
  margin-bottom: 20px;
  color: var(--color-white);
  font-size: clamp(45px, 7vw, 95px);
  font-family: ;
}

@media screen and (max-width: 768px) {
.slide-text-container {
    height: 60px;
  }
.text-slide {
    height: 45px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 480px) {
.slide-text-container {
    height: 50px;
  }
.text-slide {
    height: 35px;
    margin-bottom: 15px;
  }
}
/*slide text animation css end */

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

@media screen and (max-width: 1024px) {
.text-slide {
    font-size: 9vw;
  }
}

@media screen and (max-width: 600px) {
.text-slide {
    justify-content: center;
    font-size: 11vw !important;
  }
}

@media screen and (max-width: 497px) {
.text-slide {
    justify-content: center;
    font-size: unset !important;
  }
}







:root {
  --transition-time: 0.8s;
}

.itm-container:hover .itm-text {
  top: 50%;
}

.itm-text {
  top: 220%;
  transition: all var(--transition-time) ease-in-out;
}

/*marquee*/
.marquee .elementor-widget-container {
  white-space: nowrap !important;
  overflow: hidden !important;
  display: inline-block !important;
  animation: marquee 70s linear infinite !important;
}

.marquee .elementor-widget-container p {
  display: inline-block !important;
}

@keyframes marquee {
  0% {
    transform: translateX(1%);
  }
  100% {
    transform: translateX(-100%);
  }
}

/*retotion*/
.anim-ball-rotation {
  animation: rotation 3s linear infinite !important;
}

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

/*slide animation */
.slide-text-container {
  display: inline-block;
  height: 80px;
  overflow: hidden;
  vertical-align: middle;
  position: relative;
}

.container-slide {
  display: inline-block;
  height: fit-content;
  animation: slide 9s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.text-slide {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 60px;
  gap: 10px;
  opacity: 1;
  margin-bottom: 20px;
  transition: opacity 0.3s ease;
  color:var(--e-global-color-color_2)  ;
}

.text-slide-img {
  max-width: 60px;
  max-height: 60px;
}

@keyframes slide {
  0%,
  25% {
    transform: translateY(5px);
  }
  33%,
  58% {
    transform: translateY(-75px);
  }
  66%,
  91% {
    transform: translateY(-155px);
  }
  100% {
    transform: translateY(5px);
  }
}

/*  .slide-text-container::before,
.slide-text-container::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  z-index: 1;
  pointer-events: none;
}  */

.slide-text-container::before {
  top: 0;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}

.slide-text-container::after {
  bottom: 0;
  background: linear-gradient(
    to top,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}

.itm-container .itm-img img {
  transition: all var(--transition-time) ease-in-out;
}

.itm-container:hover .itm-img img {
  border-radius: 500px !important;
}

@media screen and (max-width: 1360px) {
.itm-container:hover .itm-img > img {
    border-radius: 100px !important;
  }
}

@media screen and (max-width: 1024px) {
.itm-container .itm-img > img {
    border-radius: 50px !important;
  }

.itm-container:hover .itm-img > img {
    border-radius: 0px !important;
  }

.itm-container {
    height: fit-content !important;
  }

.itm-container .itm-text {
    top: 50% !important;
  }
.text-slide {
  justify-content: center;
}
}

@media screen and (max-width: 800px)
{
.itm-container:hover .itm-img img {
  border-radius: 0px !important;
}
}
@media screen and (max-width: 497px) {
  @keyframes slide {
    0%,
    25% {
      transform: translateY(10px);
    }
    33%,
    58% {
      transform: translateY(-70px);
    }
    66%,
    91% {
      transform: translateY(-150px);
    }
    100% {
      transform: translateY(10px);
    }
  }
.text-slide-img {
    max-width: 40px;
    max-height: 40px;
}
}

@media only screen and (max-width: 410px){
.itm-container{min-height:660px !important}
}
@media only screen and (max-width: 360px){
.itm-container{min-height:820px !important}
}


/*------------***Large devices (desktops, more than 800px)***------------*/
@media only screen and (min-width: 801px){
    
    /*style header*/

    /*style main content*/
	.animate_01 {animation: mymove ease-in-out 1.618s infinite alternate !important;}
	.animate_02 {animation: mymove2 ease-in-out 1.618s infinite alternate !important;}
	.animate_03 {animation: mymove3 ease-in-out 1.618s infinite alternate !important;}
	.animate_04 {animation: mymove4 ease-in-out 1.618s infinite alternate !important;}
	.animate_05 {animation: mymove5 ease-in-out 1.618s infinite!important;}
	.animate_06 {transform:translatey(12px);animation:float 3s ease-in-out infinite !important;}
	.animate_07 {transform:translatey(12px);animation:float2 3s ease-in-out infinite !important;}
	.animate_08 {animation: mymove6 ease-in-out 2.618s infinite alternate !important;}
	.animate_09 {animation: mymove7 ease-in-out 1.618s infinite alternate !important;}
	.animate_10 {animation: mymove8 ease-in-out 1.618s infinite alternate !important;}
	.animate_11 {animation: mymove9 ease-in-out 2.2s infinite alternate !important;}

	@keyframes mymove {from {transform: translatey(-5px);} to {transform: translatey(5px);}}
	@keyframes mymove2 {from {transform: translatey(5px);}to {transform: translatey(-5px);}}
	@keyframes mymove3 {from {transform: translatex(-5px);} to {transform: translatex(5px);}}
	@keyframes mymove4 {from {transform: scale(1);} to {transform: scale(1.2);}}
	@keyframes mymove5{0%{transform:translate(0,0)}50%{transform:translate(0,10px)}100%{transform:translate(0,0)}}
	@keyframes mymove6 {from {transform: translatex(-30px);} to {transform: translatex(30px);}}
	@keyframes mymove7 {from {transform: translatey(-12px);} to {transform: translatey(12px);}}
	@keyframes mymove8 {from {transform: translatey(10px);}to {transform: translatey(-10px);}}
	@keyframes mymove9 {from {transform: scale(1);} to {transform: scale(1.15);}}

	@keyframes float{0%{transform: translatey(0px);}50%{transform: translatey(-50px);}100%{transform:translatey(0px);}}
	@keyframes float2{0%{transform: translatey(0px);}50%{transform: translatey(50px);}100%{transform:translatey(0px);}}
	
	.section-services p.elementor-icon-box-description {min-height: 160px;}
    /*style footer*/
    
}



/*------------***Medium devices (tablets, less than 1025px)***------------*/


/*------------***header and footer style Astra (min 922)***------------*/
@media only screen and (min-width: 922px){

    /*style header*/

    /*style main content*/

    /*style footer*/

}

@media only screen and (max-width: 1024px){
	
	/*style header*/

    /*style main content*/
	
	
    /*style footer*/

}


/*------------***header and footer style Astra (max 921)***------------*/
@media only screen and (max-width: 921px){

    /*style header*/

    /*style main content*/

    /*style footer*/

}


/*------------***Tablet Mini Media query style***------------*/
@media only screen and (max-width: 767px){
    
    /*style header*/

    /*style main content*/

    /*style footer*/
    
}


/*------------***footer mobile style Astra (max 544)***------------*/
@media only screen and (max-width: 544px){
    /*style footer*/

}


:root{
	--e-global-color-color_1: #3481ff !important;
}
.plrd-cta-phones{
	margin-top: 25px !important;
}