/* @import url('http://example.com/example_style.css'); */

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


/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/





:root{
    /* common colors */
--white:#fff;
--dark_white:#d4d4d4;
--Black:#000;
--text_gradient:linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.40) 90%);
--text_gradient_span:linear-gradient(334deg, #71C9EC 3.31%, #833FB4 78.79%);
    --primary_font: Roboto;
    --secondary_font: Roboto;
    --body-bg: #1e1e1e;
/*   --header_bg: #2d2d30; /* Flat background without gradient */
    --header_bg: linear-gradient(180deg, rgba(45, 45, 48, 0.9) 0%, rgba(30, 30, 30, 0.6) 100%);
    --white-2:#D1D5DB;
    --section_bg: #252526; /* Darker section background with no gradient */
    --button_hover: #3a3d41; /* Subtle, flat color for button hover */
    --box_bg: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%), #0B1544;
}
/*
:root{

--white:#fff;
--dark_white:#d4d4d4;
--Black:#000;
--text_gradient:linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.40) 90%);
--text_gradient_span:linear-gradient(334deg, #71C9EC 3.31%, #833FB4 78.79%);
--primary_font:Roboto;
--secondary_font:Roboto;
--body-bg:#0B1544;
--header_bg:linear-gradient(180deg, rgba(11, 21, 68, 0.80) 0%, rgba(11, 21, 68, 0.00) 100%);
--white-2:#D1D5DB;
--section_bg:linear-gradient(334deg, rgba(113, 201, 236, 0.70) 3.31%, rgba(131, 63, 180, 0.70) 78.79%);
--button_hover:linear-gradient(90.56deg, #71C9EC 4.06%, #833FB4 95.56%);
}

*/



a{ text-decoration:none; }
a:hover{ text-decoration:none; }


body {background-color: var(--body-bg) !important;  color:rgba(255, 255, 255, 0.60);}

p { margin: 0px; }
p + p{ padding-top:15px; }

h1 { font-size: 64px; line-height: 73.6px; font-family:var(--primary_font); font-weight: 400; margin: 0; background:var(--text_gradient); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
h2 { font-size: 56px; line-height: 67.2px; font-weight: 400; margin: 0; background:var(--text_gradient); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family:var(--primary_font); }
h3 { font-size: 32px; line-height: 32px; font-weight: 400; margin: 0; background: var(--text_gradient); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family:var(--primary_font); }
h4 { font-size: 24px; line-height: 34.8px; font-weight: 400; margin: 0;font-family:var(--primary_font);  }
h5 { font-size: 20px; line-height: 30.8px; font-weight: 400; margin: 0;font-family:var(--primary_font); }
h6 { font-size: 18px; line-height: 28.8px; font-weight: 400; margin: 0;font-family:var(--primary_font); }



h1 span { background: var(--text_gradient_span); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
h2 span { background: var(--text_gradient_span);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; }


/* ====== comman class ========== */
.btn a { transition: all 0.4s ease; border-radius: 32px; background: var(--text_gradient_span);; padding: 16px 32px; display: inline-block; color: var(--white); text-align: center; font-family: Figtree; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; }
.border_btn a { transition: all 0.4s ease; border-radius: 32px; border: 1px solid var(--white); padding: 16px 32px; display: inline-block; color: var(--white); text-align: center; font-family: Figtree; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; }
.container { max-width: 1230px; margin: 0 auto; padding: 0 15px; }
.btn a:hover { background: var(--button_hover); transform: translateY(-4px);}
.border_btn a:hover  { transform: translateY(-4px); background:var(--white); color:var(--Black);}
.big__font_content{ font-size: 20px; line-height: 30px;}
.medium__font_content{ font-size: 18px; line-height: 25px;}
.medium_small_font_content{ font-size: 16px; line-height: 24px;}
.small__font_content{ font-size: 14px; line-height: 21px;}


/* =========== section none css=========== */
.faq_document{display:none !important;}
.tutorials_document_section {display: none !important;}
.developer_resources_document {display: none !important;}
.user_guides_document {display: none !important;}
.triform_documentation_sidebar {display: none !important;}
.your_guide_master {display: none !important;}
/* =========== section none css=========== */




/* =========footer==== */
.header { position: relative; z-index: 99999; background: var(--header_bg); backdrop-filter: blur(12px); padding: 24px 0; }
.header_row { display: flex; flex-flow: wrap; align-items: center; }
.header_left { width: 70%; }
.header_right { width: 30%; }
.header_right_row { align-items: center; display: flex; gap: 30px; justify-content: right; }

.header_login_btn svg { width: 35px; height: 35px; vertical-align: middle; line-height: 0; }
.header_login_btn svg path { stroke: var(--white); }
.header_search svg { vertical-align: middle; }
.header_left_row { display: flex; gap: 40px; flex-flow: wrap; align-items: center; }
.menu_header .hs-menu-wrapper > ul { gap: 32px; }
.light_dark_page svg { vertical-align: middle; }
.header_logo img { display: block; }
.header_login_btn a { transform: translateX(8px);display: inline-block;font-family: var(--primary_font); font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; color: var(--white); }
.header_sign_btn a:hover { opacity:0.8;transform: translateY(-4px);}
.header_sign_btn a { transition: all 0.4s ease; border-radius: 32px; background: var(--text_gradient_span); padding: 12px 24px; display: inline-block; color: var(--white); text-align: center; font-family: Figtree; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; }
.menu_header .hs-menu-wrapper ul > li { position: relative; text-align: left; }
.menu_header .hs-menu-wrapper ul > li.hs-item-has-children:before { position: absolute; content: ""; top: 100%; width: 100%; height: 40px; background: transparent; }
.menu_header .hs-menu-wrapper ul > li.hs-item-has-children li.hs-item-has-children:before { display: none; }
.menu_header .hs-menu-wrapper.flyouts ul>li .hs-item-has-children span.arrow_down span { border-color: var(--white); }
span.arrow_down { align-items: center; display: inline-block; display: inline-flex; height: 13px; justify-content: center; position: relative; transition: all .3s ease; width: 13px }
span.arrow_down span { border-color: var(--white); border-style: solid; border-width: 0 0 2px 2px; bottom: 0; height: 60%; left: 0; margin: auto; position: absolute; right: 0; top: -5px; transform: rotate(-45deg); width: 60% }
.header_left .hs-menu-wrapper>ul>li>.arrow_down { margin-left: 8px; vertical-align: middle }
.header_left .hs-menu-wrapper>ul>li:hover>.arrow_down { border-color: var(--white); transform: scale(-1) }
.header_left .menu_header ul.hs-menu-children-wrapper li a { color: var(--Black); }
.header_left ul.hs-menu-children-wrapper { background: var(--white); left: 0; min-width: 200px; opacity: 0; position: absolute; transform: translate3d(15px, 0, 0); transition: all 0.4s ease-in-out; visibility: hidden; z-index: 99999; text-align: left; margin-top: 20px; }
.header_left .menu_header .hs-menu-wrapper ul li:hover>ul { opacity: 1; transform: translateZ(0); visibility: visible }
.header_left .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover>.hs-menu-children-wrapper { left: auto; opacity: 1; top: 100% }
.header_left .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover>.hs-menu-children-wrapper ul { left: 100%; top: 0 }
.header_left ul.hs-menu-children-wrapper>li>ul { margin-left: 0 }
.header_left ul.hs-menu-children-wrapper>li { padding:7px 16px }
.menu_header .hs-menu-wrapper ul > li > a { text-align: left; }
.header_left .menu_header .hs-menu-wrapper ul > li > a > li > a { font-size: 16px; font-weight: 500; font-family: var(--primary_font); color: #04001E; }
.menu_header .hs-menu-wrapper ul > li > a { transition: all 0.3s ease; display: inline-block; font-size: 16px; font-weight: 500; font-family: var(--primary_font); color: var(--white-2); }
.menu_bar_click { display: none; }
.search-btn { width: 20px; line-height: 0; cursor: pointer; user-select: none; position: relative; z-index: 2; transition: all 0.3s ease; left: 0; }
.search-btn svg.close { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; }
.search-btn svg { transition: all 0.3s ease; }
.search-box-wrapper { position: relative; z-index: 99999999; }
.search-input { border-radius: 9999px; border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(255, 255, 255, 0.10); position: absolute; width: 300px; top: 50%; transform: translateY(-50%); right: 55px; z-index: 1; transition: all 0.3s ease; opacity: 0; visibility: hidden; }
.search-open .search-box-wrapper .search-input { opacity: 1; visibility: visible; right: 31px; }
.search-open .search-btn svg.close { opacity: 1; visibility: visible; }
.search-open .search-btn svg.search { opacity: 0; visibility: hidden; }
.search-btn svg path { fill: var(--white); }
.search-input form { background: transparent; }
.search-input form input[type=search] { font-size: 16px; font-weight: 500; font-family: var(--primary_font); color: var(--white); background: transparent !important; border: none; outline: none; height: 50px; border-radius: 0px; padding-right: 50px; }
.search-input form .hs-button, .search-input form input.hs-button.primary.large { background: url(https://143576790.fs1.hubspotusercontent-eu1.net/hubfs/143576790/search_icon.svg) no-repeat 50% / cover; border: none; height: 20px; padding: 0; position: absolute; right: 20px; top: 14px; width: 20px; }
::placeholder { color: var(--white); opacity: 1; /* Firefox */ font-size: 16px; font-weight: 400; font-family: var(--primary_font); }
::-ms-input-placeholder { /* Edge 12-18 */
color: var(--white); font-size: 16px; font-weight: 400; font-family: var(--primary_font); }
.search-open .menu_header {
    opacity: 0;
}
.menu_header .hs-menu-wrapper ul > li > a:hover {
    color: var(--white);
    transform: translateY(-1px);
}
.header_left .menu_header ul.hs-menu-children-wrapper li a {
 transition: all 0.3s ease; display:inline-block;
}

.header_left .menu_header ul.hs-menu-children-wrapper li a:hover {
    color: var(--Black);
    transition: all 0.3s ease;
}
.menu_header {
    transition: all 0.4s ease;
}
.search-input form .hs-button, .search-input form input.hs-button.primary.large:hover {
    background-color: transparent !important;!i;!;
    border: none !important;!i;!;
}


@keyframes slideDown {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}

.header.fixed {
    animation: slideDown 0.40s ease-out;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

    --box_bg: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%), #0B1544;

/* =========footer==== */

.footer_top_row { flex-flow: wrap; display: flex; justify-content: space-between; align-items: center; }
.footer_top_form form { background: transparent; border: none; max-width: 584px; margin: 0 auto; margin-right: 0; border-radius: 9999px; border: 1px solid  rgba(255, 255, 255, 0.10); background: rgba(255, 255, 255, 0.10); position: relative;/* padding: 10px; */ }
.footer_top_form .hs-email.hs-form-field { margin: 0 169px 0px 0;/* padding: 10px; */ }
.footer_section { border: 1px solid  rgba(255, 255, 255, 0.10); background: linear-gradient(181deg, rgba(255, 255, 255, 0.10) 0.48%, rgba(255, 255, 255, 0.00) 79.71%); }
.footer_top_form { width: 50%; }
.footer_top_form .form-title { display: none; }
.footer_top_title { width: 50%; }
.footer_top_form form input[type=email] {  padding-left: 32px; font-size: 16px; font-weight: 500; font-family: var(--primary_font); color:var(--white-2); background: transparent !important; border: none; outline: none; height: 70px; border-radius: 0px; }
.footer_top_form form .hs-button, .footer_top_form input.hs-button.primary.large { border-radius: 32px; border: 1px solid var(--white); padding: 16px 32px; display: inline-block; color: var(--white); text-align: center; font-family: Figtree; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; background: transparent; }
.footer_top_form form .hs-button, .footer_top_form input.hs-button.primary.large:hover { background: var(--white); border-radius: 32px; color: #000; border-color: var(--white); border-width: 1px; border-style: solid; }
.footer_top_form .hs_submit.hs-submit { position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding: 10px; }
.footer_top_form form label { display: none; }
.footer_top_form .hs-error-msg { display: none; }
.footer_top_form form .inputs-list>li { margin: 0 0; }
.footer_section_top { padding: 32px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.10); }
.footer_center_row { display: flex; justify-content: space-between; flex-flow: wrap; padding: 48px 0; align-items: center; }
.footer_center_logo img { display: block; }
.footer_menu_row { display: flex; flex-flow: wrap; align-items: flex-start; margin: 0 -16px; padding-bottom: 64px; }
.footer_menu_clomn { width: calc(100%/ 4 - 32px); margin: 0 16px; }
.footer_menu_title { color: var(--white); font-family: var(--primary_font); font-size: 24px; font-style: normal; font-weight: 400; line-height: 33.6px; padding-bottom: 24px; }
.footer_menu ul { flex-direction: column; gap: 10px; }
.footer_menu ul li { display: block; }
.footer_menu ul li a { color: var(--white-2); text-align: center; font-family: var(--primary_font); font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; display: inline-block; }
.social_icon ul { padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; gap: 24px; align-items: center; }
.social_icon ul li a { align-items: center; background: transparent; display: flex; height: 20px; justify-content: center; width: 20px; }
.social_icon ul li a svg { width: 20px; height: 20px; fill: var(--white); vertical-align: middle; }
.social_icon ul li a span { line-height: 0; }
.footer_bottom_content { color: rgba(255, 255, 255, 0.5); font-family: var(--primary_font); !; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; }
.footer_bottom_row { display: flex; justify-content: space-between; align-items: center; padding: 32px 0; flex-flow: wrap; border-top: 1px solid rgba(255, 255, 255, 0.10); }


/*======= hero ===== */
.banner__section { padding: 160px 0; position: relative; z-index: 1; }
.banner__cover { max-width: 976px; margin: 0 auto; text-align: center; position: relative; z-index: 2; }
.banner__btn_row { display: flex; justify-content: center; gap: 30px; padding-top: 48px; }
.banner__content { padding-top: 24px; }
.banner_right_shape { position: absolute; top: 50%; transform: translateY(-50%); left: auto; right: 0; }
.banner_left_shape { position: absolute; top: auto; bottom: -215px; }
/* .banner_left_shape img { display: block; width: 286px; height: 473px !important; object-position: bottom; object-fit: cover; }
.banner_right_shape img { width: 100%; height: 584px !important; display: block; object-fit: cover; } */



/*======= tabing ===== */
.tab__row { display: flex; flex-flow: wrap; }
.tab_left { width: 50%; border: 1px solid rgba(255, 255, 255, 0.10); border-radius: 32px 0 0 32px; }
.tab__right { width: 50%; }
.tab__section { padding: 120px 0; }
.tab__section .container { max-width: 1230px; }
.tab__title { text-align: center; padding-bottom: 48px; }
.tab_left_cover { cursor: pointer; padding: 32px; border-bottom: 1px solid rgba(255, 255, 255, 0.10); }
.tab_left_cover.current:first-child { border-radius: 32px 0 0 0; }
.tab_left_cover.current:last-child { border-radius: 0px 0 0 32px; }
.tab_left_cover.current { border: 1px solid rgba(131, 63, 180, 0.00); background:var(--section_bg); }
.tab__right { position: relative; border-radius: 0px 32px 32px 0px; border: 1px solid var(--border-10, rgba(255, 255, 255, 0.10)); background: var(--box_bg); padding: 32px 48px; padding-bottom: 135px; }
.tab__right_cover { padding-bottom: 48px; }
.tab__right_content, .tab__right_content p { color: var(--white-2); font-size: 18px; line-height: 25.2px; }
.tab__right_cover h3 { -webkit-text-fill-color: currentColor; color: var(--white); margin-bottom: 8px; }
.tab_left_cover h3 { -webkit-text-fill-color: currentColor; padding-bottom: 8px; font-size: 28px; line-height: 32px; color: var(--white); }
.tab_left_content, .tab_left_content p { color: var(--white-2); font-size: 16px; line-height: 24px; }
.tab__right_image { padding-bottom: 48px; }
.tab__right_image img { display: block; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.10); }
.tab_btn.btn a { width: 100%; }
.tab-content { display: none; }
div#tab0 { display: block; }
.tab_btn { position: absolute; top: auto; bottom: 32px; right: 48px; left: 48px; }
.mobile__view_section { display: none; }


@media(max-width:767px) {
  
  /*======= tabing ===== */
.mobile__view_section { display: block; }
.desktop__view { display: none; }
.tab_left { 
    cursor: pointer; 
    border-radius: 0; 
    width: 100%; 
    border: none; 
    padding: 25px;
    background-color: #2d2d30; /* Dark background for tabs */
    color: #d4d4d4; /* Light text color */
}
.tab__right { 
    width: 100%; 
    border-radius: 0; 
    border: none; 
    background: none; 
    padding: 0; 
}
.tab_left_cover.current:last-child { border-radius: 0; }
.tab__row.mobile_row { 
    border-radius: 16px; 
    margin-bottom: 25px; 
    overflow: hidden; 
    border: 1px solid rgba(255, 255, 255, 0.1); /* Light border for separation */
}
.tab_left_cover { 
    padding: 0; 
    border-bottom: none; 
    background-color: #1e1e1e; /* Dark background for each tab */
}
.tab_left_cover.tab__left_list.ready_box.current { 
    border: none; 
    background-color: #3a3d41; /* Highlight color for selected tab */
}
.tab_btn { 
    right: 25px; 
    left: 25px; 
}
.tab__right_cover { 
    padding-bottom: 30px; 
}
.tab__right_image { 
    padding-bottom: 25px; 
}
.tab_left.current { 
    border: 1px solid rgba(113, 63, 180, 0.2); /* Subtle border for selected tab */
    background: var(--section_bg); /* Darker background for emphasis */
}
.tab__section { 
    padding: 40px 0; 
}
.tab__title { 
    padding-bottom: 28px; 
    color: #d4d4d4; /* Title color for dark mode */
}
.mobile_row:first-child .tab-content { 
    display: block; 
}
.tab__right_box { 
    position: relative;
    border-radius: 0 16px 16px 0; 
    border: 1px solid rgba(255, 255, 255, 0.1); 
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%), #1e1e1e;
    padding: 25px; 
    padding-bottom: 120px; 
    color: #d4d4d4; /* Light text color for readability */
}
/*======= tabing ===== 
    .mobile__view_section { display: block; }
    .desktop__view { display: none; }
    .tab_left { cursor: pointer; border-radius: 0 0 0 0; width: 100%; border: none; padding: 25px; }
    .tab__right { width: 100%; border-radius: 0 0 0 0px; border: none; background: none; padding: 0; }
    .tab_left_cover.current:last-child { border-radius: 0px 0 0 0px; }
    .tab__row.mobile_row { border-radius: 32px; }
    .tab__row.mobile_row { margin-bottom: 25px; overflow: hidden; }
    .tab__row.mobile_row { border: 1px solid rgba(255, 255, 255, 0.10); }
    .tab_left_cover { padding: 0; border-bottom: none; }
    .tab_left_cover.tab__left_list.ready_box.current { border: none; background: none; }
    .tab_btn { right: 25px; left: 25px; }
    .tab__right_cover { padding-bottom: 30px; }
    .tab__right_image { padding-bottom: 25px; }
    .tab_left.current { border: 1px solid rgba(131, 63, 180, 0.00); background: var(--section_bg); }
    .tab__section { padding: 40px 0; }
    .tab__title { padding-bottom: 28px; }
    .mobile_row:first-child .tab-content { display: block; }
    .tab__right_box { position: relative;/* border-radius: 0px 32px 32px 0px; *//* border: 1px solid var(--border-10, rgba(255, 255, 255, 0.10)); */background: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%), #0B1544; padding: 25px; padding-bottom: 120px; }
}
/*

/* ===statement==== */
.statement__section { padding: 120px 0; }
.statement__section .container { max-width: 1230px; }
.tab_left_cover:last-child { border-bottom: none; }
.statement_box { background-repeat: no-repeat; background-size: 100% 100%; border-radius: 32px; padding: 48px; max-width: 992px; margin: 0 auto; }
.statement_box_title { max-width: 433px; padding-bottom: 16px; margin: 0 auto; margin-left: 0; }
.statement_box_content { padding-top: 16px; max-width: 433px; margin: 0 auto; margin-right: 0; font-size: 18px; line-height: 25px; color: var(--white); font-weight: 400; }
.statement_box_icon img { display: block; margin: 0 auto; width: 36px; height: 36px !important; !i; !; }
.statement_box_icon { padding-bottom: 15px; }
.statement_icon_title h3 { color:var(--white); padding-bottom: 12px; -webkit-text-fill-color: var(--white); }
.statement_icon_content { color: var(--white-2); }
.statement_box_row { max-width: 992px; margin: 0 auto; display: flex; flex-flow: wrap; margin: 0  auto; padding-top: 48px; text-align: center; }
.statement_box_clomnn { width: calc(100%/ 3 - 32px); margin: 0 16px; position: relative; z-index: 1; }
.statement_box_clomnn:before { position: absolute; content: ""; top: 0; right: -16px; left: auto; bottom: 0; width: 1px; height: 100%; background: rgb(255, 255, 255); background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgba(255, 255, 255, .15) 15%, rgba(255, 255, 255, .15) 15%, rgb(255 255 255 / 11%) 00%); }
.statement_box_clomnn:last-child:before { display: none; }
.statement__section { position: relative; z-index: 2; }
.statement__shape { position: absolute; top: 0; z-index: -1; }
.statement__shape img { display: block; object-fit: cover; height: 100% !important; }
.statement__shape_bottom {
    position: absolute;
    right: 0;
    z-index: -1;
}
.statement_box_btn {
    padding-top: 32px;
    max-width: 433px;
    margin: 0 auto;
    margin-right: 0;
}
@media(max-width:767px) {
/* ===statement==== */
    .statement__section { padding: 40px 0; }
    .statement_box_clomnn { width: calc(100%/ 1 - 0px); margin: 0; margin-bottom: 32px; }
    .statement_box_clomnn:before { width: 100%; height: 1px; right: 0; top: auto; bottom: -20px; }
    .statement_box { padding: 23px; }
    .statement_box_row { padding-top: 24px; }
}


.clients_section {
    position: relative;
    z-index: 2;
}
.clients_left_top { display: flex; flex-flow: wrap; }
.clients_left_cover { cursor: pointer; width: calc(100% / 4); text-align: center; padding: 32px; border-left: 1px solid  rgba(255, 255, 255, 0.10); }
.clients_row { border: 1px solid rgba(255, 255, 255, 0.10); border-radius: 24px; }
.clients_right_cover { border-top: 1px solid rgba(255, 255, 255, 0.10); border-radius: 0 0 24px 24px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%), #0B1544; padding: 48px; }
.clients_left_cover:first-child { border-radius: 24px 0 0 0; border-left: none; }
.clients_left_cover:last-child { border-radius: 0 24px 0px 0px; }
.clients_bttom_row { display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; }
.clients_author_row { display: flex; align-items: center; flex-flow: wrap; }
.clients_author_right span { display: block; }
.clients_author_left { width: 60px; }
.clients_author_left img { width: 56px; height: 56px !important; object-fit: cover; display: block; }
.clients_author_right { width: calc(100% - 60px); padding-left: 16px; }
.clients__bottom_cover { display: flex; padding-bottom: 48px; max-width: 800px; margin: 0 auto; }
.clients__bottom_content { max-width: 639px; margin: 0 auto; text-align: center; }
.svg__icon_top { display: flex; align-items: flex-start; }
.svg__icon_bottom { display: flex; align-items: flex-end; }
.clients__bottom_content h4 { color: var(--white-2); }
span.clients_author_name { font-size: 24px; line-height: 30px; color: var(--white-2); font-weight: 400; }
span.clients_author_postion { font-size: 16px; line-height: 24px; color:var(--white); font-weight: 400; opacity: 0.5; }
.clients_tab-content { display: none; }
div#tab-0 { display: block; }
.clients_section { padding: 120px 0; }
.clients_title { padding-bottom: 48px; }
.clients_left_cover.clients_current { border: 1px solid rgba(131, 63, 180, 0.00); background: var(--section_bg); }
.clients_left_cover img { display: block; margin: 0 auto; }
.mobile_main_section { display: none; }
@media(max-width:991px) {
    .clients_right_cover { padding: 25px; }
    .clients_left_cover { padding: 24px; }
    .clients__bottom_content h4 { font-size: 22px; line-height: 32px; }
    .clients_section { padding: 60px 0; }
    .clients_title { padding-bottom: 30px; }
}
@media(max-width:767px) {
    .mobile_main_section { display: block; }
    .clients_left_cover { width: 100%; border-radius: 24px 24px 0 0; }
    .clients_left_cover:first-child { border-radius: 24px 24px 0 0; }
    .destktop_view_section { display: none; }
    .mobile__main_row { margin-bottom: 22px; border: 1px solid rgba(255, 255, 255, 0.10); border-radius: 24px; overflow: hidden; }
    .clients_left_cover.clients_current { border: none; background: none; }
    .clients_left_top.mobile__current { border: 1px solid rgba(131, 63, 180, 0.00); background: var(--section_bg); }
    .clients_right_cover { display: none; }
    .mobile__main_row:first-child .clients_right_cover { display: block; }
    .clients_bttom_row { flex-direction: column; gap: 30px; }
    .clients__bottom_cover { padding-bottom: 30px; }
    .clients__bottom_content h4 { font-size: 18px; line-height: 28px; }
    .svg__icon_top svg { width: 40px; height: 40px; }
    .svg__icon_bottom svg { width: 40px; height: 40px; }
    .clients_right_cover { padding: 20px; }
    .clients_section { padding: 40px 0; }
    .clients_title { padding-bottom: 24px; }
}



.latest_blog_row { display: flex; flex-flow: wrap; }
.latest__section { padding: 120px 0 160px; }
.latest__row { display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 48px; }
.latest_blog_left { width: 70%; padding-right: 8px; }
.latest_blog_right { width: 30%; padding-left: 8px; }
.latest_blog_inner_row { display: flex; flex-flow: wrap; margin: 0 -8px; }
.latest_blog_inner_clomn { width: calc(100% /2 - 16px); margin: 0 8px; padding: 32px; border-radius: 24px; border: 1px solid rgba(255, 255, 255, 0.15); margin-top: 16px; padding-bottom: 70px; position: relative; }
.latest_blog_right .latest_blog_inner_clomn { width: 100%; margin: 0 0;  }
.latest_blog_right .latest_blog_inner_row { height: 100%; margin: 0 0; }
.latest_blog_inner_clomn:first-child { margin-top: 0; }
.latest_blog_inner_clomn:nth-child(2) { margin-top: 0; }
.latest_blog_inner_title h4 { color: var(--white); padding-bottom: 12px; }
.latest_blog_inner_content { overflow: hidden; color: rgba(255, 255, 255, 0.80); text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; align-self: stretch; margin-bottom: 32px; }
.latest_blog_inner_btn { position: absolute; top: auto; bottom: 32px; right: 32px; left: 32px; }
.latest_blog_inner_btn { text-align: right; }
.link_btn a { font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; transition: all 0.4s ease; display: inline-block; }
.link_btn a:hover { transform: translateY(-4px); }
.latest_blog_right .latest_blog_inner_clomn {
    margin-top: 16px;
}

.latest_blog_right .latest_blog_inner_clomn:first-child {
    margin-top: 0;
}
a.position__link {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
}
/*  */
.events_row { display: flex; flex-flow: wrap; padding-top: 32px; margin: 0 -16px; }
.events_inner_row { display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 4px; }
.events_clomn { width: calc(100% / 3 - 32px); margin: 0 16px; position: relative; }
.events_box { margin-top: 18px; border-radius: 32px; border: 1px solid var(--border-10, rgba(255, 255, 255, 0.10)); background: linear-gradient(144deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 63.22%), #0B1544; padding: 32px; }
.events_clomn:before { position: absolute; content: ""; top: 0; right: -16px; left: auto; bottom: 0; width: 1px; height: 100%; background: rgb(255, 255, 255); background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgba(255, 255, 255, .15) 15%, rgba(255, 255, 255, .15) 15%, rgb(255 255 255 / 11%) 00%); }
.events_clomn:last-child:before { display: none; }
.events_title h3 { color: var(--white); -webkit-text-fill-color: var(--white); }
.events_data { color:var(--white); }
.events_title h4 { color: var(--white); padding-bottom: 12px; }

.mobile_btn.latest__btn {
    display: none;
}

.events_content { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; align-self: stretch; overflow: hidden; color: rgba(255, 255, 255, 0.80); text-overflow: ellipsis; }
@media(max-width:991px) {
    .latest__section { padding: 80px 0 100px; }
    .latest_blog_inner_clomn { width: 100%; margin: 0 0; margin-top: 16px; }
    .latest_blog_inner_clomn:nth-child(2) { margin-top: 16px; }
    .latest_blog_left { width: 60%; padding-right: 0px; }
    .latest_blog_right { width: 40%; padding-left: 0px; }
    .latest_blog_inner_row { margin: 0 0; }
}
@media(max-width:767px) {
    .latest__section { padding: 40px 0 60px; }
    .latest_blog_inner_clomn { width: 100%; margin: 0 0; margin-top: 16px; }
    .latest_blog_inner_clomn:nth-child(2) { margin-top: 16px; }
    .latest_blog_left { width: 100%; padding-right: 0px; padding-bottom: 8px; }
    .latest_blog_right { width: 100%; padding-left: 0px; padding-top: 8px; }
    .latest_blog_inner_row { margin: 0 0; }
    .latest_blog_inner_clomn { padding: 20px; padding-bottom: 60px; }
     .mobile_btn.latest__btn {
    display: block;
    padding-top: 30px;
    text-align: center;
}
.desktop_btn.latest__btn {
    display: none;
}
    /*      */
    .events_box { padding: 22px; }
    .events_row { margin: 0 0; padding-top: 16px; }
    .events_clomn { width: calc(100% / 1 - 0px); margin: 0 0px; position: relative; margin-bottom: 32px; }
    .events_clomn:before { width: 100%; height: 1px; bottom: -16px; right: 0; top: auto; }
    .events_clomn:last-child {margin-bottom: 0;}
}






















































@media(max-width:1200px) {
    .header_left_row { gap: 24px; }
    .menu_header .hs-menu-wrapper > ul { gap: 20px; }
    .header_right_row { gap: 15px; }
    .search-input { width: 200px; }
}
@media(max-width:1080px) {
    .destktop__view .search-box-wrapper { display: none; }
    .menu_bar_click { display: block; }
    .mobile_top_logo .header_logo { display: block; }
    .menu_bar_click { display: block; }
    .mobile__view { background-color: #0F1631; height: 100vh; left: 0; padding-bottom: 40px; position: fixed; right: 0; top: 0; width: 100%; z-index: 9; overflow: auto; }
    .destktop__view .menu_header { display: none; }
    header.header { padding: 15px 0; }
    .mobile_close { display: flex; gap: 15px; align-items: center; }
    .close_bar { line-height: 0; }
    .header_menu { border-top: 1px solid var(--white); }
    .mobile_bottom { border-top: 1px solid var(--white); }
    .mobile_btn_row { align-items: center; display: flex; gap: 15px; justify-content: center; }
    .destktop__view .header_login_btn { display: none; }
    .destktop__view .header_sign_btn { display: none; }
    .menu_bar_click svg path { stroke: var(--white); }
    .mobile_top_row { padding: 20px 15px; display: flex; justify-content: space-between; align-items: center; }
    .close_bar svg { width: 45px; height: 45px; }
    .header_menu { width: 100%; padding: 20px; overflow: auto; }
    .header_menu .hs-menu-wrapper ul li a { color: var(--white); }
    .header_menu .hs-menu-wrapper>ul>li { padding: 12px 20px; position: relative; }
    .header_menu .hs-menu-wrapper>ul>li.hs-item-has-children:before { display: none; }
    .header_menu .hs-menu-wrapper.flyouts ul>li .hs-item-has-children { padding-right: 0; }
    .header_btn a.button { width: auto; }
    .header_btn { text-align: center; padding-top: 12px; }
    .header_btn a.button { display: inline-flex; }
    .header_phone { text-align: center; padding-bottom: 12px; }
    .mobile-open { overflow: hidden; }
    .mobile_center .header_menu .hs-menu-wrapper ul li > ul { opacity: 1; transform: translateZ(0); visibility: visible; display: none; }
    .header_menu .hs-menu-wrapper ul { display: block; }
    .mobile_bottom { padding: 20px; }
    .header_menu .hs-menu-wrapper>ul>li { padding: 12px 0; }
    .header_menu .hs-menu-wrapper>ul>li:hover { background: transparent; }
    .mobile_center .header_menu .hs-menu-wrapper ul li>ul { padding-top: 18px; padding-left: 5px; width: 100%; display: none; position: static; }
    .mobile_center .header_menu .hs-menu-wrapper ul li>ul li { padding: 10px 0; padding-left: 15px; border-left: 1px solid #BCDBF4; }
    .mobile_center .header_menu .hs-menu-wrapper ul li>ul li:first-child { padding-top: 0; }
    .mobile_center .header_menu .hs-menu-wrapper ul li>ul li:last-child { padding-bottom: 0; }
    .header_menu .hs-menu-wrapper ul li > a { font-size: 18px; line-height: 24px; }
    .mobile_center .header_menu .hs-menu-wrapper ul li>ul li > a { font-size: 14px; line-height: 20px; }
    span.sub_trigger { opacity: 1; align-items: center; color: var(--white); display: flex; font-size: 20px; height: 25px; justify-content: center; position: absolute; right: 0; top: 13px; width: 25px; background: var(--white); border-radius: 100%; cursor: pointer; }
    span.sub_trigger i, span.sub_trigger i:after { background-color: #000000; content: ""; display: inline-block; height: 2px; position: absolute; transition: all .4s ease; width: 13px; }
    span.sub_trigger i { left: auto; right: 6px; top: auto; }
    .submenu-open > span.sub_trigger i:after { transform: rotate(0deg); }
    span.sub_trigger i:after { left: 0; right: auto; top: 0; transform: rotate(90deg); }
    span.sub_trigger i, span.sub_trigger i:after { background-color: #000000; content: ""; display: inline-block; height: 2px; position: absolute; transition: all .4s ease; width: 12px; }
    .mobile_center .header_menu .hs-menu-wrapper ul li> ul span.sub_trigger { top: 7px; }
    .mobile_bottom .search-btn { display: none; }
    .mobile_bottom .search-input { opacity: 1; visibility: visible; transform: translateY(0px); position: static; width: 100%; }
    .mobile_bottom .search-box-wrapper { padding: 20px 0; }
    .header_login_btn a {  transform: translateX(0px); }
}

@media(max-width:1150px) {
    .search-input { width: 160px; }
}

@media(max-width:991px) {
/*  */

h1 { font-size: 50px; line-height: 63.6px; }
h2 { font-size: 42px; line-height: 57.2px;}
h3 { font-size: 30px; line-height: 30px;}
h4 { font-size: 24px; line-height: 34.8px;}
h5 { font-size: 20px; line-height: 30.8px;}
h6 { font-size: 18px; line-height: 28.8px;}



    .footer_center_row { padding: 30px 0; }
    .footer_section_top { padding: 30px 0; }
    .footer_menu_row { margin: 0 0; padding-bottom: 40px; }
    .footer_menu_clomn { width: calc(100% / 2 - 32px); margin: 0 16px; margin-bottom: 35px; }
    
/*  ===== hero====   */
.banner__section {padding: 100px 0;}
}

@media(max-width:767px) {
/*  */
h1 { font-size: 38px; line-height: 53.6px; }
h2 { font-size: 34px; line-height: 42.2px;}
h3 { font-size: 28px; line-height: 28px;}
h4 { font-size: 20px; line-height: 28.8px;}
h5 { font-size: 20px; line-height: 30.8px;}
h6 { font-size: 18px; line-height: 28.8px;}
body {font-size: 16px;line-height: 24px;}




    .footer_top_title { width: 100%; padding-bottom: 30px; text-align: center; }
    .footer_top_form { width: 100%; }
    .footer_top_form form { margin: 0 auto; }
    .footer_menu_title { font-size: 20px; line-height: 30px; padding-bottom: 13px; }
    .footer_center_row { padding: 25px 0; }
    .footer_section_top { padding: 25px 0; }
    .footer_menu_row { padding-bottom: 25px; }
    .footer_bottom_row { gap: 30px; justify-content: center; }
    
    /*  ===== hero====   */
    .banner__section {padding: 80px 0 60px; position: relative;z-index: 1;}
    
}

@media(max-width:374px) {
    .footer_top_form .hs-email.hs-form-field { margin: 0 0; }
    .footer_top_form .hs_submit.hs-submit { position: static; transform: translateY(0px); padding: 30px 0 0 0; }
    .footer_top_form form input[type=email], form input[type=file], form input[type=number], form input[type=password], form input[type=search], form input[type=tel], form input[type=text], form select, form textarea { border-radius: 9999px; border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(255, 255, 255, 0.10) !important; height: 50px; }
    .footer_top_form form { border: none !important; background: transparent !important; }
    .footer_menu_row { margin: 0 0; padding-bottom: 30px; }
    .footer_menu_clomn { width: calc(100% / 1 - 00px); margin: 0 00px; margin-bottom: 20px; }
}