/*

Theme Name: Divi Child Theme

Theme URI: https://divireadythemes.com/

Description: Divi Child Theme

Author: Divi Ready Themes

Author URI: https://divireadythemes.com/

Template: Divi

Version: Updated for Divi 3+

*/







/*------------------------------------------------*/

/*-------------------[GENERAL]--------------------*/

/*------------------------------------------------*/







/*------------------------------------------------*/

/*-----------------[HEADER-MENU]------------------*/

/*------------------------------------------------*/





/*------------------------------------------------*/

/*------------------[HOMEPAGE]--------------------*/

/*------------------------------------------------*/





/*------------------------------------------------*/

/*------------------[SUBPAGES]--------------------*/

/*------------------------------------------------*/





/*------------------------------------------------*/

/*-------------------[Footer]---------------------*/

/*------------------------------------------------*/





/*------------------------------------------------*/

/*--------------------[RWD]-----------------------*/

/*------------------------------------------------*/





/*------------------------------------------------*/

/*------------------------------------------------*/

/*------------------------------------------------*/

/*--[ADD TUTORIAL CUSTOMIZATION BELOW THIS LINE]--*/

/*------------------------------------------------*/

/*------------------------------------------------*/

/*------------------------------------------------*/

/*New Design 2023*/
/*.gradient-text h2{
	font-family: 'FLURO';
	font-size:50px;
	transition: 1s ease-in-out;
    background: linear-gradient(155deg, #0094FF 11.04%, rgba(61, 82, 101, 0.09) 50.56%);
    background-size: 200% 100%;
    background-position-x: 100%;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    line-height: 1.2;
}*/
      


.gradient-text h2 {
    animation: color-fill linear;
    animation-timeline: view(300px);
    font-family: 'FLURO';
    font-size: 34px !important;
    font-weight: 600;
    color: #eee;
    transition: 0.4s ease-in-out;
    list-style-type: none;
    background: linear-gradient( to left, rgb(61, 82, 101, 0.60) 60%, rgb(1, 148, 255, 1) 100% );
    background-size: 300% 100%;
    background-position-x: 0%;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    line-height: 59px !important;
    display: inline;
}
.homepage-text .gradient-text h2{
	  animation-timeline: view(150px);
}

@keyframes color-fill{
         0%{
         	 background-position-x: 100%;
          
         }
         100%{
            background-position-x: 0%;
         }
      }




@media only screen and (max-width:1600px){
.gradient-text h2{
	font-size:34px !important;
}
}


@media (max-width:767px){
	h2 {
    font-size: 36px !important;
	}
	.about-section {
		padding: 0px 0px !important;
	}
	.about-section .et_pb_row {
		margin-bottom: 0px;
		padding-bottom: 0;
	}
	.about-section * {
		text-align: center !important;
	}
	.about-section p {
		font-size: 18px;
		padding-bottom: 14px;
	}

	.about-section  h2 {
		margin-bottom: 12px;
		line-height: 1;
	}

}




