/*
 Theme Name:   Twenty Twenty Child
 Theme URI:    https://aphonicsolutions.com
 Description:  A child theme of Twenty Twenty WordPress theme.
 Author:       Aphonic Solutions
 Author URI:   https://aphonicsolutions.com
 Template:     twentytwenty
 Text Domain:  twentytwenty-child
 Version:      2.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("../twentytwenty/style.css");

body {
    background: transparent;
}

section {
    padding: 0rem 0;
}
.make_list_section li span.comingsoon{
	display: block !important;
    font-size: 15px;
    margin-top: -5px;
    color: #464646;	
}

/* custom css */
/*Marquee stile*/
.marquee{
 position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 0;
}
.marquee .scroll{
  width: 100%;
  display: flex;
}
.marquee .scroll div{
  color: #fff;
   white-space: nowrap;
  font-weight: 500;
  animation: animate-marquee 80s linear infinite;
  animation-delay: -40s;
	display:flex;
	align-items:center;
}
.marquee .scroll div:nth-child(2){
  animation: animate-marquee-2 80s linear infinite;
  animation-delay: -80s;
}
.marquee .scroll div h3.category{
  padding:0px 95px 0 10px;
}

.category{
  clear: both;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}

h3.category{
	    color: #FFFFFF;
	    margin: 0;
    font-family: "Space Grotesk", Sans-serif;
    font-size: 63px;
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
    line-height: 80px;
    letter-spacing: 2px;
	-webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
}


/*Responsive marquee*/
@media (max-width:767px){
  .category{font-size: 25px;}
  .marquee .scroll div{font-size: 25px;}
}

@keyframes animate-marquee{
	0%{
		-moz-transform: translateX(100%);
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	100%{
		-moz-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

@keyframes animate-marquee-2{
	0%{
		-moz-transform: translateX(0%);
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
	100%{
		-moz-transform: translateX(-200%);
		-webkit-transform: translateX(-200%);
		transform: translateX(-200%);
	}
}
.testimonial-slider .elementor-testimonial{
	background-color: #fff;
    padding: 35px;
	transition: all 0.8s;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
	border-radius:18px;
}

.testimonial-slider  .elementor-testimonial__footer{
	    flex-direction: column-reverse;
    align-items: flex-start;
	    margin-bottom: -80px;
}

.testimonial-slider  .elementor-testimonial__image{
	position:relative;
	    margin: 12px;
}


.testimonial-slider  .elementor-testimonial__image:after {
    content: "";
    border: 2px solid #0C7CBC;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(1.3);
    border-radius: 50%;
}

.team-member .elementor-image-box-wrapper{
	position:relative;
	z-index:2;
	    overflow: hidden;
	transition: all .4s ease-in-out;
	    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
}

.team-member  .elementor-image-box-content{
	padding-bottom:20px;
}

.team-member .elementor-image-box-wrapper:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    z-index: -1;
    left: 0;
    background: #fff;
    transition: all .4s ease-in-out 0s;
}

.team-member:hover .elementor-image-box-wrapper:before{
	height: 0px;
}

.team-member:hover .elementor-image-box-title,
.team-member:hover .elementor-image-box-description{
	color:#fff !important;
}

.breadcrumbs{
	margin: 0;
    background-color: #fff;
    padding: 15px 30px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
    border-width: 0 0 6px;
    border-style: solid;
    border-color:#0C7CBC;
    border-radius: 8px;
}

.breadcrumbs span span{
	font-family: "Space Grotesk", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0px;
	color:#000;
}

.breadcrumbs a span.current-item{
	color:#0C447C;
}

@keyframes clock-wise-rotate {
    from {transform: rotate(0deg);}
    to   {transform: rotate(360deg);}
}


@keyframes counter-clockwise-rotate {
    from {transform: rotate(360deg);}
    to   {transform: rotate(0deg);}
}

.Gear_Large{
	 animation: counter-clockwise-rotate 5s infinite linear;
}

.Gear_Small{
	animation: clock-wise-rotate 5s infinite linear;
}

.h-100{
	height:100%;
}

.h-100.elementor-element > div{
	height:100%;
}

.elementor-widget-theme-post-content h4{
	color: #000000;
    font-family: "Space Grotesk", Sans-serif;
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 33px;
    letter-spacing: 0px;
}

.elementor-pagination .page-numbers.prev,
.elementor-pagination .page-numbers.next{
	height: auto;
	width:auto;
	border-radius:0;
	border:0;
}

.elementor-pagination .page-numbers{
	height: 38px;
	width:38px;
	border-radius:50%;
	display: inline-flex;	
	align-items:center;
	justify-content:center;
	    border: 2px solid #000;
}

.elementor-pagination .page-numbers.current{
	background-color:#0C7CBC;
	border-color:#0C7CBC;
}

/* media query */
@media (max-width:767px){
	h3.category{
		    font-size: 45px;
		    line-height: 55px;
	}	
	
	img.category{
	    height: 60px;
		object-fit:contain;
	}
	
	.testimonial-slider .elementor-testimonial__footer{
		    flex-direction: column !important;
		     margin-bottom: 0;
	}
	
	.testimonial-slider .swiper-slide {
    padding: 20px 10px !important;
}
}

@media only screen and (min-width:768px) and (max-width:1024px){
	.tab-top-icon .elementor-image-box-wrapper{
		flex-direction:column !important;
	}
	
	.testimonial-slider .elementor-testimonial__footer{
		    margin-bottom: -60px;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1550px) {
	.main-slider .swiper-slide-inner .swiper-slide-contents .elementor-slide-heading{
		font-size: 55px;
		line-height: 65px;
	}
	
	.main-slider .swiper-slide-inner{
		padding:50px !important;
	}
	
	.main-slider .swiper-slide-inner .swiper-slide-contents{
		max-width: 75% !important;
	}
	
	.Gear_Small{
		        right: 100px !important;
        top: -80px !important;
	}
	
	.Gear_Large{
		   right: 0px !important;
	}
	
	.main-slider .swiper-slide{
		height: 60vh !important;
	}
	
	h3.category{
		    font-size: 40px;
		line-height:50px;
	}
	
	img.category{
		height:50px;
		object-fit:contain;
	}
	
	.marquee-div{
		    padding: 10px 0 !important;
	}
	
	.form-box.elementor-column >.elementor-element-populated{
		padding:30px !important;
	}
	
	.catalogue-img img{
		    height: 400px !important;
	}
	
	.banner-sec.elementor-element > .elementor-container{
		    min-height: 200px !important;
	}
}

@media (max-width:1024px) {
	.founder_img img{
		 height: 280px !important;
	}
	.ceo_img img{
		  height: 280px  !important;
	}
	.sales_manager_img img{
		 height: 280px  !important;
	}

}

@media (max-width:768px) {

	.founder_img img{
		height: 200px !important;
	}
	.ceo_img img{
		height: 200px  !important;
	}
	.sales_manager_img img{
		height: 200px  !important;
	}
}

@media (max-width:600px) {


	.founder_img img{
		height: 300px !important;
	}
	.ceo_img img{
		height: 300px !important;
	}
	.sales_manager_img img{
		height: 300px !important;
	}
}