.faq {

  margin-bottom: 20px;

  background-color: #fff;

  padding: 15px;

  border-radius: 5px;

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

}



.faq-question {

  cursor: pointer;

  font-weight: bold;

  color: #333;

  padding: 10px 0;

  border-bottom: 1px solid #ccc;

  transition: background-color 0.3s ease;

  background: white;

    padding: 10px 10px;

    border-radius: 10px;



}



/* .faq-question:hover {

  background-color: #f9f9f9;

} */



.faq-answer {

  display: none;

  margin-top: 10px;

  color: #000;

}

.custom-list{

  list-style-type: square;

}

.section-space {

padding-top: 30px !important;

padding-bottom: 80px;

}

.doubleimg{

  display: flex;

align-items: center;

}

.section-space2 {

padding-top: 80px !important;

padding-bottom: 80px;

}

.section-space3 {

padding-top: 20px !important;

padding-bottom: 0px !important;

}

.doubleimg{

  display: flex;

align-items: center;

}



.about-us img{



vertical-align: middle;

height: 35vh;

width: 90%;



}

.offerupbanner{
    padding-top: 120px;
}

@media (max-width: 600px) {

  .faq {

    padding: 10px;

  }

  .fqsec {
    display: flex;
    flex-direction: column;
    padding: 10px !important;
}
.about-us img {

  display:none;

}

.offerupbanner{
    padding-top: 130px;
}

}




/* end faqs*/


/* add new code */



.modalnew {

    display: block ; /* Hidden by default */

    position: fixed ; /* Stay in place */

    z-index: 99999999999999999999999999999 ;  /* Sit on top */

    padding-top: 100px ; /* Location of the box */

    left: 0 ;

    top: 0 ;

    width: 100% ; /* Full width */

    height: 100% ; /* Full height */

    overflow: auto ; /* Enable scroll if needed */

    background-color: rgb(0,0,0) ; /* Fallback color */

    background-color: rgba(0,0,0,0.7) ; /* Black w/ opacity */

}



/* new code here */



/* Modal Content (image) */

.modal-contentnew {

    margin: auto;

    display: block;

    width: 100%;

    /* max-width: 700px; */

}



/* Caption of Modal Image */

#caption {

    margin: auto;

    display: block;

    width: 80%;

    max-width: 700px;

    text-align: center;

    color: #ccc;

    padding: 10px 0;

    height: 150px;

}



/* Add Animation */

.modal-contentnew{    

    -webkit-animation-name: zoom;

    -webkit-animation-duration: 0.6s;

    animation-name: zoom;

    animation-duration: 0.6s;

}



@-webkit-keyframes zoom {

    from {-webkit-transform:scale(0)} 

    to {-webkit-transform:scale(1)}

}



@keyframes zoom {

    from {transform:scale(0)} 

    to {transform:scale(1)}

}



/* The Close Button */

.closenew {

    position: absolute;

    top: 15px;

    right: 35px;

    color: #f1f1f1;

    font-size: 40px;

    font-weight: bold;

    transition: 0.3s;

}



.closenew:hover,

.closenew:focus {

    color: #bbb;

    text-decoration: none;

    cursor: pointer;

}



.modalnew video{

    padding:30px;

}



/* 100% Image Width on Smaller Screens */

@media only screen and (max-width: 700px){

    .modal-contentnew {

        width: 100%;

    }

    .modalnew video{

        padding:5px;

    }

}

@media only screen and (max-width: 480px)

		{

			.web{

				display: none;

			}

			

		}

@media only screen and (min-width: 480px)

		{

			.mobile{

				display: none;

			}

			

		}







    .contact-section {

    position: relative;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    padding: 120px 0 100px

}



.contact-section .contact-form {

    position: relative;

    float: right;

    max-width: 66.666667%;

    width: 100%

}



.contact-section .sec-title {

    margin-bottom: 50px

}



.contact-form .form-group {

    position: relative;

    margin-bottom: 20px

}



.contact-form .form-group input[type="text"],.contact-form .form-group input[type="email"],.contact-form .form-group input[type="url"],.contact-form .form-group textarea,.contact-form .form-group select {

    position: relative;

    display: block;

    width: 100%;

    font-size: 14px;

    color: #000000db;

    line-height: 28px;

    padding: 15px 20px;

    border: 1px solid #d5d5d5;

    background-color: #fff;

    font-weight: 400;

    border-radius: 5px;

    -webkit-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    transition: all 300ms ease

}



.contact-form .form-group input:focus,.contact-form .form-group select:focus,.contact-form .form-group textarea:focus {

    border-color: #000

}



.contact-form .form-group textarea {

    height: 200px;

    resize: none

}



.contact-form .form-group button {

    margin-top: 10px;

    text-transform: capitalize;

    font-size: 18px

}









.cardi{



  border-radius: 30px;

    border: 1px solid lightgray;

    text-align: center;

    margin-bottom: 55px;

    background: white;

    box-shadow: 6px 6px 11px #aaa;

}



.faqsimg{

  background-image: url(images/FAQs.png);

    /* height: 100%; */

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.top-nav-collapse {

    background-color: black !important;

    color:white !important;

}

.header-transparent {

    padding-bottom: 20px;

    background-color: black !important;

    color:white !important;

}

.nbtn{    position: relative;

    font-size: 16px;

    line-height: 30px;

    color: #ffffff;

    padding: 15px 60px 15px 60px;

    text-transform: uppercase;

    font-weight: 400;

    border-radius: 5px;

    background-color: #3BB44A;

}

.well-inner{

    height: 350px !important;

    padding: 10px !important;
    box-shadow: 6px 6px 11px #aaa !important;


}





.welcome-msg1{



display: flex;

  justify-content: end;

}




.nnbtn{

position: relative;

    font-size: 10px;

    line-height: 40px;

    color: #ffffff;

    padding: 12px 25px 12px 25px;

    text-transform: uppercase;

    font-weight: 400;

    border-radius: 5px;

    background-color: #0c72ff;

}

@media only screen and (max-width: 600px){

  .faqsimg{

      

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    background-image: linear-gradient(to right,#2E86FF, #3BB44A ) !important;

  }

  .well-inner {

    height: 350px !important;

    padding: 10px !important;
    box-shadow: 6px 6px 11px #aaa !important;


}

.welcome-msg1{



  display: flex;

    justify-content: center;

}

.welcome-msg{



display: flex;

  justify-content: center;

}

}



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

.header-transparent #navigation #menu-button {

    margin-bottom: 0px;


}


.welcome-msg1{



display: flex;

  justify-content: center;

}

.welcome-msg{



display: flex;

justify-content: center;

}

.slider-title {

    font-size: 30px !important;

    line-height: 40px !important;

}

.mm1{

  display:block !important;
  padding-top: 20px;

}


.nnbtn{

position: relative;

    font-size: 10px;

    line-height: 40px;

    color: #ffffff;

    padding: 12px 15px 12px 15px;

    text-transform: uppercase;

    font-weight: 400;

    border-radius: 5px;

    background-color: #3BB44A;

}

}


.iconsbuy{
    width: 100%;
}

.btnsize{
    font-size: 18px !important;
}

.no-bullets{
    list-style-type: none;
    padding-left: 0px;
}

.terms li{
  margin-bottom: 10px;
}