@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
body{
   overflow-x: hidden;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.navbar-brand{
    padding-top: 0px;
}
.custombrand{
    font-size: 35px; color: #555; text-decoration: none; margin-top: 25px;font-family: 'Manjari', sans-serif; font-weight: bolder;
}
.form-heading, .form-call{
    line-height: 20px;
    text-align: center;
    text-shadow: 1px 1px #000;
}
.form-heading{
    color: #8FAEC9;
}
.form-call{
    color: #ffffff;
    font-size: 45px;
    font-weight: bold;
    margin-bottom: 40px;
}

form .btn{
    margin: 20px 0px 10px 0;
    padding: 10px 22px;
    border: none !important;
    background: #FFBD20; 
    font-size: 22px;
    color: #6E2222;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;

}
p.agree{
    margin-top: 20px;
    font-size: 9px;
    text-align: justify;
    color: #8FAEC9;
}
.container-fluid{
    margin: 0;
    padding: 0 !important;
}
.bigheader{
    background-color: #E38D13;
    border-radius: 10px 10px 0px 0px;
    padding: 18px 3px;
    margin: 0 -20px;
    text-align: center;

}

.headersub{
    color: #333;
    font-size: 22px;
    margin: 0;
    font-weight: bold;
}

form{
    width: 460px;
    margin-top: 50px;
    padding:0 20;
    border: 1px solid #333;
    border-radius: 20px;
    
    background-color: rgba(255, 255, 255, 1);
}
form input,select{
    margin-bottom: 15px;
    height: 35px !important;
    background-color: #ffffff !important;
    border-color: #000;
}
.form-signin label{
    font-size: 13px;
    color:#555;
}

::placeholder { 
  color: #888 !important;
  opacity: 1; 
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #888 !important;
    opacity: 1;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #888 !important;
    opacity: 1;
}
input[type="date"]:not(.has-value):before{
  color: black;
  content: attr(placeholder);
}
.disclaimer{
    padding: 50px 0;
    background-color: antiquewhite;
}
.disclaimer p{
    text-align: justify;
    font-size: 11px;
}

footer p{
    font-size: 13px;
    text-align: center;
    background-color: orange;
    color: #000;
    padding: 3px 0;
}
.thankpage h1{
    padding-top: 200px !important;
    color: #6E2222;
}
.glyphicon{
    font-size: 40px;
}
.threebox h2{color: #555;}
.threebox .glyphicon{ color: #555;}
.threebox .glyphicon:hover{color:#E38D13;}
.whychoose{
    background-color: #3D2815;
}

.twosection{
    margin-top: 20px;
    margin-bottom: 20px;
}


.banner{
    background: url('banner-bg.jpeg');
    position: relative;
    background-size: cover;
    margin-bottom: 60px;
}
span{
    color :#FFBD20;
    font-weight: bold;
}
.bannertext{padding-top:80px;color:#fff; text-shadow: #222 1px 1px;}
.bannertext h2{width:80%;font-size: 58px; font-weight: bold;text-shadow: #222 2px 2px 4px;font-family: 'Montserrat', sans-serif;}
.bannertext h1{font-size: 35px;}
.bannertext p{
    font-size: 22px;
    margin-top: 40px;
    text-shadow: none;
}
.bannertext i{
    padding-right: 15px;
}
form .btn{
    display: block;
    width: 100%;
    padding: 10px 35px;
    border: none !important;
    background: #FFBD20; 
    font-size: 18px;
    color: #333;
    font-weight: bold;
}
.bannertext button:hover{
    border: 3px solid #e38d13;
    background-color: #fff !important;
    color: #E38D13;
}
.clientlogos img{padding-top: 30px;width:130px;filter: grayscale(100%);text-align: center;}
.taglines{
	background-color: #FFBD20;
	text-align:center;
	color: #333;
	margin: 20px 0;
}
.blockone img{
	width:100%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.blockone p{
	font-size:16px;
padding-bottom: 20px;
}
.sectionone{
    padding: 35px 0;
    background-size: cover;
    background: url('sunrisebg.jpg');
    width: 100%;
    height: auto;
    background-position: center center; 
    font-family: 'Montserrat', sans-serif;
}
.sectionone h2{
    color: #222;
    text-transform: uppercase;
    font-size: 35px;
    font-weight: bolder;
}
.sectionone p{
    font-size: 16px;
    color: #222;
    padding: 45px 120px;
    font-weight: bold;
}
.slideanim .glyphicon {
    display: inline-block;
    border-radius: 60px;
    box-shadow: 0 0 2px #888;
    padding: 0.5em 0.6em;  
}

@media only screen and (max-width: 600px) {
form{ width:100%;}
.navbar p{font-size:18px;}
.bannertext h1{font-size:22px;}
    .sectionone { height:380px;}
    .sectionone h4{font-size:22px;}
    .sectionone p{
    font-size: 12px;
    color: #222;
    padding: 20px 30px;
    font-weight: bold;
}
form .btn{
    margin: 20px 0px 10px 0;
    padding: 10px 14px;
    border: none !important;
    background: #FFBD20; 
    font-size: 22px;
    color: #6E2222;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;

}
.bannertext{color:#fff; padding-top: 30px;text-shadow: #222 1px 1px;}
.clientlogos img{padding-top: 30px;width:90px;filter: grayscale(100%);}
}

.sectionindex{
    font-size: 15px;
    h3,h2{
        padding: 25px 0;
    }
    p{
        line-height: 25px;
    }
    ul li{
        padding: 10px 0;
    }
}


/* Default layout for larger screens */
.row {
    display: flex;
    flex-wrap: wrap; /* Allows wrapping on smaller screens */
}

.first {
    order: 1; /* Normal order */
}

.second {
    order: 2; /* Normal order */
}

/* Mobile-specific layout */
@media (max-width: 768px) { /* Adjust breakpoint as needed */
    .first {
        order: 2; /* Push content down */
    }

    .second {
        order: 1; /* Bring the form to the top */
    }
}

/* Default for larger screens: Keep everything on one line */
.contact-info {
    white-space: nowrap; /* Prevent line breaks */
}