/*
Theme Name: FT Shopify Solutions
Theme URI: https://ftshopifysolutions.com
Author: FT Shopify Solutions
Author URI: https://ftshopifysolutions.com
Description: Custom theme developed by FT. Contact us at info@ftshopifysolutions.com to get your awesome website.
Version: 0.1
*/
/*      Reset CSS                 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,
label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,
hgroup,menu,nav,output,section,summary,time,mark,audio,video,select{margin:0;padding:0;border:0;outline:none;line-height:1;}
a:focus,a:hover,a:active,button{outline:none;text-decoration:none;}
a{
   transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
/*************************************************/
/*      1 ) Google or local Font Import          */
/*************************************************/
html{height:100%;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased !important;}
ul{list-style:none;}


.scrollerbtn img{
	animation: jumpInfiniteDesktop 1.5s infinite;
	position:relative;
}
@keyframes jumpInfiniteDesktop {
  0% {
    top: 0;
  }
  50% {
    top: 5px;
  }
  100% {
    top: 0;
  }
}

.whatwedo .elementor-widget-image-box:hover {
	transform: scale(1.05);
}

.whychooseus .elementor-icon-box-icon {
	background: #fff;
	border-radius: 50px;
	width: 70px;
	height: 70px;
	display: flex !important; 
	align-items: center;
	justify-content: center;
	box-shadow: 0px 0px 9px 0px #cccccc2e;
}
.whychooseus .elementor-icon-box-icon svg {
	width: 35px;
}


#testimonialSection .elementor-main-swiper {
	padding: 0px 20%;
	width: 100%;
}
#testimonialSection .elementor-main-swiper .swiper-slide {
	background: #fff;
	border-radius: 10px;
	padding: 80px 50px;
	border:1px solid #cccccc6b;
}
#testimonialSection .swiper-pagination {
	bottom: -40px;
}
#testimonialSection .elementor-main-swiper .swiper-slide .elementor-testimonial {
	display: flex;
	flex-direction: column-reverse;
	gap: 25px;
}

#testimonialSection .elementor-main-swiper .swiper-slide .elementor-testimonial__text .tags {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	position: absolute;
	top: 80px;
	right: 40px;
}
#testimonialSection .elementor-main-swiper .swiper-slide .elementor-testimonial__text .tags span {
	border: 1px solid #ccc;
	padding: 8px 14px;
	font-size: 14px;
	border-radius: 50px;
}


#portfolioSection .swiper.elementor-loop-container.elementor-grid {
	padding: 0px 20%;
}
#portfolioSection .swiper-pagination {
	margin-top: 40px;
}

/* contact form section */
#contactSection form > p {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
}
#contactSection form > p label {
     width: 48%;
     font-size: 16px;
     color: #2d2a32;
     font-family: "Outfit", Sans-serif;
     margin-bottom: 25px;
}

#contactSection form > p label span {
     display: block;
     width: 100%;
}
#contactSection form > p label span input, #contactSection form > p label span textarea {
     width: 100%;
     margin-top: 10px;
     font-size: 16px;
     padding: 13px 16px;
     border: 1px solid #ccccccbf;
     border-radius: 5px;
     outline: none;
}
#contactSection form > div p {
     margin: 0;
     font-family: "Outfit", Sans-serif;
}
#contactSection form > div .wpcf7-form-control-wrap {
     width: 100%;
     display: block;
     margin-top: 15px;
}
#contactSection form > div .wpcf7-form-control-wrap .wpcf7-list-item {
     margin: 0px 20px 0px 0px;
}
#contactSection form > div .wpcf7-form-control-wrap .wpcf7-list-item label {
     margin: 0;
     position: relative;
}
#contactSection form > div .wpcf7-form-control-wrap .wpcf7-list-item label input {
     display: none;
}
#contactSection form > div .wpcf7-form-control-wrap .wpcf7-list-item label .wpcf7-list-item-label {
     padding-left: 30px;
}
#contactSection form > div .wpcf7-form-control-wrap .wpcf7-list-item label .wpcf7-list-item-label::before {
     content: '';
     width: 20px;
     height: 20px;
     background: #d0d0d0;
     border-radius: 50%;
     content: '';
     display: inline-block;
     border: 5px solid #eff0ef;
     box-shadow: 0px 0px 0px 1px #293033;
     position: absolute;
     left: 0;
}
#contactSection form > div .wpcf7-form-control-wrap .wpcf7-list-item label input:checked + .wpcf7-list-item-label::before {
     background: #2d2a32;
}
#contactSection form input[type="submit"] {
     border: unset;
     cursor: pointer;
     font-family: "Outfit", Sans-serif;
     margin-top: 30px;
     padding-left: 50px;
     padding-right: 50px;
}
#contactSection form > p label:last-of-type {
	width: 100%;
}
#contactSection form br {
	display: none;
}
div#myNewForm {
  max-width: 700px;
  margin: 0 auto;
}
div#myNewForm .elementor-field-type-radio.elementor-field-group.elementor-column.elementor-field-group-field_2beacf2.elementor-col-100 {
  margin: 10px 0px;
  padding-bottom: 15px;
}