/*  
---------------------------------------------------
Author: uSkinned
License: uSkinned Commercial License (https://uSkinned.net/license)
---------------------------------------------------  
*/

/*  
---------------------------------------------------
Contents

1. Font Imports
2. Global non-generated variables
3. Global generated variables
---------------------------------------------------  
*/

@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap');

:root {

    /* Expand navigation width */
    --expand-nav-width: 60px;

    /* More header sizes */
    --small-header-half: calc(var(--small-header) / 2);
    --large-header-half: calc(var(--large-header) / 2);
    --large-header-quarter: calc(var(--large-header) / 4);

    /* Main navigation sizes */
    --nav-main-height: var(--large-header);

    /* Generic palette */
    --true-black:0,0,0;
    --true-white:255,255,255;
    --form-errors:144,62,60;
    --form-warning:240,173,78;
    --form-success:92,184,92;

    /* Item widths */
    --items-1:100%;
    --items-2:50%;
    --items-3:33.3333333%;
    --items-4:25%;
    --items-5:20%;
    --items-6:16.6666667%;
    --items-7:14.2857143%;
    --items-8:12.5%;

    /* Window heights */
    --windows_basic: 50vh;
    --windows_basic_PX: 375px;

    --windows-1_basic: 100vh;
    --windows-1_basic_PX: 62.5%;
    --windows-2_basic: 100vh;
    --windows-2_basic_PX: 75%;
    --windows-3_basic: 70vh;
    --windows-3_basic_PX: 100%;
    --windows-4_basic: 50vh;
    --windows-4_basic_PX: 75%;

    --windows-3_big-item: 100vh;
    --windows-3_big-item_PX: 750px;
    --windows-3_small-item: 50vh;
    --windows-3_small-item_PX: 375px;

    --windows-4_big-item: 55vh;
    --windows-4_big-item_PX: 475px;
    --windows-4_small-item: 45vh;
    --windows-4_small-item_PX: 375px;

    /* Banner heights */
    --takeover-banner: 100vh;
    --medium-banner: 65vh;
    --medium-bannerPX: 450px;
    --short-banner: 50vh;
    --short-bannerPX: 340px;

    /* Lazyframe buttons*/
    --youtube-bg: 229,45,39;
    --vimeo-bg: 0,173,239;

    /* Component max-width */
    --component-max-width: 1350px;

    /* Modal max-width */
    --modal-opacity: 0.75;
    --modal-components-max-width: 1800px;
    --modal-pods-max-width: 645px;
    

    /* 
    All configurable variables below 
    */

    /* Spacing tab */

    --site-max-width: 1920px;

    --site-spacing_sm: 0px;
    --site-spacing_lg: 5px;

    --notification-spacing_below_sm: 0px;
    --notification-spacing_side_sm: 0px;
    --notification-spacing_below_lg: 0px;
    --notification-spacing_side_lg: 0px;
    
    --backtotop-size_sm: 45px;
    --backtotop-size_lg: 60px;
    
    --backtotop-spacing_side_sm: 0px;
    --backtotop-spacing_below_sm: 0px;
    --backtotop-spacing_side_lg: 0px;
    --backtotop-spacing_below_lg: 0px;

    --site-box-shadow_h: 0px;
    --site-box-shadow_v: 0px;
    --site-box-shadow_b: 100px;
    --site-box-shadow_o: 0.1;

    --small-breakpoint: 991px;
    --large-breakpoint: 992px;

    --header-max-width: 1350px;
    --small-header: 60px;
    --large-header: 90px;

    --header-box-shadow_h: 0px;
    --header-box-shadow_v: 2px;
    --header-box-shadow_b: 2px;
    --header-box-shadow_o: 0.05;

    --nav-main-dropdown-width: 240px;
    --nav-main-dropdown-width_wide: 480px;

    --logo_sm-padding_top: 10px;
    --logo_sm-padding_right: 10px;
    --logo_sm-padding_bottom: 10px;
    --logo_sm-padding_left: 10px;

    --logo_lg-padding_top: 15px;
    --logo_lg-padding_right: 20px;
    --logo_lg-padding_bottom: 15px;
    --logo_lg-padding_left: 20px;

    --base-spacing: 30px;
    --base-half-spacing: 15px;
    --base-border-width: 1px;
    --base-border-radius: 0px;

    --base-box-shadow_h: 0px;
    --base-box-shadow_v: 0px;
    --base-box-shadow_b: 15px;
    --base-box-shadow_o: 0.1;

    --content-col_pc-spacing: 15px;
    --pc-spacing: 30px;
    --pc-spacing_sm: 30px;
    --pc-spacing_md: 40px;
    --pc-spacing_lg: 50px;
    --pc-spacing_xl: 60px;

    --intro-col: 100%;
    --intro-col_sm: 100%;
    --intro-col_md: 90%;
    --intro-col_lg: 80%;
    --intro-col_xl: 75%;

    --outro-col: 100%;
    --outro-col_sm: 100%;
    --outro-col_md: 90%;
    --outro-col_lg: 80%;
    --outro-col_xl: 75%;

    --center-col: 100%;
    --center-col_sm: 100%;
    --center-col_md: 90%;
    --center-col_lg: 65%;
    --center-col_xl: 50%;

    --banner-col: 100%;
    --banner-col_sm: 100%;
    --banner-col_md: 90%;
    --banner-col_lg: 80%;
    --banner-col_xl: 75%;

    --form-field-border-width: 1px;
    --form-field-border-radius: 0px;

    --btn-border-width: 1px;
    --btn-border-radius: 0px;

    --btn-box-shadow_h: 0px;
    --btn-box-shadow_v: 0px;
    --btn-box-shadow_b: 0px;
    --btn-box-shadow_o: 0;

    --btn_sm-padding_top: 6px;
    --btn_sm-padding_right: 10px;
    --btn_sm-padding_bottom: 6px;
    --btn_sm-padding_left: 10px;

    --btn-padding_top: 8px;
    --btn-padding_right: 12px;
    --btn-padding_bottom: 8px;
    --btn-padding_left: 12px;

    --btn_lg-padding_top:  10px;
    --btn_lg-padding_right:  14px;
    --btn_lg-padding_bottom:  10px;
    --btn_lg-padding_left:  14px;

    /* Colors tab */
    
    /* Body */
    --body-bg-color1: 238, 238, 238;
    --body-bg-color2:  0, 0, 0;
    --body-bg-start-perc: 50%;
    --body-bg-stop-perc: 50%;
    --body-bg-angle: 90deg;
    
    /* Header */
    --header-bg-color1: 255, 255, 255;
    --header-bg-color2:  0, 0, 0;
    --header-bg-start-perc: 50%;
    --header-bg-stop-perc: 50%;
    --header-bg-angle: 90deg;
    --header-text: 0, 0, 0;
    --header-borders: 204, 204, 204;
    --header-highlight: 0, 0, 0;
    
    /* Main Navigation */
    --main-navigation-link: 0, 0, 0;
    --main-navigation-link-hover: 108, 108, 108;
    --main-navigation-link-active: 108, 108, 108;

    /* Logo */
    --logo-link: 255, 255, 255;
    --logo-link-hover: 78, 78, 78;
    
    /* Secondary Navigation */
    --secondary-navigation-link: 223, 223, 223;
    --secondary-navigation-link-hover: 108, 108, 108;
    
    /* Navigation dropdown */
    --navigation-dropdown-color1: 255, 255, 255;
    --navigation-dropdown-color2:  0, 0, 0;
    --navigation-dropdown-start-perc: 50%;
    --navigation-dropdown-stop-perc: 50%;
    --navigation-dropdown-angle: 90deg;
    --navigation-dropdown-link: 0, 0, 0;
    --navigation-dropdown-link-hover: 108, 108, 108;
    --navigation-dropdown-link-active: 108, 108, 108;
    
    /* Content */
    --base-bg-color1: 255, 255, 255;
    --base-bg-color2:  0, 0, 0;
    --base-bg-start-perc: 50%;
    --base-bg-stop-perc: 50%;
    --base-bg-angle: 90deg;
    --base-heading: 0, 0, 0;
    --base-secondary-heading: 0, 0, 0;
    --base-text: 0, 0, 0;
    --base-link: 0, 0, 0;
    --base-link-hover: 108, 108, 108;
    --base-borders: 0, 0, 0;
    --base-highlight: 108, 108, 108;
    --base-highlight-text: 255, 255, 255;
    
    /* Button */
    --base-btn-bg-color1: 255, 255, 255;
    --base-btn-bg-color2:  0, 0, 0;
    --base-btn-bg-start-perc: 50%;
    --base-btn-bg-stop-perc: 50%;
    --base-btn-bg-angle: 90deg;
    --base-btn-text: 0, 0, 0;
    --base-btn-borders: 0, 0, 0;
    --base-btn-bg-hover-color1: 0, 0, 0;
    --base-btn-bg-hover-color2:  53, 53, 53;
    --base-btn-bg-hover-start-perc: 50%;
    --base-btn-bg-hover-stop-perc: 50%;
    --base-btn-bg-hover-angle: 90deg;
    --base-btn-text-hover: 255, 255, 255;
    --base-btn-borders-hover: 51, 51, 51;
    
    /* Footer */
    --footer-bg-color1: 32, 32, 32;
    --footer-bg-color2:  255, 255, 255;
    --footer-bg-start-perc: 50%;
    --footer-bg-stop-perc: 50%;
    --footer-bg-angle: 90deg;
    --footer-heading: 255, 255, 255;
    --footer-secondary-heading: 255, 255, 255;
    --footer-text: 255, 255, 255;
    --footer-link: 255, 255, 255;
    --footer-link-hover: 244, 244, 244;
    --footer-borders: 172, 172, 172;
    --footer-highlight: 255, 255, 255;

    --c1-bg-color1: 0, 0, 0;
--c1-bg-color2:  0, 0, 0;
--c1-bg-start-perc: 50%;
--c1-bg-stop-perc: 50%;
--c1-bg-angle: 90deg;
--c1-heading: 255, 255, 255;
--c1-secondary-heading: 255, 255, 255;
--c1-text: 238, 238, 238;
--c1-link: 255, 255, 255;
--c1-link-hover: 204, 204, 204;
--c1-borders: 255, 255, 255;
--c1-highlight: 255, 255, 255;
--c1-highlight-text: 0, 0, 0;
--c2-bg-color1: 216, 216, 216;
--c2-bg-color2:  0, 0, 0;
--c2-bg-start-perc: 50%;
--c2-bg-stop-perc: 50%;
--c2-bg-angle: 90deg;
--c2-heading: 0, 0, 0;
--c2-secondary-heading: 0, 0, 0;
--c2-text: 0, 0, 0;
--c2-link: 0, 0, 0;
--c2-link-hover: 108, 108, 108;
--c2-borders: 0, 0, 0;
--c2-highlight: 108, 108, 108;
--c2-highlight-text: 255, 255, 255;


    --c1-btn-bg-color1:  0, 0, 0;
--c1-btn-bg-color2:  0, 0, 0;
--c1-btn-bg-start-perc: 50%;
--c1-btn-bg-stop-perc: 50%;
--c1-btn-bg-angle: 90deg;
--c1-btn-text: 255, 255, 255;
--c1-btn-borders: 255, 255, 255;
--c1-btn-bg-hover-color1:  255, 255, 255;
--c1-btn-bg-hover-color2:  255, 255, 255;
--c1-btn-bg-hover-start-perc: 50%;
--c1-btn-bg-hover-stop-perc: 50%;
--c1-btn-bg-hover-angle: 90deg;
--c1-btn-text-hover: 0, 0, 0;
--c1-btn-borders-hover: 0, 0, 0;
--c2-btn-bg-color1:  216, 216, 216;
--c2-btn-bg-color2:  0, 0, 0;
--c2-btn-bg-start-perc: 50%;
--c2-btn-bg-stop-perc: 50%;
--c2-btn-bg-angle: 90deg;
--c2-btn-text: 0, 0, 0;
--c2-btn-borders: 216, 216, 216;
--c2-btn-bg-hover-color1:  200, 200, 200;
--c2-btn-bg-hover-color2:  255, 255, 255;
--c2-btn-bg-hover-start-perc: 50%;
--c2-btn-bg-hover-stop-perc: 50%;
--c2-btn-bg-hover-angle: 90deg;
--c2-btn-text-hover: 0, 0, 0;
--c2-btn-borders-hover: 200, 200, 200;


    

    /* Fonts tab */
    
    --body-typography_font-name: 'Poppins',sans-serif;
    --body-typography_font-weight: 400;
    --body-typography_font-style: normal;
    --body-typography_font-line-height: 150%;
    --body-typography_font-letter-spacing: 0px;
    --body-typography_font-transform: None;

    --body-typography_font-size: 16px; 
    --body-typography_font-size_sm: 16px; 
    --body-typography_font-size_md: 16px; 
    --body-typography_font-size_lg: 16px; 
    --body-typography_font-size_xl: 16px; 

    --h1-typography_font-name: 'Helvetica',Arial, sans-serif;
    --h1-typography_font-weight: 700;
    --h1-typography_font-style: normal;
    --h1-typography_font-line-height: 120%;
    --h1-typography_font-letter-spacing: -0.06px;
    --h1-typography_font-transform: None;

    --h1-typography_font-size: 30px; 
    --h1-typography_font-size_sm: 35px; 
    --h1-typography_font-size_md: 40px; 
    --h1-typography_font-size_lg: 45px; 
    --h1-typography_font-size_xl: 50px; 

    --h2-typography_font-name: 'Helvetica',Arial, sans-serif;
    --h2-typography_font-weight: 700;
    --h2-typography_font-style: normal;
    --h2-typography_font-line-height: 120%;
    --h2-typography_font-letter-spacing: 0px;
    --h2-typography_font-transform: None;

    --h2-typography_font-size: 30px; 
    --h2-typography_font-size_sm: 32px; 
    --h2-typography_font-size_md: 36px; 
    --h2-typography_font-size_lg: 38px; 
    --h2-typography_font-size_xl: 40px; 

    --h3-typography_font-name: 'Helvetica',Arial, sans-serif;
    --h3-typography_font-weight: 700;
    --h3-typography_font-style: normal;
    --h3-typography_font-line-height: 120%;
    --h3-typography_font-letter-spacing: 0px;
    --h3-typography_font-transform: None;

    --h3-typography_font-size: 26px; 
    --h3-typography_font-size_sm: 28px; 
    --h3-typography_font-size_md: 30px; 
    --h3-typography_font-size_lg: 32px; 
    --h3-typography_font-size_xl: 36px; 

    --h4-typography_font-name: 'Helvetica',Arial, sans-serif;
    --h4-typography_font-weight: 700;
    --h4-typography_font-style: normal;
    --h4-typography_font-line-height: 120%;
    --h4-typography_font-letter-spacing: 0px;
    --h4-typography_font-transform: None;

    --h4-typography_font-size: 24px; 
    --h4-typography_font-size_sm: 26px; 
    --h4-typography_font-size_md: 28px; 
    --h4-typography_font-size_lg: 30px; 
    --h4-typography_font-size_xl: 34px; 

    --h5-typography_font-name: 'Helvetica',Arial, sans-serif;
    --h5-typography_font-weight: 700;
    --h5-typography_font-style: normal;
    --h5-typography_font-line-height: 120%;
    --h5-typography_font-letter-spacing: 0px;
    --h5-typography_font-transform: None;

    --h5-typography_font-size: 22px; 
    --h5-typography_font-size_sm: 24px; 
    --h5-typography_font-size_md: 26px; 
    --h5-typography_font-size_lg: 28px; 
    --h5-typography_font-size_xl: 28px; 

    --h6-typography_font-name: 'Helvetica',Arial, sans-serif;
    --h6-typography_font-weight: 700;
    --h6-typography_font-style: normal;
    --h6-typography_font-line-height: 120%;
    --h6-typography_font-letter-spacing: 0px;
    --h6-typography_font-transform: None;

    --h6-typography_font-size: 20px; 
    --h6-typography_font-size_sm: 22px; 
    --h6-typography_font-size_md: 22px; 
    --h6-typography_font-size_lg: 24px; 
    --h6-typography_font-size_xl: 24px; 

    --p-heading-typography_font-name: 'Helvetica',Arial, sans-serif;
    --p-heading-typography_font-weight: 700;
    --p-heading-typography_font-style: normal;
    --p-heading-typography_font-line-height: 120%;
    --p-heading-typography_font-letter-spacing: 0px;
    --p-heading-typography_font-transform: None;

    --p-heading-typography_font-size: 22px; 
    --p-heading-typography_font-size_sm: 24px; 
    --p-heading-typography_font-size_md: 26px; 
    --p-heading-typography_font-size_lg: 28px; 
    --p-heading-typography_font-size_xl: 28px; 

    --p-heading_small-typography_font-name: 'Helvetica',Arial, sans-serif;
    --p-heading_small-typography_font-weight: 700;
    --p-heading_small-typography_font-style: normal;
    --p-heading_small-typography_font-line-height: 120%;
    --p-heading_small-typography_font-letter-spacing: 0px;
    --p-heading_small-typography_font-transform: None;

    --p-heading_small-typography_font-size: 20px; 
    --p-heading_small-typography_font-size_sm: 22px; 
    --p-heading_small-typography_font-size_md: 22px; 
    --p-heading_small-typography_font-size_lg: 24px; 
    --p-heading_small-typography_font-size_xl: 24px; 

    --p-heading_large-typography_font-name: 'Helvetica',Arial, sans-serif;
    --p-heading_large-typography_font-weight: 700;
    --p-heading_large-typography_font-style: normal;
    --p-heading_large-typography_font-line-height: 120%;
    --p-heading_large-typography_font-letter-spacing: 0px;
    --p-heading_large-typography_font-transform: None;

    --p-heading_large-typography_font-size: 26px; 
    --p-heading_large-typography_font-size_sm: 28px; 
    --p-heading_large-typography_font-size_md: 30px; 
    --p-heading_large-typography_font-size_lg: 32px; 
    --p-heading_large-typography_font-size_xl: 34px; 

    --p-intro-typography_font-name: 'Helvetica',Arial, sans-serif;
    --p-intro-typography_font-weight: 400;
    --p-intro-typography_font-style: normal;
    --p-intro-typography_font-line-height: 140%;
    --p-intro-typography_font-letter-spacing: 0px;
    --p-intro-typography_font-transform: None;

    --p-intro-typography_font-size: 22px; 
    --p-intro-typography_font-size_sm: 22px; 
    --p-intro-typography_font-size_md: 22px; 
    --p-intro-typography_font-size_lg: 22px; 
    --p-intro-typography_font-size_xl: 22px; 

    --p-intro_small-typography_font-name: 'Helvetica',Arial, sans-serif;
    --p-intro_small-typography_font-weight: 400;
    --p-intro_small-typography_font-style: normal;
    --p-intro_small-typography_font-line-height: 140%;
    --p-intro_small-typography_font-letter-spacing: 0px;
    --p-intro_small-typography_font-transform: None;

    --p-intro_small-typography_font-size: 20px; 
    --p-intro_small-typography_font-size_sm: 20px; 
    --p-intro_small-typography_font-size_md: 20px; 
    --p-intro_small-typography_font-size_lg: 20px; 
    --p-intro_small-typography_font-size_xl: 20px;  

    --p-intro_large-typography_font-name: 'Helvetica',Arial, sans-serif;
    --p-intro_large-typography_font-weight: 400;
    --p-intro_large-typography_font-style: normal;
    --p-intro_large-typography_font-line-height: 130%;
    --p-intro_large-typography_font-letter-spacing: -0.15px;
    --p-intro_large-typography_font-transform: None;

    --p-intro_large-typography_font-size: 26px; 
    --p-intro_large-typography_font-size_sm: 26px; 
    --p-intro_large-typography_font-size_md: 26px; 
    --p-intro_large-typography_font-size_lg: 26px; 
    --p-intro_large-typography_font-size_xl: 26px;  

    --secondary-heading-typography_font-name: 'Helvetica',Arial, sans-serif;
    --secondary-heading-typography_font-weight: 400;
    --secondary-heading-typography_font-style: normal;
    --secondary-heading-typography_font-line-height: 120%;
    --secondary-heading-typography_font-letter-spacing: 1.5px;
    --secondary-heading-typography_font-transform: Uppercase;

    --secondary-heading-typography_font-size: 14px; 
    --secondary-heading-typography_font-size_sm: 14px; 
    --secondary-heading-typography_font-size_md: 14px; 
    --secondary-heading-typography_font-size_lg: 14px; 
    --secondary-heading-typography_font-size_xl: 14px;  

    --secondary-heading_small-typography_font-name: 'Helvetica',Arial, sans-serif;
    --secondary-heading_small-typography_font-weight: 400;
    --secondary-heading_small-typography_font-style: normal;
    --secondary-heading_small-typography_font-line-height: 120%;
    --secondary-heading_small-typography_font-letter-spacing: 1.5px;
    --secondary-heading_small-typography_font-transform: Uppercase;

    --secondary-heading_small-typography_font-size: 12px; 
    --secondary-heading_small-typography_font-size_sm: 12px; 
    --secondary-heading_small-typography_font-size_md: 12px; 
    --secondary-heading_small-typography_font-size_lg: 12px; 
    --secondary-heading_small-typography_font-size_xl: 12px;  

    --secondary-heading_large-typography_font-name: 'Helvetica',Arial, sans-serif;
    --secondary-heading_large-typography_font-weight: 400;
    --secondary-heading_large-typography_font-style: normal;
    --secondary-heading_large-typography_font-line-height: 120%;
    --secondary-heading_large-typography_font-letter-spacing: 1.5px;
    --secondary-heading_large-typography_font-transform: Uppercase;

    --secondary-heading_large-typography_font-size: 18px; 
    --secondary-heading_large-typography_font-size_sm: 18px; 
    --secondary-heading_large-typography_font-size_md: 18px; 
    --secondary-heading_large-typography_font-size_lg: 18px; 
    --secondary-heading_large-typography_font-size_xl: 18px;  

    --blockquote-typography_font-name: 'Helvetica',Arial, sans-serif;
    --blockquote-typography_font-weight: 700;
    --blockquote-typography_font-style: italic;
    --blockquote-typography_font-line-height: 140%;
    --blockquote-typography_font-letter-spacing: -0.25px;
    --blockquote-typography_font-transform: None;

    --blockquote-typography_font-size: 22px; 
    --blockquote-typography_font-size_sm: 22px; 
    --blockquote-typography_font-size_md: 22px; 
    --blockquote-typography_font-size_lg: 22px; 
    --blockquote-typography_font-size_xl: 22px;  

    --blockquote_small-typography_font-name: 'Helvetica',Arial, sans-serif;
    --blockquote_small-typography_font-weight: 700;
    --blockquote_small-typography_font-style: italic;
    --blockquote_small-typography_font-line-height: 140%;
    --blockquote_small-typography_font-letter-spacing: -0.25px;
    --blockquote_small-typography_font-transform: None;

    --blockquote_small-typography_font-size: 18px; 
    --blockquote_small-typography_font-size_sm: 18px; 
    --blockquote_small-typography_font-size_md: 18px; 
    --blockquote_small-typography_font-size_lg: 18px; 
    --blockquote_small-typography_font-size_xl: 18px;  

    --blockquote_large-typography_font-name: 'Helvetica',Arial, sans-serif;
    --blockquote_large-typography_font-weight: 700;
    --blockquote_large-typography_font-style: italic;
    --blockquote_large-typography_font-line-height: 140%;
    --blockquote_large-typography_font-letter-spacing: -0.25px;
    --blockquote_large-typography_font-transform: None;

    --blockquote_large-typography_font-size: 26px; 
    --blockquote_large-typography_font-size_sm: 26px; 
    --blockquote_large-typography_font-size_md: 26px; 
    --blockquote_large-typography_font-size_lg: 26px; 
    --blockquote_large-typography_font-size_xl: 26px;  

    --btn-typography_font-name: 'Helvetica',Arial, sans-serif;
    --btn-typography_font-weight: 700;
    --btn-typography_font-style: normal;
    --btn-typography_font-line-height: 150%;
    --btn-typography_font-letter-spacing: 0px;
    --btn-typography_font-transform: None;

    --btn-typography_font-size: 16px; 
    --btn-typography_font-size_sm: 16px; 
    --btn-typography_font-size_md: 16px; 
    --btn-typography_font-size_lg: 16px; 
    --btn-typography_font-size_xl: 16px;  

    --btn_small-typography_font-name: 'Helvetica',Arial, sans-serif;
    --btn_small-typography_font-weight: 700;
    --btn_small-typography_font-style: normal;
    --btn_small-typography_font-line-height: 150%;
    --btn_small-typography_font-letter-spacing: 0px;
    --btn_small-typography_font-transform: None;

    --btn_small-typography_font-size: 12px; 
    --btn_small-typography_font-size_sm: 12px; 
    --btn_small-typography_font-size_md: 12px; 
    --btn_small-typography_font-size_lg: 12px; 
    --btn_small-typography_font-size_xl: 12px;   

    --btn_large-typography_font-name: 'Helvetica',Arial, sans-serif;
    --btn_large-typography_font-weight: 700;
    --btn_large-typography_font-style: normal;
    --btn_large-typography_font-line-height: 150%;
    --btn_large-typography_font-letter-spacing: 0px;
    --btn_large-typography_font-transform: None;

    --btn_large-typography_font-size: 20px; 
    --btn_large-typography_font-size_sm: 20px; 
    --btn_large-typography_font-size_md: 20px; 
    --btn_large-typography_font-size_lg: 20px; 
    --btn_large-typography_font-size_xl: 20px;  

    --main-navigation-typography_font-name: 'Helvetica',Arial, sans-serif;
    --main-navigation-typography_font-weight: 400;
    --main-navigation-typography_font-style: normal;
    --main-navigation-typography_font-line-height: 150%;
    --main-navigation-typography_font-letter-spacing: 0px;
    --main-navigation-typography_font-transform: None;

    --main-navigation-typography_font-size: 16px; 
    --main-navigation-typography_font-size_sm: 16px; 
    --main-navigation-typography_font-size_md: 16px; 
    --main-navigation-typography_font-size_lg: 16px; 
    --main-navigation-typography_font-size_xl: 16px; 

    --main-navigation_dropdowns-typography_font-name: 'Helvetica',Arial, sans-serif;
    --main-navigation_dropdowns-typography_font-weight: 400;
    --main-navigation_dropdowns-typography_font-style: normal;
    --main-navigation_dropdowns-typography_font-line-height: 150%;
    --main-navigation_dropdowns-typography_font-letter-spacing: 0px;
    --main-navigation_dropdowns-typography_font-transform: None;

    --main-navigation_dropdowns-typography_font-size: 16px; 
    --main-navigation_dropdowns-typography_font-size_sm: 16px; 
    --main-navigation_dropdowns-typography_font-size_md: 16px; 
    --main-navigation_dropdowns-typography_font-size_lg: 16px; 
    --main-navigation_dropdowns-typography_font-size_xl: 16px;  

    --secondary-navigation-typography_font-name: 'Helvetica',Arial, sans-serif;
    --secondary-navigation-typography_font-weight: 400;
    --secondary-navigation-typography_font-style: normal;
    --secondary-navigation-typography_font-line-height: 150%;
    --secondary-navigation-typography_font-letter-spacing: 0px;
    --secondary-navigation-typography_font-transform: None;

    --secondary-navigation-typography_font-size: 14px; 
    --secondary-navigation-typography_font-size_sm: 14px; 
    --secondary-navigation-typography_font-size_md: 14px; 
    --secondary-navigation-typography_font-size_lg: 14px; 
    --secondary-navigation-typography_font-size_xl: 14px;  

    --sub-navigation-typography_font-name: 'Helvetica',Arial, sans-serif;
    --sub-navigation-typography_font-weight: 400;
    --sub-navigation-typography_font-style: normal;
    --sub-navigation-typography_font-line-height: 150%;
    --sub-navigation-typography_font-letter-spacing: 0px;
    --sub-navigation-typography_font-transform: None;

    --sub-navigation-typography_font-size: 16px; 
    --sub-navigation-typography_font-size_sm: 16px; 
    --sub-navigation-typography_font-size_md: 16px; 
    --sub-navigation-typography_font-size_lg: 16px; 
    --sub-navigation-typography_font-size_xl: 16px;  

    --footer-navigation-typography_font-name: 'Helvetica',Arial, sans-serif;
    --footer-navigation-typography_font-weight: 400;
    --footer-navigation-typography_font-style: normal;
    --footer-navigation-typography_font-line-height: 150%;
    --footer-navigation-typography_font-letter-spacing: 0px;
    --footer-navigation-typography_font-transform: None;

    --footer-navigation-typography_font-size: 13px; 
    --footer-navigation-typography_font-size_sm: 13px; 
    --footer-navigation-typography_font-size_md: 13px; 
    --footer-navigation-typography_font-size_lg: 13px; 
    --footer-navigation-typography_font-size_xl: 13px;  

    --breadcrumb-navigation-typography_font-name: 'Helvetica',Arial, sans-serif;
    --breadcrumb-navigation-typography_font-weight: 400;
    --breadcrumb-navigation-typography_font-style: normal;
    --breadcrumb-navigation-typography_font-line-height: 150%;
    --breadcrumb-navigation-typography_font-letter-spacing: 0px;
    --breadcrumb-navigation-typography_font-transform: None;

    --breadcrumb-navigation-typography_font-size: 14px; 
    --breadcrumb-navigation-typography_font-size_sm: 14px; 
    --breadcrumb-navigation-typography_font-size_md: 14px; 
    --breadcrumb-navigation-typography_font-size_lg: 14px; 
    --breadcrumb-navigation-typography_font-size_xl: 14px;  

    --anchor-navigation-typography_font-name: 'Helvetica',Arial, sans-serif;
    --anchor-navigation-typography_font-weight: 400;
    --anchor-navigation-typography_font-style: normal;
    --anchor-navigation-typography_font-line-height: 150%;
    --anchor-navigation-typography_font-letter-spacing: 0px;
    --anchor-navigation-typography_font-transform: None;

    --anchor-navigation-typography_font-size: 16px; 
    --anchor-navigation-typography_font-size_sm: 16px; 
    --anchor-navigation-typography_font-size_md: 16px; 
    --anchor-navigation-typography_font-size_lg: 16px; 
    --anchor-navigation-typography_font-size_xl: 16px;  

    --acc-tab-typography_font-name: 'Helvetica',Arial, sans-serif;
    --acc-tab-typography_font-weight: 400;
    --acc-tab-typography_font-style: normal;
    --acc-tab-typography_font-line-height: 150%;
    --acc-tab-typography_font-letter-spacing: 0px;
    --acc-tab-typography_font-transform: None;

    --acc-tab-typography_font-size: 16px; 
    --acc-tab-typography_font-size_sm: 16px; 
    --acc-tab-typography_font-size_md: 16px; 
    --acc-tab-typography_font-size_lg: 16px; 
    --acc-tab-typography_font-size_xl: 16px;
    
    --logo-typography_font-name: 'Helvetica',Arial, sans-serif;
    --logo-typography_font-weight: 700;
    --logo-typography_font-style: normal;
    --logo-typography_font-line-height: 140%;
    --logo-typography_font-letter-spacing: -0.25px;
    --logo-typography_font-transform: None;

    --logo-typography_font-size: 20px; 
    --logo-typography_font-size_sm: 22px; 
    --logo-typography_font-size_md: 22px; 
    --logo-typography_font-size_lg: 22px; 
    --logo-typography_font-size_xl: 22px; 

}


/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c1-bg,
.item.item_overlay .inner .image.c1-bg::before,
.usn_cmp_banner .item.item_overlay.c1-bg .inner::before { 
    background: rgba(var(--c1-bg-color1), 1); 
}

/* Backgrounds Linear */

.c1-bg.c1-bg-linear,
.item.item_overlay .inner .image.c1-bg.c1-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c1-bg.c1-bg-linear .inner::before { 
    background: linear-gradient(var(--c1-bg-angle), rgba(var(--c1-bg-color1), 1) 0%, rgba(var(--c1-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c1-bg.c1-bg-radial,
.item.item_overlay .inner .image.c1-bg.c1-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c1-bg.c1-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c1-bg-start-perc) var(--c1-bg-stop-perc), rgba(var(--c1-bg-color1), 1) 0%, rgba(var(--c1-bg-color2), 1) 100%); 
}


/* Headings */

.c1-bg h1:not(.heading), 
.c1-bg h2:not(.heading), 
.c1-bg h3:not(.heading), 
.c1-bg h4:not(.heading), 
.c1-bg h5:not(.heading), 
.c1-bg h6:not(.heading) { 
    color: rgba(var(--c1-heading), 1); 
}

.c1-heading, 
.c1-bg .heading { 
    color: rgba(var(--c1-heading), 1); 
}


/* Secondary Headings */

.c1-secondary-heading, 
.c1-bg .c1-secondary-heading { 
    color: rgba(var(--c1-secondary-heading), 1); 
}


/* Text */

.c1-bg, 
.c1-bg .c1-text, 
.c1-text { 
    color: rgba(var(--c1-text), 1); 
}


/* Borders */

.c1-borders { 
    border-color: rgba(var(--c1-borders), 1); 
}


/* Links */

.c1-link, 
.c1-link,
.c1-bg a:not(.btn),
.c1-text a:not(.btn),
.c1-bg .c1-text a:not(.btn) { 
    color: rgba(var(--c1-link), 1); 
}

.c1-link:hover, 
.c1-link:focus, 
.c1-link:active, 
.c1-bg a:not(.btn):hover, 
.c1-bg a:not(.btn):focus, 
.c1-bg a:not(.btn):active,
.c1-bg a:not(.btn):hover,
.c1-bg a:not(.btn):focus,
.c1-bg a:not(.btn):active,
.c1-text a:not(.btn):hover,
.c1-text a:not(.btn):focus,
.c1-text a:not(.btn):active,
.c1-bg .c1-text a:not(.btn):hover,
.c1-bg .c1-text a:not(.btn):focus,
.c1-bg .c1-text a:not(.btn):active { 
    color: rgba(var(--c1-link-hover), 1); 
}


/* Highlights */

.c1-highlight-bg { 
    background-color: rgba(var(--c1-highlight), 1); 
}

.c1-bg blockquote::before, 
.component .component.c1-bg div > blockquote::before { 
    color: rgba(var(--c1-highlight), 1); 
}

.c1-highlight-text { 
    color: rgba(var(--c1-highlight-text), 1); 
}


.c1-heading { 
    color: rgba(var(--c1-heading), 1)!important; 
}

.c1-secondary-heading { 
    color: rgba(var(--c1-secondary-heading), 1)!important; 
}


.c1-bg .heading { 
    color: rgba(var(--c1-heading), 1); 
}

.c1-bg .secondary-heading { 
    color: rgba(var(--c1-secondary-heading), 1); 
}

.c1-bg .quote, .c1-bg blockquote { 
    color: rgba(var(--c1-heading), 1); 
}

.c1-bg .quote::before, 
.c1-bg blockquote::before { 
    color: rgba(var(--c1-highlight), 1); 
}


/* Labels */
.c1-bg .label:not(.item-label) { background-color: rgba(var(--c1-highlight), 1); }

.c1-bg .label:not(.item-label) { color: rgba(var(--c1-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c1-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c1-link), 1); border-color: rgba(var(--c1-borders), 1); }

.c1-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c1-borders), 0.15); }

.c1-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); background: rgba(var(--c1-borders), 0.25); }

.c1-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c1-link-hover), 1); background: rgba(var(--c1-borders), 0.25); }

.c1-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c1-heading), 1); background: transparent; }

.c1-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c1-heading), 1); }

.c1-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c1-borders), 1); }

.c1-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c1-highlight), 1); }

/* Button Tabs */
.c1-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-borders), 0.25); }

.c1-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); border-color: rgba(var(--c1-borders), 1); }

.c1-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c1-link-hover), 1); border-color: rgba(var(--c1-borders), 1); }

.c1-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-heading), 1); }

.c1-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-heading), 1); }

.c1-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), 0.25); }

.c1-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); } 

.c1-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); }

.c1-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); }

.c1-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c1-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c1-link), 1); } 

.c1-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); } 

.c1-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c1-link-hover), 1); } 

.c1-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c1-link-hover), 1); } 

.c1-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c1-link-hover), 1); } 

.c1-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c1-heading), 1); } 

.c1-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c1-heading), 1); } 

.c1-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c1-heading), 1); }

.c1-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c1-heading), 1); }


/* Linethrough Tabs */
.c1-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c1-link), 1); } 

.c1-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); } 

.c1-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c1-link-hover), 1); } 

.c1-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c1-link-hover), 1); } 

.c1-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c1-link-hover), 1); } 

.c1-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c1-heading), 1); } 

.c1-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c1-heading), 1); } 

.c1-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c1-heading), 1); }

.c1-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c1-heading), 1); }


/* Slider Navigation */
.c1-bg .slick-slider .slick-prev, .c1-bg .slick-slider .slick-next { color: rgba(var(--c1-link), 1); background-color: rgba(var(--c1-bg-color1), 1); }

html.no-touch .c1-bg .slick-slider .slick-prev:hover, html.no-touch .c1-bg .slick-slider .slick-next:hover { color: rgba(var(--c1-link-hover), 1); }

.c1-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c1-link), 1); background-color: rgba(var(--c1-bg-color1), 1); }

html.no-touch .c1-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c1-link-hover), 1); }

.c1-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c1-text), 1); }

html.no-touch .c1-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c1-link-hover), 1); }

.c1-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c1-highlight), 1); }

/* Forms */
.form .c1-bg .form-control,
.form .c1-bg .form-check-input { border-color: rgba(var(--c1-borders), 1); }

.form .c1-bg .form-control:focus,
.form .c1-bg .form-check-input:focus { border-color: rgba(var(--c1-highlight), 1); box-shadow: 0 0 5px var(--c1-highlight);}


/* Ajax Loading */
.c1-bg .ajax-wrap .ajax-loading { background: rgba(var(--c1-bg-color1), 1); }

.c1-bg.ajax-wrap .ajax-loading { background: rgba(var(--c1-bg-color1), 1); }

.ajax-wrap .c1-bg .ajax-loading { background: rgba(var(--c1-bg-color1), 1); }

.c1-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c1-borders), 1); border-top: 10px solid rgba(var(--c1-highlight), 1); }

.c1-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c1-borders), 1); border-top: 10px solid rgba(var(--c1-highlight), 1); }

.ajax-wrap .c1-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c1-borders), 1); border-top: 10px solid rgba(var(--c1-highlight), 1); }

.c1-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c1-borders), 1); border-top: 5px solid rgba(var(--c1-highlight), 1); }

.c1-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c1-borders), 1); border-top: 5px solid rgba(var(--c1-highlight), 1); }

.item_form-single_field .c1-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c1-borders), 1); border-top: 5px solid rgba(var(--c1-highlight), 1); }

.item_form-single_field .ajax-wrap .c1-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c1-borders), 1); border-top: 5px solid rgba(var(--c1-highlight), 1); }


/* Links */
.c1-bg .listing.listing_links:not(.listing_links-mini), .c1-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c1-borders), 1); }

.c1-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c1-borders), 0.1); }

.c1-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c1-link), 1); }

.c1-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c1-link-hover), 1); }

 
/* Data List */                  
.c1-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c1-borders), 1); }

.c1-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c1-borders), 1); }


/* Sitemap */                
.c1-bg nav.sitemap ul li::before, .c1-bg nav.sitemap ul li::after { background-color: rgba(var(--c1-borders), 1); }

.c1-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c1-borders), 0.5); }


/* Tables */
.c1-bg thead { color: rgba(var(--c1-heading), 1); }

.c1-bg table, .c1-bg table th, .c1-bg table td { border-color: rgba(var(--c1-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c1-bg .expand-anchor { color: rgba(var(--c1-heading), 1); }

.component.usn_cmp_anchornavigation.c1-bg .expand-anchor span:before { background: rgba(var(--c1-heading), 1); }

.component.usn_cmp_anchornavigation.c1-bg .expand-anchor span { background: rgba(var(--c1-heading), 1); }

.component.usn_cmp_anchornavigation.c1-bg .expand-anchor span:after { background: rgba(var(--c1-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c1-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c1-link), 1); border-color: rgba(var(--c1-borders), 1); }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c1-borders), 0.15); }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); background: rgba(var(--c1-borders), 0.25); }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c1-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c1-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-borders), 0.25); }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); border-color: rgba(var(--c1-borders), 1); }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-heading), 1); }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), 0.25); }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c1-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c1-link), 1); } 

.component.usn_cmp_anchornavigation.c1-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c1-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c1-heading), 1); } 

.component.usn_cmp_anchornavigation.c1-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c1-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c1-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c1-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c1-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c1-link), 1); } 

.component.usn_cmp_anchornavigation.c1-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c1-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c1-heading), 1); } 

.component.usn_cmp_anchornavigation.c1-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c1-link-hover), 1); }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c1-heading), 1); }


/* Scroll prompt */
.c1-bg .scroll-prompt .scroll-link { color: rgba(var(--c1-heading), 1); }

.c1-bg .scroll-prompt .scroll-link i { color: rgba(var(--c1-heading), 1); }

.c1-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c1-heading), 1); }

.c1-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c1-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c1-bg .ec-size .ec-store h1 { color: rgba(var(--c1-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c1-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c1-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c1-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c1-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c1-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c1-heading), 1)!important; }


/* Heading separators - on page */
.c1-bg h1::before, .c1-bg h2::before, .c1-bg h3::before, .c1-bg h4::before, .c1-bg h5::before, .c1-bg h6::before { background: rgba(var(--c1-highlight), 1); }

.c1-bg h1::after, .c1-bg h2::after, .c1-bg h3::after, .c1-bg h4::after, .c1-bg h5::after, .c1-bg h6::after { background: rgba(var(--c1-highlight), 1); }


/* Heading separators - on components */
.c1-bg .heading::before, .c1-bg .secondary-heading::before { background: rgba(var(--c1-highlight), 1); }

.c1-bg .heading::after, .c1-bg .secondary-heading::after { background: rgba(var(--c1-highlight), 1); }


/* Heading separators - on specific items */
.item.c1-bg .heading::before, .item.c1-bg .secondary-heading::before { background: rgba(var(--c1-highlight), 1); }

.item.c1-bg .heading::after, .item.c1-bg .secondary-heading::after { background: rgba(var(--c1-highlight), 1); }

.inner.c1-bg .heading::before, .inner.c1-bg .secondary-heading::before { background: rgba(var(--c1-highlight), 1); }

.inner.c1-bg .heading::after, .inner.c1-bg .secondary-heading::after { background: rgba(var(--c1-highlight), 1); }


/* Overlayicons */

.item.item_text-boxed.c1-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c1-bg .image .overlayicon::before,
.item.item_text-boxed .image.c1-bg .overlayicon::before { 
    background: rgba(var(--c1-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

.item.item_text-boxed.c1-bg.c1-bg-linear .image .overlayicon::before,
.item.item_text-boxed .inner.c1-bg.c1-bg-linear .image .overlayicon::before,
.item.item_text-boxed .image.c1-bg.c1-bg-linear .overlayicon::before { 
    background: linear-gradient(var(--c1-bg-angle), rgba(var(--c1-bg-color1), 1) 0%, rgba(var(--c1-bg-color2), 1) 100%); 
}

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c1-bg.c1-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c1-bg.c1-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c1-bg.c1-bg-radial .overlayicon::before { 
    background: radial-gradient(farthest-side at var(--c1-bg-start-perc) var(--c1-bg-stop-perc), rgba(var(--c1-bg-color1), 1) 0%, rgba(var(--c1-bg-color2), 1) 100%); 
}

.item.item_text-boxed.c1-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c1-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c1-bg .overlayicon .icon {
    color: rgba(var(--c1-heading), 1);
}


/* Focus visibles */

.c1-bg a:focus-visible,
.c1-bg .btn:focus-visible,
.c1-bg button:focus-visible,
.form .inner.c1-bg a:focus-visible,
.form .inner.c1-bg .btn:focus-visible,
.form .inner.c1-bg button:focus-visible, 
.c1-bg .item .image a:focus-visible, 
.c1-bg .item .image a:focus-visible img, 
.c1-bg .item .image a:focus-visible picture,
.c1-bg .item .image a:focus-visible .overlayicon,
.c1-bg .listing_no-spacing .item a:focus-visible .image, 
.c1-bg .listing_no-spacing .item a:focus-visible .image img, 
.c1-bg .listing_no-spacing .item a:focus-visible .image picture,
.c1-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c1-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c1-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c1-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c1-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c1-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c1-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c1-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c1-bg picture,
main:focus-visible > section.c1-bg:first-of-type, 
section.c1-bg:focus-visible  {
    outline-color: rgba(var(--c1-highlight), 1)!important;
}

.c1-bg .form-control:focus-visible,
.c1-bg .form-check-input:focus-visible,
.form .inner.c1-bg .form-control:focus-visible,
.form .inner.c1-bg .form-check-input:focus-visible,
.form .inner.c1-bg .umbraco-forms-field input:focus-visible,
.form .inner.c1-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c1-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c1-highlight), 1)!important;
}



/* Breadcrumbs */
.component.usn_cmp_breadcrumb.c1-bg .breadcrumb-trail {
    color: rgba(var(--c1-text), 1);
}

.component.usn_cmp_breadcrumb.c1-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a,
.component.usn_cmp_breadcrumb.c1-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span {
    color: rgba(var(--c1-text), 1);
}

.component.usn_cmp_breadcrumb.c1-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover {
    color: rgba(var(--c1-link), 1);
}

.component.usn_cmp_breadcrumb.c1-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span {
    color: rgba(var(--c1-text), 0.5);
}


/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c2-bg,
.item.item_overlay .inner .image.c2-bg::before,
.usn_cmp_banner .item.item_overlay.c2-bg .inner::before { 
    background: rgba(var(--c2-bg-color1), 1); 
}

/* Backgrounds Linear */

.c2-bg.c2-bg-linear,
.item.item_overlay .inner .image.c2-bg.c2-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c2-bg.c2-bg-linear .inner::before { 
    background: linear-gradient(var(--c2-bg-angle), rgba(var(--c2-bg-color1), 1) 0%, rgba(var(--c2-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c2-bg.c2-bg-radial,
.item.item_overlay .inner .image.c2-bg.c2-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c2-bg.c2-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c2-bg-start-perc) var(--c2-bg-stop-perc), rgba(var(--c2-bg-color1), 1) 0%, rgba(var(--c2-bg-color2), 1) 100%); 
}


/* Headings */

.c2-bg h1:not(.heading), 
.c2-bg h2:not(.heading), 
.c2-bg h3:not(.heading), 
.c2-bg h4:not(.heading), 
.c2-bg h5:not(.heading), 
.c2-bg h6:not(.heading) { 
    color: rgba(var(--c2-heading), 1); 
}

.c2-heading, 
.c2-bg .heading { 
    color: rgba(var(--c2-heading), 1); 
}


/* Secondary Headings */

.c2-secondary-heading, 
.c2-bg .c2-secondary-heading { 
    color: rgba(var(--c2-secondary-heading), 1); 
}


/* Text */

.c2-bg, 
.c2-bg .c2-text, 
.c2-text { 
    color: rgba(var(--c2-text), 1); 
}


/* Borders */

.c2-borders { 
    border-color: rgba(var(--c2-borders), 1); 
}


/* Links */

.c2-link, 
.c2-link,
.c2-bg a:not(.btn),
.c2-text a:not(.btn),
.c2-bg .c2-text a:not(.btn) { 
    color: rgba(var(--c2-link), 1); 
}

.c2-link:hover, 
.c2-link:focus, 
.c2-link:active, 
.c2-bg a:not(.btn):hover, 
.c2-bg a:not(.btn):focus, 
.c2-bg a:not(.btn):active,
.c2-bg a:not(.btn):hover,
.c2-bg a:not(.btn):focus,
.c2-bg a:not(.btn):active,
.c2-text a:not(.btn):hover,
.c2-text a:not(.btn):focus,
.c2-text a:not(.btn):active,
.c2-bg .c2-text a:not(.btn):hover,
.c2-bg .c2-text a:not(.btn):focus,
.c2-bg .c2-text a:not(.btn):active { 
    color: rgba(var(--c2-link-hover), 1); 
}


/* Highlights */

.c2-highlight-bg { 
    background-color: rgba(var(--c2-highlight), 1); 
}

.c2-bg blockquote::before, 
.component .component.c2-bg div > blockquote::before { 
    color: rgba(var(--c2-highlight), 1); 
}

.c2-highlight-text { 
    color: rgba(var(--c2-highlight-text), 1); 
}


.c2-heading { 
    color: rgba(var(--c2-heading), 1)!important; 
}

.c2-secondary-heading { 
    color: rgba(var(--c2-secondary-heading), 1)!important; 
}


.c2-bg .heading { 
    color: rgba(var(--c2-heading), 1); 
}

.c2-bg .secondary-heading { 
    color: rgba(var(--c2-secondary-heading), 1); 
}

.c2-bg .quote, .c2-bg blockquote { 
    color: rgba(var(--c2-heading), 1); 
}

.c2-bg .quote::before, 
.c2-bg blockquote::before { 
    color: rgba(var(--c2-highlight), 1); 
}


/* Labels */
.c2-bg .label:not(.item-label) { background-color: rgba(var(--c2-highlight), 1); }

.c2-bg .label:not(.item-label) { color: rgba(var(--c2-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c2-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c2-link), 1); border-color: rgba(var(--c2-borders), 1); }

.c2-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c2-borders), 0.15); }

.c2-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); background: rgba(var(--c2-borders), 0.25); }

.c2-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c2-link-hover), 1); background: rgba(var(--c2-borders), 0.25); }

.c2-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c2-heading), 1); background: transparent; }

.c2-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c2-heading), 1); }

.c2-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c2-borders), 1); }

.c2-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c2-highlight), 1); }

/* Button Tabs */
.c2-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-borders), 0.25); }

.c2-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); border-color: rgba(var(--c2-borders), 1); }

.c2-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c2-link-hover), 1); border-color: rgba(var(--c2-borders), 1); }

.c2-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-heading), 1); }

.c2-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-heading), 1); }

.c2-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), 0.25); }

.c2-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); } 

.c2-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); }

.c2-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); }

.c2-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c2-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c2-link), 1); } 

.c2-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); } 

.c2-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c2-link-hover), 1); } 

.c2-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c2-link-hover), 1); } 

.c2-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c2-link-hover), 1); } 

.c2-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c2-heading), 1); } 

.c2-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c2-heading), 1); } 

.c2-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c2-heading), 1); }

.c2-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c2-heading), 1); }


/* Linethrough Tabs */
.c2-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c2-link), 1); } 

.c2-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); } 

.c2-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c2-link-hover), 1); } 

.c2-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c2-link-hover), 1); } 

.c2-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c2-link-hover), 1); } 

.c2-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c2-heading), 1); } 

.c2-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c2-heading), 1); } 

.c2-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c2-heading), 1); }

.c2-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c2-heading), 1); }


/* Slider Navigation */
.c2-bg .slick-slider .slick-prev, .c2-bg .slick-slider .slick-next { color: rgba(var(--c2-link), 1); background-color: rgba(var(--c2-bg-color1), 1); }

html.no-touch .c2-bg .slick-slider .slick-prev:hover, html.no-touch .c2-bg .slick-slider .slick-next:hover { color: rgba(var(--c2-link-hover), 1); }

.c2-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c2-link), 1); background-color: rgba(var(--c2-bg-color1), 1); }

html.no-touch .c2-bg .slick-slider .slick-autoplay-toggle-button:hover { color: rgba(var(--c2-link-hover), 1); }

.c2-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c2-text), 1); }

html.no-touch .c2-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c2-link-hover), 1); }

.c2-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c2-highlight), 1); }

/* Forms */
.form .c2-bg .form-control,
.form .c2-bg .form-check-input { border-color: rgba(var(--c2-borders), 1); }

.form .c2-bg .form-control:focus,
.form .c2-bg .form-check-input:focus { border-color: rgba(var(--c2-highlight), 1); box-shadow: 0 0 5px var(--c2-highlight);}


/* Ajax Loading */
.c2-bg .ajax-wrap .ajax-loading { background: rgba(var(--c2-bg-color1), 1); }

.c2-bg.ajax-wrap .ajax-loading { background: rgba(var(--c2-bg-color1), 1); }

.ajax-wrap .c2-bg .ajax-loading { background: rgba(var(--c2-bg-color1), 1); }

.c2-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c2-borders), 1); border-top: 10px solid rgba(var(--c2-highlight), 1); }

.c2-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c2-borders), 1); border-top: 10px solid rgba(var(--c2-highlight), 1); }

.ajax-wrap .c2-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c2-borders), 1); border-top: 10px solid rgba(var(--c2-highlight), 1); }

.c2-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c2-borders), 1); border-top: 5px solid rgba(var(--c2-highlight), 1); }

.c2-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c2-borders), 1); border-top: 5px solid rgba(var(--c2-highlight), 1); }

.item_form-single_field .c2-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c2-borders), 1); border-top: 5px solid rgba(var(--c2-highlight), 1); }

.item_form-single_field .ajax-wrap .c2-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c2-borders), 1); border-top: 5px solid rgba(var(--c2-highlight), 1); }


/* Links */
.c2-bg .listing.listing_links:not(.listing_links-mini), .c2-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c2-borders), 1); }

.c2-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c2-borders), 0.1); }

.c2-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c2-link), 1); }

.c2-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c2-link-hover), 1); }

 
/* Data List */                  
.c2-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c2-borders), 1); }

.c2-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c2-borders), 1); }


/* Sitemap */                
.c2-bg nav.sitemap ul li::before, .c2-bg nav.sitemap ul li::after { background-color: rgba(var(--c2-borders), 1); }

.c2-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c2-borders), 0.5); }


/* Tables */
.c2-bg thead { color: rgba(var(--c2-heading), 1); }

.c2-bg table, .c2-bg table th, .c2-bg table td { border-color: rgba(var(--c2-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c2-bg .expand-anchor { color: rgba(var(--c2-heading), 1); }

.component.usn_cmp_anchornavigation.c2-bg .expand-anchor span:before { background: rgba(var(--c2-heading), 1); }

.component.usn_cmp_anchornavigation.c2-bg .expand-anchor span { background: rgba(var(--c2-heading), 1); }

.component.usn_cmp_anchornavigation.c2-bg .expand-anchor span:after { background: rgba(var(--c2-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c2-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c2-link), 1); border-color: rgba(var(--c2-borders), 1); }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c2-borders), 0.15); }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); background: rgba(var(--c2-borders), 0.25); }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c2-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c2-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-borders), 0.25); }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); border-color: rgba(var(--c2-borders), 1); }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-heading), 1); }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), 0.25); }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c2-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c2-link), 1); } 

.component.usn_cmp_anchornavigation.c2-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c2-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c2-heading), 1); } 

.component.usn_cmp_anchornavigation.c2-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c2-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c2-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c2-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c2-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c2-link), 1); } 

.component.usn_cmp_anchornavigation.c2-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c2-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c2-heading), 1); } 

.component.usn_cmp_anchornavigation.c2-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c2-link-hover), 1); }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c2-heading), 1); }


/* Scroll prompt */
.c2-bg .scroll-prompt .scroll-link { color: rgba(var(--c2-heading), 1); }

.c2-bg .scroll-prompt .scroll-link i { color: rgba(var(--c2-heading), 1); }

.c2-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c2-heading), 1); }

.c2-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c2-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c2-bg .ec-size .ec-store h1 { color: rgba(var(--c2-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c2-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c2-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c2-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c2-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c2-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c2-heading), 1)!important; }


/* Heading separators - on page */
.c2-bg h1::before, .c2-bg h2::before, .c2-bg h3::before, .c2-bg h4::before, .c2-bg h5::before, .c2-bg h6::before { background: rgba(var(--c2-highlight), 1); }

.c2-bg h1::after, .c2-bg h2::after, .c2-bg h3::after, .c2-bg h4::after, .c2-bg h5::after, .c2-bg h6::after { background: rgba(var(--c2-highlight), 1); }


/* Heading separators - on components */
.c2-bg .heading::before, .c2-bg .secondary-heading::before { background: rgba(var(--c2-highlight), 1); }

.c2-bg .heading::after, .c2-bg .secondary-heading::after { background: rgba(var(--c2-highlight), 1); }


/* Heading separators - on specific items */
.item.c2-bg .heading::before, .item.c2-bg .secondary-heading::before { background: rgba(var(--c2-highlight), 1); }

.item.c2-bg .heading::after, .item.c2-bg .secondary-heading::after { background: rgba(var(--c2-highlight), 1); }

.inner.c2-bg .heading::before, .inner.c2-bg .secondary-heading::before { background: rgba(var(--c2-highlight), 1); }

.inner.c2-bg .heading::after, .inner.c2-bg .secondary-heading::after { background: rgba(var(--c2-highlight), 1); }


/* Overlayicons */

.item.item_text-boxed.c2-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c2-bg .image .overlayicon::before,
.item.item_text-boxed .image.c2-bg .overlayicon::before { 
    background: rgba(var(--c2-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

.item.item_text-boxed.c2-bg.c2-bg-linear .image .overlayicon::before,
.item.item_text-boxed .inner.c2-bg.c2-bg-linear .image .overlayicon::before,
.item.item_text-boxed .image.c2-bg.c2-bg-linear .overlayicon::before { 
    background: linear-gradient(var(--c2-bg-angle), rgba(var(--c2-bg-color1), 1) 0%, rgba(var(--c2-bg-color2), 1) 100%); 
}

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c2-bg.c2-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c2-bg.c2-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c2-bg.c2-bg-radial .overlayicon::before { 
    background: radial-gradient(farthest-side at var(--c2-bg-start-perc) var(--c2-bg-stop-perc), rgba(var(--c2-bg-color1), 1) 0%, rgba(var(--c2-bg-color2), 1) 100%); 
}

.item.item_text-boxed.c2-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c2-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c2-bg .overlayicon .icon {
    color: rgba(var(--c2-heading), 1);
}


/* Focus visibles */

.c2-bg a:focus-visible,
.c2-bg .btn:focus-visible,
.c2-bg button:focus-visible,
.form .inner.c2-bg a:focus-visible,
.form .inner.c2-bg .btn:focus-visible,
.form .inner.c2-bg button:focus-visible, 
.c2-bg .item .image a:focus-visible, 
.c2-bg .item .image a:focus-visible img, 
.c2-bg .item .image a:focus-visible picture,
.c2-bg .item .image a:focus-visible .overlayicon,
.c2-bg .listing_no-spacing .item a:focus-visible .image, 
.c2-bg .listing_no-spacing .item a:focus-visible .image img, 
.c2-bg .listing_no-spacing .item a:focus-visible .image picture,
.c2-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c2-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c2-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c2-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c2-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c2-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c2-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c2-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c2-bg picture,
main:focus-visible > section.c2-bg:first-of-type, 
section.c2-bg:focus-visible  {
    outline-color: rgba(var(--c2-highlight), 1)!important;
}

.c2-bg .form-control:focus-visible,
.c2-bg .form-check-input:focus-visible,
.form .inner.c2-bg .form-control:focus-visible,
.form .inner.c2-bg .form-check-input:focus-visible,
.form .inner.c2-bg .umbraco-forms-field input:focus-visible,
.form .inner.c2-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c2-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c2-highlight), 1)!important;
}



/* Breadcrumbs */
.component.usn_cmp_breadcrumb.c2-bg .breadcrumb-trail {
    color: rgba(var(--c2-text), 1);
}

.component.usn_cmp_breadcrumb.c2-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a,
.component.usn_cmp_breadcrumb.c2-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span {
    color: rgba(var(--c2-text), 1);
}

.component.usn_cmp_breadcrumb.c2-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover {
    color: rgba(var(--c2-link), 1);
}

.component.usn_cmp_breadcrumb.c2-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span {
    color: rgba(var(--c2-text), 0.5);
}




/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c1-btn-bg, 
.btn-bg_c1-btn-bg .btn {
    background: rgba(var(--c1-btn-bg-color1), 1);
}

.c1-btn-bg:hover, 
.btn-bg_c1-btn-bg .btn:hover,
.btn.c1-btn-bg:focus, 
.btn-bg_c1-btn-bg .btn:focus,
.btn.c1-btn-bg:active, 
.btn-bg_c1-btn-bg .btn:active {
    background: rgba(var(--c1-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c1-btn-bg.c1-btn-bg-linear, 
.btn-bg_c1-btn-bg.c1-btn-bg-linear .btn {
    background: linear-gradient(var(--c1-btn-bg-angle), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); 
}

.c1-btn-bg.c1-btn-bg-linear:hover, 
.btn-bg_c1-btn-bg.c1-btn-bg-linear .btn:hover,
.btn.c1-btn-bg.c1-btn-bg-linear:focus, 
.btn-bg_c1-btn-bg.c1-btn-bg-linear .btn:focus,
.btn.c1-btn-bg.c1-btn-bg-linear:active, 
.btn-bg_c1-btn-bg.c1-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c1-btn-bg-angle), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c1-btn-bg.c1-btn-bg-radial, 
.btn-bg_c1-btn-bg.c1-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c1-btn-bg-start-perc) var(--c1-btn-bg-stop-perc), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); 
}

.c1-btn-bg.c1-btn-bg-radial:hover, 
.btn-bg_c1-btn-bg.c1-btn-bg-radial .btn:hover,
.btn.c1-btn-bg.c1-btn-bg-radial:focus, 
.btn-bg_c1-btn-bg.c1-btn-bg-radial .btn:focus,
.btn.c1-btn-bg.c1-btn-bg-radial:active, 
.btn-bg_c1-btn-bg.c1-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c1-btn-bg-start-perc) var(--c1-btn-bg-stop-perc), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c1-btn-bg-hover:hover > span, 
.btn.c1-btn-bg-hover:focus > span, 
.btn.c1-btn-bg-hover:active > span, 
.btn-bg_c1-btn-bg-hover .btn:hover > span, 
.btn-bg_c1-btn-bg-hover .btn:focus > span, 
.btn-bg_c1-btn-bg-hover .btn:active > span,
a:hover .btn.c1-btn-bg-hover > span, 
a:focus .btn.c1-btn-bg-hover > span, 
a:active .btn.c1-btn-bg-hover > span,
.btn.c1-btn-bg-hover-solid:hover > span, 
.btn.c1-btn-bg-hover-solid:focus > span, 
.btn.c1-btn-bg-hover-solid:active > span, 
.btn-bg_c1-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c1-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c1-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c1-btn-bg-hover-solid > span, 
a:focus .btn.c1-btn-bg-hover-solid > span, 
a:active .btn.c1-btn-bg-hover-solid > span {
    background: rgba(var(--c1-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c1-btn-bg.c1-btn-bg-hover-linear:hover > span, 
.btn.c1-btn-bg.c1-btn-bg-hover-linear:focus > span, 
.btn.c1-btn-bg.c1-btn-bg-hover-linear:active > span, 
.btn-bg_c1-btn-bg.c1-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c1-btn-bg.c1-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c1-btn-bg.c1-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c1-btn-bg.c1-btn-bg-hover-linear > span, 
a:focus .btn.c1-btn-bg.c1-btn-bg-hover-linear > span, 
a:active .btn.c1-btn-bg.c1-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c1-btn-bg-hover-angle), rgba(var(--c1-btn-bg-hover-color1), 1) 0%, rgba(var(--c1-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c1-btn-bg.c1-btn-bg-hover-radial:hover > span, 
.btn.c1-btn-bg.c1-btn-bg-hover-radial:focus > span, 
.btn.c1-btn-bg.c1-btn-bg-hover-radial:active > span, 
.btn-bg_c1-btn-bg.c1-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c1-btn-bg.c1-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c1-btn-bg.c1-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c1-btn-bg.c1-btn-bg-hover-radial > span, 
a:focus .btn.c1-btn-bg.c1-btn-bg-hover-radial > span, 
a:active .btn.c1-btn-bg.c1-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c1-btn-bg-hover-start-perc) var(--c1-btn-bg-hover-stop-perc), rgba(var(--c1-btn-bg-hover-color1), 1) 0%, rgba(var(--c1-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c1-btn-borders, 
.btn-borders_c1-btn-borders .btn {
    border-color: rgba(var(--c1-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c1-btn-borders:hover, 
.btn-borders_c1-btn-borders .btn:hover,
.btn.c1-btn-borders:focus, 
.btn-borders_c1-btn-borders .btn:focus,
.btn.c1-btn-borders:active, 
.btn-borders_c1-btn-borders .btn:active,
a:hover .btn.c1-btn-borders, 
a:focus .btn.c1-btn-borders, 
a:active .btn.c1-btn-borders {
    border-color: rgba(var(--c1-btn-borders-hover), 1);
}


/* Button Text */

.btn.c1-btn-text, 
.btn-text_c1-btn-text .btn {
    color: rgba(var(--c1-btn-text), 1);
}

/* Button Text Hover */

.btn.c1-btn-text:hover, 
.btn-text_c1-btn-text .btn:hover,
.btn.c1-btn-text:focus, 
.btn-text_c1-btn-text .btn:focus,
.btn.c1-btn-text:active, 
.btn-text_c1-btn-text .btn:active,
a:hover .btn.c1-btn-text, 
a:focus .btn.c1-btn-text, 
a:active .btn.c1-btn-text {
    color: rgba(var(--c1-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c1-btn-borders:hover, 
.btn.c1-btn-borders:focus, 
.btn.c1-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c1-btn-borders .btn:hover, 
.btn-borders_c1-btn-borders .btn:focus, 
.btn-borders_c1-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c1-btn-text, 
.basic-buttons .btn-text_c1-btn-text .btn { 
    color: rgba(var(--c1-btn-bg), 1); 
}

.basic-buttons .btn.c1-btn-text:hover, 
.basic-buttons .btn.c1-btn-text:focus, 
.basic-buttons .btn.c1-btn-text:active, 
.basic-buttons .btn-text_c1-btn-text .btn:hover, 
.basic-buttons .btn-text_c1-btn-text .btn:focus, 
.basic-buttons .btn-text_c1-btn-text .btn:active { 
    color: rgba(var(--c1-btn-bg-hover), 1); 
}


/* Umbraco Form input submit button hovers */
/* Required so we do not change the HTML of Umbraco Forms source */
.umbraco-forms .btn-bg_c1-btn-bg input[type="submit"]:active,
.umbraco-forms .btn-bg_c1-btn-bg input[type="submit"]:focus,
.umbraco-forms .btn-bg_c1-btn-bg input[type="submit"]:hover { 
    background: rgba(var(--c1-btn-bg-hover-color1),1);
    color: rgba(var(--c1-btn-text-hover),1);
    border-color: rgba(var(--c1-btn-borders-hover),1);
}
.umbraco-forms .btn-bg_base-btn-bg.c1-btn-bg-hover-linear input[type="submit"]:active,
.umbraco-forms .btn-bg_base-btn-bg.c1-btn-bg-hover-linear input[type="submit"]:focus,
.umbraco-forms .btn-bg_base-btn-bg.c1-btn-bg-hover-linear input[type="submit"]:hover { 
    background: linear-gradient(var(--c1-btn-bg-hover-angle), rgba(var(--c1-btn-bg-hover-color1), 1) 0%, rgba(var(--c1-btn-bg-hover-color2), 1) 100%); 
}
.umbraco-forms .btn-bg_c1-btn-bg.c1-btn-bg-hover-radial input[type="submit"]:active,
.umbraco-forms .btn-bg_c1-btn-bg.c1-btn-bg-hover-radial input[type="submit"]:focus,
.umbraco-forms .btn-bg_c1-btn-bg.c1-btn-bg-hover-radial input[type="submit"]:hover { 
    background: radial-gradient(farthest-side at var(--c1-btn-bg-hover-start-perc) var(--c1-btn-bg-hover-stop-perc), rgba(var(--c1-btn-bg-hover-color1), 1) 0%, rgba(var(--c1-btn-bg-hover-color2), 1) 100%); 
}


/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c2-btn-bg, 
.btn-bg_c2-btn-bg .btn {
    background: rgba(var(--c2-btn-bg-color1), 1);
}

.c2-btn-bg:hover, 
.btn-bg_c2-btn-bg .btn:hover,
.btn.c2-btn-bg:focus, 
.btn-bg_c2-btn-bg .btn:focus,
.btn.c2-btn-bg:active, 
.btn-bg_c2-btn-bg .btn:active {
    background: rgba(var(--c2-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c2-btn-bg.c2-btn-bg-linear, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn {
    background: linear-gradient(var(--c2-btn-bg-angle), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}

.c2-btn-bg.c2-btn-bg-linear:hover, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:hover,
.btn.c2-btn-bg.c2-btn-bg-linear:focus, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:focus,
.btn.c2-btn-bg.c2-btn-bg-linear:active, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c2-btn-bg-angle), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c2-btn-bg.c2-btn-bg-radial, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c2-btn-bg-start-perc) var(--c2-btn-bg-stop-perc), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}

.c2-btn-bg.c2-btn-bg-radial:hover, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:hover,
.btn.c2-btn-bg.c2-btn-bg-radial:focus, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:focus,
.btn.c2-btn-bg.c2-btn-bg-radial:active, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c2-btn-bg-start-perc) var(--c2-btn-bg-stop-perc), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c2-btn-bg-hover:hover > span, 
.btn.c2-btn-bg-hover:focus > span, 
.btn.c2-btn-bg-hover:active > span, 
.btn-bg_c2-btn-bg-hover .btn:hover > span, 
.btn-bg_c2-btn-bg-hover .btn:focus > span, 
.btn-bg_c2-btn-bg-hover .btn:active > span,
a:hover .btn.c2-btn-bg-hover > span, 
a:focus .btn.c2-btn-bg-hover > span, 
a:active .btn.c2-btn-bg-hover > span,
.btn.c2-btn-bg-hover-solid:hover > span, 
.btn.c2-btn-bg-hover-solid:focus > span, 
.btn.c2-btn-bg-hover-solid:active > span, 
.btn-bg_c2-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c2-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c2-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c2-btn-bg-hover-solid > span, 
a:focus .btn.c2-btn-bg-hover-solid > span, 
a:active .btn.c2-btn-bg-hover-solid > span {
    background: rgba(var(--c2-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c2-btn-bg.c2-btn-bg-hover-linear:hover > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-linear:focus > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-linear:active > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c2-btn-bg.c2-btn-bg-hover-linear > span, 
a:focus .btn.c2-btn-bg.c2-btn-bg-hover-linear > span, 
a:active .btn.c2-btn-bg.c2-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c2-btn-bg-hover-angle), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c2-btn-bg.c2-btn-bg-hover-radial:hover > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-radial:focus > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-radial:active > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c2-btn-bg.c2-btn-bg-hover-radial > span, 
a:focus .btn.c2-btn-bg.c2-btn-bg-hover-radial > span, 
a:active .btn.c2-btn-bg.c2-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c2-btn-bg-hover-start-perc) var(--c2-btn-bg-hover-stop-perc), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c2-btn-borders, 
.btn-borders_c2-btn-borders .btn {
    border-color: rgba(var(--c2-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c2-btn-borders:hover, 
.btn-borders_c2-btn-borders .btn:hover,
.btn.c2-btn-borders:focus, 
.btn-borders_c2-btn-borders .btn:focus,
.btn.c2-btn-borders:active, 
.btn-borders_c2-btn-borders .btn:active,
a:hover .btn.c2-btn-borders, 
a:focus .btn.c2-btn-borders, 
a:active .btn.c2-btn-borders {
    border-color: rgba(var(--c2-btn-borders-hover), 1);
}


/* Button Text */

.btn.c2-btn-text, 
.btn-text_c2-btn-text .btn {
    color: rgba(var(--c2-btn-text), 1);
}

/* Button Text Hover */

.btn.c2-btn-text:hover, 
.btn-text_c2-btn-text .btn:hover,
.btn.c2-btn-text:focus, 
.btn-text_c2-btn-text .btn:focus,
.btn.c2-btn-text:active, 
.btn-text_c2-btn-text .btn:active,
a:hover .btn.c2-btn-text, 
a:focus .btn.c2-btn-text, 
a:active .btn.c2-btn-text {
    color: rgba(var(--c2-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c2-btn-borders:hover, 
.btn.c2-btn-borders:focus, 
.btn.c2-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c2-btn-borders .btn:hover, 
.btn-borders_c2-btn-borders .btn:focus, 
.btn-borders_c2-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c2-btn-text, 
.basic-buttons .btn-text_c2-btn-text .btn { 
    color: rgba(var(--c2-btn-bg), 1); 
}

.basic-buttons .btn.c2-btn-text:hover, 
.basic-buttons .btn.c2-btn-text:focus, 
.basic-buttons .btn.c2-btn-text:active, 
.basic-buttons .btn-text_c2-btn-text .btn:hover, 
.basic-buttons .btn-text_c2-btn-text .btn:focus, 
.basic-buttons .btn-text_c2-btn-text .btn:active { 
    color: rgba(var(--c2-btn-bg-hover), 1); 
}


/* Umbraco Form input submit button hovers */
/* Required so we do not change the HTML of Umbraco Forms source */
.umbraco-forms .btn-bg_c2-btn-bg input[type="submit"]:active,
.umbraco-forms .btn-bg_c2-btn-bg input[type="submit"]:focus,
.umbraco-forms .btn-bg_c2-btn-bg input[type="submit"]:hover { 
    background: rgba(var(--c2-btn-bg-hover-color1),1);
    color: rgba(var(--c2-btn-text-hover),1);
    border-color: rgba(var(--c2-btn-borders-hover),1);
}
.umbraco-forms .btn-bg_base-btn-bg.c2-btn-bg-hover-linear input[type="submit"]:active,
.umbraco-forms .btn-bg_base-btn-bg.c2-btn-bg-hover-linear input[type="submit"]:focus,
.umbraco-forms .btn-bg_base-btn-bg.c2-btn-bg-hover-linear input[type="submit"]:hover { 
    background: linear-gradient(var(--c2-btn-bg-hover-angle), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); 
}
.umbraco-forms .btn-bg_c2-btn-bg.c2-btn-bg-hover-radial input[type="submit"]:active,
.umbraco-forms .btn-bg_c2-btn-bg.c2-btn-bg-hover-radial input[type="submit"]:focus,
.umbraco-forms .btn-bg_c2-btn-bg.c2-btn-bg-hover-radial input[type="submit"]:hover { 
    background: radial-gradient(farthest-side at var(--c2-btn-bg-hover-start-perc) var(--c2-btn-bg-hover-stop-perc), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); 
}





/*custom controls css starts*/

:root {
    --fin-orange: #f29111;
    --fin-yellow: #ffcc00;
    --fin-green: #20ad96;
    --fin-blue: #29b2fe;
    --fin-purple: #8a49a1;
    --fin-pink: #fc60b2;
    --fin-red: #e91e63;
    --fin-dark: #14133b;
    --fin-abox-gray: #5b6674;
}

body {
    padding: 0;
    margin: 0;
    /*font-family: 'Poppins', sans-serif;*/
}


/* ================ Fin Button css starts here ================*/


* {
    box-sizing: border-box;
}

.container {
    /*width: 1170px;*/
    margin: 0 auto;
}

.button-title {
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    font-size: 36px;
    line-height: 46px;
    color: #14133b;
    text-align: center;
    margin: 0 0 1em;
}

.learnmorebutton {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 30px !important;
    min-height: 50px;
    letter-spacing: 1px;
    -webkit-transition: all 300ms linear 0;
    -moz-transition: all 300ms linear 0;
    -o-transition: all 300ms linear 0;
    -ms-transition: all 300ms linear 0;
    transition: all 300ms linear 0;
    padding: 10px 30px;
    outline: none !important;
    text-decoration: none !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.bg_dark {
    color: #14133b;
}

.text_dark {
    color: #14133b;
}

a.learnmorebutton {
    margin-bottom: 15px;
}

.button2 {
    background: #14133b;
}

.button3 {
    background: #f7f8fd;
}

.text_light {
    color: #fff;
}

    .text_light, .text_light:hover, .text_light:focus {
        color: #fff;
    }

.learn {
    display: flex;
    gap: 20%;
    justify-content: center;
}

.button-subtitle {
    font-style: normal;
    font-size: 13px;
    line-height: 1.4em;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    text-align: center;
    color: #f29111;
    margin: 0 0 1em;
}



.button2:hover, .button2:active, .button2:focus {
    background: #f29111;
}

.text_dark:hover, .text_dark:active, .text_dark:focus {
    color: #fff;
}

.padding_sec {
    padding-top: 100px;
    padding-bottom: 100px;
}

.bg-dark-grey {
    background: linear-gradient(to bottom,#f7f8fd,#d6daec) !important;
}

.slideBtn {
    position: relative;
    transition: ease-in-out .5s;
    overflow: hidden;
}

    .slideBtn:after, .slideBtn:before {
        content: "1";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        font-size: 0px;
    }

    .slideBtn:hover:after {
        animation-delay: .2s;
        animation-direction: normal;
        animation-duration: .3s;
        animation-fill-mode: both;
        animation-iteration-count: 1;
        animation-name: translateX-hover-2;
        animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
        background: #f29111;
    }

.slide:hover:before {
    animation-delay: 0;
    animation-direction: normal;
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-name: translateX-hover-1;
    animation-delay: 0;
    animation-direction: normal;
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-name: translateX-hover-1;
    animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
}

.slideBtn:after {
    transform: translateX(-100%);
}

.outline_primery {
    background: transparent;
    border: 1px solid #e4e4e4;
}

.outline_dark {
    border-color: #14133b;
}

.line-move-Left:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 50px;
    height: 100%;
    transition: background-color .3s,width .3s,box-shadow .3s;
    transition-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    z-index: 0;
}

.line-move-Left {
    position: relative;
}

.linemove-leftbutton:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 50px;
    height: 100%;
    transition: background-color .3s,width .3s,box-shadow .3s;
    transition-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    z-index: 0;
    background: var(--half-color);
}

.line-move-Left:hover, .linemove-botbutton:hover {
    color: #fff !important;
}

    .line-move-Left:hover:before {
        background: var(--hover-color) !important;
    }

    .line-move-Left:hover:before {
        width: 100%;
    }

.pos-relative {
    position: relative;
}

.overflow-hidden {
    overflow: hidden;
}

.linemove-botbutton {
    background: transparent !important;
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 0 0 10px;
    vertical-align: middle;
    background: #14133b;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 30px !important;
    min-height: 50px;
    letter-spacing: 1px;
    -webkit-transition: all 300ms linear 0;
    -moz-transition: all 300ms linear 0;
    -o-transition: all 300ms linear 0;
    -ms-transition: all 300ms linear 0;
    transition: all 300ms linear 0;
    padding: 10px 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .linemove-botbutton:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        opacity: .1;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%;
        height: 100%;
        z-index: 0;
        transition: all .8s cubic-bezier(0.23,1,0.32,1);
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-duration: .6s;
        animation-duration: .6s;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-name: lineMove;
        animation-name: lineMove;
        background: var(--hoverbg-color)
    }

    .linemove-botbutton:hover:before {
        top: 0;
        opacity: 1;
    }

.button > span {
    position: relative;
    z-index: 1;
}
/*== Button circle css start ===*/
.buttoncirclebox {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0 10px;
    max-width: 1030px;
    margin: 0 auto;
}

.buttoncircle {
    background: transparent !important;
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
    padding-left: 0;
    padding-right: 2px;
    max-width: 180px;
    width: 100%;
}

    .buttoncircle .button-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        letter-spacing: 0;
        text-transform: uppercase;
    }

    .buttoncircle .button-arrow {
        width: 40px;
        height: 40px;
        line-height: 18px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        border: 2px solid;
        border-radius: 50%;
    }

    .buttoncircle .button-icon {
        width: 12px;
        height: 15px;
        position: relative;
        z-index: 1;
        -webkit-transition: color .4s cubic-bezier(0.25,1,0.25,1),opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;
        transition: color .4s cubic-bezier(0.25,1,0.25,1),opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;
        transition: color .4s cubic-bezier(0.25,1,0.25,1),transform .5s ease-in-out,opacity .5s ease-in-out;
        transition: color .4s cubic-bezier(0.25,1,0.25,1),transform .5s ease-in-out,opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;
    }

        .buttoncircle .button-icon span {
            position: relative;
            top: -3px;
            font-size: 16px !important;
            line-height: 20px !important;
            margin: 0 !important;
        }

.buttoncircle2 .button-text {
    color: #14133b;
}

.buttoncircle2 .button-arrow {
    border-color: #e4e4e4;
}

.buttoncircle2 svg {
    fill: #14133b;
}

.buttoncircle .button-text:after {
    content: "";
    margin-right: 7.5px;
    margin-left: 7.5px;
    width: 0;
    height: 1px;
    display: block;
    background-color: currentColor;
    -webkit-transition: width .4s cubic-bezier(0.25,1,0.25,1);
    transition: width .4s cubic-bezier(0.25,1,0.25,1);
}

.buttoncircle:hover .button-text:after {
    width: 20px;
}

.buttoncircle .button-arrow:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
    border-radius: 50%;
    -webkit-transition: background-color .9s cubic-bezier(0.97,0,0.63,1),-webkit-transform .4s cubic-bezier(0.25,1,0.25,1);
    transition: background-color .9s cubic-bezier(0.97,0,0.63,1),-webkit-transform .4s cubic-bezier(0.25,1,0.25,1);
    transition: transform .4s cubic-bezier(0.25,1,0.25,1),background-color .9s cubic-bezier(0.97,0,0.63,1);
    transition: transform .4s cubic-bezier(0.25,1,0.25,1),background-color .9s cubic-bezier(0.97,0,0.63,1),-webkit-transform .4s cubic-bezier(0.25,1,0.25,1);
}

.buttoncircle:hover svg {
    fill: #fff;
}

.buttoncircle1 .button-arrow:after {
    background: var(--circle-color);
}

.buttoncircle2 .button-arrow:after {
    background: #14133b;
}

.buttoncircle:hover .button-arrow::after {
    -webkit-transform: translate(-50%,-50%) scale(1.1);
    transform: translate(-50%,-50%) scale(1.1);
}
/*== Button circle css end ===*/

/*== Button arrow css start ===*/
.button-line {
    border: 0;
    padding-left: 0;
    width: 100%;
    max-width: 190px;
}

    .button-line:before {
        content: "";
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        height: 2px;
        width: 30px;
        background-color: currentColor;
        transition: .5s;
        opacity: 1;
    }

    .button-line:hover:before {
        right: -60px;
        opacity: 0;
    }

    .button-line:after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        height: 2px;
        width: 30px;
        background-color: currentColor;
        transition: .5s;
        left: -40px;
        right: unset;
        opacity: 0;
    }

    .button-line:hover:after {
        left: 0;
        opacity: 1;
    }

    .button-line .button-text {
        position: relative;
        z-index: 1;
        transition: .5s;
        padding-right: 10px !important;
    }

    .button-line:hover .button-text {
        padding-left: 50px !important;
    }

.button-line1 {
    color: #f29111;
}

.button-line2:hover {
    color: #f29111 !important;
}
/*== Button arrow  css end ===*/

/*== Button underlines  css start ===*/
.button-underlined {
    position: relative;
    background: transparent !important;
    border: 0;
    padding: 0;
    margin: 5px 0;
    min-height: auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .button-underlined:before {
        content: '';
        display: block;
        border-bottom: 1px solid;
        border-color: inherit;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition: .1s;
        -moz-transition: .1s;
        transition: .1s;
        opacity: .3;
    }

    .button-underlined:after {
        content: '';
        display: block;
        border-bottom: 1px solid;
        border-color: inherit;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: .1s;
        -moz-transition: .1s;
        transition: .1s;
    }

    .button-underlined:hover:before {
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: .4s;
        -moz-transition: .4s;
        transition: .4s;
    }

    .button-underlined:hover:after {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition: .6s .3s;
        -moz-transition: .6s .3s;
        transition: .6s .3s;
    }
/*== Button underlines  css end ===*/

.buttonsolid:hover {
    background: #14133b !important;
}

.buttonsolide:hover:after, .slide.bg_hr_dark:hover:before {
    background: #14133b;
}

.buttonslide {
    position: relative;
    -webkit-transition: all 300ms linear 0;
    -moz-transition: all 300ms linear 0;
    -o-transition: all 300ms linear 0;
    -ms-transition: all 300ms linear 0;
    transition: all 300ms linear 0;
    overflow: hidden;
    transition: ease-in-out .5s;
}

    .buttonslide:after, .buttonslide:before {
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .buttonslide:hover:before {
        animation-delay: 0;
        animation-direction: normal;
        animation-duration: .3s;
        animation-fill-mode: both;
        animation-iteration-count: 1;
        animation-name: translateX-hover-1;
        animation-delay: 0;
        animation-direction: normal;
        animation-duration: .3s;
        animation-fill-mode: both;
        animation-iteration-count: 1;
        animation-name: translateX-hover-1;
        animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
    }

    .buttonslide:hover:after {
        animation-delay: .2s;
        animation-direction: normal;
        animation-duration: .3s;
        animation-fill-mode: both;
        animation-iteration-count: 1;
        animation-name: translateX-hover-2;
        animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
    }

    .buttonslide:before {
        transform: translateX(0);
    }

    .buttonslide:after {
        transform: translateX(-100%);
    }

    .buttonslide:hover:after, .buttonslide:hover:before {
        background: var(--bg-slide);
    }

.buttonrole {
    position: relative;
    overflow: hidden;
}

    .buttonrole:hover {
        background: var(--bg-roll);
    }

    .buttonrole.border-roll:hover {
        background: #f29111;
        color: #fff;
    }

    .buttonrole:before {
        content: " ";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        transform-origin: bottom left;
        transition: transform .5s cubic-bezier(0.77,0,0.175,1);
        transform: scaleY(0);
    }

    .buttonrole span {
        display: inline-block;
        animation: button-roll-out .5s forwards cubic-bezier(0.165,0.84,0.44,1);
    }

    .buttonrole:hover:before {
        background: var(--bg-roll);
        transform: scaleY(1);
    }

    .buttonrole.border-roll:hover:before {
        background: var(--borderbg-roll);
        color: #fff;
    }

    .buttonrole:hover span {
        animation: button-roll-over .5s forwards cubic-bezier(0.165,0.84,0.44,1);
    }

.learnmorebutton .button-text {
    position: relative;
    z-index: 1;
}

.hover_shine:after {
    content: '';
    position: absolute;
    top: 0;
    left: -200%;
    width: 200%;
    height: 100%;
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    background-image: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(255,255,255,0.4)),to(transparent));
    background-image: linear-gradient(to right,transparent,rgba(255,255,255,0.4),transparent);
}

.hover_shine:hover:after {
    -webkit-animation: shine 1.6s ease;
    animation: shine 1.6s ease;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}


.borderBtn:hover {
    color: #fff !important;
}

.border-roll, .border-shine {
    border: 1px solid #e4e4e4;
}

.buttonrole:hover {
    color: #fff !important;
}

.border-shine:hover {
    background-color: var(--bgshine-hover) !important;
    color: #fff;
}

.hover_shine:hover {
    color: #fff !important;
}

@keyframes button-roll-out {
    35% {
        transform: translateY(20px);
        opacity: 0;
    }

    60% {
        opacity: 0;
    }

    60.001% {
        opacity: 1;
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes button-roll-over {
    35% {
        transform: translateY(10px);
    }

    35.001% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes shine {
    100% {
        left: 200%;
    }
}

@keyframes shine {
    100% {
        left: 200%;
    }
}


@keyframes translateX-hover-1 {
    0% {
        transform: translateX(0);
        transform-origin: 100% 0;
    }

    to {
        transform: translateX(100%);
        transform-origin: 100% 0;
    }
}

@keyframes translateX-hover-2 {
    0% {
        transform: translateX(-100%);
        transform-origin: 0 0;
    }

    to {
        transform: translateX(0);
        transform-origin: 0 0;
    }
}

@-o-keyframes wpb_ttb {
    0% {
        -o-transform: translate(0, -10%);
        opacity: 0;
    }

    100% {
        -o-transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes wpb_ttb {
    0% {
        -webkit-transform: translate(0, -10%);
        -ms-transform: translate(0, -10%);
        -o-transform: translate(0, -10%);
        transform: translate(0, -10%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes wpb_btt {
    0% {
        -webkit-transform: translate(0, 10%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes wpb_btt {
    0% {
        -moz-transform: translate(0, 10%);
        opacity: 0;
    }

    100% {
        -moz-transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes wpb_btt {
    0% {
        -o-transform: translate(0, 10%);
        opacity: 0;
    }

    100% {
        -o-transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes wpb_btt {
    0% {
        -webkit-transform: translate(0, 10%);
        -ms-transform: translate(0, 10%);
        -o-transform: translate(0, 10%);
        transform: translate(0, 10%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes wpb_ltr {
    0% {
        -webkit-transform: translate(-10%, 0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes wpb_ltr {
    0% {
        -moz-transform: translate(-10%, 0);
        opacity: 0;
    }

    100% {
        -moz-transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes wpb_ltr {
    0% {
        -o-transform: translate(-10%, 0);
        opacity: 0;
    }

    100% {
        -o-transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes wpb_ltr {
    0% {
        -webkit-transform: translate(-10%, 0);
        -ms-transform: translate(-10%, 0);
        -o-transform: translate(-10%, 0);
        transform: translate(-10%, 0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes wpb_rtl {
    0% {
        -webkit-transform: translate(10%, 0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}

@-moz-keyframes wpb_rtl {
    0% {
        -moz-transform: translate(10%, 0);
        opacity: 0;
    }

    100% {
        -moz-transform: translate(0, 0);
        opacity: 1;
    }
}

@-o-keyframes wpb_rtl {
    0% {
        -o-transform: translate(10%, 0);
        opacity: 0;
    }

    100% {
        -o-transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes wpb_rtl {
    0% {
        -webkit-transform: translate(10%, 0);
        -ms-transform: translate(10%, 0);
        -o-transform: translate(10%, 0);
        transform: translate(10%, 0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes wpb_appear {
    0% {
        -webkit-transform: scale(0.5);
        opacity: 0.1;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@-moz-keyframes wpb_appear {
    0% {
        -moz-transform: scale(0.5);
        opacity: 0.1;
    }

    100% {
        -moz-transform: scale(1);
        opacity: 1;
    }
}

@-o-keyframes wpb_appear {
    0% {
        -o-transform: scale(0.5);
        opacity: 0.1;
    }

    100% {
        -o-transform: scale(1);
        opacity: 1;
    }
}


.buttonicon_text .arow-icon {
    padding-left: 8px;
    max-height: 10px;
    display: inline-block;
    text-decoration: none;
    z-index: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    line-height: 12px;
    position: absolute;
    top: calc(50% - 2px);
    right: 35px;
    transform: translateY(-50%);
    opacity: 0;
}

.buttonicon_text:hover {
}

.buttonicon_text .button-text {
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    transform: translateX(0);
    display: block;
    padding: 0 10px;
}

.buttonicon_text:hover .button-text {
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    transform: translateX(-10px);
}

.buttonicon_text:hover > .arow-icon {
    right: 30px;
    opacity: 1;
}

.borderBtn:hover {
    color: #fff !important;
}

/* ================  Fin Button  css ends here ================*/


/*================ CountDown Timer css start ==================*/

.bg_dark {
    color: #14133b;
}

.text_dark {
    color: #14133b;
}

.text-center {
    text-align: center;
}

.countdown-box li {
    display: inline-block;
    font-size: 16px;
    list-style-type: none;
    padding: 1em;
    text-align: center;
    padding: 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    min-width: 120px;
    margin: 20px 40px 20px 0;
    position: relative;
}

    .countdown-box li span {
        display: block;
        font-weight: 600;
        font-size: 50px;
        line-height: 1;
        margin: auto;
        text-align: center;
        letter-spacing: -.03em;
        margin-bottom: 0;
    }

.border-countdown {
    color: #5b6674;
    border: 1px solid rgba(0,0,0,0.2);
}

.countdown-box li:last-child:before, .countdown-box li:last-child:after {
    display: none;
}

.countdown-box li:before, .countdown-box li:after {
    content: "";
    width: 12px;
    height: 14px;
    font-size: 120px;
    display: block;
    position: absolute;
    border-left: none;
    border-right: none;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background: #404044;
    border-radius: 7px;
    right: -30px;
}

.countdown-box li:before {
    top: 32px;
}

.countdown-box li:after {
    bottom: 32px
}

.bg_gray {
    background: #f7f8fd;
}

.text-black {
    color: #14133b;
}

.text-orange {
    color: #f29111;
}
/*================ Countdown Timer css ends ==================*/

/*================ CounterUp Timer css start =================*/

.outer-box {
    text-align: center;
}

.container {
    /*max-width: 1170px !important;*/
    margin: 0 auto;
}

h5 {
    color: #14133b;
}

h3 {
    color: #14133b;
}

.countrow {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.even {
    background-color: #f7f8fd;
}

.left {
    float: left;
}

.left-align {
    text-align: left !important;
}

.counter-wrapper.style2 h3 {
    color: #14133b;
}

.counter-wrapper.style2 .detail {
    position: relative;
    margin-top: 50px;
}

.column {
    display: flex;
}

.counter {
    animation-duration: 1s;
    animation-delay: 0s;
}

.counter-wrapper.style3 .symbol {
    position: relative;
    font-size: 24px;
    top: 20px;
}

.counter-wrapper.style3:hover {
    -webkit-box-shadow: 0 15px 55px -5px rgb(9 31 67 / 10%);
    -moz-box-shadow: 0 15px 55px -5px rgba(9,31,67,0.1);
    box-shadow: 0 15px 55px -5px rgb(9 31 67 / 10%);
    border-bottom: 5px solid #f29111;
}

.counter-wrapper.style2.left-align:hover > .detail:after {
    background: #f29111;
}

.counter-wrapper.style4 .counter {
    color: #14133b;
}

.counter-wrapper {
    max-width: 380px;
    float: none;
    margin: 15px auto;
    position: relative;
    text-align: center;
}

.row-1 {
    display: flex;
}

.counter-wrapper .counter, .counter-wrapper .symbol {
    color: #f29111;
}

.counter-wrapper.style1 .detail {
    max-width: 270px;
    margin: auto;
    color: #5b6674;
}

.counter-wrapper h3 {
    margin-bottom: 0;
    display: inline-block;
}

.inner-row-box {
    flex: 50%;
    display:flex;
    justify-content:center;
}

.counter-wrapper h6 {
    color: #14133b;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
    clear: both;
    margin-bottom: 10px;
    margin-top: 7px;
}

.counter-wrapper.style2, .counter-wrapper.style4 {
    margin: 15px 0;
    max-width: 290px;
}

    .counter-wrapper.style2 .detail:after {
        width: 100%;
        background-color: rgba(0,0,0,0.07);
        content: '';
        height: 2px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: -25px;
    }


.col-1 {
    display: flex;
}

    .col-1 > .inner-row-box {
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
        padding-bottom: 90px;
    }

.counter-wrapper.style3 {
    border: 1px solid #e8e9f1;
    padding: 40px 35px;
    -webkit-transition: all .5s cubic-bezier(0.25,0.8,0.25,1);
    transition: all .5s cubic-bezier(0.25,0.8,0.25,1);
}

.title-box h3 {
    font-size: 45px;
}

.title-box h3, .title-box h5 {
    margin: 0px 270px 18px;
}

.counter-wrapper h3 {
    font-size: 50px;
    margin-top: 10px;
}

.counter-wrapper .symbol {
    font-size: 45px;
    font-weight: 900;
}

.counter-wrapper.style3 h3 {
    font-size: 62px;
    line-height: 1;
}

.counter-wrapper.style3 .symbol {
    vertical-align: top;
    font-size: 24px;
}

span.icon {
    max-width: 65px;
    display: block;
}

.timer-wrapper.style4 h3 {
    color: #14133b;
}

span.icon img {
    width: 100%;
}

span.icon.center {
    margin: 0 auto;
}

/*================= CounterUp Timer css Ends ==================*/

/*================ New TimeLine css Start ==================*/


/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline {
    white-space: nowrap;
    overflow-x: hidden;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}

    .timeline time {
        display: block;
        font-size: 1.2rem;
        font-weight: bold;
        margin-bottom: 8px;
    }

.timeline-date {
    font-size: 20px;
    color: #000;
    font-family: poppins;
}

/* TIMELINE ARROWS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul#tabs {
    margin: 30px 0;
    border: none;
    justify-content: center;
}

    ul#tabs .nav-item {
        margin: 0 15px;
    }

        ul#tabs .nav-item .nav-link {
            font-size: 18px;
            font-weight: 600;
            color: #000;
            border-radius: 11.25px;
            border: 1px dotted #7c7c7c;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 103.5px;
            height: 60px;
            text-decoration: none !important;
        }

            ul#tabs .nav-item .nav-link.active {
                background: #2979ff;
                color: #fff;
            }

.gradient_shape {
    position: absolute;
    left: 0;
    top: 0;
    height: 7px;
    width: 120px;
    background-image: linear-gradient(to right, #f2f2f3, #84b2ff);
    z-index: 2;
    display: none;
    background: none;
}

.rapid-circle, .rapid-line {
    width: 33.26px;
    height: 33.26px;
    background: #0045BA;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 99;
}

    .rapid-circle:before {
        content: "";
        position: absolute;
        background: #ffffff;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 50%;
        right: 0px;
        left: 0;
        margin: auto;
        z-index: 999;
        width: 27px;
        height: 27px;
    }

.rapid-line {
    width: 100%;
    right: 50%;
    border-radius: 0;
    height: 7px;
    left: auto;
    z-index: 1;
    top: 0;
    transform: none;
}




.owl_sliders {
    padding: 15px 0 30px;
    white-space: nowrap;
    overflow-x: hidden;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}

    .owl_sliders .owl-carousel .owl-stage {
        width: 100% !important;
        min-width: 100%;
        display: flex;
        padding: 200px 0;
    }

    .owl_sliders .owl-carousel {
        width: 94%;
        white-space: nowrap;
        overflow-x: hidden;
        margin: -110px auto 0;
        position: relative;
        padding: 0 75px;
    }

    .owl_sliders .owl-item {
        position: relative;
        display: inline-block;
        list-style: none;
        width: 360px !important;
        min-width: 360px !important;
        height: 7px;
        background: #4389ff;
    }

        .owl_sliders .owl-item:last-child {
            width: 280px !important;
            min-width: 280px !important;
        }

    .owl_sliders .owl-carousel .owl-stage-outer {
        padding: 140px 40px 25px;
        height: auto !important;
    }
        
    .owl_sliders .owl-stage .owl-item:nth-child(odd) .timeline-date {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        top: 25px;
    }

    .owl_sliders .owl-stage .owl-item:nth-child(odd) svg {
        position: absolute;
        left: 16px;
        bottom: 0px;
        transform: translateY(0%);
        z-index: 4;
    }

    .owl_sliders .owl-stage .owl-item:nth-child(odd) .shape-grey svg {
        left: -38px;
        bottom: 65px;
    }

    .owl_sliders .owl-stage .owl-item .item div {
        position: absolute;
        left: calc(100% + 7px);
        padding: 15px 25px;
        font-size: 24px;
        white-space: normal;
        color: black;
        background: white;
        border: 1px solid #2979FF;
        border-radius: 15px;
        width: 295px;
        height: 142px;
        display: flex;
        align-items: center;
        color: #061155;
        font-family: 'Poppins', sans-serif;
        box-shadow: 0 0px 40px rgb(181 181 181 / 30%);
    }

    .owl_sliders .owl-stage .owl-item:nth-child(odd) .item div {
        top: -80px;
        transform: translateY(-100%);
    }

    .owl_sliders .owl-stage .owl-item:nth-child(odd) .item div {
        left: 55px;
    }

    .owl_sliders .owl-stage .owl-item:nth-child(even) .timeline-date {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        bottom: 25px;
    }

    .owl_sliders .owl-stage .owl-item:nth-child(even) svg {
        position: absolute;
        left: auto;
        top: 0px;
        transform: translateY(0%);
        z-index: 4;
        right: 15px;
    }

   /* .owl_sliders .owl-stage .owl-item:nth-child(2) svg {
        top: -6px;
        transform: translateY(0%);
        right: -50px;
    }*/

    .owl_sliders .owl-stage .owl-item:nth-child(even) .down-greyshape svg {
        right: -61px;
        top: 80px;
    }

    .owl_sliders .owl-stage .owl-item:nth-child(even) .straight-greyshape svg {
        right: -2px;
        top: 210px;
    }

    .owl_sliders .owl-stage .owl-item:nth-child(even) .item div {
        top: calc(100% + 80px);
    }

    .owl_sliders .owl-stage .owl-item:nth-child(even) .item div {
        top: 83px;
        left: 6px;
    }

    .owl_sliders .owl-stage .owl-item .item .rapid-shape {
        height: 37px !important;
        box-shadow: none !important;
        border: none !important;
        display: none;
        left: auto !important;
        z-index: -1;
    }

    .owl_sliders .owl-stage .owl-item .item .rapid-line {
        display: none;
    }

    .owl_sliders .rapid-circle {
        display: none;
    }

    .owl_sliders .owl-stage .owl-item .item.active .rapid-shape, .owl_sliders .owl-stage .owl-item .item.active .rapid-line, .owl_sliders .owl-stage .owl-item .item.active .rapid-circle {
        display: block;
    }

    .owl_sliders .owl-stage .owl-item:not(:last-child) .item::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 15.74px;
        height: 15.74px;
        border-radius: 50%;
        background: #fff;
        z-index: 3;
        right: 0;
        margin: auto;
    }

    .owl_sliders .owl-stage .owl-item:not(:last-child) .item::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 33.36px;
        height: 33.36px;
        border-radius: 50%;
        background: #2979ff;
        z-index: 2;
        right: 0;
        margin: auto;
    }

    .owl_sliders .owl-stage .owl-item:first-child .gradient_shape, .owl_sliders .owl-stage .owl-item:last-child .gradient_shape {
        display: block;
    }

    .owl_sliders .owl-stage .owl-item:first-child .gradient_shape {
        width: 50%;
        background-image: linear-gradient(to right, #ffffff, #060842);
    }

    .owl_sliders .owl-stage .owl-item:last-child .gradient_shape {
        left: auto;
        right: 0;
        background-image: linear-gradient(to left, #ffffff, #4389ff);
        width: 200px;
    }

    .owl_sliders .owl-item.completed_item:last-child .gradient_shape {
        background-image: linear-gradient(to left, #ffffff, #060842);
    }


    .owl_sliders .owl-carousel .owl-item, .owl_sliders .owl-carousel .owl-wrapper {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
    }


    .owl_sliders .owl-nav button.owl-prev {
        left: -5px !important;
    }

    .owl_sliders .owl-nav button.owl-next {
        right: -5px !important;
    }

    .owl_sliders .owl-dots {
        display: none;
    }

    .owl_sliders .owl-nav button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: rgba(255, 255, 255, 0.38) !important;
        margin: 0;
        transition: all 0.3s ease-in-out;
        font-size: 115px !important;
        line-height: 80px !important;
        display: inline-flex;
        align-items: center;
        height: 50px !important;
        width: 35px !important;
        outline: none !important;
    }

        .owl_sliders .owl-nav button span {
            position: absolute;
            left: 50%;
            top: 50%;
            display: flex;
            height: 42px;
            line-height: 8px;
            transform: translate(-50%, -50%);
        }

.even_shape, .odd_shape, .nth_child_2 {
    display: none;
}

.owl_sliders .owl-stage .owl-item:nth-child(odd) .odd_shape {
    display: block;
}

.owl_sliders .owl-stage .owl-item:nth-child(even) .even_shape {
    display: block;
}

/*.owl_sliders .owl-stage .owl-item:nth-child(2) .nth_child_2 {
    display: block;
}*/

/*.owl_sliders .owl-stage .owl-item:nth-child(2) svg.even_shape {
    display: none !important;
}*/

.owl_sliders .owl-stage .owl-item .item div p {
    font-size: 20px;
    word-break: break-word;
}

.owl_sliders .owl-stage .owl-item .item.completed::after {
    background: #060842;
}

.owl_sliders .owl-item.completed_item {
    background: #060842;
}

    .owl_sliders .owl-item.completed_item.default_item {
        background: #4389ff;
    }

span.circle_wht_box img {
    width: auto;
}

.vector_sec_box img {
    width: auto;
}

.wht_box1.wht_box4 > .txt_div {
    order: 2;
}

.wht_box1.wht_box4 {
    display: flex;
    flex-wrap: wrap;
}

    .wht_box1.wht_box4 > .vector_sec_box {
        order: 1;
    }


/*================= New TimeLine css End ==================*/


/*================ Chart and Token stats Section  css start =================*/

.token_StatSec {
    padding: 45px 53px;
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
}
.token_StatSec.tocSec-hide{ margin-top:-60px;}
.tocSec-hide.token_StatSec{
    padding-bottom:0;
    padding-top:0;
}

    .token_StatSec img {
        max-width: 100%;
    }

    .token_StatSec .content_box {
        position: relative;
        z-index: 1;
    }

    .token_StatSec:before {
        content: '';
        background: url('/images/pageimages/token_shaps.svg') no-repeat;
        position: absolute;
        right: 0;
        top: 7.5px;
        width: 55%;
        height: 337.5px;
        background-position: top right;
        background-size: 100%;
        display:none;
    }
     
    .token_StatSec:after {
        content: '';
        background: url('/images/pageimages/token_shaps1.svg') no-repeat;
        position: absolute;
        left: 0;
        bottom: -35px;
        width: 35%;
        height: 97.5px;
        background-position: bottom left;
        background-size: 100%;
    }   

    .tocSec-hide.token_StatSec:after {
        background:none;
        height: 0px;
    }
     
.token_StatSecLink ul {
list-style:none;
margin:0;
padding:0;
}
    .token_StatSecLink ul li {
    list-style:none;
    font-size:17px;
    padding:8px 0
    }
    .token_StatSecLink ul li strong{ color: #007bff;
    font-weight: 600;
    font-size:17px;
    }
    .token_StatSecLink ul li span{font-size:17px;}
    .token_StatSecLink ul li.row{margin-right: -5px;
    margin-left: -5px;}
    .token_StatSecLink ul li.row .col-6{padding-right: 5px;
    padding-left: 5px;}
.head_part {
    /*max-width: 386.25px;*/
    /*margin: 0px 0 86.25px;*/
}

/*.tokenDistributionTable .table-striped > tbody > tr:nth-child(2n+1) > td, .tokenDistributionTable  .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: #2979ff2b;
}*/


    .head_part h2 {
        font-size: 46px;
        font-weight: bold;
        text-align: left;
        margin: 0 0 7.5px;
        color: #000000;
    }

    .head_part h3 {
        font-size: 18px;
        color: #000000;
        font-weight: 700;
        margin: 0 0 7.5px;
    }

p.fs-head-desc {
    font-size: 13.5px;
}

.head_part p {
    font-size: 13.5px;
    text-align: left;
    line-height: normal;
    color: #000000;
}



    .chartDetails h2 {
        font-size: 27px;
        color: #000000;
        font-weight: 600;
        margin: 0 0 18.75px;
    }

    .chartDetails p {
        font-size: 13.5px;
        text-align: left;
        line-height: normal;
        color: #000000;
        margin: 0 0 15px;
    }

    .chartDetails label {
        font-size: 15px;
        text-align: left;
        line-height: normal;
        color: #000000;
        display: block;
        margin: 0 0 9px;
    }

        .chartDetails label b {
            font-weight: bold;
            padding-left: 7.5px;
            display: inline-block;
        }

        .chartDetails label p {
            margin: 0;
        }

.values_sec {
    padding-top: 25px;
}

.tokenDistributionTable {
    }
.tokenDistributionTable .table-responsive .table-bordered{border: 1px solid #007bff;}
    .tokenDistributionTable .table-responsive .table-bordered tbody{
        border:1px solid #C1C1C1;
    }
    .tokenDistributionTable .table-bordered thead td, .tokenDistributionTable .table-bordered thead th {
    border: 0;
}
    .tokenDistributionTable .table thead {
        background-color:#007bff;
    }
    .tokenDistributionTable .table-bordered thead th {
    color:#FFF;
    font-size:13px;
    font-weight:500;
    line-height:20px;
    text-align:center;
    border-left: 1px solid #FFF;
    }
    .tokenDistributionTable .table td, .tokenDistributionTable .table th {
        padding: 0.5rem 0.1rem  0.5rem 0.3rem;
    }
    .tokenDistributionTable .table td{ font-size:17px; font-weight:400;line-height:20px; text-align:center;}
    .tokenDistributionTable .table tr > td:first-child {text-align:left}
    .tokenDistributionTable.tokSectblLasRow .table tbody > tr:last-child td {font-weight:800;}
    .tokenDistributionTable .table tr > th:first-child {text-align:left; border:0;}
    /*.tokenDistributionTable.flex-row-reverse .table-bordered td, .table-bordered th {
        border: 1px solid #000;
    }*/
    .tocSec-chartsec{/*margin-bottom: 0 !important;margin-top: auto;*/}
.startEnd_list {
    list-style: disc;
    padding: 0 0 0 7.5px;
    margin: 7.5px 0 11.25px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

    .startEnd_list ::marker {
        font-size: 13.5px;
    }

    .startEnd_list li {
        font-size: 16.5px;
        line-height: normal;
        font-weight: 600;
        color: #000000;
        margin: 0 11.25px 41.25px;
        width: calc(33.33% - 22.5px);
    }

        .startEnd_list li span {
            display: block;
            font-size: 15px;
            font-weight: 400;
            color: #000000;
            margin: 16.5px 0 0;
        }

.fin-token-sec {
    margin-bottom: 33.75px;
}

    .fin-token-sec h5 {
        font-size: 15px;
        color: #2979FF;
        font-weight: 600;
    }

    .fin-token-sec h4 {
        font-size: 13.5px;
        color: #2979FF;
        font-weight: 400;
    }

    .fin-token-sec .fin-token-sec-text {
        margin-bottom: 15px;
    }

        .fin-token-sec .fin-token-sec-text p {
            margin-bottom: 0;
        }

            .fin-token-sec .fin-token-sec-text p strong {
                font-weight: 600;
            }

    .fin-token-sec .selst-token-dtl ul {
        margin-left: 22.5px;
    }

        .fin-token-sec .selst-token-dtl ul li {
            margin: 3.75px 0;
        }
/*.fin-token-sec .selst-token-dtl ul li::marker{ color:#2979FF}*/

.buyBtnsDiv {
    padding: 67.5px 0 30px;
}

    .buyBtnsDiv .buyTokenBtn {
        background: #2979FF;
        font-size: 18px;
        color: #fff !important;
        font-weight: 500;
        text-align: center;
        height: 60px;
        padding: 7.5px 33.75px;
        border-radius: 34.5px;
        border: none !important;
        outline: none !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 9px 11px rgb(41 121 255 / 19%) !important;
        position: relative;
    }

.btn_shaps {
    display: inline-flex;
    background: #fff;
    background-size: 330px;
    background-position: center;
    padding: 3.75px;
    height: 70.5px;
    min-width: 262.5px;
    align-items: center;
    justify-content: center;
    position: relative;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

    .btn_shaps:before {
        content: '';
        display: inline-flex;
        background: url('/images/pageimages/btn_shaps.svg') no-repeat;
        background-size: 247.5px;
        background-position: center;
        height: 100%;
        width: 0;
        align-items: center;
        justify-content: center;
        position: absolute;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }

    .btn_shaps:hover:before {
        width: 100%;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }

.pay_options {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .pay_options a {
        display: block;
    }

.chart-pie {
    width: 770px;
    margin: 0 auto;
}

.chart_circle {
    background: url('/images/pageimages/finecco_shape.svg') no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 200px;
    height: 200px;
    border-radius: 100%;
    padding: 8px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 9;
    box-shadow: 0 2px 7px -2px rgb(0 0 0 / 65%);
}

    .chart_circle:hover {
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        transform: scale(1.1) translateY(-45%);
    }

    .chart_circle > span > span {
        font-size: 28px;
        font-weight: 600;
        margin: 0;
        color: #060842;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        display: inline-block;
    }

.pie_chart_sec {
    position: relative;
    max-width: 770px;
    /*margin: -80px auto 60px 0;*/
}

.chart_shape_1 {
    background: url('/images/pageimages/chart_shape_1.svg') no-repeat;
    height: 200px;
    width: 200px;
    background-size: 165px;
    background-position: center;
    position: absolute;
    top: -20px;
    left: 120px;
}

.chart_shape_2 {
    background: url('/images/pageimages/chart_shape_2.svg') no-repeat;
    height: 200px;
    width: 200px;
    background-size: 165px;
    background-position: center;
    position: absolute;
    right: -5px;
    top: -45px;
}

.chart_shape_3 {
    background: url('/images/pageimages/chart_shape_3.svg') no-repeat;
    height: 200px;
    width: 200px;
    background-size: 165px;
    background-position: center;
    position: absolute;
    bottom: -20px;
    left: 120px;
}

.chart_shape_4 {
    background: url('/images/pageimages/chart_shape_4.svg') no-repeat;
    height: 200px;
    width: 200px;
    background-size: 165px;
    background-position: center;
    position: absolute;
    bottom: -95px;
    left: 170px;
    right: 0;
    margin: auto;
}

.chart_shape_5 {
    background: url('/images/pageimages/chart_shape_5.svg') no-repeat;
    height: 200px;
    width: 200px;
    background-size: 165px;
    background-position: center;
    position: absolute;
    bottom: -25px;
    right: -30px;
}

ul#tabs .nav-item .nav-link.active {
    position: relative;
}

    ul#tabs .nav-item .nav-link.active:before {
        content: '';
        background: url('/images/pageimages/active_tab_icon.svg') no-repeat;
        height: 67.5px;
        width: 21.75px;
        background-size: 18.75px;
        background-position: center;
        position: absolute;
        right: 9px;
        margin: auto;
        top: -47.25px;
        z-index: -1;
    }

canvas#chartPie {
    position: absolute;
    top: 2px;
}

/*================ Chart and Token stats Section  css End ==================*/


/*================ Table animation css start ==================*/

.anim-outer {
    /*overflow: hidden;*/
    max-width: 1600px;
    margin: 0 auto;
}

.flex-sec {
    display: flex;
}
/* icons */
.anim-outer .icon-holder {
    max-width: 25px;
}

.heading-sec.flex-sec {
    cursor: pointer;
}

    .heading-sec.flex-sec button {
        cursor: pointer;
        outline: none;
    }

.anim-outer .main-sec div {
    flex: 25%;
}

.anim-outer .icon-holder img {
    width: 100%;
}
/* button sec*/
.button-sec {
    padding: 12px 0px;
    background-color: #fff;
    box-shadow: 0px 15px 24px #d3d3d37a;
}

    .button-sec button {
        font-size: 18px;
        font-weight: 600;
        background-color: transparent;
        border: none;
    }

.anim-outer .button-sec {
    background: #FFFFFF;
    box-shadow: 30px 30px 150px rgba(203, 203, 203, 0.25);
    border-radius: 20px;
    padding: 25px 0;
    margin-bottom: 20px;
}

.heading-sec.flex-sec {
    justify-content: center;
}
/* FONT */
.main-sec .sub-sec {
    font-size: 12px;
}

    .main-sec .sub-sec h4 {
        font-size: 14px;
    }

.container > span > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0 2px 16px var(--shadow);
}

.flex-sec {
    display: flex;
    width: 100%;
    justify-content: space-around;
}

.clearfix {
    clear: both;
}

.rw_sec:after {
    content: '';
    clear: both;
    width: 100%;
    display: block;
    height: 1px;
}

.animation_sec {
    position: relative;
}

    .animation_sec .sec_1:first-child {
        display: block;
    }

    .animation_sec .sec_1 {
        position: absolute;
        left: 0;
        right: 0;
        top: 20px;
        display: none;
    }

    .animation_sec > .sec_1:nth-child(3)
    .animation_sec span {
        display: inline-block;
        padding: 0 0 5px;
    }

.manage-sec.sec_1 {
    left: -95px;
}

.rw_sec .sub-sec {
    width: 100% !important;
    float: none !IMPORTANT;
}

.flex-sec > span, .flex-sec > h4 {
    display: block;
    text-align: center;
    flex: 0 0 auto;
}

.rw_sec .flex-sec {
    flex-wrap: wrap;
}

.manage-sec .flex-sec.jc-spacearound {
    text-align: left;
    justify-content: left;
}

.zoomIn .flex-sec span {
    opacity: 1;
    transition: ease-in-out 5s;
    animation: flickerAnimation 2s infinite;
}

.anim-outer .container {
    max-width: 100%;
}

.flex-sec h4 {
    font-size: 14px;
}

.anim-outer .container {
    max-width: 100% !important;
    padding: 0;
}

@keyframes flickerAnimation {
    0% {
        transform: scale(0);
        transform-origin: center;
        transition: ease-in-out 5s;
    }

    100% {
        transform: scale(1.1);
        transform-origin: center;
        transition: linear 9s;
    }
}

.zoomIn .flex-sec h4 {
    opacity: 1;
    transition: ease-in-out 4s;
    animation: scaleanimation 2s infinite;
}

@keyframes scaleanimation {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.5);
    }

    100% {
        transform: scale(1);
    }
}

.animation_leftbox {
    width: 18%;
    padding: 0 30px 0 15px;
    min-height: 600px;
}

.animation_rightbox {
    width: 100%;
    padding: 0 15px;
    overflow: hidden;
    min-height: 600px;
}

.multimarket {
    border-radius: 20px;
    box-shadow: 0 0px 17px rgb(0 0 0 / 11%);
    padding: 22px 25px;
    margin-bottom: 25px;
    font-family: 'Poppins', sans-serif;
    text-align: left;
}

    .multimarket h3 {
        font-size: 10px;
        font-weight: bold;
        color: #000000;
        margin: 3px 0;
    }

    .multimarket h4 {
        font-size: 10px;
        font-weight: 500;
        color: #000000;
        margin: 3px 0;
    }




/* SPACING */
.main-sec .sub-sec span, .main-sec .sub-sec.gree h4 {
    padding: 10px 0px;
}

.main-sec .sub-sec .flex-sec.gap {
    gap: 10px;
}

.rw_sec .sub-sec .flex-sec > span.anim-1:first-child {
    margin-left: 0 !important;
}

.animation_sec > .sec_1:first-child .rw_sec .sub-sec .flex-sec h4 {
    margin-top: 0 !important;
}

.animation_sec h4, .animation_sec span {
    text-shadow: 8px 8px 16px rgba(0, 0, 0, 0.3);
}

.rotateIn .flex-sec > span, .rotateIn .flex-sec > h4 {
    animation-name: rotateIn;
}

.rotateIn .flex-sec > span, .rotateIn .flex-sec > h4, .flip .flex-sec > span, .flip .flex-sec > h4 {
    animation-duration: 2.5s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    transition: ease-in-out 1s;
}

@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }
}

.flip .flex-sec > span, .flip .flex-sec > h4 {
    backface-visibility: visible;
    animation-name: flip;
}

@keyframes flip {
    0% {
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        animation-timing-function: ease-out;
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }

    80% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in;
    }

    100% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        animation-timing-function: ease-in;
    }
}

/*================ Table animation css End ================*/


/*================ Icon Box STARTED ================*/

.fin-icon-box .iconbox {
    -webkit-box-shadow: 0 15px 55px -5px rgb(9 31 67 / 10%);
    -moz-box-shadow: 0 15px 55px -5px rgba(9,31,67,0.1);
    box-shadow: 0 15px 55px -5px rgb(9 31 67 / 10%);
}

.fin-icon-box .icon-box-style1 .icon-wrap, .fin-icon-box .icon-box-style3 .icon-wrap, .fin-icon-box .icon-box-style4 .icon-wrap, .fin-icon-box .icon-box-style6 .icon-wrap, .fin-icon-box .icon-box-style7 .icon-wrap, .fin-icon-box .image-box-style3 .title-wrap .icon-wrap, .fin-icon-box .image-box-style6 .title-wrap .icon-wrap, .fin-icon-box .image-box-style7 .title-wrap .icon-wrap, .fin-icon-box .image-box-style8 .icon-wrap, .fin-icon-box .image-box-style9 .title-wrap .icon-wrap, .fin-icon-box .portfolio-effect2 .img-inner, .fin-icon-box, .fin-icon-box .sticky-buttons .social-icons.style1 li a {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

    .fin-icon-box .icon-box-style1 {
        position: relative;
        max-width: 420px;
        width: 100%;
        float: left;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        -webkit-box-shadow: inherit;
        -moz-box-shadow: inherit;
        box-shadow: inherit;
    }

        .fin-icon-box .icon-box-style1 .title-wrap {
            position: relative;
            padding-left: 100px;
            padding-bottom: 10px
        }

            .fin-icon-box .icon-box-style1 .title-wrap h6, .fin-icon-box .icon-box-style2 .title-wrap h6, .fin-icon-box .icon-box-style3 .title-wrap h6, .fin-icon-box .icon-box-style4 .title-wrap h6, .fin-icon-box .icon-box-style5 .title-wrap h6, .fin-icon-box .icon-box-style6 .title-wrap h6, .icon-box-style7 .title-wrap h6, .icon-box-style8 .title-wrap h6, .icon-box-style9 .title-wrap h6 {
                margin-bottom: 10px;
                margin-top: 0;
                font-size: 22px;
                font-weight: 600;
                line-height: 32px;
                text-transform: none;
            }

    .fin-icon-box .icon-box-style9 .title-wrap h6 {
        margin-top: 10px;
    }

    .fin-icon-box .icon-box-style1 .icon-wrap {
        position: relative;
        margin: auto;
        width: 70px;
        height: 70px;
        float: left;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: background .35s ease-in-out;
        -moz-transition: background .35s ease-in-out;
        -o-transition: background .35s ease-in-out;
        transition: background .35s ease-in-out
    }

        .fin-icon-box .icon-box-style1 .icon-wrap svg {
            width: 40px !important;
            height: 40px !important
        }

        .fin-icon-box .icon-box-style1 .icon-wrap:before {
            border-radius: inherit;
            position: absolute;
            content: '';
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            opacity: .08;
            -moz-transform: scale(1.1);
            -o-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
            -webkit-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
            transition: all .5s ease
        }

    .fin-icon-box .icon-box-style2 {
        margin-top: 20px;
        margin-bottom: 20px;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
        -webkit-box-shadow: inherit;
        -moz-box-shadow: inherit;
        box-shadow: inherit;
    }

        .fin-icon-box .icon-box-style2 .title-wrap {
            padding-left: 65px
        }

        .fin-icon-box .icon-box-style2 .icon-wrap, .fin-icon-box .icon-box-style2 .iconbox-icon-container {
            position: relative;
            overflow: hidden;
            float: left;
            text-align: center;
            vertical-align: top;
            margin-top: 5px;
            -webkit-transition: background .4s ease-in-out;
            -moz-transition: background .4s ease-in-out;
            -o-transition: background .4s ease-in-out;
            transition: background .4s ease-in-out
        }

        .fin-icon-box .icon-box-style2.right .icon-wrap {
            float: right
        }

        .fin-icon-box .icon-box-style2.right .title-wrap {
            padding-left: 0;
            padding-right: 75px
        }

            .fin-icon-box .icon-box-style2.right .content, .fin-icon-box .icon-box-style2.right .title-wrap h6 {
                text-align: right
            }

    .fin-icon-box .icon-box-style3 {
        position: relative;
        max-width: 360px;
        margin: 0;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        -webkit-box-shadow: inherit;
        -moz-box-shadow: inherit;
        box-shadow: inherit;
    }

        .fin-icon-box .icon-box-style3 .title-wrap {
            margin-top: 20px
        }

        .fin-icon-box .icon-box-style3 .button.btn-txt {
            padding-bottom: 0;
            padding-top: 0
        }

        .fin-icon-box .icon-box-style3 .icon-wrap {
            position: relative;
            width: 70px;
            height: 70px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            -webkit-transition: background .35s ease-in-out;
            -moz-transition: background .35s ease-in-out;
            -o-transition: background .35s ease-in-out;
            transition: background .35s ease-in-out
        }

            .fin-icon-box .icon-box-style3 .icon-wrap:after {
                border-radius: inherit;
                position: absolute;
                content: '';
                width: 100%;
                height: 100%;
                left: -10px;
                top: -3px;
                background-color: transparent;
                background-image: linear-gradient(60deg, rgba(255,255,255,0.22) 0%, #f29111 100%);
                opacity: .2;
                -webkit-transition: all .5s ease;
                -o-transition: all .5s ease;
                transition: all .5s ease
            }

        .fin-icon-box .icon-box-style3:hover .icon-wrap:after {
            left: 0;
            top: 0
        }

    .fin-icon-box .icon-box-style4 {
        position: relative;
        padding: 20px 30px;
        z-index: 1;
        background: #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease
    }

        .fin-icon-box .icon-box-style4:before {
            border-radius: inherit;
            position: absolute;
            content: '';
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            opacity: 0;
            background: #f29111;
            -webkit-transition: all .4s ease;
            -moz-transition: all .4s ease;
            -o-transition: all .4s ease;
            transition: all .4s ease
        }

        .fin-icon-box .icon-box-style4 .title-wrap {
            position: relative;
            padding-left: 80px
        }

            .fin-icon-box .icon-box-style4 .title-wrap h6 {
                position: relative;
                -webkit-transition: all 300ms linear 0;
                -moz-transition: all 300ms linear 0;
                -ms-transition: all 300ms linear 0;
                -o-transition: all 300ms linear 0;
                transition: all 300ms linear 0
            }

        .fin-icon-box .icon-box-style4 .content {
            margin: 10px 0
        }

        .fin-icon-box .icon-box-style4 .button {
            padding-top: 0;
            padding-bottom: 0;
            margin-bottom: 0
        }

        .fin-icon-box .icon-box-style4 .icon-wrap {
            margin-bottom: 15px;
            margin-top: 15px;
            position: relative;
            width: 57px;
            height: 57px;
            float: left;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px
        }

            .fin-icon-box .icon-box-style4 .icon-wrap:before {
                border-radius: inherit;
                position: absolute;
                content: '';
                width: 100%;
                height: 100%;
                left: 0;
                top: 2px;
                z-index: -9;
                -webkit-transition: all .5s ease;
                -o-transition: all .5s ease;
                transition: all .5s ease
            }

            .fin-icon-box .icon-box-style4 .icon-wrap i {
                color: #fff !important
            }

                .fin-icon-box .icon-box-style4 .icon-wrap i.vc_li, .fin-icon-box .icon-box-style4 .icon-wrap i[class^="ion-"], .fin-icon-box .icon-box-style4 .icon-wrap i[class*=" ion-"] {
                    -webkit-text-fill-color: #fff !important
                }

            .fin-icon-box .icon-box-style4 .icon-wrap i {
                color: #fff !important
            }

        .fin-icon-box .icon-box-style4:hover:before {
            opacity: .11
        }

    .fin-icon-box .bg-dark .icon-box-style4 {
        background: rgba(255,255,255,0.05)
    }

    .fin-icon-box .icon-box-style5 {
        position: relative;
        overflow: hidden;
        min-height: 200px;
        padding: 50px 40px 30px;
        background: #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease
    }

        .fin-icon-box .icon-box-style5:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 5px;
            background: #f29111;
            transform-origin: bottom center;
            -moz-transform: scaleY(0);
            -ms-transform: scaleY(0);
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
            -webkit-transition: all 300ms linear 0;
            -moz-transition: all 300ms linear 0;
            -ms-transition: all 300ms linear 0;
            -o-transition: all 300ms linear 0;
            transition: all 300ms linear 0
        }

        .fin-icon-box .icon-box-style5 .title-wrap {
            text-align: center;
            max-width: 320px;
            margin: 0 auto 15px
        }

        .fin-icon-box .icon-box-style5 .icon-wrap {
            position: relative;
            width: 70px;
            height: 70px;
            line-height: 1;
            vertical-align: top;
            text-align: center;
            float: none;
            display: block;
            text-align: center;
            margin: auto;
            -webkit-transition: background .4s ease-in-out;
            -moz-transition: background .4s ease-in-out;
            -o-transition: background .4s ease-in-out;
            transition: background .4s ease-in-out
        }

            .fin-icon-box .icon-box-style5 .icon-wrap:after {
                content: '';
                position: absolute;
                left: -9px;
                top: -17px;
                width: 100%;
                height: 100%;
                border-radius: 50%;
                opacity: .1;
                background: #f29111;
                -webkit-transition: all .4s ease-in-out;
                -moz-transition: all .4s ease-in-out;
                -o-transition: all .4s ease-in-out;
                transition: all .4s ease-in-out
            }

        .fin-icon-box .icon-box-style5 .iconbox-icon-container {
            text-align: center
        }

        .fin-icon-box .icon-box-style5 .button.btn-txt.btn-txt-arrow {
            padding-top: 0;
            padding-bottom: 0;
            min-height: auto
        }

        .fin-icon-box .icon-box-style5:hover .icon-wrap:after {
            left: -1px;
            top: -8px
        }

        .fin-icon-box .icon-box-style5:hover:after {
            -moz-transform: scaleY(1);
            -ms-transform: scaleY(1);
            -webkit-transform: scaleY(1);
            transform: scaleY(1)
        }

    .fin-icon-box .bg-dark .icon-box-style5, .fin-icon-box .bg-dark .icon-box-style5:hover {
        background: rgba(255,255,255,0.05)
    }

    .fin-icon-box .icon-box-style6 {
        position: relative;
        overflow: hidden;
        min-height: 200px;
        padding: 20px 40px 30px;
        background: #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

        .fin-icon-box .icon-box-style6:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 5px;
            transform-origin: bottom center;
            -moz-transform: scaleY(0);
            -ms-transform: scaleY(0);
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
            -webkit-transition: all 300ms linear 0;
            -moz-transition: all 300ms linear 0;
            -ms-transition: all 300ms linear 0;
            -o-transition: all 300ms linear 0;
            transition: all 300ms linear 0
        }

        .fin-icon-box .icon-box-style6 .icon-wrap {
            width: 65px;
            height: 65px;
            margin-bottom: 20px;
            margin-top: 20px;
            position: relative;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%
        }

            .fin-icon-box .icon-box-style6 .icon-wrap:before {
                border-radius: inherit;
                position: absolute;
                content: '';
                width: 65px;
                height: 65px;
                left: 0;
                top: 0;
                opacity: .09;
                -moz-transform: scale(1.1);
                -o-transform: scale(1.1);
                -ms-transform: scale(1.1);
                -webkit-transform: scale(1.1);
                transform: scale(1.1);
                -webkit-transition: all .5s ease;
                -o-transition: all .5s ease;
                transition: all .5s ease
            }

        .fin-icon-box .icon-box-style6 .title-wrap {
            margin: auto
        }

        .fin-icon-box .icon-box-style6 .icon-wrap, .fin-icon-box .icon-box-style6 .title-wrap {
            -webkit-transition: -webkit-transform .35s;
            -moz-transition: -webkit-transform .35s;
            -ms-transition: -webkit-transform .35s;
            transition: transform .35s
        }

        .fin-icon-box .icon-box-style6 .button.btn-txt {
            position: absolute;
            margin-bottom: 15px;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
            opacity: 0;
            padding-top: 0;
            padding-bottom: 0;
            margin-bottom: 0
        }

        .fin-icon-box .icon-box-style6:hover {
            background: #fff;
            -moz-transform: translateY(-5px);
            -o-transform: translateY(-5px);
            -ms-transform: translateY(-5px);
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px)
        }

            .fin-icon-box .icon-box-style6:hover:after {
                background: #f29111;
                -moz-transform: scaleY(1);
                -ms-transform: scaleY(1);
                -webkit-transform: scaleY(1);
                transform: scaleY(1)
            }

            .fin-icon-box .icon-box-style6:hover h6, .fin-icon-box .icon-box-style6:hover .content {
                opacity: 1
            }

            .fin-icon-box .icon-box-style6:hover .icon-wrap i {
                -webkit-text-fill-color: #fff
            }

            .fin-icon-box .icon-box-style6:hover .icon-wrap {
                -webkit-transform: translate3d(0, -120%, 0) translate3d(0, -120px, 0);
                -moz-transform: translate3d(0, -120%, 0) translate3d(0, -120px, 0);
                -ms-transform: translate3d(0, -120%, 0) translate2d(0, -120px, 0);
                transform: translate3d(0, -120%, 0) translate3d(0, -120px, 0)
            }

            .fin-icon-box .icon-box-style6:hover .title-wrap {
                transform: translateY(-50px)
            }

            .fin-icon-box .icon-box-style6:hover .button.btn-txt {
                opacity: 1;
                -webkit-transform: translateZ(0);
                transform: translateZ(0)
            }

    .fin-icon-box .bg-dark .icon-box-style6 {
        border-color: rgba(255,255,255,0.2)
    }

        .fin-icon-box .bg-dark .icon-box-style6:hover {
            background: rgba(255,255,255,0.05)
        }

    .fin-icon-box .icon-box-style7 {
        background: #fff;
        padding: 20px 30px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease
    }

        .fin-icon-box .icon-box-style7 .button {
            padding-top: 1px;
            padding-bottom: 1px;
            transition: 15s transform cubic-bezier(0.19, 1, 0.22, 1);
            -webkit-transition: 15s transform cubic-bezier(0.19, 1, 0.22, 1)
        }

        .fin-icon-box .icon-box-style7 .icon-wrap {
            font-size: 60px;
            margin-bottom: 20px;
            position: relative;
            width: 60px;
            height: 60px;
            float: left;
            margin-bottom: 15px;
            margin-top: 15px
        }

            .fin-icon-box .icon-box-style7 .icon-wrap:before {
                border-radius: inherit;
                position: absolute;
                content: '';
                width: 70px;
                height: 70px;
                left: -5px;
                top: -5px;
                opacity: .07;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                -webkit-transition: all .5s ease;
                -o-transition: all .5s ease;
                transition: all .5s ease
            }

            .fin-icon-box .icon-box-style7 .icon-wrap i {
                -webkit-transition: background .4s ease-in-out;
                -moz-transition: background .4s ease-in-out;
                -o-transition: background .4s ease-in-out;
                transition: background .4s ease-in-out
            }

        .fin-icon-box .icon-box-style7 .title-wrap {
            padding-left: 85px
        }

        .fin-icon-box .icon-box-style7:hover {
            -moz-transform: translateY(-5px);
            -o-transform: translateY(-5px);
            -ms-transform: translateY(-5px);
            -webkit-transform: translateY(-5px);
            transform: translateY(-5px)
        }

    .fin-icon-box .bg-dark .icon-box-style7, .fin-icon-box .bg-dark .icon-box-style7:hover {
        background: rgba(255,255,255,0.05)
    }

    .fin-icon-box .icon-box-style8 {
        position: relative;
        background: #fff;
        padding: 30px 40px;
        overflow: hidden;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease
    }

        .fin-icon-box .icon-box-style8:before {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            background: #f29111;
            -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
            transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
            -webkit-transform-origin: bottom left;
            transform-origin: bottom left
        }

        .fin-icon-box .icon-box-style8 .icon-wrap, .fin-icon-box .icon-box-style8 .title-wrap, .fin-icon-box .icon-box-style8 .content {
            position: relative;
            z-index: 2
        }

        .fin-icon-box .icon-box-style8 .button {
            padding-top: 0;
            padding-bottom: 0;
            margin: 0
        }

        .fin-icon-box .icon-box-style8 .icon-wrap {
            text-align: left;
            line-height: 50px;
            margin-top: 15px;
            float: left;
            margin-right: 25px;
            min-height: 106px
        }

            .fin-icon-box .icon-box-style8 .icon-wrap i {
                -webkit-transition: background .4s ease-in-out;
                -moz-transition: background .4s ease-in-out;
                -o-transition: background .4s ease-in-out;
                transition: background .4s ease-in-out
            }

        .fin-icon-box .icon-box-style8:hover:before {
            -webkit-transform: scaleY(1);
            transform: scaleY(1)
        }

        .fin-icon-box .icon-box-style8:hover .icon-wrap i, .fin-icon-box .icon-box-style8:hover .title-wrap h6, .fin-icon-box .icon-box-style8:hover .content, .fin-icon-box .icon-box-style8:hover .button {
            color: #fff
        }

            .fin-icon-box .icon-box-style8:hover .icon-wrap i.vc_li, .fin-icon-box .icon-box-style8:hover .icon-wrap i[class^="ion-"], .fin-icon-box .icon-box-style8:hover .icon-wrap i[class*=" ion-"] {
                -webkit-text-fill-color: #fff
            }

        .fin-icon-box .icon-box-style8:hover .iconbox-icon-container i {
            color: #fff
        }

    .fin-icon-box .bg-dark .icon-box-style8, .fin-icon-box .bg-dark .icon-box-style8:before {
        background: rgba(255,255,255,0.05)
    }

    .fin-icon-box .icon-box-style9 {
        position: relative;
        z-index: 1;
        overflow: hidden;
        padding: 30px;
        border: 1px solid #eee;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease
    }

        .fin-icon-box .icon-box-style9 .icon-wrap {
            position: relative;
            float: none;
            display: block;
            text-align: left;
            line-height: 50px
        }

            .fin-icon-box .icon-box-style9 .icon-wrap i {
                -webkit-transition: transform .25s ease-in-out;
                -moz-transition: transform .25s ease-in-out;
                -o-transition: transform .25s ease-in-out;
                transition: transform .25s ease-in-out
            }

        .fin-icon-box .icon-box-style9 .button {
            margin: 0
        }

        .fin-icon-box .icon-box-style9 .title-wrap {
            position: relative
        }

        .fin-icon-box .icon-box-style9:before {
            position: absolute;
            content: '';
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            -webkit-transform-origin: top;
            -ms-transform-origin: top;
            transform-origin: top;
            -webkit-transform: scale(0.9) translateY(20px);
            -ms-transform: scale(0.9) translateY(20px);
            transform: scale(0.9) translateY(20px);
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            -webkit-transition: all .4s ease;
            -moz-transition: all .4s ease;
            -o-transition: all .4s ease;
            transition: all .4s ease
        }

        .fin-icon-box .icon-box-style9:hover {
            color: #fff !important;
            border-color: transparent
        }

            .fin-icon-box .icon-box-style9:hover .title-wrap h6, .fin-icon-box .icon-box-style9:hover .content, .fin-icon-box .icon-box-style9:hover .button.btn-txt, .fin-icon-box .icon-box-style9:hover i {
                color: #fff !important
            }

                .fin-icon-box .icon-box-style9:hover i.vc_li, .fin-icon-box .icon-box-style9:hover i[class^="ion-"], .fin-icon-box .icon-box-style9:hover i[class*=" ion-"] {
                    -webkit-text-fill-color: #fff
                }

            .fin-icon-box .icon-box-style9:hover .iconbox-icon-container > i {
                color: #fff !important
            }

            .fin-icon-box .icon-box-style9:hover:before {
                opacity: 1;
                -webkit-transform: scale(1) translateY(0px);
                -ms-transform: scale(1) translateY(0px);
                transform: scale(1) translateY(0px);
                -webkit-transition: 1s;
                -o-transition: 1s;
                transition: 1s
            }

    .fin-icon-box .iconbox.icon-box-style1 .icon-wrap, .fin-icon-box .iconbox.icon-box-style2 .icon-wrap, .fin-icon-box .iconbox.icon-box-style3 .icon-wrap, .fin-icon-box .iconbox.icon-box-style4 .icon-wrap, .fin-icon-box .iconbox.icon-box-style5 .icon-wrap, .fin-icon-box .iconbox.icon-box-style6 .icon-wrap, .fin-icon-box .iconbox.icon-box-style7 .icon-wrap, .fin-icon-box .iconbox.icon-box-style8 .icon-wrap, .fin-icon-box .iconbox.icon-box-style9 .icon-wrap {
        font-size: 36px;
    }

    .fin-icon-box .icon-box-style1 .icon-wrap:before, .fin-icon-box .icon-box-style2 .icon-wrap:before, .fin-icon-box .icon-box-style3 .icon-wrap:before, .fin-icon-box .icon-box-style4 .icon-wrap:before, .fin-icon-box .icon-box-style5 .icon-wrap:before, .fin-icon-box .icon-box-style6 .icon-wrap:before, .fin-icon-box .icon-box-style7 .icon-wrap:before, .fin-icon-box .icon-box-style8 .icon-wrap:before, .fin-icon-box .icon-box-style9 .icon-wrap:before {
        background: var(--fin-orange)
    }

    .fin-icon-box .iconbox .content {
        color: #6a7c92;
        margin: 10px auto;
        display: block;
        font-weight: 400;
        font-style: normal;
        font-size: 15px !important;
        line-height: 29px;
        text-transform: none;
        letter-spacing: 0;
    }
    /*=============== Add CSS ===========*/

    .fin-icon-box .button {
        display: inline-block;
        position: relative;
        overflow: hidden;
        margin: 0 0 10px;
        vertical-align: middle;
        background: #14133b;
        color: #fff;
        text-align: center;
        font-size: 15px;
        font-weight: 500;
        text-transform: capitalize;
        line-height: 30px;
        min-height: 50px;
        letter-spacing: 1px;
        -webkit-transition: all 300ms linear 0;
        -moz-transition: all 300ms linear 0;
        -o-transition: all 300ms linear 0;
        -ms-transition: all 300ms linear 0;
        transition: all 300ms linear 0;
        padding: 10px 30px;
    }

        .fin-icon-box .button.btn-txt {
            font-size: 13px !important;
            font-weight: 500;
            letter-spacing: 1px;
            text-transform: uppercase;
            line-height: 1.4;
            min-height: auto;
            color: #14133b;
            text-decoration: none;
        }

            .fin-icon-box .button.btn-txt:hover {
                color: #f29111;
            }

        .fin-icon-box .button.btn-txt-arrow:after, .fin-icon-box .button.btn-txt-arrow:before {
            content: "";
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            height: 2px;
            width: 30px;
            background-color: currentColor;
            transition: .5s;
            opacity: 1;
        }

        .fin-icon-box .button.btn-txt-arrow:after {
            left: -40px;
            right: unset;
            opacity: 0;
        }

        .fin-icon-box .button.btn-txt-arrow .button-text {
            position: relative;
            z-index: 1;
            transition: .5s;
            padding-right: 10px !important;
        }

        .fin-icon-box .button.btn-txt.btn-txt-arrow {
            position: relative;
            background: transparent !important;
            border: 0;
            padding-left: 0;
        }

        .fin-icon-box .button.btn-txt-arrow:hover:before {
            right: -60px;
            opacity: 0;
        }

        .fin-icon-box .button.btn-txt-arrow:hover:after {
            left: 0;
            opacity: 1;
        }

        .fin-icon-box .button.btn-txt-arrow:hover .button-text {
            padding-left: 50px !important;
        }

    .fin-icon-box .color_pink .button.hr_primary:hover {
        color: var(--fin-pink);
    }

    .fin-icon-box .color_green .button.hr_primary:hover {
        color: var(--fin-green);
    }

    .fin-icon-box .color_dark .button.hr_primary:hover {
        color: var(--fin-dark);
    }

    .fin-icon-box .color_red .icon-wrap:before {
        background: var(--fin-red);
    }

    .fin-icon-box .color_green .icon-wrap:before {
        background: var(--fin-green);
    }

    .fin-icon-box .color_red.icon-box-style4:before, .fin-icon-box .color_red.icon-box-style5:after, .fin-icon-box .color_red.icon-box-style5 .icon-wrap:after, .fin-icon-box .color_red.icon-box-style6:after, .fin-icon-box .color_red.icon-box-style8:before, .fin-icon-box .color_red.icon-box-style9:before {
        background: var(--fin-red);
    }

    .fin-icon-box .color_green.icon-box-style4:before, .fin-icon-box .color_green.icon-box-style5:after, .fin-icon-box .color_green.icon-box-style5 .icon-wrap:after, .fin-icon-box .color_green.icon-box-style6:after, .fin-icon-box .color_green.icon-box-style8:before, .fin-icon-box .color_green.icon-box-style9:before {
        background: var(--fin-green);
    }

    .fin-icon-box .color_yellow.icon-box-style4:before, .fin-icon-box .color_yellow.icon-box-style5:after, .fin-icon-box .color_yellow.icon-box-style5 .icon-wrap:after, .fin-icon-box .color_yellow.icon-box-style6:after, .fin-icon-box .color_yellow.icon-box-style8:before, .fin-icon-box .color_yellow.icon-box-style9:before {
        background: var(--fin-yellow);
    }

    .fin-icon-box .color_pink.icon-box-style4:before, .fin-icon-box .color_pink.icon-box-style5:after, .fin-icon-box .color_pink.icon-box-style5 .icon-wrap:after, .fin-icon-box .color_pink.icon-box-style6:after, .fin-icon-box .color_pink.icon-box-style8:before, .fin-icon-box .color_pink.icon-box-style9:before {
        background: var(--fin-pink);
    }

    .fin-icon-box .color_dark.icon-box-style4:before, .fin-icon-box .color_dark.icon-box-style5:after, .fin-icon-box .color_dark.icon-box-style5 .icon-wrap:after, .fin-icon-box .color_dark.icon-box-style6:after, .fin-icon-box .color_dark.icon-box-style8:before, .fin-icon-box .color_dark.icon-box-style9:before {
        background: var(--fin-dark);
    }

    .fin-icon-box .color_orange.icon-box-style4:before, .fin-icon-box .color_orange.icon-box-style5:after,
    .fin-icon-box .color_orange.icon-box-style5 .icon-wrap:after, .fin-icon-box .color_orange.icon-box-style6:after,
    .fin-icon-box .color_orange.icon-box-style8:before, .fin-icon-box .color_orange.icon-box-style9:before {
        background: var(--fin-orange)
    }

    .fin-icon-box .color_red.icon-box-style4:before, .fin-icon-box .color_red.icon-box-style5:after,
    .fin-icon-box .color_red.icon-box-style5 .icon-wrap:after, .fin-icon-box .color_red.icon-box-style6:after,
    .fin-icon-box .color_red.icon-box-style8:before, .fin-icon-box .color_red.icon-box-style9:before {
        background: var(--fin-red);
    }


    .fin-icon-box .color_pink .icon-wrap:before {
        background: var(--fin-pink);
    }

    .fin-icon-box .color_dark .icon-wrap:before {
        background: var(--fin-dark);
        opacity: .06;
    }

    .fin-icon-box .color_blue .icon-wrap:before {
        background: var(--fin-blue);
    }

    .fin-icon-box .color_purple .icon-wrap:before {
        background: var(--fin-purple);
    }

    .fin-icon-box .color_purple.icon-box-style4:before, .fin-icon-box .color_purple.icon-box-style5:after, .fin-icon-box .color_purple.icon-box-style5 .icon-wrap:after, .fin-icon-box .color_purple.icon-box-style6:after, .fin-icon-box .color_purple.icon-box-style8:before, .fin-icon-box .color_purple.icon-box-style9:before {
        background: var(--fin-purple);
    }

    .fin-icon-box .icon-wrap i {
        color: var(--fin-orange);
    }

    .fin-icon-box .color_orange .icon-wrap i {
        color: var(--fin-orange)
    }

    .fin-icon-box .color_yellow .icon-wrap i {
        color: var(--fin-yellow);
    }

    .fin-icon-box .color_green .icon-wrap i {
        color: var(--fin-green);
    }

    .fin-icon-box .color_blue .icon-wrap i {
        color: var(--fin-blue);
    }

    .fin-icon-box .color_purple .icon-wrap i {
        color: var(--fin-purple);
    }

    .fin-icon-box .color_pink .icon-wrap i {
        color: var(--fin-pink)
    }

    .fin-icon-box .color_red .icon-wrap i {
        color: var(--fin-red);
    }

    .fin-icon-box .color_dark .icon-wrap i {
        color: var(--fin-dark);
    }
    .fin-icon-box .items-3{padding-bottom:24px;}

.iconbox .btn-absolute {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-indent: -9999px;
    z-index: 999;
    background: transparent !important;
}

/*================Icon Box END ================*/


/*================ Image Box STARTED ================*/

.Fin-Img-box img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.Fin-Img-box .center {
    text-align: center;
    margin: auto;
    display: block;
    float: none;
}

.Fin-Img-box .image-box-style3 .title-wrap .icon-wrap, .Fin-Img-box .image-box-style6 .title-wrap .icon-wrap, .Fin-Img-box .image-box-style7 .title-wrap .icon-wrap, .Fin-Img-box .image-box-style8 .icon-wrap, .Fin-Img-box .image-box-style9 .title-wrap .icon-wrap, .Fin-Img-box .image-box-style12 .title-wrap .icon-wrap {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

    .Fin-Img-box .image-box-style3 .image-bg:before, .Fin-Img-box .image-box-style3 .title-wrap .icon-wrap:after, .Fin-Img-box .image-box-style4:after, .Fin-Img-box .image-box-style7 .thumb-service:after, .Fin-Img-box .image-box-style8 .thumb-service:after, .Fin-Img-box .image-box-style8 .icon-wrap:after, .Fin-Img-box .image-box-style10:after, .Fin-Img-box .image-box-style7 .thumb-service:after, .Fin-Img-box .image-box-style12 .thumb-service:after {
        background: var(--fin-orange)
    }

.Fin-Img-box .img-perspective {
    position: absolute;
    position: relative;
    height: 100%;
    width: 100%;
    display: block;
    box-sizing: border-box
}

    .Fin-Img-box .img-perspective img {
        margin: 0;
        width: 100%;
        height: 100%;
        display: block
    }

.Fin-Img-box .perspective_overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    left: 0;
    z-index: 0;
    pointer-events: none;
    background: -moz-linear-gradient(to bottom, rgba(15,15,15,0), rgba(15,15,15,0.75) 100%);
    background: -webkit-linear-gradient(to bottom, rgba(15,15,15,0), rgba(15,15,15,0.75) 100%);
    background: linear-gradient(to bottom, rgba(15,15,15,0), rgba(15,15,15,0.75) 100%);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.Fin-Img-box .no_overlay .perspective_overlay {
    background: transparent
}

.Fin-Img-box .perspective-caption {
    width: 100%;
    padding: 6% 12%;
    bottom: 0;
    height: auto;
    color: #fff;
    box-sizing: border-box;
    position: absolute;
    pointer-events: none;
    -webkit-transition: all .5s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all .5s cubic-bezier(0.25, 0.8, 0.25, 1)
}

    .Fin-Img-box .perspective-caption .perspective-title {
        position: relative;
        z-index: 3;
        color: #fff
    }

.Fin-Img-box .col-sm-3 .perspective-caption {
    padding: 25px 35px
}

    .Fin-Img-box .col-sm-3 .perspective-caption .perspective-title {
        font-size: 18px !important
    }

.Fin-Img-box .image-box .title-wrap h6, .Fin-Img-box .image-box .perspective-caption .perspective-title {
    font-weight: 600 !important;
    font-size: 22px !important;
    line-height: 32px;
}

.Fin-Img-box .image-box .sup-title {
    position: relative;
    font-weight: 600;
    font-style: normal;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 14px;
    letter-spacing: 1px;
    margin-bottom: 7px;
    padding-left: 0;
    display: inline-block;
    transition: all .4s cubic-bezier(0.6, 0.3, 0, 1) 0
}

    .Fin-Img-box .image-box .sup-title:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        left: 3px;
        height: 1px;
        width: 0;
        background-color: #fff;
        transition: all .4s cubic-bezier(0.6, 0.3, 0, 1) 0
    }

.Fin-Img-box .image-box:hover .sup-title {
    padding-left: 20px
}

    .Fin-Img-box .image-box:hover .sup-title:after {
        width: 10px
    }

.Fin-Img-box .image-box .content {
    margin: 0;
    font-size: 15px;
    line-height: 29px
}
/*========= Button CSS =========*/
.Fin-Img-box .button {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin: 0 0 10px;
    vertical-align: middle;
    background: #14133b;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 30px !important;
    min-height: 50px;
    letter-spacing: 1px;
    -webkit-transition: all 300ms linear 0;
    -moz-transition: all 300ms linear 0;
    -o-transition: all 300ms linear 0;
    -ms-transition: all 300ms linear 0;
    transition: all 300ms linear 0;
    padding: 10px 30px;
    text-decoration: none;
}

.Fin-Img-box .image-box-style6 .button {
    display: inline-block;
}

.Fin-Img-box .bg-dark .button.btn-txt.btn-txt-arrow, .Fin-Img-box .bg-dark .button.btn-txt.btn-txt-circle .button-text, .Fin-Img-box .bg-dark .button.btn-txt.btn-txt-circle .button-icon, .Fin-Img-box .white_txt .button.btn-txt.btn-txt-arrow, .Fin-Img-box .white_txt .button.btn-txt.btn-txt-circle .button-text, .Fin-Img-box .white_txt .button.btn-txt.btn-txt-circle .button-icon {
    color: #fff
}

.Fin-Img-box .button.btn-txt.btn-txt-arrow {
    position: relative;
    background: transparent !important;
    border: 0;
}

.Fin-Img-box .bg-dark .button.btn-txt.btn-txt-arrow, .Fin-Img-box .bg-dark .button.btn-txt.btn-txt-circle .button-text, .Fin-Img-box .bg-dark .button.btn-txt.btn-txt-circle .button-icon, .Fin-Img-box .white_txt .button.btn-txt.btn-txt-arrow, .Fin-Img-box .white_txt .button.btn-txt.btn-txt-circle .button-text, .Fin-Img-box .white_txt .button.btn-txt.btn-txt-circle .button-icon {
    color: #fff
}

.Fin-Img-box .text-left .button {
    float: left;
    margin: 0 15px 10px 0
}

.Fin-Img-box .text-right .button {
    float: right;
    margin: 0 0 10px 15px
}

.Fin-Img-box .button.small {
    font-size: 12px
}

.Fin-Img-box .button.large {
    font-size: 17px
}

.Fin-Img-box .button.dark {
    color: var(--fin-dark)
}

.Fin-Img-box .button.light {
    color: #fff
}

.Fin-Img-box .button.hr_light:hover, .Fin-Img-box .button.hr_light:active, .Fin-Img-box .button.hr_light:focus {
    color: #fff
}

.Fin-Img-box .button.hr_dark:hover, .Fin-Img-box .button.hr_dark:active, .Fin-Img-box .button.hr_dark:focus {
    color: var(--fin-dark)
}

.Fin-Img-box .button.bg_dark {
    background: var(--fin-dark)
}

.Fin-Img-box .button.bg_light {
    background: #fff
}

.Fin-Img-box .button.bg_grey {
    background: #f7f8fd
}

.Fin-Img-box .button.bg_hr_light:hover, .Fin-Img-box .button.bg_hr_light:active, .Fin-Img-box .button.bg_hr_light:focus {
    background: #fff
}

.Fin-Img-box .button.bg_hr_dark:hover, .Fin-Img-box .button.bg_hr_dark:active, .Fin-Img-box .button.bg_hr_dark:focus {
    background: var(--fin-dark)
}

.Fin-Img-box .button.bg_hr_grey:hover, .Fin-Img-box .button.bg_hr_grey:active, .Fin-Img-box .button.bg_hr_grey:focus {
    background: #f7f8fd
}

.button.btn-border {
    background: transparent;
    border: 1px solid #e4e4e4
}

.Fin-Img-box .button.btn-border.medium {
    padding-top: 8px;
    padding-bottom: 8px
}

.Fin-Img-box .button.outline_light {
    border-color: #fff
}

.Fin-Img-box .button.outline_dark {
    border-color: var(--fin-dark)
}

.Fin-Img-box .button.outline_hr_light:hover, .Fin-Img-box .button.outline_hr_light:active, .Fin-Img-box .button.outline_hr_light:focus {
    border-color: #fff
}

.Fin-Img-box .button.outline_hr_dark:hover, .Fin-Img-box .button.outline_hr_dark:active, .Fin-Img-box .button.outline_hr_dark:focus {
    border-color: var(--fin-dark)
}

.Fin-Img-box .button.btn-txt {
    font-size: 13px !important;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1.4;
    min-height: auto
}

    .Fin-Img-box .button.btn-txt.btn-txt-circle {
        background: transparent !important;
        border: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: inline-flex;
        padding-left: 0;
        padding-right: 2px
    }

        .Fin-Img-box .button.btn-txt.btn-txt-circle .button-text {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            letter-spacing: 0
        }

            .Fin-Img-box .button.btn-txt.btn-txt-circle .button-text:after {
                content: "";
                margin-right: 7.5px;
                margin-left: 7.5px;
                width: 0;
                height: 1px;
                display: block;
                background-color: currentColor;
                -webkit-transition: width .4s cubic-bezier(0.25, 1, 0.25, 1);
                transition: width .4s cubic-bezier(0.25, 1, 0.25, 1)
            }

        .Fin-Img-box .button.btn-txt.btn-txt-circle .button-icon {
            width: 6px;
            height: 12px;
            position: relative;
            z-index: 1;
            -webkit-transition: color .4s cubic-bezier(0.25, 1, 0.25, 1), opacity .5s ease-in-out, -webkit-transform .5s ease-in-out;
            transition: color .4s cubic-bezier(0.25, 1, 0.25, 1), opacity .5s ease-in-out, -webkit-transform .5s ease-in-out;
            transition: color .4s cubic-bezier(0.25, 1, 0.25, 1), transform .5s ease-in-out, opacity .5s ease-in-out;
            transition: color .4s cubic-bezier(0.25, 1, 0.25, 1), transform .5s ease-in-out, opacity .5s ease-in-out, -webkit-transform .5s ease-in-out
        }

            .Fin-Img-box .button.btn-txt.btn-txt-circle .button-icon i {
                position: relative;
                top: -3px;
                font-size: 16px !important;
                line-height: 20px !important;
                margin: 0 !important
            }

                .Fin-Img-box .button.btn-txt.btn-txt-circle .button-icon i:before {
                    font-weight: 600
                }

        .Fin-Img-box .button.btn-txt.btn-txt-circle .button-arrow {
            width: 40px;
            height: 40px;
            line-height: 18px;
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            border: 2px solid currentColor;
            border-radius: 50%
        }

            .Fin-Img-box .button.btn-txt.btn-txt-circle .button-arrow span {
                line-height: 18px !important
            }

            .Fin-Img-box .button.btn-txt.btn-txt-circle .button-arrow:after {
                background-color: currentColor;
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                width: 100%;
                height: 100%;
                -webkit-transform: translate(-50%, -50%) scale(0);
                transform: translate(-50%, -50%) scale(0);
                border-radius: 50%;
                -webkit-transition: background-color .9s cubic-bezier(0.97, 0, 0.63, 1), -webkit-transform .4s cubic-bezier(0.25, 1, 0.25, 1);
                transition: background-color .9s cubic-bezier(0.97, 0, 0.63, 1), -webkit-transform .4s cubic-bezier(0.25, 1, 0.25, 1);
                transition: transform .4s cubic-bezier(0.25, 1, 0.25, 1), background-color .9s cubic-bezier(0.97, 0, 0.63, 1);
                transition: transform .4s cubic-bezier(0.25, 1, 0.25, 1), background-color .9s cubic-bezier(0.97, 0, 0.63, 1), -webkit-transform .4s cubic-bezier(0.25, 1, 0.25, 1)
            }

        .Fin-Img-box .button.btn-txt.btn-txt-circle:hover .button-arrow::after {
            -webkit-transform: translate(-50%, -50%) scale(1.1);
            transform: translate(-50%, -50%) scale(1.1)
        }

        .Fin-Img-box .button.btn-txt.btn-txt-circle:hover .button-icon {
            -webkit-transition-delay: 0;
            transition-delay: 0
        }

            .Fin-Img-box .button.btn-txt.btn-txt-circle:hover .button-icon i {
                color: #fff
            }

        .Fin-Img-box .button.btn-txt.btn-txt-circle:hover .button-text:after {
            width: 20px
        }

        .Fin-Img-box .button.btn-txt.btn-txt-circle:hover.hr_light .button-icon i {
            color: #000
        }

        .Fin-Img-box .button.btn-txt.btn-txt-circle.dark .button-arrow {
            border-color: #e4e4e4
        }

    .Fin-Img-box .button.btn-txt.btn-txt-arrow {
        position: relative;
        background: transparent !important;
        border: 0;
        padding-left: 0
    }

.Fin-Img-box .button.btn-txt-arrow .button-text {
    position: relative;
    z-index: 1;
    transition: .5s;
    padding-right: 10px !important
}

.Fin-Img-box .button.btn-txt-arrow .button-icon {
    display: none
}

.Fin-Img-box .button.btn-txt-arrow:after, .Fin-Img-box .button.btn-txt-arrow:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    width: 30px;
    background-color: currentColor;
    transition: .5s;
    opacity: 1
}

.Fin-Img-box .button.btn-txt-arrow:after {
    left: -40px;
    right: unset;
    opacity: 0
}

.Fin-Img-box .button.btn-txt-arrow:hover .button-text {
    padding-left: 50px !important
}

.Fin-Img-box .button.btn-txt-arrow:hover:after {
    left: 0;
    opacity: 1
}

.Fin-Img-box .button.btn-txt-arrow:hover:before {
    right: -60px;
    opacity: 0
}

.Fin-Img-box .btn-absolute {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-indent: -9999px;
    z-index: 999;
    background: transparent !important
}

.Fin-Img-box .button.btn-txt-underlined {
    position: relative;
    background: transparent !important;
    border: 0;
    padding: 0;
    margin: 5px 0;
    min-height: auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

    .Fin-Img-box .button.btn-txt-underlined .button-arrow {
        display: none
    }

    .Fin-Img-box .button.btn-txt-underlined:before {
        content: '';
        display: block;
        border-bottom: 1px solid;
        border-color: inherit;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition: .1s;
        -moz-transition: .1s;
        transition: .1s;
        opacity: .3
    }

    .Fin-Img-box .button.btn-txt-underlined:after {
        content: '';
        display: block;
        border-bottom: 1px solid;
        border-color: inherit;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: .1s;
        -moz-transition: .1s;
        transition: .1s
    }

    .Fin-Img-box .button.btn-txt-underlined:hover:before {
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: .4s;
        -moz-transition: .4s;
        transition: .4s
    }

.button.btn-txt-underlined:hover:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: .6s .3s;
    -moz-transition: .6s .3s;
    transition: .6s .3s
}

.Fin-Img-box .button.icon {
    padding-left: 20px;
    padding-right: 20px
}

    .Fin-Img-box .button.icon .button-text {
        position: relative;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        transform: translateX(0);
        display: block;
        padding: 0 20px
    }

    .Fin-Img-box .button.icon > i {
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        line-height: 12px;
        position: absolute;
        top: calc(50% - 2px);
        right: 35px;
        transform: translateY(-50%);
        opacity: 0
    }

    .Fin-Img-box .button.icon:hover .button-text {
        position: relative;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        transform: translateX(-10px)
    }

    .Fin-Img-box .button.icon:hover > i {
        right: 30px;
        opacity: 1
    }

.Fin-Img-box .button.roll:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform-origin: bottom left;
    transition: transform .5s cubic-bezier(0.77, 0, 0.175, 1);
    transform: scaleY(0)
}

.Fin-Img-box .button.roll span, .Fin-Img-box .button.roll i, .Fin-Img-box .button.roll i:before {
    display: inline-block;
    animation: button-roll-out .5s forwards cubic-bezier(0.165, 0.84, 0.44, 1)
}

.Fin-Img-box .button.roll:hover:before, .Fin-Img-box .button.roll:active:before, .Fin-Img-box .button.roll:focus:before {
    transform: scaleY(1)
}

.Fin-Img-box .button.roll:hover span, .Fin-Img-box .button.roll:hover i, .Fin-Img-box .button.roll:hover i:before, .Fin-Img-box .button.roll:active span, .Fin-Img-box .button.roll:active i, .Fin-Img-box .button.roll:active i:before, .Fin-Img-box .button.roll:focus span, .Fin-Img-box .button.roll:focus i, .Fin-Img-box .button.roll:focus i:before {
    animation: button-roll-over .5s forwards cubic-bezier(0.165, 0.84, 0.44, 1)
}

.Fin-Img-box .button.roll.bg_hr_light:hover:before {
    background: #fff
}

.Fin-Img-box .button.roll.bg_hr_dark:hover:before {
    background: var(--fin-dark)
}

.Fin-Img-box .button.roll.bg_hr_grey:hover:before {
    background: #f7f8fd
}

.Fin-Img-box .gradient-color-main, .Fin-Img-box .image-box-style1:hover .perspective_overlay, .Fin-Img-box .image-box-style5:hover .perspective_overlay, .Fin-Img-box .image-box-style6 .thumb-service:before, .Fin-Img-box .image-box-style9 .thumb-service:after, .Fin-Img-box .mo-team.tpl1 .team-member:hover .overlay, .Fin-Img-box .image-box-style12 .thumb-service:after, .Fin-Img-box .image-box-style12 .thumb-service:before {
    background: linear-gradient(to bottom, rgba(0,0,0,0), var(--fin-orange) 100%)
}
/*================= Box Css ==================*/

.Fin-Img-box .image-box .icon-wrap {
    line-height: 50px;
    font-size: 50px;
}

.Fin-Img-box .image-box-style1 {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

    .Fin-Img-box .image-box-style1 .perspective-title {
        margin-top: 10px
    }

    .Fin-Img-box .image-box-style1 .content {
        opacity: 0;
        display: none;
        margin-bottom: 15px
    }

    .Fin-Img-box .image-box-style1 .button {
        opacity: 0;
        display: none;
        margin: 0;
        padding-top: 0;
        padding-bottom: 0;
        pointer-events: auto
    }

    .Fin-Img-box .image-box-style1:hover .perspective-caption {
        -moz-transform: translateY(-65px);
        -ms-transform: translateY(-65px);
        -webkit-transform: translateY(-65px);
        transform: translateY(-10px)
    }

    .Fin-Img-box .image-box-style1:hover .icon-wrap {
        opacity: 0
    }

    .Fin-Img-box .image-box-style1:hover .content {
        opacity: 1;
        display: block
    }

    .Fin-Img-box .image-box-style1:hover .button {
        opacity: 1;
        display: inline-block
    }

    .Fin-Img-box .image-box-style1:hover .img-perspective img {
        filter: grayscale(90%)
    }

.Fin-Img-box .image-box-style2 .caption {
    position: relative;
    overflow: hidden;
    padding: 50px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.08);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .5s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all .5s cubic-bezier(0.25, 0.8, 0.25, 1)
}

    .Fin-Img-box .image-box-style2 .caption:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
        transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
        background: linear-gradient(to bottom, rgba(0,0,0,0), var(--fin-orange) 70%)
    }

.Fin-Img-box .image-box-style2 .thumb-service {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

    .Fin-Img-box .image-box-style2 .thumb-service:before {
        content: "";
        width: 100%;
        z-index: 1;
        position: absolute;
        left: 0;
        bottom: 0;
        visibility: visible;
        opacity: 1;
        height: 100%;
        opacity: .8;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    .Fin-Img-box .image-box-style2 .thumb-service .thumb {
        background-size: cover;
        background-repeat: no-repeat;
        background-clip: content-box;
        height: 300px;
        background-position: center;
        filter: grayscale(90%)
    }

.Fin-Img-box .image-box-style2 .title-wrap {
    position: relative;
    clear: both;
    z-index: 1
}

    .Fin-Img-box .image-box-style2 .title-wrap h6 {
        margin-bottom: 0
    }

    .Fin-Img-box .image-box-style2 .title-wrap .button {
        -webkit-transition: all 0 linear 0 !important;
        -moz-transition: all 0 linear 0 !important;
        -o-transition: all 0 linear 0 !important;
        -ms-transition: all 0 linear 0 !important;
        transition: all 0 linear 0 !important;
        margin-top: 15px;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0
    }

    .Fin-Img-box .image-box-style2 .title-wrap .content {
        margin-top: 15px
    }

    .Fin-Img-box .image-box-style2 .title-wrap .icon-wrap {
        margin-bottom: 15px;
        color: var(--fin-orange);
    }

.Fin-Img-box .image-box-style2:hover .caption {
    background: transparent !important
}

    .Fin-Img-box .image-box-style2:hover .caption:before {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    .Fin-Img-box .image-box-style2:hover .caption .title-wrap {
        color: #fff
    }

        .Fin-Img-box .image-box-style2:hover .caption .title-wrap h6 {
            color: #fff
        }

        .Fin-Img-box .image-box-style2:hover .caption .title-wrap .button {
            color: #fff
        }

        .Fin-Img-box .image-box-style2:hover .caption .title-wrap .icon-wrap {
            color: #fff !important
        }

            .Fin-Img-box .image-box-style2:hover .caption .title-wrap .icon-wrap i {
                color: #fff !important
            }

    .Fin-Img-box .image-box-style2:hover .caption .thumb-service {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

        .Fin-Img-box .image-box-style2:hover .caption .thumb-service img {
            filter: grayscale(90%)
        }

.Fin-Img-box .bg-dark .image-box-style2 .caption {
    border-color: rgba(255,255,255,0.2)
}

.Fin-Img-box .image-box-style3 {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

    .Fin-Img-box .image-box-style3 .image-bg {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

        .Fin-Img-box .image-box-style3 .image-bg:after, .Fin-Img-box .image-box-style3 .image-bg:before {
            content: "";
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 120%;
            opacity: .6
        }

        .Fin-Img-box .image-box-style3 .image-bg:before {
            transform: translateX(0);
        }

        .Fin-Img-box .image-box-style3 .image-bg:after {
            transform: translateX(-100%);
            background: #14133b;
        }

        .Fin-Img-box .image-box-style3 .image-bg:hover:before {
            animation-delay: .2s;
            animation-direction: normal;
            animation-duration: .3s;
            animation-fill-mode: both;
            animation-iteration-count: 1;
            animation-name: translateY-hover;
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transform: translateX(-100%);
        }

        .Fin-Img-box .image-box-style3 .image-bg:hover:after {
            animation-delay: .2s;
            animation-direction: normal;
            animation-duration: .3s;
            animation-fill-mode: both;
            animation-iteration-count: 1;
            animation-name: translateY-hover2;
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transform: translateX(0%);
        }

    .Fin-Img-box .image-box-style3 .title-wrap {
        width: 100%;
        padding: 40px;
        bottom: 0;
        height: auto;
        color: #fff;
        box-sizing: border-box;
        position: absolute;
        z-index: 1;
        pointer-events: none;
        text-align: center
    }

        .Fin-Img-box .image-box-style3 .title-wrap h6 {
            color: #fff
        }

        .Fin-Img-box .image-box-style3 .title-wrap .icon-wrap {
            position: relative;
            margin-bottom: 15px;
            margin-left: auto;
            margin-right: auto;
            float: none;
            width: 70px;
            height: 70px;
            line-height: 35px;
            font-size: 35px;
            color: #fff;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            -webkit-transition: all .4s ease-in-out;
            -moz-transition: all .4s ease-in-out;
            -o-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out
        }

            .Fin-Img-box .image-box-style3 .title-wrap .icon-wrap > i {
                width: 35px;
                height: 35px
            }

            .Fin-Img-box .image-box-style3 .title-wrap .icon-wrap:after {
                border-radius: inherit;
                position: absolute;
                content: '';
                z-index: -1;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                -webkit-transition: all .5s ease;
                -o-transition: all .5s ease;
                transition: all .5s ease
            }

        .Fin-Img-box .image-box-style3 .title-wrap .button {
            padding-top: 0;
            padding-bottom: 0;
            margin-bottom: 0;
            margin-top: 15px;
            pointer-events: auto
        }

    .Fin-Img-box .image-box-style3 .thumb-service img {
        -webkit-transform: scale(1.08) translate3d(0, -10px, 0);
        -moz-transform: scale(1.08) translate3d(0, -10px, 0);
        transform: scale(1.08) translate3d(0, -10px, 0);
        -webkit-transition: -webkit-transform .6s cubic-bezier(0.23, 1, 0.32, 1);
        -moz-transition: -moz-transform .6s cubic-bezier(0.23, 1, 0.32, 1);
        transition: transform .6s cubic-bezier(0.23, 1, 0.32, 1);
        will-change: transform;
        min-width: 100%;
        filter: grayscale(90%)
    }

    .Fin-Img-box .image-box-style3:hover .thumb-service img {
        filter: blur(10px) contrast(1.2) saturate(0.85);
        transform: scale(1.08) translate3d(0, 10px, 0);
        -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
        -moz-transition: -moz-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
        transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1)
    }

    .Fin-Img-box .image-box-style3:hover .image-bg:after {
        opacity: .7;
    }

.Fin-Img-box .image-box-style4 {
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

    .Fin-Img-box .image-box-style4:after {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
        opacity: 0;
        -webkit-transform-origin: bottom;
        -moz-transform-origin: bottom;
        transform-origin: bottom;
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transition: transform .5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0 .5s;
        transition: transform .5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0 .5s
    }

    .Fin-Img-box .image-box-style4 .thumb-service img {
        width: 100%;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform .35s .1s;
        -moz-transition: -moz-transform .35s .1s;
        transition: transform .35s .1s
    }

    .Fin-Img-box .image-box-style4 .title-wrap {
        position: absolute;
        top: 0;
        padding: 50px;
        z-index: 2;
        height: 100%;
        width: 100%;
        z-index: 2;
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        -moz-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        -webkit-transition: transform 0 .25s, opacity .15s .1s;
        transition: transform 0 .25s, opacity .15s .1s;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff
    }

        .Fin-Img-box .image-box-style4 .title-wrap h6 {
            color: #fff
        }

        .Fin-Img-box .image-box-style4 .title-wrap .icon-wrap {
            line-height: 40px;
            font-size: 40px;
            margin-bottom: 15px
        }

        .Fin-Img-box .image-box-style4 .title-wrap .content {
            color: rgba(255,255,255,0.9);
            padding: 5px 0 15px
        }

        .Fin-Img-box .image-box-style4 .title-wrap .button {
            padding-bottom: 0;
            padding-top: 0;
            margin-bottom: 0
        }

    .Fin-Img-box .image-box-style4:hover .thumb-service img {
        -webkit-transform: translate3d(0, -50px, 0);
        -moz-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0);
        -webkit-transition: -webkit-transform .6s cubic-bezier(0.63, 0.04, 0.25, 1);
        -moz-transition: -moz-transform .6s cubic-bezier(0.63, 0.04, 0.25, 1);
        transition: transform .6s cubic-bezier(0.63, 0.04, 0.25, 1)
    }

    .Fin-Img-box .image-box-style4:hover .title-wrap {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: transform .5s .15s, opacity .2s .2s;
        transition: transform .5s .15s, opacity .2s .2s
    }

    .Fin-Img-box .image-box-style4:hover:after {
        opacity: 1;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition: transform .5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0;
        transition: transform .5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0
    }

.Fin-Img-box .image-box-style5 {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

    .Fin-Img-box .image-box-style5 .img-perspective2 {
        overflow: hidden;
        height: 400px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-transition: all .2s;
        transition: all .2s;
        background-clip: content-box
    }

    .Fin-Img-box .image-box-style5 .perspective-caption {
        padding: 40px
    }

    .Fin-Img-box .image-box-style5 .perspective-title {
        text-align: left;
        top: 0
    }

    .Fin-Img-box .image-box-style5 .icon-wrap {
        margin-bottom: 10px
    }

    .Fin-Img-box .image-box-style5 .content {
        text-align: left;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .Fin-Img-box .image-box-style5 .button {
        margin: 10px 0 0;
        pointer-events: auto
    }

    .Fin-Img-box .image-box-style5:hover .img-perspective2 {
        padding: 0;
        filter: grayscale(90%)
    }

.Fin-Img-box .image-box-style6 .thumb-service {
    position: relative;
    min-height: 200px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

    .Fin-Img-box .image-box-style6 .thumb-service img {
        display: block;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    .Fin-Img-box .image-box-style6 .thumb-service:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
        transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: bottom left;
        transform-origin: bottom left;
        z-index: 2
    }

.Fin-Img-box .image-box-style6 .title-wrap {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    margin-top: -60px;
    width: calc(100% - 60px);
    margin-left: 30px;
    margin-right: 30px;
    background-color: #fff;
    padding: 35px 35px 20px;
    z-index: 2;
    -webkit-transition: transform .3s cubic-bezier(0, 0, 0.5, 0.99);
    -moz-transition: transform .3s cubic-bezier(0, 0, 0.5, 0.99);
    transition: transform .3s cubic-bezier(0, 0, 0.5, 0.99);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

    .Fin-Img-box .image-box-style6 .title-wrap h6 {
        text-align: center
    }

    .Fin-Img-box .image-box-style6 .title-wrap .content {
        margin-bottom: 15px;
        text-align: center
    }

    .Fin-Img-box .image-box-style6 .title-wrap .button.btn-txt.btn-txt-arrow {
        padding-bottom: 0;
        padding-top: 0;
        margin-top: 5px;
        margin-bottom: 15px
    }

    .Fin-Img-box .image-box-style6 .title-wrap .icon-wrap {
        position: absolute;
        background: #fff;
        width: 70px;
        height: 70px;
        top: -36px;
        color: var(--fin-orange);
        left: calc(50% - 35px);
        line-height: 35px;
        font-size: 35px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

    .Fin-Img-box .image-box-style6 .title-wrap .icon-space {
        height: 15px
    }

.Fin-Img-box .image-box-style6:hover .thumb-service img {
    filter: grayscale(90%);
    transform: scale(1.1)
}

.Fin-Img-box .image-box-style6:hover .thumb-service:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.Fin-Img-box .image-box-style6:hover .title-wrap {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px)
}

.Fin-Img-box .bg-dark .image-box-style6 .title-wrap h6, .Fin-Img-box .bg-dark .image-box-style6 .title-wrap .button.btn-txt.btn-txt-arrow {
    color: var(--fin-dark)
}

.Fin-Img-box .bg-dark .image-box-style6 .content p {
    color: #6a7c92
}

.Fin-Img-box .image-box-style7 {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .Fin-Img-box .image-box-style7 .title-wrap {
        padding: 40px;
        position: relative
    }

        .Fin-Img-box .image-box-style7 .title-wrap h6 {
            display: inline-block
        }

        .Fin-Img-box .image-box-style7 .title-wrap .button {
            margin-top: 10px;
            margin-bottom: 0;
            padding-bottom: 0;
            padding-top: 0
        }

        .Fin-Img-box .image-box-style7 .title-wrap .icon-wrap {
            position: absolute;
            background: #fff;
            width: 70px;
            height: 70px;
            right: 40px;
            top: -30px;
            color: var(--fin-orange);
            line-height: 35px;
            font-size: 35px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%
        }

    .Fin-Img-box .image-box-style7 .thumb-service {
        position: relative;
        overflow: hidden;
    }

        .Fin-Img-box .image-box-style7 .thumb-service > img {
            filter: grayscale(90%);
            transform: scale(1);
            -moz-transition: 15s transform cubic-bezier(0.19, 1, 0.22, 1);
            -o-transition: 15s transform cubic-bezier(0.19, 1, 0.22, 1);
            -webkit-transition: 15s transform cubic-bezier(0.19, 1, 0.22, 1);
            transition: 15s transform cubic-bezier(0.19, 1, 0.22, 1)
        }

        .Fin-Img-box .image-box-style7 .thumb-service:after {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            bottom: 0;
            top: 0;
            left: 0;
            opacity: .6;
            transition: opacity .45s cubic-bezier(0.15, 0.75, 0.5, 1) 0s, transform .45s cubic-bezier(0.15, 0.75, 0.5, 1) 0
        }

    .Fin-Img-box .image-box-style7:hover .thumb-service img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

.Fin-Img-box .bg-dark .image-box-style7 {
    background: rgba(255,255,255,0.05)
}

.Fin-Img-box .image-box-style8 {
    overflow: hidden;
    position: relative
}

    .Fin-Img-box .image-box-style8 .thumb-service, .Fin-Img-box .image-box-style8 .title-wrap {
        z-index: 1;
        border-radius: inherit;
        -webkit-transition: transform .5s cubic-bezier(0.8, 0.8, 0.8, 0.8);
        -moz-transition: transform .5s cubic-bezier(0.8, 0.8, 0.8, 0.8);
        transition: transform .5s cubic-bezier(0.8, 0.8, 0.8, 0.8)
    }

    .Fin-Img-box .image-box-style8 .thumb-service {
        position: relative;
        height: inherit;
        overflow: hidden;
        perspective: 1200px;
        transition: -webkit-clip-path .8s cubic-bezier(0.23, 1, 0.32, 1);
        transition: clip-path .8s cubic-bezier(0.23, 1, 0.32, 1);
        transition: clip-path .8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-clip-path .8s cubic-bezier(0.23, 1, 0.32, 1);
        -webkit-clip-path: inset(0px);
        clip-path: inset(0px)
    }

        .Fin-Img-box .image-box-style8 .thumb-service img {
            display: block;
            max-width: 100%;
            min-width: 100%;
            filter: grayscale(90%);
            transition: all 1s cubic-bezier(0.19, 1, 0.22, 1)
        }

        .Fin-Img-box .image-box-style8 .thumb-service:after {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            top: 0;
            left: 0;
            z-index: 0;
            pointer-events: none;
            opacity: .3
        }

    .Fin-Img-box .image-box-style8 .icon-wrap {
        position: absolute;
        overflow: hidden;
        color: #fff;
        text-align: center;
        float: none;
        margin: auto;
        width: 70px;
        height: 70px;
        padding: 0 !important;
        line-height: 35px;
        font-size: 35px;
        left: 0;
        right: 0;
        z-index: 1;
        top: calc(50% - 35px);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

        .Fin-Img-box .image-box-style8 .icon-wrap > svg {
            width: 35px;
            height: 35px
        }

        .Fin-Img-box .image-box-style8 .icon-wrap:after {
            border-radius: inherit;
            position: absolute;
            content: '';
            z-index: -1;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            -webkit-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease
        }

    .Fin-Img-box .image-box-style8 .title-wrap {
        padding: 38px
    }

        .Fin-Img-box .image-box-style8 .title-wrap .button {
            margin-top: 15px;
            padding-top: 0;
            padding-bottom: 0;
            margin-bottom: 0
        }

    .Fin-Img-box .image-box-style8:hover .thumb-service {
        -webkit-clip-path: inset(15px);
        clip-path: inset(15px)
    }

        .Fin-Img-box .image-box-style8:hover .thumb-service img {
            transform: scale(1.15);
            -webkit-filter: blur(10px) contrast(1.2) saturate(0.85);
            filter: blur(10px) contrast(1.2) saturate(0.85)
        }

.Fin-Img-box .bg-dark .image-box-style8 {
    background: rgba(255,255,255,0.05)
}

.Fin-Img-box .image-box-style9 {
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

    .Fin-Img-box .image-box-style9 .thumb-service {
        position: relative;
        overflow: hidden;
        height: 250px;
        -webkit-transition: all .2s;
        transition: all .2s
    }

        .Fin-Img-box .image-box-style9 .thumb-service .thumb {
            background-size: cover;
            background-repeat: no-repeat;
            background-clip: content-box;
            height: 250px
        }

        .Fin-Img-box .image-box-style9 .thumb-service:after {
            position: absolute;
            top: 0;
            content: "";
            width: 100%;
            height: 100%;
            display: block;
            -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
            transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
            -webkit-transform-origin: bottom left;
            transform-origin: bottom left
        }

    .Fin-Img-box .image-box-style9 .title-wrap {
        position: relative;
        padding: 30px
    }

        .Fin-Img-box .image-box-style9 .title-wrap .button {
            padding-bottom: 0;
            padding-top: 0;
            margin-bottom: 0;
            margin-top: 15px
        }

        .Fin-Img-box .image-box-style9 .title-wrap .icon-wrap {
            position: absolute;
            background: #fff;
            width: 70px;
            height: 70px;
            left: 30px;
            top: -36px;
            color: var(--fin-orange);
            line-height: 35px;
            font-size: 35px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%
        }

        .Fin-Img-box .image-box-style9 .title-wrap .icon-space {
            height: 20px
        }

    .Fin-Img-box .image-box-style9:hover .thumb-service:after {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    .Fin-Img-box .image-box-style9:hover .thumb-service .thumb {
        filter: grayscale(90%)
    }

.Fin-Img-box .bg-dark .image-box-style9 {
    background: rgba(255,255,255,0.05)
}

.Fin-Img-box .image-box-style10 {
    position: relative;
    padding: 35px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

    .Fin-Img-box .image-box-style10:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        opacity: .1;
    }

    .Fin-Img-box .image-box-style10 .thumb-service {
        position: relative;
        overflow: hidden;
        height: 57px;
        width: 57px;
        background-size: cover;
        background-repeat: no-repeat;
        background-clip: content-box;
        padding: 0;
        transition: transform .25s ease-in-out
    }

    .Fin-Img-box .image-box-style10 .sup-title:after {
        background-color: #14133b
    }

    .Fin-Img-box .image-box-style10 .title-wrap {
        margin-top: 15px
    }

    .Fin-Img-box .image-box-style10 .button.btn-txt {
        margin-top: 15px;
        margin-bottom: 0;
        padding-bottom: 0;
        padding-top: 0
    }

    .Fin-Img-box .image-box-style10:hover .thumb-service {
        transform: translateY(-4px)
    }

.Fin-Img-box .image-box-style11 .thumb-service {
    position: relative;
    overflow: hidden;
    height: 57px;
    width: 57px;
    background-size: cover;
    background-repeat: no-repeat;
    background-clip: content-box;
    padding: 0;
    float: left;
    vertical-align: top;
    transition: transform .25s ease-in-out
}

.Fin-Img-box .image-box-style11 .sup-title:after {
    background-color: #14133b
}

.Fin-Img-box .image-box-style11 .title-wrap {
    margin-top: 15px;
    padding-left: 85px
}

.Fin-Img-box .image-box-style11:hover .thumb-service {
    transform: translateY(-4px)
}

.Fin-Img-box .image-box.color_orange.image-box-style1:hover .perspective_overlay, .Fin-Img-box .image-box.color_orange.image-box-style6 .thumb-service:before, .Fin-Img-box .image-box.color_orange.image-box-style5:hover .perspective_overlay, .Fin-Img-box .image-box.color_orange.image-box-style9 .thumb-service:after, .Fin-Img-box .image-box.color_orange.image-box-style12 .thumb-service:after, .Fin-Img-box .image-box.color_orange.image-box-style12 .thumb-service:before {
    background: linear-gradient(to bottom, rgba(0,0,0,0), #ff7607 100%)
}

.Fin-Img-box .image-box.color_orange.image-box-style2 .caption:before {
    background: linear-gradient(to bottom, rgba(0,0,0,0), #ff7607 70%)
}

.Fin-Img-box .image-box.color_orange.image-box-style9 .title-wrap h6 {
    color: #ff7607
}

.Fin-Img-box .image-box.color_orange.image-box-style7 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_orange.image-box-style2 .title-wrap .Fin-Img-box .icon-wrap, .image-box.color_orange.image-box-style6 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_orange.image-box-style9 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_orange.image-box-style12 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_orange.image-box-style12 .title-wrap .icon-wrap {
    color: #ff7607
}

    .Fin-Img-box .image-box.color_orange.image-box-style7 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_orange.image-box-style2 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_orange.image-box-style6 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_orange.image-box-style9 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_orange.image-box-style12 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_orange.image-box-style12 .title-wrap .icon-wrap i {
        color: #ff7607
    }

.Fin-Img-box .image-box.color_orange.image-box-style8 .thumb-service:after, .Fin-Img-box .image-box.color_orange.image-box-style8 .icon-wrap:after, .Fin-Img-box .image-box.color_orange.image-box-style4:after, .image-box.color_orange.image-box-style3 .image-bg:before, .Fin-Img-box .image-box.color_orange.image-box-style3 .icon-wrap:after, .Fin-Img-box .image-box.color_orange.image-box-style7 .thumb-service:after, .Fin-Img-box .image-box.color_orange.image-box-style10:after, .image-box.color_orange.image-box-style12 .thumb-service:after {
    background: #ff7607
}

.Fin-Img-box .image-box.color_yellow.image-box-style1:hover .perspective_overlay, .Fin-Img-box .image-box.color_yellow.image-box-style6 .thumb-service:before, .Fin-Img-box .image-box.color_yellow.image-box-style5:hover .perspective_overlay, .Fin-Img-box .image-box.color_yellow.image-box-style9 .thumb-service:after, .Fin-Img-box .image-box.color_yellow.image-box-style12 .thumb-service:after, .Fin-Img-box .image-box.color_yellow.image-box-style12 .thumb-service:before {
    background: linear-gradient(to bottom, rgba(0,0,0,0), var(--fin-yellow) 100%)
}

.Fin-Img-box .image-box.color_yellow.image-box-style2 .caption:before {
    background: linear-gradient(to bottom, rgba(0,0,0,0), var(--fin-yellow) 70%)
}

.Fin-Img-box .image-box.color_yellow.image-box-style9 .title-wrap h6 {
    color: var(--fin-yellow)
}

.Fin-Img-box .image-box.color_yellow.image-box-style7 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_yellow.image-box-style2 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_yellow.image-box-style6 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_yellow.image-box-style9 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_yellow.image-box-style12 .title-wrap .icon-wrap {
    color: var(--fin-yellow)
}

    .Fin-Img-box .image-box.color_yellow.image-box-style7 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_yellow.image-box-style2 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_yellow.image-box-style6 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_yellow.image-box-style9 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_yellow.image-box-style12 .title-wrap .icon-wrap i {
        color: var(--fin-yellow)
    }

.Fin-Img-box .image-box.color_yellow.image-box-style8 .thumb-service:after, .Fin-Img-box .image-box.color_yellow.image-box-style8 .icon-wrap:after, .Fin-Img-box .image-box.color_yellow.image-box-style4:after, .image-box.color_yellow.image-box-style3 .image-bg:before, .Fin-Img-box .image-box.color_yellow.image-box-style3 .icon-wrap:after, .Fin-Img-box .image-box.color_yellow.image-box-style7 .thumb-service:after, .Fin-Img-box .image-box.color_yellow.image-box-style10:after, .Fin-Img-box .image-box.color_yellow.image-box-style12 .thumb-service:after {
    background: var(--fin-yellow)
}

.Fin-Img-box .image-box.color_green.image-box-style1:hover .perspective_overlay, .Fin-Img-box .image-box.color_green.image-box-style6 .thumb-service:before, .Fin-Img-box .image-box.color_green.image-box-style5:hover .perspective_overlay, .Fin-Img-box .image-box.color_green.image-box-style9 .thumb-service:after, .Fin-Img-box .image-box.color_green.image-box-style12 .thumb-service:after, .Fin-Img-box .image-box.color_green.image-box-style12 .thumb-service:before {
    background: linear-gradient(to bottom, rgba(0,0,0,0), var(--fin-green) 100%)
}

.Fin-Img-box .image-box.color_green.image-box-style2 .caption:before {
    background: linear-gradient(to bottom, rgba(0,0,0,0), var(--fin-green) 70%)
}

.Fin-Img-box .image-box.color_green.image-box-style9 .title-wrap h6 {
    color: var(--fin-green)
}

.Fin-Img-box .image-box.color_green.image-box-style7 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_green.image-box-style2 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_green.image-box-style6 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_green.image-box-style9 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_green.image-box-style12 .title-wrap .icon-wrap {
    color: var(--fin-green)
}

    .Fin-Img-box .image-box.color_green.image-box-style7 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_green.image-box-style2 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_green.image-box-style6 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_green.image-box-style9 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_green.image-box-style12 .title-wrap .icon-wrap i {
        color: var(--fin-green)
    }

.Fin-Img-box .image-box.color_green.image-box-style8 .thumb-service:after, .Fin-Img-box .image-box.color_green.image-box-style8 .icon-wrap:after, .Fin-Img-box .image-box.color_green.image-box-style4:after, .Fin-Img-box .image-box.color_green.image-box-style3 .image-bg:before, .Fin-Img-box .image-box.color_green.image-box-style3 .icon-wrap:after, .Fin-Img-box .image-box.color_green.image-box-style7 .thumb-service:after, .Fin-Img-box .image-box.color_green.image-box-style10:after, .image-box.color_green.image-box-style12 .thumb-service:after {
    background: var(--fin-green)
}

.Fin-Img-box .image-box.color_blue.image-box-style1:hover .perspective_overlay, .Fin-Img-box .image-box.color_blue.image-box-style6 .thumb-service:before, .Fin-Img-box .image-box.color_blue.image-box-style5:hover .perspective_overlay, .Fin-Img-box .image-box.color_blue.image-box-style9 .thumb-service:after, .Fin-Img-box .image-box.color_blue.image-box-style12 .thumb-service:before {
    background: linear-gradient(to bottom, rgba(0,0,0,0), var(--fin-blue) 100%)
}

.Fin-Img-box .image-box.color_blue.image-box-style2 .caption:before {
    background: linear-gradient(to bottom, rgba(0,0,0,0), var(--fin-blue) 70%)
}

.Fin-Img-box .image-box.color_blue.image-box-style9 .title-wrap h6 {
    color: var(--fin-blue)
}

.Fin-Img-box .image-box.color_blue.image-box-style7 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_blue.image-box-style2 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_blue.image-box-style6 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_blue.image-box-style9 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_blue.image-box-style12 .title-wrap .icon-wrap {
    color: var(--fin-blue)
}

    .Fin-Img-box .image-box.color_blue.image-box-style7 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_blue.image-box-style2 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_blue.image-box-style6 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_blue.image-box-style9 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_blue.image-box-style12 .title-wrap .icon-wrap i {
        color: var(--fin-blue)
    }

.Fin-Img-box .image-box.color_blue.image-box-style8 .thumb-service:after, .Fin-Img-box .image-box.color_blue.image-box-style8 .icon-wrap:after, .Fin-Img-box .image-box.color_blue.image-box-style4:after, .Fin-Img-box .image-box.color_blue.image-box-style3 .image-bg:before, .Fin-Img-box .image-box.color_blue.image-box-style3 .icon-wrap:after, .Fin-Img-box .image-box.color_blue.image-box-style7 .thumb-service:after, .Fin-Img-box .image-box.color_blue.image-box-style10:after, .Fin-Img-box .image-box.color_blue.image-box-style12 .thumb-service:after {
    background: var(--fin-blue)
}

.Fin-Img-box .image-box.color_purple.image-box-style1:hover .perspective_overlay, .Fin-Img-box .image-box.color_purple.image-box-style6 .thumb-service:before, .Fin-Img-box .image-box.color_purple.image-box-style5:hover .perspective_overlay, .Fin-Img-box .image-box.color_purple.image-box-style9 .thumb-service:after, .Fin-Img-box .image-box.color_purple.image-box-style12 .thumb-service:after, .Fin-Img-box .image-box.color_purple.image-box-style12 .thumb-service:before {
    background: linear-gradient(to bottom, rgba(0,0,0,0), var(--fin-purple) 100%)
}

.Fin-Img-box .image-box.color_purple.image-box-style2 .caption:before {
    background: linear-gradient(to bottom, rgba(0,0,0,0), var(--fin-purple) 70%)
}

.Fin-Img-box .image-box.color_purple.image-box-style9 .title-wrap h6 {
    color: var(--fin-purple)
}

.Fin-Img-box .image-box.color_purple.image-box-style7 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_purple.image-box-style2 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_purple.image-box-style6 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_purple.image-box-style9 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_purple.image-box-style12 .title-wrap .icon-wrap {
    color: var(--fin-purple)
}

    .Fin-Img-box .image-box.color_purple.image-box-style7 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_purple.image-box-style2 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_purple.image-box-style6 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_purple.image-box-style9 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_purple.image-box-style12 .title-wrap .icon-wrap i {
        color: var(--fin-purple)
    }

.Fin-Img-box .image-box.color_purple.image-box-style8 .thumb-service:after, .Fin-Img-box .image-box.color_purple.image-box-style8 .icon-wrap:after, .Fin-Img-box .image-box.color_purple.image-box-style4:after, .Fin-Img-box .image-box.color_purple.image-box-style3 .image-bg:before, .Fin-Img-box .image-box.color_purple.image-box-style3 .icon-wrap:after, .Fin-Img-box .image-box.color_purple.image-box-style7 .thumb-service:after, .Fin-Img-box .image-box.color_purple.image-box-style10:after, .Fin-Img-box .image-box.color_purple.image-box-style12 .thumb-service:after {
    background: var(--fin-purple)
}

.Fin-Img-box .image-box.color_pink.image-box-style1:hover .perspective_overlay, .Fin-Img-box .image-box.color_pink.image-box-style6 .thumb-service:before, .Fin-Img-box .image-box.color_pink.image-box-style5:hover .perspective_overlay, .Fin-Img-box .image-box.color_pink.image-box-style9 .thumb-service:after, .Fin-Img-box .image-box.color_pink.image-box-style12 .thumb-service:before {
    background: linear-gradient(to bottom, rgba(0,0,0,0), var(--fin-pink) 100%)
}

.Fin-Img-box .image-box.color_pink.image-box-style2 .caption:before {
    background: linear-gradient(to bottom, rgba(0,0,0,0), var(--fin-pink) 70%)
}

.Fin-Img-box .image-box.color_pink.image-box-style9 .title-wrap h6 {
    color: var(--fin-pink)
}

.Fin-Img-box .image-box.color_pink.image-box-style7 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_pink.image-box-style2 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_pink.image-box-style6 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_pink.image-box-style9 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_pink.image-box-style12 .title-wrap .icon-wrap {
    color: var(--fin-pink)
}

    .Fin-Img-box .image-box.color_pink.image-box-style7 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_pink.image-box-style2 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_pink.image-box-style6 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_pink.image-box-style9 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_pink.image-box-style12 .title-wrap .icon-wrap i {
        color: var(--fin-pink)
    }

.Fin-Img-box .image-box.color_pink.image-box-style8 .thumb-service:after, .Fin-Img-box .image-box.color_pink.image-box-style8 .icon-wrap:after, .Fin-Img-box .image-box.color_pink.image-box-style4:after, .Fin-Img-box .image-box.color_pink.image-box-style3 .image-bg:before, .Fin-Img-box .image-box.color_pink.image-box-style3 .icon-wrap:after, .Fin-Img-box .image-box.color_pink.image-box-style7 .thumb-service:after, .Fin-Img-box .image-box.color_pink.image-box-style10:after, .Fin-Img-box .image-box.color_pink.image-box-style12 .thumb-service:after {
    background: var(--fin-pink)
}

.Fin-Img-box .image-box.color_red.image-box-style1:hover .perspective_overlay, .Fin-Img-box .image-box.color_red.image-box-style6 .thumb-service:before, .Fin-Img-box .image-box.color_red.image-box-style5:hover .perspective_overlay, .Fin-Img-box .image-box.color_red.image-box-style9 .thumb-service:after, .Fin-Img-box .image-box.color_red.image-box-style12 .thumb-service:before {
    background: linear-gradient(to bottom, rgba(0,0,0,0), var(--fin-red) 100%)
}

.Fin-Img-box .image-box.color_red.image-box-style2 .caption:before {
    background: linear-gradient(to bottom, rgba(0,0,0,0), var(--fin-red) 70%)
}

.Fin-Img-box .image-box.color_red.image-box-style9 .title-wrap h6 {
    color: var(--fin-red)
}

.Fin-Img-box .image-box.color_red.image-box-style7 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_red.image-box-style2 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_red.image-box-style6 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_red.image-box-style9 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_red.image-box-style12 .title-wrap .icon-wrap {
    color: var(--fin-red)
}

    .Fin-Img-box .image-box.color_red.image-box-style7 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_red.image-box-style2 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_red.image-box-style6 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_red.image-box-style9 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_red.image-box-style12 .title-wrap .icon-wrap i {
        color: var(--fin-red);
    }

.Fin-Img-box .image-box.color_red.image-box-style8 .thumb-service:after, .Fin-Img-box .image-box.color_red.image-box-style8 .icon-wrap:after, .Fin-Img-box .image-box.color_red.image-box-style4:after, .Fin-Img-box .image-box.color_red.image-box-style3 .image-bg:before, .Fin-Img-box .image-box.color_red.image-box-style3 .icon-wrap:after, .Fin-Img-box .image-box.color_red.image-box-style7 .thumb-service:after, .Fin-Img-box .image-box.color_red.image-box-style10:after, .Fin-Img-box .image-box.color_red.image-box-style12 .thumb-service:after {
    background: var(--fin-red)
}

.Fin-Img-box .image-box.color_dark.image-box-style1:hover .perspective_overlay, .Fin-Img-box .image-box.color_dark.image-box-style6 .thumb-service:before, .Fin-Img-box .image-box.color_dark.image-box-style5:hover .perspective_overlay, .Fin-Img-box .image-box.color_dark.image-box-style9 .thumb-service:after, .Fin-Img-box .image-box.color_dark.image-box-style12 .thumb-service:after, .Fin-Img-box .image-box.color_dark.image-box-style12 .thumb-service:before {
    background: linear-gradient(to bottom, rgba(0,0,0,0), var(--fin-dark) 100%)
}

.Fin-Img-box .image-box.color_dark.image-box-style2 .caption:before {
    background: linear-gradient(to bottom, rgba(0,0,0,0), var(--fin-dark) 70%)
}

.Fin-Img-box .image-box.color_dark.image-box-style9 .title-wrap h6 {
    color: var(--fin-dark);
}

.Fin-Img-box .image-box.color_dark.image-box-style7 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_dark.image-box-style2 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_dark.image-box-style6 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_dark.image-box-style9 .title-wrap .icon-wrap, .Fin-Img-box .image-box.color_dark.image-box-style12 .title-wrap .icon-wrap {
    color: var(--fin-dark)
}

    .Fin-Img-box .image-box.color_dark.image-box-style7 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_dark.image-box-style2 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_dark.image-box-style6 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_dark.image-box-style9 .title-wrap .icon-wrap i, .Fin-Img-box .image-box.color_dark.image-box-style12 .title-wrap .icon-wrap i {
        color: var(--fin-dark)
    }

.Fin-Img-box .image-box.color_dark.image-box-style8 .thumb-service:after, .Fin-Img-box .image-box.color_dark.image-box-style8 .icon-wrap:after, .Fin-Img-box .image-box.color_dark.image-box-style4:after, .Fin-Img-box .image-box.color_dark.image-box-style3 .image-bg:before, .Fin-Img-box .image-box.color_dark.image-box-style3 .icon-wrap:after, .Fin-Img-box .image-box.color_dark.image-box-style7 .thumb-service:after, .Fin-Img-box .image-box.color_dark.image-box-style10:after, .Fin-Img-box .image-box.color_dark.image-box-style12 .thumb-service:after {
    background: var(--fin-dark)
}

.Fin-Img-box .image-box-style3, .Fin-Img-box .image-box-style4:hover, .Fin-Img-box .image-box-style6 .title-wrap, .Fin-Img-box .image-box-style6 .title-wrap .icon-wrap, .image-box-style7, .Fin-Img-box .image-box-style7 .title-wrap .icon-wrap, .Fin-Img-box .image-box-style8, .image-box-style9, .Fin-Img-box .image-box-style9 .title-wrap .icon-wrap, .Fin-Img-box .image-box-style12 .title-wrap .icon-wrap {
    -webkit-box-shadow: 0 15px 55px -5px rgba(9,31,67,0.1);
    -moz-box-shadow: 0 15px 55px -5px rgba(9,31,67,0.1);
    box-shadow: 0 15px 55px -5px rgba(9,31,67,0.1)
}

.Fin-Img-box .image-box-style1:hover, .Fin-Img-box .image-box-style2:hover .caption, .image-box-style3:hover, .Fin-Img-box .image-box-style5:hover {
    -webkit-box-shadow: 0 60px 100px -30px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 60px 100px -30px rgba(0,0,0,0.25);
    box-shadow: 0 60px 100px -30px rgba(0,0,0,0.25)
}

.Img-box-bg-white .Fin-Img-box {
    background: #fff;
}

.Fin-Img-box .image-box-style12 {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    overflow: hidden;
}

    .Fin-Img-box .image-box-style12 .thumb-service {
        position: relative;
        overflow: hidden;
    }

        .Fin-Img-box .image-box-style12 .thumb-service > img {
            filter: grayscale(90%);
            transform: scale(1);
            -moz-transition: 15s transform cubic-bezier(0.19, 1, 0.22, 1);
            -o-transition: 15s transform cubic-bezier(0.19, 1, 0.22, 1);
            -webkit-transition: 15s transform cubic-bezier(0.19, 1, 0.22, 1);
            transition: 15s transform cubic-bezier(0.19, 1, 0.22, 1);
        }


.image-box-style12 .thumb-service:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    opacity: .6;
    transition: opacity .45s cubic-bezier(0.15, 0.75, 0.5, 1) 0s, transform .45s cubic-bezier(0.15, 0.75, 0.5, 1) 0;
}

.Fin-Img-box .image-box.color_blue.image-box-style12 .thumb-service:after {
    background: var(--fin-blue);
}

.Fin-Img-box .image-box-style12:hover .thumb-service img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.Fin-Img-box .image-box-style12 .title-wrap {
    padding: 40px;
    position: relative;
}

    .Fin-Img-box .image-box-style12 .title-wrap .icon-wrap {
        position: absolute;
        background: #fff;
        width: 70px;
        height: 70px;
        right: 40px;
        top: -30px;
        color: var(--fin-orange);
        line-height: 35px;
        font-size: 35px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        z-index: 9;
    }

    .Fin-Img-box .image-box-style12 .title-wrap .icon-wrap {
        -webkit-box-shadow: 0 15px 55px -5px rgb(9 31 67 / 10%);
        -moz-box-shadow: 0 15px 55px -5px rgba(9,31,67,0.1);
        box-shadow: 0 15px 55px -5px rgb(9 31 67 / 10%);
    }

    .Fin-Img-box .image-box-style12 .title-wrap .button {
        margin-top: 10px;
        margin-bottom: 0;
        padding-bottom: 0;
        padding-top: 0;
    }

.image-box-style12 {
    -webkit-box-shadow: 0 15px 55px -5px rgb(9 31 67 / 10%);
    -moz-box-shadow: 0 15px 55px -5px rgba(9,31,67,0.1);
    box-shadow: 0 15px 55px -5px rgb(9 31 67 / 10%);
}

.Fin-Img-box .box_animation2 .thumb-service:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    z-index: 2;
}

.Fin-Img-box .box_animation2:hover .thumb-service:before {
    -webkit-transform: sclaeY(1);
    transform: scaleY(1);
}

.Fin-Img-box .box_animation2 .thumb-service img {
    display: block;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    transform: none;
}

.Fin-Img-box .box_animation2:hover .thumb-service img {
    filter: grayscale(90%);
    transform: scale(1.1);
}

.Fin-Img-box .box_animation2:hover .thumb-service:before {
    -webkit-transform: sclaeY(1);
    transform: scaleY(1);
}

.Fin-Img-box .box_animation2 .thumb-service img {
    display: block;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    transform: none;
}

.Fin-Img-box .box_animation2:hover .thumb-service img {
    filter: grayscale(90%);
    transform: scale(1.1);
}

.Fin-Img-box .image-box .box_animation2 .thumb-service:after {
    opacity: 0;
}

.Fin-Img-box .box_animation3 .thumb-service:before {
    background: linear-gradient(to bottom, rgba(0,0,0,0), var(--fin-green) 100%);
}

.Fin-Img-box .box_animation3 .thumb-service:before {
    display: none !important;
}

.Fin-Img-box .box_animation3 .thumb-service:after {
    position: absolute;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    background: linear-gradient(to bottom, rgba(0,0,0,0), var(--fin-orange) 100%);
}

.Fin-Img-box .image-box:hover .box_animation3 .thumb-service:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.Fin-Img-box .box_animation3 .thumb-service img {
    display: block;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    transform: none;
    filter: grayscale(90%) !important;
    transform: scale(1) !important;
}

.box_highlightstyle1 .image-box {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-box-shadow: 0 15px 20px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 15px 20px rgba(0,0,0,0.1);
    box-shadow: 0 15px 20px rgb(0 0 0 / 10%);
}

    .box_highlightstyle1 .image-box:hover {
        -webkit-box-shadow: 0 15px 55px -5px rgb(9 31 67 / 10%) !important;
        -moz-box-shadow: 0 15px 55px -5px rgba(9,31,67,0.1) !important;
        box-shadow: 0 15px 55px -5px rgb(9 31 67 / 10%) !important;
    }

.box_highlightstyle2 .image-box {
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    box-shadow: none !important;
    z-index: 999;
    position: relative;
}

    .box_highlightstyle2 .image-box:hover {
        -webkit-box-shadow: 0 15px 55px -5px rgb(9 31 67 / 10%);
        -moz-box-shadow: 0 15px 55px -5px rgba(9,31,67,0.1);
        box-shadow: 0 15px 55px -5px rgb(9 31 67 / 10%);
    }

    .box_highlightstyle2 .image-box:hover {
        z-index: 3;
        -webkit-transform: translateY(-10px) scale(1.1);
        transform: translateY(-10px) scale(1.1)
    }

    .box_highlightstyle2 .image-box:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 5px;
        transform-origin: top center;
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transition: all 300ms linear 0;
        -moz-transition: all 300ms linear 0;
        -ms-transition: all 300ms linear 0;
        -o-transition: all 300ms linear 0;
        transition: all 300ms linear 0;
        display: none !important;
    }

    .box_highlightstyle2 .image-box:hover:after {
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
/*===============Effect=========================*/
.hvr-sweep-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-sweep-to-bottom:before {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098D1;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
        color: white;
    }

        .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
            opacity: 0.6;
        }


/*================ Image Box END ================*/

/* ======== Flip Box END ========*/

.Fin-Flip-box .image-flip-box {
    position: relative;
    perspective: 1000px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.Fin-Flip-box .image-flip-box__front-side, .Fin-Flip-box .image-flip-box__back-side {
    height: 300px;
    position: relative;
    background-size: cover;
    background-position: center;
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.Fin-Flip-box .image-flip-box__back-side {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.Fin-Flip-box .image-flip-box[data-flip-direction="horizontal_to_left"] .image-flip-box__front-side {
    transform: rotateY(0deg);
    transform-style: preserve-3d
}

.Fin-Flip-box .image-flip-box[data-flip-direction="horizontal_to_left"] .image-flip-box__back-side {
    transform: rotateY(180deg);
    transform-style: preserve-3d
}

.Fin-Flip-box .image-flip-box[data-flip-direction="horizontal_to_left"]:hover .image-flip-box__front-side {
    transform: rotateY(-180deg);
    transform-style: preserve-3d
}

.Fin-Flip-box .image-flip-box[data-flip-direction="horizontal_to_left"]:hover .image-flip-box__back-side {
    transform: rotateY(0deg);
    transform-style: preserve-3d
}

.Fin-Flip-box .image-flip-box[data-flip-direction="horizontal_to_right"] .image-flip-box__front-side {
    transform: rotateY(0deg);
    transform-style: preserve-3d
}

.Fin-Flip-box .image-flip-box[data-flip-direction="horizontal_to_right"] .image-flip-box__back-side {
    transform: rotateY(-180deg);
    transform-style: preserve-3d
}

.Fin-Flip-box .image-flip-box[data-flip-direction="horizontal_to_right"]:hover .image-flip-box__front-side {
    transform: rotateY(180deg);
    transform-style: preserve-3d
}

.Fin-Flip-box .image-flip-box[data-flip-direction="horizontal_to_right"]:hover .image-flip-box__back-side {
    transform: rotateY(0deg);
    transform-style: preserve-3d
}

.Fin-Flip-box .image-flip-box[data-flip-direction="vertical_to_bottom"] .image-flip-box__front-side {
    transform: rotateX(0deg);
    transform-style: preserve-3d
}

.Fin-Flip-box .image-flip-box[data-flip-direction="vertical_to_bottom"] .image-flip-box__back-side {
    transform: rotateX(-180deg);
    transform-style: preserve-3d
}

.Fin-Flip-box .image-flip-box[data-flip-direction="vertical_to_bottom"]:hover .image-flip-box__front-side {
    transform: rotateX(180deg);
    transform-style: preserve-3d
}

.Fin-Flip-box .image-flip-box[data-flip-direction="vertical_to_bottom"]:hover .image-flip-box__back-side {
    transform: rotateX(0deg);
    transform-style: preserve-3d
}

.Fin-Flip-box .image-flip-box[data-flip-direction="vertical_to_top"] .image-flip-box__front-side {
    transform: rotateX(0deg);
    transform-style: preserve-3d
}

.Fin-Flip-box .image-flip-box[data-flip-direction="vertical_to_top"] .image-flip-box__back-side {
    transform: rotateX(180deg);
    transform-style: preserve-3d
}

.Fin-Flip-box .image-flip-box[data-flip-direction="vertical_to_top"]:hover .image-flip-box__front-side {
    transform: rotateX(-180deg);
    transform-style: preserve-3d
}

.Fin-Flip-box .image-flip-box[data-flip-direction="vertical_to_top"]:hover .image-flip-box__back-side {
    transform: rotateX(0deg);
    transform-style: preserve-3d
}

.Fin-Flip-box .image-flip-box .image-flip-box__content {
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    padding: 40px;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    transform: translateZ(60px);
    perspective: inherit;
    backface-visibility: hidden
}

    .Fin-Flip-box .image-flip-box .image-flip-box__content h6, .Fin-Flip-box .image-flip-box .image-flip-box__content .content, .Fin-Flip-box .image-flip-box .image-flip-box__content .sup_title, .Fin-Flip-box .image-flip-box .image-flip-box__content .link-btn, .Fin-Flip-box .image-flip-box .image-flip-box__content .icon-wrap i {
        color: #fff
    }

    .Fin-Flip-box .image-flip-box .image-flip-box__content h6 {
        margin-bottom: 7px;
        font-size: 22px;
        line-height: 29px
    }

    .Fin-Flip-box .image-flip-box .image-flip-box__content .sup_title {
        font-style: normal;
        font-weight: 600;
        font-size: 10px;
        text-transform: uppercase;
        line-height: 14px;
        letter-spacing: 1px;
        margin-bottom: 6px
    }

    .Fin-Flip-box .image-flip-box .image-flip-box__content .content, .Fin-Flip-box .image-flip-box .image-flip-box__content .content p {
        margin: 0;
        font-size: 15px;
        line-height: 26px
    }

    .Fin-Flip-box .image-flip-box .image-flip-box__content .content {
        margin-top: 10px
    }

    .Fin-Flip-box .image-flip-box .image-flip-box__content .link-btn {
        margin-top: 15px
    }

    .Fin-Flip-box .image-flip-box .image-flip-box__content .icon-wrap i {
        line-height: 1.4;
        display: block;
        font-size: 58px
    }

.Fin-Flip-box .image-flip-box[data-horizontal-align="center"] .image-flip-box__content {
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.Fin-Flip-box .image-flip-box[data-horizontal-align="left"] .image-flip-box__content {
    -ms-flex-align: start;
    align-items: flex-start
}

.Fin-Flip-box .image-flip-box[data-horizontal-align="right"] .image-flip-box__content {
    -ms-flex-align: end;
    align-items: flex-end;
    text-align: right
}

.Fin-Flip-box .image-flip-box[data-vertical-align="center"] .image-flip-box__content {
    -ms-flex-pack: center;
    justify-content: center
}

.Fin-Flip-box .image-flip-box[data-vertical-align="top"] .image-flip-box__content {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.Fin-Flip-box .image-flip-box[data-vertical-align="bottom"] .image-flip-box__content {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.Fin-Flip-box .image-flip-box__front-side[data-is-bg-overlay="true"]:before, .Fin-Flip-box .image-flip-box__back-side[data-is-bg-overlay="true"]:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2
}

.Fin-Flip-box .image-flip-box__front-side[data-opacity-bg-overlay="1"]:before, .Fin-Flip-box .image-flip-box__back-side[data-opacity-bg-overlay="1"]:before {
    opacity: 1
}

.Fin-Flip-box .image-flip-box__front-side[data-opacity-bg-overlay="0.9"]:before, .Fin-Flip-box .image-flip-box__back-side[data-opacity-bg-overlay="0.9"]:before {
    opacity: .9
}

.Fin-Flip-box .image-flip-box__front-side[data-opacity-bg-overlay="0.8"]:before, .Fin-Flip-box .image-flip-box__back-side[data-opacity-bg-overlay="0.8"]:before {
    opacity: .8
}

.Fin-Flip-box .image-flip-box__front-side[data-opacity-bg-overlay="0.7"]:before, .Fin-Flip-box .image-flip-box__back-side[data-opacity-bg-overlay="0.7"]:before {
    opacity: .7
}

.Fin-Flip-box .image-flip-box__front-side[data-opacity-bg-overlay="0.6"]:before, .Fin-Flip-box .image-flip-box__back-side[data-opacity-bg-overlay="0.6"]:before {
    opacity: .6
}

.Fin-Flip-box .image-flip-box__front-side[data-opacity-bg-overlay="0.5"]:before, .Fin-Flip-box .image-flip-box__back-side[data-opacity-bg-overlay="0.5"]:before {
    opacity: .5
}

.Fin-Flip-box .image-flip-box__front-side[data-opacity-bg-overlay="0.4"]:before, .Fin-Flip-box .image-flip-box__back-side[data-opacity-bg-overlay="0.4"]:before {
    opacity: .4
}

.Fin-Flip-box .image-flip-box__front-side[data-opacity-bg-overlay="0.3"]:before, .Fin-Flip-box .image-flip-box__back-side[data-opacity-bg-overlay="0.3"]:before {
    opacity: .3
}

.Fin-Flip-box .image-flip-box__front-side[data-opacity-bg-overlay="0.2"]:before, .Fin-Flip-box .image-flip-box__back-side[data-opacity-bg-overlay="0.2"]:before {
    opacity: .2
}

.Fin-Flip-box .image-flip-box__front-side[data-opacity-bg-overlay="0.1"]:before, .Fin-Flip-box .image-flip-box__back-side[data-opacity-bg-overlay="0.1"]:before {
    opacity: .1
}

.Fin-Flip-box .image-flip-box__front-side[data-opacity-bg-overlay="0"]:before, .Fin-Flip-box .image-flip-box__back-side[data-opacity-bg-overlay="0"]:before {
    opacity: 0
}

.Fin-Flip-box .bg_overlay_gradient:before {
    background: var(--fin-orange);
}

.Fin-Flip-box .bg_overlay_dark:before {
    background: #000
}

.Fin-Flip-box .bg-color-main, .bg_overlay_gradient:before, .Fin-Flip-box .bg_overlay_color-main:before, .Fin-Flip-box .bg_overlay_secondary:before {
    background: var(--fin-orange)
}

.Fin-Flip-box .link-btn {
    position: relative;
    z-index: 2;
    font-size: 13px;
    font-weight: 600;
    overflow: hidden;
    display: inline-block
}

    .Fin-Flip-box .link-btn:before, .Fin-Flip-box .link-btn:after {
        content: '';
        position: absolute;
        left: -1px;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: rgba(0,0,0,0.2);
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    .Fin-Flip-box .link-btn:before {
        content: '';
        position: absolute;
        transition: transform .5s ease;
        left: -1px;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: rgba(255,255,255,0.3);
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    .Fin-Flip-box .link-btn:after {
        -moz-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .Fin-Flip-box .link-btn:hover:after {
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .Fin-Flip-box .link-btn:hover:after {
        background: var(--fin-orange);
    }
/* ======== Flip Box END ========*/


/* ======== Price Box STARTED ======== */


/* ======== Price Box END ======== */


/* ========  Time Line STARTED ======== */

.content.fin-timeline-main,
.fin-timeline-main {
    background: #e6e6e6;
}

#fin-timeline {
    position: relative;
    max-width: 920px;
    width: 100%;
    margin: 0 auto;
    font-family: "Roboto",sans-serif;
    font-weight: 400
}

    #fin-timeline .timeline-start, #fin-timeline .timeline-end {
        display: table;
        z-index: 1;
        font-family: "Roboto",sans-serif;
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        background: #00BCD4;
        padding: 8px 14px;
        color: #fff;
        max-width: 5%;
        width: 100%;
        text-align: center;
        margin: 0 auto
    }

    #fin-timeline .conference-center-line {
        position: absolute;
        width: 3px;
        height: calc(100% - 80px);
        top: 0;
        left: 50%;
        margin-left: -2px;
        background: #00BCD4;
        margin-top: 40px;
        margin-bottom: 40px
    }

    #fin-timeline .conference-timeline-content {
        padding-top: 67px;
        padding-bottom: 67px
    }

    #fin-timeline .timeline-article {
        width: 100%;
        position: relative;
        overflow: hidden;
        margin: 20px 0
    }

        #fin-timeline .timeline-article.md-year {
            margin-bottom: 25px;
        }

        #fin-timeline .timeline-article .content-left-container, #fin-timeline .timeline-article .content-right-container {
            max-width: 44%;
            width: 100%;
            position: relative
        }

        #fin-timeline .timeline-article .content-heading {
            background: #00BCD4;
            color: #fff;
            padding: 20px 20px;
            font-size: 20px;
            position: relative;
            padding-left: 70px
        }

            #fin-timeline .timeline-article .content-heading .day {
                position: absolute;
                top: 32px;
                font-weight: 300;
                font-size: 44px;
                left: 10px
            }

            #fin-timeline .timeline-article .content-heading .time {
                font-size: 16px;
            }

            #fin-timeline .timeline-article .content-heading .year {
                font-size: 24px;
            }

        #fin-timeline .timeline-article .content-img {
            position: relative
        }

            #fin-timeline .timeline-article .content-img img {
                max-width: 100%;
                width: 100%;
                margin-bottom: 10px;
                height: 200px
            }

            #fin-timeline .timeline-article .content-img iframe {
                width: 100%;
                height: 200px;
                margin-bottom: 10px;
            }

        #fin-timeline .timeline-article .timeline-author {
            display: block;
            font-weight: 400;
            font-size: 14px;
            line-height: 24px;
            color: #242424;
            text-align: right
        }

            #fin-timeline .timeline-article .timeline-author a {
                color: #242424;
                text-decoration: none
            }

        #fin-timeline .timeline-article .content-left, .timeline-article .content-right {
            position: relative;
            width: auto;
            border: 1px solid #ddd;
            background-color: #fff;
            box-shadow: 0 1px 3px rgba(0,0,0,.03);
            padding: 27px 25px
        }

        #fin-timeline .timeline-article p {
            margin: 0 0 0 0px;
            padding: 0;
            font-weight: 400;
            color: #242424;
            font-size: 14px;
            line-height: 24px;
            position: relative
        }

            #fin-timeline .timeline-article p span.article-number {
                position: absolute;
                font-weight: 300;
                font-size: 44px;
                top: 10px;
                left: -60px;
                color: #00BCD4
            }

        #fin-timeline .timeline-article .content-left-container {
            float: left
        }

        #fin-timeline .timeline-article .content-right-container {
            float: right
        }

        #fin-timeline .timeline-article .content-left:before, .timeline-article .content-right:before {
            position: absolute;
            top: 20px;
            font-size: 23px;
            font-family: "FontAwesome";
            color: #fff;
            display: none
        }

        #fin-timeline .timeline-article .content-left:before {
            content: "\f0da";
            right: -8px
        }

        #fin-timeline .timeline-article .content-right:before {
            content: "\f0d9";
            left: -8px
        }

        #fin-timeline .timeline-article .meta-date {
            position: absolute;
            top: 0;
            left: 50%;
            width: 82px;
            height: 42px;
            margin-left: -41px;
            color: #333;
            border-radius: 0%;
            background: #fff;
            border: solid 1px #00BCD4
        }

            #fin-timeline .timeline-article .meta-date .date, .timeline-article .meta-date .month {
                display: block;
                text-align: center;
                font-weight: 900
            }

            #fin-timeline .timeline-article .meta-date .date {
                font-size: 20px;
                line-height: 42px
            }

            #fin-timeline .timeline-article .meta-date .month {
                font-size: 18px;
                line-height: 10px
            }

        #fin-timeline .timeline-article .content-left-container .content-heading:before {
            position: absolute;
            top: 10px;
            font-size: 43px;
            font-family: "Ionicons";
            color: #00BCD4
        }

        #fin-timeline .timeline-article .content-right-container .content-heading:before {
            position: absolute;
            top: 10px;
            font-size: 43px;
            font-family: "Ionicons";
            color: #00BCD4
        }

        #fin-timeline .timeline-article .content-left-container .content-heading:before {
            content: "\f284";
            right: -10px
        }

        #fin-timeline .timeline-article .content-right-container .content-heading:before {
            content: "\f282";
            left: -10px
        }

        #fin-timeline .timeline-article .iconview {
        }

            #fin-timeline .timeline-article .iconview i {
                font-size: 50px;
                color: #00BCD4
            }

        #fin-timeline .timeline-article .content-left-container.iconview {
            text-align: right
        }

        #fin-timeline .timeline-article .meta-date-start {
            position: absolute;
            top: 0;
            left: 50%;
            width: 24px;
            height: 24px;
            margin-left: -12px;
            color: #333;
            border-radius: 100%;
            background: #00BCD4;
            content: ""
        }

        #fin-timeline .timeline-article .meta-date-year {
            position: relative;
            top: 0;
            left: 50%;
            width: 82px;
            height: 42px;
            margin-left: -41px;
            color: #333;
            border-radius: 0%;
            background: #fff;
            border: solid 2px #00BCD4
        }

            #fin-timeline .timeline-article .meta-date-year .date, .timeline-article .meta-date-year .month {
                display: block;
                text-align: center;
                font-weight: 700
            }

            #fin-timeline .timeline-article .meta-date-year .date {
                font-size: inherit;
                line-height: 42px
            }

            #fin-timeline .timeline-article .meta-date-year .month {
                font-size: 18px;
                line-height: 10px
            }

        #fin-timeline .timeline-article .content-title {
            font-size: 20px;
            color: #000;
            margin: 0px 0px 10px
        }

        #fin-timeline .timeline-article .content-img-half {
            float: left;
            width: 30%;
            margin: 0px 10px 10px 0px
        }

            #fin-timeline .timeline-article .content-img-half img {
                max-width: 100%;
                width: 100%;
                margin-bottom: 0px;
                height: 90px;
            }

/* ========  Time Line END ======== */

/* ========  Process Box STARTED ======== */


.sec-proces-box {
    padding-top: 60px
}

.process-box {
    margin-bottom: 15px
}

    .process-box h6 {
        font-size: 22px !important;
        font-weight: 600;
        line-height: 32px;
        text-transform: none;
        letter-spacing: 0;
        margin: 10px auto
    }

    .process-box .content {
        color: #6a7c92;
        margin: 10px auto;
        display: block;
        font-weight: 400;
        font-style: normal;
        font-size: 16px !important;
        line-height: 29px;
        text-transform: none;
        letter-spacing: 0
    }

.process-box-style1 {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

    .process-box-style1 .process-wrap {
        max-width: 320px
    }

        .process-box-style1 .process-wrap:before, .process-box-style1 .process-wrap:after {
            display: block;
            position: absolute;
            content: '';
            top: 20px;
            left: 40px;
            width: 100%;
            height: 2px;
        }

        .process-box-style1 .process-wrap:before {
            background-color: #e6e4ef
        }

        .process-box-style1 .process-wrap:after {
            transform-origin: top left;
            -moz-transform: scale(0,1);
            -ms-transform: scale(0,1);
            -webkit-transform: scale(0,1);
            transform: scale(0,1);
            -webkit-transition: all 300ms linear 0;
            -moz-transition: all 300ms linear 0;
            -ms-transition: all 300ms linear 0;
            -o-transition: all 300ms linear 0;
            transition: all 300ms linear 0
        }

        .process-box-style1 .process-wrap .button {
            padding-top: 0;
            padding-bottom: 0
        }

    .process-box-style1 .number-step {
        position: relative;
        z-index: 1;
        width: 42px;
        height: 42px;
        margin-bottom: 15px
    }

        .process-box-style1 .number-step:before {
            position: absolute;
            content: '';
            border-radius: 50%;
            z-index: -1;
            width: 100%;
            height: 100%;
            -webkit-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease
        }

        .process-box-style1 .number-step h3 {
            line-height: 42px;
            text-align: center;
            display: block;
            color: #fff;
            font-weight: 600;
            font-size: 18px
        }

    .process-box-style1:hover .process-wrap:after {
        -moz-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }

.process-box-style2 {
    position: relative;
    max-width: 420px;
    width: 100%;
    float: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

    .process-box-style2 .process-wrap {
        position: relative;
        padding-bottom: 10px;
        text-align: center
    }

        .process-box-style2 .process-wrap:before {
            display: block;
            width: 240px;
            height: 50px;
            position: absolute;
            content: '';
            top: 3px;
            left: 70%;
            background-size: contain;
            background-repeat: no-repeat;
            background-clip: content-box;
            background-image: url(/images/CSS_img/step.png);
            opacity: .3
        }

        .process-box-style2 .process-wrap:before {
            background-size: 85%;
            left: 69%;
        }

    .process-box-style2 .number-step {
        position: relative;
        width: 80px;
        height: 80px;
        margin: 20px auto;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: background .35s ease-in-out;
        -moz-transition: background .35s ease-in-out;
        -o-transition: background .35s ease-in-out;
        transition: background .35s ease-in-out
    }

        .process-box-style2 .number-step:before {
            border-radius: inherit;
            position: absolute;
            content: '';
            width: 74px;
            height: 74px;
            left: 3px;
            top: 3px;
            opacity: .08;
            -moz-transform: scale(1.1);
            -o-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
            -webkit-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
            transition: all .5s ease
        }

        .process-box-style2 .number-step h3 {
            margin-bottom: 0;
            margin-top: 0px;
            line-height: 80px;
            font-weight: 600;
            font-style: normal;
            color: #14133b;
            font-size: 36px;
        }

    .process-box-style2 .process-wrap:before {
        display: block
    }

    .process-box-style2 .process-wrap.linehide:before {
        display: none
    }

.process-box-style3 {
    position: relative;
    padding: 50px 50px 0;
    max-width: 360px;
    background: #fff;
    border: 1px solid #e8e9f1;
    transform-style: preserve-3d;
    -moz-transform: rotateX(-45deg) translateY(120px);
    -ms-transform: rotateX(-45deg) translateY(120px);
    -webkit-transform: rotateX(-45deg) translateY(120px);
    transform: rotateX(-45deg) translateY(120px);
    transform: matrix(1,0,0,1,0,0);
    -webkit-transition: all .5s cubic-bezier(0.25,0.8,0.25,1);
    transition: all .5s cubic-bezier(0.25,0.8,0.25,1)
}

    .process-box-style3 .number-step, .process-box-style3 .process-wrap h6, .process-box-style3 .process-wrap .content, .process-box-style3 .button {
        -webkit-transition: -webkit-transform .35s;
        -moz-transition: -webkit-transform .35s;
        -ms-transition: -webkit-transform .35s;
        transition: transform .35s
    }

    .process-box-style3 .number-step {
        position: relative;
        width: 60px;
        height: 60px;
        margin-bottom: 15px
    }

        .process-box-style3 .number-step:before {
            border-radius: inherit;
            position: absolute;
            content: '';
            z-index: -1;
            width: 60px;
            height: 60px;
            left: 0;
            top: 0;
            opacity: .07;
            -webkit-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease
        }

        .process-box-style3 .number-step h3 {
            line-height: 60px;
            margin-bottom: 0;
            text-align: center;
            font-weight: 600;
            font-size: 36px;
            transition: opacity 0.24s ease-in-out;
        }

    .process-box-style3 .button {
        opacity: 0
    }

    .process-box-style3:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 2px;
        transform-origin: top left;
        -moz-transform: scale(0,1);
        -ms-transform: scale(0,1);
        -webkit-transform: scale(0,1);
        transform: scale(0,1);
        -webkit-transition: all 300ms linear 0;
        -moz-transition: all 300ms linear 0;
        -ms-transition: all 300ms linear 0;
        -o-transition: all 300ms linear 0;
        transition: all 300ms linear 0
    }

    .process-box-style3:hover:after {
        -moz-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }

    .process-box-style3:hover .process-wrap h6, .process-box-style3:hover .process-wrap .content, .process-box-style3:hover .button {
        -moz-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }

    .process-box-style3:hover .number-step {
        opacity: 0
    }

    .process-box-style3:hover .button {
        opacity: 1
    }

    .process-box-style3 .process-wrap:before {
        display: none
    }

.process-box.color_orange.process-box-style1 .number-step:before, .process-box.color_orange.process-box-style1 .process-wrap:after, .process-box.color_orange.process-box-style2 .number-step:before, .process-box.color_orange.process-box-style3 .number-step:before, .process-box.color_orange.process-box-style3:after {
    background: #ff7607
}

.process-box.color_orange.process-box-style3 .number-step h3 {
    color: #ff7607
}

.process-box.color_yellow.process-box-style1 .number-step:before, .process-box.color_yellow.process-box-style1 .process-wrap:after, .process-box.color_yellow.process-box-style2 .number-step:before, .process-box.color_yellow.process-box-style3 .number-step:before, .process-box.color_yellow.process-box-style3:after {
    background: var(--fin-yellow)
}

.process-box.color_yellow.process-box-style3 .number-step h3 {
    color: var(--fin-yellow)
}

.process-box.color_green.process-box-style1 .number-step:before, .process-box.color_green.process-box-style1 .process-wrap:after, .process-box.color_green.process-box-style2 .number-step:before, .process-box.color_green.process-box-style3 .number-step:before, .process-box.color_green.process-box-style3:after {
    background: var(--fin-green)
}

.process-box.color_green.process-box-style3 .number-step h3 {
    color: var(--fin-green)
}

.process-box.color_blue.process-box-style1 .number-step:before, .process-box.color_blue.process-box-style1 .process-wrap:after, .process-box.color_blue.process-box-style2 .number-step:before, .process-box.color_blue.process-box-style3 .number-step:before, .process-box.color_blue.process-box-style3:after {
    background: var(--fin-blue)
}

.process-box.color_blue.process-box-style3 .number-step h3 {
    color: var(--fin-blue)
}

.process-box.color_purple.process-box-style1 .number-step:before, .process-box.color_purple.process-box-style1 .process-wrap:after, .process-box.color_purple.process-box-style2 .number-step:before, .process-box.color_purple.process-box-style3 .number-step:before, .process-box.color_purple.process-box-style3:after {
    background: var(--fin-purple)
}

.process-box.color_purple.process-box-style3 .number-step h3 {
    color: var(--fin-purple)
}

.process-box.color_pink.process-box-style1 .number-step:before, .process-box.color_pink.process-box-style1 .process-wrap:after, .process-box.color_pink.process-box-style2 .number-step:before, .process-box.color_pink.process-box-style3 .number-step:before, .process-box.color_pink.process-box-style3:after {
    background: var(--fin-pink)
}

.process-box.color_pink.process-box-style3 .number-step h3 {
    color: var(--fin-pink)
}

.process-box.color_red.process-box-style1 .number-step:before, .process-box.color_red.process-box-style1 .process-wrap:after, .process-box.color_red.process-box-style2 .number-step:before, .process-box.color_red.process-box-style3 .number-step:before, .process-box.color_red.process-box-style3:after {
    background: var(--fin-red)
}

.process-box.color_red.process-box-style3 .number-step h3 {
    color: var(--fin-red)
}

.process-box.color_dark.process-box-style1 .number-step:before, .process-box.color_dark.process-box-style1 .process-wrap:after, .process-box.color_dark.process-box-style2 .number-step:before, .process-box.color_dark.process-box-style3 .number-step:before, .process-box.color_dark.process-box-style3:after {
    background: var(--fin-dark)
}

.process-box.color_dark.process-box-style3 .number-step h3 {
    color: var(--fin-dark)
}


/* ========  Process Box END ======== */

/* ========  Team Member STARTED ======== */

.social-icons a {
    display: inline-block;
    text-align: center;
    margin: 0 5px;
    width: 24px;
    height: 24px;
    line-height: 34px;
    font-size: 14px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: none !IMPORTANT;
}

.social-icons.right {
    float: right
}

.social-icons.left {
    float: left
}

.social-icons.dark a {
    background: #000;
    color: #fff
}

.social-icons.white a {
    background: #fff
}

.social-icons.style1 a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .social-icons.style1 a:hover {
        box-shadow: 0 20px 38px rgba(0,0,0,0.16);
        -moz-box-shadow: 0 20px 38px rgba(0,0,0,0.16);
        -webkit-box-shadow: 0 20px 38px rgba(0,0,0,0.16)
    }

.social-icons.style1.dark a {
    background: #000
}

.social-icons.style1.white a {
    background: #fff;
    color: #000
}

.social-icons.style1.grey a {
    background: #f7f8fd;
    color: #000
}

.social-icons.style1.primary a, .social-icons.style1.secondary a {
    color: #fff !important
}

.social-icons.style2 a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 35px;
    height: 35px;
    line-height: 32px;
    background: transparent;
    border: 2px solid
}

.social-icons.style2.primary a:hover {
    background: var(--fin-orange);
    color: #fff
}

.social-icons.style2.dark a {
    color: #000
}

    .social-icons.style2.dark a:hover {
        background: #000;
        border-color: #000;
        color: #fff
    }

.social-icons.style2.white a {
    color: #fff
}

    .social-icons.style2.white a:hover {
        background: #fff;
        border-color: #fff;
        color: #000
    }

.social-icons.style2.grey a {
    color: #f7f8fd
}

    .social-icons.style2.grey a:hover {
        background-color: #f7f8fd;
        border-color: #f7f8fd;
        color: #000
    }

.social-icons.style3 a {
    background: transparent;
    width: 28px;
    height: 28px;
    font-size: 15px
}

.social-icons.style3.dark a {
    color: #000
}

.social-icons.style3.white a {
    color: #fff
}

.social-icons.style3.grey a {
    color: #f7f8fd
}

.mo-team {
    position: relative
}

    .mo-team .team-member {
        max-width: 420px;
        margin-top: 15px;
        margin-bottom: 15px
    }

.team-title h5 {
    display: block;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: 0;
    font-weight: 600;
    font-style: normal;
    text-transform: capitalize
}

    .team-title h5 a {
        color: inherit
    }

.team-title h6 {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0;
    font-style: normal;
    text-transform: capitalize
}

.mo-team .team-member .team-social.social-icons a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

    .mo-team .team-member .team-social.social-icons a:before {
        position: absolute;
        z-index: -1;
        content: '';
        top: 0;
        background: inherit;
        width: inherit;
        height: inherit;
        display: block;
        -webkit-border-radius: inherit;
        border-radius: inherit;
        -webkit-transition: transform .3s;
        -moz-transition: transform .3s;
        -ms-transition: transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9)
    }

    .mo-team .team-member .team-social.social-icons a:hover:before {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

.mo-team .team-member:hover .team-social:hover a {
    opacity: .3 !important
}

.mo-team .team-member:hover .team-social a:hover {
    opacity: 1 !important
}

.mo-team .team-member img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.mo-team.tpl1 {
    position: relative;
    padding: 0
}

    .mo-team.tpl1 .team-member .team-social a.socialimg {
        background: transparent !important
    }

        .mo-team.tpl1 .team-member .team-social a.socialimg img {
            border-radius: 6px;
        }

    .mo-team.tpl1 .team-member {
        position: relative;
        overflow: hidden;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

        .mo-team.tpl1 .team-member img {
            position: relative;
            display: block;
            -webkit-transition: opacity .55s cubic-bezier(0.15,0.75,0.5,1) 0.25s,transform .45s cubic-bezier(0.15,0.75,0.5,1) 0;
            transition: transform .45s cubic-bezier(0.15,0.75,0.5,1) 0s,opacity .55s cubic-bezier(0.15,0.75,0.5,1) .25s;
        }

        .mo-team.tpl1 .team-member .overlay {
            content: "";
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 1;
            background: linear-gradient(to bottom,rgba(15,15,15,0),rgba(15,15,15,0.75) 100%);
        }

        .mo-team.tpl1 .team-member .team-social {
            position: absolute;
            z-index: 2;
            bottom: -40px;
            left: 50%;
            transform: translate(-50%,-50%);
            display: flex;
            justify-content: center
        }

            .mo-team.tpl1 .team-member .team-social a {
                opacity: 0;
                visibility: hidden;
                transition: all .5s ease;
                transform: translateY(-90px);
                background: #fff
            }

                .mo-team.tpl1 .team-member .team-social a span {
                    font-size: 24px
                }

        .mo-team.tpl1 .team-member .team-title {
            position: absolute;
            z-index: 2;
            width: 100%;
            bottom: 30px;
            padding: 30px;
            text-align: center;
            transition: all .5s cubic-bezier(0.25,0.8,0.25,1)
        }

            .mo-team.tpl1 .team-member .team-title h5 {
                color: #fff;
                position: absolute;
                bottom: 2px;
                left: 0;
                right: 0;
                margin-bottom: 5px
            }

            .mo-team.tpl1 .team-member .team-title h6 {
                color: #fff;
                margin-bottom: 10px;
                font-size: 14px
            }

        .mo-team.tpl1 .team-member:hover {
            z-index: 1;
            transform: scale(1.08) translateZ(0)
        }

            .mo-team.tpl1 .team-member:hover img {
                filter: grayscale(90%);
                transform: scale(1.1)
            }

            .mo-team.tpl1 .team-member:hover .team-title {
                -moz-transform: translateY(-54px);
                -ms-transform: translateY(-54px);
                -webkit-transform: translateY(-54px);
                transform: translateY(-54px)
            }

.mo-team .team-member:hover .team-social a {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50px)
}

    .mo-team .team-member:hover .team-social a:first-child {
        -webkit-transition-delay: .07s;
        transition-delay: .07s
    }

    .mo-team .team-member:hover .team-social a:nth-child(2) {
        -webkit-transition-delay: .15s;
        transition-delay: .15s
    }

    .mo-team .team-member:hover .team-social a:nth-child(3) {
        -webkit-transition-delay: .23s;
        transition-delay: .23s
    }

    .mo-team .team-member:hover .team-social a:nth-child(4) {
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }

    .mo-team .team-member:hover .team-social a:nth-child(5) {
        -webkit-transition-delay: .38s;
        transition-delay: .38s
    }

    .mo-team .team-member:hover .team-social a:nth-child(6) {
        -webkit-transition-delay: .46s;
        transition-delay: .46s
    }

    .mo-team .team-member:hover .team-social a:nth-child(7) {
        -webkit-transition-delay: .53s;
        transition-delay: .53s
    }

    .mo-team .team-member:hover .team-social a:nth-child(8) {
        -webkit-transition-delay: .61s;
        transition-delay: .61s
    }

    .mo-team .team-member:hover .team-social a:nth-child(9) {
        -webkit-transition-delay: .69s;
        transition-delay: .69s
    }

    .mo-team .team-member:hover .team-social a span {
        line-height: 34px
    }
/*.mo-team.tpl1 .team-member:hover .overlay{background: linear-gradient(to bottom,rgba(15,15,15,0),#f29111 100%);}*/

/* ==== Color ==== */

.mo-team.tpl1 .team-member:hover .overlay.color_orange {
    background: linear-gradient(to bottom,rgba(15,15,15,0),var(--fin-orange) 100%);
}

.mo-team.tpl1 .team-member:hover .overlay.color_yellow {
    background: linear-gradient(to bottom,rgba(15,15,15,0),var(--fin-yellow) 100%);
}

.mo-team.tpl1 .team-member:hover .overlay.color_green {
    background: linear-gradient(to bottom,rgba(15,15,15,0),var(--fin-green) 100%);
}

.mo-team.tpl1 .team-member:hover .overlay.color_blue {
    background: linear-gradient(to bottom,rgba(15,15,15,0),var(--fin-blue) 100%);
}

.mo-team.tpl1 .team-member:hover .overlay.color_purple {
    background: linear-gradient(to bottom,rgba(15,15,15,0),var(--fin-purple) 100%);
}

.mo-team.tpl1 .team-member:hover .overlay.color_pink {
    background: linear-gradient(to bottom,rgba(15,15,15,0),var(--fin-pink) 100%);
}

.mo-team.tpl1 .team-member:hover .overlay.color_red {
    background: linear-gradient(to bottom,rgba(15,15,15,0),var(--fin-red) 100%);
}

.mo-team.tpl1 .team-member:hover .overlay.color_dark {
    background: linear-gradient(to bottom,rgba(15,15,15,0),var(--fin-dark) 100%);
}

/* ==== Color ==== */

.mo-team.tpl1 .testimonial-carousel .team-member:hover {
    transform: scale(1) translateZ(0);
    box-shadow: none
}

.mo-team.tpl2 {
    position: relative;
    overflow: visible
}

    .mo-team.tpl2 .team-member {
        position: relative;
        overflow: visible;
        overflow: hidden;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

        .mo-team.tpl2 .team-member img {
            width: 100%;
            -webkit-filter: grayscale(60%);
            filter: grayscale(60%)
        }

        .mo-team.tpl2 .team-member .overlay {
            content: "";
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 1;
            background: linear-gradient(to bottom,rgba(15,15,15,0),rgba(15,15,15,0.75) 100%);
            -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.19,1,0.22,1);
            transition: transform 1.5s cubic-bezier(0.19,1,0.22,1);
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
            -webkit-transform-origin: bottom left;
            transform-origin: bottom left
        }

        .mo-team.tpl2 .team-member .team-img {
            position: relative;
            overflow: hidden;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px
        }

        .mo-team.tpl2 .team-member .team-title {
            padding: 15px;
            text-align: center;
            background: #fff;
            position: relative;
            top: -50px;
            z-index: 2;
            margin-left: 20px;
            margin-right: 20px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-transition: transform .3s cubic-bezier(0,0,0.5,0.99);
            -moz-transition: transform .3s cubic-bezier(0,0,0.5,0.99);
            transition: transform .3s cubic-bezier(0,0,0.5,0.99)
        }

            .mo-team.tpl2 .team-member .team-title h5 {
                color: #14133b
            }

            .mo-team.tpl2 .team-member .team-title h6 {
                color: #6a7c92;
                opacity: .8
            }

        .mo-team.tpl2 .team-member .team-social {
            position: absolute;
            z-index: 2;
            top: 0px;
            left: 0%;
            transform: translate(-50%,-50%);
            display: flex;
            justify-content: center;
            width: 100%;
        }

            .mo-team.tpl2 .team-member .team-social a {
                opacity: 0;
                visibility: hidden;
                transition: all .5s ease;
                transform: translateY(-90px);
                background: #fff
            }

                .mo-team.tpl2 .team-member .team-social a span {
                    font-size: 24px;
                    line-height: 24px;
                }

        .mo-team.tpl2 .team-member:hover .team-social a {
            opacity: 1;
            visibility: visible;
        }

.item .mo-team.tpl2 .team-member .team-social a:not(.btn) {
    display: initial;
}

.mo-team.tpl2 .team-member .team-social a.socialimg img {
    width: 34px;
    max-width: 34px;
    display: initial;
    border-radius: 6px
}

.mo-team.tpl2 .team-member:hover .team-social a.socialimg {
    background: transparent
}

.mo-team.tpl2 .team-member:hover .team-social img {
    filter: none
}


.mo-team.tpl2 .team-member:hover {
    z-index: 1;
    transform: scale(1.08) translateZ(0)
}

    .mo-team.tpl2 .team-member:hover img {
        filter: grayscale(90%)
    }

    /* ==== Color ==== */




    /* ==== Color ==== */
    .mo-team.tpl2 .team-member:hover .team-title {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    .mo-team.tpl2 .team-member:hover .team-social {
        opacity: 1;
        top: 262px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    .mo-team.tpl2 .team-member:hover a {
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

.mo-team.tpl2 .testimonial-carousel .team-member:hover {
    transform: scale(1) translateZ(0);
    box-shadow: none
}

.mo-team.tpl3 .team-member .team-img {
    position: relative;
    overflow: hidden;
    display: block;
    z-index: 1;
    perspective: 1200px;
    transition: -webkit-clip-path .8s cubic-bezier(0.23,1,0.32,1);
    transition: clip-path .8s cubic-bezier(0.23,1,0.32,1);
    transition: clip-path .8s cubic-bezier(0.23,1,0.32,1),-webkit-clip-path .8s cubic-bezier(0.23,1,0.32,1);
    -webkit-clip-path: inset(0px);
    clip-path: inset(0px)
}

    .mo-team.tpl3 .team-member .team-img img {
        transition: all 1s cubic-bezier(0.19,1,0.22,1)
    }

    .mo-team.tpl3 .team-member .team-img::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 2;
        top: 0;
        left: 0;
        opacity: 0;
        background: #14133b;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

.mo-team.tpl3 .team-title, .mo-team.tpl4 .team-title {
    padding: 23px 0;
    text-align: center
}

    .mo-team.tpl3 .team-title h5, .mo-team.tpl4 .team-title h5 {
        text-align: center;
        display: inline-block;
        text-decoration: none;
        background-image: linear-gradient(currentColor,currentColor);
        background-position: 0 98%;
        background-repeat: no-repeat;
        background-size: 0 1px;
        -webkit-transition: background-size .3s;
        -o-transition: background-size .3s;
        transition: background-size .3s;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .mo-team.tpl3 .team-title h6, .mo-team.tpl4 .team-title h6 {
        text-align: center;
        right: 0;
        left: 0;
        color: #939393
    }

.mo-team.tpl3 .team-social {
    position: absolute;
    z-index: 2;
    top: 380px;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: center
}

    .mo-team.tpl3 .team-social a {
        opacity: 0;
        visibility: hidden;
        transition: all .5s ease;
        transform: translateY(-90px)
    }

.mo-team.tpl3 .team-member:hover .team-img {
    -webkit-clip-path: inset(15px);
    clip-path: inset(15px)
}

    .mo-team.tpl3 .team-member:hover .team-img:after {
        opacity: .3
    }

    .mo-team.tpl3 .team-member:hover .team-img img {
        transform: scale(1.15);
        -webkit-filter: grayscale(90%);
        filter: grayscale(90%)
    }

.mo-team.tpl3 .team-member:hover .team-title, .mo-team.tpl4 .team-member:hover .team-title h5 {
    background-size: 100% 2px;
}

.mo-team.tpl3 .team-member .team-social, .mo-team.tpl4 .team-member .team-social {
    position: absolute;
    z-index: 2;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: center;
    width: 100%;
}

    .mo-team.tpl3 .team-member .team-social a {
        opacity: 0;
        visibility: hidden;
        transition: all .5s ease;
        transform: translateY(-90px);
        background: #fff
    }

        .mo-team.tpl3 .team-member .team-social a span, .mo-team.tpl4 .team-member .team-social a span {
            font-size: 24px
        }

.mo-team.tpl3 .team-member:hover .team-social a, .mo-team.tpl4 .team-member:hover .team-social a {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50px)
}

.mo-team.tpl3 .team-member .team-social a.socialimg img, .mo-team.tpl4 .team-member .team-social a.socialimg img {
    width: 34px;
    max-width: 34px;
    display: initial;
    border-radius: 6px
}

.mo-team.tpl3 .team-member:hover .team-social a.socialimg, .mo-team.tpl4 .team-member:hover .team-social a.socialimg {
    background: transparent
}

.mo-team.tpl3 .team-member {
    overflow: hidden;
}

    .mo-team.tpl3 .team-member:hover .team-social img, .mo-team.tpl4 .team-member:hover .team-social img {
        filter: none
    }


.team-slide.slick-slider .slick-prev, .team-slide.slick-slider .slick-next {
    border-radius: 40px
}

.team-slide.slick-slider .slick-prev {
    left: -50px;
}

.team-slide.slick-slider .slick-next {
    right: -50px;
}

    .team-slide.slick-slider .slick-prev i.icon, .team-slide.slick-slider .slick-next i.icon {
        font-size: 30px
    }

.team-slide.slick-initialized .slick-slide {
    margin-left: 12px;
    margin-right: 12px
}
/* ==== Color ==== */

.team-slide.slick-slider.color_orange .slick-prev, .team-slide.slick-slider.color_orange .slick-next {
    background: var(--fin-orange);
    color: #fff
}

.team-slide.slick-slider.color_yellow .slick-prev, .team-slide.slick-slider.color_yellow .slick-next {
    background: var(--fin-yellow);
    color: #fff
}

.team-slide.slick-slider.color_green .slick-prev, .team-slide.slick-slider.color_green .slick-next {
    background: var(--fin-green);
    color: #fff
}

.team-slide.slick-slider.color_blue .slick-prev, .team-slide.slick-slider.color_blue .slick-next {
    background: var(--fin-blue);
    color: #fff
}

.team-slide.slick-slider.color_purple .slick-prev, .team-slide.slick-slider.color_purple .slick-next {
    background: var(--fin-purple);
    color: #fff
}

.team-slide.slick-slider.color_pink .slick-prev, .team-slide.slick-slider.color_pink .slick-next {
    background: var(--fin-pink);
    color: #fff
}

.team-slide.slick-slider.color_red .slick-prev, .team-slide.slick-slider.color_red .slick-next {
    background: var(--fin-red);
    color: #fff
}

.team-slide.slick-slider.color_dark .slick-prev, .team-slide.slick-slider.color_dark .slick-next {
    background: var(--fin-dark);
    color: #fff
}

.team-slide.slick-slider.color_orange .slick-dots li.slick-active > button {
    width: 20px;
    border-radius: 12px
}

.team-slide.slick-slider .slick-dots li:not(.slick-active) > button:hover,
.team-slide.slick-slider.color_orange .slick-dots li > button {
    background: var(--fin-orange)
}

.team-slide.slick-slider .slick-dots li:not(.slick-active) > button:hover,
.team-slide.slick-slider.color_yellow .slick-dots li > button {
    background: var(--fin-yellow)
}

.team-slide.slick-slider .slick-dots li:not(.slick-active) > button:hover,
.team-slide.slick-slider.color_green .slick-dots li > button {
    background: var(--fin-green)
}

.team-slide.slick-slider .slick-dots li:not(.slick-active) > button:hover,
.team-slide.slick-slider.color_blue .slick-dots li > button {
    background: var(--fin-blue)
}

.team-slide.slick-slider .slick-dots li:not(.slick-active) > button:hover,
.team-slide.slick-slider.color_purple .slick-dots li > button {
    background: var(--fin-purple)
}

.team-slide.slick-slider .slick-dots li:not(.slick-active) > button:hover,
.team-slide.slick-slider.color_pink .slick-dots li > button {
    background: var(--fin-pink)
}

.team-slide.slick-slider .slick-dots li:not(.slick-active) > button:hover,
.team-slide.slick-slider.color_red .slick-dots li > button {
    background: var(--fin-red)
}

.team-slide.slick-slider .slick-dots li:not(.slick-active) > button:hover,
.team-slide.slick-slider.color_dark .slick-dots li > button {
    background: var(--fin-dark)
}

.team-slide.slick-slider .slick-dots li > button {
    height: 5px;
    width: 5px;
}

.team-slide.slick-slider .slick-dots li:not(.slick-active) > button:hover,
.team-slide.slick-slider .slick-dots li.slick-active > button {
    width: 15px;
    border-radius: 30px;
}

.tpl4.mo-team .team_outerimg {
    border: 15px solid #ffffff;
    box-shadow: 0 20px 20px rgb(143 143 143 / 25%);
    margin: 0 0 15px;
    border-radius: 18px;
    height: 270px;
    overflow: hidden;
    display: flex;
}

    .tpl4.mo-team .team_outerimg .team-img {
        overflow: hidden;
        height: 100%;
        background: #F9F9F9;
        border-radius: 16px;
        width: 100%;
        box-shadow: none;
    }

body .tpl4 .team-img img {
    border-radius: 0;
}

body .tpl4.mo-team .team-member .team-social {
    position: static;
    transform: none;
    justify-content: center;
}

    body .tpl4.mo-team .team-member .team-social a {
        opacity: 1 !important;
        visibility: visible !important;
        background: none !important;
        color: #222 !important;
        width: auto;
        height: auto;
        box-shadow: none !important;
        transform: none !important;
    }

        body .tpl4.mo-team .team-member .team-social a span {
            font-size: 42px;
        }

.mo-team.tpl4 .team-title {
    padding-top: 15px;
}

.ourTeam_section .row > .item:nth-child(4) .tpl4.mo-team .team-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mo-team.tpl4 .team-member {
    max-width: 315px;
    margin: 15px auto;
}
/* ========  Team Member END ======== */
/* ======== Testomonials STARTED ======== */
.sec-testimonial-main {
    padding: 100px 0;
}

.fin-testimonial.tpl2 .testimonial-avatar.top:after, .fin-testimonial.tpl5 .testimonial-avatar.top:after, .sticky-buttons .social-icons.style1 li a {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.fin-testimonial img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border-radius: 50%;
}

.fin-testimonial .testimonial-title h5 {
    font-size: 20px;
    line-height: 27px;
    font-weight: 600;
    margin: 0;
    text-transform: capitalize
}

.fin-testimonial .testimonial-title h6 {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    padding-bottom: 20px;
    margin: 2px auto;
    opacity: .6;
    color: #000;
    text-transform: capitalize
}

.fin-testimonial .content {
    font-weight: 400;
    font-size: 16px;
    text-transform: none;
    line-height: 30px;
    letter-spacing: 0;
    opacity: .75;
    max-width: 750px
}

    .fin-testimonial .content h4 {
        font-size: 24px;
        line-height: 31px;
        font-weight: 500
    }

.fin-testimonial .testimonial-avatar {
    width: 70px !important;
    height: 70px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    z-index: 2
}

    .fin-testimonial .testimonial-avatar.sec {
        float: left;
        display: inline-block;
        margin-right: 15px;
        margin-top: -8px
    }

.fin-testimonial .star-rating {
    display: block;
    font-size: 17px !important;
    width: 100%;
    height: 30px
}

    .fin-testimonial .star-rating:before, .fin-testimonial .star-rating:after {
        font-family: 'Ionicons';
        font-weight: 400;
        font-style: normal;
        text-decoration: inherit;
        -webkit-font-smoothing: antialiased
    }

    .fin-testimonial .star-rating:after {
        color: #e2eaff
    }

    .fin-testimonial .star-rating:before {
        content: "\f4b3\00a0\f4b3\00a0\f4b3\00a0\f4b3\00a0\f4b3";
        color: #ffb944
    }

    .fin-testimonial .star-rating.four:before {
        content: "\f4b3\00a0\f4b3\00a0\f4b3\00a0\f4b3"
    }

    .fin-testimonial .star-rating.four:after {
        content: "\00a0\f4b3"
    }

    .fin-testimonial .star-rating.three:before {
        content: "\f4b3\00a0\f4b3\00a0\f4b3"
    }

    .fin-testimonial .star-rating.three:after {
        content: "\00a0\f4b3\00a0\f4b3"
    }

    .fin-testimonial .star-rating.two:before {
        content: "\f4b3\00a0\f4b3"
    }

    .fin-testimonial .star-rating.two:after {
        content: "\00a0\f4b3\00a0\f4b3\00a0\f4b3"
    }

    .fin-testimonial .star-rating.one:before {
        content: "\f4b3"
    }

    .fin-testimonial .star-rating.one:after {
        content: "\00a0\f4b3\00a0\f4b3\00a0\f4b3\00a0\f4b3"
    }


.fin-testimonial.tpl1 .testimonial-details h5 {
    color: #14133b
}

.fin-testimonial.tpl1 .testimonial-details h6 {
    color: #6a7c92
}

.fin-testimonial.tpl1 .testimonial-details .content p {
    color: #6a7c92
}

.fin-testimonial.tpl1 .testimonial-title {
    margin-top: 30px;
    text-align: left
}

.fin-testimonial.tpl1 .content {
    position: relative;
    margin: 0;
    line-height: 1.6em;
    font-size: 26px;
    letter-spacing: -.03em;
    font-weight: 400;
    color: #14133b;
    text-align: left
}

.fin-testimonial.tpl1 .testimonial-avatar.top {
    display: none
}

.fin-testimonial.tpl1 .content h4, .fin-testimonial .content h4 {
    color: var(--fin-orange);
}

.fin-testimonial.tpl1 .star-rating {
    text-align: left;
    margin-bottom: 5px
}

.fin-testimonial.tpl2 .star-rating {
    margin-top: 20px
}

.fin-testimonial.tpl2 .content {
    position: relative;
    margin: 0 auto 20px;
    line-height: 1.6em;
    font-size: 26px;
    letter-spacing: -.03em;
    font-weight: 400
}

    .fin-testimonial.tpl2 .content h4 {
        font-size: 19px;
        position: relative;
        padding: 3px 15px;
        display: inline-block;
        margin-bottom: 15px
    }

        .fin-testimonial.tpl2 .content h4:after {
            content: "";
            width: 100%;
            height: 100%;
            display: block;
            left: 0;
            top: 0;
            position: absolute;
            opacity: .1;
            border-radius: 50px;
            z-index: -1
        }

    .fin-testimonial.tpl2 .content p {
        padding: 0 40px;
        margin: 0
    }

.fin-testimonial.tpl2 .testimonial-avatar.top {
    position: relative;
    margin: auto;
    width: 90px !important;
    height: 90px;
    margin-bottom: 20px;
    overflow: visible
}

    .fin-testimonial.tpl2 .testimonial-avatar.top figure {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        height: 90px;
        overflow: hidden
    }

.fin-testimonial.tpl2 .testimonial-avatar.sec {
    display: none
}

.fin-testimonial.tpl2 .testimonial-details {
    position: relative;
    margin: 0 auto;
    text-align: center;
    display: block
}

    .fin-testimonial.tpl2 .testimonial-details .testimonial-title {
        margin-top: 20px
    }

        .fin-testimonial.tpl2 .testimonial-details .testimonial-title h6 {
            margin-bottom: 0
        }

.fin-testimonial.tpl3 .item {
    position: relative;
    padding: 50px;
    margin: 10px;
    background: transparent;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.08);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

    .fin-testimonial.tpl3 .item:after {
        content: "";
        background: url(/images/CSS_img/quot.svg);
        position: absolute;
        width: 150px;
        height: 150px;
        bottom: -30px;
        right: 0;
        opacity: .03
    }

.fin-testimonial.tpl3 .testimonial-avatar.top {
    margin: 0 auto 20px
}

.fin-testimonial.tpl3 .testimonial-avatar.sec {
    display: none
}

.fin-testimonial.tpl3 .testimonial-title {
    position: relative;
    padding-top: 15px
}

    .fin-testimonial.tpl3 .testimonial-title h6 {
        padding-bottom: 0;
        margin: 2px auto 0
    }

.fin-testimonial.tpl3 .testimonial-details {
    text-align: center
}

    .fin-testimonial.tpl3 .testimonial-details .content p {
        padding-bottom: 10px;
        margin-top: 10px
    }

    .fin-testimonial.tpl3 .testimonial-details .content h4 {
        font-weight: 500;
        color: #14133b;
        margin-bottom: 30px
    }

.fin-testimonial.tpl3 .star-rating {
    position: relative;
    margin-bottom: 5px
}

.fin-testimonial.tpl4 .owl-stage-outer {
    overflow: visible
}

.fin-testimonial.tpl4 .item {
    position: relative;
    padding: 45px;
    margin: 10px;
    background: #fff;
    overflow: hidden;
    max-width: 800px;
    margin: 50px 15px;
    -webkit-box-shadow: 0 18px 50px rgba(0,0,0,0.07);
    box-shadow: 0 18px 50px rgba(0,0,0,0.07);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

    .fin-testimonial.tpl4 .item:after {
        content: "";
        background: url(/images/CSS_img/quot.svg);
        position: absolute;
        width: 150px;
        height: 150px;
        bottom: -30px;
        right: 0;
        opacity: .02
    }

.fin-testimonial.tpl4 .star-rating {
    text-align: left
}

.fin-testimonial.tpl4 .testimonial-avatar.top {
    display: none
}

.fin-testimonial.tpl4 .testimonial-title {
    position: relative;
    padding-top: 20px;
    text-align: left
}

.fin-testimonial.tpl4 .content {
    font-size: 16px;
    line-height: 30px;
    margin-top: 15px;
    text-align: left
}

    .fin-testimonial.tpl4 .content p {
        padding-bottom: 10px
    }

.fin-testimonial.tpl5 .item {
    padding: 70px 50px 40px;
    background: #fff;
    text-align: center;
    margin: 50px auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

    .fin-testimonial.tpl5 .item:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 5px;
        transform-origin: bottom center;
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transition: all 300ms linear 0;
        -moz-transition: all 300ms linear 0;
        -ms-transition: all 300ms linear 0;
        -o-transition: all 300ms linear 0;
        transition: all 300ms linear 0
    }

.fin-testimonial.tpl5 .testimonial-avatar.top {
    position: absolute;
    width: 90px !important;
    height: 90px;
    z-index: 1;
    top: -45px;
    left: calc(50% - 40px);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: visible
}

    .fin-testimonial.tpl5 .testimonial-avatar.top figure {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        width: 90px !important;
        height: 90px;
        overflow: hidden;
        border-radius: 50%
    }

    .fin-testimonial.tpl2 .testimonial-avatar.top:after,
    .fin-testimonial.tpl5 .testimonial-avatar.top:after {
        content: "";
        background: var(--fin-orange);
        background-image: url(/images/CSS_img/quot.png);
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        width: 30px;
        height: 30px;
        bottom: -5px;
        right: 5px;
        display: block;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

.fin-testimonial.tpl5 .testimonial-avatar.sec {
    display: none
}

.fin-testimonial.tpl5 .content {
    position: relative;
    margin: 0;
    line-height: 35px;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -.03em;
    font-weight: 400
}

.fin-testimonial.tpl5 .testimonial-details {
    position: relative
}

    .fin-testimonial.tpl5 .testimonial-details h6 {
        padding-bottom: 0
    }

    .fin-testimonial.tpl5 .testimonial-details .content p {
        padding-bottom: 10px
    }

    .fin-testimonial.tpl5 .testimonial-details .star-rating {
        margin-bottom: 0;
        margin-top: -14px
    }

.fin-testimonial.tpl5:hover .item:after {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.fin-testimonial.tpl5 .testimonial-carousel[data-col_lg="1"] .owl-nav {
    max-width: 850px;
    margin: auto;
    left: 0;
    right: 0
}

.fin-testimonial.tpl5 .item.slick-slide {
    opacity: .2
}

.fin-testimonial.tpl5 .item.slick-center {
    opacity: 1;
    box-shadow: 0 35px 60px rgba(0,0,0,0.1)
}

.fin-testimonial.tpl5 .owl-stage-outer {
    overflow: visible
}

.bg-dark .fin-testimonial.tpl4 .testimonial-title h5, .bg-dark .fin-testimonial.tpl5 .testimonial-title h5 {
    color: #6a7c92
}

.bg-dark .fin-testimonial.tpl4 .testimonial-title h6, .bg-dark .fin-testimonial.tpl5 .testimonial-title h6 {
    color: #000
}

.bg-dark .fin-testimonial.tpl4 .content p, .bg-dark .fin-testimonial.tpl5 .content p {
    color: #6a7c92
}

.bg-dark .fin-testimonial.tpl3 .content h4 {
    color: #fff
}

.bg-dark .fin-testimonial.tpl3 .item {
    border: 1px solid rgba(255,255,255,0.18)
}

    .bg-dark .fin-testimonial.tpl3 .item:after {
        opacity: .2;
        filter: contrast(0.5)
    }

.bg-dark .fin-testimonial .star-rating:after {
    color: rgba(255,255,255,0.3)
}

.bg-dark .fin-testimonial.tpl1 .testimonial-details .content p, .bg-dark .fin-testimonial.tpl1 .testimonial-details h5, .bg-dark .fin-testimonial.tpl1 .testimonial-details h6 {
    color: #fff
}
/* owl-carousel */
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

    .owl-carousel .owl-stage {
        position: relative;
        -webkit-transform: translate3d(0px, 0px, 0px)
    }

    .owl-carousel .owl-stage-outer {
        overflow: hidden;
        position: relative;
        width: 100%
    }

        .owl-carousel .owl-stage-outer.autoHeight {
            -webkit-transition: height 500ms ease-in-out;
            -moz-transition: height 500ms ease-in-out;
            -ms-transition: height 500ms ease-in-out;
            -o-transition: height 500ms ease-in-out;
            transition: height 500ms ease-in-out
        }

    .owl-carousel .owl-item {
        float: left
    }

.owl-dots .owl-dot, .owl-nav button {
    cursor: pointer
}

.owl-controls, .owl-dots, .owl-nav {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.owl-carousel .owl-stage, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px
}

.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease
}

.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease
}

.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease
}

.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease
}

.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both
}

.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both
}

.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both
}

.owl-theme .owl-dots {
    text-align: center;
    z-index: 100;
    left: 0;
    width: 100%
}

.owl-theme .owl-nav {
    position: absolute;
    top: calc( 50% - 25px );
    width: 100%;
    z-index: 20;
    opacity: 0;
    transition: all .4s ease 0s;
}

.owl-theme:hover .owl-nav {
    opacity: 1
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    text-align: center;
    z-index: 15;
    cursor: pointer;
    background: var(--fin-orange);
    color: #fff;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border: none;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-size: 20px;
}

.owl-nav button.owl-prev {
    left: -70px;
}

.owl-nav button.owl-next {
    right: -70px;
}

.nav-left .owl-theme .owl-nav, .nav-right .owl-theme .owl-nav {
    top: -70px;
}

.nav-left .owl-nav button.owl-prev {
    left: 0;
}

.nav-left .owl-nav button.owl-next {
    left: 60px;
}

.nav-right .owl-nav button.owl-prev {
    right: 60px;
    left: auto;
}

.nav-right .owl-nav button.owl-next {
    right: 0;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

    .owl-theme .owl-dots .owl-dot span {
        display: block;
        background: rgba(0,0,0,0.15);
        width: 5px;
        height: 5px;
        margin-left: 3px;
        margin-right: 3px;
        opacity: 0.6;
        -webkit-border-radius: 2.5px;
        -moz-border-radius: 2.5px;
        border-radius: 2.5px;
        -webkit-transition: all 300ms linear;
        -moz-transition: all 300ms linear;
        -o-transition: all 300ms linear;
        -ms-transition: all 300ms linear;
        transition: all 300ms linear
    }

    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots.clickable .owl-dot:hover span {
        filter: Alpha(Opacity=100);
        opacity: 1
    }

    .owl-theme .owl-dots .owl-dot span.owl-numbers {
        height: auto;
        width: auto;
        color: #FFF;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px
    }

.owl-theme .owl-dots .owl-dots {
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    z-index: 20
}

.owl-theme .owl-dots .owl-dot span:hover, .owl-theme .owl-dots .owl-dot.active span {
    opacity: 1;
    width: 15px;
}

.dots-bottom .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center
}

.dots-right .owl-dots {
    justify-content: inherit;
    float: right;
    right: 0;
    position: relative;
    text-align: right;
}

.dots-left .owl-dots {
    justify-content: inherit;
    text-align: left;
    left: 25px;
    position: relative;
}

.owl-nav button.owl-prev:hover, .owl-nav button.owl-next:hover {
    opacity: 1;
}

    .owl-nav button.owl-prev:hover i {
        -webkit-animation: moBtnHover ease-out .4s reverse;
        -moz-animation: moBtnHover ease-out .4s reverse;
        -ms-animation: moBtnHover ease-out .4s reverse;
        -o-animation: moBtnHover ease-out .4s reverse;
        animation: moBtnHover ease-out .4s reverse
    }

    .owl-nav button.owl-next:hover i {
        -webkit-animation: moBtnHover ease-out .4s;
        -moz-animation: moBtnHover ease-out .4s;
        -ms-animation: moBtnHover ease-out .4s;
        -o-animation: moBtnHover ease-out .4s;
        animation: moBtnHover ease-out .4s
    }

@keyframes moBtnHover {
    0% {
        transform: translateX(0)
    }

    51% {
        transform: translateX(20px);
        opacity: 1
    }

    52% {
        opacity: 0;
        transform: translateX(-20px)
    }

    53% {
        opacity: 0
    }

    54% {
        opacity: 1
    }

    to {
        transform: translateX(0)
    }
}

.bg-dark .owl-theme .owl-dots .owl-dot span {
    background: rgba(255,255,255,0.5);
}

.fin-testimonial .slick-slide {
    margin-left: 12px;
    margin-right: 12px
}

.fin-testimonial .slick-slider .slick-dots li {
    color: red;
}

.fin-testimonial .slick-slider .slick-prev {
    left: -45px;
}

.fin-testimonial .slick-slider .slick-next {
    right: -40px;
}

.fin-testimonial .slick-slider .slick-dots li > button {
    height: 5px;
    width: 5px;
    background: var(--fin-orange)
}

.fin-testimonial .slick-slider .slick-dots li:not(.slick-active) > button:hover,
.fin-testimonial .slick-slider .slick-dots li.slick-active > button {
    width: 15px;
    border-radius: 30px;
    background: var(--fin-orange)
}

.fin-testimonial .slick-slider .slick-prev, .fin-testimonial .slick-slider .slick-next {
    border-radius: 40px
}

.fin-testimonial .slick-slider .slick-prev {
    left: -50px;
}

.fin-testimonial .slick-slider .slick-next {
    right: -50px;
}

.fin-testimonial .slick-initialized .slick-slide {
    margin-left: 12px;
    margin-right: 12px
}

.fin-testimonial .slick-slider.color_orange .slick-prev, .fin-testimonial .slick-slider.color_orange .slick-next {
    background: var(--fin-orange);
    color: #fff
}

.fin-testimonial .slick-slider.color_yellow .slick-prev, .fin-testimonial .slick-slider.color_yellow .slick-next {
    background: var(--fin-yellow);
    color: #fff
}

.fin-testimonial .slick-slider.color_green .slick-prev, .fin-testimonial .slick-slider.color_green .slick-next {
    background: var(--fin-green);
    color: #fff
}

.fin-testimonial .slick-slider.color_blue .slick-prev, .fin-testimonial .slick-slider.color_blue .slick-next {
    background: var(--fin-blue);
    color: #fff
}

.fin-testimonial .slick-slider.color_purple .slick-prev, .fin-testimonial .slick-slider.color_purple .slick-next {
    background: var(--fin-purple);
    color: #fff
}

.fin-testimonial .slick-slider.color_pink .slick-prev, .fin-testimonial .slick-slider.color_pink .slick-next {
    background: var(--fin-pink);
    color: #fff
}

.fin-testimonial .slick-slider.color_red .slick-prev, .fin-testimonial .slick-slider.color_red .slick-next {
    background: var(--fin-red);
    color: #fff
}

.fin-testimonial .slick-slider.color_dark .slick-prev, .fin-testimonial .slick-slider.color_dark .slick-next {
    background: var(--fin-dark);
    color: #fff
}

.fin-testimonial.tpl3 .slick-track {
    display: flex !important;
}

.fin-testimonial.tpl3 .item {
    height: auto
}

.fin-testimonial.tpl1 {
    max-width: 768px;
    margin: 0 auto
}

.fin-testimonial.tpl4 .slick-track {
    display: flex !important;
}

.fin-testimonial.tpl4 .item {
    height: auto
}

.fin-testimonial.tpl2 .content h4 {
    font-size: 19px;
    position: relative;
    padding: 3px 15px;
    display: inline-block;
    margin-bottom: 15px;
    color: var(--fin-orange);
}

    .fin-testimonial.tpl2 .content h4:after {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        left: 0;
        top: -14px;
        position: absolute;
        background: var(--fin-orange);
        opacity: .1;
        border-radius: 50px;
        z-index: -1
    }

.fin-testimonial.tpl4 .item {
    max-width: 320px
}

.tpl4bg {
    padding: 0px !important
}

.fin-testimonial.tpl5 .slick-initialized .slick-slide {
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.fin-testimonial.tpl5 .slick-list {
    padding: 0 20% 0 20% !important;
    width: 90% !important;
}

.fin-testimonial.tpl5 .slick-list {
    /* Show slides that would otherwise be hidden off-screen */
    /* overflow: visible;*/
}

.fin-testimonial.tpl5 .slick-slide:not(.slick-current) {
    /* Make slides other than the current one translucent */
    opacity: 0.4;
}

.fin-testimonial.tpl5 .slick-arrow {
    display: none !important
}

.fin-testimonial.tpl5:hover .slick-arrow {
    display: block !important
}


.fin-testimonial.tpl5 .slick-slider .slick-prev {
    left: 2%;
}

.fin-testimonial.tpl5 .slick-slider .slick-next {
    right: 2%;
}

.fin-testimonial.tpl5 .slick-slider.color_orange .slick-prev, .fin-testimonial.tpl5 .slick-slider.color_orange .slick-next {
    background: #fff;
    color: #14133b;
}
/* ======== Testomonials END ======== */

/* ======== Progress Bar START ======== */

.bt-progress-style1 .single_bar {
    position: relative;
    height: 7px;
    box-shadow: none;
    margin: 27px 0;
    background: rgba(0,0,0,0.05);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

    .bt-progress-style1 .single_bar .bar_label {
        display: block;
        position: absolute;
        bottom: 12px;
        left: 0;
        width: 100%;
        padding: 0;
        z-index: 1;
    }

        .bt-progress-style1 .single_bar .bar_label .bar_inner {
            font-size: 13px;
            letter-spacing: .02em;
            font-weight: 700;
            position: relative;
        }

            .bt-progress-style1 .single_bar .bar_label .bar_inner .bar_label_units {
                position: absolute;
                right: -2px;
                top: 15px;
                width: 32px;
                height: 32px;
                font-size: 10px;
                line-height: 32px;
                letter-spacing: .04em;
                text-align: center;
                color: #fff;
                -webkit-border-radius: 32px;
                -moz-border-radius: 32px;
                border-radius: 32px;
                padding-left: 3px;
            }

    .bt-progress-style1 .single_bar .bar_bar {
        display: block;
        position: absolute;
        height: 100%;
        background-color: #e0e0e0;
        width: 0;
        top: 0;
        left: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        transition: width 1s linear;
        -moz-transition: width 1s linear;
        -webkit-transition: width 1s linear;
        -o-transition: width 1s linear;
        background: var(--fin-orange);
    }

    .bt-progress-style1 .single_bar .bar_label .bar_inner .bar_label_units {
        background: var(--fin-orange);
    }

.bt-progress-style2 .single_bar {
    position: relative;
    height: 7px;
    box-shadow: none;
    margin: 27px 0;
    background: rgba(0,0,0,0.05);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

    .bt-progress-style2 .single_bar .bar_label {
        display: block;
        position: absolute;
        bottom: 12px;
        left: 0;
        width: 100%;
        padding: 0;
        z-index: 1;
    }

        .bt-progress-style2 .single_bar .bar_label .bar_inner {
            font-size: 13px;
            letter-spacing: .02em;
            font-weight: 700
        }

            .bt-progress-style2 .single_bar .bar_label .bar_inner .bar_label_units {
                float: right
            }

    .bt-progress-style2 .single_bar .bar_bar {
        display: block;
        position: absolute;
        height: 100%;
        background-color: #e0e0e0;
        width: 0;
        top: 0;
        left: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        transition: width 1s linear;
        -moz-transition: width 1s linear;
        -webkit-transition: width 1s linear;
        -o-transition: width 1s linear;
        background: var(--fin-orange);
    }

        .bt-progress-style2 .single_bar .bar_bar:before {
            position: absolute;
            display: block;
            content: "";
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            right: -4px;
            top: -8px;
            width: 20px;
            height: 20px;
            opacity: .3;
            background: var(--fin-orange);
        }

        .bt-progress-style2 .single_bar .bar_bar:after {
            position: absolute;
            display: block;
            content: "";
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            right: 0;
            top: -4px;
            width: 12px;
            height: 12px;
            background: var(--fin-orange);
        }

.bt-progress-style3 .single_bar {
    position: relative;
    height: 7px;
    box-shadow: none;
    margin: 27px 0;
    background: rgba(0,0,0,0.05);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

    .bt-progress-style3 .single_bar .bar_label {
        display: block;
        position: absolute;
        bottom: 12px;
        left: 0;
        width: 100%;
        padding: 0;
        z-index: 1;
    }

        .bt-progress-style3 .single_bar .bar_label .bar_inner {
            font-size: 13px;
            letter-spacing: .02em;
            font-weight: 700
        }

            .bt-progress-style3 .single_bar .bar_label .bar_inner .bar_label_units {
                float: right
            }

    .bt-progress-style3 .single_bar .bar_bar {
        display: block;
        position: absolute;
        height: 100%;
        background-color: #e0e0e0;
        width: 0;
        top: 0;
        left: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        transition: width 1s linear;
        -moz-transition: width 1s linear;
        -webkit-transition: width 1s linear;
        -o-transition: width 1s linear;
        background: var(--fin-yellow);
    }

.bt-progress-style4 .single_bar {
    position: relative;
    height: 7px;
    box-shadow: none;
    margin: 27px 0;
    background: rgba(0,0,0,0.05);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

    .bt-progress-style4 .single_bar .bar_label {
        display: block;
        position: absolute;
        bottom: 12px;
        left: 0;
        width: 100%;
        padding: 0;
        z-index: 1;
    }

        .bt-progress-style4 .single_bar .bar_label .bar_inner {
            font-size: 13px;
            letter-spacing: .02em;
            font-weight: 700;
            line-height: 24px;
            position: relative;
        }

            .bt-progress-style4 .single_bar .bar_label .bar_inner .bar_label_units {
                float: right;
                position: absolute;
                right: -16px;
                bottom: -2px;
                background-color: #14133b;
                color: #fff;
                font-size: 12px;
                letter-spacing: .05em;
                line-height: 1em;
                padding: 5px;
            }

                .bt-progress-style4 .single_bar .bar_label .bar_inner .bar_label_units:after {
                    content: '';
                    position: absolute;
                    width: 0;
                    height: 0;
                    border-left: 6px solid transparent;
                    border-right: 6px solid transparent;
                    border-top: 6px solid #14133b;
                    bottom: -6px;
                    left: 50%;
                    margin-left: -6px;
                }

    .bt-progress-style4 .single_bar .bar_bar {
        display: block;
        position: absolute;
        height: 100%;
        background-color: #e0e0e0;
        width: 0;
        top: 0;
        left: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        transition: width 1s linear;
        -moz-transition: width 1s linear;
        -webkit-transition: width 1s linear;
        -o-transition: width 1s linear;
        background: #14133b;
    }

.bt-progress-style4.color_orange .single_bar .bar_label .bar_inner .bar_label_units:after {
    border-top: 6px solid var(--fin-yellow);
}

.bt-progress-style4.color_yellow .single_bar .bar_label .bar_inner .bar_label_units:after {
    border-top: 6px solid var(--fin-yellow);
}

.bt-progress-style4.color_green .single_bar .bar_label .bar_inner .bar_label_units:after {
    border-top: 6px solid var(--fin-green);
}

.bt-progress-style4.color_blue .single_bar .bar_label .bar_inner .bar_label_units:after {
    border-top: 6px solid var(--fin-blue);
}

.bt-progress-style4.color_purple .single_bar .bar_label .bar_inner .bar_label_units:after {
    border-top: 6px solid var(--fin-purple);
}

.bt-progress-style3.color_pink .single_bar .bar_label .bar_inner .bar_label_units:after {
    border-top: 6px solid var(--fin-pink);
}

.bt-progress-style4.color_red .single_bar .bar_label .bar_inner .bar_label_units:after {
    border-top: 6px solid var(--fin-red);
}

.bt-progress-style4.color_dark .single_bar .bar_label .bar_inner .bar_label_units:after {
    border-top: 6px solid var(--fin-dark);
}

.single_bar .bar_label .bar_inner .bar_label_title {
    position: absolute;
    top: -17px;
    white-space: nowrap;
    left: 0;
}

.single_bar .bar_label .bar_inner {
    text-align: right;
    min-width: 20px;
    min-height: 25px;
}

.single_bar span.bar_bar[style="width: 0%;"]:after, .single_bar span.bar_bar[style="width: 1%;"]:after {
    left: 4px !important;
    right: auto !important;
}

.bt-progress-style2 .single_bar .bar_bar[style="width: 0%;"]:before, .bt-progress-style2 .single_bar .bar_bar[style="width: 1%;"]:before {
    left: 0 !important;
    right: auto !important;
}

.bt-progress-style1 .single_bar .bar_label .bar_inner[style="width:0%"] .bar_label_units, .bt-progress-style1 .single_bar .bar_label .bar_inner[style="width: 1%;"] .bar_label_units, .bt-progress-style1 .single_bar .bar_label .bar_inner[style="width: 0%"] .bar_label_units, .bt-progress-style1 .single_bar .bar_label .bar_inner[style="width:1%;"] .bar_label_units, .bt-progress-style1 .single_bar .bar_label .bar_inner[style="width: 2%;"] .bar_label_units, .bt-progress-style1 .single_bar .bar_label .bar_inner[style="width:2%;"] .bar_label_units {
    right: 0;
    left: 0;
}

.single_bar .bar_bar, .progress .progress-bar {
    animation-name: animateBar;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: .5s;
}

@keyframes animateBar {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

/* ======== Progress Bar END ======== */
/* ======== List STARTED ======== */

ul .list-style, ol.list-style {
    padding-left: 20px;
}

ol.list-style {
    list-style: decimal;
}

.list-style {
    display: flex;
    flex-flow: row wrap;
    margin-left: 0;
}

    .list-style li {
        position: relative;
        width: 100%;
        text-transform: none;
        letter-spacing: 0;
        margin-bottom: 5px;
        text-align: -webkit-match-parent;
    }

        .list-style li h4 {
            font-size: 20px;
            font-weight: 600;
            line-height: 27px;
            color: #14133b;
            margin-top: 0px
        }

        .list-style li p {
            padding-bottom: 5px;
            max-width: 350px;
            font-size: 16px;
            font-weight: 400;
            color: #5b6674;
        }

ul.list-style {
    padding-left: 0
}


.list-style7 {
    list-style: disc;
    padding-left: 20px;
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    color: #5b6674;
    font-size: 16px;
}

.list-style8 {
    padding-left: 20px;
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    color: #5b6674;
    font-size: 16px;
}

.list-style.list-style7 li {
    margin-bottom: 0;
}

.list-style.list-style8 li {
    margin-bottom: 0;
}

.list-style.list-style1, .list-style.list-style2 {
    list-style: none
}

    .list-style.list-style1 li, .list-style.list-style2 li {
        position: relative
    }

        .list-style.list-style1 li h4, .list-style.list-style2 li h4 {
            margin-left: 40px
        }

        .list-style.list-style1 li p, .list-style.list-style2 li p {
            margin-left: 40px
        }

        .list-style.list-style1 li::after, .list-style.list-style2 li::after {
            display: block;
            position: absolute;
            top: 0
        }

        .list-style.list-style1 li::after, .list-style.list-style1 li::before {
            float: left;
            left: 0;
            display: block;
            border-radius: 50%;
            width: 25px;
            height: 25px;
            line-height: 27px;
            text-align: center
        }

        .list-style.list-style1 li::after {
            font-family: Ionicons;
            content: "\f2bc";
            font-size: 14px;
            font-weight: bold
        }

        .list-style.list-style1 li::before {
            content: "";
            opacity: .1;
        }

        .list-style.list-style1 li::before {
            background: var(--fin-yellow);
        }

        .list-style.list-style1 li::after {
            color: var(--fin-yellow);
        }

        .list-style.list-style2 li::after, .list-style.list-style2 li::before {
            float: left;
            left: 0;
            display: block;
            border-radius: 50%;
            width: 25px;
            height: 25px;
            line-height: 27px;
            text-align: center
        }

        .list-style.list-style2 li::after {
            font-family: Ionicons;
            content: "\f2bc";
            font-size: 14px;
            color: #fff;
            font-weight: bold
        }

        .list-style.list-style2 li::before {
            content: ""
        }

        .list-style.list-style2 li::before {
            background: var(--fin-yellow);
        }

        .list-style.list-style2 li::after {
            color: #fff
        }

.list-style.list-style3 {
    list-style: none
}

    .list-style.list-style3 li h4 {
        position: relative;
        display: inline-block;
        padding: 0 0 3px 25px;
        -webkit-transition: all .6s ease;
        transition: all .6s ease
    }

        .list-style.list-style3 li h4:after, .list-style.list-style3 li h4:before {
            content: '';
            display: inline-block;
            width: 100%;
            height: 1px;
            position: absolute;
            bottom: -5px;
            left: 0;
            background-color: #14133b;
            -webkit-transform-origin: right center;
            transform-origin: right center;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transition: -webkit-transform .5s cubic-bezier(0.32,0.96,0.4,0.98);
            transition: -webkit-transform .5s cubic-bezier(0.32,0.96,0.4,0.98);
            transition: transform .5s cubic-bezier(0.32,0.96,0.4,0.98);
            transition: transform .5s cubic-bezier(0.32,0.96,0.4,0.98),-webkit-transform .5s cubic-bezier(0.32,0.96,0.4,0.98)
        }

    .list-style.list-style3 li:hover h4:before {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    .list-style.list-style3 li:hover h4:after {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .list-style.list-style3 li::after {
        position: absolute;
        top: -2px;
        left: 0;
        font-family: Ionicons;
        content: "\f2bc";
        font-size: 16px;
        ;
        font-weight: bold
    }

    .list-style.list-style3 li::after {
        color: var(--fin-yellow);
    }

.list-style.list-style4 li {
    width: calc(100% - 40px);
    padding: 20px 20px 5px 5px;
    margin-bottom: 0;
    color: #fff;
    z-index: 1
}

    .list-style.list-style4 li::after {
        content: "";
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        left: -42px;
        width: calc(100% + 30px);
        z-index: -1;
        border-radius: 5px;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    .list-style.list-style4 li h4 {
        margin-left: 10px
    }

        .list-style.list-style4 li h4:before {
            position: absolute;
            float: left;
            top: 11px;
            left: -24px;
            display: block;
            border-radius: 50%;
            width: 25px;
            height: 25px;
            line-height: 27px;
            text-align: center;
            content: "";
            z-index: -1
        }

    .list-style.list-style4 li p {
        color: #6a7c92
    }

    .list-style.list-style4 li:hover:after {
        -webkit-box-shadow: 0 15px 55px -5px rgb(9 31 67 / 10%);
        -moz-box-shadow: 0 15px 55px -5px rgba(9,31,67,0.1);
        box-shadow: 0 15px 55px -5px rgb(9 31 67 / 10%);
        z-index: 1;
    }

    .list-style.list-style4 li h4:before {
        background: var(--fin-yellow);
    }

.list-style.list-style5 li h4 {
    margin-left: 15px
}

    .list-style.list-style5 li h4:before {
        position: absolute;
        float: left;
        top: -8px;
        left: -24px;
        display: block;
        width: 25px;
        height: 25px;
        line-height: 27px;
        text-align: center;
        content: "";
        opacity: .1
    }

.list-style.list-style5 li p {
    color: #6a7c92;
    padding-left: 15px
}

.list-style.list-style5 li {
    color: var(--fin-yellow);
}

    .list-style.list-style5 li h4:before {
        background: var(--fin-yellow);
    }

.list-style.list-style6 li {
    color: #14133b
}

    .list-style.list-style6 li h4 {
        position: relative;
        display: inline-block;
        padding: 0 0 3px;
        -webkit-transition: all .6s ease;
        transition: all .6s ease
    }

        .list-style.list-style6 li h4:after, .list-style.list-style6 li h4:before {
            content: '';
            display: inline-block;
            width: 100%;
            height: 1px;
            position: absolute;
            bottom: -5px;
            left: 0;
            background-color: #14133b;
            -webkit-transform-origin: right center;
            transform-origin: right center;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transition: -webkit-transform .5s cubic-bezier(0.32,0.96,0.4,0.98);
            transition: -webkit-transform .5s cubic-bezier(0.32,0.96,0.4,0.98);
            transition: transform .5s cubic-bezier(0.32,0.96,0.4,0.98);
            transition: transform .5s cubic-bezier(0.32,0.96,0.4,0.98),-webkit-transform .5s cubic-bezier(0.32,0.96,0.4,0.98)
        }

        .list-style.list-style6 li h4:before {
            background-color: rgba(159,159,159,0.5);
            -webkit-transform-origin: left center;
            transform-origin: left center;
            -webkit-transform: scale(1);
            transform: scale(1)
        }

    .list-style.list-style6 li:hover h4:before {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    .list-style.list-style6 li:hover h4:after {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .list-style.list-style6 li p {
        color: #6a7c92
    }

.list-col2 ul li, .list-col2 ol li {
    width: 50%
}


/* ======== List END ======== */

/* ========  Title Box  START ======== */
.mo-title-box {
    display: block;
    clear: both;
}

    .mo-title-box h3 {
        color: #333;
        position: relative;
        font-weight: 600;
        font-style: normal;
        text-transform: none;
        font-size: 36px;
        line-height: 46px;
        letter-spacing: -.3px;
        max-width: 600px;
        margin: 0 0 .5em;
    }

    .mo-title-box h5 {
        color: #14133b;
        position: relative;
        margin-top: 0;
        font-style: normal;
        font-size: 13px !important;
        line-height: 1.4em;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0;
        max-width: 300px;
        margin: 0 0 .5em;
    }

    .mo-title-box .content {
        color: #5b6674;
        max-width: 600px;
        clear: both;
        float: inherit;
        margin-top: 20px;
        line-height: 30px;
        letter-spacing: 0;
        font-weight: 400;
        font-style: normal;
        font-size: 16px
    }

    .mo-title-box.text-center h3, .mo-title-box.text-center h5 {
        margin-left: auto;
        margin-right: auto;
        display: block;
        float: none;
    }

    .mo-title-box.text-center .content {
        margin-left: auto;
        margin-right: auto
    }

    .mo-title-box.text-right {
        width: 100%;
        float: right
    }

        .mo-title-box.text-right h3 {
            float: right;
            clear: both
        }

        .mo-title-box.text-right h5 {
            float: right;
            width: 100%
        }

    .mo-title-box.text-left {
        text-align: left;
    }

.title-box-style1 h5 {
    padding-left: 0;
    font-weight: 600
}

.title-box-style1 h5 {
    color: var(--fin-yellow);
}

.title-box-style2 {
    position: relative;
    margin: 15px 0 0;
    padding-bottom: 15px
}

    .title-box-style2 h5 {
        opacity: .5;
        text-transform: uppercase;
        letter-spacing: 4px
    }

    .title-box-style2.text-left h5, .title-box-style2.text-left h5 {
        left: 0;
        right: auto
    }

    .title-box-style2.text-right h5, .title-box-style2.text-right h5 {
        right: 0;
        left: auto
    }


.title-box-style3 {
    position: relative;
    margin: 20px auto
}

    .title-box-style3 h3 {
        margin-bottom: 10px
    }

    .title-box-style3.text-right svg {
        float: right;
        clear: both;
        margin-top: 5px
    }

    .title-box-style3 h5 {
        color: var(--fin-yellow);
    }

    .title-box-style3 svg {
        fill: var(--fin-yellow);
    }

.title-box-style4 {
    width: 100%;
    clear: both;
    display: table;
    position: relative
}

    .title-box-style4 h3 {
        position: relative;
        float: left;
        letter-spacing: 0;
        max-width: 495px;
        background-color: transparent;
        background-size: 200% 100%;
        background-position: 100%;
        -webkit-transition: all 1.2s cubic-bezier(0.19,1,0.22,1);
        -o-transition: all 1.2s cubic-bezier(0.19,1,0.22,1);
        transition: all 1.2s cubic-bezier(0.19,1,0.22,1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .title-box-style4 h5 {
        color: #6a7c92
    }

    .title-box-style4.text-right h5 {
        margin-right: 17px
    }

    .title-box-style4:hover h3 {
        background-position: 0
    }

    .title-box-style4 h3 {
        background-image: -webkit-linear-gradient(to right,var(--fin-yellow),var(--fin-yellow) 50%,# 50%);
        background-image: linear-gradient(to right,var(--fin-yellow),var(--fin-yellow) 50%,#14133b 50%);
    }


.title-box-style5 h5 {
    position: relative;
    display: inline-block
}

    .title-box-style5 h5:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 10px;
        bottom: -12px;
        display: block;
        opacity: .2;
        -webkit-transform-origin: bottom center;
        -ms-transform-origin: bottom center;
        transform-origin: bottom center;
        -webkit-transition: all 300ms linear 0 !important;
        -ms-transition: all 300ms linear 0 !important;
        transition: all 300ms linear 0 !important;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0)
    }

.title-box-style5.text-center h5 {
    padding: 0;
    display: inline-block
}

.title-box-style5.text-right h5 {
    padding-left: 0;
    width: auto
}

.title-box-style5:hover h5:after {
    -webkit-transform: scaleY(1) !important;
    -ms-transform: scaleY(1) !important;
    transform: scaleY(1) !important
}

.title-box-style5 h5 {
    color: var(--fin-yellow);
}

    .title-box-style5 h5:after {
        background: var(--fin-yellow);
    }

.title-box-style6 h5 {
    position: relative;
    max-width: 300px;
    display: inline-block !important;
    padding: 4px 15px !important
}

    .title-box-style6 h5:after {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        left: 0;
        top: -12px;
        position: absolute;
        opacity: .1;
        border-radius: 50px;
    }

.title-box-style6.text-center h5 {
    padding: 0;
    display: inline-block
}

.title-box-style6.text-right h5 {
    padding-left: 0;
    width: auto
}

.title-box-style6 h5 {
    color: var(--fin-yellow);
}

    .title-box-style6 h5:after {
        background: var(--fin-yellow);
    }

.title-box-style3.color_orange svg {
    fill: var(--fin-yellow);
}

.title-box-style3.color_yellow svg {
    fill: var(--fin-yellow);
}

.title-box-style3.color_green svg {
    fill: var(--fin-green);
}

.title-box-style3.color_blue svg {
    fill: var(--fin-blue);
}

.title-box-style3.color_purple svg {
    fill: var(--fin-purple);
}

.title-box-style3.color_pink svg {
    fill: var(--fin-pink);
}

.title-box-style3.color_red svg {
    fill: var(--fin-red);
}

.title-box-style3.color_dark svg {
    fill: var(--fin-dark);
}

.title-box-style4.color_orange h3 {
    background-image: -webkit-linear-gradient(to right,var(--fin-yellow),var(--fin-yellow) 50%,# 50%);
    background-image: linear-gradient(to right,var(--fin-yellow),var(--fin-yellow) 50%,#14133b 50%);
}

.title-box-style4.color_yellow h3 {
    background-image: -webkit-linear-gradient(to right,var(--fin-yellow),var(--fin-yellow) 50%,# 50%);
    background-image: linear-gradient(to right,var(--fin-yellow),var(--fin-yellow) 50%,#14133b 50%);
}

.title-box-style4.color_green h3 {
    background-image: -webkit-linear-gradient(to right,var(--fin-green),var(--fin-green) 50%,# 50%);
    background-image: linear-gradient(to right,var(--fin-green),var(--fin-green) 50%,#14133b 50%);
}

.title-box-style4.color_blue h3 {
    background-image: -webkit-linear-gradient(to right,var(--fin-blue),var(--fin-blue) 50%,# 50%);
    background-image: linear-gradient(to right,var(--fin-blue),var(--fin-blue) 50%,#14133b 50%);
}

.title-box-style4.color_purple h3 {
    background-image: -webkit-linear-gradient(to right,var(--fin-purple),var(--fin-purple) 50%,# 50%);
    background-image: linear-gradient(to right,var(--fin-purple),var(--fin-purple) 50%,#14133b 50%);
}

.title-box-style4.color_pink h3 {
    background-image: -webkit-linear-gradient(to right,var(--fin-pink),var(--fin-pink) 50%,# 50%);
    background-image: linear-gradient(to right,var(--fin-pink),var(--fin-pink) 50%,#14133b 50%);
}

.title-box-style4.color_red h3 {
    background-image: -webkit-linear-gradient(to right,var(--fin-red),var(--fin-red) 50%,# 50%);
    background-image: linear-gradient(to right,var(--fin-red),var(--fin-red) 50%,#14133b 50%);
}

.title-box-style4.color_dark h3 {
    background-image: -webkit-linear-gradient(to right,var(--fin-dark),var(--fin-dark) 50%,# 50%);
    background-image: linear-gradient(to right,var(--fin-dark),var(--fin-dark) 50%,#14133b 50%);
}


/* ========  Title Box  END ======== */

/* ======== Action Box START ======== */

.fin-action-box {
    margin-bottom: 25px;
    margin-top: 25px;
    position: relative;
}

    .fin-action-box .fin-wrap {
        position: relative
    }

        .fin-action-box .fin-wrap .fin-wrapbox {
            min-height: 220px;
            padding: 20px;
            background: #F7F7F7;
            z-index: 1;
            position: relative;
            border-radius: 20px;
            box-shadow: rgba(0, 0, 0, 0.4) 57px 57px 48px -40px, rgba(0, 0, 0, 0.5) 0px 10px 10px -5px;
        }

        .fin-action-box .fin-wrap .borderinner {
            padding: 20px
        }

    .fin-action-box .fin-icon {
        text-align: center;
        font-size: 28px;
        margin-bottom: 10px;
        color: #000
    }

    .fin-action-box h6 {
        text-align: center;
        font-size: 24px;
        margin-bottom: 10px;
        color: #000
    }

    .fin-action-box .fin-num-txt {
        position: absolute;
        font-size: 30px;
        font-weight: 600;
        padding-left: 15px;
    }

    .fin-action-box.fin-num-TL .fin-num-txt {
        top: -40px
    }

    .fin-action-box.fin-num-BL .fin-num-txt {
        bottom: -40px
    }

    .fin-action-box .content {
        text-align: center;
        color: var(--fin-abox-gray);
        font-weight: 400;
        font-style: normal;
        font-size: 15px
    }

        .fin-action-box .content p {
            margin: 0px
        }

    .fin-action-box .fin-icon {
        font-size: 45px;
    }


.fin-abox-style1 {
    margin-bottom: 50px;
    margin-top: 50px;
}

    .fin-abox-style1 .fin-wrap:before {
        content: '';
        position: absolute;
        top: 0px;
        width: 100%;
        height: 100%;
        border: solid 4px #000;
        border-radius: 20px
    }

    .fin-abox-style1.BL .fin-wrap:after {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 50%;
        height: 50%;
        background: #fff;
        border-left: dotted 4px #000;
        border-bottom: dotted 4px #000;
        border-radius: 0px 0px 0px 15px;
    }

    .fin-abox-style1.TL .fin-wrap:after {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        width: 50%;
        height: 50%;
        background: #fff;
        border-left: dotted 4px #000;
        border-top: dotted 4px #000;
        border-radius: 15px 0px 0px 0px
    }

    .fin-abox-style1.TR .fin-wrap:after {
        content: '';
        position: absolute;
        top: 0px;
        right: 0px;
        width: 50%;
        height: 50%;
        background: #fff;
        border-right: dotted 4px #000;
        border-top: dotted 4px #000;
        border-radius: 0px 15px 0px 0px
    }

    .fin-abox-style1.BR .fin-wrap:after {
        content: '';
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 50%;
        height: 50%;
        background: #fff;
        border-right: dotted 4px #000;
        border-bottom: dotted 4px #000;
        border-radius: 0px 0px 15px 0px
    }

    .fin-abox-style1 .fin-wrap:before {
        border: solid 5px;
    }

    .fin-abox-style1.BL .fin-wrap:after {
        border-left: dotted 5px;
        border-bottom: dotted 5px
    }

    .fin-abox-style1.TL .fin-wrap:after {
        border-left: dotted 5px;
        border-top: dotted 5px;
    }

    .fin-abox-style1.TR .fin-wrap:after {
        border-right: dotted 5px;
        border-top: dotted 5px;
    }

    .fin-abox-style1.BR .fin-wrap:after {
        border-right: dotted 5px;
        border-bottom: dotted 5px;
    }


.fin-action-box.color_orange .fin-wrap:before {
    border-color: var(--fin-orange);
}

.fin-action-box.color_orange.BL .fin-wrap:after {
    border-left-color: var(--fin-orange);
    border-bottom-color: var(--fin-orange);
}

.fin-action-box.color_orange.TL .fin-wrap:after {
    border-left-color: var(--fin-orange);
    border-top-color: var(--fin-orange);
}

.fin-action-box.color_orange.TR .fin-wrap:after {
    border-right-color: var(--fin-orange);
    border-top-color: var(--fin-orange);
}

.fin-action-box.color_orange.BR .fin-wrap:after {
    border-right-color: var(--fin-orange);
    border-bottom-color: var(--fin-orange);
}

.fin-abox-style1.color_yellow .fin-wrap:before {
    border-color: var(--fin-yellow);
}

.fin-abox-style1.color_yellow.BL .fin-wrap:after {
    border-left-color: var(--fin-yellow);
    border-bottom-color: var(--fin-yellow);
}

.fin-abox-style1.color_yellow.TL .fin-wrap:after {
    border-left-color: var(--fin-yellow);
    border-top-color: var(--fin-yellow);
}

.fin-abox-style1.color_yellow.TR .fin-wrap:after {
    border-right-color: var(--fin-yellow);
    border-top-color: var(--fin-yellow);
}

.fin-abox-style1.color_yellow.BR .fin-wrap:after {
    border-right-color: var(--fin-yellow);
    border-bottom-color: var(--fin-yellow);
}

.fin-abox-style1.color_green .fin-wrap:before {
    border-color: var(--fin-green);
}

.fin-abox-style1.color_green.BL .fin-wrap:after {
    border-left-color: var(--fin-green);
    border-bottom-color: var(--fin-green);
}

.fin-abox-style1.color_green.TL .fin-wrap:after {
    border-left-color: var(--fin-green);
    border-top-color: var(--fin-green);
}

.fin-abox-style1.color_green.TR .fin-wrap:after {
    border-right-color: var(--fin-green);
    border-top-color: var(--fin-green);
}

.fin-abox-style1.color_green.BR .fin-wrap:after {
    border-right-color: var(--fin-green);
    border-bottom-color: var(--fin-green);
}

.fin-abox-style1.color_blue .fin-wrap:before {
    border-color: var(--fin-blue);
}

.fin-abox-style1.color_blue.BL .fin-wrap:after {
    border-left-color: var(--fin-blue);
    border-bottom-color: var(--fin-blue);
}

.fin-abox-style1.color_blue.TL .fin-wrap:after {
    border-left-color: var(--fin-blue);
    border-top-color: var(--fin-blue);
}

.fin-abox-style1.color_blue.TR .fin-wrap:after {
    border-right-color: var(--fin-blue);
    border-top-color: var(--fin-blue);
}

.fin-abox-style1.color_blue.BR .fin-wrap:after {
    border-right-color: var(--fin-blue);
    border-bottom-color: var(--fin-blue);
}

.fin-abox-style1.color_purple .fin-wrap:before {
    border-color: var(--fin-purple);
}

.fin-abox-style1.color_purple.BL .fin-wrap:after {
    border-left-color: var(--fin-purple);
    border-bottom-color: var(--fin-purple);
}

.fin-abox-style1.color_purple.TL .fin-wrap:after {
    border-left-color: var(--fin-purple);
    border-top-color: var(--fin-purple);
}

.fin-abox-style1.color_purple.TR .fin-wrap:after {
    border-right-color: var(--fin-purple);
    border-top-color: var(--fin-purple);
}

.fin-abox-style1.color_purple.BR .fin-wrap:after {
    border-right-color: var(--fin-purple);
    border-bottom-color: var(--fin-purple);
}

.fin-abox-style1.color_pink .fin-wrap:before {
    border-color: var(--fin-pink);
}

.fin-abox-style1.color_pink.BL .fin-wrap:after {
    border-left-color: var(--fin-pink);
    border-bottom: var(--fin-pink);
}

.fin-abox-style1.color_pink.TL .fin-wrap:after {
    border-left-color: var(--fin-pink);
    border-top-color: var(--fin-pink);
}

.fin-abox-style1.color_pink.TR .fin-wrap:after {
    border-right-color: var(--fin-pink);
    border-top-color: var(--fin-pink);
}

.fin-abox-style1.color_pink.BR .fin-wrap:after {
    border-right-color: var(--fin-pink);
    border-bottom-color: var(--fin-pink);
}

.fin-abox-style1.color_red .fin-wrap:before {
    border-color: var(--fin-red);
}

.fin-abox-style1.color_red.BL .fin-wrap:after {
    border-left-color: var(--fin-red);
    border-bottom-color: var(--fin-red);
}

.fin-abox-style1.color_red.TL .fin-wrap:after {
    border-left-color: var(--fin-red);
    border-top-color: var(--fin-red);
}

.fin-abox-style1.color_red.TR .fin-wrap:after {
    border-right-color: var(--fin-red);
    border-top-color: var(--fin-red);
}

.fin-abox-style1.color_red.BR .fin-wrap:after {
    border-right-color: var(--fin-red);
    border-bottom-color: var(--fin-red);
}

.fin-abox-style1.color_dark .fin-wrap:before {
    border-color: var(--fin-dark);
}

.fin-abox-style1.color_dark.BL .fin-wrap:after {
    border-left-color: var(--fin-dark);
    border-bottom: var(--fin-dark);
}

.fin-abox-style1.color_dark.TL .fin-wrap:after {
    border-left-color: var(--fin-dark);
    border-top-color: var(--fin-dark);
}

.fin-abox-style1.color_dark.TR .fin-wrap:after {
    border-right-color: var(--fin-dark);
    border-top-color: var(--fin-dark);
}

.fin-abox-style1.color_dark.BR .fin-wrap:after {
    border-right-color: var(--fin-dark);
    border-bottom-color: var(--fin-dark);
}

.fin-abox-style2 {
    margin-bottom: 40px;
    margin-top: 40px;
}

    .fin-abox-style2 .fin-right-dot {
        content: "";
        position: absolute;
        width: 5px;
        height: 20%;
        top: 40%;
        bottom: 0px;
        left: 0px;
        background: #fff
    }

        .fin-abox-style2 .fin-right-dot:before {
            content: "";
            position: absolute;
            width: 10px;
            top: -1px;
            height: 10px;
            background: #000;
            border-radius: 10px;
            left: -3px;
        }

        .fin-abox-style2 .fin-right-dot:after {
            content: "";
            position: absolute;
            width: 10px;
            bottom: -1px;
            height: 10px;
            background: #000;
            border-radius: 10px;
            left: -3px;
        }

    .fin-abox-style2 .fin-wrap .borderinner {
        padding: 12px 20px 12px 12px
    }

        .fin-abox-style2 .fin-wrap .borderinner:before {
            content: '';
            position: absolute;
            right: 0px;
            top: -10px;
            width: 50%;
            height: calc(100% - -18px);
            border-top: solid 40px #000;
            border-bottom: solid 40px #000;
            border-right: solid 40px #000;
            border-radius: 0px 35px 35px 0px;
        }

        .fin-abox-style2 .fin-wrap .borderinner:after {
            content: "";
            position: absolute;
            height: 0;
            width: 0;
            left: 100%;
            top: 41.5%;
            border: 20px solid transparent;
            border-left: 20px solid #000;
        }

    .fin-abox-style2 .fin-wrap:before {
        content: '';
        position: absolute;
        top: 0px;
        width: 100%;
        height: 100%;
        border: solid 4px #000;
        border-radius: 25px
    }

    .fin-abox-style2.BL .fin-wrap:after {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 50%;
        height: 30px;
        background: #fff;
        border-left: dotted 5px #000;
        border-bottom: dotted 5px #000;
        border-radius: 0px 0px 0px 20px;
    }

    .fin-abox-style2.TL .fin-wrap:after {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        width: 50%;
        height: 30px;
        background: #fff;
        border-left: dotted 5px #000;
        border-top: dotted 5px #000;
        border-radius: 20px 0px 0px 0px
    }

    .fin-abox-style2.arrownone .borderinner:after {
        display: none
    }


    .fin-abox-style2 .fin-wrap:before {
        border: solid 4px;
    }

    .fin-abox-style2 .fin-wrap .borderinner:before {
        border-top: solid 40px;
        border-bottom: solid 40px;
        border-right: solid 40px;
    }

    .fin-abox-style2 .fin-wrap .borderinner:after {
        border-left: 20px solid;
    }

    .fin-abox-style2.BL .fin-wrap:after {
        border-left: dotted 5px;
        border-bottom: dotted 5px;
    }

    .fin-abox-style2.TL .fin-wrap:after {
        border-left: dotted 5px;
        border-top: dotted 5px;
    }

    .fin-abox-style2.color_orange .fin-wrap:before {
        border-color: var(--fin-orange);
    }

    .fin-abox-style2.color_orange .fin-wrap .borderinner:before {
        border-top-color: var(--fin-orange);
        border-bottom-color: var(--fin-orange);
        border-right-color: var(--fin-orange);
    }

    .fin-abox-style2.color_orange .fin-wrap .borderinner:after {
        border-left-color: var(--fin-orange);
    }

    .fin-abox-style2.color_orange.BL .fin-wrap:after {
        border-left-color: var(--fin-orange);
        border-bottom-color: var(--fin-orange);
    }

    .fin-abox-style2.color_orange.TL .fin-wrap:after {
        border-left-color: var(--fin-orange);
        border-top-color: var(--fin-orange);
    }

    .fin-abox-style2.color_yellow .fin-wrap:before {
        border-color: var(--fin-yellow);
    }

    .fin-abox-style2.color_yellow .fin-wrap .borderinner:before {
        border-top-color: var(--fin-yellow);
        border-bottom-color: var(--fin-yellow);
        border-right-color: var(--fin-yellow);
    }

    .fin-abox-style2.color_yellow .fin-wrap .borderinner:after {
        border-left-color: var(--fin-yellow);
    }

    .fin-abox-style2.color_yellow.BL .fin-wrap:after {
        border-left-color: var(--fin-yellow);
        border-bottom-color: var(--fin-yellow);
    }

    .fin-abox-style2.color_yellow.TL .fin-wrap:after {
        border-left-color: var(--fin-yellow);
        border-top-color: var(--fin-yellow);
    }

    .fin-abox-style2.color_green .fin-wrap:before {
        border-color: var(--fin-green);
    }

    .fin-abox-style2.color_green .fin-wrap .borderinner:before {
        border-top-color: var(--fin-green);
        border-bottom-color: var(--fin-green);
        border-right-color: var(--fin-green);
    }

    .fin-abox-style2.color_green .fin-wrap .borderinner:after {
        border-left-color: var(--fin-green);
    }

    .fin-abox-style2.color_green.BL .fin-wrap:after {
        border-left-color: var(--fin-green);
        border-bottom-color: var(--fin-green);
    }

    .fin-abox-style2.color_green.TL .fin-wrap:after {
        border-left-color: var(--fin-green);
        border-top-color: var(--fin-green);
    }

    .fin-abox-style2.color_blue .fin-wrap:before {
        border-color: var(--fin-blue);
    }

    .fin-abox-style2.color_blue .fin-wrap .borderinner:before {
        border-top-color: var(--fin-blue);
        border-bottom-color: var(--fin-blue);
        border-right-color: var(--fin-blue);
    }

    .fin-abox-style2.color_blue .fin-wrap .borderinner:after {
        border-left-color: var(--fin-blue);
    }

    .fin-abox-style2.color_blue.BL .fin-wrap:after {
        border-left-color: var(--fin-blue);
        border-bottom-color: var(--fin-blue);
    }

    .fin-abox-style2.color_blue.TL .fin-wrap:after {
        border-left-color: var(--fin-blue);
        border-top-color: var(--fin-blue);
    }

    .fin-abox-style2.color_purple .fin-right-dot:before, .fin-abox-style2.color_purple .fin-right-dot:after {
        background: var(--fin-purple);
    }

    .fin-abox-style2.color_purple .fin-wrap:before {
        border-color: var(--fin-purple);
    }

    .fin-abox-style2.color_purple .fin-wrap .borderinner:before {
        border-top-color: var(--fin-purple);
        border-bottom-color: var(--fin-purple);
        border-right-color: var(--fin-purple);
    }

    .fin-abox-style2.color_purple .fin-wrap .borderinner:after {
        border-left-color: var(--fin-purple);
    }

    .fin-abox-style2.color_purple.BL .fin-wrap:after {
        border-left-color: var(--fin-purple);
        border-bottom-color: var(--fin-purple);
    }

    .fin-abox-style2.color_purple.TL .fin-wrap:after {
        border-left-color: var(--fin-purple);
        border-top-color: var(--fin-purple);
    }

    .fin-abox-style2.color_pink .fin-wrap:before {
        border-color: var(--fin-pink);
    }

    .fin-abox-style2.color_pink .fin-wrap .borderinner:before {
        border-top-color: var(--fin-pink);
        border-bottom-color: var(--fin-pink);
        border-right-color: var(--fin-pink);
    }

    .fin-abox-style2.color_pink .fin-wrap .borderinner:after {
        border-left-color: var(--fin-pink);
    }

    .fin-abox-style2.color_pink.BL .fin-wrap:after {
        border-left-color: var(--fin-pink);
        border-bottom-color: var(--fin-pink);
    }

    .fin-abox-style2.color_pink.TL .fin-wrap:after {
        border-left-color: var(--fin-pink);
        border-top-color: var(--fin-pink);
    }

    .fin-abox-style2.color_red .fin-wrap:before {
        border-color: var(--fin-red);
    }

    .fin-abox-style2.color_red .fin-wrap .borderinner:before {
        border-top-color: var(--fin-red);
        border-bottom-color: var(--fin-red);
        border-right-color: var(--fin-red);
    }

    .fin-abox-style2.color_red .fin-wrap .borderinner:after {
        border-left-color: var(--fin-red);
    }

    .fin-abox-style2.color_red.BL .fin-wrap:after {
        border-left-color: var(--fin-red);
        border-bottom-color: var(--fin-red);
    }

    .fin-abox-style2.color_red.TL .fin-wrap:after {
        border-left-color: var(--fin-red);
        border-top-color: var(--fin-red);
    }

    .fin-abox-style2.color_dark .fin-wrap:before {
        border-color: var(--fin-dark);
    }

    .fin-abox-style2.color_dark .fin-wrap .borderinner:before {
        border-top-color: var(--fin-dark);
        border-bottom-color: var(--fin-dark);
        border-right-color: var(--fin-dark);
    }

    .fin-abox-style2.color_dark .fin-wrap .borderinner:after {
        border-left-color: var(--fin-dark);
    }

    .fin-abox-style2.color_dark.BL .fin-wrap:after {
        border-left-color: var(--fin-dark);
        border-bottom-color: var(--fin-dark);
    }

    .fin-abox-style2.color_dark.TL .fin-wrap:after {
        border-left-color: var(--fin-dark);
        border-top-color: var(--fin-dark);
    }



/* fin-action-box finin-box-style2 End */

/* fin-action-box finin-box-style3 START */
.fin-abox-style3 .fin-wrap .borderinner {
    padding: 14px;
}

.fin-box-style3 .fin-wrap .fin-wrapbox {
    border-radius: 30px;
}

.fin-abox-style3 .fin-wrap .fin-wrapbox.fin-step {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    .fin-abox-style3 .fin-wrap .fin-wrapbox.fin-step .fin-stepnum {
        color: #979797;
        font-weight: 600;
        font-size: 35px;
    }

    .fin-abox-style3 .fin-wrap .fin-wrapbox.fin-step .fin-steptext {
        color: #979797;
        font-weight: 400;
        font-size: 16px
    }

.fin-abox-style3.BL .fin-wrapbox, .fin-abox-style3.TL .fin-wrapbox, .fin-abox-style3.TR .fin-wrapbox, .fin-abox-style3.BR .fin-wrapbox {
    background: #fff;
    box-shadow: initial;
}

.fin-abox-style3 .fin-wrap:before {
    content: '';
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    border: solid 4px #C9C9C9;
    border-radius: 40px
}

.fin-abox-style3.BL .fin-wrap:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 50%;
    height: 50%;
    background: #fff;
    border-left: dotted 6px #C9C9C9;
    border-bottom: dotted 6px #C9C9C9;
    border-radius: 0px 0px 0px 35px;
}

.fin-abox-style3.TL .fin-wrap:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50%;
    height: 50%;
    background: #fff;
    border-left: dotted 6px #C9C9C9;
    border-top: dotted 6px #C9C9C9;
    border-radius: 35px 0px 0px 0px
}

.fin-abox-style3.TR .fin-wrap:after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50%;
    height: 50%;
    background: #fff;
    border-right: dotted 6px #C9C9C9 !important;
    border-top: dotted 6px #C9C9C9 !important;
    border-radius: 0px 35px 0px 0px
}

.fin-abox-style3.BR .fin-wrap:after {
    content: '';
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 50%;
    height: 50%;
    background: #fff;
    border-right: dotted 6px #C9C9C9;
    border-bottom: dotted 6px #C9C9C9;
    border-radius: 0px 0px 35px 0px
}

.fin-abox-style3.color_orange .fin-wrap:before {
    border: solid 6px var(--fin-orange);
}

.fin-abox-style3.color_yellow .fin-wrap:before {
    border: solid 6px var(--fin-yellow);
}

.fin-abox-style3.color_green .fin-wrap:before {
    border: solid 6px var(--fin-green);
}

.fin-abox-style3.color_blue .fin-wrap:before {
    border: solid 6px var(--fin-blue);
}

.fin-abox-style3.color_purple .fin-wrap:before {
    border: solid 6px var(--fin-purple);
}

.fin-abox-style3.color_pink .fin-wrap:before {
    border: solid 6px var(--fin-pink);
}

.fin-abox-style3.color_red .fin-wrap:before {
    border: solid 6px var(--fin-red);
}

.fin-abox-style3.color_dark .fin-wrap:before {
    border: solid 6px var(--fin-dark);
}

.fin-abox-style3.BR.color_orange .fin-wrap:before, .fin-abox-style3.BR.color_yellow .fin-wrap:before,
.fin-abox-style3.BR.color_green .fin-wrap:before, .fin-abox-style3.BR.color_blue .fin-wrap:before, .fin-abox-style3.BR.color_purple .fin-wrap:before, .fin-abox-style3.BR.color_pink .fin-wrap:before,
.fin-abox-style3.BR.color_red .fin-wrap:before, .fin-abox-style3.BR.color_dark .fin-wrap:before, .fin-abox-style3.TR.color_orange .fin-wrap:before, .fin-abox-style3.TR.color_yellow .fin-wrap:before,
.fin-abox-style3.TR.color_green .fin-wrap:before, .fin-abox-style3.TR.color_blue .fin-wrap:before, .fin-abox-style3.TR.color_purple .fin-wrap:before, .fin-abox-style3.TR.color_pink .fin-wrap:before,
.fin-abox-style3.TR.color_red .fin-wrap:before, .fin-abox-style3.TR.color_dark .fin-wrap:before {
    border: solid 6px #C9C9C9;
}

.fin-abox-style3.color_orange h6, .fin-abox-style3.color_orange .fin-icon {
    color: var(--fin-orange)
}

.fin-abox-style3.color_yellow h6, .fin-abox-style3.color_yellow .fin-icon {
    color: var(--fin-yellow)
}

.fin-abox-style3.color_green h6, .fin-abox-style3.color_green .fin-icon {
    color: var(--fin-green)
}

.fin-abox-style3.color_blue h6, .fin-abox-style3.color_blue .fin-icon {
    color: var(--fin-blue)
}

.fin-abox-style3.color_purple h6, .fin-abox-style3.color_purple .fin-icon {
    color: var(--fin-purple)
}

.fin-abox-style3.color_pink h6, .fin-abox-style3.color_pink .fin-icon {
    color: var(--fin-pink)
}

.fin-abox-style3.color_red h6, .fin-abox-style3.color_red .fin-icon {
    color: var(--fin-red)
}

.fin-abox-style3.color_dark h6, .fin-abox-style3.color_dark .fin-icon {
    color: var(--fin-dark)
}
/* fin-action-box finin-box-style3 END */


/* fin-action-box finin-box-style3 START */
.fin-abox-style4 .fin-wrap .borderinner {
    padding: 4px;
}

.fin-abox-style4 .fin-wrap .fin-wrapbox {
    border-radius: 16px
}

    .fin-abox-style4 .fin-wrap .fin-wrapbox.fin-step {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

        .fin-abox-style4 .fin-wrap .fin-wrapbox.fin-step .fin-stepnum {
            color: var(--fin-abox-gray);
            font-weight: 400;
            font-size: 18px
        }

        .fin-abox-style4 .fin-wrap .fin-wrapbox.fin-step .fin-steptext {
            color: var(--fin-abox-gray);
            font-weight: 400;
            font-size: 18px
        }

.fin-abox-style4.BL .fin-wrapbox, .fin-abox-style4.TL .fin-wrapbox, .fin-abox-style4.TR .fin-wrapbox, .fin-abox-style4.BR .fin-wrapbox {
    background: #fff;
    box-shadow: initial;
}

.fin-abox-style4 .fin-wrap:before {
    content: '';
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    border: solid 4px #C9C9C9 !important;
    border-radius: 20px
}

.fin-abox-style4.BL .fin-wrap:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 50%;
    height: 20%;
    background: #fff;
    border-left: dotted 5px #C9C9C9 !important;
    border-bottom: dotted 5px #C9C9C9 !important;
    border-radius: 0px 0px 0px 15px;
}

.fin-abox-style4.TL .fin-wrap:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50%;
    height: 20%;
    background: #fff;
    border-left: dotted 5px #C9C9C9 !important;
    border-top: dotted 5px #C9C9C9 !important;
    border-radius: 15px 0px 0px 0px
}

.fin-abox-style4.TR .fin-wrap:after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50%;
    height: 20%;
    background: #fff;
    border-right: dotted 5px #C9C9C9;
    border-top: dotted 5px #C9C9C9;
    border-radius: 0px 15px 0px 0px
}

.fin-abox-style4.BR .fin-wrap:after {
    content: '';
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 50%;
    height: 20%;
    background: #fff;
    border-right: dotted 5px #C9C9C9;
    border-bottom: dotted 5px #C9C9C9;
    border-radius: 0px 0px 15px 0px
}

.fin-abox-style4 .toparrow {
    position: absolute;
    width: 100%;
    left: 22px;
    height: 55%;
    top: -30px;
    border-left: 15px solid #000;
    border-top: 15px solid #000;
    border-right: 15px solid #000;
    border-radius: 40px 40px 0px 0px
}

    .fin-abox-style4 .toparrow:before {
        content: "";
        position: absolute;
        right: -40px;
        bottom: -10px;
        width: 40px;
        height: 15px;
        z-index: 999;
        background: #000;
        border-radius: 0px 0px 0px 50px
    }

    .fin-abox-style4 .toparrow .arrow {
        width: 0px;
        height: 0px;
        border: 20px solid transparent;
        border-top-color: #000;
        margin: 0;
        padding: 0;
        position: absolute;
        right: -45px;
        z-index: 99;
        bottom: -22px;
    }

        .fin-abox-style4 .toparrow .arrow:before {
            content: '';
            width: 0px;
            height: 0px;
            border: 10px solid transparent;
            border-top-color: white;
            display: inline-block;
            -webkit-transform: translate(-10px, -20px);
        }

        .fin-abox-style4 .toparrow .arrow.right {
            transform: rotate(270deg) translate(0px, 25px);
            -webkit-transform: rotate(270deg) translate(0px, 25px);
            -moz-transform: rotate(270deg) translate(0px, 25px);
            -o-transform: rotate(270deg) translate(0px, 25px);
            -ms-transform: rotate(270deg) translate(0px, 25px);
        }

.fin-abox-style4 .bottomarrow {
    position: absolute;
    width: 100%;
    left: 22px;
    height: 55%;
    bottom: -30px;
    border-left: 15px solid #000;
    border-bottom: 15px solid #000;
    border-right: 15px solid #000;
    border-radius: 0px 0px 40px 40px
}

    .fin-abox-style4 .bottomarrow:before {
        content: "";
        position: absolute;
        right: -40px;
        top: -10px;
        width: 40px;
        height: 15px;
        z-index: 999;
        background: #000;
        border-radius: 50px 0px 0px 0px
    }

    .fin-abox-style4 .bottomarrow .arrow {
        width: 0px;
        height: 0px;
        border: 20px solid transparent;
        border-top-color: #000;
        margin: 0;
        padding: 0;
        position: absolute;
        right: -45px;
        z-index: 99;
        top: -22px;
    }

        .fin-abox-style4 .bottomarrow .arrow:before {
            content: '';
            width: 0px;
            height: 0px;
            border: 10px solid transparent;
            border-top-color: white;
            display: inline-block;
            -webkit-transform: translate(-10px, -20px);
        }

        .fin-abox-style4 .bottomarrow .arrow.right {
            transform: rotate(270deg) translate(0px, 25px);
            -webkit-transform: rotate(270deg) translate(0px, 25px);
            -moz-transform: rotate(270deg) translate(0px, 25px);
            -o-transform: rotate(270deg) translate(0px, 25px);
            -ms-transform: rotate(270deg) translate(0px, 25px);
        }

.fin-abox-style4.color_orange h6, .fin-abox-style4.color_orange .fin-icon {
    color: var(--fin-orange)
}

.fin-abox-style4.color_yellow h6, .fin-abox-style4.color_yellow .fin-icon {
    color: var(--fin-yellow)
}

.fin-abox-style4.color_green h6, .fin-abox-style4.color_green .fin-icon {
    color: var(--fin-green)
}

.fin-abox-style4.color_blue h6, .fin-abox-style4.color_blue .fin-icon {
    color: var(--fin-blue)
}

.fin-abox-style4.color_purple h6, .fin-abox-style4.color_purple .fin-icon {
    color: var(--fin-purple)
}

.fin-abox-style4.color_pink h6, .fin-abox-style4.color_pink .fin-icon {
    color: var(--fin-pink)
}

.fin-abox-style4.color_red h6, .fin-abox-style4.color_red .fin-icon {
    color: var(--fin-red)
}

.fin-abox-style4.color_dark h6, .fin-abox-style4.color_dark .fin-icon {
    color: var(--fin-dark)
}

.fin-abox-style4.color_orange .toparrow {
    border-left: 15px solid var(--fin-orange);
    border-top: 15px solid var(--fin-orange);
    border-right: 15px solid var(--fin-orange);
}

    .fin-abox-style4.color_orange .toparrow:before {
        background: var(--fin-orange);
    }

    .fin-abox-style4.color_orange .toparrow .arrow {
        border-top-color: var(--fin-orange);
    }

.fin-abox-style4.color_orange .bottomarrow {
    border-left: 15px solid var(--fin-orange);
    border-bottom: 15px solid var(--fin-orange);
    border-right: 15px solid var(--fin-orange);
}

    .fin-abox-style4.color_orange .bottomarrow:before {
        background: var(--fin-orange);
    }

    .fin-abox-style4.color_orange .bottomarrow .arrow {
        border-top-color: var(--fin-orange);
    }

.fin-abox-style4.color_yellow .toparrow {
    border-left: 15px solid var(--fin-yellow);
    border-top: 15px solid var(--fin-yellow);
    border-right: 15px solid var(--fin-yellow);
}

    .fin-abox-style4.color_yellow .toparrow:before {
        background: var(--fin-yellow);
    }

    .fin-abox-style4.color_yellow .toparrow .arrow {
        border-top-color: var(--fin-yellow);
    }

.fin-abox-style4.color_yellow .bottomarrow {
    border-left: 15px solid var(--fin-yellow);
    border-bottom: 15px solid var(--fin-yellow);
    border-right: 15px solid var(--fin-yellow);
}

    .fin-abox-style4.color_yellow .bottomarrow:before {
        background: var(--fin-yellow);
    }

    .fin-abox-style4.color_yellow .bottomarrow .arrow {
        border-top-color: var(--fin-yellow);
    }

.fin-abox-style4.color_green .toparrow {
    border-left: 15px solid var(--fin-green);
    border-top: 15px solid var(--fin-green);
    border-right: 15px solid var(--fin-green);
}

    .fin-abox-style4.color_green .toparrow:before {
        background: var(--fin-green);
    }

    .fin-abox-style4.color_green .toparrow .arrow {
        border-top-color: var(--fin-green);
    }

.fin-abox-style4.color_green .bottomarrow {
    border-left: 15px solid var(--fin-green);
    border-bottom: 15px solid var(--fin-green);
    border-right: 15px solid var(--fin-green);
}

    .fin-abox-style4.color_green .bottomarrow:before {
        background: var(--fin-green);
    }

    .fin-abox-style4.color_green .bottomarrow .arrow {
        border-top-color: var(--fin-green);
    }

.fin-abox-style4.color_blue .toparrow {
    border-left: 15px solid var(--fin-blue);
    border-top: 15px solid var(--fin-blue);
    border-right: 15px solid var(--fin-blue);
}

    .fin-abox-style4.color_blue .toparrow:before {
        background: var(--fin-blue);
    }

    .fin-abox-style4.color_blue .toparrow .arrow {
        border-top-color: var(--fin-blue);
    }

.fin-abox-style4.color_blue .bottomarrow {
    border-left: 15px solid var(--fin-blue);
    border-bottom: 15px solid var(--fin-blue);
    border-right: 15px solid var(--fin-blue);
}

    .fin-abox-style4.color_blue .bottomarrow:before {
        background: var(--fin-blue);
    }

    .fin-abox-style4.color_blue .bottomarrow .arrow {
        border-top-color: var(--fin-blue);
    }

.fin-abox-style4.color_purple .toparrow {
    border-left: 15px solid var(--fin-purple);
    border-top: 15px solid var(--fin-purple);
    border-right: 15px solid var(--fin-purple);
}

    .fin-abox-style4.color_purple .toparrow:before {
        background: var(--fin-purple);
    }

    .fin-abox-style4.color_purple .toparrow .arrow {
        border-top-color: var(--fin-purple);
    }

.fin-abox-style4.color_purple .bottomarrow {
    border-left: 15px solid var(--fin-purple);
    border-bottom: 15px solid var(--fin-purple);
    border-right: 15px solid var(--fin-purple);
}

    .fin-abox-style4.color_purple .bottomarrow:before {
        background: var(--fin-purple);
    }

    .fin-abox-style4.color_purple .bottomarrow .arrow {
        border-top-color: var(--fin-purple);
    }

.fin-abox-style4.color_pink .toparrow {
    border-left: 15px solid var(--fin-pink);
    border-top: 15px solid var(--fin-pink);
    border-right: 15px solid var(--fin-pink);
}

    .fin-abox-style4.color_pink .toparrow:before {
        background: var(--fin-pink);
    }

    .fin-abox-style4.color_pink .toparrow .arrow {
        border-top-color: var(--fin-pink);
    }

.fin-abox-style4.color_pink .bottomarrow {
    border-left: 15px solid var(--fin-pink);
    border-bottom: 15px solid var(--fin-pink);
    border-right: 15px solid var(--fin-pink);
}

    .fin-abox-style4.color_pink .bottomarrow:before {
        background: var(--fin-pink);
    }

    .fin-abox-style4.color_pink .bottomarrow .arrow {
        border-top-color: var(--fin-pink);
    }

.fin-abox-style4.color_red .toparrow {
    border-left: 15px solid var(--fin-red);
    border-top: 15px solid var(--fin-red);
    border-right: 15px solid var(--fin-red);
}

    .fin-abox-style4.color_red .toparrow:before {
        background: var(--fin-red);
    }

    .fin-abox-style4.color_red .toparrow .arrow {
        border-top-color: var(--fin-red);
    }

.fin-abox-style4.color_red .bottomarrow {
    border-left: 15px solid var(--fin-red);
    border-bottom: 15px solid var(--fin-red);
    border-right: 15px solid var(--fin-red);
}

    .fin-abox-style4.color_red .bottomarrow:before {
        background: var(--fin-red);
    }

    .fin-abox-style4.color_red .bottomarrow .arrow {
        border-top-color: var(--fin-red);
    }

.fin-abox-style4.color_dark .toparrow {
    border-left: 15px solid var(--fin-dark);
    border-top: 15px solid var(--fin-dark);
    border-right: 15px solid var(--fin-dark);
}

    .fin-abox-style4.color_dark .toparrow:before {
        background: var(--fin-dark);
    }

    .fin-abox-style4.color_dark .toparrow .arrow {
        border-top-color: var(--fin-dark);
    }

.fin-abox-style4.color_dark .bottomarrow {
    border-left: 15px solid var(--fin-dark);
    border-bottom: 15px solid var(--fin-dark);
    border-right: 15px solid var(--fin-dark);
}

    .fin-abox-style4.color_dark .bottomarrow:before {
        background: var(--fin-dark);
    }

    .fin-abox-style4.color_dark .bottomarrow .arrow {
        border-top-color: var(--fin-dark);
    }


/* fin-action-box START */
.fin-abox-main .info {
    padding-bottom: 35px;
}

.fin-action-cirle {
    margin-bottom: 25px;
    margin-top: 25px;
    position: relative;
    width: 280px;
    height: 280px;
    margin: 5px
}

    .fin-action-cirle .fin-wrap {
        position: relative;
        width: 100%;
        height: 100%
    }

        .fin-action-cirle .fin-wrap .fin-wrapbox {
            padding: 20px;
            background: #F7F7F7;
            z-index: 1;
            position: relative;
            border-radius: 20px;
            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        }

        .fin-action-cirle .fin-wrap .borderinner {
            padding: 10px;
            position: relative;
            height: 100%;
        }

    .fin-action-cirle .fin-icon {
        text-align: center;
        font-size: 30px;
        margin-bottom: 10px;
        color: #000;
        margin-right: 58px;
    }

    .fin-action-cirle h6 {
        text-align: center;
        font-size: 18px;
        margin-bottom: 10px;
        color: #000
    }

    .fin-action-cirle .fin-num-txt {
        position: absolute;
        top: 40%;
        left: 10px;
        font-size: 44px;
        font-weight: 600;
        color: #959595
    }

    .fin-action-cirle .content {
        text-align: center;
        color: #5b6674;
        font-weight: 400;
        font-style: normal;
        font-size: 13px
    }

        .fin-action-cirle .content p {
            margin: 0px
        }

/* fin-action-box finin-box-style1 START */
.fin-acircle-style5 {
    margin-bottom: 40px;
    margin-top: 40px;
}

    .fin-acircle-style5.arrownone:after {
        display: none
    }

    .fin-acircle-style5 .borderinner .colorbg {
        width: 100%;
        height: calc(100% - 20px);
        height: 100%;
        border-radius: 50%;
        background: #000;
        position: relative;
        padding: 10px;
        z-index: 3
    }

        .fin-acircle-style5 .borderinner .colorbg .fin-wrapbox {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            padding: 30px 6px 17px 60px;
            z-index: 2;
            overflow: hidden
        }

    .fin-acircle-style5 .fin-wrap {
        border: solid 2px #959595;
        border-radius: 50%;
    }

    .fin-acircle-style5.BL .fin-wrap:before {
        content: '';
        position: absolute;
        top: -5px;
        right: -5px;
        width: 50.4%;
        height: 52%;
        background: #fff;
        border-right: solid 8px #000;
        border-radius: 0% 100% 0px 0px;
    }

    .fin-acircle-style5.BL .fin-wrap:after {
        content: '';
        position: absolute;
        bottom: -3px;
        left: -3px;
        width: 50.4%;
        height: 50.4%;
        background: #fff;
        border-left: dotted 4px #959595;
        border-bottom: dotted 4px #959595;
        border-radius: 0px 0px 0px 100%;
    }

    .fin-acircle-style5.TL .fin-wrap:before {
        content: '';
        position: absolute;
        bottom: -5px;
        right: -5px;
        width: 50.4%;
        height: 52%;
        background: #fff;
        border-right: solid 8px #000;
        border-radius: 0% 0% 100% 0px;
    }

    .fin-acircle-style5.TL .fin-wrap:after {
        content: '';
        position: absolute;
        top: -3px;
        left: -3px;
        width: 50%;
        height: 50%;
        background: #fff;
        border-left: dotted 4px #959595;
        border-top: dotted 4px #959595;
        border-radius: 100% 0px 0px 0px
    }

    .fin-acircle-style5.TR .fin-wrap:before {
        content: '';
        position: absolute;
        bottom: -5px;
        left: -5px;
        width: 50.4%;
        height: 52%;
        background: #fff;
        border-left: solid 8px #000;
        border-radius: 0% 0% 0% 100%;
    }

    .fin-acircle-style5.TR .fin-wrap:after {
        content: '';
        position: absolute;
        top: -3px;
        right: -3px;
        width: 50%;
        height: 50%;
        background: #fff;
        border-right: dotted 4px #959595;
        border-top: dotted 4px #959595;
        border-radius: 0px 100% 0px 0px
    }

    .fin-acircle-style5.BR .fin-wrap:before {
        content: '';
        position: absolute;
        top: -5px;
        left: -5px;
        width: 50.4%;
        height: 52%;
        background: #fff;
        border-left: solid 8px #000;
        border-radius: 100% 0% 0px 0%;
    }

    .fin-acircle-style5.BR .fin-wrap:after {
        content: '';
        position: absolute;
        bottom: -3px;
        right: -3px;
        width: 50%;
        height: 50%;
        background: #fff;
        border-right: dotted 4px #959595;
        border-bottom: dotted 4px #959595;
        border-radius: 0px 0px 100% 0px
    }

    .fin-acircle-style5 .fin-icon {
        color: #000
    }

    .fin-acircle-style5 h6 {
        color: #000
    }

    .fin-acircle-style5 .fin-num-txt {
        color: #95959573
    }

.div-fin-full::after {
    content: '';
    position: absolute;
    right: -44px;
    top: 45%;
    height: 10%;
    background: var(--fin-orange);
    width: 100%;
    z-index: 2
}

fin-cirle-style1.BL .fin-wrap:before {
    border-right: solid 8px #000;
    border-top: solid 8px #000;
}

.fin-acircle-style5.TL .fin-wrap:before {
    border-right: solid 8px #000;
    border-bottom: solid 8px #000;
}

.fin-acircle-style5.TR .fin-wrap:before {
    border-left: solid 8px #000;
    border-bottom: solid 8px #000;
}

.fin-acircle-style5.BR .fin-wrap:before {
    border-left: solid 8px #000;
    border-top: solid 8px #000;
}

.fin-acircle-style5.color_orange .fin-icon {
    color: var(--fin-orange)
}

.fin-acircle-style5.color_orange h6 {
    color: var(--fin-orange)
}

.fin-acircle-style5.color_orange:after {
    background: var(--fin-orange);
}

.fin-acircle-style5.color_orange .borderinner .colorbg {
    background: var(--fin-orange)
}

.fin-acircle-style5.color_orange.BL .fin-wrap:before {
    border-right: solid 8px var(--fin-orange);
    border-top: solid 8px var(--fin-orange);
}

.fin-acircle-style5.color_orange.TL .fin-wrap:before {
    border-right: solid 8px var(--fin-orange);
    border-bottom: solid 8px var(--fin-orange);
}

.fin-acircle-style5.color_orange.TR .fin-wrap:before {
    border-left: solid 8px var(--fin-orange);
    border-bottom: solid 8px var(--fin-orange);
}

.fin-acircle-style5.color_orange.BR .fin-wrap:before {
    border-left: solid 8px var(--fin-orange);
    border-top: solid 8px var(--fin-orange);
}

.fin-acircle-style5.color_yellow .fin-icon {
    color: var(--fin-yellow)
}

.fin-acircle-style5.color_yellow h6 {
    color: var(--fin-yellow)
}

.fin-acircle-style5.color_yellow:after {
    background: var(--fin-yellow);
}

.fin-acircle-style5.color_yellow .borderinner .colorbg {
    background: var(--fin-yellow)
}

.fin-acircle-style5.color_yellow.BL .fin-wrap:before {
    border-right: solid 8px var(--fin-yellow);
    border-top: solid 8px var(--fin-yellow);
}

.fin-acircle-style5.color_yellow.TL .fin-wrap:before {
    border-right: solid 8px var(--fin-yellow);
    border-bottom: solid 8px var(--fin-yellow);
}

.fin-acircle-style5.color_yellow.TR .fin-wrap:before {
    border-left: solid 8px var(--fin-yellow);
    border-bottom: solid 8px var(--fin-yellow);
}

.fin-acircle-style5.color_yellow.BR .fin-wrap:before {
    border-left: solid 8px var(--fin-yellow);
    border-top: solid 8px var(--fin-yellow);
}

.fin-acircle-style5.color_green .fin-icon {
    color: var(--fin-green)
}

.fin-acircle-style5.color_green h6 {
    color: var(--fin-green)
}

.fin-acircle-style5.color_green:after {
    background: var(--fin-green);
}

.fin-acircle-style5.color_green .borderinner .colorbg {
    background: var(--fin-green)
}

.fin-acircle-style5.color_green.BL .fin-wrap:before {
    border-right: solid 8px var(--fin-green);
    border-top: solid 8px var(--fin-green);
}

.fin-acircle-style5.color_green.TL .fin-wrap:before {
    border-right: solid 8px var(--fin-green);
    border-bottom: solid 8px var(--fin-green);
}

.fin-acircle-style5.color_green.TR .fin-wrap:before {
    border-left: solid 8px var(--fin-green);
    border-bottom: solid 8px var(--fin-green);
}

.fin-acircle-style5.color_green.BR .fin-wrap:before {
    border-left: solid 8px var(--fin-green);
    border-top: solid 8px var(--fin-green);
}

.fin-acircle-style5.color_blue .fin-icon {
    color: var(--fin-blue)
}

.fin-acircle-style5.color_blue h6 {
    color: var(--fin-blue)
}

.fin-acircle-style5.color_blue:after {
    background: var(--fin-blue);
}

.fin-acircle-style5.color_blue .borderinner .colorbg {
    background: var(--fin-blue)
}

.fin-acircle-style5.color_blue.BL .fin-wrap:before {
    border-right: solid 8px var(--fin-blue);
    border-top: solid 8px var(--fin-blue);
    background: repeat;
}
/*background:repeat; --BJ*/
.fin-acircle-style5.color_blue.TL .fin-wrap:before {
    border-right: solid 8px var(--fin-blue);
    border-bottom: solid 8px var(--fin-blue);
}

.fin-acircle-style5.color_blue.TR .fin-wrap:before {
    border-left: solid 8px var(--fin-blue);
    border-bottom: solid 8px var(--fin-blue);
}

.fin-acircle-style5.color_blue.BR .fin-wrap:before {
    border-left: solid 8px var(--fin-blue);
    border-top: solid 8px var(--fin-blue);
}

.fin-acircle-style5.color_purple .fin-icon {
    color: var(--fin-purple)
}

.fin-acircle-style5.color_purple h6 {
    color: var(--fin-purple)
}

.fin-acircle-style5.color_purple:after {
    background: var(--fin-purple);
}

.fin-acircle-style5.color_purple .borderinner .colorbg {
    background: var(--fin-purple)
}

.fin-acircle-style5.color_purple.BL .fin-wrap:before {
    border-right: solid 8px var(--fin-purple);
    border-top: solid 8px var(--fin-purple);
}

.fin-acircle-style5.color_purple.TL .fin-wrap:before {
    border-right: solid 8px var(--fin-purple);
    border-bottom: solid 8px var(--fin-purple);
}

.fin-acircle-style5.color_purple.TR .fin-wrap:before {
    border-left: solid 8px var(--fin-purple);
    border-bottom: solid 8px var(--fin-purple);
}

.fin-acircle-style5.color_purple.BR .fin-wrap:before {
    border-left: solid 8px var(--fin-purple);
    border-top: solid 8px var(--fin-purple);
}

.fin-acircle-style5.color_pink .fin-icon {
    color: var(--fin-pink)
}

.fin-acircle-style5.color_pink h6 {
    color: var(--fin-pink)
}

.fin-acircle-style5.color_pink:after {
    background: var(--fin-pink);
}

.fin-acircle-style5.color_pink .borderinner .colorbg {
    background: var(--fin-pink)
}

.fin-acircle-style5.color_pink.BL .fin-wrap:before {
    border-right: solid 8px var(--fin-pink);
    border-top: solid 8px var(--fin-pink);
}

.fin-acircle-style5.color_pink.TL .fin-wrap:before {
    border-right: solid 8px var(--fin-pink);
    border-bottom: solid 8px var(--fin-pink);
}

.fin-acircle-style5.color_pink.TR .fin-wrap:before {
    border-left: solid 8px var(--fin-pink);
    border-bottom: solid 8px var(--fin-pink);
}

.fin-acircle-style5.color_pink.BR .fin-wrap:before {
    border-left: solid 8px var(--fin-pink);
    border-top: solid 8px var(--fin-pink);
}

.fin-acircle-style5.color_red .fin-icon {
    color: var(--fin-red)
}

.fin-acircle-style5.color_red h6 {
    color: var(--fin-red)
}

.fin-acircle-style5.color_red:after {
    background: var(--fin-red);
}

.fin-acircle-style5.color_red .borderinner .colorbg {
    background: var(--fin-red)
}

.fin-acircle-style5.color_red.BL .fin-wrap:before {
    border-right: solid 8px var(--fin-red);
    border-top: solid 8px var(--fin-red);
}

.fin-acircle-style5.color_red.TL .fin-wrap:before {
    border-right: solid 8px var(--fin-red);
    border-bottom: solid 8px var(--fin-red);
}

.fin-acircle-style5.color_red.TR .fin-wrap:before {
    border-left: solid 8px var(--fin-red);
    border-bottom: solid 8px var(--fin-red);
}

.fin-acircle-style5.color_red.BR .fin-wrap:before {
    border-left: solid 8px var(--fin-red);
    border-top: solid 8px var(--fin-red);
}

.fin-acircle-style5.color_dark .fin-icon {
    color: var(--fin-dark)
}

.fin-acircle-style5.color_dark h6 {
    color: var(--fin-dark)
}

.fin-acircle-style5.color_dark:after {
    background: var(--fin-dark);
}

.fin-acircle-style5.color_dark .borderinner .colorbg {
    background: var(--fin-dark)
}

.fin-acircle-style5.color_dark.BL .fin-wrap:before {
    border-right: solid 8px var(--fin-dark);
    border-top: solid 8px var(--fin-dark);
}

.fin-acircle-style5.color_dark.TL .fin-wrap:before {
    border-right: solid 8px var(--fin-dark);
    border-bottom: solid 8px var(--fin-dark);
}

.fin-acircle-style5.color_dark.TR .fin-wrap:before {
    border-left: solid 8px var(--fin-dark);
    border-bottom: solid 8px var(--fin-dark);
}

.fin-acircle-style5.color_dark.BR .fin-wrap:before {
    border-left: solid 8px var(--fin-dark);
    border-top: solid 8px var(--fin-dark);
}
/* fin-action-box finin-box-style1 End */

/* fin-action-box finin-box-style2 START */
.fin-action-cirle.fin-acircle-style6 .fin-icon {
    margin-right: 0;
}

.fin-acircle-style6 {
    margin-bottom: 40px;
    margin-top: 40px;
}

    .fin-acircle-style6.arrownone:after {
        display: none
    }

    .fin-acircle-style6 .borderinner .colorbg {
        width: 100%;
        height: calc(100% - 20px);
        height: 100%;
        border-radius: 50%;
        position: relative;
        padding: 0px;
        z-index: 3
    }

        .fin-acircle-style6 .borderinner .colorbg .fin-wrapbox {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            padding: 25px 25px 40px;
            z-index: 2;
            overflow: hidden
        }

    .fin-acircle-style6 .fin-wrap {
        border: solid 2px #959595;
        border-radius: 50%
    }

    .fin-acircle-style6.BL .fin-wrap:before {
        content: '';
        position: absolute;
        top: -5px;
        right: -5px;
        width: 50.4%;
        height: 52%;
        background: #fff;
        border-right: solid 8px #000;
        border-radius: 0% 100% 0px 0px;
    }

    .fin-acircle-style6.TL .fin-wrap:before {
        content: '';
        position: absolute;
        bottom: -5px;
        right: -5px;
        width: 50.4%;
        height: 52%;
        background: #fff;
        border-right: solid 8px #000;
        border-radius: 0% 0% 100% 0px;
    }

    .fin-acircle-style6.TR .fin-wrap:before {
        content: '';
        position: absolute;
        bottom: -5px;
        left: -5px;
        width: 50.4%;
        height: 52%;
        background: #fff;
        border-left: solid 8px #000;
        border-radius: 0% 0% 0% 100%;
    }

    .fin-acircle-style6.BR .fin-wrap:before {
        content: '';
        position: absolute;
        top: -5px;
        left: -5px;
        width: 50.4%;
        height: 52%;
        background: #fff;
        border-left: solid 8px #000;
        border-radius: 100% 0% 0px 0%;
    }

    .fin-acircle-style6.BL .leftdot {
        position: absolute;
        width: 8px;
        height: 10px;
        background: #fff;
        left: 48.2%;
        top: -3px;
    }

    .fin-acircle-style6.BL .dot:before {
        content: '';
        position: absolute;
        width: 5px;
        height: 5px;
        background: #959595;
        border-radius: 5px
    }

    .fin-acircle-style6.BL .rightdot {
        position: absolute;
        width: 8px;
        height: 10px;
        background: #fff;
        top: 50%;
        right: -3px;
    }

        .fin-acircle-style6.BL .rightdot.dot:before {
            bottom: 0px;
            left: 3px
        }

    .fin-acircle-style6.TL .leftdot {
        position: absolute;
        width: 9px;
        height: 10px;
        background: #fff;
        left: 48.2%;
        bottom: -3px;
    }

        .fin-acircle-style6.TL .leftdot.dot:before {
            bottom: 0px;
            left: 0px
        }

    .fin-acircle-style6.TL .dot:before {
        content: '';
        position: absolute;
        width: 5px;
        height: 5px;
        background: #959595;
        border-radius: 5px
    }

    .fin-acircle-style6.TL .rightdot {
        position: absolute;
        width: 8px;
        height: 10px;
        background: #fff;
        top: 46%;
        right: -3px;
    }

        .fin-acircle-style6.TL .rightdot.dot:before {
            top: 0px;
            left: 3px
        }

    .fin-acircle-style6.TR .leftdot {
        position: absolute;
        width: 9px;
        height: 10px;
        background: #fff;
        left: 48.5%;
        bottom: -3px;
    }

        .fin-acircle-style6.TR .leftdot.dot:before {
            bottom: 0px;
            left: 4px
        }

    .fin-acircle-style6.TR .dot:before {
        content: '';
        position: absolute;
        width: 5px;
        height: 5px;
        background: #959595;
        border-radius: 5px
    }

    .fin-acircle-style6.TR .rightdot {
        position: absolute;
        width: 8px;
        height: 10px;
        background: #fff;
        top: 46%;
        left: -3px;
    }

        .fin-acircle-style6.TR .rightdot.dot:before {
            top: 0px;
            left: 0px
        }

    .fin-acircle-style6.BR .leftdot {
        position: absolute;
        width: 8px;
        height: 10px;
        background: #fff;
        left: 48.2%;
        top: -3px;
    }

        .fin-acircle-style6.BR .leftdot.dot:before {
            top: 0px;
            left: 4px
        }

    .fin-acircle-style6.BR .dot:before {
        content: '';
        position: absolute;
        width: 5px;
        height: 5px;
        background: #959595;
        border-radius: 5px
    }

    .fin-acircle-style6.BR .rightdot {
        position: absolute;
        width: 8px;
        height: 10px;
        background: #fff;
        top: 50%;
        left: -3px;
    }

        .fin-acircle-style6.BR .rightdot.dot:before {
            bottom: 0px;
            left: 0px
        }

    .fin-acircle-style6 .fin-icon {
        color: #000
    }

    .fin-acircle-style6 h6 {
        color: #000
    }

    .fin-acircle-style6 .fin-num-txt {
        color: #959595
    }

    .fin-acircle-style6.BL .fin-wrap:before {
        border-right: solid 8px #000;
        border-top: solid 8px #000;
    }

    .fin-acircle-style6.TL .fin-wrap:before {
        border-right: solid 8px #000;
        border-bottom: solid 8px #000;
    }

    .fin-acircle-style6.TR .fin-wrap:before {
        border-left: solid 8px #000;
        border-bottom: solid 8px #000;
    }

    .fin-acircle-style6.BR .fin-wrap:before {
        border-left: solid 8px #000;
        border-top: solid 8px #000;
    }

    .fin-acircle-style6.color_orange .fin-icon {
        color: var(--fin-orange)
    }

    .fin-acircle-style6.color_orange h6 {
        color: var(--fin-orange)
    }

    .fin-acircle-style6.color_orange.BL .fin-wrap:before {
        border-right: solid 8px var(--fin-orange);
        border-top: solid 8px var(--fin-orange);
    }

    .fin-acircle-style6.color_orange.TL .fin-wrap:before {
        border-right: solid 8px var(--fin-orange);
        border-bottom: solid 8px var(--fin-orange);
    }

    .fin-acircle-style6.color_orange.TR .fin-wrap:before {
        border-left: solid 8px var(--fin-orange);
        border-bottom: solid 8px var(--fin-orange);
    }

    .fin-acircle-style6.color_orange.BR .fin-wrap:before {
        border-left: solid 8px var(--fin-orange);
        border-top: solid 8px var(--fin-orange);
    }

    .fin-acircle-style6.color_yellow .fin-icon {
        color: var(--fin-yellow)
    }

    .fin-acircle-style6.color_yellow h6 {
        color: var(--fin-yellow)
    }

    .fin-acircle-style6.color_yellow.BL .fin-wrap:before {
        border-right: solid 8px var(--fin-yellow);
        border-top: solid 8px var(--fin-yellow);
    }

    .fin-acircle-style6.color_yellow.TL .fin-wrap:before {
        border-right: solid 8px var(--fin-yellow);
        border-bottom: solid 8px var(--fin-yellow);
    }

    .fin-acircle-style6.color_yellow.TR .fin-wrap:before {
        border-left: solid 8px var(--fin-yellow);
        border-bottom: solid 8px var(--fin-yellow);
    }

    .fin-acircle-style6.color_yellow.BR .fin-wrap:before {
        border-left: solid 8px var(--fin-yellow);
        border-top: solid 8px var(--fin-yellow);
    }

    .fin-acircle-style6.color_green .fin-icon {
        color: var(--fin-green)
    }

    .fin-acircle-style6.color_green h6 {
        color: var(--fin-green)
    }

    .fin-acircle-style6.color_green.BL .fin-wrap:before {
        border-right: solid 8px var(--fin-green);
        border-top: solid 8px var(--fin-green);
    }

    .fin-acircle-style6.color_green.TL .fin-wrap:before {
        border-right: solid 8px var(--fin-green);
        border-bottom: solid 8px var(--fin-green);
    }

    .fin-acircle-style6.color_green.TR .fin-wrap:before {
        border-left: solid 8px var(--fin-green);
        border-bottom: solid 8px var(--fin-green);
    }

    .fin-acircle-style6.color_green.BR .fin-wrap:before {
        border-left: solid 8px var(--fin-green);
        border-top: solid 8px var(--fin-green);
    }

    .fin-acircle-style6.color_blue .fin-icon {
        color: var(--fin-blue)
    }

    .fin-acircle-style6.color_blue h6 {
        color: var(--fin-blue)
    }

    .fin-acircle-style6.color_blue.BL .fin-wrap:before {
        border-right: solid 8px var(--fin-blue);
        border-top: solid 8px var(--fin-blue);
    }

    .fin-acircle-style6.color_blue.TL .fin-wrap:before {
        border-right: solid 8px var(--fin-blue);
        border-bottom: solid 8px var(--fin-blue);
    }

    .fin-acircle-style6.color_blue.TR .fin-wrap:before {
        border-left: solid 8px var(--fin-blue);
        border-bottom: solid 8px var(--fin-blue);
    }

    .fin-acircle-style6.color_blue.BR .fin-wrap:before {
        border-left: solid 8px var(--fin-blue);
        border-top: solid 8px var(--fin-blue);
    }

    .fin-acircle-style6.color_purple .fin-icon {
        color: var(--fin-purple)
    }

    .fin-acircle-style6.color_purple h6 {
        color: var(--fin-purple)
    }

    .fin-acircle-style6.color_purple.BL .fin-wrap:before {
        border-right: solid 8px var(--fin-purple);
        border-top: solid 8px var(--fin-purple);
    }

    .fin-acircle-style6.color_purple.TL .fin-wrap:before {
        border-right: solid 8px var(--fin-purple);
        border-bottom: solid 8px var(--fin-purple);
    }

    .fin-acircle-style6.color_purple.TR .fin-wrap:before {
        border-left: solid 8px var(--fin-purple);
        border-bottom: solid 8px var(--fin-purple);
    }

    .fin-acircle-style6.color_purple.BR .fin-wrap:before {
        border-left: solid 8px var(--fin-purple);
        border-top: solid 8px var(--fin-purple);
    }

    .fin-acircle-style6.color_pink .fin-icon {
        color: var(--fin-pink)
    }

    .fin-acircle-style6.color_pink h6 {
        color: var(--fin-pink)
    }

    .fin-acircle-style6.color_pink.BL .fin-wrap:before {
        border-right: solid 8px var(--fin-pink);
        border-top: solid 8px var(--fin-pink);
    }

    .fin-acircle-style6.color_pink.TL .fin-wrap:before {
        border-right: solid 8px var(--fin-pink);
        border-bottom: solid 8px var(--fin-pink);
    }

    .fin-acircle-style6.color_pink.TR .fin-wrap:before {
        border-left: solid 8px var(--fin-pink);
        border-bottom: solid 8px var(--fin-pink);
    }

    .fin-acircle-style6.color_pink.BR .fin-wrap:before {
        border-left: solid 8px var(--fin-pink);
        border-top: solid 8px var(--fin-pink);
    }

    .fin-acircle-style6.color_red .fin-icon {
        color: var(--fin-red)
    }

    .fin-acircle-style6.color_red h6 {
        color: var(--fin-red)
    }

    .fin-acircle-style6.color_red.BL .fin-wrap:before {
        border-right: solid 8px var(--fin-red);
        border-top: solid 8px var(--fin-red);
    }

    .fin-acircle-style6.color_red.TL .fin-wrap:before {
        border-right: solid 8px var(--fin-red);
        border-bottom: solid 8px var(--fin-red);
    }

    .fin-acircle-style6.color_red.TR .fin-wrap:before {
        border-left: solid 8px var(--fin-red);
        border-bottom: solid 8px var(--fin-red);
    }

    .fin-acircle-style6.color_red.BR .fin-wrap:before {
        border-left: solid 8px var(--fin-red);
        border-top: solid 8px var(--fin-red);
    }

    .fin-acircle-style6.color_dark .fin-icon {
        color: var(--fin-dark)
    }

    .fin-acircle-style6.color_dark h6 {
        color: var(--fin-dark)
    }

    .fin-acircle-style6.color_dark.BL .fin-wrap:before {
        border-right: solid 8px var(--fin-dark);
        border-top: solid 8px var(--fin-dark);
    }

    .fin-acircle-style6.color_dark.TL .fin-wrap:before {
        border-right: solid 8px var(--fin-dark);
        border-bottom: solid 8px var(--fin-dark);
    }

    .fin-acircle-style6.color_dark.TR .fin-wrap:before {
        border-left: solid 8px var(--fin-dark);
        border-bottom: solid 8px var(--fin-dark);
    }

    .fin-acircle-style6.color_dark.BR .fin-wrap:before {
        border-left: solid 8px var(--fin-dark);
        border-top: solid 8px var(--fin-dark);
    }

/* ======== Arrow Box START ======== */
.fin-Arrow-box {
    position: relative;
    transform: rotate(45deg);
    padding: 50px;
}

    .fin-Arrow-box .fin-wrap {
        position: relative;
        height: 235px;
        width: 235px;
        margin: 0 auto;
    }

.items-3 .fin-Arrow-box .fin-wrap {
    height: 240px;
    width: 240px;
}

.items-2 .fin-Arrow-box .fin-wrap {
    height: 260px;
    width: 260px;
}

.fin-Arrow-box .fin-wrap .fin-wrapbox {
    padding: 15px;
    background: #F7F7F7;
    z-index: 1;
    position: relative;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.3) 57px 0px 48px -40px, rgba(0, 0, 0, 0.5) 0px 10px 0px -15px;
    height: 100%;
}

.fin-wrapbox-text {
    transform: rotate(-45deg);
    position: relative;
    top: 15px;
    left: -30px;
}

.fin-Arrow-box .fin-wrap .borderinner {
    padding: 10px
}

.fin-Arrow-box .fin-icon {
    text-align: center;
    font-size: 28px;
    margin-bottom: 10px;
    color: #000;
    line-height: 36px;
}

.fin-Arrow-box h6 {
    text-align: center;
    font-size: 18px;
    margin: 0 0 10px;
    color: #000
}

.fin-Arrow-box .fin-num-txt {
    position: absolute;
    font-size: 28px;
    font-weight: 600;
    padding-left: 0px;
}

.fin-Arrow-box.fin-num-TL .fin-num-txt {
    top: -40px
}

.fin-Arrow-box.fin-num-BL .fin-num-txt {
    bottom: -40px
}

.fin-Arrow-box .content {
    text-align: center;
    color: var(--fin-abox-gray);
    font-weight: 400;
    font-style: normal;
    font-size: 15px
}

    .fin-Arrow-box .content p {
        margin: 0px;
        font-size: 13px;
        line-height: 17px;
    }

/* fin-Arrow-box finin-box-style3 START */
.fin-aArrow-style7 .fin-wrap .borderinner {
    padding: 10px;
    height: 100%;
    width: 100%;
}

.fin-box-style3 .fin-wrap .fin-wrapbox {
    border-radius: 30px;
}

.fin-aArrow-style7 .fin-wrap .fin-wrapbox.fin-step {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

    .fin-aArrow-style7 .fin-wrap .fin-wrapbox.fin-step .fin-stepnum {
        color: #979797;
        font-weight: 600;
        font-size: 35px;
    }

    .fin-aArrow-style7 .fin-wrap .fin-wrapbox.fin-step .fin-steptext {
        color: #979797;
        font-weight: 400;
        font-size: 16px
    }

.fin-aArrow-style7.BL .fin-wrapbox, .fin-aArrow-style7.TL .fin-wrapbox, .fin-aArrow-style7.TR .fin-wrapbox, .fin-aArrow-style7.BR .fin-wrapbox {
    background: #F7F7F7;
}

.fin-aArrow-style7 .fin-wrap:before {
    content: '';
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    border: solid 4px #C9C9C9;
    border-radius: 20px
}

.fin-aArrow-style7.BL .fin-wrap:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 50%;
    height: 50%;
    background: #fff;
    border-left: dotted 3px #C9C9C9;
    border-bottom: dotted 3px #C9C9C9;
    border-radius: 0px 0px 0px 35px;
}

.fin-aArrow-style7.TL .fin-wrap:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50%;
    height: 50%;
    background: #fff;
    border-left: dotted 3px #C9C9C9;
    border-top: dotted 3px #C9C9C9;
    border-radius: 35px 0px 0px 0px
}

.fin-aArrow-style7.TR .fin-wrap:after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50%;
    height: 50%;
    background: #fff;
    border-right: dotted 3px #C9C9C9 !important;
    border-top: dotted 3px #C9C9C9 !important;
    border-radius: 0px 35px 0px 0px
}

.fin-aArrow-style7.BR .fin-wrap:after {
    content: '';
    position: absolute;
    top: 40%;
    left: 40%;
    width: 20%;
    height: 100%;
    background: #fff;
    border-right: dotted 3px #C9C9C9;
    border-bottom: dotted 3px #C9C9C9;
    border-radius: 0px 20px 20px 0px;
    transform: rotate(90deg);
    border-top: dotted 3px #C9C9C9;
}

.fin-aArrow-style7.color_orange .fin-wrap:before {
    border: solid 3px var(--fin-orange);
}

.fin-aArrow-style7.color_yellow .fin-wrap:before {
    border: solid 3px var(--fin-yellow);
}

.fin-aArrow-style7.color_green .fin-wrap:before {
    border: solid 3px var(--fin-green);
}

.fin-aArrow-style7.color_blue .fin-wrap:before {
    border: solid 3px var(--fin-blue);
}

.fin-aArrow-style7.color_purple .fin-wrap:before {
    border: solid 3px var(--fin-purple);
}

.fin-aArrow-style7.color_pink .fin-wrap:before {
    border: solid 3px var(--fin-pink);
}

.fin-aArrow-style7.color_red .fin-wrap:before {
    border: solid 3px var(--fin-red);
}

.fin-aArrow-style7.color_dark .fin-wrap:before {
    border: solid 3px var(--fin-dark);
}

.fin-aArrow-style7.BR.color_orange .fin-wrap:before, .fin-aArrow-style7.BR.color_yellow .fin-wrap:before,
.fin-aArrow-style7.BR.color_green .fin-wrap:before, .fin-aArrow-style7.BR.color_blue .fin-wrap:before, .fin-aArrow-style7.BR.color_purple .fin-wrap:before, .fin-aArrow-style7.BR.color_pink .fin-wrap:before,
.fin-aArrow-style7.BR.color_red .fin-wrap:before, .fin-aArrow-style7.BR.color_dark .fin-wrap:before, .fin-aArrow-style7.TR.color_orange .fin-wrap:before, .fin-aArrow-style7.TR.color_yellow .fin-wrap:before,
.fin-aArrow-style7.TR.color_green .fin-wrap:before, .fin-aArrow-style7.TR.color_blue .fin-wrap:before, .fin-aArrow-style7.TR.color_purple .fin-wrap:before, .fin-aArrow-style7.TR.color_pink .fin-wrap:before,
.fin-aArrow-style7.TR.color_red .fin-wrap:before, .fin-aArrow-style7.TR.color_dark .fin-wrap:before {
}

.fin-aArrow-style7.color_orange .fin-wrap:after {
    border-right: dotted 5px var(--fin-yellow);
    border-bottom: dotted 5px var(--fin-yellow);
    border-top: dotted 5px var(--fin-yellow);
}

.fin-aArrow-style7.color_yellow .fin-wrap:after {
    border-right: dotted 5px var(--fin-yellow);
    border-bottom: dotted 5px var(--fin-yellow);
    border-top: dotted 5px var(--fin-yellow);
}

.fin-aArrow-style7.color_green .fin-wrap:after {
    border-right: dotted 5px var(--fin-green);
    border-bottom: dotted 5px var(--fin-green);
    border-top: dotted 5px var(--fin-green);
}

.fin-aArrow-style7.color_blue .fin-wrap:after {
    border-right: dotted 5px var(--fin-blue);
    border-bottom: dotted 5px var(--fin-blue);
    border-top: dotted 5px var(--fin-blue);
}

.fin-aArrow-style7.color_purple .fin-wrap:after {
    border-right: dotted 5px var(--fin-purple);
    border-bottom: dotted 5px var(--fin-purple);
    border-top: dotted 5px var(--fin-purple);
}

.fin-aArrow-style7.color_pink .fin-wrap:after {
    border-right: dotted 5px var(--fin-pink);
    border-bottom: dotted 5px var(--fin-pink);
    border-top: dotted 5px var(--fin-pink);
}

.fin-aArrow-style7.color_red .fin-wrap:after {
    border-right: dotted 5px var(--fin-red);
    border-bottom: dotted 5px var(--fin-red);
    border-top: dotted 5px var(--fin-red);
}

.fin-aArrow-style7.color_dark .fin-wrap:after {
    border-right: dotted 5px var(--fin-dark);
    border-bottom: dotted 5px var(--fin-dark);
    border-top: dotted 5px var(--fin-dark);
}

.fin-aArrow-style7.color_orange h6, .fin-aArrow-style7.color_orange .fin-icon {
    color: var(--fin-yellow)
}

.fin-aArrow-style7.color_yellow h6, .fin-aArrow-style7.color_yellow .fin-icon {
    color: var(--fin-yellow)
}

.fin-aArrow-style7.color_green h6, .fin-aArrow-style7.color_green .fin-icon {
    color: var(--fin-green)
}

.fin-aArrow-style7.color_blue h6, .fin-aArrow-style7.color_blue .fin-icon {
    color: var(--fin-blue)
}

.fin-aArrow-style7.color_purple h6, .fin-aArrow-style7.color_purple .fin-icon {
    color: var(--fin-purple)
}

.fin-aArrow-style7.color_pink h6, .fin-aArrow-style7.color_pink .fin-icon {
    color: var(--fin-pink)
}

.fin-aArrow-style7.color_red h6, .fin-aArrow-style7.color_red .fin-icon {
    color: var(--fin-red)
}

.fin-aArrow-style7.color_dark h6, .fin-aArrow-style7.color_dark .fin-icon {
    color: var(--fin-dark)
}

.fin-Arrow-box .box-arrow {
    fill: #5b6674;
    position: absolute;
    width: 68%;
    bottom: -26%;
    left: 7%;
    transform: rotate(-45deg);
    z-index: 99;
}

.items-3 .fin-Arrow-box .box-arrow {
    width: 66%;
    bottom: -43%;
    left: -1.5%;
}

.items-2 .fin-Arrow-box .box-arrow {
    width: 46%;
    bottom: -70%;
    left: 2%;
}

.fin-Arrow-box.color_green .box-arrow {
    fill: var(--fin-green)
}

.fin-Arrow-box.color_yellow .box-arrow {
    fill: var(--fin-yellow)
}

.fin-Arrow-box.color_blue .box-arrow {
    fill: var(--fin-blue)
}

.fin-Arrow-box.color_purple .box-arrow {
    fill: var(--fin-purple)
}

.fin-Arrow-box.color_pink .box-arrow {
    fill: var(--fin-pink)
}

.fin-Arrow-box.color_red .box-arrow {
    fill: var(--fin-red)
}

.fin-Arrow-box.color_dark .box-arrow {
    fill: var(--fin-dark)
}

/* ======== Action Box END ======== */


/* ======== Color Common START ======== */


.fin-abox-style2.color_orange .fin-icon {
    color: var(--fin-orange)
}

.fin-abox-style2.color_yellow .fin-icon {
    color: var(--fin-yellow)
}

.fin-abox-style2.color_green .fin-icon {
    color: var(--fin-green)
}

.fin-abox-style2.color_blue .fin-icon {
    color: var(--fin-blue)
}

.fin-abox-style2.color_purple .fin-icon {
    color: var(--fin-purple)
}

.fin-abox-style2.color_pink .fin-icon {
    color: var(--fin-pink)
}

.fin-abox-style2.color_red .fin-icon {
    color: var(--fin-red)
}

.fin-abox-style2.color_dark .fin-icon {
    color: var(--fin-dark)
}

.fin-abox-style2.color_orange .fin-right-dot:before, .fin-abox-style2.color_orange .fin-right-dot:after {
    background: var(--fin-orange);
}

.fin-abox-style2.color_yellow .fin-right-dot:before, .fin-abox-style2.color_yellow .fin-right-dot:after {
    background: var(--fin-yellow);
}

.fin-abox-style2.color_green .fin-right-dot:before, .fin-abox-style2.color_green .fin-right-dot:after {
    background: var(--fin-green);
}

.fin-abox-style2.color_blue .fin-right-dot:before, .fin-abox-style2.color_blue .fin-right-dot:after {
    background: var(--fin-blue);
}

.fin-abox-style2.color_pink .fin-right-dot:before, .fin-abox-style2.color_pink .fin-right-dot:after {
    background: var(--fin-pink);
}

.fin-abox-style2.color_red .fin-right-dot:before, .fin-abox-style2.color_red .fin-right-dot:after {
    background: var(--fin-red);
}

.fin-abox-style2.color_dark .fin-right-dot:before, .fin-abox-style2.color_dark .fin-right-dot:after {
    background: var(--fin-dark);
}


.mo-team.tpl2 .team-member:hover .overlay.color_orange {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    background: linear-gradient(to bottom,rgba(0,0,0,0),var(--fin-orange) 100%)
}

.mo-team.tpl2 .team-member:hover .overlay.color_yellow {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    background: linear-gradient(to bottom,rgba(0,0,0,0),var(--fin-yellow) 100%)
}

.mo-team.tpl2 .team-member:hover .overlay.color_green {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    background: linear-gradient(to bottom,rgba(0,0,0,0),var(--fin-green) 100%)
}

.mo-team.tpl2 .team-member:hover .overlay.color_blue {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    background: linear-gradient(to bottom,rgba(0,0,0,0),var(--fin-blue) 100%)
}

.mo-team.tpl2 .team-member:hover .overlay.color_purple {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    background: linear-gradient(to bottom,rgba(0,0,0,0),var(--fin-purple) 100%)
}

.mo-team.tpl2 .team-member:hover .overlay.color_pink {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    background: linear-gradient(to bottom,rgba(0,0,0,0),var(--fin-pink) 100%)
}

.mo-team.tpl2 .team-member:hover .overlay.color_red {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    background: linear-gradient(to bottom,rgba(0,0,0,0),var(--fin-red) 100%)
}

.mo-team.tpl2 .team-member:hover .overlay.color_dark {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    background: linear-gradient(to bottom,rgba(0,0,0,0),var(--fin-dark) 100%)
}

.fin-abox-style1 .fin-icon, .fin-abox-style1 .fin-num-txt {
    color: #000
}

.fin-abox-style2 .fin-wrapbox h6,
.fin-abox-style1 .fin-wrap h6 {
    color: var(--fin-abox-gray);
}

.bt-progress-style1.color_orange .bar_bar,
.bt-progress-style1.color_orange .single_bar .bar_label .bar_inner .bar_label_units,
.bt-progress-style2.color_orange .bar_bar, .bt-progress-style2.color_orange .single_bar .bar_bar:before,
.bt-progress-style2.color_orange .single_bar .bar_bar:after,
.bt-progress-style3.color_orange .bar_bar, .bt-progress-style4.color_orange .bar_bar,
.bt-progress-style4.color_orange .single_bar .bar_label .bar_inner .bar_label_units {
    background: var(--fin-yellow);
}

.bt-progress-style1.color_yellow .bar_bar,
.bt-progress-style1.color_yellow .single_bar .bar_label .bar_inner .bar_label_units,
.bt-progress-style2.color_yellow .bar_bar, .bt-progress-style2.color_yellow .single_bar .bar_bar:before,
.bt-progress-style2.color_yellow .single_bar .bar_bar:after,
.bt-progress-style3.color_yellow .bar_bar, .bt-progress-style4.color_yellow .bar_bar,
.bt-progress-style4.color_yellow .single_bar .bar_label .bar_inner .bar_label_units {
    background: var(--fin-yellow);
}


.bt-progress-style1.color_green .bar_bar,
.bt-progress-style1.color_green .single_bar .bar_label .bar_inner .bar_label_units,
.bt-progress-style2.color_green .bar_bar, .bt-progress-style2.color_green .single_bar .bar_bar:before,
.bt-progress-style2.color_green .single_bar .bar_bar:after,
.bt-progress-style3.color_green .bar_bar, .bt-progress-style4.color_green .bar_bar,
.bt-progress-style4.color_green .single_bar .bar_label .bar_inner .bar_label_units {
    background: var(--fin-green);
}


.bt-progress-style1.color_blue .bar_bar,
.bt-progress-style1.color_blue .single_bar .bar_label .bar_inner .bar_label_units,
.bt-progress-style2.color_blue .bar_bar, .bt-progress-style2.color_blue .single_bar .bar_bar:before,
.bt-progress-style2.color_blue .single_bar .bar_bar:after,
.bt-progress-style3.color_blue .bar_bar, .bt-progress-style4.color_blue .bar_bar,
.bt-progress-style4.color_blue .single_bar .bar_label .bar_inner .bar_label_units {
    background: var(--fin-blue);
}


.bt-progress-style1.color_purple .bar_bar,
.bt-progress-style1.color_purple .single_bar .bar_label .bar_inner .bar_label_units,
.bt-progress-style2.color_purple .bar_bar, .bt-progress-style2.color_purple .single_bar .bar_bar:before,
.bt-progress-style2.color_purple .single_bar .bar_bar:after,
.bt-progress-style3.color_purple .bar_bar, .bt-progress-style4.color_purple .bar_bar,
.bt-progress-style4.color_purple .single_bar .bar_label .bar_inner .bar_label_units {
    background: var(--fin-purple);
}


.bt-progress-style1.color_pink .bar_bar,
.bt-progress-style1.color_pink .single_bar .bar_label .bar_inner .bar_label_units,
.bt-progress-style2.color_pink .bar_bar, .bt-progress-style2.color_pink .single_bar .bar_bar:before,
.bt-progress-style2.color_pink .single_bar .bar_bar:after,
.bt-progress-style3.color_pink .bar_bar, .bt-progress-style4.color_pink .bar_bar,
.bt-progress-style4.color_pink .single_bar .bar_label .bar_inner .bar_label_units {
    background: var(--fin-pink);
}


.bt-progress-style1.color_red .bar_bar,
.bt-progress-style1.color_red .single_bar .bar_label .bar_inner .bar_label_units,
.bt-progress-style2.color_red .bar_bar, .bt-progress-style2.color_red .single_bar .bar_bar:before,
.bt-progress-style2.color_red .single_bar .bar_bar:after,
.bt-progress-style3.color_red .bar_bar, .bt-progress-style4.color_red .bar_bar,
.bt-progress-style4.color_red .single_bar .bar_label .bar_inner .bar_label_units {
    background: var(--fin-red);
}

.bt-progress-style1.color_dark .bar_bar,
.bt-progress-style1.color_dark .single_bar .bar_label .bar_inner .bar_label_units,
.bt-progress-style2.color_dark .bar_bar, .bt-progress-style2.color_dark .single_bar .bar_bar:before,
.bt-progress-style2.color_dark .single_bar .bar_bar:after,
.bt-progress-style3.color_dark .bar_bar, .bt-progress-style4.color_dark .bar_bar,
.bt-progress-style4.color_dark .single_bar .bar_label .bar_inner .bar_label_units {
    background: var(--fin-dark);
}

.list-style.list-style1.color_orange li::before, .list-style.list-style2.color_orange li::before, .list-style.list-style4.color_orange h4:before,
.list-style.list-style5.color_orange h4:before, .title-box-style5.color_orange h5:after,
.title-box-style6.color_orange h5:after {
    background: var(--fin-yellow);
}

.list-style.list-style1.color_yellow li::before, .list-style.list-style2.color_yellow li::before, .list-style.list-style4.color_yellow h4:before,
.list-style.list-style5.color_yellow h4:before, .title-box-style5.color_yellow h5:after, .title-box-style6.color_yellow h5:after {
    background: var(--fin-yellow);
}

.list-style.list-style1.color_green li::before, .list-style.list-style2.color_green li::before, .list-style.list-style4.color_green h4:before,
.list-style.list-style5.color_green h4:before, .title-box-style5.color_green h5:after, .title-box-style6.color_green h5:after {
    background: var(--fin-green);
}

.list-style.list-style1.color_blue li::before, .list-style.list-style2.color_blue li::before, .list-style.list-style4.color_blue h4:before,
.list-style.list-style5.color_blue h4:before, .title-box-style5.color_blue h5:after, .title-box-style6.color_blue h5:after {
    background: var(--fin-blue);
}

.list-style.list-style1.color_purple li::before, .list-style.list-style2.color_purple li::before, .list-style.list-style4.color_purple h4:before,
.list-style.list-style5.color_purple h4:before, .title-box-style5.color_purple h5:after, .title-box-style6.color_purple h5:after {
    background: var(--fin-purple);
}

.list-style.list-style1.color_pink li::before, .list-style.list-style2.color_pink li::before, .list-style.list-style4.color_pink h4:before,
.list-style.list-style5.color_pink h4:before, .title-box-style5.color_pink h5:after, .title-box-style6.color_pink h5:after {
    background: var(--fin-pink);
}

.list-style.list-style1.color_red li::before, .list-style.list-style2.color_red li::before, .list-style.list-style4.color_red h4:before,
.list-style.list-style5.color_red h4:before, .title-box-style5.color_red h5:after, .title-box-style6.color_red h5:after {
    background: var(--fin-red);
}

.list-style.list-style1.color_dark li::before, .list-style.list-style2.color_dark li::before, .list-style.list-style4.color_dark h4:before,
.list-style.list-style5.color_dark h4:before, .title-box-style5.color_dark h5:after, .title-box-style6.color_dark h5:after {
    background: var(--fin-dark);
}

.fin-abox-style1.color_orange .fin-icon, .fin-abox-style1.color_orange .fin-num-txt,
.social-icons.style1 a.social-icon.color_orange, .list-style.list-style1.color_orange li::after, .list-style.list-style3.color_orange li::after,
.list-style.list-style5.color_orange li, .title-box-style1.color_orange h5, .title-box-style3.color_orange h5,
.title-box-style5.color_orange h5, .title-box-style6.color_orange h5 {
    color: var(--fin-orange);
}

.fin-abox-style1.color_yellow .fin-icon, .fin-abox-style1.color_yellow .fin-num-txt,
.social-icons.style1 a.social-icon.color_yellow,
.list-style.list-style1.color_yellow li::after, .list-style.list-style3.color_yellow li::after,
.list-style.list-style5.color_yellow li, .title-box-style1.color_yellow h5, .title-box-style3.color_yellow h5,
.title-box-style5.color_yellow h5, .title-box-style6.color_yellow h5 {
    color: var(--fin-yellow);
}

.fin-abox-style1.color_green .fin-icon, .fin-abox-style1.color_green .fin-num-txt,
.social-icons.style1 a.social-icon.color_green,
.list-style.list-style1.color_green li::after, .list-style.list-style3.color_green li::after,
.list-style.list-style5.color_green li, .title-box-style1.color_green h5, .title-box-style3.color_green h5,
.title-box-style5.color_green h5, .title-box-style6.color_green h5 {
    color: var(--fin-green);
}

.fin-abox-style1.color_blue .fin-icon, .fin-abox-style1.color_blue .fin-num-txt,
.social-icons.style1 a.social-icon.color_blue,
.list-style.list-style1.color_blue li::after, .list-style.list-style3.color_blue li::after,
.list-style.list-style5.color_blue li, .title-box-style1.color_blue h5, .title-box-style3.color_blue h5,
.title-box-style5.color_blue h5, .title-box-style6.color_blue h5 {
    color: var(--fin-blue);
}

.fin-abox-style1.color_purple .fin-icon, .fin-abox-style1.color_purple .fin-num-txt,
.social-icons.style1 a.social-icon.color_purple,
.list-style.list-style1.color_purple li::after, .list-style.list-style3.color_purple li::after,
.list-style.list-style5.color_purple li, .title-box-style1.color_purple h5, .title-box-style3.color_purple h5,
.title-box-style5.color_purple h5, .title-box-style6.color_purple h5 {
    color: var(--fin-purple);
}

.fin-abox-style1.color_pink .fin-icon, .fin-abox-style1.color_pink .fin-num-txt,
.social-icons.style1 a.social-icon.color_pink,
.list-style.list-style1.color_pink li::after, .list-style.list-style3.color_pink li::after,
.list-style.list-style5.color_pink li, .title-box-style1.color_pink h5, .title-box-style3.color_pink h5,
.title-box-style5.color_pink h5, .title-box-style6.color_pink h5 {
    color: var(--fin-pink);
}

.fin-abox-style1.color_red .fin-icon, .fin-abox-style1.color_red .fin-num-txt,
.social-icons.style1 a.social-icon.color_red,
.list-style.list-style1.color_red li::after, .list-style.list-style3.color_red li::after,
.list-style.list-style5.color_red li, .title-box-style1.color_red h5, .title-box-style3.color_red h5,
.title-box-style5.color_red h5, .title-box-style6.color_red h5 {
    color: var(--fin-red);
}

.fin-abox-style1.color_dark .fin-icon, .fin-abox-style1.color_dark .fin-num-txt,
.social-icons.style1 a.social-icon.color_dark,
.list-style.list-style1.color_dark li::after, .list-style.list-style3.color_dark li::after,
.list-style.list-style5.color_dark li, .title-box-style1.color_dark h5, .title-box-style3.color_dark h5,
.title-box-style5.color_dark h5, .title-box-style6.color_dark h5 {
    color: var(--fin-dark);
}

/* ======== Color Common END ======== */

/*  ======== Banner START ========  */
.fin-Banner .container-fluid {
    padding-left: 5%;
    padding-right: 5%;
}

.fin-Banner {
    background-size: 100%;
    position: relative;
    padding: 30px 0 130px;
}

    .fin-Banner .BannerTitle {
        margin-bottom: 50px;
    }

        .fin-Banner .BannerTitle h2 {
            position: relative;
            color: #060842;
            font-size: 36px;
            margin: 0;
            letter-spacing: 6px;
            font-weight: bold;
            margin-bottom: 15px;
        }

            .fin-Banner .BannerTitle h2 span {
                position: relative;
                display: block;
                margin-right: 14%;
            }

                .fin-Banner .BannerTitle h2 span:before {
                    content: '';
                    width: 97.5px;
                    height: 4.5px;
                    background: #060842;
                    position: absolute;
                    border-radius: 75px;
                    right: 11.25px;
                    bottom: 9px;
                }

                .fin-Banner .BannerTitle h2 span:after {
                    content: '';
                    width: 4.5px;
                    height: 4.5px;
                    background: #060842;
                    position: absolute;
                    border-radius: 50%;
                    right: 0;
                    bottom: 9px;
                }

        .fin-Banner .BannerTitle p {
            font-size: 15px;
            line-height: 30px;
            color: #454545;
            margin-bottom: 12px;
        }

    .fin-Banner .BannerPayment {
        padding: 0 5%;
        text-align: center;
    }

        .fin-Banner .BannerPayment img {
            width: auto;
        }

        .fin-Banner .BannerPayment h4 {
            position: relative;
            margin-bottom: 20px;
            font-size: 18px;
            font-weight: 400;
            color: #000;
        }

            .fin-Banner .BannerPayment h4:after, .fin-Banner .BannerPayment h4:before {
                content: '';
                display: block;
                background: #000;
                position: absolute;
                width: 28%;
                height: 2px;
                top: 0%;
            }

            .fin-Banner .BannerPayment h4:after {
                right: 0;
            }

            .fin-Banner .BannerPayment h4:before {
                left: 0;
            }

    .fin-Banner .BannerBox {
        box-shadow: 20px 20px 40px rgba(0, 69, 186, 0.2);
        border: 2px solid #0045BA;
        border-radius: 30px;
        background: #FFF;
        padding: 40px 40px 90px;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
    }

    .fin-Banner .counter {
        text-align: center;
        margin-bottom: 2em;
    }

        .fin-Banner .counter h2 {
            font-weight: 500;
            font-size: 48px;
            color: #060842;
        }

        .fin-Banner .counter ul {
            margin: 0;
            padding: 0;
            border-bottom: 1px solid #0045BA;
        }

        .fin-Banner .counter li {
            display: inline-block;
            list-style-type: none;
            padding: 0.4em 0 1em;
            width: 24.5%;
            font-size: 24px;
            color: #898989;
        }

            .fin-Banner .counter li span {
                display: block;
                position: relative;
                font-weight: 600;
                font-size: 72px;
                color: #060842;
                line-height: normal;
            }

                .fin-Banner .counter li span:before {
                    content: ':';
                    display: block;
                    position: absolute;
                    left: -23px;
                    top: -6px;
                    font-family: 'Poppins', sans-serif
                }

            .fin-Banner .counter li:first-child span:before {
                display: none;
            }

    .fin-Banner .TokensText h3 {
        font-weight: 500;
        font-size: 36px;
        color: #000;
        line-height: 28px;
    }

        .fin-Banner .TokensText h3 b {
            font-weight: 500;
            font-size: 18px;
            color: #B0B0B0;
        }

    .fin-Banner .TokensText {
        margin-bottom: 2em;
    }

    .fin-Banner .BannerBox .BannerLine1, .fin-Banner .BannerBox .BannerLine2, .fin-Banner .BannerBox .BannerLine3 {
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }

    .fin-Banner .BannerBox .BannerLine1 {
        right: 80px;
        position: absolute;
        top: 20px;
    }

    .fin-Banner .BannerBox .BannerLine2 {
        right: 80px;
        position: absolute;
        top: 50px;
    }

    .fin-Banner .BannerBox .BannerLine3 {
        right: 40px;
        position: absolute;
        bottom: 50px;
    }

    .fin-Banner .BannerPayment a {
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        position: relative;
        top: 0;
    }

        .fin-Banner .BannerPayment a:hover {
            display: inline-block;
            top: -5px;
        }

    .fin-Banner .BannerBtn {
        margin-bottom: 37.5px;
        position: relative;
        z-index: 9;
    }

        .fin-Banner .BannerBtn .btn {
            border-radius: 22.5px;
            height: 45px;
            line-height: 31.5px;
            font-size: 18px;
            font-weight: 500;
            z-index: inherit;
        }

        .fin-Banner .BannerBtn .btn-outline-primary {
            border: 2.25px solid #2979FF;
            color: #060842;
            box-sizing: border-box;
            filter: drop-shadow(10px 10px 20px rgba(41, 121, 255, 0.5));
        }

            .fin-Banner .BannerBtn .btn-outline-primary:hover {
                background: #2979FF;
                color: #FFF;
            }

        .fin-Banner .BannerBtn .btn-primary {
            background: #2979FF;
            position: relative;
            color: #FFF;
        }

            .fin-Banner .BannerBtn .btn-primary strong {
                font-weight: bold;
            }

            .fin-Banner .BannerBtn .btn-primary:hover {
                box-shadow: 20px 20px 30px rgba(41, 121, 255, 0.3);
                color: #FFF;
            }

            .fin-Banner .BannerBtn .btn-primary:before, .BannerBtn .btn-primary:after, .BannerBtn .btn-primary strong:after, .BannerBtn .btn-primary strong:before {
                -webkit-transition: all 1s ease;
                -moz-transition: all 1s ease;
                -o-transition: all 1s ease;
                transition: all 1s ease;
            }

            .fin-Banner .BannerBtn .btn-primary:before {
                content: '';
                background: url(/images/arrow-t-l.png);
                position: absolute;
                display: block;
                top: 3.75px;
                left: 15.75px;
                width: 66px;
                height: 24.75px;
                z-index: -9;
            }

            .fin-Banner .BannerBtn .btn-primary:after {
                content: '';
                background: url(/images/arrow-t-r.png);
                position: absolute;
                display: block;
                top: 3.75px;
                right: 15.75px;
                width: 66px;
                height: 24.75px;
                z-index: -9;
            }

            .fin-Banner .BannerBtn .btn-primary strong:after {
                content: '';
                background: url(/images/arrow-b-r.png);
                position: absolute;
                display: block;
                bottom: 3.75px;
                right: 15.75px;
                width: 66px;
                height: 24.75px;
                z-index: -9;
            }

            .fin-Banner .BannerBtn .btn-primary strong:before {
                content: '';
                background: url(/images/arrow-b-l.png);
                position: absolute;
                display: block;
                bottom: 3.75px;
                left: 15.75px;
                width: 66px;
                height: 24.75px;
                z-index: -9;
            }

            .fin-Banner .BannerBtn .btn-primary:hover:before {
                top: -15px;
                left: -9.75px;
            }

            .fin-Banner .BannerBtn .btn-primary:hover:after {
                top: -15px;
                right: -9.75px;
            }

            .fin-Banner .BannerBtn .btn-primary:hover strong:after {
                bottom: -15px;
                right: -9.75px;
            }

            .fin-Banner .BannerBtn .btn-primary:hover strong:before {
                bottom: -15px;
                left: -9.75px;
            }

    .fin-Banner a, .fin-Banner btn {
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }

    .fin-Banner .BannerBox .BannerLine svg, .fin-Banner .BannerBox .BannerLine svg path {
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .fin-Banner .BannerBox .BannerLine svg {
        stroke: #777;
    }

        .fin-Banner .BannerBox .BannerLine svg path {
            fill: #C1C1C1;
        }

    .fin-Banner .BannerBox .BannerLine .BannerLine2 svg path:nth-child(1) {
        fill: none
    }

    .fin-Banner .BannerBox:hover .BannerLine svg {
        stroke: #2979FF;
    }

        .fin-Banner .BannerBox:hover .BannerLine svg path {
            fill: #2979FF;
        }

    .fin-Banner .BannerBox .progress {
        height: 40px;
        border-radius: 20px;
        position: relative;
        overflow: inherit;
    }

    .fin-Banner .BannerBox .progress-bar {
        border-radius: 0px;
        position: relative;
        background: #0045BA;
        box-shadow: 10px 10px 20px rgb(0 69 186 / 30%);
        overflow: inherit;
        border-radius: 20px;
    }

    .fin-Banner .bar-step {
        position: absolute;
        margin-top: -23px;
        z-index: 1;
        font-weight: 500;
        font-size: 20px;
        line-height: 30px;
        color: #000;
    }

    .fin-Banner .label-txt {
        float: left;
    }

    .fin-Banner .label-line {
        background: #E1E1E1;
        height: 84px;
        width: 2px;
        position: absolute;
        right: 0;
        left: 3px;
    }

    .fin-Banner .label-percent {
        float: right;
        margin-left: 5px;
    }

    .fin-Banner .RangeSlider .progress {
        height: 40px;
        border-radius: 20px;
        background: #E8E8E8;
        overflow: inherit;
        position: relative;
    }

        .fin-Banner .RangeSlider .progress:before { /*background:#0045BA;*/
            box-shadow: 10px 10px 20px rgba(0, 69, 186, 0.3);
            overflow: inherit;
            border-radius: 20px;
            height: 40px;
            width: 100%;
            content: '';
            position: absolute;
            display: block;
            left: 0;
            top: 0;
        }

    .fin-Banner .label-txt {
        position: absolute;
        text-align: center;
        bottom: -56px;
        font-weight: 500;
        font-size: 20px;
        line-height: 30px;
        color: #000;
        left: -40%;
    }

    .fin-Banner.BannerBoxRight .BannerText {
        padding-left: 8%;
    }

    .fin-Banner.BannerBoxRight .BannerBox {
        position: relative;
        right: -110px;
        padding-left: 7%;
        padding-right: 18%;
        margin-left: 6%;
    }

        .fin-Banner.BannerBoxRight .BannerBox:hover {
            right: -60px;
            z-index: 99
        }

            .fin-Banner.BannerBoxRight .BannerBox:hover .BannerLine1, .fin-Banner.BannerBoxRight .BannerBox:hover .BannerLine2, .fin-Banner.BannerBoxRight .BannerBox:hover .BannerLine3 {
                right: 60px;
            }

    .fin-Banner.BannerBoxLeft .BannerText {
        padding-left: 25%;
        padding-right: 10%;
    }

    .fin-Banner.BannerBoxLeft .BannerBox {
        position: relative;
        left: -110px;
        padding-right: 7%;
        padding-left: 18%;
        margin-right: 6%;
    }

        .fin-Banner.BannerBoxLeft .BannerBox:hover {
            left: -60px;
            z-index: 2
        }

            .fin-Banner.BannerBoxLeft .BannerBox:hover .BannerLine1, .fin-Banner.BannerBoxLeft .BannerBox:hover .BannerLine2, .fin-Banner.BannerBoxLeft .BannerBox:hover .BannerLine3 {
                left: 60px;
            }

        .fin-Banner.BannerBoxLeft .BannerBox .BannerLine1, .fin-Banner.BannerBoxLeft .BannerBox .BannerLine2, .fin-Banner.BannerBoxLeft .BannerBox .BannerLine3 {
            left: 60px;
            right: auto;
            transform: rotateY(180deg);
        }

    .fin-Banner.BannerBoxLeft .BannerLine {
        text-align: right;
    }

        .fin-Banner.BannerBoxLeft .BannerLine .BannerLine1 svg, .fin-Banner.BannerBoxLeft .BannerLine .BannerLine2 svg {
            transform: rotateY(180deg);
        }

    .fin-Banner.BannerBoxLeft .BannerBox .BannerLine1 svg, .fin-Banner.BannerBoxLeft .BannerBox .BannerLine2 svg, .fin-Banner.BannerBoxLeft .BannerBox .BannerLine3 svg {
        transform: none;
    }

    .fin-Banner.BannerBoxLeft .BannerBox .BannerLine3 {
        left: 40px;
        position: absolute;
        bottom: 50px;
    }

    .fin-Banner.BannerBoxFull .BannerBox {
        position: relative;
        right: -110px;
        padding-left: 7%;
        padding-right: 18%;
        margin-left: 6%;
        margin-top: 50px;
    }

        .fin-Banner.BannerBoxFull .BannerBox:hover {
            right: -60px;
        }

            .fin-Banner.BannerBoxFull .BannerBox:hover .BannerLine1, .fin-Banner.BannerBoxFull .BannerBox:hover .BannerLine2, .fin-Banner.BannerBoxFull .BannerBox:hover .BannerLine3 {
                right: 60px;
            }

        .fin-Banner.BannerBoxFull .BannerBox .BannerLine1, .fin-Banner.BannerBoxFull .BannerBox .BannerLine2, .fin-Banner.BannerBoxFull .BannerBox .BannerLine3 {
            right: 60px;
            left: auto;
        }

    .fin-Banner.BannerBoxFull .BannerLine {
        text-align: left;
    }

    .fin-Banner.BannerBoxFull .BannerBox .BannerLine1 svg, .fin-Banner.BannerBoxFull .BannerBox .BannerLine2 svg, .fin-Banner.BannerBoxFull .BannerBox .BannerLine3 svg {
        transform: none;
    }

    .fin-Banner.BannerBoxFull .BannerBox .BannerLine3 {
        right: 40px;
        position: absolute;
        bottom: 50px;
    }

    .fin-Banner .bar-price span {
        z-index: 2;
    }


/*  ======== Service START ========  */


.fin-service {
    /*max-width: 1280px;*/
    margin: 0 auto;
    position: relative;
    font-family: "Roboto",sans-serif;
    /*padding: 100px 0px 80px;*/
    padding:1px 0px 0px;
}

    .fin-service .fs-centerbox {
        position: relative;
        background: url('/images/Page/Service/finser-img4.png') no-repeat;
        width: 1028px;
        height: 836px;
        margin: -75px 0 0 4%;
    }

    .fin-service .finser-C6 {
        position: absolute;
        background: url('/images/Page/Service/finser-C6.png') no-repeat;
        width: 402px;
        height: 401px;
        left: 470px;
        top: 180px
    }

    .fin-service .finser-C1 {
        position: absolute;
        background: url('/images/Page/Service/finser-C1.png') no-repeat;
        width: 236px;
        height: 236px;
        left: 13px;
        top: -102px;
        text-align: center;
        z-index: 1;
    }

    .fin-service .finser-C2 {
        position: absolute;
        background: url('/images/Page/Service/finser-C2.png') no-repeat;
        width: 256px;
        height: 256px;
        left: -15px;
        top: 370px;
        text-align: center;
        z-index: 1;
    }

    .fin-service .finser-C3 {
        position: absolute;
        background: url('/images/Page/Service/finser-C3.png') no-repeat;
        width: 236px;
        height: 237px;
        left: 330px;
        bottom: -50px;
        text-align: center;
        z-index: 1;
    }

    .fin-service .finser-C4 {
        position: absolute;
        background: url('/images/Page/Service/finser-C4.png') no-repeat;
        width: 256px;
        height: 255px;
        right: 100px;
        bottom: -15px;
        text-align: center;
        z-index: 1;
    }

    .fin-service .finser-C5 {
        position: absolute;
        background: url('/images/Page/Service/finser-C5.png') no-repeat;
        width: 256px;
        height: 255px;
        right: -90px;
        top: 355px;
        text-align: center;
        z-index: 1;
    }

    .fin-service .finser-C1, .fin-service .finser-C2, .fin-service .finser-C3, .fin-service .finser-C4, .fin-service .finser-C5 {
        cursor: pointer
    }


        .fin-service .finser-C1 img {
            margin-top: 90px
        }

        .fin-service .finser-C2 img {
            margin-top: 95px;
            margin-left: -20px
        }

        .fin-service .finser-C3 img {
            margin-top: 95px
        }

        .fin-service .finser-C4 img {
            margin-top: 95px;
            margin-left: -20px
        }

        .fin-service .finser-C5 img {
            margin-top: 95px;
            margin-left: -15px
        }

    .fin-service .finser-C1 {
        transition: all .5s ease-in-out;
    }

        .fin-service .finser-C1 img {
            transition: all .5s ease-in-out;
        }

        .fin-service .finser-C1:hover {
            transform: scale(1.05);
        }

            .fin-service .finser-C1:hover img {
                transform: scale(1.05);
            }

    .fin-service .finser-C2 {
        transition: all .2s ease-in-out;
    }

        .fin-service .finser-C2:hover {
            transform: scale(1.05);
        }

    .fin-service .finser-C3 {
        transition: all .2s ease-in-out;
    }

        .fin-service .finser-C3:hover {
            transform: scale(1.05);
        }

    .fin-service .finser-C4 {
        transition: all .2s ease-in-out;
    }

        .fin-service .finser-C4:hover {
            transform: scale(1.05);
        }

    .fin-service .finser-C5 {
        transition: all .2s ease-in-out;
    }

        .fin-service .finser-C5:hover {
            transform: scale(1.05);
        }

    .fin-service .finser-C6 {
        transition: all .2s ease-in-out;
    }

        .fin-service .finser-C6:hover {
            transform: scale(1.05);
        }

    .fin-service .finser-C1-line {
        position: absolute;
        left: 100px;
        z-index: 0;
        background: url('/images/Page/Service/finser-img11.png') no-repeat left;
        width: 409px;
        height: 327px;
    }

    .fin-service .finser-C2-line {
        position: absolute;
        left: 90px;
        top: 340px;
        z-index: 0;
        background: url('/images/Page/Service/finser-img6.png') no-repeat left;
        width: 469px;
        height: 164px;
    }

    .fin-service .finser-C3-line {
        position: absolute;
        left: 440px;
        top: 320px;
        z-index: 0;
        background: url('/images/Page/Service/finser-img7.png') no-repeat bottom;
        width: 224px;
        height: 450px;
    }

    .fin-service .finser-C4-line {
        position: absolute;
        right: 230px;
        top: 370px;
        z-index: 0;
        background: url('/images/Page/Service/finser-img8.png') no-repeat bottom;
        width: 154px;
        height: 340px;
    }

    .fin-service .finser-C5-line {
        position: absolute;
        right: 60px;
        top: 340px;
        z-index: 0;
        background: url('/images/Page/Service/finser-img9.png') no-repeat right;
        width: 200px;
        height: 122px;
    }

    .fin-service .fs-heading {
        position: absolute;
        top: 100px;
        right: 6.5%;
        width: 550px;
        text-align: right
    }

h2.fs-head-title {
    color: #000000;
    font-size: 46px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 42px;
    margin: 0 0 25px;
}

/*.fin-service .fs-heading .fs-head-desc {
            color: #454545;
            font-size: 15px;
            line-height: 22px
        }*/

.fin-service .finser-C1-text, .fin-service .finser-C2-text, .fin-service .finser-C3-text, .fin-service .finser-C4-text, .fin-service .finser-C5-text {
    position: absolute
}

.fin-service .cs-text .cs-text-heading {
    color: #060842;
    font-size: 32px;
    line-height: 30px;
    margin-bottom: 5px
}

.fin-service .cs-text .cs-text-desc {
    font-size: calc(18px * 1.2);
    line-height: 28px;
    color: #A0A0A2
}

.fin-service .finser-C1-text {
        width: 260px;
    left: -258px;
    top: -54px;
    text-align: right
}

.fin-service .finser-C2-text {
    width: 276px;
    left: -285px;
    top: 408px;
    text-align: right
}

.fin-service .finser-C3-text {
    width: 332px;
    left: 21px;
    bottom: -8px;
    text-align: right
}

.fin-service .finser-C4-text {
    width: 317px;
    right: -215px;
    bottom: 14px;
    text-align: left
}

.fin-service .finser-C5-text {
    width: 212px;
    right: -266px;
    top: 405px;
    text-align: left
}

.fin-service .finser-C6 .finser-C6-heading {
    color: #060842;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 5px;
    text-align: center;
    margin-top: 40%;
    margin-left: -10px
}

.fin-service img {
    width: auto;
}

.fi-lservic-line {
    position: absolute;
    top: 380px;
    left: 635px;
    background: url('/images/Page/Service/finser-img3.png') no-repeat top;
    width: 162px;
    height: 603px;
    z-index: 9
}

.fin-Banner.BannerBoxRight .BannerBox {
    z-index: 99
}

.fi-lservic-line2 {
    position: absolute;
    top: 67.5%;
    right: 74px;
    background: url(/images/Page/Service/finser-img1.png) no-repeat top;
    width: 59px;
    height: 403px;
    z-index: 9;
}

.fi-lservic-line3 {
    position: absolute;
    top: 67.5%;
    right: 99px;
    background: url(/images/Page/Service/finser-img1.png) no-repeat top;
    width: 59px;
    height: 403px;
    z-index: 9;
}

.fin-Banner.BannerBoxLeft .fi-lservic-line, .fin-Banner.BannerBoxLeft .fi-lservic-line2, .fin-Banner.BannerBoxLeft .fi-lservic-line3 {
    display: none;
}

.BannerFinstie { /*position:relative; top:-118px;*/
}

    .BannerFinstie img {
        width: auto;
    }

.fin-technology-Banner {
    padding-top: 0;
    padding-bottom: 0;
}
/*.fin-technology-Banner.fin-Banner .BannerTitle {
        margin-bottom: 157.5px;
    }*/
.fin-Banner.BannerBoxRight.fin-technology-Banner {
    overflow: inherit;
}

.fin-technology-Banner .fi-lservic-line {
    /*background: url(/images/FinTechnology/landingPage/line-full-img.svg) no-repeat;*/
    top: 210px;
    left: 47%;
    width: 240px;
    height: 1000px;
    background-size: contain;
}

.fin-technology-Banner .fi-lservic-line2 {
    /*background: url(/images/FinTechnology/landingPage/line-full-r-Img.svg) no-repeat;*/
    top: 120px;
    right: 3%;
    width: 250px;
    background-size: contain;
    height: 905px;
}

.fin-technology-Banner .fi-lservic-line3 {
    display: none;
}

.fin-technology-Banner .BannerLine {
    position: absolute;
    top: 0;
}

    .fin-technology-Banner .BannerLine.fincounter {
        position: initial;
    }

.fin-Banner.BannerBoxRight.fin-technology-Banner .BannerText {
    margin-top: 112.5px;
}
/*  ======== Banner END ========  */

/*  ======== Custom Table Pod ========  */

.pricemitoring {
    padding: 6px 2px !important;
    border: 1px solid #000;
    display: inline-block;
    margin: 0 0;
    width: 100%;
}

    .pricemitoring h3 {
        text-align: center;
        font-size: 17px;
        font-weight: 500;
        margin: 0 0 10px;
    }

    .pricemitoring a {
        border: 1px solid #000;
        font-size: 14px;
        text-decoration: none !important;
        color: #000;
        padding: 1px 10px;
        margin: 0 4px 0px;
        text-align: center;
    }


.noborder {
    background: #fff;
    border-color: #fff;
}

.container-outer {
    width: fit-content;
}

.tablemain {
    flex-wrap: wrap;
    white-space: nowrap;
    gap: 10px;
    margin: 0;
    justify-content: center;
}

.pricemitoring {
    padding: 15px 10px;
    border: 1px solid #000;
    text-align: center;
}

    .pricemitoring .first_boxes {
        text-align: center;
        display: flex;
    }

    .pricemitoring h3 {
        text-align: center;
        font-size: 17px;
        font-weight: 500;
    }

    .pricemitoring a {
        border: 1px solid #000;
        font-size: 18px;
        text-decoration: none !important;
        color: #000;
        padding: 1px 10px;
        margin: 0 4px 10px;
        text-align: center
    }

.second_box a {
    display: block;
}

.pricemitoring.col.noborder {
    background: #fff;
    border: none;
}

.full-width .container {
    width: 100% !important;
    max-width: 100%;
}

.remove_space .component-main .item.full-width {
    padding: 0;
}

/*  ======== Custom Table Pod ========  */



/*======= Grid Box css starts here =======*/
section.explore_cover_sec {
    font-family: 'Poppins', sans-serif;
}

.explore-box {
    background: #ffffff;
    width: 100%;
    height: 100%;
    justify-content: center;
    text-align: center;
    align-items: center;
    display: flex;
    border-radius: 14px;
    padding: 10px;
    box-shadow: 5px 5px 8px #ECF1FF;
    border: 1px solid #F3F3F3;
    min-width: 80px;
    min-height: 80px;
}

.explore-text h4 {
    font-size: 16px;
    font-weight: 700;
}

.explore-text a {
    color: inherit;
}

.application-modules h3 {
    font-size: 24px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color: #3B0E00;
}

.application-modules h2 {
    font-size: 48px;
    font-weight: 700;
    color: #3B0E00;
    font-family: 'Poppins', sans-serif;
    line-height: normal;
}

.row1 {
    display: flex;
    align-items: center;
}

.explore-boxs .row.gap_25 > .col {
    padding: 0;
    margin-left: 12.5px;
    margin-right: 12.5px;
    margin-bottom: 25px;
}

.explore-boxs .row.gap_25 {
    margin-left: -12px;
    margin-right: -12px;
}

.explore-text a {
    line-height: 16px;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
}

section.explore_cover_sec .explore_cover {
    margin: 0 auto;
}

.disable-gridbox-width {
    width: auto !important;
    flex: 0 0 auto !important;
    max-width: initial !important;
}

.usn_cmp_splitcomponent .component-main {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
}

    .usn_cmp_splitcomponent .component-main .item.item_block.usn_cmp_text {
        padding-left: 18px !important;
    }

.disable-textarea-width h2.heading.main.base-heading {
    text-align: left;
}

.disable-textarea-width {
    min-width: 300px;
}
.token-table table {
    max-width: 500px;
}
    .disable-textarea-width h2.heading.main.base-heading {
        font-size: 38px;
        color: #3B0E00 !important;
        margin: 20px 0 17px !important;
    }

.explore-eff1 {
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 5px 5px 8px #ecf1ff;
    border-radius: 16px;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    border: 1px solid #F3F3F3;
    border-bottom: 3px solid #F3F3F3;
    border-right: 3px solid #F3F3F3;
}


    .explore-eff1:hover {
        -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        filter: drop-shadow(1px 1px 2px #ecf1ff);
        box-shadow: 1px 1px 4px 0px rgb(0 0 0 / 20%) inset;
    }




/* ======= Grid Box css ends here ======= */


/* ==== Image Fin Ctrl START ====*/

.fin-Img-frm-bg {
    background-size: contain;
    background-clip: border-box;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}

.ekko-lightbox .fin-Img-frm-bg > .finImgFrm-content-bg img {
    height: 100% !important;
}

.finImgFrm-frame {
    width: 100%;
    z-index: 99;
    position: relative;
}

    .finImgFrm-frame.hide-frame {
        z-index: -1;
    }

.sidebarFrameImage, .sidebarImages, .videoSection {
    cursor: pointer;
}

.videoSection {
    text-align: center;
}

.left-col .overflow-y-scroll {
    direction: rtl;
}

.overflow-y-scroll {
    overflow-y: auto;
    overflow-x: hidden;
}

.h-fscroll-vh {
    height: 80vh;
}
/*.overflow-y-scroll .fin-img-main img{width:100%;}*/
.fin-mimage-left {
    padding-right: 4px;
}

.fin-mimage-right {
    padding-left: 4px;
}

.fin-mimage-left .overflow-y-scroll {
    padding-left: 6px;
    direction: rtl;
    margin-left: 3px;
}

.fin-mimage-right .overflow-y-scroll {
    padding-right: 6px;
    margin-right: 3px;
}

.fin-hide-scroll {
    overflow: hidden;
    height: 100vh;
}

    .fin-hide-scroll .component-inner {
        padding: 0 1%;
    }

    .fin-hide-scroll .fin-img-ctrl-s .fin-img-main .text-center,
    .fin-hide-scroll .fin-img-ctrl-s .fin-img-main {
        height: 84vh;
        position: relative;
        overflow: hidden;
    }

        .fin-hide-scroll .fin-img-ctrl-s .fin-img-main img {
            width: auto;
            object-fit: fill;
            /*height: 100%;*/
        }

.fin-img-ctrl-m, .fin-img-ctrl-s {
    margin-bottom: 2.5%;
}

    .fin-img-ctrl-m .fin-img-main {
        margin: auto;
    }

.fin-Img-frm-bg > .finImgFrm-content-bg {
    background-repeat: no-repeat;
    position: absolute;
    left: -0%;
    top: -0%;
    bottom: 0;
    right: 0%;
    z-index: 9;
    padding: 0.5%;
    width: 100%;
}

    .fin-Img-frm-bg > .finImgFrm-content-bg img {
        width: 100%;
        height: 100%;
    }

    .fin-Img-frm-bg > .finImgFrm-content-bg.finimg-cover img {
        -o-object-fit: cover;
        object-fit: cover;
    }

.fin-Banner.BannerBoxRight {
    overflow: hidden;
}

/* ==== Image Fin Ctrl END ====*/

/* ==== Text box start ====*/
.custom_item_box.pricing-item .content {
    margin: 8px 0 8px;
}

.custom_item_box .pricing-title h2 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    color: #14133b;
    margin: 0 0 10px;
}

.custom_item_box .pricing-title h4 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
    color: var(--fin-orange);
    margin: 0;
}

.custom_item_box.pricing-item .content p:last-child {
    margin: 0;
}

.pricing-item.custom_item_box {
    -webkit-box-shadow: 0 15px 20px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 15px 20px rgba(0,0,0,0.1);
    box-shadow: 0 15px 20px rgb(0 0 0 / 10%);
}

body .custom_item_box.highlightstyle1:hover {
    -webkit-box-shadow: 0 15px 55px -5px rgb(9 31 67 / 10%) !important;
    -moz-box-shadow: 0 15px 55px -5px rgba(9,31,67,0.1) !important;
    box-shadow: 0 15px 55px -5px rgb(9 31 67 / 10%) !important;
}

body .custom_item_box.highlightstyle2 {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

    body .custom_item_box.highlightstyle2:hover {
        -webkit-box-shadow: 0 15px 55px -5px rgb(9 31 67 / 10%) !important;
        -moz-box-shadow: 0 15px 55px -5px rgba(9,31,67,0.1) !important;
        box-shadow: 0 15px 55px -5px rgb(9 31 67 / 10%) !important;
        z-index: 3;
        -webkit-transform: translateY(-10px ) scale(1.1);
        transform: translateY(-10px ) scale(1.1);
    }

.full_w_item .custom_item_box {
    max-width: 100%;
    margin: 0 auto;
}

/* ==== Text box END ====*/

/* ==== Image slider css Start ====*/


.images_slides .slick-track .fin-image-ctrl {
    padding: 30px;
}

.images_slides .slick-prev.slick-arrow {
    left: 25px;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

.images_slides .slick-next.slick-arrow {
    right: 25px;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

.images_slides .slider-nav .slick-track .fin-image-ctrl {
    padding: 15px;
    margin: 0;
}

.slider-nav .slick-track .data-thumb {
    height: 250px;
}

.slider-for .slick-track .data-thumb {
    height: 800px;
}

.images_slides .slick-track .data-thumb .fin-image-ctrl {
    height: 100%;
}

    .images_slides .slick-track .data-thumb .fin-image-ctrl > div, .images_slides .slick-track .data-thumb .fin-image-ctrl > div > div {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        width: 100%;
    }

        .images_slides .slick-track .data-thumb .fin-image-ctrl > div img {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            text-align: center;
            margin: 0 auto;
            cursor: pointer;
        }

.images_slides .fin-Img-frm-bg {
    width: 100%;
}

    .images_slides .fin-Img-frm-bg > .finImgFrm-content-bg.finimg-cover img {
        -o-object-fit: fill;
        object-fit: fill;
    }

.slider-for .slick-track .data-thumb.frameDataThumb {
    height: auto;
}

.images_slides_top .slick-slide img {
    max-height: 100%;
    max-width: 100%;
}

.images_slides_top .slick-track .fin-image-ctrl.slick-slide > div {
    height: 700px;
}

    .images_slides_top .slick-track .fin-image-ctrl.slick-slide > div > div {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        width: 100%;
    }
/* ======== Multiple FinImage START ======== */


.showroom_page main#site-content > section.content.component:first-child {
    padding-top: 0;
}

.row.gap_5 {
    margin-left: -5px;
    margin-right: -5px;
}

    .row.gap_5 > div {
        padding-left: 5px;
        padding-right: 5px;
        /*padding-bottom: 10px;*/
    }

.showroom_page div#site {
    max-width: 100% !important;
    width: 100% !important;
    box-shadow: none !important;
}

.showroom_page footer#site-footer, .showroom_page .FooterCopy {
    display: none;
}



/* ======== Multiple FinImage END ======== */


/* ======== Custom Accordion/Tab Starts ======== */


.usn_cmp_customaccordiontab li.nav-item {
    margin-bottom: 10px;
    width: 20%;
    padding: 0 4px;
}

.usn_cmp_customaccordiontab a.nav-link {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    padding: 16px;
    color: #000000;
    box-shadow: 0px 0px 20px hsl(0deg 0% 31% / 17%);
    border-radius: 15px;
    margin: 0;
    border: none !important;
    height: 70px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 15px;
}

    .usn_cmp_customaccordiontab a.nav-link.active {
        color: #fff;
        background: #8337FF;
        box-shadow: 20px 20px 40px rgb(62 62 62 / 25%);
    }

.usn_cmp_customaccordiontab div#myTabContent {
    background: #FFFFFF !important;
    border-radius: 6px;
    box-shadow: 0 0 42px rgb(0 0 0 / 11%);
    margin-top: 15px;
}

.usn_cmp_customaccordiontab ul#myTab {
    margin: 0;
    border: none;
    margin-left: -4px;
    margin-right: -4px;
}

.usn_cmp_customaccordiontab .tab-pane > div {
    padding: 20px;
}
/* ======== Custom Accordion/Tab Ends ======== */


/* ======== SubChildMenu START ======== */

header#site-subchild.SubChildMenu {
position:inherit;
padding:0;
}
header#site-subchild.SubChildMenu nav.main{ position:relative; height:auto;}
header#site-subchild.SubChildMenu, header#site-subchild.SubChildMenu { box-shadow:inherit;}
header#site-subchild.SubChildMenu nav.main > ul > li{ margin-right:18px; padding:0; line-height:20px;height: auto;}
header#site-subchild.SubChildMenu nav.main > ul > li a {
    font-size: 18px;
    font-weight: 500;
    color: #000000 !important;
    line-height: 21px;
    padding: 15px 10px;
    position: relative;
    display: inline-flex;
    align-items: center;
    height: auto !important;
    text-decoration: none !important;
}
header#site-subchild.SubChildMenu nav.main > ul > li a:hover {
    color: #0045BA !important;
}
header#site-subchild.SubChildMenu nav.main > ul > li a:after {
    bottom: 2px;
    height:2px;
    content: '';
    position: absolute;
    width: 100%;
    background: transparent;
    border-radius: 1px;
    left: 0;
    bottom: 2px;

}
header#site-subchild.SubChildMenu nav.main > ul > li a:hover:after{background:#183fa9;height:2px;bottom: 2px;}
    header#site-subchild a.expand {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 300;
    width: var(--expand-nav-width);
    height: var(--small-header);
    display: block;
    text-indent: -9999px;
    text-decoration: none!important;
    cursor: pointer;
    }
    header#site-subchild a.expand span {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
    header#site-subchild a.expand span:before, header#site-subchild a.expand span, header#site-subchild a.expand span:after {
    content: "";
    display: block;
    width: calc(var(--expand-nav-width) / 2);
    height: var(--base-border-width);
    position: absolute;
    left: 30px;
    background-color: rgba(var(--main-navigation-link), 1);
    opacity: 1;
    -webkit-transition: transform 0.4s ease-in-out 0s, left 0.4s ease-in-out 0s, top 0.4s ease-in-out 0s, background-color 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
    transition: transform 0.4s ease-in-out 0s, left 0.4s ease-in-out 0s, top 0.4s ease-in-out 0s, background-color 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
}
    header#site-subchild a.expand.expand-uneven-lines:not(.active) span:before {
    width: calc((var(--expand-nav-width) / 2) - 10px);
}
    header#site-subchild a.expand.expand-uneven-lines:not(.active) span:after {
    width: calc((var(--expand-nav-width) / 2) - 5px);
}
    header#site-subchild a.expand span:before {
    top: -8px;
    left:0;
}
    header#site-subchild a.expand span:after {
    top: 8px;
    left:0;
}
    header#site-subchild a.expand.expand-active-cross.active span {
    background-color: transparent;
}
    header#site-subchild a.expand.expand-active-cross.active span::before {
    transform: rotate(-45deg);
    top: 0;
}
    header#site-subchild a.expand.expand-active-cross.active span::after {
    transform: rotate(45deg);
    top: 0;
}
    header#site-subchild.SubChildMenu nav.main > ul > li.has-child span:after {
    position: absolute;
    top: 16px;
    right: -7px;
    bottom: 0;
    padding-top: 0;
    text-align: center;
    color: rgba(var(--main-navigation-link), 1);
    z-index: -1;
    content:"\f280";
    font-size: 14px;
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    width:inherit;
    line-height: 21px;
    }
    header#site-subchild.SubChildMenu nav.main > ul > li.has-child ul li a {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 18px;
    display:block;
}
    header#site-subchild.SubChildMenu nav.main > ul > li.has-child ul {
    top: 100% !important;
    width: auto !important;
    min-width: 270px;
        display: block;
            border: 1px solid #ddd;
}
    header#site-subchild.SubChildMenu nav.main > ul > li.has-child ul li span:after{ display:none;}
header#site-subchild.SubChildMenu nav.main > ul > li.has-child ul li a:after{ display:none;}
.subchild-h{padding : 0px 10px;}

/* ======== Side Sub Menu START ======== */

.fin-side-menu .caret {
    cursor: pointer;
    user-select: none;
}

.fin-side-menu .caret::before {
        content: "\f273";
        color: black;
        display: inline-block;
        margin-right: 0;
        font-family: "Ionicons";
        font-size: 14px;
    }

.fin-side-menu .caret-minus::before {
    content: "\f368";
}

.fin-side-menu .nested {
    display: none;
}

.fin-side-menu .active {
    display: block;
}

nav.sub .fin-side-menu ul.nested ul li span a::before {
    display: none;
}

.fin-side-menu ul.nested.active {
    padding-left: 11px;
}

nav.sub .fin-side-menu ul.nested li span, nav.sub .fin-side-menu ul.nested li span a {
    display: inline-block;
}

    nav.sub .fin-side-menu ul.nested li span.caret {
        position: absolute;
        left: 0;
    }

    nav.sub .fin-side-menu ul.nested li span a {
        padding-left: 15px;
    }

html.no-touch nav.sub .fin-side-menu ul.nested li:not(.active) span a:hover {
    padding-left: 15px;
}

.fin-side-menu .btn-side-expand {
    position: absolute;
    top: 12px;
    right: 17px;
}
/*  ==== Side menu on right====  */
.fin-side-menu-r {
    padding-top: 12px;
}

    .fin-side-menu-r .fin-sidemenu-child {
        padding-left: 12px;
    }

    .fin-side-menu-r .sub {
        border-style: none;
        padding-top: 2px;
    }


/*=== Buy Token === START*/

 
.sec-buyToken .h5-bytoken {
    color: #ffffff;
}
    .sec-buyToken .card .card-body {
        padding: 1.5rem;
    }

    .sec-buyToken .card.rounded-lg {
        border-radius: 0.75rem !important;
    }

    .sec-buyToken .card .card-body .form-control {
        border-radius: .75rem;
        background: none;
        border: 2px solid #FFF;
        color: #FFF;
    }

    .sec-buyToken .card .buyToken-check.form-check {
        padding-left: 2rem;
    }

    .sec-buyToken .card .buyToken-check .form-check-input {
        width: 20px;
        height: 20px;
        margin-left: -2rem;
    }

    .sec-buyToken .card .card-body .btnSave {
        border-radius: 30px;
    }

    .sec-buyToken .card.Active {
        background: rgb(0 123 255 / 25%);
    }

.token-table .table {
    margin: 0px;
    border-left: none !important;
    border-top: none !important;
}

.token-table .table-striped > tbody > tr:nth-of-type(odd) > * {
    background: #f9fcfe !important;
    --bs-table-accent-bg: auto;
}

.token-table table td {
    font-size: 13px;
    font-weight: 400;
    padding: 8px;
}

.table > :not(caption) > * > * {
    border-bottom: 1px solid #abc2e3;
}
.max_w_100 {
    max-width: 100% !important;
}



.token-outerbox {
    border: 3px solid #c9c9c9;
    border-radius: 12px;
    padding: 25px 20px;
}

    .token-outerbox h2 {
        font-size: 20px;
        font-weight: 700;
        margin-top: 14px;
    }

    .token-outerbox p {
        font-size: 14px;
        margin-top: 14px;
        color: #686f7b;
        font-weight: 500;
    }
    .token-outerbox:after {
        content: "";
        position: absolute;
        width: 150px;
        height: 65px;
        border: 3px dashed #c9c9c9;
        bottom: -5px;
        left: -4px;
        background: #fff;
        margin: 0px;
        border-radius: 0px 0px 0px 12px;
        border-width: 0px 0px 5px 5px;
    }

    .token-outerbox > * {
        position: relative;
        z-index: 9;
    }


.token-table {
    margin-bottom: 1px;
    height: 100%;
}

    .token-style1, .token-style2 {
        border: 1px solid #abc2e3;
        overflow: hidden;
        border-radius: 15px;
        box-shadow: 0px 4px 20px rgb(0 0 0 / 5%);
    }
    .token-style2 {
        border: none;
    }

        .token-style2 .table-heading {
            background: #fff;
            color: #212529 !important;
            font-weight: 500;
            font-size: 20px;
        }
        .token-style2.token-table table td {
            font-size: 13px;
            font-weight: 400;
            padding: 8px 15px;
        }
        .token-style2.token-table .table-striped > tbody > tr:nth-of-type(odd) > * {
            background: #fff !important;
        }
        .tokens_content p {
            font-size: 13px;
            margin: 8px 0;
        }

        .tokens_content p strong {
            font-weight: 500;
            margin-right: 6px;
        }
    .token-style1 {
        padding: 20px 20px;
        box-shadow: 0px 0px 20px rgb(0 0 0 / 7%);
        background: #fff;
        overflow: hidden;
        border-radius: 15px;
    }

    .token-style1 th {
        color: #fff;
        background: #6d9bd1;
        font-weight: 400;
        border: none;
        padding-left: 8px;
        font-size: 14px;
    }

        .token-style1 .token-table {
            border-radius: 15px;
            overflow: hidden;
        }
.token-style2 .trans-table .table thead th {
    background: #fff;
    border: none;
    color: #212529 !important;
    font-weight: 500;
    font-size: 16px;
}

    .token-style2 .trans-table {
        overflow: hidden;
        background: #fff;
        border-radius: 15px;
        box-shadow: 0px 4px 20px rgb(0 0 0 / 5%);
    }
    .token-style2 .trans-table tr .table, .token-style2 .trans-table .table tr td {
        background: #fff !important;
    }
.chkBuyToken {
    outline: 2px solid #226eef;
}

/*=== Buy Token === END*/
/*=== Style8 Action Box css === Start*/
.fin-abox-style5 .fin-wrap:before, .fin-abox-style5 .fin-wrap:after {
    display: none;
}

.fin-abox-style5 .fin-wrap {
    box-shadow: 0px 0px 20px rgb(0 0 0 / 7%);
    background: #fff;
    overflow: hidden;
    border-radius: 15px;
}
.fin-abox-style5 .toparrow {
    position: absolute;
    width: 100%;
    left: 22px;
    height: 55%;
    top: -30px;
    border-left: 15px solid #000;
    border-top: 15px solid #000;
    border-right: 15px solid #000;
    border-radius: 40px 40px 0px 0px;
}
.fin-abox-style5.color_blue .toparrow {
    border-left: 15px solid var(--fin-blue);
    border-top: 15px solid var(--fin-blue);
    border-right: 15px solid var(--fin-blue);
}
.fin-abox-style5 .fin-wrap .borderinner {
    padding: 4px;
}
.fin-abox-style5 .fin-wrapbox, .fin-abox-style5.fin-wrapbox, .fin-abox-style5 .fin-wrapbox, .fin-abox-style5 .fin-wrapbox {
    background: #fff;
    box-shadow: initial;
}
.fin-abox-style5 .fin-wrap .fin-wrapbox {
    border-radius: 16px;
}
.fin-abox-style5.color_blue h6, .fin-abox-style5.color_blue .fin-icon {
    color: var(--fin-blue);
}
.fin-abox-style5 .toparrow:before {
    content: "";
    position: absolute;
    right: -40px;
    bottom: -10px;
    width: 40px;
    height: 15px;
    z-index: 999;
    background: #000;
    border-radius: 0px 0px 0px 50px;
}
.fin-abox-style5.color_blue .toparrow:before {
    background: var(--fin-blue);
}
.fin-abox-style5 .toparrow .arrow {
    width: 0px;
    height: 0px;
    border: 20px solid transparent;
    border-top-color: #000;
    margin: 0;
    padding: 0;
    position: absolute;
    right: -45px;
    z-index: 99;
    bottom: -22px;
}
    .fin-abox-style5 .toparrow .arrow.right {
        transform: rotate(270deg) translate(0px, 25px);
        -webkit-transform: rotate(270deg) translate(0px, 25px);
        -moz-transform: rotate(270deg) translate(0px, 25px);
        -o-transform: rotate(270deg) translate(0px, 25px);
        -ms-transform: rotate(270deg) translate(0px, 25px);
    }
.fin-abox-style5.color_blue .toparrow .arrow {
    border-top-color: var(--fin-blue);
}
.fin-abox-style5 .toparrow .arrow:before {
    content: '';
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    border-top-color: white;
    display: inline-block;
    -webkit-transform: translate(-10px, -20px);
}
.fin-abox-style5 .fin-wrapbox, .fin-abox-style5 .fin-wrapbox, .fin-abox-style5 .fin-wrapbox, .fin-abox-style5 .fin-wrapbox {
    background: #fff !important;
    box-shadow: initial !important;
}
.fin-abox-style5 .bottomarrow {
    position: absolute;
    width: 100%;
    left: 22px;
    height: 55%;
    bottom: -30px;
    border-left: 15px solid #000;
    border-bottom: 15px solid #000;
    border-right: 15px solid #000;
    border-radius: 0px 0px 40px 40px;
}
.fin-abox-style5.color_blue .bottomarrow {
    border-left: 15px solid var(--fin-blue);
    border-bottom: 15px solid var(--fin-blue);
    border-right: 15px solid var(--fin-blue);
}
.fin-abox-style5 .bottomarrow:before {
    content: "";
    position: absolute;
    right: -40px;
    top: -10px;
    width: 40px;
    height: 15px;
    z-index: 999;
    background: #000;
    border-radius: 50px 0px 0px 0px;
}
.fin-abox-style5.color_blue .bottomarrow:before {
    background: var(--fin-blue);
}
.fin-abox-style5 .bottomarrow .arrow {
    width: 0px;
    height: 0px;
    border: 20px solid transparent;
    border-top-color: #000;
    margin: 0;
    padding: 0;
    position: absolute;
    right: -45px;
    z-index: 99;
    top: -22px;
}
    .fin-abox-style5 .bottomarrow .arrow.right {
        transform: rotate(270deg) translate(0px, 25px);
        -webkit-transform: rotate(270deg) translate(0px, 25px);
        -moz-transform: rotate(270deg) translate(0px, 25px);
        -o-transform: rotate(270deg) translate(0px, 25px);
        -ms-transform: rotate(270deg) translate(0px, 25px);
    }
.fin-abox-style5.color_blue .bottomarrow .arrow {
    border-top-color: var(--fin-blue);
}
.fin-abox-style5 .bottomarrow .arrow:before {
    content: '';
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    border-top-color: white;
    display: inline-block;
    -webkit-transform: translate(-10px, -20px);
}

/*=== Style8 Action Box css === END*/

.div-export2pdf{position: relative;top: 100px;z-index: 9; margin-right:78px; }
.divExportToPDF .custom-select{width:auto;}


/* ======== Side Sub Menu END ======== */

@media (min-width: 992px) {
    header#site-subchild a.expand {
    display: none;
}   
}
@media screen and (min-width:0px) and (max-width:991px) {
    html.reveal-out header#site-subchild.SubChildMenu{position:relative;}
    body.header-01-lg header#site-subchild.SubChildMenu nav.main .nav { display:block;}
    header#site-subchild.SubChildMenu nav.main > ul > li:not(:last-child){ margin-right:0;}
    header#site-subchild nav.main{display: none;}
    html.subchild-out header#site-subchild nav.main{display: block;}
    header#site-subchild.SubChildMenu nav.main > ul > li.has-child span:after {content: "\f280";right: 12px;font-size: 20px;}
    .div-export2pdf {position:static !important;margin:auto;}
    }
    /* ======== SubChildMenu END ======== */

/* ======== Common Media START ======== */
@media (max-width: 2560px) {
    .fi-lservic-line {
        left: 45.1%;
        height: 633px;
    }

    .fi-lservic-line2 {
        right: 23.2%;
    }

    .fi-lservic-line3 {
        right: 24.2%;
    }

    .h-fscroll-vh {
        height: 86vh;
    }

    .fin-hide-scroll .fin-img-ctrl-s .fin-img-main .text-center,
    .fin-hide-scroll .fin-img-ctrl-s .fin-img-main {
        height: 86vh;
    }

 }

@media (max-width: 1920px) {
    .fin-hide-scroll .fin-img-ctrl-s .fin-img-main .text-center,
    .fin-hide-scroll .fin-img-ctrl-s .fin-img-main {
        height: 84vh;
    }
    /*position: relative;*
    /*overflow: hidden;*/
    /*}
        .fin-img-ctrl-s .fin-img-main img {
            width: 100%;
    object-fit: fill;
    height: 100%;           
        }*/
    .h-fscroll-vh {
        height: 84vh;
    }

    .fi-lservic-line {
        left: 43.45%;
        height: 633px;
    }

    .fi-lservic-line2 {
        right: 272px;
    }

    .fi-lservic-line3 {
        right: 300px;
    }
}

@media (max-width:1680px) {
    /*.fin-hide-scroll .fin-img-ctrl-s .fin-img-main .text-center ,
    .fin-hide-scroll .fin-img-ctrl-s .fin-img-main {
    height: inherit;
    position: relative;
    overflow: inherit;
    }
        .fin-hide-scroll .fin-img-ctrl-s .fin-img-main img {
            height:inherit;
            width:inherit;            
        }*/
    .fi-lservic-line {
        left: 42.5%;
        height: 633px;
    }

    .fi-lservic-line2 {
        right: 154px;
    }

    .fi-lservic-line3 {
        right: 182px;
    }

    .fin-Banner.BannerBoxRight .BannerText {
        padding-left: 6%;
    }

    .fin-Banner.BannerBoxRight .BannerBox {
        margin-left: 3%;
    }

    .fin-Banner.BannerBoxLeft .BannerText {
        padding-right: 17%;
        padding-left: 8%;
    }

    .fin-Banner.BannerBoxLeft .BannerBox {
        margin-right: 3%;
    }

    .token_StatSec {
        padding: 45px 53px;
    }

        .token_StatSec:before {
            width: 58%;
        }
     
    .head_part {
        /*margin: 0px 0 100px;*/
    }

    .pie_chart_sec {
        position: relative;
        max-width: 675px;
        /*margin: 70px auto 50px 0;*/
        margin-left: -80px;
    }

    /*.chart_shape_4 {
        bottom: -110px;
        left: 84px;
    }

    .chart_shape_5 {
        bottom: 8px;
        right: 42px;
    }

    .chart_shape_2 {
        right: 68px;
        top: -33px;
    }

    .chart_shape_1 {
        top: -39px;
        left: 163px;
    }

    .chart_shape_3 {
        bottom: 8px;
        left: 134px;
    }*/

    .chartDetails p {
        font-size: 16px;
        margin: 0 0 18px;
    }

    .values_sec {
        padding-top: 10px;
    }

    .chartDetails label {
        font-size: 16px;
        margin: 0 0 10px;
    }

    .startEnd_list li {
        font-size: 20px;
        margin: 0 15px 40px;
    }

        .startEnd_list li span {
            font-size: 18px;
            margin: 15px 0 0;
        }
}

@media (max-width:1537px) {
    .h-fscroll-vh {
        height: 80vh;
    }

.showroom-video-c video{
        object-fit: fill;
}
    
    .fin-hide-scroll .fin-img-ctrl-s .fin-img-main {
        height: 80vh;
    }

    .fin-Banner.BannerBoxRight .BannerText {
        padding-left: 6%;
    }

    .fin-Banner.BannerBoxRight .BannerBox {
        padding-left: 4%;
        padding-right: 15%;
        margin-left: 2%;
    }

    .fin-Banner.BannerBoxLeft .BannerText {
        padding-right: 17%;
        padding-left: 8%;
    }

    .fin-Banner.BannerBoxLeft .BannerBox {
        margin-right: 3%;
    }

    .fin-Banner .counter h2, .fin-Banner .BannerTitle h2 {
        font-size: 42px;
    }

    .fin-Banner .BannerTitle p {
        font-size: 18px;
        line-height: 36px;
    }

    .fin-Banner .counter li span {
        font-size: 62px;
    }

    .fin-Banner .counter li {
        width: 24%;
        font-size: 20px;
    }

    .fin-Banner .TokensText h3 {
        font-size: 32px;
    }

        .fin-Banner .TokensText h3 b {
            font-size: 17px;
        }

    .fin-Banner .label-txt {
        font-size: 18px;
    }

    .fin-Banner .BannerBtn .btn {
        font-size: 20px;
        line-height: 44px;
    }

    .fin-Banner .BannerPayment a img {
        height: 68px;
    }

    .fi-lservic-line {
        left: 41.8%;
        height: 603px;
    }

    .fi-lservic-line2 {
        right: 74px;
    }

    .fi-lservic-line3 {
        right: 6.5%;
    }

    .fin-technology-Banner .fi-lservic-line {
        left: 47%;
        width: 210px;
    }

    .fin-technology-Banner .fi-lservic-line2 {
        right: 3%;
        width: 235px;
    }
}

@media (max-width:1499px) {
    .token_StatSec {
        padding: 60px 70px;
    }
}

@media (max-width: 1441px) {
    .div-export2pdf{top: 20px;}
    .fin-technology-Banner .fi-lservic-line {
        top: 225px;
        left: 42%;
        transform: scale(0.8);
    }

    .fin-technology-Banner .fi-lservic-line2 {
        right: 2.5%;
        width: 223px;
    }

    .fin-Banner.BannerBoxRight .BannerBox {
        right: 10px
    }

    .fi-lservic-line2 {
        right: 13.6%;
    }

    .fi-lservic-line3 {
        right: 15%;
    }

    .fin-Banner .BannerTitle h2 {
        font-size: 42px;
        letter-spacing: 6px;
    }

        .fin-Banner .BannerTitle h2 span {
            margin-right: 10%;
        }

    .fin-Banner .BannerTitle p {
        font-size: 18px;
        line-height: 36px;
    }

    .fin-Banner.BannerBoxRight .BannerText {
        padding-right: 2%;
    }

    .fin-Banner.BannerBoxFull .BannerText {
        padding-right: 13%;
    }

    .fin-Banner .BannerBtn .btn {
        font-size: 22px;
    }

    .fin-Banner .BannerPayment {
        padding: 0 2%;
    }

    .fin-Banner.BannerBoxRight .BannerBox {
        padding-left: 3%;
        padding-right: 18%;
        margin-left: 0;
    }

    .fin-Banner.BannerBoxFull .BannerBox {
        padding-left: 3%;
        padding-right: 18%;
        margin-left: 0;
    }

    .fin-Banner .counter h2 {
        font-size: 42px;
    }

    .fin-Banner .counter li span {
        font-size: 62px;
    }

    .fin-Banner .counter li {
        width: 24%;
    }

        .fin-Banner .counter li span:before {
            left: -15px;
        }

    .fin-Banner .BannerBox .BannerLine1, .fin-Banner .BannerBox .BannerLine2 {
        right: 50px;
    }

    .fin-Banner .BannerBox .BannerLine3 {
        right: 30px;
    }

    .fin-Banner.BannerBoxRight .BannerBox:hover .BannerLine1, .fin-Banner.BannerBoxRight .BannerBox:hover .BannerLine2, .fin-Banner.BannerBoxRight .BannerBox:hover .BannerLine3 {
        right: 50px;
    }

    .fin-Banner.BannerBoxLeft .BannerBox .BannerLine1, .fin-Banner.BannerBoxLeft .BannerBox .BannerLine2 {
        left: 30px;
    }

    .fin-Banner.BannerBoxLeft .BannerBox .BannerLine3 {
        left: 40px;
    }

    .fin-Banner.BannerBoxLeft .BannerBox:hover .BannerLine1, .fin-Banner.BannerBoxLeft .BannerBox:hover .BannerLine2 {
        left: 30px;
    }

    .fin-Banner.BannerBoxLeft .BannerBox:hover .BannerLine3 {
        left: 50px;
    }

    .fin-Banner .BannerPayment a img {
        height: 74px;
    }

    h2.fs-head-title {
        font-size: calc(46px * 1.3)
    }

    .fin-service {
        transform-origin: top center;
        transform: scale(0.8);
        margin-right: 100px;
        height: 610px;
    }

        .fin-service .fs-heading {
            top: 12%;
            right: -16%;
        }
}

@media (max-width:1367px) {
    .h-fscroll-vh {
        height: 80vh;
    }

    .fin-hide-scroll .fin-img-ctrl-s .fin-img-main {
        height: 80vh;
    }

    .BannerPayment a img {
        height: 78px;
    }

    .fin-Banner .counter h2 {
        font-size: 35px;
    }

    .fin-Banner .counter li span {
        font-size: 54px;
    }

    .fin-Banner .counter li {
        font-size: 22px;
    }

    .fin-Banner .TokensText h3 {
        font-size: 32px;
    }

        .fin-Banner .TokensText h3 b {
            font-size: 16px;
        }

    h2.fs-head-title {
        font-size: calc(46px * 1.3)
    }

    .fin-service .fs-heading {
        right: -20%;
        top: 5%;
    }

    .fin-service {
        transform-origin: top center;
        transform: scale(0.7);
        margin-right: 100px;
        height:860px;
    }
    .fin-service .fs-centerbox{ margin:175px 0 0 4%;}
}


@media only screen and (max-width: 1320px) {
    .pricing-item {
        max-width: 420px;
        float: none;
        margin: 15px auto !important
    }
}


@media (max-width:1300px) {
    .disable-textarea-width {
        order: -1;
    }

    .disable-gridbox-width {
        width: 100% !important;
    }

    .usn_cmp_splitcomponent .component-main {
        flex-wrap: wrap !important;
    }

    .explore-boxs {
        width: 100% !important;
        height: auto !important;
    }

        .explore-boxs > .row > div {
            width: 20% !important;
            min-width: 20% !important;
            max-width: 20% !important;
            margin: 0 !important;
            padding: 0 10px !important;
            margin-bottom: 20px !important;
        }

    .explore-boxs {
        padding: 0 20px !important;
    }

    .disable-textarea-width h2.heading.main.base-heading {
        text-align: center;
    }

    .disable-textarea-width {
        min-width: 10px;
        width: 100% !important;
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 13px;
    }

    .usn_cmp_splitcomponent .component-main .item.item_block.usn_cmp_text {
        padding-left: 0 !important;
    }

    .disable-textarea-width .info p {
        text-align: center !important;
    }

    .disable-textarea-width .info {
        max-width: 750px !important;
    }
    .token_StatSecLink ul li strong, .token_StatSecLink ul li span, .token_StatSecLink ul li{
        font-size:16px;
    }
}


@media (max-width:1281px) {
    .BannerPayment a img {
        height: 70px;
    }

    .fin-Banner .counter h2, .fin-Banner .BannerTitle h2 {
        font-size: 32px;
    }

    .fin-Banner .counter li span {
        font-size: 50px;
    }

    .fin-Banner .counter li {
        font-size: 20px;
    }

    .fin-Banner .TokensText h3 {
        font-size: 28px;
    }

        .fin-Banner .TokensText h3 b {
            font-size: 15px;
        }

    .fin-Banner .BannerTitle p {
        font-size: 15px;
        line-height: 28px;
    }

    .fin-Banner .BannerBtn .btn {
        font-size: 18px;
    }

    .fi-lservic-line, .fi-lservic-line2, .fi-lservic-line3 {
        display: none
    }

    h2.fs-head-title {
        font-size: calc(46px * 1.6)
    }

    .fin-service .fs-heading {
        width: calc(550px * 1.5);
    }

    .fin-service {
        transform-origin: top center;
        transform: scale(0.6145833333);
        margin-right: 100px;
        height: 800px;
    }
}

@media(min-width:1200px) and (max-width:1299px) {
    .pie_chart_sec .chart_shape_2 {
        right: 18px;
        top: -43px;
    }

    .pie_chart_sec .chart_shape_5 {
        bottom: -2px;
        right: -28px;
    }

    .pie_chart_sec .chart_shape_4 {
        bottom: -97px;
        left: 144px;
    }

    .pie_chart_sec {
        position: relative;
        left: -40px;
    }
}

@media (max-width: 1200px) {
    .fin-action-cirle {
        width: 240px;
        height: 240px;
    }

        .fin-action-cirle .fin-num-txt {
            top: 11%;
            left: 28%;
            font-size: 35px;
        }

    .fin-acircle-style5 .borderinner .colorbg .fin-wrapbox {
        padding: 14px 6px 17px 10px;
    }

    .fin-acircle-style5 .fin-action-cirle .fin-icon {
        margin-left: 100px;
    }

    .fin-Arrow-box .box-arrow {
        bottom: -38%;
        left: 9%;
        width: 55%;
    }

    .items-3 .fin-Arrow-box .box-arrow {
        bottom: -46%;
        left: 6%;
    }

    .items-2 .fin-Arrow-box .box-arrow {
        width: 51%;
        bottom: -49%;
        left: -2%;
    }

    .fin-Arrow-box .fin-wrap {
        height: 200px;
        width: 200px;
    }

    .fin-Arrow-box {
        padding: 0px;
    }

    .fin-wrapbox-text {
        left: -22px;
        top: -6px
    }

    .items-3 .fin-wrapbox-text {
        top: 17px;
    }

    .items-2 .fin-wrapbox-text {
        left: -40px;
        top: 7px;
    }

    .fin-action-cirle h6 {
        margin-bottom: 0px;
    }
}

@media (max-width:1199px) {
    .token_StatSec {
        padding: 60px 30px;
    }

        .token_StatSec:before {
            width: 48%;
            height: 230px;
        }

        .token_StatSec:after {
            width: 37%;
        }

    .chart-pie {
        width: 550px;
    }

    .pie_chart_sec {
        max-width: 550px;
        margin: 65px auto;
    }

    .chart_shape_1 {
        height: 150px;
        width: 150px;
        background-size: 130px;
        top: -35px;
        left: 105px;
    }

    .chart_shape_2 {
        height: 150px;
        width: 150px;
        background-size: 130px;
        right: 105px;
        top: -35px;
    }

    .chart_shape_3 {
        height: 150px;
        width: 150px;
        background-size: 130px;
        bottom: -35px;
        left: 105px;
    }

    .chart_shape_4 {
        height: 150px;
        width: 150px;
        background-size: 130px;
        bottom: -85px;
        left: 0;
    }

    .chart_shape_5 {
        height: 150px;
        width: 150px;
        background-size: 130px;
        bottom: -35px;
        right: 105px;
    }

    .chart_circle {
        width: 150px;
        height: 150px;
        padding: 6px;
    }

        .chart_circle > span > span {
            font-size: 22px;
        }

    .head_part {
        /*margin: 0px 0 70px;*/
    }
}


@media (max-width:1152px) {
    .fin-service .fs-heading {
        width: calc(550px * 1.4);
        left: 30%;
    }

    .h-fscroll-vh {
        height: 75vh;
    }

    .fin-hide-scroll .fin-img-ctrl-s .fin-img-main {
        height: 75vh;
    }

    .fin-Banner .BannerTitle h2 span {
        margin-right: 0;
        padding-right: 20%;
        display: inline-block;
    }

    .fin-Banner .BannerTitle p br {
        display: none;
    }

    .fin-Banner.BannerBoxRight .BannerText {
        padding-left: 5%;
        padding-right: 5%;
    }

    .fin-Banner.BannerBoxRight .BannerBox {
        right: -11%;
        margin-top: 50px;
    }

    .fin-Banner.BannerBoxLeft .BannerText {
        padding-right: 5%;
        padding-left: 5%;
    }

    .fin-Banner.BannerBoxLeft .BannerBox {
        left: -11%;
        margin-top: 50px;
    }

    .fin-Banner .BannerPayment a img {
        height: 82px;
    }

    .fin-Banner .label-txt {
        bottom: -60px;
    }

    .fin-Banner.BannerBoxFull .BannerText {
        padding-right: 0;
    }

    .fin-Banner.BannerBoxFull .fin-Banner .BannerTitle h2 span {
        display: block;
    }

    .fin-technology-Banner.fin-Banner .BannerTitle {
        margin-bottom: 50px;
    }
    /*.fin-service .fs-heading .fs-head-desc{font-size:20px;}*/
}


@media (max-width: 992px) {
    .fin-acircle-style5 .fin-action-cirle .fin-icon {
        margin-left: 5%;
    }

    .fin-Arrow-box .box-arrow {
        display: none;
    }

    .fin-Arrow-box {
        padding: 50px;
    }
    nav.sub {
    display:none;
    }
        nav.sub.open {
        display:block;
        }
}

@media (max-width:991px) {

    .token_StatSec {
        padding: 47px 20px;
    }

    .chartDetails label {
        font-size: 18px;
    }

        .chartDetails label b {
            padding-left: 7px;
        }

    .slider-nav .slick-track .data-thumb {
        height: 150px;
    }
}

@media only screen and (max-width: 830px) {

    #fin-timeline .timeline-start, #fin-timeline .timeline-end {
        margin: 0 0px 0px 20px
    }

    #fin-timeline .conference-center-line {
        margin-left: 0;
        left: 50px
    }

    #fin-timeline .timeline-article .meta-date {
        margin-left: 0;
        left: 20px
    }

    #fin-timeline .timeline-article .content-left-container, #fin-timeline .timeline-article .content-right-container {
        max-width: 70%;
        width: auto;
        float: none;
        margin-left: 80px;
        min-height: 53px
    }

    #fin-timeline .timeline-article .content-left-container {
        margin-bottom: 20px
    }

    #fin-timeline .timeline-article .content-left, .timeline-article .content-right {
        padding: 10px 15px;
        min-height: 65px
    }

        #fin-timeline .timeline-article .content-left:before {
            content: "\f0d9";
            right: auto;
            left: -8px
        }

    #fin-timeline .timeline-article .content-right:before {
        display: none
    }

    #fin-timeline .timeline-article .iconview {
        display: none
    }

    #fin-timeline .timeline-article.md-year {
        margin: 0px
    }

        #fin-timeline .timeline-article.md-year .meta-date-year {
            left: 50px
        }

    #fin-timeline .timeline-article .content-left-container .content-heading:before {
        content: "\f282";
        left: -10px
    }

    #fin-timeline .timeline-article .meta-date-start {
        left: 50px;
        top: 8px;
    }

    #fin-timeline .timeline-article .content-img-half img {
        height: auto;
        margin-bottom: 10px
    }

    #fin-timeline .timeline-article .content-img-half {
        float: none;
        width: 100%
    }
}

@media (max-width: 775px) {

    .process-box-style2 .process-wrap:before {
        display: none
    }

    .process-box.h-100 {
        height: auto !important
    }

    .team-slide.slick-slider .slick-prev {
        left: 0px;
    }

    .team-slide.slick-slider .slick-next {
        right: 0px;
    }

    .fin-testimonial .slick-slider .slick-prev {
        left: 0px;
    }

    .fin-testimonial .slick-slider .slick-next {
        right: 0px;
    }

    .mo-title-box h3 {
        font-size: 24px;
        line-height: 30px
    }

    .mo-title-box {
        margin-bottom: 20px;
    }

    ul.list-style {
        margin-left: 20px
    }

    .fin-abox-style4 .toparrow {
        display: none
    }

    .fin-abox-style4 .bottomarrow {
        display: none
    }


    .fin-action-cirle {
        margin: 20px auto;
        width: 262px;
        height: 262px
    }

        .fin-action-cirle .fin-num-txt {
            top: 19px;
            left: 60px;
            font-size: 30px;
        }

    .fin-acircle-style5 .borderinner .colorbg .fin-wrapbox {
        padding: 10px 6px 17px 10px;
    }

    .fin-acircle-style5:after {
        display: none
    }

    .fin-action-cirle .fin-icon {
        margin-right: -30px;
        padding-top: 3px;
    }
}


@media (max-width:768px) {
    .fin-Banner .BannerTitle h2 span {
        padding-right: 25%;
    }

    .fin-Banner .counter h2, .fin-Banner .BannerTitle h2 {
        font-size: 28px;
    }

    .fin-Banner .counter li {
        font-size: 18px;
    }

        .fin-Banner .counter li span {
            font-size: 38px;
        }

    .fin-Banner .TokensText h3 {
        font-size: 24px;
    }

        .fin-Banner .TokensText h3 b {
            font-size: 13px;
        }

    .fin-Banner .TokensText {
        margin-bottom: 1em;
    }

    .fin-Banner .counter {
        margin-bottom: 1.3em;
    }

    .fin-Banner .BannerBox .BannerLine1, .fin-Banner .BannerBox .BannerLine2 {
        right: 20px;
    }

    .fin-Banner .BannerBox .BannerLine3 {
        right: 10px;
        bottom: 25px;
    }

    .fin-Banner .BannerBox .BannerLine1 {
        top: 10px;
    }

    .fin-Banner .BannerBox .BannerLine2 {
        top: 40px;
    }

    .fin-Banner .BannerBox {
        padding-top: 30px;
    }

    .fin-Banner .BannerTitle, .BannerBtn {
        margin-bottom: 30px;
    }

    .fin-Banner.BannerBoxRight .BannerBox, .fin-Banner.BannerBoxLeft .BannerBox {
        margin-top: 30px;
    }

    .fin-Banner {
        padding: 0 0 90px;
    }

        .fin-Banner.BannerBoxRight .BannerBox:hover .BannerLine1, .fin-Banner.BannerBoxRight .BannerBox:hover .BannerLine2 {
            right: 25px;
        }

        .fin-Banner.BannerBoxRight .BannerBox:hover .BannerLine3 {
            right: 32px;
        }

        .fin-Banner.BannerBoxLeft .BannerBox .BannerLine1, .fin-Banner.BannerBoxLeft .BannerBox .BannerLine2 {
            left: 20px;
        }

        .fin-Banner.BannerBoxLeft .BannerBox .BannerLine3 {
            left: 10px;
            bottom: 25px;
        }

        .fin-Banner.BannerBoxLeft .BannerBox:hover .BannerLine1, .fin-Banner.BannerBoxLeft .BannerBox:hover .BannerLine2 {
            left: 25px;
        }

        .fin-Banner.BannerBoxLeft .BannerBox:hover .BannerLine3 {
            left: 32px;
        }

        .fin-Banner .label-line {
            height: 80px;
        }

        .fin-Banner.BannerBoxFull .BannerBox {
            right: -50px
        }

            .fin-Banner.BannerBoxFull .BannerBox:hover {
                right: -30px;
            }

            .fin-Banner.BannerBoxFull .BannerBox .BannerLine1, .fin-Banner.BannerBoxFull .BannerBox .BannerLine2 {
                right: 20px;
            }

            .fin-Banner.BannerBoxFull .BannerBox .BannerLine3 {
                right: 10px;
                bottom: 25px;
            }

        .fin-Banner.BannerBoxFull .BannerLine1 {
            top: 10px;
        }

        .fin-Banner.BannerBoxFull .BannerLine2 {
            top: 40px;
        }

        .fin-Banner.BannerBoxFull .BannerBox:hover .BannerLine1, .fin-Banner.BannerBoxFull .BannerBox:hover .BannerLine2 {
            right: 25px;
        }

        .fin-Banner.BannerBoxFull .BannerBox:hover .BannerLine3 {
            right: 30px;
        }

    h2.fs-head-title {
        font-size: calc(46px * 1.8)
    }

    .fin-service .fs-heading {
        width: calc(550px *2);
    }

    p.fs-head-desc {
        font-size: 24px;
    }

    .fin-service {
        transform-origin: top center;
        transform: scale(0.4445833333);
        margin-right: 200px;
        height: 520px;
    }
    .token_StatSec.tocSec-hide{ margin-top:0;}
        .fin-service .fs-heading {
            right: -100%;
        }
    /*.fin-service .fs-heading .fs-head-desc{font-size:20px;}*/



    section.base-bg {
        overflow: hidden
    }

    .fin-service .cs-text .cs-text-heading {
        color: #060842;
        font-size: 32px;
        line-height: 36px;
        margin-bottom: 5px
    }

    .fin-service .cs-text .cs-text-desc {
        font-size: 24px;        
        color: #A0A0A2
    }
     
     

    .fin-service .finser-C3-text {
        width: 220px;
        left: 130px;
        bottom: 10px;
        text-align: right
    }

    .fin-service .finser-C4-text {
        width: 220px;
        right: -120px;
        bottom: 10px;
        text-align: left
    }

     
}

@media (max-width:767px) {
    .token_StatSec {
        padding: 43px 15px 60px;
    }

    .head_part {
        /*margin: 0px 0 70px;*/
    }

        .head_part h2 {
            font-size: 36px;
        }

        .head_part h3 {
            font-size: 20px;
            margin: 0 0 8px;
        }

    .fs-head-desc p {
        font-size: 16px;
    }

    .head_part p {
        font-size: 16px;
    } 

        .chartDetails h2 {
            font-size: 32px;
            margin: 0 0 20px;
        }

        .chartDetails p {
            font-size: 16px;
            margin: 0 0 18px;
        }

        .chartDetails label {
            font-size: 16px;
        }

            .chartDetails label b {
                padding-left: 5px;
            }

    .values_sec {
        padding: 10px 0;
    }

    .startEnd_list li {
        font-size: 18px;
        margin: 0 0 20px;
        width: 100%;
    }

        .startEnd_list li span {
            font-size: 16px;
            margin: 8px 0 0;
        }

    .startEnd_list {
        padding: 0 0 0 20px;
        max-width: 100%;
        margin: 0 0 42px;
    }

    .buyBtnsDiv {
        padding: 40px 0 25px;
    }

        .buyBtnsDiv .buyTokenBtn {
            font-size: 18px;
            height: 65px;
            padding: 10px 20px;
            min-width: 275px;
        }

    .btn_shaps {
        background-size: 265px;
        padding: 5px;
        height: 80px;
        min-width: 285px;
    }

        .btn_shaps:before {
            background-size: 270px;
        }

    .token_StatSec:after {
        width: 70%;
    }

    .token_StatSec:before {
        width: 88%;
    }

    .pay_options img {
        max-height: 50px;
    }

    ul#tabs .nav-item .nav-link {
        font-size: 20px;
        min-width: 100px;
        height: 65px;
    }

    ul#tabs .nav-item {
        margin: 0 5px 10px;
    }

    .owl_sliders .owl-carousel {
        width: 100%;
        padding: 0 27px;
    }

    .owl_sliders .owl-nav button {
        font-size: 90px !important;
        line-height: 60px !important;
        height: 35px !important;
        width: 21px !important;
    }

        .owl_sliders .owl-nav button.owl-prev {
            left: 2px !important;
        }

        .owl_sliders .owl-nav button.owl-next {
            right: 2px !important;
        }

        .owl_sliders .owl-nav button span {
            height: 34px;
        }

    .timeline-date {
        font-size: 18px;
    }

    .owl_sliders .owl-stage .owl-item .item div {
        padding: 12px 20px;
        font-size: 20px;
        width: 265px;
        height: 130px;
        line-height: 24px;
    }

        .owl_sliders .owl-stage .owl-item .item div p {
            font-size: 18px;
            word-break: break-word;
        }

    .explore-boxs > .row > div {
        width: 50% !important;
        min-width: 50% !important;
        max-width: 50% !important;
    }

    .images_slides .slick-track .fin-image-ctrl {
        padding: 20px;
    }

    .images_slides .slider-nav .slick-track .fin-image-ctrl {
        padding: 10px;
    }
}
@media (max-width:668px) {
.fin-service{    transform: scale(0.39);    height: 445px;}
.head_part h2 {
    font-size: 32px;
}
}

@media (max-width:575px) {
    .chart-pie {
        width: 375px;
        margin-left: -15px;
    }

    .pie_chart_sec {
        max-width: 375px;
        margin: 0 auto 30px;
    }

    .chart_circle {
        width: 80px;
        height: 80px;
        padding: 3px;
    }

        .chart_circle > span > span {
            font-size: 14px;
            letter-spacing: 0.5px;
        }

    .chart_shape_1 {
        height: 90px;
        width: 90px;
        background-size: 86px;
        top: -7px;
        left: 65px;
    }

    .chart_shape_2 {
        height: 90px;
        width: 90px;
        background-size: 86px;
        top: -5px;
        right: 55px;
    }

    .chart_shape_3 {
        height: 90px;
        width: 90px;
        background-size: 86px;
        bottom: -5px;
        left: 60px;
    }

    .chart_shape_4 {
        height: 90px;
        width: 90px;
        background-size: 86px;
        bottom: -40px;
    }

    .chart_shape_5 {
        height: 90px;
        width: 90px;
        background-size: 86px;
        bottom: -5px;
        right: 60px;
    }

    .images_slides .slick-next.slick-arrow, .images_slides .slick-prev.slick-arrow {
        height: 25px;
        width: 25px;
        font-size: 14px;
    }

    .images_slides .slick-next.slick-arrow {
        right: 15px;
    }

    .images_slides .slick-prev.slick-arrow {
        left: 15px;
    }
}


@media (max-width:568px) {
    .fin-Banner .BannerTitle h2 span {
        padding-right: inherit;
        display: block;
    }

    .fin-Banner.BannerBoxRight .BannerBox {
        right: -8%;
    }

    .fin-Banner.BannerBoxLeft .BannerBox {
        left: -8%;
    }

    .fin-Banner .BannerBox .BannerLine1, .fin-Banner .BannerBox .BannerLine2 {
        right: -35px;
    }

    .fin-Banner .BannerBox .BannerLine3 {
        right: -20px;
    }

    .fin-Banner.BannerBoxRight .BannerBox:hover .BannerLine1, .fin-Banner.BannerBoxRight .BannerBox:hover .BannerLine2 {
        right: -30px;
    }

    .fin-Banner.BannerBoxRight .BannerBox:hover .BannerLine3 {
        right: 0;
    }

    .fin-Banner.BannerBoxLeft .BannerBox .BannerLine1, .fin-Banner.BannerBoxLeft .BannerBox .BannerLine2 {
        left: -35px;
    }

    .fin-Banner.BannerBoxLeft .BannerBox .BannerLine3 {
        left: -20px;
    }

    .fin-Banner.BannerBoxLeft .BannerBox:hover .BannerLine1, .fin-Banner.BannerBoxLeft .BannerBox:hover .BannerLine2 {
        left: -30px;
    }

    .fin-Banner.BannerBoxLeft .BannerBox:hover .BannerLine3 {
        left: 0;
    }

    .fin-Banner .counter h2, .fin-Banner .BannerTitle h2 {
        font-size: 24px;
    }

    .fin-Banner .counter li span {
        font-size: 32px;
    }

    .fin-Banner .counter li {
        font-size: 15px;
    }

    .fin-Banner .TokensText h3 {
        font-size: 22px;
        line-height: 20px;
    }

    .fin-Banner.BannerBoxRight .BannerBox:hover {
        right: -20px;
    }

    .fin-Banner.BannerBoxLeft .BannerBox:hover {
        left: -20px;
    }

    .fin-Banner.BannerBoxFull .BannerText {
        padding: 0 5%
    }

    .fin-Banner.BannerBoxFull .BannerBox {
        right: -8%;
    }

        .fin-Banner.BannerBoxFull .BannerBox:hover {
            right: -20px;
        }

        .fin-Banner.BannerBoxFull .BannerBox .BannerLine1, .fin-Banner.BannerBoxFull .BannerBox .BannerLine2 {
            right: -35px;
        }

        .fin-Banner.BannerBoxFull .BannerBox .BannerLine3 {
            right: -20px;
        }

        .fin-Banner.BannerBoxFull .BannerBox:hover .BannerLine1, .fin-Banner.BannerBoxFull .BannerBox:hover .BannerLine2 {
            right: -30px;
        }

        .fin-Banner.BannerBoxFull .BannerBox:hover .BannerLine3 {
            right: 0;
        }

    h2.fs-head-title {
        font-size: calc(46px * 2)
    }

        .fin-service .fs-heading {
            left: 30%;
        }

    .fin-service {
        height: 345px;
        transform-origin: top center;
        transform: scale(0.31);
        margin-right: 200px;
    }
    .head_part h2 {
    font-size: 26px;
}
}


@media (max-width:480px) {
    .BannerBtn .btn {
        font-size: 16px;
    }
    .fin-Banner {
    padding: 0 0 20px;
}
    .fin-Banner .BannerPayment h4:after, .fin-Banner .BannerPayment h4:before {
        width: 20%;
    }

    .fin-Banner .BannerPayment a img {
        height: 62px;
    }

    .fin-Banner.BannerBoxRight .BannerBox {
        padding-right: 12%;
    }

    .fin-Banner.BannerBoxLeft .BannerBox {
        padding-left: 12%;
    }

    .fin-Banner .counter h2 {
        text-align: left;
    }

    .fin-Banner.BannerBoxLeft .counter h2 {
        text-align: right;
    }

    .fin-Banner .BannerBox .BannerLine1, .fin-Banner .BannerBox .BannerLine2 {
        right: -65px;
    }

    .fin-Banner .BannerBox .BannerLine3 {
        right: -50px;
    }

    .fin-Banner .BannerBox .BannerLine2 {
        top: 25px;
    }

    .fin-Banner .BannerBox .BannerLine1 {
        top: 0px;
    }

    .fin-Banner.BannerBoxRight .BannerBox:hover .BannerLine1, .fin-Banner.BannerBoxRight .BannerBox:hover .BannerLine2 {
        right: -60px;
    }

    .fin-Banner.BannerBoxRight .BannerBox:hover .BannerLine3 {
        right: -30px;
    }

    .fin-Banner.BannerBoxLeft .BannerBox .BannerLine1, .fin-Banner.BannerBoxLeft .BannerBox .BannerLine2 {
        left: -65px;
    }

    .fin-Banner.BannerBoxLeft .BannerBox .BannerLine3 {
        left: -50px;
    }

    .fin-Banner.BannerBoxLeft .BannerBox .BannerLine2 {
        top: 25px;
    }

    .fin-Banner.BannerBoxLeft .BannerBox .BannerLine1 {
        top: 0px;
    }

    .fin-Banner.BannerBoxLeft .BannerBox:hover .BannerLine1, .fin-Banner.BannerBoxLeft .BannerBox:hover .BannerLine2 {
        left: -60px;
    }

    .fin-Banner.BannerBoxLeft .BannerBox:hover .BannerLine3 {
        left: -30px;
    }

    .fin-Banner .label-txt {
        left: -25px;
        font-size: 15px;
    }

    .fin-Banner.BannerBoxFull .BannerBox {
        padding-right: 12%;
    }

        .fin-Banner.BannerBoxFull .BannerBox .BannerLine1, .fin-Banner.BannerBoxFull .BannerBox .BannerLine2 {
            right: -65px;
        }

        .fin-Banner.BannerBoxFull .BannerBox .BannerLine3 {
            right: -50px;
        }

        .fin-Banner.BannerBoxFull .BannerBox .BannerLine2 {
            top: 25px;
        }

        .fin-Banner.BannerBoxFull .BannerBox .BannerLine1 {
            top: 0px;
        }

        .fin-Banner.BannerBoxFull .BannerBox:hover .BannerLine1, .fin-Banner.BannerBoxFull .BannerBox:hover .BannerLine2 {
            right: -60px;
        }

        .fin-Banner.BannerBoxFull .BannerBox:hover .BannerLine3 {
            right: -30px;
        }

    h2.fs-head-title {
        font-size: calc(46px * 2.6)
    }

    .fin-service .fs-heading {
        width: calc(550px *2.5);
    }

    .fin-service {
        transform-origin: top center;
        transform: scale(0.24);
        margin-right: 200px;
        height: 275px;
    }

        .fin-service .fs-heading {
            right: -400%;
            padding-top: 50px
        }
        .token_StatSecLink ul li {
    font-size: 15px;
    padding: 4px 0;
}
        .token_StatSecLink ul li strong, .token_StatSecLink ul li span{font-size:15px;}
        .head_part h2 {
    font-size: 22px;
}
}

@media (max-width:425px) {
    .fin-service .fs-heading {
        left: -43%
    }

    h2.fs-head-title {
        font-size: calc(42px * 2.3)
    }

    .fin-service {
        transform-origin: top center;
        transform: scale(0.23833333);
        margin-right: 200px;
    }

        .fin-service .fs-topline1 {
            left: 415px;
        }

    .slider-nav .slick-track .data-thumb {
        height: 95px;
    }
}

@media only screen and (max-width: 400px) {
    #fin-timeline .timeline-article p {
        margin: 0
    }

        #fin-timeline .timeline-article p span.article-number {
            display: none
        }
}


@media (max-width:375px) {
    .fin-Banner .BannerTitle h2 span:before {
        width: 80px;
        height: 4px;
    }

    .fin-Banner .BannerTitle h2 span:after {
        height: 4px;
        width: 4px;
    }

    .fin-Banner .BannerBtn .btn {
        height: 48px;
        line-height: 31px;
        font-size: 15px;
    }

    .fin-Banner .BannerPayment h4:after, .fin-Banner .BannerPayment h4:before {
        width: 15%;
    }

    .fin-Banner .BannerPayment a img {
        height: 48px;
    }

    .fin-Banner .counter h2 {
        font-size: 20px;
    }

    .fin-Banner .counter li {
        font-size: 13px;
        width: 23%;
    }

        .fin-Banner .counter li span {
            font-size: 26px;
        }

            .fin-Banner .counter li span:before {
                left: -9px;
                top: -2px;
            }

    .fin-Banner .TokensText h3 {
        font-size: 18px;
        line-height: 18px;
    }

        .fin-Banner .TokensText h3 b {
            font-size: 12px;
            line-height: 12px;
        }

    .fin-Banner .BannerBox .BannerLine1 {
        right: -85px;
    }

    .fin-Banner .BannerBox .BannerLine2 {
        right: -105px;
    }

    .fin-Banner .BannerBox .BannerLine3 {
        right: -75px;
    }

    .fin-Banner.BannerBoxRight .BannerBox:hover .BannerLine1 {
        right: -70px;
    }

    .fin-Banner.BannerBoxRight .BannerBox:hover .BannerLine2 {
        right: -90px;
    }

    .fin-Banner.BannerBoxRight .BannerBox:hover .BannerLine3 {
        right: -60px;
    }

    .fin-Banner.BannerBoxLeft .BannerBox .BannerLine1 {
        left: -85px;
    }

    .fin-Banner.BannerBoxLeft .BannerBox .BannerLine2 {
        left: -105px;
    }

    .fin-Banner.BannerBoxLeft .BannerBox .BannerLine3 {
        left: -75px;
    }

    .fin-Banner.BannerBoxLeft .BannerBox:hover .BannerLine1 {
        left: -70px;
    }

    .fin-Banner.BannerBoxLeft .BannerBox:hover .BannerLine2 {
        left: -90px;
    }

    .fin-Banner.BannerBoxLeft .BannerBox:hover .BannerLine3 {
        left: -60px;
    }

    .fin-Banner.BannerBoxFull .BannerBox .BannerLine1 {
        right: -85px;
    }

    .fin-Banner.BannerBoxFull .BannerBox .BannerLine2 {
        right: -105px;
    }

    .fin-Banner.BannerBoxFull .BannerBox .BannerLine3 {
        right: -75px;
    }

    .fin-Banner.BannerBoxFull .BannerBox:hover .BannerLine1 {
        right: -70px;
    }

    .fin-Banner.BannerBoxFull .BannerBox:hover .BannerLine2 {
        right: -90px;
    }

    .fin-Banner.BannerBoxFull .BannerBox:hover .BannerLine3 {
        right: -60px;
    }

    .fin-service .fs-heading {
        right: 0px;
    }

    .fin-service {
        transform-origin: top center;
        transform: scale(0.22833333);
        margin-right: 200px;
    }
    .head_part h2 {
    font-size: 20px;
}
}

@media (max-width:370px) {
    .chart-pie {
        width: 320px;
        margin-left: -15px;
    }

    .chart_circle {
        width: 60px;
        height: 60px;
        padding: 2px;
    }

    .pie_chart_sec {
        max-width: 320px;
        margin: 0 auto 30px;
    }

    .chart_circle > span > span {
        font-size: 12px;
        letter-spacing: 0;
    }

    .chart_shape_1 {
        height: 80px;
        width: 80px;
        background-size: 78px;
        top: -12px;
        left: 60px;
    }

    .chart_shape_2 {
        height: 80px;
        width: 80px;
        background-size: 78px;
        top: -12px;
        right: 55px;
    }

    .chart_shape_3 {
        height: 80px;
        width: 80px;
        background-size: 78px;
        bottom: -5px;
        left: 55px;
    }

    .chart_shape_4 {
        height: 80px;
        width: 80px;
        background-size: 78px;
        bottom: -30px;
    }

    .chart_shape_5 {
        height: 80px;
        width: 80px;
        background-size: 78px;
        bottom: -5px;
        right: 55px;
    }

    .fin-service {
        transform-origin: top center;
        transform: scale(0.21033333);
        margin-right: 200px;
        height: 220px;
    }

        .fin-service .fs-heading {
            right: -800%;
        }
}
@media (max-width:320px) {
    .fin-service {
    transform: scale(0.19);
    margin-right: 175px;
}
}
/* ======== Common Media END ======== */
/*custom controls css ends*/

/*Main css starts*/

body {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    background: #FFFFFF;
}

* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    width: auto;
}

.pt0 {
    padding-top: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pl0 {
    padding-left: 0 !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mr0 {
    margin-left: 0 !important;
}

.mr0 {
    margin-right: 0 !important;
}

.bg_dark {
    color: #14133b;
}

.text_dark {
    color: #14133b;
}

.text-center {
    text-align: center;
}


.outer-box {
    text-align: center;
}

.container {
    /*max-width: 1170px !important;*/
    margin: 0 auto;
}

h5 {
    color: #14133b;
}

h3 {
    color: #14133b;
}

.left {
    float: left;
}

.left-align {
    text-align: left !important;
}

.listing_gallery a:hover img {
    transition: none !important;
    transform: none !important;
}

header#site-header nav.main, header#site-header nav.main > ul > li {
    height: auto !important;
}

body header#site-header #logo {
    -ms-align-self: center !important;
    align-self: center !important;
}

.siteHeaderSec ul .nav-item .nav-link, header#site-header nav.main > ul > li a {
    font-size: 18px;
    font-weight: 500;
    color: #000000 !important;
    line-height: 21px;
    padding: 15px 36px;
    position: relative;
    display: inline-flex;
    align-items: center;
    height: auto !important;
    text-decoration: none !important;
}

    .siteHeaderSec ul .nav-item .nav-link:hover, header#site-header nav.main > ul > li a:hover {
        color: #0045BA !important;
    }

    .siteHeaderSec ul .nav-item .nav-link:after, header#site-header nav.main > ul > li a:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 6px;
        background: transparent;
        border-radius: 3px;
        left: 0;
        bottom: -6px;
    }

header#site-header nav.main > ul > li ul a:after {
    display: none !important;
}

.siteHeaderSec ul .nav-item.active .nav-link:after, .siteHeaderSec ul .nav-item .nav-link.active:after, header#site-header nav.main > ul > li.active a:after {
    background: #0045BA;
}

.siteHeaderSec ul > .nav-item, header#site-header nav.main > ul > li {
    padding-bottom: 6px;
}

    .siteHeaderSec ul > .nav-item:not(:last-child), header#site-header nav.main > ul > li:not(:last-child) {
        margin-right: 25px;
    }

header.siteHeaderSec .container-fluid .row {
    margin: 0;
}

header.siteHeaderSec .container-fluid {
    position: static !important;
    padding: 0;
}

.siteHeaderSec .contact_btn, body header#site-header nav.cta-links .btn {
    display: inline-flex;
    font-size: 18px;
    font-weight: 500;
    color: #060842;
    line-height: 21px;
    padding: 8px 30px;
    text-decoration: none !important;
    border: 3px solid #183FA9;
    border-radius: 35px;
    min-width: 185px;
    justify-content: center;
    align-items: center;
    height: 54px;
    background: transparent;
    transition: all .5s ease-in-out;
}

    .siteHeaderSec .contact_btn:hover, body header#site-header nav.cta-links .btn:hover {
        background: #183FA9;
        color: #fff;
        box-shadow: 0px 8px 20px rgb(41 121 255 / 27%);
    }

.siteHeaderSec .search_icon {
    border: none !important;
    background: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0;
    margin: 0 35px 0 0;
}

header.siteHeaderSec nav.navbar {
    padding: 0;
    max-width: 1740px;
    margin: 0 auto;
}

header.siteHeaderSec {
    padding: 20px 60px;
    height: auto !important;
}

.siteHeaderSec .navbar-brand img, header#site-header div#logo img {
    width: auto !important;
    max-height: 45px !important;
}

.siteHeaderSec .navbar-toggler {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0;
}

html, body {
    background: #fff;
}

.fin_suite_section {
    padding: 90px 0;
    position: relative;
}


.ellipse_shape {
    background: url(../../images/pageimages/ellipse_shape2.svg) no-repeat;
    background-size: 650px;
    height: 840px;
    width: 770px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 100px;
    background-position: right center;
}

.ellipse_shape1 {
    background: url('/images/pageimages/ellipse_shape.svg') no-repeat;
    background-size: 110px;
    height: 110px;
    width: 110px;
    display: inline-block;
    position: absolute;
    right: 27%;
    top: 0;
    z-index: 1;
}

.ellipse_shape2 {
    background: url('/images/pageimages/ellipse_shape1.svg') no-repeat;
    background-size: 205px;
    height: 205px;
    width: 205px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 35px;
    z-index: 1;
}

.ellipse_shape3 {
    background: url('/images/pageimages/ellipse_shape3.svg') no-repeat;
    background-size: 160px;
    height: 160px;
    width: 160px;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -90px;
    z-index: 1;
}

.fin_suite_section .content_part {
    max-width: 1650px;
    margin: 0 auto;
    position: relative;
}

body .section_heading {
    font-weight: 600;
    font-size: 64px;
    line-height: 96px;
    letter-spacing: 0.1em;
    color: #3B0E00;
    margin: 0;
}

body .sub_heading {
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    letter-spacing: 0.1em;
    color: #565656;
    margin: 0;
}

.brown_col {
    color: #3B0E00 !important;
}

.circle_shaps_img {
    width: 780px;
    height: 650px;
    position: relative;
    z-index: 99;
}

.suite_boxes {
    text-align: center;
    padding: 300px 0;
    position: relative;
    width: 1500px;
    margin: 70px auto;
}

.vector_sec_box {
    display: inline-block;
    position: relative;
}

    .vector_sec_box .circle_wht_box {
        position: absolute;
        width: 186px;
        height: 186px;
        background: #F9F9F9;
        left: 3px;
        margin: auto;
        top: 3px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
        box-shadow: 20px 20px 40px rgb(39 96 196 / 25%);
        z-index: 990;
        font-size: 24px;
        color: #565656;
        font-weight: 500;
    }

.txt_div {
    text-align: center;
}

.wht_box1 .txt_div {
    min-width: 390px;
    transform: translate(-33%, 0px);
    margin: 0 0 10px;
}

.wht_box1 {
    max-width: 210px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 20px;
}

    .wht_box1 h4 {
        font-weight: 600;
        font-size: 24px;
        line-height: 30px;
        color: #000000;
        margin: 0 0 15px;
    }

    .wht_box1 p {
        font-size: 18px;
        line-height: 24px;
        color: #767676;
        margin: 0;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        min-height: 70px;
    }

    .wht_box1.wht_box2 {
        left: auto;
        right: 355px;
        top: 344px;
        max-width: 435px;
    }

        .wht_box1.wht_box2 .circle_wht_box {
            left: auto;
            right: 2px;
            top: 2px;
        }

        .wht_box1.wht_box2 .txt_div {
            transform: none;
            text-align: left;
            width: 350px;
            position: absolute;
            top: 28px;
            right: -380px;
            min-width: auto;
            margin: 0;
        }

    .wht_box1.wht_box3 {
        left: auto;
        right: 350px;
        top: auto;
        bottom: 340px;
        max-width: 470px;
    }

        .wht_box1.wht_box3 .circle_wht_box {
            left: auto;
            right: 3px;
            top: auto;
            bottom: 3px;
        }

        .wht_box1.wht_box3 .txt_div {
            transform: none;
            text-align: left;
            width: 350px;
            position: absolute;
            bottom: 30px;
            right: -376px;
            min-width: auto;
            margin: 0;
        }

    .wht_box1.wht_box4 {
        top: auto;
        bottom: 22px;
    }

        .wht_box1.wht_box4 .circle_wht_box {
            top: auto;
            bottom: 3px;
        }

        .wht_box1.wht_box4 .txt_div {
            margin: 15px 0 0;
            min-width: 255px;
            transform: translate(-29%, 0px) !important;
        }

    .wht_box1.wht_box5 {
        left: 335px;
        right: auto;
        top: auto;
        bottom: 345px;
        max-width: 475px;
    }

        .wht_box1.wht_box5 .circle_wht_box {
            left: 3px;
            right: auto;
            top: auto;
            bottom: 3px;
        }

        .wht_box1.wht_box5 .txt_div {
            transform: none;
            text-align: right;
            width: 350px;
            position: absolute;
            bottom: 38px;
            left: -376px;
            min-width: auto;
            margin: 0;
        }

            .wht_box1.wht_box5 .txt_div p {
                -webkit-line-clamp: 4;
                min-height: 96px;
            }

    .wht_box1.wht_box6 {
        left: 328px;
        right: auto;
        top: 344px;
        max-width: 435px;
    }

        .wht_box1.wht_box6 .circle_wht_box {
            left: 2px;
            right: auto;
            top: 2px;
        }

        .wht_box1.wht_box6 .txt_div {
            transform: none;
            text-align: right;
            width: 330px;
            position: absolute;
            top: 26px;
            left: -350px;
            min-width: auto;
            margin: 0;
        }

span.circle_wht_box img {
    width: auto;
}

.vector_sec_box img {
    width: auto;
}

.wht_box1.wht_box4 > .txt_div {
    order: 2;
}

.wht_box1.wht_box4 {
    display: flex;
    flex-wrap: wrap;
}

    .wht_box1.wht_box4 > .vector_sec_box {
        order: 1;
    }
body .fin_center_head {
    font-weight: 600;
    text-align: center;
    font-size: 36px;
    line-height: 54px;
    letter-spacing: 0.1em;
    color: #3B0E00;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: auto;
    transform: translate(-50%, -50%);
    z-index: 100;
}

.showMoreSec {
    text-align: center;
    padding: 0 25px;
}

    .showMoreSec p {
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 37px;
        text-align: center;
        color: #7E7E7E;
    }

    .showMoreSec .btn.showMoreBtn {
        margin-top: 55px;
    }

.btn.showMoreBtn {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
    background: #183FA9;
    box-shadow: 20px 20px 40px rgb(24 63 169 / 30%);
    border-radius: 30px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 201px;
    padding: 10px 20px;
    position: relative;
}

    .btn.showMoreBtn:hover {
        background: rgb(24 63 169 / 90%);
    }

.page_head p {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 40px;
    color: #454545;
}

.finStudioSec {
    padding: 130px 0 60px;
    position: relative;
}

    .finStudioSec .width_div {
        /*max-width: 1860px;*/
        margin: 0 auto;
        padding: 0 60px;
        position: relative;
        z-index: 1;
    }

.container-fluid {
    padding-left: 60px;
    padding-right: 60px;
}

.finStudioSec:before {
    content: '';
    background: url('/images/pageimages/finLayer.svg') no-repeat;
    background-size: 545px;
    height: 755px;
    width: 700px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.finStudioSec:after {
    content: '';
    background: url(/images/pageimages/small_circle-r.svg) no-repeat;
    background-size: 210px;
    height: 220px;
    width: 220px;
    display: inline-block;
    position: absolute;
    right: 8%;
    bottom: 0;
    bottom: 1%;
    z-index: 1;
}

.finStudioSec .studio_shape_span {
    background: url(/images/pageimages/small_circle-r.svg) no-repeat;
    background-size: 170px;
    height: 180px;
    width: 180px;
    display: inline-block;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: auto;
    transform: translate(50px, 0);
    z-index: 1;
}

.usn_cmp_splitcomponent .component-main.indicatorRow {
    width: 100%;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
}

.indicatorRow .imgBox-view {
    border-radius: 33px;
    width: calc(33.33% - 16px);
    margin: 0 8px 35px;
    padding:0px;
}

    .indicatorRow .imgBox-view .card-body {
        min-height: 140px;
        max-height: 175px;
    }

        .indicatorRow .imgBox-view .card-body img {
            max-height: 140px;
            width: 100%;
        }

    .indicatorRow .imgBox-view .card-footer {
        background: rgba(65, 150, 234, 0.89);
        border-radius: 0 0 33px 33px;
        padding: 21px 23px;
    }

        .indicatorRow .imgBox-view .card-footer p {
            color: #fff;
            font-size: 12px;
            line-height: 18px;
            font-weight: 600;
            display: flex;
            justify-content: space-between;
            width: 100%;
            margin: 0;
        }

.col_xl_3 {
    -ms-flex: 0 0 28%;
    flex: 0 0 28%;
    max-width: 28%;
}

.col_xl_9 {
    -ms-flex: 0 0 72%;
    flex: 0 0 72%;
    max-width: 72%;
}

.startEnd_list {
    list-style: none;
    padding: 0;
    margin: 70px 0 15px;
}

    .startEnd_list li {
        font-size: 24px;
        line-height: 30px;
        font-weight: 600;
        color: #000000;
        margin: 0 0 20px;
        position: relative;
        padding: 0 0 0 50px;
    }

        .startEnd_list li:before {
            content: '';
            height: 22px;
            width: 22px;
            background: #183FA9;
            box-shadow: 4px 4px 8px rgb(24 63 169 / 25%);
            position: absolute;
            border-radius: 100%;
            left: 0;
            top: 5px;
        }

        .startEnd_list li span {
            display: block;
            margin: 10px 0 0;
            font-weight: 500;
            font-size: 20px;
            line-height: 30px;
            color: #767676;
        }

ul.startEnd_list.product li {
    width: 100%;
}

ul.startEnd_list.product {
    display: block;
}

.finMarketSec {
    padding: 80px 10px;
    position: relative;
}

body .finMarketSec .sub_heading {
    margin: 0 0 25px;
}

body .finMarketSec .section_heading {
    margin: 0 0 60px;
}

.finMarketSec .page_head p {
    color: #7E7E7E;
}

.finMarketSec .width_div {
    max-width: 1770px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    z-index: 1;
}

    .finMarketSec .width_div .row {
        align-items: center;
    }

.p_relative {
    position: relative;
}

.finMarketSec:before {
    content: '';
    background: url('/images/pageimages/ellipse_shape4.svg') no-repeat;
    background-size: 680px;
    height: 800px;
    width: 750px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 260px;
}

body .market_product_list .fin_center_head {
    position: absolute;
    left: 135px;
    transform: translate(0, 0);
    margin: 0;
    bottom: 39%;
    top: auto;
}

.market_product_list .finImg {
    max-width: 350px;
}

header#site-header div#logo {
    display: flex;
    align-items: center;
    padding: 0;
    height: auto !important;
}

header#site-header nav.main > ul > li > span:before {
    display: none !important;
}

header#site-header nav.main > ul > li > span:after {
    display: flex;
    align-items: center;
    padding-left: 10px;
    margin-top: 5px;
}

header#site-header nav.main > ul > li > span {
    display: flex;
    align-items: center;
}

body header#site-header nav.cta-links .btn span {
    display: none !important;
}

body header#site-header nav.main ul > li > ul {
    top: 100% !important;
    width: auto !important;
    min-width: 270px;
}

    body header#site-header nav.main ul > li > ul li > span a {
        padding: 6px 12px;
        font-size: 14px;
        line-height: 16px;
    }

    body header#site-header nav.main ul > li > ul li ul {
        visibility: hidden;
        pointer-events: none;
    }

    body header#site-header nav.main ul > li > ul li ul {
        top: 0 !important;
        left: 270px !important;
    }

body header#site-header nav.main ul > li:hover > ul {
    visibility: visible;
    pointer-events: auto;
}


body header#site-header nav.main ul > li.has-child ul li.has-child ul {
    left: 100% !IMPORTANT;
    top: 0 !important;
}


.siteHeaderSec ul > .nav-item, header#site-header nav.main > ul > li ul > li > span:after {
    padding-top: 6px;
}

.usn_cmp_finsuitesection .container {
    max-width: 100% !important;
    padding: 0;
    width: 100% !important;
}

.market_product_list {
    position: relative;
    margin-top: -130px;
}


body .fin_socially_sec {
    padding: 80px 25px;
}

.fin_socially_sec::before {
    display: none;
}

.fin_socially_imgDiv {
    text-align: left;
    margin-left: -60px;
}

.row.gap_25 {
    margin: 0 -35px;
}

    .row.gap_25 > div {
        padding: 0 35px;
    }

.fin_socially_sec .showMoreSec {
    margin: 0 !important;
}

    .fin_socially_sec .showMoreSec .btn.showMoreBtn {
        margin: 50px 0 0 !important;
    }

.fin_script_sec .suite_boxes {
    text-align: center;
    padding: 450px 0 70px;
    position: relative;
    width: 1300px;
    margin: 70px auto 0;
}

.fin_script_sec .circle_shaps_img {
    width: 700px;
    position: relative;
    z-index: 99;
    height: 720px;
}

.fin_script_sec .wht_box1 {
    max-width: 498px;
    margin: 0 auto;
    position: absolute;
    left: 131px;
    right: auto;
    top: 335px;
}

.fin_script_sec .vector_sec_box .circle_wht_box {
    width: 196px;
    height: 196px;
    left: 10px;
    margin: auto;
    top: 10px;
}

.fin_script_sec .wht_box1.wht_box2 {
    left: 309px;
    right: auto;
    top: 160px;
    max-width: 310px;
    min-width: 310px;
}

.fin_script_sec .wht_box1.wht_box3 {
    left: 0;
    right: 0;
    bottom: auto;
    max-width: 215px;
    top: 315px;
}

.fin_script_sec .wht_box1.wht_box4 {
    top: 160px;
    bottom: auto;
    left: auto;
    right: 313px;
    max-width: 315px;
}

.fin_script_sec .wht_box1.wht_box5 {
    left: auto;
    right: 140px;
    top: 335px;
    max-width: 490px;
    bottom: auto;
}

.fin_script_sec .wht_box2 .vector_sec_box .circle_wht_box {
    width: 196px;
    height: 196px;
    left: 10px;
    margin: auto;
    top: 9px;
    right: auto;
}

.fin_script_sec .wht_box3 .vector_sec_box .circle_wht_box {
    width: 196px;
    height: 196px;
    left: 5px;
    margin: auto;
    top: 8px;
    bottom: auto;
}

.fin_script_sec .wht_box4 .vector_sec_box .circle_wht_box {
    width: 196px;
    height: 196px;
    left: auto;
    margin: auto;
    top: 10px;
    bottom: auto;
    right: 10px;
}

.fin_script_sec .wht_box5 .vector_sec_box .circle_wht_box {
    width: 196px;
    height: 196px;
    left: auto;
    margin: auto;
    top: 10px;
    right: 10px;
    bottom: auto;
}

.fin_script_sec .wht_box1 .txt_div {
    transform: none;
    margin: 0;
    position: absolute;
    left: -290px;
    top: 60px;
    text-align: right;
    width: 270px;
    min-width: auto;
}

.fin_script_sec .wht_box1.wht_box2 .txt_div {
    transform: none;
    text-align: right;
    width: 235px;
    position: absolute;
    top: -120px;
    right: 195px;
    min-width: auto;
    margin: 0;
    left: auto;
}

.fin_script_sec .wht_box1.wht_box3 .txt_div {
    text-align: center;
    width: 200px;
    position: absolute;
    bottom: auto;
    right: 0;
    left: 0;
    top: -120px;
    min-width: auto;
    margin: 0;
    transform: none;
}

.fin_script_sec .wht_box1.wht_box4 .txt_div {
    transform: none;
    text-align: left;
    width: 235px;
    position: absolute;
    top: -120px;
    right: auto;
    min-width: auto;
    margin: 0;
    left: 185px;
}

.fin_script_sec .wht_box1.wht_box5 .txt_div {
    width: 270px;
    position: absolute;
    bottom: auto;
    left: auto;
    min-width: auto;
    margin: 0;
    transform: none;
    text-align: left;
    right: -290px;
    top: 60px;
}

body .fin_script_sec .fin_center_head {
    bottom: 315px;
    top: auto;
    transform: translate(-50%, 0%);
}

.fin_script_sec .ellipse_shape {
    background: url('/images/pageimages/ellipse_shape14.svg') no-repeat;
    background-size: 630px;
    height: 840px;
    width: 770px;
    display: inline-block;
    position: absolute;
    right: auto;
    top: 100px;
    background-position: left center;
    left: 0;
}

.fin_script_sec .ellipse_shape2 {
    background: url('/images/pageimages/ellipse_shape11.svg') no-repeat;
    background-size: 190px;
    top: auto;
    bottom: 190px;
    height: 190px;
    width: 190px;
}

.fin_script_sec .ellipse_shape3 {
    background: url('/images/pageimages/ellipse_shape12.svg') no-repeat;
    background-size: 160px;
    height: 160px;
    width: 160px;
    display: inline-block;
    position: absolute;
    right: -210px;
    bottom: auto;
    z-index: 1;
    top: 31%;
    left: auto;
}

.fin_script_sec .ellipse_shape4 {
    background: url('/images/pageimages/ellipse_shape13.svg') no-repeat;
    background-size: 160px;
    height: 160px;
    width: 160px;
    display: inline-block;
    position: absolute;
    right: -60px;
    bottom: auto;
    z-index: 1;
    top: 10px;
    left: auto;
}

/* work_section css start here*/
section.work_section {
    padding: 0px 60px;
    margin-bottom: -225px;
    position: relative;
    z-index: 10;
}

.inner-box h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 44px;
    line-height: 54px;
    color: #fff;
    margin: 0 0 8px;
}

.inner-box p {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 24px;
    color: #fff;
}

.inner-box h5 {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 24px;
    color: #fff;
}

.Learn_More_btn {
    padding-top: 17px;
}

    .Learn_More_btn a {
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 36px;
        background: #fff;
        box-shadow: 10px 19px 12px #ffffff38;
        border-radius: 40px;
        padding: 21px 61px;
        color: #000000;
        text-decoration: none !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

.inner-box {
    background: rgb(24 63 169 / 100%);
    padding: 30px 30px 50px 30px;
    color: #fff;
    border-radius: 30px;
    background-size: cover;
    max-width: 725px;
    position: relative;
}
/* work_section css end here*/


/* footer_section css start here*/
footer.footer_section, footer#site-footer {
    background: #202020;
    padding: 40px 0px 15px;
    position: relative;
    margin-top: 220px;
}

    footer.footer_section:before, footer#site-footer:before {
        content: '';
        background-size: cover;
        position: absolute;
        left: 0;
        top: -180px;
        width: 100%;
        height: 420px;
        background-position: top center;
        background: #202020;
    }

    footer.footer_section .container-fulid, footer#site-footer .container-fluid {
        position: relative;
        z-index: 9;
    }

.studio_left h2 {
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0.2em;
    text-align: left;
    color: #fff;
    margin: 0 0 10px;
}

.studio_left p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
}

.studio_left {
    color: #fff;
}

.foot_links h3 {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    margin: 0 0 10px;
}

.foot_links ul {
    padding: 0px;
    margin: 0;
}

    .foot_links ul li {
        list-style: none;
    }

        .foot_links ul li a {
            text-decoration: none !important;
        }

.foot_links a {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    text-decoration: none !important;
}

.social_icons {
    display: flex;
    color: #fff;
    font-size: 30px;
    padding-top: 15px;
    align-items: center;
}

    .social_icons ul {
        margin: 0px;
    }

        .social_icons ul li {
            list-style: none;
        }

            .social_icons ul li a {
                text-decoration: none !important;
                font-size: 16px;
                font-style: normal;
                font-weight: 500;
                line-height: 30px;
                letter-spacing: 0em;
                text-align: left;
                color: #fff;
            }

    .social_icons i {
        padding-right: 20px;
    }

        .social_icons i.fas.fa-chevron-down {
            padding-left: 40px;
        }

.list-item-links {
    color: #fff;
}

.footer {
    padding: 60px 0px 20px 0px;
}

    .footer h5 {
        color: #fff;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        letter-spacing: 0em;
        text-align: left;
        padding-bottom: 25px;
    }

.input-form .form-control {
    border-radius: 10px;
    background: none;
    border: 2px solid #fff;
    max-width: 456px;
    height: 65px;
    padding-left: 25px;
    width: 100%;
    display: block;
    font-size: 18px;
    color: #fff;
    outline: none !important;
}

    .input-form .form-control::placeholder {
        color: #fff;
    }

.input-form .send_btns {
    max-width: 197px;
    height: 65px;
    border-radius: 10px;
    border: 2px solid #fff;
    background: #fff;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    outline: none !important;
}

.input-form form input#fname {
    margin-right: 30px;
}

.input-form form {
    display: flex;
}

.list-item-links h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0em;
    color: #fff;
}

.list-item-links p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    color: #fff;
}

.item-links {
    padding-top: 15px;
}

    .item-links span {
        display: flex;
        margin: 0 0 25px;
        align-items: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 27px;
    }

        .item-links span a {
            color: inherit !important;
            text-decoration: none;
        }

    .item-links i {
        display: block;
        font-size: 30px;
        margin-right: 22px;
    }

.social_icons ul li {
    list-style: none;
    display: block;
    margin: 0px;
    padding: 6px 15px;
    position: relative;
}

ul.submenu {
    position: absolute;
    width: 200px;
    background: #fff;
    list-style: none;
    padding: 0px;
    top: 100px;
    transition: ease-in-out 0.6s;
    opacity: 0;
}

.social_icons ul li:hover .submenu {
    top: 40px;
    opacity: 1;
}

ul.submenu li a {
    color: #000000;
}
/*Uskin Footer Start*/
footer#site-footer .base-bg {
    background: none;
}

footer#site-footer .newsletter-form .heading {
    color: #fff !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
}

footer#site-footer .newsletter-form .form-control {
    border-radius: 10px;
    background: none;
    border: 2px solid #fff;
    max-width: inherit;
    height: 65px;
    padding-left: 25px;
    width: 73%;
    display: block;
    font-size: 18px;
    color: #fff;
    outline: none !important;
}

    footer#site-footer .newsletter-form .form-control::-webkit-input-placeholder {
        color: #FFF;
    }

    footer#site-footer .newsletter-form .form-control:-moz-placeholder {
        color: #FFF;
    }

    footer#site-footer .newsletter-form .form-control::-moz-placeholder {
        color: #FFF;
    }

    footer#site-footer .newsletter-form .form-control:-ms-input-placeholder {
        color: #FFF;
    }

footer#site-footer .newsletter-form .buttons .btn {
    min-width: 197px;
    height: 65px;
    border-radius: 10px;
    border: 2px solid #fff;
    background: #fff;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    outline: none !important;
}

    footer#site-footer .newsletter-form .buttons .btn:hover, footer#site-footer .newsletter-form .buttons .btn:focus, footer#site-footer .newsletter-form .buttons .btn:active {
        border-color: #000;
        box-shadow: inherit;
        background: #000;
    }

footer#site-footer nav.social ul {
    margin-top: 30px;
}

    footer#site-footer nav.social ul li a img {
        width: 32px;
        height: 32px;
    }

footer#site-footer .footer-item.FooterLink .quick-links ul li a {
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
}

    footer#site-footer .footer-item.FooterLink .quick-links ul li a::after {
        display: none;
    }

footer#site-footer .FooterLink .footer-heading {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    margin: 0 0 10px;
}

footer#site-footer .FooterAddress .footer-heading {
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0.2em;
    text-align: left;
    color: #fff;
    margin: 0 0 10px;
}

footer#site-footer .FooterAddress .footer-text p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
}

.FooterCopy {
    background: #000;
    padding: 30px 0 18px;
}

    .FooterCopy nav.footer-navigation {
        padding-top: 0;
    }

ul.Footer-datalink {
    list-style: none;
    margin: 30px 0 0;
    padding: 0;
}

    ul.Footer-datalink li {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        margin: 0 0 15px;
        align-items: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 27px;
        color: #FFF;
    }

        ul.Footer-datalink li a:not(.btn) {
            display: flex
        }

        ul.Footer-datalink li i {
            display: block;
            font-size: 30px;
            margin-right: 20px;
        }

        ul.Footer-datalink li img {
            width: 30px;
            margin-right: 20px;
        }

.FooterCopy nav.footer-navigation ul li div, .FooterCopy nav.footer-navigation ul li a {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
    margin: 0;
    color: #fff;
}

footer#site-footer .container-fluid, .FooterCopy .container-fluid {
    /*max-width: 1800px;*/
    margin: 0 auto;
    padding: 0 60px;
}
/* footer_section css end here*/


/*copy-right css end here*/
.copy-right {
    padding: 30px 60px 18px 60px;
    background: #000000;
    text-align: left;
    color: #fff;
}

.copy-right-text p {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0em;
    margin: 0;
}

.f_logo {
    text-align: center;
}

section.work_section .container-fulid, footer.footer_section .container-fulid, .copy-right .container-fulid {
    max-width: 1770px;
    margin: 0 auto;
    padding: 0 15px;
}

div#site-content > section.content:last-child {
    padding-bottom: 0;
}

.finMarketSec .showMoreSec {
    margin-top: 0 !important;
}

.social_icons a {
    color: inherit !important;
}

.fin_suite_section .component-inner > div > .component-main.row {
    align-items: center !important;
    align-self: center !important;
}

    .fin_suite_section .component-inner > div > .component-main.row > .item {
        align-self: center !important;
    }

.fin-2col-ctr .suite_boxes {
    margin-left: -30px !important;
}

section.fin_suite_section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.usn_cmp_splitcomponent .component-main > .item.item_block {
    align-self: flex-start !important;
}

.usn_cmp_splitcomponent .component-main > .item.usn_cmp_text .info {
    padding-top: 6px !important;
}
.fin-bg-blue-gray {
    background: #ecf4fe !important;
}
.fin-2col-ctr .suite_boxes {
    width: auto !important;
    margin: 0px auto;
    padding: 260px 0;
}

.fin-2col-ctr .ellipse_shape, .fin-2col-ctr .ellipse_shape1, .fin-2col-ctr .ellipse_shape2, .fin-2col-ctr .fin_suite_section .sub_heading, .fin-2col-ctr .fin_suite_section .section_heading, .fin-2col-ctr .ellipse_shape3 {
    display: none;
}

.fin-2col-ctr .fin_suite_section {
    padding: 0;
}

.fin-2col-ctr .vector_sec_box .circle_wht_box {
    width: 106px;
    height: 106px;
    left: 2px;
    top: 2px;
}

.fin-2col-ctr .wht_box1.wht_box4 .circle_wht_box {
    bottom: 2px;
    top: auto;
}

.fin-2col-ctr .wht_box1.wht_box6 {
    left: 21%;
    top: 29%;
    max-width: 252px;
    right: auto;
}

    .fin-2col-ctr .wht_box1.wht_box6 .circle_wht_box {
        left: 2px;
        top: 2px;
    }

.fin-2col-ctr .wht_box1.wht_box5 {
    left: 21%;
    right: auto;
    top: auto;
    bottom: 29%;
    max-width: 272px;
}

    .fin-2col-ctr .wht_box1.wht_box5 .circle_wht_box {
        left: 2px;
        bottom: 2px;
        top: auto;
    }

.fin-2col-ctr .wht_box1.wht_box2 {
    right: 21%;
    top: 29%;
    max-width: 252px;
}

    .fin-2col-ctr .wht_box1.wht_box2 .circle_wht_box {
        right: 2px;
        top: 2px;
        left: auto;
    }

.fin-2col-ctr .wht_box1.wht_box3 {
    right: 21%;
    bottom: 29%;
    max-width: 272px;
    top: auto;
}

    .fin-2col-ctr .wht_box1.wht_box3 .circle_wht_box {
        left: auto;
        right: 2px;
        top: auto;
        bottom: 2px;
    }

.fin-2col-ctr .wht_box1 {
    max-width: 110px;
    top: 4%;
}

    .fin-2col-ctr .wht_box1.wht_box4 {
        bottom: 4%;
        top: auto;
    }

.fin-2col-ctr .circle_shaps_img {
    width: 44%;
    height: auto;
}

body .fin-2col-ctr .fin_center_head {
    font-size: 22px;
}

.fin-2col-ctr .wht_box1 p {
    font-size: 12px;
    line-height: 20px;
}

.suite_boxes > .wht_box1:first-child p {
    text-align: justify;
    text-align-last: center;
}

.fin-2col-ctr .wht_box1 h4 {
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 10px;
}

.fin-2col-ctr .wht_box1 .txt_div {
    transform: translate(-37%, 0px);
}

.fin-2col-ctr .wht_box1.wht_box6 .txt_div {
    width: 170px;
    top: 14px;
    left: -120px;
}

.fin-2col-ctr .wht_box1.wht_box5 .txt_div {
    width: 170px;
    left: -120px;
    top: 42px;
    bottom: inherit;
}

    .fin-2col-ctr .wht_box1.wht_box5 .txt_div p {
        min-height: 150px;
    }

.fin-2col-ctr .wht_box1.wht_box3 .txt_div {
    width: 170px;
    right: -260px;
    bottom: -12px;
}

.fin-2col-ctr .wht_box1.wht_box2 .txt_div {
    width: 170px;
    right: -260px;
    top: -21px;
}

.fin-2col-ctr .wht_box1.wht_box2 p {
    min-height: 100px;
}

.fin-2col-ctr .showMoreSec .btn.showMoreBtn {
    margin-top: 20px;
}

.fin-2col-ctr .showMoreSec p {
    font-size: 15px;
    line-height: 27px;
}

body .fin-2col-ctr .finMarketSec .section_heading, .fin_suite_section.fin_script_sec .section_heading, .disable-textarea-width h2.heading.base-heading {
    font-size: 28px !important;
    line-height: 32px !important;
    margin: 0 0 20px;
    color: #3B0E00 !important;
}

body .fin-2col-ctr .finMarketSec .sub_heading, .fin_suite_section.fin_script_sec p.sub_heading, .disable-textarea-width .info p.secondary-heading {
    margin: 0 0 10px;
    font-size: 16px !important;
    line-height: 25px !important;
    color: #7E7E7E !important;
}

.fin-2col-ctr .finMarketSec .page_head p {
    font-size: 13px;
    line-height: 23px;
}

.fin-2col-ctr.FIN-SOCIALLY .item .image {
    padding: 0 9% 0 0;
}

.fin-2col-ctr .fin_socially_imgDiv {
    margin-left: -18%;
}

.fin-2col-ctr .finMarketSec:before {
    display: none;
}

.fin-2col-ctr .finMarketSec {
    padding: 0;
}

.fin-2col-ctr .startEnd_list li:before {
    height: 14px;
    width: 14px;
    display: none;
}

.fin-2col-ctr .startEnd_list {
    margin: 20px 0 15px;
}

    .fin-2col-ctr .startEnd_list li {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 10px;
        padding: 0;
    }

        .fin-2col-ctr .startEnd_list li span {
            font-size: 14px;
            line-height: 20px;
        }

.fin-2col-ctr .market_product_list {
    margin-top: 0;
}

body .fin-2col-ctr .market_product_list .fin_center_head {
    font-size: 20px;
    left: 15%;
    bottom: 37%;
    top: 40%;
}



.fin-2col-ctr .fin_script_sec .wht_box1 {
    max-width: 253px;
    left: 16%;
    top: 32%;
}

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box2 {
        left: 29.7%;
        right: auto;
        top: 18.7%;
        max-width: 159px;
        min-width: 159px;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box3 {
        left: 0;
        right: 0;
        bottom: auto;
        max-width: 112px;
        top: 25.7%;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box4 {
        top: 18.7%;
        bottom: auto;
        left: auto;
        right: 30%;
        max-width: 160px;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box5 {
        left: auto;
        right: 18%;
        top: 32%;
        max-width: 250px;
        bottom: auto;
    }

.fin-2col-ctr .fin_script_sec .circle_shaps_img {
    width: 44%;
    height: auto;
}

.fin-2col-ctr .fin_script_sec .wht_box2 .vector_sec_box .circle_wht_box {
    width: 106px;
    height: 106px;
    left: 2px;
    margin: auto;
    top: 2px;
    right: auto;
}

.fin-2col-ctr .fin_script_sec .wht_box3 .vector_sec_box .circle_wht_box {
    width: 106px;
    height: 106px;
    left: 2px;
    margin: auto;
    top: 2px;
    bottom: auto;
}

.fin-2col-ctr .fin_script_sec .wht_box4 .vector_sec_box .circle_wht_box {
    width: 106px;
    height: 106px;
    left: auto;
    margin: auto;
    top: 2px;
    bottom: auto;
    right: 2px;
}

.fin-2col-ctr .fin_script_sec .wht_box5 .vector_sec_box .circle_wht_box {
    width: 106px;
    height: 106px;
    left: auto;
    margin: auto;
    top: 2px;
    right: 2px;
    bottom: auto;
}

.fin-2col-ctr .fin_script_sec .suite_boxes {
    padding: 270px 0 50px;
    margin-top: -95px !important;
}

body .fin-2col-ctr .fin_script_sec .fin_center_head {
    bottom: 24%;
}

.fin-2col-ctr .fin_script_sec .wht_box1 .txt_div {
    width: 150px;
    left: -108px;
    top: 30px;
}

.fin-2col-ctr .fin_script_sec .wht_box1.wht_box2 .txt_div {
    width: 150px;
    right: 75px;
    top: -40px;
    left: auto;
}

.fin-2col-ctr .fin_script_sec .wht_box1.wht_box3 .txt_div {
    width: 135px;
    bottom: auto;
    right: 0;
    left: -12px;
    top: -40px;
}

.fin-2col-ctr .fin_script_sec .wht_box1.wht_box4 .txt_div {
    width: 150px;
    text-align: left;
    top: -40px;
    right: auto;
    min-width: auto;
    margin: 0;
    left: 110px;
}

.fin-2col-ctr .fin_script_sec .wht_box1.wht_box5 .txt_div {
    width: 150px;
    bottom: auto;
    left: auto;
    text-align: left;
    right: -164px;
    top: 30px;
}

.fin-2col-ctr .fin_suite_section .container.p_relative {
    max-width: inherit !important;
    width: auto;
}

.fin_suite_section.fin_script_sec p.sub_heading, .fin_suite_section.fin_script_sec .section_heading {
    display: block;
}

.fin_script_section .component-inner > div > .component-main.row {
    align-items: flex-start !important;
    align-self: flex-start !important;
}

    .fin_script_section .component-inner > div > .component-main.row > .item {
        align-self: flex-start !important;
    }







/*== fin.technology header css start ===*/

.site_header ul .nav-item .nav-link {
    font-size: 18px;
    font-weight: 500;
    color: #000000 !important;
    line-height: 21px;
    padding: 15px 36px;
    position: relative;
}

    .site_header ul .nav-item .nav-link:hover {
        color: #0045BA !important;
    }

    .site_header ul .nav-item .nav-link:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 6px;
        background: transparent;
        border-radius: 3px;
        left: 0;
        bottom: -6px;
    }

    .site_header ul .nav-item.active .nav-link:after, .site_header ul .nav-item .nav-link.active:after {
        background: #0045BA;
    }

.site_header ul > .nav-item {
    padding-bottom: 6px;
}

    .site_header ul > .nav-item:not(:last-child) {
        margin-right: 25px;
    }

.signUp_btnDiv .signUp_btn {
    display: inline-flex;
    font-size: 18px;
    font-weight: 500;
    color: #060842;
    line-height: 21px;
    padding: 8px 30px;
    text-decoration: none !important;
    border: 3px solid #2979FF;
    border-radius: 35px;
    min-width: 160px;
    justify-content: center;
    align-items: center;
    height: 54px;
    background: transparent;
    transition: all .5s ease-in-out;
}

    .signUp_btnDiv .signUp_btn:hover {
        background: #2979FF;
        color: #fff;
        box-shadow: 0px 8px 20px rgb(41 121 255 / 27%);
    }

.site_header .search_icon {
    border: none !important;
    background: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0;
    margin: 0 0 0 35px;
}

header.site_header nav.navbar {
    padding: 0;
}

header.site_header {
    padding: 40px 125px;
    max-width: 1920px;
    margin: 0 auto;
}

.site_header {
    order: 2;
    width: 64%;
}

    .site_header ul.navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }

.signUp_btnDiv {
    order: 3;
    width: 14%;
}

.site_header {
    order: 2;
    width: 50%;
}

    .site_header ul.navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }


nav.main > ul li {
    border-bottom: 1px solid #ddd;
}

#site-header nav.main ul > li > ul {
    border: 1px solid #ddd;
}

.container .content-col.right-col{max-width: 100%;}
.container {max-width:95%}
.fin-cont2col-90 .container {max-width:90%}
.fin-cont2col-80 .container {max-width:80%}
.fin-cont2col-70 .container {max-width:70%}

.finSuiteFullSec .suite_boxes > .wht_box1:first-child {
    max-width: 880px;
}
    .finSuiteFullSec .suite_boxes > .wht_box1:first-child .txt_div, .finSuiteFullSec .wht_box1.wht_box4 .txt_div {
        transform: none !important;
    }
.finSuiteFullSec .wht_box1.wht_box4 {
    max-width: 490px;
    justify-content: center;
}
.finSuiteFullSec .ellipse_shape, .finSuiteFullSec .ellipse_shape1, .finSuiteFullSec .ellipse_shape2, .finSuiteFullSec .ellipse_shape3 {
    display:none;
}
.finSuiteFullSec .suite_boxes {
    margin: 0 auto;
}
.finSuiteFullSec .fin_suite_section {
    padding: 0;
}
.finStudioCompanieSec .page_head_txt {
    margin: 0 0 25px;
    padding-bottom: 30px;
}

    .finStudioCompanieSec .page_head_txt .sub_heading {
        font-weight: 500;
        font-size: 64px;
        color: #000000 !important;
        margin: 0 0 40px;
        letter-spacing: 0;
        line-height: 68px;
    }

.finStudioCompanieSec .component-inner .info p {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #515151;
    margin: 0 0 15px;
}

.finStudioCompanieSec ul.listing_views {
    padding: 0;
    list-style: none;
    margin: 50px 0 50px !important;
}

    .finStudioCompanieSec ul.listing_views li {
        font-weight: normal;
        font-size: 20px;
        line-height: 30px;
        color: #222222;
        position: relative;
        padding: 0 0 0 50px;
        margin: 0 0 23px;
    }

        .finStudioCompanieSec ul.listing_views li:before {
            content: '';
            background: #183FA9;
            box-shadow: 4px 4px 8px rgb(67 163 233 / 50%);
            height: 20px;
            min-width: 20px;
            width: 20px;
            border-radius: 100%;
            display: inline-block;
            position: absolute;
            left: 0;
            top: 8px;
        }

.finStudioCompanieSec ul.listing_views li.blue_tick:before {
    background: #183FA9;
}
.finStudioCompanieSec ul.listing_views li span {
    font-size: 24px;
    color: #000;
    display: block;
    font-weight: 600;
    padding-bottom: 10px;
}
body .finStudioCompanieSec .component-inner {
    max-width: 1715px;
    margin: 0 auto;
    padding: 0 15px;
    width: 100%;
}
body .finStudioCompanieSec .component-inner > div {
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}
body .finStudioCompanieSec {
    padding: 100px 0 !important;
    position: relative;
}
    body .finStudioCompanieSec:after {
        content: '';
        background: #515151;
        width: 64%;
        height: 1px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 2px;
    }
.finStudioCompanieSec .component-inner > div > .component-main.row {
    margin-left: -18px !important;
    margin-right: -18px !important;
}

html body .finStudioCompanieSec .component-inner > div > .component-main.row > div.item {
    padding-left: 18px !important;
    padding-right: 18px !important;
}
.finStudioCompanieSec.finSuiteFullSec {
    padding-top: 62px !important;
}

body .finStudioCompanieSec {
    overflow: hidden;
}

.fin_cstm_bx {
    position: relative;
}

    .fin_cstm_bx.right_bx {
        margin-right: -135px;
    }

    .fin_cstm_bx.left_bx {
        margin-left: -135px;
    }

    .fin_cstm_bx .circleWhtBx {
        position: absolute;
        width: 645px;
        height: 645px;
        background: transparent;
        margin: auto;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        z-index: 990;
        font-style: normal;
        font-weight: 500;
        font-size: 58px;
        line-height: 78px;
        color: #000000;
        left: 50%;
        top: 50%;
        transform: translate(-50.5%, -50%);
        text-align: center;
    }

    .fin_cstm_bx.left_bx .circleWhtBx {
        transform: translate(-48%, -50%);
    }

body .fin_CRM_section .page_head_txt .sub_heading {
    margin: 0 0 27px;
}

body .fin_CRM_section .page_head_txt {
    padding-bottom: 0;
}

body .fin_CRM_section ul.listing_views {
    margin: 36px 0 36px !important;
}

body .finStudioCompanieSec.py_50 {
    padding: 50px 0 !important;
}

.fin_cstm_bx .Fin_img {
    width: 965px;
    height: 945px;
}

.finStudioCompanieSec .component-inner .component-main.row {
    align-items: center !important;
    align-self: center !important;
}

.finStudioCompanieSec .component-main.row > .item.item_block {
    align-self: center !important;
}
body .borderAfter:after {
    display:none !important;
}
.fin_cstm_bx .circleWhtBx img {
    max-height: 430px;
    max-width: 430px;
}

/* ==== Image Scroll Bar START ==== */
.img-scroll-d2::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.img-scroll-d2::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.img-scroll-d2::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #183FA9;
}


/* ==== Image Scroll Bar Ends ==== */

/* ==== SiteMap css Starts ==== */

nav.sitemap ul li::before, nav.sitemap ul li::after, nav.sitemap ul li:hover::after {
    background: #d5d5d5;
}

.textPositionBelow.textAlignmentLeft {
    padding: 0 !important;
    border: none !important;
}

.textPositionBelow.textAlignmentLeft .text.base-text p {
    margin: 0 0 10px;
    line-height: 1.2;
}

.textPositionBelow.textAlignmentLeft .heading.base-heading {
    font-weight: 500;
}
.pdfBreadcrumb{display:none;font-size:13px;}
.pdfBreadcrumb hr{margin-top:3px;}
.pTextSize{font-size:14px}
/* ==== SiteMap css Ends ==== */


/*responsive css starts*/


@media (max-width: 1850px) {
    .fin_cstm_bx.right_bx {
        margin-right: -85px;
    }

    .fin_cstm_bx.left_bx {
        margin-left: -85px;
    }

    .fin_cstm_bx .Fin_img {
        width: 912px;
        height: 899px;
    }
    .fin_cstm_bx .circleWhtBx img {
        max-height: 410px;
        max-width: 410px;
    }

}

@media (max-width:1775px) {
    .col_xl_3 {
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
    }

    .col_xl_9 {
        -ms-flex: 0 0 67%;
        flex: 0 0 67%;
        max-width: 67%;
    }

    body .sub_heading {
        font-size: 32px;
        line-height: 46px;
    }

    body .section_heading {
        font-size: 56px;
        line-height: 85px;
    }

    .page_head p {
        font-size: 20px;
        line-height: 33px;
    }

    .fin_suite_section {
        padding: 75px 0;
    }

    body .market_product_list .fin_center_head {
        top: 56%;
    }

    .suite_boxes {
        transform: scale(0.98);
    }

    .fin_script_sec .suite_boxes {
        transform: scale(0.98);
    }

    body .finStudioCompanieSec .component-inner {
        max-width: 1580px;
    }


    .fin_cstm_bx.right_bx {
        margin-right: -135px;
    }

    .fin_cstm_bx.left_bx {
        margin-left: -135px;
    }

    .fin_cstm_bx .Fin_img {
        width: 895px;
        height: 881px;
    }

    .fin_cstm_bx .circleWhtBx {
        font-size: 52px;
        line-height: 72px;
    }
}

@media (max-width: 1675px) {
    .fin_cstm_bx.right_bx {
        margin-right: -85px;
    }

    .fin_cstm_bx.left_bx {
        margin-left: -85px;
    }

    .fin_cstm_bx .Fin_img {
        width: 845px;
        height: 845px;
    }

    .fin_cstm_bx .circleWhtBx {
        font-size: 50px;
        line-height: 67px;
        width: 590px;
        height: 590px;
    }
        .fin_cstm_bx .circleWhtBx img {
            max-height: 395px;
            max-width: 395px;
        }

}

@media(max-width:1599px) {
    body .finStudioCompanieSec .component-inner {
        max-width: 1425px;
    }

    .finSuiteFullSec .suite_boxes {
        margin: -90px 0 -90px -50px;
        transform: scale(0.88);
    }

    .fin_cstm_bx.right_bx {
        margin-right: -135px;
    }

    .fin_cstm_bx.left_bx {
        margin-left: -135px;
    }

    .fin_cstm_bx .Fin_img {
        width: 817px;
        height: 805px;
    }

    .fin_cstm_bx .circleWhtBx {
        font-size: 48px;
        line-height: 68px;
        width: 575px;
        height: 575px;
    }
}

@media (max-width: 1549px) {
    .fin_cstm_bx.right_bx {
        margin-right: -82px;
    }

    .fin_cstm_bx.left_bx {
        margin-left: -82px;
    }

    .fin_cstm_bx .Fin_img {
        width: 765px;
        height: 755px;
    }

    .fin_cstm_bx .circleWhtBx {
        font-size: 42px;
        line-height: 54px;
        width: 535px;
        height: 535px;
    }
        .fin_cstm_bx .circleWhtBx img {
            max-height: 340px;
            max-width: 340px;
        }

}

@media (max-width:1520px) {
    .suite_boxes {
        transform: scale(0.8);
        width: 100%;
        margin: -80px auto 35px;
    }

    .wht_box1.wht_box3 {
        right: 340px;
        bottom: 360px;
    }

    .wht_box1.wht_box4 {
        bottom: 50px;
    }

    .wht_box1.wht_box2 {
        right: 338px;
        top: 360px;
    }

    .wht_box1 {
        top: 50px;
    }

        .wht_box1.wht_box6 {
            left: 315px;
            top: 357px;
        }

        .wht_box1.wht_box5 {
            left: 318px;
            bottom: 360px;
        }

    .ellipse_shape {
        background-size: 378px;
        height: 740px;
        width: 630px;
        top: 0;
        background-position: right center;
    }

    .market_product_list {
        transform: scale(0.8);
        margin-top: -130px;
        width: 1090px;
        padding-right: 230px;
        margin-left: -85px;
        transform-origin: right;
    }


    body .market_product_list .fin_center_head {
        left: 95px;
        top: 56%;
        font-size: 30px;
    }

    .finMarketSec .showMoreSec .btn.showMoreBtn {
        margin-top: -50px;
    }

    .finMarketSec:before {
        top: 260px;
    }

    .fin_script_sec .suite_boxes {
        margin: -55px auto 0;
        transform: scale(0.82);
    }

    .fin_script_sec .ellipse_shape {
        background-size: 378px;
    }

    .copy-right {
        padding: 30px 20px 18px 20px;
    }

    footer.footer_section {
        margin-top: 200px;
        padding: 20px 15px 85px 15px;
    }

    body .fin_socially_sec {
        padding: 180px 25px 80px;
    }


}

@media (max-width:1499px) {
    .token_StatSec {
        padding: 60px 70px;
    }

    .finSuiteFullSec .suite_boxes {
        margin: -155px 0 -90px -50px;
        transform: scale(0.8);
        width: 1440px;
    }
}

@media (max-width:1420px) {
    .market_product_list {
        margin-top: -110px;
        padding-right: 230px;
        margin-left: -130px;
    }

    .finMarketSec:before {
        background-size: 530px;
    }

    .fin_socially_imgDiv {
        margin-left: -50px;
    }

    .fin_script_sec .suite_boxes {
        margin: -125px auto 0;
        transform: scale(0.7);
    }

    .showMoreSec {
        margin-top: -180px;
    }

    .fin_cstm_bx.right_bx {
        margin-right: -75px;
    }

    .fin_cstm_bx.left_bx {
        margin-left: -75px;
    }

    .fin_cstm_bx .Fin_img {
        width: 715px;
        height: 704px;
    }

    .fin_cstm_bx .circleWhtBx {
        font-size: 40px;
        line-height: 50px;
        width: 500px;
        height: 500px;
    }
        .fin_cstm_bx .circleWhtBx img {
            max-height: 320px;
            max-width: 320px;
        }

}

@media (max-width:1345px) {
    .suite_boxes {
        transform: scale(0.7);
        width: 1420px;
        margin: -80px 0 75px -6%;
    }

    .market_product_list {
        margin-top: -130px;
        padding-right: 250px;
        margin-left: -162px;
        transform: scale(0.7);
    }

    body .sub_heading {
        font-size: 30px;
        line-height: 40px;
    }

    body .section_heading {
        font-size: 50px;
        line-height: 52px;
    }

    .finMarketSec .showMoreSec .btn.showMoreBtn {
        margin-top: -30px;
    }

    body .finMarketSec .section_heading {
        margin: 0 0 40px;
    }

    .startEnd_list {
        margin: 55px 0 15px;
    }

        .startEnd_list li {
            font-size: 22px;
            line-height: 28px;
            margin: 0 0 20px;
            padding: 0 0 0 45px;
        }

            .startEnd_list li span {
                margin: 6px 0 0;
                font-size: 18px;
                line-height: 27px;
            }

            .startEnd_list li:before {
                height: 19px;
                width: 19px;
                left: 0;
                top: 5px;
            }

    .finSuiteFullSec .suite_boxes {
        margin: -155px 0 -90px -12%;
        transform: scale(0.7);
        width: 1420px;
    }

    .fin_cstm_bx.right_bx {
        margin-right: -55px;
    }

    .fin_cstm_bx.left_bx {
        margin-left: -55px;
    }

    .fin_cstm_bx .Fin_img {
        width: 685px;
        height: 674px;
    }

    .fin_cstm_bx .circleWhtBx {
        font-size: 38px;
        line-height: 50px;
        width: 480px;
        height: 480px;
    }
}

@media (max-width:1320px) {
    .fin_cstm_bx.right_bx {
        margin-right: -85px;
    }

    .fin_cstm_bx.left_bx {
        margin-left: -85px;
    }

    .fin_cstm_bx .Fin_img {
        width: 655px;
        height: 644px;
    }
}


@media (max-width:1299px) {
    .fin_script_sec .suite_boxes {
        margin: -285px auto;
        transform: scale(0.5);
    }

    .showMoreSec {
        margin-top: -290px;
    }

    .site_header ul .nav-item .nav-link {
        font-size: 18px;
        padding: 14px 30px;
    }

    .site_header ul > .nav-item:not(:last-child) {
        margin-right: 20px;
    }

    .site_header ul.navbar-nav.pl-4 {
        padding-left: 0 !important;
    }

    .fin_cstm_bx.right_bx {
        margin-right: -55px;
    }

    .fin_cstm_bx.left_bx {
        margin-left: -55px;
    }

    .fin_cstm_bx .Fin_img {
        width: 625px;
        height: 615px;
    }

    .fin_cstm_bx .circleWhtBx {
        font-size: 36px;
        line-height: 45px;
        width: 435px;
        height: 435px;
    }
        .fin_cstm_bx .circleWhtBx img {
            max-height: 285px;
            max-width: 285px;
        }

}


@media (max-width:1199px) {

    .site_header ul .nav-item .nav-link {
        font-size: 17px;
        padding: 14px 20px;
    }

    .site_header ul > .nav-item:not(:last-child) {
        margin-right: 15px;
    }

    .signUp_btnDiv .signUp_btn {
        font-size: 17px;
        line-height: 21px;
        padding: 8px 25px;
        min-width: 142px;
        height: 52px;
    }

    .site_header .search_icon {
        margin: 0 0 0 25px;
    }

    .site_header ul .nav-item .nav-link:after {
        height: 4px;
        bottom: -4px;
    }

    .site_header ul > .nav-item {
        padding-bottom: 4px;
    }

    .container {
        max-width: inherit !important;
        width: 100%;
    }

    .siteHeaderSec .navbar-brand img, header#site-header div#logo img {
        max-height: 40px;
    }

    .siteHeaderSec ul .nav-item .nav-link {
        font-size: 17px;
        padding: 14px 20px;
    }

    .siteHeaderSec ul > .nav-item:not(:last-child) {
        margin-right: 15px;
    }

    .siteHeaderSec .contact_btn, body header#site-header nav.cta-links .btn {
        font-size: 17px;
        line-height: 21px;
        padding: 8px 25px;
        min-width: 142px;
        height: 52px;
    }

    .siteHeaderSec .search_icon {
        margin: 0 25px 0 0;
    }

    .siteHeaderSec ul .nav-item .nav-link:after {
        height: 4px;
        bottom: -4px;
    }

    .siteHeaderSec ul > .nav-item {
        padding-bottom: 4px;
    }

    .col_xl_9, .col_xl_3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .finStudioSec .page_head, .finMarketSec .page_head {
        padding: 0 0 60px;
    }

    .finMarketSec {
        padding: 50px 0;
    }

    .fin_script_sec .suite_boxes {
        margin: -285px auto 0 -15%;
        transform: scale(0.5);
        width: 1300px;
    }

    .fin_script_sec .ellipse_shape2 {
        bottom: 100px;
        left: 19%;
    }

    .market_product_list {
        padding-right: 250px;
        transform: scale(0.8);
        margin: -111px auto 0;
    }

    .footer {
        padding: 39px 0px 25px 0px;
    }

    .list-item-links {
        padding: 40px 0 0;
    }

    .foot_links {
        margin: 0 0 20px;
    }

    .suite_boxes {
        transform: scale(0.6);
        width: 1440px;
        margin: -230px 0 75px -20%;
    }

    body .fin_socially_sec {
        padding: 80px 25px 0px;
    }

    .head_part {
        margin: 0px 0 70px;
    }

    .finSuiteFullSec .suite_boxes {
        width: 1420px;
        transform: scale(0.6);
        margin: -230px 0 75px -20%;
    }

    .finStudioCompanieSec .component-inner > div > .component-main.row {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }

    html body .finStudioCompanieSec .component-inner > div > .component-main.row > div.item {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (min-width:992px) {
    .multi-col li {
        display: block;
        flex: 1 1 100% !important;
    }
}

@media (max-width:991px) {
    .siteHeaderSec ul.navbar-nav.mr-auto.ml-5 {
        margin: 0 0 20px !important;
    }

    body header#site-header #logo {
        align-self: start !important;
    }

    .rightNavbar {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .siteHeaderSec ul > .nav-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 12px;
    }

    .siteHeaderSec ul .nav-item .nav-link {
        font-size: 16px;
        padding: 14px 15px;
    }

    .siteHeaderSec .contact_btn, body header#site-header nav.cta-links .btn {
        font-size: 16px;
        line-height: 18px;
        padding: 8px 25px;
        min-width: 142px;
        height: 50px;
    }

    .siteHeaderSec .navbar-toggler:focus {
        outline: 5px auto #0045BA;
    }

    .fin_script_sec .suite_boxes {
        margin: -345px auto 0 -35%;
        transform: scale(0.4);
        width: 1300px;
    }

    body.header-01-sm header#site-header nav.main, body.header-01-sm header#site-header nav.cta-links, body.header-01-sm header#site-header .site-search {
        display: none;
    }

    .reveal-out body.header-01-sm header#site-header nav.main, .reveal-out body.header-01-sm header#site-header nav.cta-links, .reveal-out body.header-01-sm header#site-header .site-search {
        display: block;
    }

    header#site-header {
        border-bottom: 1px solid #ddd;
        margin-bottom: 10px;
    }

    header.siteHeaderSec {
        padding: 10px 25px;
    }

    .reveal-out body.header-01-sm header#site-header nav.main {
        margin-top: 15px;
    }

    .siteHeaderSec ul > .nav-item:not(:last-child), header#site-header nav.main > ul > li:not(:last-child) {
        margin-right: 0;
    }

    header#site-header nav.main > ul > li > span:after {
        margin: 0;
        width: 30px;
    }

    .finStudioSec {
        padding-bottom: 40px;
    }

    .button-sec button {
        font-size: 14px;
    }

    .anim-outer .icon-holder {
        max-width: 16px;
    }

    .suite_boxes {
        transform: scale(0.5);
        width: 1380px;
        margin: -40% 0 0px -40%;
    }

    .finMarketSec {
        padding: 0px 0 50px;
    }

    body .finMarketSec .sub_heading {
        margin: 0 0 10px;
    }

    body .finMarketSec .section_heading {
        margin: 0 0 30px;
    }

    .page_head p, .showMoreSec p {
        font-size: 16px;
        line-height: 28px;
    }

    .finMarketSec:before {
        background-size: 400px;
    }

    .market_product_list {
        padding-right: 260px;
        transform: scale(0.8);
        margin: -12% auto 0;
        transform-origin: center;
    }

    body .fin_socially_sec {
        padding: 50px 25px 0px;
    }

    .fin_suite_section {
        padding: 30px 0 75px;
    }

    body .section_heading {
        font-size: 42px;
        line-height: 52px;
    }

    body .sub_heading {
        font-size: 24px;
        line-height: 34px;
    }

    .inner-box h3 {
        font-size: 40px;
        line-height: 54px;
    }

    .inner-box p {
        font-size: 20px;
        line-height: 30px;
    }

    .Learn_More_btn a {
        font-size: 20px;
        line-height: 36px;
        padding: 14px 54px;
    }

    .site_header ul.navbar-nav.mr-auto.ml-5 {
        margin: 0 0 20px !important;
    }

    .site_header .rightNavbar {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .site_header ul > .nav-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 12px;
    }

    .site_header ul .nav-item .nav-link {
        font-size: 16px;
        padding: 14px 15px;
    }

    .signUp_btnDiv .signUp_btn {
        font-size: 16px;
        line-height: 18px;
        padding: 8px 25px;
        min-width: 142px;
        height: 50px;
    }

    .site_header .navbar-toggler:focus {
        outline: 5px auto #0045BA;
    }

    .finSuiteFullSec .suite_boxes {
        transform: scale(0.5);
        width: 1380px;
        margin: -50% 0 -60px -44%;
    }
}

@media (max-width:767px) {
    header.siteHeaderSec {
        padding: 15px 15px;
    }

    .siteHeaderSec .navbar-brand img, header#site-header div#logo img {
        max-height: 26px;
    }

    .siteHeaderSec .navbar-brand {
        margin: 0;
    }

    .flex-sec h4 {
        font-size: 12px;
    }

    .flex-sec > span {
        font-size: 11px;
    }

    .suite_boxes {
        transform: scale(0.4);
        width: 1500px;
        margin: -50% 0 0px -51%;
    }

    .market_product_list {
        padding-right: 296px;
        transform: scale(0.7);
        margin: -14% auto 0;
    }

    .fin_script_sec .suite_boxes {
        margin: -345px auto 0 -39%;
    }

    .inner-box h3 {
        font-size: 32px;
        line-height: 40px;
    }

    .inner-box p {
        font-size: 18px;
        line-height: 22px;
    }

    .inner-box h5 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 22px;
    }

    .footer {
        padding-top: 0;
    }

    .list-item-links {
        padding-top: 10px;
    }

    footer.footer_section {
        padding-bottom: 20px;
    }

    .copy-right-text p {
        text-align: center;
        margin-bottom: 20px;
    }

    .anim-outer .button-sec {
        padding-left: 10px;
        padding-right: 10px;
    }

    .head_part {
        margin: 0px 0 70px;
    }

        .head_part h2 {
            font-size: 42px;
        }

        .head_part h3 {
            font-size: 20px;
            margin: 0 0 8px;
        }

        .head_part p {
            font-size: 16px;
        }

    .startEnd_list li {
        font-size: 18px;
        margin: 0 0 20px;
        width: 100%;
    }

        .startEnd_list li span {
            font-size: 16px;
            margin: 8px 0 0;
        }

    .startEnd_list {
        padding: 0 0 0 20px;
        max-width: 100%;
        margin: 0 0 42px;
    }

    .finSuiteFullSec .wht_box1 .txt_div p {
        display: none;
    }

    .finSuiteFullSec .suite_boxes {
        width: 700px;
        margin: 0 auto;
        padding: 210px 0;
        transform: scale(1);
    }

    .finSuiteFullSec .wht_box1.wht_box2 {
        right: -45px;
        top: 245px;
    }

    .finSuiteFullSec .wht_box1.wht_box3 {
        right: -50px;
        bottom: 240px;
    }

    .finSuiteFullSec .wht_box1.wht_box4 {
        max-width: 210px;
        justify-content: center;
    }

    .finSuiteFullSec .wht_box1.wht_box5 {
        left: -47px;
        bottom: 271px;
    }

    .finSuiteFullSec .wht_box1.wht_box6 {
        left: -50px;
        top: 277px;
    }

    .finSuiteFullSec .fin_suite_section .content_part {
        transform: scale(0.5);
        margin: -40% auto 0;
        width: 680px;
    }
}

@media (max-width:668px) {
    .suite_boxes {
        margin-left: -62%;
    }

    .market_product_list {
        padding-right: 370px;
        transform: scale(0.7);
        margin: -29% auto 0;
    }

    .fin_script_sec .suite_boxes {
        margin-left: -48%;
    }

    .finSuiteFullSec .fin_suite_section .content_part {
        margin: -71% 0 0 -22%;
        transform: scale(0.45);
    }
}

@media (max-width:568px) {
    .anim-outer .icon-holder {
        display: none;
    }

    .heading-sec.flex-sec {
        width: auto;
    }

    .suite_boxes {
        margin: -70% 0 0px -81%;
        transform: scale(0.37);
    }

    .vector_sec_box img {
        transform: scale(0.8);
    }

    .vector_sec_box .circle_wht_box {
        width: 140px;
        height: 140px;
        left: 26px;
        top: 51px;
    }

    .wht_box1.wht_box6 .circle_wht_box {
        left: 50px;
        top: 36px;
    }

    .wht_box1.wht_box2 .circle_wht_box {
        right: 49px;
        top: 36px;
    }

    .wht_box1.wht_box3 .circle_wht_box {
        right: 53px;
        bottom: 39px;
    }

    .wht_box1.wht_box4 .circle_wht_box {
        bottom: 55px;
    }

    .wht_box1.wht_box5 .circle_wht_box {
        left: 54px;
        bottom: 38px;
    }

    .wht_box1.wht_box5 .txt_div {
        left: -323px;
    }

    .wht_box1.wht_box6 .txt_div {
        top: 64px;
        left: -300px;
    }

    .wht_box1 .txt_div {
        transform: translate(-33%, 53px);
    }

    .wht_box1.wht_box2 .txt_div {
        top: 45px;
        right: -334px;
    }

    .wht_box1.wht_box3 .txt_div {
        bottom: 30px;
        right: -323px;
    }

    .wht_box1.wht_box4 .txt_div {
        transform: translate(-20%, -37px);
    }

    .wht_box1.wht_box5 .circle_wht_box img {
        transform: scale(1);
    }

    .circle_shaps_img {
        width: 580px;
    }

    .market_product_list {
        padding-right: 0;
        transform: scale(1);
        margin: 0 auto 50px;
        width: 100%;
    }

    body .market_product_list .fin_center_head {
        left: 9%;
        top: 52%;
        font-size: 26px;
        width: 30%;
        line-height: 32px;
    }

    .fin_script_sec .circle_shaps_img {
        height: 670px;
    }

    .fin_script_sec .vector_sec_box .circle_wht_box {
        width: 160px;
        height: 160px;
        left: 56px;
        top: 62px;
    }

    .fin_script_sec .wht_box2 .vector_sec_box .circle_wht_box {
        width: 160px;
        height: 160px;
        left: 37px;
        top: 76px;
    }

    .fin_script_sec .wht_box3 .vector_sec_box .circle_wht_box {
        width: 160px;
        height: 160px;
        left: 27px;
        top: 62px;
    }

    .fin_script_sec .wht_box4 .vector_sec_box .circle_wht_box {
        width: 160px;
        height: 160px;
        top: 78px;
        right: 38px;
    }

    .fin_script_sec .wht_box5 .vector_sec_box .circle_wht_box {
        width: 160px;
        height: 160px;
        top: 63px;
        right: 55px;
    }

    body .fin_script_sec .fin_center_head {
        bottom: 290px;
    }

    .fin_script_sec .wht_box1 .txt_div {
        left: -237px;
        top: 80px;
    }

    .fin_script_sec .wht_box1.wht_box2 .txt_div {
        top: -40px;
        right: 140px;
    }

    .fin_script_sec .wht_box1.wht_box3 .txt_div {
        top: -50px;
    }

    .fin_script_sec .wht_box1.wht_box4 .txt_div {
        left: 125px;
        top: -40px;
    }

    .fin_script_sec .suite_boxes {
        transform: scale(0.35);
        margin: -69% auto 0 -67%;
    }


    .inner-box {
        padding: 30px 30px 40px 30px;
    }
}

@media (max-width:481px) {
    .wht_box1 {
        top: 0%;
    }

        .wht_box1.wht_box4 {
            bottom: 0;
        }

    .circle_shaps_img {
        width: 645px;
    }

    .suite_boxes {
        margin: -42% 0 0px -73%;
        transform: scale(0.6);
        width: 1200px;
        padding: 170px 0 170px;
    }

    .wht_box1.wht_box6 {
        left: 170px;
        top: 222px;
    }

    .wht_box1.wht_box5 {
        left: 170px;
        bottom: 218px;
    }

    .wht_box1.wht_box3 {
        right: 198px;
        bottom: 218px;
    }

    .wht_box1.wht_box2 {
        right: 198px;
        top: 222px;
    }

    .fin_script_sec .suite_boxes {
        width: 1100px;
        transform: scale(0.6);
        padding: 508px 0 32px;
        margin: -70% auto 0 -65%;
    }

    .fin_script_sec .circle_shaps_img {
        height: auto;
        width: 440px;
    }

    .fin_script_sec .vector_sec_box .circle_wht_box {
        width: 130px;
        height: 130px;
        left: 69px;
        top: 78px;
    }

    .fin_script_sec .wht_box1.wht_box5 {
        right: 131px;
        top: 358px;
        max-width: 438px;
    }

    .fin_script_sec .wht_box1.wht_box2 {
        left: 296px;
        top: 228px;
        max-width: 280px;
        min-width: 280px;
    }

    .fin_script_sec .wht_box1 {
        max-width: 444px;
        left: 131px;
        top: 358px;
    }

        .fin_script_sec .wht_box1.wht_box4 {
            top: 230px;
            right: 298px;
            max-width: 280px;
        }

        .fin_script_sec .wht_box1.wht_box3 {
            max-width: 195px;
            top: 315px;
        }

    .fin_script_sec .wht_box5 .vector_sec_box .circle_wht_box {
        width: 130px;
        height: 130px;
        top: 79px;
        right: 68px;
    }

    .fin_script_sec .wht_box2 .vector_sec_box .circle_wht_box {
        width: 130px;
        height: 130px;
        left: 45px;
        top: 99px;
    }

    .fin_script_sec .wht_box4 .vector_sec_box .circle_wht_box {
        width: 130px;
        height: 130px;
        top: 97px;
        right: 44px;
    }

    .fin_script_sec .wht_box3 .vector_sec_box .circle_wht_box {
        width: 130px;
        height: 130px;
        left: 33px;
        top: 80px;
    }

    .vector_sec_box img {
        transform: scale(0.7);
    }

    .vector_sec_box .circle_wht_box {
        width: 128px;
        height: 128px;
    }

    .wht_box1.wht_box6 .circle_wht_box {
        left: 68px;
        top: 47px;
    }

    .vector_sec_box .circle_wht_box {
        left: 32px;
        top: 71px;
    }

    .wht_box1.wht_box2 .circle_wht_box {
        right: 67px;
        top: 47px;
    }

    .wht_box1.wht_box3 .circle_wht_box {
        right: 73px;
        bottom: 51px;
    }

    .wht_box1.wht_box4 .circle_wht_box {
        bottom: 76px;
    }

    .wht_box1.wht_box5 .circle_wht_box {
        left: 74px;
        bottom: 51px;
    }

    .usn_cmp_finscriptsection .p_relative {
        margin-top: 0;
    }

    .showMoreSec {
        margin-top: -215px;
    }

    body .fin_script_sec .fin_center_head {
        bottom: 173px;
        font-size: 28px;
    }

    body .sub_heading {
        font-size: 18px;
        line-height: 26px;
    }

    body .section_heading {
        font-size: 32px;
        line-height: 40px;
    }

    body .finMarketSec .section_heading {
        margin: 0 0 20px;
    }

    .page_head p, .showMoreSec p {
        font-size: 14px;
        line-height: 23px;
    }

    .showMoreSec .btn.showMoreBtn {
        margin-top: 30px;
    }

    .btn.showMoreBtn {
        font-size: 16px;
        line-height: 26px;
        height: 52px;
    }

    .startEnd_list li span {
        font-size: 15px;
        line-height: 22px;
    }

    .startEnd_list li {
        font-size: 20px;
        line-height: 24px;
        padding: 0 0 0 30px;
    }

        .startEnd_list li:before {
            height: 16px;
            width: 16px;
        }

    body .market_product_list .fin_center_head {
        font-size: 20px;
        line-height: 24px;
        top: 53%;
    }

    .row.gap_25 > div {
        padding: 0 15px;
    }

    .fin_socially_imgDiv {
        margin-left: -12px;
    }

    .finMarketSec {
        padding: 0px 0 55px;
    }

        .finMarketSec:before {
            background-size: 300px;
        }

    .market_product_list {
        transform: scale(0.9);
        margin: -60px auto 50px;
    }

    .inner-box h3 {
        font-size: 24px;
        line-height: 36px;
    }

    .inner-box p {
        font-size: 15px;
        line-height: 22px;
    }

    .inner-box h5 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 18px;
    }

    .studio_left h2 {
        font-size: 28px;
        line-height: 36px;
    }

    .studio_left p, .list-item-links p, .copy-right-text p {
        font-size: 15px;
        line-height: 23px;
    }

    .input-form .send_btns {
        max-width: 130px;
    }

    .input-form form input#fname {
        margin-right: 15px;
    }

    .showMoreSec {
        padding: 0 15px;
    }

    section.work_section {
        padding: 0;
    }
}


@media (max-width:449px) {
    .button-sec button {
        font-size: 12px;
        padding: 0;
    }

    .suite_boxes {
        margin: -61% 0 0px -94%;
        transform: scale(0.5);
    }

    .fin_script_sec .suite_boxes {
        transform: scale(0.5);
        margin: -90% auto 0 -84%;
    }
}

@media (max-width:375px) {
    body .sub_heading {
        font-size: 15px;
        line-height: 23px;
    }

    .page_head p, .showMoreSec p {
        font-size: 13px;
        line-height: 20px;
    }

    .button-sec button {
        font-size: 10px;
        padding: 0 2px;
    }

    body .section_heading {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 0.05em;
    }

    .startEnd_list li span {
        font-size: 13px;
        line-height: 19px;
    }

    .startEnd_list li {
        font-size: 17px;
        line-height: 21px;
        padding: 0 0 0 28px;
    }

        .startEnd_list li:before {
            height: 14px;
            width: 14px;
            top: 3px;
        }

    ul .startEnd_list.product li p {
        margin-top: 0;
    }

    body .market_product_list .fin_center_head {
        font-size: 15px;
        line-height: 18px;
    }

    footer.footer_section {
        padding-left: 0;
        padding-right: 0;
    }

    .input-form .send_btns {
        max-width: 100px;
        font-size: 20px;
    }

    .input-form .form-control {
        font-size: 15px;
        padding-left: 12px;
    }

    .social_icons i.fas.fa-chevron-down {
        padding-left: 16px;
        padding-right: 0;
    }

    .inner-box {
        padding: 15px 15px 20px 15px;
    }

    .Learn_More_btn a {
        font-size: 18px;
        padding: 10px 42px;
    }

    .inner-box h3 {
        font-size: 20px;
        line-height: 33px;
    }

    .inner-box h5 {
        font-size: 16px;
        line-height: 22px;
    }

    .suite_boxes {
        margin: -61% 0 0px -108%;
    }

    .fin_script_sec .suite_boxes {
        margin: -90% auto 0 -97%;
    }
}

@media (max-width:360px) {
    .suite_boxes {
        margin: -61% 0 0px -115%;
    }

    .fin_script_sec .suite_boxes {
        margin: -90% auto 0 -103%;
    }
}

@media (max-width:320px) {
    .suite_boxes {
        margin: -92% 0 0px -136%;
        transform: scale(0.4);
    }

    .fin_script_sec .suite_boxes {
        transform: scale(0.4);
        margin: -120% auto 0 -122%;
    }
}


@media (max-width:1024px) {
    body .fin-2col-ctr .market_product_list .fin_center_head {
        left: 6%;
        bottom: 32%;
        width: 100%;
        font-size: 16px;
    }

    .market_product_list .finImg {
        max-width: 220px;
    }
}

@media (min-width:1921px) {

    .fin-2col-ctr .wht_box1.wht_box6 {
        left: 23%;
        top: 28%;
    }

    .fin-2col-ctr .wht_box1 {
        top: 3%;
    }

        .fin-2col-ctr .wht_box1.wht_box2 {
            right: 24%;
            top: 28%;
        }

        .fin-2col-ctr .wht_box1.wht_box3 {
            right: 24%;
            bottom: 28%;
            top: auto;
        }

        .fin-2col-ctr .wht_box1.wht_box5 {
            left: 23%;
            right: auto;
            top: auto;
            bottom: 28%;
        }

        .fin-2col-ctr .wht_box1.wht_box4 {
            bottom: 3%;
        }

    .fin-2col-ctr.FIN-SOCIALLY .item .image {
        padding: 0 14% 0 0;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1 {
        left: 19%;
        top: 33%;
    }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box5 {
            right: 19%;
            top: 33%;
        }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box4 {
            top: 19.7%;
            right: 31%;
        }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box2 {
            left: 31%;
            top: 19.7%;
        }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box3 {
            top: 26.7%;
        }

    body .fin-2col-ctr .market_product_list .fin_center_head {
        left: 38%;
        top: 42%;
    }

    .fin-2col-ctr .fin_script_sec .suite_boxes {
        margin-top: -100px !important;
    }
}

@media (max-width: 1920px) {
    .fin-2col-ctr .fin_script_sec .suite_boxes {
        margin-top: -95px !important;
    }
}

@media (max-width: 1775px) {
    .fin-2col-ctr .suite_boxes {
        transform: scale(0.9);
    }

    .fin-2col-ctr .wht_box1.wht_box6 {
        left: 19%;
        top: 30%;
    }

    .fin-2col-ctr .wht_box1.wht_box5 {
        left: 19%;
        bottom: 30%;
    }

    .fin-2col-ctr .wht_box1.wht_box2 {
        right: 19%;
        top: 30%;
    }

    .fin-2col-ctr .wht_box1.wht_box3 {
        right: 19%;
        bottom: 30%;
    }

    .fin-2col-ctr .fin_script_sec .suite_boxes {
        margin-top: -113px !important;
    }
}

@media(min-width:1440px) {
    .finStudioSec {
        padding: 110px 0 115px;
    }

        .finStudioSec:before {
            background-size: 560px;
            height: 733px;
            width: 623px;
        }

        .finStudioSec:after {
            right: 10%;
            bottom: 0%;
        }
}

@media (min-width:1921px) {
    .finStudioSec:before {
        background-size: 660px;
        height: 860px;
        width: 710px;
    }

    .finStudioSec:after {
        bottom: -20px;
        right: 8%;
    }

    .finStudioSec {
        padding: 130px 0 180px;
    }

        .finStudioSec .studio_shape_span {
            bottom: 30px;
        }
}

@media (min-width:1800px) {
    .indicatorRow .imgBox-view {
        width: calc(33.33% - 48px);
        margin: 0 24px 35px;
        padding:0px;
    }
}

@media(min-width:1600px) {
    .finStudioSec {
        padding: 110px 0 110px;
    }

        .finStudioSec:before {
            background-size: 570px;
            height: 740px;
            width: 651px;
        }

        .finStudioSec:after {
            right: 10%;
            bottom: -55px;
            background-size: 230px;
            height: 240px;
            width: 250px;
        }

        .finStudioSec .studio_shape_span {
            background-size: 180px;
            height: 200px;
            width: 200px;
            bottom: -10px;
        }
}

@media (min-width: 1551px) {
    .market_product_list .finImg {
        width: 100%;
    }

    body .fin-2col-ctr .market_product_list .fin_center_head {
        left: 24%;
    }
}

@media (max-width: 1550px) {
    .fin-2col-ctr .circle_shaps_img {
        width: 330px;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1 {
        transform: scale(0.8);
        left: 14%;
        top: 33%;
    }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box2 {
            left: 28%;
            top: 20.5%;
        }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box4 {
            top: 20.5%;
            right: 28%;
        }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box4 {
            top: 20.5%;
            right: 28%;
        }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box5 {
            right: 15%;
            top: 33%;
        }

    .fin-2col-ctr .fin_script_sec .suite_boxes {
        transform: inherit;
    }

    .fin-2col-ctr .market_product_list {
        width: 600px;
        transform: scale(1);
        padding-right: 0;
        margin-left: -12%;
    }

    footer#site-footer .newsletter-form .form-control {
        width: 60%;
    }

    section.fin_suite_section {
        margin-top: -30px !important;
    }

    .FIN-SOCIALLY {
        margin-top: -65px !important;
    }

    .fin-2col-ctr .fin_script_sec .suite_boxes {
        margin-top: -135px !important;
    }
}

@media (max-width: 1441px) {
    .fin-2col-ctr .suite_boxes {
        transform: scale(0.85);
    }

    .fin-2col-ctr .wht_box1.wht_box6 {
        left: 16%;
    }

    .fin-2col-ctr .wht_box1.wht_box5 {
        left: 16%;
    }

    .fin-2col-ctr .wht_box1.wht_box2 {
        right: 16%;
    }

    .fin-2col-ctr .wht_box1.wht_box3 {
        right: 16%;
    }

    .fin-2col-ctr .suite_boxes {
        margin: 0 auto;
    }

    header.siteHeaderSec, .finStudioSec .width_div, .container-fluid, section.work_section, footer#site-footer .container-fluid, .FooterCopy .container-fluid {
        padding-left: 25px;
        padding-right: 25px;
    }

    .fin-2col-ctr .suite_boxes {
        margin-left: 0px !important;
    }
}

@media (max-width: 1420px) {
    .fin-2col-ctr .showMoreSec {
        margin-top: 0;
    }

    .fin-2col-ctr .suite_boxes {
        transform: scale(0.8);
    }

    .fin-2col-ctr .fin_script_sec .suite_boxes {
        transform: scale(0.82);
        margin-top: -143px !important;
    }

    .fin-2col-ctr .fin_script_sec .circle_shaps_img {
        width: 50%;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1 {
        transform: scale(0.9);
        left: 10%;
        top: 31%;
    }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box5 {
            right: 12%;
            top: 31%;
        }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box4 {
            top: 18.5%;
            right: 25%;
        }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box2 {
            left: 25%;
            top: 18.5%;
        }

    footer#site-footer .newsletter-form .buttons .btn {
        min-width: 170px;
    }

    .finStudioSec .studio_shape_span {
        background-size: 130px;
        height: 130px;
        width: 130px;
        bottom: -10px;
    }

    .finStudioSec:after {
        background-size: 190px;
        height: 200px;
        width: 200px;
        right: 7%;
        bottom: -40px;
        z-index: 1;
    }

    section.fin_suite_section {
        margin-top: -55px !important;
    }

    .FIN-SOCIALLY {
        margin-top: -75px !important;
        padding-top: 0 !important;
    }

    body .finStudioCompanieSec .component-inner {
        max-width: 1340px;
    }
}

@media (max-width:1320px) {
    body .finStudioCompanieSec .component-inner {
        max-width: 1200px;
    }
}

@media (max-width: 1281px) {
    .fin-2col-ctr .wht_box1.wht_box6, .fin-2col-ctr .wht_box1.wht_box2 {
        max-width: 230px;
    }

    .fin-2col-ctr .wht_box1.wht_box5, .fin-2col-ctr .wht_box1.wht_box3 {
        max-width: 246px;
    }

    .fin-2col-ctr .wht_box1 {
        max-width: 100px;
    }

        .fin-2col-ctr .wht_box1.wht_box6, .fin-2col-ctr .wht_box1.wht_box2 {
            top: 32%;
        }

        .fin-2col-ctr .wht_box1.wht_box5, .fin-2col-ctr .wht_box1.wht_box3 {
            bottom: 32%;
        }

        .fin-2col-ctr .wht_box1.wht_box4 {
            bottom: 7%;
        }

    .fin-2col-ctr .wht_box1 {
        top: 7%;
    }

    .fin-2col-ctr .fin_script_sec .circle_shaps_img {
        width: 48%;
    }

    .fin-2col-ctr .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box2 .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box3 .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box4 .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box5 .vector_sec_box .circle_wht_box {
        width: 96px;
        height: 96px
    }


    .fin-2col-ctr .fin_script_sec .wht_box1 {
        max-width: 230px;
        top: 34%;
    }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box2 {
            max-width: 144px;
            min-width: 144px;
            top: 20%;
        }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box3 {
            max-width: 102px;
            top: 29.5%;
        }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box4 {
            max-width: 146px;
            top: 20.3%;
        }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box5 {
            max-width: 227px;
            top: 34%;
        }

    body .fin-2col-ctr .fin_script_sec .fin_center_head {
        bottom: 22%;
        font-size: 20px;
    }

    .indicatorRow .imgBox-view {
        width: calc(50% - 10px);
        margin: 0 5px 35px;
    }

    .market_product_list .finImg {
        max-width: 255px;
    }

    body .fin-2col-ctr .market_product_list .fin_center_head {
        font-size: 16px;
        left: 10%;
        bottom: 37%;
        top: 38%;
    }
}

@media (max-width: 1199px) {
    .finStudioSec .studio_shape_span {
        background-size: 110px;
        height: 110px;
        width: 110px;
        bottom: -38px;
        margin: auto;
        transform: translate(0, 0);
    }

    .finStudioSec:after {
        background-size: 130px;
        height: 135px;
        width: 135px;
        right: 10%;
        bottom: -87px;
        z-index: 1;
    }

    section.fin_suite_section {
        margin-top: -30px !important;
    }

    .FIN-SOCIALLY {
        margin-top: 60px !important;
    }

    .fin-2col-ctr .fin_socially_sec .showMoreSec {
        padding-bottom: 0;
    }

    body .finStudioCompanieSec .component-inner {
        max-width: 1000px;
    }
}

@media (max-width: 1152px) {
    .fin-2col-ctr .circle_shaps_img {
        width: 65%;
    }

    .fin-2col-ctr.FIN-SOCIALLY .item .image {
        padding: 0;
    }

    .fin-2col-ctr .fin_socially_imgDiv {
        margin-left: 0;
        margin-top: 80px;
    }

    .fin-2col-ctr .market_product_list {
        width: auto;
        transform: scale(0.9);
        padding-right: 0;
        margin-left: -12%;
    }

    body .fin-2col-ctr .market_product_list .fin_center_head {
        font-size: 20px;
        line-height: 24px;
        left: 29%;
        bottom: 42%;
        top: auto;
        max-width: 120px;
    }

    .fin-2col-ctr .showMoreSec {
        padding-bottom: 80px;
    }

    .fin-2col-ctr .fin_script_sec .suite_boxes {
        transform: scale(1);
        margin-top: -123px !important;
    }

    .fin_suite_section.fin_script_sec {
        padding-top: 20px;
    }

    .fin-2col-ctr .fin_script_sec .circle_shaps_img {
        width: 44%;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1 {
        transform: scale(1);
        left: 18%;
        top: 36%;
    }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box2 {
            top: 22%;
            left: 30%;
        }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box3 {
            top: 29%;
        }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box4 {
            top: 22%;
            right: 31%;
        }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box5 {
            top: 36%;
            right: 18%;
        }

    body .fin-2col-ctr .fin_script_sec .fin_center_head {
        bottom: 25%;
    }

    footer#site-footer .newsletter-form .buttons .btn {
        min-width: 140px;
    }

    .fin_script_section .component-inner > div > .component-main.row > .item {
        width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .fin_suite_section .component-inner > div > .component-main.row > .item.usn_cmp_gallery {
        margin-top: 0;
    }
}

@media (max-width:1024px) {
    body .fin-2col-ctr .market_product_list .fin_center_head {
        font-size: 15px;
        left: 20%;
        bottom: 45%;
    }

    .market_product_list .finImg {
        max-width: 215px;
    }
}

@media (max-width: 1023px) {
    .fin-2col-ctr .suite_boxes {
        margin: -120px auto;
    }

    .fin-2col-ctr .fin_script_sec .suite_boxes {
        transform: scale(0.9);
        margin-top: -160px !important;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1 {
        max-width: 200px;
        left: 16%;
        top: 34%;
    }

    .fin-2col-ctr .fin_script_sec .wht_box2 .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box3 .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box4 .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box5 .vector_sec_box .circle_wht_box {
        width: 83px;
        height: 83px;
    }

    .fin-2col-ctr .fin_script_sec .vector_sec_box .circle_wht_box {
        width: 83px;
        height: 83px;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box5 {
        max-width: 197px;
        top: 34%;
        right: 16%;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box2 {
        max-width: 126px;
        min-width: 126px;
        top: 23.5%;
        left: 29%;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box4 {
        max-width: 127px;
        top: 23.5%;
        right: 30%;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box3 {
        max-width: 88px;
        top: 30%;
    }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box3 .txt_div {
            left: -24px;
        }

    body .fin-2col-ctr .fin_script_sec .fin_center_head {
        bottom: 30%;
    }

    .fin-2col-ctr .fin_script_sec .suite_boxes {
        padding: 270px 0 120px;
    }

    .fin-2col-ctr .fin_script_sec .circle_shaps_img {
        width: 46%;
    }

    .finMarketSec .page_head {
        padding-bottom: 0;
    }

    .indicatorRow .imgBox-view {
        width: calc(50% - 16px);
    }

    footer #site-footer .footer-item:not(.col-md-1):not(.col-md-2):not(.col-md-3) .quick-links ul li {
        flex-basis: 100%;
        flex: 0 0 100%;
    }

        footer#site-footer .newsletter-form .form-control {
            width: 75%;
        }

        footer#site-footer .item .inner nav.social {
            margin-bottom: 40px;
        }

}

@media (max-width:991px) {
    body .fin-2col-ctr .market_product_list .fin_center_head {
        left: 12%;
    }

    .market_product_list .finImg {
        max-width: 255px;
    }

    .finStudioSec {
        padding-bottom: 120px;
    }

        .finStudioSec:before {
            background-size: 395px;
            height: 415px;
            width: 415px;
        }

        .finStudioSec .studio_shape_span {
            background-size: 110px;
            height: 110px;
            width: 110px;
            bottom: 8px;
            margin: auto;
            transform: translate(0, 0);
        }

        .finStudioSec:after {
            background-size: 115px;
            height: 135px;
            width: 135px;
            right: 10%;
            bottom: -13px;
            z-index: 1;
        }

    body .fin-2col-ctr .finMarketSec .section_heading, .fin_suite_section.fin_script_sec .section_heading, .disable-textarea-width h2.heading.base-heading {
        font-size: 24px !important;
        line-height: 29px !important;
        margin: 0 0 18px;
    }

    body .fin-2col-ctr .finMarketSec .sub_heading, .fin_suite_section.fin_script_sec p.sub_heading, .disable-textarea-width .info p.secondary-heading {
        margin: 0 0 10px;
        font-size: 15px !important;
        line-height: 23px !important;
    }

    body .finStudioCompanieSec .component-inner {
        max-width: 765px;
    }
    main#site-content > section.content.usn_cmp_letsworktogether {
        overflow: visible;
    }
}

@media (max-width: 768px) {
    .fin-2col-ctr .wht_box1 p {
        display: none;
    }

    .fin-2col-ctr .suite_boxes {
        transform: scale(0.9);
    }

    fin-2col-ctr .wht_box1.wht_box6 {
        left: 9%;
    }

    .fin-2col-ctr .wht_box1.wht_box6, .fin-2col-ctr .wht_box1.wht_box2 {
        top: 30%;
    }

    .fin-2col-ctr .wht_box1 {
        top: 9%;
    }

        .fin-2col-ctr .wht_box1.wht_box4 {
            bottom: 9%;
        }

        .fin-2col-ctr .wht_box1.wht_box2 {
            right: 11%;
        }

        .fin-2col-ctr .wht_box1.wht_box3 {
            right: 11%;
        }

        .fin-2col-ctr .wht_box1.wht_box5, .fin-2col-ctr .wht_box1.wht_box3 {
            bottom: 29%;
        }

        .fin-2col-ctr .wht_box1.wht_box5 {
            left: 9%;
        }

        .fin-2col-ctr .wht_box1.wht_box6 {
            left: 9%;
        }

        .fin-2col-ctr .wht_box1.wht_box2 .txt_div {
            width: 120px;
            right: -180px;
            top: 35px;
        }

        .fin-2col-ctr .wht_box1.wht_box3 .txt_div {
            width: 120px;
            right: -180px;
            bottom: 21px;
        }

        .fin-2col-ctr .wht_box1.wht_box5 .txt_div {
            width: 110px;
            left: -72px;
            top: 104px;
        }

        .fin-2col-ctr .wht_box1.wht_box6 .txt_div {
            width: 110px;
            top: 33px;
            left: -74px;
        }

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box2 .txt_div {
        top: -30px;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box3 .txt_div {
        top: -30px;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box4 .txt_div {
        top: -32px;
    }

    body .fin-2col-ctr .market_product_list .fin_center_head {
        left: 17%;
        font-size: 16px;
        bottom: 46%;
    }

    .market_product_list .finImg {
        max-width: 260px;
    }
}

@media (max-width:767px) {
    body .fin-2col-ctr .market_product_list .fin_center_head {
        left: 10%;
        max-width: auto;
    }

    .market_product_list .finImg {
        max-width: 300px;
    }

    .finStudioSec {
        padding-bottom: 90px;
        padding-top: 60px;
    }

        .finStudioSec:before {
            background-size: 305px;
            height: 325px;
            width: 325px;
        }

        .finStudioSec .studio_shape_span {
            background-size: 55px;
            height: 60px;
            width: 60px;
            bottom: 12px;
            margin: auto;
            transform: translate(0, 0);
        }

        .finStudioSec:after {
            background-size: 80px;
            height: 85px;
            width: 85px;
            right: 14px;
            bottom: -5px;
            z-index: 1;
        }

    body .finStudioCompanieSec .component-inner {
        max-width: 100%;
    }
}

@media (max-width: 568px) {
    .fin-2col-ctr .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box2 .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box3 .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box4 .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box5 .vector_sec_box .circle_wht_box {
        width: 77px;
        height: 77px;
    }

    .fin-2col-ctr .wht_box1.wht_box6 .circle_wht_box {
        left: 10.6%;
        top: 10.7%;
    }

    .fin-2col-ctr .vector_sec_box .circle_wht_box {
        left: 11.3%;
        top: 10.5%;
    }

    .fin-2col-ctr .wht_box1.wht_box2 .circle_wht_box {
        right: 10.6%;
        top: 10.7%;
        left: auto;
    }

    .fin-2col-ctr .wht_box1.wht_box3 .circle_wht_box {
        left: auto;
        right: 10.6%;
        top: auto;
        bottom: 10.8%;
    }

    .fin-2col-ctr .wht_box1.wht_box4 .circle_wht_box {
        bottom: 10.7%;
        top: auto;
    }

    .fin-2col-ctr .wht_box1.wht_box5 .circle_wht_box {
        left: 10.5%;
        bottom: 10.6%;
        top: auto;
    }

    .fin-2col-ctr .wht_box1.wht_box6 .txt_div {
        width: 110px;
        top: 20px;
        left: -47px;
    }

    .fin-2col-ctr .wht_box1.wht_box2 .txt_div {
        width: 120px;
        right: -150px;
        top: 20px;
    }

    .fin-2col-ctr .wht_box1.wht_box3 .txt_div {
        width: 120px;
        right: -150px;
        bottom: 50px;
    }

    .fin-2col-ctr .wht_box1.wht_box5 .txt_div {
        width: 110px;
        left: -47px;
        top: 73px;
    }

    .wht_box1.wht_box4 .txt_div, .wht_box1 .txt_div {
        margin: 0;
    }

    .fin-2col-ctr .wht_box1 .txt_div {
        transform: translate(-36%, 25px);
    }

    .wht_box1.wht_box4 .txt_div {
        transform: translate(-37%, -18px);
    }

    .fin-2col-ctr .wht_box1 {
        top: 15%;
    }

        .fin-2col-ctr .wht_box1.wht_box4 {
            bottom: 13%;
        }

        .fin-2col-ctr .wht_box1.wht_box6 {
            left: 7%;
        }

        .fin-2col-ctr .wht_box1.wht_box6, .fin-2col-ctr .wht_box1.wht_box2 {
            top: 32%;
        }

        .fin-2col-ctr .wht_box1.wht_box2 {
            right: 9%;
        }

        .fin-2col-ctr .wht_box1.wht_box5, .fin-2col-ctr .wht_box1.wht_box3 {
            bottom: 33%;
        }

        .fin-2col-ctr .wht_box1.wht_box5, .fin-2col-ctr .wht_box1.wht_box3 {
            bottom: 32%;
        }

        .fin-2col-ctr .wht_box1.wht_box3 {
            right: 9%;
        }

        .fin-2col-ctr .wht_box1.wht_box5 {
            left: 7%;
        }

    .fin-2col-ctr .suite_boxes {
        margin: -150px auto;
    }

    .fin-2col-ctr .showMoreSec {
        padding-bottom: 30px;
    }

    .fin-2col-ctr .fin_socially_imgDiv {
        margin-left: 0;
        margin-top: 0;
    }

    .fin-2col-ctr .market_product_list {
        width: auto;
        transform: scale(1);
        padding-right: 0;
        margin: 0;
    }

    body .fin-2col-ctr .market_product_list .fin_center_head {
        left: 9%;
        font-size: 18px;
        bottom: 42%;
    }

    .fin-2col-ctr .fin_suite_section.fin_script_sec {
        padding: 30px 0 75px;
    }

    .fin_script_sec .vector_sec_box img {
        transform: scale(0.9);
    }

    .fin-2col-ctr .fin_script_sec .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box2 .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box3 .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box4 .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box5 .vector_sec_box .circle_wht_box {
        width: 74px;
        height: 74px;
    }

    .fin-2col-ctr .fin_script_sec .vector_sec_box .circle_wht_box {
        left: 12px;
        top: 13px;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1 {
        left: 12%;
        top: 34%;
    }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box5 {
            top: 34%;
            right: 12%;
            max-width: 197px;
        }

    .fin-2col-ctr .fin_script_sec .wht_box5 .vector_sec_box .circle_wht_box {
        right: 12px;
        top: 14px;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box2 {
        max-width: 125px;
        min-width: 125px;
        top: 22.5%;
        left: 26%;
    }

    .fin-2col-ctr .fin_script_sec .wht_box2 .vector_sec_box .circle_wht_box {
        left: 8px;
        top: 16px;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box4 {
        max-width: 125px;
        top: 22.5%;
        right: 26%;
    }

    .fin-2col-ctr .fin_script_sec .wht_box4 .vector_sec_box .circle_wht_box {
        top: 15px;
        right: 8px;
    }

    .fin-2col-ctr .fin_script_sec .wht_box3 .vector_sec_box .circle_wht_box {
        left: 7px;
        top: 14px;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box3 {
        top: 32%;
    }

    body .fin-2col-ctr .fin_script_sec .fin_center_head {
        font-size: 18px;
        line-height: 28px;
        bottom: 31%;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1 .txt_div {
        width: 110px;
        left: -59px;
        top: 5px;
    }

        .fin-2col-ctr .fin_script_sec .wht_box1 .txt_div h4 {
            font-size: 14px;
            line-height: 18px;
        }

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box2 .txt_div {
        top: -6px;
        right: 86px;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box3 .txt_div {
        top: -12px;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box4 .txt_div {
        top: -8px;
        left: 72px;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box5 .txt_div {
        width: 110px;
        right: -107px;
        top: 30px;
    }

    .fin-2col-ctr .fin_script_sec .suite_boxes {
        transform: scale(0.7);
        min-width: 575px;
        margin-left: -60px !important;
    }
}

@media (max-width:481px) {
    .fin-2col-ctr .vector_sec_box .circle_wht_box {
        left: 16px;
        top: 36px;
    }

    .fin-2col-ctr .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box2 .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box3 .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box4 .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box5 .vector_sec_box .circle_wht_box {
        width: 68px;
        height: 68px;
    }

    .fin-2col-ctr .wht_box1.wht_box6 .circle_wht_box {
        left: 36px;
        top: 25px;
    }

    .fin-2col-ctr .wht_box1.wht_box2 .circle_wht_box {
        right: 36px;
        top: 25px;
    }

    .fin-2col-ctr .wht_box1.wht_box3 .circle_wht_box {
        right: 38px;
        bottom: 27px;
    }

    .fin-2col-ctr .wht_box1.wht_box4 .circle_wht_box {
        bottom: 39px;
    }

    .fin-2col-ctr .wht_box1.wht_box5 .circle_wht_box {
        left: 38px;
        bottom: 26px;
    }

    .fin-2col-ctr .wht_box1.wht_box5 {
        max-width: 247px;
    }

    body .fin-2col-ctr .fin_center_head {
        font-size: 18px;
        line-height: 28px;
    }

    .fin-2col-ctr .wht_box1.wht_box4 {
        bottom: 16%;
    }

    .fin-2col-ctr .wht_box1 {
        top: 16%;
    }

        .fin-2col-ctr .wht_box1.wht_box6 {
            left: 3%;
        }

        .fin-2col-ctr .wht_box1.wht_box2 {
            right: 5%;
        }

        .fin-2col-ctr .wht_box1.wht_box3 {
            right: 5%;
        }

        .fin-2col-ctr .wht_box1.wht_box5 {
            left: 3%;
        }

    .fin-2col-ctr .showMoreSec p {
        font-size: 13px;
        line-height: 22px;
    }

    header.siteHeaderSec, .finStudioSec .width_div, .container-fluid, section.work_section, footer#site-footer .container-fluid, .FooterCopy .container-fluid {
        padding-left: 25px;
        padding-right: 25px;
    }

    .finMarketSec .width_div {
        padding: 0;
    }

    .finMarketSec.fin_socially_sec .width_div {
        padding: 0 15px;
    }

    .fin-2col-ctr .fin_script_sec .suite_boxes {
        transform: scale(0.5);
        margin-left: -60px !important;
        min-width: 435px;
        padding-bottom: 0;
        margin-top: -193px !important;
    }

    .fin-2col-ctr .fin_script_sec .circle_shaps_img {
        width: 55%;
    }

    .fin-2col-ctr .fin_script_sec .vector_sec_box .circle_wht_box {
        left: 13px;
        top: 14px;
    }

    .fin-2col-ctr .fin_script_sec .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box2 .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box3 .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box4 .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box5 .vector_sec_box .circle_wht_box {
        width: 82px;
        height: 82px;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1 {
        left: 15px;
        top: 199px;
        max-width: 220px;
    }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box5 {
            top: 199px;
            right: 15px;
            max-width: 215px;
        }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box2 {
            max-width: 136px;
            min-width: 136px;
            top: 130px;
            left: 89px;
        }

    .fin-2col-ctr .fin_script_sec .wht_box2 .vector_sec_box .circle_wht_box {
        left: 8px;
        top: 17px;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box4 {
        max-width: 136px;
        top: 130px;
        right: 89px;
    }

    .fin-2col-ctr .fin_script_sec .wht_box4 .vector_sec_box .circle_wht_box {
        top: 16px;
        right: 8px;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box3 {
        top: 188px;
        max-width: 96px;
    }

    body .fin-2col-ctr .market_product_list .fin_center_head {
        left: 20%;
        font-size: 18px;
        bottom: 46%;
        width: auto;
    }

    .indicatorRow .imgBox-view {
        width: calc(100% - 0px);
        margin: 0 0 24px 0;
        padding:0px;
    }

        .indicatorRow .imgBox-view .card-body {
            min-height: 110px;
        }

    body .fin-2col-ctr .fin_script_sec .fin_center_head {
        bottom: 16%;
    }

    .finSuiteFullSec .suite_boxes {
        width: 580px;
        margin: 0 auto;
        padding: 110px 0;
    }

    .finSuiteFullSec .wht_box1.wht_box2 {
        right: -45px;
        top: 207px;
    }

    .finSuiteFullSec .wht_box1.wht_box3 {
        right: -50px;
        bottom: 200px;
    }

    .finSuiteFullSec .wht_box1.wht_box5 {
        left: -63px;
        bottom: 194px;
    }

    .finSuiteFullSec .wht_box1.wht_box6 {
        left: -58px;
        top: 200px;
    }

    .finSuiteFullSec .wht_box1.wht_box2 .txt_div {
        top: 60px;
        right: -290px;
    }

    .finSuiteFullSec .wht_box1.wht_box3 .txt_div {
        bottom: 100px;
        right: -293px;
    }

    .finSuiteFullSec .wht_box1.wht_box4 .txt_div {
        margin-bottom: 0px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        min-width: 200px;
    }

    .finSuiteFullSec .wht_box1.wht_box4 {
        bottom: 50px;
    }

    .finSuiteFullSec .wht_box1.wht_box5 .txt_div {
        left: -302px;
        bottom: 90px;
    }

    .finSuiteFullSec .wht_box1.wht_box6 .txt_div {
        top: 69px;
        left: -270px;
    }

    .finSuiteFullSec .suite_boxes > .wht_box1:first-child .txt_div {
        margin-bottom: -58px;
    }

    .finSuiteFullSec .suite_boxes > .wht_box1:first-child {
        top: 50px;
    }

    .finSuiteFullSec .fin_suite_section .content_part {
        transform: scale(0.4);
        margin: -80% auto 0 -24%;
        width: 570px;
    }

    .finStudioCompanieSec.finSuiteFullSec {
        padding-bottom: 25px !important;
    }
}

@media (max-width:399px) {
    .finSuiteFullSec .fin_suite_section .content_part {
        transform: scale(0.4);
        margin: -100% auto 0 -37%;
        width: 570px;
    }
}

@media (max-width:375px) {
    .siteHeaderSec .navbar-brand img, header#site-header div#logo img {
        width: auto !important;
        max-height: 32px !important;
    }

    .fin-2col-ctr .suite_boxes {
        transform: scale(0.7);
        padding: 215px 0;
    }

    .fin-2col-ctr .circle_shaps_img {
        width: 70%;
    }

    .fin-2col-ctr .wht_box1 {
        top: 13%;
    }

        .fin-2col-ctr .wht_box1.wht_box4 {
            bottom: 13%;
        }

        .fin-2col-ctr .wht_box1.wht_box6, .fin-2col-ctr .wht_box1.wht_box2 {
            top: 30%;
        }

        .fin-2col-ctr .wht_box1.wht_box6 {
            left: -12%;
        }

        .fin-2col-ctr .wht_box1.wht_box2 {
            right: -12%;
        }

        .fin-2col-ctr .wht_box1.wht_box5, .fin-2col-ctr .wht_box1.wht_box3 {
            bottom: 29%;
        }

        .fin-2col-ctr .wht_box1.wht_box3 {
            right: -12%;
        }

        .fin-2col-ctr .wht_box1.wht_box5 {
            left: -13%;
        }

        .fin-2col-ctr .wht_box1 h4 {
            font-size: 13px;
        }

        .fin-2col-ctr .wht_box1.wht_box6 .txt_div {
            width: 80px;
            left: -20px;
        }

        .fin-2col-ctr .wht_box1.wht_box5 .txt_div {
            width: 80px;
            left: -20px;
        }

        .fin-2col-ctr .wht_box1.wht_box2 .txt_div {
            width: 80px;
            right: -88px;
        }

        .fin-2col-ctr .wht_box1.wht_box3 .txt_div {
            width: 80px;
            right: -88px;
            bottom: 55px;
        }

    body .fin-2col-ctr .fin_center_head {
        font-size: 14px;
        letter-spacing: 0;
    }

    body .fin-2col-ctr .market_product_list .fin_center_head {
        /*     font-size: 11px;*/
        left: 28%;
        font-size: 18px;
        bottom: 48%;
    }

    .market_product_list .finImg {
        max-width: 320px;
    }

    .fin-2col-ctr .fin_script_sec .suite_boxes {
        transform: scale(0.7);
        padding: 180px 0 0;
        transform: scale(0.5);
    }

    .fin_script_sec .vector_sec_box img {
        transform: scale(0.8);
    }

    .fin-2col-ctr .fin_script_sec .circle_shaps_img {
        width: 80%;
    }

    .fin-2col-ctr .fin_script_sec .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box2 .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box3 .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box4 .vector_sec_box .circle_wht_box, .fin-2col-ctr .fin_script_sec .wht_box5 .vector_sec_box .circle_wht_box {
        width: 67px;
        height: 67px;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1 {
        left: -10px;
        top: 132px;
        max-width: 200px;
    }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box2 {
            top: 124px;
            left: 62px;
        }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box5 {
            top: 132px;
            right: -13px;
            max-width: 198px;
        }

    .fin-2col-ctr .fin_script_sec .wht_box5 .vector_sec_box .circle_wht_box {
        right: 21px;
        top: 24px;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box2 {
        max-width: 124px;
        min-width: 124px;
        top: 70px;
        left: 28px;
    }

    .fin-2col-ctr .fin_script_sec .wht_box2 .vector_sec_box .circle_wht_box {
        left: 13px;
        top: 29px;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box4 {
        max-width: 127px;
        top: 70px;
        right: 28px;
    }

    .fin-2col-ctr .fin_script_sec .wht_box4 .vector_sec_box .circle_wht_box {
        top: 30px;
        right: 14px;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box3 {
        top: 164px;
        max-width: 89px;
    }

    .fin-2col-ctr .fin_script_sec .wht_box3 .vector_sec_box .circle_wht_box {
        left: 11px;
        top: 25px;
    }

    body .fin-2col-ctr .fin_script_sec .fin_center_head {
        font-size: 16px;
        line-height: 28px;
        bottom: 22%;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1 .txt_div {
        width: 86px;
        left: -55px;
        top: 26px;
        transform: scale(0.7);
    }

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box2 .txt_div {
        top: 7px;
        right: 57px;
        transform: scale(0.7);
    }

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box3 .txt_div {
        transform: scale(0.7);
        top: 0;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box4 .txt_div {
        transform: scale(0.7);
        top: 7px;
        left: 54px;
    }

    .fin-2col-ctr .fin_script_sec .wht_box1.wht_box5 .txt_div {
        width: 84px;
        right: -55px;
        top: 33px;
        transform: scale(0.7);
    }

    section.work_section:after {
        height: 155px;
    }

    .fin-2col-ctr .fin_script_sec .vector_sec_box .circle_wht_box {
        left: 21px;
        top: 23px;
    }

    .fin-2col-ctr .fin_script_sec .suite_boxes {
        transform: scale(0.68);
    }

    .fin-2col-ctr .fin_script_sec .wht_box1, .fin-2col-ctr .fin_script_sec .wht_box1.wht_box5 {
        top: 187px;
    }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box2 {
            top: 138px;
            left: 62px;
        }

        .fin-2col-ctr .fin_script_sec .wht_box1.wht_box4 {
            top: 133px;
            right: 70px;
        }

    .fin-2col-ctr .fin_script_sec .suite_boxes {
        margin-top: -185px !important;
    }
}

@media (max-width:370px) {
    .fin-2col-ctr .fin_script_sec .suite_boxes {
        transform: scale(0.5);
        margin-left: -75px !important;
        min-width: 420px;
        margin-top: -200px !important;
    }

    .finSuiteFullSec .fin_suite_section .content_part {
        transform: scale(0.33);
        margin: -118% auto 0 -52%;
        width: 570px;
    }
}

@media (max-width:320px) {
    .market_product_list .finImg {
        max-width: 275px;
    }

    body .fin-2col-ctr .market_product_list .fin_center_head {
        font-size: 16px;
        bottom: 46%;
    }
}

/*@media (min-width:1200px){
.container {
    max-width: 1140px;
    }
}*/

/*responsive css ends*/