body { color:#000; font-family:Manrope; overflow-x:hidden; }
:root { --main-color:#012F6B; --main-color-1:#0073B7; }
a, button, input { outline:none; text-decoration:none; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; }
ul { list-style:none; margin:0; padding:0; }
img { object-fit:cover; }

header { background-color:#fff; position:sticky; top:0; z-index:111; }
header .col-xl-2, header .col-xl-10 { align-self:center; }

/**** Navbar CSS Start Here ****/
header .navbar { padding:0; }
header .navbar-expand-md .navbar-nav .nav-link { border-bottom:4px solid #fff; color:#000; font-size:16px; margin:0 30px; padding:35px 0; position:relative; text-transform:capitalize; }
/**** Navbar CSS End Here ****/

.cont-btn, .form-sec form input.wpcf7-submit { background-color:var(--main-color-1); border:none; border-radius:0; color:#fff; display:inline-block; font-size:14px; font-weight:bold; padding:24px; letter-spacing:0.28px; z-index:11; }
.cont-btn:hover, .form-sec form input.wpcf7-submit:hover { background-color:var(--main-color); color:#fff; }

.main-banner { background:linear-gradient(108deg, #FFF 38%, #C1DFF0 157.72%); padding:55px 0; }
.main-banner h1 { color:var(--main-color); font-size:80px; font-weight:800; margin:0; }
.main-banner h1:nth-child(2) { color:var(--main-color-1); }
.main-banner p { color:#000; font-size:22px; font-weight:500; line-height:1.6; margin:15px 0 0; }

.broker-sec .container { max-width:100%; }
.broker-sec .col-lg-6 { padding:0; }
.broker-img { overflow:hidden; position:relative; }
.broker-img img { cursor:pointer; transition:all 0.7s ease; -webkit-transition:all 0.7s ease; }
.broker-img img:hover { transform:scale(1.08); -webkit-transform:scale(1.1); }
.broker-sec .drop-box { background-color:rgba(1,47,107,0.80); border-radius:0; bottom:0; color:#fff; cursor:pointer; display:block; height:100px; left:0; padding:35px 0; position:absolute; right:0; text-align:center; transition:all ease .15s; z-index:1; }
.broker-sec .broker-box, .broker-sec .broker-box-1 { position:relative; }
.broker-sec .drop-box.dd, .broker-sec .col-lg-6:last-child .drop-box { background-color:rgba(55,67,131,0.80); }
.broker-sec .drop-box.show { height:100%; padding:75px 120px; text-align:left; }
.broker-sec .drop-box h2 { color:#fff; font-size:22px; font-weight:bold; line-height:1.4; margin:0 }
.broker-sec .drop-box.show h2 { margin:0 0 15px; }
.broker-sec .drop-box p { color:#fff; display:none; font-size:16px; line-height:1.7; margin:0; }
.broker-sec .drop-box p span button { background-color:transparent; border:none; color:#fff; display:block; font-size:17px; font-weight:600; margin:8px 0 0; padding:0; }
.broker-sec .drop-box p span button:hover { color:var(--main-color-1); text-decoration:underline; }
.broker-sec .drop-box.show p { display:block; }

.plan-sec { background:var(--off-white-20, #F3F9FC); padding:75px 0 65px; position:relative }
.plan-sec h2 { color:#041424; font-size:60px; font-weight:bold; margin:0; }
.plan-sec .col-lg-4:last-child li:first-child { color:#505EA7; }
.plan-sec p { color:#041424; font-size:22px; font-weight:500; margin:0; }
.plan-sec li { border-bottom:2px solid var(--off-white-100, #C1DFF0); color:#041424; font-size:16px; padding:29px 0; }
.plan-sec li:first-child { color:#012F6B; font-size:22px; font-weight:bold; padding-top:0; }
.plan-sec.dd { background:none; }
.side-icon { left:0; opacity:0.3; position:absolute; top:-154px; }
.plan-sec.dd .side-icon { left:auto; opacity:0.6; right:0; top:-105px; }
.plan-sec video { object-fit:cover; }

.form-sec { background-attachment:fixed; background-image:url(../images/footer-bg.jpg) !important; background-position:top center; background-size:cover; padding:170px 0 0; }
.form-sec h2 { color:#fff; font-size:60px; font-weight:bold; margin:0; }
.form-sec p { color:#fff; font-size:20px; font-weight:500; line-height:1.7; margin:22px 0 48px; }
.form-sec form .col-lg-6:first-child { padding-right:6px; }
.form-sec form .col-lg-6:last-child { padding-left:6px; }
.in-box { position:relative; }
.box { background-color:#fff; border:none; border-radius:0; box-shadow:none; color:#000; font-size:16px; outline:none; margin:0 0 12px; padding:12px; width:100%; }
.box:focus::placeholder { color:transparent; }
.box::placeholder { color:#9C9990; opacity:1; }
.form-sec form button { font-weight:600; }
.footer-logo { border-top:1px solid var(--off-white-100, #C1DFF0); margin:150px 0 0; padding:25px 0; text-align:center; }
.form-sec .modal-content { background-color:#383838; border-radius:0; }
.form-sec .close { background-color:transparent; border:none; color:#fff; font-size:45px; font-weight:normal; line-height:1; opacity:1; outline:none; padding:0; position:absolute; right:15px; text-shadow:none; top:5px; z-index:1; }
.form-sec .modal-body { color:#fff; padding:40px 60px; }
.form-sec .modal-body h3 { font-size:40px; margin:0; }
.form-sec .modal-body p { font-size:20px; font-weight:normal; }
.in-box .wpcf7-form-control-wrap { display:block; }
.in-box .wpcf7-form-control-wrap span { bottom:-2px; display:block; font-size:12px; position:absolute; }
.footer-logo img { width:200px; }

/*.................. Home-Page-Media .................. */
@media (min-width:320px) and (max-width:767.98px){
.container { padding:0 24px; }	
header { overflow-x:hidden; }
header .col-xl-2 { position:relative; width:60%; z-index:111; }
header .col-xl-10 { width:40%; }	
.logo { margin:25px 0; position:relative;  width:140px; z-index:111; }
header .navbar-collapse + .cont-btn, .side-icon.dd { display:none; }
.cont-btn { display:block; font-size:14px; margin:35px 0 0; text-align:center; }
.main-banner { padding:30px 0; }
.main-banner h1 { font-size:46px; }
.main-banner p { font-size:20px; }
.broker-sec, .plan-sec { overflow-x:hidden; }
.broker-img img { height:550px; }
.broker-sec .drop-box { padding:24px !important; text-align:left; }
.broker-sec .container { padding:0 12px; }	
.plan-sec h2 { color:#012F6B; font-size:36px; margin:0 0 28px; }
.plan-sec p { font-size:20px; line-height:1.6; margin:0 0 45px; }
.plan-sec li { padding:18px 0; }	
.plan-sec video { height:250px !important; }
.plan-sec.dd .side-icon { top:0; width:55px; }	
.form-sec { overflow-x:hidden; padding:55px 0 0; }
.form-sec h2, .form-sec .modal-body h3 { font-size:36px; }
.form-sec form .col-lg-6 { width:50%; }
.box { font-size:14px; }
.form-sec form input.wpcf7-submit { width:100%; }
.footer-logo { margin:40px 0 0; }
.form-sec .modal-body { padding:45px 20px; }
.footer-logo img { width:170px; }
.form-sec form .wpcf7-response-output { margin:0 !important; }

.broker-img, .drop-menu.drop-box.show h2::before { display:none; }
.broker-sec .drop-box { background-image:url(../images/broker-img.jpg); background-size:cover; min-height:350px; position:unset; }
.drop-menu.drop-box.show::before { background-color:rgba(1,47,107,0.80); bottom:0; content:''; left:0; position:absolute; right:0; top:0; }
.broker-sec .drop-box h2 { bottom:0; left:0; padding:24px; position:absolute; right:0; z-index:0; font-size: 18px;}
.drop-menu.drop-box.show h2 { padding:0; position:relative; }
.broker-sec .drop-box h2::before { background-color:rgba(1,47,107,0.80); bottom:0; content:''; left:0; position:absolute; right:0; top:0; z-index:-1; }
.broker-sec .drop-box.show p { position:relative; font-size: 14px;}
	
.broker-sec .col-lg-6:last-child .drop-box { background-image:url(../images/buyer-img.jpg); }
.broker-sec .col-lg-6:last-child .drop-menu.drop-box.show::before, .broker-sec .col-lg-6:last-child .drop-box h2::before { background-color:rgba(55,67,131,0.80); }	
}

@media (min-width:320px) and (max-width:991.98px){
header .navbar-expand-md { justify-content:flex-end; padding:10px 0; }
header .navbar-expand-md .navbar-toggler { order:2; padding:0 0 0 15px; transition:box-shadow .5s ease-in-out; z-index:111; }	
header .navbar-collapse { background-color:#fff; bottom:0; left:0; padding:0 15px; position:fixed; top:0; width:100%; z-index:11; }
header .navbar-collapse:after { content:""; display:block; height:300px; }
header .collapsing { transition:all ease .3s; }
header .navbar-nav {display:block;margin-top: 135px;}
header .navbar-toggler:focus { box-shadow:none; outline:none; }
header .navbar-toggler .icon-bar { background-color:#0073B7; display:block; height:2px; margin:5px 0; outline:none; transition:all 500ms; width:25px; }
header .navbar-toggler:not(.collapsed) .icon-bar { position:relative; transition:all 300ms ease-in-out 0s; }
header .navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) { top:7px; transform:rotate(45deg); }
header .navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) { opacity:0; }
header .navbar-toggler:not(.collapsed) .icon-bar:last-child { top:-7px; transform:rotate(-45deg); }
header .navbar-expand-md .navbar-nav .nav-link { border-bottom:none; font-size:20px; font-weight:500; margin:0; padding:13px 0; }
header .navbar-nav .nav-link:hover { color:var(--main-color); }
.plan-sec .col-lg-4:first-child { order:2; }
.plan-sec .col-lg-4:last-child { order:3; }
.plan-sec li:first-child { padding-top:20px; }
.plan-sec .col-lg-4 p { margin:0; }
.broker-sec [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body .broker-sec [data-aos-delay="1500"] [data-aos].aos-animate { transition-delay:.5s; }
.broker-sec [data-aos][data-aos][data-aos-duration="1500"], body .broker-sec [data-aos-duration="1500"] [data-aos] { transition-duration:.5s; }
}

@media (min-width:768px){
.container { max-width:90%; }
.logo { width:100%; }
header .navbar-collapse .cont-btn { display:none; }
.plan-sec .col-lg-6 { margin:0 0 60px; }
.form-sec .modal-dialog { max-width:750px; }
.form-sec form .wpcf7-response-output { margin:25px 0 0 !important; }	
}

@media (min-width:768px) and (max-width:991.98px){
.logo { position:relative; width:200px; z-index:111; }
header .navbar-expand-md .navbar-collapse { display:none !important; }
header .navbar-expand-md .navbar-toggler, header .navbar-expand-md .navbar-collapse.show { display:block !important; }
header .navbar-expand-md .navbar-nav .dropdown-menu { position:relative; }
.main-banner h1 { font-size:60px; }
.plan-sec h2 { font-size:35px; }
.plan-sec p { font-size:16px; }
.form-sec h2 { font-size:45px; }
.form-sec p { font-size:18px; }
.side-icon { width:45px; }
}

@media (min-width:992px){	
header .navbar-collapse { justify-content:center; }
header .navbar-expand-md .navbar-nav .nav-link:hover { border-bottom:4px solid var(--main-color-1); }
header .navbar-expand-md .navbar-nav .nav-link:focus { border-bottom:4px solid var(--main-color-1); color:var(--main-color-1); }
.form-sec .modal-dialog { max-width:850px; }
}

@media (min-width:992px) and (max-width:1199.98px){
header .navbar-expand-md .navbar-nav .nav-link { margin:0 10px; }
.main-banner h1 { font-size:70px; }	
.broker-sec .drop-box.show { padding:25px 40px; }
.broker-img img { height:415px; }
.plan-sec h2 { font-size:38px; }
.side-icon { width:50px; }
}

@media (min-width:1200px) and (max-width:1450.98px){
.broker-sec .drop-box.show { padding:70px; }
.broker-img img { height:430px; }
}

/* Hero Section Images */
.broker-sec .drop-box {
  padding: 35px 55px;
  text-align: left;
}
.broker-sec .drop-box h2 {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.broker-sec .drop-box h2 i {
  font-size: 17px;
}
.broker-sec .drop-box.show h2 i {
  transform: rotate(90deg);
}
.broker-sec .drop-box p span button i {
  background-color: #fff;
  border-radius: 50%;
  color: var(--main-color-1);
  font-size: 14px;
  height: 25px;
  padding: 6px 2px 0 0;
  text-align: center;
  width: 25px;
}
/*Hero Section Images End*/