/*Font Face Definitions*/
@font-face {
  font-family: 'figtree-bold';
  src:url('../fonts/figtree-bold/Figtree-Bold.woff') format('woff'),
    url('../fonts/figtree-bold/Figtree-Bold.eot') format('eot'),
    url('../fonts/figtree-bold/Figtree-Bold.ttf') format('ttf'),
    url('../fonts/figtree-bold/Figtree-Bold.svg') format('svg'),
    url('../fonts/figtree-bold/Figtree-Bold.otf') format('otf');
  font-weight: normal;
  font-style: normal;
}
 
@font-face {
  font-family: 'figtree-regular';
  src:url('../fonts/figtree-regular/Figtree-Regular.woff') format('woff'),
    url('../fonts/figtree-regular/Figtree-Regular.eot') format('eot'),
    url('../fonts/figtree-regular/Figtree-Regular.ttf') format('ttf'),
    url('../fonts/figtree-regular/Figtree-Regular.svg') format('svg'),
    url('../fonts/figtree-regular/Figtree-Regular.otf') format('otf');
  font-weight: normal;
  font-style: normal;
}
 
@font-face {
  font-family: 'figtree-medium';
  src:url('../fonts/figtree-medium/Figtree-Medium.woff') format('woff'),
    url('../fonts/figtree-medium/Figtree-Medium.eot') format('eot'),
    url('../fonts/figtree-medium/Figtree-Medium.ttf') format('ttf'),
    url('../fonts/figtree-medium/Figtree-Medium.svg') format('svg'),
    url('../fonts/figtree-medium/Figtree-Medium.otf') format('otf');
  font-weight: normal;
  font-style: normal;
 
}
 
@font-face {
  font-family: 'figtree-semiBold';
  src:url('../fonts/figtree-semibold/Figtree-SemiBold.woff') format('woff'),
    url('../fonts/figtree-semibold/Figtree-SemiBold.eot') format('eot'),
    url('../fonts/figtree-semibold/Figtree-SemiBold.ttf') format('ttf'),
    url('../fonts/figtree-semibold/Figtree-SemiBold.svg') format('svg'),
    url('../fonts/figtree-semibold/Figtree-SemiBold.otf') format('otf');
  font-weight: normal;
  font-style: normal;
}
/*Font Face Definitions*/

/*common colors*/
:root {
  --body-text-secondary: #000000;
  --header-background-color: #26292F;
  --body-background-primary: #F3F3F3;
  --white-background: #FFFFFF;
  --heading-common-color: #1A489C;
  --border-color: #E0E0E0;
  --body-text-primary: #9C9C9C;
  --completed-txt-color:#353232;
  --completed-bg-color:#b3f0be;
  --table-border-color:#EEEEEE;
  --button-color: #06AB7C;
  --required-color:#FF4444;
  --map-tab-bg-color:#EAEAF1;
  --site-gray-color:#AFAFAF;
  --delete-btn-bg-color:#FCEEEE;
  --button-hover-color:#26D1A0;
  --delete-bg-color:#E22222;
  --active-text-color:#008DCE;
  --box-shadow:#CCC;
  --button-grey-color:#D3D3D3;
  --font-figtree-regular: 'figtree-regular';
  --font-figtree-bold: 'figtree-bold';
  --font-figtree-medium: 'figtree-medium';
  --font-figtree-semibold: 'figtree-semiBold';
}
/*common colors*/

/*common-designs*/
label {font-weight: 400 !important; font-size: 15px !important; color: #9C9C9C !important;}
* { margin: 0; padding: 0; box-sizing: border-box; font-family: var(--font-figtree-regular);}
ul{list-style: none; padding: 0px;}
a{display: inline-block; vertical-align: middle;}
.common_space{width: 100%;max-width: 90%;margin: 0px auto;padding: 0px;}
.account_main .title-sec .common_space{display: flex;justify-content: space-between;align-items: center;}
.inner-container{width: 100%;max-width: 75%;margin: 0px auto;padding: 0px;}
input[type=password]::-ms-reveal, input[type=password]::-ms-clear{display: none;}
.custom-dropdown::-webkit-scrollbar-track, .select-section-container .source-ul::-webkit-scrollbar-track{border-right: 2px solid var(var(--border-color)); border-radius: 10px;}
.custom-dropdown::-webkit-scrollbar, .select-section-container .source-ul::-webkit-scrollbar{width: 3px;}
.custom-dropdown::-webkit-scrollbar-thumb, .select-section-container .source-ul::-webkit-scrollbar-thumb{background-color: var(--border-color);border-radius:10px;}
.account_table_section::-webkit-scrollbar, .mapping_tab_content_section::-webkit-scrollbar{width: 4px; height: 4px; }
.account_table_section::-webkit-scrollbar-thumb, .mapping_tab_content_section::-webkit-scrollbar-thumb{background-color: var(--table-border-color);border-radius: 10px;}
.infoIcon{max-width: 28px;padding-left: 10px;cursor: pointer;position: absolute;top: 36%;filter: opacity(0.5) grayscale(1);}
td[data-label='reProcess']{position: relative;}
/*common-designs*/

/*header-section*/
.header_container{ background-color:var(--header-background-color);padding: 15px 0px;}
.header-section{position: sticky;top: 0px;z-index: 1000;}
.header_container .header-section a{text-decoration: none;display: inline-block;margin-left: 5px;}
.header_container .header-section span{vertical-align: middle;display: inline-block;}
.header_container .header-section .login-section {text-align: end;}
.header_container .header-section .login-section a{ color: var(--white-background);vertical-align: middle; font-family: var(--font-figtree-regular);font-size: 15px;line-height: 20px;}
.header_container .header-section .login-section img{vertical-align: middle;}
.login-section a span{margin: 0px 4px 0px 4px;}
.dropdown-trigger.border-options{border: 1.5px solid var(--button-color);}
/*header-section*/

/*Login page design start*/
#right-section{ background-color: var(--body-background-primary);}
.welcome-content{font-family: var(--font-figtree-bold); font-size: 26px; line-height: 30px;color: var(--heading-common-color);margin: 16px 0px;}
.login-page{height: 100vh;}
.bg-section .banner-text .banner-subtxt{font-family: var(--font-figtree-medium); font-size: 20px; line-height: 24px;color: var(--heading-common-color);}
.bg-section .banner-text .banner-head{font-family: var(--font-figtree-bold); font-size: 30px; line-height: 34px; color: var(--heading-common-color); margin: 0px 0px 12px;}
.bg-section{background-image: url(../images/banner-image.jpg); display: flex;flex-direction: column; justify-content: flex-end; align-items: end;background-repeat: no-repeat;background-position: center; background-size: cover;}
.banner-text{margin: 0 auto 40px; width: 100%; max-width: 470px;}
.inner-login-content .login-form input{padding: 12px 8px;background-color: var(--white-background); border-radius: 8px;outline: none; margin: 0px 0px 12px 0px; font-size: 14px;line-height: 18px;border: 1px solid #ddd;}
.right-content{display: flex; flex-direction: column; align-items: center;justify-content: center;}
.login-logo img{width: 100%; max-width: 118px;}
.inner-login-content{width: 60%;}
.login-button:hover{background:var(--button-hover-color) ;}
.login-btn .password-txt .forgot_password_txt:hover, .sign-text .signup-link:hover, .resend-text .signup-link:hover{text-decoration: none;}
.pass-input input:focus, .mail-input input:focus{ border: 1px solid var(--button-color);}
.eye-icon {top: 49px;right: 10px;  transform: translateY(-50%);cursor: pointer; z-index: 1;}
.eye-icon img{max-width: 22px;}
.login-button{ font-family: var(--font-figtree-regular); font-size: 17px; line-height: 20px; background-color: var(--button-color);color: var(--white-background);border-radius: 8px;padding: 12px 0px;}
.sign-text{padding: 16px 0px 0px;}
.login-logo, .sign-text, .welcome-content{text-align: center;}
.login-form label, .verify-mail-txt{color: var(--body-text-primary); font-family: var(--font-figtree-medium); font-size: 15px; line-height: 18px; margin: 0px 0px 6px;}
.login-btn .password-txt{ margin: 0px 0px 30px;}
.copyryt-content .copytxt{font-family: var(--font-figtree-regular); font-size: 16px; line-height: 20px; color: var(--body-text-primary);}
.login-btn .password-txt .forgot_password_txt {font-family: var(--font-figtree-medium); color: var(--button-color); font-size: 16px; line-height: 20px;}
.joinus-text{ font-family: var(--font-figtree-medium); color: var(--body-text-primary);font-size: 16px; line-height: 20px; margin: 0px 0px 14px;}
.sign-text .signup-link, .resend-text .signup-link{font-family: var(--font-figtree-semibold); color: var(--button-color);font-size: 16px; line-height: 20px;}
.mobile-hide-text{display: none;}
.copyryt-content{padding-bottom: 10px;}
.login-page .sign-text .joinus-text, .login-page .resend-text .receive-txt {margin-right: 4px;}
/*Login page design end*/

/*Forgot Password page, New Password page*/
.forgot-password .login-btn .verification-txt{margin: 0px 0px 30px;color: var(--body-text-primary);font-family: var(--font-figtree-regular);font-size: 16px; line-height: 20px;}
/*Forgot Password page, New Password page*/

/*Set New Password page*/
.new-password-page .reset-btn, .reset-password .reset-btn, .create-account .reset-btn{margin: 26px 0px 0px;}
/*Set New Password page*/

/*Reset Password*/
.reset-password .email-txt{color: var(--body-text-secondary); font-family: var(--font-figtree-semibold);}
.reset-password .verify-code-inputs .user-input{ width: 25%;padding: 12px 4px;margin: 0px 8px; line-height: 24px;font-size: 20px; font-family: var(--font-figtree-semibold);}
.reset-password .verify-code-inputs{display: flex;flex-direction: row; margin: 10px 0px 14px;}
.reset-password .verify-code-inputs .user-input:first-child{margin-left: 0px;}
.reset-password .verify-code-inputs .user-input:last-child{margin-right: 0px;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;}
/*Reset Password*/

/*Create account page*/
.create-account .login-form .red-mark{font-size: 14px;color: var( --required-color); top: 0;line-height: 16px;}
.create-account .sign-text .account-text, .reset-password .receive-txt{color: var(--body-text-primary); font-family: var(--font-figtree-regular);}
.create-account .login-form .required-text{display: none; margin-left: 5px;font-size: 12px; color: var(--required-color); font-family: var(--font-figtree-regular);line-height: 14px;}
.create-account .login-form .error-input{border: 1px solid var(--required-color);}
/*Create account page*/

/* Source and destination starts */
.source-destination, .settings, .configuration,.destination, .account{background-color: var(--body-background-primary);}
.source-destination .title-sec, .settings .title-sec{position: sticky;top: 50px;z-index: 999;padding: 25px 0px; background-color: var(--body-background-primary);} 
.select-section-container{margin:15px 0px 0px 0px;}
.source-destination .title-sec .heading-container, .settings .title-sec .heading-container{font-family: var(--font-figtree-semibold);font-size: 24px;margin: 0px; border-color: var(--border-color);line-height: 27px;}
.select-section-container .select-heading{margin: 0px 0px 14px 0px;font-size: 24px;line-height: 27px;font-family:var(--font-figtree-semibold);color: var(--heading-common-color);}
.select-section-container .source-section-container{background: var(--white-background);padding: 24px 18px 18px;border-radius: 14px;}
.source-section-container .source-cart{letter-spacing: 0.2px;display: block;color: var(--body-text-primary);font-family: var(--font-figtree-medium); margin: 0px 0px 8px 0px;font-size: 16px;line-height: 20px;}
.source-section-container .source-cart::after, .form-section-container .input-section .label-input::after{content:'*';color:var(--required-color);font-size: 18px;line-height: 20px;margin: 0px 3px;}
.source-section-container .select-container{padding: 14px 16px;border: 1.5px solid var(--border-color);cursor: pointer;background-image: url(../images/dropdown.svg);background-repeat: no-repeat;background-position: 97%;border-radius: 8px;width: 100%;}
.select-section-container .source-ul{box-shadow: 0px 15px 15px var(--border-color);max-height: 175px;overflow-y: auto;display:none;position: absolute;top: -12px;border: 1.5px solid var(--border-color);cursor: pointer;border-radius: 8px;width: 100%;background-color: var(--white-background);}
.select-section-container .source-ul .source-list{display: inline-block;vertical-align: middle;width: 100%;border-bottom: 1.5px solid var(--border-color);padding: 12px 16px;}
.select-section-container .source-ul .source-list:last-child{border-bottom:none;}
.select-section-container .source-ul .source-list:hover{background-color: var(--body-background-primary);}
.select-section-container .source-content-block{display:block;}
.next-button-section{text-align: center;}
.next-button-section .next-button-link{padding: 8px 20px;border:none;background-color: var(--button-grey-color);border-radius: 8px;text-decoration: none;color: var(--white-background);font-family: var(--font-figtree-regular);font-size: 16px;line-height: 24px;margin: 24px 0px;text-align: center;}
.next-button-link .image_arrow_margin, .move-button-link .image_arrow_margin{margin: 0px 0px 0px 12px;}
.form-section-container{background: var(--white-background);padding: 18px;border-radius: 14px;}
.form-section-container .input-section{ margin: 0px 0px 15px 0px;}
.form-section-container .input-section .label-input{ letter-spacing: 0.2px;color: var(--body-text-primary); font-family: var(--font-figtree-medium); margin: 5px 0px; font-size: 16px; line-height: 20px;}
.form-section-container .input-section .input-container{font-family: var(--font-figtree-medium);border-radius: 5px;width: 100%;border: 1.5px solid var(--border-color); padding: 12px 16px;outline: none;font-size:16px;line-height:24px;}
.form-section-container .input-section .input-container:focus, .source-section-container .select-container:focus{border: 1.5px solid var(--button-color)}
.source-section-container .source-border{border:1.5px solid var(--button-color);}
.select-container .selected-image-para{letter-spacing: 0.2px;color: var(--body-text-primary);font-family: var(--font-figtree-medium);margin: 0px 0px 8px 0px;font-size: 16px;line-height: 20px;}
.select-section-container .back-button-link{font-size: 16px;line-height: 22px;margin:0px 10px 0px 0px;font-family: var(--font-figtree-regular);border:1.5px solid var(--button-color);padding: 8px 14px;border-radius: 8px;color: var(--button-color);}
.select-section-container .move-button-link, .newMigrationBtn{border:none;font-family: var(--font-figtree-regular);font-size: 16px;line-height: 22px;color: var(--white-background);background-color:  var(--button-grey-color);padding: 10px 14px;border-radius: 8px;}
.back-button-link .image_arrow_margin{margin: 0px 12px 0px 0px; }
.select-section-container .button-section-move-back{display:none;}
.select-section-container .button-section-move-back-block{display:block;text-align: center;margin: 40px 0px;}
.next-button-section .next-button-orange, .button-section-move-back .next-button-orange, .submit-button, .newMigrationBtn{background-color: var(--button-color);}
.next-button-section .next-button-orange:hover, .button-section-move-back .next-button-orange:hover, .submit-button:hover, .newMigrationBtn:hover{background-color:var(--button-hover-color);}
.list-section-click{position: relative;margin: 0px 18px;}
.modal .error_msg_heading{font-size: 35px;line-height: 45px;font-family: var(--font-figtree-semibold);margin:0px;}
.modal .error_msg{font-family: var(--font-figtree-medium);font-size: 18px;line-height: 28px;}
.common-margin-click-next{margin:15px 0px 0px 0px;}
.button-section-move-back .back-button-link:hover .arrow-image-svg path{fill:var(--white-background);}
.button-section-move-back .back-button-link:hover  {background-color: var(--button-hover-color); color:var(--white-background);border-color:var(--button-hover-color);}
.form-section-container .error_msg_required {margin: 0px 0px 0px 5px;display: none;font-size: 12px;line-height: 20px;font-family:  var(--font-figtree-regular);color: var(--required-color);}
.form-container-input-none{display:none;}
.form-container-input-block{display:block;margin:15px 0px 0px 0px;}
.container-select-section-col-source{padding:0px 10px 0px 0px;}
.container-select-section-col-destination{padding:0px 0px 0px 10px;}
.list-section-click .selected-image{max-width: 23px;}
.select-container .brand_logo{max-width:18px;}
.select-container .brand_logo, .list-section-click .brand-txt{margin: 0px 0px 0px 5px;font-family: var(--font-figtree-regular);font-size: 18px;line-height: 24px;display:inline-block;vertical-align: middle;}
.brand-txt{margin: 0px 0px 0px 5px;font-family: var(--font-figtree-regular);font-size: 18px;line-height: 24px;vertical-align: middle;display:inline-block;}
.source-section-container .padding-container-source.padding-select, .source-section-container .padding-container-destination.padding-select{padding:12px 16px;}
/* Source and destination end */

/* Account page start */
.account_main{background-color: var( --body-background-primary);}
.account-section{padding: 8px 0px 25px 0px;}
.title-scroll-section {box-shadow: 3px 1px 30px 1px rgb(0 0 0 / 5%);}
.title-sec{position: sticky; top:50px; z-index:999; padding: 20px 0px; background-color: var(--body-background-primary);}
.status-txt{color: var(--body-text-secondary);font-size: 24px;line-height: 29px;font-family: var(--font-figtree-semibold);margin: 0px;}
/* Account table section start*/
.account_table_section{overflow-y: auto;overflow-x: auto;background-color: var(--white-background);margin: 0 0 20px 0;border-radius: 8px;}
.account_table tr{border-bottom: 1.5px solid var(--table-border-color);}
.account_table {width: 100%;}
.account_table th{padding: 12px 13px 12px 9px;white-space: nowrap;font-size: 15px;line-height: 18px;font-family: var(--font-figtree-medium);color: var(--table-heading-txt);border-right: 1.5px solid var(--table-border-color);text-align: center;font-weight: 600;}
.account_table td{padding: 16px 11px;font-size: 14px;line-height: 18px;font-family: var(--font-figtree-regular);color: var(--body-text-secondary);border-right: 1.5px solid var(--table-border-color);text-align: center;font-weight: 500;}
.completed_txt{border-radius: 15px;text-align: center;background-color: var(--completed-bg-color);display: inline-block;padding: 3px 8px;font-size: 14px;line-height: 20px;vertical-align: middle;font-family: var(--font-figtree-medium);}
.account_table thead {position: sticky; top: 0;background-color: var(--white-background); z-index: 10; }
.resync_btn {background-color: var(--button-color); color: var(--white-background); border: none; border-radius: 8px;padding: 4px 8px;font-size: 14px;line-height: 18px;font-family: var(--font-figtree-regular);width: 80px;}
.resync_btn:hover {background-color: var(--button-hover-color);}
.resync_btn img{max-width: 11px;filter: invert(1) brightness(1);}
.account_haeder tr th:nth-child(5), .account_haeder tr th:nth-child(6), .account_haeder tr th:nth-child(7),  .account_haeder tr th:nth-child(8){padding: 12px 33px}
.account_body svg{display: block;}
.table-svg-span{display: inline-block;vertical-align: middle;}
.heading_mobile{display: none;}
.completed_txt.pending{background-color: #b5e8ff !important;}
.completed_txt.inprogress{background-color: #ffe9c0 !important;}
.all-completed-message {
    text-align: center;
    padding: 10px 0px;
    color: grey;
}

/* Account table section end */
/* Account page end */

/* Mapping design start */
.mapping_main{background-color: var( --body-background-primary);}
.mapping-section{padding:8px 0px 25px 0px;}
.map-status-txt{color: var(--body-text-secondary);font-size: 24px;line-height: 29px;font-family: var(--font-figtree-semibold);margin: 0px;}
.mapping_tab_content_section{overflow-y: auto;overflow-x: hidden;padding:0 0 0 5px;}
.mapping-tab-content-main-section{background-color: var(--white-background);border-radius: 15px;border: 1.5px solid var(--border-color);}
.mapping_tab_inner_section {list-style-type: none;padding: 0px;margin: 0px 0px 8px 0px;width: 100%;}
.mapping_tab_inner_section li {text-align: center;margin: 0px 6px 0px 0px;}
.mapping_tab_inner_section li:first-child{margin-left: 0px;}
.mapping_tab_inner_section li:last-child{margin-right: 0px;}
.mapping_tab_inner_section .mapping_tab_menu_link:hover{padding:25px 15px;color:var(--white-background);background-color: var(--active-text-color);border: 1px solid var(--active-text-color);}
.mapping_tab_inner_section .mapping_tab_menu_link {display: flex;align-items: center;justify-content: space-between;margin: 0px;flex-direction: row;text-decoration: none;color: var(--site-gray-color);font-family: var(--font-figtree-semibold);font-size: 18px;line-height: 22px;padding:25px 15px;width: 100%;border: 1.5px solid var(--border-color);border-radius: 8px;background-color: var(--white-background);}
.mapping_tab_inner_section .mapping_tab_menu_link.active{padding:25px 15px;color:var(--white-background);background-color: var(--active-text-color);border: 1px solid var(--active-text-color);}
.mapping_tab_inner_section .mapping_tab_menu_link.active .mapping_tab_image_span svg path{fill:var(--white-background)} 
.mapping_tab_inner_section .mapping_tab_menu_link:hover .mapping_tab_image_span svg path{fill:var(--white-background)}
.action-container {display: flex;align-items: center;flex-direction: row;padding: 0px 0px 8px 0px;}
.select-inner-section{margin: 0px 7px;}
.select-inner-section:first-child{margin-left: 0px;}
.select-inner-section:last-child{margin-right: 0px;}
.action-select {padding:7px  10px;border: 1.5px solid var(--border-color);border-radius: 5px;outline: none;appearance: none;color: var(--site-gray-color);font-family: var(--font-figtree-regular);font-size: 17px;line-height: 21px;width: 100%;  background-image: url('../images/dropdown.svg');background-repeat: no-repeat;background-position: right 15px center;background-size: 25px 25px;white-space: nowrap;text-overflow: ellipsis;}
.right_arrow_section img{display: block;}
.delete-button {padding: 5px 10px;background-color: var(--delete-btn-bg-color);cursor: pointer;border: none;border-radius: 8px; }
.delete-button:hover .delete-button svg path{fill:var(--white-background);}
.delete-button:hover {background-color: var(--delete-bg-color);}
.delete-button:hover svg path {fill: var(--white-background); }
.select-data-col-section{padding: 8px 11px; max-height: 300px; height: 288px;}
.select-inner-section:first-child, .select-inner-section:nth-child(3) {flex: 2; }
.select-inner-section:nth-child(2), .select-inner-section:last-child  {flex: 0;}
.add_btn, .addMetaField, .addCustomField {padding: 5px 10px;color: var(--button-color);cursor: pointer;border: none;border-radius: 8px;font-family: var(--font-figtree-medium);font-size: 18px;line-height: 22px;background: none;justify-content: center;}
.add_btn:hover, .addMetaField:hover, .addCustomField:hover {color: var(--button-hover-color);}
.add_btn:hover .add-btn-span svg path{fill: var(--button-hover-color);}
.add_btn_section{padding: 7px;position: sticky;bottom: -1px;text-align: center; background-color: var(--white-background);z-index: 1000;border-top: 1.5px solid var(--border-color);border-radius: 0px 0px 15px 15px;  }
.add_btn_inner_section{position: relative;display: flex;align-items: center;justify-content: flex-end;}
.start_btn{padding: 7px 16px;background-color: var(--button-color);cursor: pointer;border: none;border-radius: 4px;font-family: var(--font-figtree-regular);font-size: 18px;line-height: 22px;color: var(--white-background);}
.start_btn:hover {background-color: var(--button-hover-color);}
.start_btn.is-invalid {background-color: #8d8d8d;}
.start_btn.is-invalid:hover {background-color: #8d8d8d;}
.back_btn{padding: 5px 8px;border:1px solid var(--button-color);cursor: pointer;border-radius: 4px;font-family: var(--font-figtree-regular);font-size: 18px;line-height: 22px;color: var(--button-color);background: transparent;display: flex;align-items: center;flex-direction: row;justify-content: center;gap: 10px;}
.back_btn:hover {color:var(--white-background);border: 1px solid var(--button-hover-color);background-color: var(--button-hover-color);}
.back_btn:hover .back_arrow_span svg path{fill: var(--white-background);}
.add-btn-span{margin: 0px 0px 0px 4px;display: inline-block;vertical-align: middle;}
.add_btn span{display: inline-block;vertical-align: middle;}
.add-btn-span svg, .back_arrow_span svg, .tab_inner_section span svg{display: block;}
.back_and_start_migration_btn_section{padding: 25px 0px 0px 0px;display: flex;align-items: center;flex-direction: row;justify-content: center;gap: 13px;}
.mapping_tab_slider .slick-next:before, .mapping_tab_slider .slick-prev:before {content: '';}
.mapping_tab_slider .slick-prev, .mapping_tab_slider  .slick-next {background: transparent;border: none; outline: none;cursor: pointer;z-index: 10; }
.mapping_tab_slider .slick-next img {max-width: 20px;transform: rotate(-180deg); }
.mapping_tab_slider .slick-prev {left: -23px; top: 40px;}
.mapping_tab_slider .slick-next {right: -18px;top: 40px;}
.mapping_tab_slider .slick-track{margin: 0px auto;}
.mapping_tab_slider .slick-dots li button:before{font-size: 35px;line-height: 20px;}
.mapping_tab_slider .slick-dots li.slick-active button:before, .mapping_tab_slider .slick-dots li button:hover:before {color: var(--heading-common-color);}
.heading_header_section{display: flex;align-items: center;justify-content: space-between;margin: 0px;flex-direction: row;}
.tab_inner_section span{display: inline-block;vertical-align: middle;}
.mapping_main .title-sec{padding: 17px 0px;}
.select-inner-sections {position: relative;}
.custom-dropdown{max-height: 128px;overflow-y: auto;padding: 0px;margin: 0;}
.custom-dropdown li:last-child{border-bottom: 0;}
.dropdown-trigger {padding: 8px 12px;border: 1.5px solid var(--border-color);border-radius: 5px;cursor: pointer;color: var(--site-gray-color);font-family: var(--font-figtree-regular);font-size: 17px;line-height: 21px;width: 100%;  background-image: url('../images/dropdown.svg');background-repeat: no-repeat;background-position: right 15px center;background-size: 25px 25px;white-space: nowrap;text-overflow: ellipsis;}
.options-container {position: absolute;top: 100%; left: 0;z-index: 9;background: var(--white-background);border: 1px solid var(--border-color);width: 100%;border-radius: 8px;display: none;}
.custom-dropdown li {padding: 5px 25px;cursor: pointer;color: var(--body-text-secondary);font-family: var(--font-figtree-regular);font-size: 16px;line-height: 18px;}
.custom-dropdown li:hover {background-color: var(--body-background-primary);color: var(--body-text-secondary);}
.popup-overlay {display: none; position: fixed; top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.3);z-index: 1000;justify-content: center; align-items: center;}
.popup-content {background: var(--white-background);padding: 15px;border-radius: 10px;box-shadow: 0 0 50px var(--box-shadow);;width: 100%;max-width: 400px;}
.popup-content p{color: var(--body-text-secondary);font-family: var(--font-figtree-semibold);font-size: 16px;line-height: 20px;text-align: center;}
.close_btn_section{display: flex;align-items: center;justify-content: space-evenly;margin: 0px;flex-direction: row;}
.close_btn{padding: 6px 12px;border:1px solid var(--button-color);cursor: pointer;border-radius: 4px;font-family: var(--font-figtree-regular);font-size: 18px;line-height: 22px;color: var(--button-color);background: transparent;}
.close_btn:hover {color:var(--white-background);border: 1px solid var(--button-hover-color);background-color: var(--button-hover-color);}
/* Mapping design end */

/* login validation text start */
#login-validation-text{color: #FF0000;}
/* login validation text end */

.disabled, .inActive{opacity: 0.5; pointer-events: none !important;}
.custom-dropdown .moduleHeading{font-size: 18px;line-height: 30px;padding: 10px;font-weight: bold;}
.custom-text-trigger {padding: 8px 12px;border: 1.5px solid var(--border-color);border-radius: 5px;color: var(--site-gray-color);font-family: var(--font-figtree-regular);font-size: 17px;line-height: 21px;width: 100%; white-space: nowrap;text-overflow: ellipsis;}
.custom-dropdown .active{background-color: #e6e6e6; pointer-events: none;}

/* Mapping custom fields start*/
.select-content-inner-section, .input-content-inner-section{padding: 10px 0;}
.select-content-inner-section .heading{display: flex;justify-content: space-between;align-items: center;padding: 10px 0;}
.select-content-inner-section h3{margin: 0;}
.tableCustomFields, .tableMetaFields, .select-content-inner-section{padding: 10px 30px;box-shadow: 0px 0px 4px -1px;margin: 10px 0;border-radius: 10px;}
.tableHeadingSection{flex-direction: row;display: flex;justify-content: space-between;align-items: center;padding: 10px 0;}
.tableHeadingSection .tableActions{width: 70%;display: flex;align-items: center;justify-content: flex-end;}
.customCheckbox, .MetaCheckbox{width: 20%;text-align: right;}
.addCustomField, .addMetaField{width: 32%;text-align: center;}
input[type="checkbox"] {transform: scale(1.3);margin: 10px;cursor: pointer;}
.input-content-inner-section .heading{display: flex;align-items: center;justify-content: space-between;}
select.attributeType{padding: 8px 12px;border: 1.5px solid var(--border-color);border-radius: 5px;cursor: pointer;color: var(--site-gray-color);font-family: var(--font-figtree-regular);font-size: 17px;line-height: 21px;width: 100%;}
/* Mapping custom fields end*/

/* Styling for suggestions start*/
#suggestions {border: 1px solid #ccc;width: 100%;display: none;position: absolute;background-color: white;z-index: 1000;border-radius: 10px;}
.suggestion-item {padding: 8px;cursor: pointer;list-style-type: none;}
.suggestion-item:hover {background-color: #eee;}
.showAttributes {width: 40px;height: 40px;background-color: var(--active-text-color);border-radius: 50%;position: relative;border: none;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.showAttributes .down-arrow {border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid white;}
.showAttributes .up-arrow {border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid white;display: none;}
.input-content-inner-section .hide{display: none;}
.input-content-inner-section .open{display: block;}
/* Styling for suggestions end*/

/* Header icon design start */
.logoutButton img, .settingsButton img, .accountButton img{max-width: 30px;}
.accountButton{padding: 2px 1px 2px 5px;background: #0b0b97;border-radius: 20px;}
.report-form-responsive{display: none !important;}
/* Header icon design end */

/* custom loader start */
#loaderDiv{width:100%;height: 25%;top: 57%;left: 0;display: none;text-align: center;background:transparent !important;position:fixed;z-index: 1000;}
#loaderDiv.loadshow{display: block !important;width:100%;}
.loaderimg{height: 40%;}
.overlay{position: fixed;z-index: 9999;top: 0;left: 0;background-color: #000;opacity: 0;
transition: width 0s linear .6s, opacity .6s cubic-bezier(.39,.575,.565,1) 0s;display: block;}
.is-active {width: 100%;opacity: .4;transition: opacity .4s, width 0s linear 0s;height: 100%;}
/* custom loader end */

/* Setting page design start */
.main-container {display: flex;flex-direction: column;justify-content: space-between;align-items: center;padding: 20px;font-family: Arial, sans-serif;}
/* General container styling */
.toggle-container {display: flex;flex-direction: column;gap: 20px;justify-content: center;align-items: flex-start;margin: 0 auto;width: 90%;padding: 0 0 20px 0;}
/* Toggle styles */
.toggle {position: relative;display: inline-flex;align-items: center;cursor: pointer;}
/* Hide the checkbox */
.toggle input {display: none;}
/* Slider styling */
.slider {width: 50px;height: 25px;background-color: #ccc;border-radius: 25px;position: relative;transition: background-color 0.3s;}
.slider:before {content: '';position: absolute;width: 20px;height: 20px;background-color: white;border-radius: 50%;top: 2.5px;left: 2.5px;transition: transform 0.3s;}
/* Checkbox checked state */
.toggle input:checked + .slider {background-color: #4caf50;}
.toggle input:checked + .slider:before {transform: translateX(25px);}
/* Label styling */
.label {margin-left: 10px;font-size: 14px;color: #333;text-transform: capitalize;}
/* Submit button styling */
.submit-button {color: white;border: none;padding: 10px 20px;font-size: 16px;border-radius: 5px;cursor: pointer;transition: background-color 0.3s;}
.source-destination .submit-button{padding: 6px 12px;}
/* Setting page design end */

/* Account page design start */
.account_main table caption{caption-side: top;font-size: 18px;line-height: 22px; font-weight: bold;margin: 10px;}
.account_main table{border-top: 1.5px solid var(--table-border-color);}
/* Account page design end */

/*user details page design start*/

.user-info-container {
    display: flex;
    margin: 1px;
    border: 1px solid;
    justify-content: space-between;
}

.user-details {
    width: 80%;
    border-right: 1px solid;
}

.user-details {
    width: 80%;
    border-right: 1px solid;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    margin-left: 15px;
}

.user-details #login-user-name, .user-profile #login-user-name {
    color: var(--body-text-secondary);
    font-weight: 500;
    margin-left: 8px;
}

.user-details #login-user-email {
    color: var(--body-text-secondary);
    margin-left: 8px;
}

img.user-profile-img {
    padding: 2px;
    border: 1px solid;
}

.title-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.title-section-header .heading-container {
    margin: 0;
    flex-grow: 1;
}
.back-button-account .image_arrow_margin{margin: 0px}

.title-section-header .back-button-account {
   background-color: var(--button-color);
    color: var(--white-background);
    border: none;
    border-radius: 8px;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 18px;
    font-family: var(--font-figtree-regular);
    width: 80px;
}
.back-button {
    justify-content: end;
}
.user-details-section {
    padding: 8px 0px 25px 0px;
}

.user-info-card {
    background-color: var(--white-background);
    padding: 30px;
    border-radius: 14px;
    margin-bottom: 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.user-info-header {
    display: flex;
    align-items: center;
    gap: 20px;
}

.user-avatar {
    flex-shrink: 0;
}

.user-profile-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 3px solid var(--button-color);
    padding: 5px;
    background-color: var(--body-background-primary);
}

.user-info-content {
    flex-grow: 1;
}

.user-name {
    margin: 0 0 8px 0;
    font-family: var(--font-figtree-semibold);
    font-size: 24px;
    line-height: 30px;
    color: var(--heading-common-color);
}

.user-email {
    margin: 0;
    font-family: var(--font-figtree-regular);
    font-size: 16px;
    line-height: 20px;
    color: var(--body-text-primary);
}

.system-info-card {
    background-color: var(--white-background);
    padding: 30px;
    border-radius: 14px;
    margin-bottom: 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.card-title {
    margin: 0 0 20px 0;
    font-family: var(--font-figtree-semibold);
    font-size: 20px;
    line-height: 25px;
    color: var(--heading-common-color);
    padding-bottom: 15px;
    border-bottom: 2px solid var(--border-color);
}

.system-details-table {
    width: 100%;
    border-collapse: collapse;
    background-color: transparent;
}

.system-details-table thead {
    background-color: var(--body-background-primary);
}

.system-details-table th {
    padding: 12px 15px;
    text-align: left;
    color: var(--heading-common-color);
    font-family: var(--font-figtree-semibold);
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
    border-bottom: 2px solid var(--border-color);
}

.system-details-table td {
    padding: 15px;
    color: var(--body-text-secondary);
    font-family: var(--font-figtree-regular);
    font-size: 14px;
    line-height: 18px;
    border-bottom: 1.5px solid var(--border-color);
}

.system-details-table tbody tr:hover {
    background-color: var(--body-background-primary);
}

.system-details-table tbody tr:last-child td {
    border-bottom: none;
}
button.back-button-account {
    border: 1px solid;
    padding: 5px;
}
a.help-form {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #b0b0b0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-left: 6px !important;
    min-width: auto !important;
    text-decoration: none !important;
    /* font-weight: 600 !important; */
    font-size: 14px !important;
    transition: color 0.2s ease !important;
}
a.help-form:hover {
    color: #909090 !important;
}
a.help-form:active {
    color: #707070 !important;
}
a.help-form .report-form {
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
    color: inherit !important;
}
a.help-form:hover {
    color: #909090;
}
a.help-form:active {
    color: #707070;
}
a.help-form .report-form {
    text-decoration: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 3px;
    color: inherit;
}
.report-form {
    text-decoration: underline;
}
/*user details page design ends*/

/* Feedback form design start */
.required-asterisk {color: #e55967da;margin-left: 4px;}
.feedback-form-btns{
    display: flex;
    justify-content: end;
    align-items: center;
    margin-bottom: 5px;
}
button.btn-primary.back-button-link.back-button-account , .feedback-submit-btn {
    background-color: var(--button-color);
    color: var(--white-background);
    border: none;
    border-radius: 8px;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 18px;
    font-family: var(--font-figtree-regular);
    width: 80px;
}
button.feedback-submit-btn.btn.btn-primary.border-0.nrml-btn{
    background-color: var(--button-color);
    color: var(--white-background);
    border: none;
    border-radius: 8px;
    padding: 6px 8px;
    font-size: 14px;
    line-height: 18px;
    font-family: var(--font-figtree-regular);
    width: 80px;
}

/* Feedback form design ends */
/*Responsive design for user details page*/
@media screen and (max-width: 1400px) {
    .title-section-header {
        flex-direction: row;
        gap: 15px;
        width: 100%;
    }
    
    .user-info-card {
        padding: 25px;
    }
    
    .user-info-header {
        gap: 15px;
    }
    
    .user-profile-img {
        width: 70px;
        height: 70px;
    }
    
    .user-name {
        font-size: 20px;
        line-height: 25px;
    }
    
    .system-info-card {
        padding: 25px;
    }
}

@media screen and (max-width: 991px) {
    .title-section-header {
        align-items: flex-start;
        gap: 10px;
    }
    
    .title-section-header .back-button-account {
        align-self: flex-end;
    }
    
    .user-info-header {
        flex-direction: row;
        gap: 15px;
    }
    
    .user-profile-img {
        width: 65px;
        height: 65px;
    }
    
    .user-name {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 5px;
    }
    
    .user-email {
        font-size: 14px;
        line-height: 18px;
    }
    
    .system-details-table th {
        padding: 10px 12px;
        font-size: 14px;
    }
    
    .system-details-table td {
        padding: 12px;
        font-size: 13px;
    }
    
    .card-title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .user-info-card {
        padding: 20px;
        margin-bottom: 20px;
    }
    
    .user-info-header {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 12px;
    }
    
    .user-avatar {
        flex-shrink: 0;
    }
    
    .user-profile-img {
        width: 60px;
        height: 60px;
    }
    
    .user-name {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 4px;
    }
    
    .user-email {
        font-size: 13px;
        line-height: 16px;
    }
    
    .system-info-card {
        padding: 20px;
        margin-bottom: 20px;
    }
    
    .card-title {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 12px;
        padding-bottom: 10px;
    }
    
    .system-details-table th {
        padding: 10px 8px;
        font-size: 12px;
        line-height: 16px;
    }
    
    .system-details-table td {
        padding: 10px 8px;
        font-size: 12px;
        line-height: 16px;
    }
    
    .title-section-header {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }
    .back-button {
        flex-direction: row;
    }
    .common_space .title-section-header{
        width: 100%;
        flex-direction: row;
    }
    
    .title-section-header .heading-container {
        flex-grow: 1;
        font-size: 20px;
        line-height: 24px;
    }
    
    .title-section-header .back-button-account {
        align-self: flex-start;
        padding: 6px 10px;
        font-size: 14px;
    }
    
    .user-details-section {
        padding: 8px 0px 15px 0px;
    }
}

@media screen and (max-width: 576px) {
    .user-info-card {
        padding: 16px;
        margin-bottom: 16px;
    }
    
    .user-profile-img {
        width: 55px;
        height: 55px;
        border-width: 2px;
        padding: 3px;
    }
    
    .user-name {
        font-size: 15px;
        line-height: 18px;
        margin-bottom: 3px;
    }
    
    .user-email {
        font-size: 12px;
        line-height: 15px;
    }
    
    .system-info-card {
        padding: 16px;
        margin-bottom: 16px;
    }
    
    .card-title {
        font-size: 15px;
        line-height: 18px;
        margin-bottom: 10px;
        padding-bottom: 8px;
    }
    
    .system-details-table {
        font-size: 11px;
    }
    
    .system-details-table th {
        padding: 8px 6px;
        font-size: 11px;
        line-height: 14px;
    }
    
    .system-details-table td {
        padding: 8px 6px;
        font-size: 11px;
        line-height: 14px;
    }
    
    .title-section-header .heading-container {
        font-size: 18px;
        line-height: 22px;
    }
    
    .title-section-header .back-button-account {
        padding: 5px 8px;
        font-size: 12px;
    }
}

@media screen and (max-width: 380px) {
    .user-info-card {
        padding: 12px;
        margin-bottom: 12px;
    }
    
    .user-profile-img {
        width: 50px;
        height: 50px;
        border-width: 2px;
        padding: 2px;
    }
    
    .user-name {
        font-size: 14px;
        line-height: 17px;
    }
    
    .user-email {
        font-size: 11px;
        line-height: 14px;
    }
    
    .system-info-card {
        padding: 12px;
    }
    
    .card-title {
        font-size: 13px;
        line-height: 16px;
        margin-bottom: 8px;
        padding-bottom: 6px;
    }
    
    .system-details-table th,
    .system-details-table td {
        padding: 6px 4px;
        font-size: 10px;
        line-height: 13px;
    }
    
    .title-section-header {
        gap: 6px;
    }
    
    .title-section-header .heading-container {
        font-size: 16px;
        line-height: 20px;
    }
    
    .title-section-header .back-button-account {
        padding: 4px 6px;
        font-size: 11px;
    }
    
    .user-details-section {
        padding: 4px 0px 10px 0px;
    }
}

/*Responsive design start*/
@media screen and (max-width: 1400px) {
/*login related pages*/
.login-button {font-size: 16px;}
.welcome-content{margin: 18px 0px;font-size: 24px;line-height: 26px;}
.bg-section .banner-text .banner-head{font-size: 23px;line-height: 26px;margin: 0px 0px 8px;}
.bg-section .banner-text .banner-subtxt{font-size: 17px; line-height: 20px;}
.bg-section .banner-text{max-width: 400px; margin-bottom: 20px;}
.inner-login-content .login-form input{margin: 0px 0px 10px 0px; }
.copyryt-content .copytxt, .forgot-password .login-btn .verification-txt, .login-form label, .verify-mail-txt{font-size: 13px; line-height: 18px; }
.joinus-text{ font-size: 14px; line-height: 18px;}
.sign-text .signup-link, .resend-text .signup-link, .login-btn .password-txt .forgot_password_txt{ font-size: 14px; line-height: 18px;}
.forgot-password .login-btn .verification-txt { margin: 0px 0px 22px;}
/*login related pages*/
}
@media screen and (max-width:1199px) {
/* mapping design start */
.action-select {font-size: 16px;line-height: 20px;background-position: right 5px center;background-size: 20px 20px;}
.mapping_tab_inner_section .mapping_tab_menu_link, .add_btn, .back_btn, .start_btn, .addCustomField, .addMetaField {font-size: 16px;line-height: 20px;}
.delete-button {padding: 5px 6px}
.delete-button img{max-width: 20px;display: block;}
/* mapping design end */

/*login related pages*/
.bg-section .banner-text .banner-head {font-size: 21px; line-height: 24px; }
.inner-login-content{width: 72%;}
.bg-section .banner-text{max-width: 380px;margin: 0 auto 30px;}
.login-btn .password-txt .forgot_password_txt {font-size: 15px;}
/*login related pages*/

/*Reset Password*/
.reset-password .verify-code-inputs .user-input{line-height: 22px;font-size: 18px;}
/*Reset Password*/
}

@media screen and (max-width: 991px) {
/*login related pages*/
.eye-icon {top: 47px;}
.eye-icon img {max-width: 20px;}
.bg-section .banner-text .banner-head { font-size: 20px;margin: 0px 0px 8px;}
.bg-section .banner-text .banner-subtxt {font-size: 16px;}
.bg-section .banner-text{max-width: 340px;}
.inner-login-content {width: 80%;}
.welcome-content {font-size: 23px; line-height: 25px;}
.login-btn .password-txt .forgot_password_txt{font-size: 14px;}
.pass-input input {background-size: 20px;}
.login-button{padding: 10px 0px;}
.inner-login-content .login-form input {padding: 10px 8px;}
/*login related pages*/

/*Reset Password*/
.reset-password .verify-code-inputs .user-input{font-size: 17px;}
/*Reset Password*/
}
@media screen and (max-width: 767px) {
/*login related pages*/
.joinus-text, .mobile-hide-text .banner-subtxt{margin: 0px 0px 10px;}
.right-content { padding: 16px 0px;}
.login-logo img{max-width: 110px;}
.login-btn .password-txt {margin: 0px 0px 16px;}
.left-banner-section {display: none;}
.mobile-hide-text{display: block;margin-bottom: 20px;}
.mobile-hide-text .banner-head{font-size: 17px; line-height: 20px; margin: 0px 0px 8px; color: var(--body-text-secondary);font-family: var(--font-figtree-bold);}
.mobile-hide-text .banner-subtxt{font-size: 15px; line-height: 18px; color: var(--body-text-secondary); font-family: var(--font-figtree-regular);}
.welcome-content{font-size: 22px;margin: 12px 0px;}
.login-btn .password-txt .forgot_password_txt, .joinus-text, .sign-text .signup-link, .resend-text .signup-link{font-size: 15px;}
/*login related pages*/

/*Reset Password*/
.reset-password .verify-code-inputs .user-input { font-size: 16px; line-height: 20px;}
.mobile-hide-text{margin-top: 10px;}
/*Reset Password*/

/*Create account page*/
.create-account .login-form .red-mark {font-size: 13px;}
/*Create account page*/

/* Source and destination starts*/
.source-destination .title-sec .heading-container {font-size: 20px;line-height: 25px;}
.select-section-container .select-heading {font-size: 20px; line-height: 25px;}
.source-section-container .select-container {background-position: 95%;background-size: 16px;}
.form-section-container .input-section .input-container {padding:10px 16px;}
.source-section-container .select-container {padding:10px 16px;}
.container-select-section-col-source{padding: 0px;}
.container-select-section-col-destination{padding:0px;}
.form-section-container, .source-section-container{margin: 0px 0px 14px 0px;}
.select-section-container .source-ul {top:-26px}
.select-section-container {margin: 0px;}
/* Source and destination end*/

/* account page start */
.status-txt{font-size: 21px;line-height: 25px;}
.account_table_section{overflow: unset;background-color: transparent;}
.account_table {display: block;}
.account_table thead {display: none;}
.account_body tr {display: flex;flex-direction: row;flex-wrap: wrap;border: 1px solid var(--table-border-color);margin: 0px 0px 20px 0px;background-color: var(--white-background);padding: 5px;border-radius: 10px;}
.account_body td {padding: 10px;overflow: visible; white-space: normal;max-width: none; border-top: 1px solid var(--scrollbar-color);display: inline-block;vertical-align: middle;width: 100%;text-align: left;font-size: 13px;line-height: 17px;border: none;}
.account_body td::before {content: attr(data-label);font-weight: bold;margin: 0px 10px 0px 0px; flex-shrink: 0;display: inline-block;vertical-align: middle;width: 50%;text-align: left;}
.completed_txt{margin: 0px 0px 0px -4px;font-size: 13px;line-height: 17px;}
.resync_btn {margin: 0px 0px 0px -4px;font-size: 13px;line-height: 17px;}
.account_body svg{display: inline-block;vertical-align: middle;}
.table-svg-span{margin: 0px 0px 0px -4px;}
.account_body tr:last-child{margin: 0px;}
.heading_mobile{display: block;}

/* account page end*/

/* mapping design start */
.map-status-txt{font-size: 21px;line-height: 25px;}
.add_btn_section{bottom: 0px;}  
/* mapping design end */  
}
@media screen and (max-width: 576px) {
/*login related pages*/
.inner-login-content {width: 82%;}
.welcome-content{font-size: 21px;line-height: 24px;}
.mobile-hide-text .banner-subtxt{font-size: 14px;}
.mobile-hide-text .banner-head { font-size: 16px;  line-height: 20px; margin: 0px 0px 6px;}
.login-btn .password-txt .forgot_password_txt, .joinus-text, .copyryt-content .copytxt, .sign-text .signup-link, .resend-text .signup-link, .forgot-password .login-btn .verification-txt { font-size: 14px; line-height: 18px;}
/*login related pages*/

/* Source and destination starts */
.source-destination .title-sec .heading-container{  font-size: 16px;line-height: 20px;}
.source-destination .title-sec .heading-container {font-size: 18px;line-height: 24px;}
.modal .error_msg_heading{font-size: 26px;line-height: 34px;}
.modal .error_msg{font-size: 16px;line-height: 24px;}
.select-section-container .select-heading {font-size: 18px;line-height: 22px;}
.source-section-container .source-cart,.select-container .selected-image-para, .form-section-container .input-section .label-input {font-size:14px;line-height: 18px;}
.select-container .brand_logo, .list-section-click .brand-txt,.brand-txt {font-size: 15px;line-height:20px;}
.form-section-container .input-section .input-container{font-size: 14px;line-height: 20px;}
/* Source and destination end*/

/* account page start */
.account_body svg{max-width: 75px;}
.header_container .header-section .login-section a{font-size: 14px;line-height: 17px;}
.header_container .header-section .logo-image {width: 100%;max-width: 100px;}
/* account page end */

/* mapping design start */
.action-select {font-size: 14px;line-height: 18px;background-position: right 5px center;background-size: 15px 15px;padding:7px 20px 7px 10px;}
.add_btn{font-size: 14px;line-height: 18px;border-bottom:1px solid var(--button-color);border-radius: 0px;}
.delete-button img{max-width: 15px;}
.right_arrow_section img{transform: rotate(90deg);max-width: 20px;}
.action-container {display: flex;flex-direction: column;align-items: center;width: 100%;background-color:var(--white-background);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);padding: 15px;margin: 0px 0px 10px 0px;border-radius: 8px;}
.select-inner-section {margin: 0px 0px 15px 0px; width: 100%;}
.right_arrow_section {display: flex;justify-content: center;width: 100%;align-items: center;flex-direction: row;}
.delete-button-section {display: flex;justify-content: center;align-items: center;width: 100%;flex-direction: row; }
.select-inner-section:last-child{margin: 0px;}  
.back_btn{font-size: 14px;line-height: 18px;padding: 7px 8px;}
.close_btn{font-size: 14px;line-height: 18px;}
.back_arrow_span svg{width: 20px;height: 20px;}
.start_btn {padding: 10px 16px;font-size: 14px;line-height: 18px;position: unset;margin: 8px 0px 3px 0px;}
.required-asterisk {color: #dc3545;margin-left: 4px;}
.form-label {display: inline-flex;align-items: center;}
.action-container:last-child{padding: 15px;}
.popup-content {max-width: 350px;}
.popup-content p{font-size: 15px;line-height: 19px;}
/* mapping design end */
}
@media screen and (max-width: 520px) {
.login-user-name{
    display: none !important;
}
a.help-form {
    margin: 0px !important;
}
.accountButton {
    background: none;
}
.report-form{
    display: none !important;
}
.report-form-responsive{
    display: inline-flex !important;
    border-bottom: 0.5px solid !important   ;
}
}

@media screen and (max-width: 380px) {
/*login related pages*/
.eye-icon {top: 44px;}
.eye-icon img{max-width: 18px;}
.pass-input input {background-size: 18px;}
.welcome-content { font-size: 18px;line-height: 20px; margin: 14px 0px;}
.inner-login-content .login-form input {padding: 8px 8px;font-size: 13px;}
.login-button {padding: 8px 0px;}
.mobile-hide-text .banner-head {font-size: 16px;line-height: 20px;}
.login-logo img {max-width: 100px;}
.login-form label, .verify-mail-txt{font-size: 13px;line-height: 16px;}
.login-btn .password-txt .forgot_password_txt, .joinus-text, .copyryt-content .copytxt, .sign-text .signup-link, .resend-text .signup-link, .forgot-password .login-btn .verification-txt{font-size: 13px; line-height: 16px;}
.login-btn .password-txt {margin: 0px 0px 14px;}
.mobile-hide-text .banner-subtxt, .login-button {font-size: 14px;}
.sign-text {padding: 14px 0px 0px;}
.mobile-hide-text {margin-bottom: 15px;}
/*login related pages*/

/*Create account page*/
.create-account .login-form .red-mark {font-size: 12px;}
/*Create account page*/

/* Source and destination starts */
.select-section-container .back-button-link , .select-section-container .move-button-link{width:100%;}
.select-section-container .button-section-move-back {margin: 15px 0px 40px 0px;}
.select-section-container .back-button-link {margin:0px 0px 10px 0px;}
.button-section-move-back .arrow-image-svg, .move-button-link .arrow_image, .next-button-section .arrow_image{max-width:20px;}
.select-section-container .move-button-link, .next-button-section .next-button-link, .select-section-container .back-button-link, .newMigrationBtn{font-size:14px;line-height: 20px;} 
/* Source and destination end*/

/* account page start */
.account_table td{font-size: 12px;line-height: 16px;}
.account_body td::before{margin: 0px;}
/* account page end*/
.popup-content {max-width: 300px;}
}
/*Responsive design end*/
.account_table td[data-label=Interface]{text-transform: capitalize;}



.nrml-btn {background-color: #06ab7c !important;border-color: #06ab7c !important;}
.nrml-btn:hover,.nrml-btn:active,.nrml-btn:focus,.nrml-btn:focus-visible,.nrml-btn.active,.show > .nrml-btn.dropdown-toggle {    background-color: var(--button-hover-color) !important;    border-color: var(--button-hover-color) !important;    box-shadow: none !important;    outline: none !important;}

.required-symbol {color:#E03131;}

.form-check-input[type=radio] {border-radius: 50%;border-color: var(--button-hover-color);}

.form-check-input:checked {background-color: #06ab7c;border-color: var(--button-hover-color);}