/*
Theme Name: SicherMayor2022
Author: waximurba.in
Author URI: https://waximurba.in/
Version: 1.0
*/

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

/*general*/
body{font-family: "Roboto", sans-serif; font-weight: 300; color: #262626; overflow-x: hidden;}
h1{font-size: 40px;line-height: 1.216;}
h2{font-size: 36px; line-height: 1.216;}
h3{font-size: 24px; line-height: 1.216;}
h4{font-size: 20px; line-height: 1.216;}
h5{font-size: 18px; line-height: 1.216;}
h6{font-size: 16px; line-height: 1.216;}
p{font-size: 16px; font-weight: 300; line-height: 1.6;}
p:last-child{margin-bottom: 0;}

.white-color{color: #ffffff!important;}
.white-bg{background-color: #ffffff;}
.offwhite-bg{background-color: #f2f2f2;}
.gray-color{color: #aaaaaa;}
.red-color{color: #ff0000;}
.blue-bg{background-color: #183b9d;}
.blue-color{color: #183b9d;}
.green-color{color: #02a639;}
.green-bg{background-color: #02a639;}
.thin-text{font-weight: 300;}
.regular-text{font-weight: 400;}
.semi-bold-text{font-weight: 500!important;}
.semi-bold-text b{font-weight: 800;}
.bold-text{font-weight: 700;}
a,a:hover, a:focus, button, button:hover, button:focus{border:none; outline: none; text-decoration: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} 
.img-cover{object-fit: cover; object-position: center;}
.img-invert{filter: invert(1) brightness(5);}
.filter-drop-shadow{filter: drop-shadow(1px 1px 5px rgba(0,0,0,0.15));}
.p-40-0{padding: 40px 0;}
.p-60-0{padding: 60px 0;}
.p-80-0{padding: 80px 0;}
.p-80-0{padding: 80px 0;}
.d-large-screen-only{display: block;}
.d-small-screen-only{display: none;}
.carousel-indicators{z-index: 2;}
.heading{font-family: "Poppins", sans-serif; }
.white-color .subheading:after{border-top: solid 1px #f9f9f9;}
.page-top{margin-top: 90px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.border-radius-5{border-radius: 5px;}

/*btn*/
.btn-solid{position: relative; display: inline-block; padding: 10px 30px; border-radius: 5px; font-size: 16px; font-weight: 400; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.btn-bordered{position: relative; display: inline-block; padding: 10px 30px; border-radius: 5px; font-size: 16px; font-weight: 400; border: solid 1px #ffffff; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

/* header */
.header{top: 0; position: fixed; padding: 0; width: 100%; z-index: 10; filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.15)); background-color: #183b9d; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.header .left-side{padding-right: 15px;}
.header .left-side .logo img{position: relative; margin-top: 15px; filter: grayscale(1) brightness(5); margin-right: 20px; width: 200px;}
.header .logo:before{content: ''; position: absolute; top: 0; right: 0; left: -16.5vw; bottom: -15px; background-color: #02a639; border-bottom-right-radius: 20px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear;}

.header ul{margin: 0; padding: 0; display: inline-flex;}
.header ul>li{display: inline-block; list-style: none; position: relative;}
.header ul>li a{line-height: 62px; padding: 0 30px!important; display: block; width: 130px; text-align: center; color: #ffffff; font-size: 14px; font-weight: 300; border-right: solid 1px #516bb2; font-family: "Poppins", sans-serif;}
.header ul>li a:hover, .header ul li.current-menu-item a, .header ul li.current_page_item a{color: #ffffff!important; background: #112a6e;}
.header .call{position: absolute; right: 0; font-weight: 500; color: #ffffff; font-size: 15px; }
.header .call i{display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 50%; background: #ffffff; color:#183b9d; transform: scaleX(-1); }

.header ul>li .sub-menu { background-color: #112a6e; display: block; left: 0; top: 100%; list-style: none; margin: 20px 0 0; opacity: 0; padding: 0px; position: absolute; visibility: hidden; width: 220px; z-index: 10; }
.header ul>li:hover>.sub-menu{ opacity: 1; visibility: visible; margin-top: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.header ul>li .sub-menu>li { position: relative; text-transform: none; display: block; text-align: left; }
.header ul>li .sub-menu>li a{ color: #ffffff; display: block; border: none;font-size: 14px; line-height: 1.5; display: block; padding: 15px!important; text-align: left; font-weight: 400; width: 100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.header ul>li .sub-menu>li a:hover{background-color: #183b9d;}

/* scroll-top-btn */
.scroll-top-btn{position: fixed; right: 15px; width: 50px; height: 50px; border-radius: 5px; z-index: 99; font-size: 24px; bottom: -150px; color: #FFCC00; text-align: center; filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.35));}
.scroll-top-btn i{line-height: 50px;}
.scroll-top-btn:hover{color: #ffffff;}

/* search-popup */
/* .search-popup {position: fixed; display:block; top: 0; right: 0; left: 0; transform: translateY(-100%); z-index: 6; background-color: #ffffff; padding: 50px 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.search-popup .button {display: block; width: 20px; height: 35px; line-height: 35px; background: transparent; background-color: transparent; margin: 0 8px; padding: 0;}
.search-popup.active{transform: translateY(0); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.search-popup input{border: solid 1px #000000; border-radius: 0;}
.search-popup input:focus{box-shadow: none; outline: none; border: solid 1px #000000;} */

/* slider */
.slider{position: relative; background-color: #051949;  -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.slider img{height: 500px; object-fit: cover; object-position: center;}
.slider .btn-solid{padding: 15px 50px;}
.slider .dark-overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.0);}
.slider .text-content{position: absolute; z-index: 1; top: 50%; right: 0; left: 0; transform: translateY(-50%); color: #ffffff;}
.slider .text-content a.btn-solid{padding: 10px 30px; border: 1px solid #02a639; display: inline-block;}
.slider .text-content a.btn-bordered{padding: 10px 30px!important; border: 1px solid #ffffff; border-radius: 5px;}
.slider .indicators{left: 0; right: 0; bottom: -50px;}
.slider .indicators ul{position: absolute; bottom: 0; left: calc(20% + 7px); width: 100px; height: 50px; margin-bottom: 0; transform: translateX(-100%);}
.slider .indicators a{display: inline-block; width: 50px; height: 50px; line-height: 50px; background: #183b9d; color: #ffffff; opacity: 1;}
.slider .indicators a:first-child{border-top-left-radius: 8px;}
.slider .indicators a:last-child{border-top-right-radius: 8px;}
.slider .indicators a:hover{background-color: #051949;}

/* two-side */
.two-side .login{position: relative;}
.two-side .login:before{content: ''; background: #183b9d; border-bottom: solid 10px #02a639; position: absolute; top: 0; right: 0; bottom: 0; left: -16.5vw;}

/* login */
.login p{margin-bottom: 10px;}
.login h2{font-size: 22px; font-weight: 600; margin-bottom: 20px;}
.login .btn-solid{color: #ffffff;}

/* about */
.about h2{font-size: 26px; font-weight: 600;}
.about p{line-height: 1.3; margin-bottom: 5px;}
.about-slider{width: 100%;}

/* features */
.features{background-color: #02a639; color: #ffffff; padding: 20px; border-radius: 5px;}
.features .icon{width: 50px; margin-bottom: 10px; filter: invert(1) brightness(5); height: 50px; object-fit: contain;}
.features h2{font-size: 20px; font-weight: 300; margin-bottom: 0; line-height: 1.1;}

/* quick-menu */
.two-side .quick-menu{position: relative;}
.two-side .quick-menu:before{content: ''; background: #ebf5f8; position: absolute; top: 0; right: 0; bottom: 0; left: -16.5vw;}

.quick-menu .left-side-menu-ql h2{font-size: 22px; color: #183b9d; font-weight: 600; margin-bottom: 15px;}
.quick-menu.homepage .left-side-menu-ql h2{display: none;}

.quick-menu .left-side-menu-ql ul{margin: 0; padding: 0;}
.quick-menu .left-side-menu-ql ul li{list-style: none; display: block;}
.quick-menu .left-side-menu-ql ul li a{color: #02a639; display: block; font-weight: 600; font-size: 18px; padding: 20px; border-bottom: solid 1px #02a639; position: relative;}
.quick-menu .left-side-menu-ql ul li:last-child a{border-bottom: none;}
.quick-menu .left-side-menu-ql ul li a:hover{background-color: #02a639; color: #ffffff;}
.quick-menu .left-side-menu-ql ul li a:before {font-family: "Font Awesome 5 Free";content: "\f04b";display: inline-block; vertical-align: middle;font-weight: 900;font-size: 8px;width: 24px; height: 24px; margin: auto; text-align: center; line-height: 24px;border-radius: 50%;background: #02a639; color: #ffffff; vertical-align: text-bottom;margin-right: 8px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.quick-menu .left-side-menu-ql ul li a:hover:before{background: #ffffff; color: #02a639; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

/* get-in-touch */
.two-side .get-in-touch{position: absolute; bottom: 0;}
.two-side .get-in-touch:before{content: ''; background: #183b9d; position: absolute; top: 0; right: 0; bottom: 0; left: -16.5vw;}
.two-side .get-in-touch h2{font-size: 20px; font-weight: 600; margin-bottom: 15px;}
.two-side .get-in-touch a{color: #ffffff;}

/* loan-process */
.loan-process .heading-section h2{font-size: 24px; font-weight: 600; margin-bottom: 0; padding: 5px 10px; border-radius: 5px; background-color: #183b9d; color: #ffffff; white-space: nowrap;}
.loan-process .heading-section span{line-height: 1.1; margin-bottom: 0; padding-left: 10px;}
.loan-process .steps{margin: 0;}
.loan-process .steps .col-lg .step{border-right: solid 2px #ffffff; background-color: #ebf5f8; padding: 20px 15px;}
.loan-process .steps .col-lg:last-child .step{border-right: none;}
/* .loan-process .steps .col-lg .step .img{width: 80px; height: 80px; border: solid 1px #183b9d; border-radius: 50%; margin: auto; line-height: 80px; margin-bottom: 10px;} */
.loan-process .steps .col-lg .step .img img{width: 80px;}
.loan-process .steps .col-lg .step p{line-height: 1.1; margin-bottom: 0;}

/* services-slider */
.services-slider .single{margin:0 10px; height: 100%;}
.services-slider .single .d-flex{border: solid 1px #f0f0f0;  padding: 10px;}
.services-slider .single img{width: 40px; height: 40px; margin: 15px;}
.services-slider .single span{padding-left: 10px; align-self: center;}
.services-slider .single span h2{font-size: 18px; margin-bottom: 2px;}
.services .single .image img{height: 200px; width: 100%; object-fit: cover; object-position: center;}


/* partners */
.partners{position: relative; margin-top: 24px;}
.partners:before{content: ''; position: absolute; left: -48px; top: 0; bottom: 0; right: 0; background-color: #02a639;}
.partners-slider{margin-right: 48px;}
.partners-slider .single{margin:20px; height: 100%;}
.partners.about{margin-top: unset;}
.partners.about .partners-slider{margin-right: unset;}
.partners.about:before{display: none;}

/*footer */
.footer{position: relative; background-color: #ebf5f8; border-top: solid 1px #f4f4f4;}
.footer .two-side .left-side .footer-logo{position: relative;}
.footer .two-side .left-side:before{content: ''; background: #ffffff; position: absolute; top: 0; right: 0; bottom: 0; left: -16.5vw;}
.footer .left-side .footer-logo img{margin-right: 20px; width: 200px;}
.footer h2{font-size: 18px; color:#183b9d;}
.footer ul{padding: 0; margin: 0;}
.footer ul li{display: block; list-style: none;}
.footer ul li a{padding: 4px 0; font-size: 14px; color: #262626;}
.footer .copyright{font-size: 12px; line-height: 24px; padding: 8px 0;}
.footer .copyright a{color: #05c1e2;}
.footer label {width: 100%; margin-top: 5px;}
.footer label input{border-radius: 5px; width: 100%; height: 48px; padding: 8px; border: solid 1px #aaaaaa ;}
.footer .es_submit_button{border-radius: 5px; background-color: #02a639; color: #ffffff; padding: 10px 30px; box-shadow: none; border: none;}
.footer .copyright .powered-by{height: 24px; vertical-align: bottom;}

/* testimonials */
/* .testimonials{position: relative; background: linear-gradient(180deg, #F2F9FF 50%, #ffffff 50%);}
.testimonials .item h2{font-size: 18px; margin-left: 8px; color: #0A68B2; font-weight: 400;} */


/* page-banner */
.page-banner{position: relative; background-size: cover; background-position:center;}
.page-banner .title h1{font-size: 36px; position: relative; font-weight: 600;}
.page-banner img{object-fit: cover; width: 100%; object-position: middle;}

/* content */
.content h2{font-size: 30px;}

/* services */
.services .single img{height: 250px; object-fit: cover; object-position: center;}
.services .single h2{font-size: 18px; padding: 10px 0; display: block; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} 
.services .single h2 i{font-size: 8px; display: inline-block; width: 24px; height: 24px; margin: auto; text-align: center; line-height: 24px; border-radius: 50%; background: #183b9d; color: #ffffff; vertical-align: bottom; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.services .single .content{background-color: #ebf5f8; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.services .single:hover .content{background-color: #02a639; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.services .single:hover .content h2{color: #ffffff; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.services .single:hover .content h2 i{background: #ffffff; color: #02a639; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

/* contact-page */
.contact-page .blue-bg i.d-table-cell{font-size: 20px; padding-right: 18px; vertical-align: middle;}
.regions li{padding: 0; margin: 0; display: inline-block; margin-right: 1px;}
.regions li button{width: 120px; text-align: center; border-radius: 0!important; background-color: #02a639!important; color: #ffffff!important;}
.regions li button.active{background-color: #183b9d!important;}

.single-branch{border-right: solid 1px #f1f1f1;}
.branches .single:nth-child(3) .single-branch{border-right: none;}
.single-branch h3{font-size: 16px;}
.single-branch p{font-size: 14px; margin-bottom: 5px;}
.single-branch a{color: #183b9d;}
.single-branch br{line-height: 0.5;}

/* faq */
.faq .accordion-button:not(.collapsed){background-color: #ebf5f8; color: #183b9d; box-shadow: none; outline: none; border: none;}

/* single-update */
.single-update{margin-bottom: 30px;}
.single-update .thumbnail-image{height: 230px; width: 430px; object-fit: cover; object-position: center;}
.single-update h2{font-size: 18px;}

/* right-sidebar */
.right-sidebar{padding: 20px; background-color: #ebf5f8;}
.right-sidebar h2{font-size: 18px; font-weight: 600; color: #183b9d; font-family: "Poppins";}
.right-sidebar ul{margin: 0; padding: 0;}
.right-sidebar ul li{display: block; list-style: none; margin-bottom: 10px;}
.right-sidebar ul li a{font-size: 14px; color: #222222; }

/*form-control*/
.form-control{border-radius: 5px; margin-bottom: 8px;}

/*contactform-7*/
.wpcf7-form label.error{color: red!important; display: contents;}
.wpcf7 form .wpcf7-response-output{border: none; margin: 10px 0; padding: 0; padding-left: 5px; color: red!important; font-size: 11px;}

/* message-icon-fixed */
.message-icon-fixed{position: fixed; bottom: 15px; right: 15px; height: 55px; width: 55px; line-height: 55px; border-radius: 50%; background:#2dd349; color: #ffffff; filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.15)); font-size: 28px; text-align: center; z-index: 1;}
.message-icon-fixed:hover{background: #ffffff; color: #2dd349;}

/*MEDIA SCREEN*/
@media screen and (min-width: 992px){
	.text-lg-justify{text-align: justify!important;}
	
	/* two-side */
	.two-side .left-side{position: relative; display: inline-block; width: 20%;}
	.two-side .right-side{position: relative; display: inline-block; width: 80%;}
	
	.slider .text-content h1{font-weight: 600;line-height: 1; font-size: 60px; }
	.slider .text-content h4{font-size: 36px; font-weight: 400;}
	.pt-lg-10{padding-top: 100px;}

	.services-slider{margin: 0 10px;}

	.loan-process .steps .col-lg .step h2{font-size: 20px; font-weight: 600; width: 70%;}


	/* page-banner */
	.page-banner .left-side{width: 30%;}
	.page-banner .right-side{width: 70%;}
	.page-banner .two-side .title{position: relative; color: #ffffff;}
	.page-banner .two-side .title:before{content: ''; background: #183b9d; position: absolute; top: 0; right: 0; bottom: 0; left: -16.5vw;}
	.page-banner .two-side .image{position: relative; height: 230px;}
	.page-banner .two-side .image:before{content: ''; position: absolute; top: 0; right: -16.5vw; bottom: 0; left: 0; background-size: cover!important; background-position: center!important;}
/* 	.page-banner .two-side .image:after{content: ''; background: #02a639; position: absolute; top: 0; right: -16.5vw; filter: opacity(0.5) contrast(2); bottom: 0; left: 0;}
	 */
	.page-content{min-height: 600px;}
	
	/* carousel */
	.slick-dots {top: calc(100% + 10px);}
	.slick-dots li{margin: 0 10px;}
	.slick-dots li button:before{width: 26px; height: 6px; border-radius: 5px; content: ''; background: #9B9B9B; opacity: 1;}
	.slick-dots li.slick-active button:before{background: #0A68B2; opacity: 1;}
	.slider-prev{position: absolute; background: transparent; color: #183b9d; left: -15px; top: calc(50% - 13px); font-size: 20px;}
	.slider-next{position: absolute; background: transparent;  color: #183b9d; right: -15px; top: calc(50% - 13px); font-size: 20px;}
	.form-floating>.form-control, .form-floating>.form-select{height: unset; margin-bottom: 0;}

}

@media screen and (max-width: 1400px){
	.contact{background-position: right bottom; background-size: 22%;}
	.about-inner .content{padding: 80px 10% 80px 40px;}
	.header ul li a{width: 120px;}
	.loan-process .steps .col-lg .step h2{width: 80%;}
}

@media screen and (max-width: 992px){
	.regions{display: inline-flex!important; text-align: center;}
	.regions li button{width: unset;}
	.w-smallscreen-80{width: 80%;}
	.p-40-0{padding: 20px 0;}
	.p-60-0{padding: 20px 0;}
	.p-80-0{padding: 30px 0;}
	.d-large-screen-only{display: none;}
	.d-small-screen-only{display: block;}
	.d-flex{display: block!important;}
	h1{font-size: 22px;}
	h2{font-size: 22px;}
	h3{font-size: 16px!important;}
	p{font-size: 14px;}
	.slider .text-content h1{font-size: 40px;}
	.features{margin-bottom: 10px;}
	.slider{margin-top: 0!important;}
	.mobile-banner{position: relative}
	.mobile-banner img{height: 400px; object-fit: cover; object-position: center;}
	.mobile-banner .dark-overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.45);}
	.mobile-banner .text-content{position: absolute; z-index: 1; top: 60%; right: 0; left: 0; transform: translateY(-50%); color: #ffffff;}
	.mobile-banner .text-content h1{font-size: 28px; font-weight: 600;}
	.mobile-banner .text-content a.btn-solid{padding: 10px 30px; border: 1px solid #02a639; display: inline-block;}
	.mobile-banner .text-content a.btn-bordered{padding: 10px 30px!important; border: 1px solid #ffffff; border-radius: 5px;}
	.two-side .login{text-align: center; margin-top: 0!important;}
	.two-side .login:before{left: -3.1vw; top: 0; right: -3.1vw;}
	.page-top{margin-top: 0px!important;}
	.show-panel .mob-cancel-button { display: block; margin-top: 5px; margin-right: 5px;}
	.slider .indicators ul {position: absolute; left: 50%;transform: translateX(-50%);}
	.page-banner{padding: 20px 0; background-color: #02a639; color: #ffffff;}
	.page-banner .title h1{font-size: 20px;}
	.loan-process .steps .col-lg .step{padding: 10px;}
	.features{padding: 10px;}
	.partners.about{margin-top: 45px; margin-bottom: 15px;}
	.services-slider .single{margin:0 25px;}
	.services-slider .single img{margin: auto;}
	.footer .two-side .left-side:before{content: none;}
	.footer h2{font-size: 15px;}
	.footer .heading.opa{display: none;}
	.footer label input{font-size: 14px;}
	.partners:before{display: none;}
	.partners-slider{margin-right: unset;}
	.slider-prev{position: absolute; background: transparent; color: #183b9d; left: -5px; top: calc(50% - 13px); font-size: 20px;}
	.slider-next{position: absolute; background: transparent;  color: #183b9d; right: -5px; top: calc(50% - 13px); font-size: 20px;}
	.form-control{margin-bottom: 0;}

	.form-group label{text-align: center; display: inline-block; width: 100%;}

	.wpcf7-form label.error{display: block; margin-top: 5px; text-align: center;}
	.wpcf7 form .wpcf7-response-output{text-align: center; }
	
	.slick-dots{top: calc(100% + 10px);}
	.slick-dots li{width: 15px;}
	.slick-dots li button:before{font-size: 10px;}
}
@media screen and (max-width: 768px){	
}