/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */


/* Gneral css start */

#top-bar{
	display:none !important;
}
#top-bar-wrap{
	border-bottom: 0px solid #f1f1f1 !important;
}
#site-header{
	border-bottom: 0px solid #f1f1f1 !important;
	background-color: #ffffff00 !important;
}
a:focus {
    outline: solid 0px !important;
}

/* Gneral css end */

/* header css start */

.tricall-main-header.elementor-sticky--effects .e-con-inner {
    padding-top: 20px !important;
	transition: all 0.4s ease-in-out;
	padding-bottom: 11px;
}
.tricall-main-header.elementor-sticky--effects .tricall-header-logo img {
    width: 48% !important;
	transition: all 0.4s ease;
}
.tricall-main-header .e-con-inner {
    transition: all 0.4s ease;
}
.tricall-main-header .tricall-header-logo img {
	transition: all 0.4s ease;
}
/* header css end */


/* home glass effect hover border css start */

.tricall-glass-right .glow-border {
    border-radius: 40px 40px 0px 0px !important;
}
.tricall-glass-right .glow-border::before {
    top: -1px !important;
    left: 0px !important;
    right: 3px !important;
    bottom: 8px !important;
    border-radius: 40px 40px 0px 0px !important;
}

.tricall-glass-left .glow-border {
  display: flex;
}
.tricall-glass-left .glow-border::before {
    top: 0px !important;
    left: 0px !important;
    right: 3px !important;
    bottom: 0px !important;
}

.tricall-customers-deserve-grid-sec:hover .glow-border::before{
  top: 0px !important;
    left: 0px !important;
    right: 0px !important;
    bottom: 0px !important;
    width: 66px;
	opacity: 1;
  animation: animateCornerGradient 4s linear infinite;
}

.tricall-customers-deserve-grid-sec:before {
    content: "" !important;
    position: absolute !important;
    top: -1px !important;
    left: 1px !important;
    right: 2px !important;
    bottom: 1px !important;
    border: 1px solid transparent;
    border-radius: 12px;
    z-index: 2;
    pointer-events: none;
    box-sizing: border-box;
    transition: opacity 0.3s ease !important;
    opacity: 1 !important;
    animation: animateCornertricallCustomers 6s linear infinite;
    border-width: 1px !important;
    border-style: solid !important;

}


@keyframes animateCornertricallCustomers {
  0% {
    border-top-color: #66D3FA;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;

  }
  25% {
    border-top-color: transparent;
    border-right-color: #66D3FA;

  }
  50% {
    border-right-color: transparent;
    border-bottom-color: #66D3FA;
  }
  75% {
    border-bottom-color: transparent;
    border-left-color: #66D3FA;

  }
  100% {
    border-left-color: transparent;
    border-top-color: #66D3FA;

  }
}

/* home glass effect hover border css end */



/* home language demo css start */

.active-audio .elementor-icon{
background-color:#66D3FA !important;
}



/* home language demo css end */

.premium-gbadge-yes.premium-gbadge-stripe>.premium-global-badge .premium-badge-container
 {
    transform: translateY(-39%) translateX(-45%) translateX(33px) rotate(-48deg) !important;
}
.tri-country-langu:hover .elementor-widget-image picture img {
    transform: scale(1.1) rotate(4deg);
}
.tri-country-langu:hover .elementor-animation-grow-rotate {
    transform: scale(1.1) rotate(4deg);
}

.tri-country-langu:hover  .elementor-icon{
    background-color: #66d3fa !important;
    color: #000000;
}
.tri-country-langu:hover .elementor-widget-image img {
    transform: scale(1.1) rotate(4deg);
}

/* steps section start */

	.tricall-steps-section .glow-border::before
 {
    left: 0px !important;
    right: 0px !important;
}


/* steps section end */
/* Mobile page responsiveness start */

@media only screen and (max-width: 767px) { 
	div#dashboardsection{
		position: unset !important;
	}
	.banner-widget{
      width: auto !important;
      margin-right: 30px !important;
      margin-left: 30px !important;
	}
	.banner-caller-msg{
 	 left: 55px !important;
	}
	.banner-call{
  		right: 55px !important;
	}
	.tricall-border-section .banner-widget::before{
    	width: 265px !important;
    	left: 35px !important;
	}
	body {
    overflow-x: hidden !important;
}
	.glow-border:hover::before {
    width: auto !important;
}
	.banner-person{
   width: fit-content !important;
}
	.tricall-glass-left .glow-border::before{
	right: 0px !important;
}
	.tricall-glass-right .glow-border::before{
	right: 0px !important;
}
	#dashboardsection .trust-section::before{
    left: 0px !important;
    right: 0px !important;
}
	#dashboardsection .trust-section-1::before{
    left: 0px !important;
    right: 0px !important;
} 

}

@media only screen and (min-width: 400px) and (max-width: 764px) { 	
	 .tricall-border-section .banner-widget::before{
    	width: 265px !important;
    	left: 55px !important;
	}
	.trical-time-heading {
    margin-bottom: 35px !important;
   }
	.elementor-widget-metaweb_otp_validator .elementor-widget-container {
    margin-top: 0px !important;
   }
    
}

/* Mobile page responsiveness end */



/* tab responsiveness start */

@media only screen and (min-width: 768px) and (max-width: 880px) { 	

	.tricall-border-section .banner-widget::before{
       height: 180px !important;
       width: 170px !important;
        left: 18px !important;
	}
	.banner-call-section .banner-caller-msg {
       left: -76px !important;
       bottom: 37px !important;
     }
	.banner-caller-info {
       padding-right: 97px !important;
    }
    .banner-call{
       right: 11px !important;
     }
	.banner-person {
      top: 10px !important;
      left: 21% !important;
	}
	div#dashboardsection {
    position: relative !important;
    top: 0px !important;
	}
	#otpform input#name{
   padding: 15px 10px 15px 60px;
}
#otpform input#phone {
    color: #000;
    padding: 15px 10px 15px 73px;
}

.phone-wrapper .phone-prefix {   
        top: 17px;
   }
   
 .phone-wrapper:before{
    top: 20px;
 }
	.name-wrapper:before{
		 top: 17px;
	}
	
   .form-section .submission {
    padding: 15px 0px 14px 0px !important;
   }
	.glow-border:hover::before {
         width: auto !important;
   }
	
	.banner-person{
   width: fit-content !important;
   }
	#dashboardsection .trust-section::before{
    left: 0px !important;
    right: 0px !important;
}
	#dashboardsection .trust-section-1::before{
    left: 0px !important;
    right: 0px !important;
}
}
/* tab responsiveness end */


/* desktop responsiveness start */

@media only screen and (min-width: 890px) and (max-width: 1250px) {

div#dashboardsection {
    position: relative !important;
    top: 0px !important;
	}
 .tricall-border-section .banner-widget::before{
       height: 180px !important;
       width: 170px !important;
        left: 18px !important;
	}
	.banner-call-section .banner-caller-msg {
       left: -76px !important;
       bottom: 37px !important;
     }
	.banner-caller-info {
       padding-right: 97px !important;
    }
    .banner-call{
       right: 11px !important;
     }
	.banner-person {
      top: 10px !important;
      left: 21% !important;
	}
	#otpform input#name{
   padding: 15px 10px 15px 60px;
}
#otpform input#phone {
    color: #000;
    padding: 15px 10px 15px 73px;
}

.phone-wrapper .phone-prefix {   
        top: 17px;
   }
   
 .phone-wrapper:before{
    top: 20px;
 }
	.name-wrapper:before{
		 top: 17px;
	}
	
   .form-section .submission {
    padding: 15px 0px 14px 0px !important;
   }
	
}




/* desktop responsiveness end */