/*
Theme Name: Elitefins
Text Domain: Elitefins
Version: 2.9
Tested up to: 6.8
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
*/

* { margin: 0; padding: 0; box-sizing: border-box; }

:root{
    --color-white: #fff;
    --color-black: #000;
    --color-darkBlue: #12223B;
    --color-lightBlue: #e9f7fe;
    --color-yellow: #ffb703;
    --color-text: #667282;
    --border-color: #ffffff20;

    --secondary-font: "DM Sans", sans-serif;
}

@font-face {
  font-family: "Manrope";
  src:  url("/wp-content/themes/elitefins_wp/assets/fonts/manrope/ManropeExtraLight-Regular.woff2") format("woff2"), 
        url("/wp-content/themes/elitefins_wp/assets/fonts/manrope/ManropeExtraLight-Regular.woff") format("woff"), 
        url("/wp-content/themes/elitefins_wp/assets/fonts/manrope/ManropeExtraLight-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src:  url("/wp-content/themes/elitefins_wp/assets/fonts/manrope/ManropeExtraLight-Medium.woff2") format("woff2"), 
        url("/wp-content/themes/elitefins_wp/assets/fonts/manrope/ManropeExtraLight-Medium.woff") format("woff"), 
        url("/wp-content/themes/elitefins_wp/assets/fonts/manrope/ManropeExtraLight-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src:  url("/wp-content/themes/elitefins_wp/assets/fonts/manrope/ManropeExtraLight-ExtraBold.woff2") format("woff2"), 
        url("/wp-content/themes/elitefins_wp/assets/fonts/manrope/ManropeExtraLight-ExtraBold.woff") format("woff"), 
        url("/wp-content/themes/elitefins_wp/assets/fonts/manrope/ManropeExtraLight-ExtraBold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src:  url("/wp-content/themes/elitefins_wp/assets/fonts/manrope/ManropeExtraLight-SemiBold.woff2") format("woff2"), 
        url("/wp-content/themes/elitefins_wp/assets/fonts/manrope/ManropeExtraLight-SemiBold.woff") format("woff"), 
        url("/wp-content/themes/elitefins_wp/assets/fonts/manrope/ManropeExtraLight-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src:  url("/wp-content/themes/elitefins_wp/assets/fonts/manrope/ManropeExtraLight-Bold.woff2") format("woff2"), 
        url("/wp-content/themes/elitefins_wp/assets/fonts/manrope/ManropeExtraLight-Bold.woff") format("woff"), 
        url("/wp-content/themes/elitefins_wp/assets/fonts/manrope/ManropeExtraLight-Bold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Manrope ExtraLight";
  src:  url("/wp-content/themes/elitefins_wp/assets/fonts/manrope/ManropeExtraLight-Light.woff2") format("woff2"), 
        url("/wp-content/themes/elitefins_wp/assets/fonts/manrope/ManropeExtraLight-Light.woff") format("woff"), 
        url("/wp-content/themes/elitefins_wp/assets/fonts/manrope/ManropeExtraLight-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src:  url("/wp-content/themes/elitefins_wp/assets/fonts/dmsans/DMSans9pt-Regular.woff2") format("woff2"), 
        url("/wp-content/themes/elitefins_wp/assets/fonts/dmsans/DMSans9pt-Regular.woff") format("woff"), 
        url("/wp-content/themes/elitefins_wp/assets/fonts/dmsans/DMSans9pt-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src:  url("/wp-content/themes/elitefins_wp/assets/fonts/dmsans/DMSans9pt-Medium.woff2") format("woff2"), 
        url("/wp-content/themes/elitefins_wp/assets/fonts/dmsans/DMSans9pt-Medium.woff") format("woff"), 
        url("/wp-content/themes/elitefins_wp/assets/fonts/dmsans/DMSans9pt-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src:  url("/wp-content/themes/elitefins_wp/assets/fonts/dmsans/DMSans9pt-SemiBold.woff2") format("woff2"), 
        url("/wp-content/themes/elitefins_wp/assets/fonts/dmsans/DMSans9pt-SemiBold.woff") format("woff"), 
        url("/wp-content/themes/elitefins_wp/assets/fonts/dmsans/DMSans9pt-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src:  url("/wp-content/themes/elitefins_wp/assets/fonts/dmsans/DMSans9pt-Bold.woff2") format("woff2"), 
        url("/wp-content/themes/elitefins_wp/assets/fonts/dmsans/DMSans9pt-Bold.woff") format("woff"), 
        url("/wp-content/themes/elitefins_wp/assets/fonts/dmsans/DMSans9pt-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.xl-container { max-width: min(1920px, 96%); margin: 0 auto; } 
.container { max-width: min(1290px, 96%); margin: 0 auto; } 
.unset { list-style: none; margin: 0; padding: 0; } 
img { height: auto; max-width: 100%; } a { text-decoration: none; } body { margin: 0; padding: 0; font: normal 14px "Manrope", sans-serif; color: #5b5b5b; line-height: normal; } 
span.icon { line-height: 0; } 
span.icon svg { font-size: 20px; line-height: 19px; }

.title{font-size: 18px; color: var(--color-yellow); font-weight: 800; line-height: 29px; letter-spacing: 2px; text-transform: uppercase;}
.subtitle{font-size: clamp(26px, calc(17.4px + 2.68vw), 56px); color: var(--color-darkBlue); font-weight: 800; line-height: 1.28; letter-spacing: 0px; margin-block: 15px 25px;}

.topsec{max-width: min(1100px, 96%); margin: 0 auto 60px; text-align: center;}
.topsec p{font-size: 18px; color: var(--color-text); font-weight: 400; line-height: 29px; padding-inline: 130px; font-family: var(--secondary-font);}

a.btn{display: inline-flex; font-size: 18px; color: var(--color-darkBlue); font-weight: 800; line-height: normal; letter-spacing: 0.5px; background: var(--color-white); transition: all 0.3s linear; padding: 12px 30px; box-sizing: border-box; border-radius: 10px; overflow: hidden; position: relative; z-index: 1; gap: 7px; align-items: center;}
a.btn::after{content: ""; position: absolute; inset: 0; transform: translateX(0%); z-index: -1; width: 100%; height: 100%; background: var(--color-yellow); transition: all 0.3s linear;}
a.btn:hover::after{transform: translateX(100%);}
a.btn span.icon{transform: translateX(0); transition: all 0.3s linear;}
a.btn:hover span.icon{transform: translateX(3px);}

.imgbox.shawdow{position: relative; transition: all 0.3s ease-in-out; overflow: hidden;}
.imgbox.shawdow::after{content: ""; position: absolute; width: 300%; height: 0%; left: 50%; top: 50%; background-color: rgba(255, 255, 255, .2); transform: translate(-50%, -50%) rotate(-45deg); z-index: 1;}
.imgbox.shawdow:hover::after{height: 250%; transition: all 600ms linear !important; background-color: transparent;}

.mobile_menu, .hc-offcanvas-nav.hc-nav-1{display: none !important;}

.headersec{background: var(--color-white); padding: 40px 40px 0;}
.headersec .logo, .footerlogo{background: var(--color-white); border-radius: 10px; padding: 8px;}
.headersec .headerwrap{background: url(../elitefins_wp/assets/images/new-hero-bg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; border-radius: 40px; overflow: hidden; position: relative; z-index: 1;}
.headersec .headerwrap.page {background: url(../elitefins_wp/assets/images/page-header-bg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; border-radius: 40px; overflow: hidden; position: relative; z-index: 1;}
.headersec .headerwrap::before, .page-template-service-single-page-template .featuresec::before{content: ''; position: absolute; inset: 0; z-index: -1; background: var(--color-darkBlue); opacity: 0.6;}
.headersec .headerbox{display: flex; flex-flow: row nowrap; gap: 50px; align-items: center; justify-content: space-between; padding: 25px 0px;}
.headersec .headerbox .navsec.hc-nav{display: block;}
.headersec .headerbox .navsec ul{display: flex; flex-flow: row nowrap; gap: 40px; align-items: center; font-size: 0;}
.headersec .headerbox .navsec ul li a{display: inline-block; font-size: 16px; color: var(--color-white); font-weight: 500; line-height: normal; letter-spacing: 0.5px; transition: all 0.3s linear;}
.headersec .headerbox .navsec ul li a:hover, .headersec .headerbox .navsec ul li.current-menu-item a, .headersec .headerbox .navsec ul li.current-page-ancestor a{color: var(--color-yellow);}
.headersec .navsec ul li.current-menu-ancestor a{color: var(--color-yellow);}
.headersec .navsec ul li.menu-item-has-children {position: relative; padding-right: 28px;}
.headersec .navsec ul li.menu-item-has-children span.icon { position: absolute; top: calc(100% - 8px); right: 0px; width: 24px; height: 24px; box-sizing: border-box; color: var(--color-white); transform: translate(0, -50%); background: url(/wp-content/uploads/2025/12/dropdown-icon.svg) no-repeat center; background-size: cover; }
.headersec .navsec ul li.menu-item-has-children ul { transition: all 0.4s linear; transform-origin: top; gap: 0; position: absolute; top: 100%; left: 0; border: 0; transform: scaleY(0); width: 180px; padding: 34px 0 0 0; margin: 0; z-index: 25; overflow: hidden; flex-flow: column nowrap; align-items: flex-start;}
.headersec .navsec ul li.menu-item-has-children:hover ul { transform: scaleY(1); width: 180px; }
.headersec .navsec ul li.menu-item-has-children ul li{background: var(--color-darkBlue); width: 100%;}
.headersec .navsec ul li.menu-item-has-children ul li+li{border-top: 1px solid var(--border-color);}
.headersec .navsec ul li.menu-item-has-children ul li a{padding: 8px 10px; font-size: 14px; color: var(--color-white); font-weight: 400; line-height: normal; display: inline-block; transition: all 0.3s linear; display: block;}
.headersec .navsec ul li.menu-item-has-children ul li a:hover{color: var(--color-yellow);}

.breadcrumbsec{margin-top: 7px;}
.breadcrumbsec a, .breadcrumbsec span{font-size: 17px; color: var(--color-white); font-weight: 500; display: inline-block; transition: all 0.3s linear;}
.breadcrumbsec span.separator{padding-inline: 7px; color: var(--color-white);}
.breadcrumbsec span{color: var(--color-yellow);}
.breadcrumbsec a:hover{color: var(--color-yellow);}

.headersec .bannersec, .headersec .innerbannersec{padding-block: 170px; text-align: center; border-top: 1px solid var(--border-color);}
.headersec .innerbannersec{padding-block: 130px;}
.headersec .innerbannersec h1{font-size: 56px; color: var(--color-white); font-weight: 600; line-height: 70px;}
.headersec .bannersec h2{font-size: clamp(30px, calc(18.6px + 3.57vw), 70px); color: var(--color-white); font-weight: 700; line-height: normal; margin-top: 15px;}
.headersec .bannersec h2 span, .headersec .bannersec p span{display: block;}
.headersec .bannersec p{font-size: 22px; color: var(--color-white); font-weight: 400; line-height: 38px; letter-spacing: 0.5px; margin: 30px 0 45px; font-family: var(--secondary-font);}
.headersec .bannersec a.btn, .aboutsec .contactsec a.btn, .listing .btnsec a.btn, .blogsec .btnsec a.btn{background: var(--color-darkBlue); color: var(--color-white);}

.aboutsec{padding: 100px 0;}
.aboutsec .imgsec img{border-radius: 24px; overflow: hidden;}
.aboutsec .aboutwrap{display: flex; flex-flow: row nowrap; gap: 100px;}
.aboutsec .aboutcontent{width: calc(100% - 570px);}
.aboutsec .aboutcontent p{font-size: 18px; color: var(--color-text); font-weight: 400; line-height: 29px; letter-spacing: 0px; font-family: var(--secondary-font);}
.aboutsec .aboutcontent p+p{margin-top: 20px;}
.aboutsec .listsec{background: var(--color-lightBlue); border-radius: 24px; overflow: hidden; padding: 20px; margin: 45px 0;}
.aboutsec .listsec ul{display: flex; flex-flow: column wrap; gap: 20px; font-size: 0;}
.aboutsec .listsec ul li{display: flex; flex-flow: row nowrap; gap: 15px; align-items: center;}
.aboutsec .listsec ul li span svg{color: var(--color-yellow);}
.aboutsec .listsec ul li p{font-size: 20px; color: var(--color-darkBlue); font-weight: 400; letter-spacing: 0.5px; font-family: var(--secondary-font);}
.aboutsec .contactsec ul{display: flex; flex-flow: row nowrap; gap: 40px; align-items: center; font-size: 0;}
.aboutsec .contactsec a.callbtn{font-size: 20px; font-weight: 700; color: var(--color-darkBlue); line-height: normal; position: relative; transition: all 0.3s linear; padding-left: 60px; display: inline-block;}
.aboutsec .contactsec a.callbtn::before{content: ''; position: absolute; top: calc(50% - 20px); left: 0; width: 40px; height: 40px; background: url(../elitefins_wp/assets/images/phone-icon.svg) no-repeat center;}
.aboutsec .contactsec a.callbtn span.calltext{font-size: 16px; font-weight: 400; display: block;}
.aboutsec .contactsec a.callbtn:hover{color: var(--color-yellow);}

.listing{padding-block: 100px; background: var(--color-lightBlue); position: relative; overflow: hidden;}
.listing.servicesec::before{content: ''; position: absolute; top: 0; right: 0; background: url(../elitefins_wp/assets/images/our-service-bg.png) no-repeat top right; background-size: cover; width: 600px; height: 600px;}
.listing.projectsec::before{content: ''; position: absolute; bottom: 0; left: 0; background: url(../elitefins_wp/assets/images/our-projects-bg.png) no-repeat bottom left; background-size: cover; width: 484px; height: 484px;}
.listing .listing__box ul{display: flex; flex-flow: row nowrap; gap: 30px; align-items: center; justify-content: center; font-size: 0; padding-inline: 80px;}
.listing .listing__box ul li{overflow: hidden; border-radius: 24px; flex: 0 1 23.7%;}
.listing.servicesec .listing__box ul li{flex: 0 1 30.33%;}
.listing .listing__card a{display: flex; position: relative; z-index: 1;}
.listing .listing__card a::after{content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217, 0) 13.02%, rgba(0, 0, 0, 0.51) 42.5%, rgba(0, 0, 0, 0.63) 85%, #000000 100%);}
.listing .listing__card a .imgbox{width: 100%;}
.listing .listing__card a .imgbox img{transform: scale(1); transition: all 0.3s ease-in-out; aspect-ratio: 16 / 21; object-fit: cover;}
.listing .listing__card a:hover .imgbox img{transform: scale(1.1);}
.listing .listing__card a .contentsec{padding: 30px; position: absolute; bottom: 0; inset-inline: 0; z-index: 99; transform: translateY(60%); transform-origin: top; transition: all 0.3s ease-in-out;}
.listing .listing__card a:hover .contentsec{transform: translateY(0%);}
.listing .listing__card a .contentsec h2, #site-content .listing .listing__card a .contentsec h2{font-size: 22px; color: var(--color-white); font-weight: 700; line-height: normal; transition: all 0.3s ease-in-out; margin-bottom: 30px;}
.listing .listing__card a:hover .contentsec h2{color: var(--color-yellow);}
.listing .listing__card a .contentsec p, #site-content .listing .listing__card a .contentsec p{font-size: 17px; color: var(--color-white); font-weight: 500; line-height: 28px; font-family: var(--secondary-font); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.listing .btnsec, .blogsec .btnsec{margin-top: 70px; display: flex; justify-content: center;}

.page-template-service-page-template .listing{background: var(--color-white);}
.page-template-service-page-template .listing.servicesec::before{position: inherit;}

.choosesec{padding-block: 100px;}
.choosesec .choose__list ul{display: flex; flex-flow: row wrap; gap: 30px; font-size: 0;}
.choosesec .choose__list ul li{flex: 1 1 30.33%; padding: 30px; border-radius: 24px; overflow: hidden; border: 1px solid #12223b30;}
.choosesec .choose__list ul li:nth-child(2n){padding: 0}
.choosesec .choose__list ul li:nth-child(2n) .choose__content{gap: 0;}
.choosesec .choose__content{ display: flex; flex-flow: column wrap; gap: 30px;}
.choosesec .choose__content .iconsec{font-size: 0;}
.choosesec .choose__content .iconsec svg{font-size: 70px;}
.choosesec .choose__content .choose__detail h4{font-size: 24px; color: var(--color-darkBlue); font-weight: 700; line-height: 34px; margin-bottom: 30px;}
.choosesec .choose__content .choose__detail p{font-size: 18px; color: var(--color-text); font-weight: 500; line-height: 29px;}
.choosesec .choose__content .imgbox.shawdow:hover img{filter: grayscale(100%);}
.choosesec .choose__content .imgbox.shawdow img{object-fit: cover; width: 100%; min-height: 580px;}
.choosesec .counter{padding-top: 30px; margin-top: 30px; border-top: 1px solid #12223b30;}
.choosesec .counter h5{font-size: 50px; color: var(--color-darkBlue); font-weight: 700; line-height: 42px;}
.choosesec .counter p{font-size: 18px; color: var(--color-text); font-weight: 500; line-height: 29px; margin-top: 10px;}

.quotesec{position: relative; background: var(--color-darkBlue); z-index: 1;}
.quotesec::before{content: ''; position: absolute; right: 0; bottom: 0; background: url(../elitefins_wp/assets/images/cta-box-bg.png) no-repeat bottom center; background-size: cover; width: 1161px; height: 498px; z-index: -1;}
.quotesec .quotebox{display: flex; flex-flow: row nowrap; gap: 50px; justify-content: space-between;}
.quotesec .contentsec{width: calc(100% - 523px); padding-block: 90px;}
.quotesec .contentsec h2{color: var(--color-white);}
.quotesec .contentsec p{font-size: 18px; color: var(--color-white); font-weight: 400; line-height: 29px; margin-block: 30px 40px;}
.quotesec .imgsec{position: relative; width: 433px;}
.quotesec .imgsec::after{content: ''; position: absolute; right: 0%; bottom: 0; background: url(../elitefins_wp/assets/images/cta-box-img.png) no-repeat bottom; background-size: cover; width: 483px; height: 455px;}

.faqsec{padding-block: 100px; background: var(--color-lightBlue); position: relative; z-index: 1;}
.faqsec::after{content: ''; position: absolute; bottom: 0; right: 0; background: url(/wp-content/uploads/2025/12/our-faqs-bg.png) no-repeat; width: 481px; height: 511px; z-index: -1;}
.faqsec .faqwrap{display: flex; flex-flow: row wrap; gap: 30px;}
.faqsec .faqwrap .faqimgbox{width: 491px; display: flex; flex-flow: column wrap; gap: 30px; position: relative;}
.faqsec .faqwrap .faqimgbox::before{content: ""; position: absolute; top: 42%; left: 55%; transform: translate(-50%, -50%); width: 100px; height: 100px; background: var(--color-white); border-radius: 50px; z-index: 99;}
.faqsec .faqwrap .faqimgbox::after{content: ""; position: absolute; top: 42%; left: 50%; transform: translate(-6%, -50%); background: url(/wp-content/uploads/2026/01/logo-icon.png) no-repeat center; width: 58px; height: 46px; z-index: 100; background-size: 90%;}
.faqsec .faqwrap .faqimgbox figure{font-size: 0;}
.faqsec .faqwrap .faqimgbox img{border-radius: 24px; overflow: hidden;}
.faqsec .faqwrap .faqimgbox ul{display: flex; flex-flow: row wrap; gap: 30px;}
.faqsec .faqwrap .faqimgbox .topimg ul{align-items: flex-end;}
.faqsec .faqcontent {width: calc(100% - 521px); padding-left: 80px;}
.faqsec .accrodionsec .accordion-content{display: none;}
.faqsec .accrodionsec h4.title{font-size: 22px; line-height: 32px; font-weight: 700; color: var(--color-black); padding-right: 25px; position: relative; cursor: pointer; letter-spacing: 0; text-transform: none;}
.faqsec .accrodionsec h4.title::before{position: absolute; content: ''; background: url(/wp-content/uploads/2025/12/arrow-icon.svg) no-repeat; width: 32px; height: 32px; transform: translateY(-50%); color: var(--color-white); right: 0; top: calc(100% - 32px);}
.faqsec .accrodionsec .accordion-item.active h4.title::before{transform: rotate(270deg); top: calc(100% - 50px); }
.faqsec .accrodionsec .accordion-item.active h4{color: var(--color-yellow) !important;}
.faqsec .accrodionsec .drawer+.drawer {margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--border-color);}
.faqsec .accrodionsec .accordion-content p{font-size: 16px; line-height: 27px; font-weight: 500; color: #667282;transition: all 0.5s ease; margin-top: 20px;}
.faqsec .accrodionsec .accordion-content p:empty{display: none !important;}
.faqsec .accrodionsec .accordion-content p+p{margin-top: 20px;}

.blogsec, .faqsec{ padding-block: 100px; } 
.blogsec .topsec, .faqsec .topsec{ max-width: min(1100px, 96%); margin: 0 auto 60px; text-align: center; } 

.formsec{padding-block: 100px; background: var(--color-lightBlue) url(../elitefins_wp/assets/images/contact-us-bg.png) no-repeat bottom; background-size: cover; width: 100%; height: 100%;}
.formsec .formwrap{display: flex; flex-flow: row nowrap; gap: 30px;}
.formsec .leftsec{width: 405px; padding: 30px 30px 0 30px; border-radius: 24px; display: flex; flex-flow: column nowrap; gap: 40px; justify-content: center; background: var(--color-darkBlue); font-size: 0;}
.page-template-contact-us-page-template .formsec .leftsec{order: 1; position: relative; justify-content: space-between;}
.page-template-contact-us-page-template .formsec .leftsec p{font-size: 24px; color: var(--color-white); font-weight: 600; line-height: 29px; opacity: 1; margin-bottom: 20px;}
.page-template-contact-us-page-template .formsec .boxsec ul{display: flex; flex-flow: row nowrap; gap: 15px; font-size: 0; justify-content: center;}
.page-template-contact-us-page-template .formsec .boxsec ul li a { display: inline-block; padding: 5px; border: 2px solid var(--color-yellow); border-radius: 50px; width: 36px; height: 36px; transition: all 0.3s ease-in-out; }
.page-template-contact-us-page-template .formsec .boxsec ul li a span.icon { display: flex; flex-flow: row nowrap; gap: 30px; justify-content: center; align-items: center; height: 100%; }
.page-template-contact-us-page-template .formsec .boxsec ul li a span.icon svg { font-size: 26px; margin-bottom: 0;}
.page-template-contact-us-page-template .formsec .boxsec ul li a span.icon.link svg { font-size: 16px; }
.page-template-contact-us-page-template .formsec .boxsec ul li a:hover { border-color: var(--color-white); }
.formsec .leftsec .boxsec{text-align: center;}
.formsec .boxsec span svg{font-size: 40px; margin-bottom: 15px;}
.formsec .boxsec p{font-size: 19px; color: var(--color-white); font-weight: 400; line-height: 29px; font-family: var(--secondary-font); margin-bottom: 7px; opacity: 64%;}
.formsec .boxsec a{display: inline-block; font-size: 24px; color: var(--color-white); font-weight: 600; line-height: 29px; transition: all 0.3s linear;}
.formsec .boxsec a:hover{color: var(--color-yellow);}
.formsec .rightsec{width: calc(100% - 445px); background: var(--color-white); border-radius: 24px; padding: 50px;}
.page-template-contact-us-page-template .formsec .rightsec p{font-size: 17px; color: var(--color-text); font-weight: 400; line-height: 29px; margin-bottom: 20px; font-family: var(--secondary-font);}
.page-template-contact-us-page-template .formsec .rightsec h3{margin-top: 0;}
.page-template-contact-us-page-template .formsec .rightsec h3 span{display: block;}
.formsec .rightsec .with_frm_style .frm_top_container .frm_primary_label{display: none;}
.formsec .rightsec .frm_form_fields .frm_fields_container{grid-gap: 30px;}
.formsec .rightsec .frm_style_formidable-style.with_frm_style .form-field{margin: 0;}
.formsec .rightsec .with_frm_style .frm_form_fields > fieldset{padding: 0;}
.formsec .rightsec .with_frm_style input, .formsec .rightsec .with_frm_style textarea{padding: 10px 13px !important; font-size: 16px; font-weight: 400; line-height: 29px; color: var(--color-black); font-family: var(--secondary-font); border: 0;
border-bottom: 1px solid #dfdfdf; border-radius: 0;}
.formsec .rightsec .with_frm_style textarea{height: 130px; resize: none;}
.formsec .rightsec .with_frm_style input::placeholder, .formsec .rightsec .with_frm_style textarea::placeholder{font-size: 16px; font-weight: 400; color: var(--color-black); line-height: 29px; font-family: var(--secondary-font); opacity: 64%;}
.formsec .rightsec .frm_button_submit{display: inline-block; font-size: 18px !important; color: var(--color-darkBlue) !important; font-weight: 800 !important; line-height: normal !important; letter-spacing: 0.5px; background: var(--color-white) !important; transition: all 0.3s linear; padding: 12px 30px !important; box-sizing: border-box !important; border-radius: 10px !important; border: 0 !important; font-family: var(--secondary-font) !important; margin: 0 !important; position: relative !important; z-index: 1; overflow: hidden;}
.formsec .rightsec .frm_button_submit::after{ content: ""; position: absolute; inset: 0; transform: translateX(0%); z-index: -1; width: 100%; height: 100%; background: var(--color-yellow); transition: all 0.3s linear;}
.formsec .rightsec .frm_button_submit:hover::after { transform: translateX(100%); }

.footersec{background: var(--color-darkBlue); padding-block: 80px;}
.footersec .footerlogo{display: inline-block;}
.footersec .footerbox{display: flex; flex-flow: row nowrap; gap: 30px;}
.footersec .footer_left{width: 305px;}
.footersec .footer_left p{font-size: 18px; color: var(--color-white); font-weight: 400; line-height: 29px; margin-top: 40px;}
.footersec .footer_right {width: calc(100% - 335px); display: flex; flex-flow: row nowrap; gap: 30px;}
.footersec .footerlist{flex: 1 1 30.33%;}
.footersec .footerlist h2{font-size: 24px; color: var(--color-yellow); font-weight: 700; line-height: normal; margin-bottom: 30px;}
.footersec .footerlist nav ul, .footersec .footerlist address ul{display: flex; flex-flow: column wrap; gap: 25px;}
.footersec .footerlist nav ul li a, .footersec .footerlist address ul li a{display: inline-block; font-size: 18px; color: var(--color-white); font-weight: 400; line-height: 22px; padding-left: 30px; position: relative; transition: all 0.3s ease-in-out;}
.footersec .footerlist address span.text{line-height: 28px;}
.footersec .footerlist nav ul li a::before{content: ''; position: absolute; top: 2px; left: 0; background: url(../elitefins_wp/assets/images/readmore-arrow.svg) no-repeat center center; width: 20px; height: 20px; transition: all 0.6s ease-in-out;}
.footersec .footerlist nav ul li a:hover, .footersec .footerlist address ul li a:hover{color: var(--color-yellow);}
.footersec .footerlist nav ul li a:hover::before{filter: brightness(0) invert(1);}
.footersec .footerlist address{font-style: normal;}
.footersec .footerlist address ul li a{position: inherit; padding: 0; display: inline-flex; flex-flow: row nowrap; gap: 15px;}
.footersec .footerlist address ul li a span.icon svg{font-size: 26px;}
.footersec .footerlist address ul li a::before{position: inherit;}
.copyrightsec{margin-top: 70px; border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); padding-block: 30px; display: flex; flex-flow: row nowrap; gap: 30px; justify-content: space-between; align-items: center;}
.copyrightsec p{font-size: 18px; color: var(--color-white); font-weight: 400; line-height: normal;}
.copyrightsec ul{display: flex; flex-flow: row nowrap; gap: 15px; font-size: 0;}
.copyrightsec ul li a{display: inline-block; padding: 5px; border: 2px solid var(--color-yellow); border-radius: 50px;  width: 36px; height: 36px; transition: all 0.3s ease-in-out;}
.copyrightsec ul li a span.icon{display: flex; flex-flow: row nowrap; gap: 30px; justify-content: center; align-items: center; height: 100%;}
.copyrightsec ul li a span.icon svg{font-size: 26px;}
.copyrightsec ul li a span.icon.link svg{font-size: 16px;}
.copyrightsec ul li a:hover{border-color: var(--color-white);}

.historysec{padding-block: 100px; background: var(--color-lightBlue);}
.historysec .historywrap{display: flex; flex-flow: row nowrap; gap: 30px; font-size: 0;}
.historysec .historywrap .imgbox{padding-right: 60px; position: relative;}
.historysec .historywrap .imgbox .experiencesec{position: absolute; top: 25%; right: 0px; background: var(--color-white); border-radius: 24px; padding: 20px 55px; text-align: center;}
.historysec .historywrap .imgbox .experiencesec h4{font-size: clamp(26px, calc(17.4px + 2vw), 48px); color: var(--color-black); font-weight: 800; line-height: 1.28;}
.historysec .historywrap .imgbox .experiencesec p{font-size: 17px; color: var(--color-darkBlue); font-weight: 500; line-height: 29px; margin-top: 10px; font-family: var(--secondary-font); opacity: 0.6;}
.historysec .historywrap .imgbox .experiencesec p span{display: block;}
.historysec .historywrap .imgbox figure{border-radius: 24px; overflow: hidden;}
.historysec .historywrap .contentsec{width: calc(100% - 635px);}
.historysec .historywrap .contentsec p{font-size: 18px; color: var(--color-text); font-weight: 500; line-height: 29px;}
.historysec .historywrap .contentsec p+p{margin-top: 30px;}

.page-template-service-single-page-template .featuresec{background: url(../elitefins_wp/assets/images/feature-bg-img.jpg) no-repeat center; background-size: cover; position: relative; z-index: 1; background-attachment: fixed;}
.page-template-service-single-page-template .featuresec ul li{background: var(--color-white);}
.page-template-service-single-page-template #site-content .contentwrap .sidebox.ctasec ul{margin-left: 0;}
.page-template-service-single-page-template #site-content .sidebar ul li::before, .single-projects #site-content .sidebar ul li::before{position: inherit;}
.page-template-service-single-page-template #site-content .serviceimg ul{margin-left: 0;}
.featuresec, .bettersec{padding-block: 100px;}
.bettersec span{font-size: 40px; color: var(--color-yellow); font-weight: 800; line-height: 50px;}
.featuresec ul, .bettersec ul{display: flex; flex-flow: row wrap; gap: 30px; font-size: 0;}
.featuresec ul li, .bettersec ul li{width: 30.33%; border-radius: 24px; padding: 30px; border: 1px solid #12223B30; flex-grow: 1;}
.featuresec ul li .iconsec svg, .bettersec ul li .iconsec svg{font-size: 70px;}
.page-template-contact-us-page-template .featuresec ul li .iconsec svg{font-size: 50px;}
.featuresec ul li h2, .bettersec ul li h2{font-size: 24px; color: var(--color-darkBlue); font-weight: 700; line-height: 36px; text-transform: capitalize; margin-block: 25px;}
.featuresec ul li p, .bettersec ul li p{font-size: 17px; color: var(--color-black); font-weight: 400; line-height: 29px; font-family: var(--secondary-font); opacity: 0.6;}
.featuresec ul li ul, .bettersec ul li ul{display: flex; flex-flow: column nowrap; gap: 0px;}
.featuresec ul li ul li, .bettersec ul li ul li{border: 0; padding: 0; width: auto;}
.featuresec ul li ul li a{display: inline-block; font-size: 17px; color: var(--color-black); font-weight: 400; line-height: 29px; font-family: var(--secondary-font); transition: all 0.3s linear;}
.featuresec ul li ul li a:hover{color: var(--color-yellow);}

.whatsec{padding-block: 100px; background: var(--color-lightBlue);}
.whatsec .subtitle{padding-inline: 80px;}
.whatsec .whatbox ul{display: flex; flex-flow: row wrap; gap: 30px; justify-content: center; font-size: 0;}
.whatsec .whatbox ul li{width: 22.7%; background: var(--color-darkBlue); border-radius: 24px; padding: 30px; text-align: center;}
.whatsec .whatbox ul li h4{font-size: clamp(26px, calc(17.4px + 2vw), 48px); color: var(--color-white); font-weight: 800; line-height: 1.28;}
.whatsec .whatbox ul li p{font-size: 17px; color: var(--color-white); font-weight: 500; line-height: 29px; margin-top: 10px; font-family: var(--secondary-font); opacity: 0.6;}

.archive .listing{padding-block: 0px !important; background: inherit !important; position: relative !important; overflow: hidden !important;}
.archive .listing .listing__box ul{padding-inline: 0 !important; flex-flow: row wrap !important;}
.archive .listing .listing__box ul li{flex: 0 1 30.33%; padding: 0;}

.archive.term-ongoing .listing .listing__card a{cursor: auto;}

.archive #site-content .listing .listing__box ul{margin: 0;}
.archive #site-content .listing .listing__box ul li::before{position: inherit;}
.archive #site-content ul li, .archive #site-content ol li{position: inherit;  padding: 0;}

.mapsec{font-size: 0;}

#site-content{padding-block: 100px;}
#site-content h1, #site-content h2, #site-content h3, #site-content h4, #site-content h5, #site-content h6 {color: var(--color-darkBlue); font-weight: 700; margin-bottom: 15px; line-height: 37px;}
#site-content h1 {color: var(--color-blue); font-size: 36px;}
#site-content h2 {font-size: 30px;}
#site-content h3 { font-size: 28px;}
#site-content h4 { font-size: 26px;}
#site-content h5 { font-size: 24px;}
#site-content h6 { font-size: 22px;}
#site-content p {font-size: 18px; color: var(--color-text); font-weight: 400; line-height: 29px; font-family: var(--secondary-font);}
#site-content a {color: var(--color-blue);}
#site-content a:hover {color: var(--color-yellow);}
#site-content p + p { margin-top:15px;}
#site-content p + h2, #site-content p + h3, #site-content p + h4, #site-content p + h5, #site-content p + h6 { margin-top:15px;}
#site-content ul + p, #site-content ul + h2, #site-content ul + h3, #site-content ul + h4, #site-content ul + h5, #site-content ul + h6 { margin-top: 20px;}
#site-content ol + p, #site-content ol + h2, #site-content ol + h3, #site-content ol + h4, #site-content ol + h5, #site-content ol + h6 { margin-top:10px;}
#site-content ul, #site-content ol {margin-top: 20px; margin-left: 20px;}
#site-content ul li, #site-content ol li {font-size: 18px; color: var(--color-darkBlue); font-weight: 400; line-height: 29px; list-style: none; position: relative; padding-left: 25px; font-family: var(--secondary-font);}
#site-content ul li+li, #site-content ol li+li{margin-top: 10px;}
#site-content ul li::before { position: absolute; content: ''; width: 7px; height: 7px; background: var(--color-darkBlue); left: 0; top: 10px; background-size: cover; border-radius: 50px;}
#site-content ol li{padding-left: 5px;}
/* #site-content ul li + li, #site-content ol li + li{margin-top: 0; */
#site-content .alignleft, #site-content .alignright, #site-content .alignnone, #site-content .aligncenter { max-width:100%; width:auto; height:auto; margin-bottom:15px;}
#site-content .alignleft { margin-left:0;}
#site-content .alignright { margin-right:0; margin-left:15px;}

#site-content .thank-you{ text-align:center;}
#site-content .thank-you p { margin:20px 0; text-align:center;}
#site-content .thanks-btn {font-size:1.6rem; font-weight:400; background:#e31e24; color:#FFF; padding:5px 25px; display:inline-block; border-radius:4px; transition-duration:0.3s; line-height:normal;}
#site-content .thank-you .thanks-btn:hover{ color:#fff; background:#c10107;}

#site-content .contentwrap{display: flex; flex-flow: row nowrap; gap: 50px;}
#site-content .contentwrap aside.sidebar{width: 27%; position: sticky; top: 100px; overflow-y: auto; height: 100%;}
#site-content .contentwrap .sidebar{display: flex; flex-flow: column nowrap; gap: 30px;}
#site-content .contentwrap .sidebox{border-radius: 24px; overflow: hidden; border: 1px solid #12223B30; padding: 30px;}
#site-content .contentwrap .sidebox.services ul{display: flex; flex-flow: column nowrap; gap: 15px; margin: 0;}
#site-content .contentwrap .sidebox.services ul li{padding-left: 0px;}
#site-content .contentwrap .sidebox.services ul li+li{padding-top: 15px; border-top: 1px solid #12223B30; margin: 0;}
#site-content .contentwrap .sidebox.services ul li::before{position: inherit;}
#site-content .contentwrap .sidebox.services ul li a{font-size: 16px; transition: all 0.3s linear; padding-left: 35px; position: relative;}
#site-content .contentwrap .sidebox.services ul li a::before{content: ""; position: absolute; background: url(../elitefins_wp/assets/images/readmore-arrow.svg) no-repeat; width: 23px; height: 23px; top: -2px; left: 0;}

#site-content .contentwrap .sidebox.ctasec{background: var(--color-darkBlue); border: 0; text-align: center; position: relative; z-index: 1;}
#site-content .contentwrap .sidebox.ctasec::before{content: ''; position: absolute; top: 0; right: 0; background: url(../elitefins_wp/assets/images/sidebar-cta-bg.png) no-repeat; width: 130px; height: 130px; z-index: -1;}
#site-content .contentwrap .sidebox h2{font-size: 22px; color: var(--color-darkBlue); font-weight: 700; line-height: 34px;}
#site-content .contentwrap .sidebox.ctasec h2{color: var(--color-white); padding-inline: 10px;}
#site-content .contentwrap .sidebox.ctasec p{font-size: 18px; color: var(--color-white); font-weight: 400; line-height: 29px;}
#site-content .contentwrap .sidebox.ctasec ul{margin-top: 25px; display: flex; flex-flow: column nowrap; gap: 25px;}
#site-content .contentwrap .sidebox.ctasec ul li{padding-left: 0;}
#site-content .contentwrap .sidebox.ctasec ul li a{display: inline-flex; padding: 8px; border-radius: 50px; background: var(--color-white); transition: all 0.3s linear; gap: 10px; align-items: center;}
#site-content .contentwrap .sidebox.ctasec ul li a::before{position: inherit;}
#site-content .contentwrap .sidebox.ctasec ul li a span{background: var(--color-yellow); border-radius: 50px; padding: 10px; width: 40px; height: 40px;}
#site-content .contentwrap .sidebox.ctasec ul li a:hover{text-decoration: none; color: var(--color-yellow);}
 
#site-content .contentwrap .content{width: calc(100% - 27%);}
#site-content .contentwrap .content .imgbox{border-radius: 24px; overflow: hidden; margin-bottom: 30px; font-size: 0;}
#site-content .contentwrap .content .imgbox img{width: 100%;}
#site-content .contentwrap .content ul li{font-size: 18px; color: var(--color-darkBlue); font-weight: 400; line-height: 29px; list-style: none; position: relative; padding-left: 30px; font-family: var(--secondary-font); margin: 0;}
#site-content .contentwrap .content ul li::before { position: absolute; content: ''; background: url(../elitefins_wp/assets/images/correct-icon.png) no-repeat; width: 18px; height: 18px; left: 0; top: 13px; background-size: cover; }
#site-content .contentwrap .content .serviceimg ul{margin-top: 30px;}
#site-content .contentwrap .content .serviceimg ul li{padding: 0; line-height: 0;}
#site-content .contentwrap .content .serviceimg ul li::before{position: inherit;}

.col-2{display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px 30px;}

.single-projects #site-content .contentwrap aside.sidebar{order: 1;}
.single-projects .content .gallery .imgbox{margin-bottom: 0 !important;}
.single-projects .imgbox img{aspect-ratio: 16/9; object-fit: cover;}
.single-projects .gallery ul{display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-top: 30px !important; margin-left: 0 !important;}
.single-projects .gallery ul li{padding-left: 0 !important; line-height: 0 !important; border-radius: 24px; overflow: hidden;}
.single-projects .gallery ul li::before{position: inherit !important;}
.single-projects .gallery ul li img{margin: 0 !important; aspect-ratio: 1; object-fit: cover; position: relative; z-index: 9999;}

#site-content .listbox { display: flex; flex-flow: column; gap: 15px; }
#site-content .project-item { display: flex; flex-wrap: wrap; gap: 20px; }
#site-content .project-item .icon { padding: 13px; border-radius: 50%; background: var(--color-darkBlue); position: relative; z-index: 0; width: 50px; height: 50px; }
#site-content .project-item p {font-size: 16px; font-weight: 600; color: var(--color-black); line-height: 25px; }
#site-content .project-item span { font-weight: 500; color: var(--color-text); display: block; }

.blog-archive .blog-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.blog-archive .blog-grid .content{border: 1px solid #12223b30; border-radius: 24px; overflow: hidden;}
.blog-archive .blog-grid .content .featured-image{font-size: 0; overflow: hidden;}
.blog-archive .blog-grid .content img{transform: scale(1); transition: all 0.3s linear;}
.blog-archive .blog-grid .content:hover .featured-image img{transform: scale(1.1);}
.blog-archive .contentbox{padding: 20px;}
.blog-archive .contentbox h2 a{font-size: 24px; color: var(--color-darkBlue) !important; font-weight: 700; line-height: 34px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: all 0.3s linear;}
.blog-archive .contentbox h2 a:hover{color: var(--color-yellow) !important;}
.blog-archive .contentbox .readbtn{margin-top: 15px;}
.blog-archive .contentbox .readbtn a{display: inline-block; font-size: 16px; color: var(--color-yellow) !important; font-weight: 600; line-height: 22px; transition: all 0.3s linear; position: relative;}
.blog-archive .contentbox .readbtn a::after{ content: ''; position: absolute; top: 2px; right: -30px; background: url(../elitefins_wp/assets/images/readmore-arrow.svg) no-repeat center center; width: 20px; height: 20px; transition: all 0.6s ease-in-out; }
.blog-archive .contentbox .readbtn a:hover::after{right: -35px; }

.single-blog-post .featured-image{font-size: 0; border-radius: 24px; overflow: hidden; margin-bottom: 30px;}
#site-content .single-blog-post ul li{font-weight: 500;}
.single-blog-post .content{padding-inline: 80px;}

.pagination{display: flex; flex-flow: row wrap; justify-content: center; align-items: center; margin-top: 40px; gap: 10px;}
.pagination span.current{ display: inline-block; padding: 9px 17px; background: var(--color-darkBlue); font-size: 16px; font-weight: 600; color: var(--color-yellow); transition: all 0.3s linear; border-radius: 8px;}
.pagination .next, .pagination .prev {margin: 0 !important; text-align: inherit !important; }
.pagination a{font-size: 16px; font-weight: 400; color: var(--color-darkBlue); display: inline-block;  padding: 9px 17px; background: var(--color-lightBlue); transition: all 0.3s linear; border-radius: 8px;}
.pagination a.next, .pagination a.prev{ display: inline-block; padding: 9px 17px; background: var(--color-darkBlue); font-size: 16px; font-weight: 600; color: var(--color-yellow) !important; transition: all 0.3s linear; border-radius: 8px;}
.pagination a.next:hover, .pagination a.prev:hover, .pagination a:hover{background: var(--color-lightBlue) !important; color: var(--color-white); text-decoration: none !important;}

.post-single-meta{margin-top: 20px;}
.post-single-meta ul{display: flex; flex-flow: row wrap; gap: 30px; justify-content: center; align-items: center;}
.post-single-meta ul li{display: flex; flex-flow: row wrap; gap: 10px; justify-content: center; align-items: center;}
.post-single-meta ul li .icon{line-height: 0;}
.post-single-meta ul li .icon svg{fill: var(--color-yellow); font-size: 20px;}
.post-single-meta ul li p{font-size: 18px; color: var(--color-white); font-weight: 600; line-height: normal;}

.wp-block-quote{border-radius: 16px; padding: 40px 40px 40px 110px; margin-block: 30px; position: relative; background: var(--color-lightBlue);}
.wp-block-quote::before{content: ""; position: absolute; top: 24%; left: 40px; background: url(/wp-content/uploads/2025/12/icon-blockquote.svg) no-repeat top center; background-size: 70%; width: 60px; height: 47px;}
.wp-block-quote p { font-size: 23px !important; color: var(--color-darkBlue) !important; font-weight: 600 !important; line-height: 36px !important; }

/* Responsive css start */
@media only screen and (max-width: 1300px){
  .headersec{padding: 20px;}
}

@media only screen and (max-width: 1200px){
  .listing .listing__box ul{padding: 0;}
  .faqsec .faqwrap .faqimgbox::before, .faqsec .faqwrap .faqimgbox::after{top: 33%;}
  #site-content .contentwrap .sidebox {padding: 20px;}
}
@media only screen and (max-width: 1100px){
  .headersec .logo img{width: 125px;}
  .headersec .bannersec, .headersec .innerbannersec{padding-block: 70px;}
  .aboutsec .aboutwrap{gap: 30px;}
  .aboutsec .imgsec{width: 420px;}
  .aboutsec .aboutcontent { width: calc(100% - 420px); }
  .choosesec .choose__content .choose__detail h4{margin-bottom: 20px;}
  .listing .listing__card a .contentsec{padding: 15px; transform: translateY(65%);}
  .listing .listing__card a .contentsec h2{font-size: 20px;}
  .listing.projectsec .listing__box ul{flex-flow: row wrap;}
  .listing.projectsec .listing__box ul li{flex: 0 1 40%;}
  .listing.projectsec .listing__card a .contentsec{transform: translateY(60%);}
  .listing.projectsec .listing__card a:hover .contentsec{transform: translateY(0%);}
  .faqsec .faqwrap .faqimgbox::before, .faqsec .faqwrap .faqimgbox::after{top: 32%;}
  .faqsec .faqcontent {padding-left: 0;}
  .faqsec .accrodionsec h4.title {padding-right: 35px;}
  .footersec .footerlist nav ul li a, .footersec .footerlist address ul li a {font-size: 16px;}
  .footersec .footer_left p {font-size: 16px;}
  .whatsec .whatbox ul li{width: 47%;}
  .historysec .historywrap .imgbox{width: 50%;}
  .historysec .historywrap .contentsec { width: calc(100% - 50%); }
  .historysec .historywrap .imgbox .experiencesec{padding: 20px 35px; top: 15%;}
  .whatsec .subtitle{padding: 0;}
  #site-content .contentwrap .sidebox.services ul li a{font-size: 15px;}
}
@media only screen and (max-width: 1024px){
  .aboutsec, .listing, .choosesec, .listing, .blogsec, .faqsec, .formsec, .footersec, .whatsec, .historysec, .featuresec{ padding-block: 40px; }
  .choosesec .choose__content{gap: 20px;}
  .choosesec .counter{padding-top: 20px; margin-top: 20px;}
  .choosesec .choose__list ul li{padding: 20px;}
  .choosesec .counter h5{font-size: 34px;}
  .quotesec .contentsec { width: calc(100% - 350px); padding-block: 50px; }
  .quotesec .imgsec{width: 350px;}
  .quotesec .imgsec::after{width: 350px; height: 330px;}
  .footersec .footer_left{width: 210px;}
  .footersec .footer_right{width: calc(100% - 210px);}
  .copyrightsec {margin-top: 40px; padding-block: 30px;}
  .copyrightsec p { font-size: 14px;}
  #site-content, .featuresec, .bettersec { padding-block: 40px; }
  #site-content .contentwrap{gap: 30px;}
}
@media only screen and (max-width: 980px){
.headersec .headerbox, .headersec .headerbox .navsec ul{gap: 25px}
.blog-archive .contentbox h2 a {font-size: 20px; line-height: 30px;}
.formsec .rightsec {padding: 30px;}
.featuresec ul li .iconsec svg, .bettersec ul li .iconsec svg { font-size: 50px; }
.featuresec ul li h2, .bettersec ul li h2 {margin-block: 15px;}
.historysec .historywrap .imgbox{padding: 0;}
.historysec .historywrap .imgbox, .historysec .historywrap .contentsec{width: 100%;}
.historysec .historywrap{flex-flow: row wrap;}
.historysec .historywrap .imgbox figure{max-width: min(555px, 100%); margin: 0 auto;}
.historysec .historywrap .imgbox .experiencesec {top: 50%; transform: translate(0px, -50%); }
#site-content .contentwrap{flex-flow: column wrap;}
#site-content .contentwrap aside.sidebar{position: inherit; max-width: min(568px, 100%); margin: 0 auto; width: inherit; order: 1;}
#site-content .contentwrap .content{order: 0; width: 100%;}
}
@media only screen and (max-width: 800px){
  .headersec{padding: 0;}
  .headersec .logo, .footerlogo{padding: 4px;}
  .headersec .logo img, .footerlogo img{width: 150px;}
  .headersec .headerwrap, .headersec .headerwrap.page{border-radius: 0; background-attachment: inherit;}
  .headersec .headerbox{padding: 15px 0px;}
  .headersec .headerbox .navsec.hc-nav{display: none;}
  .headersec .headerbox .mobile_menu{display: block !important;}
  .hc-offcanvas-nav.hc-nav-1 { display:block !important;}
  .mobile_menu { display:block; float:left; margin-top:0;}
  .hc-offcanvas-nav {visibility:hidden; display:none; position:fixed; top:0; height:100%; z-index:9999}
  .hc-offcanvas-nav.is-ios * {cursor:pointer !important}
  .logged-in .hc-offcanvas-nav .nav-container { top:32px;}
  .hc-offcanvas-nav .nav-container {position:fixed;z-index:9998;top:0;width: 300px;height:100%;max-width:100%;max-height:100%;box-sizing:border-box;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease, -webkit-transform .4s ease}
  .hc-offcanvas-nav .nav-wrapper {width:100%;height:100%;max-height:100vh;-ms-scroll-chaining:none;overscroll-behavior:none;box-sizing:border-box}
  .hc-offcanvas-nav .nav-content {height:100%;max-height:95vh}
  .hc-offcanvas-nav .nav-wrapper-0>.nav-content {overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box}
  .hc-offcanvas-nav ul {list-style:none;margin:0;padding:0; display: flex; flex-flow: column wrap;}
  .hc-offcanvas-nav li {position:relative;display:block; width: 100%;}
  .hc-offcanvas-nav li.level-open>.nav-wrapper {visibility:visible}
  .hc-offcanvas-nav input[type="checkbox"] {display:none}
  .hc-offcanvas-nav label {position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;cursor:pointer}
  .hc-offcanvas-nav li.nav-parent .nav-item .icon {display: none;}
  .hc-offcanvas-nav a {position:relative;display:block;box-sizing:border-box;cursor:pointer}
  .hc-offcanvas-nav a, .hc-offcanvas-nav a:hover {text-decoration:none; background: #002d71; color: var(--color-white) !important;}
  .hc-offcanvas-nav .nav-item {position:relative;display:block;box-sizing:border-box}
  .hc-offcanvas-nav.disable-body::after, .hc-offcanvas-nav .nav-wrapper::after {content:'';position:fixed;z-index:9990;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-ms-scroll-chaining:none;overscroll-behavior:none;visibility:hidden;opacity:0;transition:visibility 0s ease .4s, opacity .4s ease}
  .hc-offcanvas-nav.disable-body.nav-open::after, .hc-offcanvas-nav .sub-level-open::after {visibility:visible;opacity:1;transition-delay:.05s}
  .hc-offcanvas-nav:not(.nav-open)::after {pointer-events:none}
  .hc-offcanvas-nav.nav-levels-expand .nav-content {overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box}
  .hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {display:none}
  .hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {min-width:0;max-height:0;overflow:hidden;transition:height 0s ease .4s}
  .hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper {max-height:none}
  .hc-offcanvas-nav.nav-levels-overlap .nav-content {overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box}
  .hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {position:absolute;z-index:9999;top:0;height:100%;visibility:hidden;transition:visibility 0s ease .4s, -webkit-transform .4s ease;transition:visibility 0s ease .4s, transform .4s ease;transition:visibility 0s ease .4s, transform .4s ease, -webkit-transform .4s ease}
  .hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {position:static}
  .hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper {visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease, -webkit-transform .4s ease}
  .hc-offcanvas-nav.nav-position-left {left:0}
  .hc-offcanvas-nav.nav-position-left .nav-container {left:0;-webkit-transform:translate3d(-280px, 0, 0);transform:translate3d(-280px, 0, 0)}
  .hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {left:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}
  .hc-offcanvas-nav.nav-position-right {right:0}
  .hc-offcanvas-nav.nav-position-right .nav-container {right:0;-webkit-transform:translate3d(280px, 0, 0);transform:translate3d(280px, 0, 0)}
  .hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper {right:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}
  .hc-offcanvas-nav.nav-position-top {top:0}
  .hc-offcanvas-nav.nav-position-top .nav-container {top:0;width:100%;height:auto;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}
  .hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper {left:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}
  .hc-offcanvas-nav.nav-position-bottom {top:auto;bottom:0}
  .hc-offcanvas-nav.nav-position-bottom .nav-container {top:auto;bottom:0;width:100%;height:auto;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
  .hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper {left:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
  .hc-offcanvas-nav.nav-open[class*='hc-nav-'] div.nav-container {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
  .hc-nav-trigger {cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;top:-9px;z-index:9980;width:30px;min-height:3rem; position: relative; top: inherit; display: flex; align-items: center;}
  .hc-nav-trigger span {width:26px;/*top:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-origin:50% 50%;transform-origin:50% 50%; left:15px !important; top:21px; */ margin-left:0; position: relative;}
  .hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after {display:block;position:absolute; width: 100%; left:0;height:3px;background: var(--color-white);transition:all .2s ease}
  .hc-nav-trigger span::before, .hc-nav-trigger span::after {content:'';width:100%}
  .hc-nav-trigger span::before {top:-9px}
  .hc-nav-trigger span::after {bottom:-9px}
  .hc-nav-trigger.toggle-open span {background:rgba(0, 0, 0, 0);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
  .hc-nav-trigger.toggle-open span::before {-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}
  .hc-nav-trigger.toggle-open span::after {-webkit-transform:rotate(-90deg) translate3d(13px, 0, 0);transform:rotate(-90deg) translate3d(13px, 0, 0)}
  .hc-offcanvas-nav::after, .hc-offcanvas-nav .nav-wrapper::after {background:rgba(0, 0, 0, 0.3)}
  .hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul {background: var(--color-darkBlue);}
  .hc-offcanvas-nav h3 {font-size:19px;font-weight:normal;text-align:left;padding:20px 17px;color: var(--color-white);}
  .hc-offcanvas-nav a, .hc-offcanvas-nav .nav-item {padding:12px 15px; z-index:1;background: var(--color-darkBlue);border-bottom:1px solid var(--border-color); color: var(--color-white) !important; font-size: 15px; font-weight:400; }
  .hc-offcanvas-nav:not(.touch-device) a:hover {background: var(--color-yellow)}
  .hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a { border-top:1px solid #1da0ae; margin-top:-1px}
  .hc-offcanvas-nav li { text-align:left }
  .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav li.nav-back a { background: var(--color-darkBlue); border-top:1px solid var(--border-color); border-bottom:1px solid var(--border-color);}
  .hc-offcanvas-nav li.nav-close a:hover, .hc-offcanvas-nav li.nav-back a:hover { background: var(--color-darkBlue)}
  .hc-offcanvas-nav li.nav-close:not(:first-child) a, .hc-offcanvas-nav li.nav-back:not(:first-child) a { margin-top:-1px}
  .hc-offcanvas-nav li.nav-parent .nav-item { padding-right:58px}
  .hc-offcanvas-nav li.nav-close span, .hc-offcanvas-nav li.nav-parent span.nav-next, .hc-offcanvas-nav li.nav-back span { width:55px; position:absolute; top:0; right:0; bottom:0; text-align:center; cursor:pointer; transition:background .2s ease; border-left:1px solid var(--border-color);}
  .hc-offcanvas-nav li.nav-close span::before, .hc-offcanvas-nav li.nav-close span::after { content:''; position:absolute; top:50%; left:50%; width:10px; height:10px; margin-top:-6px; border-top:2px solid #fff; border-left:2px solid #fff; }
  .hc-offcanvas-nav li.nav-close span::before { margin-left:-13px; -webkit-transform:rotate(135deg); transform:rotate(135deg) }
  .hc-offcanvas-nav li.nav-close span::after { -webkit-transform:rotate(-45deg); transform:rotate(-45deg)}
  .hc-offcanvas-nav a[href]:not([href="#"])>span.nav-next { border-left:1px solid #2c61ab;}
  .hc-offcanvas-nav span.nav-next::before, .hc-offcanvas-nav li.nav-back span::before { content:''; position:absolute; top:50%; left:50%; width:8px; height:8px; margin-left:-2px; box-sizing:border-box; border-top:2px solid #fff; border-left:2px solid #fff; -webkit-transform-origin:center; transform-origin:center}
  .hc-offcanvas-nav span.nav-next::before { -webkit-transform:translate(-50%, -50%) rotate(135deg); transform:translate(-50%, -50%) rotate(135deg) }
  .hc-offcanvas-nav li.nav-back span::before { -webkit-transform:translate(-50%, -50%) rotate(-45deg); transform:translate(-50%, -50%) rotate(-45deg)}
  .hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper { box-shadow:1px 0 2px rgba(0, 0, 0, 0.2) }
  .hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper { box-shadow:-1px 0 2px rgba(0, 0, 0, 0.2)}
  /*.hc-offcanvas-nav.nav-position-right span.nav-next::before { margin-left:0; margin-right:-2px; -webkit-transform:translate(-50%, -50%) rotate(-45deg); transform:translate(-50%, -50%) rotate(-45deg)}*/
  .hc-offcanvas-nav.nav-position-right li.nav-back span::before { margin-left:0; margin-right:-2px; -webkit-transform:translate(-50%, -50%) rotate(135deg); transform:translate(-50%, -50%) rotate(135deg) }
  .hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper { box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}
  .hc-offcanvas-nav.nav-position-top span.nav-next::before { margin-left:0; margin-right:-2px; -webkit-transform:translate(-50%, -50%) rotate(-135deg); transform:translate(-50%, -50%) rotate(-135deg)}
  .hc-offcanvas-nav.nav-position-top li.nav-back span::before { margin-left:0; margin-right:-2px; -webkit-transform:translate(-50%, -50%) rotate(45deg); transform:translate(-50%, -50%) rotate(45deg) }
  .hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper { box-shadow:0 -1px 2px rgba(0, 0, 0, 0.2)}
  .hc-offcanvas-nav.nav-position-bottom span.nav-next::before { margin-left:0; margin-right:-2px; -webkit-transform:translate(-50%, -50%) rotate(45deg); transform:translate(-50%, -50%) rotate(45deg) }
  .hc-offcanvas-nav.nav-position-bottom li.nav-back span::before { margin-left:0; margin-right:-2px; -webkit-transform:translate(-50%, -50%) rotate(-135deg); transform:translate(-50%, -50%) rotate(-135deg) }
  .hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper, .hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper { box-shadow:none; background:transparent}
  .hc-offcanvas-nav.nav-levels-expand .nav-container ul h2, .hc-offcanvas-nav.nav-levels-none .nav-container ul h2 {display:none}
  .hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item, .hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item {font-size:14px}
  .hc-offcanvas-nav.nav-levels-expand .nav-container li, .hc-offcanvas-nav.nav-levels-none .nav-container li { transition:background .3s ease}
  .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open { background:#2e6296}
  .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a { border-bottom:1px solid #295887}
  .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover { background:#2f649a}
  .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item .nav-next::before, .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item .nav-next::before { margin-top:2px; -webkit-transform:translate(-50%, -50%) rotate(45deg); transform:translate(-50%, -50%) rotate(45deg)}
  .hc-offcanvas-nav.nav-levels-expand .nav-container span.nav-next::before, .hc-offcanvas-nav.nav-levels-none .nav-container span.nav-next::before { margin-top:-2px; -webkit-transform:translate(-50%, -50%) rotate(-135deg); transform:translate(-50%, -50%) rotate(-135deg)}

  .headersec .bannersec h2 span, .headersec .bannersec p span { display: inline; }
  .headersec .bannersec p{font-size: 20px; line-height: 34px;}
  .topsec p{padding: 0;}
  .aboutsec .title, .aboutsec .subtitle{text-align: center;}
  .aboutsec .aboutwrap{flex-flow: column nowrap;}
  .aboutsec .imgsec{width: 100%;}
  .aboutsec .imgsec figure{text-align: center;}
  .aboutsec .aboutcontent { width: 100%; }
  .aboutsec .listsec{margin: 25px 0;}
  .aboutsec .contactsec ul{justify-content: center;}
  .listing.servicesec::before{width: 350px; height: 350px;}
  .listing .listing__box ul{flex-flow: row wrap;}
  .listing.servicesec .listing__box ul li { flex: 0 1 47%; }
  .choosesec .choose__list ul{justify-content: center;}
  .choosesec .choose__list ul li {flex: 0 1 90%;}
  .listing.projectsec .listing__box ul li { flex: 0 1 48%; }
  .quotesec .contentsec {display: block; width: 96%; margin: 0 auto;}
  .quotesec .imgsec{display: none;}
  .faqsec .faqwrap .faqimgbox {width: 100%; margin: 0 auto;}
  .faqsec .faqwrap .faqimgbox::before, .faqsec .faqwrap .faqimgbox::after { top: 50%; }
  .faqsec .faqwrap .faqimgbox .topimg ul, .faqsec .faqwrap .faqimgbox .bottomimg ul{justify-content: center;}
  .faqsec .faqcontent {width: 100%;}
  .faqsec .accrodionsec .drawer+.drawer { margin-top: 10px; padding-top: 10px;}
  .blog-archive .blog-grid{display: flex; flex-flow: row wrap; justify-content: center;}
  .blog-archive .blog-grid .blog-item{width: 47%;}
  .formsec .formwrap{flex-flow: row wrap;}
  .formsec .leftsec{margin: 0 auto;}
  .formsec .rightsec { width: 100%;}
  .footersec .footerbox{flex-flow: row wrap;}
  .footersec .footer_left { width: 100%; text-align: center; }
  .footersec .footer_right { width: 100%; }
  .featuresec ul li, .bettersec ul li{width: 100%; padding: 20px;}
  .headersec .innerbannersec h1{font-size: 46px; line-height: 52px;}
  .breadcrumbsec a, .breadcrumbsec span { font-size: 15px;}
  .archive .listing .listing__box ul li { flex: inherit; width: 47%; }
  .single-projects .content .gallery ul{grid-template-columns: repeat(2, 1fr);}
  .single-blog-post .content{padding: 0;}
  .wp-block-quote {padding: 20px 20px 20px 60px;}
  .wp-block-quote p {font-size: 20px !important; line-height: 30px !important;}
  .wp-block-quote::before{top: 14%; left: 13px; background-size: 100%; width: 30px; height: 24px;}
}
@media only screen and (max-width: 568px){
  .container, .xl-container{width: 90%;}
  .headersec .headerbox .contactbtn a.btn { font-size: 0; position: relative; background: var(--color-darkBlue); border-radius: 50px; padding: 0; width: 50px; height: 50px; gap: 0; }
  .headersec .headerbox .contactbtn a.btn::after{position: inherit; background: transparent;}
  .headersec .headerbox .contactbtn a.btn::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; background: url(../elitefins_wp/assets/images/phone-icon.svg) no-repeat center; background-size: 60%; }
  .aboutsec .contactsec ul{ flex-flow: row wrap;}
  .aboutsec .listsec ul li p {font-size: 18px;}
  .listing.servicesec .listing__box ul li, .listing.projectsec .listing__box ul li{ flex: 0 1 82%; }
  .faqsec .accrodionsec h4.title{font-size: 20px;}
  .faqsec .faqwrap .faqimgbox::before, .faqsec .faqwrap .faqimgbox::after { top: 49%; }
  .faqsec .faqwrap .faqimgbox::after{transform: translate(13%, -50%);}
  .faqsec .faqwrap .faqimgbox ul, .faqsec .faqwrap .faqimgbox{gap: 20px;}
  .faqsec .faqwrap .faqimgbox ul li{width: 46%;}
  .faqsec .faqwrap .faqimgbox::before {left: 50%; width: 70px; height: 70px;}
  .faqsec .faqwrap .faqimgbox::after{transform: translate(-50%, -50%); width: 38px; height: 45px;}
  .faqsec .accrodionsec h4.title{font-size: 18px; line-height: 28px;}
  .faqsec .accrodionsec h4.title::before{background-size: 70%;top: 8px; transform: inherit; height: 25px;}
  .faqsec .accrodionsec .accordion-item.active h4.title::before {top: 0;}
  .blog-archive .blog-grid .blog-item { width: 100%; }
  .formsec .rightsec { padding: 20px; }
  .footersec .footer_right{flex-flow: row wrap;}
  .footersec .footerlist { flex: 1 1 100%; }
  .footersec .footerlist nav ul li a{padding-left: 35px;}
  .footersec .footerlist address ul li a {gap: 25px;}
  .copyrightsec{flex-flow: column wrap;}
  .whatsec .whatbox ul li{width: 100%;}
  .historysec .historywrap .imgbox{padding-bottom: 50px;}
  .historysec .historywrap .imgbox .experiencesec{padding: 15px; top: 85%;}
  .historysec .historywrap .imgbox .experiencesec p { font-size: 15px;}
  .historysec .historywrap .imgbox .experiencesec p span { display: inline; }
  .col-2{grid-template-columns: 1fr; gap: 0 30px;}
  .headersec .innerbannersec h1{font-size: 36px; line-height: 40px;}
  .archive .listing .listing__box ul li { width: 82%; }
  .single-projects .content .gallery ul{grid-template-columns: repeat(1, 1fr);}
  .copyrightsec p {order: 1;}
  .copyrightsec ul{order: 0;}
  .wp-block-quote p {font-size: 18px !important;}
  .wp-block-quote::before{top: 11%;}
}
@media only screen and (max-width: 480px){
  .listing.servicesec .listing__box ul li, .listing.projectsec .listing__box ul li { flex: 0 1 90%; }
  .formsec .rightsec .frm_style_formidable-style.with_frm_style .form-field { margin: 0; width: 100%; box-sizing: border-box; padding: 0;}
}