@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'Amiri';
    src: url('../fonts/Amiri-Regular.woff2') format('woff2'),
        url('../fonts/Amiri-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Amiri';
    src: url('../fonts/Amiri-Bold.woff2') format('woff2'),
        url('../fonts/Amiri-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Amiri';
    src: url('../fonts/Amiri-Italic.woff2') format('woff2'),
        url('../fonts/Amiri-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Amiri';
    src: url('../fonts/Amiri-BoldItalic.woff2') format('woff2'),
        url('../fonts/Amiri-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

:root{
    --primary-btn-bg:#2579A3;
    --primary-btn-color: #FFFFFF;

    --primary-btn-hover-bg: #185E81;
    --primary-btn-hover-color: #FFFFFF;

    --secondary-btn-color: #FFFFFF;
    --secondary-btn-bg: rgba(38, 50, 56, 1);

    --secondary-btn-hover-bg:#185E81;
    --secondary-btn-hover-color:#FFFFFF;

    --stroke-color: #2579A3;
    --stroke-btn-color: #2579A3;
    --stroke-btn-bg: transparent;

    --stroke-btn-hover-color: #FFFFFF;
    --stroke-btn-hover-bg:#2579A3;

}

*{ padding: 0; margin: 0; box-sizing: border-box;}
body{ font-size: 16px; line-height: normal; font-family: 'Jost';}
a{ text-decoration: none;}
p{ font-size: 16px; line-height: 27px; color: rgba(38, 50, 56, 1); font-family: 'Amiri'; }
ul{ padding: 0; margin: 0;}
li{ list-style: none;}
.btn{ display: inline-block; font-size: 15px; font-weight: 500; line-height: 25px; padding: 7px 14px; height: 40px; border-radius: 4px; transition: all 0.3s ease; font-family: 'Jost' }
button:focus{box-shadow: inherit; outline: inherit;}
.form-control:focus{box-shadow: inherit; outline: inherit;}

.container, .container-lg, .container-md, .container-sm, .container-xl{ max-width: 1320px;}
.primary-btn{ background: var(--primary-btn-bg); color: var(--primary-btn-color); min-width: 120px; }
.primary-btn:hover, .primary-btn:focus, .primary-btn:active{background: var(--primary-btn-hover-bg); color: var(--primary-btn-hover-color); }
.secondary-btn{ background: var(--secondary-btn-bg); color: var(--secondary-btn-color);}
.secondary-btn:hover, .secondary-btn:focus, .secondary-btn:active{ background: var(--secondary-btn-hover-bg); color: var(--secondary-btn-hover-color);}
.stroke-btn{ background:var(--stroke-btn-bg); color: var(--stroke-btn-color); border-color: var(--stroke-color);}
.stroke-btn:hover, .stroke-btn:focus, .stroke-btn:active{background: var(--stroke-btn-hover-bg); color: var(--stroke-btn-hover-color);}

/* Header */
.rightheader .nav-link span { display: inline-block; vertical-align: middle; }
.navbar-nav .nav-link { font-family: Jost; font-weight: 500; font-size: 16px; line-height: 100%; color: rgba(0, 0, 0, 1); padding: 8px; }
.navbar-nav .nav-item:not(:last-child) { margin-right: 36px; }
#navHeader { background: rgba(255, 255, 255, 1); box-shadow: 0px 1px 19.9px 0px rgba(0, 0, 0, 0.08); }
#navHeader nav { padding: 12px 0; }
#navHeader nav .logo-img{ max-width: 250px;}
header nav .navbar-nav { margin-left: auto; padding-right: 36px;}
.rightheader .nav-link { display: inline-block; }
.rightheader .primary-btn { margin-left: 36px; }

/* Hero */
.hero-section { padding: 40px  0; }
.hero-row { display: flex; align-items: center; gap: 48px; border-bottom: 1px solid #e6e6e6; }
.hero-row .cnt-box { max-width: 690px; }
.hero-row .img-box { flex: 0 0 38%; }
.hero-row .img-box img { max-height: 450px; width:100%; object-fit: cover;}
.hero-section .cnt-box h2 { font-weight: 500; font-size: 40px; line-height: 47px; margin-bottom: 25px; }
.hero-section .cnt-box p { font-family: Amiri; font-weight: 400; font-size: 18px; line-height: 27px; }
.hero-section .wp-button { margin-top: 25px; }
.hero-section .wp-button .secondary-btn { margin-right: 12px; }

.gradientBgOne { position: absolute; top: 0; left: 0%; max-width: 90%; z-index: -1; }
.gradientBgTwo {position: absolute;top: 0;right: 0;width: 470px;height: 470px;background: radial-gradient(circle, rgba(232, 243, 252, 1) 0%, rgb(232 243 252 / 50%) 40%, rgb(232 243 252 / 25%) 60%, rgb(232 243 252 / 2%) 80%, rgb(232 243 252 / 0%) 100%);z-index: -1;}
.gradientBgThree { position: absolute; width: 882px; height: 882px; top: 150%; left: 0; z-index: -1; background: radial-gradient(circle, rgb(250 231 230) 0%, rgb(250 231 230 / 50%) 40%, rgb(250 231 230 / 26%) 60%, rgb(250 231 230 / 2%) 80%, rgb(250 231 230 / 0%) 100%); }
.gradientBgFour { position: absolute; width: 882px; height: 882px; top: 180%; right: 0; z-index: -1; background: radial-gradient(circle, rgb(250 238 231) 0%, rgb(250 238 231 / 50%) 40%, rgb(250 238 231 / 26%) 60%, rgb(250 231 230 / 2%) 80%, rgb(250 238 231 / 0%) 100%); }

/* Service */
.main-service { padding: 70px 0; }
.heading { max-width: 80%; margin: auto; }
.heading h2 { font-weight: 700; font-size: 36px; line-height: 42px; text-align: center; margin-bottom: 20px; }
.serviceListItem h2 { font-weight: 500; font-size: 22px; line-height: 28px; text-align: center; text-transform: uppercase; color: #000; margin-bottom: 12px; }
.serviceListItem p { line-height: 27px; text-align: center; color: #263238; }
.main-service .thumbnailIcon { width: 64px; height: 64px; margin: auto; display: flex; align-items: center; justify-content: center; background-color: #F6F6F6; border-radius: 7px; margin-bottom: 16px; }
.main-service .thumbnailIcon svg { height:40px; width:auto; transition:all 0.3s ease; }
.main-service .serviceListItem { background: #FFF; border: 1px solid #F0F0F0; padding: 25px; border-radius: 7px; transition: all 0.3s ease; }
.main-service .serviceListItem:hover { background-color: rgb(37 121 163 / 10%); }
.main-service .serviceListItem:hover .thumbnailIcon svg path{ fill: #00AAFF; }

/* Service Details */
.inner-banner { background-size: cover; background-repeat: no-repeat; height: 298px; width: 100%; display: flex; flex-direction: column; justify-content: center; }
.inner-banner-caption { padding: 60px; }
.inner-banner-caption h1 {font-size: 40px;line-height: 44px; color: #FFFFFF; font-weight: 600;text-align: center;}

.service-detals-page{ padding: 30px 0;}
.sidebar .wp-page-link { background-color: #F5F5F5; padding: 20px 18px; margin-bottom: 30px; }
.sidebar .wp-page-link h2 { font-size: 28px; line-height: 32px; font-weight: 500; color: #000; position: relative; border-bottom: 2px solid #e9e9ea; padding-bottom: 12px; margin-bottom: 20px; }
.sidebar .wp-page-link h2:before { content: ''; position: absolute; left: -18px; width: 2px; height: 32px; background: #185E81; }
.sidebar .wp-page-link ul li a { font-size: 15px; line-height: 22px; font-weight: 400; color: #000; display: block; background: #FFFFFF; padding: 10px; border-radius: 4px; transition: all 0.3s ease; }
.sidebar .wp-page-link ul li a:hover{ background:#185E81; color:#FFFFFF; }
.sidebar .wp-page-link ul li:not(:last-child) {padding-bottom: 8px;}
.enquiry-box .h2 { font-size: 28px; line-height: 32px;}


.enquiry-box .enquiry-form{ border: 1px solid #ededed; background: #FFFFFF; padding: 20px 18px 20px; margin-bottom: 30px; }
.service-detals-page .primary-content h1 { font-size: 28px; line-height: 32px; }
.service-detals-page .primary-content h2 { font-size: 24px; line-height: 30px; }
.service-detals-page .primary-content h3 { font-size: 20px; line-height: 24px; }
.service-detals-page .primary-content ul, .service-detals-page .primary-content ul{ padding-left: 32px; margin-bottom:20px; }
.service-detals-page .primary-content ul li{ line-height: 32px; transition: all 0.1s ease; position:relative; }
.service-detals-page .primary-content  ul  li::before { content: ''; background-image: url('../img/list-con.png'); width: 24px; height: 24px; position: absolute; left: -40px; top: 4px; background-repeat: no-repeat; background-size: contain; display: block; z-index: 1; }
.service-detals-page .primary-content ul li a:hover { color:#185E81 }
.service-detals-page .primary-content ol li { list-style: number; line-height: 27px }

.service-detals-page .primary-content { padding-left: 20px;}
.primary-content ul li a { color: #000; }
.primary-content h2 { font-size: 28px; line-height: 34px; }
.primary-content .disc_blue li { line-height: 27px; }
.service-detals-page .wpcf7-form { margin-top: 20px; }
.service-detals-page .wpcf7-form input, .service-detals-page .wpcf7-form textarea {width: 100%;padding: 4px 7px;}
.apply-now-form input { width: 100%; }
.apply-now-form .col { flex: 0 0 50%;}
.service-detals-page .wpcf7-form .primary-btn{ width:inherit; min-width:120px; }

/**/
.widgetContact { background: #1A191D; padding: 40px 10px 40px 20px; position: relative;}
.borderWidth { width: 100px; height: 4px; background: #185E81; display: block; margin: 20px 0; }
.widgetContact h2 { font-size: 24px; line-height: 32px; color: #FFFFFF; }
.widgetContact p { color: #FFFFFF; }
.widgetContact ul li a { color: #FFFFFF; }
.widgetContact ul li a i { padding-right: 30px; }
.widgetContact ul li { line-height: 40px; }
.widgetContact .stroke-btn { border-color: #FFFFFF; color: #000; background-color: #FFF; width: 80%; margin: auto; display: table; margin-top: 30px; font-size: 18px; }
.widgetContact .stroke-btn:hover{ background:#185E81; color: #FFFFFF; border-color: #185E81;}

/* Flexible */
.flexible-section .wp-left img { border: 1px solid #FFF; object-fit: cover;}
.flexible-section .top-row img:first-child {width: 40%; height: 215px;}
.flexible-section .top-row { align-items: flex-end; }
.flexible-section .top-row { display: flex; gap: 12px; margin-bottom: 12px; }
.flexible-section .top-row img:last-child { width: calc(60% - 12px); height: 261px;}
.flexible-section .bottom-row { display: flex; align-items: center; gap: 12px; }
.flexible-section .bottom-row img:first-child { width: 30%; height: 204px; }
.flexible-section .bottom-row img:last-child { width: calc(70% - 12px); height: 204px; }
.flexible-section .wp-cnt h2 { font-size: 32px; line-height: 40px; font-weight: bold; color: #000; }
.flexible-section .wp-left { padding-right: 30px; }

/*  */
.howit-work { padding: 70px 0; }
.howit-work-box { background: #FFFFFF; padding: 20px; box-shadow: 3px 4px 7px 2px rgba(237, 247, 255, 0.58); text-align: center; height: 100%; border:1px solid #FFFFFF; transition: all 0.3s ease; }
.howit-work-box:hover { border-color: #F0F0F0; }
.howit-work-box h3 { font-size: 22px; line-height: 28px; font-weight: 600; }
.howit-work-box img { margin-bottom: 20px; height:150px; width:auto; object-fit:cover; }

/*  */
.why-finance { padding: 0 0 56px; }
.why-finance .wp-left img { width: 100%; object-fit: cover; }
.why-finance .wp-button { text-align: center; margin-top: 30px; }
.why-finance .wp-cnt-box img { height: 56px; width: auto; margin-bottom: 16px; }
.why-finance .wp-cnt-box h3 { font-size: 18px; line-height: 24px; font-weight: 600; position: relative; margin-bottom: 12px; padding-bottom: 12px; }
.why-finance .wp-cnt-box h3:after { content: ''; position: absolute; width: 60px; height: 2px; background: #2497F0; bottom: 0; left: 0; }
.why-finance .wp-right { padding-left: 28px; }

/*  */
.contact-now { padding: 70px 0 120px; background: #FFF9F6; }
.wrapper-contact-info { position: relative;}
.contact-now .contact-info { max-width: 470px; background: rgba(37, 121, 163, 1); padding: 25px 25px; border-radius: 14px; position: relative; }
.inner-contact-info {max-width: 80%;}
form .form-control { font-size: 16px; line-height: normal; height: 48px; font-weight: 400; outline: none; border: none; box-shadow: -0.85px 3.39px 11.85px 1.69px rgba(239, 29, 38, 0.1); }
form textarea{ height: inherit !important;}
form .form-control:focus{ box-shadow:-0.85px 3.39px 11.85px 1.69px rgba(239, 29, 38, 0.1)}
.contact-now .contact-form .sm-text { font-size: 16px; font-weight: 600; color: #000000; margin-bottom: 20px; }
.contact-now .contact-form h2 { font-size: 40px; line-height: 47px; font-weight: 600; margin-bottom: 20px; }
.contact-now .contact-form .primary-btn { min-width: 148px; }
.contact-now .contact-info h2 { font-size: 20px; line-height: 30px; color: #FFFFFF; font-weight: 700; }
.contact-now .contact-info p { font-size: 16px; line-height: 24px; color: #FFFFFF; }
.contact-now .socail-link-list li a { font-size: 16px; color: #FFFFFF; line-height: 30px; display: inline-block; }
.wrapper-contact-info .rounded-img { width: 400px; height: 400px; object-fit: cover; box-shadow: 0 3px 3px 0 rgba(239, 29, 38, 0.1); overflow: hidden; border-radius: 50%; border: 6px solid #FFFFFF; position: absolute; top: 50px; right: 0; }
.wrapper-contact-info .triangle-shape { position: absolute; left: 10%; bottom: -40px; }


/*  */
footer { background: #071B25; }
.footer-grid { display: grid; grid-template-columns: 1fr 0.6fr 0.6fr 1fr; gap: 24px; padding: 70px 0; d: #071B25; }
footer h2 { font-size: 22px; line-height: 30px; font-weight: 600; color: rgba(255, 255, 255, 1); margin-bottom: 25px; } footer p { color: #FFF; }
.company-info p { max-width: 330px; }
.company-info ul li a { color: #FFFFFF; line-height: 30px; display: inline-flex; align-items: center; }
.footer-links ul li a { color: #FFFFFF; }
.footer-links ul li:not(:last-child) {padding-bottom: 12px;}
.brand-log img { display: inline-block; background-color: #FFF; padding: 12px; height: 68px; border-radius: 8px; min-width: 148px; object-fit: contain; }
.brand-log img:not(:last-child) { margin-right: 12px; }
footer .brand-log { margin-bottom: 25px; }
.footer-links h3 { font-size: 22px; color: #FFF; line-height: 28px; font-weight: 600; margin-bottom: 12px; }
.footer-links .form-control { background: transparent; color: #FFF; width: calc(100% - 84px); display: inline-table; border: 1px solid #FFFF; box-shadow: inherit; border-radius: 4px 0 0 4px; border-right: 0; }
.footer-links .form-group .submitBtn { background: #2497F0; width: 80px; height: 48px; display: inline-block; margin-left: -4px; vertical-align: bottom; border-radius: 0 4px 4px 0; padding: 10px 28px; border: none; }

footer .socail-link-list { display: flex; gap: 18px; margin-top: 25px; }
footer .socail-link-list a { display: inline-block; vertical-align: middle; }
footer .socail-link-list li { padding: 0 !important; }
footer .socail-link-list li a { vertical-align: inherit; }
footer .coppy-right p { margin: 0; color: rgba(179, 179, 179, 1); }
footer .coppy-right p { margin: 0; color: rgba(179, 179, 179, 1); }
footer .coppy-right { padding: 18px; text-align: center; border-top: 1px solid rgba(37, 37, 37, 1); }
footer .company-details-cnt p { text-align:justify; }
footer .company-details { border-top: 1px dashed #42525A; padding-top: 25px;}

footer input.form-control::placeholder {color: #FFFFFF;}
footer input.form-control::-moz-placeholder {color: #FFFFFF;}
footer input.form-control:-ms-input-placeholder {color: #FFFFFF;}
footer input.form-control::-ms-input-placeholder {color: #FFFFFF;}

/* Responsive */

@media(max-width: 1260px){
    .wrapper-contact-info .rounded-img { width: 340px; height: 340px;}
}

@media(max-width: 1199px){
    .navbar-nav .nav-item:not(:last-child) { margin-right: 12px; }
    header nav .navbar-nav { padding-right: 12px; }
    .rightheader .primary-btn { margin-left: 12px; }
    .wrapper-contact-info .rounded-img { width: 300px; height: 300px; top: 130px;}

    .footer-grid { display: grid; grid-template-columns: 1fr 0.6fr 0.4fr 1.2fr; }
}

@media(max-width: 991px){
    .toggleBtnBox .nav-toggle-btn { border: none; padding: 0;}
    .navbar-toggler:focus{ box-shadow: none;}
    .rightheader .primary-btn { width: 170px;}
    .rightheader { margin-left: auto; padding-right: 15px;}
    .navbar-nav .nav-link{ padding: 16px 8px; }
    
    .hero-section .cnt-box h2 { font-size: 36px; line-height: 40px; }
    .heading h2 { font-size: 32px; line-height: 38px; }

    .main-service, .howit-work .footer-grid{ padding: 60px 0; }
    .contact-now {padding: 60px 0 190px;}
    .why-finance { padding: 0 0 48px; }
    .flexible-section .wp-cnt h2 { font-size: 28px; line-height: 34px; }
    .flexible-section .wp-left { padding: 0; }

    .why-finance .wp-left img { max-width: 100%; width: inherit; max-height: 300px; }
    .why-finance .wp-right { padding: 0; margin-top: 30px; }
    .contact-now .contact-form h2 { font-size: 32px; line-height: 36px;}
    .wrapper-contact-info .rounded-img { left: 330px; top: 80px; }

    .footer-grid { grid-template-columns: auto auto; row-gap: 32px; }
    .footer-links .form-control { max-width: 60%;}

    .gradientBgTwo{ width: 120px; height: 120px;}
    .gradientBgThree { width: 767px; height: 767px;}
    .gradientBgFour{ width: 767px; height: 767px; }
    .service-detals-page .primary-content { padding-left: 0;}
}

@media(max-width: 767px){

  .toggleBtnBox { width: inherit; }
  .rightheader .primary-btn { width: inherit; }
  #navHeader nav .nav-logo { margin-right: auto; padding-right: 20px; }

  .hero-row { flex-wrap: wrap; flex-direction: column-reverse; text-align: center; }
  .heading{ max-width: 96%;}

  .main-service, .howit-work, .footer-grid{ padding: 50px 0; }
  .contact-now {padding: 50px 0 160px;}
  .why-finance { padding: 0 0 24px; }
  .flexible-section .wp-left { padding-bottom: 30px; }
  .why-finance .wp-cnt-box { text-align: center; }
  .why-finance .wp-cnt-box h3:after { left: 50%; transform: translateX(-50%); }
  .wrapper-contact-info .rounded-img { width: 198px; height: 198px; top: 50%; }
  .footer-grid { grid-template-columns: auto;}

  .contact-now .contact-info{ max-width: 100%;}
  .wrapper-contact-info .rounded-img { width: 160px; height: 160px; top: 75%; left: inherit; right: 0; }
  .gradientBgThree { width: 575px; height: 575px;}
  .gradientBgFour{ width: 575px; height: 575px; }
}

@media(max-width: 575px){

    #navHeader nav .nav-logo { margin-left: inherit; margin-right: inherit; }
    .wrapper-mobileNabeBtn { position: fixed; bottom: 0; right: 0; padding: 20px; text-align: center; width: 100%; background: #FFF; max-width: 398px; }
    header nav .navbar-nav{ padding-bottom: 80px; }
    .rightheader .primary-btn { margin-left: 0; padding: 7px 12px; } 
    #navHeader nav .logo-img { max-width: 160px; height: auto; } 
    .rightheader { padding-right: 8px; }
    .flexible-section .top-row img:first-child { height: 120px; }
    .flexible-section .top-row img:last-child { height: 150px; }
    .flexible-section .bottom-row img:first-child { height: 120px; }
    .flexible-section .bottom-row img:last-child { height: 120px; }
    .flexible-section .top-row { gap: 12px; margin-bottom: 12px; }
    .flexible-section .bottom-row { gap: 12px; }

    .why-finance .wp-cnt-box { text-align: center; }
    .why-finance .wp-cnt-box h3:after { left: 50%; transform: translateX(-50%); }

    .gradientBgThree { width: 320px; height: 320px;}
    .gradientBgFour{ width: 320px; height: 320px; }
    .service-detals-page .wpcf7-form input, .service-detals-page .wpcf7-form textarea {width: 100%;}
}