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

:root{
    --primary_font: "Figtree", sans-serif;
    --secondary_font: "Figtree", sans-serif;

    --primary: #33268C;
    --secondary: #FF005D;
    --tertiary: #995BF2;

    --black: #090B0E;
    --white: #FFF;
    --gray: #505050;
    --darkblue: #3D4C5E;
    --green: #78FF78;
    --skyblue: #C6F5FF;
    --yellow: #FDAF05;

    --lightpink: #FFF2F9;
    --lightgray: #F8F8F8;
    --lightpurple: #FBF6FF;
    --lightgreen: #AEFFB2;
    --lightyellow: #FFE8A4;
    --lightblue: #B3E7F8;

    --secondary30: rgba(255, 0, 93, 0.30);
    --textdart: #000000;
    --textgray: #8E8E93;

    --h1: 56px;
    --h2: 44px;
    --h3: 40px;
    --h4: 28px;
    --h5: 24px;
    --h6: 20px;
    --body: 20px;
    --large: 24px;
    --medium: 18px;
    --small: 16px;

    --headingBlack: #090B0E;
    --headingGray: #4A4A4A;
    --headingBlue: #161C2D;
    --headingDarkGray: #222222;
    --headingWhite: #FFFFFF;
    --headingYellow: #FDAF05;
    --headingDarkBlue: #252B5C;

    --btn1bg: #FDAF05;
    --btn1text: #FFFFFF;
    --btn1iconbg: #FFF;
    --btn1icon: #090B0E;
    --btn1bgh: #313131;
    --btn1texth: #FFFFFF;

    --btn2bg: #442F9D;
    --btn2text: #FFFFFF;
    --btn2iconbg: #FFF;
    --btn2icon: #090B0E;

    --btn3bg: #313131;
    --btn3text: #FFFFFF;
    --btn3iconbg: #FFF;
    --btn3icon: #090B0E;

    --link_color: #33268C;
    --link_h_color: #FF005D;

    --p100: 100px;
	--p90: 90px;
	--p80: 80px;
	--p70: 70px;
	--p60: 60px;
	--p50: 50px;
	--p40: 40px;
}

*,
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
* { padding: 0; margin: 0; border: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
.hs-cta-wrapper a.cta_button { box-sizing: border-box !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -ms-box-sizing: border-box !important; }
body { padding: 0; margin: 0; overflow-x: hidden; background-color: #fff !important; }
img { max-width: 100%; }
.d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; }
.d-inline-flex{ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }
.row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; }
.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.justify-content-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.justify-content-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.justify-content-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.justify-content-around { -ms-flex-pack: distribute; justify-content: space-around; }
.align-items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.align-items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

.container { width: 100%; padding-left: 15px; padding-right: 15px; margin: 0 auto; float: none; box-sizing: border-box; }
   

@media (min-width: 1px) {
    .sm_mt30{ margin-top: 30px; }
    .sm_mt25{ margin-top: 25px; }
    .sm_mt20{ margin-top: 20px; }
    .sm_mt15{ margin-top: 15px; }
    .sm_mt10{ margin-top: 10px; }
}

@media (min-width: 576px) {
    .container{ width: 540px; }

    .m_mt30{ margin-top: 30px; }
    .m_mt25{ margin-top: 25px; }
    .m_mt20{ margin-top: 20px; }
    .m_mt15{ margin-top: 15px; }
    .m_mt10{ margin-top: 10px; }
}

@media (min-width: 768px) {
    .container{ width: 714px; }
    
    .t_mt30{ margin-top: 30px; }
    .t_mt25{ margin-top: 25px; }
    .t_mt20{ margin-top: 20px; }
    .t_mt15{ margin-top: 15px; }
    .t_mt10{ margin-top: 10px; }
}

@media (min-width: 992px) {
    .container{ width: 970px; }
    
    .lp_mt30{ margin-top: 30px; }
    .lp_mt25{ margin-top: 25px; }
    .lp_mt20{ margin-top: 20px; }
    .lp_mt15{ margin-top: 15px; }
    .lp_mt10{ margin-top: 10px; }
}

@media (min-width: 1200px) {
    .container{ width: 1170px; }
    
    .l_mt30{ margin-top: 30px; }
    .l_mt25{ margin-top: 25px; }
    .l_mt20{ margin-top: 20px; }
    .l_mt15{ margin-top: 15px; }
    .l_mt10{ margin-top: 10px; }
}

@media (min-width: 1367px) {
    .container{ width: 1230px; }
    .nano_container{ width: 1230px; }
    
    .d_mt30{ margin-top: 30px; }
    .d_mt25{ margin-top: 25px; }
    .d_mt20{ margin-top: 20px; }
    .d_mt15{ margin-top: 15px; }
    .d_mt10{ margin-top: 10px; }
}

@media (min-width: 1441px) {
    .container { width: 1430px; }
    .small_container { width: 1340px; }
    .nano_container{ width: 1230px; }
    .tic_section .right{ padding-right: calc(100% - 1400px/2); }

    .mt30{ margin-top: 30px; }
    .mt25{ margin-top: 25px; }
    .mt20{ margin-top: 20px; }
    .mt15{ margin-top: 15px; }
    .mt10{ margin-top: 10px; }
}

@media (min-width: 1500px) {
    .container { width: 1470px; }
    .small_container { width: 1340px; }
    .nano_container{ width: 1230px; }
    .tic_section .right{ padding-right: calc(100% - 1440px/2); }
}

@media (min-width: 1640px) {
    .wide_container { width: 1630px; }
    .small_container { width: 1340px; }
    .nano_container{ width: 1230px; }
    .tic_section .right{ padding-right: calc(100% - 1600px/2); }
    .blog_list_section .container{ width: 1544px; }
}

input, select, textarea, button{ outline: none !important; box-shadow: none !important; }
button{ font-family: var(--secondary_font); background-color: transparent; cursor: pointer; }

body{ font-size: var(--body); font-family: var(--secondary_font) !important; line-height: 1.5em; }
.large{ font-size: var(--large); line-height: 1.58em; }
.medium{ font-size: var(--medium); line-height: 1.67em; }
.small{ font-size: var(--small); line-height: 1.5em; }

.h1, h1 { margin: 0px; font-size: var(--h1); font-weight: 600; text-decoration: none; font-family: var(--primary_font); font-style: normal; text-transform: none; line-height: 1.2em; }
.h2, h2 { margin: 0px; font-size: var(--h2); font-weight: 600; text-decoration: none; font-family: var(--primary_font); font-style: normal; text-transform: none; line-height: 1.45em; }
.h3, h3 { margin: 0px; font-size: var(--h3); font-weight: 700; text-decoration: none; font-family: var(--primary_font); font-style: normal; text-transform: none; line-height: 1.34em; }
.h4, h4 { margin: 0px; font-size: var(--h4); font-weight: 700; text-decoration: none; font-family: var(--primary_font); font-style: normal; text-transform: none; line-height: normal; }
.h5, h5 { margin: 0px; font-size: var(--h5); font-weight: 700; text-decoration: none; font-family: var(--primary_font); font-style: normal; text-transform: none; line-height: normal; }
.h6, h6 { margin: 0px; font-size: var(--h6); font-weight: 700; text-decoration: none; font-family: var(--primary_font); font-style: normal; text-transform: none; line-height: normal; }
a { color: var(--link_color); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; text-decoration: none; }
a:hover { color: var(--link_h_color); text-decoration: none; }

ul{ list-style: none; padding: 0; margin: 0; }
ul.icon_list li,
.icon_list ul li{ padding-left: 40px; position: relative; margin-top: 15px; }
ul.icon_list li::before,
.icon_list ul li::before{ content: ""; width: 22px; height: 22px; left: 0; top: 5px; position: absolute; background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.375 12.1251C19.625 15.8751 16.7975 19.4061 12.83 20.1951C10.895 20.5804 8.88769 20.3455 7.09398 19.5237C5.30026 18.7018 3.81155 17.3351 2.83981 15.618C1.86807 13.9008 1.46285 11.9209 1.68184 9.96008C1.90082 7.99926 2.73286 6.15751 4.05947 4.69707C6.78047 1.70007 11.375 0.875069 15.125 2.37507' stroke='%23FDAF05' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.625 10.625L11.375 14.375L20.375 4.625' stroke='%23FDAF05' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center / 22px; }

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

.headingBlack_h1 h1, .headingBlack_h2 h2, .headingBlack_h3 h3, .headingBlack_h4 h4, .headingBlack_h5 h5, .headingBlack_h6 h6{ color: var(--headingBlack); }
.headingGray_h1 h1, .headingGray_h2 h2, .headingGray_h3 h3, .headingGray_h4 h4, .headingGray_h5 h5, .headingGray_h6 h6{ color: var(--headingGray); }
.headingBlue_h1 h1, .headingBlue_h2 h2, .headingBlue_h3 h3, .headingBlue_h4 h4, .headingBlue_h5 h5, .headingBlue_h6 h6{ color: var(--headingBlue); }
.headingDarkGray_h1 h1, .headingDarkGray_h2 h2, .headingDarkGray_h3 h3, .headingDarkGray_h4 h4, .headingDarkGray_h5 h5, .headingDarkGray_h6 h6{ color: var(--headingDarkGray); }
.headingWhite_h1 h1, .headingWhite_h2 h2, .headingWhite_h3 h3, .headingWhite_h4 h4, .headingWhite_h5 h5, .headingWhite_h6 h6{ color: var(--headingWhite); }
.headingYellow_h1 h1, .headingYellow_h2 h2, .headingYellow_h3 h3, .headingYellow_h4 h4, .headingYellow_h5 h5, .headingYellow_h6 h6{ color: var(--headingYellow); }
.headingDarkBlue_h1 h1, .headingDarkBlue_h2 h2, .headingDarkBlue_h3 h3, .headingDarkBlue_h4 h4, .headingDarkBlue_h5 h5, .headingDarkBlue_h6 h6{ color: var(--headingDarkBlue); }

.black{ color: var(--black); }
.white{ color: var(--white); }
.gray{ color: var(--gray); }
.darkblue{ color: var(--darkblue); }

[class*="button_"] + [class*="button_"]{ margin-left: 10px; }
[class*="button_"] a,
[class*="btn_style_"] a,
[class*="button_"] button,
[class*="btn_style_"] button{ display: inline-block; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; font-size: 18px; line-height: 1; font-weight: 700; padding: 16px 25px; border-radius: 50px; text-align: center; }
[class*="button_"] button,
[class*="btn_style_"] button{ cursor: pointer; }

[class*="button_"].icon a,
[class*="btn_style_"].icon a{ min-width: 228px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px 8px 8px 26px !important; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
[class*="button_"].icon a svg,
[class*="btn_style_"].icon a svg{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); width: 36px; height: 36px; margin-left: 15px; }
[class*="button_"].icon a svg rect,
[class*="btn_style_"].icon a svg rect{ width: 100%; height: 100%; }

.button_group{ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.button_div{ margin-top: 30px; }

.button_1 a,
.btn_style_1 a,
.button_1 button,
.btn_style_1 button{ background-color: var(--btn1bg); color: var(--btn1text); }
.button_1 a svg path,
.btn_style_1 a svg path{ color: var(--btn1icon); }
.button_1 a svg rect,
.btn_style_1 a svg rect{ color: var(--btn1iconbg) }
.button_1 a:hover,
.btn_style_1 a:hover,
.button_1 button:hover,
.btn_style_1 button:hover{ background-color: var(--btn1bgh); color: var(--btn1texth); }

.button_2 a,
.btn_style_2 a,
.button_2 button,
.btn_style_2 button{ background-color: var(--btn2bg); color: var(--btn2text); }
.button_2 a svg path,
.btn_style_2 a svg path{ color: var(--btn2icon); }
.button_2 a svg rect,
.btn_style_2 a svg rect{ color: var(--btn1iconbg) }

.button_3 a,
.btn_style_3 a,
.button_3 button,
.btn_style_3 button{ background-color: var(--btn3bg); color: var(--btn3text); }
.button_3 a svg path,
.btn_style_3 a svg path{ color: var(--btn3icon); }
.button_3 a svg rect,
.btn_style_3 a svg rect{ color: var(--btn1iconbg) }

.pt-100{ padding-top: var(--p100); }
.pb-100{ padding-bottom: var(--p100); }
.pt-80{ padding-top: var(--p80); }
.pb-80{ padding-bottom: var(--p80); }
.pt-60{ padding-top: var(--p60); }
.pb-60{ padding-bottom: var(--p60); }
.pt-40{ padding-top: var(--p40); }
.pb-40{ padding-bottom: var(--p40); }

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

form fieldset[class*="form-columns-"] { margin: 0 -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
form fieldset[class*="form-columns-"] .form-field{ padding: 0 15px; }
form fieldset[class*="form-columns-"] + fieldset[class*="form-columns-"]{ margin-top: 30px; }
form fieldset.form-columns-1 .form-field{ width: 100%; }
form fieldset.form-columns-2 .form-field{ width: 50%; }
form fieldset.form-columns-3 .form-field{ width: calc(100% / 3); }
form fieldset.form-columns-4 .form-field{ width: calc(100% / 4); }
form fieldset[class*="form-columns-"] .form-field label{ font-size: 14px; color: #000; display: inline-block; width: 100%; margin-bottom: 5px; }
form fieldset[class*="form-columns-"] .form-field input,
form fieldset[class*="form-columns-"] .form-field select,
form fieldset[class*="form-columns-"] .form-field textarea{ border: 1px solid #D1D1D1; border-radius: 0; width: 100%; background-color: #FFF; padding: 15px 20px; }
form fieldset[class*="form-columns-"] .form-field select{ appearance: none; background-image: url(../images/select_arrow.svg); background-position: 95%; background-repeat: no-repeat; }
form fieldset[class*="form-columns-"] .form-field .help-text{ font-size: 12px; color: #676767; display: inline-block; width: 100%; margin-top: 5px; }
form fieldset[class*="form-columns-"] .form-field p{ font-size: var(--small); line-height: 1.5; }

ul.slick-dots{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 50px; }
ul.slick-dots li{ margin: 0 5px; width: 24px; height: 24px; line-height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
ul.slick-dots li.slick-active{ background-color: #fff; border-radius: 50%; }
ul.slick-dots li button{ background-color: #fff; width: 10px; height: 10px; border-radius: 50%; font-size: 0; line-height: 0; }
ul.slick-dots li button:hover,
ul.slick-dots li.slick-active button{ background-color: #442F9D; }

.slider_arrows{ 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; gap: 20px; margin-top: 40px; }
.slider_arrows .slick-arrow{ font-size: 0; width: 35px; height: 35px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.slider_arrows .slick-arrow.slick-prev{ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.9134 23.715L16.5567 26.0717L9.4834 19L16.5551 11.9283L18.9117 14.2867L15.8667 17.3333H28.4284V20.6667H15.8667L18.9134 23.715Z' fill='%23442F9D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.0365 31.9633C-1.1235 24.8033 -1.1235 13.1966 6.0365 6.03663C13.1965 -1.12337 24.8032 -1.12337 31.9632 6.03663C39.1232 13.1966 39.1232 24.8033 31.9632 31.9633C24.8032 39.1233 13.1965 39.1233 6.0365 31.9633ZM8.39317 29.6066C5.58011 26.7936 3.99975 22.9782 3.99975 19C3.99975 15.0217 5.58011 11.2064 8.39317 8.39329C11.2062 5.58023 15.0216 3.99987 18.9998 3.99987C22.9781 3.99987 26.7934 5.58023 29.6065 8.39329C32.4196 11.2064 33.9999 15.0217 33.9999 19C33.9999 22.9782 32.4196 26.7936 29.6065 29.6066C26.7934 32.4197 22.9781 34.0001 18.9998 34.0001C15.0216 34.0001 11.2062 32.4197 8.39317 29.6066Z' fill='%23442F9D'/%3E%3C/svg%3E%0A"); }
.slider_arrows .slick-arrow.slick-next{ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.0866 23.715L21.4433 26.0717L28.5166 19L21.4449 11.9283L19.0883 14.2867L22.1333 17.3333H9.5716V20.6667H22.1333L19.0866 23.715Z' fill='%23442F9D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.9635 31.9633C39.1235 24.8033 39.1235 13.1966 31.9635 6.03663C24.8035 -1.12337 13.1968 -1.12337 6.03683 6.03663C-1.12317 13.1966 -1.12317 24.8033 6.03683 31.9633C13.1968 39.1233 24.8035 39.1233 31.9635 31.9633ZM29.6068 29.6066C32.4199 26.7936 34.0003 22.9782 34.0003 19C34.0003 15.0217 32.4199 11.2064 29.6068 8.39329C26.7938 5.58023 22.9784 3.99987 19.0002 3.99987C15.0219 3.99987 11.2066 5.58023 8.39349 8.39329C5.58043 11.2064 4.00007 15.0217 4.00007 19C4.00007 22.9782 5.58043 26.7936 8.39349 29.6066C11.2066 32.4197 15.0219 34.0001 19.0002 34.0001C22.9784 34.0001 26.7938 32.4197 29.6068 29.6066Z' fill='%23442F9D'/%3E%3C/svg%3E%0A"); }

.switch { display: inline-block; line-height: 0; }
.switch input { display: none; }
.switch label { display: block; width: 72px; height: 33px; padding: 6px; border-radius: 50px; background: rgba(22, 28, 45, 0.15); cursor: pointer; transition: 0.3s; }
.switch input:checked ~ label { background: #161C2D; }
.switch label::after { content: ""; display: inherit; width: 21px; height: 21px; border-radius: 50%; background: #FFF; transition: 0.3s; }
.switch input:checked ~ label::after { translate: 38px 0; background: #FFF; }

.section_heading .title span{ display: inline-block; position: relative; padding-bottom: 10px; }
.section_heading .title span::before{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 14px; background: url("data:image/svg+xml,%3Csvg width='169' height='15' viewBox='0 0 169 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999941 13C41.9999 3.50004 89 -3.49999 168 8.5' stroke='%23FF0963' stroke-width='3'/%3E%3C/svg%3E%0A") no-repeat top center / cover; }

.login_signup_section{ padding: 100px 0 30px; position: relative; z-index: 2; }
.login_signup_section .bg_img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 65%; background: url('../images/login_signup_bg_image.png') no-repeat center bottom / cover; z-index: -1; }
.login_signup_section .ls_card_wrap{ padding: 0 15px; max-width: 520px; margin: 0 auto; }
.login_signup_section .ls_card{ box-shadow: 0px 69.8473px 34.0719px -11.9251px rgba(100, 100, 100, 0.0784314); border-radius: 10px; padding: 40px 80px; background-color: #fff; border: 1px solid #E0E0E0; }
.login_signup_section .ls_card .logo_title,
.login_signup_section .ls_card .logo_title .logo,
.login_signup_section .ls_card .logo_title .title{ display: inline-block; width: 100%; }
.login_signup_section .ls_card .logo_title .logo{ margin-bottom: 15px; }
.login_signup_section .ls_card .form_card .form{ max-width: 325px; margin-top: 15px; }
.login_signup_section .ls_card .form_card .form .form_group{ display: inline-block; width: 100%; position: relative; }
.login_signup_section .ls_card .form_card .form .form_group label{ position: absolute; top: 10px; left: 14px; }
.login_signup_section .ls_card .form_card .form .form_group + .form_group{ margin-top: -1px; }
.login_signup_section .ls_card .form_card .form .form_group input{  background: #FFFFFF; border: 1px solid #E0E0E0; width: 100%; height: 60px; padding: 30px 14px 10px; }
.login_signup_section .ls_card .form_card .form .form_group label{ color: #212121; font-weight: 500; }
.login_signup_section .ls_card .form_card .form .form_group .eye_btn{ position: absolute; right: 14px; width: 15px; top: 32px; cursor: pointer; z-index: 2; }
.login_signup_section .ls_card .form_card .form .form_group .reset_btn{ margin-top: 10px; display: inline-block; width: 100%; }
.login_signup_section .ls_card .form_card .form .form_group .reset_btn a{ display: inline-block; font-weight: 600; }

.login_page .ls_card{ min-height: 575px; }
.reset_password_page .ls_card{ min-height: 450px; }
.reset_password_page .bg_img{ height: 50%; }

.checkbox{ margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.checkbox input{ width: 18px !important; height: 18px !important; padding: 0; position: absolute; left: 0; opacity: 0; }
.checkbox label{ width: auto !important; position: relative; font-size: 11px; user-select: none; display: inline-block; }
.checkbox label a{ text-decoration: underline; }
.checkbox .checkbox-custom + label{ padding-left: 28px; }
.checkbox .checkbox-custom:checked + label:before { background: var(--primary); border: 1px solid var(--primary); }
.checkbox .checkbox-custom + label:before{ content: ''; background: #fff; border: 1px solid #6A6A6A; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; padding: 2px; text-align: center; }
.checkbox .checkbox-custom:checked + label:after { content: ''; display: block; position: absolute; top: 4px; left: 6px; width: 6px; height: 12px; border: solid #FFF; border-width: 0 2px 2px 0; transform: rotate(45deg); }

form fieldset[class*="form-columns-"] .checkbox{ margin-top: 0; }
form fieldset[class*="form-columns-"] .checkbox label{ font-size: var(--small); }

form .buttons_group{ margin-top: 40px; }
form .buttons_group button{ min-width: 230px; background-image: url("data:image/svg+xml,%3Csvg width='51' height='51' viewBox='0 0 51 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.0947266' y='25.5' width='36' height='36' rx='18' transform='rotate(-45 0.0947266 25.5)' fill='white'/%3E%3Cpath d='M19.6156 20.9842V19.8904C19.6404 19.418 20.0133 19.0451 20.4608 19.0451L30.131 19.0203C30.6033 19.0451 30.9762 19.418 30.9762 19.8655V29.5606C30.9762 30.0081 30.6033 30.381 30.131 30.4058H29.0372C28.5649 30.381 28.192 30.0081 28.1671 29.5357L28.3163 23.669L21.1817 30.8036C20.8337 31.1516 20.3365 31.1516 19.9884 30.8036L19.1929 30.0081C18.8698 29.6849 18.8449 29.1629 19.1929 28.8148L26.3275 21.6802L20.4856 21.8542C20.0133 21.8294 19.6156 21.4814 19.6156 20.9842Z' fill='%23090B0E'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: 100% 0; padding-right: 55px; }

.login_signup_section .ls_card .form_card .form .form_button{ display: inline-block; width: 100%; margin-top: 15px; }
.login_signup_section .ls_card .form_card .form .form_button button{ width: 100%; background-color: var(--primary); color: var(--white); font-weight: 700; padding: 20px 20px; cursor: pointer; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; -o-transition: 0.4s ease all; transition: 0.4s ease all; }
.login_signup_section .ls_card .form_card .form .form_button button:hover{ opacity: 0.8; }

.login_signup_section .ls_card .form_card .or_text{ display: inline-block; width: 100%; margin: 15px 0; }
.login_signup_section .ls_card .form_card .other_login ul{ gap: 20px; }
.login_signup_section .ls_card .form_card .other_login ul li a{ width: 35px; height: 35px; border: 1px solid #EEEEEE; background-color: #fff; }
.login_signup_section .ls_card .form_card .other_login ul li a svg{ width: 25px; }

.login_signup_section .ls_card .form_card .login_signup_link{ color: var(--textgray); display: inline-block; width: 100%; margin-top: 15px; font-weight: 500; }

.login_signup_footer{ padding: 20px 20px 40px; }
.login_signup_footer .copyright{ font-size: 12px; color: #616161; }

section{ overflow: hidden; }

header.header .left,
header.header .right,
header.header .center{ padding: 0 15px; }
header.header .logo{ padding: 15px 0; }
header.header .logo,
header.header .logo a,
header.header .logo a img{ display: inline-block; width: 100%; line-height: 0; }
header.header .navigation_div ul li a{ font-weight: 500; }

header.header .menubtn_div{ width: 40px; display: inline-block; line-height: 0; }
header.header .menubtn_div .menu_button { cursor: pointer; width: 40px; height: 40px; background: none; position: relative; } 
header.header .menubtn_div .menu_button .menu_icons { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50% , -50%); -moz-transform: translate(-50% , -50%); -o-transform: translate(-50% , -50%); -ms-transform: translate(-50% , -50%); transform: translate(-50% , -50%); }
header.header .menubtn_div .menu_button.active .menu_icons.open_icon, 
header.header .menubtn_div .menu_button .menu_icons.close_icon { opacity: 0; visibility: hidden; }
header.header .menubtn_div .menu_button.active .menu_icons.close_icon { opacity: 1; visibility: visible; }
header.header .menubtn_div .menu_button .menu_icons svg { fill: #fff; width: 100%; height: 100%; }

.home_banner_section:not(.inner_banner){ position: relative; z-index: 2; padding: 110px 0 210px; }
.home_banner_section .left_part,
.home_banner_section .right_part{ width: 50%; padding: 0 15px; }
.home_banner_section .banner_content .title{ margin-bottom: 25px; }
.home_banner_section .banner_content .title .outline_text{ opacity: 0.36; font-size: 90px; line-height: normal; font-family: sans-serif; -webkit-text-fill-color: transparent; -webkit-text-stroke-color: #FFF; -webkit-text-stroke-width: 1px; text-transform: uppercase; }
.home_banner_section .banner_content .title h1{ margin-top: -50px; -webkit-text-stroke-color: #00CDF5; -webkit-text-stroke-width: 1px; font-family: sans-serif; }
.home_banner_section .banner_content .title span{ display: inline-block; position: relative; padding-bottom: 30px; }
.home_banner_section .banner_content .title span::before{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 19px; background: url("data:image/svg+xml,%3Csvg width='343' height='19' viewBox='0 0 343 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 17C72.4429 4.80291 240 -5.61768 342 9.52991' stroke='%23FDAF05' stroke-width='3'/%3E%3C/svg%3E%0A") no-repeat top center / cover; }
.home_banner_section .image_div{ line-height: 0; display: inline-block; width: 100%; text-align: center; }
.home_banner_section .image_div img{ display: inline-block; }

.usp_section .section_heading{ display: block; max-width: 742px; margin: 0 auto 10px; }
.usp_section .ups_list .ups_col{ margin-top: 30px; width: calc(100% / 4); padding: 0 15px; }
.usp_section .ups_list .ups_card{ text-align: center; padding: 30px 20px; border-radius: 20px; height: 100%; }
.usp_section .ups_list .ups_col:nth-child(6n+1) .ups_card,
.usp_section .ups_list .ups_col:nth-child(6n+4) .ups_card { background-color: var(--secondary30); }
.usp_section .ups_list .ups_col:nth-child(6n+2) .ups_card,
.usp_section .ups_list .ups_col:nth-child(6n+5) .ups_card { background-color: var(--green); }
.usp_section .ups_list .ups_col:nth-child(6n+3) .ups_card,
.usp_section .ups_list .ups_col:nth-child(6n+6) .ups_card { background-color: var(--skyblue); }
.usp_section .ups_list .ups_card .icon{ width: 128px; height: 128px; margin: 40px auto 35px; }
.usp_section .ups_list .ups_card .icon img{ max-width: 100%; max-height: 100%; }

.tic_section{ background: var(--primary) url('../images/home_about_bg_image.png') no-repeat center center / cover; }
.tic_section .left,
.tic_section .center,
.tic_section .right{ padding: 0 15px; }
.tic_section .left{ width: 35%; }
.tic_section .center{ width: 35%; }
.tic_section .right{ width: 30%; }
.tic_section .section_heading{ max-width: 590px; }
.tic_section .section_heading .title span{ color: var(--yellow); }
.tic_section .section_heading .title span::before{ background: url("data:image/svg+xml,%3Csvg width='169' height='15' viewBox='0 0 169 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999941 13C41.9999 3.50004 89 -3.49999 168 8.5' stroke='%23FFF' stroke-width='3'/%3E%3C/svg%3E%0A") no-repeat top center / cover; }
.tic_section .right_image{ line-height: 0; }

.image_content_section{ background: #F8F8F8; overflow: hidden; }
.image_content_section .left_part,
.image_content_section .right_part{ width: 50%; padding: 0 15px; }
.image_content_section .section_heading{ max-width: 622px; }
.image_content_section .image_div{ position: relative; z-index: 2; }
.image_content_section .image_div::before,
.image_content_section .image_div::after{ content: ""; position: absolute; z-index: -1; }
.image_content_section .image_div::before{ left: 0; top: -47px; width: 138px; height: 138px; border-radius: 50%; background: #07C30A; filter: blur(105px); }
.image_content_section .image_div::after{ right: 0; bottom: -50px; width: 284px; height: 212px; background: #AC72FF; filter: blur(140px); border-radius: 20px; }

.our_solutions_section .solutions_list{ margin-top: 50px; background: url(../images/solution_center_bg.svg) no-repeat center center / 40%; }
.our_solutions_section .solutions_list > .row{ gap: 200px 200px; }
.our_solutions_section .solutions_list .solution_col{ width: calc(100% / 2 - 100px); padding: 0 15px; }
.our_solutions_section .solutions_list .solution_card{ padding: 25px; background: var(--lightpurple); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25); border-radius: 8px; height: 100%; }
.our_solutions_section .solutions_list .solution_card .icon_number{ margin-bottom: 30px; }
.our_solutions_section .solutions_list .solution_card .icon_number .number{ font-size: 60px; font-weight: 600; color: var(--primary); line-height: normal; }
.our_solutions_section .solutions_list .solution_card .icon_number .icon{ width: 70px; height: 70px; background-color: #FFEAF3; border-radius: 50%; }
.our_solutions_section .solutions_list .solution_card .icon_number .icon img{ max-width: 41px; max-height: 41px; }
.our_solutions_section .solutions_list .solution_card .title{ display: inline-block; width: 100%; margin-bottom: 15px; }
.our_solutions_section .solutions_list .solution_card .content{ max-width: 455px; }
.our_solutions_section .button_div{ margin-top: 50px; }

.usersay_tab_section{ background-color: var(--lightpink); }
.usersay_tab_section #tabs-container{ margin-top: 60px; }
.usersay_tab_section #tabs-container .tabing-title{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 30px; }
.usersay_tab_section #tabs-container .tabing-title .tabs-title:first-child{ border-radius: 50px 0 0 50px; }
.usersay_tab_section #tabs-container .tabing-title .tabs-title:last-child{ border-radius: 0 50px 50px 0; }
.usersay_tab_section #tabs-container .tabing-title .tabs-title{ padding: 20px 40px; background-color: var(--white); box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25); color: var(--black); user-select: none; cursor: pointer; }
.usersay_tab_section #tabs-container .tabing-title .tabs-title.current{ background: linear-gradient(90deg, #33268C 0%, #FF005D 177.52%); color: var(--white); }

.usersay_tab_section .cs_list_wrap .cs_col{ width: calc(100% / 3); padding: 0 15px; margin-top: 60px; }
.usersay_tab_section .cs_list_wrap .cs_card{ height: 100%; padding: 20px 0 25px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25); }
.usersay_tab_section .cs_list_wrap .cs_col:nth-child(6n+1) .cs_card,
.usersay_tab_section .cs_list_wrap .cs_col:nth-child(6n+4) .cs_card { background-color: var(--lightyellow); }
.usersay_tab_section .cs_list_wrap .cs_col:nth-child(6n+2) .cs_card,
.usersay_tab_section .cs_list_wrap .cs_col:nth-child(6n+5) .cs_card { background-color: var(--lightblue); }
.usersay_tab_section .cs_list_wrap .cs_col:nth-child(6n+3) .cs_card,
.usersay_tab_section .cs_list_wrap .cs_col:nth-child(6n+6) .cs_card { background-color: var(--lightgreen); }
.usersay_tab_section .cs_list_wrap .cs_card .image{ display: inline-block; width: 100%; line-height: 0; }
.usersay_tab_section .cs_list_wrap .cs_card .image img{ width: 100%; }
.usersay_tab_section .cs_list_wrap .cs_card .number{ display: inline-block; width: 100%; padding: 0 20px; }
.usersay_tab_section .cs_list_wrap .cs_card .content{ display: block; max-width: 410px; padding: 13px 20px 0; margin: 0 auto; }
.usersay_tab_section .cs_list_wrap .cs_card .content .text{ margin-top: 10px; }

.full_content_section{ position: relative; background-color: var(--primary); z-index: 2; }
.full_content_section::before{ content: ''; z-index: -1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 508px; height: 508px; background: #FFFFFF; opacity: 0.3; filter: blur(197px); }
.full_content_section .content_div .content,
.full_content_section .content_div .logos{ margin-top: 60px; }
.full_content_section .content_div .logos{ gap: 60px; }

.latest_blog_articles_section .lba_list .lba_col{ width: calc(100% / 3); padding: 0 15px; margin-top: 50px; }
.latest_blog_articles_section .lba_list .lba_card{ background: #F7F8FA; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25); border-radius: 4px; overflow: hidden; height: 100%; }
.latest_blog_articles_section .lba_list .lba_card .image{ position: relative; display: inline-block; width: 100%; height: 290px; border-radius: 4px 4px 0 0; overflow: hidden; line-height: 0; }
.latest_blog_articles_section .lba_list .lba_card .image img{ width: 100%; height: 100%; object-fit: cover; }
.latest_blog_articles_section .lba_list .lba_card .image .date{ font-size: 16px; line-height: 1; display: inline-block; position: absolute; top: 20px; left: 20px; background-color: var(--white); color: var(--black); border-radius: 100px; padding: 10px; }  
.latest_blog_articles_section .lba_list .lba_card .content_div{ font-size: var(--small); padding: 24px; display: inline-block; width: 100%; }
.latest_blog_articles_section .lba_list .lba_card .content_div .meta_info{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px; }
.latest_blog_articles_section .lba_list .lba_card .content_div .meta_info .tag a{ display: inline-block; }
.latest_blog_articles_section .lba_list .lba_card .content_div .meta_info .tag a:not(:hover){ color: var(--darkblue); }
.latest_blog_articles_section .lba_list .lba_card .content_div .meta_info .admin{ margin-left: 7px; padding-left: 25px; position: relative; color: var(--darkblue); }
.latest_blog_articles_section .lba_list .lba_card .content_div .meta_info .admin::before{ content: ""; position: absolute; left: 0; top: 5px; background: url("data:image/svg+xml,%3Csvg width='17' height='19' viewBox='0 0 17 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5286 11.6845C13.6255 11.7421 13.7452 11.8097 13.8808 11.8862C14.4748 12.2213 15.3727 12.7279 15.9879 13.33C16.3726 13.7066 16.7382 14.2028 16.8046 14.8108C16.8752 15.4573 16.5932 16.0641 16.0273 16.6031C15.0512 17.5331 13.8797 18.2785 12.3644 18.2785H5.01587C3.50062 18.2785 2.32912 17.5331 1.35292 16.6031C0.787072 16.0641 0.505022 15.4573 0.575692 14.8108C0.642142 14.2028 1.00769 13.7066 1.39242 13.33C2.00755 12.7279 2.90547 12.2213 3.49949 11.8862C3.63503 11.8097 3.75477 11.7421 3.8517 11.6845C6.81341 9.92092 10.5669 9.92092 13.5286 11.6845Z' fill='%23090B0E'/%3E%3Cpath d='M4.315 4.73682C4.315 2.32057 6.27375 0.361816 8.69 0.361816C11.1063 0.361816 13.065 2.32057 13.065 4.73682C13.065 7.15306 11.1063 9.11182 8.69 9.11182C6.27375 9.11182 4.315 7.15306 4.315 4.73682Z' fill='%23090B0E'/%3E%3C/svg%3E%0A") no-repeat center center / 17px; width: 17px; height: 19px; }
.latest_blog_articles_section .lba_list .lba_card .content_div .title,
.latest_blog_articles_section .lba_list .lba_card .content_div .content{ display: inline-block; width: 100%; margin-bottom: 15px; }
.latest_blog_articles_section .lba_list .lba_card .content_div .title h6  a:not(:hover){ color: var(--black); }
.latest_blog_articles_section .lba_list .lba_card .content_div .link a{ color: #FFF; background-color: #4E2FDA; padding: 6px 18px; border-radius: 100px; font-weight: 700; }
.latest_blog_articles_section .lba_list .lba_card .content_div .link a:hover{ background-color: var(--btn1bgh); color: var(--btn1texth); }
.latest_blog_articles_section .lba_list .lba_card .content_div .link a svg{ width: 16px; height: 16px; }

.full_cta_section{ position: relative; z-index: 2; background: linear-gradient(90deg, #33268C 0%, #FF005D 177.52%), #4E2FDA; }
.full_cta_section::before{ content: ""; z-index: -1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/cta_bg_shape.svg) no-repeat bottom left / 15%; }
.full_cta_section .left{ width: 55%; padding: 0 15px; }
.full_cta_section .right{ width: 45%; padding: 0 15px; }
.full_cta_section .right,
.full_cta_section .image_div{ line-height: 0; }
.full_cta_section .image_div,
.full_cta_section .image_div img{ display: inline-block; width: 100%; }
.full_cta_section .cta_content{ max-width: 705px; padding-bottom: 50px; }
.full_cta_section .cta_content .title{ margin-bottom: 25px; }
.full_cta_section .cta_content .content{ margin-bottom: 15px; display: inline-block; width: 100%; }

.subscribe_form_cta .subscribe_form .subscribe .form_field{ width: 60%; padding-right: 10px; }
.subscribe_form_cta .subscribe_form .subscribe .form_field input{ width: 100%; border-radius: 50px; background-color: var(--white); padding: 10px 25px; height: 52px; }
.subscribe_form_cta .subscribe_form .subscribe .buttons_group{ width: 40%; }
.subscribe_form_cta .cta_content .buttons_group{ margin-top: 0; }


footer.footer{ position: relative; z-index: 2; background-color: #F2EFFF; overflow: hidden; font-size: var(--medium); }
footer.footer::before,
footer.footer::after{ content: ""; position: absolute; z-index: -1; width: 426px; height: 427px; background: #AB1E72; opacity: 0.3; filter: blur(205.5px); }
footer.footer::before { bottom: -213px; left: -213px; }
footer.footer::after{ top: -213px; right: -213px; }

.footer .footer_wrap .footer_col{ max-width: calc(100% / 5); padding: 0 15px; }
.footer .footer_wrap .footer_title,
.footer .footer_wrap .footer_menu{ display: inline-block; width: 100%; }
.footer .footer_wrap .footer_title h5{ color: var(--primary); padding-bottom: 20px; position: relative; }
.footer .footer_wrap .footer_title h5::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 27px; height: 5px; background: url("data:image/svg+xml,%3Csvg width='27' height='5' viewBox='0 0 27 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='2' y1='2.31055' x2='14' y2='2.31055' stroke='%23442F9D' stroke-width='4' stroke-linecap='round'/%3E%3Cline x1='23' y1='2.31055' x2='25' y2='2.31055' stroke='%23442F9D' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat left center / cover; }
.footer .footer_wrap .footer_menu ul li a:not(:hover){ color: #4E4E4E; }
.footer .footer_wrap .footer_menu ul li a{ font-weight: 500; }
.footer .footer_wrap .footer_menu ul li{ line-height: normal; margin-top: 20px; }

.footer .copyright_wrap{ border-top: 1px solid #4E2FDA; padding: 40px 0; }
.footer .copyright_wrap .left,
.footer .copyright_wrap .right{ padding: 0 15px; }
.footer .copyright_wrap .copyright_text{ color: #4E4E4E; }

.footer .social_media ul{ gap: 20px; }
.footer .social_media ul li a svg{ width: 20px; }

.inner_banner_section{ padding-top: 20px; background: url(../images/inner_hero_bg_image.jpg) no-repeat center center / cover; }
.inner_banner_section .left,
.inner_banner_section .right{ padding: 0 15px; }
.inner_banner_section .left{ width: 51%; }
.inner_banner_section .right{ width: 49%; }
.inner_banner_section .image_div{ line-height: 0; }
.inner_banner_section .content_div{ max-width: 725px; }
.inner_banner_section .content_div .title{ position: relative; z-index: 2; padding-bottom: 50px; }
.inner_banner_section .content_div .title::before{ content: ""; position: absolute; bottom: 20px; left: 0; width: 340px; height: 20px; background: url("data:image/svg+xml,%3Csvg width='343' height='19' viewBox='0 0 343 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 17C72.4429 4.80291 240 -5.61768 342 9.52991' stroke='%23FDAF05' stroke-width='3'/%3E%3C/svg%3E%0A") no-repeat top / cover; }
.inner_banner_section .content_div .title .outline{ position: absolute; z-index: -1; top: -10px; left: 0; opacity: 0.36; font-size: 90px; line-height: normal; font-family: sans-serif; -webkit-text-fill-color: transparent; -webkit-text-stroke-color: #FFF; -webkit-text-stroke-width: 1px; text-transform: uppercase; }

.itcb_section.gray_bg{ background-color: #F4F4F4; }
.itcb_section .section_heading{ margin-bottom: 50px; }
.itcb_section .left{ width: 46%; padding: 0 15px; }
.itcb_section .right{ width: 54%; padding: 0 15px; }
.itcb_section .content_div{ color: #575757; max-width: 680px; }
.itcb_section .content_div .icon{ display: inline-block; width: 100%; line-height: 0; margin-bottom: 25px; }
.itcb_section .content_div .title{ padding-bottom: 10px; position: relative; margin-bottom: 20px; }
.itcb_section .content_div .title::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 70px; height: 4px; background-color: #FED369; }
.itcb_section .row:not(.row-reverse) .content_div{ margin-left: auto; }
.itcb_section .image_div{ position: relative; line-height: 0; z-index: 2; }
.itcb_section:not(.mobile_screen) .image_div::before{ content: ""; position: absolute; background: linear-gradient(90deg, #33268C 0%, #FF005D 177.52%), #1C1C1E; z-index: -1; }
.itcb_section .row:not(.row-reverse) .image_div{ padding: 0 20px 20px 0; }
.itcb_section .row:not(.row-reverse) .image_div::before{ top: 20px; right: 0; bottom: 0; left: 20px; }
.itcb_section .row.row-reverse .image_div{ padding: 0 0 20px 20px; }
.itcb_section .row.row-reverse .image_div::before{ top: 20px; right: 20px; bottom: 0; left: 0; }

.states_section .states_col{ width: 25%; padding: 0 15px; }
.states_section .states_card{ background: linear-gradient(90deg, #33268C 0%, #FF005D 177.52%), #DEDEDE; height: 100%; padding: 36.5px 40px; }
.states_section .states_card .icon{ width: 100%; height: 110px; margin-bottom: 15px; }
.states_section .states_card .icon img{ max-width: 100%; max-height: 100%; }

.home_banner_section.inner_banner{ padding: 70px 0 120px; }

.webapp_slider_section{ background-color: #F8F8F8; }
.webapp_slider_section .section_heading{ margin-bottom: 60px; }
.webapp_slider_section .webapp_card{ padding: 0 25px; }
.webapp_slider_section .webapp_card .image{ border: 4px solid var(--primary); max-width: 400px; line-height: 0; border-radius: 20px; overflow: hidden; }
.webapp_slider_section .webapp_card .image img{ width: 100%; }

.itc_section .itc_list .itc_col{ width: calc(100% / 3); padding: 0 15px; margin-top: 70px; }
.itc_section .itc_list .itc_card{ height: 100%; padding: 0 25px 30px; background: #F7F7F7; border: 2px solid #E5E5E5; }
.itc_section .itc_list .itc_card .icon{ width: 80px; height: 80px; margin: -40px auto 15px; }
.itc_section .itc_list .itc_card .icon img{ max-width: 60px; max-height: 60px; }
.itc_section .itc_list .itc_card .content .text{ margin-top: 15px; font-weight: 600; color: #666666; }

.faq_section{ background: linear-gradient(90deg, #33268C 0%, #FF005D 177.52%), linear-gradient(270.04deg, #6C57DB 0.05%, #2F4BDF 97.84%), #00B8D9; }
.faq_section .accordion_wrap .accordion_list{ max-width: 1240px; display: block; margin: 0 auto; }
.faq_section .accordion_wrap .accordion_list .accordion{ margin-top: 15px; }
.faq_section .accordion_wrap .accordion_list .accordion .accordion_title{ padding: 22px 30px; position: relative; }
.faq_section .accordion_wrap .accordion_list .accordion .accordion_title h4{ position: relative; display: inline-block; width: 100%; cursor: pointer; user-select: none; padding-right: 35px; }
.faq_section .accordion_wrap .accordion_list .accordion .accordion_title h4::after{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 26px; height: 26px; background: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 13H24' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 2V24' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center / 26px; }
.faq_section .accordion_wrap .accordion_list .accordion .accordion_title.active h4{ color: var(--headingYellow); }
.faq_section .accordion_wrap .accordion_list .accordion .accordion_title.active h4::after{ background: url("data:image/svg+xml,%3Csvg width='26' height='4' viewBox='0 0 26 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2H24' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center / 26px; }
.faq_section .accordion_wrap .accordion_list .accordion .accordion_title::before{ content: ""; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 50%; background-color: var(--white); }
.faq_section .accordion_wrap .accordion_list .accordion .accordion_content{ display: none; padding: 5px 30px 20px; }

.related_articles_section.gray_bg{ background-color: #F4F4F4; }
.related_articles_section .ra_list .ra_col{ width: calc(100% / 3); padding: 0 15px; margin-top: 60px; }
.related_articles_section .ra_list .ra_card{ background: #F7F8FA; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25); border-radius: 4px; height: 100%; }
.related_articles_section .ra_list .ra_card .image_div{ line-height: 0; width: 100%; height: 290px; border-radius: 4px 4px 0 0; overflow: hidden; }
.related_articles_section .ra_list .ra_card .image_div img{ width: 100%; height: 100%; object-fit: cover; }
.related_articles_section .ra_list .ra_card .content_div{ padding: 25px 15px 45px; }
.related_articles_section .ra_list .ra_card .content_div .title h6  a:not(:hover){ color: var(--black); }
.related_articles_section .ra_list .ra_card .content_div .content,
.related_articles_section .ra_list .ra_card .content_div .link{ margin-top: 20px; }
.related_articles_section .ra_list .ra_card .content_div .link a{ color: #FFF; background-color: #4E2FDA; padding: 8.5px 18px; border-radius: 100px; font-weight: 700; }
.related_articles_section .ra_list .ra_card .content_div .link a:hover{ background-color: var(--btn1bgh); color: var(--btn1texth); }
.related_articles_section .ra_list .ra_card .content_div .link a svg{ width: 16px; height: 16px; }
.related_articles_section .ra_list .ra_slider .slick-list{ padding: 10px 0; }

.success_stories.gray_bg{ background-color: #F4F4F4; }
.success_stories .section_heading{ display: block; max-width: 930px; margin: 0 auto; }
.success_stories .section_heading .content{ color: #575757; }

.wc_quote_section{ background-color: var(--lightgray); }
.wc_quote_section .form{ margin: 40px auto 0; }

.about_quote_section .form{ max-width: 735px; margin: 40px auto 0; }

.pricing_plan_section .plan_list{ margin-top: 60px; }
.pricing_plan_section .plan_list .switch_div{ gap: 15px; font-weight: 500; }
.pricing_plan_section .plan_list .switch_div .year span{ font-size: 13px; line-height: normal; font-weight: 400; color: #4E2FDA; background: rgba(71, 59, 240, 0.2); mix-blend-mode: normal; border-radius: 14.5px; padding: 7px 11px; text-transform: uppercase; letter-spacing: 1.63px; display: inline-block; margin-left: 15px; }
.pricing_plan_section .plan_list .plans.yearly .plan_card .plan_heading .monthly{ display: none; }
.pricing_plan_section .plan_list .plans.monthly .plan_card .plan_heading .yearly{ display: none; }

.pricing_plan_section .plan_list .plans .plan_col{ width: calc(100% / 3); padding: 0 15px; margin-top: 50px; }
.pricing_plan_section .plan_list .plans .plan_card{ background: #F8F8F8; border: 1px solid #E7E9ED; border-radius: 10px; padding: 35px 50px; }
.pricing_plan_section .plan_list .plans .plan_card .plan_heading .plan_name{ display: inline-block; width: 100%; margin-bottom: 30px; text-transform: uppercase; color: #473BF0; font-size: 13px; line-height: normal; font-weight: 500; letter-spacing: 1.63px; }
.pricing_plan_section .plan_list .plans .plan_card .plan_heading .plan_price{ font-weight: 700; font-size: 60px; line-height: normal; }
.pricing_plan_section .plan_list .plans .plan_card .plan_heading .plan_price span.currency{ font-size: 24px; }
.pricing_plan_section .plan_list .plans .plan_card .plan_heading .plan_price span:not(.currency){ font-size: 17px; line-height: 1.7; font-weight: 400; }
.pricing_plan_section .plan_list .plans .plan_card .plan_heading .bill_time{ font-size: 15px; line-height: 1.7; color: var(--headingBlue); opacity: 0.7; }
.pricing_plan_section .plan_list .plans .plan_card .plan_features{ display: inline-block; width: 100%; margin-top: 30px; }
.pricing_plan_section .plan_list .plans .plan_card .plan_features .feature{ font-size: 17px; line-height: 1.53; padding-left: 27px; position: relative; color: var(--headingBlue); }
.pricing_plan_section .plan_list .plans .plan_card .plan_features .feature + .feature{ margin-top: 15px; }
.pricing_plan_section .plan_list .plans .plan_card .plan_features .feature::before{ content: ""; left: 0; top: 7px; width: 17px; height: 12px; position: absolute; }
.pricing_plan_section .plan_list .plans .plan_card .plan_features .feature.yes::before{ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.20704 11.7692C5.91354 11.7692 5.62062 11.659 5.39648 11.4381L0 6.11882L1.62112 4.52032L6.20704 9.04065L15.3789 0L17 1.5985L7.0176 11.4381C6.79347 11.659 6.50054 11.7692 6.20704 11.7692Z' fill='%2368D585'/%3E%3C/svg%3E%0A") no-repeat center center / cover; }
.pricing_plan_section .plan_list .plans .plan_card .plan_features .feature.no::before{ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 1L0 13' stroke='%23D5D7DD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 13L0 1' stroke='%23D5D7DD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center / 13px; }
.pricing_plan_section .plan_list .plans .plan_card .payment_info{ display: inline-block; width: 100%; margin-top: 15px; font-size: 15px; line-height: 1.53; color: var(--headingBlue); opacity: 0.7; }
.pricing_plan_section .plan_list .plans .plan_card .pricing_btn a{ min-width: 210px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20.5px 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: rgba(71, 59, 240, 0.08); border-radius: 8px; color: #473BF0; font-weight: 700; }
.pricing_plan_section .plan_list .plans .plan_card .pricing_btn a:hover{ background-color: rgba(71, 59, 240, 1); color: #FFF; }
.pricing_plan_section .plan_list .plans .plan_card .pricing_btn a svg{ width: 16px; height: 16px; }
.pricing_plan_section .plan_list .plans .plan_col:nth-child(2) .plan_card .pricing_btn a{ background-color: rgba(71, 59, 240, 1); color: #FFF; }
.pricing_plan_section .plan_list .plans .plan_col:nth-child(2) .plan_card .pricing_btn a:hover{ background-color: rgba(71, 59, 240, 0.08); color: #473BF0; }

.our_partner_section .clients_slider{ margin-top: 30px; }
.our_partner_section .clients_slider .logo{ height: 125px; border: 1px solid #D8D8D8; width: calc(100% - 30px); margin: 0 15px; }
.our_partner_section .clients_slider .logo img{ max-height: 100%; }

.testimonial_section{ background-color: #F4F4F4; }
.testimonial_section .section_heading{ margin-bottom: 30px; }
.testimonial_section .testimonial_card{ padding: 30px; max-width: 650px; width: calc(100% - 30px); margin: 0 15px; background-color: #fff; border-radius: 8px; position: relative; }
.testimonial_section .testimonial_card .quote_icon{ position: absolute; bottom: 45px; right: 30px; }
.testimonial_section .testimonial_card .quote_icon svg{ color: #442F9D; width: 26px; }
.testimonial_section .testimonial_card .star_div{ margin-bottom: 30px; }
.testimonial_section .testimonial_card .star_div svg{ width: 28px; }
.testimonial_section .testimonial_card .star_div svg .starbg{ color: #F9FCFF; }
.testimonial_section .testimonial_card .star_div svg .star{ color: #FFBA00; }
.testimonial_section .testimonial_card .client_details{ margin-top: 40px; }
.testimonial_section .testimonial_card .client_details .image{ width: 70px; height: 70px; border-radius: 35px; overflow: hidden; } 
.testimonial_section .testimonial_card .client_details .image img{ width: 100%; height: 100%; } 
.testimonial_section .testimonial_card .client_details .info{ width: calc(100% - 70px); padding-left: 15px; }

.testimonial_section .slick-current .testimonial_card{ background: linear-gradient(90deg, #33268C 0%, #FF005D 177.52%), #442F9D; }
.testimonial_section .slick-current .testimonial_card .star_div svg .starbg{ color: #fff; }
.testimonial_section .slick-current .testimonial_card .star_div svg .star{ color: #442F9D; }
.testimonial_section .slick-current .testimonial_card .quote{ color: var(--white); }
.testimonial_section .slick-current .testimonial_card .client_details .info h6{ color: var(--white); margin-bottom: 5px; }
.testimonial_section .slick-current .testimonial_card .client_details .info p{ color: var(--white); opacity: 0.80; }
.testimonial_section .slick-current .testimonial_card .quote_icon svg{ color: #FDAF05 }

.blog_list_section .left{ width: 62%; padding: 0 15px; }
.blog_list_section .right{ width: 38%; padding: 0 15px; }
.blog_list_section .recent_blog_div{ padding-right: 30px; }
.blog_list_section .recent_blog_div .recent_blog + .recent_blog{ margin-top: 50px; }
.blog_list_section .recent_blog_div .recent_blog .image{ display: inline-block; width: 100%; line-height: 0; }
.blog_list_section .recent_blog_div .recent_blog .image img{ width: 100%; }
.blog_list_section .recent_blog_div .recent_blog .content h3 a{ display: inline-block; width: 100%; }
.blog_list_section .recent_blog_div .recent_blog .content h3 a:not(:hover){ color: var(--black); }
.blog_list_section .recent_blog_div .recent_blog .content,
.blog_list_section .recent_blog_div .recent_blog .content .text{ display: inline-block; width: 100%; margin-top: 20px; }
.blog_list_section .normal_blog_div{ padding: 20px 35px; background: #FFFFFF; border: 1px solid #CACACA; }
.blog_list_section .normal_blog_div .title,
.blog_list_section .normal_blog_div .search_bar{ display: inline-block; width: 100%; margin-bottom: 20px; }
.blog_list_section .normal_blog_div .title h5{ color: #442F9D; font-weight: 500; }
.blog_list_section .normal_blog_div .search_bar input{ width: 100%; border: 1px solid rgba(192, 192, 192, 0.7); height: 55px; font-family: var(--primary_font); padding-left: 50px; font-size: 20px; background: #FFF url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4856 17.154L10.2236 10.892C9.72359 11.318 9.14859 11.6476 8.49859 11.881C7.84859 12.1143 7.19526 12.231 6.53859 12.231C4.93726 12.231 3.58193 11.6766 2.47259 10.568C1.36326 9.45865 0.808594 8.10365 0.808594 6.50298C0.808594 4.90232 1.36259 3.54665 2.47059 2.43598C3.57926 1.32465 4.93393 0.768982 6.53459 0.768982C8.13593 0.768982 9.49193 1.32365 10.6026 2.43298C11.7133 3.54232 12.2686 4.89798 12.2686 6.49998C12.2686 7.19465 12.1456 7.86698 11.8996 8.51698C11.6529 9.16698 11.3296 9.72298 10.9296 10.185L17.1916 16.446L16.4856 17.154ZM6.53859 11.23C7.86526 11.23 8.98559 10.7733 9.89959 9.85998C10.8129 8.94665 11.2696 7.82631 11.2696 6.49898C11.2696 5.17231 10.8129 4.05232 9.89959 3.13898C8.98626 2.22565 7.86626 1.76898 6.53959 1.76898C5.21293 1.76898 4.09259 2.22565 3.17859 3.13898C2.26526 4.05232 1.80859 5.17231 1.80859 6.49898C1.80859 7.82565 2.26526 8.94565 3.17859 9.85898C4.09193 10.7723 5.21193 11.23 6.53859 11.23Z' fill='%23442F9D'/%3E%3C/svg%3E%0A") no-repeat 4% center / 18px; }
.blog_list_section .normal_blog_div .blog_list .blog{ margin-bottom: 20px; }
.blog_list_section .normal_blog_div .blog_list .blog .image{ width: 152px; height: 120px; line-height: 0; }
.blog_list_section .normal_blog_div .blog_list .blog .image img{ object-fit: cover; width: 100%; height: 100%; }
.blog_list_section .normal_blog_div .blog_list .blog .content{ width: calc(100% - 152px); padding-left: 10px; }
.blog_list_section .normal_blog_div .blog_list .blog .content h6 a:not(:hover){ color: var(--black); }
.blog_list_section .normal_blog_div .blog_list .blog .content .text{ display: inline-block; width: 100%; margin: 7px 0 13px; color: #8B8B8B; }
.blog_list_section .normal_blog_div .blog_list .blog .content .date{ display: inline-block; width: 100%; color: var(--primary); }
.blog_list_section .normal_blog_div .featured_blog,
.blog_list_section .normal_blog_div .featured_blog a{ display: inline-block; width: 100%; line-height: 0; }

.content_section{ position: relative; }
.content_section::before{ content: ""; position: absolute; width: 672px; height: 672px; background: rgba(68, 47, 157, 0.2); opacity: 0.5; filter: blur(206.5px); left: -440px; top: 50%; transform: translateY(-50%); }
.content_section .content_div p:not(:first-child){ margin-top: 15px; }
.content_section .content_div{ color: #575757; }
.content_section .content_div h1,
.content_section .content_div h2,
.content_section .content_div h3,
.content_section .content_div h4,
.content_section .content_div h5,
.content_section .content_div h6{ font-weight: 600; color: #000000; margin-top: 20px; }
.content_section .content_div ul li{ margin-top: 15px; padding-left: 25px; position: relative; }
.content_section .content_div ul li::before{ content: ''; position: absolute; left: 5px; top: 12px; width: 5px; height: 5px; border-radius: 50%; background-color: #575757; }

.contact_info_section .ci_list{ gap: 60px }
.contact_info_section .ci_col{ width: calc(100% / 3 - 40px); margin-top: 50px; }
.contact_info_section .ci_card{ padding: 43px 30px; text-align: center; background-color: var(--lightgray); height: 100%; }
.contact_info_section .ci_card .icon{ color: #442F9D; width: 35px; height: 35px; margin: 0 auto; }
.contact_info_section .ci_card .icon svg{ max-width: 100%; max-height: 100%; }
.contact_info_section .ci_card .info{ display: inline-block; width: 100%; margin-top: 15px; }
.contact_info_section .ci_card .info a:not(:hover){ color: #442F9D; }

@media(min-width: 768px){
    .tabs .tabs-title{ display: none; }
}

@media(min-width: 992px){
    header.header .menubtn_div{ display: none; }

    header.header .left{ width: 150px; }
    header.header .center{ width: calc(100% - 280px - 150px); }
    header.header .right{ width: 280px; }

    header.header .navigation_div ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
    header.header .navigation_div ul li + li{ margin-left: 24px; }
    header.header .navigation_div ul li a:not(:hover){ color: var(--black); }
    header.header .navigation_div ul li{ padding: 25px 0; }
    header.header .button_group [class*="button_"] a{ width: 120px; }
}

@media (min-width: 1200px) {
    header.header .navigation_div ul li + li{ margin-left: 50px; }

    .contact_info_section .container{ width: 1136px; }
}

@media (min-width: 1367px) {
    header.header .left{ width: 210px; }
    header.header .center{ width: calc(100% - 340px - 210px); }
    header.header .right{ width: 340px; }

    header.header .navigation_div ul li + li{ margin-left: 40px; }

    header.header .button_group [class*="button_"] a{ width: 150px; }

    .blog_list_section .normal_blog_div .blog_list .blog .content .text{ font-size: 22px; }
}

@media (min-width: 1441px) {
    header.header .navigation_div ul li + li{ margin-left: 50px; }

    .blog_list_section .recent_blog_div .recent_blog .content h3{ font-size: 36px; }
}

@media(max-width: 1440px){
    :root{
		--p100: 80px;
		--p90: 80px;
		--p80: 70px;
		--p70: 70px;
		--p60: 60px;
		--p50: 50px;
		--p40: 40px;

        --h1: 50px;
        --h2: 40px;
        --h3: 36px;
        --h4: 28px;
        --h5: 24px;
        --h6: 20px;
        --body: 20px;
        --large: 24px;
        --medium: 18px;
        --small: 16px;
	}

    .home_banner_section:not(.inner_banner){ padding: 70px 0; }
    .home_banner_section .left_part { width: 53%; }
    .home_banner_section .right_part { width: 47%; }

    

    .home_banner_section.inner_banner{ padding: 70px 0; }

    .usp_section .ups_list .ups_col { width: calc(100% / 3); }

    .tic_section .left { width: 40%; }
    .tic_section .center { width: 40%; }
    .tic_section .right { width: 20%; }

    .our_solutions_section .solutions_list > .row { gap: 130px; }
    .our_solutions_section .solutions_list .solution_col { width: calc(100% / 2 - 65px); }
}

@media(max-width: 1366px){
    [class*="button_"] a,
    [class*="btn_style_"] a,
    [class*="button_"] button,
    [class*="btn_style_"] button{ font-size: 16px; padding: 18px 15px; }

    :root{
        --p100: 70px;
		--p90: 70px;
		--p80: 60px;
		--p70: 60px;
		--p60: 40px;
		--p50: 40px;
		--p40: 40px;

        --h1: 44px;
        --h2: 36px;
        --h3: 32px;
        --h4: 28px;
        --h5: 24px;
        --h6: 20px;
        --body: 20px;
        --large: 22px;
        --medium: 18px;
        --small: 16px;
    }

    .tic_section .left { width: 35%; }
    .tic_section .center { width: 45%; }
    .tic_section .right { width: 20%; }

    .our_solutions_section .solutions_list > .row { gap: 100px; }
    .our_solutions_section .solutions_list .solution_col { width: calc(100% / 2 - 50px); }

    .blog_list_section .recent_blog_div { padding-right: 0; }
    .blog_list_section .normal_blog_div{ padding: 15px; }
    .blog_list_section .left { width: 55%; }
    .blog_list_section .right { width: 45%; }
}

@media(max-width: 1200px){
    :root{
		--p100: 60px;
		--p90: 60px;
		--p80: 50px;
		--p70: 50px;
		--p60: 40px;
		--p50: 40px;
		--p40: 40px;

        --h1: 40px;
        --h2: 32px;
        --h3: 28px;
        --h4: 24px;
        --h5: 22px;
        --h6: 20px;
        --body: 18px;
        --large: 20px;
        --medium: 16px;
        --small: 15px;
	}

    [class*="button_"].icon a, [class*="btn_style_"].icon a { min-width: 200px; }

    ul.icon_list li,
    .icon_list ul li { padding-left: 25px; margin-top: 10px; }
    ul.icon_list li::before,
    .icon_list ul li::before { width: 15px; height: 15px; background-size: 15px !important; }

    .home_banner_section .left_part,
    .home_banner_section .right_part { width: 50%; }

    .our_solutions_section .solutions_list > .row { gap: 50px 20px; }
    .our_solutions_section .solutions_list .solution_col { width: calc(100% / 2 - 10px); }

    .full_content_section .content_div .logos .logo{ width: calc(100% / 2 - 30px); }
    .full_content_section .content_div .content,
    .full_content_section .content_div .logos { margin-top: 30px; }

    .latest_blog_articles_section .lba_list .lba_col{ margin-top: 30px; }
    .latest_blog_articles_section .lba_list .lba_card .content_div{ padding: 15px; }
    .latest_blog_articles_section .lba_list .lba_card .image { height: 200px; }

    .full_cta_section .cta_content .title { margin-bottom: 15px; } 
    .full_cta_section .cta_content .content{ margin-bottom: 0; }    

    .usp_section .ups_list .ups_card .icon { width: 100px; height: 100px; margin: 20px auto 15px; }

    .our_solutions_section .solutions_list { margin-top: 30px; }

    .usersay_tab_section #tabs-container .tabing-title .tabs-title { padding: 15px 30px; }
    .usersay_tab_section .cs_list_wrap .cs_col{ margin-top: 30px; }
    
    .pricing_plan_section .plan_list .plans .plan_col{ margin-top: 30px; }
    .pricing_plan_section .plan_list .plans .plan_card{ padding: 25px; }

    .related_articles_section .ra_list .ra_card .image_div{ height: 200px; }

    .subscribe_form_cta .subscribe_form .subscribe .form_field{ width: 100%; padding-right: 0; }
    .subscribe_form_cta .subscribe_form .subscribe .buttons_group{ width: 100%; margin-top: 15px; }

    .contact_info_section .ci_list{ gap: 40px }
    .contact_info_section .ci_col{ width: calc(100% / 3 - 27px); margin-top: 30px; }
    .contact_info_section .ci_card { padding: 40px 20px; }
}

@media(max-width: 991px){
    :root{
        --h1: 34px;
        --h2: 30px;
        --h3: 24px;
        --h4: 22px;
        --h5: 22px;
        --h6: 20px;
        --body: 18px;
        --large: 20px;
        --medium: 16px;
        --small: 15px;
    }

    header.header .left{ width: 180px; }
    header.header .center{ width: calc(100% - 240px - 180px); }
    header.header .right{ width: 240px; }

    header.header .logo { padding: 20px 0; }

    header.header{ position: relative; }
    header.header .center{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
    header.header .navigation_div { z-index: 999; position: absolute; top: 100%; left: 0; right: 0; background: #F8F8F8; display: none; }
    header.header .navigation_div ul li a{ display: inline-block; padding: 8px calc(100%/2 - 684px/2); width: 100%; }

    header.header .navigation_div ul li + li{ border-top: 1px solid #00000025; }
    header.header .navigation_div ul li:last-child{ border-bottom: 1px solid #00000025; }

    .home_banner_section .left_part,
    .home_banner_section .right_part { width: 100%; }

    .usp_section .ups_list .ups_col{ width: 50%; }

    .tic_section .left,
    .tic_section .center,
    .tic_section .right{ max-width: 714px; width: 100%; margin: 0 auto; }
    .tic_section .section_heading{ max-width: 100%; }
    .tic_section .left_image,
    .tic_section .right_image{ text-align: center; }

    .our_solutions_section .solutions_list > .row { gap: 30px 0; }
    .our_solutions_section .solutions_list .solution_col{ width: 50%; }

    .usersay_tab_section .cs_list_wrap .cs_col{ width: 50%; }

    .latest_blog_articles_section .lba_list .lba_col{ width: 50%; }

    .full_cta_section .left,
    .full_cta_section .right{ width: 50%; }

    .footer .footer_wrap > .container > .row{ -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
    .footer .footer_wrap .footer_col{ max-width: calc(100% / 3); margin-bottom: 30px; }

    .inner_banner_section .left,
    .inner_banner_section .right{ max-width: 600px; width: 100%; }
    .inner_banner_section .image_div{ text-align: center; }
    .inner_banner_section .image_div img{ max-width: 500px; width: 100%; }

    .itcb_section .left,
    .itcb_section .right{ max-width: 600px; width: 100%; }
    .itcb_section .right{ margin-top: 30px; }

    .states_section .states_col{ width: 50%; margin: 15px 0; }

    .home_banner_section.inner_banner{ padding-bottom: 40px; } 
    .home_banner_section.inner_banner .image_div{ margin-top: 30px; }

    .itc_section .itc_list .itc_col{ width: 50%; }

    .wc_quote_section .form { margin: 20px auto 0; }

    form fieldset.form-columns-3 .form-field,
    form fieldset.form-columns-4 .form-field { width: calc(100% / 2); }
    form fieldset.form-columns-4 .form-field{ margin-top: 15px; }

    .faq_section .accordion_wrap .accordion_list .accordion .accordion_title { padding: 15px 30px; }
    .faq_section .accordion_wrap .accordion_list .accordion .accordion_title h4{ padding-right: 30px; }
    .faq_section .accordion_wrap .accordion_list .accordion .accordion_title h4::after{ width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 13H24' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 2V24' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center / 18px; }
    .faq_section .accordion_wrap .accordion_list .accordion .accordion_title.active h4::after{ background: url("data:image/svg+xml,%3Csvg width='26' height='4' viewBox='0 0 26 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2H24' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center / 18px; }

    .related_articles_section .ra_list .ra_col { width: calc(100% / 2); margin-top: 30px; }

    .related_articles_section .ra_list .ra_card .content_div { padding: 25px 15px 30px; }
    .related_articles_section .ra_list .ra_card .image_div { height: 230px; }

    form fieldset[class*="form-columns-"]{ margin: 0 -7px; }
    form fieldset[class*="form-columns-"] .form-field { padding: 0 7px; }
    form fieldset[class*="form-columns-"] + fieldset[class*="form-columns-"] { margin-top: 20px; }

    .pricing_plan_section .plan_list .plans .plan_col{ width: calc(100% / 2); padding: 0 15px; margin-top: 30px; }

    .testimonial_section .testimonial_card{ max-width: 550px; }

    .blog_list_section .left { width: 100%; }
    .blog_list_section .right { width: 100%; margin-top: 30px; }

    .contact_info_section .ci_list{ gap: 0 }
    .contact_info_section .ci_col{ width: calc(100% / 2); padding: 0 15px; }
}

@media(max-width: 767px){
    :root{
		--p100: 50px;
		--p90: 50px;
		--p80: 40px;
		--p70: 40px;
		--p60: 30px;
		--p50: 30px;
		--p40: 30px;
        
        --h1: 30px;
        --h2: 26px;
        --h3: 22px;
        --h4: 20px;
        --h5: 20px;
        --h6: 18px;
        --body: 16px;
        --large: 18px;
        --medium: 15px;
        --small: 15px;
	}

    ul.slick-dots { margin-top: 30px; }

    header.header .left{ width: 180px; }
    header.header .center{ width: calc(100% - 180px); }
    header.header .right{ width: 0; }
    header.header .button_group [class*="button_"] a{ width: 146px; }

    .section_heading .title h2 br{ display: none; }

    .login_signup_section .ls_card{ padding: 30px 30px; }
    .login_signup_section .ls_card .form_card .form{ max-width: 80%; margin-left: auto; margin-right: auto; }

    header.header .navigation_div{ padding: 0px 0 30px; }
    header.header .navigation_div .button_group{ margin-top: 15px; padding: 0 calc(100%/2 - 510px/2); width: 100%; }
    header.header .button_group [class*="button_"]{ width: 100%; }
    header.header .button_group [class*="button_"] + [class*="button_"] { margin: 10px 0 0; }
    header.header .navigation_div ul li a{ padding: 8px calc(100%/2 - 510px/2); }

    .home_banner_section { padding: 40px 0; }
    .home_banner_section .left_part,
    .home_banner_section .right_part{ width: 100%; }

    .home_banner_section.inner_banner{ padding: 40px 0; }

    .usp_section .ups_list .ups_col{ width: 100%; }

    .tic_section .left,
    .tic_section .center,
    .tic_section .right { max-width: 510px; width: 100%; }
    .tic_section .right_image{ text-align: center; padding-top: 30px; }
    
    .image_content_section .left_part,
    .image_content_section .right_part { width: 100%; }
    .image_content_section .right_part{ margin-top: 30px; }

    .our_solutions_section .solutions_list > .row { gap: 30px; }
    .our_solutions_section .solutions_list .solution_col{ width: 100%; }
    .our_solutions_section .solutions_list .solution_card { padding: 20px; }

    .usersay_tab_section .cs_list_wrap .cs_col { width: 100%; }

    .latest_blog_articles_section .lba_list .lba_col{ width: 100%; }

    .full_cta_section .left,
    .full_cta_section .right{ width: 100%; }
    .full_cta_section .image_div{ text-align: center; }
    .full_cta_section .image_div img{ max-width: 400px; }

    .footer .footer_wrap .footer_col { max-width: calc(100% / 2); margin-bottom: 30px; }
    .footer .footer_wrap .footer_col:last-child{ margin-bottom: 0; }

    .footer .copyright_wrap{ padding: 20px 0; }
    .footer .copyright_wrap .left,
    .footer .copyright_wrap .right{ width: 100%; }
    .footer .copyright_wrap .left{ margin-bottom: 20px; }
    .footer .copyright_wrap .copyright_text,
    .footer .copyright_wrap .social_media{ text-align: center; }

    .footer .footer_wrap .footer_title{ margin-bottom: 10px; }
    .footer .footer_wrap .footer_title h5 { padding-bottom: 15px; }
    .footer .footer_wrap .footer_menu ul li { margin-top: 10px; }

    form fieldset.form-columns-2 .form-field,
    form fieldset.form-columns-3 .form-field{ width: 100%; }

    form fieldset[class*="form-columns-"] .form-field + .form-field{ margin-top: 15px; }
    form fieldset[class*="form-columns-"] + fieldset[class*="form-columns-"]{ margin-top: 15px; }

    .pricing_plan_section .plan_list .plans .plan_col{ width: calc(100% / 1); padding: 0 15px; margin-top: 30px; }
    .pricing_plan_section .plan_list .plans .plan_card .plan_heading .plan_name{ margin-bottom: 15px; }
    .pricing_plan_section .plan_list .plans .plan_card .plan_features{ margin-top: 20px; }
    .pricing_plan_section .plan_list .plans .plan_card .plan_features .feature + .feature { margin-top: 10px; }

    .testimonial_section .testimonial_card{ max-width: 400px; }

    .related_articles_section .ra_list .ra_col{ width: 100%; }

    .contact_info_section .ci_col{ width: calc(100% / 1); }
}

@media(max-width: 575px){
    .login_signup_section .ls_card .form_card .form{ max-width: 100%; }

    header.header .navigation_div ul li a{ padding: 8px 15px; }
    header.header .navigation_div .button_group{ padding: 0 15px; }

    .footer .footer_wrap .footer_col { max-width: calc(100% / 1); }

    .states_section .states_card { padding: 20px 20px; }
    .states_section .states_card .icon { height: 60px; }    
    
    .pricing_plan_section .plan_list .plans .plan_card{ padding: 25px; }

    .testimonial_section .testimonial_card{ max-width: 320px; padding: 20px; }

    .blog_list_section .normal_blog_div .blog_list .blog .image { width: 130px; height: 100px; }
    .blog_list_section .normal_blog_div .blog_list .blog .content { width: calc(100% - 130px); }
}

@media(max-width: 440px){
    .blog_list_section .normal_blog_div .blog_list .blog .image{ width: 100%; height: 200px; }
    .blog_list_section .normal_blog_div .blog_list .blog .content{ width: 100%; padding-left: 0; margin-top: 15px; }
}

@media(max-width: 340px){
    .login_signup_section .ls_card{ padding: 20px; }
    .login_signup_section .ls_card .form_card .form{ max-width: 100%; }

    .pricing_plan_section .plan_list .switch_div { flex-direction: column; }

    .testimonial_section .testimonial_card{ max-width: 290px; padding: 20px; }

    .contact_info_section .ci_card { padding: 30px 15px; }
}