/* 
 Theme Name:   Callids Global Child
 Theme URI:    callids-global-child
 Description:  
 Author:       callidsglobal
 Author URI:   https://callidsglobal.ditests.com
 Template:     hello-elementor
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/


.header-left .elementor-icon-list-icon {
	display:flex;
	align-items:center;
	justify-content:center;
	height:32px;
	width:32px;
	border-radius:4px;
	background-color:var(--e-global-color-53e63ff);
	margin-right:5px;
}
.header-left .elementor-icon-list-icon svg {
	margin:auto !important;
}
body {
	overflow-x: hidden;
}
.hover_box:hover .hover_bg{
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
}
.main-menu .menu-item .ekit-menu-nav-link {
	position:relative;
	transition: all 0.5s;
}
.main-menu .menu-item .ekit-menu-nav-link::after {
	content:"";
	width:0;
	height: 2px;
	background-color: var(--e-global-color-primary);
	position: absolute;
	left:auto;
	right:0;
	bottom:0;
	transition: all 0.5s;
}
.main-menu .menu-item .ekit-menu-nav-link:hover::after {
	width:100%;
	right:0;
	left:0;
}
.btn-main a {
	position:relative;
	z-index: 2;
	display: inline-block;
	transition: all 0.5s;
}
.btn-main a:hover span  {
	position: relative;
	z-index: 2;
}
.btn-main a::after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: #fff;
	border-radius:100px;
	z-index:-1;
	transform: scale(1,0);
	transition: all 0.4s;
}
.btn-contact a::after {
	background-color: var(--e-global-color-primary);
	color: #fff;
}
.btn-main a:hover::after {
	transform: scale(1,1);
	border-radius: 3px;
}
.btn-main a:hover {
	border: 1px solid #fff;
}
.iso-item {
	position: relative;
}
.iso-item::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height:0;
	width:100%;
	z-index: -1;
	transition: all 0.5s;
	background-image: linear-gradient(var(--e-global-color-primary) 0%, var(--e-global-color-dba0259) 100%);
	display: block;
}
.iso-item:hover::after {
	height: 100%;
}
.iso-item:hover h2 {
	color: #fff;
}
.iso-item:hover .iso-text {
	color: #fff;
}
.iso-item:hover .iso-icon {
	background-color: #fff !important;
}
.iso-icon {
	position: relative;
}
.iso-icon::after {
	content: "•";
	font-size: 100px;
	color: #ff6535;
	position: absolute;
	left: 0;
	top: 0;
	padding:33px;
	width: 100%;
	height:100%;
	outline-offset: 5px;
	outline: 3px solid transparent;
	border-radius: 100px;
	z-index: -1;
	display:block;
	animation: rotate 10s linear infinite;
}
@keyframes rotate {
	from{
		transform: rotate(0);
	}
	to {
		transform: rotate(360deg);
	}
}

/* .iso-certificate-about .e-con-inner {
	margin-right: 0;
} */
/* .about-main {
	position:relative;
}
.about-main::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	display:block;
	border:.1875rem solid var(--e-global-color-primary);
	clip-path: polygon(0 0, 100% 0, calc(100% - calc(250rem * 0.23086819112)) 250rem, 0 250rem, 0 0);
}

.about-main::after {
	content:"";
	border-inline-start: 0;
	border-inline-end: 0.1875rem solid var(--e-global-color-primary);
	border-color: var(--e-global-color-primary) !important;
	width: 100%;
	height: 100%;
	transform-origin: top;
	pointer-events: none;
	background-color: transparent;
    transform: skew(-13deg);
    z-index: 2;
	position:absolute;
} */

.about-right-img {
	transform:scale(1.12);
  	clip-path: polygon(0 100%, calc(250rem * 0.23086819112) calc(100% - 250rem), 100% 0, 100% 100%, 0 100%);
	margin: -1.25rem 0;
} 

.main-btn a {
    overflow: hidden;
    position: relative;
    transition: all 0.5s;
    z-index: 2;
	background: linear-gradient(to right, var(--e-global-color-primary) 0%, var(--e-global-color-dba0259) 100%) !important;
}
.main-btn a::before {
    content: "";
   	background: linear-gradient(to right,  var(--e-global-color-dba0259) 0%, var(--e-global-color-primary) 100%) !important;
    height: 100%;
    position: absolute;
    top: 0;
    width: 0;
    transition: all 0.5s;
    right: 0;
    z-index: -1;
}
.main-btn a:hover::before {
    width: 100%;
    right: auto;
    left: 0;
}

.footer-bottom::after {
	position: absolute;
    right: 0;
    top: 0;
    content: "";
    height: 100%;
	width: 400%;
    z-index: -1;
    opacity: 1;
    clip-path: polygon(0 0, 99% 0, 100% 100%, 10% 100%);
	background: linear-gradient(to right,  var(--e-global-color-dba0259) 0%, var(--e-global-color-primary) 100%);
}

.footer-left img {
  	filter: invert(1);
}
.cta-right {
	position:relative;
}
.cta-right::before {
/* 	clip-path: polygon(0% 0%, 52% 0, 88% 100%, 88% 100%, 0% 100%); */
	    content: '';
    position: absolute;
    left: -40px;
    top: 0;
    width: 70px;
    height: 100%;
    background: #e43e2a;
    -ms-transform: skewX(10deg);
    transform: skewX(10deg);
}
.cta-main {
	position:relative;
	bottom:-150px;
}
.standard-box {
	cursor:pointer;
}
.standard-box h2 {
	transition:all 0.5s ease;
}
.standard-box:hover .standard-icon {
	transform:rotatey(360deg);
	transition:all 0.8s ease;
}

.standard-box:hover h2 {
	color:var(--e-global-color-primary) !important;
}
.why-left-img {
	overflow:hidden;
	border-radius:12px;
	cursor:pointer;
}
.why-left-img img {
	transition:all 0.5s ease;
}
.why-left-img:hover img {
	transform:scale(1.02);
}
.traning-img {
	position:relative;
}
.traning-img::after {
	content: '';
    position: absolute;
    right: -50px;
    top: 0;
    width: 80px;
    height: 100%;
    background: var( --e-global-color-ac64ad6 );
    transform: skewX(6deg);
}
.certificate-form .elementor-button {
	margin-top:15px !important;
}
.qr-box {
	transition:all 0.6s ease;
	position:absolute;
	left:50%;
	transform:translatex(-50%) scale(0);
	bottom:70px;
	opacity:0;
	transform-origin:bottom;
}
.btn-wp-box:hover .qr-box {
	opacity:1;
	transform:translatex(-50%) scale(1);
}
.certificate-form form input {
	background-color:var(--e-global-color-ac64ad6);
	border-color:transparent;
	border-radius:8px;
	margin-bottom:25px;
	padding:12px;
}
.certificate-form form input[type="submit"] {
	padding:12px 35px;
}
.certificate-form form input:last-child {
	margin-bottom:0;
}
.certificate-form form {
	padding:35px 25px;
	box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.05);
	border-radius:12px;
	margin-bottom:25px;
}
/* home responsive */
@media only screen and (min-width:1366px) and (max-width:1499px) {
	.main-menu .elementor-nav-menu--main .elementor-item {
		padding-left:5px !important;
		padding-right:5px !important;
	}
	.main-btn1 .elementor-button {
		padding:15px;
	}
}
/* Keyframes for left-to-right motion */
@keyframes iconSlideLTR {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(8px);
  }
  100% {
    transform: translateX(0);
  }
}

/* Animate Font Awesome icons inside Elementor Icon List */
.animate-icon-ltr .elementor-icon-list-icon {
  display: inline-block;
  animation: iconSlideLTR 2s ease-in-out infinite;
}

@media only screen and (min-width:1201px) and (max-width:1432px) {
	.main-menu .menu-item a {
		padding-left: 6px !important;
		padding-right: 6px !important;
		font-size: 13px !important;
	}
	.main-btn1 .elementor-button {
		padding:10px;
		font-size:14px;
	}
	.main-menu .menu-item>a .elementskit-submenu-indicator{
		font-size: 8px !important;
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.about-main::before {
		display:none;
	}
	.about-main::after {
		display:none;
	}
	.about-right-img {
		clip-path:none;
		transform:scale(1);
	}	
	.traning-img::after {
		display:none;
	}
}
@media only screen and (max-width:767px) {
	.footer-contact .elementor-icon-box-wrapper {
		align-items:center;
	}
	.cta-right::before {
		display:none;
	}
	.footer-bottom::after {
		clip-path:none;
	}
	
	.about-main::before {
		display:none;
	}
	.about-main::after {
		display:none;
	}
	.about-right-img {
		clip-path:none;
		transform:scale(1);
	}
	.traning-img::after {
		display:none;
	}
	.contact-bottom .elementor-icon-box-wrapper {
		align-items:center;
	}
	.contact-bottom .elementor-icon-box-wrapper .elementor-icon {
		vertical-align:middle;
	}
	 .contact-main .elementor-field-type-recaptcha {
		width: 100%!important;
		overflow-x: scroll;
		scrollbar-width: none;
	}
	.certificate-form form input {
		margin-bottom:15px;
		padding:10px;
	}
	.certificate-form form input[type="submit"] {
		width:100%;
	}
	.certificate-form form {
		padding:20px;
	}
}