/**!
* Business Loan & Finance Html Template 2025
* Description: Business Loan & Finance Template
**/
/* ```````````````````````````````````````
Table of Content
A. Reset Code
B. Link Style & Default CSS
C. Navigation & Header Style
D. Home Page Start
E. Home Two Page Start
F. Home Three Page Start
G. About Page Start
H. Service & Service Details Page Start
I. Team & Team Details Page Start
J. Blog & Blog Details Page Start
K. Project & Project Details Page Start
L. Contact Page Start
L. Error Page Start
`````````````````````````````````````````*/
/* ``````````````````````````````````````
* A. Reset Code
* `````````````````````````````````````*/
* {
margin: 0;
padding: 0;
}
body {
font-family: "Poppins", sans-serif;
color: #5B6471;
font-size: 16px;
line-height: 28px;
font-weight: 500;
text-transform: capitalize;
}
/*```````````````````````````````````````
* B. Link Style & Default CSS
*```````````````````````````````````````*/
a,
button:focus,
a:hover,
a:focus,
a:active {
text-decoration: none;
outline: none
}
h1 {
font-family: "Rubik", sans-serif;
text-transform: capitalize;
font-size: 85px;
font-weight: 600;
line-height: 85px;
color: #FFFFFF;
margin: 0;
}
h2 {
font-family: "Rubik", sans-serif;
text-transform: capitalize;
font-size: 45px;
font-weight: 600;
line-height: 50px;
color: #1E2734;
margin: 0;
}
h3 {
font-family: "Rubik", sans-serif;
text-transform: capitalize;
font-size: 26px;
font-weight: 600;
line-height: 34px;
color: #1E2734;
margin: 0;
}
h4 {
font-family: "Rubik", sans-serif;
text-transform: capitalize;
font-size: 24px;
font-weight: 500;
line-height: 34px;
color: #1E2734;
margin: 0;
}
h5 {
font-family: "Rubik", sans-serif;
text-transform: capitalize;
font-size: 20px;
font-weight: 600;
line-height: 28px;
color: #1E2734;
margin: 0;
}
h6 {
margin: 0;
}
p {
margin: 0;
padding: 0;
}
ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}
textarea,
select,
input {
outline: 0;
}
.form-control:focus {
box-shadow: none;
border-color: transparent;
}
.custom_container {
max-width: 1270px;
margin: 0 auto;
}
/* All Common CSS Start */
/* Scroll-to-Top start */
.progress-wrap {
position: fixed;
right: 32px;
bottom: 50px;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
border-radius: 50px;
z-index: 10000;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
transition: all 200ms linear;
}
.progress-wrap.active-progress {
opacity: 1;
visibility: visible;
}
.progress-wrap::after {
position: absolute;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: '\f062';
text-align: center;
line-height: 46px;
font-size: 18px;
color: #f1f1f1;
left: 0;
top: 0;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
z-index: 1;
transition: all 200ms linear;
}
.progress-wrap:hover::after {
opacity: 0;
}
.progress-wrap::before {
position: absolute;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: '\f062';
text-align: center;
line-height: 46px;
font-size: 18px;
opacity: 0;
color: #0CAED1;
left: 0;
top: 0;
height: 46px;
width: 46px;
cursor: pointer;
display: block;
z-index: 2;
transition: all 200ms linear;
}
.progress-wrap:hover::before {
opacity: 1;
}
.progress-wrap svg path {
fill: #1E2734;
}
.progress-wrap:hover svg.progress-circle path {
color: #0E4CBE;
}
.progress-wrap svg.progress-circle path {
stroke: #0CAED1;
stroke-width: 5;
box-sizing: border-box;
transition: all 200ms linear;
}
/* Scroll-to-Top End */
/* footer_part Start */
#footer_part {
background-image: url(../images/fBG.png);
background-size: cover;
background-repeat: no-repeat;
background-color: #1E2734;
position: relative;
}
.footer_content {
padding: 166px 0 80px;
}
.f_item p {
color: rgb(255 255 255 / 80%);
margin-bottom: 20px;
margin-top: 5px;
text-transform: capitalize;
max-width: 320px;
}
.social_icon li a i {
border: 2px solid rgb(255 255 255 / 30%);
width: 40px;
height: 40px;
line-height: 37px;
border-radius: 50%;
color: #FFFFFF;
text-align: center;
margin-right: 5px;
padding-right: 0 !important;
transition: all 0.5s ease 0s;
}
.f_item h4 {
color: #FFFFFF;
margin-bottom: 30px;
margin-top: 25px;
}
.f_item .social_icon li:hover i {
color: #0CAED1;
}
.f_item .social_icon li:hover {
margin-left: 0px;
}
.f_item li:hover a {
color: #0CAED1;
}
.f_item li:hover {
margin-left: 10px;
}
.f_item li {
margin-bottom: 10px;
transition: all 0.5s ease 0s;
}
.f_item li a {
color: rgb(255 255 255 / 80%);
text-transform: capitalize;
transition: all 0.5s ease 0s;
}
.f_item li a i {
padding-right: 10px;
}
.r_post:hover img {
border-color: #0CAED1;
}
.r_post {
display: flex;
justify-content: center;
align-items: center;
transition: all 0.5s ease 0s;
}
.r_post img {
border: 2px solid #FFFFFF;
border-radius: 10px;
transition: all 0.5s ease 0s;
}
.r_txt {
margin-left: 15px;
}
.r_txt p {
color: #0CAED1;
margin: 0;
font-weight: 600;
font-size: 14px;
}
.r_txt h6 {
font-family: "Rubik", sans-serif;
color: rgb(255 255 255 / 80%);
text-transform: capitalize;
font-weight: 500;
line-height: 26px;
font-size: 18px;
}
.footer_bottom {
background-color: #0E4CBE;
padding: 33px 0;
}
.f_bottom {
display: flex;
justify-content: space-between;
align-items: center;
}
.f_bottom h6 {
font-family: "Rubik", sans-serif;
font-size: 16px;
font-weight: 500;
color: #FFFFFF;
text-transform: uppercase;
}
.f_bottom h6 a,
.f_bottom li a {
color: #FFFFFF;
}
.f_bottom li {
margin-left: 15px;
text-transform: uppercase;
font-weight: 500;
}
/* footer_part End */
/* Animation Start */
.anim {
transform: translatey(0px);
animation: T_to_B 3s ease-in-out infinite;
}
@keyframes T_to_B {
0% {
transform: translatey(0px);
}
50% {
transform: translatey(-15px);
}
100% {
transform: translatey(0px);
}
}
.animm {
transform: translatex(0px);
animation: L_to_R 3s ease-in-out infinite;
}
@keyframes L_to_R {
0% {
transform: translatex(0px);
}
50% {
transform: translatex(-15px);
}
100% {
transform: translatex(0px);
}
}
.spin {
animation: spin 20s linear infinite;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* Animation End */
/* All Common CSS End */
/* ``````````````````````````````````````
* C. Navigation & Header Style
* `````````````````````````````````````*/
/* header_top Start */
#header_top {
position: relative;
background-color: #0E4CBE;
overflow: hidden;
}
.header_top_content {
position: relative;
margin-right: -86px;
margin-left: -86px;
padding: 11px 0;
}
.header_top_left ul li {
margin-right: 30px;
}
.header_social_icon::before {
content: '';
position: absolute;
bottom: 0;
top: 0;
width: 5px;
height: 100%;
background-color: rgb(214 208 208 / 15%);
right: 8%;
}
ul.header_top_menu {
padding-right: 25px;
}
.header_top_menu li {
margin-left: 30px;
}
.header_social_icon li {
margin-left: 15px;
}
.header_top_right ul li a:hover,
.header_top_left ul li a:hover i {
color: #0CAED1;
}
.header_top_left ul li a i {
padding-right: 5px;
transition: all 0.3s ease 0s;
}
.header_top_left ul li a,
.header_top_right ul li a {
color: rgb(255, 255, 255);
font-size: 15px;
text-transform: capitalize;
letter-spacing: 0.3px;
font-family: "Rubik", sans-serif;
transition: all 0.3s ease 0s;
}
/* Home One header_part Start */
#header_part {
position: fixed;
left: 0;
right: 0;
top: 50px;
z-index: 20;
background-color: transparent;
transition: all 0.3s ease 0s;
}
#header_part.stick {
top: 0;
background-color: rgba(30 39 52);
}
.header_content {
position: relative;
margin-right: -86px;
margin-left: -86px;
}
.header_content svg {
position: relative;
top: -15px;
}
#header_part.stick .animation-container {
display: none;
}
.animation-container {
width: 100%;
height: 2px;
background-color: transparent;
}
.animation-line {
height: 2px;
background-color: #0CAED1;
position: relative;
animation: expandLine 1s forwards;
transform-origin: center;
}
svg.rightShape {
position: absolute;
right: 0;
top: -4px;
}
@keyframes expandLine {
0% {
width: 0;
}
100% {
width: 100%;
}
}
.wrap_menu {
position: relative;
}
.mobile_toggler {
display: none;
}
.menu_nav {
display: flex;
align-items: center;
padding: 10px 0 8px;
}
.navbar_wrap {
display: flex;
flex-grow: 1;
}
.navbar_wrap ul {
display: flex;
margin-left: auto;
margin-right: 110px;
}
.navbar_wrap ul li {
display: block;
position: relative;
}
.navbar_wrap ul li a {
color: #FFFFFF;
font-size: 16px;
font-weight: 600;
margin-right: 47px;
padding: 26px 0;
text-transform: uppercase;
letter-spacing: 0.3px;
font-family: "Rubik", sans-serif;
transition: all 0.3s ease 0s;
display: block;
position: relative;
z-index: 1;
}
.navbar_wrap>ul>li.active>a,
.navbar_wrap>ul>li:hover>a {
color: #0CAED1;
}
.main_menu .navigation li.menu_children .dropdown-btn {
display: none;
}
.navbar_wrap ul li .submenu {
position: absolute;
left: 0;
right: 0;
top: 80px;
min-width: 220px;
margin: 0;
transform: scale(1, 0);
transform-origin: 0 0;
transition: all 0.3s ease 0s;
border-radius: 0;
padding: 15px 5px;
display: block;
visibility: hidden;
opacity: 0;
z-index: 9;
background-color: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.15);
backdrop-filter: blur(50px);
border-radius: 5px;
}
.navbar_wrap ul li .submenu li {
display: inline-block;
}
.navbar_wrap ul li .submenu li a {
color: #1E2734;
font-size: 15px;
font-weight: 600;
line-height: 30px;
text-transform: uppercase;
font-family: "Rubik", sans-serif;
letter-spacing: 0.3px;
transition: all 0.3s ease 0s;
padding: 5px 15px;
margin: 0;
}
.navbar_wrap ul li .submenu li.active a,
.navbar_wrap ul li .submenu li a:hover {
color: #0CAED1;
}
.navbar_wrap ul li:hover>.submenu {
opacity: 1;
visibility: visible;
transform: scale(1);
}
.navbar_wrap ul li.Mmenu{
position: initial;
}
.navbar_wrap ul li .mega_menu a{
margin-right: 0;
padding: 0;
}
.navbar_wrap ul li .submenu.mega_menu {
width: 100%;
min-width: auto;
padding: 30px;
top: 94px;
}
.d_img {
position: relative;
height: 400px;
overflow: hidden;
border: 2px solid #FFFFFF;
border-radius: 5px;
}
.d_img img {
width: 100%;
}
.d_img.CSoon {
background-color: #000;
display: flex;
align-items: center;
justify-content: center;
}
.s_img_overlay {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
background-color: rgba(12, 173, 209, 0.40);
transform: rotateY(45deg);
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.navbar_wrap ul li .mega_menu .s_img_overlay a:hover {
background-color: #0CAED1;
}
.mobile_menu .navigation li .mega_menu .s_img_overlay a,
.navbar_wrap ul li .mega_menu .s_img_overlay a {
color: #FFFFFF;
font-family: "Rubik", sans-serif;
text-transform: capitalize;
font-weight: 600;
letter-spacing: 0.3px;
font-size: 15px;
line-height: 28px;
background-color: #0E4CBE;
padding: 10px 30px;
box-shadow: 0px 0px 5px #FFFFFF;
border: 1px solid #FFFFFF;
transition: all 0.5s ease 0s;
}
.demo_item h3 {
font-family: "Rubik", sans-serif;
color: #1E2734;
font-size: 18px;
font-weight: 500;
letter-spacing: 0.3px;
text-align: center;
text-transform: capitalize;
line-height: 28px;
margin: 20px auto 0;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.demo_item h3:hover {
color: #0CAED1;
}
.demo_item:hover .s_img_overlay {
opacity: 1;
transform: rotateY(0deg);
}
#search {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
z-index: 110;
transition: all 0.5s ease-in-out;
transform: translate(0px, -100%) scale(0, 0);
opacity: 0;
}
#search.open {
transform: translate(0px, 0px) scale(1, 1);
opacity: 1;
}
#search input[type="search"] {
position: absolute;
top: 50%;
width: 50%;
left: 0;
right: 0;
color: #FFFFFF;
background: transparent;
font-size: 36px;
font-weight: 300;
padding: 10px 30px;
outline: none;
border: 2px solid rgb(255 255 255 / 30%);
border-radius: 40px;
margin-left: auto;
margin-right: auto;
margin-top: -60px;
}
#search .btn {
position: absolute;
top: 50%;
left: 50%;
margin-top: 50px;
margin-left: -50px;
cursor: pointer;
outline: 0;
font-family: "Rubik", sans-serif;
color: #FFFFFF;
font-size: 18px;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
background: #0E4CBE;
border: 3px solid #0CAED1;
padding: 10px 40px;
border-radius: 50px;
}
#search .close {
position: fixed;
top: 15px;
right: 15px;
color: #FFFFFF;
background: #0E4CBE;
border: 0;
opacity: 1;
padding: 10px 17px;
font-size: 30px;
outline: 0;
border: 2px solid #0CAED1;
box-shadow: none;
border-radius: 5px;
}
ul.header_right_menu li a:hover {
color: #0CAED1;
}
ul.header_right_menu li a {
color: #FFFFFF;
transition: all 0.3s ease 0s;
}
ul.header_right_menu li {
display: flex;
justify-content: center;
align-items: center;
margin-left: 30px;
}
li.book_consult a {
max-width: 135px;
line-height: 20px;
padding-left: 12px;
text-transform: uppercase;
font-weight: 600;
font-family: "Rubik", sans-serif;
}
a.search_btn {
border-right: 1.5px solid rgb(204 204 204 / 20%);
padding-right: 20px;
}
ul.header_right_menu li.book_consult {
margin-left: 20px;
}
/* header_part End */
/* Mobile_menu Start */
.nav-outer .mobile_toggler {
position: relative;
float: right;
font-size: 40px;
line-height: 50px;
cursor: pointer;
display: none;
color: #FFFFFF;
margin-right: 30px;
top: 15px;
}
.nav_logo img {
width: 120px;
}
.mobile_menu {
position: fixed;
right: 0;
top: 0;
width: 50%;
height: 100%;
opacity: 0;
visibility: hidden;
z-index: 99;
border-radius: 0px;
transition: all 0.5s ease 0s;
transform: translateX(101%);
background-color: #1E2734;
}
.mobile_menu .navbar-collapse {
display: block !important;
}
.mobile_menu .nav_logo {
position: relative;
padding: 15px;
top: 10px;
margin-bottom: 20px;
}
.mobile_menu_visible {
overflow: hidden;
}
.mobile_menu_visible .mobile_menu {
opacity: 1;
visibility: visible;
transform: translateX(0%);
}
.mobile_menu .navigation li.current>a:before {
height: 100%;
}
.backdrop {
position: fixed;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
transition: all 0.5s ease 0s;
opacity: 0;
visibility: hidden;
backdrop-filter: blur(10px);
inset-inline-start: 0;
}
.mobile_menu_visible .backdrop {
opacity: 0.98;
visibility: visible;
}
.mobile_menu .menu_box {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
overflow-x: hidden;
z-index: 5;
}
.mobile_menu_visible .mobile_menu .menu_box {
opacity: 1;
visibility: visible;
}
.mobile_menu .close_btn:hover {
background-color: #0CAED1;
}
.mobile_menu .close_btn {
position: absolute;
right: 10px;
top: 30px;
line-height: 30px;
width: 47px;
text-align: center;
font-size: 24px;
color: #FFFFFF;
cursor: pointer;
z-index: 10;
transition: all 0.5s ease 0s;
background-color: #0E4CBE;
padding: 5px 0;
border-radius: 5px;
}
.mobile_menu_visible .mobile_menu .close_btn {
transform: rotate(360deg);
}
.mobile_menu .navigation {
position: relative;
display: block;
width: 100%;
float: none;
}
.mobile_menu .navigation li {
position: relative;
display: block;
border-top: 1px solid rgb(0 0 0 / 10%);
}
.mobile_menu .navigation:last-child {
border-bottom: 1px solid rgb(0 0 0 / 10%);
}
.mobile_menu .navigation li>ul>li:first-child {
border-top: 1px solid rgb(0 0 0 / 10%);
}
.mobile_menu .navigation li a:hover {
color: #0CAED1;
}
.mobile_menu .navigation li>a {
position: relative;
display: block;
line-height: 24px;
padding: 10px 25px;
font-size: 15px;
font-weight: 500;
color: #FFFFFF;
text-transform: uppercase;
border: none;
transition: all 0.5s ease 0s;
}
.mobile_menu .navigation li ul li>a {
font-size: 15px;
margin-left: 20px;
transition: all 0.5s ease 0s;
}
.mobile_menu .navigation li ul li ul li a {
margin-left: 40px;
}
.mobile_menu .navigation li ul li ul li ul li a {
margin-left: 60px;
}
.mobile_menu .navigation li>a:before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 0;
transition: all 0.5s ease 0s;
}
.mobile_menu .navigation li.menu_children .dropdown-btn {
position: absolute;
right: 13px;
padding: 13px;
top: 0;
text-align: end;
font-size: 16px;
line-height: 16px;
color: #FFFFFF;
cursor: pointer;
transition: all 0.5s ease 0s;
}
.mobile_menu .navigation li.menu_children .dropdown-btn.open {
transform: rotateX(180deg);
}
.mobile_menu .navigation li .submenu.mega_menu {
display: none;
}
.mobile_menu .navigation li .mega_menu .s_img_overlay a:hover{
background-color: #0CAED1;
color: #FFFFFF;
}
.mobile_menu .navigation li>ul,
.mobile_menu .navigation li>ul>li>ul {
display: none;
}
/* Mobile_menu End */
/* offcanvas menu start */
.body-overlay {
height: 100%;
width: 100%;
position: fixed;
top: 0;
z-index: 9999;
inset-inline-start: 0;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-out 0s;
backdrop-filter: blur(10px);
}
.offcanvas-menu>label {
margin-top: 7px;
cursor: pointer;
transition: 0.3s ease;
}
.offcanvas-menu>label i:hover {
color: #0CAED1;
}
.offcanvas-menu>label i {
color: #FFFFFF;
font-size: 30px;
transition: all 0.3s ease;
}
.offcanvas-menu .offcanvas-menu-inner {
position: fixed;
height: 100%;
width: 450px;
right: -450px;
overflow: hidden;
background: #1E2734;
transition: 0.3s ease;
padding: 40px;
top: 0;
z-index: 99999;
scrollbar-width: none;
overflow-y: scroll;
}
.toogle-close i {
font-size: 40px;
color: #FFFFFF;
transition: all 0.3s ease;
cursor: pointer;
}
.toogle-close i:hover {
transform: rotate(90deg);
color: #0CAED1;
}
.offcanvas-menu input[type=checkbox] {
display: none;
}
.offcanvas-menu input[type=checkbox]:checked~.body-overlay {
visibility: visible;
opacity: 1;
}
.offcanvas-menu input[type=checkbox]:checked~label img {
opacity: 0;
}
.offcanvas-menu input[type=checkbox]:checked~.offcanvas-menu-inner {
right: 0;
}
.offcanvas-menu .offcanvas-menu-inner p {
color: rgb(255 255 255 / 80%);
font-weight: 400;
margin: 30px 0 40px;
}
.offcanvas-menu-inner .search_button input {
border-radius: 0;
background: rgb(0 0 0 / 20%);
color: rgb(255 255 255 / 80%);
padding-right: 60px;
}
.offcanvas-menu-inner .search_button button {
background: transparent;
}
.offcanvas-menu-inner .search_button input::placeholder {
color: rgb(255 255 255 / 80%);
opacity: 1;
}
.follow_info h4,
.contact_info h4 {
color: rgb(255 255 255 / 95%);
border-bottom: 1px solid rgb(255 255 255 / 10%);
padding-bottom: 10px;
margin-bottom: 25px;
font-weight: 500;
}
.con_text h6 {
color: rgb(255 255 255 / 80%);
text-transform: capitalize;
font-weight: 400;
margin-bottom: 5px;
}
.con_text h5 {
color: #FFFFFF;
font-weight: 400;
font-size: 18px;
}
ul.header_right_menu .social_icon li:hover i {
color: #0CAED1;
border-color: rgb(255 255 255 / 80%);
}
ul.header_right_menu .social_icon li {
margin-right: 5px;
margin-left: 0;
transition: all 0.3s ease 0s;
}
/* offcanvas menu End */
/* Home One header_part End */
/* Home Two header_part Start */
#header_part.home_two .header_content::after {
content: '';
position: absolute;
right: 0;
bottom: -22px;
width: 100%;
height: 27px;
background-color: #FFFFFF;
z-index: -1;
transform: translateX(1436px);
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 2% 100%);
}
#header_part.home_two .header_content::before {
content: '';
position: absolute;
left: 0;
bottom: -22px;
width: 100%;
height: 27px;
background-color: #FFFFFF;
z-index: -1;
transform: translateX(-1436px);
clip-path: polygon(0% 0%, 100% 0%, 98% 100%, 0% 100%);
}
#header_part.home_two {
background-color: #FFFFFF;
box-shadow: 0px 0px 8px rgb(51 51 51 / 31%);
}
#header_part.home_two svg {
position: absolute;
left: 0;
right: 0;
top: 0;
width: 100%;
}
#header_part.home_two.stick .header_content::before,
#header_part.home_two.stick .header_content::after {
display: none;
}
.home_two .navbar_wrap ul li a {
color: #1B2431;
}
.home_two .navbar_wrap ul li .submenu li {
display: block;
}
.home_two .navbar_wrap>ul>li.active>a,
.home_two .navbar_wrap>ul>li:hover>a {
color: #0E4CBE;
background-color: #FFFFFF;
}
.home_two .navbar_wrap ul li .submenu li.active a,
.home_two .navbar_wrap ul li .submenu li a:hover {
color: #0E4CBE;
background-color: #FFFFFF;
}
.home_two ul.header_right_menu li a {
color: #1B2431;
}
.home_two ul.header_right_menu li a:hover {
color: #0E4CBE;
}
.home_two a.search_btn {
border-right: 1.5px solid rgb(204 204 204 / 70%);
}
/* Home Two header_part End */
/* ````````````````````````````````````
* D. Home Page Start
* ```````````````````````````````````*/
/* Banner_part Start */
#banner_part {
position: relative;
overflow: hidden;
}
.banner_content {
position: relative;
padding: 270px 0 250px;
}
#banner_part .BGimg {
position: absolute;
min-width: 100%;
min-height: 100%;
height: auto;
object-fit: cover;
}
.banner_txt {
margin-top: 15px;
}
.banner_txt img {
position: relative;
top: -7px;
padding-right: 10px;
}
.banner_txt h5 {
color: #0CAED1;
text-transform: uppercase;
}
.banner_txt p {
font-family: "Rubik", sans-serif;
color: #FFFFFF;
text-transform: capitalize;
font-weight: 400;
font-size: 20px;
margin: 10px 0 20px;
}
.banner_btn {
margin-top: 50px;
}
.banner_btn .Bbtn {
background-color: #0CAED1;
font-family: "Rubik", sans-serif;
color: #FFFFFF;
text-transform: uppercase;
font-weight: 500;
font-size: 18px;
padding: 20px 5px 20px 25px;
border-radius: 35px;
transition: all 0.5s ease 0s;
}
.banner_btn .Bbtn i {
width: 50px;
height: 50px;
background-color: #FFFFFF;
color: #0E4CBE;
text-align: center;
line-height: 50px;
border-radius: 100%;
margin-left: 10px;
}
.Vbtn i:hover {
background-color: #0CAED1;
}
.banner_btn .Bbtn:hover {
background-color: #0E4CBE;
}
.Vbtn i {
width: 60px;
height: 60px;
background-color: #0E4CBE;
color: #FFFFFF;
text-align: center;
line-height: 60px;
border-radius: 100%;
margin-left: 10px;
transition: all 0.5s ease 0s;
}
.banner_Img .sImg {
position: absolute;
bottom: 0;
}
.ellipse {
position: relative;
left: -55px;
top: 80px;
}
.simgOne {
position: absolute;
bottom: 0;
left: -20%;
}
.simgTwo .sIcon {
position: absolute;
top: 21%;
right: -10%;
}
.simgTwo .sStar {
position: absolute;
top: 30%;
right: -38px;
}
/* Banner_part End */
/* clients_part Start */
.clients_content {
position: absolute;
top: -60px;
width: 1270px;
margin: 0 auto;
z-index: 11;
background-color: #0CAED1;
border-radius: 20px;
}
.clients_item {
background-color: #0E4CBE;
padding: 40px 40px 35px 40px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.clients_item ul {
display: flex;
justify-content: space-between;
align-items: center;
}
.clients_txt {
padding: 39px 25px 35px 0;
}
.clients_txt h4 {
display: flex;
color: #FFFFFF;
line-height: 24px;
}
.clients_txt img {
margin-right: 15px;
}
/* clients_part End */
/* succeed_part Start */
#succeed_part {
position: relative;
background-color: #EDEDED;
}
.succeed_content {
padding: 178px 0 110px;
}
.succeed_content.serviceP {
padding: 114px 0 110px;
}
.succeed_title {
margin-bottom: 40px;
}
.succeed_title h6 {
font-family: "Rubik", sans-serif;
background-color: #FFFFFF;
display: inline;
color: #0E4CBE;
padding: 10px 25px;
font-size: 16px;
font-weight: 600;
border-radius: 30px;
text-transform: uppercase;
box-shadow: 0px 4px 4px rgb(14 76 190 / 15%);
}
.succeed_title h2 {
max-width: 500px;
margin: 19px auto;
}
.succeed_item {
background-color: #FFFFFF;
padding: 30px;
border-radius: 10px;
box-shadow: 0px 0px 10px rgb(14 76 190 / 15%);
transition: all 0.5s ease 0s;
position: relative;
overflow: hidden;
}
.succeed_item::after {
content: '';
position: absolute;
width: 80%;
bottom: -7px;
background-color: #0E4CBE;
border-radius: 20px;
height: 15px;
left: 0;
right: 0;
margin: 0 auto;
transition: all 0.5s ease 0s;
}
.succeed_item .suc_icon i {
color: #FFFFFF;
font-size: 30px;
background-color: #0E4CBE;
display: block;
width: 75px;
height: 75px;
line-height: 82px;
text-align: center;
border-radius: 100%;
transition: all 0.5s ease 0s;
}
.succeed_item h5 {
padding: 20px 0;
display: inline-block;
}
.succeed_item .read_btn {
font-family: "Rubik", sans-serif;
color: #0E4CBE;
font-size: 18px;
font-weight: 600;
text-transform: capitalize;
display: inline-block;
margin: 22px 0 15px;
transition: all 0.5s ease 0s;
}
.succeed_item .read_btn:hover i {
transform: translateX(4px);
}
.succeed_item .read_btn i {
padding-left: 5px;
transition: all 0.4s ease 0s;
}
.succeed_item:hover {
transform: translateY(-8px);
}
.succeed_item:hover .read_btn {
color: #0CAED1;
}
.succeed_item:hover .suc_icon i,
.succeed_item:hover::after {
background-color: #0CAED1;
}
/* succeed_part End */
/* about_part Start */
#about_part {
background-color: #FFFFFF;
position: relative;
overflow: hidden;
}
.about_content {
position: relative;
padding: 110px 0;
}
h6.title {
font-family: "Rubik", sans-serif;
background-color: #0E4CBE;
color: #FFFFFF;
font-size: 16px;
font-weight: 600;
display: inline-block;
border-radius: 25px;
padding: 10px 20px 9px;
text-transform: uppercase;
}
h6.title img {
max-width: 20px;
position: relative;
top: -2px;
}
.ab_txt_left h2 {
margin: 13px 0 20px;
}
.ab_txt_left p {
max-width: 535px;
margin-bottom: 40px;
}
.ab_txt {
position: relative;
}
.ab_txt.dvider::after {
content: url(../images/Divider.svg);
position: absolute;
bottom: -9px;
left: -40px;
}
.ab_txt h5 {
max-width: 165px;
margin-left: 15px;
}
.ab_related {
border-top: 1px solid rgb(51 51 51 / 15%);
margin: 40px 80px 0 0;
padding-top: 30px;
}
.abtxt li:before {
content: url(../images/checkbox.svg);
position: absolute;
left: 0;
top: 3px;
}
.abtxt li {
position: relative;
padding-left: 25px;
margin-bottom: 5px;
}
.Button {
position: relative;
display: inline-block;
z-index: 1;
}
.Button a:hover i {
transform: translateX(5px);
}
.Button a i {
margin-left: 15px;
transition: all 0.5s ease 0s;
}
.Button a::after {
content: '';
position: absolute;
right: -5px;
top: 0;
bottom: 0;
width: 20px;
margin: 0 auto;
background-color: #0CAED1;
border-radius: 11px;
z-index: -1;
}
.Button a span {
border-right: 2px solid rgb(255 255 255 / 20%);
padding: 5px 15px 4px 0;
}
.Button a:hover {
background-color: #0CAED1;
}
.Button a {
background-color: #0E4CBE;
font-family: "Rubik", sans-serif;
display: inline-block;
padding: 15px 20px;
text-align: center;
color: #FFFFFF;
text-transform: uppercase;
border-radius: 10px;
margin-top: 38px;
position: relative;
font-weight: 600;
transition: all 0.5s ease 0s;
}
.ab_img {
position: relative;
text-align: end;
}
.ab_img .Vbtn {
position: absolute;
left: 0;
right: 0;
top: 48px;
text-align: center;
}
.ab_txt_right {
position: relative;
z-index: 1;
}
.bgg {
content: '';
position: absolute;
width: 70px;
height: 180px;
background-color: #0CAED1;
bottom: -10px;
right: -10px;
z-index: 1;
}
.abImg1 {
margin-left: auto;
display: flex;
position: relative;
z-index: 2;
background-color: #FFFFFF;
}
.abImg2 {
position: absolute;
top: 16%;
left: 6%;
z-index: 3;
}
.ab_txt_right ul {
background-color: #3A5BCE;
padding: 25px;
position: absolute;
bottom: 20%;
left: 0;
z-index: 3;
border-right: 10px solid #0CAED1;
color: #FFFFFF;
display: flex;
align-items: center;
}
.ab_txt_right ul li {
font-family: "Rubik", sans-serif;
font-size: 45px;
font-weight: 600;
}
.ab_txt_right ul li:nth-child(2) {
font-size: 18px;
text-transform: uppercase;
max-width: 135px;
border-left: 1px solid rgb(255 255 255 / 34%);
padding-left: 18px;
margin-left: 25px;
}
.abDot {
position: absolute;
top: 30%;
left: 0;
opacity: 0.4;
}
.ab_bg_left {
position: absolute;
left: 0;
top: 0;
}
.ab_bg_right {
position: absolute;
right: 0;
bottom: -20%;
}
/* about_part End */
/* gallery_part Start */
#gallery_part {
position: relative;
overflow: hidden;
margin-bottom: 11px;
}
.gallery_item:hover img {
transform: scale(1.1);
}
.gallery_item img {
width: 100%;
transform: scale(1);
transition: all 0.5s ease 0s;
}
.gallery_item {
position: relative;
overflow: hidden;
}
.gallery_overlay:hover h5,
.gallery_overlay:hover a {
transform: translate3d(0, 0, 0);
}
.gallery_overlay:hover {
opacity: 1;
}
.gallery_overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgb(14 76 190 / 60%);
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
transition: all 0.5s ease 0s;
}
.gallery_overlay h5 {
position: absolute;
bottom: 50px;
background-color: #0CAED1;
width: 300px;
height: 80px;
text-align: center;
line-height: 80px;
text-transform: uppercase;
color: #FFFFFF;
transform: translate3d(0, 50%, 0);
transition: all 0.5s ease 0s;
}
.gallery_overlay a {
width: 90px;
height: 90px;
background-color: #0CAED1;
color: #FFFFFF;
text-align: center;
line-height: 90px;
border-radius: 100%;
position: relative;
bottom: 30px;
font-size: 28px;
transform: translate3d(0, -50%, 0);
transition: all 0.5s ease 0s;
}
/* gallery_part End */
/* service_part Start */
#service_part {
background-image: url(../images/serviceBG.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
overflow: hidden;
}
.service_content {
position: relative;
padding: 110px 0 105px;
z-index: 1;
}
.service_title {
margin-bottom: 42px;
}
.service_title h2 {
color: #FFFFFF;
margin-top: 12px;
}
.service_title h6 {
color: #0CAED1;
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
}
.ser_item {
background-color: #FFFFFF;
text-align: center;
padding: 11px;
border-radius: 20px;
position: relative;
}
.ser_img {
position: relative;
border-radius: 10px;
}
.ser_img img {
width: 100%;
}
.overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url(../images/sOver.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.ser_icon i {
position: relative;
z-index: 2;
color: #FFFFFF;
}
.ser_icon {
width: 70px;
height: 70px;
line-height: 92px;
margin: 0 auto;
position: relative;
top: -39px;
left: 0;
right: 0;
background-color: #FFFFFF;
border-radius: 100%;
font-size: 30px;
}
.ser_icon::after {
content: url(../images/star.svg);
position: absolute;
width: 100%;
top: 8px;
left: 0;
z-index: 1;
opacity: 0;
transition: all 0.5s ease 0s;
}
.ser_item:hover a {
background-color: #0CAED1;
}
.ser_item:hover h4 {
color: #0CAED1;
}
.ser_item:hover .ser_icon::after {
opacity: 1;
}
.ser_item:hover .ser_icon::before {
opacity: 0;
}
.ser_icon::before {
content: url(../images/star1.svg);
position: absolute;
width: 100%;
top: 6px;
left: 0;
z-index: 1;
transition: all 0.5s ease 0s;
}
.ser_icon img {
position: absolute;
left: -25px;
top: 2px;
}
.ser_txt {
margin-top: -30px;
position: relative;
overflow: hidden;
}
.ser_txt::before {
content: url(../images/sShape2.svg);
position: absolute;
width: 100%;
top: 0%;
left: 0;
z-index: 1;
opacity: 0.7;
}
.ser_txt h4 {
position: relative;
transition: all 0.5s ease 0s;
z-index: 2;
}
.ser_txt p {
max-width: 230px;
margin: 10px auto;
line-height: 24px;
position: relative;
z-index: 2;
}
.serBtn {
background-color: #0E4CBE;
border: 3px solid #FFFFFF;
width: 80px;
height: 40px;
line-height: 38px;
display: block;
margin: 0 auto;
position: relative;
top: 25px;
color: #FFFFFF;
border-radius: 25px;
font-size: 18px;
transition: all 0.5s ease 0s;
}
.serIcon {
position: absolute;
top: 15%;
right: -15%;
}
/* service_part End */
/* team_part Start */
#team_part {
background-image: url(../images/teamBG.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
overflow: hidden;
}
.team_content {
position: relative;
padding: 110px 0 102px;
z-index: 1;
}
.team_title {
margin: 13px 0 50px;
}
.team_title a:hover {
background-color: #0CAED1;
}
.team_title a {
font-family: "Rubik", sans-serif;
background-color: #0E4CBE;
color: #FFFFFF;
padding: 9px 40px;
border-radius: 25px;
text-transform: uppercase;
font-weight: 600;
transition: all 0.5s ease 0s;
}
.team_item:hover h4 {
color: #0CAED1;
}
.team_item:hover .shareBtn {
background-color: #0CAED1;
}
.team_item:hover .team_img img {
transform: scale(1.1);
}
.team_item {
position: relative;
text-align: center;
}
.team_img {
position: relative;
overflow: hidden;
border-radius: 15px;
}
.team_img img {
width: 100%;
transform: scale(1);
transition: all 0.5s ease 0s;
}
.btnShowHide {
width: 48px;
height: 48px;
overflow: hidden;
border-radius: 35px;
transition: all 0.3s ease-out;
position: absolute;
right: 0;
bottom: 0;
margin: 20px;
}
.btnShowHide:hover {
height: 190px;
}
.btnShowHide .shareBtn {
display: block;
background-color: #0E4CBE;
color: #FFFFFF;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
border-radius: 100%;
font-size: 18px;
transition: all 0.5s ease 0s;
position: absolute;
bottom: 0;
cursor: pointer;
}
.hover_icon {
background-color: #0CAED1;
width: 45px;
line-height: 32px;
text-align: center;
border-radius: 35px;
font-size: 16px;
padding: 15px 0;
transition: all 0.5s ease 0s;
}
.hover_icon a:hover {
color: #0E4CBE;
}
.hover_icon a {
color: #FFFFFF;
padding: 10px;
transition: all 0.5s ease 0s;
}
.btnShowHide .shareBtn:hover .btnShowHide {
height: 190px;
}
.team_item h4 {
text-transform: capitalize;
margin-top: 20px;
transition: all 0.5s ease 0s;
}
.team_item p {
text-transform: capitalize;
margin-top: 4px;
}
/* team_part End */
/* quotes_part Start */
#quotes_part {
background-image: url(../images/quotesBG.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
overflow: hidden;
}
.quotes_img img {
width: 100%;
height: 871px;
}
.quotes_content {
padding: 110px 0 110px 40px;
max-width: 783px;
}
.quotes_content h2 {
color: #FFFFFF;
margin: 13px 0 35px;
}
.quotes_content h2 span {
color: #0CAED1;
}
.range p {
display: flex;
justify-content: space-between;
align-items: center;
}
.quotes_content .form-example label,
.range p label {
font-family: "Rubik", sans-serif;
color: #FFFFFF;
font-weight: 600;
text-transform: capitalize;
margin-bottom: 8px;
}
.range p input {
border: 0;
background-color: transparent;
color: #FFFFFF;
text-align: right;
width: 50px;
}
.quotes_content .form-example select,
.quotes_content .form-example input,
.quotes_content .form-example label {
width: 100%;
}
.phone_name .form-example {
width: 360px;
}
.quotes_content .form-example input::placeholder {
color: #939393;
}
.quotes_content .form-example select,
.quotes_content .form-example input {
background-color: #1E2734;
border: none;
border-radius: 10px;
padding: 15px;
text-transform: capitalize;
color: #FFFFFF;
}
.quotes_content .form-example select {
appearance: none;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position-x: 99%;
background-position-y: 18px;
}
.quotes_content .form-example select:required:invalid {
color: #939393;
}
#salutation option {
color: #FFFFFF;
}
.quotes_content .form-example.submit_btn input:hover {
background-color: #0E4CBE;
}
.quotes_content .form-example.submit_btn input {
width: 180px;
margin-top: 20px;
background-color: #0CAED1;
font-family: "Rubik", sans-serif;
color: #FFFFFF;
font-weight: 600;
text-transform: uppercase;
transition: all 0.5s ease 0s;
}
/* quotes_part End */
/* testimonial_part Start */
#testimonial_part {
background-image: url(../images/testiBG.png);
background-color: rgb(237 237 237 / 65%);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
overflow: hidden;
}
.testi_content {
padding: 110px 0;
}
.testi_content h2 {
max-width: 500px;
margin: 13px 0 40px;
}
.testi_item {
background-color: #FFFFFF;
padding: 30px;
border-radius: 10px;
box-shadow: 0px 0px 3px rgb(51 51 51 / 25%);
transition: all 0.5s ease 0s;
}
.testi_item:hover {
background-color: #1E2734;
}
.testi_item:hover h5 i {
background-color: #FFFFFF;
color: #0CAED1;
}
.testi_item:hover p,
.testi_item:hover h4,
.testi_item:hover h5 {
color: #FFFFFF;
}
.testi_item:hover .testi_img {
border-color: #0CAED1;
}
.testi_img {
width: 85px;
height: 85px;
border: 2px solid #0E4CBE;
border-radius: 100%;
margin-right: 20px;
transition: all 0.5s ease 0s;
}
.testi_img img {
width: 79px;
height: 79px;
position: relative;
top: 1px;
left: 1px;
}
.rating i {
font-size: 14px;
color: #0CAED1;
}
.testi_txt {
margin-bottom: 20px;
}
.testi_txt h4 {
line-height: 30px;
transition: all 0.5s ease 0s;
}
.testi_item h5 {
margin-bottom: 15px;
transition: all 0.5s ease 0s;
}
.testi_item h5 i {
background-color: #0E4CBE;
color: #FFFFFF;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
border-radius: 5px;
margin-right: 10px;
transition: all 0.5s ease 0s;
}
/* testimonial_part End */
/* blog_part Start */
#blog_part {
background-color: #FFFFFF;
position: relative;
overflow: hidden;
}
.blog_content {
position: relative;
padding: 110px 0 215px;
z-index: 1;
}
.blog_content h2 {
margin-top: 8px;
}
.blog_img {
position: relative;
overflow: hidden;
border-radius: 15px;
}
.blog_img img {
width: 100%;
transform: scale(1);
transition: all 0.5s ease 0s;
}
.blog_txt {
padding: 30px 30px 0 0;
}
.blog_txt ul>li>a {
color: #0E4CBE;
transition: all 0.5s ease 0s;
}
.blog_txt ul li:nth-child(2) {
margin-left: 15px;
padding-left: 15px;
border-left: 2px solid #ccc;
}
.blog_txt ul li {
text-transform: uppercase;
line-height: 15px;
}
.blog_txt h4:hover {
color: #0CAED1;
}
.blog_txt h4 {
margin: 15px 0 25px;
transition: all 0.5s ease 0s;
}
.blog_txt a i {
background-color: #0E4CBE;
color: #FFFFFF;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
border-radius: 50%;
margin-right: 10px;
transition: all 0.5s ease 0s;
}
.blog_txt span {
color: #1E2734;
font-size: 18px;
font-weight: 600;
text-transform: capitalize;
}
.blog_item:hover .blog_txt a i {
background-color: #0CAED1;
}
.blog_item:hover .blog_txt ul li a,
.blog_item:hover .blog_txt ul li span {
color: #0CAED1;
}
.blog_item:hover .blog_img img {
transform: scale(1.1);
}
.blog_item:hover .ripple {
display: block;
}
.blog_bg {
position: absolute;
right: -20px;
bottom: -50px;
}
/* blog_part End */
/* ads_part Start */
#ads_part {
position: absolute;
top: -17%;
background-color: #0CAED1;
padding-bottom: 5px;
border-radius: 20px;
left: 0;
right: 0;
max-width: 1270px;
margin: 0 auto;
}
.ads_content {
background-color: #0E4CBE;
border-radius: 20px;
}
.ads_left {
display: flex;
align-items: center;
padding-left: 50px;
}
.ads_left h2 {
color: #FFFFFF;
}
.ads_right {
padding: 78px 0 77px 10px;
z-index: 1;
position: relative;
}
.ads_right .form-example {
display: flex;
margin-right: 40px;
}
.ads_right input[type="email"] {
background-color: #FFFFFF;
border: 0;
padding: 15px 25px;
width: 400px;
border-radius: 10px;
text-transform: capitalize;
margin-right: 5px;
}
.ads_right input[type="submit"]:hover {
background-color: #FFFFFF;
color: #0E4CBE;
}
.ads_right input[type="submit"] {
border: 0;
padding: 15px 30px;
border-radius: 10px;
font-family: "Rubik", sans-serif;
background-color: #0CAED1;
color: #FFFFFF;
text-transform: uppercase;
font-size: 18px;
font-weight: 500;
transition: all 0.5s ease 0s;
}
.ads_bg {
position: absolute;
right: 0;
top: 0;
}
/* ads_part End */
/* `````````````````````````````````````
E. Home Two Page Start
```````````````````````````````````````*/
/* banner_part_Two Start */
#banner_part_Two {
position: relative;
overflow: hidden;
margin-bottom: -10px;
}
#banner_part_Two .slick-slide img {
width: 100%;
}
#banner_part_Two .banner_txt img {
width: 40px !important;
height: auto !important;
}
#banner_part_Two .banner_txt ul.client_list li img {
width: auto !important;
}
.banner_item .banner_txt {
position: absolute;
top: 28%;
left: 0;
right: 0;
max-width: 650px;
margin: 0 auto;
margin-right: 51%;
}
.banner_item .banner_txt h5 {
color: #FFFFFF;
display: inline-flex;
}
.banner_item .banner_txt p {
letter-spacing: 0.3px;
}
ul.client_list {
margin-top: 70px;
justify-content: left;
align-items: center;
}
ul.client_list li {
padding-right: 20px;
}
/** Text Animation **/
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(100px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.slick-slide.slick-current.slick-active .banner_txt{
animation-name: fadeInUp;
animation-duration: 3s;
opacity: 1;
}
/* Text Animation End **/
.banner_right {
position: absolute;
right: 0;
left: 0;
top: 26%;
background-color: #FFFFFF;
padding: 30px;
width: 450px;
border-radius: 5px;
margin: 0 auto;
margin-left: 60%;
}
.shape {
position: absolute;
top: -36px;
right: -35px;
}
.banner_right::after {
content: '';
position: absolute;
width: 100%;
height: 5px;
top: 0;
left: 0;
background-image: linear-gradient(90deg, #3A5BCE 28.510600000000004%, #0CAED1 86.383%);
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.loan_calculator h4 {
text-align: center;
padding-bottom: 15px;
border-bottom: 1px solid #E4E4E4;
margin-bottom: 10px;
}
.loan_calculator h4 span {
color: #0E4CBE;
}
.loan_calculator .form-group {
position: relative;
}
.loan_calculator label {
display: block;
margin-bottom: 5px;
}
.loan_calculator label .symbol {
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
}
.loan_calculator input {
width: 100%;
padding: 11px 20px 9px;
border: none;
background-color: #E4E4E4;
color: #5B6471;
margin-bottom: 17px;
border-radius: 5px;
}
button#applyBtn:hover {
background-color: #0CAED1;
}
button#applyBtn {
color: #FFFFFF;
background-color: #3A5BCE;
border: none;
text-transform: uppercase;
font-size: 18px;
font-weight: 600;
padding: 15px;
width: 100%;
font-family: "Rubik", sans-serif;
transition: all 0.5s ease 0s;
border-radius: 5px;
}
.loan_calculator input[type=range] {
appearance: none;
margin: 10px 0 20px;
width: 100%;
height: 7px;
background-image: linear-gradient(#0E4CBE, #0E4CBE);
background-size: 11% 100%;
background-repeat: no-repeat;
background-color: #EDEDED;
padding: 0;
}
.loan_calculator input[type=range]:focus {
outline: none;
}
.loan_calculator input[type="range"]::-webkit-slider-thumb {
position: relative;
cursor: pointer;
appearance: none;
background-color: #EDEDED;
border: 4px solid #0E4CBE;
border-radius: 50%;
width: 20px;
height: 20px;
}
@media (max-width: 1799.98px) {
#banner_part_Two .slick-slide img {
height: 950px;
}
}
/* banner_part_Two End */
/* explore_part Start */
#explore_part {
position: relative;
overflow: hidden;
padding-top: 60px;
background-image: url(../images/home_two/exploreBG.png);
background-repeat: no-repeat;
background-size: cover;
}
.explore_content {
padding-bottom: 50px;
}
.explore_content p {
max-width: 570px;
position: relative;
padding-left: 27px;
text-transform: capitalize;
color: #D6D0D0;
}
.explore_content p img {
left: 0;
position: absolute;
top: -7px;
}
.explore_content h2 {
color: #FFFFFF;
}
.explore_item {
padding: 15px 30px;
align-items: center;
transition: all 0.5s ease 0s;
border-bottom: 2px solid rgb(30 39 52 / 10%);
}
.slick-slide.slick-current.slick-active.slick-center .e_txt p,
.slick-slide.slick-current.slick-active.slick-center .e_txt h4 {
color: #FFFFFF;
}
.slick-slide.slick-current.slick-active.slick-center .explore_item::after {
content: '';
position: absolute;
width: 0%;
height: 5px;
top: 0;
left: 0;
right: 0;
background-color: #0CAED1;
animation: progress 2.9s linear forwards;
}
.slick-slide.slick-current.slick-active.slick-center .explore_item {
background-color: #0E4CBE;
position: relative;
}
@keyframes progress {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
.e_img {
border: 4px solid #0CAED1;
border-radius: 100%;
margin-right: 15px;
}
.e_txt h4{
font-weight: 500;
}
.e_txt h4,
.e_txt p {
text-transform: capitalize;
transition: all 0.5s ease 0s;
}
.expo_slider {
margin-right: 130px;
z-index: 1;
}
.expo_slider .slick-list.draggable {
padding: 0 !important;
overflow: hidden;
background-color: #fff;
border-top-left-radius: 15px;
}
.expo_slider .slick-prev.slick-arrow {
position: absolute;
right: -65px;
background-color: #EDEDED;
transition: all 0.5s ease 0s;
width: 65px;
border: 0;
top: 0;
bottom: 0;
color: #1E2734;
border-left: 1px solid rgb(30 39 52 / 10%);
}
.expo_slider .slick-prev.slick-arrow:hover,
.expo_slider .slick-next.slick-arrow:hover {
background-color: #0E4CBE;
color: #FFFFFF;
}
.expo_slider .slick-next.slick-arrow {
position: absolute;
right: -130px;
background-color: #EDEDED;
width: 65px;
border: 0;
top: 0;
bottom: 0;
border-top-right-radius: 15px;
transition: all 0.5s ease 0s;
color: #1E2734;
border-left: 1px solid rgb(30 39 52 / 10%);
}
.explore_img {
position: absolute;
right: 40px;
top: 60px;
}
/* explore_part End */
/* about_part_Two Start */
#about_part_Two {
position: relative;
overflow: hidden;
background-color: #FFFFFF;
}
.about_content_Two {
position: relative;
padding: 110px 0;
z-index: 1;
}
.abLImg {
position: relative;
z-index: 1;
}
.abLImg::after {
content: '';
width: 151px;
height: 240px;
position: absolute;
top: -10px;
right: 38px;
background-color: #0CAED1;
z-index: -1;
}
.abLImg .abDot {
position: absolute;
top: 13%;
left: -60px;
opacity: 0.4;
}
h6.title_two {
color: #0E4CBE;
text-transform: uppercase;
font-weight: 600;
font-family: "Rubik", sans-serif;
}
.abL_txt {
position: relative;
width: 510px;
}
.abL_txt h2 {
margin: 12px 0 18px;
}
.abL_txt p {
margin-bottom: 15px;
}
.abL_txt .Button a {
margin-top: 30px;
}
.counter_about {
margin-top: 52px;
background-color: #EDEDED;
border: 10px solid rgb(30 39 52 / 5%);
padding: 30px;
}
.abL_counter {
display: flex;
justify-content: center;
align-items: center;
padding: 25px 0;
}
.abL_counter.bb {
border-left: 2px solid rgba(14, 76, 190, 0.1);
border-right: 2px solid rgba(14, 76, 190, 0.1);
}
.abL_counter i {
font-size: 50px;
color: #0E4CBE;
}
.abLtxt {
margin-left: 20px;
}
.abLtxt p {
text-transform: capitalize;
}
.ab_right_Two::after {
content: '';
width: 140px;
height: 470px;
position: absolute;
bottom: -10px;
right: 4px;
background-color: #0CAED1;
z-index: -1;
}
.ab_right_Two {
padding-left: 35px;
position: relative;
z-index: 1;
}
.abR_txt {
position: absolute;
bottom: 0;
background-color: #0E4CBE;
border-top: 7px solid rgb(255 255 255 / 80%);
left: 35px;
right: 15px;
padding: 20px 25px;
display: flex;
justify-content: center;
align-items: center;
}
.abr_icon i {
background-color: #FFFFFF;
width: 65px;
height: 65px;
line-height: 63px;
text-align: center;
border-radius: 100%;
border: 3px dotted rgb(14 76 190 / 70%);
font-size: 20px;
}
.abR_txt h5 {
color: #FFFFFF;
text-transform: uppercase;
padding-left: 20px;
padding-right: 15px;
}
#about_part_Two .ab_bg_left {
bottom: 0;
}
#about_part_Two .ab_bg_right {
bottom: -1%;
}
/* about_part_Two End */
/* Service_part_Two Start */
#Service_part_Two {
position: relative;
overflow: hidden;
background-image: url(../../assets/images/home_two/serBG.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.service_content_Two {
padding: 110px 0;
}
.serIcon_two {
position: absolute;
right: 5%;
bottom: 14%;
}
/* Service_part_Two End */
/* ads_part_Two Start */
#ads_part_Two {
position: relative;
overflow: hidden;
background-image: url(../../assets/images/home_two/adsBG.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.ads_two_content {
padding: 70px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.ads_two_txt {
display: flex;
justify-content: center;
align-items: center;
}
.ads_two_txt h2 span {
font-style: italic;
}
.ads_two_txt h2 {
color: #FFFFFF;
padding-left: 20px;
max-width: 510px;
}
.ads_two_txt i {
border: 2px solid #fff;
border-radius: 50%;
font-size: 40px;
color: #FFFFFF;
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
}
.ads_two_content .Button a:hover {
background-color: #0CAED1;
color: #FFFFFF;
}
.ads_two_content .Button a {
background-color: #FFFFFF;
color: #0E4CBE;
margin-right: 200px;
}
.ads_two_content .Button a span {
border-color: rgb(14 76 190 / 50%);
}
/* ads_part_Two End */
/* process_part Start */
#process_part {
position: relative;
overflow: hidden;
}
.process_content {
padding: 110px 0;
}
.process_txt {
padding-right: 50px;
padding-top: 80px;
position: relative;
z-index: 1;
}
.process_txt h2 {
margin: 13px 0 22px;
}
.process_txt p {
margin-bottom: 30px;
}
ul.Ptxt {
margin-bottom: 10px;
}
ul.Ptxt li:nth-child(3) {
padding-bottom: 0;
}
ul.Ptxt li:hover {
border-left-color: #0E4CBE;
}
ul.Ptxt li {
border-left: 2px solid #EDEDED;
padding-left: 30px;
padding-bottom: 15px;
text-transform: capitalize;
font-size: 18px;
font-weight: 500;
font-family: "Rubik", sans-serif;
color: #1E2734;
transition: all 0.5s ease 0s;
}
ul.Ptxt li:hover i {
background-color: #0E4CBE;
color: #FFFFFF;
}
ul.Ptxt li i {
width: 30px;
height: 30px;
background-color: #EDEDED;
color: rgb(30 39 52 / 30%);
text-align: center;
line-height: 30px;
border-radius: 50%;
margin-right: 10px;
font-size: 16px;
transition: all 0.5s ease 0s;
}
#process_part .ab_bg_left {
bottom: 20px;
top: auto;
}
.Pright {
position: absolute;
top: 13%;
right: 8%;
}
/* process_part End */
/* testimoni_part_two Start */
#testimoni_part_two {
position: relative;
overflow: hidden;
background-image: url(../../assets/images/home_two/testiBG.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.testi_content_two {
padding: 107px 0 110px;
}
.testi_content_two h2 {
margin: 13px auto 50px;
max-width: 640px;
text-align: center;
}
.test_img {
position: relative;
}
.test_img i {
background-color: #0E4CBE;
color: #FFFFFF;
font-size: 36px;
width: 75px;
height: 75px;
border-radius: 100%;
line-height: 78px;
text-align: center;
position: absolute;
top: 75px;
left: -40px;
}
.test_txt .rating i {
font-size: 16px;
color: #0E4CBE;
margin-bottom: 15px;
}
.test_txt {
padding-left: 35px;
position: relative;
top: 20px;
}
.test_txt p {
font-style: italic;
}
.test_txt h5 {
color: #0E4CBE;
margin-top: 15px;
}
.test_txt h6 {
font-style: italic;
color: #5B6471;
font-size: 16px;
line-height: 28px;
font-weight: 600;
}
.client_item ul {
display: flex;
justify-content: center;
align-items: center;
margin-top: 110px;
}
.client_item ul li {
background-color: #FFFFFF;
width: 295px;
height: 115px;
text-align: center;
line-height: 115px;
margin: 0 15px;
border-radius: 10px;
}
/* testimoni_part_two End */
/* team_part_two Start */
#team_part_two {
position: relative;
overflow: hidden;
background-image: url(../../assets/images/home_two/teamBG.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.team_content_two {
padding: 107px 0 100px;
}
.team_content_two h6 {
color: #0CAED1;
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
}
.team_title_two h2 span {
color: #0CAED1;
}
.team_title_two h2 {
margin: 13px 0 50px;
color: #FFFFFF;
max-width: 450px;
}
.Ttxt_r {
border-bottom: 2px solid rgb(255 255 255 / 10%);
padding-bottom: 10px;
position: relative;
top: -23px;
}
.Ttxt_r h1 {
font-weight: normal;
}
.Ttxt {
padding-left: 45px;
}
.Ttxt i {
color: #E6A330;
padding-right: 2px;
font-size: 14px;
}
.Ttxt p {
color: rgb(255 255 255 / 80%);
text-transform: capitalize;
margin-top: 10px;
}
.hover_icons {
position: absolute;
right: 0;
top: 80px;
width: 55px;
height: 170px;
background-color: #0CAED1;
text-align: center;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
padding: 30px 0;
transition: all 0.3s ease-out;
transform: translateX(20px);
opacity: 0;
z-index: 1;
}
.hover_icons a:hover {
color: #0E4CBE;
}
.hover_icons a {
color: #FFFFFF;
padding: 10px;
font-size: 18px;
transition: all 0.3s ease-out;
}
.hover_icons li {
padding: 5px 0;
}
.team_content_two .team_img::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(12, 173, 209, 0.20);
transition: all 0.3s ease-out;
opacity: 0;
cursor: pointer;
}
.team_content_two .team_item p {
color: rgb(255 255 255 / 80%);
transition: all 0.3s ease-out;
}
.team_content_two .team_item h4 {
color: #FFFFFF;
}
.team_content_two .team_item:hover .hover_icons {
opacity: 1;
transform: translate(0px);
}
.team_content_two .team_item:hover .team_img::after {
opacity: 1;
}
.team_content_two .team_item:hover p {
color: #0CAED1;
}
.tImg {
position: absolute;
top: 10%;
right: 9%;
}
/* team_part_two End */
/* blog_part Start */
.blog_bg_two {
position: absolute;
right: 0;
bottom: 0;
}
.blog_bg_two .rocket {
position: absolute;
bottom: 8%;
right: 8%;
}
/* blog_part End */
/* ````````````````````````````````````````
F. Home Page Three Start
``````````````````````````````````````````*/
/* banner_part_three Start */
#banner_part_three {
position: relative;
overflow: hidden;
margin-bottom: -10px;
}
#banner_part_three .banner_content {
padding: 0;
}
#banner_part_three .banner_txt {
position: absolute;
top: 28%;
left: 0;
right: 0;
max-width: 730px;
margin: 0 auto;
margin-right: 45%;
}
#banner_part_three .banner_txt h1 span {
color: #0CAED1;
font-weight: 400;
}
#banner_part_three .slick-slide.slick-active img {
transform: scale(1.1);
}
#banner_part_three .slick-slide img {
width: 100%;
height: 900px;
object-fit: cover;
transform: scale(1);
transition: all 4s ease;
}
#banner_part_three .banner_txt img {
width: 40px !important;
height: auto !important;
}
#banner_part_three .banner_txt ul.client_list li img {
width: auto !important;
}
#banner_part_three h5 {
color: #FFFFFF;
display: inline-flex;
}
/* banner_part_three End */
/* clients_part_two Start */
#clients_part_two {
position: relative;
overflow: hidden;
background-color: #0E4CBE;
padding: 20px 0;
}
.clients_item_two ul {
display: flex;
justify-content: space-between;
align-items: center;
}
/* clients_part_two End */
/* succeed_about_part Start */
#succeed_about_part {
position: relative;
overflow: hidden;
background-color: #FFFFFF;
}
.suc_ab_content {
padding: 110px 0;
position: relative;
z-index: 1;
}
.suc_content {
display: flex;
justify-content: space-around;
align-items: center;
position: relative;
z-index: 1;
border-top: 1px solid rgb(204 204 204 / 40%);
border-bottom: 1px solid rgb(204 204 204 / 40%);
margin-bottom: 60px;
}
.suc_item {
display: flex;
align-items: center;
padding: 40px 0;
position: relative;
}
.suc_item:nth-child(2)::before {
content: '';
position: absolute;
width: 8px;
height: 8px;
left: -5px;
top: 10px;
background-color: #0CAED1;
border-radius: 50%;
transform: translatey(0px);
animation: T_B 10s ease-in-out infinite;
}
@keyframes T_B {
0% {
transform: translatey(0px);
}
50% {
transform: translatey(145px);
}
100% {
transform: translatey(0px);
}
}
@keyframes B_T {
0% {
transform: translatey(0px);
}
50% {
transform: translatey(-145px);
}
100% {
transform: translatey(0px);
}
}
.suc_item:nth-child(2)::after {
content: '';
position: absolute;
width: 8px;
height: 8px;
right: -5px;
bottom: 10px;
background-color: #0CAED1;
border-radius: 50%;
transform: translatey(0px);
animation: B_T 10s ease-in-out infinite;
}
.suc_item:nth-child(2) {
border-right: 2px solid rgb(204 204 204 / 40%);
border-left: 2px solid rgb(204 204 204 / 40%);
padding: 40px 20px;
}
.suc_txt {
padding-left: 20px;
}
.suc_item .suc_icon i {
color: #FFFFFF;
font-size: 36px;
background-color: #0E4CBE;
display: block;
width: 85px;
height: 85px;
line-height: 95px;
text-align: center;
border-radius: 100%;
transition: all 0.5s ease 0s;
}
.suc_txt p {
max-width: 280px;
text-transform: capitalize;
margin-top: 8px;
}
.suc_item:hover .suc_icon i {
background-color: #0CAED1;
}
.progress_bar {
overflow: hidden;
margin-bottom: 30px;
}
.progress_bar h6 {
font-weight: 500;
text-transform: uppercase;
font-size: 16px;
line-height: 20px;
margin-bottom: 10px;
color: #5B6471;
}
.progress {
height: 5px;
background: rgb(204 204 204 / 40%);
border-radius: 0;
box-shadow: none;
overflow: visible;
margin-right: 60px;
}
.progress .progress-bar {
box-shadow: none;
overflow: visible;
background-color: #0CAED1;
}
.progress .progress-value {
font-size: 16px;
color: #5B6471;
position: absolute;
top: -30px;
right: -5px;
}
#succeed_about_part .ab_bg_left {
bottom: 0;
top: auto;
}
#succeed_about_part .ab_bg_right {
bottom: 0;
}
/* succeed_about_part End */
/* gallery_part_two Start */
#gallery_part_two {
position: relative;
overflow: hidden;
}
.gallery_item_two img {
position: relative;
width: 100%;
transform: scale(1);
transition: all 0.5s ease 0s;
}
.gallery_item_two {
position: relative;
overflow: hidden;
}
.gallery_item_two:hover .g_txt {
transform: translate3d(0, 0, 0);
}
.gallery_item_two:hover img {
transform: scale(1.1);
}
.gallery_item_two:hover .g_overlay {
opacity: 1;
}
.g_overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgb(14 76 190 / 30%);
opacity: 0;
transition: all 0.5s ease 0s;
}
.g_txt {
position: absolute;
bottom: 0;
background-color: rgba(14, 76, 190, 0.85);
left: 0;
right: 0;
padding: 20px;
text-align: center;
transform: translate3d(0, 50%, 0);
transition: all 0.5s ease 0s;
}
.g_txt h6 {
color: #FFFFFF;
text-transform: capitalize;
}
.g_txt h5 {
color: #FFFFFF;
text-transform: uppercase;
margin-bottom: 10px;
}
/* gallery_part_two End */
/* service_part_two Start */
#service_part_two {
background-image: url(../../assets/images/home_three/serviceBG.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
overflow: hidden;
}
#service_part_two .service_title {
margin-bottom: 60px;
}
#service_part_two .service_title h6 {
color: #FFFFFF;
}
#service_part_two .service_title h2 {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
#service_part_two .nav {
justify-content: space-between;
border: none;
margin-bottom: 60px;
}
#service_part_two .nav-tabs .nav-link span {
position: relative;
top: 18px;
}
#service_part_two .nav-tabs .nav-item.show .nav-link,
#service_part_two .nav-tabs .nav-link.active .bImg,
#service_part_two .nav-tabs .nav-link:hover .bImg {
background-color: #0CAED1;
}
#service_part_two .nav-tabs .nav-link {
margin-bottom: 0;
border: 0;
border-radius: 20px;
width: 295px;
height: 115px;
text-align: center;
background-color: #1E2734;
position: relative;
font-family: "Rubik", sans-serif;
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
line-height: 28px;
color: #FFFFFF;
background-color: #1E2734;
}
#service_part_two .nav-tabs .nav-link .bImg {
background-color: #0E4CBE;
display: flex;
width: 80px;
height: 80px;
border-radius: 100%;
transition: all 0.5s ease 0s;
justify-content: center;
align-items: center;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
top: -40px;
border: 5px solid #151C21;
}
#service_part_two .nav-tabs .nav-item.show .nav-link,
#service_part_two .nav-tabs .nav-link.active {
color: #FFFFFF;
background-color: #1E2734;
border-color: transparent;
}
#service_part_two .tab-content .ab_txt_right:hover img {
transform: scale(1.1);
}
#service_part_two .tab-content .ab_txt_right {
border-radius: 15px;
overflow: hidden;
}
#service_part_two .tab-content .ab_txt_right img {
width: 100%;
transform: scale(1);
transition: all 0.5s ease 0s;
}
#service_part_two .tab-content .process_txt {
padding-top: 10px;
}
#service_part_two .tab-content h6.title_two {
color: #0CAED1;
}
#service_part_two .tab-content ul.Ptxt li,
#service_part_two .tab-content .process_txt h2 {
color: #FFFFFF;
border-left-color: #0CAED1;
}
#service_part_two .tab-content .process_txt p {
color: rgba(255, 255, 255, 0.80);
}
#service_part_two .tab-content ul.Ptxt li:hover {
border-left-color: #FFFFFF;
}
#service_part_two .tab-content ul.Ptxt li:hover i {
background-color: #0CAED1;
}
#service_part_two .tab-content ul.Ptxt li i {
background-color: #0E4CBE;
color: #FFFFFF;
transition: all 0.5s ease 0s;
}
/* service_part_two End */
/* quotes_part Start */
.testi_content_three {
position: relative;
padding: 110px 0;
padding-right: 300px;
}
.testi_content_three h2 span {
color: #0CAED1;
}
.testi_content_three h2 {
max-width: 500px;
margin: 13px 0 40px;
color: #FFFFFF;
}
.Hthree.quotes_img {
margin-right: 30px;
}
.Hthree.quotes_img img {
height: 790px;
object-fit: cover;
}
.testi_content_three .testi_item {
background-color: #1E2734;
padding: 40px 40px 50px;
position: relative;
}
.testi_content_three .testi_item h4 i {
background-color: transparent;
color: #0CAED1;
font-size: 40px;
margin-right: 20px;
margin-bottom: 5px;
}
.testi_content_three .rating i {
color: #E6A330;
}
.testi_content_three .rating span {
color: #FFFFFF;
padding-left: 10px;
}
.testi_content_three .testi_item .tTxt {
text-transform: capitalize;
font-weight: 400;
margin: 25px 0;
}
.testi_content_three .testi_item p {
color: rgb(255 255 255 / 80%);
}
.testi_content_three .testi_item h5 {
color: #FFFFFF;
margin-bottom: 0;
}
.testi_content_three .testi_item h4 {
color: #FFFFFF;
display: flex;
align-items: center;
}
.testi_content_three .testi_txt {
margin-bottom: 0;
position: relative;
top: 5px;
}
.testi_content_three .testi_img {
width: 65px;
height: 65px;
border: none;
}
.testi_content_three .testi_img img {
width: auto;
height: auto;
top: 0;
left: 0;
}
.testImg {
position: absolute;
right: 0;
top: 0;
opacity: 0.9;
}
@media (max-width: 1899.98px) {
.testi_content_three {
padding-right: 250px;
}
.testi_content_three .testi_item {
padding: 40px 35px 50px
}
}
@media (max-width: 1799.98px) {
.testi_content_three {
padding-right: 200px;
}
}
@media (max-width: 1699.98px) {
.testi_content_three {
padding-right: 140px;
}
}
@media (max-width: 1599.98px) {
.testi_content_three {
padding-right: 80px;
}
}
/* quotes_part End */
/* `````````````````````````````````````
G. About Page Start
```````````````````````````````````````*/
/* breadcrumbs_part Start */
#breadcrumbs_part {
position: relative;
overflow: hidden;
background-image: url(../../assets/images/aboutBG.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 520px;
margin-bottom: -2px;
}
.breadcrumbs_content {
text-align: center;
padding-top: 280px;
}
.breadcrumbs_content h2 {
color: #FFFFFF;
text-transform: uppercase;
}
ol.breadcrumb {
justify-content: center;
margin: 10px 0 0;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
font-family: "Rubik", sans-serif;
}
li.breadcrumb-item a span {
padding-right: 10px;
}
li.breadcrumb-item a {
color: #0CAED1;
}
li.breadcrumb-item.active span {
color: #0CAED1;
padding-left: 10px;
}
li.breadcrumb-item.active {
color: #FFFFFF;
}
.breadcrumb-item+.breadcrumb-item::before {
content: '//';
color: #0CAED1;
padding: 0 10px 0 5px;
}
.about_page {
padding: 110px 0 208px;
}
/* breadcrumbs_part End */
/* ````````````````````````````````````````````````
H. Service & Service Details Page Start
``````````````````````````````````````````````````*/
/* breadcrumbs_part Start */
#breadcrumbs_part.breadcrumbs_ser {
position: relative;
overflow: hidden;
background-image: url(../../assets/images/service/serBG.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 520px;
}
.service_page {
padding: 110px 0 218px;
}
/* breadcrumbs_part End */
/* service_details Start */
#service_details {
position: relative;
overflow: hidden;
}
.serviceD_content {
padding: 110px 0 202px;
}
.Stitle {
background-color: #0E4CBE;
padding: 18px 25px;
}
.Stitle h4 {
color: #FFFFFF;
}
.serviceD_left nav {
background-color: #EDEDED;
padding: 20px 20px 10px;
}
.serviceD_left .nav-link {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
color: #1E2734;
padding: 13px 20px;
background-color: #FFFFFF;
font-family: "Rubik", sans-serif;
text-transform: capitalize;
font-size: 18px;
font-weight: 500;
margin-bottom: 15px;
border-radius: 0;
border: none;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease-out;
}
.serviceD_left .nav-tabs {
border: 0;
}
.serviceD_left .nav-tabs .nav-item.show .nav-link,
.serviceD_left .nav-tabs .nav-link.active {
color: #FFFFFF;
background-color: #0CAED1;
}
.serviceD_left .nav-tabs .nav-link:focus,
.serviceD_left .nav-tabs .nav-link:hover {
color: #FFFFFF;
background-color: #0CAED1;
}
.support {
position: relative;
overflow: hidden;
background-image: url(../../assets/images/service/slBG.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 30px 40px 185px;
text-align: center;
margin-top: 30px;
}
.support p {
color: #0CAED1;
text-transform: uppercase;
font-weight: 700;
}
.support h4 {
color: #FFFFFF;
}
.support .Button a {
margin-top: 20px;
}
.s_img {
position: absolute;
bottom: 0;
}
.serviceD_right {
margin-left: 25px;
text-align: justify;
text-transform: capitalize;
}
.serviceD_img img {
width: 100%;
}
.serviceD_txt, .FAQ {
padding-top: 40px;
}
.serviceD_txt h2 {
margin-bottom: 15px;
}
.serviceD_txt h3 {
font-size: 30px;
margin: 20px 0 15px;
line-height: 38px;
}
.serviceD_txt ul {
margin: 20px 0;
text-align: left;
}
.serviceD_txt ul li i {
width: 20px;
height: 20px;
background-color: #0E4CBE;
color: #FFFFFF;
text-align: center;
line-height: 22px;
border-radius: 50%;
margin-right: 10px;
font-size: 12px;
margin-top: 2px;
}
.SDtxt {
margin: 15px 0 30px;
}
.SDtxt img {
width: 95%;
}
.sTxt {
margin-left: -10px;
}
.sTxt img {
width: auto;
}
.sTxt h3 {
max-width: 320px;
text-align: left;
}
.sTxt .ab_txt {
margin: 20px 0;
text-align: left;
}
.sTxt .ab_txt h5 {
max-width: 180px;
margin-left: 20px;
}
.FAQ h3 {
font-size: 30px;
margin-bottom: 30px;
}
.accordion-item {
margin-bottom: 15px;
background-color: #EDEDED;
color: #5B6471;
text-align: left;
letter-spacing: 0.3px;
}
.accordion-header .accordion-button span {
padding-right: 30px;
}
.accordion-header .accordion-button {
color: #1E2734;
font-family: "Rubik", sans-serif;
text-transform: capitalize;
font-size: 20px;
font-weight: 600;
box-shadow: none;
background-color: #EDEDED;
}
.accordion-item:last-of-type,
.accordion-item:first-of-type,
.accordion-item:last-of-type>.accordion-collapse,
.accordion-item:first-of-type>.accordion-header .accordion-button {
border-radius: 0;
}
.accordion-button:not(.collapsed) {
background-color: #0E4CBE;
color: #FFFFFF;
}
.accordion-button::before {
content: '';
position: absolute;
top: 0;
left: 58px;
bottom: 0;
width: 2px;
height: 100%;
background-color: rgba(30, 39, 52, 0.05);
}
.accordion-button::after {
font-family: FontAwesome;
background-image: none;
content: "\f078";
color: #FFFFFF;
position: absolute;
top: 17px;
right: 25px;
}
.accordion-button.collapsed::after {
content: "\f077";
background-image: none;
color: #1E2734;
}
.accordion-button:not(.collapsed)::after {
background-image: none;
transform: rotate(0deg);
}
/* service_details End */
/* ````````````````````````````````````````````````
I. Team & Team Details Page Start
``````````````````````````````````````````````````*/
#team_page {
position: relative;
overflow: hidden;
}
.team_page {
padding: 110px 0 157px;
}
.team_page .team_item {
padding-bottom: 50px;
}
/* Team Details Start */
.team_Dpage {
padding: 110px 0 218px;
}
.TDimg img {
width: 100%;
}
.TDtxt {
padding-left: 30px;
letter-spacing: 0.2px;
text-transform: capitalize;
}
.TDtxt h6 {
color: #0E4CBE;
margin: 15px 0 20px;
}
.TDtxt ul {
margin: 20px 0;
}
.TDtxt ul li {
margin-bottom: 7px;
text-transform: capitalize;
}
.TDtxt ul li span {
color: #1E2734;
padding-left: 10px;
}
.data .progress-value,
.loan .progress-value {
color: #1E2734;
top: -34px;
}
.data .progress,
.loan .progress {
height: 10px;
margin-top: 10px;
margin-right: 20px;
}
.loan .progress-bar {
background-color: #0E4CBE;
}
.s_icon li a i:hover {
background-color: #0CAED1;
color: #FFFFFF;
}
.s_icon li a i {
background-color: rgba(30, 39, 52, 0.15);
color: #1E2734;
transition: all 0.3s ease-out;
}
.TD_txt ul li i {
width: 20px;
height: 20px;
background-color: #0E4CBE;
color: #FFFFFF;
text-align: center;
line-height: 22px;
border-radius: 50%;
margin-right: 10px;
font-size: 12px;
}
.TD_txt {
text-transform: capitalize;
padding-top: 25px;
margin-top: 40px;
border-top: 1px solid rgb(91 100 113 / 30%);
}
.TD_txt h3 {
margin-bottom: 20px;
}
.TD_txt ul {
margin-top: 20px;
}
.contact_form {
padding: 80px;
background-color: rgba(30, 39, 52, 0.15);
border-radius: 30px;
margin-top: 40px;
}
.cForm input {
width: 100%;
height: 70px;
padding: 20px;
text-transform: capitalize;
border-radius: 10px;
}
.cForm textarea {
height: 154px;
text-transform: capitalize;
padding: 20px;
border-radius: 10px;
}
.sub_btn {
display: flex;
justify-content: center;
}
.sub_btn button:hover {
background-color: #0CAED1;
}
.sub_btn button {
text-align: center;
font-size: 18px;
font-family: "Rubik", sans-serif;
text-transform: uppercase;
background-color: #0E4CBE;
color: #FFFFFF;
width: 200px;
height: 60px;
margin-top: 30px;
border: 0;
border-radius: 10px;
font-weight: 600;
transition: all 0.3s ease-out;
}
/* Team Details End */
/* ````````````````````````````````````````````````
J. Blog & Blog Details Page Start
``````````````````````````````````````````````````*/
/* Blog page Start */
#blog_Ppart {
position: relative;
overflow: hidden;
}
.blog_Pcontent {
padding: 110px 0;
}
.blog_Pitem {
padding-bottom: 42px;
}
.blog_Ptxt {
padding: 30px 0 40px;
margin-bottom: 2px;
border-bottom: 1px solid rgba(30, 39, 52, 0.10);
text-transform: capitalize;
}
.blog_Pimg img {
width: 100%;
border-radius: 15px;
}
.blog_Ptxt h2 {
transition: all 0.5s ease 0s;
}
.blog_Ptxt h2:hover {
color: #0E4CBE;
}
.blog_Ptxt ul {
padding: 12px 0 15px;
text-transform: uppercase;
font-family: "Rubik", sans-serif;
}
.blog_Ptxt li a {
color: #5B6471;
}
.blog_Ptxt li {
padding-right: 20px;
}
.blog_Ptxt li i {
padding-right: 10px;
color: #0E4CBE;
font-size: 18px;
}
.blog_Pbtn {
border-top: 1px solid rgba(30, 39, 52, 0.10);
padding-top: 25px;
display: flex;
justify-content: space-between;
align-items: center;
}
.blog_Pbtn .RM i {
color: #0E4CBE;
transform: translateX(0px);
transition: all 0.5s ease 0s;
}
.blog_Pbtn .RM {
text-transform: uppercase;
color: #1E2734;
font-weight: 600;
}
.blog_Pbtn .RM:hover i {
transform: translateX(5px);
}
.blog_share {
position: relative;
width: 85px;
transition: all 0.5s ease 0s;
}
.blog_share .shareBtn {
font-family: "Rubik", sans-serif;
color: #0E4CBE;
text-transform: uppercase;
font-weight: 600;
transition: all 0.5s ease 0s;
width: 85px;
cursor: pointer;
}
.hoverIcon {
transition: all 0.5s ease 0s;
display: flex;
position: absolute;
top: 0;
right: 0;
opacity: 0;
}
.hoverIcon li {
padding-right: 10px;
}
.blog_share .hoverIcon li a {
color: #5B6471;
transition: all 0.5s ease 0s;
}
.blog_share .hoverIcon li a:hover {
color: #0E4CBE;
}
.blog_share .shareBtn i {
padding-left: 10px;
opacity: 1;
transition: all 0.5s ease 0s;
}
.blog_share .shareBtn:hover .blog_share {
width: 160px;
}
.blog_share:hover {
width: 160px;
}
.blog_share:hover .hoverIcon {
opacity: 1;
}
.blog_share:hover .shareBtn i {
opacity: 0;
}
.blog_content_left {
margin-right: 30px;
}
.search,
.recent_post,
.categories,
.tags,
.follow {
padding: 40px;
background-color: rgba(30, 39, 52, 0.10);
border-radius: 15px;
margin-bottom: 30px;
}
.blog_content_right .title {
position: relative;
margin-bottom: 30px;
line-height: 20px;
padding-bottom: 18px;
}
.blog_content_right .title::after {
content: '';
position: absolute;
width: 20px;
height: 4px;
background-color: #0E4CBE;
bottom: 0;
left: 0;
border-radius: 5px;
}
.blog_content_right .title::before {
content: '';
position: absolute;
width: 40px;
height: 4px;
background-color: rgba(30, 39, 52, 0.40);
bottom: 0;
left: 30px;
border-radius: 5px;
}
.search_button {
position: relative;
}
.search_button input {
border: 1px solid rgba(30, 39, 52, 0.20);
background: #FFFFFF;
padding: 15px;
width: 100%;
box-shadow: 1px 1px 5px rgba(30, 39, 52, 0.10);
border-radius: 10px;
text-transform: capitalize;
}
.search_button button {
border: 0;
background: #0E4CBE;
position: absolute;
right: 5px;
top: 5px;
bottom: 5px;
width: 58px;
color: #FFFFFF;
font-size: 18px;
border-radius: 10px;
}
.recent_content {
display: flex;
align-items: center;
margin-bottom: 15px;
transition: all 0.5s ease 0s;
}
.recent_content img {
border-radius: 10px;
}
.recent_content:hover .recent_txt p {
color: #0E4CBE;
}
.recent_txt {
padding-left: 15px;
}
.recent_txt p {
font-family: "Rubik", sans-serif;
margin-bottom: 5px;
text-transform: uppercase;
transition: all 0.5s ease 0s;
}
.recent_txt p i {
color: #0E4CBE;
padding-right: 5px;
font-size: 18px;
}
.recent_txt h5 {
font-size: 18px;
line-height: 24px;
}
.categories a {
display: flex;
justify-content: space-between;
color: #1E2734;
font-family: "Rubik", sans-serif;
text-transform: capitalize;
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
background-color: #FFFFFF;
box-shadow: 1px 1px 5px rgba(30, 39, 52, 0.10);
padding: 15px;
transition: all 0.5s ease 0s;
}
.categories a:hover {
background-color: #0E4CBE;
color: #FFFFFF;
}
.tags_content a {
color: #1E2734;
font-family: "Rubik", sans-serif;
text-transform: capitalize;
font-weight: 500;
display: inline-block;
margin: 0 7px 10px 0;
background-color: #FFFFFF;
box-shadow: 1px 1px 5px rgba(30, 39, 52, 0.10);
padding: 8px 20px;
transition: all 0.5s ease 0s;
}
.tags_content a:hover {
color: #0E4CBE;
}
.follow_content {
display: flex;
flex-wrap: wrap;
}
.follow_content .Fimg {
position: relative;
margin-right: 10px;
margin-bottom: 10px;
overflow: hidden;
}
.follow_content img {
width: 99px;
border-radius: 10px;
height: 97px;
}
.follow_content .over {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgb(14 76 190 / 70%);
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
transform: translate3d(0, 50%, 0);
opacity: 0;
transition: all 0.5s ease 0s;
}
.follow_content .over i {
color: #0CAED1;
background-color: #FFFFFF;
width: 35px;
height: 35px;
line-height: 35px;
border-radius: 50%;
text-align: center;
}
.follow_content .Fimg:hover .over {
opacity: 1;
transform: translate3d(0, 0, 0);
}
#pagination ul {
display: flex;
margin-top: 10px;
}
#page_navigation a,
#pagination ul li {
margin-right: 10px;
}
#page_navigation a.page_link.active_page,
#pagination ul li.active span.current {
background-color: #0E4CBE;
color: #FFFFFF;
}
#page_navigation a,
#pagination ul li span.current,
#pagination ul li a {
width: 50px;
height: 50px;
display: inline-block;
text-align: center;
border: 1px solid rgba(30, 39, 52, 0.10);
line-height: 50px;
border-radius: 10px;
font-size: 18px;
font-weight: 600;
color: #1E2734;
font-family: "Rubik", sans-serif;
transition: all 0.5s ease 0s;
}
/* Blog page End */
/* Blog Details page Start */
.Bqoute {
background-image: url(../../assets/images/blog/BQuotebg.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 195px;
margin: 25px 0 30px;
padding: 45px;
}
.Bqoute_txt h4 {
color: #FFFFFF;
margin-bottom: 10px;
}
.bdImg {
padding-right: 20px;
}
.Bqoute_txt p a {
color: #0CAED1;
padding-left: 3px;
}
.Bqoute_txt p::before {
content: '';
position: absolute;
width: 25px;
height: 3px;
background-color: #0CAED1;
top: 12px;
left: 0;
border-radius: 5px;
}
.Bqoute_txt p {
color: #0CAED1;
font-family: "Rubik", sans-serif;
text-transform: uppercase;
position: relative;
padding-left: 36px;
}
.blog_Dimg img {
width: 100%;
border-radius: 15px;
}
.BD_tag span {
font-family: "Rubik", sans-serif;
color: #1E2734;
text-transform: uppercase;
font-weight: 600;
padding-right: 10px;
}
.BD_tag a {
color: #5B6471;
text-transform: capitalize;
padding-right: 5px;
transition: all 0.5s ease 0s;
}
.BD_tag a:hover {
color: #0E4CBE;
}
.blog_comments {
padding-top: 45px;
}
.blog_comments h3 {
margin: 50px 0 25px;
display: inline-block;
}
.comm_item {
display: flex;
background-color: rgba(30, 39, 52, 0.10);
padding: 30px;
align-items: center;
border-radius: 10px;
margin-bottom: 20px;
}
.comm_item_img img {
border-radius: 100%;
width: 130px;
height: 130px;
}
.comm_item_txt {
margin-left: 25px;
}
.comm_item_txt h4 {
margin-bottom: 8px;
}
.comments ul.comments {
padding-left: 120px;
}
.comm_item_txt h4 span {
font-family: "Rubik", sans-serif;
margin-bottom: 5px;
text-transform: uppercase;
color: #5B6471;
font-size: 16px;
line-height: 28px;
font-weight: 500;
padding-left: 20px;
}
.comm_item_txt h4 i {
color: #0E4CBE;
padding-right: 5px;
font-size: 18px;
}
.comm_item_txt button:hover {
color: #0CAED1;
}
.comm_item_txt button {
font-family: "Rubik", sans-serif;
background: transparent;
border: 0;
line-height: 20px;
color: #0E4CBE;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.3px;
transition: all 0.5s ease 0s;
margin-top: 15px;
}
.blog_reply {
padding: 40px;
background-color: rgba(30, 39, 52, 0.10);
border: 1px solid rgba(30, 39, 52, 0.11);
border-radius: 20px;
margin-top: 50px;
}
.name_email input {
width: 368px;
height: 70px;
padding: 13px 20px;
text-transform: capitalize;
border-radius: 10px;
border: 1px dashed rgba(30, 39, 52, 0.15);
}
.blog_reply textarea {
width: 100%;
height: 154px;
text-transform: capitalize;
padding: 15px;
border: 1px dashed rgba(30, 39, 52, 0.15);
border-radius: 10px;
}
.blog_reply p {
text-transform: capitalize;
margin: 10px 0 30px;
}
.blog_reply input[type="checkbox"] {
border: 1px dashed rgba(30, 39, 52, 0.15);
width: 16px;
margin-right: 10px;
outline: none;
}
.blog_reply input:focus {
outline: none;
}
.blog_reply label {
text-transform: capitalize;
}
.post_btn a {
text-align: center;
font-size: 18px;
font-family: "Rubik", sans-serif;
text-transform: uppercase;
display: inline-block;
background-color: #0E4CBE;
color: #FFFFFF;
width: 200px;
height: 60px;
line-height: 60px;
margin-top: 30px;
border: 0;
border-radius: 10px;
font-weight: 500;
transition: all 0.3s ease-out;
}
.post_btn a:hover {
background-color: #0CAED1;
}
/* Blog Details page End */
/* ````````````````````````````````````````````````
K. Project & Project Details Page Start
``````````````````````````````````````````````````*/
/* Project page Start */
#projects_part {
position: relative;
overflow: hidden;
padding: 110px 0 80px;
}
.projects_item .p_img {
position: relative;
overflow: hidden;
border-radius: 20px;
}
.projects_item .p_img img {
width: 100%;
transform: scale(1);
transition: all 0.5s ease 0s;
}
.projects_item {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.projects_item:hover .p_img img {
transform: scale(1.1);
}
.projects_overlay:hover .Pover_txt {
transform: translate3d(0, 0, 0);
}
.projects_overlay:hover {
opacity: 1;
}
.projects_overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgb(14 76 190 / 60%);
display: flex;
align-items: center;
border-radius: 20px;
opacity: 0;
transition: all 0.5s ease 0s;
}
.Pover_txt:hover .overIcon {
background-color: #0E4CBE;
}
.Pover_txt {
position: absolute;
bottom: 30px;
left: 39px;
background-color: #FFFFFF;
width: 328px;
height: 100px;
transform: translate3d(0, -50%, 0);
transition: all 0.5s ease 0s;
border-radius: 10px;
padding: 20px;
}
.overIcon {
color: #FFFFFF;
display: inline-block;
background-color: #0CAED1;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 50%;
font-size: 20px;
transition: all 0.5s ease 0s;
}
/* Project page End */
/* Project Details page Start */
.PContent {
padding: 110px 0 66px;
}
.Pitem {
background-color: #EDEDED;
padding: 25px;
border-bottom: 4px solid #0CAED1;
transition: all 0.5s ease 0s;
}
.border_bottom:hover i {
background-color: #0CAED1;
}
.Picon i {
display: block;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
background-color: #0E4CBE;
color: #FFFFFF;
font-size: 26px;
border-radius: 50%;
margin-right: 15px;
transition: all 0.5s ease 0s;
}
.P_text h6 {
font-size: 18px;
font-weight: 600;
font-family: "Rubik", sans-serif;
color: #1E2734;
margin-top: 6px;
}
.border_bottom {
border-bottom: 2px solid rgba(30, 39, 52, 0.10);
}
/* Project Details page End */
/* ````````````````````````````````````````````````
L. Contact Page Start
``````````````````````````````````````````````````*/
#contact_part {
position: relative;
overflow: hidden;
}
.contact_content {
padding: 110px 0;
}
.contact_item {
display: flex;
justify-content: left;
align-items: center;
background-color: rgba(30, 39, 52, 0.15);
border-radius: 20px;
border: 1px solid rgba(30, 39, 52, 0.16);
padding: 30px;
}
.con_icon i {
width: 75px;
height: 75px;
line-height: 75px;
background-color: #0E4CBE;
border-radius: 50%;
font-size: 26px;
color: #FFFFFF;
text-align: center;
transition: all 0.3s ease-out;
}
.contact_item:hover .con_icon i {
background-color: #0CAED1;
}
.con_txt {
padding-left: 20px;
}
.con_txt h5 {
margin-bottom: 5px;
}
/* map_part Start*/
#map_part {
position: relative;
overflow: hidden;
width: 100%;
height: 510px;
}
#map_part iframe {
width: 100%;
height: 100%;
}
/* map_part End*/
.footer_content.contactF {
padding: 99px 0 80px;
}
/* ````````````````````````````````````````````````
M. Error Page Start
``````````````````````````````````````````````````*/
/* Error_part Start */
.error_part {
position: relative;
overflow: hidden;
padding: 88px 0 107px;
}
.error_content h2 span {
color: #0E4CBE;
}
/* Error_part End */
/* preloader start */
.preloader {
position: fixed;
width: 100%;
top: 0;
left: 0;
bottom: 0;
z-index: 9999999;
background-color: #000;
}
.findak_loader {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80px;
}
.stopp1 {
stop-color: #0CAED1;
}
.stopp2 {
stop-color: #0E4CBE;
}
.halvan {
animation: findak_anim 10s infinite linear;
stroke-dasharray: 180 800;
fill: none;
stroke: url(#gradient);
stroke-width: 23;
stroke-linecap: round;
}
.strecken {
animation: findak_anim 3s infinite linear;
stroke-dasharray: 26 54;
fill: none;
stroke: url(#gradient);
stroke-width: 23;
stroke-linecap: round;
}
@keyframes findak_anim {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: -403px;
}
}
/* preloader End */