.sec-space {
  padding: 0px 0px 40px 0px !important;
}

@media (min-width: 320px) {
  .sec-space {
    padding: 24px 0px 40px 0px !important;
  }
}

@media (min-width: 768px) {
  .sec-space {
    padding: 120px 0px 60px 0px !important;
  }
}
#Footer .footer_copy { border-top: 1px solid rgba(0, 0, 0, 0.1); }

.custom-demo-button {
  font-weight: 500 !important;
  font-size: 17px !important;
  border-radius: 10px !important;
  background-color: #e9f2f8 !important;
  color: #000 !important;;
}

.feature-box .column_attr:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 30px rgba(0,0,0,0.15);
  background-color: #005087 !important;
  color: white;
}

.feature-box .column_attr:hover h2 
{
    color: white;
}

.feature-box .column_attr:hover img
{
    filter: brightness(0) invert(1);
}
.mobile-login-btn > a > span {
  background-color: #272d69 !important;
  color: #ffffff !important;
  border-radius: 40px !important;
  padding: 11px 28px !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  display: inline-block !important;
  transition: background-color 0.3s ease;
  white-space: nowrap;
  margin-left: 15px;
  line-height: 0px !important;
}

/* === Reorder Member's Login to Top in Mobile Menu === */
@media only screen and (max-width: 768px) {
  #menu-main-menu {
    display: flex !important;
    flex-direction: column !important;
  }

  #menu-main-menu > li {
    order: 0;
  }

  #menu-main-menu > li.mobile-login-btn {
    order: -1; /* Move to top */
  }

  .mobile-login-btn > a {
    margin-left: 0 !important;
    margin-bottom: 10px;
  }

  /* 👇 Font size change in mobile menu */
  .mobile-login-btn > a > span {
    font-size: 14px !important;
  }
}

/* === Ensure Sticky Header keeps button styles === */
#Top_bar.is-sticky .mobile-login-btn > a {
  padding: 10px 26px !important;
  font-size: 14px;
}
.button-style {
  background-color: #005087;
  color: white;
  padding: 10px 25px;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  display: inline-block;
  transition: background 0.3s ease;
}
.button-style:hover {
  background-color: #005087;
  text-decoration: none;
  color: white;
}

#Top_bar .logo {
    margin: 0 30px 0 0px !important;
}

@media only screen and (min-width: 768px) {
    #Top_bar.is-sticky .logo {
        margin: 0px 0px 0px -90px !important;
	}
}


@media only screen and (max-width: 767px) {
    #Top_bar .logo {
        width: 100%;
        text-align: left !important;
    }
}

@media only screen and (max-width: 767px) {
    .mobile-sticky #Top_bar.is-sticky #logo, .mobile-sticky #Top_bar.is-sticky .custom-logo-link {
        height: 50px !important;
        line-height: 50px !important;
        margin: 16px 20px !important;
    }
}

@media only screen and (max-width: 767px) {
    #Top_bar .logo #logo, #Top_bar .logo .custom-logo-link {
        padding: 0 !important;
        margin: 10px 20px !important;
    }
}

.logo img{
	width:225px !important;
	text-align:left !important;
	@media (min-width: 425px) {width:90% !important; text-align:left !important;}
}

@media (max-width: 767px) {
    .mobile-sticky #Top_bar.is-sticky #logo img:not(.svg) {
        width: 100% !important;
    }
}

.mobile-sticky #Top_bar.is-sticky #logo img:not(.svg) {
    width: 100% !important;
}

#Top_bar #logo img {
    margin-left: 0px !important;
	
	@media (min-width: 425px) {
		margin-left: 0px !important;
	}
	@media (min-width: 767px) {
		margin-left: 0px !important;
	}
}

#Top_bar.is-sticky .mobile-login-btn > a {
    padding: 10px 0px !important;
}

.mobile-sticky #Top_bar.is-sticky #logo img:not(.svg) {
	width: auto !important;
    margin-left: 0px !important;
	
	@media (max-width: 767px) {
		width: auto !important;
        margin-left: 0px !important;
	}
	
}

.solution-fix-img img{
	margin:0 0% 0 0;
	display:flex;
	width:75%;
}

h3{
	font-size: 32px !important;
	margin-bottom:32px !important;
	@media (min-width: 767px){
		font-size: 32px !important;
    	line-height: 40px !important;
	}
	@media (min-width: 1365px){
		font-size: 40px !important;
    	line-height: 48px !important;
	}
}

h2{
    font-size: 20px !important; line-height:26px !important;
	@media (min-width: 767px){
		font-size: 24px !important; line-height:30px !important;
	}
}

.col-h2{
	color:#005087 !important;
	font-size:20px !important;
	line-height:26px !important;
	@media (min-width: 1023px){
		font-size:24px !important;
		}
}

.title-fix{	
	h3{
		color:#005087 !important;
	}
}

.title-fix-dark{	
	h2{ color:#a0e0ff;}
	h3{
		color:#ffffff !important;
	}
	p{color:#97c0dd;}
}
.space-fix{
	padding:10% 0% !important;
	
	@media (min-width: 767px){
		padding:10% 0% !important;
	}
	
	@media (min-width: 1240px){
		padding:5% 0% !important;
	}
	
}

.box-space-fix{
	padding:10% 0% !important;
	
	@media (min-width: 767px){
		padding:10% 6% !important;
	}
	
	@media (min-width: 1240px){
		padding:5% 6% !important;
	}
}

.mrg-b { margin-bottom:32px;}
.mrg-b-0 { margin-bottom:0px !important;}

/* .column, .columns {
    margin: 0 0% 0px !important;
} */

.column {
    margin: 0 1% 0px !important;
}

.columns {
    margin: 0px 0px 0px 0px !important;
}

p{
	font-size:16px !important;
	line-height:22px !important;
}
.mrg-r-40{
	margin-right:40px;
}



.req-demo-spc{
	margin:0% 0% 0% 16% !important;
		@media (max-width: 767px){
			margin:0% 0% 0% 0% !important;	
	}
}

.infobox ul li:before {
    color: #ffffff !important;
    font-size: 24px !important;
    left: 9px !important;
    top: 10px !important;
}

.infobox ul li:after {
    content: "";
    display: block;
    width: 70px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .2);
    position: absolute;
    left: -30px;
    bottom: 0;
}


.infobox {
    padding: 24px 24px 24px 24px !important;
}

.custom-ico{
    font-size: 50px;
    display: inline-block;
    height: 50px;
    width: 50px;
    background-color: #000;
    color: #fff !important;
    border-radius: 32px;
}

/* i{
	font-size: 50px;
    display: inline-block;
    height: 50px;
    width: 50px;
    background-color: #000;
    color: red !important;
    border-radius: 32px;
} */

.fix-icon img{
	color: red !important;
    width: 24px;
    fill: red !important;
    background-color: #e9f2f9;
    padding: 16px;
    border-radius: 100px;
    /* border: 2px solid #005087;*/
}
	
.fix-btn{
	display:flex;
	justify-content:center;
	
	a.button{
    display: inline-block;
    padding: 8px 24px 8px 32px !important;
    cursor: pointer;
    border-radius: 45px;
	box-shadow: none;
		background-color: #2685c5;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
		display:flex;
		align-items:center;
		margin-top:16px;
		
		@media (max-width: 767px) {
			padding: 8px 12px 8px 24px !important;
		}
	}
	
/* 	i{
		font-size:32px;
		transform: rotate(45deg);
	} */
	img{
		width:24px; 
        margin-left: 16px;
	}
}	

a.action_button{
	background-color: #41a9dc !important;
    color: #ffffff;
	border-radius:40px !important;
}

/* @media only screen and (max-width: 767px) {
    .section_wrapper, .container, .four.columns .widget-area {
        max-width: 480px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}
 */

.box-fix{
	display:flex;
	width:100%;
	clear: both;

	.mcb-wrap-inner{
		display:flex;
		flex-wrap: wrap;
		
		.one-fourth.column{
			@media (max-width: 1239px){
				width: 48% !important;
				flex-direction: row;
			}
			@media (max-width: 767px){
				width: 100% !important;
				flex-direction: row;
			 }
		}	
		
	}
	 
}

	


/* .column, .columns {
    float: left;
    margin: 0 0% 40px !important;
}	 */

.zindex-up{ z-index:2 !important;}
.banner-fix{
	.banner-txt{
		padding:0 0 0 0% !important;
		@media (min-width: 1240px){
			padding:0 0 0 3% !important;
		}
		@media (min-width: 1440px){
			padding:0 0 0 0% !important;
		}
	
	} 
	
	position: relative !important;
	.image_frame .image_wrapper{
		overflow:visible;
	}
	
	h1{	
		color:#ffffff !important;
		
		@media (min-width: 320px){
			font-size:26px !important;
			line-height:32px !important;
		}
		@media (min-width: 1240px){
			font-size:32px !important;
			line-height:40px !important;
		}
		@media (min-width: 1440px){
			font-size: 38px !important;
			line-height:48px  !important;
		}
		
		span{ font-size:32px; color:#41a9dc !important;
			
			@media (min-width: 320px){
				font-size:26px !important;
				line-height:32px !important;
			}
			@media (min-width: 1240px){
				font-size:28px !important;
				line-height:40px !important;
			}
			
			@media (min-width: 1440px){
				font-size: 38px !important;
				line-height:48px  !important;
			}
			
		}
	}
	
	p{
		color:#98bbd6;
		font-size:18px !important;
		font-weight:500;
		line-height:26px !important;
	}
	
	img.scale-with-grid, #Content img{
		max-width:120% !important;
		left:-20%;
		z-index:0 !important;
/* 		position:absolute !important;
		left:0px; */
	}
}

.banner-in{
	h3{ color:#ffffff !important;}
	p{
		color:#98bbd6;
		font-size:18px !important;
		line-height:26px !important;
	}
}

.prime-btn{ font-size:18px; background-color:#41a9dc; color:#ffffff; font-weight:500; padding:12px 24px 12px 32px; border-radius:8px;}
.prime-btn:hover{ text-decoration:none; background-color:#3ca0d1; color:#ffffff;}

.powered-by-angled {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  color: #333;
  line-height: 1;
  margin-left: auto; 
  width: max-content;
	margin-top: 18px;
}

.powered-text {
  font-size: 12px;
  color: #000;
  margin-left: 28px;
	position:absolute;
	top: 22px;
    right: 6px;
}

.logo-line {
  display: flex;
  align-items: center;
}

.logo-line img {
  height: 30px;
  margin-right: 6px;
}

.brand-name {
  font-weight: 600;
  font-size: 16px;
  color: #0072ce;
}

#Top_bar {
    background-color:#ffffff; /*#e4f8ff;*/
}


.wpcf7-form{
	label span{
		margin:8px 0px 8px 0px !important;
	}
	
	input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea, .woocommerce .quantity input.qty {
    border-width: 0px;
    box-shadow: unset;
    resize: none;
		border-radius:8px;
/* 		margin-top:12px; */
}
	
}

.yellow{ color:#fddd5a;}
.orange{ color:#71d7fa;}
.blue{ color:#41a9dc;}
.white{color:#ffffff;}


.card-in{
    padding:24px !important; display:flex; width:100%;
    background-color:#E4F2FB;
    border-radius:16px;
}

.new-quick-link-ui{
	ul{
		list-style-type:none !important; 
		margin:0 !important; 
		padding:0px !important;
		display:flex;
		flex-direction: column;
		justify-content: center;
		flex-wrap: nowrap;
		/*align-items: center;*/
		
		@media (min-width: 765px){
				flex-direction: row;
		    }
			
		
		li{
/* 			display: flex; */
            flex-direction: column;
			justify-items: center;
			width:auto;
			flex-basis: 100%;
			text-align:center;
			margin:0% 0% 8% 0% !important; 
			padding:8px;
			background-color:#ffffff;
			border-radius:24px;
			
			
			

			
			@media (min-width: 320px){
				padding:8px;
		    }
		    
		    @media (min-width: 765px){
		        padding:8px;
				width:25%;
				margin:0% 2% 0% 0% !important;
		    }
		    
		     @media (min-width: 1023px){
		        padding:8px;
				width:25%;
				margin:0% 2% 0% 0% !important;
		    }
		    
		    @media (min-width: 1300px){
		    display: flex;
            flex-direction: row;
			justify-items: center;
			text-align:left;
		    margin:0% 2% 0% 0% !important;
		    }
			
			.activecard-bg{ background-color:#D2E9F9; padding:16px; border-radius:300px; justify-content: center; align-items: center; display:flex;}
			img{width:150px; margin: 0 0 16px 0;
			
			    @media (min-width: 1300px){ width:120px; margin: 0 24px 16px 0;}
			}
			h3{color:#000000 !important; font-size:32px !important; font-weight:500; margin-bottom: 16px !important; line-height: 40px !important;
			    @media (min-width: 1300px){font-size:32px !important;}
			}
			p{color:#000000; font-size:16px !important;  margin:0 0 24px 0; line-height: 22px !important;}
			a{text-decoration:none; text-align:center; color:#fff; font-size:16px !important; font-weight:600; 
				 border-radius:40px; padding:12px 24px; display:flex; justify-content: center;  cursor:pointer;
				img{width:20px; margin:0px 0px 0px 8px;
			    
			        @media (min-width: 765px){
				    margin:0px 0px 0px 8px;
		            }
			    }
				
				@media (min-width: 766px){
				   padding:12px 24px;
		        }
		        
		        @media (min-width: 1023px){
				   padding:12px 24px;
		        }
		        
		        @media (min-width: 1365px){
				   padding:12px 32px;
		        }
			}
			
		}
		
		li:nth-child(1){
		    
			
/* 			background-color: #dcf3ff; */
			a{ background-color:#41a8db;} /* blue */
		}
		
		li:nth-child(2){
		    
/* 			background-color: #FFF9EB;  */

			
			a{ background-color:#C45E27;} /* brown */
			
		}
		
		li:nth-child(3){
		    
/* 			background-color: #FFF1F2; */
			a{ background-color:#D71D1D;} /* red */
		}
		
		li:last-child {
		    margin:0% 0% 0% 0% !important;
		    
			/* background-color: #E5FFEA;
			a{ background-color:#298938;} green 
 			background-color: #F2F0F9; */
			
			/* a{ background-color:#C45E27;}  yellow */
			a{ background-color:#D71D1D;} /*red*/ /* #5443B1 purple */
			
		}
	}
}






.quick-link-ui{
	ul{
		list-style-type:none !important; 
		margin:0 !important; 
		padding:0px !important;
		display:flex;
		flex-direction: column;
		justify-content: center;
		flex-wrap: nowrap;
		/*align-items: center;*/
		
		@media (min-width: 765px){
				flex-direction: row;
		    }
			
		
		li{
/* 			display: flex; */
            flex-direction: column;
			justify-items: center;
			width:auto;
			flex-basis: 100%;
			text-align:center;
			margin:0% 0% 8% 0% !important; 
			padding:32px;
			background-color:#ffffff;
			border-radius:24px;
			
			@media (min-width: 320px){
				padding:24px;
		    }
		    
		    @media (min-width: 765px){
		        padding:32px 8px;
				width:25%;
				margin:0% 2% 0% 0% !important;
		    }
		    
		     @media (min-width: 1023px){
		        padding:32px;
				width:25%;
				margin:0% 2% 0% 0% !important;
		    }
		    
		    @media (min-width: 1300px){
		    display: flex;
            flex-direction: row;
			justify-items: center;
			text-align:left;
		    margin:0% 2% 0% 0% !important;
		    }
			
			.activecard-bg{ background-color:#D2E9F9; padding:16px; border-radius:300px; justify-content: center; align-items: center; display:flex;}
			img{width:150px; margin: 0 0 16px 0;
			
			    @media (min-width: 1300px){ width:120px; margin: 0 24px 16px 0;}
			}
			h3{color:#000000 !important; font-size:18px !important; font-weight:600; margin-bottom: 16px !important; line-height: 24px !important;
			    @media (min-width: 1300px){font-size:18px !important;}
			}
			p{color:#000000; font-size:16px !important;  margin:0 0 24px 0; line-height: 22px !important;}
			a{text-decoration:none; text-align:center; color:#fff; font-size:16px !important; font-weight:600; 
				 border-radius:40px; padding:12px 24px; display:flex; justify-content: center;  cursor:pointer;
				img{width:20px; margin:0px 0px 0px 8px;
			    
			        @media (min-width: 765px){
				    margin:0px 0px 0px 8px;
		            }
			    }
				
				@media (min-width: 766px){
				   padding:12px 24px;
		        }
		        
		        @media (min-width: 1023px){
				   padding:12px 24px;
		        }
		        
		        @media (min-width: 1365px){
				   padding:12px 32px;
		        }
			}
			
		}
		
		li:nth-child(1){
		    
			
/* 			background-color: #dcf3ff; */
			a{ background-color:#41a8db;} /* blue */
		}
		
		li:nth-child(2){
		    
/* 			background-color: #FFF9EB;  */

			
			a{ background-color:#C45E27;} /* brown */
			
		}
		
		li:nth-child(3){
		    
/* 			background-color: #FFF1F2; */
			a{ background-color:#D71D1D;} /* red */
		}
		
		li:last-child {
		    margin:0% 0% 0% 0% !important;
		    
			/* background-color: #E5FFEA;
			a{ background-color:#298938;} green 
 			background-color: #F2F0F9; */
			
			/* a{ background-color:#C45E27;}  yellow */
			a{ background-color:#D71D1D;} /*red*/ /* #5443B1 purple */
			
		}
	}
}


.hac-steps{
	display:flex;
	
	ul{ list-style-type:none !important; margin:0 4% !important; padding:0px !important;
/* 		width:100%; */
		display:flex;
		flex-direction: column;
		justify-content: center;
		flex-wrap: nowrap;
		
		@media (min-width: 320px){
			flex-direction: column;
			align-items: center;
		}
		
		@media (min-width: 425px){
			flex-direction:column;
		}
		
		@media (min-width: 439px){
			flex-direction:row;
			flex-wrap: wrap;
			align-items: flex-start;
		}
		
		@media (min-width: 576px){
			flex-direction:row;
		}
		
		@media (min-width: 768px){
			flex-direction:row;
			flex-wrap: wrap;
		}
		
		@media (min-width: 1023px){
			flex-direction:row;
			flex-wrap: wrap;
		}
		
		@media (min-width: 1440px){
			flex-direction:row;
			flex-wrap: nowrap;
		}
		
/* 		flex-grow:1; */
/* 		flex-wrap: wrap; */
		
		li{ 
			width:12.5%;
			flex-basis: 100%;
/*   		flex-grow: 1; */
			margin:0 0 3% 1%; 
			
			@media (min-width: 320px){
				width:90%;
				margin:0 0 10% 0 !important; 
			}
			
			@media (min-width: 425px){width:90%;}
			
			@media (min-width: 439px){width:40%; flex-basis: 40%; margin:0 4% !important;}
			
			@media (min-width: 768px){width:20%; flex-basis: 20%; margin:0 2% !important;}
			
			@media (min-width: 1024px){ width:10.5%; flex-basis: 10.5%; margin:0 1% !important;}
			
/* 			@media (min-width: 1200px) {width:20%; flex-basis: 21%; margin:0 2% !important;}
			
			@media (min-width: 1440px){ width:12.5%; flex-basis: 12.5%; margin:0 1% !important;} */
			
			h3{ font-size:24px; font-weight:500; line-height: 26px; 
				
				span{font-size:12px; font-weight:400; line-height: 16px; margin-top:12px; display:flex;}
				
				@media (min-width: 320px){ font-size:20px !important; line-height: 28px !important;}
/* 				@media (min-width: 425px){ font-size:24px; line-height: 26px;} */
				@media (min-width: 768px){ font-size:18px !important; line-height: 22px !important;}
				@media (min-width: 1023px){ font-size:16px !important; line-height: 22px !important;}
			}
			
			img{ width:80%; margin:16px 0px;}			
		}
		
	}
}
.contact
{
	color: black;
}
.engagement-box {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  margin-top: 20px;
  flex-wrap: nowrap;
}

.engagement-icon {
  width: 60px;
  height: auto;
  flex-shrink: 0;
}

.engagement-text {
  flex-grow: 1;
}

.engagement-text h6{
  margin: 0 0 5px;
  font-weight: 600;
}
.engagement-text p {
  margin: 0;
}
.engagement-text h5 {
    margin: 0 0 5px;
}
.engagement-text h4 {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    letter-spacing: 0px;
}

.engagement-text h4 {
    margin: 0 0 5px;
    color:#000000;
}

@media only screen and (max-width: 767px) {
    .container{
        max-width: 650px !important;
    }
}
.social-icons {
  display: flex;
  align-items: end;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 10px;
}

.social-icons a {
  font-size: 20px;
  color: #333;
  text-decoration: none;
  transition: color 0.3s ease;
}

.social-icons a:hover {
  color: #007bff;
}

.highlight-text {
    font-weight: 500;
}
.custom-heading {
 /* adjust size as needed */
  color: #005087!important;
  font-weight: 500;            /* boldness */
  text-transform: none;        /* keep normal case */
}
.custom-headingmobile
{
color: #fff!important;
font-weight: 500; 
}
@media only screen and (max-width: 479px) {
  h3 {
    font-size: 24px !important;   /* or whatever size you prefer */
    line-height: 28px !important;
    letter-spacing: 0 !important;
  }
}
/* ================================
   FULLSCREEN VIDEO POPUP OVERLAY
================================ */
.video-popup {
    display: none !important;
    position: fixed !important;
    inset: 0 !important;            /* top:0 right:0 bottom:0 left:0 */
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0,0,0,0.85);
    z-index: 999999 !important;

    /* PERFECT CENTERING */
    align-items: center;
    justify-content: center;
}

/* ================================
   POPUP CONTENT BOX
================================ */
.video-popup-content {
    position: relative;
    width: 90%;
    max-width: 900px;
}

/* ================================
   VIDEO STYLE
================================ */
#popup-video {
    width: 100%;
    height: auto;
    display: block;
    background: #000;
    border-radius: 10px;
}

/* ================================
   CLOSE BUTTON
================================ */
.close-video {
    position: absolute;
    top: -40px;
    right: 0;
    font-size: 34px;
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
    z-index: 1000000;
}

/* ================================
   WATCH VIDEO BUTTON STYLE
================================ */
.video-btn {
    display: inline-block;
    margin-top: 0px;
    padding: 10px 18px;
    color: #ffffff;
    text-decoration: none;
    border-radius: 6px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.video-btn:hover {
    color: #ffffff;
}

/* ================================
   MOBILE RESPONSIVE
================================ */
@media (max-width: 768px) {
    .video-popup-content {
        width: 95%;
    }

    .close-video {
        top: -32px;
        font-size: 28px;
    }
}
/* ================================
   FULLSCREEN VIDEO POPUP OVERLAY
================================ */
.video-popup {
    display: none !important;
    position: fixed !important;
    inset: 0 !important;            /* top:0 right:0 bottom:0 left:0 */
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0,0,0,0.85);
    z-index: 999999 !important;

    /* PERFECT CENTERING */
    align-items: center;
    justify-content: center;
}

/* ================================
   POPUP CONTENT BOX
================================ */
.video-popup-content {
    position: relative;
    width: 90%;
    max-width: 900px;
}

/* ================================
   VIDEO STYLE
================================ */
#popup-video {
    width: 100%;
    height: auto;
    display: block;
    background: #000;
    border-radius: 10px;
}

/* ================================
   CLOSE BUTTON
================================ */
.close-video {
    position: absolute;
    top: -40px;
    right: 0;
    font-size: 34px;
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
    z-index: 1000000;
}

/* ================================
   WATCH VIDEO BUTTON STYLE
================================ */
.video-btn {
    display: inline-block;
    padding: 10px 18px;
    background: #1e73be;
    color: #ffffff;
    text-decoration: none;
    border-radius: 6px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.video-popup-title {
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 600;
}
#pum-351 #popmake-351 .pum-content .wp-block-heading,
#pum-351 #popmake-351 .pum-content .wp-block-heading * {
  color: #e9f2f8 !important;
}
/* Popup 371 title color */
#pum-371 #popmake-371 .pum-content .wp-block-heading,
#pum-371 #popmake-371 .pum-content .wp-block-heading * {
  color: #272d69 !important;
}

/* ================================
   MOBILE RESPONSIVE
================================ */
@media (max-width: 768px) {
    .video-popup-content {
        width: 95%;
    }

    .close-video {
        top: -32px;
        font-size: 28px;
    }
}

/* ================================
   Banner button
================================ */

.button-line{
	font-weight: 500 !important;
    font-size: 17px !important;
    background-color: transparent !important;
    color: #fff !important;
    border: 2px solid #fff !important;
	i{ margin-left:16px; font-size:24px;}
}
.button-fill{
	font-weight: 500 !important;
    font-size: 17px !important;
    background-color: #41a9dc !important;
    color: #ffffff !important;
    border: 0px solid #41a9dc !important;
	
	
}

.button-round{
	border-radius: 40px !important;
	box-shadow:none !important;
	display:inline-flex !important;
	margin-right:24px !important;
	align-items: center;
	font-size:16px !important;
}

.button-bg {
  background: linear-gradient(90deg, #FF8038 0%, #FF0099 30.43%, #00EBEB 68.23%, #DB00FF 100%);
  background-size: 600% 600%;
  border-radius: 50px;
  animation: AnimateBorder 8s ease infinite;
  -webkit-animation: AnimateBorder 8s ease infinite;
  -moz-animation: AnimateBorder 8s ease infinite;
  transform: translate(-2px, -2px);
  transition: filter 16s ease-in;
	font-weight:600 !important;
	padding: 12px 20px !important;
	margin-top:2px !important;
	

	
i{ margin-right:16px; font-size:24px;}
}


@-webkit-keyframes AnimateBorder {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimateBorder {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimateBorder {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
.align-h-mid{ 
	display:flex; 
	align-items: center;
  	justify-content: flex-start;
	flex-direction: row;
	@media only screen and (max-width: 1240px) {
		flex-direction: column;
		align-items: start;
    {
}