body {
	 font-family: 'Poppins', sans-serif;
	 font-weight: 400;
}
.logos {
	width: auto;
    margin-top: 1%;
    margin-bottom: 2%;
}
 .card__grid {
	 display: grid;
	 grid-template-columns: 280px;
	 place-content: center;
	 gap: 2em;
}
 .card--1 {
	 align-self: start;
}
 .card--2 {
	 align-self: start;
}
 .card--3 {
	 align-self: start;
}
 .card--4 {
	 align-self: end;
}
.text-sm {
    font-size: 1.25rem;
    line-height: 2.25rem;
    color: #757575 !important;
}
.max-w-xs {
	padding: 20px;
}
.text-lg {
	margin-bottom: 1.5rem;
}


.wrapper {
        padding: 20px 40px;
      }
      /* title-start */
      .wrapper .title h2 {
        text-align: center;
        font-size: 40px;
        margin-bottom: 22px;
      }
      /* title-end */
      /* p-one-start */
      .wrapper .p-one p {
        color: #000;
		padding: 0px;
		text-align: center;
		font-size: 14px;
		margin-bottom: 20px;
      }
      /* p-one-end */
      /* inp-email-start */
      .wrapper .inp {
        position: relative;
      }
      .wrapper .inp {
        display: flex;
        flex-direction: column;
      }

      .wrapper .inp input[type="text"],
	   .wrapper .inp input,.wrapper .inp select	  { 
        border: 1px solid #a9a9a9;
        width: 100%;
        outline: none;
        height: 41px;
        padding: 0 20px;
        border-radius: 4px;
        background: #fff !important;
      }
      .wrapper .inp input[type="text"]:focus {
        border: 1px solid #2028eb;
      }

      .wrapper .inp input::placeholder {
        color: #a5a4ac;
        font-size: 12px;
      }
      .wrapper .inp label.email {
        position: absolute;
        left: 20px;
        top: -10px;
        color: #000;
        padding-left: 5px;
        padding-right: 5px;
      }
      
  
      .wrapper .inp::before {
        position: absolute;
        content: "";
        background-color: rgb(255, 255, 255);
        left: 10px;
        width: 60px;
        height: 21px;
        top: -10px;
      }
	  .wrapper .inp i.user {
        position: absolute;
        right: 18px;
        top: 12.5px;
        font-size: 16px;
        color: #5d5d5d;
      }
      .wrapper .inp i.email {
        position: absolute;
        right: 18px;
        top: 72.5px;
        font-size: 16px;
        color: #5d5d5d;
      }
	  .wrapper .inp i.mobile {
        position: absolute;
        right: 18px;
        top: 132.5px;
        font-size: 16px;
        color: #5d5d5d;
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
      }
       .wrapper .inp i.calender {
        position: absolute;
        right: 18px;
        top: 257.5px;
        font-size: 16px;
        color: #5d5d5d;
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
      }
      .wrapper .inp .email-margin {
        margin-bottom: 40px;
      }

      /* inp-email-end */
      /* inp-pass-start */
      .wrapper .inp label.pass {
        position: absolute;
        top: 80px;
        left: 20px;
        z-index: 2;
        color: #95959d;
      }
      .wrapper .inp::after {
        position: absolute;
        content: "";
        background-color: rgb(255, 255, 255);
        left: 12px;
        width: 87px;
        height: 21px;
        top: 79px;
      }
      .wrapper .inp i.lock {
        position: absolute;
        bottom: 15.3px;
        right: 20px;
        font-size: 20px;
        color: #cfcfd3;
      }

      /* inp-pass-end */
      /* btn-start */
      .wrapper .button {
        display: flex;
        justify-content: center;
      }
      .wrapper .button .btn {
        margin-top: 50px;
        border: 0;
        width: 100%;
        height: 40px;
        background-color: rgb(0, 0, 0);
        color: #fff;
        border-radius: 4px;
        font-size: 16px;
        margin-bottom: 26px;
        cursor: pointer;
      }
      .wrapper .button .btn:hover {
        box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.2);
      }
      .wrapper .button .btn:disabled,
      .wrapper .button .btn[disabled] {
          background-color: #eee;
          color: #000; 
          cursor: none !important;
      }

      /* btn-end */
      /* line-start */
      .wrapper .line {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #f0f1ff;
        line-height: 0.1em;
        margin: 30px;
        margin-bottom: 40px;
        margin-left: 0%;
      }
      .wrapper .line span {
        background: #fff;
        padding: 0 10px;
        color: #afafb5;
        font-size: 14px;
      }

      /* line-end */
      /* icon-wrapper-start */

      .wrapper .icon-wrapper {
        display: flex;
        justify-content: space-between;
        /* align-items: center; */
      }
      .wrapper .icon-wrapper .google,
      .wrapper .icon-wrapper .facebook,
      .wrapper .icon-wrapper .apple {
        width: 100px;
        height: 50px;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
        font-size: 22px;
        border: 1px solid #d9dcff;
        margin-bottom: 30px;
        cursor: pointer;
      }
      .wrapper .icon-wrapper .google:hover {
        box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
      }
      .wrapper .icon-wrapper .facebook:hover {
        box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
      }
      .wrapper .icon-wrapper .apple:hover {
        box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;      }

      /* icon-wrapper-end */
      /* down-start */
      .wrapper .down {
        text-align: center;
        font-size: 14px;
      }
      .wrapper .down span {
        color: #b8b7be;
      }
	  .datas {
		display: block; 
	  }
      /* down-end */
	  
	  .bg-white {
		    background-color: #fff;
	  }
	  .wrapper .inp label.email1 {
			position: absolute;
			left: 15px;
			top: 114px;
			color: #000;
			padding-left: 10px;
			padding-right: 10px;
			background:#fff;
		}
		.wrapper .inp label.city1 {
			position: absolute;
			left: 15px;
			top: 168px;
			color: #000;
			padding-left: 10px;
			padding-right: 10px;
			background:#fff;
		}
		.wrapper .inp label.date1 {
    		position: absolute;
    		left: 15px;
    		top: 234px;
    		color: #000;
    		padding-left: 10px;
    		padding-right: 10px;
    		background:#fff;
    	}
		.toplabel2  {
			margin-top:20px;
		}
		.wrapper .inp .otp-margin {
		    margin-top: 15px;
		}
		 .wrapper .inp .otp-text label.otps {
	        position: absolute;
	        left: 20px;
	        /*top: 213px;*/
	        background: #fff;
	        color: #000;
	        padding-left: 5px;
	        padding-right: 10px;
	      }
	      .wrapper .inp .otp-text1 label.otps {
	        position: absolute;
	        left: 20px;
	        top: 263px;
	        background: #fff;
	        color: #000;
	        padding-left: 5px;
	        padding-right: 10px;
	      }
	      .wrapper .inp .otp-text .resendotp_details1 {
	          margin-top: 10px;
	          cursor: pointer;
	      }
	      .wrapper .inp .otp-text1 .resendotp_details2 {
	          margin-top: 10px;
	          cursor: pointer;
	      }
	      .wrapper .button1{
	          display: block;  
	      }
	       .wrapper .inp .otp-text .ponters {
	            position: relative;
	            cursor: pointer;
	            margin-bottom: 5px;
	       }
	        .wrapper .inp .otp-text1 .ponters {
	            position: relative;
	            cursor: pointer;
	            margin-bottom: 5px;
	       }
	       .btnhide {
	           /*min-height: 44px;*/
	       }
	       .otp-text {
	           display:none;
	       }
 @media only screen and (min-width: 1280px) {
	 .card__grid {
		 display: grid;
		 grid-template-columns: repeat(auto-fit, minmax(3.75em, 1fr));
		 grid-template-rows: 7.375em 12em 7.375em;
		 column-gap: 3em;
		 row-gap: 3.1em;
	}
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* new added after css */
.max-w-xs {
    max-width: 30rem;
} 
.w-20 {
    width: 7rem;
}
.h-20 {
    height: 9rem;
}
.text-lg {
    font-size: 1.625rem;
    line-height: 1.95rem;
	margin-top: 0.5em;
}
.mb-2 {
    margin-bottom: 1.5rem;
}
.wrapper .inp .email-margin {
	margin-bottom: 20px;
}
.wrapper .inp .emailss-margin {
	margin-top: 20px;
}
.wrapper .inp label.pass {
	background: #fff;
    padding-left: 7px;
    padding-right: 5px;
	top: 50px;
	color:#000;
}
.wrapper .inp input[type="text"]#email1 {
	margin-bottom: 10px;
}
.wrapper .button .btn {
	margin-top: 20px;
	margin-bottom: 1px;	
	cursor: pointer;
}
.wrapper .inp::after {
	background: transparent;
}
.visible-xs {
    display: none !important;
}

/*@media (min-width: 1280px)
{
    .xl\:-mt-8 {
        margin-top: -8rem;
    }
}*/

@media only screen and (min-width: 1280px) {
	
	.xl\:h-56 {
		height: 24rem;
	} 
	.card__grid {
		column-gap: 2.5em;
		row-gap: 5.1em;
	}
	.xl\:leading-snug {
		text-align: center;
	}
	.xl\:leading-9 {
		font-size: 1.25rem;
	}
	.xl\:leading-snug {
		line-height: 3.35rem;
		font-size: 2.55rem;
		margin-bottom: 15px;
	}
	.xl\:leading-9.reducebotom {
	    margin-bottom: 5px;
	    font-size: 11px;
	    text-align:center;
	}
}


@media only screen and (max-width: 767px)  {
	.hidden-xs {
		display: none !important;
	}
	.visible-xs {
    display: block !important;
	}	
	.logos {
    width: 40%;
    margin-top: 5%;
    margin-bottom: 5%;
	}
	.card__grid {
    display: grid;
    grid-template-columns: 100%;
    place-content: center;
    gap: 0.5em;
	}
	.card__grid .row .col-md-6 {
		width: 50%;
		float: left;
		margin-top: 10px; 
	}
	.max-w-xs {
		padding: 10px;
		min-height: 160px;
	}
	.text-lg {
		font-size: 1.225rem;
	}
	.mb-2 {
		margin-bottom: 5px;
		line-height: initial;
	}
	.text-sm {
		font-size: 9px;
		line-height: inherit;
		color: #000 !important;
	}
	.w-20 {
    width: 10rem;
	}
	.container.bg-white {
		margin-top: 20px;
	}
	.text-3xl {
		font-size: 1.675rem;
		line-height: 2.25rem;
		text-align: center;
	}
	.text-base {
		font-size: 1.5rem;
		line-height: initial;
		margin-bottom: 20px;
		text-align: center;
		margin-top: 20px;
	}
	.mt-14 {
		margin-top: 1.5rem;
	}
	.p-one {
		margin-bottom: 40px;
	}
	.h-40 {
    height: 8rem;
	}
	.py-10 {
    padding-top: 0.5rem;
	}
	.wrapper {
    padding: 20px  5px;
    }
    .wrapper .p-one p {
      font-size: 18px;
    }
    
    .wrapper .otp-text1 #entered_otp1
    {
        border: 1px solid #a9a9a9;
        width: 100%;
        outline: none;
        height: 51px;
        padding: 0 20px;
        border-radius: 4px;
    }
    .wrapper .otp-text1 .datas1 
    {
        margin-top: 20px;
    }
    .wrapper .otp-text1 .datas1 .otps
    {
        margin-left: 10px;
        margin-top: -10px;
        position: absolute;
        padding-left: 10px;
        background: #fff;
        padding-right: 10px;
    }
    .wrapper .otp-text1 .resendotp_details2
    {
        cursor: pointer;
        position: relative;
        margin-bottom: 15px;
        margin-top: 25px;
    }
    .otp-text1
    {
        display: none;
    }
} 


.thankyou-wrapper{
          width:100%;
          height:auto;
          margin:auto;
          background:#ffffff; 
          padding:10px 0px 50px;
          margin-top: 25%;
        }
        .thankyou-wrapper h1{
          font:100px Arial, Helvetica, sans-serif;
          text-align:center;
          color:#333333;
          padding:0px 10px 10px;
        }
        .thankyou-wrapper p{
          font:26px Arial, Helvetica, sans-serif;
          text-align:center;
          color:#333333;
          padding:5px 10px 10px;
        }
        .thankyou-wrapper a{
          font:26px Arial, Helvetica, sans-serif;
          text-align:center;
          color:#ffffff;
          display:block;
          text-decoration:none;
          width:250px;
          background:#000;
          margin:10px auto 0px;
          padding:15px 20px 15px;
          border-bottom:5px solid #000;
        }
        .thankyou-wrapper a:hover{
          font:26px Arial, Helvetica, sans-serif;
          text-align:center;
          color:#ffffff;
          display:block;
          text-decoration:none;
          width:250px;
          background:#6f6d6d;
          margin:10px auto 0px;
          padding:15px 20px 15px;
          border-bottom:5px solid #6f6d6d;
        }
        
        
        /* new starts */
         
         
        .shell{
          padding:40px 0;
        }
        .wsk-cp-product{
          background:#fff;
          padding:15px;
          border-radius:6px;
          box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
          position:relative;
          margin:20px auto;
        }
        .wsk-cp-img{
          position:absolute;
          top:5px;
          left:50%;
          transform:translate(-50%);
          -webkit-transform:translate(-50%);
          -ms-transform:translate(-50%);
          -moz-transform:translate(-50%);
          -o-transform:translate(-50%);
          -khtml-transform:translate(-50%);
          width: 100%;
          padding: 15px;
          transition: all 0.2s ease-in-out;
        }
        .wsk-cp-img img{
          width:100%;
          transition: all 0.2s ease-in-out;
          border-radius:6px;
        }
        .wsk-cp-product:hover .wsk-cp-img{
          top:-40px;
        }
        .wsk-cp-product:hover .wsk-cp-img img{
          box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
        }
        .wsk-cp-text{
          padding-top:150%;
        }
        .wsk-cp-text .category{
          text-align:center;
          font-size:12px;
          font-weight:bold;
          padding:5px;
          margin-bottom:25px;
          position:relative;
          transition: all 0.2s ease-in-out;
        }
        .wsk-cp-text .category > *{
          position:absolute;
          top:50%;
          left:50%;
          transform: translate(-50%,-50%);
          -webkit-transform: translate(-50%,-50%);
          -moz-transform: translate(-50%,-50%);
          -ms-transform: translate(-50%,-50%);
          -o-transform: translate(-50%,-50%);
          -khtml-transform: translate(-50%,-50%);
            
        }
        .wsk-cp-text .category > span{
          padding: 12px 13px;
          border: 1px solid #313131;
          background:#212121;
          color:#fff;
          box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
          border-radius:27px;
          transition: all 0.05s ease-in-out;
          cursor: pointer;
          
        }
        .wsk-cp-product:hover .wsk-cp-text .category > span{
          border-color:#ddd;
          box-shadow: none;
          padding: 11px 13px;
        }
        .wsk-cp-product:hover .wsk-cp-text .category{
          margin-top: 0px;
        }
        .wsk-cp-text .title-product{
          text-align:center;
        }
        .wsk-cp-text .title-product h3{
          font-size:20px;
          font-weight:bold;
          margin:15px auto;
          overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
          width:100%;
        }
        .wsk-cp-text .description-prod p{
          margin:0;
          font-size: 11px;
          line-height: 20px;
        }
        /* Truncate */
        .wsk-cp-text .description-prod {
          text-align:center;
          width: 100%;
          height:102px;
          overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
          margin-bottom:15px;
        }
        .card-footer{
          padding: 15px 0 5px;
          border-top: 1px solid #ddd;
        }
        .card-footer:after, .card-footer:before{
          content:'';
          display:table;
        }
        .card-footer:after{
          clear:both;
        }
        
        .card-footer .wcf-left{
          float:left;
          width:100%;
          text-align:center;
        }
        
        .card-footer .wcf-right{
          float:right;
        }
        
        .price{
          font-size:18px;
          font-weight:bold;
        }
        .startrang {
            font-size:16px;
            font-weight:bold;
        }
        a.buy-btn{
          display:block;
          color:#212121;
          text-align:center;
          font-size: 18px;
          width:35px;
          height:35px;
          line-height:35px;
          border-radius:50%;
          border:1px solid #212121;
          transition: all 0.2s ease-in-out;
        }
        a.buy-btn:hover , a.buy-btn:active, a.buy-btn:focus{
          border-color: #FF9800;
          background: #FF9800;
          color: #fff;
          text-decoration:none;
        }
        .wsk-btn{
            display: inline-block;
            color: #fff;
            text-align: center;
            font-size: 18px;
            transition: all 0.2s ease-in-out;
            border-color: #000;
            background: #000;
            padding: 5px 18px;
            margin: 0 5px;
            margin-top: 20px;
            border-radius: 27px;
           
        }
        .wsk-btn:hover, .wsk-btn:focus, .wsk-btn:active{
          text-decoration:none;
          color:#fff;
        }  
        .red{
          color:#F44336;
          font-size:22px;
          display:inline-block;
          margin: 0 5px;
        }
        @media screen and (max-width: 991px) {
          .wsk-cp-product{
            margin:40px auto;
          }
          .wsk-cp-product .wsk-cp-img{
          top:-40px;
        }
        .wsk-cp-product .wsk-cp-img img{
          box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
        }
          .wsk-cp-product .wsk-cp-text .category > span{
          border-color:#ddd;
          box-shadow: none;
          padding: 11px 28px;
        }
        .wsk-cp-product .wsk-cp-text .category{
          margin-top: 0px;
        }
        a.buy-btn{
          border-color: #FF9800;
          background: #FF9800;
          color: #fff;
        }
        }

        /* new ends */
        
        
        
        .wrapper .inp label.chos {
			position: absolute;
			left: 15px;
			top: 294px;
			color: #000;
			padding-left: 10px;
			padding-right: 10px;
			background:#fff;
		}
		
		
		.site-header .mt-20px{
		    margin-top: 20px;
		}
		
		/* package page new card alignment starts */
		.elementor-567 .socipckgs .elementor-element-700e75e5
		{
		    text-align: center;
		}
		.elementor-567 .socipckgs .elementor-element-700e75e5 .elementor-element-5953d4b0,
		.elementor-567 .socipckgs .elementor-element-700e75e5  .elementor-element-5e2a75d5
		{
		    margin-bottom: 0px !important;
		}
		.elementor-567 .socipckgs .elementor-element-700e75e5 .elementor-heading-title
		{
		    padding-bottom: 5px;
		    border-bottom: 1px dotted #989898;
		}
		.elementor-567 .socipckgs .elementor-element-2b47de88 ul
		{
		        list-style-type: none;
		}
		.elementor-567 .socipckgs .elementor-element-2b47de88 ul li
		{
		        border-bottom: 1px dotted #989898;
                padding-top: 5px;
                padding-bottom: 5px;
		}
		.elementor-567 .socipckgs .elementor-element-2b47de88 ul li .elementor-icon-list-icon i
		{
		    width: 1.25em;
            font-size: 12px;
            color: #cd0707;
		}
		.elementor-567 .socipckgs .elementor-element.elementor-element-5aaec742 .elementor-button
		{
		    width: 95%;
		}
		.elementor-567 .socipckgs .elementor-element.elementor-element-5aaec742 .elementor-button.viwbtn,
		.elementor-567 .socipckgs .elementor-element.elementor-element-5aaec742 .elementor-button.viwbtn1,
		.elementor-567 .socipckgs .elementor-element.elementor-element-5aaec742 .elementor-button.viwbtn2,
		.elementor-567 .socipckgs .elementor-element.elementor-element-5aaec742 .elementor-button.viwbtn3
		{
		    background: #cd0707 !important;
		}
		.elementor-567 .socipckgs .elementor-element-2b47de88 ul
		{
		    min-height: 168px;
		}
		.elementor-567 .socipckgs .elementor-element.elementor-element-5aaec742 .elementor-button
		{
		    background: #009bc2 !important;
		}
		
		.elementor-567 .socipckgs .elementor-element.elementor-element-654508a0:not(.elementor-motion-effects-element-type-background), 
		.elementor-567 .socipckgs .elementor-element.elementor-element-654508a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
            /*background-color: #e9e9e996;*/
            background-color: #e9e9e9bd;
            min-height: 320px;
        }
        
        .elementor-567 .elementor-element.elementor-element-fb83f79.item2:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap
        {
            background-image: url(http://websitezweb.com/frontend/images/social1/2.png) !important;
        }
        .elementor-567 .elementor-element.elementor-element-fb83f79.item3:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap
        {
            background-image: url(http://websitezweb.com/frontend/images/social1/3.png) !important;
        }
		
		@media (min-width: 768px)
		{
            .elementor-567 .elementor-element.elementor-element-42a73e93 {
                width: 37% !important;
            }
		}

		@media only screen and (max-width: 780px) {
            .thankyou-wrapper {
                margin-top: 30%;
            }
            .elementor-567 .socipckgs .elementor-element.elementor-element-5aaec742 .col-md-6
    		{
    		    width: 50%;
    		    float: left;
    		}
		 
        }