/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,600;0,700;0,800;1,300&display=swap');


/* Common css */
body {  margin: 0; padding: 0; color: #333333; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.6;  }
a { text-decoration: none !important; }
img { max-width: 100%; height: auto; border: none; } 
*:focus { outline: none; }
p { margin: 0 0 30px; }
p:last-child { margin-bottom: 0; }

h2 {font-size: 40px;font-weight: 700;margin: 0;}

.no-gutters { margin-left: 0 !important; margin-right: 0 !important; }
.form-row { display: -ms-flexbox; display: flex;  margin-right: -15px; margin-left: -15px; margin-bottom: 10px; }
.form-row>.col, .form-row>[class*=col-] { padding-right: 15px; padding-left: 15px; }

.form-control:focus { border-color:#024D81; color: #333; }
.form-control:focus,
.btn:focus { box-shadow: none;  }

.form-control { border-radius: 0px; border-color: #ccc;  font-size: 14px; }
.contact-form label { margin: 0 0 5px; font-size: 14px; color: #333; }

.container { max-width: 100%; padding: 0; }


.domain-wrapper { background: url(../images/background-images.jpg) no-repeat center; background-size: cover; height: 100vh; }
.domain-wrapper > div { position: relative; z-index:2; }


.domain-left { background-color: rgba(2,77,129,0.9); }
.domain-right { background-color: rgba(241,88,34,0.9); }
.domain-left,
.domain-right  {height: 100%; padding:50px 15px; overflow: auto; display: flex; justify-content: center; align-items: center; }

.content-text { color: #fff; text-align: center;  }
.content-text h1 {font-size: 40px;font-weight: 700; color: #f15822;}
.content-text h2 { position: relative; display:flex; flex-wrap: wrap; align-items: center; justify-content:center; }


.line:before {content: "";display: block;width: 100px;height: 2px;background-color: #f15822;z-index: 2;margin: 20px auto;}
.inner-content { width: 100%; max-width: 80%; margin:30px auto 0; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 30px; }
.inner-content span { color:#f15822; font-weight: 700; }
.contact-links a { color: #fff; display: inline-block; vertical-align: top; transition: all 0.5s; }
.contact-links a:hover { color:#f15822; } 
.contact-links span { display: block; }
.contact-links span + span { margin-top: 5px; }
.contact-links i { margin-right: 5px; }


.contact-form { background-color: #fff; padding: 50px; border-top: 10px solid #024D81; min-width: 60%; }

.btn  {font-size: 18px;padding:16px 50px 13px !important;  color: #fff;flex-wrap: wrap;align-items: center;background: #024D81 !important;text-align: center !important;font-family: 'Avenir Black';text-transform: uppercase;border-radius: 0;border: none;transition: all 0.3s;height: auto;width: auto;margin:20px auto 0  !important;display: block;text-shadow: none;}
.btn:hover { background: #f15822 !important; } 
.btn:after {content: "";background: url(../images/arrow-icon.svg) no-repeat center;display: inline-block;width: 20px;height: 20px;margin-left: 10px;position: relative;vertical-align: top;margin-top: 2px;}
.btn:hover,
.btn:focus { background: #f15822 !important; }


.value-badge { display: inline-block; background-color: #f15822; width: auto; margin-left: 20px; height: 40px;  font-size: 14px;border-radius: 0 5px 5px 0;line-height: 32px; position:relative; margin-top: 15px; margin-bottom: 10px;  padding: 0.3rem 0.5rem; padding-right: 20px; font-weight: 700; margin-left: 30px; }
.value-badge::before { position: absolute; left: -20px; top: 0; content: ''; display: block; width: 0; height: 0; border-top: 20px solid transparent; border-right: 20px solid #f15822; border-bottom: 20px solid transparent; }
.value-badge::after { display: block; content: ''; position: absolute; background: rgba(2,77,129,0.9); width: 6px; height: 6px; border-radius: 10px; left: -5px; top: calc(100% / 2 - 2px); }
.price-box {display: inline-block;padding:0; margin:15px 0 0;font-size: 20px;font-weight: 700; }


@media(max-width:1600px){
    .content-text h1,
    h2 { font-size: 24px; }
    .inner-content { max-width: 90%; }

}
@media(max-width:1200px){
   
}


@media(max-width:991.98px){
    .domain-wrapper { height: auto; }
    .domain-left,
    .domain-right { height: auto; overflow: visible; }
}

@media(max-width:767.98px){
body { font-size: 14px; }
.content-text h1,
h2 {  word-break: break-all; }
.contact-form { width: 100%; }
.form-row { display: block; }
.contact-form { padding: 50px 20px; }
.price-box { font-size: 16px; }
.inner-content { width: 100%;  }
}