/* 
Theme Name: AGM Elementor Child
Theme URI: https://www.elektratechnolabs.com/
Description: AGM Elementor is a theme created by ETL team
Author: ETL Team
Author URI: https://www.elektratechnolabs.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8) !important;   
    transition: all 0.3s ease;   
}
.card1{
  position: relative !important;
  clip-path: polygon( 0 0, 100% 0, 100% 100%,  70px 100%,  0 calc(100% - 70px));
}
.card1 img { 
  height: 360px;
  object-fit: cover;
  display: block;
}
.card1 h5 {
  color: #FBB114;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight:700;
}
.card1 p {
  color: #ffffff;
  font-size: 14px;
  line-height: 1.6;
}
.card2{
  position: relative !important;
  clip-path: polygon(  70px 0,  100% 0,  100% 100%,  0 100%,  0 70px);  
}
.card2 img { 
  height: 220px;
  object-fit: cover;
  display: block;
}
.card2 h5 {
  color: #FBB114;
  margin-bottom: 12px;
  font-size: 26px;
}
.card2 p {
  color: #ffffff;
  font-size: 14px;
  line-height: 1.6;
  min-height: 180px;;
}
.card3{
  position: relative !important;
  clip-path: polygon(  70px 0,  100% 0,  100% 100%,  0 100%,  0 70px);  
}
.card3 img { 
  height: 320px;
  object-fit: cover;
  display: block;
}
.card3 h5 {
  color: #002658;
  margin-bottom: 12px;
  font-size: 22px;
  font-weight:700;
}
.card3 p {
  color: #1F2937;
  font-size: 14px;
  line-height: 1.6;
  min-height: 180px;;
}
.testimonial .swiper-slide-inner{
  position: relative !important;
   clip-path: polygon( 0 0, 100% 0, 100% 100%,  50px 100%,  0 calc(100% - 50px));
}

/* form */
.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.6);
}

.modal-content {
  background: #fff;
  margin: 8% auto; 
  border-radius: 10px;
  width: 800px;
  max-width: 90%;
  position: relative;
}
.close {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 32px;
    cursor: pointer;
    z-index: 999;
    padding: 0px 8px;
    background-color: #e5dfdf;
    border-radius: 0 10px 0 0;
}

@media (max-width: 767px) {
.card1 h5 {
  font-size: 16px;
}
.card1 p {  
  font-size: 13px; 
}	
.card2 p {  
  min-height: 140px;;
}

}