.new-release{max-width:380px; background-color:#e3f2f2;}
.hero-arrow-right{top:0px; right:0px;}
.hero-arrow-black{bottom:0px; left:0px;}

.hero-arrow-float img{animation: float 2s ease-in-out infinite;}
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
  }
  
.black-arrow img{animation:floatRight 3s ease-in-out infinite alternate;} 
@keyframes floatRight {
    from {
      opacity: 0.5;
      transform: translateX(-15px);
    }
    to {
      opacity: 1;
      transform: translateX(15px);
    }
  } 


.about-snap-box{max-width:800px; border-radius:15px;}

.common-features{border-radius:20px;}
.common-col{width:32%;}
.common-col:nth-child(3n+2){margin-left:2%; margin-right:2%;}
.common-features:after{content:""; display:block; position:absolute; background-image:url('../img/common-feature-bg.png'); background-repeat:no-repeat; background-size:cover; height:100%; width: auto;  top: 0;    left: 0;    right: 0; z-index:0;}


.sf-full-feature:after{content:""; position:absolute; display:block; background-image: linear-gradient(to bottom, #ffffff00, #072030bd); width:100%; height:100%; left:0; right:0; top:0; bottom:0; height:100%;}
.sf-feature-text{left: 20px;bottom: 20px;  right: 20px; width: calc(100% - 40px);}

.sf-small-card-left{background-color:#E3F2F2;}
.sf-small-card-right{background-color:#FFF0F3;}
.sf-right-panel{background-color:#FFF8CE;}





.love-snap{background-image:url('../img/love-snap-bg.jpg'); background-repeat:no-repeat;width:100%; background-position: left center;}
.love-snap:before{content:""; position:absolute; display:block; background-image: linear-gradient(to right, #072030bd, #ffffff00); width:100%; height:100%; left:0; right:0; top:0; bottom:0; height:100%;}
.love-snap-box{max-width:650px;}

.snapext-slide-col img{max-width:450px; max-height:450px;}

.modal-dialog{ position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%) !important;    border-radius: 8px;}
.modal-header{padding:0px; border: 0px;}
.modal-header button{padding: 0;    margin: 0;    position: absolute;    right: -5px;    top: -5px;    background-color: #06A2A5;    opacity: 1;
    width: 24px;    height: 24px;    border-radius: 50%;    font-size: 12px; z-index:1;}
.modal-body{    background-color: #e3f2f2;}
  .modal-content .wpforms-container-full{margin:0px auto !important;}
  .modal-content .wpforms-submit-container{margin-top: 0px !important;    padding-top: 0px !important;}
  .modal-content .wpforms-field{padding-top:0px !important; padding-bottom:10px !important;}
  .modal-content .wpforms-field textarea{height:100px !important; resize:none !important; border: 1px solid #e1e1e1 !important;  box-shadow: none !important;}
.modal-content .wpforms-field input[type="text"], .modal-content .wpforms-field input[type="email"], .modal-content .wpforms-field input[type="tel"]{ border: 1px solid #e1e1e1 !important;  box-shadow: none !important; border-radius: 5px;}
.wpforms-submit-container button{background-color: #264E9F !important;   border: 0px !important;    border-radius: 5px; box-shadow: none !important;    outline: none !important;}

.wpforms-submit-container button:focus:after{border:0px !important; top: 0px !important; right: 0px !important;  bottom: 0px !important;  left: 0px;}

@media (max-width: 991px)
{
	.common-col{width:48%;}
.common-col:nth-child(3n+2){margin-left:0%; margin-right:0%;}
.common-col:nth-child(odd){margin-right:2%;}
.common-col:nth-child(even){margin-left:2%;}
	.smart-sale-figure img{width:auto; height:350px;}
	
}

@media (max-width: 767px)
{
.common-col{width:100%;}
.common-col:nth-child(3n+2){margin-left:0%; margin-right:0%;}
.common-col:nth-child(odd){margin-right:0%;}
.common-col:nth-child(even){margin-left:0%;}
.hero-arrow-right img{height:50px;}	
.hero-arrow-black img{height:50px;}	
.common-feature-icon img{height:70px;}
.common-col:last-child{margin-bottom:0px !important;}	
.love-snap-box .col-12:last-child{margin-bottom:0px !important;}
    .modal-dialog {
        max-width: 95% !important;
        margin: 0px auto !important;
        width: 100% !important;
    }

}