/* Theme Name : ALM Description : Custom Design Design URL : https://webseeks.com/ Design by : WS Team Version : ALM V-1 */ /* jost */ @import url('https://fonts.googleapis.com/css2?family=Jost:wght@100..900&display=swap'); /* jost */ @import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;700&display=swap'); /* RESET */ *{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; padding: 0;} :root { --primary-color:#fdbc69; --secondary-color:#fdbc69; --primary-bg: #b98138; --secondary-bg: #b98138; --breadcrumb-bg: #faf4f4; --footer-bg: #292929; --footer-color: #fff; --primary-btn-bg: #07133B; --primary-btn-color: #FFFFFF; --primary-btn-hover-bg: #FFFFFF; --primary-btn-hover-color: #000000; --primary-btn-hover-border: #1a8be6; --secondary-btn-bg: #FFFFFF; --secondary-btn-color: #1a8be6; --secondary-btn-hover-bg: #1a8be6; --secondary-btn-hover-color: #FFFFFF; --secondary-btn-border: #1a8be6; --specific-btn-bg: #1a8be6; --specific-btn-color: #FFFFFF; --specific-btn-hover-bg: #FFFFFF; --specific-btn-hover-color: #000000; --specific-btn-border: #1a8be6; --primary-link-color: #000000; --primary-link-hover-color: #1a8be6; --bg-white-color: #FFFFFF; } body{ font-family: 'Inter', 'sans-serif'; font-size: 15px; font-weight: normal; color: black; background-color: #fff; line-height: 24px; } p{ font-family: 'Inter', 'sans-serif';} a{color: var(--secondary-btn-color);} .main-inner-sect{ height: unset; padding: 0px 0;} .whiteBg {background: var(--bg-white-color)} .white-shadow-box { padding: 30px !important; box-shadow: 2px 0px 17px rgba(255, 0, 15, 0.15); border-radius: 12px; margin: 0 auto; width: 100%; min-height: 355px; background: #ffffff;} .btn { font-size: 15px; font-weight: 500; text-transform: uppercase; font-family: 'Jost'; padding: 10px 15px; min-width: 120px;} .hide {display: none !important;} .padingTo_Bo { padding: 55px 0; } .cpbottom { padding: 0 0 55px; } /* Header And Navigation */ .scrolling #navHeader {box-shadow: 0 2px 4px rgb(10 102 177 / 20%);} .mainheader { position: sticky; top: 0; z-index: 999; width: 100%; background-color: #ffffff; transition: all .2s; padding: 0; } .header_row .navbar { margin: 0; padding: 0; } .header_row .navbar .navbar-brand .img-fluid, .logoImg { max-width: 250px !important; } .header_row .navbar-nav .nav-item .nav-link { font-size: 16px; font-weight: 600; color: #000; padding: 25px 12px; margin-right: 8px;} .header_row .navbar-nav .nav-item:hover .nav-link { color: var(--primary-link-hover-color); } .header_row .navbar-nav .nav-item.dropdown .dropdown-menu { background: #FFFFFF; border: none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); min-width: 280px; margin: 0; padding: 0; border-radius: 0px; overflow: hidden; border-top: 3px solid #00b5ff; } .header_row .navbar-nav .nav-item.dropdown .dropdown-menu li a { display: block; font-weight: 600; text-decoration: none; color: #000000; font-size: 15px; padding: 10px; border-bottom: 1px solid #f1f1f1; transition: 0.3s ease;} .header_row .navbar-nav .nav-item.dropdown .dropdown-menu li:hover a { color: var(--secondary-btn-color); transition: .3s ease;} .rightheader { display: flex; align-items: center; } .callphone { display: flex; align-items: center;} .callphone>div strong { display: block; line-height: 1.3; } nav.navbar.navbar-expand-lg.navbar-light div#navsidopen .offcanvas-body { margin-left: auto; margin-right: 25px;} .top-header-bar { background: #000000; padding: 8px 0;} .top-header-bar .openTime { display: flex; align-items: center; font-size: 14px; color: #FFFFFF; line-height: 24px; } .top-header-bar i { padding-right: 5px; color: #FFFFFF; font-size: 16px; max-width: 25px; } .logo-img {height: 60px;} .top-header-bar a { font-size: 14px; color: #FFFFFF; text-decoration: none; line-height: 24px; transition: 0.3s ease;} .top-header-bar a:hover{color: #D1D1D1; transition: 0.3s ease;} .topAddress { margin-right: 30px; } .accountMenuBtn {color: #000;font-weight: bold;padding: 10px 15px;min-width: 60px;background: transparent;border-color: #000;} .accountMenuBtn:hover { background: var(--secondary-btn-hover-bg); border-color: #0a66b1; color: #FFFFFF; transition: 0.3s ease;} .myAccountMenu .dropdown-menu[data-bs-popper]{right: 0; left: inherit;} /* Hero Slider CSS */ .banner { background: linear-gradient(180deg, #0F78CE 0%, #054477 100%); padding: 40px 0 0; } .homeslider h2 { font-size: 32px; color: #FFFFFF; line-height: 50px; font-weight: 400;} .slideCaption h3 { font-size: 26px; font-weight: 500; color: #FFFFFF; margin-bottom: 20px;} .navbar-anchor::after { content: ""; position: absolute; border: solid #052f5f; border-width: 0 2px 2px 0; padding: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 8px; margin-left: 9px; -webkit-transition: all .3s; transition: all .3s; } .navbar-anchor:hover::after { border-color: var(--secondary-btn-color); margin-top: 10px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .homeslider h2 strong { display: block; margin: 0 0px 15px; font-size: 42px; font-weight: 700; color: #FFFFFF;} .slideCaption p { font-size: 16px; color: #FFFFFF; font-weight: 400; line-height: 21px; margin-bottom: 25px; } .btn.border-btn {background: var(--secondary-btn-bg); border: 1px solid var(--secondary-btn-border); color: var(--secondary-btn-color);} .btn.transparent-btn { background: transparent; border: 1px solid #FFF; color: #FFF; transition: 0.3s ease; } .btn.transparent-btn:hover { background: #FFF; color: #000; transition: 0.3s ease; } .btn.border-btn:hover {background: var(--secondary-btn-hover-bg); color: var(--secondary-btn-hover-color); border-color: var(--secondary-btn-border); transition: all 0.3s linear;} .btn.colorbtn:hover { background: var(--specific-btn-hover-bg); color: var(--specific-btn-hover-color); border-color: var(--specific-btn-border); transition: all 0.3s linear; } .btn.colorbtn { background: var(--specific-btn-bg); color: var(--specific-btn-color); border: 1px solid var(--specific-btn-border); } .btn.dark-btn { background: var(--primary-btn-bg); color: var(--primary-btn-color);} .btn.dark-btn:hover { background: var(--primary-btn-hover-bg); color: var(--primary-btn-hover-color); border-color: var(--primary-btn-hover-border); transition: all 0.3s linear;} .homeslider { width: 100%; padding: 150px 0 60px; margin: -110px 0 0 !important;} .homeslider .slideCaption a:not(:last-child) {margin-right: 10px;} #carouselExampleCaptions .carousel-indicators .active{background-color: #FFFFFF;} #carouselExampleCaptions .carousel-indicators button {background-color: #FFFFFF; margin-left: 8px; font-size: 24px;} .homesliderimg {height: 403px;} .homeslider .slideCaption { max-width: 630px; min-height: 380px;} .slideImg img { width: auto !important; max-height: 350px; object-fit: cover; object-position: center;} /* Home css */ /* Our Services */ .services_bottom a i { color: var(--secondary-btn-color); } .services_bottom a { font-size: 18px; color: #000; line-height: 25px; text-decoration: none; display: block; margin: 24px 0 0; font-weight: 500; } .services_bottom a span {color: var(--secondary-btn-color);font-weight: 600;} .serviceListItem {width: 100%; background: #FFFFFF; display: inline-block; text-decoration: none; padding: 30px 20px; margin: 20px 0 0; border: 1px solid #F0F0F0; box-shadow:0 2px 30px rgb(167 198 223 / 38%); transition: 0.3s ease; text-align: center; position: relative; border-radius: 5px; } .thumbnailImageBox img { max-width: 100%; object-fit: cover; position: relative; z-index: 1;} .serviceListItem:hover {transition: 0.3s ease; transform: translateY(-10px); } .serviceListItem h2 { font-size: 20px; color: #000000; font-weight: 600; margin: 0 0 12px; } .serviceListItem a{text-decoration: none;} .serviceListItem .serviceDesc { font-size: 15px; color: #000000; font-weight: 400; line-height: 26px;} .serviceListItem .thumbnailImageBox { width: 70px; height: 70px; padding: 15px; background: #FBEFEF; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; border-radius: 4px; position: relative;} .serviceListItem .btn.border-btn {margin-top: 15px;} .serviceListItem:hover .serviceDesc { transition: all 0.3s; overflow: hidden;} .serviceListItem:hover .btn.border-btn {transition: all 0.3s; } /* animation */ .serviceListItem .thumbnailImageBox:after { content: ""; width: 25px; height: 25px; position: absolute; right: 0px; bottom: 0px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .serviceListItem:hover .thumbnailImageBox:after { bottom: 0; right: 0; background: rgb(255 0 0 / 49%); width: 100%; height: 100%; transition: all 0.5s ease; border-radius: 4px; } /* *Our Products* */ .our_products { padding: 60px 0;} .submitSlide .comparechosebox { box-shadow: inherit; border-bottom: 2px solid #F0F0F0; margin: 20px 10px 0; } /***** HOW IT WORKS ****/ .application-card { position: relative; z-index: 1; } .workhow_col { width: 100%; background: #FFFFFF; box-shadow: 0px 4px 8px 4px rgb(0 0 0 / 10%); padding: 20px 10px; margin: 12px 0; display: inline-block; transition: 0.5s; } .workhow_col:hover { transform: translateY(15px); transition: 0.5s;} .workhow_col .img-fluid { height: 144px; margin: 0 auto 15px; display: block; } .workhow_col h3 { font-size: 22px; color: #000000; font-weight: 700; margin: 0 0 13px; text-align: center; } .workhow_col p { font-size: 16px; font-weight: 400; line-height: 24px; text-align: center; } .fa-solid.fa-arrow-right {font-size: 15px;padding-left: 5px;} .left-dot-img { position: absolute;left: -22px; top: -8px; } .howorktab { position: relative; } /** Service Hero Page Bread Section **/ .bread-section { position: relative; overflow: hidden;} .breadcrumb-bg { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 1; object-fit: cover;} .bread-section .container { position: relative; z-index: 2;} .breadcrumb-caption{position:relative; text-align:center; max-width: 80%; padding: 50px 0 100px; margin: auto;} .bread-section .breadcrumb { position: absolute; bottom: 5px; } .bread-section .breadcrumb { margin-bottom: 0px;} .breadcrumb-caption .cpationDesc { font-size: 15px; font-weight: 400; line-height: 21px; color: #fff;} .bread-section:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgb(0 11 19 / 60%); z-index: 1; } .breadcrumb-caption h1 { font-size: 42px; color: #fff; line-height: 50px; } /* * Service Page Service Body * */ .service_body { padding: 50px 0; } .widgetBox h2 {font-size: 28px;font-weight: 600;color: #000000;position: relative;padding: 0 0 15px;margin-bottom: 15px;} .widgetBox ul li { list-style: none; padding: 10px 0; width: 100%; display: inline-flex; color: #000000; font-weight: 500;} .widgetBox ul { padding: 0; margin: 0;} .widgetBox ul li a { font-size: 16px; line-height: 30px; font-weight: 500; color: #000000; text-decoration: none; display: inline-flex; transition: all 0.1s linear;} .widgetBox { box-shadow: 0 0 7px 0 rgb(134 158 178 / 40%); background: #FFFFFF; padding: 15px;} .widgetBox:not(:last-child) {margin-bottom: 25px;} .widgetBox ul li:not(:last-child) { border-bottom: 1px solid #E4E4E4; } .widgetBox ul li i { font-size: 18px; width: 20px; height: 20px; margin-right: 8px; margin-top: 5px; } .widgetBox ul li img { width: 20px; height: 20px; margin-right: 8px; } .widgetBox h2:after {content: '';background-image: url(../img/line-thow.png);position: absolute;width: 62px;height: 4px;left: 0;bottom: 0;} .ajaxBox .form-control::-moz-placeholder { color: #151515; opacity: 1; } .ajaxBox .form-control:-ms-input-placeholder { color: #151515; opacity: 1; } .ajaxBox .form-control::-webkit-input-placeholder { color: #151515; opacity: 1; } .widgetBox #cont-form {margin-top: 8px;} .primary-content h2 { font-size: 24px; font-weight: 600; margin-bottom: 10px; line-height: 30px; } .primary-content ul li, .disclosure li { list-style-type: disclosure-closed; font-size: 16px; font-weight: 400; line-height: 24px; color: #000000; margin-top: 10px; } .widgetBox .sideSocial li { border-bottom: inherit !important; } body.Service .primary-content a { font-weight: 600; text-decoration: none; } body.Service .primary-content a:hover { text-decoration: underline; } /* Why ALM Tax Consultant L.L.C */ section.ourGoal-section { background: linear-gradient(180deg, rgba(255, 255, 255, 1) 22%, rgba(237, 247, 255, 0.2) 69.79%, rgba(237, 247, 255, 1) 100%); position: relative; background-attachment: fixed !important; } .ourGoal-section .headingpara { margin-bottom: 25px; } .headingpara h2 { font-weight: bold; color: #000000; font-size: 36px; margin: 0 0 7px; } .headingpara p { margin: 0 auto 16px; max-width: 80%; color: #000000; } .choose-buton {margin-top: 35px;} .text_box h3 { font-size: 18px; position: relative; font-weight: 600; color: #000000; padding-bottom: 10px; margin-bottom: 15px;} .text_box h3::after { position: absolute; content: ""; left: 0px; bottom: 0px; width: 30px; height: 2px; background: var(--secondary-btn-color); } .ourGoal-section .text_box { margin-bottom: 25px; padding: 10px; position: relative; } .text_box p { font-size: 16px; line-height: 24px; color: #000000; margin: 0; max-width: 500px;} .text_box span.icon {display: block; margin: 0px 0px 15px;} .why-img{height: 60px;} .ourGoal-section .llc_left {text-align: center;} .ourGoal-section .llc_left a {margin-top: 25px;} .ourGoal-section:after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0;} .ourGoal-section .container { position: relative; z-index: 2; } /* Testimonials Slide Sec */ .homeclient_sec { background: linear-gradient(45deg, rgb(226 165 169 / 15%), 15%, transparent 100%);} .testi_bgc {width: 100%; background-image: url(/assets/frontend/img/testimonials-bg.png); background-repeat: no-repeat; background-position: center; background-size: auto; background-attachment:fixed} .clientslider .item { padding: 0 10px; } .client_col { width: 100%; background: #FFFFFF; border: 0.5px solid #EEEEEE; padding: 20px 20px; border-radius: 4px; position: relative; z-index: 1; box-shadow: 0 2px 8px rgb(151 151 151 / 30%); } .client_col:after { content: ''; background: url(../img/clientquote.png) no-repeat center top; width: 87px; height: 66px; position: absolute; bottom: 35px; right: 30px; z-index: -1; } .client_topbox { display: flex; align-items: center; margin: 0 0 15px; } .client_topbox .img-fluid { width: 70px; height: 70px; object-fit: cover; margin-right: 12px; border-radius: 50%;} .clientname h3 { font-size: 18px; color: #2497F0; margin: 0 0 7px; } .clientname h4 { color: #000000; font-size: 14px; font-weight: 500; margin: 0; } .clientdata { min-height: 150px; overflow: hidden; overflow-y: auto; } .clientdata::-webkit-scrollbar { width: 6px; border-radius: 10px; } .clientdata::-webkit-scrollbar-track { background: #c1bebe; border-radius: 10px; } .clientdata::-webkit-scrollbar-thumb { background: #0a66b1; border-radius: 10px; } .clientdata p {font-size: 16px; line-height: 28px; font-weight: 400; font-style: italic; } /* Testimonials Slider */ .clientslider .slick-arrow { width: 40px; height: 40px; border-radius: 15px; background: #0a66b1; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); z-index: 1; } .clientslider .slick-prev::before { content: '\f104'; font-family: "Font Awesome 6 free"; font-weight: 900; } .clientslider .slick-next::before { content: '\f105'; font-family: "Font Awesome 6 free"; font-weight: 900; } /* *Ellipse Img* */ img.ellipse_1_img { position: absolute; top: 0; right: 0; width: 466px; height: 466px; z-index: -1; } img.ellipse_2_img { position: absolute; left: 0; top: 70px; z-index: -1;} /* Inner Page Css && Our Goals sec */ .goals_about_sec {background: rgb(235 235 235 / 50%);} .our_goals_box_img img { max-width: 100%; } .headingpara h3 { font-size: 32px; font-weight: bold; color: #000000; } .right_about_con p { margin-bottom: 15px; margin-left: 0px; } .goals_about_sec .border-btn { margin-top: 20px; } /* Blog Css */ .blogListSec { padding: 20px 0; background: #F5F5F5;} .blogDetailSec { padding: 20px 0;} .BlogImageBox a img { width: 100%; object-fit: cover; object-position: center; height: 240px;} .blogList h3 a { font-size: 18px; line-height: 25px; color: #000000; text-decoration: none; font-weight: 500; } .blogList h3 a:hover { color: var(--primary-link-hover-color);} .read_more { color: var(--secondary-btn-color); font-size: 15px; line-height: 21px; font-weight: 500; text-decoration: none; transition: 0.3s ease;} .read_more:hover {text-decoration: underline;transition: .3s ease;} .read_more:hover + i { color: var(--primary-btn-bg); transition: all 0.3s; margin-left: 5px;} .homeBlogList .wrap_desc { border: 1px solid #E3E3E3; padding: 15px; } .homeBlogList { background: linear-gradient(180deg, #F4FAFF, transparent);} .wrap_desc .shortDesc {padding: 10px 0 15px; min-height: 144px;} .homeBlogList .row .col-md-4 {margin-top: 25px;} .fa-solid.fa-angles-right { font-size: 10px; color: var(--secondary-btn-color); transition: all 0.3s;} .blogListSec .breadcrumb > li > a { color: #0b0b0b; } .blogListSec .breadcrumb>.active{color: #0b0b0b;} .blogDetailSec .breadcrumb > li > a { color: #000; } .blogDetailSec .breadcrumb>.active{color: #0b0b0b;} .BlogSidebar .categoryList li {display: block;} .BlogSidebar ul ul { padding-left: 25px; } .BlogSidebar ul ul li { padding: 0 0 8px; } .categoryList > li:before { content: '\f054'; font-family: 'FontAwesome'; font-size: 12px; color: #000; padding-right: 5px; } .BlogSidebar ul ul li:before { content: '\f068'; font-family: 'FontAwesome'; font-size: 12px; padding-right: 5px; } .widgetBox ul li a:hover { color: var(--primary-link-hover-color); transition: all 0.1s linear; } .continueReading { background-color: var(--primary-btn-bg) !important; font-weight: 300; color: #fff; border-radius: 5px; font-size: 13px; letter-spacing: 0.2em; padding: 10px 80px 10px 18px; display: inline-block; text-transform: uppercase; text-decoration: none; background: url(../img/btn-stroke-white.png) no-repeat 125px 22px; transition: 0.3s ease;} .continueReading:hover { background-color: var(--secondary-btn-color) !important; transition: 0.3s ease;} .BlogList { padding: 25px 20px 35px 20px; background: #FFFFFF; border-radius: 7px; margin-bottom:25px;} .main-inner-sect .BlogImageBox img { width:auto;max-height:484px; height: auto; border-radius: 5px; box-shadow: 0 0 1px rgb(0 0 0 / 50%);} /* new end */ .BlogTitle h1 { position: relative; line-height: 42px; font-size: 34px; color: #000000; text-transform: capitalize; font-weight: 600; margin:0; letter-spacing: 1px;} .BlogDesc .title a { font-size: 24px; text-decoration: none; color: #000000; line-height: 30px; display: block; } .BlogDesc .title a:hover { color: var(--secondary-btn-color); transition: all 0.2s linear;} .blog-title-cont .quote-blog {background-repeat: no-repeat; display: block; padding-left: 100px; background-size: 45px;} .blog-section .BlogImageBox {padding: 0; border: none;} .BlogDesc- p {font-size: 15px; margin-bottom: 15px; } .BlogDesc h2 { font-size: 24px; line-height: 30px; color: #000000; margin: 0 0 15px; font-weight: 600;} .blogInnerSubPage .common-page-content h3 {font-size: 22px; color: #000000; line-height: 28px; margin: 10px 0; } .blogInnerSubPage .common-page-content h4{font-size: 20px; color: #000000; line-height: 27px; margin: 10px 0; } .common-page-content a{font-size: 15px; color: #000000; text-decoration: none;} .common-page-content strong a{font-size: 20px; color: #000000;} .blogMetaData { display: flex; flex-wrap: wrap; margin:12px 0; } .metaItm strong {font-weight: 700; } .metaItm{font-size: 14px; font-weight: 500; margin-right: 10px;} .metaItm a {text-decoration: none; color: #000; } .metaItm a:hover {color: var(--secondary-btn-color);} .BlogDesc .shortDesc {font-size: 16px;font-weight: 300;text-transform: none; color: #000000;margin: 0 0 18px;font-weight: 400;} /* Inner Bolg */ .blogInnerSubPage h2 { font-size: 24px; color: #000000; line-height: 30px; margin-bottom: 15px;} .metaItm a:not(:last-child) {border-right: 1px solid #ccc;padding: 0 5px 0 0px;} .blogDetailSec h1 {font-size: 24px; line-height: 30px; color: #000000; margin: 15px 0; font-weight: 600;} .common-page-content p {font-size: 16px;font-weight: 300;text-transform: none; margin: 0 0 18px; font-weight: 400;} /* Footer css */ .footer { width: 100%; background: rgb(234 233 233 / 33%); padding: 0; } .topfooter .row { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 30px; } .topfooter .col-lg-3.cl-md-6.col-sm-6:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, 0.1); } .footercard { text-align: center; max-width: 245px; padding: 15px 0; margin: 0 auto; } .footercard i, .footercard svg { color: #fff; font-size: 44px; margin: 0 0 20px; height: 1em; } .footercard p, .footercard span { color: #B3B3B3; margin: 0; font-size: 14px; } .footercontent p { max-width: 340px;} .footercard a { display: block; color: #B3B3B3; text-decoration: none; font-size: 15px; } .middlefooter { width: 100%; padding: 30px 0; } .footrheading { color: #000000; text-transform: uppercase; font-size: 20px; margin: 0 0 18px; line-height: 27px; text-decoration: none; } .footercontent p { color: #000000; font-size: 14px; margin: 0; font-weight: 450;} .bottomfooter p {color: #FFFFFF; font-size: 15px; margin: 0;} .footermenu { margin: 0; padding: 0; list-style: none; color: #fff; } .location_menu li { display: flex; padding: 8px 0 !important; color: #000000; font-weight: 450;} .footermenu li a { color: #000000; font-size: 14px; text-decoration: none; display: inline-block; line-height: 23px; font-weight: 450;} .appfooter a .img-fluid { max-width: 140px; } .footercard a:hover, .footermenu li a:hover{ color: var(--primary-link-hover-color); transition: .3s; } .bottomfooter { width: 100%; padding: 7px 0; text-align: center; border-top: 1px solid #cdcdcd; background: #000000;} .footrheading img.img-fluid { height: 60px; margin: 0px 0px 8px; } ul.footermenu li { padding: 5px 0 0; } .location_menu{margin-top: 15px;} .footermenu.location_menu span i { font-size: 16px; margin-right: 8px; width: 20px; height: 20px; color: #262626; text-align: center; } .footermenu.location_menu span img { width: 20px; height: 20px; margin-right: 8px; } .btn_light_blue { background: var( --secondary-btn-color); min-width: 63px; } .btn_light_blue:hover {background: var(--primary-btn-bg);} .socialicon_list ul { padding: 0; margin: 0;} .subcribe_right p { font-size: 15px; color: #B3B3B3; max-width: 294px; line-height: 21px; margin: 20px 0 15px; } .subcribe_right .form-control { color: #B3B3B3 !important;} .subcribe_right .form-control { background: transparent; border: 1px solid #787878; border-right: none; color: #B3B3B3; } .middlefooter .ajaxBox .form-control::-moz-placeholder { color: #B3B3B3; opacity: 1; } .middlefooter .ajaxBox .form-control:-ms-input-placeholder { color: #B3B3B3; opacity: 1; } .middlefooter .ajaxBox .form-control::-webkit-input-placeholder { color: #B3B3B3; opacity: 1; } /* Contact Us Sec */ .contact-icons {color: black; height: 1em; max-width: 20px;} .socialicon_list { margin: 0; padding: 10px 0 0; list-style: none; } .socialicon_list li { display: inline-block; vertical-align: middle; padding-right: 8px;} .socialicon_list ul li a { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; background: #FFFFFF; color: #fff; border-radius: 50%; text-decoration: none; position: relative; overflow: hidden; border: 2px solid #FFFFFF; font-size: 20px; box-shadow: 0 0 4px #00000057;} /* */ .socialicon_list ul li a .icon { position: relative; color: #262626; transition: .5s; z-index: 3; } .socialicon_list ul li a:hover .icon { color: #fff; transform: rotateY(360deg); } .socialicon_list ul li a:before { content: ""; position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: #146ba2; transition: .5s; z-index: 2; } .socialicon_list ul li a:hover:before {top: 0;} .socialicon_list ul li:nth-child(2) a:before {background: #0077b5;} .socialicon_list ul li:nth-child(1) a:before{ background: #3b5999;} .breadcrumb { margin-bottom: 20px;} #cont-form input[type="file"]::file-selector-button{padding:5px 10px;} /* ** */ .left-contact-cont ul li { list-style: none; padding: 10px 0; width: 100%; display: inline-flex;} .left-contact-cont ul li a { font-size: 16px; line-height: 25px; font-weight: 500; color: #000000; text-decoration: none;transition: 0.3s ease; } .left-contact-cont ul li a:hover { color: var(--primary-link-hover-color); transition: 0.3s ease;} .left-contact-cont ul li i { font-size: 18px; width: 20px; height: 20px; margin-right: 8px; margin-top: 5px; } .left-contact-cont ul { padding: 0; margin: 0;} .left-contact-cont { padding: 0 20px; height: 100%; margin-left: 10%;} .ajaxBox .form-control, .form-select, textarea { border-color: #e1e1e1; padding: 7px 12px; margin-bottom: 0px; color: #212529; font-size: 16px; font-weight: 400; border-radius: 4px; box-shadow: none;} .contact_heading { font-size: 24px; font-weight: 500; line-height: 30px; padding-bottom: 15px; margin-bottom: 15px; position: relative; } .right_form_box p { font-size: 14px; color: #000; } .contact_heading:after { content: ''; background-image: url(../img/line-thow.png); position: absolute; width: 62px; height: 4px; left: 0; bottom: 0; } .map_location iframe { width: 100%; height: 300px; display: block; margin: auto; } .select2-container--default .select2-selection--multiple{border-color: #e1e1e1;} /*Captcha Box */ .captchaBox button:hover{background-color: none;} .c-cap img { width: auto; } .captchaBox img {width: 110px; height: 35px; padding-right: 10px;} .captchaBox { display: flex; align-items: center;} .col-6.captchaBox {padding-right: 0;} .fa-solid.fa-arrows-rotate { width: 35px; height: 35px; display: flex; align-items: center; justify-content: center;font-size: 18px; color: #fff; } .btncapRefresh { float: right; padding: 0; border: none; background: var(--specific-btn-bg);} .btncapRefresh.start i { position: relative; animation: fre 2s linear infinite forwards; } @keyframes fre{ 0%{transform: rotate(0deg)} 100%{transform: rotate(360deg) } } /* Mission */ .about-mvbox {padding: 55px 0 0;} .ourMission { background: linear-gradient(180deg, #00C2FF 0%, #2989DA 58%, #087AD8 100%); position: relative;} .ourVision{ background: linear-gradient(180deg, #00C2FF 0%, #2989DA 58%, #087AD8 100%); position: relative;} .about-mvbox .row, .about-mvbox .col { padding: 0; margin: 0; } .ocmv-box h2 { font-size: 32px; font-weight: bold; color: #FFF; position: relative; padding-bottom: 40px;} .ocmv-box p { color: #FFF; text-align: justify; } .ocmv-box { padding: 65px 0px;} .omv-img img { width: 100%; object-fit: cover; object-position: center; } .bwhite:after { content: ''; position: absolute; width: 100px; height: 3px; left: 0; bottom: 20px; background: #FFF; display: block; } .exp-desc h3 { font-size: 20px; font-weight: 600; } .exp-desc p { color: #787878; } /* */ .omv-right-img { position: absolute; top: 0; right: 0; width: 50%; height: 100%; object-fit: cover; } .omv-left-img { position: absolute; left: 0; top: 0; width: 50%; height: 100%; object-fit: cover; } .rightocmv { padding-left: 40px;} .lefttocmv {width: 50%; padding-right: 40px;} .listing-solution .exp-img { width: 100px; padding-right: 15px; flex: 0 0 75px;} .listing-solution .exp-img img { width: 100%; object-fit: cover; } .listing-solution {margin-top: 40px; flex: 0 0 50%; display: flex;} .flex-row-box .listing-solution:nth-child(odd) { padding-right: 30px; } /* About Sec */ #navHeader .myAccountMenu {margin-left: 14px;} .myAccountMenu ul li a { display: block; text-decoration: none; color: #000000; font-size: 15px; padding: 5px 10px;} .myAccountMenu ul li:not(:last-child) { border-bottom: 1px solid #f1f1f1; } .myAccountMenu ul li a:hover { color: var(--primary-link-hover-color); } .login-page{ padding:50px 0; } .login-page h2 {font-size: 24px; text-align:center; margin-bottom: 25px; color: #000000;} .login-page form .form-control { font-size:16px; line-height: 22px; color: #000000; font-weight: 400; height: 45px; padding: 5px 15px; box-shadow: none; border: 1px solid rgb(204 204 204 / 20%); border-radius:4px;} .login-page button.btn { display: inline-block; border-radius: 5px; font-size: 14px; padding: 6px 20px; letter-spacing: 0.6px;} .login-page label{ font-size: 14px; line-height: 20px; color: #000000; margin-bottom: 4px; padding-left:3px; } .login-page .form-check label{ color: #000000; font-size: 14px; margin: 4px 0;} .login-page .form-check{ padding-left:5px!important; display: inline-flex;} .login-page input ::-webkit-input-placeholder {color:#000; } .login-page input :-moz-placeholder {color:#000; opacity: 0.9; } .login-page input ::-moz-placeholder { color:#000; opacity: 0.9; } .login-page input :-ms-input-placeholder {color:#000; } .login-page input ::-ms-input-placeholder {color:#000;} .login-page .formSiLink a {color: #000000; font-size: 14px; clear: both; display:block; text-decoration: none;} .login-page .formSiLink a:hover { color: #b98138;} #cont-form input::placeholder{color: #151515 ;} /*Signup-Page*/ .login-page.signup-page input ::-webkit-input-placeholder {color:#7d7d7d; } .login-page.signup-page input :-moz-placeholder {color:#7d7d7d; opacity: 0.9; } .login-page.signup-page input ::-moz-placeholder {color:#7d7d7d; opacity: 0.9; } .login-page.signup-page input :-ms-input-placeholder {color:#7d7d7d; } .login-page.signup-page input ::-ms-input-placeholder {color:#7d7d7d;} /* Become A Partner */ .login-page .AjaxRespond { text-align: center; font-size: 1.4rem; } .formBox h2 {color: black; font-weight: 700; font-size: 32px; line-height: 40px; text-align: center; padding: 0 0 25px 0; margin: 0;} .association-register-form .form-control[type=file] { margin-top: -8px; } /** Custom Developer Css*/ .cust-form {padding: 40px 25px 40px; background: #FFFFFF; box-shadow: 0 2px 8px rgb(226 163 163 / 50%); border-radius: 15px;} .form-box-s{ max-width: 350px; margin: 30px auto;} .form-box-m { max-width: 560px; margin: 30px auto;} .form-check input[type="radio"] {margin: 5px 0 5px 5px;} .border_line:after { content: ''; position: absolute; width: 120px; border: 1px solid var(--secondary-btn-color); bottom: 0px; left: 50%; transform: translateX(-50%); } .border_line { position: relative; padding-bottom: 10px; } .login-page .AjaxRespond { text-align: center; font-size: 14px; color: green; font-weight: 600; } .AjaxRespond.alert-danger { color: var(--secondary-btn-color); font-weight: 400; } /* Breadcrumb */ .breadcrumb>.active { color: #FFFFFF; font-size: 17px; font-weight: 400; } .breadcrumb>.active > a{ color: #FFFFFF; font-size: 17px; font-weight: 400; } .breadcrumb > li > a { color: #FFFFFF; font-size: 17px; font-weight: 500; text-decoration: none;} .bread-section .breadcrumb-item+.breadcrumb-item::before{content: '\f101'; font-family: 'FontAwesome'; font-size: 12px; float: inherit; color: #FFFFFF;} span.file_error {color: var(--secondary-btn-color); } /* 404 Page */ .page_404 { display: flex; align-items: center; justify-content: center; height: 100vh; } .pageNotFound { display: flex; align-items: center; justify-content: center; } .four_zero_four_bg h1 { font-size: 20px; color: #a0aec0; font-weight: 400; margin: 0; padding-right: 10px; } .contant_box_404 a { font-size: 16px; font-weight: 300; color: #a0aec0; text-decoration: none; border-left: 1px solid #ccc; padding-left: 10px; letter-spacing:0.03em;} form .form-group .input-error { border: 1px solid !important; border-color: var(--secondary-btn-color) !important; color: var(--secondary-btn-color) !important; } /* Admin Login Error message css */ .admin_status_error { padding: 0px 42px 0px 35px; } .alert-border-radius { border-radius: 12px !important; } /* Spinner loading css * */ .spinner-container { width: 65px; height: 65px; margin: 0 auto; position: absolute; left: 50%; top: 50%; transform: -50%, -50% } .spinner-container .spinner { animation: rotator 1.4s linear infinite; display: none; } .spinner-container .spinner span { font-size: 12px; display: inline-block; padding-top: 10px } .spinner-container .path { stroke-dasharray: 187; stroke-dashoffset: 0; transform-origin: center; animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite } @keyframes rotator { 0% { transform: rotate(0deg) } 100% { transform: rotate(270deg) } } @keyframes colors { 0% { stroke: #f24a5a } 25% { stroke: #f24a5a } 50% { stroke: #13aea7 } 75% { stroke: #f24a5a } 100% { stroke: #13aea7 } } @keyframes dash { 0% { stroke-dashoffset: 187 } 50% { stroke-dashoffset: 46.75; transform: rotate(135deg) } 100% { stroke-dashoffset: 187; transform: rotate(450deg) } } /* loading-spinner */ .loading-message.loading-message-boxed { border: 1px solid #ddd; background-color: #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, .1); box-shadow: 0 1px 8px rgba(0, 0, 0, .1); } .loading-message { display: inline-block; padding: 10px; margin: 0 auto; color: #000 !important; font-size: 13px; font-weight: 400; text-align: center; } .loading-message, .page-loading { min-width: 125px; vertical-align: middle; } .loading-message>span { line-height: 20px; vertical-align: middle; } /* End Here */ .linklist-item>span { color: white; border-bottom: 1px solid white; } .linklist-item>a { color: lightgray; font-size: 12px; } .linklist-item>a:hover { color: wheat; } .links-list { width: 100%; display: flex; flex-flow: row; justify-content: space-evenly; padding-top: 30px; } .links { height: 270px; width: 100%; background-color: #424242; } #apply-wide { width: 300px; } .quote>p { color: white; font-size: 29px;} #mangif { height: 350px; width: 380px; } .progress-container { width: 100%; height: 8px; background: #ccc; position: absolute; top: 60px; } .progress-bar { height: 8px; background: #4caf50; width: 0%; } .socialicon-bar { position: fixed; top: 50%; right: 0%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .bankscontent { margin-left: 12px !important; font-size: 16px !important; text-align: left !important; } .products { height: auto; width: 100%; background-color: #116A9E; display: flex; justify-content: center; align-items: center; flex-flow: column; } .products>p { color: white; font-weight: 600; padding-top: 6px; font-size: 18px; } .products>span { color: white; font-size: 15px; } .header-main { height: auto; width: 100%; background-color: #EFF3F6; } .header-list { display: flex; flex-flow: row; flex-wrap: wrap; justify-content: space-evenly; width: 100%; height: auto; padding: 10px; } .header-item { width: 150px; border-radius: 50%; border: 2px solid white; height: 150px; display: flex; flex-flow: column; flex-wrap: wrap; justify-content: center; align-items: center; background-color: #173F5F; } .header-item:hover { background-color: teal; } .header-icons>img { height: 40px; width: 40px; margin-bottom: 20px; } .header-heading>p { color: white; text-align: center; text-transform: uppercase; font-size: 11px; line-height: 15px; } .vl { border-left: 2px solid lightblue; height: auto; } .sl { width: 100%; height: 300px; background-image: url('../frontend/images/pl.jpg'); transform: translate(-1%, -20%); background-size: 100% 100%; padding-bottom: 20px; box-shadow: 1px 2px 7px 3px white; animation: slider 20s infinite linear; } @keyframes slider { 0% { background-image: url('../frontend/images/pl.jpg'); } 75% { background-image: url('../frontend/images/jl.jpg'); } 100% { background-image: url('../frontend/images/lap.jpg');} } #home_form { padding-left: 120px; } .am { display: flex; flex-flow: row; justify-content: flex-start; padding-left: 120px; padding-top: 80px; width: 100%; } #space { padding-top: 60px; } #border_none { margin-top: 70px; } .sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: white; opacity: 0.95; overflow-x: hidden; transition: 0.5s; padding-top: 60px; } .sidenav a { padding: 8px 8px 8px 32px; font-size: 14px; display: block; transition: 0.3s; color: black; font-family: 'Gayathri', sans-serif; border-bottom: 0.5px solid darkgray; text-transform: uppercase; } .sidenav a:hover { color: #11104d; font-weight: 600; font-size: 15px; background-color: lightgray; } .sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; } #border_none { border-bottom: none; } .sidenav>a>i { margin-right: 8px; font-size: 16px; } #fvpp-close { position: absolute; top: 40px; right: 20px; cursor: pointer; color: white; } #fvpp-dialog h2 { font-size: 2em; margin: 0; } #fvpp-dialog p { margin: 0; } .modal-footer>p { display: flex; justify-content: flex-end; } #loading { width: 100%; height: 100vh; background: white url('../frontend/img/giphy.gif') no-repeat center; position: fixed; z-index: 99999; } #modal_1 { background-color: #017f91; } .modal-list { display: flex; flex-flow: row; justify-content: space-evenly; } .modal-list>img { height: 130px; } .modal-item { width: 60%; padding-left: 50px; } .modal-item>p>i { color: white; margin-right: 15px; } .dash-results { text-align: center; height: 220px; padding-top: 50px; } .dash-results>h3 { background-color: #46A049; color: white; padding: 40px; } .dash-results>h3>p { color: white; text-align: center; padding-top: 20px; } .results-body { width: 100%; display: flex; justify-content: center; padding: 30px; } .results-body>button { width: 40%; } .handleinput>label { font-size: 16px; } .dash-head>h3 { text-align: center; font-size: 2.5rem; font-family: monospace; } .dash-header {background-color: #254847; } .dash-header>h1 { padding: 10px; padding-left: 50px; border-bottom: 1px solid #017C8D; color: white; font-weight: 200; font-family: monospace; } .dashcontainer { width: 100%; padding: 50px; display: flex; justify-content: center; } .dashform-box { width: 60%; border: 4px solid #254847; background-color: white; box-shadow: 0px 0px 15px grey; border-radius: 1rem; display: flex; justify-content: center; padding: 30px; } .dashform { width: 80%; } .modal-footer { background-color: #f9f9f9; } #myModal { display: none; z-index: 300; position: fixed; width: 40%; left: 30%; top: 20%; } .modal-body>h5 { text-align: center; color: white; font-size: 18px; font-family: monospace; } .modal-header>h4 { text-align: center; } #insurance { width: 150px; background-color: white; color: black; font-weight: 400; box-shadow: 0 5px #999; } .modal-item>p { color: white; text-align: justify; font-size: 18px; } #myBtn:active { background-color: white; box-shadow: 0 5px #666; transform: translateY(4px); } .glyphicon-lock:before { color: white; } .glyphicon-off:before { color: white; } .spbtn>button { background-color: #5CB85C; color: white; } .testbtn { display: flex; justify-content: center; flex-wrap: wrap; width: 100%; padding: 30px; } .testbtn>button { width: 20%; } #demo { font-weight: 500;font-size: 12px; border: 1px solid #000;height: 50px;} #flame { height: 30px; width: 20px; margin-right: 5px; } #cicon { padding-left: 25px; font-size: 16px; } #cicons { padding-right: 12px; margin-bottom: 15px; height: 14px; } #crediticon { font-size: 30px; color: white; padding-top: 15px; } #nav-icons { font-size: 18px; color: black; margin: 5px; } .forme { border-radius: 2rem; border: 4px solid white; padding: 20px; margin-bottom: 60px; } .thanks-icon>i { font-size: 65px; text-align: center; padding-left: 210px; color: green; } .thanks-header>h1 { font-size: 40px; text-align: center; } .thanksline { width: 60%; } .thanksline>h3 { font-size: 20px; color: green; text-align: center; } .new-content { height: auto; width: 70%; margin-left: 200px; text-align: justify; padding: 30px; } .new-contentheader>h1 { text-align: center; } .new-contentpara>p { text-align: justify; } .new-heading>h1 { text-align: center; font-size: 40px; padding: 30px; font-family: 'Arvo', serif; font-weight: 700; color: #2F4F4F; } .creditcardheading h1 { text-align: center; font-size: 4rem; color: #173f5f;} .creditcardsubmit { text-align: center; } .creditcard-banner { height: 392px; width: 100%; padding-top: 26px; background-image: url(../frontend/img/cr1.png); background-size: cover; } .creditcard-heading>h1 { margin-top: 50px; font-size: 50px; color: #0B1E37; padding-left: 50px; } .creditcardform { padding: 30px; } .creditcardform>label { font-size: 60px; } .creditcard-feautres { padding: 30px; } .creditcard-feautres>ul>li { font-size: 18px; margin: 20px; } .creditcard-content { background-image: url(../frontend/img/money.jpg); width: 100%; height: auto; padding: 20px; display: flex; flex-flow: row; justify-content: flex-end; } .creditcard-text { width: 45%; height: auto; display: flex; flex-flow: column; flex-wrap: wrap; justify-content: flex-start; } .creditcard-item { border: 2px solid white; border-radius: 2rem; height: auto; width: 80%; margin-bottom: 30px; padding: 30px; background-color: #003152; opacity: 0.7; } .creditcard-item>h2 { color: white; } .creditcard-item>p { color: white; } .creditcard-item>ul>li { color: white; } .knowmorebtn { width: 300px; margin-left: 70px; } .mycontainer { opacity: 0.8; filter: alpha(opacity=50); width: 50%; padding: 30px; } .social-media { height: 100px; width: 100%; background-color: #1F2543; } .socialmedia-list { display: flex; flex-flow: row; flex-wrap: wrap; justify-content: space-evenly; padding-top: 30px; } .socialmedia-item>a>i { font-size: 40px; color: white; } .border-box { border: 1px solid #d5d5d5; border-radius: 6px; padding: 20px; } .insurance { display: flex; justify-content: center; height: 500px; } .insurance-list { display: flex; flex-flow: row; flex-wrap: wrap; width: 100%; justify-content: space-evenly; } .insurance-item { width: 40%; display: flex; flex-flow: column; justify-content: center; text-align: justify; } .insurance-item>h4 { background: none; color: #173F5F; text-align: justify; font-size: 22px; } .insurance-item>h4>i { margin-right: 10px; } .insurance-item>p { font-weight: 600; } .form { height: auto; width: 100%; display: flex; justify-content: center; align-items: center; margin-bottom: 100px; padding-top: 100px; padding-bottom: 100px; background-color: #CCCCCC; } .form-sub { width: 90%; height: auto; box-shadow: 0 0 4px 1px lightgrey; padding: 30px; border-radius: 0.5rem; background-color: white; } .form-sub>h2 { font-weight: 600; padding-bottom: 5px; border-bottom: 2px solid darkgray; text-align: center; } #btn { width: 26%; background-color: black; border: 1px solid white; height: 40px; font-size: 14px; padding-top: 8px; } .required.input-error { border-color: #f13e64 !important; } #result { box-shadow: 0 0 1px 1px lightgray; height: auto; min-height: 30px; padding: 10px; } .personalDetails-list { display: flex; flex-flow: row; flex-wrap: wrap; justify-content: space-evenly; } .personalDetails-item { width: 22%; margin: 20px; } .personalDetails-item>label { text-align: justify; } #agentid { display: none; } .BrokerLoginform { height: auto; width: 100%; display: flex; justify-content: center; align-items: center; padding-top: 100px; padding-bottom: 100px; background-color: #CCCCCC; } .BrokerLoginform>.form-sub { width: 30%; height: auto; box-shadow: 0 0 4px 1px lightgrey; padding: 30px; border-radius: 0.5rem; background-color: white; } @media screen and (max-width: 768px) { .team-img img {margin-top: 15px;} .insurance-item>img { height: 300px; } .modal-item>p { font-size: 15px; } .modal-item { padding: 0px; } .modal-list { justify-content: space-between; } .modal-list>img { height: 100px; } #margin-container { margin-left: 20px; } #pad-header { padding-top: 0px; } #insurance { width: 100px; } .insurance-list { display: flex; flex-flow: column; } .insurance { height: auto; } .insurance-item { width: 100%; padding: 10px; } .personalDetails-item { width: 90%; margin: 10px; } .BrokerLoginform>.form-sub { width: 90%; } .links-list { width: 100%; display: flex; flex-wrap: wrap; flex-flow: column; padding-left: 20px; margin-top: -100px; } #apply-wide { padding: 11px; margin-left: 40px; } .quote { margin-top: 30px; padding: 14px; } .socialicon-bar { display: none; } .header-main { width: 100%; } .header-item { margin-bottom: 8px; } .vl { border-left: none; } .sl { margin-top: 50px; width: 100%; height: 200px; } #home_form { padding-left: 2px; } .am { width: 100%; padding-left: 2px; } .dashform-box { width: 100%; } .results-body { margin-top: 40px; } #myModal { display: none; z-index: 300; position: fixed; width: 90%; left: 6%; top: 20%; } .modal-body>img { height: 90px; width: 90px; } #loan-apply { margin-bottom: 20px; } .new-header { width: 100%; height: auto; } .forme { width: 100%; } .creditcard-banner { height: auto; width: 100%; background-size: cover; background-image: url(../frontend/img/Cr1.png); } .creditcard-heading { width: 100%; } .creditcard-heading>h1 { font-size: 38px; text-align: center; } .creditcard-content { width: 100%; display: flex; flex-flow: column; flex-wrap: wrap; height: auto; } .creditcard-text { width: 100%; } .creditcard-item { width: 100%; height: auto; margin-bottom: 30px; } .mycontainer { width: 100%; } .knowmorebtn>button { width: 200px; margin-left: 10px; } .row.dynamicHtml{height: auto; overflow-y: initial;} /* ** */ .subcribe_right .form-control { max-width: 50%; } } /* Main Navigation */ .close-sidenav { margin-bottom: 10px !important; } .second-navbar { top: 50px; z-index: 9999999; } @media screen and (width:1024px) { .layer { height: 600px; width: 100%; } #demo { font-size: 5px; height: 50px; } } .header>p { padding-top: 5px; color: white; font-size: 20px; } .header>img { padding: 10px 0; height: auto; vertical-align: middle; width: 86%; } .header .layer .layer_text { margin-top: 5%; } .layer_text1 { color: white; font-size: 14px; font-weight: 500; display: block; line-height: 24px; text-transform: uppercase;} .layer_text2 { color: white; font-size: 54px; line-height: 1em; font-weight: 500; display: block; text-transform: uppercase;} .layer_text3 { color: white; font-size: 14px; font-weight: 500; display: block; line-height: 24px; margin-bottom: 15px; } header a.btn { padding: 12px; border: none; border-radius: 8px; background-color: #20639b; color: white; cursor: pointer; display: inline-block; position: relative; text-transform: uppercase; transition: background-color 0.2s, color 0.2s; white-space: nowrap; font-size: 14px; font-family: "jost"; font-weight: 500; text-align: center; width: 200px; } header a.btn:hover { background: #173f5f; color: white; } /* HEADER BUTTONS RIGHT */ .btns { color: white; margin: 30px 0px 0px 0px 20px; padding: 0px; min-width: 340px; padding-bottom: 3%; } .btns ul { margin: 0px; margin-top: 35px; padding: 0px; list-style-type: none; } .btns li { font-weight: 700; text-align: right; margin-top: 20px; min-width: 200PX; opacity: 0.8; background-color: #003152; } .btns li a { font-size: 12px; text-transform: uppercase; padding: 12px; border-radius: 12px; box-shadow: 0px 0px 11px white; display: block; color: white; height: 50px; text-align: right; } .btns ul li a:hover { color: black; text-decoration: none; transition: background-color 0.2s, color 0.2s; background-color: white } .circle-bullet { background: url(img/circle-bullet.png) no-repeat 7px 8px; padding: 10px 15px 10px 10px; } /* HEADER PINK STRIP :: BUTTONS */ .header2 { margin-top: 0px; background-color: #173f5f; width: 100%; color: #fff; padding: 5px 0px 10px; } #padd { padding-top: 70px; } .header2 .box1 { padding-top: 15px; } .header2 .box1 a span {color: #fff; font-size: 10.5px; line-height: 14px; display: block; padding-top: 10%; text-transform: uppercase; } .header2 .box1 a { text-decoration: none; } .header2 .box1 a:hover { color: #fcc7cb; } .header2 .box1 a.active { color: #fcc7cb; } .header2 .box1 a>img { height: 50px; width: 50px; } /* */ .upload-doc { padding: 20px 20px 30px; box-shadow: 2px 0px 17px rgba(255, 0, 15, 0.15); border-radius: 20px; background: #fff; min-height: 355px; } #ApplyLoanForm>.form-horizontal>.row { display: flex; } /* The container */ .OTP-colu input::-webkit-outer-spin-button, .OTP-colu input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 1; } .finencial-auditted { width: 600px !important; margin-left: 618px !important; margin-top: -50px !important; } .dot-img { position: absolute; left: 359px; top: 459px; z-index: -1; } .container2:hover input~.checkmark {border: 1px solid #3caea3; background-color: white;} .btn-prev, .btn-prev:active, .btn-prev:focus { background-color: #000000; color: #fff; border-radius: 6px; width: 150px; height: 50px; } .btn-prev:hover { background: url(img/arrow-left.png) no-repeat 20px 22px; background-color: #173f5f; color: #fff; } .btn-add { color: #fff; width: 100px; height: 30px; background: VAR(--SECONDARY-BTN-COLOR); border-radius: 8px; border: none; padding: 0px; } .btn-add:hover { border: 1px solid VAR(--SECONDARY-BTN-COLOR); color: VAR(--SECONDARY-BTN-COLOR); background-color: #fff; } .free-text>.hd1 {border-bottom: 0.5px solid lightgray;} .drop span { font-size: .1px; } p.drop { box-shadow: 0px 0px 11px 2px grey; flex-flow: column; display: flex; justify-content: space-evenly; font-size: 12px; padding: 0%; border-radius: 2%; height: 150PX; font-weight: 600; text-align: center; max-width: 500PX; margin: 0 auto; margin: 1rem; align-self: center; background-color: white; } .contact-page>.container>.row { display: flex; flex-wrap: wrap; flex-wrap: wrap; justify-content: center; } p.login { text-align: center; } @media only screen and (max-width: 570px) { .REGHead { padding-top: 5%; } #loginform { width: 80%; } .buton { width: 100%; } .secImage { height: 15vh; } .REGForm .alert { margin-top: 10px; } .text_box.secondP p {margin-top: 0px;} } .bhoechie-tab { width: 53% } /* Fading animation */ .fade { transition: 0.3s; -webkit-animation-name: fade; -webkit-animation-duration: 0.5s; animation-name: fade; animation-duration: 0.9s; } @-webkit-keyframes fade { from { opacity: .6 } to { opacity: 1 } } @keyframes fade { from { opacity: .6 } to { opacity: 1 } } /*RESULT PAGE */ .result { position: relative; } .result .hd5 { text-align: center; } .result #ApplyLoanForm { margin: 0 auto; margin-bottom: 30px; margin-top: 30px; padding: 0px; min-height: unset; height: auto; } .result-box1 { background: #434a4f; background: rgba(225, 225, 225, 0.20); border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 50px 20px; } .result-box1 img { margin-bottom: 15px; } .result-box1 .fa-star { margin: 0 12px; font-size: 18px; } .star-checked { color: #f04a58; } .result-hd1 {line-height: 32px; font-weight: 600; font-size: 14px; text-transform: uppercase; text-align: left;} .result-hd1 span { font-weight: 500; font-size: 15px; display: block; letter-spacing: 1px; } .result-box2 { padding: 15px; } .result-hd2 { font-size: 18px; color: black; line-height: 40px; font-weight: 700; text-transform: capitalize; text-align: left; } .result-hd2 span { font-size: 12px; color: black; font-weight: 400; display: block; letter-spacing: 0.5px; } .table-mobile { overflow-x: auto; } .AccountSect { padding: 30px 0 150px 0; } .result-box2 .table>thead>tr>th { color: black; text-align: center; font-size: 12px; text-transform: uppercase; border-bottom: 0px solid #ddd; } .result-box2 table th+th { border-left: 1px solid #333; border-bottom: 1px solid lightgray; } .table>thead>tr>th { vertical-align: middle; } .result-box2 .table>tbody>tr>td { padding: 8px; border-top: 1px solid lightgray; font-weight: 600; text-align: center; line-height: 1.42857143; vertical-align: top; border-top: 0; font-family: "jost"; letter-spacing: 3px; line-height: 24px; font-weight: 600; font-size: 12px; text-transform: uppercase; text-align: center; } .result-box2 .table>tbody>tr { border-top: 1px solid lightgray; } .result-box2 .table>tbody>tr>td span { font-weight: 700; font-size: 15px; display: block; letter-spacing: 1.5px; } .result-box3 { width: 90%; margin: 20px auto 0px auto; } .result-box3 .btn { width: 100%; color: #fff; letter-spacing: 2px; font-size: 17px; font-weight: 400; background-color: #000; } p.scroll { font-size: 18px; color: #fff; margin: 50px 0; text-transform: uppercase; line-height: 18px; } p.scroll span { font-size: 14px; display: block; margin-bottom: 10px; } .scroll:hover { filter: opacity(60%); } .test-inner { background: none #f7f7f7; } .test-inner .blue-box-right { min-height: 280px; } .test-inner .testi-text { min-width: 600px; } .testi-text p.sub-title { margin-bottom: 30px; line-height: 28px; font-size: 15px; color: #313131; text-transform: inherit; font-weight: 600; background: none; padding-left: 100px; } .testi-inner2 { background: #152c3b url(img/testi-bg-inner.jpg) repeat center top; overflow: visible; } .testimonials-box { margin-top: -134px; } .testi-box2 { padding: 60px; } .testi-box2 p { text-align: center; color: #fff; } .testi-box2 p.author { color: #000; font-size: 18px; font-weight: 700; text-transform: uppercase; } .testi-box2 p.author span { font-size: 14px; } /* CONTACT PAGE */ .office-bg { overflow: visible; padding: 90px 0; } .office-bg .testi-box2 { padding: 50px; } .office-bg .testi-box { border: none; background: rgba(225, 225, 225, 0.20); min-height: 150px; box-shadow: 1px 1px 11px grey; border-radius: 10px; padding: 50px; margin-bottom: 50px; min-height: 150px; padding: 50px; } .office-bg .hd6 { margin-bottom: 15px; font-size: 18px; } .office-bg p { text-align: left; color: #000; margin-bottom: 20px; line-height: 26px; color: #014b4e; } #contact .btn.btn-danger {background: var(--secondary-btn-color); color: #fff; padding: 10px 25px; border: 1px solid var(--secondary-btn-color);} #contact .btn.btn-danger:hover{background: #262626; color: #fff; border: 1px solid #262626; } #contact .btn.btn-dark {background: #262626; color: #fff; padding: 10px 25px; border: 1px solid #262626; } #contact .btn.btn-dark:hover {background: var(--secondary-btn-color); color: #fff; border: 1px solid var(--secondary-btn-color); } /* APPLY NOW */ .result .hd5 span { color: #173f5f; } .result-hd3 { font-size: 24px; line-height: 36px; color: black; letter-spacing: .05em; font-weight: 400; text-align: center; margin-bottom: 20px; } .doc-title { font-size: 28px; line-height: normal; color: black; font-weight: 600; text-align: center; margin: 10px 0px 15px; } .apply-now { padding: 0 20px; } .apply-now .btn, .apply-now .btn:focus { padding: 20px; font-size: 16px; width: 95px; text-align: center; color: #000; font-weight: 400; letter-spacing: .05em; } .apply-now .btn:hover { background: #000; color: #fff;} .apply-now .form-group { margin: 30px 0; } .apply-now p { font-size: 13px; line-height: 26px; font-weight: 500; text-align: center; color: #000; margin-bottom: 15px; text-transform: uppercase; } .apply-now .btn-next2, .apply-now .btn-next2:active, .apply-now .btn-next2:visited, .apply-now .btn-next2:focus { font-size: 16px; letter-spacing: 3px; color: #fff; border-radius: 5px; padding: 20px; float: none; background: #20639b; margin: 20px 0 0px 0; font-weight: 300; width: 100%; } .apply-now .btn-next2:hover { background: #173f5f; } /*MY FILES */ .my-files { padding: 40px 0 90px 0; } .my-files #ApplyLoanForm { background: #495c67; background: rgba(225, 225, 225, 0.20); margin-top: 30px; min-height: auto; padding: 0px; } .my-files .result-box2 table { width: auto; margin: 20px auto; } .my-files .result-box2 .table>tbody>tr>td { padding: 15px; line-height: 22px; border-bottom: 1px solid #ddd; text-transform: none; letter-spacing: 0.09em; } .my-files table a { color: #fff; text-decoration: none; } .my-files table a:hover { color: #173f5f; text-decoration: none; } table.table.table-bordered.score { box-shadow: none; margin-bottom: 0px; } .blog-banner { padding: 50px 0 0px 0; background: #f7f7f7; border: none; } .cat-sidebar { background: #f0eded; padding: 20px 30px; margin-bottom: 30px; border-radius: 7px; } .cat-sidebar ul { list-style: none; margin: 0px; padding: 0px; } .cat-sidebar li { border-bottom: 1px solid #fff; padding: 10px 0; } .cat-sidebar li a { font-size: 16px; color: #4a4a4a; line-height: 20px; margin-left: -10px; padding: 0 10px; width: 80%; } .cat-sidebar li a.apply { color: #47b4ba; font-size: 14px; } .cat-sidebar li a.apply:hover, .cat-sidebar li a:hover { color: #000; text-decoration: none; } .cat-sidebar span { width: 30px; font-size: 13px; padding: 4px 10px; background: #60ccd2; color: #fff; float: right; border-radius: 3px; margin-top: 3px; } .cat-sidebar span:hover { background: #47b4ba; } .sidebar1 { background: #f0eded; padding: 20px 30px; margin-bottom: 30px; border-radius: 7px; } .sidebar1 ul { list-style: none; margin: 0px; padding: 0px; } .sidebar1 li { border-bottom: 1px solid #fff; padding: 12px 0; } .sidebar1 li a { display: block; font-size: 15px; line-height: 25px; color: #4d4d4d; } .sidebar1 li a:hover { color: #000; text-decoration: none; } .tag-sidebar { background: #f0eded; padding: 20px 30px; margin-bottom: 30px; border-radius: 7px; } .tag-sidebar ul { list-style: none; margin: 0px; padding: 0px; margin-top: 25px; } .tag-sidebar li a { font-size: 15px; color: #262626; line-height: 20px; background: #fff; border-radius: 5px; padding: 7px 10px; margin: 0 10px 10px 0px; float: left; } .tag-sidebar li a:hover { font-size: 15px; color: #fff; background: #60ccd2; } /* LEAVE A REPLY */ .comment-section { margin-top: 30px; } .comment-box { border-bottom: 2px #f0eded solid; margin: 15px 0; } .Remark-Box .comment-row .text-box{margin-bottom: 15px;} .Remark-Box .comment-row .text-box p{font-weight:400;font-size: 11px;line-height: 16px; color: #cf1c1c;} .Remark-Box .comment-row .text-box p span.date{ font-weight:300; font-size:11px; color:#4b487d;} .Remark-Box .comment-row .supplier1 .text-box{ padding:0px 15px; } .Remark-Box .comment-row .supplier1 .text-box1{background:#fff;min-height:auto;} .Remark-Box .comment-row .text-box1 {font-size: 14px;line-height: 18px;min-height:50px;margin-bottom:5px;} .Remark-Box .comment-row .author p {text-transform: capitalize;} .comment-row.ActiveChatUser .text-box.supplier1 {text-align: right;} .comment-section label { display: block; font-weight: normal; font-size: 18px; } .comment-section .form-control { display: block; width: 100%; padding: 25px 15px; font-size: 15px; line-height: 28px; background-image: none; border-radius: 7px; background-color: #f0eded; border: 0; color: #373737; } .comment-section .btn-next { background: #f04a58 url(images/btn-stroke-white.png) no-repeat 160px 27px; padding-right: 100px; font-weight: 300; color: #fff; border-radius: 5px; font-size: 13px; letter-spacing: 0.05em; padding-left: 20px; float: left; margin: 10px 0px; } .comment-section .btn-next:hover { background: #023539 url(images/btn-stroke-white.png) no-repeat 160px 27px; padding-right: 100px; } /* CREDIT SCORE */ .my-files .btn2 { color: #fff; font-weight: 300; } .my-files .btn2:hover { opacity: 0.9; } .my-files .result-box2 .table>tbody>tr>td { padding: 20px 25px 20px 25px; } /* SERACH FIELD IN MY FILES */ .my-files .form-group { margin-top: 35px; margin-bottom: 7px; } #ApplyLoanForm .styled-select.slate select { font-size: 14px; text-transform: none; height: 50px; padding: 5px } #ApplyLoanForm .styled-select.slate { background: url(images/select-arrow2.png) no-repeat right 20px #97a0a6; } .my-files .btn-100 { background: #f04a58; padding: 13px 18px; margin: 0; font-weight: 300; color: #fff; border-radius: 5px; font-size: 13px; letter-spacing: 0.05em; width: 27%; font-size: 17px; } .my-files .btn-101 { padding: 13px 20px; margin: 0; font-weight: 300; color: #fff; border-radius: 5px; font-size: 13px; letter-spacing: 0.05em; width: 100%; font-size: 17px; } .my-files .btn-100:hover { background: #f04a58; opacity: 0.9; } a.sorting:hover { opacity: 0.8; } /* VIEW PROFILE*/ .view-profile .result-box2 .table>tbody>tr>td { padding: 10px 25px;} .comment-row { background: #d4eafb75; padding: 10px;margin: 0 auto 15px; border-radius: 10px; } .remark-text { font-size: 16px; color: #000; line-height: 21px; font-weight: 400; margin-bottom: 8px; } .author p { font-size: 14px; line-height: 20px; color: #000; font-weight: 400; margin: 0; text-align: end; } .accordion-header .accordion-button:not(.collapsed) { background: #fff; box-shadow: inherit; border-bottom: 1px solid #d2d2d2; } .accordion-header .accordion-button:focus { background: #fff; box-shadow: none; } #customerRemarkForm textarea { box-shadow: none; } #customerRemarkForm .fa.fa-paper-plane-o { padding-left: 5px; font-size: 15px; } .myProfile h2 { font-size: 28px; color: #000; font-weight: 600; } .upload_doc_list_fields .fa.fa-download { margin-top: 12px; } .bankAppRatRow .error { color: #f13e64 ; text-align: right; font-size: 14px; font-weight: 400; } .faq-page .accordion-body { padding: 0px 20px 20px; } /* EDIT PROFILE */ .profile .hd5 { text-align: center; } .profile .btn { padding: 20px; margin: 10px 0; font-weight: 300; color: #fff; border-radius: 5px; font-size: 13px; letter-spacing: 0.05em; width: 100%; font-size: 17px; } .profile .btn:hover { opacity: 0.9; } .profile .btn2 { width: auto; font-size: 15px; padding: 15px 20px; } /* LOGIN*/ .login-form .hd5 { text-align: center; } p.login { font-size: 18px; margin: 1.5%; text-transform: uppercase; text-align: center; } .login-form label { line-height: 50px; font-size: 13px; text-align: center; } p.forget { font-size: 17px; color: #97a1a6; text-align: right; margin: 5px 0; } p.forget a { color: #97a1a6; text-decoration: none; line-height: 34px; } p.forget a:hover { color: #eee; } .btn-login, .btn-login:active, .btn-login:focus { width: 60%; color: #fff; border-radius: 5px; } .btn-login:hover { background: #173f5f; } /* Customize the label (the container) */ .container3 { display: block; position: relative; padding-left: 50px; margin: -7px 0; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .container3 input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark3 { position: absolute; top: 22px; left: 15px; height: 25px; border: 1px solid black; width: 25px; border-radius: 3px; } .container3:hover input~.checkmark3 { background-color: #ccc; } .container3 input:checked~.checkmark3 { background-color: #20639b; border: 1px solid #20639b; } .checkmark3:after { content: ""; position: absolute; display: none; } .container3 input:checked~.checkmark3:after { display: block; } .container3 .checkmark3:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /**/ .homesliderdata h1 { font-size: 50px; color: #000000; font-weight: 400; line-height: 1.3; margin: 0 0 10px; } .homesliderdata h1 strong { color: var(--secondary-btn-color); } .homesliderdata p { font-size: 16px; color: #07133B; font-style: italic; font-weight: 500; margin: 0 0 20px; line-height: 28px; } .sliderbtn .btn.border-btn { border-color: #000000; color: #000000; margin-left: 15px; } .homeslider .slick-dots { bottom: 0; padding: 15px; } .homeslider .slick-dots li { width: auto; height: auto; } .homeslider .slick-dots li button { padding: 0; width: 8px; height: 8px; border-radius: 8px; background: #797979; } .homeslider .slick-dots li button::before { display: none; } .homeslider .slick-dots li.slick-active button { background: var(--secondary-btn-color); } /*RESULT PAGE */ .result-hd1 { width: 80%; margin: 0 auto; margin-top: 25px; letter-spacing: 0; } .result-hd1, .result-hd1 span { text-align: left; font-size: 15px; line-height: 22px; text-align: center; } .result-hd2 span { line-height: 22px; margin-top: 10px; text-transform: capitalize; } .office-bg p { text-align: left; color: #000; margin-bottom: 20px; line-height: 26px; color: #014b4e; } */ /* APPLY NOW */ .apply .result-box2 { padding: 50px 15px; } .result-hd3 { font-size: 18px; line-height: 25px; color: #000; letter-spacing: 0em; } .apply-now { padding: 0px; } .apply-now .btn, .apply-now .btn:focus { padding: 10px; font-size: 16px; border: 1px solid; background-color: VAR(--SECONDARY-BTN-COLOR); color: #fff; border-radius: 0px; } .apply-now .btn-next2, .apply-now .btn-next2:active, .apply-now .btn-next2:visited, .apply-now .btn-next2:focus { text-align: center; background: #0f2837; width: 100%; padding: 20px 30px; letter-spacing: 3px; } .apply-now .btn-next2:hover { text-align: center; background: #ca4652; width: 100%; padding: 20px 30px; } .blog-banner { padding: 30px 0 0px 0; background: #f7f7f7; border: none; } /* BLOG PAGE DETAILS */ .blog-nav { margin: 10px 0; } .blog-nav li { border-right: 0px solid #ddd; padding: 20px 15px; display: inline-block; } /* PROFILE */ .profile .hd5 { text-align: center; } .profile label { display: block; color: #c5c9cc; font-weight: normal; font-size: 16px; } .profile .btn { background: #20639b; padding: 20px; margin: 10px 0; font-weight: 300; color: #fff; border-radius: 5px; width: 60%; font-size: 13px; letter-spacing: 0.05em; font-size: 15px; } .profile .btn:hover { background: #173f5f; opacity: 0.9; } /* LOGIN */ /*.login-form */ .login-form .form-group { margin-top: 15px; } .container3 { text-align: left; } .container3 label { text-align: left; line-height: 50px; } p.login { padding-left: 0px; font-size: 16px; text-transform: uppercase; } p.forget { font-size: 13px; text-align: left; } p.forget a { text-decoration: none; } p.forget a:hover { color: #173f5f; } .login-form .btn-login { margin-top: 5px; } /* * COMPANY CLARITY ABOUT* */ .clarity_box { text-align: center; } .pure_image img { margin: 0 0 20px; } .pure_desc h2 { font-size: 48px; color: #fff; font-weight: bold; } .pure_desc p { font-size: 24px; font-weight: 400; color: #fff; margin: 0; } .company_clarity { padding: 55px 0; background: #1B3051; } /* *What sets us apart?* */ /* .apart_sec {background: linear-gradient(180deg, #F4FAFF, transparent);} */ .experties_box { text-align: center; border-radius: 4px; padding: 30px 15px; margin-top: 25px; box-shadow: 0 0 3.8px 4px rgb(36 151 240 / 9%); border-bottom: 2px solid rgb(236 246 254); transition: 0.3s ease;} .experties_box:hover { border-bottom: 2px solid #0a66b1; border-radius: 0; transition: 0.3s ease; } .expertise img { margin: 0 0 15px; height: 55px; } .experties_box h3 { font-size: 19px; font-weight: 700; color: #000;} .experties_box p { font-size: 16px; font-weight: 400; color: #222222; line-height: 26px; margin: 15px 0 0; } .headcp {position: relative;padding: 0 0 18px;margin: 0px 0 18px; font-weight: bold; font-size: 36px;} .headcp:after {content: '';background-image: url(../img/line-thow.png);position: absolute;width: 62px;height: 4px;left: 0;bottom: 0;} .about_left_content:not(:last-child) p{ margin-bottom: 30px; } /* *OUR CORE VALUES* */ .core_values_sec { background: #182D4F; padding: 80px 0 60px;} .top_content_box h3 { font-size: 18px; color: #6FCCFF; line-height: 24px; position: relative; } .top_content_box h3:after { content: ''; position: absolute; width: 159px; height: 2px; background: #6FCCFF; left: 0; top: -22px; } .top_content_box h2 { font-size: 55px; color: #fff; font-weight: bold; margin: 15px 0 30px; } .top_content_box p { font-size: 18px; max-width: 570px; line-height: 30px; color: #fff; } .block_list { background: #074173; width: 260px; height: 165px; padding: 30px 20px 10px; margin-top: 25px;} .corecontent h3 { font-size: 28px; color: #6FCCFF; font-weight: 500; margin: 35px 0 0; } .pattern_col { display: flex; align-items: center; justify-content: end; gap: 25px; } .pattern_row { margin-top: -318px;} /* Clients */ .clients-sec {background: linear-gradient(180deg, #F4FAFF, transparent);} .clients-sec .cimg { border-radius: 10px; width: 14%; overflow: hidden; text-align: center; box-shadow: 0 2px 4px 2px rgb(184 206 224 / 50%); padding: 10px; background-color: #FFFFFF; transition: .5s ease; } .clients-sec .cimg:hover { box-shadow: 0 2px 4px 2px rgb(7 19 59 / 30%); transition: .5s ease; border-radius: 0;} .clients-sec .cimg img { object-fit: cover; object-position: center; } .clients-sec .items { justify-content: center; gap: 25px; flex-wrap: wrap;} .partner-button {margin-top: 40px;} body.Home .clients-sec {background: none;} /*Partner */ .register-with { display: flex; align-items: center; padding: 0; gap: 8px; margin-bottom: 25px;} .register-with li { list-style: none !important; margin-top: 0 !important;} .register-with li img { padding: 1px; border: 1px solid #ccc; border-radius: 5px; } /* OUR TEAM */ .our_team_sec {background: rgb(255 214 216 / 15%)} .our_team_sec h2 { position: relative; } .our_team_sec h2:after { content: ''; position: absolute; width: 100px; height: 2px; background: #2497f0; bottom: -10px; left: 50%; transform: translateX(-50%); } .team-name { font-size: 21px; margin: 15px 0 15px; text-align: center; font-weight: 600;} .founder-position { font-size: 20px; margin: 0 0 20px; font-weight: 400; display: block;} .about-founder .team-img img { max-width: 100%; border-radius: 5px; margin-top: 25px; object-fit: cover; } .about-founder .team-img {margin-left: auto; } .team-img img { max-width: 100%; margin-top: 25px; object-fit: cover; object-position: center; box-shadow: 0 0 0 1px #ccc; background: #eff9f8; border-radius: 8px;} .team-img {text-align: center;} .apart_sec {box-shadow: 0 10px 15px rgb(235 246 255 / 50%);} /* Director */ .director-name { font-size: 28px; font-weight: 700; } .director-position { font-size: 20px; color: #000; display: block; font-weight: 600; margin: 10px 0 25px; } .director-desc p { font-size: 15px; line-height: 30px; font-weight: 400; color: #000; margin-bottom: 10px; } .director-box { padding-left: 30px; } /* *Career* */ .open_opporrunity { background: #F5F5F5;} #faqQunsList .accordion-button::after { content: '\f068'; font-family: 'FontAwesome'; background-image: none; font-size: 14px; color: #000000; width: 20px; height: 20px; position: absolute; right: 5px;transform: inherit; top: 18px;} #faqQunsList .accordion-button.collapsed::after { content: '\2b'; font-family: 'FontAwesome';} .customAccord .accordion-item { border-right: inherit; border-left: inherit; border-radius: 0; position: relative;} .customAccord .accordion-header .accordion-button:not(.collapsed){border-bottom: inherit;} .customAccord .accordion-button { font-size: 18px; color: #000000 !important; font-weight: 500; position: inherit; max-width: 95%;} .customAccord button:hover{background-color: inherit; } .faq-page .customAccord .accordion-item { border: 0; } .job-info { display: flex; align-items: center;} .job-info p { font-size: 16px; color: #000; margin-bottom: 15px; } .job-info div { width: 50%; } .job-description h3 { font-size: 16px; font-weight: bold; color: #000; margin-top: 18px; } .job-description ul li { font-size: 15px; line-height: 25px; color: #000000; list-style: none; position: relative; } .job-description ul { margin: 0; padding-left: 10px; } .job-description ul li:before { content: '.'; font-size: 24px; position: absolute; left: -16px; top: -7px; } /* */ .right-image-box {padding-left: 20px;} .about_left_content p {text-align: justify;} /* Small devices (mobile, 320px and down) */ .hide { display: none; } .contact-con { box-shadow: 2px 0px 17px rgba(255, 0, 15, 0.15); border-radius: 20px !important; background: #ffffff; border-radius: 5px; height: 55vh; } .first-arrow { width: 50%; background-color: VAR(--SECONDARY-BTN-COLOR); padding: 25px 10px; display: block; height: 64px; border-right: 0px solid #526671; clip-path: polygon(80% 0%, 100% 50%, 85% 100%, 0% 100%, 10% 52%, 0% 0%); width: 279px; } .first-arrow-anchor { color: white; list-style-type: none; text-decoration: none; } .second-arrow-anchor { color: #02153D !important; list-style-type: none; text-decoration: none; } .sec-arrow { width: 50%; background-color: red; padding: 25px 10px; display: block; height: 64px; border-right: 0px solid #526671; clip-path: polygon(80% 0%, 100% 50%, 85% 100%, 0% 100%, 10% 52%, 0% 0%); width: 279px; background: rgba(224, 0, 13, 0.04); } .arrow-links-1 { background-color: VAR(--SECONDARY-BTN-COLOR) !important; width: 60% !important; padding: 25px 10px; display: block; height: 64px; border-right: 0px solid #526671; clip-path: polygon(80% 0%, 100% 50%, 80% 100%, 0% 100%, 10% 50%, 0% 0%); width: 279px; background: rgba(224, 0, 13, 0.04); } .arrow-links-2 { padding: 25px 10px; width: 60% !important; display: block; height: 64px; border-right: 0px solid #526671; clip-path: polygon(80% 0%, 100% 50%, 80% 100%, 0% 100%, 10% 50%, 0% 0%); width: 279px; background: rgba(224, 0, 13, 0.04); } .arrow-link { color: #02153D; text-decoration: none; } .form-control.OTP-form { border: none; border-radius: 0; border-bottom: 1px solid gray; width: 45px; height: 45px; font-size: 28px; text-align: center; } .dotted_img { margin-top: 60px; } .OTP-colu { width: 70px; } .page-link { font-family: inherit; font-size: 16px !important; line-height: 1.6; padding-bottom: 5px; font-weight: 400 !important; } .terms-accordian { text-decoration: none; color: black; } label.error { _display: none !important; color: #F3565D !important; text-transform: none !important; } .has-error .form-control { border-color: #f13e64 !important; } .address-box { display: flex; flex-wrap: wrap; box-shadow: 0px 0px 11px grey; margin-top: 2%; padding: 2%; border-radius: 10px; margin-bottom: 2%; } .office-bg>.container>.row { display: flex; justify-content: center; flex-wrap: wrap; } .linked-list { text-decoration: none; color: black; font-weight: 700; } .testie-dotted_img { width: fit-content; margin-top: -208px; margin-left: 239px; } .avtar-img { width: 150px; } .sec-section-about { padding: 60px; } .about-page-btn, .advantage-btn { width: 217px; } .index-text { line-height: 23.5px; } .buton-index { margin-top: 7px; } .bg-elips-img { position: absolute; top: 785px; left: 60%; z-index: -1; width: 20%; } .pink-bg-img { width: 466px; height: 466px; position: absolute; top: 6%; left: 4%; } .customer-section { position: absolute; top: 27%; left: -2%; } .nav-bg-img { position: absolute; width: 362px; height: 362px; top: -120%; } .nav2-bg-img { position: absolute; width: 466px; height: 466px; top: -118px; left: 1238px; z-index: -1; } .result-text { font-size: 12px; color: gray; } .result-box { display: flex; justify-content: center; flex-direction: column; background-color: #FFFFFF; height: 69%; width: 100%; padding: 30px; box-shadow: 2px 0px 17px rgba(255, 0, 15, 0.15); border-radius: 12px; margin: 0 auto; padding: 3%; width: 100%; margin-top: 30px; margin-bottom: 30px; } .top-heading { text-align: center; color: #173f5f !important; font-weight: 900; font-size: 28px; line-height: 66px; text-transform: uppercase; } .form-buttons { width: 95px; } .replace-input { width: 10%; height: 10%; } .document-details { font-weight: 500; } .nav-menu-header { background: #003152; } .dropdown:hover .dropdown-menu { display: block; } .nav-link-img { width: 25px; } .nav-img-span { padding-right: 7px; } .main-address { padding: 85px 15px; } .contact-svg svg :hover { color: VAR(--SECONDARY-BTN-COLOR); } .mainform { width: 400px; } .main-password-con { padding: 130px 0px; display: flex; justify-content: center; align-items: center; } .update-head { font-size: 25px; margin-bottom: 10px; } .input-padding { padding: 20px 10px; margin-bottom: 25px; } /* .active-url { color: #2497F0 !important } */ .bank-info { border-radius: 10px; padding: 15px; box-shadow: 3px 4px 7px 2px VAR(--SECONDARY-BTN-COLOR)14; margin-bottom: 20px; margin-top: 30px; } #div_apply_loan_application { border-bottom: 1px solid #e3d7d7; } .bank-apply-detail-btn.btn.dark-btn a { text-decoration: none; color: white; } .bank-apply-detail-btn.btn.dark-btn a:hover { text-decoration: none; color: VAR(--SECONDARY-BTN-COLOR); } .contact-help span { font-size: 15px; } .contact-help span a { font-size: 15px; text-decoration: none; color: #000; } .contact-help span a:hover { text-decoration: underline; color: VAR(--SECONDARY-BTN-COLOR); } .ref-no { font-weight: 600; } .home-img { width: 100%; } .thank-you-icons { list-style-type: none; display: flex; padding: 0px; } .thankyou-text { padding: 170px 0px; } .up-doc a { text-decoration: none; color: #fff; } .up-doc a:hover { color: VAR(--SECONDARY-BTN-COLOR); } .borderBox { border: 1px solid #dbd3d3; padding: 25px 20px 30px; margin: 50px 0px; border-radius: 6px; } .headerlogin button { text-transform: capitalize; } .thank-you-icons li { margin: 0px 20px 0px 0px; } .maxlength { width: 50%; } .borderBox-change { border: 1px solid #dbd3d3; padding: 25px 20px 30px; margin: 50px 0px; border-radius: 6px; width: 420px; } .payout-padding { padding: 160px; } .payout-link { display: flex; list-style-type: none; padding: 0px; } .payout-link li { margin-right: 70px; } .payout-link li::before { content: "\2022"; color: #000; } .bread-link { text-decoration: none !important; color: #000 !important; } .bread-link:hover { color: VAR(--SECONDARY-BTN-COLOR); } .howitwork_sec { width: 100%; background: rgb(253, 243, 243); background: linear-gradient(90deg, rgba(253, 243, 243, 1) 0%, rgba(255, 255, 255, 1) 100%); } /* .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(224, 0, 13, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; } */ .header-link { margin-top: 0px; background-color: #173f5f; width: 100%; color: #fff; padding: 10px 0px; } .redAlert { font-size: 14px !important; font-weight: 500 !important; } .upload-doc-detail { border: 1px solid #d5d5d5; border-radius: 6px; } .admin-form { width: 80% !important; } .admin-form-box { padding: 20px 0px 25px; margin-top: 200px; } .hand-png { width: 40px; display: inline-block; transform: scaleX(-1); margin-bottom: 5px; } .admin-table { background-color: #000; } .homeslider .slick-list .slick-track { display: flex; justify-content: center; align-items: center; } .PriceBox .awesome-slider.ui-slider a.ui-slider-handle.ui-state-default.ui-corner-all{ width: 20px; height: 20px; top: -7px; margin-left: -9px; } .dropdown-menu li a, .OTP-resend { font-weight: 600; color: #000; text-decoration: none; } .OTP-resend:hover { color: var(--secondary-btn-color); } .index-img-back { position: relative; top: -113px; left: 32px; margin-bottom: -54px; } body::-webkit-scrollbar { width: 7px; } body::-webkit-scrollbar-track { border-radius: 5px; background: linear-gradient(180deg, rgba(224, 0, 13, 0.08) 0%, rgba(239, 171, 175, 0.0241667) 69.79%, rgba(245, 245, 245, 0) 100%); } body::-webkit-scrollbar-thumb { background-color: var(--secondary-btn-color); border-radius: 5px; } .navbar-toggler:focus { box-shadow: none; } section.homeclient_sec .headingpara.text-center { margin: 10px 0px 0px; padding-bottom: 10px; } .d-flex.justify-content-center.testi-line { margin-bottom: 30px; } form.form-horizontal.apply-now.loan-registration-form input.form-control, form.form-horizontal.apply-now.loan-registration-form select.form-select { border-radius: 0px; border-color: #e1e1e1; padding: 0px 10px; height: 40px; line-height: 40px; margin-bottom: 0px; } button.btn-add.add-buton.adddocupload { border-radius: 8px; } #ApplyLoanForm .btn-next { margin-left: 10px; } .PriceBox .awesome-slider {padding: 0px !important;} .disable-scrolling { overflow: hidden; } .PriceBox .awesome-slider span.ui-slider-pip { display: none; } div#div_apply_loan_application a.btn.dark-btn.up-doc { border-radius: 0px; padding: 15px 30px; text-transform: uppercase; margin-bottom: 50px; } .alert.alert-success { padding: 10px 14px; border-radius: 0px; color: #139513; border: none; background: none; font-size: 15px; font-weight: 500; } .resend-btn { margin-left: 540px; } .success-msg { text-align:center; font-size: 24px; font-weight: 500; } .step { display: none; } button:hover { background-color: #0056b3; } .AjaxBox .err-msg { color: #f00; padding: 0; font-size: 14px; margin-top: -13px; } .AjaxBox .required.invalid { border-color:#f00 !important;} .row.g-3.about_page .col-md-8 { align-items: flex-start; justify-content: center; display: flex; flex-direction: column; } img { max-width: 100%; } ul.site-map { margin-left: 0px; margin-top: 15px; } ul.site-map li { padding-left: 40px; position: relative; margin-top: 10px; } ul.site-map li::after { position: absolute; content: ""; top: 14px; left: 5px; width: 20px; height: 2px; background: #000; } ul.site-map li:hover::after { background: VAR(--SECONDARY-BTN-COLOR); } .assoc-label{ font-size: 14px !important; text-transform: none !important; font-weight: 500 !important; } .ui-slider-range.ui-widget-header.ui-corner-all.ui-slider-range-min { background: rgba(0, 0, 0, 0.1); } section.testimoals_section .testi-box { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; border: 1px solid #efefef; margin-bottom: 80px; min-height: initial; height: initial; padding: 30px 30px 0px; border-radius: 0px 0px 10px 10px; } .toast-container { background-color: black; color: white; } .dashLinks{ color: var(--secondary-btn-color); text-decoration: none; } .dashLinks:hover{ color: #000; text-decoration: underline; } .assoc-head{ padding: 60px 0px; } body.log-regi-page .LRLbox a.navbar-brand.logo { position: relative; display: flex; width: 100%; align-items: center; justify-content: center; } form#loginform input.form-control { border-radius: 0px; padding: 10px 14px; } .mt-4.btn_login_sec { display: flex; align-items: center; } .mt-4.btn_login_sec button#LOGbtn { margin-right: 15px; } div#\#messageContainer button.btn.btn-prev.AssocStepBack { margin-right: 10px; } .thank-you-bg{ background: linear-gradient(180deg, rgba(224, 0, 13, 0.08) 0%, rgba(239, 171, 175, 0.0241667) 69.79%, rgba(245, 245, 245, 0) 100%) !important; } .thank-img{ mix-blend-mode: darken !important; } button.slick-prev.slick-arrow, button.slick-next.slick-arrow { display: none !important; } form.form-horizontal.loan-registration-form.con_form .fieldset .col-sm-12.d-flex.justify-content-center.mb-5 { margin-bottom: 10px !important; } .result-box4 button.btn.btn-link.collapsible_pt.collapsible { text-align: center; display: flex; align-items: center; } .result-box4 button.btn.btn-link.collapsible_pt.collapsible i { margin-left: 10px; } .button-load { position: relative; padding: 8px 16px; background: #000; border: none; outline: none; border-radius: 6px; cursor: pointer; } .button:active { background: #000; } .button--loading .button__text { visibility: hidden; opacity: 0; } .button--loading::after { content: ""; position: absolute; width: 20px; height: 20px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border: 4px solid transparent; border-top-color: #ffffff; border-radius: 50%; animation: button-loading-spinner 1s ease infinite; } @keyframes button-loading-spinner { from { transform: rotate(0turn); } to { transform: rotate(1turn); } } .uploadbox{ border: 1px solid #d4d1d1; padding: 12px; border-radius: 10px; } .input-group { position: relative; } .form-group.doc-heading .col-sm-12.result-hd3.mt-3 { margin: 35px 0px -20px !important; font-weight: 600; } .doc-list{ margin-left: 20px; margin-top: 10px; } .co-head{ text-align: left; font-size: 20px; font-weight: 800; background: #fef5f5; color: #000; padding: 6px 10px; } .form-group.doc-heading .col-sm-12.co-head.result-hd3.mt-3 { margin-bottom: 15px !important; } #submit-doc .col-md-12.mt-4.appentParent ol li, #submit-doc .row.balancehtml .col-md-9 ol li.doc-list { margin: 0px; padding: 10px 15px; width: 100%; display: flex; align-items: center; border: 1px solid #ddd; font-size: 14px; font-weight: 500; } #submit-doc .col-md-12.mt-4.appentParent ol li span, ul.socialicon_list li a:hover svg path { fill: VAR(--SECONDARY-BTN-COLOR); } .u-name{ font-size: 28px; color: var(--secondary-btn-color) !important; font-weight: 600; } .bank-data{ color: #000; font-size: 18px; font-weight: 600; border-bottom: 1px solid #dadada; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; margin: 0; } .co-doc{font-size: 14px;font-weight: 500;color: grey;} .doc-detail{font-size: 14px;font-weight: 600;} .notUsed { display:none; } .whNoWrap { white-space: nowrap; } /* Media css*/ @media screen and (max-width: 1440px) { /* */ .dashboard-menu { list-style: none; padding: 0; margin: 0; display: inline-block; width: 100%; } .dashboard-menu li { display: inline-block; padding-right: 25px; font-weight: 500; } .dashboard-links { color: #000; text-decoration: none; } .dashboard-links:hover { color: VAR(--SECONDARY-BTN-COLOR); text-decoration: underline; } .dot-img {position: absolute;left: 114px;z-index: -1;} .dot-img-sec {display: none;} .footer-location-svg {width: 15px;} } @media (min-width: 1400px) { .container { max-width: 1380px; } } @media (max-width: 1400px){ .blogList h3 { min-height: 57px; line-height: 23px; } .captchaBox img{width: auto;} .text_box.secondP p {margin-top: 35px;} } @media (max-width: 1380px) { .logo-div { width: 378px; } .logo-div-img { width: 75%; } .logo-div { width: 204px; } } @media (min-width: 1200px) { .middlefooter .col-xl-2 { width: 18.75%; } .whychoose_data .btn.dark-btn { width: 200px; display: flex; justify-content: center; align-items: center; border-radius: 0px; } } @media screen and (max-width: 1024px) { .card-body.text-center { font-size: 12px; } .address-details { font-size: 12px; } } @media (max-width: 1199px) { .top-header-bar a { font-size: 10px; } .top-header-bar .openTime{font-size: 10px;} .nav.navbar-nav {margin-left: 0px;} .header_row .navbar-nav .nav-item .nav-link { padding: 25px 13px; } a.logo.nav-logo img.logo-div-img { width: 100%; } .header_row nav.navbar.navbar-expand-lg.navbar-light .offcanvas-body { justify-content: flex-end; margin-right: 10px; } .padingTo_Bo {padding: 50px 0;} .cpbottom { padding: 0 0 50px; } .affiliatelist li { width: 20%; } section.testimoals_section .testi-box .testi-box2 p + p { min-height: 260px; } .input-form-lables { margin-bottom: 40px !important; } .homeslider h2 strong { font-size: 30px; line-height: 36px; } .homeslider h2 { font-size: 28px; line-height: 40px; font-weight: 400;} .slideCaption h3 {font-size: 20px;} .slideImg img { max-height: 279px; width: auto !important; } nav.navbar.navbar-expand-lg.navbar-light div#navsidopen .offcanvas-body{margin:auto;} .testimonialList .testi-box2 p + p{min-height: 253px;} .our_products .opdr .col {flex: 0 0 50%;} .header_row .navbar-nav .nav-item .nav-link{margin: 0;} .headingpara h3{font-size: 28px;} .headingpara h2{font-size: 30px;} .headcp{font-size: 30px;} .pure_desc h2 { font-size: 32px; } .pure_desc p { font-size: 20px; } /* Core Value */ .top_content_box h2 { font-size: 40px; } .top_content_box p { margin: 0;} .corecontent h3 { font-size: 20px; text-transform: uppercase;} .block_list .corecontent img { height: 45px; } .block_list { width: 220px; } .pattern_row { margin-top: -200px; } .wrap_desc .shortDesc { min-height: 216px; } .BlogImageBox a img { height: 190px; } .clients-sec .items {gap: 15px;} .text_box.secondP p {margin-top: 0;} .homeslider .slideCaption { min-height: 330px; } .homeslider{padding: 150px 0 50px} } @media (max-width: 1024px) { .header_row nav.navbar.navbar-expand-lg.navbar-light .offcanvas-body {margin-right: 20px;} } @media (max-width: 992px) { .logo-div { width: 80%; } .nav.navbar-nav { margin-left: 0px; } .contact-dot-img { display: none; } .sec-contact-img.text-end { display: none; } .container { max-width: 973px; } section.contact-sec { margin-bottom: 20px; } .formBox .left-contact-cont h4{margin-bottom: 8px;} .header_row .navbar {padding: 8px 0;} } @media (max-width: 991px) { .logo.nav-logo {margin: auto; } .header_row .navbar-nav .nav-item .nav-link {padding: 10px 15px;} section.banner { text-align: center; } .slideImg { display: flex; align-items: center; justify-content: center; } .homeslider .slideCaption h2 { margin: 20px 0 10px; } .slideCaption { text-align: center; } .offcanvas-header div#opennavlogo { display: flex; align-items: center; justify-content: center; padding: 20px 10px 0px; } div#navsidopen .offcanvas-header { position: relative; } button.btn-close.close-sidenav { position: absolute; right: -37px; top: 8px; color: #fff !important; font-size: 16px; opacity: 1; background-color: #fff; border-radius: 0px; padding: 15px; } .offcanvas-body ul.nav.navbar-nav li.nav-item a.nav-link { padding: 10px 4px; } .offcanvas-body ul.nav.navbar-nav li.nav-item ul.dropdown-menu { display: block; box-shadow: none; padding: 0px; } .offcanvas-body ul.nav.navbar-nav li.nav-item ul.dropdown-menu li a { padding: 6px 16px; font-weight: 500; font-size: 14px; color: #000000; } .offcanvas-body ul.nav.navbar-nav li.nav-item ul.dropdown-menu li a span.nav-img-span { padding: 0px 0px 0px; margin-right: 10px; } .homesliderimg { display: flex; align-items: center; justify-content: center; } .homesliderimg img { max-width: 350px; } .homesliderdata { text-align: center; } .header_row .navbar-nav .nav-item.dropdown .dropdown-menu{border-top: 0;} .homeslider .slideCaption{margin: auto; max-width: 95%;} .affiliatelist li { width: 25%; } .offcanvas-body ul.nav.navbar-nav { flex-direction: column; display: flex; max-height: initial !important; overflow: initial !important; } .header_row nav.navbar.navbar-expand-lg.navbar-light .offcanvas-body { padding-top: 0px; } .middlefooter .footercontent.pb-lg-5.pb-2 { margin-bottom: 30px; } form.loan-registration-form .fieldset .col-md-6 .PriceBox { margin-bottom: 20px; } #ApplyLoanForm .form-group button.btn { margin-top: 10px; } section.comparechose_sec .styled-select select { margin-bottom: 15px; } .dash-links a.nav-link { white-space: nowrap; } section.header-link .d-flex .col-md-1.dash-links { width: auto; padding-right: 30px; } .container { max-width: 100%; width: 100%; } .homeclient_sec{padding: 60px 0;} .col-md-4.text-end {text-align: center !important;} .about-text h3 { font-size: 24px; line-height: 30px; } .cHeader h3{font-size: 24px; line-height: 30px;} .BlogList{margin: 20px 0 20px;} .page-description h2 { font-size: 24px; line-height: 28px; } h2.loan-name-new { margin: 20px 0 10px;} .testimonialList .col-md-6:last-child { margin-bottom: 30px;} /** **/ .breadcrumb-caption h1{font-size: 32px; line-height: 35px;} .right_about_con { margin-top: 25px; } .ourGoal-section .llc_left { margin-bottom: 30px; } .ourGoal-section .llc_left a { margin-top: 15px; } .padingTo_Bo {padding: 40px 0;} .cpbottom { padding: 0 0 40px; } .service_body{padding: 40px 0;} .top_content_box h2{font-size: 32px;} .left-contact-cont { padding: 0px; margin-left: 0%; } .breadcrumb-caption{max-width: 100%; padding: 50px 0 77px;} .bread-section .container {height: auto;} .our_goals_box_img img { margin-bottom: 25px; } .our_goals_box_img {text-align: center;} .primary-content { padding-left: 0px; } .founder-position{margin: 0 0 20px;} .homeslider .slideCaption { min-height: inherit; } .director-box{padding-left: 0;} .team-name{margin: 15px 0 0;} /* */ .omv-right-img { width: 25%; } .lefttocmv { width: 75%; padding-right:10px;} .omv-left-img { width: 25%; } .ourVision .col:last-child {flex: 0 0 75%;} .rightocmv{padding-right: 0; padding-left: 5px;} } @media only screen and (min-width: 768px) and (max-width: 959px) { .navbar-header { float: none; } .navbar-left, .navbar-right { float: none !important; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-collapse.collapse { display: none !important; } .navbar-nav { float: none !important; margin-top: 7.5px; max-height: 300px; overflow-y: scroll !important; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .collapse.in { display: block !important; } .navbar-brand { float: left; height: 60px; padding: 7px 0px; font-size: 18px; line-height: 20px; width: 200px; } .navbar { padding: 5px 15px; border-radius: 0px; border: none; } .navbar-header { float: none; } .navbar-toggle { display: block; float: right; margin: 10px auto 3px auto; background: #f04a58; border: #39216f; } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #333; background-color: transparent; } .navbar-collapse.collapse { display: none !important; } .navbar-collapse.collapse.in { display: block !important; } .navbar-nav { float: none !important; } .navbar-nav>li { float: none; } /* MAIN MENU */ .layer_text2 { color: #254847; font-size: 44px; } header a.btn { padding: 13px 200px 13px 30px; } .sep { background: none; } /* BODY */ .blue-box-right { background: #71dce2; } .drop span { float: left; font-size: .1px; padding: 5px 0 50px 0px; margin-right: 10px; min-height: 110px; } .mySlides img { width: 110px; margin-bottom: 150px; margin-right: 25px; } .result-hd1 { width: 80%; margin: 0 auto; margin-top: 25px; letter-spacing: 0; } /* BLOG PAGE DETAILS */ .blog-nav { margin: 10px 0; } .blog-nav li { border-right: 3px solid #ddd; padding: 20px 35px; display: inline-block; } /* OUR TEAM */ .our-team { padding: 55px 0px; } .team-details { background: #fff; padding: 35px 20px; border-radius: 4px; text-align: center; margin-bottom: 35PX; box-shadow: 0 19px 38px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);} .about { border-bottom: 2px solid #dedede;} } @media (max-width: 767px) { .table-mobile .col-md-12.text-center.bank-data { margin-bottom: 5px; padding-bottom: 10px; } form.form-horizontal.loan-registration-form.con_form .fieldset .col-sm-12.d-flex.justify-content-center.mb-5 { margin-bottom: 10px !important; width: 100%; } form.form-horizontal.loan-registration-form.con_form .fieldset .col-sm-12.d-flex.justify-content-center.mb-5 input.form-control { width: 100%; text-align: center; } .tab-section { padding: 20px 0 40px; margin-top: 20px; } .choose-buton { margin-top: 15px; } section.head-sect { padding: 20px 0px 20px; } .LoginHead { padding-top: 15%; } .contact-heading h4 { font-size: 24px; margin: 0;} .formBox h2 { font-size: 24px; padding: 0 0 10px; line-height: 30px;} #ApplyLoanForm label.label-forms { font-size: 14px; line-height: 20px; } .doc-title, .doc-title .u-name { font-size: 22px; } .headingpara h2 { font-size: 28px; font-weight: 700; line-height: 34px; } .cHeader h2{ font-size: 28px; font-weight: 600; line-height: 34px;} .breadcrumb{margin-bottom: 12px;} .socialmedia-icon {margin-top: 30px;} /* ** */ .service_body > .container > .row { flex-direction: column-reverse;} .right-image-box img {margin-top: 30px;} .right-image-box {padding-left: 0px;} .pattern_row {margin-top: 0;} .customAccord .accordion-button { font-size: 16px; font-weight: 500; line-height: 21px; } .left-contact-cont { margin-top: 30px; margin-left: 0px;} .service_body .sidebar { margin-top: 25px; } .primary-content h2 { font-weight: 500;} .logo.nav-logo .resviewlogo {max-height: 40px; } .team-description{padding-left: 12px;} .clients-sec .cimg {width: 25%;} .our_team_sec .container .row {flex-direction: column-reverse;} .reason-service h2 {margin-bottom: 25px;} .listing-solution{margin-top: 15px;} .listing-solution { flex: 0 0 100%; } .flex-row-box .listing-solution:nth-child(odd){padding-right: 0;} } @media(max-width:575px){ .subcribe_right .form-control { max-width: 100%; } .wrap_desc .shortDesc { min-height: inherit !important; } .homeBlogList .wrap_desc h4{min-height: inherit !important;} .job-info {display: inherit;} .headingpara p{max-width: 100%;} .blogList h3 { min-height: inherit;} .experties_box h3{min-height: inherit;} .ourGoal-section .text_box{text-align: center;} .ourGoal-section .text_box h3 { font-size: 16px} .text_box h3::after { left: 50%; transform: translateX(-50%); } .ourGoal-section .text_box { margin-bottom: 15px; padding: 10px; position: relative; } .slideCaption .btn {padding: 10px 8px;text-transform: lowercase;font-size: 14px !important;} /* */ .lefttocmv { width: 100%; } .omv-right-img { width: 100%; position: inherit;height: inherit; } .omv-left-img { width: 100%; position: inherit; height: inherit; } .ourVision .row { flex-direction: column-reverse; margin-top: 35px; } .ocmv-box { padding: 25px 0; } .ourVision .container { padding: 0; } .rightocmv{padding-left: 12px; padding-right: 12px;} .topAddress{display: none;} } @media (max-width: 500px) { .btn.border-btn { font-size: 12px; } .btn.dark-btn{font-size: 12px;} .call-button { padding: 5px 10px; } .content-header { margin-top: 0px; } .input-form-lables { margin: 0px !important; } .page-description{padding: 20px 0 0;} .BlogDesc .blogMetaData { display: inherit; } .metaItm { margin-right: 0; margin-top: 10px; } .blogMetaData { margin: 10px 0 18px; } .headerlogin .btn.border-btn { text-transform: lowercase; font-size: 14px; padding: 8px 5px; } /* ** */ .rightheader .btn.border-btn { padding: 10px 5px; } .breadcrumb-caption { padding-top: 35px; max-width: 100%; } .breadcrumb > li > a { font-size: 14px; } .breadcrumb>.active{font-size: 14px;} .padingTo_Bo {padding: 35px 0;} .cpbottom { padding: 0 0 35px; } .service_body{padding: 30px 0;} .homeslider .slideCaption{max-width: 100%; min-height: 335px;} .home-testimonial p {text-align: justify;} .clientdata p{overflow-y: scroll; padding-right: 15px; height: 190px;} .clientslider .item{padding: 0 5px;} .client_col{padding: 20px 5px 20px 10px} .dashboard-menu li {padding-right: 10px;} /* Core Value */ .block_list {width: 95px;padding: 20px 10px;height: 140px;} .corecontent h3 { margin: 20px 0 0; font-size: 18px; text-transform: capitalize; } .howitwork_sec { padding: 30px 0px; } section.head-sect .loan-img { border-radius: 0px; width: 100%; max-width: 130px; } #ApplyLoanForm { background-color: #fff; } .loanform-img.text-end, .loanform-dot-img { display: none; } .header_row .navbar-nav .nav-item.dropdown .dropdown-menu { box-shadow: none; margin-bottom: 0px; } .navbar-toggler.nav-toggle-button.nav-toggle-btn { border: none; outline: none !important; border: none !important; padding-left: 0; padding-right: 0;} .header_row .navbar-nav .nav-item .nav-link { padding: 15px 0px; } .dash-links { margin-right: 21px; } .homesliderimg img { max-width: 250px; } .homeslider { padding-top: 100px; } div#navsidopen .offcanvas-header { padding-bottom: 0px; } .affiliatelist li { width: 50%; } .offcanvas.offcanvas-start { width: 310px; } .offcanvas.offcanvas-start img.canvas-logo { width: 100%; } .offcanvas-header div#opennavlogo { padding-top: 5px; } .header_row nav.navbar.navbar-expand-lg.navbar-light .offcanvas-body { padding-top: 20px; } .offcanvas-body { display: flex; flex-direction: column-reverse; } .offcanvas-body .dir-buton.text-center { margin: 20px 0px 0px; text-align: left !important; width: 100%; } .offcanvas-body .dir-buton.text-center a.btn.dark-btn { width: 100%; } section.header-link .d-flex { flex-direction: row; flex-wrap: wrap; } section.header-link .d-flex .col-md-1.dash-links { padding-right: 0px; } .cHeader h2{ font-size: 24px; line-height: 34px;} .slideImg img { max-width: 245px; height: auto; margin-top: 15px; } /** **/ .topAddress { margin-right: 10px; } .top-header-bar a { font-size: 12px; } .top-header-bar .openTime { font-size: 12px; } .rightheader .accountMenuBtn { max-height: 39.79px; padding: 7px; } .clients-sec .cimg {width: 45%;} #navHeader .myAccountMenu{margin-left: 5px;} } @media only screen and (max-width: 479px) { /* Main Menu */ .navbar-brand { float: left; height: 60px; padding: 7px 0px; font-size: 18px; line-height: 20px; width: 200px; } .navbar { padding: 5px 15px; border-radius: 0px; border: none; } .navbar-header { float: none; } .navbar-toggle { display: block; float: right; margin: 10px auto 3px auto; background: #f04a58; border: #39216f; } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #333; background-color: transparent; } .navbar-collapse.collapse { display: none !important; } .navbar-collapse.collapse.in { display: block !important; } .navbar-nav { float: none !important; } .navbar-nav>li { float: none; } /* HEADER */ .header { position: unset; width: 100%; } .header .layer .layer_text { margin-top: 12%; } .layer_text2 { font-size: 34px; } header a.btn { padding: 13px 140px 13px 30px; } .btns { margin: 20px 0px 0px 0px; padding-bottom: 30px; min-width: 100%; } .btns li a { font-size: 11px; text-transform: uppercase; padding: 15px; } /* HEADER 2 */ .header2 { padding-top: 65px; } .header2 .box1 { padding-top: 15px; min-height: 124px; } .clearfix { display: none; } .tab-section .free-text {width: 100%; margin: 0px; padding: 0px; display: flex; flex-flow: column; } .tab-section .free-text .tab { width: 100%; } .bhoechie-tab { width: 100%; } } @media only screen and (min-width: 480px) and (max-width: 767px) { /* Main Menu */ .navbar-brand { float: left; height: 60px; padding: 7px 0px; font-size: 18px; line-height: 20px; width: 200px; } .navbar { padding: 5px 15px; border-radius: 0px; border: none; } .navbar-header { float: none; } .navbar-toggle { display: block; float: right; margin: 10px auto 3px auto; background: var(--secondary-btn-color); border: #39216f; } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #333; background-color: transparent; } .navbar-collapse.collapse { display: none !important; } .navbar-collapse.collapse.in { display: block !important; } .navbar-nav { float: none !important; } .navbar-nav>li { float: none; } /* HEADER */ .header { position: relative; width: 100%; height: auto !important; } .header .layer .layer_text { margin-top: 12%; } .layer_text2 { color: #254847; font-size: 34px; } header a.btn { padding: 13px 140px 13px 30px; } .btns { margin: 20px 0px 0px 0px; padding-bottom: 30px; float: none; } .btns li a { color: #180000; font-size: 12px; text-transform: uppercase; padding: 15px; } .header2 { padding: 15px 0; } .header2 .box1 { padding: 15px 0; min-height: 124px; } /* BODY */ .blue-box-right { background: #71dce2; max-width: 100%; min-height: 360px; padding: 70px 30px; } .blue-box-left { float: none; text-align: left; margin-left: 0px; margin-bottom: 30px; } .drop span { float: left; font-size: .1px; padding: 5px 0 20px 0px; margin-right: 10px; min-height: 60px; } .styled-select.slate { margin-bottom: 15px; } .testi-bg p { font-size: 14px; line-height: 24px; color: #81868e; padding-right: 0px; } .mySlides { padding: 40px 0px 20px; } .mySlides img { width: 90px; margin-bottom: 150px; margin: 0 10px 0 0; } .clients1 { background: #f9f9f9; padding: 5px; text-align: center; } .clients1 img { width: 120px; margin: 5px; padding: 16px 0; border: 1px solid #ddd; background: #fff; } /*RESULT PAGE */ .result-hd1 { width: 80%; margin: 0 auto; margin-top: 25px; letter-spacing: 0; } .result-hd1, .result-hd1 span { text-align: left; font-size: 13px; line-height: 22px; } /* APPLY NOW */ .apply .result-box2 { padding: 50px 15px; } .result-hd3 { font-size: 15px; line-height: 25px; color: #c0c3c4; letter-spacing: 0em; } .apply-now { padding: 0px; } .apply-now .btn, .apply-now .btn:focus { padding: 20px; font-size: 16px; } .apply-now .btn-next2, .apply-now .btn-next2:active, .apply-now .btn-next2:visited, .apply-now .btn-next2:focus { text-align: center; background: #0f2837; width: 100%; padding: 20px 30px; letter-spacing: 3px; } .apply-now .btn-next2:hover { text-align: center; background: #ca4652; width: 100%; padding: 20px 30px; } /* BLOG PAGE*/ .blog-banner { padding: 30px 0 0px 0; background: #f7f7f7; border: none; } .blog-nav { margin: 10px 0; } .blog-nav li { border-right: 0px solid #ddd; padding: 20px 15px; display: inline-block; } /* PROFILE */ .profile .hd5 { text-align: center; } .profile label { display: block; color: #c5c9cc; font-weight: normal; font-size: 16px; } .profile .btn { background: #f04a58; padding: 20px; margin: 10px 0; font-weight: 300; color: #fff; border-radius: 5px; font-size: 13px; letter-spacing: 0.05em; width: 100%; font-size: 17px; } .profile .btn:hover { background: #f04a58; opacity: 0.9; } /* LOGIN */ .login-form .form-group { margin-top: 15px; } .login-form label { line-height: 30px; font-size: 18px; } .container3 { margin: -20px 0; } .container3 label { line-height: 50px; } p.login { padding-left: 0px; font-size: 18px; text-transform: uppercase; } p.forget { font-size: 13px; color: black; text-align: left; } p.forget a { color: #97a1a6; text-decoration: none; line-height: 24px; } p.forget a:hover { color: #eee; } .login-form .btn-login { margin-top: -30px; } /* OUR TEAM */ .our-team { padding: 55px 0px; } .team-details { background: #fff; padding: 35px 20px; border-radius: 4px; text-align: center; margin-bottom: 35PX; box-shadow: 0 19px 38px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02); } .about { border-bottom: 2px solid #dedede; } .result-box3 .btn { font-size: 14px; line-height: 22px; white-space: normal; } .slideImg img { max-height: 255px; } } @media screen and (max-width: 480px) { .tetimonilimage { display: none !important;} } @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} } @media (max-width: 400px) { .top-header-bar a { font-size: 10px; } .top-header-bar .openTime { font-size: 10px; } }