@charset "UTF-8";
/* Normalise css */ 
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
:root {
    --ot-wh-color: #ffffff;
    --ot-bg-color: #f5f5f5;
    --ot-pb-color: #000000;
    --ot-ht-color: #090b17;
    --ot-bt-color: #676e8b;
    --ot-lt-color: #408DFF;
    --ot-pr-color: #44009a; /*00A82D*/
    --ot-hv-color: #250DFF;
    --ot-lg-color: #BBCD00;
    --ot-gr-color:#AFAFAF;
    --ot-sc-color:#E51069;
    --ot-tc-color:#04D3D4;
    --ot-dy-color:#FCB100;
    --ot-ly-color:#F3F0D4;
    --ot-font-sans-serif: 'Roboto', system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --ot-body-font-family: var(--ot-font-sans-serif);
    --ot-body-font-size: 1rem;
    --ot-body-font-weight: 400;
    --ot-body-line-height: 1.5;
    --ot-body-text-align: left;
}
*,
*::before,
*::after {
    box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}
body {
    margin: 0;
    font-family: var(--ot-body-font-family);
    font-size: var(--ot-body-font-size);
    font-weight: var(--ot-body-font-weight);
    line-height: var(--ot-body-line-height);
    color: var(--ot-ht-color);
    text-align: var(--ot-body-text-align);
    background-color: var(--ot-bg-color);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a {
    color: var(--ot-lt-color);
    text-decoration: none;
}
a:hover {
    color: var(--ot-lt-color);
    text-decoration: none;
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}
img,
svg {
  vertical-align: middle;
}
table {
    caption-side: bottom;
    border-collapse: collapse;
}
th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}
  
thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
label {
    display: inline-block;
}
button:focus:not(:focus-visible) {
    outline: 0;
}
input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button,
select {
    text-transform: none;
}
[role=button] {
    cursor: pointer;
}
select {
    word-wrap: normal;
}
select:disabled {
    opacity: 1;
}
[list]::-webkit-calendar-picker-indicator {
    display: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer;
}
::-moz-focus-inner {
    padding: 0;
    border-style: none;
}
textarea {
    resize: vertical;
}
[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield;
}
:-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
    padding: 0;
}
::-webkit-file-upload-button {
    font: inherit;
}
::file-selector-button {
    font: inherit;
}
::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}
iframe {
    border: 0;
}
[hidden] {
    display: none !important;
}
.text-center{text-align: center;}
.clearfix{overflow: auto;}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
/* css for Common custom button design start */
.ot_custom_btn{display: inline-block;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;box-shadow: none;outline:none;text-decoration: none;}
.ot_green_btn{background:var(--ot-pr-color) !important;border:0px solid var(--ot-wh-color);color:var(--ot-wh-color)!important;transition: all .3s ease;}
.ot_white_btn{background:var(--ot-wh-color) !important;border:0px solid var(--ot-wh-color);color:var(--ot-ht-color)!important;transition: all .3s ease;}
.ot_whl_btn{background:rgba(0, 0, 0, 0) !important;border:1px solid var(--ot-wh-color);color:var(--ot-wh-color)!important;transition: all .3s ease;}
.ot_dkl_btn{background:rgba(0, 0, 0, 0) !important;border:1px solid var(--ot-ht-color);color:var(--ot-ht-color)!important;transition: all .3s ease;}
.ot_green_btn.round,.ot_white_btn.round,.ot_whl_btn.round,.ot_dkl_btn.round{border-radius: 50px;}
.ot_green_btn.semiround,.ot_white_btn.semiround,.ot_whl_btn.semiround,.ot_dkl_btn.semiround{border-radius: 15px;}
.ot_green_btn.smsemiround,.ot_white_btn.smsemiround,.ot_whl_btn.smsemiround,.ot_dkl_btn.smsemiround{border-radius: 4px;}
.ot_green_btn.btn_large,.ot_white_btn.btn_large{padding: 15px 30px;height:50px;font-size: 14px;font-weight: 500;}
.ot_green_btn.btn_medium,.ot_white_btn.btn_medium{padding: 10px 20px;font-size: 13px;font-weight: 500;}
.ot_whl_btn.btn_large,.ot_dkl_btn.btn_large{padding: 13px 26px; height:50px;font-size: 14px;font-weight: 500;}
.ot_whl_btn.btn_medium,.ot_dkl_btn.btn_medium{padding: 8px 16px;font-size: 13px;font-weight: 500;}
.ot_whl_btn.btn_small,.ot_dkl_btn.btn_small,.ot_green_btn.btn_small{padding: 6px 12px;font-size: 12px;font-weight: 500;}
.ot_whl_btn.btn_small.semiround,.ot_dkl_btn.btn_small.semiround,.ot_green_btn.btn_small.semiround{border-radius: 6px;}
.ot_green_btn:hover,.ot_green_btn:active,.ot_green_btn:active:focus{background:var(--ot-hv-color) !important;color:var(--ot-wh-color)!important;transition: all .3s ease;}
.ot_white_btn:hover,.ot_white_btn:active,.ot_white_btn:active:focus{background: var(--ot-hv-color) !important;color:var(--ot-wh-color)!important;transition: all .3s ease;}
.ot_whl_btn:hover,.ot_whl_btn:active,.ot_whl_btn:active:focus{background:var(--ot-wh-color)!important;color:var(--ot-ht-color)!important;transition: all .3s ease;}
.ot_dkl_btn:hover,.ot_dkl_btn:active,.ot_dkl_btn:active:focus{background:var(--ot-ht-color)!important;color:var(--ot-wh-color)!important;transition: all .3s ease;}
.ot_custom_btn.FullWidth{width:100%;}
.ot_custom_btn.HalfWidth{width:50%;}
.ot_custom_btn.flex{display: inline-flex;align-items: center;justify-content: center;gap:10px;}
.ot_custom_btn.btn_small.flex{gap:5px;}
.ot_custom_btn.ot_dkl_btn.flex:hover>svg{fill:var(--ot-wh-color);}
.ot_custom_btn.ot_whl_btn.flex>svg{fill:var(--ot-wh-color);}
.ot_custom_btn.ot_white_btn.flex:hover>svg,.ot_custom_btn.ot_whl_btn.flex:hover>svg{fill:var(--ot-ht-color);}
.ot_action_btn{background:rgba(0, 0, 0, 0) !important;border:1px solid #c3c3c3;color:var(--ot-ht-color);transition: all .3s ease;padding: 6px 20px 6px 20px; border-radius: 4px;}
.ot_action_btn:hover{border:1px solid var(--ot-ht-color);background: rgba(0, 0, 0, 0) !important;color: var(--ot-ht-color);transition: all .2s ease;}
.ot_action_btn:hover>svg{fill:var(--ot-ht-color);transition: all .2s ease;}
.ot_action_btn:disabled{color:#c3c3c3!important;cursor: default;pointer-events: none;}
.ot_sm_ipbox .hrip .ot_action_btn:first-child:hover{border:1px solid #009879;}
.ot_sm_ipbox .hrip .ot_action_btn:nth-child(2):hover{border:1px solid #cc0000;}
.ot_sm_ipbox .hrip .ot_action_btn:nth-child(3):hover{border:1px solid #5340ff;}
.ot_sm_ipbox .hrip .ot_action_btn:first-child:hover>svg{fill: #009879;}
.ot_sm_ipbox .hrip .ot_action_btn:nth-child(2):hover>svg{fill: #cc0000;}
.ot_sm_ipbox .hrip .ot_action_btn:nth-child(3):hover>svg{fill: #5340ff;}
/* css for Common custom button design end */


/* Css for HGCL Online Start Here */
.ot_container_fw{width: 100%; max-width: 2400px;padding-left: 0px;padding-right: 0px;margin: 0 auto;position:relative;}
.ot_container{width: 100%; max-width: 1170px; padding-left: 20px;padding-right: 20px;margin: 0 auto;position:relative;}
.ot_container_fw::before,.ot_container_fw::after,.ot_container::before,.ot_container::after{display: table;content: " ";}
.ot_container_fw::after,.ot_container::after{clear: both;}
.ot_container_fw.pdlt15{padding-left:15px;}
.ot_container_fw.pdrg15{padding-right:15px;}
.ot_container_fw.pdhall15{padding-left:15px;padding-right:15px;}

.ot_navheader{width: 100%; max-width: 100%;position: relative;z-index: 121;background: var(--ot-wh-color); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);}
.ot_header{width: 100%; max-width: 1170px;padding: 10px 15px 0px 15px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;}
.ot_header.fw{max-width: 1600px;}
.ot_head_logo{width: auto;min-width: 120px;max-width: 120px;padding-bottom: 10px;}
.ot_head_logo>a{display: block;text-decoration: none;cursor: pointer;outline: none;font-size: 35px;font-weight:600;color:var(--ot-ht-color);line-height: 1.3;}
.ot_head_logo>a>img{display: block;max-width: 100%;}
.ot_mg_menu{width: 100%;height: auto;display: flex;align-items: center;justify-content: flex-end;}
.ot_mg_menu>ul{width: auto;margin:0px;padding:0px;list-style: none;display: flex;align-items: center;justify-content: flex-end;gap:10px;}
.ot_mg_menu>ul>li{display:block; width: auto;margin:0px;padding:0px 0px 10px 0px;list-style: none;}
.ot_mg_menu>ul>li:hover>a{background: var(--ot-bg-color);}
.ot_mg_menu>ul>li.active>a{color: var(--ot-pr-color);}
.ot_mg_menu>ul>li>a{padding: 13px 20px;background: var(--ot-wh-color);border-radius: 30px;font-size: 13px;font-weight:500;color: var(--ot-ht-color);line-height: var(--ot-body-line-height);user-select: none;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;gap:10px;transition: all .3s ease;}
.ot_mg_menu>ul>li>a:hover{background: var(--ot-bg-color);transition: all .3s ease;}
.ot_mg_menu>ul>li.active>a>svg,.ot_mg_menu>ul>li.active>a:hover>svg{fill:var(--ot-pr-color);}
.ot_mg_menu>ul>li.plus>a{color:var(--ot-pr-color);}
.ot_mg_menu>ul>li>.mgmenu{width: 100%;height: auto;background: var(--ot-wh-color); position:absolute;top:70px;left: 0;right: 0;display: none!important;margin:0px;padding:20px 0px;list-style: none;grid-template-columns: repeat(4, 224px);grid-auto-columns: minmax(100px, 224px);row-gap: 5px;column-gap: 5px; justify-content: center;box-shadow: 0px 2px 10px rgba(0,0,0,0.1),0px 10px 20px rgba(0,0,0,0.2);}
.ot_mg_menu>ul>li>.mgmenu.fadeIn{-webkit-animation-name: fadeIn;animation-name: fadeIn;}
.ot_mg_menu>ul>li>.mgmenu.animated{-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.ot_mg_menu>ul>li:hover>.mgmenu{display: grid!important;-webkit-animation: fadeIn .5s ease-out;-moz-animation: fadeIn .5s ease-out;}
@-webkit-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
.ot_mg_menu>ul>li>.mgmenu>li{display: block;width: 100%; max-width: 224px;padding: 0px 0px;}
.ot_mg_menu>ul>li>.mgmenu>li>a{display: block;width: 100%;height: 100%;cursor: pointer;}
.ot_mg_menu>ul>li>.mgmenu>li>.list_link{width: 100%; height: auto;position: relative;background:var(--ot-wh-color);padding: 20px 20px; border-radius: 10px;}
.ot_mg_menu>ul>li>.mgmenu>li.gridfullcol{grid-column: 4 / 5;grid-row: 1 / 3;}
.ot_mm_list{display:block; width: 100%; height: 100%;position: relative;background:#f4f3ff;padding: 20px 20px; border-radius: 10px;transition: all .3s ease;}
.ot_mm_list>span{display: block;width: 100%; position: relative;font-size: 14px;font-weight: 500;line-height: 1.5;color: var(--ot-ht-color);margin: 0px;}
.ot_mm_list>small{display: block;width: 100%; position: relative;font-size: 13px;font-weight: 400;line-height: 1.5;color: var(--ot-ht-color);}
.ot_mm_list:hover{background: var(--ot-bg-color);transition: all .3s ease;}
.rad_box{width: 100%; height: 100%;background: var(--ot-bg-color);position: relative;padding: 20px 20px; border-radius: 10px;transition: all .3s ease;}
.rad_box .linktitle{display:block; font-size: 14px;font-weight: 600;color: var(--ot-ht-color);margin: 0px 0px 20px 0px;}
.rad_box>small{display:block;font-size: 13px;font-weight: 400;color: var(--ot-ht-color);margin: 0px 0px 0px 0px;line-height:1.8;}
.ot_mg_menu>ul>li.listnav{position:relative;}
.ot_mg_menu>ul>li.listnav>.listmenu{width: 160px;height: auto;background: var(--ot-wh-color); position:absolute;top:58px;left: 0;right: 0;display: none!important;margin:0px;padding:0px 0px;list-style: none;box-shadow: 0px 2px 10px rgba(0,0,0,0.1),0px 10px 20px rgba(0,0,0,0.2);}
.ot_mg_menu>ul>li.listnav>.listmenu>li>a{display: block;background:var(--ot-wh-color); padding: 10px 20px;font-size:15px;font-weight:500;color:var(--ot-ht-color);line-height: 1.4;cursor: pointer;text-decoration: none;transition: all .3s ease;}
.ot_mg_menu>ul>li.listnav>.listmenu>li>a:hover{background: var(--ot-bg-color);transition: all .3s ease;}
.ot_mg_menu>ul>li.listnav:hover>.listmenu{display: block!important;-webkit-animation: fadeIn .5s ease-out;-moz-animation: fadeIn .5s ease-out;}
.ot_togglemenu{display: none;position: absolute;right: 0px;top: -4px;padding: 7px 16px 11px 16px;font-size: 24px;line-height: 1; background-color: rgba(15,20,25,.1);color: var(--ot-ht-color);}

.mrtp80{margin-top: 80px!important;}
.mrbt80{margin-bottom: 80px!important;}
.mrtp60{margin-top: 60px !important;}
.mrbt60{margin-bottom: 60px !important;}
.mrtp40{margin-top: 40px !important;}
.mrbt40{margin-bottom: 40px !important;}
.mrtp20{margin-top: 20px !important;}
.mrbt20{margin-bottom: 20px !important;}

/* Get started page css start from here */
.head_sub_banner{background: var(--ot-bg-color) url(../images/header_background_new.jpg) top center / cover no-repeat; /*background-size: auto 596px;*/ width: 100%; height: auto;padding: 60px 15px 60px 15px; position: relative;}
.head_sub_banner>h1{width:100%; max-width: 740px;font-size: 55px;font-weight: 600;color: var(--ot-pr-color);margin: 0px auto 30px auto;line-height: 1.2;text-align: center;}
.head_sub_banner>p{width:100%; max-width: 700px;font-size: 18px;font-weight: 400;color: var(--ot-ht-color);margin: 0px auto 30px auto;line-height: 1.6;text-align: center;}
.head_sub_banner>p.subtext{margin-top:40px;}
.ot_head_btn{display: flex;align-items: center;justify-content: center;gap:20px;}

.get_started_form{width: 100%;max-width: 1600px;margin:0 auto;position: relative;}
.mpSplash_form{display:block; width: 100%;position: relative;padding: 30px 30px;background: var(--ot-wh-color); border:0px solid #f8f6e4;border-radius: 15px 15px;}
.mpSplash_form>h4{width: 100%; max-width: calc(100% - 40px); font-size: 24px;font-weight: 600;color: var(--ot-pr-color);line-height: 1.3;margin: 0px 0px 40px 0px;position: relative;}
.mpSplash_form>h4::after{width: 60px;height: 5px;background: var(--ot-bt-color);border-radius: 5px;position: absolute;left: 0px;bottom: -15px;content: "";}
.mpSplash_form>h5{width: 100%; font-size: 18px;font-weight: 600;color: var(--ot-bt-color);line-height: 1.5;margin: 0px 0px 15px 0px;position: relative;}
.mps_form{display:block; width: 100%;height: auto;position: relative;}
.ot_ipbox{width: 100%;height:auto;position: relative;display: flex;align-items: flex-start;justify-content: flex-start;gap:2%;flex-wrap: wrap;}
.ot_ipbox .hrip{width:100%;position: relative;margin-bottom: 20px;display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;}
.ot_ipbox .hrip>input[type="text"],.ot_ipbox .hrip>input[type="email"],.ot_ipbox .hrip>input[type="tel"],.ot_ipbox .hrip>input[type="date"],.ot_ipbox .hrip>input[type="time"], .ot_ipbox .hrip>textarea,.ot_ipbox .hrip>input[type="password"]{width:100%;display: block;padding: 12px 15px 12px 15px!important;line-height: 1.4;border:1px solid #c3c3c3!important;border-radius: 8px;background: rgba(0,0,0,0);color:var(--ot-ht-color);font-size: 14px;font-weight: 400;box-shadow: none;outline: none;resize:none;margin:0px;}
.ot_ipbox .hrip>textarea{height: 80px;}
.ot_ipbox .hrip>input.incstar{background:#fff url("../images/input_star.svg") top 16px left 10px no-repeat!important;padding: 12px 20px 12px 25px!important;}
.ot_ipbox .hrip span.error{display:none;font-size:12px;line-height: 1.3;color:#cc0000;position: absolute;top:85px;left:0px;}
.ot_ipbox .hrip>input[type="checkbox"],.ot_ipbox .hrip>input[type="radio"]{background: none;opacity: 1;width: auto;height: auto;float:none;margin: 0 10px 0 0;min-width: 13px; padding: 0;border:inherit;position:relative;top:-1px;}
.ot_ipbox .hrip>label{display:block; background: none;padding: 0px;margin: 0px 0px 10px 0px;font-size: 13px;font-weight: 400;color:var(--ot-ht-color);line-height: 1.4;cursor: pointer;}
.ot_ipbox .hrip>select{width:100%;display: block;padding: 12px 20px!important;line-height: 1.4;border:2px solid #c3c3c3!important;border-radius: 10px;background: rgba(0,0,0,0)!important;color:var(--ot-ht-color);font-size: 14px;font-weight: 500;box-shadow: none;outline: none;resize:none;margin:0px;-webkit-appearance: none;appearance: none; -webkit-appearance: none;-moz-appearance: none;}
.ot_ipbox .hrip.slct>select{background: rgba(0,0,0,0) url("../images/input_star.svg") top 16px left 10px no-repeat!important; padding: 12px 20px 12px 25px!important;position: relative;z-index:1;}
.ot_ipbox .hrip>svg{fill:var(--ot-ht-color);cursor: pointer;position: absolute;right:15px;top:56px;z-index: 0;}
.ot_ipbox .hrip.ccs>input[type="tel"]{padding: 12px 12px 12px 110px!important;}
.ot_ipbox .hrip.ccs .ccselect{width:100px;padding: 14px 12px 14px 27px!important; position: absolute;top:35px;left:0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;background: rgba(0, 0, 0, 0) url("../images/dwdown.svg") top 20px right 12px no-repeat!important;border: 0px solid #c3c3c3!important;border-right: 2px solid #c3c3c3!important;}
.ot_ipbox .hrip.mw15{max-width: 13.5%;}
.ot_ipbox .hrip.mw20{max-width: 18.4%;}
.ot_ipbox .hrip.mw25{max-width: 23.5%;}
.ot_ipbox .hrip.mw33{max-width: 32%;}
.ot_ipbox .hrip.mw35{max-width: 33.5%;}
.ot_ipbox .hrip.mw50{max-width: 49%;}
.ot_ipbox .hrip.mw66{max-width: 66%;}
.ot_ipbox .hrip.mw75{max-width: 74.5%;}
.ot_ipbox .hrip.mw80{max-width: 79.6%;}
.ot_ipbox .hrip.mw100{max-width: 100%;}
.ot_ipbox.fdcol{flex-direction: column;}
.ot_ipbox .hrip.fdrow{flex-direction: row;align-items:center;}
.ot_ipbox .hrip.fdrow>label{margin-bottom: 0px;}
.ot_action{width: 100%; display: flex;align-items: center;gap:20px;}
.ot_action.jcfe{justify-content: flex-end;}
.ot_action.jcfs{justify-content: flex-start;}
.mpSplash_success_message{width: 100%;position: relative;padding: 30px 30px;border:1px solid #f8f6e4;border-radius: 15px;}
.mps_success_info{width:100%;max-width: 440px; padding: 0px 0px 0px 50px;margin: 0px 0px 30px 0px;font-size: 13px;font-weight: 400;color: var(--ot-ht-color);line-height: 1.6;position: relative;}
.mps_success_info>svg{position: absolute;left:0px;top:2px;}
/* Get started page css end here */

/* Login/Signup form design css start from here */
.mplogin_wrapper{width: 100%; background: url(../images/login_banner.png) center right no-repeat;background-size: 600px auto;}
.mpsignup_wrapper{width: 100%;position: relative;}
.ot_login_form{width: 100%;max-width: 400px;background: var(--ot-wh-color);padding: 25px 30px 30px 30px;border-radius: 20px; position: relative;}
.ot_signup_form{width: 100%;max-width: 800px;margin: 0 auto!important; background: var(--ot-wh-color);padding: 40px;border-radius: 20px; position: relative;box-shadow: 0px 10px 30px rgba(0, 0, 0, .1);}
.ot_reset_form{width: 100%;max-width: 600px;margin: 0 auto!important; background: var(--ot-wh-color);padding: 40px;border-radius: 20px; position: relative;box-shadow: 0px 10px 30px rgba(0, 0, 0, .1);}
.ot_login_form>h1,.ot_signup_form>h1,.ot_reset_form>h1{font-size: 36px;font-weight: 600;color: var(--ot-pr-color);line-height: 1.3;margin: 0px 0px 30px 0px;}
.ot_login_form>h3{font-size: 24px;font-weight: 600;color: var(--ot-pr-color);line-height: 1.4;margin: 0px 0px 30px 0px;}
.ot_login_form>h5{font-size: 16px;font-weight: 500;color: var(--ot-bt-color);line-height: 1.5;margin: 0px 0px 30px 0px;}
.hrip_action{width: 100%; display: flex;align-items: center;justify-content: flex-start;gap:30px;}
.mploginfp{display: inline-block;width: auto; font-size: 13px;font-weight: 400;color: var(--ot-lt-color);}
.mpbtl{display: block;width: 100%; margin: 30px 0px 0px 0px; font-size: 14px;font-weight: 500;color: var(--ot-bt-color);display:flex;align-items: center;justify-content: center;gap:10px;}
.mpbtl>svg{fill:var(--ot-bt-color);}
.mpbtl:hover>svg{fill:var(--ot-lt-color);}
.hrip_action.lineseperator{border-top:2px solid #f5f5f5;padding-top: 30px;}
.hrip_action.center{justify-content: center;}
.text_center{text-align: center;}
.ot_fp_modal_wrapper{width:100%;height:100vh;background: rgba(0, 0, 0, .7);position: fixed;top:0px;left:0px;z-index: 131;}
.ot_fp_modal_wrapper .ot_fp_modal{width:100%;height:100%; min-height: 435px;overflow-x: hidden;overflow-y: auto; display: flex;align-items: center;justify-content: center;}
.simform__actions{width: 100%;font-size: 12px;position: absolute;bottom: 68px;text-align: right;}
/* Login/Signup form design css end here */

/* Footer design css start from here */
.lt_social{width: auto;display: flex;align-items: center;justify-content: center;gap:6px;}
.lt_social>a{display: inline-block;width: auto;height: auto;cursor: pointer;}
.lt_social>a>span{display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;border:1px solid var(--ot-wh-color);border-radius: 50%;cursor: pointer;user-select: none;}
.lt_social>a>span>svg{fill:var(--ot-wh-color);}
.lt_social>a>span>span{font-size: 0px;text-indent: -9999px;}

.darkfooterbg{background-color:var(--ot-ht-color);}
.ot_footer_wrapper{width: 100%;display: flex;align-items: flex-start;justify-content: center;gap: 2%;}
.ot_footer_wrapper .footer_list{width: auto;flex-grow: 1;}
.footerlogolink{display: block;max-width: 100px;cursor: pointer;}
.footerlogolink>img{display: block;max-width: 100%;cursor: pointer;}
.ot_footer_wrapper .footer_list>h4{font-size: 18px;font-weight: 500;color: var(--ot-wh-color);line-height: 1.4;margin: 0px 0px 20px 0px;}
.ot_footer_wrapper .footer_list>ul{width: auto; list-style: none;margin: 0px 0px 40px 0px;padding:0;font-size: 14px;font-weight: 400;color: rgba(255,255,255,0.7);line-height: 1.5;}
.ot_footer_wrapper .footer_list>ul>li{width: auto; list-style: none;}
.ot_footer_wrapper .footer_list>ul>li>a{display: inline-block;padding: 5px 0px;font-size: 14px;font-weight: 400;color: rgba(255,255,255,0.7);line-height: 1.5;transition: all .3s ease;}
.ot_footer_wrapper .footer_list>ul>li>a:hover{color: var(--ot-wh-color);transition: all .3s ease;}

.ot_footer_bottom{width: 100%; display: flex;align-items: center;justify-content: space-between;gap: 30px;}
.ot_footer_bottom .mpfooter_social{width: auto;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
.ot_footer_bottom .mpfooter_social .lt_social{gap:10px;}
.ot_footer_bottom .mpfooter_social .lt_social>a{display: inline-block; width: auto;height: auto;cursor: pointer;}
.ot_footer_bottom .mpfooter_social .lt_social>a>span{width: 32px;height: 32px;border:2px solid var(--ot-wh-color);}
.ot_footer_bottom .mpfooter_social>p{font-size: 12px;font-weight: 400;color: rgba(255,255,255,0.7);line-height: 1.4;margin: 25px 0px 0px 0px;}
/* Footer design css end here */

@media screen and (max-width:1199px) {
    .ot_header{padding-left:15px;padding-right:15px;align-items: flex-start;}
    .ot_mg_menu>ul{gap:0px;}
    .ot_mg_menu>ul>li>a{padding-left: 10px;padding-right: 10px;}
    .ot_mg_menu>ul>li>.mgmenu{grid-template-columns: repeat(5, 188px);grid-auto-columns: minmax(100px, 188px);}
    .ot_mg_menu>ul>li>.mgmenu>li{max-width: 188px;}
}
@media screen and (max-width:993px) {
    .ot_header{padding-top:20px;padding-bottom: 20px;align-items: flex-start;}
    .ot_head_logo{padding-bottom: 0px;}
    .ot_togglemenu{display: block;top:-43px;}
    .ot_mg_menu{position: relative;top:45px;background: var(--ot-wh-color);}
    .ot_mg_menu>ul{width: 220px;flex-direction: column;min-height: 0px;background: var(--ot-wh-color);align-items: flex-end;position: absolute;top:0px;right:0px;gap:0px;}
    .ot_mg_menu>ul>li{padding:0px!important;display: none!important; text-align: right;}
    .ot_mg_menu>ul>li>a{font-size:15px; padding: 12px 15px;margin-right:50px;}
    .ot_mg_menu.display>ul{box-shadow: 0px 5px 10px rgba(15,20,25,.2);}
    .ot_mg_menu.display>ul>li{display: block!important;}
    .ot_mg_menu>ul>li.mround{display: none!important;}
    .ot_mg_menu>ul>li>.mgmenu{position: relative;top: 0px;right: 0px;left: auto;bottom: auto;min-width: 220px; grid-template-columns: repeat(1, 100%);z-index: 1;gap: 0px;padding: 0px;}
    .ot_mg_menu>ul>li>.mgmenu>li{max-width: 100%;}
    .ot_mm_list{padding: 15px 15px;border-radius: 0px;}
    .ot_mm_list>span{font-size:14px;margin: 0px;text-align: left;}
    .ot_mm_list>small,.ot_mg_menu>ul>li>.mgmenu>li.gridfullcol{display:none;}
    .ot_mg_menu>ul>li.listnav>.listmenu{top:47px;left:auto;right:50px;}
    .ot_mg_menu>ul>li.listnav>.listmenu>li>a{text-align: left;}
    .mplogin_wrapper{background-position: center right -150px;}
    .get_started_form .formgradleft,.get_started_form .formgradright{display: none;}
    .ot_ipbox .hrip.mw15{max-width: 13.5%;}
    .ot_ipbox .hrip.mw20{max-width: 49%;}
    .ot_ipbox .hrip.mw25{max-width: 49%;}
    .ot_ipbox .hrip.mw33{max-width: 49%;}
    .ot_ipbox .hrip.mw35{max-width: 33.5%;}
    .ot_ipbox .hrip.mw50{max-width: 49%;}
    .ot_ipbox .hrip.mw66{max-width: 49%;}
    .ot_ipbox .hrip.mw75{max-width: 49%;}
    .ot_ipbox .hrip.mw80{max-width: 49%;}
    .ot_ipbox .hrip.mw100{max-width: 100%;}
    .ot_ipbox .hrip.mw20.mwt33{max-width: 32%;}
}
@media screen and (max-width:767px) {
    .ot_footer_wrapper{flex-wrap: wrap;}
    .footerlogolink>img{max-width: 100px;}
    .ot_footer_wrapper .footer_list{width: 49%;}
    .ot_footer_bottom{flex-wrap: wrap;}
    .ot_footer_bottom .mpfooter_social{order:2;}
    .head_sub_banner{padding: 30px 15px;}
    .head_sub_banner .ot_container{padding-left: 0px;padding-right: 0px;}
    .head_sub_banner>h1{font-size: 44px;}
    .ot_login_form{padding: 20px;}
    .mpSplash_form{padding:15px;border:none;}
    .mrtp80{margin-top: 40px!important;}
    .mrbt80{margin-bottom: 40px!important;}
    .features_dls_wrapper{text-align: center;}
    .ot_head_btn{flex-wrap: wrap;}
    .ot_ipbox .hrip.mw15{max-width: 29%;}
    .ot_ipbox .hrip.mw20{max-width: 100%;}
    .ot_ipbox .hrip.mw25{max-width: 100%;}
    .ot_ipbox .hrip.mw33{max-width: 100%;}
    .ot_ipbox .hrip.mw35{max-width: 69%;}
    .ot_ipbox .hrip.mw50{max-width: 100%;}
    .ot_ipbox .hrip.mw66{max-width: 100%;}
    .ot_ipbox .hrip.mw75{max-width: 100%;}
    .ot_ipbox .hrip.mw80{max-width: 100%;}
    .ot_ipbox .hrip.mw100{max-width: 100%;}
    .ot_ipbox .hrip.mw20.mwt33{max-width: 100%;}
    .ot_sm_ipbox{flex-wrap: wrap;}
    .ot_sm_ipbox .hrip.mw15{max-width: 29%;}
    .ot_sm_ipbox .hrip.mw20{max-width: 100%;}
    .ot_sm_ipbox .hrip.mw25{max-width: 100%;}
    .ot_sm_ipbox .hrip.mw33{max-width: 100%;}
    .ot_sm_ipbox .hrip.mw35{max-width: 69%;}
    .ot_sm_ipbox .hrip.mw40{max-width: 100%;}
    .ot_sm_ipbox .hrip.mw50{max-width: 100%;}
    .ot_sm_ipbox .hrip.mw66{max-width: 100%;}
    .ot_sm_ipbox .hrip.mw75{max-width: 100%;}
    .ot_sm_ipbox .hrip.mw80{max-width: 100%;}
    .ot_sm_ipbox .hrip.mw100{max-width: 100%;}
    .ot_signup_form{padding: 20px 20px;}
    .ot_fp_modal_wrapper .ot_fp_modal .ot_login_form{max-width: 92%;}
}
/* Css for HGCL Online css End Here */