@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap');

body {
    /*font-family: "Poppins", sans-serif; */
    font-family: 'Mulish', sans-serif !important;
    color: #3f3e3e;
    margin: 0;
    padding: 0;
    font-size: 0.875rem;
    line-height: 24px !important;
    background: #fff;
    font-weight: 400;
    /*overflow-x: hidden;
  background: #f00;*/
}

html,
body {
    overflow-x: hidden !important;
    max-width: 100vw;
}

* {
    border: medium none;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {}

ul {
    list-style-type: none;
}

a {
    text-decoration: none;
    outline: none !important;
}

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

textarea {
    resize: none;
    outline: none;
}

.mar-top {
    margin-top: 85px;
}

.mar-top2 {
    margin-top: 75px;
}

.mar-bttm {
    margin-bottom: 40px;
}

p {
    line-height: 24px;
    font-size: 14px;
    font-weight: 400;
    color: #343434;
}

.no-padding {
    padding: 0;
}

.no-mrgn {
    margin: 0 !important;
}

.posi-rela {
    position: relative;
}

.table {
    margin-bottom: 0 !important;
}

/*#######################*/
/* header{
  position: fixed;
  width: 100%;
  top: 0;
  background-color: #fff;
  z-index: 9999;
} */
.head-top {
    /*padding: 23px 0 10px 0;*/
    padding: 23px 0 23px 0;

}

.top-rt-prt {
    float: right;
    margin: 2px 0 0;
    padding: 0;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
}

.top-rt-prt>a {
    color: #1F1534;
    display: inline-block;
    font-size: 14px;
    line-height: 32px;
}

.top-rt-prt>a.phoneno {
    line-height: 42px;
    padding-top: 2px;
    color: #1f153470;
}

.top-rt-prt>a+a {
    margin-left: 15px;
}

.top-rt-prt .dropdown a {
    color: #3f3e3e;
    font-size: 14px;
    font-weight: 300;
}

.top-rt-prt .dropdown a .far {
    color: #27a8e0;
}

.top-rt-prt .dropdown-menu a {
    font-size: 15px;
    padding: 4px 12px;
}

.top-rt-prt>a img {
    margin-top: 8px;
}

/*######################## NAV ####################*/

.top-menu {
    margin-top: 12px;
}

.top-menu ul {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    margin-bottom: 0;
    justify-content: center;
}

.top-menu ul li a {
    padding: 4px 13px;
    color: #1f153470;
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
}

.top-menu ul li:first-child a {
    padding-left: 0;
}

.top-menu ul li a:hover {
    color: #16a1db;
}

.top-menu .navbar {
    padding: 0;
    margin: 0;
}

.top-menu .navbar-nav li {
    margin-right: 34px;
}

.top-menu .navbar-nav li a {
    padding: 4px 20px;
    display: inline-block;
    color: #3f3e3e;
    font-size: 13px;
    font-weight: 400;
    transition: all ease-in-out 0.3s;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.top-menu .navbar-nav li a:hover {
    color: #16a1db;
}

.top-menu .navbar-nav li a::before {
    content: "";
    position: absolute;
    z-index: 9;
    left: 50%;
    right: 50%;
    bottom: -3px;
    background-color: #16a1db;
    height: 2px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.top-menu .navbar-nav li.active a {
    color: #16a1db;
    background-color: transparent;
}

.top-menu .navbar-nav li:hover a {
    color: #16a1db;
    background-color: transparent;
}

.top-menu .navbar-nav a.nav-link {
    color: #16a1db !important;
    background-color: transparent;
}

.top-menu .dropdown-menu {
    padding: 8px;
    border: 1px solid #aaa7b2;
}

.top-menu ul ul {
    display: none;
}

.top-menu ul li:hover ul {
    display: block;
    width: 250px;
    top: 22px;
}

.top-menu .dropdown-menu li {
    margin: 0;
}

.top-menu .dropdown-menu li+li {
    border-top: 1px solid #aaa7b2;
}

.top-menu .dropdown-menu li a.dropdown-item {
    color: #aaa7b2;
    display: block;
    width: 100%;
}

.top-menu .dropdown-menu li a:hover {
    color: #27a8e0;
}

.top-menu .navbar-nav li>a:hover:before,
.navbar-nav li.active a:before {
    left: 0;
    right: 0;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: transparent;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #3f3e3e;
    background-color: #f8f9fa;
}

/*######################## END NAV ####################*/

.head-bttm {
    background-color: #e6e6e7;
    padding: 5px 0;
}

.top-contact {
    margin: 0;
    float: right;
    padding: 6px 10px;
    background-color: #16a1db;
    border-radius: 3px;
}

.top-contact img {
    float: left;
    margin-right: 10px;
}

.top-contact p {
    font-size: 14px;
    color: #fff;
    margin: 0;
    padding: 0;
    line-height: 20px;
    float: right;
}

.top-contact p a {
    color: #fff;
    display: block;
    font-size: 17px;
}

/*######################## NAV ####################*/

.main-menu .navbar {
    padding: 0;
    margin: 0;
}

.main-menu .navbar-nav li {
    margin-right: 40px;
}

.main-menu .navbar-nav li a {
    padding: 15px 0;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    transition: all ease-in-out 0.3s;
    text-transform: uppercase;
}

.main-menu .navbar-nav li .dropdown-menu li a:hover {
    background: #131f55;
    color: #fff;
}

.main-menu .navbar-nav li.active a {
    color: #fff;
    background-color: transparent;
}

.main-menu .navbar-nav li:hover a {
    color: #fff;
    background-color: transparent;
}

.main-menu .navbar-nav a.nav-link {
    color: #fff !important;
    background-color: transparent;
}

.main-menu .navbar-nav li .dropdown-menu li {
    margin-right: 0;
}

.main-menu .navbar-nav li .dropdown-menu li a {
    padding: 6px 8px;
    border-bottom: 1px solid #d4d4d4;
    color: #131f55;
}

.main-menu .navbar-nav li .dropdown-menu li:last-child a {
    border: none;
}

.dropdown-menu {
    padding: 0 0;
    padding: 0 0;
    top: 57px;
    border-radius: 0;
    background: #fff;
}

/*######################## END NAV ####################*/

.banner {
    position: relative;
    /* margin-top: 93px; */
    /* padding-top:30px; */
}

#main-banner.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 30px;
}

/*.banner img {
  width: 100%;
}*/
.shape {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.shape img {
    width: 100%;
}

.owl-item h2,
.storeDetailsBanner h2,
.contactMember h2 {
    padding-top: 84px;
    font-size: 43px;
    font-weight: 700;
    color: #000;
}

.owl-item p,
.storeDetailsBanner .productSummary,
.contactMember .contactMemberText {
    padding-top: 0px;
    font-size: 18px;
    font-weight: 400;
    color: #7D7987;
    line-height: normal;
}

.owl-theme .owl-dots .owl-dot span {
    border: 1px solid #468ff6;
    background: #fff;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    border: 1px solid #468ff6;
    background: #468ff6;
}

.membershipInclude {
    margin: 0 56px;
    padding-top: 60px;
}

.memberBlock {
    position: relative;
    /*padding: 15px 30px;*/
    padding: 30px;
    background: #fff;
    /*border-radius: 10px;*/
    border-radius: 18px;
    /*box-shadow: 19px 1px 19px rgb(0 0 0 / 7%);*/
    margin-top: 30px;
    border: 1px solid #cccccc1c;
    transition: all ease-in-out 0.3s;
}

.memberBlock:hover {
    box-shadow: 9px 36px 45px rgba(229, 233, 246, 0.4);
    transition: all ease-in-out 0.3s;
}

.memberBlock .memberBlockArrowimg {
    position: absolute;
    right: 16px;
    top: 12px;
    /*font-size: 30px;*/
    /*color: #000;*/
    /*font-weight: normal;*/
}

.memberBlock h6 {
    font-size: 21px;
    font-weight: 600;
    color: #000;
    margin: 0;
    padding: 28px 0 14px 0;
}

.memberBlock p {
    font-size: 16px;
    font-weight: 300;
    color: #7D7987;
    margin: 0;
    padding: 0;
    line-height: normal;
}

.memberimg {
    /*height: 100px;*/
    /*padding: 17px 10px 0px;*/
    height: 150px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.annualConnect {
    font-size: 21px;
    font-weight: 400;
    color: #000;
    text-align: center;
    padding-bottom: 29px;
    padding-top: 57px;
    line-height: 40px;
}

.annualConnect b {
    font-weight: 700;
}

.annualConnect h3 {
    font-size: 21px;
    font-weight: 400;
    color: #000;
    padding: 0px;
    margin: 0px;
}

.subHeadding,
.subHeadding3 h3 {
    font-size: 32px;
    font-weight: 700;
    padding: 20px 0;
    position: relative;
    /*margin-bottom: 41px;*/
    margin-bottom: 30px;
    text-align: center;
    color: #000;
}

h3.subHeadding::after,
.subHeadding3 h3::after,
.subHeadding.subHeaddingDouble::after {
    content: '';
    width: 50px;
    height: 3px;
    display: block;
    background: #000;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: -7px;
}

.cuttingtool {
    border: 1px solid #5c9df7;
    border-radius: 9px;
    margin: 0 51px;
    padding: 39px 0 68px 0;
    text-align: center;
    margin-top: 80px;
}

.cuttingtool h3 {
    font-size: 36px;
    font-weight: 900;
    padding: 20px 0;
    position: relative;
    margin-bottom: 64px;
}

.cuttingtool h3:after {
    content: '';
    width: 50px;
    height: 3px;
    display: block;
    background: #000;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: -2px;
}

.cuttingtool span {
    font-size: 54px;
    font-weight: 900;
    color: #31396A;
}

.cuttingtool p {
    font-size: 16px;
    font-weight: 400;
    color: #31396A;
    margin: 0;
    padding: 0;
    margin-top: 29px;
}

.freeWebiner {
    padding: 84px 0 93px 0;
    background-image: linear-gradient(to bottom right, #67c3f4, #5999f1);
    margin-top: 114px;
}

.freeWebiner iframe {
    border-radius: 10px;
}

.customerSayin {
    padding: 84px 0;
    background-image: linear-gradient(to bottom right, #67c3f4, #5999f1);
    margin-top: 100px;
}

.customerSayin {
    margin: 0 56px;
    border-radius: 15px;
}

.freeWebiner h4 {
    color: #fff;
    font-weight: 300;
    font-size: 36px;
    padding: 11px 0 29px 0;
    line-height: 47px;
}

.freeWebiner p {
    color: #fff;
    font-weight: 400;
    /*font-size: 24px;*/
    font-size: 18px;
    padding: 0 0 10px 0;
    line-height: normal;
}

.freeWebiner p b {
    font-weight: 700;
}

.whatsnew {
    padding: 0 50px;
    padding-top: 40px;
}

.customerSayin {
    padding: 0 50px;
    padding-top: 31px;
}

.checkLetestArticle {
    padding: 0 50px;
    padding-top: 5px;
}

.whatsnewblock {
    border-radius: 8px;
    overflow: hidden;
    /*box-shadow: 1px 4px 16px rgb(0 0 0 / 10%);*/
    margin-bottom: 30px;
    margin-top: 43px;
    border: 1px solid #cccccc1c;
    transition: all ease-in-out 0.3s;
}

.whatsnewblock:hover {
    box-shadow: 1px 4px 16px rgb(0 0 0 / 10%);
    transition: all ease-in-out 0.3s;
}

.whatsnewblock img {
    margin-bottom: 15px;
}

.whatsnewblock h4 {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    padding: 0 14px;
    min-height: 39px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.whatsnewblock p {
    font-size: 14px;
    font-weight: 300;
    /*color:#7D7987;*/
    color: #000;
    padding: 0 14px;
    line-height: 17px;
}

.whatsnewblock a.wlink img {
    width: 13px !important;
    display: inline-block !important;
    margin-top: 14px;
}

.whatsnewblock a.wlink {
    line-height: normal;
    font-size: 12px !important;
    padding: 0 14px;
    font-weight: 600;
    margin: 0 14px 14px;
    color: #fff;
}

#whatsnew .owl-nav,
#customerSlide .owl-nav {
    margin-top: 27px;
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    z-index: 99;
}

#whatsnew p {
    margin-bottom: 7px !important;
    min-height: 34px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
}

#customerSlide .owl-nav {
    bottom: -146px;
}

#whatsnew .owl-nav [class*=owl-],
#customerSlide .owl-nav [class*=owl-] {
    color: #468ff6;
    margin: 0 20%;
    background: transparent;
}

#whatsnew .owl-dots,
#customerSlide .owl-dots {
    margin-top: 33px;
}

#customerSlide.owl-theme .owl-dots .owl-dot span {
    border: 1px solid #cee1fb;
    background: #cee1fb;
}

#customerSlide.owl-theme .owl-dots .owl-dot.active span,
#customerSlide.owl-theme .owl-dots .owl-dot:hover span {
    border: 1px solid #5b9bf3;
    background: #5b9bf3;
}

#customerSlide .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -148px;
}

.video-sec {
    padding: 0 50px;
    padding-top: 28px;
}

.groupExp {
    padding: 0 50px;
    padding-top: 117px;
}

.groupExp p {
    font-size: 16px;
    font-weight: 300;
    /*color:#7D7987;*/
    color: #000;
    padding: 0;
    padding-top: 8px;
}

.groupExp h3.subHeadding {
    font-size: 32px;
    text-align: left;
    font-weight: 400;
}

.groupExp h3.subHeadding b {
    font-weight: 700;
}

.groupExp h3.subHeadding:after {
    left: 0;
    margin-left: 0;
}

.customerSayin h3.subHeadding {
    color: #fff;
}

.customerSayin h3.subHeadding:after {
    background: #fff;
}

.customerSayin {
    padding-bottom: 63px;
    margin-bottom: 150px;
    margin-top: 77px;
}

.customerSayin h3.subHeadding {
    font-weight: 700;
    padding: 19px 0;
    margin-bottom: 80px;
}

.customerSayin p {
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    padding: 0;
    line-height: normal;
}

.clientImg {
    display: flex;
}

.clientImg .clientImgAddon {
    display: inline-block;
    /*vertical-align:middle;*/
    color: #fff;
    font-size: 18px;
    font-weight: 300;
}

.clientImg .clientImgAddon.clientImgAddonImg {
    width: 121px;
    height: 121px;
}

.clientImg .clientImgAddon.clientImgAddonDetails {
    width: calc(100% - 121px);
    padding: 15px 0px 0px 20px;
}

.clientImg .clientImgAddon .clientName {
    font-weight: 700;
    font-size: 18px;
}

.clientImg .clientImgAddon .clientDesignation {
    font-size: 16px;
    font-weight: 300;
}

.clientImg .clientImgAddon img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 3px solid #fff;
    object-fit: cover;
}

.articleBlock {
    padding: 0 0 30px 0;
    overflow: hidden;
    /*border-radius: 21px;*/
    /*box-shadow: 19px 1px 24px rgb(0 0 0 / 5%);*/
    box-shadow: 9px 36px 45px rgba(229, 233, 246, 0.4);
    border-radius: 18px;
    margin-bottom: 22px;
    margin-top: 38px;
    background-color: #fff;
    min-height: 450px;
}

.articleBlock h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 30px;
    padding: 0;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 38.4px;
}

.articleBlock p {
    font-size: 14px;
    font-weight: 300;
    margin: 20px 30px;
    padding: 0;
    color: #7D7987;
    line-height: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 54px;
}

.articleBlock a {
    margin-left: 30px;
    font-size: 12px;
    font-weight: 600;
    color: #fff !important;
    padding: 8px 14px;
}

.articleBlock a img {
    margin-left: 6px;
}

.newsletter {
    /*padding: 57px 0 90px 0;*/
    /*background-image: linear-gradient(to bottom right, #67c3f4, #5999f1);*/
    /*margin-top: 52px;
    margin-bottom: 53px;*/
    padding: 0px;
    margin-bottom: 80px;
    z-index: 9;
}

.newsletterblock {
    max-width: 640px;
    margin: 0 auto;
}

.newsletterblock h3 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    line-height: 49px;
}

.newsinputs {
    margin: 0 auto;
    max-width: 433px;
    display: flex;
    border-bottom: 1px solid #fff;
    margin-top: 60px;
}

.newsinputs input[type=text] {
    width: calc(100% - 95px);
    height: 42px;
    line-height: 40px;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    background: transparent;
}

.newsinputs input[type=submit] {
    width: 95px;
    height: 42px;
    line-height: 40px;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    background: transparent;
}

input:focus {
    outline: none;
}

input:focus-visible {
    outline: none;
}

.newsinputs input::placeholder {
    color: #b4d5f8;
}

body>div {
    position: relative;
    /* z-index:2; */
}

.kuchi {
    position: absolute;
    z-index: 1;
    pointer-events: none;
}

.position02 {
    left: -52px;
    top: 511px;
}

.kuchiposition1 {
    right: 0px;
    top: 4334px;
}

.kuchiposition2 {
    right: 0px;
    top: 5584px;
}

.position13 {
    right: -77px;
    top: 5740px;
    width: 100px;
}

.position01 {
    left: -53px;
    top: 133px;
    width: 96px;
}

.position03 {
    right: -47px;
    top: 507px;
}

.position04 {
    right: 159px;
    top: 1520px;
    width: 95px;
}

.position05 {
    left: 233px;
    top: 1947px;
    width: 70px;
}

.position06 {
    left: -87px;
    top: 3132px;
}

.position07 {
    left: -66px;
    top: 2783px;
    width: 132px;
}

.position08 {
    left: 53%;
    top: 3850px;
}

.position09 {
    left: 1313px;
    top: 3196px;
    width: 88px;
}

.position10 {
    left: 124px;
    top: 4343px;
    width: 100px;
}

.position11 {
    left: 133px;
    top: 4886px;
    width: 100px;
}

.position12 {
    left: 143px;
    top: 5287px;
    width: 91px;
}

.position14 {
    left: -83px;
    top: 5711px;
    width: 115px;
}



.thought-sec {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -28px;
}

.thought-bx {
    width: 100%;
    background-color: #fff;
    padding: 30px 40px;
    border-radius: 73px;
    box-shadow: 0 0 5px #888888;
}

.thought-bx h3 {
    font-size: 36px;
    font-weight: 600;
    color: #131f55;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-style: italic;
}

.thought-bx p {
    font-size: 15px;
    margin: 5px 0 0;
    padding: 0;
}

.thought-bx a {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    margin: 15px 0 0;
    padding: 12px 25px;
    display: inline-block;
    background-color: #16a1db;
    border-radius: 25px;
    float: right;
}

.main-title {
    font-size: 32px;
    font-weight: 600;
    color: #131f55;
    margin: 0;
    padding: 0;
    text-align: center;
}

.main-pera {
    font-size: 16px;
    margin: 10px 0 0;
    text-align: center;
    padding: 0 120px;
}

.video-bx iframe {
    width: 100%;
    height: 218px;
    overflow: hidden;
    border: none;
    border-radius: 9px;
}

h5.video-bx {
    color: #003484;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    padding: 14px 0 0 0;
}

.mt-55 {
    margin-top: 34px;
}

.eyecount {
    position: absolute;
    z-index: 999;
    background: #fffbfb9e;
    top: 14px;
    font-size: 17px;
    left: 14px;
    padding: 3px 22px 3px 10px;
    border-radius: 4px;
}

.btn-explore {
    padding: 10px 25px;
    border-radius: 40px;
    background-color: #16a1db;
    margin: 35px 0 0;
    display: inline-block;
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-explore:hover {
    color: #fff;
    background-color: #0069d9;
}

.btn-primary {
    color: #fff;
    background-color: #16a1db;
    border-color: #16a1db;
    padding: 7px 25px;
    font-weight: 400;
}

.btn-success {
    padding: 7px 25px;
    font-weight: 400;
}

.top-login-btn {
    color: #fff !important;
    background-color: #fff;
    padding: 4px 0px !important;
    border: 1px solid #000 !important;
    color: #000 !important;
    font-weight: 400;
    border-radius: 10px !important;
    width: 99px;
}

.top-register-btn {
    color: #fff !important;
    background-color: #468ff6;
    border: 1px solid #468ff6 !important;
    padding: 4px 0px !important;
    font-weight: 400;
    border-radius: 10px;
    width: 99px;
}

.banner-btn {
    color: #fff !important;
    background-color: #468ff6;
    border: 1px solid #468ff6;
    padding: 12px 36px !important;
    font-weight: 600;
    border-radius: 10px;
    font-size: 16px !important;
}

.banner-btn:hover,
.btn-explore.btnSubmit:hover {
    color: #468ff6 !important;
    background-color: #fff;
    border: 1px solid #468ff6;
}

.whitebg:hover,
.top-login-btn:hover {
    color: #fff !important;
    background-color: #468ff6 !important;
    border-color: #468ff6 !important;
}

.top-register-btn:hover {
    color: #000 !important;
    background-color: #fff;
    border-color: #000 !important;
}

.text-button {
    color: #468ff6;
    font-weight: 400;
}

.text-button:hover {
    /*color: #000;*/
}

.whitebg {
    /*background-color: #fff;*/
    background-color: transparent;
    color: #468ff6 !important;
}

.whitebg img {
    padding-left: 5px;
}

.btn-login {
    color: #fff !important;
    background-color: #16a1db;
    padding: 4px 20px !important;
    font-weight: 400;
    border-radius: 40px;
}

.btn-danger {
    padding: 7px 25px;
    font-weight: 400;
}

.btn-round {
    border-radius: 40px;
}

.btn-primary-outline {
    color: #16a1db;
    background-color: #fff;
    border-color: #16a1db;
    padding: 7px 25px;
    font-weight: 400;
}

.mock-sec {
    background-color: #f9f9f9;
    padding: 60px 0;
}

.mock-bx {
    text-align: center;
    padding: 45px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 6px #b4b4b4;
}

.mock-ico {
    display: inline-block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #e5f4fb;
    position: relative;
}

.mock-ico img {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
}

.mock-bx h3 {
    font-size: 20px;
    font-weight: 500;
    color: #131f55;
    margin: 15px 0 0;
    padding: 0;
}

.mock-bx p {
    font-size: 15px;
    font-weight: 500;
    margin: 15px 0 0;
    padding: 0;
}

.mock-bx a {
    padding: 10px 25px;
    border-radius: 40px;
    background-color: #16a1db;
    margin: 35px 0 0;
    display: inline-block;
    font-size: 15px;
    color: #fff;
    font-weight: 400;
}

.link-sec {
    background: rgb(19, 31, 85);
    background: -moz-linear-gradient(left,
            rgba(19, 31, 85, 1) 0%,
            rgba(30, 99, 152, 1) 50%,
            rgba(41, 166, 219, 1) 100%);
    background: -webkit-linear-gradient(left,
            rgba(19, 31, 85, 1) 0%,
            rgba(30, 99, 152, 1) 50%,
            rgba(41, 166, 219, 1) 100%);
    background: linear-gradient(to right,
            rgba(19, 31, 85, 1) 0%,
            rgba(30, 99, 152, 1) 50%,
            rgba(41, 166, 219, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#131f55', endColorstr='#29a6db', GradientType=1);
    padding: 60px 0;
}

.link-sec .main-title {
    color: #fff;
}

.link-sec .main-pera {
    color: #fff;
}

.link-bx {
    background-color: transparent;
    padding: 15px;
    border-radius: 10px;
    transition: all ease-in-out 0.3s;
    margin-bottom: 20px;
}

.link-bx:hover {
    background-color: #fff;
}

.link-bx .link-ico {
    float: left;
    margin-right: 15px;
    position: relative;
    margin-top: 10px;
}

.link-bx .link-ico span {
    position: absolute;
    left: 0;
    top: 0;
    transition: all ease-in-out 0.3s;
    opacity: 0;
}

.link-bx:hover .link-ico span {
    opacity: 1;
}

.link-txt {
    overflow: hidden;
}

.link-txt h3 {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    margin: 0;
    transition: all ease-in-out 0.3s;
    padding: 0;
}

.link-bx:hover .link-txt h3 {
    color: #1c3766;
}

.link-txt p {
    font-size: 13px;
    color: #fff;
    margin: 4px 0 0;
    padding: 0;
    transition: all ease-in-out 0.3s;
}

.link-bx:hover .link-txt p {
    color: #787878;
}

.blog-sec {
    padding: 70px 0;
}

.lft-pnl {}

.lft-pnl ul {
    margin: 0;
    padding: 0;
}

.lft-pnl ul li {
    font-size: 17px;
    font-weight: 500;
    margin: 0;
    padding: 12px 10px;
    border-bottom: 1px solid #d7d7d7;
    background-color: transparent;
}

.lft-pnl ul li a {
    color: #3f3e3e;
}

.lft-pnl ul li.active {
    background-color: #29a6db;
}

.lft-pnl ul li.active a {
    color: #fff;
    display: block;
}

.lft-pnl ul li:hover a {
    color: #1c3766;
}

.blog-bx {
    box-shadow: 0 0 6px #7c7c7c;
    border-radius: 10px;
    overflow: hidden;
}

.blog-img {
    width: 100%;
    height: 165px;
    overflow: hidden;
}

.blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-txt {
    padding: 12px;
    position: relative;
}

.blog-txt h3 {
    font-size: 20px;
    font-weight: 500;
    color: #1c3766;
    margin: 10px 0 0;
    padding: 0;
    height: 50px;
    overflow: hidden;
}

.blog-txt p {
    font-size: 12px;
    font-weight: 300;
    margin: 8px 0 0;
    padding: 0;
}

.blog-txt a {
    color: #16a1db;
    width: 100%;
    display: inline-block;
    margin: 10px 0 0;
}

.blog-txt a i {
    float: right;
    margin: 5px;
}

.date {
    position: absolute;
    left: 10px;
    top: -19px;
    padding: 6px 20px;
    border-radius: 30px;
    font-size: 14px;
    color: #fff;
    background-color: #29a6db;
}

.new-sec {
    background-color: #f9f9f9;
    padding: 60px 0;
}

.new-bx {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 6px #676767;
    padding: 25px 8px;
    text-align: center;
}

.new-img {
    display: inline-block;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    overflow: hidden;
}

.new-img img {
    width: 100%;
    height: 100%;
}

.new-bx h3 {
    font-size: 17px;
    font-weight: 500;
    color: #1c3766;
    margin: 10px 0 0;
    padding: 0;
    height: 42px;
    overflow: hidden;
}

#new-carousel .owl-item {
    padding: 0 15px;
}

#new-carousel .owl-stage-outer {
    padding: 10px 0;
}

#new-carousel .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 0 6px;
}

#new-carousel .owl-dots .owl-dot.active span,
#new-carousel .owl-dots .owl-dot:hover span {
    background: #16a1db;
}

#new-carousel .owl-dots {
    margin-top: 24px;
}

.testi-sec {
    padding: 80px 0;
    position: relative;
}

.testi-bx {
    box-shadow: 0 0 8px #8a8a8a;
    padding: 50px 25px;
    border-radius: 8px;
    position: relative;
}

.testi-bx:before {
    content: "";
    position: absolute;
    background: url(../images/quote.png) no-repeat;
    width: 37px;
    height: 32px;
    left: 15px;
    top: -15px;
}

.testi-bx::after {
    content: "";
    position: absolute;
    background: url(../images/corner.png) no-repeat;
    width: 46px;
    height: 27px;
    left: 15px;
    bottom: -22px;
}

.testi-bx p {
    font-size: 15px;
    font-weight: 300;
    margin: 0;
    padding: 0;
    line-height: 24px;
}

.client {
    margin-top: 20px;
}

.clint-img {
    float: left;
    margin-right: 25px;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    overflow: hidden;
}

.client h5 {
    font-size: 17px;
    color: #1c1f21;
    font-weight: 600;
    margin: 0;
    padding: 15px 0;
    overflow: hidden;
    line-height: 25px;
}

.client h5 span {
    font-size: 13px;
    font-weight: 300;
    display: block;
}

#client-carousel .owl-item {
    padding: 0 15px;
}

#client-carousel .owl-stage-outer {
    padding: 15px 0 0;
}

#client-carousel .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 0 6px;
}

#client-carousel .owl-dots .owl-dot.active span,
#client-carousel .owl-dots .owl-dot:hover span {
    background: #16a1db;
}

.footer-top {
    border-top: 1px solid #c7c7c7;
    padding: 43px 0 14px 0;
}

.footer-menu {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}

.footer-menu li {
    font-size: 14px;
    font-weight: 300;
}

.footer-menu li a {
    color: #000;
    padding: 3px 0;
    display: block;
}

.footer-menu li a:hover {
    color: #131f55;
    text-decoration: underline;
}

.footer-menu li.active a {
    color: #29a5db;
}

.footer-mid {
    padding: 10px 0 10px 0;
    border-top: 1px solid #c7c7c7;
    text-align: center;
}

.address-list {
    margin: 25px 0 0 0px;
    padding: 0;
    display: block;
    padding-left: 10px;
}

.address-list li {
    float: none;
    margin: 4px 0px;
    text-align: left;
    display: block;
    position: relative;
}

.address-list li i {
    font-size: 16px;
    margin-right: 8px;
    float: left;
    background: -webkit-linear-gradient(#16356a, #248ac0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.address-list li p {
    font-size: 14px;
    font-weight: 300;
    color: #000;
    margin: 0;
}

.address-list li a {
    font-size: 14px;
    font-weight: 300;
    color: #000;
}

.address-list li img {
    position: absolute;
    left: -33px;
    top: 4px;
}

/** footer social **/
.f-logo {
    max-width: 190px;
}

.social-media {
    margin: 24px 0;
    padding: 0 0 0 5px;
}

.social-media ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0;
    padding: 0;
    text-align: center;
}

.social-media ul li {
    margin-right: 24px;
}

.social-media ul li a {
    font-size: 16px;
    background-color: #2c9cdb;
    color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: block;
    line-height: 24px;
}

.footer-bttm {
    border-top: 1px solid #c7c7c7;
}

.copyright {
    color: #000;
    font-size: 12px;
    font-weight: 300;
    margin: 0;
    padding: 0;
    line-height: 38px;
    text-align: center;
}

.copyright a {
    color: #000;
}

.btm-shape-prt {
    position: relative;
}

.btm-shape-prt img {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}

.copyrDiv {
    display: flex;
    justify-content: space-between;
}

.logo {
    text-align: center;
}

.vidcover {
    height: 236px;
    width: 100%;
    border-radius: 10px;
    margin: 0 auto;
    object-fit: cover;
}

.top-rt-prt .dropdown {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
}

.forspace {
    margin-top: 20px;
}

.articleBlock>img {
    width: 100%;
}

@media (max-width: 1490px) {
    .top-menu ul li a {
        padding: 4px 5px;
    }

    .top-menu ul li a {
        font-size: 13px;
    }

    .top-rt-prt>a {
        font-size: 13px;
    }

    .top-rt-prt .dropdown a {
        font-size: 13px;
    }

}

@media (max-width: 1300px) {
    .top-menu ul li a {
        font-size: 11px;
    }

    .top-rt-prt>a {
        font-size: 11px;
    }

    .top-rt-prt .dropdown a {
        font-size: 11px;
    }
}

@media (max-width: 1200px) {
    .top-menu ul li a {
        font-size: 10px;
    }

    .top-rt-prt>a {
        font-size: 10px;
    }

    .top-rt-prt .dropdown a {
        font-size: 10px;
    }
}

@media (max-width: 1117px) {

    header .col-md-3,
    header .col-md-9 {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        flex: unset;
        max-width: 100%;
    }

    .top-rt-prt {
        margin: 0 !important;
        float: none;
        justify-content: center;
    }

    .top-menu {
        margin-top: 12px;
    }

    .top-menu ul {
        justify-content: center;
    }

    .head-top {
        padding: 4px 0 0px 0;
    }

    .logo {
        padding-bottom: 14px;
    }

    .top-menu ul li a {
        font-size: 11px;
    }

    .top-rt-prt>a {
        font-size: 11px;
    }

    .top-rt-prt .dropdown a {
        font-size: 11px;
    }
}

@media (max-width: 991px) {

    .owl-item h2,
    .storeDetailsBanner h2,
    .contactMember h2 {
        padding-top: 0px;
        font-size: 27px;
    }

    .cuttingtool h3 {
        font-size: 25px;
    }

    .cuttingtool span {
        font-size: 25px;
    }

    .subHeadding,
    .groupExp h3.subHeadding,
    .newsletterblock h3 {
        font-size: 25px;
    }

    .memberBlock {
        padding: 15px 12px;
    }

    .memberBlock h6 {
        font-size: 16px;
    }

    .annualConnect {
        font-size: 18px;
    }

    .freeWebiner,
    .customerSayin {
        margin-top: 25px;
    }

    .freeWebiner p {
        font-size: 14px;
        padding: 0 0 15px 0;
        line-height: 22px;
    }

    .freeWebiner h4 {
        font-size: 22px;
        padding: 0 0 0px 0;
    }

    .articleBlock h4 {
        font-size: 14px;
        padding: 20px 7px 0 7px;
    }

    .articleBlock p {
        font-size: 12px;
        padding: 10px 7px 0 7px;
    }

    .footer-menu li {
        font-size: 12px;
        font-weight: 300;
        line-height: 16px;
    }

    .address-list {
        margin: 25px 0 0 0px;
    }

    .cuttingtool,
    .membershipInclude,
    .customerSayin {
        margin-left: 0;
        margin-right: 0;
    }

    .whatsnew,
    .checkLetestArticle,
    .groupExp,
    .video-sec {
        padding-left: 0;
        padding-right: 0;
    }

    .bannerpremioum .page-link {
        font-size: 12px;
        padding: 0.5rem 8px;
    }

    /*.newsletter {*/
    /*  margin-top: 17px !important;*/
    /*  padding: 27px 0 45px 0 !important;*/
    /*}*/
    .newsinputs {
        margin-top: 26px !important;
    }

    .cartAdjBox .lft-cart-prt,
    .cartAdjBox .rt-cart-prt {
        width: 100% !important;
    }

    .cartAdjBox .cart-table {
        padding-right: 0px !important;
    }

    .cartAdjBox .rt-cart-prt {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .head-bttm {
        display: block;
    }

    .logo {
        width: 100% !important;
    }

    .top-menu {
        display: none;
    }

    .main-menu .navbar-nav li a,
    .main-menu .navbar-nav li.active a {
        color: #504e4e;
    }

    .kuchi {
        display: none;
    }

    .bannerpremioum .pagination {
        margin-top: 0px !important;
    }

    .head-bttm {
        margin-top: 10px;
    }

    .banner {
        padding-top: 2px !important;
        padding-bottom: 30px !important;
        margin-bottom: 0 !important;
    }

    .owl-item h2,
    .storeDetailsBanner h2,
    .contactMember h2 {
        padding-top: 22px;
    }

    h5.video-bx {
        margin-bottom: 30px;
    }

    .fullaccBlock {
        padding: 10px !important;
    }

    .FAQIconFinder ul li {
        text-align: center;
    }

    .FAQIconFinder ul li:last-child {
        margin-right: 0;
    }

    .FAQIconFinder h3 {
        /*width: 75%;*/
        margin-right: 2% !important;
        font-size: 14px !important;
    }

    .top-rt-prt>a.phoneno {
        display: none;
    }

    .top-rt-prt>a {
        line-height: 24px;
    }

    #main-banner .banner-btn {
        margin-bottom: 15px;
    }

    .cuttingtool {
        margin-top: 20px;
        padding: 0px;
    }

    .cuttingtool p {
        margin-bottom: 20px;
    }

    .cuttingtool h3 {
        margin-bottom: 33px;
    }

    .membershipInclude {
        padding-top: 20px;
    }

    .memberBlock {
        margin-top: 20px;
    }

    .annualConnect {
        padding-bottom: 26px;
        padding-top: 20px;
    }

    .freeWebiner {
        margin-top: 0px;
        padding: 50px 0 50px 0;
    }

    .whatsnewblock {
        margin-top: 6px;
    }

    .groupExp {
        padding-top: 20px;
    }

    .groupExp .banner-btn {
        margin-top: 0 !important;
        margin-left: 0 !important;
    }

    .video-sec {
        padding: 0px 0 20px !important;
    }

    .mt-55 {
        margin-top: 0px;
    }

    .customerSayin {
        padding-bottom: 27px;
        padding-top: 15px;
        margin-bottom: 75px
    }

    #customerSlide .owl-nav {
        bottom: -82px;
    }

    #whatsnew .owl-nav {
        left: 0px;
        right: 0px;
        justify-content: space-between;
    }

    #customerSlide .owl-nav {
        left: -54px;
        right: -54px;
        justify-content: space-between;
    }

    #customerSlide .owl-nav {
        bottom: -75px;
    }

    #customerSlide .owl-dots {
        bottom: -75px;
    }

    #whatsnew .owl-nav [class*=owl-],
    #customerSlide .owl-nav [class*=owl-] {
        margin: 0;
    }

    .articleBlock {
        margin-top: 8px;
    }

    .checkLetestArticle .banner-btn {
        margin-top: 20px;
    }

    .annualConnect {
        line-height: 27px;
    }

    .articleBlock a {
        padding-left: 8px;
        margin-left: 0;
    }
}

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

@media (max-width: 545px) {
    .top-rt-prt {
        margin: 0 !important;
        float: none;
        text-align: center;
        width: 100%;
        justify-content: center;
    }

    .logo {
        width: 100% !important;
        text-align: center;
        padding-bottom: 10px;
    }

    .top-rt-prt>a,
    .top-rt-prt .dropdown a {
        font-size: 14px;
    }

    .cuttingtool p {
        margin-top: 0px;
    }

    .freeWebiner .text-right {
        text-align: center !important;
    }
}

/*################################## Marketting Video ###############################################*/

.page-title {
    font-size: 25px;
    font-weight: 600;
    padding: 0;
    color: #131f55;
    margin-bottom: 0;
    margin-top: 30px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.page-title span {
    display: block;
    font-size: 50px;
    font-weight: 400;
    font-style: normal;
}

.main-sec {
    position: relative;
    padding: 80px 0;
    padding-top: 0px;
    z-index: 2;
}

.lft-pnl2 {
    border-radius: 8px;
    overflow: hidden;
}

.lft-pnl2 ul {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.lft-pnl2 ul li {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    border-bottom: 1px solid #36406e;
}

.lft-pnl2 ul li a {
    background-color: #131f55;
    padding: 10px;
    color: #fff;
    display: block;
}

.lft-pnl2 ul li.active a {
    color: #fff;
    background-color: #16a1db;
}

.rt-pnl,
.stationery-box,
.success-story {
    /*box-shadow: 0 0 30px #a3a3a3;*/
    /*border-radius: 12px;*/
    box-shadow: 7.57895px 18.9474px 41.6842px 5.68421px rgba(0, 0, 0, 0.25);
    padding: 26px 26px 30px;
    border-radius: 18.9474px;
    position: relative;
    background: #fff;
    /*padding-bottom: 32px;*/
}

.rt-pnl img.banethumb {
    height: 253px;
    width: 100%;
}

.water-mark-sale {
    position: absolute;
    bottom: 36%;
    right: 0;
    color: #eee;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.water-mark-paid-banner {
    position: absolute;
    bottom: 31%;
    right: -14px;
    color: rgba(0, 0, 0, 0.2);
    width: 92px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.action-buttons {
    /* border-top: 1px solid #ddd;
  padding-top: 10px;*/
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.action-buttons .btn-success {
    padding: 8px 8px;
    font-size: 14px;
    border-radius: 0;
    width: 44%;
}

.action-buttons .custom-control {
    background-color: #131f55;
    color: #fff;
    padding: 8px 8px;
    padding-left: 30px;
    width: 56%;
}

.action-buttons .custom-control-label::before {
    left: -22px;
}

.action-buttons .custom-control-label::after {
    left: -22px;
}

.headline {
    font-size: 22px;
    font-weight: 600;
    color: #131f55;
    margin: 0;
    padding: 0 0 10px;
    border-bottom: 1px solid #dfe2ee;
}

.vid-bx {
    /*border-radius: 10px;*/
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    /*border: 1px solid #eee;*/
    text-align: center;
}

.vid-bx iframe {
    width: 100% !important;
    height: 254px !important;
    border-radius: 10px;
}

.vid-bx img {
    width: 100%;
}

.video-description {
    padding: 10px;
    position: relative;
    padding-top: 5px;
}

.video-description h3 {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}

.video-description p {
    margin: 0;
}

.bttm-title {
    /* position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%; */
    /*text-align: center;*/
    /*padding: 0 15px;*/
    /* background-color: #16a1db; */
    /*font-size: 22px;*/
    /*font-weight: 400;*/
    /*color: #000;*/
    /*margin-bottom: 10px;*/
    /*margin-top: 10px;*/
    /*height: 56px;*/
    /*overflow: hidden;*/
    /* transition: all ease-in-out 0.3s; */
}

.bttm-title a {
    color: #000;
}

/* .vid-bx:hover .bttm-title {
  bottom: -42px;
}
.vid-bx:hover .overlay {
  opacity: 1;
} */
.overlay {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: center;
    padding: 15px;
    top: 0;
    transition: all ease-in-out 0.3s;
    opacity: 0;
}

.inr-txt {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.inr-txt h3 {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    margin: 0;
    padding: 0;
}

.inr-txt p {
    color: #fff;
    margin: 10px 0 0;
    padding: 0;
}

.overlay ul {
    position: absolute;
    bottom: 15px;
    right: 15px;
    margin: 0;
    padding: 0;
}

.overlay ul li {
    float: left;
    margin: 0 8px;
}

.overlay ul li i {
    font-size: 17px;
    color: #fff;
}

.btn-chat {
    display: none;
    background-color: #16a1db;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    margin: 0;
    padding: 15px 14px;
    /* writing-mode: vertical-rl; */
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(90deg);
    box-shadow: 0 0 8px #fff;
    right: -44px;
    width: 132px;
    height: 50px;
    z-index: 90;
    top: 40%;
    position: fixed;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.btn-chat:hover {
    background: #131f55;
    color: #fff;
}

/*################################## Shopping Cart ###############################################*/

.main-cart-bx {
    border-radius: 10px;
    box-shadow: 0 0 6px #bcbcbc;
    display: inline-block;
    width: 100%;
    background-color: #fff;
}

.lft-cart-prt {
    width: 70%;
    float: left;
    padding: 25px 15px;
}

.headline span {
    font-size: 18px;
    font-weight: 500;
    color: #131f55;
    margin: 0;
    padding: 0;
    float: right;
}

.cart-table {
    margin-top: 20px;
}

.cart-table table tr th {
    color: #979797;
    font-weight: 400;
}

.pro-detail {
    display: inline-block;
    width: 100%;
}

.pro-img {
    width: 90px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 5px #9c9c9c;
    margin-right: 15px;
    float: left;
}

.pro-img img {
    width: 100%;
}

.pro-txt {
    overflow: hidden;
}

.pro-txt h3 {
    font-size: 15px;
    font-weight: 400;
    color: #131f55;
    margin: 0;
    padding: 0;
}

.pro-txt span {
    font-size: 14px;
    font-weight: 400;
    color: #979797;
    margin: 9px 0 0;
    padding: 0;
    display: block;
}

.pro-txt span i {
    color: #f00;
}

/* base style */
.stepper {
    display: inline-block;
    max-width: 120px;
    width: 100%;
    position: relative;
}

.stepper__input {
    width: 35px;
    padding: 4px;
    border: 1px solid #c4c4c4;
    -moz-appearance: textfield;
}

.stepper__input:focus {
    color: #333;
    background-color: #fff;
    border-color: #c4c4c4;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.stepper__input::-webkit-inner-spin-button,
.stepper__input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.stepper__controls {}

.stepper__controls [spinner-button="up"],
.stepper__controls [spinner-button="down"] {
    display: flex;
    align-content: center;
    justify-content: center;
    padding: 0;
    outline: none;
    border: 1px solid #c4c4c4;
    background-color: #fff;
    height: 50%;
    font-size: 1.375em;
    line-height: 0;
    transition: all ease 0.25s;
}

.stepper__controls [spinner-button="up"]:hover,
.stepper__controls [spinner-button="down"]:hover {
    background-color: #333;
    border-color: #333;
    color: #fff;
}

/* style 3*/
.stepper--style-3 {
    max-width: 77px;
    padding-left: 20px;
    padding-right: 20px;
}

.stepper--style-3 .stepper__input {
    position: relative;
    z-index: 1;
    text-align: center;
}

.stepper--style-3 [spinner-button="up"],
.stepper--style-3 [spinner-button="down"] {
    border: 0;
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    width: 15px;
    line-height: 36px;
}

.stepper--style-3 [spinner-button="up"] {
    right: 0;
    margin-left: -1px;
}

.stepper--style-3 [spinner-button="down"] {
    left: 0;
    margin-right: -1px;
}

.cart-table a {
    font-size: 14px;
    color: #16a1db;
    font-weight: 400;
    margin: 15px 0 0;
    display: inline-block;
}

.cart-table a i {
    margin-right: 8px;
}

.rt-cart-prt {
    width: 30%;
    float: right;
    padding: 25px;
    background-color: #f6f6f6;
    min-height: 520px;
}

.rt-cart-prt ul {
    margin: 15px 0 0;
    padding: 0;
}

.rt-cart-prt ul li {
    float: none;
    margin: 16px 0;
    font-size: 14px;
    color: #5e6171;
    text-transform: uppercase;
}

.rt-cart-prt ul li h4 {
    color: #131f55;
    font-weight: 500;
    font-size: 15px;
    margin: 0;
    padding: 0;
}

.rt-cart-prt ul li h4 span {
    float: right;
}

.rt-cart-prt ul li span {
    float: right;
}

.rt-cart-prt ul li a {
    margin: 0;
    padding: 7px 16px;
}

.total-prt {
    margin-top: 30px;
    padding-top: 0;
    border-top: 1px solid #d5d5d7;
}

.total-prt ul li {
    color: #131f55;
    font-size: 16px;
}

.total-prt ul li span {
    float: right;
}

.total-prt a {
    width: 100%;
    text-align: center;
    margin-top: 15px 0 0;
}

/*################################## Calculator ###############################################*/

.rt-btn-prt {
    position: absolute;
    right: 20px;
    top: 6px;
}

.rt-btn-prt a {
    padding: 7px 16px;
    background-color: #16a1db;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    margin-left: 10px;
    display: inline-block;
    float: left;
}

.calculator-bx {
    background-color: #fff;
    padding: 15px;
    border-radius: 10px;
    transition: all ease-in-out 0.3s;
    margin-bottom: 20px;
    box-shadow: 0 0 5px #777777;
    display: inline-block;
    width: 100%;
}

.calculator-bx:hover {
    background-color: #16a1db;
}

.calculator-bx .cal-ico {
    float: left;
    margin-right: 15px;
    position: relative;
    width: 82px;
    height: 82px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    background-color: #def2fa;
    transition: all ease-in-out 0.3s;
}

.calculator-bx:hover .cal-ico {
    background-color: #37aee0;
}

.calculator-bx .cal-ico img {
    display: inline-block;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

.calculator-bx .cal-ico span {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    transition: all ease-in-out 0.3s;
    opacity: 0;
}

.calculator-bx:hover .cal-ico span {
    opacity: 1;
}

.calculator-bx h3 {
    font-size: 18px;
    font-weight: 500;
    color: #131f55;
    margin: 5px 0 0;
    transition: all ease-in-out 0.3s;
    padding: 0;
    line-height: 26px;
}

.calculator-bx:hover h3 {
    color: #fff;
}

.recuring-bx {
    background-color: #fff;
    border-radius: 6px;
    padding: 8px;
}

.recuring-bx h3 {
    font-size: 16px;
    font-weight: 400;
    color: #131f55;
    margin: 0;
    padding: 0 0 10px;
    border-bottom: 1px solid #ececec;
    text-transform: uppercase;
}

.recuring-bx table tr td span {
    font-size: 12px;
    color: #999999;
    display: block;
}

.recuring-bx h5 {
    font-size: 12px;
    color: #16a1db;
    text-align: right;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.checkbox-inline {
    font-size: 12px;
    font-weight: 300;
    color: #8d8f93;
    margin: 10px 0 0;
}

.info-form label {
    font-size: 13px;
    color: #46495c;
}

.info-form .form-control {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    box-shadow: none;
    border-color: #d2d6de;
    font-size: 13px;
    padding: 4px 0;
}

.info-form textarea.form-control {
    height: 80px;
}

.info-form {
    margin: 20px 0 0;
}

.bullet-list {
    padding-left: 15px;
}

.bullet-list li {
    list-style-type: disc;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding-bottom: 5px;
    margin-bottom: 10px;
    color: #131f55;
}

h4 a {
    color: #131f55;
}

.form-control {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #cacaca;
    min-height: 48px;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    /*    background: #fbfbfb;*/
    color: #3F3D56;
}

.cont-info-box {
    font-size: 1.5rem;
    line-height: 2rem;
    text-align: center;
    padding: 2rem 22px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    min-height: 178px;
}

.cont-info-box .fas {
    color: #16a1db;
    font-size: 3rem;
}

.cont-info-box a {
    color: #343434;
    font-size: 1.2rem;
}

.sale-presenter-list ul li {
    background: #f5f5f5;
    padding: 20px 20px;
    border-radius: 8px;
    margin-bottom: 15px;
}

.sale-presenter-list ul li .left {
    width: 16%;
}

.sale-presenter-list ul li .left img {
    width: 100%;
}

.sale-presenter-list ul li .right {
    width: 84%;
    padding: 0 15px;
}

.sale-presenter-list ul li h4 a {
    color: #131f55;
}

.tools-box {
    border-radius: 5px;
    padding: 15px;
    text-align: center;
    min-height: 126px;
    margin-bottom: 15px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    transition: all ease-in-out 0.3s;
}

.tools-box h5 {
    font-size: 15px;
    color: #131f55;
    transition: all ease-in-out 0.3s;
}

.tools-box:hover h5 {
    color: #16a1db;
}

.tools-box i {
    font-size: 40px;
    color: #16a1db;
    transition: all ease-in-out 0.3s;
}

.tools-box:hover i {
    color: #131f55;
}

.tools-box:hover {
    background: #f5f5f5;
}

.mock-topic {
    border: 1px solid #e8e8e8;
    padding: 20px 15px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    min-height: 164px;
    margin-bottom: 30px;
}

.mock-topic h5 {
    font-size: 20px;
    line-height: 30px;
}

.mock-topic i {
    font-size: 30px;
    color: #16a1db;
    margin-bottom: 15px;
}

.success-story {
    border: 1px solid #e8e8e8;
    /*padding: 20px 15px;*/
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
    /*border-radius: 4px;*/
    text-align: center;
    margin-bottom: 30px;
    /*background: #fff;*/
}

.success-person {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0px auto;
    margin-bottom: 10px;
    border: 2px solid #eee;
}

.success-person img {
    width: 100%;
    height: 100%;
}

.success-story-text h6 {
    font-size: 20px;
    height: 54px;
    overflow: hidden;
}

.success-story-text h6 a {
    /*color: #131f55;*/
    color: #000;
}

.success-story-text ul {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-wrap: wrap;
    justify-content: center;
}

.success-story-text ul li {
    font-size: 13px;
    margin: 0 4px;
}

.success-story-text ul li i {
    color: #131f55;
}

.coaching-img {
    padding: 5px;
}

.coaching-img img {
    width: 100%;
}

.ifa-coaching {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    padding: 30px 20px;
    border-radius: 4px;
}

.ifa-coaching h3 {
    margin-bottom: 20px;
    font-size: 22px;
    border-bottom: 1px solid #D9D9D9;
}

.card-header {
    padding: 0.25rem 0.5rem;
}

.card-header .btn {
    font-size: 15px;
    color: #131f55;
    padding: 5px 5px;
    display: block;
    width: 100%;
    text-align: left;
}

.card-body {
    padding: 1rem;
}

.gallery-list {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-wrap: wrap;
}

.gallery-list li {
    width: 32.95%;
    float: left;
    min-height: 182px;
    margin: 2px;
    position: relative;
}

.gallery-list li .gallery-box {
    position: relative;
}

.gallery-list li .gallery-box>img {
    width: 100%;
}

.gallery-list li .gallery-box .overlay {
    background: rgba(22, 161, 219, 0.8);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 24% 5%;
    opacity: 0;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
}

.gallery-list li:hover .overlay {
    opacity: 1 !important;
}

.stationery-box {
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  padding: 26px 26px 30px;
  box-shadow: 0 0 40px #8c8b8b; */
    margin: 0px;
    margin-bottom: 30px;
    text-align: center;
    /*padding-bottom: 40px;*/
}

.stationery-box .btn-primary {
    padding: 8px 18px;
    margin: 2px 4px;
    font-size: 14px;
}

.stationery-box .btn-success {
    padding: 8px 18px;
    margin: 2px 4px;
    font-size: 14px;
}

.stationery-box .stationery-img {
    height: 304px;
    overflow: hidden;
    border-radius: 7px;
}

.stationery-box .stationery-img img {
    width: 100%;
    height: 100%;
}

.stationery-box img {
    width: 100%;
}

.stationery-text h4,
.market-video .rec-book-text h5,
.bttm-title,
.storyDetails .success-story-text h6,
.blog-bx.blogSection .blog-txt h3 {
    font-size: 18px;
    margin-top: 15px;
    font-weight: 700;
    text-transform: capitalize;
    height: 46px;
    overflow: hidden;
    color: #000;
    padding: 0px;
}

.stationery-text p,
.market-video .market-video-text p,
.sv-text,
.storyDetails .success-story-text p,
.blog-bx.blogSection .blog-txt p {
    font-size: 16px;
    margin-top: 20px;
    font-weight: 300;
    color: #000;
    line-height: normal;
}

.stationery-text p.stationeryprice {
    font-size: 27px;
    margin-top: 15px;
    font-weight: 700;
}

.stationery-btn {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: space-between;
}

.product_meta {
    margin-top: 8px;
    margin-bottom: 8px;
}

.product_meta a {
    font-size: 14px;
}

.faq-total-box {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    padding: 28px 20px;
    border-radius: 4px;
    margin-bottom: 30px;
    text-align: center;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.faq-total-box:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f059";
    color: #ececec;
    font-size: 78px;
    position: absolute;
    top: 16px;
    right: -18px;
    z-index: 1;
}

.faq-total-box h6 {
    font-size: 18px;
    position: relative;
    z-index: 2;
    line-height: 28px;
    min-height: 62px;
}

.faq-total-box p {
    margin: 0;
}

.faq-total-box .badge {
    border-radius: 30px;
    font-weight: 400;
    padding: 8px 20px;
}


.FAQIconFinder ul {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    margin: 0;
}

.FAQIconFinder ul li {
    margin-right: 20px;
    font-size: 18px;
    color: #458FF6;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}

.FAQIconFinder ul li:last-child {
    margin-right: 0px;
}

.FAQIconFinder ul li span {
    margin-left: 8px;
}

.FAQIconFinder h3 {
    font-size: 18px;
    margin-bottom: 16px;
    font-weight: 700;
    line-height: 22px;
    margin: 0;
    color: #000;
    display: inline-block;
    padding-right: 30px;
    width: calc(100% - 135px);
    padding-bottom: 0px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #dddddd;
    background: #eee;
    font-weight: normal;
    color: #fff;
}

.ui-accordion .ui-accordion-header {
    margin: 0;
    padding: 5px 15px;
    font-size: 100%;
    margin-bottom: 15px;
    border-radius: 0;
    background: #131f55;
    border: 1px solid #131f55;
    color: #fff;
}

.ui-accordion .ui-accordion-header:focus {
    outline: none;
}

.ui-accordion .ui-accordion-content {
    padding: 5px 15px;
    margin-bottom: 15px;
    border-radius: 0;
    margin-top: -15px;
}

/*.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}*/
/*.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon{
  background-image: url(images/ui-icons_444444_256x240.png);
}*/

.badge {
    padding: 8px 14px;
    border-radius: 4px;
    font-size: 14px;
}

.rec-book {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    background: #f5f5f5;
    border: 1px solid #eee;
    padding: 10px;
}

.rec-book-img {
    width: 26%;
    padding: 0 15px;
    padding-left: 0;
}

.rec-book-img img {
    width: 100%;
}

.market-video .rt-pnl {
    /*padding-bottom: 37px;*/
}

.rec-book-text h5 {
    height: 51px;
    font-size: 25px;
    padding-top: 19px;
}

.rec-book-text p {
    margin: 0 0 10px;
}

.rec-book-text ul {
    margin: 10px 0 0;
    padding: 0;
}

.rec-book-text ul li {
    width: 45%;
    text-align: center;
    float: left;
    font-size: 12px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.59);
}

.rec-book-text ul li i {
    font-size: 12px;
    color: #000;
    margin-right: 4px;
}

.download-tools ul li {
    text-align: left;
    width: 33%;
}

.download-tools .share-faq ul {
    margin-top: 8px;
    margin-bottom: 0;
}

.download-tools .share-faq ul li {
    width: auto;
}

.download-tools .share-faq ul li a i {
    color: #fff;
}

.download-tools .rec-book-img {
    width: 30%;
}

.buy-from {
    padding: 5px;
    margin-right: 5px;
    border-radius: 4px;
    width: 80px;
    height: auto;
}

.rec-book-text .btn {
    margin-top: 10px;
}

.rec-book-text .btn-success {
    padding: 7px 25px;
    font-weight: 400;
}

.book-heading {
    margin-top: 10px;
    letter-spacing: 1px;
    border-left: 4px solid #16a1db;
    padding-left: 10px;
    margin-bottom: 30px;
}

.add {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    padding: 8px 8px;
    border-radius: 4px;
    margin-bottom: 30px;
    text-align: center;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.add img {
    width: 100%;
}

.sip-calculator {
    padding: 15px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.sip-calculator .form-control {
    border: 1px solid #e2e2e2;
    min-height: 42px;
    /*padding-right: 58px;*/
}

.sip-calculator .form-group {
    position: relative;
}

.sip-calculator label {
    color: #131f55;
    font-size: 16px;
    font-weight: 600;
}

.cal-icon {
    position: absolute;
    top: 1px;
    right: 16px;
    background: #fff;
    color: #131f55;
    padding: 8px 10px;
    border-left: 1px solid #eee;
    font-size: 15px;
    width: 50px;
    text-align: center;
}

/*############################### blog single page css start ########################################*/
.blog-single-wraper {
    position: relative;
    width: 100%;
}

.blog-single-wraper h1 {
    position: relative;
    width: 100%;
    color: #0d1d31;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.blog-single-wraper .entry-meta {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    font-size: 14px;
    color: #0d1d31;
}

.blog-single-wraper .entry-meta a {
    color: #3f56d6;
}

.blog-single-wraper .blog-img {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: auto;
    margin-bottom: 15px;
    height: 325px;
}

.blog-single-wraper .blog-img img {
    height: 100%;
    transform: scale(1.0);
    transition: 0.5s;
}

.blog-single-wraper .blog-img:hover img {
    transform: scale(1.1);
    transition: 0.5s;
}

.blog-single-wraper .blog-img .blog-date {
    position: absolute;
    bottom: 10px;
    left: 20px;
    padding: 6px 20px;
    border-radius: 30px;
    background-color: #29a6db;
    text-align: center;
}

.blog-single-wraper .blog-img .blog-date p {
    position: relative;
    margin-bottom: 0px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
}

.blog-single-wraper p {
    position: relative;
    width: 100%;
    font-size: 14px;
    color: #343434;
    margin-bottom: 10px;
}

.blog-social {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 10px;
    text-align: center;
}

.blog-social:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 3px;
    background-color: rgba(0, 0, 0, 0.1);
}

.blog-social ul {
    position: relative;
    display: block;
    margin-bottom: 0px;
}

.blog-social ul li {
    position: relative;
    display: inline-block;
    padding: 0px 5px;
}

.blog-social ul li a {
    color: #131f55;
    transition: 0.5s;
    font-size: 16px;
}

.blog-social ul li a:hover {
    color: #16a1db;
    transition: 0.5s;
}

.blog-prev-next-wraper {
    position: relative;
    width: 100%;
    padding: 10px 0px;
    margin-bottom: 20px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

.blog-prev-next-wraper a {
    color: #666666;
    font-size: 14px;
}

.blog-prev-next-wraper a .fa {
    padding: 0px 5px;
}

.comment-respond {
    position: relative;
    width: 100%;
    background-color: #f1f1f1;
    padding: 20px 20px;
    border-radius: 5px;
}

.comment-respond>h3 {
    position: relative;
    width: 100%;
    color: #666666;
    font-size: 22px;
    margin-bottom: 15px;
}

.comment-respond .comment-form label {
    position: relative;
    color: #000;
    font-size: 16px;
}

.comment-respond .comment-form .form-control {
    background-color: #fff;
    border: 1px solid #ced4da;
    transition: 0.5s;
}

.comment-respond .comment-form .form-control:focus {
    box-shadow: none;
    border-color: #0d1d31;
    transition: 0.5s;
}

.comment-respond .comment-form .btn-explore {
    cursor: pointer;
}

/*###### blog sidebar css start #######*/
.blog-sidebar {
    position: relative;
    width: 100%;
    height: 100%;
    border-left: 1px solid #ededed;
    padding: 0px 15px;
}

.blog-sidebar-title {
    position: relative;
    width: 100%;
    color: #0d1d31;
    font-size: 18px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

.blog-sidebar-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 30px;
    height: 3px;
    background-color: rgba(0, 0, 0, 0.1);
}

.recent-posts {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
}

.recent-posts .recent-posts-list {
    position: relative;
    width: 100%;
    display: block;
    margin-bottom: 0px;
}

.recent-posts .recent-posts-list li {
    position: relative;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    padding: 5px 0px;
    border-bottom: 1px solid #ededed;
}

.recent-posts .recent-posts-list li:last-child {
    border-bottom: 0px;
}

.recent-posts .blog-posts-wrap {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.recent-posts .blog-posts-wrap .blog-img {
    position: relative;
    width: 50px;
    margin-right: 10px;
    height: 50px;
}

.recent-posts .blog-posts-wrap .blog-right-text {
    position: relative;
    width: calc(100% - 60px);
}

.recent-posts .blog-posts-wrap .blog-right-text h5 {
    position: relative;
    width: 100%;
    color: #1c3766;
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: 600;
    padding-bottom: 0px;
}

.recent-posts .blog-posts-wrap .blog-right-text h5 a {
    color: #1c3766;
}

.recent-posts .blog-posts-wrap .blog-right-text p {
    position: relative;
    color: #000;
    font-size: 14px;
    margin-bottom: 0px;
}

.recent-posts .blog-posts-wrap .blog-right-text p a {
    color: #666666;
}

.recent-comment {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
}

.recent-comment ul {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 0px;
}

.recent-comment ul li {
    position: relative;
    width: 100%;
    display: block;
    padding: 5px 0px;
    padding-left: 12px;
    font-size: 14px;
    color: #666666;
    margin-bottom: 10px;
    border-bottom: 1px solid #ededed;
}

.recent-comment ul li a {
    color: #666666;
}

.recent-comment ul li:after {
    content: "\f054";
    position: absolute;
    top: 5px;
    left: 0px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;

}

.recent-comment ul li:last-child {
    border-bottom: 0px;
}

/*############################### blog single page css end ########################################*/


/*########## thoughts list css start ##############*/
.thoughts-list:nth-child(odd) .thoughts-list-inner {
    background-color: #f2f2f2;
}

.thoughts-list:nth-child(even) {}

.thoughts-list-inner {
    position: relative;
    width: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 15px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

.thoughts-list-inner .icon {
    font-size: 24px;
    color: #203864;
    padding-right: 15px;
    width: 40px;
    line-height: 1;
}

.thoughts-list-inner .content {
    width: calc(100% - 40px);
}

.thoughts-list-inner .content h6 {
    font-size: 20px;
}

.thoughts-list-inner .content .IconFinder {
    position: relative;
    width: 100%;
}

.thoughts-list-inner .content .IconFinder ul {
    position: relative;
    padding: 5px 0 0;
    margin: 0;
}

.thoughts-list-inner .content .IconFinder ul li {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 5px;
    color: #757575;
}

.thoughts-list-inner .content .IconFinder ul li i {
    font-size: 12px;
    color: #757575;
    width: auto;
    padding-right: 7px;
    line-height: 1;
    margin-top: 2px;
}

.thoughts-list-inner .content .IconFinder ul li:first-child {
    padding-left: 0px;
}

/*########## thoughts list css end ##############*/
.sip-calculator__modify .card-header {
    padding: 0.75rem 1.25rem;
}

/*########## 31-12-2019 ##############*/

.filter-nav {
    float: right;
    margin: 0;
    background-color: #1c3766;
    padding: 2px;
}

.filter-nav li {
    float: left;
    font-size: 13px;
    padding: 0 8px;
    border-right: 1px solid #fff;
}

.filter-nav li a {
    color: #fff;
}

.filter-nav li:last-child {
    border: none;
}

.category-box {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    /*background-color: #fff;*/
    background: transparent;
}

.category-box h3 {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    padding: 8px 12px;
    margin: 0;
    background-color: #1c3766;
}

.category-box h3 a {
    color: #fff;
}

.category-box .cate-list {
    padding: 0;
}

.category-box .cate-list li {
    font-size: 13px;
    font-weight: 400;
    padding: 6px 12px 6px 33px;
    float: none;
    position: relative;
    background: #ecf9ff;
    margin-bottom: 1px;
    line-height: 16px;
}

.category-box .cate-list li a {
    color: #1c3766;
}

.category-box .cate-list li::before {
    content: "\f0c1";
    position: absolute;
    left: 7px;
    top: 9px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 10px;
    color: #fff;
    width: 18px;
    height: 18px;
    background-color: #1c3766;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
}

.top-rated-bx {
    display: block;
    padding: 10px 10px;
    margin: 5px;
    min-height: 98px;
}

.top-rated-bx:nth-child(even) {
    background: #eee;
}

.top-rated-bx .top-rated-img {
    float: left;
    margin-right: 10px;
    width: 35%;
    height: 78px;
    overflow: hidden;
}

.top-rated-bx .top-rated-img img {
    width: 100%;
}

.top-rated-bx .top-rated-txt {
    overflow: hidden;
}

.top-rated-bx .top-rated-txt h4 {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    margin: 0;
    padding: 0 0 7px;
    border-bottom: 1px solid #efefef;
}

.top-rated-bx ul {
    margin: 5px 0 0;
    padding: 0;
}

.top-rated-bx ul li {
    float: left;
    margin-right: 10px;
    font-size: 14px;
    color: #1c3766;
    font-weight: 400;
}

.top-rated-bx ul li i {
    margin-right: 6px;
    color: #16a1db;
}

.cstm-form {
    padding: 15px;
    background-color: #f5f5f5;
}

.form-control:focus {
    border-color: #000;
    box-shadow: none;
}

.count-download {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #9FCCEC;
    color: #000;
    text-align: center;
    line-height: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.faq-list {
    padding: 10px;
    margin: 0;
}

.faq-list li {
    background: none;
    padding: 0 0 15px;
    border-bottom: 1px dashed #ccc;
    margin: 0 0 10px;
    width: 100%;
    float: none;
    font-size: 13px;
    font-weight: 400;
}

.faq-list li a {
    color: #282828;
    transition: all ease-in-out 0.3s;
}

.faq-list li:hover a {
    color: #16a1db;
}

.faq-list li span {
    background: #0CBCE8;
    color: #fff;
    padding: 2px 10px;
    margin: 8px 0 0;
    font-size: 12px;
    border-radius: 3px;
    text-align: center;
    line-height: 1.5;
    text-transform: uppercase;
    transition: all ease-in-out 0.3s;
    display: block;
    width: 88px;
}

.faq-list li:hover span {
    background: #1C3766;
}

.MutualFundCon {
    width: 100%;
    float: left;
    padding: 0px;
}

.MutualFundCon ul {
    padding: 0;
}

.MutualFundCon ul li a {
    background: #fff;
    padding: 15px 0 15px 15px;
    width: 100%;
    display: block;
    float: left;
    margin: 0 0 25px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.MfContain {
    padding: 0;
    width: calc(100% - 55px);
    float: left;
}

.MutualFundCon ul li h6 {
    font-size: 16px;
    color: #1c3766;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    line-height: 1.5;
}

.MutualFundCon ul li p {
    font-size: 14px;
    color: #1c3766;
    font-weight: 400;
    padding: 0;
    margin: 0;
    line-height: 1.5;
}

.MfImg::after {
    content: "";
    border-right: 100px solid #1C3766;
    position: absolute;
    z-index: -1;
    border-top: 260px solid rgba(0, 0, 0, 0);
    top: -140px;
    right: -10px;
}

.MfImg {
    padding: 0;
    width: 35px;
    margin: 10px;
    float: right;
    position: relative;
    z-index: 1;
}

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

.MfImg::after {
    content: "";
    border-right: 100px solid #1C3766;
    position: absolute;
    z-index: -1;
    border-top: 260px solid rgba(0, 0, 0, 0);
    top: -140px;
    right: -10px;
}

.inn-ban2 {
    border-radius: 12px;
    overflow: hidden;
}

.inn-ban2 img {
    width: 100%;
}


.banner-topic ul li a {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
}

.banner-topic ul li a:hover .circle-shape div {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.circle-shape {
    width: 28%;
    position: relative;
    box-shadow: 0 0 10px #525252;
    border-radius: 50%;
}

.circle-shape img {
    width: 100%;
}

.circle-shape div {
    width: 42px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
    right: 0;
    margin: auto;
    bottom: 0;
    height: 42px;
}

.circle-shape div img {
    width: 41px;
}

.circle-text {
    width: 72%;
    padding: 0 15px;
    color: #fff;
    margin-top: 20px;
}

.circle-text h6 {
    font-size: 16px;
    margin-bottom: 0;
    color: #fff;
}

.circle-text p {
    font-size: 13px;
    color: #fff;
    line-height: 18px;
}

.banner {
    position: relative;
}

.banner>img {
    width: 100%;
}

.banner-topic {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 1140px;
    height: 314px;
    margin: 0 auto;
    margin-top: 50px;
}

.connection-line {
    position: absolute;
    top: 14%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 336px;
}

.banner-topic ul li {
    width: 34%;
    position: absolute;
    left: 0;
}

.banner-topic ul li:nth-child(1) {
    left: 1.5%;
    top: 10.5%;
}

.banner-topic ul li:nth-child(1) .circle-shape {
    order: 2;
}

.banner-topic ul li:nth-child(1) .circle-shape div img {
    width: 33px;
    margin-left: 4px;
}

.banner-topic ul li:nth-child(1) .circle-text {
    text-align: right;
}

.banner-topic ul li:nth-child(2) {
    top: 53%;
    left: 1.5%;
}

.banner-topic ul li:nth-child(2) .circle-shape {
    order: 2;
}

.banner-topic ul li:nth-child(2) .circle-text {
    text-align: right;
}

.banner-topic ul li:nth-child(3) {
    left: 65.5%;
    top: 10.5%;
}

.banner-topic ul li:nth-child(4) {
    top: 53%;
    left: 65.5%;
}

.banner-topic ul li:nth-child(5) {
    top: 18.2%;
    left: 41%;
    width: 17%;
}

.banner-topic ul li:nth-child(5) .circle-shape {
    width: 100%;
}

.banner-topic ul li:nth-child(5) .circle-text {
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
    text-align: center;
}

.banner-topic ul li:nth-child(5) .circle-shape div {
    top: -92px;
    width: 56px;
}

.banner-topic ul li:nth-child(5) .circle-shape div img {
    width: 58px;
}

.banner-topic ul li:nth-child(5) .circle-text h6 {
    color: #000;
}

.banner-topic ul li:nth-child(5) .circle-text p {
    color: #000;
}


.ziehharmonika h3 {
    font-size: 14px;
    background: #003260;
    color: #fff;
    margin-bottom: 16px;
    font-weight: 400;
    line-height: 22px;
}

.ziehharmonika .collapseIcon {
    top: 50%;
    font-size: 14px;
}

.ziehharmonika2 h3 {
    font-size: 14px;
    background: #003260;
    color: #fff;
    margin-bottom: 16px;
    font-weight: 400;
    line-height: 22px;
}

.ziehharmonika2 .collapseIcon {
    top: 50%;
    font-size: 14px;
}

.share-faq ul {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
}

.share-faq ul li {
    margin-right: 10px !important;
}

/*.share-faq ul li a{*/
/*  display: inline-block;*/
/*  font-size: 13px;*/
/*  color: #fff;*/
/*  padding: 4px 8px;*/
/*}*/
.share-faq ul li a {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    padding: 4px 8px;
    min-width: 32px;
    text-align: center;
}

.share-faq ul li:nth-child(1) a {
    background: #2855a8;
}

.share-faq ul li:nth-child(2) a {
    background: #26d367;
}

.ziehharmonika h3.active {
    margin-bottom: 21px;
    background: #16a1db;
}

.ziehharmonika .active .arrowDown {
    border-color: #16a1db transparent transparent transparent;
}

.VideoNav {
    border-bottom: 1px solid #ccc;
}

.VideoNav ul {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
}

.VideoNav ul li {
    margin-right: 15px;
    position: relative;
}

.VideoNav ul li:after {
    content: "|";
    position: absolute;
    right: -9px;
    top: 0;
    color: #131f55;
}

.VideoNav ul li:last-child:after {
    display: none;
}

.VideoNav ul li a {
    color: #131f55;
    display: block;
}

.VideoNav ul li a:hover {
    color: #16a1db;
}

.qty-box {
    border: 1px solid #ddd;
    width: 80px;
    margin: 10px 0;
    padding: 4px;
}

.question-box {
    padding: 15px;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    background: #fff;
}

.question-box .form-check {
    position: relative;
    margin: 10px 0;
    background: #f9f9f9b3;
    padding: 10px 15px;
    padding-left: 34px;
    border-radius: 5px;
    border: 1px solid #ddd;
    cursor: pointer;
}

.question-box .form-check:hover {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.option-num {
    position: absolute;
    left: 12px;
    top: 8px;
}

.question {
    font-size: 16px;
    color: #000;
    margin-bottom: 5px;
    margin-top: 15px;
}

.clock {
    font-size: 40px;
    padding: 5px;
    display: inline-block;
}

.question-total {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 5px;
}

.question-total li a {
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 0;
    margin: 0 5px 10px 0;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: #eee;
    border-radius: 50%;
    color: #1c3766;
    font-weight: 500;
}

.question-total li.noanswer a {
    background: #bd2130;
    color: #fff;
}

.question-total li.answer a {
    background: #008000;
    color: #fff;
}

.answer-small {
    background: #008000;
    width: 35px;
    height: 35px;
    text-align: center;
    display: block;
    color: #fff;
    border-radius: 50%;
    line-height: 36px;
}

.not-answer-small {
    background: #bd2130;
    width: 35px;
    height: 35px;
    text-align: center;
    display: block;
    color: #fff;
    border-radius: 50%;
    line-height: 36px;
}

.badge {
    font-weight: 400;
    border-radius: 30px;
}

.question-step .badge {
    float: right;
}

.login-box {
    max-width: 600px;
    margin: 15px auto;
    border-radius: 10px;
    box-shadow: 0 0 6px #bcbcbc;
    width: 100%;
    background-color: #fff;
    padding: 15px;
}

.blue-bg-heading {
    background-color: #131f55;
    color: #fff !important;
    font-size: 20px;
    padding: 10px;
    text-align: center;
}

select.form-control {
    padding-right: 0 !important;
}

.select2-container {
    width: 100% !important;
    margin-bottom: 5px !important;
}

.select2-container--default .select2-selection--single {
    border-radius: 8px !important;
    height: 42px !important;
    padding: 4px 0 !important;
    border: 1px solid #959595 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px !important;
}

.modal-header {
    border-bottom: 0;
    background: #f1f1f1;
    padding: 10px 15px;
}

.modal-title {
    padding: 0;
}

.modal-footer {
    border-top: 0;
    padding: 10px 15px;
}

.top-tab {
    padding-top: 22px;
    border-top: 2px solid #aeabb4;
}

.top-tab ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.top-tab ul li {
    margin-bottom: 20px;
}

.top-tab ul li a {
    color: #000;
    font-size: 16px;
    padding: 4px 0px;
    border-bottom: 2px solid #fff;
    font-weight: 300;
    /*margin-right: 10px;*/
}

.top-tab ul li a:hover {
    color: #16a1db;
}

.top-tab ul li.active a {
    color: #000;
    font-weight: 700;
}

.status {
    background: #ffc107;
    color: #000;
    display: inline-block;
    padding: 4px 14px;
    font-size: 12px;
    position: absolute;
    top: 4px;
    right: 4px;
    -webkit-border-top-right-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
    -moz-border-radius-topright: 12px;
    -moz-border-radius-bottomleft: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

.ui-sortable-handle {
    cursor: move;
}

.table-bordered td,
.table-bordered th {
    font-family: sans-serif;
}

.cal-icon {
    font-family: sans-serif;
}

.less-padding tr td {
    padding: 5px;
}

.heading2 {
    background-color: #131f55;
    color: #fff !important;
    font-size: 20px;
    padding: 10px;
    text-align: center;
}

em.error {
    position: absolute;
    left: 22px;
    /*top: 36px;*/
    bottom: -14px;
    background: #fff;
    font-size: 10px;
    line-height: 1;
    color: #f00;
    letter-spacing: 0.5px;
    padding: 0 5px;
    font-weight: 600;
}

/* 28.02.2020 */
.success-story-details {
    text-align: left;
}

.success-story-details .success-person {
    margin: 0px;
    margin-bottom: 15px;
    border-radius: 0;
    position: absolute;
    top: 3px;
    right: 18px;
}

.success-story-details .success-story-text ul {
    justify-content: start;
    margin-bottom: 30px;
}

.main-cart-bx tr td {
    font-family: sans-serif;
}


/* 10.03.2020 */
.accordion_disable .FAQIconFinder {
    margin: 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fullaccBlock {
    padding: 26px 46px 26px 39px;
    background: #fff;
    box-shadow: 3px 8px 23px rgb(0 0 0 / 30%);
    border-radius: 10px;
    margin-bottom: 30px;
}

.fullaccBlock .content-section {
    /*margin-top: 55px;*/
    margin-top: 35px;
}

.fullaccBlock .content-section p {
    font-size: 18px;
    font-weight: 700;
    color: #7D7987;
    margin: 0;
}

.fullaccBlock .content-section p+p {
    margin-top: 10px;
}

.fullaccBlock .content-section ul li {
    font-size: 16px;
    font-weight: 700;
    color: #7D7987;
    margin: 5px 0px;
}

.table tr td {
    padding: 4px 5px;
}

.table tr th {
    padding: 4px 5px;
}

#content h5 {
    margin-bottom: 0;
    margin-top: 15px;
}

.answer-sheet-list ul li {
    padding: 15px 30px;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-bottom: 10px;
    background: #fff;
}

.answer-sheet-table tr td {
    border: none;
    padding: 4px;
}


.market-video .market-video-text p {
    /*font-size: 16px;*/
    /*  line-height: normal;*/
    /*  color: #000;*/
    /*  display: -webkit-box;*/
    /*  -webkit-line-clamp: 3;*/
    /*  -webkit-box-orient: vertical;*/
    /*  overflow: hidden;*/
    /*  text-overflow: ellipsis;*/
}

.bannerpremioum .market-video-text {
    height: 54px;
    overflow: hidden;
}

.market-video .rec-book-img {
    height: 148px;
}

.market-video .rec-book-img img {
    height: 100%;
}

.total-cart-table tr td {
    padding: 10px 4px;
}

.Videostatistic {
    padding: 8px 0px 0px;
    margin-top: 15px;
    /*  background: #f3f3f3;
  padding: 7px 10px;
  border: 1px solid #eee;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-top: -6px;*/
}

.Videostatistic ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin: 0;
}

.Videostatistic ul li {}

.w-share {
    position: absolute;
    top: 18px;
    left: 15px;
    padding: 7px 12px;
}

/* .w-share:after{
  content: "";
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-left: 8px solid #28a745;
  border-bottom: 6px solid transparent;
  position: absolute;
  bottom: -5px;
  right: 0;
  transform: rotate(50deg);
} */
.filterby {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.filterby .btn {
    background: #eee;
    color: #222;
    margin: 0 5px;
    padding-left: 20px;
    padding-right: 20px;
}

.filterby .btn.active {
    background: #16a1db;
    color: #fff;
}

.cms-content ul {
    padding-left: 30px;
}

.cms-content ul li {
    list-style-type: disc;
}

#image_demo {
    margin-left: auto;
    margin-right: auto;

}

.premade-sales .btn {
    width: 48%;
}

.website-tree li a {
    color: #131f55;
}



/*---- webinar page ------*/
.bebinar-list .card-header h2 button {
    font-size: 20px !important;
}

.bebinar-list .card-header h2 button:hover {
    text-decoration: none;
}

.bebinar-list .card-header h2 button:focus {
    text-decoration: none;
}

.bebinar-short-details {
    display: flex;
    margin-bottom: 0;
    margin-top: 5px;
}

.bebinar-short-details li {
    font-size: 15px;
    margin-right: 20px;
    position: relative;
    color: #636363;
}

.bebinar-short-details li:after {
    content: "|";
    color: #b5b5b5;
    position: absolute;
    top: 0;
    right: -12px;
}

.bebinar-short-details li:last-child:after {
    display: none;
}

.webinar-tittle {
    font-size: 20px !important;
}

.bebinar-date {
    font-size: 16px !important;
    margin-top: 6px;
}

.webinar-card {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    padding: 10px 10px;
    border-radius: 4px;
    margin-top: 15px;
    margin-bottom: 15px;
    background: #fff;
}

.banner-caption {
    position: absolute;
    top: 33%;
    transform: translate(23%);
    width: 600px;
}

.banner-caption h3 {
    font-size: 42px;
}

.thought-bx {
    position: relative;
    z-index: 2;
}


/*---- Assets Allocation page ------*/

.asset-allocation .form-control {
    border: 1px solid #ddd;
}

.investment-suitability .form-control {
    border: 1px solid #ddd;
    min-height: 42px;
}

.question-box .form-check {
    margin: 4px 0;
}

.asset-allocation .question-box {
    margin-bottom: 10px;
}

.result_exam {
    margin-top: 30px;
}

.pro_card {
    border: 1px solid #eee;
    padding: 10px;
    background: #fbfbfb;
    margin-bottom: 5px;
    padding-bottom: 0;
}

.divs .question-box {
    margin-bottom: 15px;
}

.investment-suitability .question {
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 5px;
    line-height: 18px;
}

.investment-suitability .form-check-inline {
    margin-right: 2px;
}

.investment-suitability .question-box .form-check {
    margin: 2px 0;
    padding: 2px 30px;
}

.investment-suitability .option-num {
    top: 2px;
}

.center-padding {
    padding: 0 15%;
}

.close-absolute {
    position: absolute;
    top: 10px;
    right: 8px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: red;
    text-align: center;
    color: #fff;
    line-height: 18px;
    z-index: 2;
}

.relative {
    position: relative;
}

.btn-sm {
    height: 32px;
}

#custome_per_view {
    position: absolute;
    bottom: 8px;
    right: 116px;
}

#add_your_asset .d-flex {
    flex-wrap: wrap;
}

.download-app ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.download-app ul li {
    margin-right: 8px;
    margin-left: 8px;
}

.download-app ul li img {
    width: 148px;
}

.download-app h6 {
    font-size: 14px;
}

.fab {
    line-height: inherit !important;
}

/*.website-tree{
    padding-left: 30px;
}
.website-tree li{
    list-style-type: disc;
}*/
.website-tree tr th {
    background: #131f55;
    color: #fff;
}

.website-tree tr td a {
    color: #131f55;
}

.dnld-tool-image {
    width: 100%;
    overflow: hidden;
}

.dnld-tool-image ul li {
    width: 48.6%;
    margin: 10px;
    margin-left: 0;
    border: 1px solid #0f3d79;
}



/* Ananda's css start here */

.investmentAmountForm input[type="number"] {
    -moz-appearance: textfield;
}

.investmentAmountForm input[type="number"]::-webkit-outer-spin-button,
.investmentAmountForm input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.schemeAlloTable tbody td select,
.portfolioTopTable.mfCalcTable tbody td select {
    -webkit-appearance: none;
    -moz-appearance: none;
    /*background: #fff url('../images/select-notch.png') right 3% center no-repeat !important; */
    cursor: pointer;
}

.form-group label {
    font-weight: 500;
}

.form-group em {
    color: #f00;
}

.add-new-user-btn button {
    width: 114px;
}

.btn-cancel {
    background: none;
    border: 1px solid #000;
    color: #131f55;
}

.btn-cancel:hover {
    background: #ddd;
    border: 1px solid #000;
    color: #131f55;
}

.form-group .form-control {
    font-weight: 300;
}

.invoiceListTitle,
.invoiceListText {
    font-size: 14px;
    color: #000;
}

.invoiceListTitle {
    font-weight: 500;
}

.invoiceListText {
    font-weight: 300;
}

.invoiceList {
    padding-right: 5px;
}

.invoiceCard .card-body {
    padding: 10px 24px 10px 16px;
    display: flex;
    align-items: center;
}

.downloadIcon {
    margin-left: auto;
}

.invoiceCard {
    margin-bottom: 10px;
}

.userManagementSearch .input-group {
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}

.userManagementSearch .form-control {
    border: 0px;
    font-weight: 300;
    min-height: 45px;
    border-radius: .25rem 0px 0px .25rem;
}

.userManagementSearch .form-control:focus {
    border-color: #000;
    box-shadow: none;
}

.btn:focus,
.page-link:focus {
    box-shadow: none;
}

.btn-search {
    padding: 0px;
    background-color: #e9eaf3;
    width: 46px;
    margin: 0px !important;
}

.btn-search .serchIcon {
    width: 24px;
}

.userManagementTop {
    margin-bottom: 30px;
}

.userManagementTop,
.userManagementSearch,
.addUserBtn {
    display: flex;
    align-items: center;
}

.addUserBtnText {
    font-size: 17px;
    color: #000;
    font-weight: 500;
    margin-left: 10px;
}

.addUserBtn {
    margin-left: auto;
    width: 131px;
}

.userManagementSearch {
    width: calc(100% - 131px);
}

.userManagementCount {
    margin-left: 10px;
    width: 140px;
}

.userManagementIconList {
    margin-left: auto;
}

.userManagementIconList .userManagementIcon {
    margin-left: 15px;
}

.userManagementCard:nth-child(even) {
    background-color: #f0f1f6;
}

.userManagementPagination.pagination {
    justify-content: center;
    margin: 35px 0px;
}

.bannerpremioum .pagination {
    justify-content: center;
    margin-top: 49px;
}

.bannerpremioum .page-link {
    border: 0;
    background-color: transparent;
    font-size: 16px;
    font-weight: 300;
    color: #000;
    padding: 0.5rem 0.95rem;
}

.bannerpremioum .page-item.active .page-link {
    font-weight: 700;
    color: #000;
    background-color: transparent;
}

.bannerpremioum .page-item.disabled .page-link {
    background-color: transparent;
}

.userManagementPagination.pagination .page-link {
    color: #131f55;
    font-size: 14px;
    padding: 5px;
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, .125);
}

.userManagementPagination.pagination .paginationBFL .page-link {
    width: 88px;
}

.userManagementPagination.pagination .paginationFL .page-link {
    width: 58px;
}

.userManagementPagination.pagination .page-item.active .page-link {
    background-color: #e9eaf3;
    border-color: #e9eaf3;
}

.pagination li:first-child a,
.pagination li:last-child a,
.pagination li:first-child span,
.pagination li:last-child span {
    font-size: 32px;
    line-height: 14px;
}

#permissionModal .linkAccountList li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-top: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
    margin-top: -1px;
    height: 40px;
    align-items: center;
}

#permissionModal .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    margin-bottom: 0px;
}

#permissionModal .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

#permissionModal input:checked+.slider {
    background-color: #25a8e0;
}

#permissionModal .slider.round {
    border-radius: 34px;
}

#permissionModal .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #b1b5c7;
    -webkit-transition: .4s;
    transition: .4s;
}

#permissionModal input:checked+.slider::before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

#permissionModal input:checked+.slider::before {
    background-color: #fff;
    margin-left: -3px;
}

#permissionModal .slider.round::before {
    border-radius: 50%;
}

#permissionModal .slider::before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 0px;
    bottom: 0px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    margin-left: 3px;
    margin-bottom: 3px;
}

#permissionModal .modal-header {
    background: none;
    position: relative;
    padding: 12px 20px;
}

#permissionModal .modal-header .modal-title {
    font-size: 22px;
    color: #131f55;
    width: 100%;
    text-align: center;
    font-weight: 400;
}

#permissionModal .modal-header .close {
    padding: 0px;
    opacity: 1;
    position: absolute;
    right: 0px;
    top: 0px;
    margin-right: -8px;
    margin-top: -8px;
}

#permissionModal .linkAccountList li span {
    font-weight: 400;
    font-size: 14.5px;
    color: #000;
}

#permissionModal .modal-body {
    padding: 0px 20px 0px;
}

#permissionModal .btn-submit {
    background: none;
    font-size: 16px;
    color: #25a8e0;
    font-weight: 400;
}

#permissionModal .modal-footer {
    padding: 7px 20px;
}

#permissionModal .modal-content {
    border-radius: 25px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

button {
    outline: none !important;
}

.planCard {
    border: none;
}

.planCard .planCol {
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 1px solid #bebcc3;
}

/* .planCard .activePlanList .planCol:last-child .countPlan,
.planCard .activePlanList .planCol:last-child .countPlanTick {
    border-right: 1px solid #ddd;
}
.planCard .activePlanList .planCol:last-child .countPlanText {
    border-right: 1px solid #ddd;
} */
.planHeading {
    font-weight: 700;
    font-size: 28px;
    color: #000;
    text-align: center;
    line-height: 28px;
    padding: 2px 6px;
    margin-left: -1px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
    margin-top: 36px;
    text-transform: capitalize;
}

.planCard .row {
    margin: 0px;
}

.planCard .col-3,
.planCard .col-4,
.planCard .col-8 {
    padding: 0px;
}

.planPrice {
    font-weight: 700;
    font-size: 36px;
    color: #4089ed;
    text-align: center;
    line-height: 34px;
    padding: 4px;
    margin-left: -1px;
}

.gstText {
    font-weight: 400;
    font-size: 12px;
    color: #848199;
    text-transform: capitalize;
    line-height: 18px;
    text-align: center;
    padding: 4px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -1px;
    margin-bottom: 33px;
}

.allplnsb1 {
    background: #eff7ff;
    padding-bottom: 23px;
    border-radius: 0 0 15px 15px;
    box-shadow: 7px 18px 28px rgb(0 0 0 / 10%);
    position: relative;
    z-index: 2;
}

.topplan1 {
    background: #eff7ff;
    border-radius: 15px 15px 0 0;
    box-shadow: 7px 18px 28px rgb(0 0 0 / 10%);
    position: relative;
    z-index: 1;
}

.payNowBtn {
    padding: 30px 0px;
    text-align: center;
    padding-bottom: 60px;
}

.approvePlan {
    font-size: 17px;
    text-align: left;
    color: #848199;
    font-weight: 300;
    padding: 0px 16px;
    height: 58px;
    display: flex;
    align-items: center;
    padding-left: 0;
    margin-top: 11px;
}

.countPlan #minus1,
.countPlan #plus1,
.countPlan #minus2,
.countPlan #plus2,
.countPlan #minus3,
.countPlan #plus3,
.countPlan #minus4,
.countPlan #plus4 {
    width: 20%;
    text-align: center;
}

.countPlan .countNumberPlan,
.countPlan #number1,
.countPlan #number2,
.countPlan #number3,
.countPlan #number4 {
    width: 20%;
    font-size: 16px;
    color: #131f55;
    font-weight: 600;
    text-align: center;
}

.countPlan {
    display: flex;
    justify-content: center;
    height: 58px;
    align-items: center;
}

.countPlan img {
    cursor: pointer;
}

.planAsk {
    margin-left: 10px;
    cursor: pointer;
}

.btn-payNow,
.btn-payNow:hover {
    font-size: 14px;
    color: #fff;
    background-color: #4089ed;
    text-transform: capitalize;
    border-radius: 30px;
    margin: 0px auto;
    padding: 11px 30px;
}

.activePlanList {
    /*border: 1px solid #ddd;*/
    padding-bottom: 16px;
    margin-bottom: 10px;
    /*margin-top: 30px;*/
}

.topPayCOl {
    padding-right: 0px;
    padding-left: 0px;
}

.planCard .activePlanList .planCol::last-child {
    border-right: 1px solid #ddd;
}

.countPlanTick {
    text-align: center;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 11px;
}

.countPlanText {
    font-size: 16px;
    text-align: center;
    color: #131f55;
    font-weight: 600;
    text-align: center;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 11px;
}

.cartCard table,
.cartCard th,
.cartCard td {
    border-collapse: collapse;
    vertical-align: top;
}

.cartCard th,
.cartCard td {
    padding: 8px 20px;
    text-align: left;
}

.cartCard th {
    padding-bottom: 0px;
}

.cartTable {
    width: 100%;
}

.cartCard th,
.productGst {
    font-weight: 400;
    font-size: 14px;
    color: #000;
}

.cartCard .productTitle,
.cartCard .productPrice,
.cartCard .productTotalPrice {
    font-weight: 600;
    font-size: 26px;
}

.cartCard .productTitle {
    color: #131f55;
}

.cartCard .productPrice {
    color: #16a1db;
}

.cartCard .productTotalPrice {
    color: #000;
}

.cartClose {
    cursor: pointer;
}

.cartCard th:last-child,
.cartCard td:last-child {
    width: 280px !important;
    text-align: left !important;
    border-left: 1px solid #ddd;
}

.cartCard th:nth-child(3),
.cartCard td:nth-child(3) {
    width: 60px;
    text-align: center;
}

.planCard.cartCard {
    border-radius: 0px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 35px;
}

.cartTable.cartTableProduct {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.cartTable.cartTableCoupon tr:first-child td:first-child {
    background-color: #131f55;
    width: 260px;
    vertical-align: middle;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: 0px;
}

.cartTable.cartTableCoupon tr:first-child td:last-child {
    vertical-align: middle;
    border-right: 1px solid #ddd;
}

.productCouponTitle {
    font-size: 14px;
    color: #fff;
    text-align: center;
    background-color: #131f55;
    width: 260px;
    height: 56px;
    cursor: pointer;
    padding: 5px;
}

.couponForm {
    display: flex;
    align-items: center;
}

.productCouponField .form-control {
    /*min-height: auto;*/
    height: 56px;
    padding-right: 30px;
    border: none;
    background-color: #f0f1f5;
    color: #000;
}

.productCouponField .form-control::placeholder {
    font-weight: 400;
    font-size: 13px;
    color: #000;
}

.cartTable.cartTableCoupon tr:first-child td:nth-child(2) {
    background-color: #f0f1f5;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.cartTable.cartTableProduct tr:last-child td {
    padding-top: 0px;
    padding-bottom: 15px;
    vertical-align: top;
}

.cartTable.cartTableCoupon tr:nth-child(2) {
    border: 1px solid #ddd;
}

.cartTable.cartTableCoupon tr:nth-child(2) td:first-child {
    vertical-align: middle;
}

.cartTable.cartTableCoupon tr:nth-child(2) td:last-child {
    background-color: #e6ebff;
    vertical-align: middle;
    height: 70px;
}

.cartCard .productTotalGrand {
    color: #131f55;
}

.continueShoppingLink {
    color: #7f7f7f;
    font-size: 14px;
    font-weight: 400;
}

.cartTable.cartTableCoupon tr:last-child td:first-child {
    padding-left: 0px;
    vertical-align: middle;
}

.checkOut {
    font-weight: 600;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
}

.cartTable.cartTableCoupon tr:last-child td:last-child {
    border: 1px solid #ddd;
    background-color: #131f55;
    padding: 5px;
    vertical-align: middle;
    text-align: center !important;
    cursor: pointer;
    height: 70px;
}

.couponClose {
    width: 12px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -7px;
    margin-right: 10px;
}

.productCouponField {
    position: relative;
    width: calc(100% - 260px);
}

.planTooltip {
    position: relative;
    padding-right: 12px;
    color: #4089ed;
    font-size: 21px;
}

.planTooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #20272e;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 8px;
    position: absolute;
    z-index: 9999;
    bottom: 125%;
    left: 50%;
    margin-left: -55px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    box-shadow: 1px 6px 4px #0a0a0a61;
}

.planTooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
    z-index: 99;
}

.planTooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.referanceTitle {
    font-size: 18px;
    color: #000;
    font-weight: 400;
}

.referanceTitle span {
    color: #16a1db;
    font-weight: 500;
    margin-left: 15px;
}

.referanceTable.table thead th,
.referanceTable.table tbody td {
    font-weight: 400;
    color: #000;
    font-size: 14px;
    vertical-align: middle;
}

.referanceTableResponsive {
    border-radius: 5px;
    border: 1px solid #cacaca;
}

.referanceTable.table {
    margin-top: 0px;
    margin-bottom: 0px;
}

.referanceTable.table thead th {
    border-bottom: none;
    background-color: #bde5f6;
    padding: 12px 30px;
}

.referanceTable.table tbody tr:nth-child(even) {
    background: #f0f1f6;
}

.referanceTable.table tbody td {
    line-height: 18px;
    padding: 8px 30px;
    border-color: #dfdfdf;
}

.referanceTable.table tbody td:first-child {
    width: 60px;
    padding: 8px 0px 8px 20px;
}

.referanceTable.table tbody td span {
    color: #9f9f9f;
    font-size: 12px;
}

.referanceTable.table thead th:last-child,
.referanceTable.table tbody td:last-child {
    text-align: right;
}

.referanceTable.table thead th:nth-child(2),
.referanceTable.table tbody td:nth-child(2) {
    padding-left: 10px;
}

.website-tree table tbody tr td:first-child {
    color: #131f55;
    font-weight: 600;
    width: 25%;
}

.website-tree table tbody tr td:last-child {
    color: #8c8c8c;
    font-weight: 400;
}

.website-tree table tbody tr td {
    padding: 10px 30px;
    vertical-align: middle;
}

.website-tree table tbody tr {
    cursor: pointer;
}

.website-tree table tbody tr:hover {
    background-color: #d0ecf8;
}

.headline.portfolioTitle {
    margin-top: 35px;
    border-bottom: 0px;
}

.portfolioTopTable thead tr {
    background-color: #75cdf3;
}

.portfolioTopTable thead tr th {
    text-align: center;
    font-weight: 400;
    color: #fff;
    padding: 9px;
    line-height: 16px;
    vertical-align: middle;
    border: 1px solid #929292;
}

.portfolioTopTable tbody tr td {
    border: 1px solid #929292;
    padding: 6px 8px;
    text-align: center;
    vertical-align: middle;
}

.portfolioBtn {
    border-radius: 6px;
    background: #131f55;
    border: 1px solid #131f55;
    padding: 4px 25px;
    margin: 20px auto 0px;
    height: 34px;
    display: block;
}

.myHolding .myHoldingTitle {
    font-size: 14px;
    color: #fff;
    background-color: #28a9e0;
    text-align: center;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 14px;
    border: 1px solid #929292;
    line-height: 16px;
}

.myHolding .downloadImg {
    margin-left: auto;
    width: 14px;
    cursor: pointer;
}

.myHolding .myHoldingTitleOnly {
    width: calc(100% - 14px);
}

.myHolding .myHoldingTable {
    border: 1px solid #929292;
}

.myHolding .myHoldingTable thead th {
    font-weight: 500;
    font-size: 12px;
    color: #000;
    border-bottom: 1px solid #929292;
    border-left: 1px solid #929292;
    border-right: 1px solid #929292;
    background-color: #ddd;
    height: 40px;
    vertical-align: middle;
    padding: 6px 14px;
}

.myHolding .myHoldingTable tbody td {
    font-weight: 400;
    font-size: 12px;
    color: #000;
    border: 0px;
    padding: 2px 14px;
    height: 30px;
    vertical-align: middle;
    line-height: 16px;
    border: 1px solid #929292;
}

.myHolding.myHoldingLeft .myHoldingTable tbody tr td:last-child {
    text-align: center;
}

.myHolding .myHoldingTable tbody tr:nth-child(even) {
    background: #f0f1f6;
}

.myHolding {
    margin-top: 30px !important;
}

.myHolding.myHoldingRight .myHoldingTable thead th:last-child,
.myHolding.myHoldingRight .myHoldingTable tbody td:last-child {
    width: 22% !important;
}

.myHolding.myHoldingLeft .myHoldingTable thead tr th:last-child,
.myHolding.myHoldingLeft .myHoldingTable tbody tr td:last-child {
    width: 18%;
}

.myHolding.myHoldingLeft .myHoldingTable thead tr th:nth-child(2),
.myHolding.myHoldingLeft .myHoldingTable tbody tr td:nth-child(2) {
    width: 36%;
}

.myHolding.myHoldingRight .myHoldingTable thead th:nth-child(2),
.myHolding.myHoldingRight .myHoldingTable tbody td:nth-child(2) {
    width: 26%;
}

.investmentOptionTitle {
    text-align: center;
    color: #3f3e3e;
    font-size: 14px;
    margin: 10px 0px 8px 0px;
}

.investmentOption {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 700;
    color: #3f3e3e;
}

.investmentOption input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.investmentOption .checkmark {
    position: absolute;
    top: 50%;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #192459;
    margin-top: -8px;
}

.investmentOption.activeInvestment .checkmark {
    border: 1px solid #0075ff;
}

.investmentOption .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.investmentOption.activeInvestment .checkmark:after {
    display: block;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0075ff;
    margin-top: -4px;
    margin-left: -4px;
}

.investmentOptionText {
    text-align: center;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #cacaca;
}

.investmentOption.activeInvestment .investmentOptionText {
    background-color: #bde5f6;
}

.investmentAmountForm {
    margin-top: 18px;
}

.investmentAmountForm input {
    min-height: 40px;
    border: 1px solid #cacaca;
    width: calc(100% - 197px) !important;
    margin-left: 20px;
}

.schemeAlloTable thead th {
    font-size: 14px;
    color: #fff;
    background-color: #25a8e0;
    font-weight: 500;
    border: 1px solid #000;
    height: 40px;
    vertical-align: middle;
    text-align: center;
}

.schemeAlloTable tbody td select.form-control,
.portfolioTopTable.mfCalcTable tbody td select.form-control {
    min-height: auto;
    border: 0px;
    padding: 0px;
    height: 30px;
    background-color: #e6ebff !important;
}

.schemeAlloTable tbody td {
    background-color: #e6ebff;
    border: 1px solid #000;
    vertical-align: middle;
    height: 40px;
}

.schemeAlloTable tbody td .form-group,
.portfolioTopTable.mfCalcTable tbody td .form-group {
    position: relative;
    padding-right: 20px;
    width: 100%;
}

.schemeSelectNotch {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    right: 0px;
    margin-right: 4px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 0;
}

.schemeAlloTable tbody tr:last-child td {
    background: #fff;
    border: 1px solid #cacaca;
}

.schemeAlloTable thead tr th:last-child,
.schemeAlloTable tbody tr td:last-child {
    min-width: 28%;
}

.schemeAlloTable tbody tr:last-child td select.form-control {
    background-color: #fff !important;
}

.schemeSelect {
    margin-top: 26px;
}

.schemeSelect .addSchemeBtn {
    align-self: end;
}

.addSchemeBtn .add_button {
    padding: 7px 20px;
}

.downloadbtn {
    border-radius: 9px;
    background: #131f55;
    border: 1px solid #131f55;
    line-height: 14px;
}

.savedBtn {
    border-radius: 9px;
    background: #16a1db;
    border: 1px solid #131f55;
    line-height: 14px;
}

.allSchemeBtn {
    border-bottom: 1px solid #ccc;
    padding: 28px 0px 60px;
}

.investmentPie {
    text-align: center;
}

.investmentAllocationCol {
    align-self: center;
}

.investmentAllocationTable thead th {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background-color: #28a9e0;
    text-align: center;
    height: 40px;
    border: none;
    vertical-align: middle;
}

.investmentAllocationTable tbody td {
    border: 1px solid rgba(19, 31, 85, 0.4);
    font-size: 12px;
    color: #000;
    padding: 5px 25px;
    height: 46px;
    vertical-align: middle;
    text-align: center;
}

.investmentAllocationTable tbody tr td:first-child {
    text-align: left;
}

.investmentAllocationTable thead {
    border: 1px solid rgba(19, 31, 85, 0.4);
}

.investmentAllocationTable tbody tr:nth-child(even) td {
    background-color: #f0f1f6;
}

.allocationChartAll {
    margin: 35px 0px 5px;
}

.myHolding.myHoldingLeft.investAllocTable .myHoldingTable thead tr th:last-child,
.myHolding.myHoldingLeft.investAllocTable .myHoldingTable tbody tr td:last-child {
    width: 18% !important;
}

.myHolding.myHoldingLeft.investAllocTable .myHoldingTable thead tr th:nth-child(2),
.myHolding.myHoldingLeft.investAllocTable .myHoldingTable tbody tr td:nth-child(2) {
    width: 22%;
}

.myHolding.myHoldingLeft.investAllocTable .myHoldingTable thead tr th,
.myHolding.myHoldingLeft.investAllocTable .myHoldingTable tbody tr td {
    border: 1px solid #929292;
}

.myHolding.myHoldingLeft.investAllocTable .myHoldingTable thead tr th {
    text-align: center;
}

.myHolding.investAllocTable .myHoldingTitle {
    border-bottom: 0px;
}

.myHolding.myHoldingLeft.investAllocTable .myHoldingTable.schemeTable tbody tr:last-child td {
    font-weight: 600;
    font-style: italic;
}

.bar {
    width: 100%;
    height: 1px;
    background-color: #ccc;
    margin: 30px 0px 24px;
}

.allocationSegmentTitle {
    font-weight: 700;
    font-size: 14px;
    color: #000;
}

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

.allocationCheck {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    margin-bottom: 0px;
}

.allocationCheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.allocationCheck .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 13px;
    width: 13px;
    border: 1px solid #fff;
    border-radius: 2px;
    margin-top: 1px;
}

.allocationCheck .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.allocationCheck input:checked~.checkmark:after {
    display: block;
}

.allocationCheck .checkmark:after {
    left: 4px;
    top: -4px;
    width: 7px;
    height: 13px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.allocationSegment .allocationCheck {
    width: auto;
}

.allocationSegment .allocationCheck .checkmark {
    margin-top: 6px;
}

.allocationSegment .allocationCheck .checkmark,
.allocationSegment .allocationCheck .checkmark::after {
    border-color: #767676;
}

.allocationSegment .allocationCheck {
    padding-left: 26px;
}

.performanceTable .allocationSegment .allocationCheck .checkmark {
    top: auto;
    bottom: 0px;
    margin-bottom: 0px;
    left: 50%;
    margin-left: -7.5px;
}

.performanceTable .allocationSegment .allocationCheck {
    padding-left: 0px;
    height: 40px;
    width: 100%;
}

.myHolding .myHoldingTable.performanceTable thead th {
    font-weight: 400;
    font-size: 14px;
}

.myHolding .myHoldingTable.performanceTable tbody td {
    height: 48px;
    text-align: center;
}

.myHolding .myHoldingTable.performanceTable tbody tr td:first-child {
    text-align: left;
}

.myHolding.myHoldingLeft.investAllocTable .myHoldingTable.performanceTable thead tr th:nth-child(2),
.myHolding.myHoldingLeft.investAllocTable .myHoldingTable.performanceTable tbody tr td:nth-child(2),
.myHolding.myHoldingLeft.investAllocTable .myHoldingTable.performanceTable thead tr th:last-child,
.myHolding.myHoldingLeft.investAllocTable .myHoldingTable.performanceTable tbody tr td:last-child {
    width: auto !important;
}

.myHolding.myHoldingLeft.investAllocTable .myHoldingTable.performanceTable thead tr th:first-child,
.myHolding.myHoldingLeft.investAllocTable .myHoldingTable.performanceTable tbody tr td:first-child {
    width: 30%;
}

.factSheetTab {
    text-align: center;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #929292;
    font-size: 16px;
    color: #000;
    font-weight: 700;
}

.factSheetRow .factSheetCol:first-child {
    padding-right: 0px;
    margin-right: -1px;
}

.factSheetRow .factSheetCol:last-child {
    padding-left: 0px;
}

.navPriceBox .navPrice {
    font-weight: 600;
    font-size: 22px;
    color: #28a9e0;
    text-align: center;
    margin-bottom: 4px;
}

.navPriceBox .navText {
    font-size: 14px;
    color: #000;
    text-align: center;
    line-height: 18px;
}

.navPriceBox {
    border: 4px solid #131f55;
    height: 94px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 26px;
}

.navPriceBox:last-child {
    margin-bottom: 0px;
}

.navPriceBox .navPriceBottom .navPrice {
    font-size: 20px;
}

.riskoMeterTop {
    margin-top: 30px;
}

.investmentAllocationTable.riskoMeterTable tbody td {
    padding: 4px 18px;
    height: 35px;
    text-align: left;
    font-size: 14px;
    line-height: 16px;
}

.investmentAllocationTable.riskoMeterTable tbody tr:nth-child(odd) td {
    background-color: #f0f1f6;
}

.investmentAllocationTable.riskoMeterTable tbody tr:nth-child(even) td {
    background-color: #fff;
}

.myHolding.riskoMeterTableAll .myHoldingTitle {
    font-weight: 700;
}

.myHolding.riskoMeterTableAll .myHoldingTable thead th,
.myHolding.riskoMeterTableAll .myHoldingTable tbody td {
    text-align: center;
}

.myHolding.riskoMeterTableAll .myHoldingTable.riskoReturnTable thead th:first-child,
.myHolding.riskoMeterTableAll .myHoldingTable.riskoReturnTable tbody td:first-child {
    text-align: left;
    width: 30%;
}

.myHolding.riskoMeterTableAll .myHoldingTable.riskoRatioTable tbody td:first-child {
    text-align: left;
    width: 40%;
}

.myHolding.riskoMeterTableAll .myHoldingTable.riskoRatioTable {
    margin-top: -1px;
}

.myHolding.riskoMeterTableAll .myHoldingTable.riskoRatioTable tbody td {
    height: 32.2px;
}

.myHolding.myHoldingLeft.riskoMeterTableAll .myHoldingTable.riskoReturnTable tbody td {
    height: 42.4px;
}

.myHolding.myHoldingLeft.riskoMeterTableAll .myHoldingTable.riskoReturnTable thead tr th:last-child,
.myHolding.myHoldingLeft.riskoMeterTableAll .myHoldingTable.riskoReturnTable tbody tr td:last-child {
    width: 6%;
}

.myHolding.myHoldingLeft.riskoMeterTableAll .myHoldingTable.riskoReturnTable thead tr th:nth-child(2),
.myHolding.myHoldingLeft.riskoMeterTableAll .myHoldingTable.riskoReturnTable tbody tr td:nth-child(2) {
    width: 24%;
}

.myHolding.riskoMeterTableAll .myHoldingTable.riskoObjTable {
    margin-top: -1px;
}

.myHolding.riskoMeterTableAll .myHoldingTable.riskoObjTable tbody td {
    text-align: left;
    line-height: normal;
    padding-top: 10px;
    padding-bottom: 10px;
}

.myHoldingTable.sectorAlloTable .progress {
    height: 12px;
    background-color: #ebebeb;
    border-radius: 16px;
}

.myHoldingTable.sectorAlloTable .progress .progress-bar {
    background-color: #28a9e0;
}

.myHolding.riskoMeterTableAll .myHoldingTable.sectorAlloTable tbody td:first-child {
    text-align: left;
}

.myHolding.riskoMeterTableAll .myHoldingTable.sectorAlloTable tbody td:last-child {
    width: 18%;
}

.myHolding.riskoMeterTableAll .myHoldingTable.sectorAlloTable tbody td:nth-child(2) {
    width: 46%;
}

.myHolding.riskoMeterTableAll .myHoldingTable.sectorAlloTable.factStockCountTable tbody td:last-child {
    width: 34%;
}

.myHolding.riskoMeterTableAll .myHoldingTable.sectorAlloTable.portfolioCapTable thead th:nth-child(2),
.myHolding.riskoMeterTableAll .myHoldingTable.sectorAlloTable.portfolioCapTable tbody td:nth-child(2) {
    width: 28%;
}

.calculatorHeaderText {
    border-bottom: 1px solid #dfe2ee;
    background: #f7f7f7;
    padding: 12px 20px;
}

.investmentAmountForm.calcucatorNameForm label {
    font-weight: 600;
}

.investmentAmountForm.calcucatorNameForm input {
    width: calc(100% - 109px) !important;
}

.investmentAmountForm.calcucatorNameForm {
    margin-top: 30px;
}

.calcucatorCheck .allocationSegment .allocationSegmentTitle {
    font-weight: 600;
}

.calcucatorCheck .allocationSegment {
    justify-content: left;
    margin-right: 20px;
    margin-bottom: 2px;
}

.calcucatorCheck {
    display: flex;
    align-items: center;
    margin-top: 36px;
}

.portfolioTopTable.mfCalcTable thead tr th {
    font-size: 14px;
    font-weight: 500;
    background: #25a8e0;
    border: 1px solid rgba(19, 31, 85, 0.4);
}

.portfolioTopTable.mfCalcTable tbody tr td,
.portfolioTopTable.mfCalcTable tbody td select.form-control {
    background-color: #f0f1f6 !important;
    font-size: 12px;
    color: #000;
}

.portfolioTopTable.mfCalcTable thead tr:nth-child(2) th {
    background: #ddd;
    color: #000;
    font-size: 12px;
    white-space: nowrap;
}

.allocationSegment.mfTableCheck .allocationCheck {
    padding-left: 20px;
}

.allocationSegment.mfTableCheck .allocationCheck .checkmark {
    margin-top: -6px;
    background-color: #fff;
}

/* .portfolioTopTable.mfCalcTable thead tr:first-child th, */
.portfolioTopTable.mfCalcTable tbody tr td:first-child {
    width: 12%;
}

/* .portfolioTopTable.mfCalcTable thead tr:nth-child(3) th, */
.portfolioTopTable.mfCalcTable tbody tr td:nth-child(3) {
    width: 30%;
}

/* .portfolioTopTable.mfCalcTable thead tr:nth-child(2) th, */
.portfolioTopTable.mfCalcTable tbody tr td:nth-child(4),
.portfolioTopTable.mfCalcTable tbody tr td:nth-child(5),
.portfolioTopTable.mfCalcTable tbody tr td:nth-child(6),
.portfolioTopTable.mfCalcTable tbody tr td:nth-child(7),
.portfolioTopTable.mfCalcTable tbody tr td:nth-child(8) {
    width: 8%;
}

.allocationSegment.mfTableCheck {
    justify-content: left;
}

.portfolioTopTableText {
    text-align: left;
    color: #000;
    line-height: 16px;
    border: 1px solid #929292;
    padding: 6px 8px 18px;
    margin-top: -1px;
    font-size: 12px;
}

.allSchemeBtn.calcucatorBtn {
    padding-top: 25px;
    padding-bottom: 0px;
    border-bottom: none;
}

.allSchemeBtn.calcucatorBtn {}

.calcucatorText {
    font-size: 12px;
    font-weight: 400;
    color: #000;
    margin-top: 15px;
}

.portfolioTopTable.mfCalcTable.nonMfCalcTable tbody tr td,
.portfolioTopTable.mfCalcTable.nonMfCalcTable tbody td select.form-control,
.portfolioTopTable.mfCalcTable.insuranceCalcTable tbody tr td,
.portfolioTopTable.mfCalcTable.insuranceCalcTable tbody td select.form-control {
    background-color: #f0f1f6 !important;
}

.portfolioTopTable.mfCalcTable.nonMfCalcTable thead tr th:first-child,
.portfolioTopTable.mfCalcTable.nonMfCalcTable tbody tr td:first-child {
    width: 28%;
}

.portfolioTopTable.mfCalcTable.nonMfCalcTable thead tr th:last-child,
.portfolioTopTable.mfCalcTable.nonMfCalcTable tbody tr td:last-child {
    width: auto;
}

.calsSubmitBtn .savedBtn {
    border: 0px;
    padding: 7px 34px;
    border-radius: 20px;
    height: 34px;
}

.portfolioTopTable.mfCalcTable.nonMfCalcTable tbody tr td:last-child,
.portfolioTopTable.mfCalcTable.insuranceCalcTable tbody tr td:nth-child(2),
.portfolioTopTable.mfCalcTable.insuranceCalcTable tbody tr td:last-child {
    text-align: left;
    line-height: 16px;
}

.portfolioTopTable.mfCalcTable.nonMfCalcTable tbody tr td,
.portfolioTopTable.mfCalcTable.insuranceCalcTable tbody tr td {
    padding-bottom: 18px;
}

.portfolioTopTable.mfCalcTable {
    border-collapse: separate;
    border-spacing: 0px 5px;
}

.portfolioTopTable.mfCalcTable thead tr th,
.portfolioTopTable.mfCalcTable tbody tr td {
    border-left: 0px;
}

.portfolioTopTable.mfCalcTable tbody tr td:first-child {
    border-left: 1px solid #929292;
}

.portfolioTopTable.mfCalcTable thead tr th:first-child {
    border-left: 1px solid rgba(19, 31, 85, 0.4);
}

.portfolioTopTable.mfCalcTable.mfCalcTableText tbody tr:nth-child(even) td {
    text-align: left;
    line-height: 16px;
    padding-bottom: 18px;
    background: #fff !important;
}

.portfolioTopTable.mfCalcTable .subMfCalcTable {
    margin: 10px -10px -10px -10px;
    width: 105%;
}

.portfolioTopTable.mfCalcTable .subMfCalcTable tr th:last-child {
    border-right: 0px;
}

.portfolioTopTable.mfCalcTable table.subMfCalcTable tbody tr th {
    background: #ddd;
    color: #000;
    font-size: 12px;
}

.portfolioTopTable.mfCalcTable thead {
    position: relative;
    bottom: -6px;
}

.portfolioTopTable.mfCalcTable.nonMfCalcTable {
    border-spacing: 0px 11px;
    margin-top: -6px;
}

.portfolioTopTable.mfCalcTable.nonMfCalcTable thead {
    bottom: -12px;
}

.portfolioTopTable.mfCalcTable.insuranceCalcTable thead tr th:first-child,
.portfolioTopTable.mfCalcTable.insuranceCalcTable tbody tr td:first-child {
    width: 24%;
}

.portfolioTopTable.mfCalcTable.insuranceCalcTable thead tr th:nth-child(2),
.portfolioTopTable.mfCalcTable.insuranceCalcTable tbody tr td:nth-child(2) {
    width: 18%;
}

.mfliketbl {
    border: 1px solid #b5b3b3 !important;
    border-top: 0px solid #b5b3b3 !important;
}

.mfliketbl thead tr th {
    background-color: #c3c3c3;
}

.mfliketbl tbody tr td {
    padding: 5px 4px !important;
    line-height: 14px !important;
    font-size: 11px !important;
    vertical-align: middle;
}

.mfliketbl thead tr th {
    padding: 9px 4px !important;
    text-align: center;
    line-height: 14px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding-right: 16px !important;
    border-bottom: 1px solid #111 !important;
    vertical-align: middle;
}

.mfliketbl tbody tr td+td,
.mfliketbl thead tr th+th {
    border-left: 1px solid #b5b3b3;
}

.mfliketbl tbody tr:nth-child(even) {
    background-color: #f0f1f6;
}

.downloadButton {
    border-radius: 9px;
    background: #131f55;
    border: 1px solid #131f55;
    line-height: 17px;
}

.campairButton {
    border-radius: 9px;
    background: #a2d2f7;
    border: 1px solid #131f55;
    line-height: 17px;
}

.sv-calendar,
.sv-like {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #000;
}

.sv-calendar img,
.sv-like img {
    padding-right: 6px;
    margin-top: -2px;
}

.sv-watch {
    font-size: 15px;
    position: absolute;
    bottom: 9px;
    right: 0px;
    background-color: rgba(255, 255, 255, 0.85);
    padding: 2px 14px;
    border-radius: 6px 0px 0px 6px;
    color: #000;
}

.sv-text {
    /*font-weight: 300;*/
    /*font-size: 16px;*/
    /*text-align: center;*/
    /*padding: 0px 26px;*/
    /*line-height: 20px;*/
    /*height: 80px;*/
    /*overflow: hidden;*/
    /*margin-bottom: 20px;*/
}

.storeDetailsBanner h2 {
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.bar2 {
    width: 50px;
    height: 3px;
    background-color: #000;
}

.productPrice {
    font-weight: 700;
    font-size: 24px;
    margin: 18px 0px 14px;
}

.productPrice2 {
    font-size: 16px;
    margin: 0px;
}

.storeDetailsBanner .productSummary {
    font-weight: 300;
    margin: 18px 0px 30px;
    font-size: 16px;
}

.productPrice.productPrice2 span {
    font-size: 22px;
}

.btn-view {
    font-size: 16px;
    padding: 12px 18px;
    border-radius: 10px;
    margin-right: 10px;
    color: #458FF6;
    border-color: #458FF6;
    font-weight: 700;
    border-width: 1px;
}

.qtyOfProduct input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.qtyOfProduct input[type=number]::-webkit-inner-spin-button,
.qtyOfProduct input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.qtyOfProduct {
    border: none;
    display: inline-flex;
    background: #F6F7F8;
    border-radius: 4px;
}

.qtyOfProduct,
.qtyOfProduct * {
    box-sizing: border-box;
}

.qtyOfProduct button {
    outline: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 46px;
    cursor: pointer;
    margin: 0;
    position: relative;
}

.qtyOfProduct button:before,
.qtyOfProduct button:after {
    display: inline-block;
    position: absolute;
    content: '';
    width: 10px;
    height: 2px;
    background-color: #33A0FF;
    transform: translate(-50%, -50%);
}

.qtyOfProduct button.plus:after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.qtyOfProduct input[type=number] {
    font-family: sans-serif;
    max-width: 42px;
    padding: 5px;
    border: none;
    font-size: 18px;
    color: #262626;
    height: 46px;
    font-weight: 400;
    text-align: center;
    background: #F6F7F8;
}

.storeDetailsBanner .btn-view {
    font-weight: 700;
}

.btn-cart {
    background-color: #458FF6;
    color: #fff;
    border-color: #458FF6;
    margin: -2px 0px 0px 32px;
    padding: 5px;
    width: 160px;
    height: 50px;
}

.productInfoTab .nav-tabs,
.productInfoTab .nav-tabs .nav-link,
.productInfoTab .nav-tabs .nav-item.show .nav-link,
.productInfoTab .nav-tabs .nav-link.active,
.productInfoTab .nav-tabs .nav-link:focus,
.productInfoTab .nav-tabs .nav-link:hover {
    border: none;
}

.productInfoTab .nav-tabs {
    justify-content: center;
}

.productInfoTab .nav-tabs .nav-link {
    color: #7D7987;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 2px solid #fff;
    padding: 5px;
    margin: 0px 20px;
}

.productInfoTab .nav-tabs .nav-link.active {
    color: #000;
    border-bottom: 2px solid #000;
}

.addInfoDetails ul li:first-child {
    font-weight: 700;
    width: 38%;
}

.addInfoDetails ul li:last-child {
    font-weight: 300;
    width: calc(100% - 38%);
}

.addInfoDetails ul {
    display: flex;
}

.addInfoDetails ul li {
    font-size: 16px;
    color: #7D7987;
    display: inline-block;
}

.productInfoTab .tab-content {
    margin-top: 50px;
}

.similarProducts .subHeadding {
    text-align: left;
}

.similarProducts h3.subHeadding::after {
    left: 0%;
    margin-left: 0px;
}

.similarProducts .whatsnewblock {
    border-radius: 0px;
    box-shadow: none;
    margin: 0px;
}

.similarProducts {
    margin: 10px 0px 50px;
}

.similarProducts .whatsnewblock .similarProductsImg {
    border-radius: 30px;
}

.similarProducts .whatsnewblock .similarProductDetails {
    font-weight: 700;
    font-size: 16px !important;
    color: #458FF6;
    line-height: normal !important;
}

.similarProductPrice {
    font-weight: 700;
    font-size: 18px;
    color: #000;
}

.similarProductDetailsAll {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 10px 0px;
}

.similarProducts .owl-theme .owl-nav [class*="owl-"] {
    background: none;
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 50%;
    margin-top: -24px;
}

.similarProducts .owl-theme .owl-nav .owl-prev {
    left: -30px;
    background: url("../images/leftArrow.png") no-repeat center;
    width: 21px;
    height: 21px;
}

.similarProducts .owl-theme .owl-nav .owl-next {
    right: -30px;
    background: url("../images/rightArrow.png") no-repeat center;
    width: 21px;
    height: 21px;
}

.similarProducts .owl-theme .owl-nav .owl-prev .am-next,
.similarProducts .owl-theme .owl-nav .owl-next .am-prev {
    display: none;
}

.fullaccBlock .content-section p.pressLikeFaq {
    display: flex;
    align-items: center;
    margin-top: 18px;
}

.pressLikeFaq .ifa-business-faq-like {
    margin-right: 8px;
    margin-top: -2px;
}

.contactUsDetails .contactUsPh {
    display: flex;
    align-items: start;
}

.contactUsDetails .contactUsPh img {
    width: auto;
    margin-right: 8px;
    margin-top: 7px;
}

.contactUsDetails .contactUsPh,
.contactUsDetails .contactUsPh a {
    font-weight: 300;
    font-size: 24px;
    color: #3F3D56;
    line-height: 30px;
}

.contactUsDetails {
    margin-bottom: 30px;
}

.getInTouchAll h3.subHeadding::after,
.mostViewed h3.subHeadding::after {
    display: none;
}

.getInTouchForm .cont-info-box {
    box-shadow: 5.62794px 14.0699px 30.9537px 4.22096px rgba(0, 0, 0, 0.25);
    border-radius: 14.0699px;
    padding: 44px 65px 33px;
    background: #fff;
}

.btn-explore.btnSubmit {
    font-size: 16px;
    font-weight: 700;
    padding: 5px;
    background: #458FF6;
    border-radius: 10px;
    margin-top: 30px;
    cursor: pointer;
    width: 194px;
    height: 50px;
}

.contactMemberTop {
    padding-top: 80px;
    border-top: 1px solid #ccc;
    margin-top: 50px;
    padding-bottom: 54px;
}

.mostViewed .top-rated-bx .top-rated-img {
    float: none;
    margin: 0px auto;
    width: 96px;
    height: 96px;
    border-radius: 50%;
}

.mostViewed .top-rated-bx ul {
    display: flex;
    justify-content: space-between;
    margin: 0px;
    padding-top: 10px;
}

.mostViewed .top-rated-bx ul li {
    margin: 0px;
}

.mostViewed .top-rated-bx {
    padding: 0px 15px 20px;
    margin: 0px;
    /*box-shadow: 6.00804px 15.0201px 33.0442px 4.50603px rgba(0, 0, 0, 0.25);*/
    box-shadow: 0px 6px 12px 4px rgba(0, 0, 0, 0.25);
    border-radius: 15.0201px;
}

.mostViewed .top-rated-bx .top-rated-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    margin: 0px auto;
    background: #ddd;
}

.mostViewed .top-rated-bx .top-rated-txt h4 {
    font-size: 18px;
    text-align: center;
    margin: 22px 0px 8px;
    height: 44px;
    overflow: hidden;
    border: none;
}

.mostViewed .top-rated-bx ul li i {
    color: rgba(69, 143, 246, 0.5);
}

.mostViewed .userName {
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 300;
    font-size: 12px;
}

.mostViewed .item {
    padding-top: 10px;
}

.mostViewed {
    padding: 0px 0px 55px;
}

.mostViewed .owl-carousel .owl-stage-outer {
    padding-bottom: 20px;
}

.mostViewed .owl-carousel .owl-stage {
    margin-left: 15px;
}

.storyDetails {
    padding: 45px 0px 0px;
}

.storyDetails .success-person {
    width: 120px;
    height: 120px;
}

.storyDetails .success-person img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    object-position: center;
    background: #ddd;
}

.storyDetails .success-story {
    /*padding: 35px 15px;*/
    /*box-shadow: 7.57895px 18.9474px 41.6842px 5.68421px rgba(0, 0, 0, 0.25);*/
    /*border-radius: 18.9474px;*/
}

.storyDetails .success-story-text h6 {
    /*font-weight: 600;*/
    /*font-size: 24px;*/
    /*height: 60px;*/
    /*padding: 0px;*/
    /*color: #000;*/
    /*margin: 18px 0px 10px;*/
}

.storyDetails .success-story-text ul li {
    font-weight: 300;
    font-size: 16px;
    color: #000;
    display: flex;
    align-items: center;
}

.storyDetails .success-story-text ul {
    align-items: center;
}

.storyDetails .success-story-text p {
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 4;*/
    /*-webkit-box-orient: vertical;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*color: #000;*/
    /*font-weight: 300;*/
    /*font-size: 16px;*/
}

.storyDetails .storyDetails-user {
    margin-bottom: 15px;
}

.storyDetails .storyDetails-address {
    justify-content: space-between;
    margin: 35px 0px 0px;
}

.mutualFundDetails .MfContain {
    float: none;
    width: 100%;
}

.mutualFundDetails .mutualFundDetailsView {
    color: #000;
    font-weight: 300;
    font-size: 14px;
}

.mutualFundDetailsIcon {
    text-align: center;
}

.mutualFundDetails.MutualFundCon ul li h6 {
    color: #000000;
    text-align: center;
    font-size: 20px;
    line-height: 26px;
    text-transform: capitalize;
    padding: 0px;
    height: 52px;
    overflow: hidden;
    margin: 10px 0px 8px;
}

.mutualFundDetails.MutualFundCon ul li .btn-view {
    padding: 5px;
    box-shadow: none;
    width: 130px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    float: none;
    margin: 22px auto 2px;
    border: 1.645px solid #458FF6;
}

.mutualFundDetails.MutualFundCon ul li .mutualFundDetailsCard {
    padding: 15px;
    box-shadow: 5.62794px 14.0699px 30.9537px 4.22096px rgba(0, 0, 0, 0.25);
    border-radius: 14.0699px;
    background: #fff;
    width: 100%;
    display: block;
    float: none;
    margin: 0 0 30px;
    overflow: hidden;
}

.mutualFundDetails.MutualFundCon ul li p {
    font-weight: 300;
    font-size: 16px;
    text-align: center;
    color: #000;
}

.mutualFundDetails.MutualFundCon {
    padding-bottom: 70px;
}

.topInvestmentFaq h3 {
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    color: #000;
}

.topInvestmentFaqContainer {
    border-top: 1px solid #ccc;
}

.topInvestmentFaq .faqContentTitle h3 {
    font-size: 18px;
    text-align: left;
    padding-right: 0px;
    width: calc(100% - 135px);
}

.topInvestmentFaq {
    padding: 35px 0px 0px;
}

.topInvestmentFaq .fullaccBlock:last-child {
    margin-bottom: 20px;
}

.topInvestmentFaq .accordion_disable {
    padding-top: 45px;
}

.shoppingCartBannaer .btn-view {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0px 0px;
    font-size: 21px;
    width: 270px;
    height: 60px;
    padding: 5px;
    font-weight: 700;
}

.shoppingCartBannaer .btn-view:hover {
    color: #458FF6;
    background-color: #fff;
}

.cartAdjBox.main-cart-bx {
    border-radius: 0px;
    box-shadow: none;
    background: none;
}

.cartAdjBox .lft-cart-prt {
    width: 58%;
    padding: 0px;
}

.cartAdjBox .rt-cart-prt {
    width: 42%;
    padding: 60px 40px 35px;
    background: rgba(196, 196, 196, 0.2);
}

.cartAdjBox .cart-table table tr th {
    color: #22262A;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 1px solid #F6F7F8;
    height: 55px;
    vertical-align: top !important;
}

.cartAdjBox .cart-table {
    margin-top: 0px;
    padding-right: 26px;
}

.cartAdjBox .cart-table table tr th:first-child {
    padding-left: 40px;
}

.cartAdjBox .cart-table table tr th:first-child,
.cartAdjBox .cart-table table tr td:first-child {
    width: 25%;
    text-align: left;
}

.cartAdjBox .pro-txt h3 {
    font-weight: 700;
    color: #000;
}

.cartAdjBox .cart-table a {
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -12.433px;
}

.cartAdjBox .pro-txt {
    position: relative;
    padding-left: 35px;
    min-height: 24px;
    display: flex;
    align-items: center;
}

.cartAdjBox .cart-table table tr td {
    color: #262626;
    font-weight: 400;
    font-size: 18px;
    height: 210px;
    border-bottom: 1px solid #F6F7F8;
}

.qtyOfProduct.stepper--style-3 {
    max-width: 120px;
    padding-left: 40px;
    padding-right: 40px;
}

.qtyOfProduct.stepper--style-3 [spinner-button="up"],
.qtyOfProduct.stepper--style-3 [spinner-button="down"] {
    width: 40px;
}

.qtyOfProduct .stepper__input:focus {
    box-shadow: none;
}

.cartAdjBox .cart-table table tr th,
.cartAdjBox .cart-table table tr td {
    text-align: center;
    vertical-align: middle;
}

.couponInput {
    border: 2px solid #458FF6;
}

.couponInput .form-control {
    height: 58px !important;
    font-size: 16px;
    color: #000;
    font-weight: 700;
    background: #F7F7F7;
}

.couponInput .form-control::placeholder {
    font-size: 16px;
    color: #262626;
    opacity: 0.5;
    font-weight: 400;
}

.couponInput .btn-explore {
    border-radius: 0px;
    width: 136px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 18px;
    text-transform: capitalize;
    background-color: #458FF6;
    margin-bottom: 0px;
}

.couponAlertMsg {
    color: red;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 16px;
    margin-top: 10px;
}

.cartAdjBox .rt-cart-prt ul li {
    font-weight: 400;
    font-size: 18px;
    color: #262626;
    text-transform: capitalize;
    margin: 0px;
}

.membershipPt {
    display: block;
    position: relative;
    padding-left: 35px;
    /*margin-bottom: 12px;*/
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.membershipPt input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.membershipPt .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22.5px;
    width: 22.5px;
    border: 2px solid #458FF6;
}

/* On mouse-over, add a grey background color */
/*.membershipPt:hover input ~ .checkmark {*/
/*  background-color: #ccc;*/
/*}*/

/* When the checkbox is checked, add a blue background */
/*.membershipPt input:checked ~ .checkmark {*/
/*  background-color: #2196F3;*/
/*}*/

/* Create the checkmark/indicator (hidden when not checked) */
.membershipPt .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.membershipPt input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.membershipPt .checkmark:after {
    left: 6px;
    top: 0px;
    width: 8px;
    height: 14px;
    border: solid #458FF6;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cartAdjBox .total-prt {
    margin-top: 20px;
    border-top: 2px solid #b6b6b6;
}

.cartAdjBox .total-prt ul {
    margin-top: 12px;
}

.cartAdjBox .total-prt ul li {
    color: #22262A;
    font-weight: 700;
}

.btn-explore.btn-checkOut {
    width: 100%;
    height: 60px;
    justify-content: center;
    display: flex;
    align-items: center;
    background: #458FF6;
    border-radius: 10px;
    font-weight: 700;
    font-size: 21px;
    color: #fff;
    margin-top: 38px;
    cursor: pointer;
}

.cartPaymentBox .rt-cart-prt {
    width: 37%;
    background: rgba(196, 196, 196, 0.2);
    padding: 25px 8px 0px;
    border-radius: 0px 14.0699px 14.0699px 0px;
}

.cartPaymentBox .lft-cart-prt {
    width: 63%;
    padding: 25px 60px 60px;
}

.cartPaymentBox .headline {
    color: #3F3D56;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    border-bottom: none;
    padding: 0 0 25px;
}

.cartPaymentBox .info-form .form-group {
    margin-bottom: 35px;
}

.cartPaymentBox .info-form .form-control {
    font-size: 18px;
    color: #3F3D56;
}

.cartPaymentBox .info-form textarea.form-control {
    height: 48px;
}

.cartPaymentBox .info-form .form-control::placeholder {
    color: #3F3D56;
    opacity: 0.6;
}

.cartPaymentBox .info-form select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../images/selectNotch.png') right 4% top 20px no-repeat !important;
}

.cartPaymentBox .total-cart-table tr:first-child td {
    border: none;
    font-weight: 500;
    font-size: 22px;
    color: #22262A !important;
    text-align: center !important;
    padding: 26px 4px 15px;
}

.cartPaymentBox .total-cart-table tr td {
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    vertical-align: middle;
    /*height: 70px;*/
    height: auto;
    padding: 10px;
}

.cartPaymentBox .total-cart-table tr td:last-child {
    color: #262626;
    text-align: right;
    min-width: 120px;
}

.cartPaymentBox .btn-explore.btn-checkOut {
    width: 90%;
    margin: 56px auto 25px;
    cursor: pointer;
}

.main-cart-bx.cartPaymentBox {
    box-shadow: 5.62794px 14.0699px 30.9537px 4.22096px rgba(0, 0, 0, 0.25);
    border-radius: 14.0699px;
}

.yourOrderTable {
    min-height: 480px;
}

.newsletter .owl-theme .owl-dots .owl-dot.active span,
.newsletter .owl-theme .owl-dots .owl-dot:hover span {
    border: 1px solid #fff;
    background: #fff;
    opacity: 1;
}

.newsletter .owl-theme .owl-dots .owl-dot span {
    border: 1px solid #fff;
    background: #fff;
    opacity: 0.3;
    margin: 0px 8px
}

.newsletter .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -50px;
    z-index: 9;
    position: relative;
}

.category-box.categoryList .cate-list li::before {
    display: none;
}

.category-box.categoryList .cate-list li {
    display: inline-block;
    background: none;
    padding: 10px 25px;
}

.category-box.categoryList {
    box-shadow: none;
    margin-bottom: 60px;
    /* margin-top: -33px; */
}

.category-box.categoryList .cate-list li a {
    color: #000;
    font-weight: 300;
    font-size: 16px;
}

.blog-bx.blogSection .date {
    position: relative;
    left: auto;
    top: auto;
    border-radius: 0px;
    padding: 0px;
    background: none;
    font-weight: 300;
    color: #000;
}

.blog-bx.blogSection .blog-txt {
    /*padding: 12px 26px 30px;*/
    padding: 5px 26px 30px;
}

.blog-bx.blogSection .blog-txt h3 {
    /*font-weight: 700;*/
    /*font-size: 21px;*/
    /*color: #000;*/
    /*height: 54px;*/
    /*margin-top: 10px;*/
}

.blog-bx.blogSection .blog-txt p {
    /*font-weight: 300;*/
    /*font-size: 14px;*/
    /*color: #7D7987;*/
    /*line-height: normal;*/
    /*margin-top: 15px;*/
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 3;*/
    /*-webkit-box-orient: vertical;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
}

.blog-bx.blogSection .blog-txt a {
    color: #458FF6;
    font-weight: 700;
    font-size: 16px;
    display: flex;
    align-items: center;
    margin: 0px;
    width: auto;
    justify-content: center;
}

.blog-bx.blogSection .blogBottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 35px;
}

.blog-bx.blogSection .blog-img {
    height: 220px;
}

.blog-bx.blogSection {
    /*box-shadow: 9px 10px 20px rgba(229, 233, 246, 0.8);*/
    box-shadow: 5.62794px 14.0699px 30.9537px 4.22096px rgba(0, 0, 0, 0.25);
    border-radius: 16px;
    background: #fff;
    margin-bottom: 30px;
}

.allBlogTogether {
    /*padding: 0px 65px;*/
    padding: 0px 45px;
}

.membershipPoints {
    color: #7D7987;
    margin-top: 20px;
    text-align: left;
}

.pointsClaimed {
    color: #458FF6;
    margin-top: -15px;
}

.gstValue {
    margin: 20px 0px -15px;
}

.webinarsCard .webinarsCardLeft {
    width: 205px;
    min-height: 206px;
}

.webinarsCard .webinarsCardRight {
    width: calc(100% - 205px);
    padding: 0px 40px 0px 25px;
}

.webinarsCard .webinarsCardLeft .webinarsImg,
.webinarsCard .webinarsCardLeft .webinarsImg img {
    width: 100%;
    height: auto;
}

.webinarsCard .webinarsCardLeft .webinarsImg img {
    object-fit: contain;
    background: #dddddd30;
}

.webinarsTitle {
    font-size: 21px;
    font-weight: 700;
    color: #000000;
}

.webinarsText,
.bookRecAll .rec-book-text p {
    font-weight: 300;
    font-size: 16px;
    color: #7D7987;
    margin-top: 15px;
    line-height: normal;
}

.webinarsTimeDetails li span {
    display: flex;
    align-items: center;
    font-weight: 300;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.59);
}

.webinarsCardRight .wlink {
    font-weight: 700;
    font-size: 16px;
    color: #458FF6;
}

.webinarsTimeDetailsAll {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    width: 100%;
    bottom: 0px;
}

.webinarsCard .webinarsTimeDetailsAll .webinarsTimeDetails {
    display: flex;
    align-items: center;
}

.webinarsCard .webinarsTimeDetailsAll .webinarsTimeDetails li {
    margin-right: 45px;
}

.webinarsCard {
    padding: 30px;
    background: #FFFFFF;
    box-shadow: 5.62794px 14.0699px 30.9537px 4.22096px rgba(0, 0, 0, 0.25);
    border-radius: 14px;
    position: relative;
    cursor: pointer;
    margin-bottom: 30px;
}

.webinarsCard .webinarsContent {
    height: 100%;
    position: relative;
    padding-bottom: 45px;
}

.webinarsCard .notchWebinars {
    position: absolute;
    top: 30px;
    right: 30px;
}

.webinarsCard .programmeDetails {
    display: none;
    margin-top: 30px;
}

.webinarsCard.webinarsCardExpand .notchWebinars {
    transform: rotateZ(180deg);
}

.webinarsCard.webinarsCardExpand .webinarsCardLeft {
    width: 422px;
    min-height: 424px;
}

.webinarsCard.webinarsCardExpand .webinarsCardRight {
    width: calc(100% - 422px);
    padding: 0px 50px 0px 85px;
}

.webinarsCard.webinarsCardExpand .webinarsContent {
    min-height: 380px;
}

.webinarsCard.webinarsCardExpand .programmeDetails {
    display: block;
}

.webinarsCardAll {
    /*margin-top: 70px;*/
}

.userHeadding {
    font-size: 21px;
    font-weight: 700;
    padding: 0px;
    position: relative;
    text-align: center;
    color: #000;
    margin: -5px 0px 45px
}

.lft-pnl2.userLeftMenu {
    background: #FFFFFF;
    box-shadow: 6.92874px 17.3219px 38.1081px 5.19656px rgba(0, 0, 0, 0.25);
    border-radius: 7.38679px;
}

.lft-pnl2.userLeftMenu ul li {
    border-bottom: 0.5px solid #DDDDDD;
}

.lft-pnl2.userLeftMenu ul li a {
    background: #fff;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    padding: 12px 12px 12px 55px;
}

/* new design biswanath */
.lft-pnl2.userLeftMenu ul li#cover_page_li a {
    background: #fff url(../images/coverpage_library.png) no-repeat center left 10px;
}

.lft-pnl2.userLeftMenu ul li#calculator_li a {
    background: #fff url(../images/calculator_library.png) no-repeat center left 10px;
}

.lft-pnl2.userLeftMenu ul li#mf_research_li a {
    background: #fff url(../images/mfresearch_library.png) no-repeat center left 10px;
}

.lft-pnl2.userLeftMenu ul li#sales_presenter_li a {
    background: #fff url(../images/salesrepre_library.png) no-repeat center left 10px;
}

.lft-pnl2.userLeftMenu ul li#suitability_profiler_li a {
    background: #fff url(../images/suitablity_library.png) no-repeat center left 10px;
}

.lft-pnl2.userLeftMenu ul li#welcome_letter_li a {
    background: #fff url(../images/welcomeletter_library.png) no-repeat center left 10px;
}

.lft-pnl2.userLeftMenu ul li#readymade_protfolio_li a {
    background: #fff url(../images/readymade_library.png) no-repeat center left 10px;
}

.lft-pnl2.userLeftMenu ul li#purchased_video_li a {
    background: #fff url(../images/salesrepre_library.png) no-repeat center left 10px;
}

.lft-pnl2.userLeftMenu ul li#cover_page_li a:hover,
.lft-pnl2.userLeftMenu ul li#cover_page_li.active a {
    background: #458FF6 url(../images/coverpage_library_white.png) no-repeat center left 10px;
    color: #fff;
}

.lft-pnl2.userLeftMenu ul li#calculator_li a:hover,
.lft-pnl2.userLeftMenu ul li#calculator_li.active a {
    background: #458FF6 url(../images/calculator_library_white.png) no-repeat center left 10px;
    color: #fff;
}

.lft-pnl2.userLeftMenu ul li#mf_research_li a:hover,
.lft-pnl2.userLeftMenu ul li#mf_research_li.active a {
    background: #458FF6 url(../images/mfresearch_library_white.png) no-repeat center left 10px;
    color: #fff;
}

.lft-pnl2.userLeftMenu ul li#sales_presenter_li a:hover,
.lft-pnl2.userLeftMenu ul li#sales_presenter_li.active a {
    background: #458FF6 url(../images/salesrepre_library_white.png) no-repeat center left 10px;
    color: #fff;
}

.lft-pnl2.userLeftMenu ul li#suitability_profiler_li a:hover,
.lft-pnl2.userLeftMenu ul li#suitability_profiler_li.active a {
    background: #458FF6 url(../images/suitablity_library_white.png) no-repeat center left 10px;
    color: #fff;
}

.lft-pnl2.userLeftMenu ul li#welcome_letter_li a:hover,
.lft-pnl2.userLeftMenu ul li#welcome_letter_li.active a {
    background: #458FF6 url(../images/welcomeletter_library_white.png) no-repeat center left 10px;
    color: #fff;
}

.lft-pnl2.userLeftMenu ul li#readymade_protfolio_li a:hover,
.lft-pnl2.userLeftMenu ul li#readymade_protfolio_li.active a {
    background: #458FF6 url(../images/readymade_library_white.png) no-repeat center left 10px;
    color: #fff;
}

.lft-pnl2.userLeftMenu ul li#purchased_video_li a:hover,
.lft-pnl2.userLeftMenu ul li#purchased_video_li.active a {
    background: #458FF6 url(../images/salesrepre_library_white.png) no-repeat center left 10px;
    color: #fff;
}

.lft-pnl2.userLeftMenu ul li#mso_model_portfolio_li a {
    background: #fff url(../images/readymade_library.png) no-repeat center left 10px;
}

.lft-pnl2.userLeftMenu ul li#mso_model_portfolio_li a:hover,
.lft-pnl2.userLeftMenu ul li#mso_model_portfolio_li.active a {
    background: #458FF6 url(../images/readymade_library_white.png) no-repeat center left 10px;
    color: #fff;
}

.lft-pnl2.userLeftMenu ul li#my_files_li a {
    background: #fff url(../images/myfiles.png) no-repeat center left 10px;
}

.lft-pnl2.userLeftMenu ul li#my_files_li a:hover,
.lft-pnl2.userLeftMenu ul li#my_files_li.active a {
    background: #458FF6 url(../images/myfiles_hover.png) no-repeat center left 10px;
    color: #fff;
}

/* new design biswanath */
.lft-pnl2.userLeftMenu ul li.active a {
    background-color: #458FF6;
}

.lft-pnl2.userLeftMenu ul li.userProfile a {
    background: #fff url(../images/userProfile.png) no-repeat center left 10px;
}

.lft-pnl2.userLeftMenu ul li.userProfile.active a {
    background: #458FF6 url(../images/userProfile_a.png) no-repeat center left 10px;
    color: #fff;
}

.lft-pnl2.userLeftMenu ul li.userDisplay a {
    background: #fff url(../images/userDisplay.png) no-repeat center left 10px;
}

.lft-pnl2.userLeftMenu ul li.userDisplay.active a {
    background: #458FF6 url(../images/userDisplay_a.png) no-repeat center left 10px;
    color: #fff;
}

.lft-pnl2.userLeftMenu ul li.userManagement a {
    background: #fff url(../images/userManagement.png) no-repeat center left 10px;
}

.lft-pnl2.userLeftMenu ul li.userManagement.active a {
    background: #458FF6 url(../images/userManagement_a.png) no-repeat center left 10px;
    color: #fff;
}

.lft-pnl2.userLeftMenu ul li.whitelist a {
    background-image: url(../images/whitelistIcon_normal.png), url(../images/whitelist-dimond_normal.png);
    background-repeat: no-repeat;
    background-position: center left 10px, center right 10px;
    background-color: #fff;
}

.lft-pnl2.userLeftMenu ul li.whitelist.active a {
    background-image: url(../images/whitelistIcon.png), url(../images/whitelist-dimond.png);
    background-repeat: no-repeat;
    background-position: center left 10px, center right 10px;
    color: #fff;
    background-color: #458FF6;
}

.lft-pnl2.userLeftMenu ul li.userSubs a {
    background: #fff url(../images/userSubs.png) no-repeat center left 10px;
}

.lft-pnl2.userLeftMenu ul li.userSubs.active a {
    background: #458FF6 url(../images/userSubs_a.png) no-repeat center left 10px;
    color: #fff;
}

.lft-pnl2.userLeftMenu ul li.userOrder a {
    background: #fff url(../images/userOrder.png) no-repeat center left 10px;
}

.lft-pnl2.userLeftMenu ul li.userOrder.active a {
    background: #458FF6 url(../images/userOrder_a.png) no-repeat center left 10px;
    color: #fff;
}

.lft-pnl2.userLeftMenu ul li.userMembers a {
    background: #fff url(../images/userMembers.png) no-repeat center left 10px;
}

.lft-pnl2.userLeftMenu ul li.userMembers.active a {
    background: #458FF6 url(../images/userMembers_a.png) no-repeat center left 10px;
    color: #fff;
}

.lft-pnl2.userLeftMenu ul li.userChangePass a {
    background: #fff url(../images/userChangePass.png) no-repeat center left 10px;
}

.lft-pnl2.userLeftMenu ul li.userChangePass.active a {
    background: #458FF6 url(../images/userChangePass_a.png) no-repeat center left 10px;
    color: #fff;
}

.lft-pnl2.userLeftMenu ul li.logout a {
    background: #fff url(../images/logout.png) no-repeat center left 10px;
}

.userManagementRight {
    padding-left: 40px;
}

.userManagementRight .btn-search {
    background: none;
    width: 70px;
}

.userManagementRight .userManagementSearch .input-group {
    background: #F7F7F7;
    border: 2px solid #458FF6;
    width: 382.5px;
}

.userManagementRight .userManagementSearch .form-control {
    background: #F7F7F7;
    min-height: 54px;
    color: #262626;
    font-weight: 300;
    font-size: 16px;
    padding-left: 25px;
}

.userManagementRight .btn-search .serchIcon {
    width: auto;
}

.userManagementRight .userManagementSearch .form-control::placeholder {
    color: #262626;
    opacity: 0.5;
    font-weight: 300;
    font-size: 16px;
}

.userManagementRight .userManagementSearch {
    width: auto;
}

.banner-btn.userBtn {
    padding: 5px !important;
    width: 194px;
    /*height: 50px;*/
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 35px;
}

.userUpdrade .cartTable.cartTableProduct {
    border: none;
}

.footerGps {
    background: url(../images/foot_loca_icon.png) no-repeat center left;
    padding-left: 35px;
}

.footerMail {
    background: url(../images/foot_add_icon.png) no-repeat center left;
    padding-left: 35px;
}

.footerPh {
    background: url(../images/foot_call_icon.png) no-repeat center left;
    padding-left: 35px;
}

.orderRight {
    /*padding-left: 10px;*/
    padding-left: 42.5px;
}

.orderTable table thead tr th {
    font-weight: 700;
    font-size: 13px;
    color: #FFF;
    background: #458FF6;
    border: 0px;
    position: sticky;
    top: 0px;
}

.orderTable {
    background: #FFFFFF;
    box-shadow: 5.16537px 12.9134px 28.4096px 3.87403px rgba(0, 0, 0, 0.25);
    border-radius: 12.9134px;
    height: 400px;
}

.orderTable table {
    margin: 0px;
}

.orderTable table thead tr th,
.orderTable table tbody tr td {
    padding: 4px 25px;
    height: 45px;
    vertical-align: middle;
    line-height: normal;
}

.orderTable table tbody tr td {
    border-bottom: 0.917808px solid rgba(0, 0, 0, 0.25);
    font-weight: 300;
    font-size: 12px;
    color: #3F3D56;
}

.subscriptionTable.orderTable .badge {
    padding: 0px;
    font-weight: 700;
    font-size: 12px;
}

.subscriptionTable.orderTable .badge.badge-success {
    color: #27AE60;
    background: none;
}

.subscriptionTable.orderTable .badge.badge-danger {
    color: #F2994A;
    background: none;
}

.subscriptionTable.orderTable .subscriptionView,
.subscriptionTable.orderTable .subscriptionInvoice {
    font-weight: 700;
    margin: 0px 6px;
    color: #458FF6;
}

.subscriptionTable.orderTable .subscriptionInvoice {
    color: #7D7987;
}

.subscriptionTable.orderTable table thead tr th:last-child,
.subscriptionTable.orderTable table tbody tr td:last-child {
    text-align: center;
}

.orderRight .banner-btn {
    width: 194px;
    /*height: 50px;*/
    height: 50px;
    padding: 5px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.subscriptionBtnAll {
    margin: 90px 0px 30px;
}

.subscriptionBtnAll .subscriptionBtnRight {
    justify-content: end;
    display: flex;
}

.personalInfoForm {
    background: #FFFFFF;
    box-shadow: 5.15522px 12.888px 28.3537px 3.86641px rgba(0, 0, 0, 0.25);
    border-radius: 12.888px;
    padding: 52px 78px 48px;
}

.personalInfoForm .form-row>[class*="col-"] {
    padding-right: 9px;
    padding-left: 9px;
}

.personalInfoForm .form-row {
    margin: 0px;
}

.personalInfoForm .form-group .form-control::placeholder {
    color: rgba(63, 61, 86, 0.4);
}

.personalInfoForm .form-group .form-control {
    min-height: 42px;
    border-bottom: 0.916004px solid rgba(0, 0, 0, 0.25);
}

.personalInfoForm .form-group {
    margin-bottom: 40px;
}

.personalInfoForm .note-for-logo {
    font-size: 12px;
    margin-top: 15px;
    color: #000;
    line-height: 15px;
    font-weight: 300;
}

.uploadField .banner-btn.whitebg {
    font-size: 8px !important;
    width: 86px;
    height: 22px;
    padding: 2px !important;
    border-radius: 6px;
}

.uploadField span {
    color: rgba(63, 61, 86, 0.4);
    font-weight: 300;
    font-size: 14px;
}

.uploadField .uploadFile {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.uploadedLogoAll {
    position: relative;
    text-align: center;
}

.uploadedLogoAll img {
    object-fit: contain;
}

.uploadedLogoAll .uploadedLogo {
    border: 0.458002px solid #000000;
    border-radius: 4.58002px;
    /*padding: 15px;*/
    padding: 20px;
    /*width: 250px;*/
    width: 80%;
}

.uploadedLogoAll .removeLogoIcon {
    position: absolute;
    right: 8px;
    top: 2px;
}

.uploadedLogoBtn {
    display: flex;
    justify-content: right;
    margin-top: 30px;
}

.personalInfoForm.displaySettingForm {
    padding: 0px;
}

.personalInfoForm.displaySettingForm .formAlertTop {
    font-weight: 300;
    font-size: 12px;
    color: #FFF;
    background: #458FF6;
    border: none;
    border-radius: 12.847px 12.847px 0px 0px;
    padding: 10px 25px;
    margin: 0px;
}

.personalInfoForm.displaySettingForm .allFromRow {
    /*padding: 35px 35px 80px;*/
    padding: 35px 35px 48px;
}

.personalInfoForm.displaySettingForm .form-group {
    margin-bottom: 20px;
}

.membershipPt.displaySettionCheck {
    margin: 0px;
}

.membershipPt.displaySettionCheck .checkmark {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #458FF640;
    border: none;
    margin-top: -11.5px;
}

.membershipPt.displaySettionCheck .checkmark::after {
    width: 5px;
    height: 10px;
    left: 6px;
    top: 2px;
    border-color: #fff;
}

.membershipPt.displaySettionCheck input:checked~.checkmark {
    background: #458FF6;
}

.formCheeck {
    display: flex;
    align-items: center;
    margin-right: 5px;
}

.formCheeck label {
    margin-left: -12px;
}

.formCheeckAll {
    display: flex;
}

.personalInfoForm.displaySettingForm .form-row>[class*="col-"] {
    padding-right: 20px;
    padding-left: 20px;
}

.personalInfoForm .form-row label {
    font-weight: 300;
    font-size: 12px;
    color: #3F3D56;
}

.displaySettionRadio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin: 0px !important;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.displaySettionRadio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.displaySettionRadio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #458FF6;
    margin-top: -14px;
}

.displaySettionRadio:hover input~.checkmark {
    background-color: #458FF640;
}

.displaySettionRadio input:checked~.checkmark {
    background-color: #fff;
}

.displaySettionRadio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.displaySettionRadio input:checked~.checkmark:after {
    display: block;
}

.displaySettionRadio .checkmark:after {
    top: 1.9px;
    left: 1.5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #458FF6;
}

.personalInfoForm .form-group.colorBrand .form-control {
    padding: 0px;
    border: none;
    min-height: 20px;
    height: 20px;
}

.bellowColorBrand {
    margin-top: 28px !important;
}

#customerSlide .owl-nav [class*="owl-"],
#whatsnew .owl-nav [class*="owl-"] {
    width: 26px;
    height: 17px;
}

#customerSlide .owl-nav .owl-prev,
#whatsnew .owl-nav .owl-prev {
    background: url(../images/arrowL.png) no-repeat center;
}

#customerSlide .owl-nav .owl-next,
#whatsnew .owl-nav .owl-next {
    background: url(../images/arrowR.png) no-repeat center;
}

.SurveyCardAll .tools-box {
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    background: none;
    box-shadow: none;
    transition: none;
}

.SurveyCardAll h3,
.SurveyCardAll h3:hover,
.SurveyCardAll h5,
.SurveyCardAll table th {
    color: #000;
}

.SurveyCardAll h3 {
    font-weight: 600;
}

.SurveyCardAll p {
    color: #7D7987;
}

.SurveyCardAll table {
    margin-bottom: 0px;
}

.SurveyCardAll .table tr th,
.SurveyCardAll .table tr td {
    padding: 4px 12px;
    vertical-align: middle;
    text-align: center;
}

.SurveyCardAll .table tr th {
    border-bottom: 0px;
}

.SurveyCardAll .table tr th p,
.SurveyCardAll .table tr td p {
    margin: 0px;
    line-height: normal;
}

.surveyBackBtn {
    text-align: center;
    margin-top: 70px;
}

.surveyBackBtn .banner-btn {
    padding: 5px !important;
    height: 50px;
    width: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.share-faq {
    margin-top: 10px;
}

.bookRecAll .rec-book-img {
    width: 100%;
    padding: 0px;
}

.bookRecAll .share-faq {
    margin-top: 30px;
}

.onlineStoreLink {
    /*margin: 30px 0px 20px;*/
    margin: 30px 0px 0px;
}

.rec-book-text .btn i {
    margin-right: 6px;
}

.rec-book-text .btn.banner-btn {
    margin-top: 0px;
    width: 280px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bookRecBtn {
    display: flex;
    margin-top: 30px;
}

.rec-book-text ul.bookRecDownloadCount li {
    width: 280px;
}

.rec-book-text ul.bookRecDownloadCount {
    margin-top: 5px;
}

.rec-book-text .btn.banner-btn,
.rec-book-text ul.bookRecDownloadCount li {
    margin-right: 15px;
}

.rec-book .share-faq ul {
    justify-content: normal;
    margin-bottom: 0px;
}

.rec-book .share-faq ul li:last-child {
    margin-right: 0px !important;
}

.allTools .mutualFundDetailsCard i {
    color: #458FF6;
    font-size: 40px;
    padding: 15px 0px;
}

.allTools .mutualFundDetailsIcon {
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.stationery-box.famousQuotesBox .stationery-btn a {
    width: 45%;
}

.famousQuotesDetails {
    padding: 30px 20px 20px !important;
    /*margin-bottom: 15px;*/
}

.famousQuotesDetails .stationery-btn .banner-btn.whitebg {
    padding: 10px 30px !important;
    margin-top: 35px;
}

.famousQuotesDetails .famousQuotesDetailsImg {
    position: relative;
}

.famousQuotesDetails .famousQuotesDetailsImg .water-mark-sale {
    bottom: 20%;
    right: -10%;
}

.famousQuotesDetails .famousQuotesDetailsImg img {
    /*width: 223px;*/
    height: 223px;
    object-fit: cover;
}

.famousQuotesDetailsAll .famousQuotesDetailsCol {
    padding: 0px 11px;
}

.getInTouchForm.demoForm .form-group {
    margin-bottom: 35px;
}

.getInTouchForm.demoForm .em.error {}

.getInTouchForm.demoForm .form-group select.form-control,
.getInTouchForm.demoForm .form-group .select2-container--default .select2-selection--single {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../images/selectNotch.png') right 4% top 22px no-repeat !important;
    background-size: 10px !important;
}

.getInTouchForm.demoForm .form-group .select2-container--default .select2-selection--single {
    border-bottom: 1px solid #cacaca !important;
    min-height: 48px;
    font-size: 14px;
    padding-left: 10px !important;
    padding-right: 0px !important;
    color: #3F3D56;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid #cacaca !important;
}

.getInTouchForm.demoForm .form-group .select2-container--default .select2-selection--single:focus {
    border-color: #000 !important;
    box-shadow: none;
}

.getInTouchForm.demoForm .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #3F3D56;
    line-height: normal;
    padding: 0px;
    height: 100%;
    display: flex;
    align-items: center;
}

.getInTouchForm.demoForm .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.getInTouchForm.demoForm .cont-info-box {
    padding: 45px 65px;
}

.invalid-feedback {
    background: #fff;
    font-size: 10px;
    line-height: 1;
    color: #f00;
    letter-spacing: 0.5px;
    padding: 0 5px;
    font-weight: 600;
    /*font-style: italic;*/
    text-align: left;
}

.categoryList .cate-list.cate-list-equal {
    display: flex;
    justify-content: space-between;
}

.salesPresenterTab {
    padding: 26px 30px 40px;
}

.salesPresenterTab .action-buttons {
    justify-content: space-between;
}

.salesPresenterTab .action-buttons .banner-btn {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-right: 5px;
    margin-top: 30px;
}

.salesPresenterTab .action-buttons .banner-btn.whitebg {
    margin-left: 5px;
    margin-right: 0px;
}

.salesPresenterTab .action-buttons .custom-control-label::after,
.salesPresenterTab .action-buttons .custom-control-label::before {
    display: none;
}

.salesPresenterTab .action-buttons .membershipPt.displaySettionCheck .checkmark {
    margin-top: -8px;
    background: #ddd;
}

.salesPresenterTab .action-buttons .membershipPt.displaySettionCheck .checkmark::after {
    border-color: #468ff6;
}

.salesPresentersTopBtn .btn.banner-btn {
    padding-left: 20px !important;
    padding-right: 20px !important;
    min-width: 180px;
}

.clearfix {
    clear: both;
}

.membershipPointsTable.orderTable table thead tr th:first-child,
.membershipPointsTable.orderTable table tbody tr td:first-child {
    padding: 4px 0px 4px 25px;
    width: 50px;
}

.membershipPointsInfo {
    margin-top: 30px;
    display: flex;
    justify-content: space-around;
}

.membershipPointsInfo .referanceTitle {
    font-size: 18px;
    color: #000;
}

.membershipPointsInfo .referanceTitle span {
    font-weight: 700;
    font-size: 21px;
    color: #458FF6;
}

.npsDescription p {
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    color: #000000;
}

.npsDisclaimer {
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    color: #000;
    margin-bottom: 35px;
}

.npsDisclaimer::after {
    content: '';
    width: 40px;
    height: 1px;
    display: block;
    background: #7D7987;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: 85px;
}

.blogInnerDetails {
    /*margin: 75px 0px 90px;*/
    margin: 50px 0px 80px;
}

.blogInnerDetailsTitle {
    font-weight: 700;
    /*font-size: 32px;*/
    font-size: 18px;
    color: #000000;
    /*margin: 34px 0px 27px;*/
    margin: 25px 0px 20px;
    line-height: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blogInnerDetails .entry-meta {
    font-weight: 300;
    font-size: 16px;
    color: #000000;
    margin-bottom: 0px;
}

.blogInnerDetails .blog-social {
    text-align: left;
    margin: 15px 0px 0px;
    padding: 0px;
}

.blogInnerDetails .blog-social::before {
    display: none;
}

.blogInnerDetails .blog-social ul li {
    padding: 0px;
    margin-right: 5px;
}

.blogInnerDetails .blog-social ul li i {
    width: 24px;
    height: 24px;
    background: #2D9CDB;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.blogInnerDetailsContent p {
    font-weight: 300;
    font-size: 18px;
    line-height: normal;
    color: #000;
    margin: 68px 0px 0px;
    text-align: justify;
}

.blogInnerAuthorName {
    font-weight: 700;
    font-size: 18px;
    color: #000;
}

.blogInnerAuthorEmail {
    font-weight: 300;
    font-size: 14px;
    color: #000;
}

.blogInnerAuthorMsg {
    font-weight: 300;
    font-size: 16px;
    color: #333333;
    margin-top: 20px;
}

.blogInnerAuthorImg {
    height: 64px;
    width: 64px;
    background: #3F3D56;
    border-radius: 13px;
    overflow: hidden;
    margin-right: 17px;
}

.blogInnerAuthorImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.blogInnerAuthorInfo {
    display: flex;
    align-items: center;
}

.blogInnerAuthorBar:after {
    content: '';
    width: 1px;
    height: 100%;
    display: block;
    background: #828282;
    position: absolute;
    left: 0%;
    margin-left: -30px;
    top: 0%;
}

.blogInnerAuthorAll {
    position: relative;
    padding: 5px 0px;
    margin: 60px 100px 0px;
}

.blogTopSection .container {
    border-bottom: 1px solid #ccc;
    margin-bottom: 43px;
}

.subHeadding2 {
    font-weight: 700;
    font-size: 21px;
    text-align: center;
    color: #000000;
}

.blogBottomSection .getInTouchForm {
    margin-top: 28px;
}

.similarBlog .owl-carousel.owl-theme {
    padding: 0px 30px;
}

.similarProducts.similarBlog .whatsnewblock {
    background: #FFFFFF;
    box-shadow: 14px 14px 20px rgba(229, 233, 246, 0.4);
    border-radius: 18px;
}

.similarProducts.similarBlog .whatsnewblock .similarProductsImg {
    border-radius: 0px;
    margin-bottom: 0px;
}

.similarProducts.similarBlog .similarBlogTitle {
    font-weight: 700;
    font-size: 21px;
    color: #000000;
    margin-bottom: 15px;
}

.similarProducts.similarBlog .similarBlogDate {
    font-weight: 300;
    font-size: 14px;
    color: #000000;
}

.similarBlogDetails {
    padding: 20px 24px 30px;
}

.similarBlog .owl-carousel.owl-theme .item {
    margin-bottom: 30px;
}

.similarProducts.similarBlog {
    margin-bottom: 20px;
}

.salespresentersbannerBtn {
    margin-top: 60px;
}

.market-video .rec-book-text h5 {
    /*font-size: 22px;*/
    /*color: #000;*/
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 2;*/
    /*-webkit-box-orient: vertical;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*height: 80px;*/
    /*margin-bottom: 0px;*/
    /*line-height: normal;*/
}

.market-video .rec-book-text .btn.banner-btn {
    padding: 12px 36px !important;
}

.market-video .playdownlaodbutton {
    display: flex;
    justify-content: space-between;
}

.regAll {
    margin-top: 80px;
    /*margin-bottom: 40px;*/
    margin-bottom: 20px;
}

.regAll .regTitle {
    font-weight: 700;
    font-size: 24px;
    color: #3F3D56;
    text-align: center;
    margin-bottom: 40px;
}

.regAll .getInTouchForm .cont-info-box {
    padding: 18px 47px 26px;
}

.regAll .getInTouchForm .regLoginLink {
    font-weight: 400;
    font-size: 16px;
    color: #000;
    text-align: center;
    margin-top: 25px;
}

.regAll .getInTouchForm .cont-info-box a {
    font-size: 16px;
    color: #458FF6;
}

.regAll .getInTouchForm .form-group {
    margin-bottom: 32px;
}

.regAll .getInTouchForm .form-check {
    padding: 0px;
    margin: -15px 0px -10px;
    text-align: left;
}

.regAll .getInTouchForm .form-check .form-check-label {
    font-weight: 300;
    font-size: 14px;
    color: #7D7987;
    margin-left: 24px;
}

.regAll .getInTouchForm .form-check .linkForgotPassword {
    font-weight: 300;
    font-size: 14px;
    color: #458FF6;
    margin-left: 15px;
}

.regAll .getInTouchForm .form-check .membershipPt .checkmark {
    height: 16px;
    width: 16px;
    margin-top: 12px;
}

.regAll .getInTouchForm .form-check .membershipPt .checkmark::after {
    left: 4px;
    top: 0px;
    width: 5px;
    height: 10px;
}

.searchItemField {
    width: 580px;
    height: 60px;
    margin: 60px auto -20px;
    border: 2px solid #458FF6;
    border-radius: 6px;
}

.searchItemField .form-control {
    height: 100%;
    background: #F7F7F7;
    border: none;
    padding-left: 30px;
    border-radius: 6px 0px 0px 6px;
}

.searchItemField .btnSearchItemGlass {
    background: #F7F7F7;
    border-radius: 0px;
    padding: 4px 20px;
    border-radius: 0px 6px 6px 0px;
}

.searchItemField .form-control::placeholder {
    font-weight: 300;
    color: #262626;
    font-size: 16px;
    opacity: 0.5;
}

.stationery-text p,
.storeBlockAlign .stationery-text p,
.market-video .market-video-text p,
.sv-text,
.storyDetails .success-story-text p,
.blog-bx.blogSection .blog-txt p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 60px;
}

.storeBlockAlign .stationery-text h4,
.market-video .rec-book-text h5,
.bttm-title,
.storyDetails .success-story-text h6,
.blog-bx.blogSection .blog-txt h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.storeBlockAlign .stationery-text p.stationeryprice {
    /*font-size: 18px;*/
    font-size: 16px;
    margin: 8px 0px;
    height: auto;
    font-weight: 400;
}

.storeBlockAlign .stationery-text p.stationeryprice.stationerypriceOnly {
    /*font-size: 24px;*/
    font-size: 21px;
    font-weight: 700;
    margin: 15px 0px;
}

.SurveyCardAll .conferencesTable.conferencesTableAdj .table tr th {
    height: 60px;
}

.SurveyCardAll .conferencesTable.conferencesTableAdj .table tr td {
    height: 80px;
}

.SurveyCardAll .conferencesTable.conferencesTableAdj .table tr th:first-child,
.SurveyCardAll .conferencesTable.conferencesTableAdj .table tr td:first-child,
.SurveyCardAll .conferencesTable.conferencesTableAdj .table tr th:nth-child(2),
.SurveyCardAll .conferencesTable.conferencesTableAdj .table tr td:nth-child(2),
.SurveyCardAll .conferencesTable.conferencesTableAdj .table tr th:nth-child(3),
.SurveyCardAll .conferencesTable.conferencesTableAdj .table tr td:nth-child(3) {
    width: 25%;
}

.SurveyCardAll .conferencesTable .table tr th,
.SurveyCardAll .conferencesTable .table tr td {
    border-color: #468ff6;
}

.memberBlock.memberBlockContent h3 {
    font-weight: 700;
    font-size: 21px;
    color: #000;
    line-height: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 51px;
    margin-bottom: 4px;
    padding: 0px;
}

.memberBlock.memberBlockContent p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 60px;
}

.membershipInclude .subHeadding::after {
    content: '';
    width: 50px;
    height: 3px;
    display: block;
    background: #000;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: 5px;
}

.membershipIncludeText p {
    font-weight: 300;
    font-size: 18px;
    color: #000000;
    line-height: normal;
}

.freeWebiner p strong {
    font-size: 24px;
    font-weight: 700;
}

.zoombtn {
    background: #fff;
}

.subHeadding h2 {
    color: #000;
}

.subHeaddingLeft h3 {
    text-align: left;
}

.subHeaddingLeft h3::after,
.subHeadding.subHeaddingDouble.subHeaddingLeft::after {
    left: 0%;
    margin-left: 0px;
}

.subHeadding.subHeaddingDouble {
    padding: 20px 0;
    position: relative;
    /*margin-bottom: 41px;*/
    margin-bottom: 30px;
}

.subHeadding.subHeaddingDouble h3 {
    margin: 0px;
    padding: 0px;
    font-size: 32px;
    font-weight: 700;
    color: #000;
}

.bannerForAll {
    /*padding-top: 131px;*/
    padding-top: 50px;
    /*padding-bottom: 60px;*/
    padding-bottom: 40px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 50px;
    z-index: 9;
}

.storeDetailsBanner {
    padding-top: 80px;
}

.getInTouchAll .subHeadding {
    padding-top: 0px;
    margin-bottom: 15px;
}

.storyDetails .success-story-text ul.storyDetails-address li {
    font-size: 15px;
}

.bannerpremioum {
    margin-top: 1.5rem !important;
}

.colProfileLeft {
    -ms-flex: 0 0 261px;
    flex: 0 0 261px;
    max-width: 261px;
}

.colProfileRight {
    -ms-flex: 0 0 calc(100% - 261px);
    flex: 0 0 calc(100% - 261px);
    max-width: calc(100% - 261px);
}

.orderTable::-webkit-scrollbar {
    width: 2.29px;
}

/* Track */
.orderTable::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
.orderTable::-webkit-scrollbar-thumb {
    background: rgba(18, 25, 66, 0.2);
    border-radius: 9.17808px;
}

/* Handle on hover */
.orderTable::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.tablecalallHideLastCol thead tr th:last-child,
.tablecalallHideLastCol tbody tr td:last-child {
    display: none;
}

.banner .page-title {
    margin-bottom: 25px;
}

.bookBuyTitle {
    margin: 15px 0px -28px 10px;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}

.share-faq.shareBookHere ul li a i {
    font-size: 13px;
    color: #fff;
    margin: 0px;
}

.share-faq.shareBookHere ul li {
    width: auto;
}

.fullaccBlock .content-section table {
    margin-top: 30px;
}

.fullaccBlock .content-section table tr td p,
.fullaccBlock .content-section table tr td p strong {
    font-size: 16px;
    font-weight: 700;
}

.groupExp.groupExpReduGap {
    padding-top: 80px;
}

.groupExp.membershipRefer {
    border-top: 1px solid #ccc;
    padding-top: 45px;
    margin-top: 55px;
}

.resetPasswordInst {
    font-size: 14px;
    line-height: normal;
    margin: -15px 0px 30px;
    opacity: 0.8;
}

.FAQIconFinder .aFAQIconFinderLink {
    width: calc(100% - 135px);
}

.FAQIconFinder .aFAQIconFinderLink h3 {
    width: 100%;
}

.welcomeLetterTable .dataTables_length select {
    background: none;
    /*-webkit-appearance: none;*/
    /*   -moz-appearance: none;*/
    /*    background: url('../images/welcome-letter-select.png') right 4% center no-repeat !important; */
    width: 45px;
}

.welcomeLetterTable {
    margin-top: 15px;
}

.welcomeLetterTable table.dataTable thead th {
    background-color: #c3c3c3;
}

.welcomeLetterTable table.dataTable thead th {
    border-bottom: 1px solid #b5b3b3;
}

.welcomeLetterTable table.dataTable.no-footer {
    border: 1px solid #b5b3b3;
}

.welcomeLetterTable table.dataTable thead th,
.welcomeLetterTable table.dataTable tbody td {
    border-top: none;
    padding: 10px 18px;
}

.welcomeLetterTable table.dataTable thead th:first-child,
.welcomeLetterTable table.dataTable tbody td:first-child {
    border-right: 1px solid #b5b3b3;
}

.welcomeLetterTable table.dataTable tbody tr:nth-child(even) {
    background: #f0f1f6;
}

.welcomeLetterTable .dataTables_length label,
.welcomeLetterTable .dataTables_filter label {
    margin-bottom: 0px;
}

.welcomeLetterTable .dataTables_filter label {
    border: 1px solid #b5b3b3;
    margin-right: -2px;
    padding: 7px 16px;
    margin-bottom: 4px;
}

.welcomeLetterTable .dataTables_length label {
    margin-top: 8px;
}

.storeBlockAlign .stationery-text .stationerypriceAll {
    border: 1px solid #458FF6;
    border-radius: 10px;
    margin-bottom: 5px;
}

.storeBlockAlign .stationery-text .stationerypriceAll p.stationeryprice {
    display: flex;
    justify-content: center;
    align-items: center;
}

.storeBlockAlign .stationery-text .stationerypriceAll p.stationeryprice span {
    width: 130px;
    display: block;
}

.storeBlockAlign .stationery-text p.stationeryprice.stationerypriceOnly.stationerypriceOnlyOff {
    font-size: 14px;
    color: #CACACA;
    text-decoration: line-through;
    margin-bottom: -14px;
}

.storeBlockAlign .stationery-text .priceForMembers .stationerypriceAll p.stationeryprice {
    margin: 2px 0px;
}

.storeBlockAlign .stationery-text .priceForMembers .stationerypriceAll+.stationeryprice+.stationeryprice {
    margin: 15px 0px 10px 0px;
}

.footer-menu-title {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: 8px;
}

.market-video .playdownlaodbutton .banner-btn {
    padding: 12px 6px !important;
}

.market-video .playdownlaodbutton {
    margin: 0px -12px 0px;
}

.market-video .playdownlaodbutton .banner-btn.portLandBtnView {
    width: 138.14px !important;
}

.market-video .playdownlaodbutton .banner-btn.portLandBtnDown {
    width: 177.69px !important;
}

footer {
    position: relative;
    /* z-index: 99; */
    background: #fff;
}

.bannerImgCol {
    align-self: center;
}

.market-video .rec-book-text .playdownlaodbutton.playMrktDownlaodButton .btn.banner-btn {
    padding: 12px 43px !important;
}

.category-box .cate-list li.active a {
    color: #000;
    font-weight: 700;
}

.category-box .cate-list.tiggerTab {
    text-align: center;
    margin-top: 15px;
}

.tiggerListSel .membershipPt .checkmark {
    height: 17px;
    width: 17px;
    margin-top: 4px;
}

.tiggerListSel .membershipPt .checkmark::after {
    left: 4px;
    top: -0.5px;
    width: 7px;
    height: 11px;
}

.tiggerListSel .form-check-label {
    margin-left: 30px;
    color: #458FF6;
    font-weight: 600;
    font-size: 14px;
}

.tiggerListSelDel,
.tiggerListDrop,
.tiggerListFilter {
    display: flex;
    align-items: center;
}

.tiggerListSelDel .form-group.form-check {
    margin-bottom: 0px;
}

.tiggerListSel.tiggerListDel {
    margin-top: 6px;
    margin-left: 15px;
}

.tiggerListDrop {
    margin-left: auto;
    margin-top: 10px;
    width: 240px;
}

.tiggerListDrop .form-check-label {
    width: 90px;
}

.tiggerListDrop select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #EFF0F7 url('../images/select-tigger-notch.png') right 10% center no-repeat !important;
    width: calc(100% - 90px);
    border: none;
    border-radius: 16px;
    height: 56px;
    /*color: #A0A3BD;*/
    font-size: 16px;
    padding-right: 38px !important;
}

.tiggerListTable .table td {
    border-top: none;
    padding: 8px 15px 10px;
}

.tiggerListTable .table tr td:first-child {
    width: 70px;
    padding-left: 5px;
}

.tiggerListTable .table tr td:last-child {
    /*width: 125px;*/
    width: 90px;
    padding-right: 5px;
}

.tiggerListTable .table tr td:nth-child(3) {
    width: 300px;
}

.tiggerListTable .table tbody tr {
    border-bottom: 1px solid #7D7987;
}

.tiggerListTable .table tbody .tiggerListSel .membershipPt {
    margin-top: -16px;
    margin-left: -5px;
}

.tiggerTableTitle1 {
    color: #458FF6;
    font-weight: 600;
    font-size: 18px;
}

.tiggerTableTitle2 {
    color: #000;
    margin-bottom: 2px;
}

.tiggerTableText {
    font-size: 14px;
    color: #000;
    line-height: 16px;
}

.tiggerTableValue {
    color: #000;
    font-weight: 300;
    font-size: 16px;
}

.tiggerTableEditMore {
    display: flex;
    margin-top: 15px;
}

.tiggerTableMore {
    margin-left: 30px;
}

.tiggerListFilter {
    margin: 45px 0px 20px;
}

.triggerSetting .displaySettionRadio .checkmark {
    height: 22px;
    width: 22px;
}

.triggerSetting .displaySettionRadio .checkmark::after {
    top: 3px;
    left: 3px;
    width: 13px;
    height: 13px;
}

.triggerSetting .form-group label.radioTitle {
    font-weight: 700;
    font-size: 18px;
    color: #3F3D56;
    margin-bottom: 10px;
}

.triggerSetting .form-group label.radioOption {
    font-size: 16px;
    margin-left: -6px;
    margin-right: 68px;
}

.triggerSetting {
    width: 75%;
    margin: 0px auto;
}

.triggerSetting .form-group {
    margin-bottom: 55px;
    margin-top: 30px;
}

.triggerSettingBtn.uploadedLogoBtn {
    justify-content: center;
    margin-bottom: 80px;
}

.triggerSettingBtn.uploadedLogoBtn .banner-btn {
    padding: 12px 60px !important;
}

.triggerSetting.newTrigger {
    width: 90%;
}

.newTrigger .form-group .form-control {
    border: none;
    background: #EFF0F7;
    border-radius: 16px;
    height: 56px;
    font-size: 16px;
    padding-left: 24px;
    padding-right: 24px;
}

.newTrigger .form-group .form-control::placeholder {
    color: #A0A3BD;
}

.newTrigger .tiggerListDrop {
    width: 100%;
    margin: 0px;
}

.newTrigger.triggerSetting .form-group {
    margin: 0px;
    position: relative;
}

.newTrigger .tiggerListDrop select {
    width: 100%;
    background-position: right 5% center !important;
    padding-left: 24px;
    padding-right: 50px !important;
    cursor: pointer;
}

.triggerValueOption {
    margin-right: 0px;
    margin-bottom: 25px;
}

.newTrigger .form-control {
    margin-bottom: 25px;
}

.newTrigger .triggerValueOption .form-control {
    margin-bottom: 0px;
}

.newTrigger .triggerValueOption .displaySettionRadio .checkmark {
    margin-top: -10px;
}

.percentageTriggerValue {
    background: #EFF0F7 url('../images/triggerPercent.png') right 5% center no-repeat !important;
    padding-right: 50px !important;
}

.newTrigger .tiggerListDrop .select2-selection.select2-selection--single {
    border: none !important;
    background: #EFF0F7 url('../images/select-tigger-notch.png') right 5% center no-repeat !important;
    border-radius: 16px !important;
    height: 56px !important;
    font-size: 16px !important;
    padding: .375rem 50px .375rem 24px !important;
    margin-bottom: 25px;
}

.newTrigger .tiggerListDrop .select2-container--default .select2-selection--single .select2-selection__rendered {
    /*color: #A0A3BD;*/
    color: #3F3D56;
    height: 100%;
    padding: 0px;
    display: flex;
    align-items: center;
    font-weight: 300;
}

.newTrigger .tiggerListDrop .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

/*02-Feb-2023*/
.userAddUpgrade {
    display: flex;
    margin-left: auto;
}

.readymadeNewAdj tbody tr td:nth-child(2) {
    position: relative;
    padding-left: 35px;
}

.readymadeNewAdj tbody tr td .newIcon {
    width: 26px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.triggerSetting.newTrigger.newTriggerFormSetup .tiggerListDrop {
    display: block;
}

.triggerSetting.newTrigger .form-group em {
    position: absolute;
    top: 0px;
    margin-top: 90px;
    left: 20px;
}

.tiggerListFilter .tiggerListDrop select {
    padding-left: 15px;
}

.triggerCountBox .triggerCountNo {
    text-align: center;
    /*color: #00b0ff;*/
    color: #468ff6;
    font-weight: 700;
    font-size: 40px;
    line-height: normal;
}

.triggerCountBox .triggerCountTitle {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    color: #3F3D56;
    margin-top: 5px;
}

.triggerCountBox {
    box-shadow: 5.62794px 14.0699px 30.9537px 4.22096px rgba(0, 0, 0, 0.25);
    border-radius: 14.0699px;
    background: #fff;
    padding: 18px 10px 15px;
    margin-bottom: 30px;
}

.triggerSetting .formCheeckAll.inDecForm .formCheeck:first-child .form-group label.radioOption {
    margin-right: 15px;
}

.triggerSetting .formCheeckAll.inDecForm .form-group label.radioOption {
    margin-right: 0px;
}

.formCheeckAll.inDecForm .triggerValueOption {
    margin-bottom: 0px;
}

.triggerSettingBtn.uploadedLogoBtn.triggerBtnInline .banner-btn {
    margin: 0px 10px;
}

/*02-Feb-2023 End*/
/* biswanath */
.singleLineHolder {
    margin: 0 auto;
    padding: 52px 48px 42px;
    margin-top: 30px;
    box-shadow: 5.62794px 14.0699px 30.9537px 4.22096px rgba(0, 0, 0, 0.25);
    border-radius: 14.0699px;
    background: #fff;
    max-width: 1079px;
    width: 100%;
}

.singleLineHolder .col-form-label {
    font-weight: 700;
    /*font-size: 18px;*/
    font-size: 17px;
    color: #3F3D56;
    line-height: normal;
    margin-right: 0px;
    display: flex;
    align-items: center;
    justify-content: left;
    text-align: left;
}

.singleLineHolder .form-check-label {
    font-weight: 700;
    font-size: 18px;
    color: #3F3D56;
    line-height: normal;
}

.singleLineHolder .text-muted {
    font-weight: 700;
    font-size: 20px;
    color: #3F3D56;
    line-height: normal;
}

.singleLineHolder .form-group .form-control {
    border: none;
    background: #EFF0F7;
    border-radius: 12px;
    min-height: 40px;
    font-size: 16px;
    font-weight: 400;
    padding-left: 20px;
}

.singleLineHolder .form-group .cal-icon {
    height: 100%;
    background: none;
    border: none;
    color: #458FF6;
    font-weight: 300;
    font-size: 14px;
    top: 1px;
    right: 16px;
    padding: 5px;
    width: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.singleLineHolder input[type=checkbox] {
    margin-right: 7px;
}

.roundTable {
    border: 1px solid #458FF6;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 12px;
}

.roundTable .table-bordered {
    /* margin: -1px; */
    width: 100%;
    border-radius: 10px;
    border: 0;
}

.roundTable .table-bordered td,
.roundTable .table-bordered th {
    border: none;
    border-left: 1px solid #458FF6;
    border-bottom: 1px solid #458FF6;
    font-family: 'Mulish', sans-serif;
    font-size: 12px;
}

.roundTable .table-bordered tr:nth-child(3) th {
    border-left: 1px solid #458FF6;
}

/* .roundTable .table-bordered tr:last-child th{
  border-bottom: none;
}  */
.roundTable .table-bordered td:first-child,
.roundTable .table-bordered th:first-child {
    border-left: none;
}

.roundTable .table-bordered td label.checkcontainer,
.roundTable .table-bordered th label.checkcontainer {
    font-size: 12px;
    font-family: 'Mulish', sans-serif;
}

.styleNew #mycustomelist.table-bordered td,
.styleNew #mycustomelist.table-bordered th,
.styleNew #mycategorylist.table-bordered td,
.styleNew #mycategorylist.table-bordered th {
    border: none;
    border-left: 1px solid #458FF6;
    border-bottom: 1px solid #458FF6;
    font-family: 'Mulish', sans-serif;
    font-size: 12px;
}

#mycustomelist.table-bordered,
#mycategorylist.table-bordered {
    border-top: 1px solid #458FF6;
    border-right: 1px solid #458FF6;
}

.roundTable .table-bordered.bigthheading tr:first-child td {
    font-size: 15px;
    font-weight: 700;
    line-height: 27px;
}

.roundTable .table-bordered th {
    padding-top: 8px;
    padding-bottom: 8px;
}

.roundTable .table-bordered td {
    vertical-align: middle;
}

.blue-bg-heading {
    background: #458FF6;
    border-radius: 10px;
    margin: 0 4%;
    margin-bottom: 20px;
}


/* The sqarecontainer */
.sqarecontainer {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    /*font-size: 18px !important;*/
    font-size: 17px !important;
    font-weight: 700 !important;
    ;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sqarecontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.sqarecontainer .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 2px solid #458FF6;
}

.sqarecontainer:hover input~.checkmark {
    background-color: #ccc;
}

.sqarecontainer input:checked~.checkmark {
    background-color: #fff;
}

.sqarecontainer .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.sqarecontainer input:checked~.checkmark:after {
    display: block;
}

.sqarecontainer .checkmark:after {
    left: 4px;
    top: 0px;
    width: 7px;
    height: 11px;
    border: solid #458FF6;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* checkLinecontainer css */
.checkLinecontainer {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 700 !important;
}

#mycustomelist .checkLinecontainer,
#mycategorylist .checkLinecontainer {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 4px 10px;
    vertical-align: middle;
}

.checkLinecontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkLinecontainer .checkmark {
    position: absolute !important;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 2px solid rgb(69 144 246);
    border-radius: 50%;
}

.checkLinecontainer:hover input~.checkmark {
    background-color: #ccc;
}

.checkLinecontainer input:checked~.checkmark {
    background-color: #fff;
    border: 2px solid rgb(69 144 246);
}

.checkLinecontainer .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkLinecontainer input:checked~.checkmark:after {
    display: block;
}

.checkLinecontainer .checkmark:after {
    left: 3px;
    top: 3px;
    width: 10px;
    height: 10px;
    background: rgb(69 144 246);
    border-radius: 50%;
}

/* checkbox css */
.checkcontainer {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkcontainer .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: rgba(69, 143, 246, 0.3);
    border-radius: 15px;
    left: 50%;
    margin-left: -12px;
}

.checkcontainer:hover input~.checkmark {
    background-color: #ccc;
}

.checkcontainer input:checked~.checkmark {
    background-color: #2196F3;
}

.checkcontainer .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkcontainer input:checked~.checkmark:after {
    display: block;
}

.checkcontainer .checkmark:after {
    left: 9px;
    top: 4px;
    width: 7px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.smalllineHeading {
    position: relative;
    font-size: 32px;
    font-weight: 700;
    color: #000;
    padding-bottom: 29px;
    margin-bottom: 29px;
    margin-left: 11px;
}

.smalllineHeading:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    background: #000;
    width: 100px;
}

.card-header {
    background: none;
    border: 0;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #7D7987;
    margin-bottom: 60px;
}

.charcount {
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    letter-spacing: 0em;
}

.calcBelowBtn {
    margin-top: 27px;
}

/* number-wrapper */
.number-wrapper {
    background: #EFF0F7;
    border-radius: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #458ff6;
    font-size: 11px;
    padding: 0 8px;
}

.number-wrapper input {
    background: transparent;
    height: 21px;
    color: #000;
    font-size: 13px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}



#mycustomelist,
#mycategorylist {
    width: 99%;
}

.dataTables_wrapper .dataTables_paginate {
    float: none !important;
    text-align: center !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: none !important;
    background: none !important;
    font-weight: bold !important;
    color: #007CFF !important;
}

.btm-shape-prt {
    position: relative;
    bottom: -80px;
    z-index: -1;
}

.styleApril h2.page-title {
    text-transform: capitalize;
    text-align: left;
    border-bottom: 0;
    position: relative;
}

.styleApril h2.page-title:after {
    position: absolute;
    left: 0;
    top: 58px;
    width: 130px;
    border-bottom: 2px solid #000;
    content: '';
}

.styleApril .btn-primary {
    border: 1px solid #458ff6;
    color: #458ff6;
    background: transparent;
    margin: 0 18px;
    height: 50px;
    line-height: 34px;
    width: 180px;
}

.styleApril .btn-round {
    border-radius: 12px;
}

.styleApril .btn-solid {
    background: #458ff6;
    color: #fff;
    width: 250px;
}

.outputTableHolder {
    padding: 20px 45px;
    margin-top: 30px;
    box-shadow: 5.62794px 14.0699px 30.9537px 4.22096px rgba(0, 0, 0, 0.25);
    border-radius: 14.0699px;
    background: #fff;
}

.styleApril .table-bordered td,
.styleApril .table-bordered th {
    border: 1px solid #458ff6;
    font-size: 15px;
    padding: 10px 5px;
}

.styleApril .table-bordered.suggestfont td,
.styleApril .table-bordered.suggestfont th {
    /*font-size: 13px;*/
    line-height: normal;
    vertical-align: middle;
}

.styleApril .table-bordered th.bluetableheader {
    background: #003063;
    text-align: center;
    color: #fff !important;
    text-transform: uppercase;
}

.styleApril .table-bordered td table tr:first-child td {
    border-top: 0;
}

.styleApril .table-bordered td table tr td:first-child {
    border-left: 0;
}

.styleApril .table-bordered td table tr td:last-child {
    border-right: 0;
}

.styleApril .table-bordered td table tr:last-child td {
    border-bottom: 0;
}

.styleApril .roundBorderHolder {
    border: 1px solid #458ff6;
    overflow: hidden;
    border-radius: 12px;
    margin-bottom: 15px;
}

.styleApril .roundBorderHolder .table {
    width: 101%;
    background-color: transparent;
    margin-left: -1px;
    margin-top: -1px;
    margin-bottom: -1px;
}

.bottomPinfo {
    text-align: left;
    margin-top: 0px;
}

.smalllineHeading {
    position: relative;
    font-size: 32px;
    font-weight: 700;
    color: #000;
    padding-bottom: 29px;
    margin-bottom: 29px;
    margin-left: 11px;
}

.smalllineHeading:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    background: #000;
    width: 100px;
}

.card-header {
    background: none;
    border: 0;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #7D7987;
    margin-bottom: 60px;
}

.charcount {
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    letter-spacing: 0em;
}

.calcBelowBtn {
    margin-top: 27px;
}

.category-box.categoryList {
    margin-bottom: 0;
}

#curve_chart {
    width: 100%;
    height: 600px;
    border-radius: 15px;
    border: 2px solid #003063;
    overflow: hidden;
}

#curve_chart2 {
    width: 100%;
    height: 600px;
    border-radius: 15px;
    border: 2px solid #003063;
    overflow: hidden;
}

.midheading {
    /*margin-bottom: 12px;*/
    margin-bottom: 4px;
    text-align: center;
    margin-top: 24px;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #003063;
}

/* biswanath */

/*ananda*/
.singleLineHolder.calculatorFormShape .form-group .cal-icon {
    height: 40px;
    top: 0px;
}

.singleLineHolder.calculatorFormShape .form-group strong {
    font-size: 12px;
}

.singleLineHolder.calculatorFormShape .form-group .text-muted strong {
    font-size: 18px;
}

.singleLineHolder.calculatorFormShape .titleBlueUnderline {
    font-size: 18px;
    /*color: #458FF6 !important;*/
    color: #3F3D56 !important;
    font-weight: 700;
    text-decoration-line: underline;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.equity_fund_box.SWPPeriodRadio {
    padding: 0px 15px;
}

.singleLineHolder.calculatorFormShape .red-tooltip {
    margin-left: 4px;
}

.singleLineHolder.calculatorFormShape .roundTable .table-bordered td textarea {
    line-height: normal;
}

/* checkbox css */
.checkcontainer2 {
    display: block;
    position: relative;
    padding-left: 60px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkcontainer2 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkcontainer2 .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 32px;
    width: 32px;
    background-color: rgba(69, 143, 246, 0.3);
    border-radius: 15px;
    margin-top: 2px;
    margin-left: 15px;
}

.checkcontainer2:hover input~.checkmark {
    background-color: #ccc;
}

.checkcontainer2 input:checked~.checkmark {
    background-color: #2196F3;
}

.checkcontainer2 .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkcontainer2 input:checked~.checkmark:after {
    display: block;
}

.checkcontainer2 .checkmark:after {
    left: 12px;
    top: 6px;
    width: 8px;
    height: 16px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.outputSingleBox {
    margin: 0 auto !important;
    padding: 12px 5px;
    max-width: 280px;
    border: 1px solid #ccc;
    white-space: nowrap;
}

.sip-calculator.calculatorFormShape .openEye label span {
    vertical-align: middle;
    position: relative;
    display: inline-block;
}

.sip-calculator.calculatorFormShape .openEye label span i {
    color: #979393;
}

.sip-calculator.calculatorFormShape .openEye label span:hover i {
    color: #131f55;
}

.sip-calculator.calculatorFormShape .openEye label span span {
    position: absolute;
    font-size: 12px;
    white-space: nowrap;
    background: #fff;
    box-shadow: 1px 1px 3px #000;
    padding: 7px;
    border-radius: 4px;
    top: 16px;
    font-weight: normal;
    display: none;
    z-index: 99999999;
}

.sip-calculator.calculatorFormShape .openEye label span:hover span {
    display: block;
}

.removeGoalCalculatorBtn {
    background-color: #dc3545;
    border-color: #dc3545;
    color: #fff !important;
}

.styleApril .roundBorderHolder .table tr th,
.styleApril .roundBorderHolder .table tr td {
    /*padding-right: 10px;*/
    padding-right: 12px;
}

.singleLineHolder.calculatorFormShape table.suggested-scheme-details tr th,
.singleLineHolder.calculatorFormShape table.suggested-scheme-details tr td {
    vertical-align: middle;
    text-align: center;
    line-height: normal;
}

.singleLineHolder.calculatorFormShape table.suggested-scheme-details tr th:first-child,
.singleLineHolder.calculatorFormShape table.suggested-scheme-details tr td:first-child {
    text-align: left;
}

.singleLineHolder.calculatorFormShape table.suggested-scheme-details th .checkcontainer {
    padding-top: 6px;
    padding-bottom: 6px;
}

.suggestedSchemesSubTh {
    font-size: 14px !important;
}

.opCmtTable td {
    text-align: left;
}

/*ananda end*/





























@media (max-width: 1199px) {

    .myHolding.myHoldingLeft .myHoldingTable thead tr th:last-child,
    .myHolding.myHoldingLeft .myHoldingTable tbody tr td:last-child {
        width: 18%;
    }

    .investmentAllocationTable {
        margin-top: 30px;
    }

    .market-video .rec-book-text .playdownlaodbutton.playMrktDownlaodButton .btn.banner-btn {
        padding: 12px 30px !important;
    }

    .bodyResponsive .webinarsCard.webinarsCardExpand .webinarsCardLeft {
        width: 380px;
        min-height: 380px;
    }

    .bodyResponsive .webinarsCard.webinarsCardExpand .webinarsCardRight {
        width: calc(100% - 380px);
        padding: 0px 20px 0px 30px;
    }

    .bodyResponsive .webinarsCard .webinarsTimeDetailsAll .webinarsTimeDetails li {
        margin-right: 15px;
    }

    /*02-Feb-2023*/
    .userManagementTop {
        display: block;
    }

    .userManagementRight .userManagementSearch .input-group {
        width: 100%;
    }

    .userAddUpgrade {
        margin-top: 15px;
    }

    .famousQuotesDetailsAll.premiumBannersAll .famousQuotesDetails .famousQuotesDetailsImg img {
        height: auto;
        min-height: 200px;
    }

    /*02-Feb-2023 End*/
    .webinarsCardView .webinarsCard.webinarsCardExpand .webinarsCardRight {
        width: calc(100% - 360px);
        padding: 0px 5px 0px 30px;
    }

    .webinarsCardView .webinarsCard.webinarsCardExpand .webinarsCardLeft {
        width: 360px;
    }
}

@media (max-width: 991px) {

    .myHolding.myHoldingLeft .myHoldingTable thead tr th:last-child,
    .myHolding.myHoldingLeft .myHoldingTable tbody tr td:last-child {
        width: auto;
    }

    .addSchemeBtn .add_button {
        display: block;
        margin-top: 15px;
    }

    .investmentAllocationTable {
        margin-top: 30px !important;
    }

    .myHolding.myHoldingLeft.investAllocTable .myHoldingTable.performanceTable thead tr th,
    .myHolding.myHoldingLeft.investAllocTable .myHoldingTable.performanceTable tbody tr td,
    .portfolioTopTable.mfCalcTable thead tr th,
    .portfolioTopTable.mfCalcTable tbody tr td {
        white-space: nowrap;
    }

    .myHolding.riskoMeterTableAll .myHoldingTable.sectorAlloTable tbody td:nth-child(2) {
        width: 42%;
    }

    .portfolioTopTable.mfCalcTable tbody tr td:first-child select.form-control {
        width: 60px;
    }

    .portfolioTopTable.mfCalcTable tbody tr td:nth-child(3) select.form-control {
        width: 160px;
    }

    .portfolioTopTable.mfCalcTable.nonMfCalcTable tbody tr td:first-child select.form-control {
        width: 110px;
    }

    .portfolioTopTable.mfCalcTable.insuranceCalcTable tbody tr td:first-child select.form-control {
        width: 115px;
    }

    .market-video .rec-book-text .playdownlaodbutton.playMrktDownlaodButton .btn.banner-btn {
        padding: 12px 40px !important;
    }

    .bodyResponsive .webinarsCard .webinarsCardLeft {
        width: 150px;
        min-height: 150px;
    }

    .bodyResponsive .webinarsCard .webinarsCardRight {
        width: calc(100% - 150px);
        padding: 0px 20px 0px 30px;
    }

    .bodyResponsive .webinarsCard.webinarsCardExpand .webinarsCardLeft {
        width: 200px;
        min-height: 200px;
    }

    .bodyResponsive .webinarsCard.webinarsCardExpand .webinarsCardRight {
        width: calc(100% - 200px);
    }

    .bodyResponsive .webinarsCard.webinarsCardExpand .webinarsContent {
        min-height: 200px;
    }

    /*02-Feb-2023*/
    .personalInfoForm {
        padding: 52px 55px 48px;
    }

    .invoiceCard.userManagementCard .card-body {
        display: block;
        text-align: right;
    }

    .invoiceCard.userManagementCard .invoiceList {
        text-align: left;
    }

    .invoiceCard.userManagementCard .userManagementIconList {
        margin-top: 5px;
    }

    .membershipPointsInfo {
        display: block;
        text-align: right;
    }

    .rec-book.webinarsCard.bookRecOnly .rec-book-text .bookRecBtn {
        display: block;
    }

    .rec-book.webinarsCard.bookRecOnly .rec-book-text .bookRecBtn .btn.banner-btn.whitebg {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .bannerForAll .salespresentersbannerBtn {
        margin-bottom: 30px;
    }

    .groupExp.groupExpReduGap .salespresentersbannerBtn .banner-btn.whitebg {
        margin-top: 15px !important;
    }

    /*02-Feb-2023 End*/
    .webinarsCardView .webinarsCard .webinarsTimeDetailsAll .webinarsTimeDetails {
        display: block;
    }

    .webinarsCardView .webinarsCard.webinarsCardExpand .webinarsCardLeft {
        width: 320px;
    }

    .webinarsCardView .webinarsCard.webinarsCardExpand .webinarsCardRight {
        width: calc(100% - 320px);
    }

    .webinarsCardView .webinarsCard .webinarsContent {
        padding-bottom: 75px;
    }

    .cartPaymentBox.cartPaymentBoxRes .lft-cart-prt,
    .cartPaymentBox.cartPaymentBoxRes .rt-cart-prt {
        width: 100%;
    }

    .cartPaymentBox.cartPaymentBoxRes .rt-cart-prt {
        min-height: auto !important;
        padding-bottom: 30px;
    }

    .triggerSetting .formCheeckAll.inDecForm .formCheeck:first-child .form-group label.radioOption {
        margin-right: 10px;
    }
}

@media (max-width: 767px) {
    .myHolding .table.myHoldingTable {
        margin-top: 0px;
    }

    .portfolioTopTable thead tr th,
    .portfolioTopTable tbody tr td {
        white-space: nowrap;
    }

    .myHolding.myHoldingLeft .myHoldingTable thead tr th:last-child,
    .myHolding.myHoldingLeft .myHoldingTable tbody tr td:last-child {
        width: 18%;
    }

    .factSheetTab {
        font-size: 14px;
        line-height: 18px;
    }

    .navPriceBox .navPriceBottom .navPrice {
        font-size: 18px;
    }

    .navPriceBox {
        margin-bottom: 18px;
    }

    .myHolding.riskoMeterTableAll .myHoldingTable thead th,
    .myHolding.riskoMeterTableAll .myHoldingTable tbody td,
    .investmentAllocationTable.riskoMeterTable tbody td {
        white-space: nowrap;
    }

    .myHolding.myHoldingLeft.riskoMeterTableAll .myHoldingTable.riskoReturnTable tbody td {
        height: 30px;
    }

    .myHolding.riskoMeterTableAll .myHoldingTable.riskoObjTable tbody td {
        white-space: normal;
    }

    .top-rt-prt>a.phoneno {
        white-space: nowrap;
    }

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

    .bannerResponsive .owl-item h2 {
        margin-bottom: 0px;
    }

    .bannerResponsive .searchItemField {
        width: 100%;
        margin: 30px 0px 0px;
    }

    .bodyResponsive .category-box.categoryList,
    .bannerResponsive .bannerImgCol {
        margin-top: 30px;
    }

    .bannerResponsive .bannerImgCol {
        display: none;
    }

    .market-video .rec-book-text .playdownlaodbutton.playMrktDownlaodButton .btn.banner-btn {
        padding: 12px 80px !important;
    }

    .bodyResponsive .webinarsCard .webinarsCardLeft,
    .bodyResponsive .webinarsCard.webinarsCardExpand .webinarsCardLeft {
        width: 100%;
        min-height: auto;
    }

    .bodyResponsive .webinarsCard .webinarsCardRight,
    .bodyResponsive .webinarsCard.webinarsCardExpand .webinarsCardRight {
        width: 100%;
        padding: 30px 0px 0px;
    }

    .bodyResponsive .subHeadding {
        margin-top: 45px;
    }

    .bodyResponsive .accordion_disable {
        margin-top: 60px;
    }

    .bodyResponsive .FAQIconFinder ul li span,
    .bodyResponsive .FAQIconFinder ul li i.fa.fa-eye,
    .bodyResponsive .fullaccBlock .content-section p,
    .bodyResponsive .FAQIconFinder h3 {
        font-size: 14px;
        line-height: normal;
    }

    .bodyResponsive .FAQIconFinder ul li span img,
    .bodyResponsive .fullaccBlock .content-section img.ifa-business-faq-like {
        width: 18px;
    }

    .bodyResponsive .FAQIconFinder ul li span {
        margin-left: 4px;
    }

    .bodyResponsive .category-box.categoryList .cate-list li a,
    .bodyResponsive .bannerpremioum .page-link {
        font-size: 14px;
    }

    .bodyResponsive .category-box.categoryList .cate-list li {
        padding: 10px 15px;
    }

    .bodyResponsive .pagination li:first-child a,
    .bodyResponsive .pagination li:last-child a,
    .bodyResponsive .pagination li:first-child span,
    .bodyResponsive .pagination li:last-child span {
        font-size: 28px;
    }

    .bodyResponsive .fullaccBlock {
        padding: 20px 30px 20px 25px !important;
    }

    /*02-Nov-2022*/
    .notificationBlock.notificationBlockRespon {
        right: -140px !important;
    }

    /*02-Nov-2022 End*/
    .searchItemField {
        width: 100%;
    }

    /*02-Feb-2023*/
    .colProfileLeft {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .colProfileRight {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-top: 45px;
    }

    .colProfileRight .orderRight {
        padding-left: 0px;
    }

    .personalInfoForm {
        padding: 52px 45px 48px;
    }

    .rec-book.webinarsCard .webinarsCardLeft {
        margin: 0px auto 30px;
    }

    .rec-book.webinarsCard .webinarsCardRight {
        width: 100%;
    }

    .webinarsCardAll.bookRecAll {
        margin-top: 50px !important;
    }

    .rec-book.webinarsCard.bookRecOnly {
        display: block;
    }

    .groupExp.groupExpReduGap:nth-child(even) img {
        margin-bottom: 30px;
    }

    .groupExp.groupExpReduGap:nth-child(odd) img {
        margin-top: 30px;
    }

    .owl-carousel .owl-item img {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .customerSayin .clientImg {
        align-items: center;
    }

    .customerSayin p {
        margin-top: 30px;
    }

    .customerSayin h3.subHeadding {
        margin-bottom: 40px;
    }

    .oldCart.cartCard .productTitle,
    .oldCart.cartCard .productPrice,
    .oldCart.cartCard .productTotalPrice {
        font-size: 18px;
    }

    .oldCart.cartCard th:last-child,
    .oldCart.cartCard td:last-child {
        width: 170px !important;
    }

    .oldCart.cartCard .couponForm {
        display: block;
    }

    .oldCart.cartCard .productCouponField,
    .oldCart.cartCard .productCouponTitle {
        width: 100%;
    }

    .tiggerListTable .table tr td:last-child {
        width: 125px;
    }

    .tiggerTableTitle1 {
        font-size: 16px;
    }

    .triggerValueOption {
        margin-bottom: 10px;
    }

    .triggerValueRow .triggerValueCol:last-child .formCheeckAll {
        margin-bottom: 15px;
    }

    .uploadedLogoBtn.triggerSettingBtn.triggerBtnInline {
        display: block;
        text-align: center;
    }

    .triggerSettingBtn.uploadedLogoBtn.triggerBtnInline .banner-btn.whitebg {
        margin-bottom: 15px;
    }

    /*02-Feb-2023 End*/
    .category-box.categoryList {
        margin-top: 30px;
    }

    .webinarsCardView .webinarsCard {
        display: block;
    }

    .webinarsCardView .webinarsCard .webinarsCardLeft {
        margin: 0px auto 30px;
    }

    .webinarsCardView .webinarsCard .webinarsCardRight,
    .webinarsCardView .webinarsCard.webinarsCardExpand .webinarsCardRight {
        width: 100%;
    }

    .webinarTitle {
        margin-top: 30px;
    }

    .cartPaymentBox.cartPaymentBoxRes .lft-cart-prt {
        padding: 25px 30px 30px;
    }

    .retirement-modal-content__grid {
        grid-template-columns: 1fr;
    }

    .retirement-modal-content__body {
        padding: 16px 18px 4px;
    }

    .retirement-modal-content__footer {
        flex-direction: column-reverse;
        padding: 14px 18px 22px;
    }

    .retirement-modal-content__btn {
        width: 100%;
        text-align: center;
    }

    .retirement-modal-content__input-prefix--narrow {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .navPriceBox {
        margin-bottom: 0px;
        margin-top: 20px;
    }

    .factSheetRow .factSheetCol:first-child {
        padding-right: 15px;
    }

    .factSheetRow .factSheetCol:last-child {
        padding-left: 15px;
        margin-top: -1px;
    }

    .bannerpremioum .page-link {
        font-size: 16px;
        padding: 0.5rem 6px;
    }

    .market-video .rec-book-text .playdownlaodbutton.playMrktDownlaodButton .btn.banner-btn {
        padding: 12px 70px !important;
    }

    /*02-Nov-2022*/
    .notificationBlock.notificationBlockRespon {
        right: -110px !important;
    }

    /*02-Nov-2022 End*/

    /*02-Feb-2023*/
    .triggerSetting .formCheeckAll,
    .tiggerListFilter {
        display: block;
    }

    .rec-book.webinarsCard {
        margin-left: 0px;
        margin-right: 0px;
    }

    .rec-book.webinarsCard .bookRecBtn {
        display: block;
    }

    .rec-book.webinarsCard .bookRecBtn .btn.banner-btn.whitebg {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .rec-book.webinarsCard .webinarsTimeDetailsAll .webinarsTimeDetails {
        display: block;
    }

    .cartAdjBox .lft-cart-prt .cart-table .table {
        width: 600px;
    }

    .cartPayScroll {
        overflow-x: scroll;
    }

    .cartPayScroll .planCard.cartCard.oldCart {
        width: 510px;
    }

    .formCheeckAll.inDecForm .triggerValueOption {
        margin-bottom: 10px;
    }

    /*02-Feb-2023 End*/
    .oldCart.cartCard th:last-child,
    .oldCart.cartCard td:last-child {
        width: 150px !important;
    }
}

@media (max-width: 489px) {

    .myHolding .myHoldingTable thead tr th,
    .myHolding .myHoldingTable tbody tr td,
    .schemeAlloTable thead th,
    .schemeAlloTable tbody td {
        white-space: nowrap;
    }

    .myHoldingTable.sectorAlloTable .progress {
        width: 150px;
    }

    .market-video .rec-book-text .playdownlaodbutton.playMrktDownlaodButton .btn.banner-btn {
        padding: 12px 50px !important;
    }

    .bodyResponsive .webinarsTimeDetailsAll {
        display: block;
    }

    .bodyResponsive .webinarsCard .webinarsContent {
        padding-bottom: 75px;
    }

    .bodyResponsive .FAQIconFinder ul {
        display: block;
    }

    .bodyResponsive .FAQIconFinder ul li {
        margin: 5px 0px;
    }

    .bodyResponsive .FAQIconFinder h3 {
        padding-right: 15px;
        width: calc(100% - 54px);
        margin-right: 0px !important;
    }

    /*02-Nov-2022*/
    .notificationBlock.notificationBlockRespon {
        right: -75px !important;
    }

    /*02-Nov-2022 End*/
    .tiggerListTable table {
        width: 500px;
    }

    .couponInput .form-control {
        width: 1% !important;
    }

    .cartAdjBox .rt-cart-prt ul li {
        font-size: 14px;
    }

    .oldCart.cartCard .productTitle,
    .oldCart.cartCard .productPrice,
    .oldCart.cartCard .productTotalPrice {
        font-size: 16px;
    }

    .oldCart.cartCard th:last-child,
    .oldCart.cartCard td:last-child {
        width: 102px !important;
    }

    .webinarsCardView .webinarsCard .webinarsCardRight,
    .webinarsCardView .webinarsCard.webinarsCardExpand .webinarsCardRight {
        padding: 0px 5px 0px 5px;
    }
}

@media (max-width: 413px) {
    .investmentAmountForm label {
        font-size: 12px;
    }

    .investmentAmountForm input {
        width: calc(100% - 162px) !important;
        margin-left: 10px;
    }

    .market-video .rec-book-text .playdownlaodbutton.playMrktDownlaodButton .btn.banner-btn {
        padding: 12px 30px !important;
    }

    .bodyResponsive .webinarsCard .webinarsTimeDetailsAll .webinarsTimeDetails {
        display: block;
    }

    .bodyResponsive .webinarsCard .webinarsContent {
        padding-bottom: 115px;
    }

    /*02-Nov-2022*/
    .notificationBlock.notificationBlockRespon {
        right: -40px !important;
        width: 300px;
    }

    .notificationBlock.notificationBlockRespon .notitab a {
        padding: 0px;
        width: 49%;
    }

    /*02-Nov-2022 End*/

    /*02-Feb-2023*/
    .rec-book {
        padding-left: 0px;
        padding-right: 0px;
    }

    .rec-book.webinarsCard.bookRecOnly .rec-book-text .bookRecBtn .btn.banner-btn {
        width: 222px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .rec-book.webinarsCard.bookRecOnly .rec-book-text ul.bookRecDownloadCount li {
        width: 223px;
    }

    .cartAdjBox .rt-cart-prt {
        padding-left: 0px;
        padding-right: 0px;
        background: none;
    }

    /*02-Feb-2023 End*/
    .webinarsCardView .webinarsCard {
        padding-left: 10px;
        padding-right: 10px;
    }
}


.description-text {
    text-align: left;
}

.description-text p {
    margin-bottom: 0;
}


/* Ananda's css End */

/* 10.01.2024 start */
.barchatArea {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
}

.barArea {
    width: 60%;
    border-radius: 4.833px;
    background: var(--Neutral-Colors-White, #FFF);
    box-shadow: 0px 0.773px 2.319px 0px rgba(13, 10, 44, 0.08);
    padding: 10px
}

.percentArea {
    width: 40%;
    margin-left: 10px;
}

.barblock {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.amountarea {
    width: 73px;
}

.percentage {
    width: 53px;
}

.chartbar {
    width: 50%;
    margin-top: 5px;
}

.progress {
    background-color: #f8f8ff !important;
    height: 12px !important;
}

.browccolor {
    background-color: #ac454c !important;
}

.yellowcolor {
    background-color: #f9a426 !important;
}

.greencolor {
    background-color: #60c7aa !important;
}

.darkblue {
    background-color: #435d74 !important;
}

.red {
    background-color: #f05a64 !important;
}

.blue {
    background-color: #2d9ed0 !important;
}

.lightyellow {
    background-color: #ffd78d !important;
}

.equityList {
    margin-bottom: 5px;
    display: flex;
    flex-direction: row;
}

.colorbullet {
    width: 8px;
    height: 8px;
    border-radius: 4.833px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 8px;
}

.equityList:nth-child(2) .colorbullet {
    width: 10px;
    height: 7px;
}

/* 10.01.2024 end*/




/* 19.08.2024 start*/

/* brokerage page header title css start */
.whtlst-hdr-sctn {
    width: auto;
    position: relative;
    display: inline-flex;
    gap: 25px;
    font-family: 'Mulish', sans-serif;
}

.whtlst-bck-btn {
    min-width: 51px;
    height: 33px;
    border-radius: 10px;
    background-color: rgba(36, 48, 101, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
}

.whtlst-bck-btn>img {
    width: 10px;
    transform: rotate(90deg);
    filter: invert(1) brightness(100);
}

.whtlst-bck-btn:focus {
    outline: none;
}

.whtlst-hdr-title-wrap {
    width: auto;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
}

.whtlst-hdr-title {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    line-height: 1.4;
    padding: 0px;
    margin: 0px;
}

.whtlst-hdr-sub-title {
    color: rgba(255, 92, 92, 1);
    size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

/* brokerage page header title css ended */

.whtlst-brkage-section {
    width: 100%;
    position: relative;
    padding: 0px 0px 0px 12px;
    margin-bottom: 40px;
}

/* brokerage slider css start */
.whtlst-brkage-sldr-sctn {
    width: 100%;
    min-height: 356px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #67C3F3 0%, #5A98F2 100%);
    font-family: 'Mulish', sans-serif;
    margin-bottom: 40px;
}

.whtlst-brkage-sldr {
    width: 100%;
    max-width: 1100px;
    display: inline-flex;
    justify-content: space-between;
    position: relative;
    color: #fff;
}

.whtlst-brkage-sldr .sldr-col {
    position: relative;
    display: inline-flex;
    flex-direction: column;
}

.whtlst-brkage-sldr .sldr-col.left {
    width: 40%;
}

.whtlst-brkage-sldr-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
}

.whtlst-brkage-sldr-subtitle {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
}

.whtlst-brkage-sldr-img-wrap {
    display: inline-flex;
    position: relative;
    align-items: center;
    gap: 5px;
}

.whtlst-brkage-sldr-imgframe {
    width: 157px;
    height: 209px;
    overflow: hidden;
    border-radius: 18px;
}

.whtlst-brkage-sldr-imgframe.lg {
    width: 187px;
    height: 253px;
    overflow: hidden;
}

.whtlst-brkage-sldr-imgframe:nth-child(1) img {
    margin: -24px;
}

.whtlst-brkage-sldr-imgframe:nth-child(2) img {
    margin: -29px;
}

.whtlst-brkage-sldr-imgframe:nth-child(3) img {
    margin: -24px;
}

/* brokerage slider css ended */

/* Mat card css start */
.mat-card {
    padding: 0px !important;
    border: 1px solid rgba(182, 233, 255, 1);
    border-radius: 10px !important;
    box-shadow: none !important;
}

.mat-card .mat-card-header {
    min-height: 56px;
    display: flex;
    align-items: center;
    background-color: rgba(36, 48, 101, 1);
    padding: 10px 30px;
    color: #fff;
    border-radius: 10px 10px 0px 0px;
}

.mat-card .mat-card-header-text {
    margin: 0px;
}

.mat-card .mat-card-content {
    padding: 20px 30px 50px !important;
}

.mat-card .mat-card-title {
    margin: 0px !important;
}

.mat-card .mat-card-title.sm {
    font-size: 14px !important;
}

.mat-card .mat-card-content p {
    font-size: 16px;
    color: rgba(46, 58, 89, 1);
    font-weight: 700;
    line-height: 1.2;
}

/* Mat card css ended */

/* mat dialog css start */
.mat-dialog-container,
.modal-content {
    border-radius: 10px !important;
    padding: 15px 35px !important;
    font-family: 'Mulish', sans-serif;
    position: relative;
}

.mat-dialog-fullwrap {
    width: 100%;
    display: inline-block;
    position: relative;
}

.mat-dialog-header {
    width: 100%;
    margin: 0px 0px 12px 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    color: rgba(46, 58, 89, 0.9);
    font-family: "Poppins", sans-serif;
    position: relative;
}

.mat-dialog-header.left {
    justify-content: flex-start;
}

.mat-dilog-close-btn {
    width: auto;
    height: auto;
    position: absolute;
    top: 0px;
    right: -10px;
    appearance: none;
    background: transparent;
    z-index: 1;
}

.mat-dilog-close-btn>img {
    width: 15px;
    filter: brightness(0);
    opacity: 0.6;
}

.mat-dialog-bold-text {
    font-size: 14px;
    font-weight: 800;
    color: rgba(36, 48, 101, 1);
    line-height: 1.4;
}

/* mat dialog css ended */


/* upload excel popup css start */
.upload-excel-dialog .mat-dialog-container {
    overflow: visible;
}

.dialog-field-row {
    width: 100%;
    display: inline-flex;
    position: relative;
    gap: 10px;
    margin-bottom: 10px;
}

.dialog-field-label {
    padding: 10px 0px;
    width: 30%;
    color: rgba(0, 0, 0, 1);
    font-size: 13px;
    font-weight: 700;
    margin: 0px;
}

.dialog-field-contentwrap {
    flex: 1;
    position: relative;
}

/* .mat-dialog-content{ min-height: calc(100vh - 300px); max-height: calc(100vh - 200px); } */
.mat-dialog-content {
    max-height: calc(100vh - 200px);
    width: calc(100% + 0px);
    padding: 10px 24px !important;
    overflow: auto;
    margin-left: 0px;
}

.mat-dialog-content::-webkit-scrollbar {
    height: 5px;
    width: 5px;
    border: 1px solid #d5d5d5;
}

.mat-dialog-content::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.mat-dialog-content::-webkit-scrollbar-thumb {
    background: #3d5bff;
}

.mat-dialog-content::-webkit-scrollbar-thumb:hover {
    background: #283a9b;
}

.mat-dialog-actions {
    width: 100%;
    min-height: 10px !important;
    margin: 0px !important;
    display: inline-flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
    padding: 40px 0px 20px !important;
}

.mat-dialog-shadow-box {
    width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 15px;
    padding: 9px 12px;
    border-radius: 5px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.09);
    font-size: 11px;
    font-weight: 700;
    color: rgba(132, 132, 132, 1);
    line-height: 1.4;
    margin-bottom: 20px;
}

.mat-dialog-shadow-icon {
    width: 20px;
}

.mat-dialog-shadow-box.info-box {
    padding: 9px 24px;
}

.mat-dialog-shadow-box.period-box {
    position: relative;
    flex-direction: column;
}

.dialog-btn {
    width: auto;
    min-width: 130px;
    min-height: 40px;
    border-radius: 24px;
    border: #283a9b solid 1px;
    background-color: #283a9b;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 5px 20px;
    box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.08);
    transition: all ease-in-out 0.2s;
}

.dialog-btn:focus {
    outline: none;
}

.dialog-btn.sm {
    min-width: 50px;
    min-height: 31px;
    font-size: 11px;
    line-height: 1;
    font-weight: 700;
}

.dialog-btn.white {
    background-color: #fff;
    border-color: #fff;
    color: rgba(36, 48, 101, 1);
    font-weight: 700;
}

.dialog-btn.white:hover {
    background-color: rgba(182, 233, 255, 1);
    border-color: rgba(182, 233, 255, 1);
}

.dialog-btn.white:focus,
.dialog-btn.white.active {
    background-color: rgba(36, 48, 101, 1);
    border-color: rgba(36, 48, 101, 1);
    color: #fff;
}

.dialog-btn.warning {
    box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.19);
}

.dialog-btn.warning:hover {
    background-color: rgba(255, 130, 130, 1);
    border-color: rgba(255, 130, 130, 1);
}

.dialog-btn.success:hover {
    background-color: rgba(130, 255, 197, 1);
    border-color: rgba(130, 255, 197, 1);
}

.modal-email-list {
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.modal-email-list>li {
    width: 100%;
    position: relative;
}

.uploadfile-frame {
    width: 100%;
    height: 105px;
    display: inline-flex;
    align-items: center;
    gap: 50px;
    position: relative;
    border: 1px dashed rgba(0, 0, 0, 1);
    padding: 30px;
    margin-bottom: 20px;
}

.uploadfile-content-col {
    flex: 1;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
}

.uploadfile-title {
    font-size: 14px;
    color: rgba(0, 0, 0, 1);
    font-weight: 700;
    line-height: 1.2;
    padding: 0px;
}

.uploadfile-title a {
    text-decoration: underline;
    color: rgba(0, 0, 0, 1);
}

.uploadfile-para {
    color: rgba(72, 72, 72, 1);
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
    padding: 0px;
    line-height: 1.4;
    margin: 0px;
}

.uploadfile-plus {
    width: 45px;
    height: 45px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.uploadfile-plus:before {
    content: '';
    width: 100%;
    height: 5px;
    border-radius: 10px;
    background-color: rgba(61, 91, 255, 1);
}

.uploadfile-plus:after {
    content: '';
    width: 5px;
    height: 100%;
    border-radius: 10px;
    background-color: rgba(61, 91, 255, 1);
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.uploadfile-modal .modal-section-title {
    font-size: 16px;
    color: rgba(46, 58, 89, 0.9);
    font-weight: 700;
    margin-bottom: 15px;
}

.uploadfile-prgrs-box {
    width: 100%;
    display: inline-flex;
    align-items: flex-start;
    position: relative;
    gap: 20px;
}

.prgrs-icon {
    width: 30px;
    flex-shrink: 0;
}

.prgrs-bar-col {
    display: inline-flex;
    flex-direction: column;
    gap: 3px;
    position: relative;
    align-items: flex-start;
    flex: 1;
}

.prgrs-bar {
    width: 100%;
    height: 6px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    background-color: rgba(235, 235, 235, 1);
}

.prgrs-bar>span {
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 5px;
    background: linear-gradient(90deg, #69A7FF 41.09%, #3D5BFF 100%);
}

.prgrs-bar-title {
    font-size: 12px;
    font-weight: 400;
    color: rgba(46, 58, 89, 0.9);
    line-height: 1.2;
    padding: 0px;
    margin: 0px 0px 8px 0px;
}

.prgrs-bar-status {
    font-size: 10px;
    font-weight: 400;
    color: rgba(63, 94, 255, 1);
    font-style: italic;
    padding: 0px;
    margin: 0px;
    display: inline-flex;
}

.prgrs-bar-status .prgrs-icn {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
    margin: 0px 5px;
}

.prgrs-bar-status.success {
    color: rgba(72, 137, 0, 1);
}

.prgrs-bar-status.error {
    color: rgba(244, 67, 54, 1);
}

.prgrs-icn-btn {
    width: 30px;
    height: 30px;
    padding: 0px;
    margin: 0px;
    border: none;
    background: transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    outline: none;
    appearance: none;
    flex-shrink: 0;
}

/* upload excel popup css ended */

/* show hidden rows popup css start */
.hidden-rows-dialog .mat-dialog-container {
    padding: 25px 35px !important;
}

.hidden-rows-dialog .mat-dialog-content {
    min-height: 200px;
    max-height: 300px;
    width: calc(100% + 40px);
    margin: 0px 0px 0px -15px;
    padding: 0px 15px 0px 15px !important;
}

.hidden-rows-dialog .mat-dialog-actions {
    padding: 10px 0px 10px !important;
}

.rows-accro-box {
    width: 100%;
    display: inline-flex;
    position: relative;
    flex-direction: column;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 5px;
}

.rows-accro-box .rows-accro-hdr {
    width: 100%;
    height: 41px;
    padding: 8px 28px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(241, 251, 255, 1);
    border: rgba(241, 251, 255, 1) solid 1px;
    color: rgba(102, 102, 102, 1);
    font-size: 11px;
    font-weight: 700;
    border-radius: 8px;
    line-height: 1.4;
}

.rows-accro-box .rows-accro-hdr-title {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    color: rgba(32, 70, 250, 1);
}

.rows-accro-box .rows-accro-hdr-arrow {
    width: 12px;
    transition: all ease-in-out 0.2s;
}

.rows-accro-box .rows-accro-content {
    width: 100%;
    height: 0px;
    border: 1px solid rgba(204, 204, 204, 1);
    border-radius: 0px 0px 8px 8px;
    transition: all ease-in-out 0.2s;
    overflow: hidden;
    opacity: 0;
}

.rows-accro-box .rows-accro-cntwrap {
    width: 100%;
    padding: 15px 28px;
}

.rows-accro-box.active .rows-accro-hdr {
    border-radius: 8px 8px 0px 0px;
    background-color: rgba(36, 48, 101, 1);
    border-color: rgba(36, 48, 101, 1);
    color: #fff;
}

.rows-accro-box.active .rows-accro-hdr-title {
    color: #fff;
}

.rows-accro-box.active .rows-accro-hdr-arrow {
    filter: brightness(100);
    transform: rotate(180deg);
}

.rows-accro-box.active .rows-accro-content {
    height: auto;
    opacity: 1;
}

.rows-info-label {
    width: 100%;
    font-size: 9px;
    font-weight: 600;
    color: rgba(46, 58, 89, 1);
    line-height: 1.2;
    margin-bottom: 5px
}

.rows-info-content {
    width: 100%;
    font-size: 10px;
    font-weight: 700;
    color: rgba(46, 58, 89, 1);
    line-height: 1.2;
    margin-bottom: 10px;
}

.rows-accro-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.rows-accro-list .rows-accro-box .rows-accro-hdr {
    height: auto;
}

.rows-accro-list .rows-accro-box:nth-child(even) .rows-accro-hdr {
    background-color: #fff;
}

.rows-accro-hdr>.row {
    width: 100%;
    align-items: center;
}

/* show hidden rows popup css ended */

/* show hidden columns popup css start */
.hidden-columns-dialog .mat-dialog-container {
    padding: 25px 35px !important;
}

.hidden-columns-dialog .mat-dialog-content {
    min-height: 200px;
    max-height: 300px;
    width: calc(100% + 40px);
    margin: 0px 0px 0px -15px;
    padding: 0px 15px 0px 15px !important;
}

.hidden-columns-dialog .mat-dialog-actions {
    padding: 10px 0px 10px !important;
}

/* show hidden columns popup css ended */


/* publish warning popup css start */
.publish-popup-wrap {
    width: 100%;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 0px;
    gap: 25px;
}

.publish-popup-wrap .mat-dialog-actions {
    padding: 0px !important;
}

/* publish warning popup css ended */


/* mat radio css start */
.mat-radio-button {
    color: rgba(0, 0, 0, 1) !important;
    font-size: 11px !important;
    font-family: 'Mulish', sans-serif;
}

.mat-radio-button .mat-radio-ripple {
    display: none !important;
}

.mat-radio-outer-circle {
    border-color: rgba(69, 143, 246, 1) !important;
}

.mat-radio-inner-circle {
    background-color: rgba(69, 143, 246, 1) !important;
}

.sm-radio .mat-radio-container {
    height: 15px !important;
    width: 15px !important;
}

.sm-radio .mat-radio-outer-circle {
    height: 15px !important;
    width: 15px !important;
    border-width: 2px !important;
}

.sm-radio .mat-radio-inner-circle {
    height: 15px !important;
    width: 15px !important;
}

/* mat radio css ended */


/* search filter dropdown css start */
.filter-search-overlay {
    position: absolute;
    right: 0px;
    top: 42px;
    z-index: 91;
}

.whtlst-search-filter {
    min-width: 382px;
    height: auto;
    padding: 5px;
    display: inline-flex;
    gap: 9px;
    position: relative;
}

.whtlst-search-btn {
    background-color: rgba(69, 143, 246, 1);
    border: rgba(69, 143, 246, 1) solid 1px;
    min-width: 118px;
    height: 44px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    appearance: none;
    cursor: pointer;
}

/* search filter dropdown css ended */

/* 19.08.2024 end*/

/* 28.02.2024 mf research navigation design fixing*/
.navigationPanel {
    padding: 0;
    margin-bottom: 20px;
}

.VideoNav {
    border: 1px solid #131F55;
    border-radius: 8px;
    padding: 15px;
}

.uparrow {
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.listOfcategory {
    margin-top: 0 !important;
}

.listOfcategory ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.listOfcategory ul li {
    /* width: 20%; */
    margin-right: 0;
    border: 1px solid rgba(69, 143, 246, 1);
    border-radius: 3px;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
    padding: 5px 20px !important;
}

.listOfcategory ul li a {
    font-family: Mulish;
    font-weight: 700;
    font-size: 12px !important;
    line-height: 15.06px;
    letter-spacing: 0%;
    color: rgba(38, 38, 38, 1) !important;
}

.listOfcategory ul li:hover {
    background-color: rgba(69, 143, 246, 1) !important;
}

.listOfcategory ul li span.normal {
    display: inline-block;
}

.listOfcategory ul li span.hover {
    display: none;
}

.listOfcategory ul li:hover span.normal {
    display: none;
}

.listOfcategory ul li:hover span.hover {
    display: inline-block;
}

.listOfcategory ul li:hover a {
    color: #fff !important;
    display: block;
}

.listOfcategory ul li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0px;
}

.headingWithbutton {
    position: relative;
}

.headingButton {
    border: 1px solid rgba(0, 0, 0, 1);
    padding: 8px 23px;
    border-radius: 3px;
    font-family: Mulish;
    font-weight: 700;
    font-size: 12px;
    line-height: 15.06px;
}

.headingbuttonArea {
    position: absolute;
    top: 0;
    right: 0;
}

/* 28.02.2024 mf research navigation design fixing*/

/* 23.09.2024 start*/
.sentmailbtnadded {
    margin: 0;
    padding: 0;
}

.styleApril .sentmailbtnadded .btn-primary {
    padding: 7px 13px;
    margin: 0 5px;
    width: auto !important;
    min-width: 180px !important;
}

.whatsupBtn {
    width: auto !important;
    min-width: 180px !important;
}

.whatsupBtn img {
    position: relative;
    top: -2px;
    margin-right: 5px;
}

/* 23.09.2024 end*/
.ui-autocomplete {
    background-color: #fff;
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-autocomplete .ui-menu-item .contact-item {
    padding: 10px;
}

.ui-autocomplete .ui-menu-item .contact-item:hover {
    color: #000;
}

/* 05.03.2025 start */
.listOfcategory ul li.active {
    background-color: #25A8E0 !important;
}

.listOfcategory ul li.active a {
    color: #fff !important;
    font-weight: 400 !important;
}

.cate-list li span {
    position: relative;
    top: -2px;
}

.headingButton.active {
    background-color: #25A8E0 !important;
    color: #fff !important;
}

/* 05.03.2025 end */

/* 01.07.2025 custom greetings start */
.bannerForAll h2 {
    font-size: 32px;
    font-weight: 700;
    color: #000;
}

.bannerForAll p {
    padding-top: 0px;
    font-size: 18px;
    font-weight: 400;
    color: #7D7987;
    line-height: normal;
}

.greeting_listingBlock {
    margin: 0;
    padding: 0;
    position: relative;
}

.greeting_block {
    width: 100%;
    border-radius: 17px;
    background: #FFFFFF;
    box-shadow: 0px 4px 19px 0px #00000040;
    padding: 10px;
    position: relative;
    transition: transform 0.3s ease;
}

.greeting_block:hover {
    transform: scale(1.09);
}

.greeting_block_img img {
    width: 100%;
    height: auto;
    border-radius: 27px;
}

.customizeBtnAre {
    margin: 18px 0 10px 0;
}

.customizebtn {
    border: 1px solid #007BFF;
    background: #FFFFFF;
    width: 100%;
    border-radius: 20px;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    display: block;
    text-align: center;
    padding: 8px 0;
    text-transform: uppercase;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}

.customizebtn:hover {
    background: #007BFF;
    color: #FFFFFF;
    border: 1px solid #007BFF;
}

.greeting_listingBlock_header h2 {
    font-weight: 700;
    font-size: 27px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #000000;
    margin-bottom: 20px;
}

.magictamplate_area {
    position: absolute;
    right: 0;
    top: -6px;
    z-index: 2;
}

.magictemplateBtn {
    border: 1px solid #007BFF;
    background: linear-gradient(90deg, #007BFF 0%, #004A99 100%);
    color: #FFFFFF;
    width: 100%;
    border-radius: 20px;
    font-weight: 700;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    padding: 8px 30px;
}

.magictemplateBtn:hover {
    background: linear-gradient(90deg, #004A99 0%, #007BFF 100%);
    color: #FFFFFF;
}

/* 01.07.2025 custom greetings end */

/* 03.07.2025 customization template start */
.designcustomizationBlock {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 34px;
    position: relative;
}

.customize-leftpanel {
    width: 352px;
}

.customize-rightpanel {
    width: calc(100% - 352px);
    /* width: 600px; */
    position: sticky;
    top: 0;
}

.fixedRightPanel {
    position: fixed;
    top: 0;
    left: 20px;
    width: calc(100% - 352px);
    /* Fixed width same as normal width */
    z-index: 999;
}

.thumbleItem {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-bottom: 16px;
}

.thumbnailImage {
    width: 57px;
    height: 57px;
}

.customize-leftpanelBox {
    border-radius: 17px;
    background: #FFFFFF;
    box-shadow: 0px 4px 19px 0px #00000040;
    padding: 20px;
}

.thumbnailText h3 {
    font-weight: 700;
    font-size: 27px;
    color: #000000;
    margin-bottom: 10px;
    padding-bottom: 0;
    margin-bottom: 0;
}

.templateId {
    font-weight: 400;
    font-size: 14px;
}

.customize-left-block {
    margin-bottom: 14px;
}

.customize-left-block .blockTitle {
    font-weight: 700;
    font-size: 18px;
    color: #000000;
    margin-bottom: 10px;
    position: relative;
}

.clientimageuploadBlock {
    box-shadow: 0px 4px 28px 0px #00000017;
    width: 100%;
    padding: 15px;
    border-radius: 10px;
}

.clientImageUpload {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 10px;
}

.file-upload {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 0;
}

.file-upload__button {
    background-color: transparent;
    color: white;
    cursor: pointer;
    font-size: 16px;
    border: none;
    display: inline-block;
    position: relative;
    z-index: 2;
}

.infoIconDetails {
    display: inline-block;
    position: relative;
    top: -2px;
    cursor: pointer;
}

.infoIconDetails::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 125%;
    /* Position tooltip above the icon */
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 6px 10px;
    border-radius: 5px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 10;
}

.infoIconDetails::before {
    content: '';
    position: absolute;
    bottom: 115%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
}

.infoIconDetails:hover::after,
.infoIconDetails:hover::before {
    opacity: 1;
    visibility: visible;
}



.file-upload input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
}

.uploadimageArea {
    border: 1px solid #959595;
    border-radius: 10px;
    padding: 11px;
    text-align: center;
}

.form-control.roundedfield {
    border: 1px solid #959595;
    width: 100%;
    border-radius: 8px;
    padding: 10px 30px 10px 10px !important;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    font-size: 18px;
    background-image: url(./../../img/downbluearrow.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    appearance: none;
    -webkit-appearance: none;
}

.sizeArea {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-bottom: 10px;
}

.clientsize {
    width: 50%;
}

.font-color-format {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
}

.colorformat {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
}

.plusSign,
.bgplusign {
    box-shadow: 0px 4px 6px 0px #00000042;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.plusSign img,
.bgplusign img {
    width: 14px;
    height: 14px;
}

.checkbox-wrapper {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

/* Hide default checkbox */
.checkbox-wrapper input[type="checkbox"] {
    display: none;
}

/* Custom checkbox design */
.custom-checkbox {
    width: 28px;
    height: 28px;
    border: 2px solid #555;
    border-radius: 50%;
    background-color: white;
    display: inline-block;
    position: relative;
    margin-right: 10px;
    transition: all 0.2s ease;
}


/* Checkmark when checked */
.checkbox-wrapper input[type="checkbox"]:checked+.custom-checkbox::after {
    content: "";
    position: absolute;
    left: 10px;
    top: 4px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Optional: Change box color when checked */
.checkbox-wrapper input[type="checkbox"]:checked+.custom-checkbox {
    border-color: #007BFF;
    background-color: #007BFF;
}

.generatebtn {
    padding: 12px 0;
}

.instructionArea {
    margin-bottom: 19px;
    font-weight: 400;
    font-size: 15px;
    color: #000;
    min-height: 55px;
}

.instructionArea span {
    position: relative;
    top: -2px;
}

.customizeGreetingArea {
    width: 100%;
    border-radius: 17px;
    background: #FFFFFF;
    box-shadow: 0px 4px 19px 0px #00000040;
    padding: 20px;
}

.greetingImg {
    position: relative;
    overflow: hidden;
    /* Hide anything outside */
    min-height: 673px;
}

.greetingImg img.bacImg {
    /* border-radius: 27px; */
    /* border: 1px solid #FF0000; */
    width: 100%;
    height: 100%;
    display: block;
}

.inner-border {
    position: absolute;
    top: 5px;
    /* Border distance from edge */
    left: 5px;
    right: 5px;
    bottom: 5px;
    /*border: 2px dashed #007BFF; */
    /* Dashed border style */
    pointer-events: none;
    /* Allows clicks to pass through if needed */
    border-radius: 25px 25px 0 0;
    height: 551px;
}

.footerarea {
    position: absolute;
    bottom: 8px;
    width: 98%;
    /* height: 150px; */
    background-color: #fff;
    /* box-shadow: 0px 4px 27px 0px #0000004D; */
    border-radius: 25px;
    padding: 0;
    overflow: hidden;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.footerborderArea {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.footerleftColor {
    width: 50%;
    background-color: #92C5E1;
    min-height: 25px;
}

.footerrightColor {
    width: 50%;
    background-color: #164772;
    min-height: 25px;
}

.footercontent {
    margin: 0;
    padding: 5px 12px;
    font-family: Arial;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    text-align: center;
    position: relative;
}

.footerdescription {
    font-family: Arial;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    text-align: center;
    color: #000;
}

.footerbootom {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

.footerbootomwithlogo {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.footerbootomwithoutlogo {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.footerbottomdescription {
    font-family: Arial;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #000;
    border-radius: 30px;
    background: #FFFFFF;
    padding: 5px 16px;
    /* box-shadow: 0px 4px 26px 0px #00000017; */
    position: relative;
    border: 1px solid #d5d5d5;
}

.footerIconBg {
    width: 17px;
    height: 17px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    border-radius: 50%;
    padding: 2px;
    position: absolute;
    left: 6px;
    top: 6px;
}

.details {
    padding-left: 13px;
}

.footer-mm-logo {
    position: absolute;
    top: 10px;
    right: 20px;
}

.footerIconBg img {
    border: none;
}

.dragableImage {
    position: absolute;
    top: 0;
    z-index: 3;
}

.dragablecontent {
    position: absolute;
    top: 0;
    z-index: 2;
}

.dragContainer {
    position: absolute;
    top: 0;
    width: 100%;
    height: calc(100% - 144px);
    display: flex;
    justify-content: flex-start;
    /* overflow: hidden; */
}

.profileImg {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 5px solid #FFC548;
    object-fit: cover;
}

.nameandwhishbg {
    width: 571px;
    height: 138px;
    background-color: transparent;
    border-radius: 25px;
    padding: 0 10px 0 127px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* box-shadow: 0px 4px 26px 0px #00000063; */
}

.greetingname {
    font-size: 35px;
    font-weight: 700;
    color: #a3682c;
}

.greetingwhish {
    font-size: 20px;
    font-weight: 700;
    color: #a3682c;
    margin-top: 10px;
}

.backListbtn {
    font-weight: 700;
    color: #468FF6;
    font-size: 18px;
    background-color: transparent;
    position: absolute;
    right: 0;
    cursor: pointer;
}

#colorPickerPopup {
    display: none;
    padding: 10px;
    border: 1px solid #959595;
    background: #fff;
    border-radius: 8px;
    width: 100%;
}

.selectBtn {
    background-color: #007BFF;
    border: 1px solid #007BFF;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    width: 58%;
}

.uploadprofileImg {
    width: 108px;
    height: 108px;
    object-fit: contain;
}

.clientname,
.wishTextArea {
    background-image: none !important;
}

.wishTextArea {
    height: 116px;
}

/* font sizes of the text */
.font-size-10 {
    font-size: 10px;
    line-height: 10px;
}

.font-size-15 {
    font-size: 15px;
    line-height: 15px;
}

.font-size-20 {
    font-size: 20px;
    line-height: 20px;
}

.font-size-25 {
    font-size: 25px;
    line-height: 25px;
}

.font-size-30 {
    font-size: 30px;
    line-height: 30px;
}

.font-size-35 {
    font-size: 35px;
    line-height: 35px;
}

.font-size-40 {
    font-size: 40px;
    line-height: 40px;
}

.font-size-45 {
    font-size: 45px;
    line-height: 45px;
}

.font-size-50 {
    font-size: 50px;
    line-height: 50px;
}

.backgroundColorBlock {
    border: 1px solid #959595;
    border-radius: 10px;
    padding: 10px 15px;
}

.diamondIcon {
    position: relative;
    top: -6px;
    height: 100%;
    display: inline-block;
}

.accordianarrow {
    position: absolute;
    right: 0;
    top: -5px;
    cursor: pointer;
}

.stickerBlock {
    margin-bottom: 15px;
}

.smallTitle {
    font-weight: 400;
    font-size: 14px;
    position: relative;
}

.stickerlist {
    margin: 0;
    padding: 0 10px;
    position: relative;
}

.viewmore {
    display: inline-block;
    position: absolute;
    right: 0;
    font-size: 12px;
    font-weight: 400;
}

.upload {
    display: inline-block;
    position: absolute;
    right: 74px;
    font-size: 12px;
    font-weight: 400;
}

.stickerUploadArea {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.uploadImg {
    background: #F8F8F8;
    border: 1px solid #D9D9D9;
    width: 62px;
    height: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    cursor: pointer;
}

.uploadImg img {
    width: 23px;
    height: 23px;
}

.mystickerlist {
    margin: 0;
    padding: 0 0 0 10px;
    width: 202px;
}

.bgcolorBlock {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
}

.bgcolorformat {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
}

.sticker-wrapper {
    position: absolute;
    top: 50px;
    left: 50px;
    border: 1px dashed #007bff;
    box-sizing: border-box;
    touch-action: none;
    user-select: none;
}

.draggable-sticker {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 100px;
    cursor: move;
    user-select: none;
    z-index: 1000;
}

.resizable-draggable {
    position: absolute;
    border: 2px dashed #4A90E2;
    width: 120px;
    height: 120px;
    box-sizing: border-box;
    touch-action: none;
    /* required for interact.js */
}

.resizable-draggable img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
    user-select: none;
}

.footerTextContent {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.footerText {
    width: 70%;
}

.template-footer-logo {
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.template-footer-logo img {
    border-radius: 5px;
}

.footerText .footerdescription {
    text-align: left;
}

.rectimglogo {
    width: auto;
    height: 57px;
    object-fit: contain;
    max-width: 100%;
}

.squareimglogo {
    width: 57px;
    height: 57px;
    object-fit: contain;
}

.delete-btn {
    position: absolute;
    top: -10px;
    right: -10px;
    background: red;
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
    z-index: 10;
}

.downloadtemplatebtn {
    border: 1px solid #007BFF;
    background-color: #fff;
    border-radius: 20px;
    font-weight: 700;
    font-size: 14px;
    color: #007BFF;
    padding: 5px 20px;
    cursor: pointer;
}

.downloadtemplatebtn:hover {
    background-color: #007BFF;
    color: #fff;
    border: 1px solid #007BFF;
}

.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /*height: 100%;*/
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 1000;

}

.popup-content {
    background: #fff;
    padding: 20px 40px;
    border-radius: 34px;
    width: 499px;
    text-align: center;
    position: relative;
}

.close-btn {
    position: absolute;
    top: 22px;
    right: 19px;
    font-size: 20px;
    cursor: pointer;
}

.uploadContentArea h2 {
    font-weight: 700;
    font-size: 17px;
    color: #000000;
    margin-bottom: 10px;
    text-align: center;
}

.uploadBox {
    background-color: #F8F8F8;
    border: 1px dashed #D9D9D9;
    border-radius: 6px;
    font-weight: 400;
    font-size: 12px;
    width: 100%;
    padding: 13px 0;
    cursor: pointer;
}

.uploadstickerListArea {
    height: 233px;
    overflow-y: auto;
}

.uploadstickerList {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
}

.stickerlistBlock {
    width: 23%;
    border: 1px solid #D1D1D1;
    border-radius: 10px;
    /* padding: 10px; */
    position: relative;
}

.stickerlistBlock .stickersIcon {
    width: 70px;
    height: 70px;
    object-fit: contain;
}

.sweepIcon {
    position: absolute;
    top: 30px;
    left: 2px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.stickerDelete {
    position: absolute;
    top: 5px;
    right: 2px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

/* 03.07.2025 customization template end */

.uploadpopup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 1000;
    height: 100%;

}

/* Form start */
.tabformarea {
    margin: 0;
    padding: 0 0 30px 0;
}

.customwidth {
    width: 596px;
    margin: 0 auto;
}

.customwidth ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;

}

.customwidth ul li {
    list-style: none;
    padding: 0 11px;
    margin: 0;
    border-right: 1px solid #d1d1d1;
}

.customwidth ul li:last-child {
    border-right: none;
}

.customwidth ul li a {
    border-bottom: 1px solid transparent !important;
    font-weight: 600;
    font-size: 15px;
    color: #655C5C !important;
    padding: 5px 4px;
    text-decoration: none;
    /* border-radius: 10px; */
    display: inline-block;
    min-width: 124px;
    text-align: center;
    line-height: 24px;
}

.customwidth ul li a:hover {
    border-bottom: 1px solid #479EFB !important;
    color: #479EFB !important;
}

.customwidth ul li a.active {
    border-bottom: 1px solid #479EFB !important;
    color: #479EFB !important;
}

.customwidth ul li a.createformbtn {
    border: 1px solid #479EFB !important;
    background: #479EFB !important;
    color: #FFFFFF !important;
    font-size: 18px !important;
    font-weight: bold !important;
    border-radius: 8px !important;
    font-size: 18px !important;
    min-width: 135px !important;
    transition: transform 0.3s ease;
}

.customwidth ul li a.createformbtn:hover {
    transform: scale(1.1);
}

.otpmsgarea {
    border: 1px solid #F2B200;
    background: #FFF4E5;
    border-radius: 7px;
    padding: 5px 10px;
    color: #000000;
    margin-top: 51px;
    line-height: 100%;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    margin-bottom: 20px;
    display: none;
}

.formlistarea ul.formList {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.formlistarea ul.formList li {
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: row;
    border-radius: 7px;
    padding: 10px;
    font-size: 16px;
    color: #000000;
    width: 100%;
    text-align: left;
    box-shadow: 0px 4px 27px 0px #00000040;
    background-color: #fff;
    margin-bottom: 10px;
    align-items: center;
    gap: 5px;
}

.formlistarea ul.formList li a {
    border: none !important;
    font-weight: 400;
    font-size: 14px;
    width: 82%;
    min-width: auto;
    text-align: left;
}

.formlistarea ul.formList li span {
    display: inline-flex;
    gap: 10px;
}

.formblocklist {
    display: flex;
    flex-direction: row;
    gap: 10px;
    width: 100%;
}

.formarea {
    margin: 0;
    padding: 0;
}

.formContainer {
    display: flex;
    flex-direction: row;
    width: 785px;
    max-width: 100%;
    margin: 0 auto;
    gap: 20px;
}

.leftformarea {
    width: 70%;
    min-height: 500px;
}

.rightprofileimgarea {
    width: 30%;
    position: relative;
}

.uploadimgAre {
    border: 1px solid #959595;
    border-radius: 10px;
    padding: 12px;
}

.uploadimgAre img {
    width: 100%;
    border-radius: 10px;
    height: 194px;
}

.formelementBlock {
    margin-bottom: 10px;
    position: relative;
}

.formelementBlock label {
    font-weight: 700;
    font-size: 17px;
    line-height: 100%;
    color: #000000;
    margin-bottom: 8px;
    position: relative;
    width: 100%;
}

.custominputdesign,
.customselectdesign:focus {
    width: 100%;
    border: 1px solid #959595 !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    color: #000000 !important;
    outline: none !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    padding: 8px 10px !important;
    min-height: auto !important;
    height: auto !important;
    border-color: #959595 !important;
    background-color: #ffffff !important;
}

.customtextareadesign,
.customtextareadesign:focus {
    width: 100%;
    border: 1px solid #959595;
    border-radius: 8px;
    font-size: 16px;
    color: #000000 !important;
    outline: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 10px;
    min-height: auto;
    height: 124px !important;
    border-color: #959595 !important;
}

.deletefiled {
    border: none;
    background: none;
    position: absolute;
    right: 0;
    top: -2px;
    cursor: pointer;
}

.twoblockinsamerow {
    display: flex;
    flex-direction: row;
    position: relative;
    gap: 10px;
    justify-content: center;
}

.phextensiton {
    appearance: none;
}

.halfWidth {
    width: 50%;
    /* padding: 0 5px; */
    position: relative;
}

.customsubmitbtn {
    background: #479EFB;
    border-radius: 10px;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    padding: 10px 20px;
}

.addbtnarea {
    text-align: right;
}

.userImguploadBtnArea {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.allformbox {
    /* border-bottom: 1px solid #D9D9D9; */
    padding-bottom: 32px;
    position: relative;
}

.documentlistandRecords {
    margin-top: 30px;
}

.documentlistandRecords h2 {
    font-weight: 700;
    font-size: 21px;
    color: #000000;
    text-align: center;
}

.documentlistandRecords h2 span {
    font-weight: 400;
    font-size: 18px;
    color: #000000;
}

.documentCardsArea {
    margin: 0;
    padding: 0;
}

.documentscardBlock {
    box-shadow: 0px 4px 27px 0px #00000040;
    border-radius: 10px;
    padding: 15px 15px 15px 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 25px;
    gap: 20px;
    position: relative;
    justify-content: space-between;
}

.documentupdationarea {
    display: flex;
    flex-direction: row;
    gap: 20px;
    width: 100%;
}

.documentBlcok {
    width: 33%;
    position: relative;
}

.documentBlcok label {
    font-size: 17px;
    color: #000000;
    font-weight: 700;
    width: 100%;
    text-align: center;
}

.documentFld {
    border: 1px solid #959595;
    background: #FFFFFF;
    border-radius: 8px;
    font-weight: 400;
    font-size: 18px;
    padding: 7px 10px;
    width: 100%;
}

.documentFld:read-only {
    text-align: center;
}

.addIcon {
    position: relative;
    height: 40px;
}

.addIcon label {
    width: auto;
}

.addIcon span {
    width: auto;
    font-weight: 400;
    font-size: 18px;
    color: #000;
    display: block;
    padding-right: 20px;
    margin-bottom: 10px;
}

.inputuploadIcon {
    position: absolute;
    top: 5px;
    right: 44px;
}

.inputcrossIcon {
    position: absolute;
    top: 5px;
    right: 8px;
}

.samplelink {
    color: #479EFB;
    font-weight: 700;
    font-size: 17px;
    text-decoration: underline;
}

.totalblockcheckbox {
    margin: 0;
    position: absolute;
    top: 0;
    left: 3px;
    z-index: 9;
}

/* Hide native checkbox */
.roundCheckbox input {
    display: none;
}

/* Circle box */
.roundCheckbox .checkmark {
    width: 22px;
    height: 22px;
    border: 2px solid #2196f3;
    border-radius: 50%;
    /* round shape */
    display: inline-block;
    position: relative;
    margin-right: 8px;
    vertical-align: middle;
    cursor: pointer;
    transition: all 0.2s ease;
}

/* Checked background */
.roundCheckbox input:checked+.checkmark {
    background-color: #2196f3;
    border-color: #2196f3;
}

/* Tick mark */
.roundCheckbox .checkmark::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) scale(0);
    transition: transform 0.2s ease-in-out;
}

/* Show tick when checked */
.roundCheckbox input:checked+.checkmark::after {
    transform: rotate(45deg) scale(1);
}

.documentBlcokArea {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
    position: relative;
    width: calc(100% - 49px);
}

.dragBlock {
    width: 29px;
    background: #F5F5F5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.disclaimerText {
    margin-bottom: 20px;
}

.disclaimerText label {
    width: 100%;
    font-weight: 700;
    font-size: 17px;
}

.disclaimerTextarea {
    border: 1px solid #959595;
    border-radius: 8px;
    padding: 10px;
    width: 100%;
    min-height: 124px;
}

.disclaimerTextarea::placeholder {
    color: #C0C0C0;
}

.addmoredocumentbtnarea {
    text-align: center;
    margin-bottom: 20px;
}

.addmorebtnbtn {
    background: #479EFB;
    font-weight: 700;
    font-size: 14px;
    color: #FFFFFF;
    padding: 8px 15px;
    border-radius: 10px;
    line-height: normal;
}

.permissionBox {
    box-shadow: 0px 4px 27px 0px #00000040;
    border-radius: 10px;
    padding: 20px 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
}

/* Hide native radio */
.customRadio {
    font-weight: 700;
    font-size: 17px;
    display: flex;
    flex-direction: row;
    margin-bottom: 0;
}

.customRadio input {
    display: none;
}

/* Outer circle */
.customRadio .radiomark {
    width: 22px;
    height: 22px;
    border: 1px solid #777;
    border-radius: 50%;
    /* round shape */
    display: inline-block;
    position: relative;
    margin-right: 10px;
    vertical-align: middle;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    /* subtle rounded shadow */
}

/* Inner dot (hidden by default) */
.customRadio .radiomark::after {
    content: "";
    width: 14px;
    height: 14px;
    background: #2196f3;
    border-radius: 50%;
    /* round inner dot */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.2s ease-in-out;
}

/* Checked state */
.customRadio input:checked+.radiomark {
    border-color: #2196f3;
    background: #eaf4ff;
    /* light blue background for rounded feel */
}

.customRadio input:checked+.radiomark::after {
    transform: translate(-50%, -50%) scale(1);
}

.allactionbtnarea {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.borderbutton {
    border: 1px solid #479EFB;
    color: #FFFFFF;
    border-radius: 10px;
    min-width: 129px;
    padding: 8px 38px;
    background-color: #fff;
    color: #479EFB;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
}

.borderbutton:hover {
    background-color: #479EFB;
    color: #fff;
}

/* from while edit */
.formheading {
    text-align: center;
    margin-bottom: 30px;
}

.formheading h2 {
    font-weight: 700;
    font-size: 21px;
    color: #000000;
    margin-bottom: 0;
}

.formheading h2 span {
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    font-weight: 400;
}

.subheading {
    font-weight: 400;
    font-size: 21px;
    color: #929292;
    /* margin-top: 5px; */
}

.formbackbtn {
    font-weight: 700;
    font-size: 16px;
    color: #468FF6;
    position: absolute;
    top: 0;
    left: 0;
}

.formelementDrag {
    position: absolute;
    left: -35px;
    top: 2px;
    cursor: grab;
    height: 100%;
}

/* toggle slider css start */
.togglebtnarea {
    position: absolute;
    right: 0;
    z-index: 2;
}

.togglebtnarea label {
    width: 36px;
    height: 17px;
}

.toggle {
    position: relative;
    display: inline-block;
    width: 36px;
    /* smaller width */
    height: 20px;
    /* smaller height */
}

.toggle input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .3s;
    border-radius: 20px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .3s;
    border-radius: 50%;
}

input:checked+.slider {
    background-color: #007BFF;
}

input:checked+.slider:before {
    left: 5px;
}

input:checked+.slider:before {
    transform: translateX(16px);
}

/* toggle slider css end */
.formfldeditIcon {
    position: absolute;
    right: 45px;
    cursor: pointer;
    z-index: 5;
}

.customformborder {
    border: 1px solid #959595;
    padding: 10px 22px;
    border-radius: 8px;
}

.customformborder .togglebtnarea {
    right: 10px;
}

.customformborder .formfldeditIcon {
    right: 55px;
}

.investmentproductlistarea {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    column-gap: 45px;
    margin-top: 10px;
}

.investmentproductlist .roundCheckbox .checkmark {
    width: 27px;
    height: 27px;
    border-radius: 8px;
    border: 1px solid #959595;
}

.investmentproductlist .totalblockcheckbox {
    position: relative;
}

.investmentproductlist .roundCheckbox {
    font-weight: 400;
    font-size: 18px;
    color: #000000;
}

.investmentproductlist .roundCheckbox .checkmark::after {
    left: 10px;
    top: 5px;
}

.ratingtext {
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    text-align: center;
    margin-top: 10px;
}

.ratingblock .investmentproductlistarea {
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.customformborder .roundCheckbox .checkmark {
    width: 27px;
    height: 27px;
    border-radius: 8px;
    border: 1px solid #959595;
}

.customformborder .roundCheckbox .checkmark::after {
    left: 10px;
    top: 5px;
}

.togglebtnarea.profiletoggle {
    position: relative;
    text-align: right;
}

.createfromcontainer {
    width: 70%;
    margin: 0 auto;
}

.addfldsection {
    border: 1px solid #BBBBBB;
    border-radius: 8px;
    padding: 15px;
    margin-top: 25px;
}

.addfldsection h2 {
    font-weight: 700;
    font-size: 15px;
    color: #000000;
    text-align: center;
}

.viewheader {
    width: 100%;
    position: relative;
    margin-bottom: 35px;
}

.viewheaderbanner {
    width: 100%;
    position: relative;
    background-color: #E9F8FF;
    border-radius: 10px 10px 0 0;
}

.viewheaderbanner .logo-box {
    width: auto;
    padding: 10px 15px;
    border-radius: 10px;
    background-color: #fff;
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 2;
}

.viewheaderbanner .logo-box>img {
    height: 60px;
}

.viewheaderbanner .bnnr-img-frame-wrap {
    width: 100%;
    position: relative;
    padding: 18px;
    border-radius: 10px;
    transition: all ease-in-out 0.7s;
}

.viewheaderbanner .bnnr-img-frame {
    width: 100%;
    height: 239px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    transition: all ease-in-out 0.7s;
}

.viewheaderbanner .bnnr-img-frame:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    background: linear-gradient(90.15deg, rgba(217, 217, 217, 0) -50.51%, #652425 76.51%);
    transition: all ease-in-out 0.7s;
}

.viewheaderbanner .bnnr-img-frame>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.viewheaderbanner .bnnr-rgt-cnt-wrap {
    width: 55%;
    height: 100%;
    padding-right: 40px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
    color: #fff;
    transition: all ease-in-out 0.4s;
}

.bnnr-rgt-cnt-row {
    width: 100%;
    display: inline-flex;
    column-gap: 20px;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    border-top: transparent solid 20px;
    padding: 15px 0px 15px 50px;
    color: #000;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.2;
    transition: all ease-in-out 0.7s;
}

.bnnr-cnt-wrap {
    width: auto;
    max-width: 270px;
    display: inline-flex;
    flex-direction: column;
    row-gap: 10px;
}

.bnnr-rgt-cnt-hdng {
    font-size: 16px !important;
    font-weight: 700;
    margin: 0px;
    padding: 0px;
}

.bnnr-rgt-cnt-row * {
    color: #fff;
    font-size: 12px;
    line-height: 1.2;
}

.viewheaderbanner p {
    margin: 0px;
}

.bnnr-rgt-cnt-row.second {
    border-color: transparent;
    border-width: 0px;
}

.bnnr-rgt-cnt-hdng.lg {
    font-size: 28px !important;
}

.viewheader:hover .bnnr-img-frame-wrap {
    width: 45%;
}

.viewheader:hover .bnnr-img-frame:before {
    opacity: 0;
}

.viewheader:hover .bnnr-rgt-cnt-wrap {
    color: #000;
    padding-right: 0px;
}

.viewheader:hover .bnnr-rgt-cnt-row {
    border-top: #4865a8 solid 20px;
}

.viewheader:hover .bnnr-rgt-cnt-row.second {
    border-top: #b8f1ff solid 20px;
    padding-top: 20px;
}

.viewheader:hover .bnnr-rgt-cnt-row * {
    color: #000;
}

.brandcolorarea {
    display: flex;
    flex-direction: row;
}

.brandcolor {
    width: 50%;
    height: 10px;
}

.formvalue {
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    word-wrap: break-word;
}

.formvalue span {
    color: #468FF6;
    padding-right: 10px;
}

.view .formelementBlock {
    margin-bottom: 20px;
    width: 100%;
}

.view .documentBlcokArea {
    width: 100%;
}

.downloadIcon {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.disclaimerarea {
    margin: 20px 0;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: #929292;
}

.response-btn {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.response-btn .leftsideRbtn {
    width: 70%;
    height: 50px;
    cursor: pointer;
}

.response-btn .rightsideRbtn {
    width: 30%;
    height: 50px;
    cursor: pointer;
}

.leftsideRbtn ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.leftsideRbtn ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.leftsideRbtn ul li a {
    border: 1px solid #CDCDCD;
    font-weight: 400;
    font-size: 18px;
    color: #655C5C;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 10px;
    display: inline-block;
    min-width: 135px;
    text-align: center;
}

.rightsideRbtn ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.rightsideRbtn ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.rightsideRbtn ul li button {
    font-weight: 400;
    color: #655C5C;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 10px !important;
    display: inline-block;
    min-width: 135px;
    text-align: center;
    background: #479EFB;
    color: #fff;
    font-size: 16px;
}

.responsesearcharea {
    margin-top: 12px;
    margin-bottom: 20px;
}

.responsebar {
    border: 1px solid #468FF6;
    box-shadow: 0px 4px 27px 0px #00000040;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    gap: 20px;
    width: 100%;
}

.responsebarleft {
    width: 60%;
}

.responsebarright {
    width: 40%;
    border-left: 1px solid #479EFB;
}

.submissionformArea {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.submissionlabel {
    font-weight: 700;
    font-size: 16px;
    color: #000000;
}

.calendarinputarea {
    width: 120px;
}

.resetbtnarea button {
    background-color: transparent;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #479EFB;
    text-transform: uppercase;
}

.responsesearchbox {
    display: flex;
    flex-direction: row;
    padding-left: 20px;
    gap: 10px;
    align-items: center;
}

.responsivesearchbox {
    width: 320px;
    border: 1px solid #479EFB;
    border-radius: 10px;
    background: #F9F7F7;
    padding: 8px 47px 8px 12px;
    min-height: auto;
    font-weight: 400;
    font-size: 14px;
    background-image: url('./../../form-images/rsponse-searchIcon.svg');
    background-repeat: no-repeat;
    background-position: 95% center;
}

.ui-datepicker {
    z-index: 9999 !important;
}

.reporttablearea {
    border: 1px solid #468FF6;
    box-shadow: 0px 4px 27px 0px #00000040;
    border-radius: 10px;
    padding: 20px 36px;
    margin-bottom: 30px;
}




.response-table-container {
    width: 100%;
    overflow-x: auto;
}

.custom-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    position: relative;
    color: #655C5C !important;
}

.custom-table th,
.custom-table td {
    border-bottom: 1px solid #468FF6;
    padding: 10px;
    text-align: left;
    white-space: nowrap;
    position: relative;
    line-height: 20px;
}

.custom-table th {
    /* background-color: #f9f9f9; */
    font-weight: 700;
    /* font-size: 16px; */
    color: #000000;
}

.custom-table tbody tr:nth-child(even) {
    background-color: #fafafa;
}

.custom-table tbody tr:hover {
    background-color: #f1f1f1;
}

.avatar {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 8px;
}

.response-sort-icons {
    display: inline-flex;
    flex-direction: column;
    margin-left: 5px;
    font-size: 10px;
    line-height: 10px;
    position: absolute;
    /* top: 24px; */
    right: 0;
}

.response-sort-icons .sort-icon {
    cursor: pointer;
    color: #479EFB;
}

.two-line {
    width: 379px;
    white-space: unset !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    vertical-align: top;
}

.response-table-container .custom-table a {
    color: #468FF6;
    text-decoration: underline;
}

.rating span {
    position: relative;
    top: -4px;
}

.amfi span {
    position: relative;
    top: -2px;
}

.kycimg {
    text-align: center;
}

.messageInfo {
    font-weight: 400;
    font-size: 15px;
    color: #929292;
    font-size: 14px;
    line-height: 14px;
}

.kycbtninfo {
    margin-top: 48px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.kycbluebtn {
    border-radius: 10px !important;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    color: #FFFFFF !important;
}

.kycborderbtn {
    border: 1px solid #479EFB !important;
    color: #479EFB !important;
    background-color: #fff !important;
    border-radius: 10px !important;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
}

.kycborderbtn:hover {
    background-color: #479EFB !important;
    color: #fff !important;
}

.otpImg {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin-right: 8px;
    position: relative;
    top: -3px;
}

.blueactons {
    border-radius: 5px !important;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF !important;
    background: #479EFB;
    padding: 3px 5px;
    text-decoration: none !important;
    width: 57px;
    display: inline-block;
}

.greenactons {
    border-radius: 5px !important;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF !important;
    background: #2DA515;
    padding: 3px 5px;
    text-decoration: none !important;
    width: 57px;
    display: inline-block;
}

.yellowactons {
    border-radius: 5px !important;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF !important;
    background: #BBA927;
    padding: 3px 5px;
    text-decoration: none !important;
    width: 57px;
    display: inline-block;
}

.doneClass {
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #34A853;
}

.notDone {
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #479EFB;
}

.draftClass {
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #BF4F4F;
}

.kycformTablearea h2 {
    padding: 0;
    margin: 0 0 20px 0;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
}

.otp-form-area {
    margin: 0;
    padding: 0;
}

.otpformContainer {
    width: 100%;
    max-width: 579px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

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

.sendOTPbtn {
    background: #479EFB;
    border-radius: 8px;
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
    padding: 10px 20px;
    cursor: pointer;
}

.otpinfo {
    font-weight: 400;
    font-size: 20px;
    color: #929292;
}

.otpfields {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
    margin-top: 20px;
}

.otpfld {
    width: 50px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #959595;
    border-radius: 8px;
    font-size: 20px;
    text-align: center;
    outline: none;
}

.resendoption {
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: #929292;
}

.otpTime {
    font-weight: 700;
    font-size: 20px;
    text-align: center;
}

.formelementBlock .customRadio {
    font-weight: 500 !important;
    line-height: 22px;
}

.responseCount {
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    background: #479EFB;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.responsesearcharea input[type="text"],
.responsesearcharea input[type="email"] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #479EFB !important;
    border-radius: 10px;
    font-size: 14px !important;
    box-sizing: border-box;
    color: #111827;
    font-weight: 400;
    font-size: 18px;
    height: auto;
    line-height: unset;
}

.reporttablearea .custom-table tbody tr:nth-child(even) {
    background-color: transparent;
}

.reporttablearea .custom-table tbody tr:nth-child(even):hover {
    background-color: #f1f1f1;
}

.reporttablearea table.dataTable thead th,
table.dataTable thead td {
    border-bottom: 1px solid #468FF6;
}

.reporttablearea table.dataTable.no-footer {
    border-bottom: none;
}

.dataTable {
    width: 100% !important;
    table-layout: auto !important;
}

.response-table-container .dataTables_wrapper .dataTables_paginate {
    float: right !important;
    text-align: right !important;
}

/* .paginate_button.next{
    background-image: url(./../../form-images/netpegination_img.png) !important;
    background-repeat: no-repeat !important;
    height: 41px;
    display: inline-block !important;
}
.paginate_button.previous{
    background-image: url(./../../form-images/prepegination_img.png) !important;
    background-repeat: no-repeat !important;
    height: 41px;
    display: inline-block !important;
} */

.dataTables_filter input[type="search"] {
    width: 300px !important;
    padding: 5px 12px !important;
    border: 1px solid #479EFB !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
    color: #111827 !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    height: auto !important;
    line-height: unset !important;
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 5px 18px;
    /* white-space: normal;        
  overflow-wrap: break-word ;  
  word-break: break-all;       */
}

.editmode {
    text-align: center;
    color: #B89E08;
    font-weight: 700;
}

.viewmode {
    text-align: center;
    color: #81BEFF;
    font-weight: 700;
}

.custom-table .btn {
    text-decoration: none !important;
    background: #479EFB !important;
    border-radius: 10px;
    padding: 5px 10px;
    color: #fff !important;
}

.kycimg img {
    width: 100px;
    height: 100px;
}

.gap-2 {
    gap: 2px;
}

.gap-10 {
    gap: 10px;
}

.rating-container {
    gap: 45px !important;
}

/* Form end  */

/* Website settings page styles -b2b2C start -07-11-2025 */
.highlightText {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #959595;
    border: 1px solid #F2B200;
    padding: 5px 15px;
    border-radius: 8px;
    background: #FFF9D5;
}

.websiteSettingArea {
    margin: 0;
    padding: 0;
}

.editHeading {
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    color: #000000;
    text-align: center;
    margin-bottom: 20px;
}

.whiteBoxwithborder {
    /* border: 1px solid #468FF6; */
    box-shadow: 0px 4px 27px 0px #00000040;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.whiteBoxwithoutborder {
    box-shadow: 0px 4px 27px 0px #00000040;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px;
    background: url(./../../form-images/member_bg.png) top right no-repeat rgb(255, 255, 255);
    margin-top: 126px;
}

/* Utility: hide labels visually but keep accessible */
.visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
    border: 0;
    padding: 0;
    margin: -1px;
}

/* Container */

/* Title */
.slug-section h2 {
    font-size: 18px;
    margin: 0 0 12px 0;
    font-weight: 700;
    color: #0f2433;
}

/* Input */
.slug-input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 14px;
    font-size: 14px;
    border-radius: 8px;
    border: 1px solid #cfcfcf;
    background: #fbfbfb;
    outline: none;
    transition: box-shadow .15s ease, border-color .15s ease;
    margin-bottom: 10px;
}

/* focus state */
.slug-input:focus {
    border-color: #2b7bd6;
    box-shadow: 0 0 0 4px rgba(43, 123, 214, 0.08);
}

/* Example text */
.slug-example {
    font-weight: 400;
    font-style: Italic;
    font-size: 15px;
    line-height: 18px;
    vertical-align: middle;
    color: #A6811D;
    /* orange as in screenshot */

}

/* Make the important part of example bold & slightly darker */
.slug-example strong {
    color: #8a4a00;
    /* brownish as in screenshot */
    font-style: normal;
}

/* Note in red italic */
.slug-note {
    color: #b12b00;
    font-size: 12px;
    font-style: italic;
    margin: 6px 0 0;
}

/* .form-menu-section {
  border: 1.8px solid #2b7bd6;
  border-radius: 10px;
  background: #fff;
  padding: 14px 20px;
  max-width: 960px;
  margin: 20px auto;
  font-family: "Segoe UI", Helvetica, Arial, sans-serif;
  box-shadow: 0 1px 0 rgba(0,0,0,0.03), 0 6px 16px rgba(43,125,214,0.05);
} */

/* Header (Enable + Search) */

.form-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.checkbox-label {
    font-weight: 700;
    font-size: 20px;
    color: #000000;
    display: flex;
    align-items: center;
    gap: 8px;
}

.search-box {
    position: relative;
    width: 250px;
}

.search-box input {
    width: 100%;
    padding: 8px 34px 8px 12px;
    border: 1px solid #ccc;
    border-radius: 20px;
    font-size: 13px;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.search-box input:focus {
    border-color: #2b7bd6;
    box-shadow: 0 0 0 3px rgba(43, 125, 214, 0.1);
}

.search-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #2b7bd6;
    font-size: 14px;
    background-image: url(./../../form-images/searchIconofwebsetting.svg);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
}

/* Divider line */
.form-menu-section hr {
    border: none;
    border-top: 1px solid #e4e4e4;
    margin: 10px 0;
}

/* List */
.form-list {
    list-style: none;
    margin: 0 0 0 42px;
    padding: 0;
    max-height: 252px;
    overflow-y: auto;
}

.form-list li {
    margin: 6px 0 22px 0;
}

.form-list label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.form-list span {
    color: #2b7bd6;
    font-size: 14px;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
}

/* ✅ Custom Checkbox */
.custom-checkbox {
    appearance: none;
    -webkit-appearance: none;
    width: 27px;
    height: 27px;
    border: 1px solid #959595;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease;
    outline: none;
    background: #fff;
}

.custom-checkbox:focus {
    box-shadow: none !important;
    border: 1px solid #959595 !important;
}

.custom-checkbox:hover {
    border-color: #2b7bd6;
}

.custom-checkbox:checked {
    border-color: #2b7bd6;
    background-color: #2b7bd6;
}

.custom-checkbox:checked::after {
    content: "";
    position: absolute;
    left: 10px;
    top: 2px;
    width: 7px;
    height: 16px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.custom-checkbox {
    appearance: none;
    -webkit-appearance: none;
    width: 27px;
    height: 27px;
    border: 1px solid #959595;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease;
    outline: none;
    background: #fff;
}

.custom-checkbox:hover {
    border-color: #2b7bd6;
}

.custom-checkbox:checked {
    border-color: #2b7bd6;
    background-color: #2b7bd6;
}

.custom-checkbox:checked::after {
    content: "";
    position: absolute;
    left: 10px;
    top: 2px;
    width: 7px;
    height: 16px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.custom-checkbox:disabled::after {
    content: "✖";
    position: absolute;
    color: #fff;
    font-size: 15px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.custom-checkbox:disabled {
    background-color: #BDBCBC;
    border-color: #959595;
    cursor: not-allowed;
}

/* Gray out text when disabled */
.custom-checkbox:disabled+#form-menu-title {
    color: #999;
    cursor: not-allowed;
}

/* Pagination */
.whiteBoxwithoutborder .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
}

.whiteBoxwithoutborder .pagination a {
    text-decoration: none;
    color: #000;
    font-size: 16px;
    padding: 2px 5px;
}

.whiteBoxwithoutborder .pagination a.active {
    color: #2b7bd6;
    font-weight: 600;
}

.whiteBoxwithoutborder .pagination .next-btn {
    border: none;
    background: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    font-size: 16px;
    color: #2b7bd6;
    line-height: 0;
}

.whiteBoxwithoutborder .pagination .next-btn:hover {
    background: #f4f8ff;
}

.allSettingsBtnarea {
    text-align: center;
    margin-top: 20px;
}

.websittingCancelBtn {
    padding: 5px 20px;
    border-radius: 10px;
    border: 1px solid #479EFB;
    font-weight: 700;
    font-size: 14px;
    color: #479EFB;
    background-color: transparent;
    min-width: 155px;
    display: inline-block;
    margin: 0 10px;
    cursor: pointer;
}

.websittingsaveBtn {
    padding: 5px 20px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 14px;
    background-color: #479EFB;
    border: 1px solid #479EFB;
    color: #FFFFFF;
    min-width: 155px;
    display: inline-block;
    margin: 0 10px;
    cursor: pointer;
}

.submitmessage {
    font-weight: 400;
    font-size: 18px;
    color: #007BFF;
    display: block;
    margin-bottom: 15px;
}

.settingerrormessage {
    font-weight: 400;
    font-size: 18px;
    color: #B94D3C;
    display: block;
    margin-bottom: 15px;
}

.highlightmessage {
    border: 1px solid #F2B200;
    background: #FFF9D5;
    border-radius: 8px;
    padding: 5px 10px;
    font-style: Italic;
    font-size: 15px;
    line-height: 18px;
    color: #B94D3C;
    display: flex;
    flex-direction: row;
    gap: 15px;
}

.highlightmessage span {
    font-weight: 700;
}

.highlightmessage a {
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    line-height: 18px;
    color: #B94D3C;
    text-decoration: none;
}

.headingarea {
    position: relative;
}

.webseetingbackoption {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 17px;
    color: #479EFB;
}

.websettingBtn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #479EFB;
    border: none;
    border-radius: 8px;
    padding: 5px 16px;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
    min-width: 198px;
    transition: all 0.2s ease;
}

.websettingBtn:hover {
    background-color: #367FCC;
}

.urlsetting {
    margin: 0;
    padding: 0;
}

.urlsetting .highlightmessage {
    border: 1px solid #39B54A;
    background: #E4FFE8;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    vertical-align: middle;
    color: #145D1E;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.websitelink {
    border: 1px solid #959595;
    border-radius: 8px;
    width: 100%;
    color: #000000;
    height: 40px;
    padding: 8px 12px;
}

.disclaimer-textarea {
    width: 100%;
    height: 120px;
    border: 1px solid #959595;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 14px;
    resize: vertical;
    outline: none;
}

.socialIcon {
    display: inline-block;
    position: relative;
    top: -1px;
}

.seetingsfild {
    border: 1px solid #959595 !important;
    border-radius: 8px !important;
    min-height: 40px !important;
}

.seetingsfild:focus {
    box-shadow: none !important;
    outline: none !important;
    border: 1px solid #959595 !important;
}

.headerColorBlock {
    border: 1px solid #479EFB;
    border-radius: 10px;
    padding: 5px;
    display: flex;
    align-items: center;
    /* gap: 10px; */
}

/* .radiobtnarea{
  width: 25px;
} */
.settingscolorBlock {
    width: calc(100% - 25px);
}

.seetingcolor_radio {
    width: 20px;
    height: 20px;
    border: 1px solid #468FF6;
}

.radiobtnarea .customRadio .radiomark {
    border: 1px solid #468FF6;
}

.whiteBoxwithborder .explorebtn {
    background: #4aa6ff;
    color: #fff;
    border: none;
    padding: 8px 18px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s ease;
}

.whiteBoxwithborder .explorebtn:hover {
    background: #1f8fff;
}

/* Website settings page styles -b2b2C start -07-11-2025 */

/* quiz section styles start*/
.questionareawithcount {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.quizIntroTextArea {
    max-width: 920px;
    width: 100%;
    margin: 0 auto 33px auto;
    position: relative;
}

.quizIntroTextArea h2 {
    font-weight: 700;
    font-size: 21px;
    color: #000000;
    text-align: center;
}

.quizIntroTextArea p {
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    color: #929292;
}

.questionsarea {
    max-width: calc(100% - 350px);
    /* margin: 0 auto; */
    padding: 0;
}

.questionBlock {
    border: 1px solid #959595;
    border-radius: 8px;
    padding: 9px 29px 31px 29px;
}

.question-card {
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #fff;
    padding: 34px 5px 20px 28px;
    max-width: 100%;
    margin: auto;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 20px;
}

/* top part */
.question-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.question-header-left h4 {
    font-size: 14px;
    margin: 0;
    padding: 0;
    font-weight: 700;
    color: #111827;
}

.question-header-left p {
    font-size: 14px;
    font-weight: 700;
    margin: 6px 0 0 0;
    color: #111827;
    margin: 0;
    padding: 0;
}

.question-header-right {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 14px;
    margin-top: -81px;
}

.question-header-right a {
    color: #2563eb;
    text-decoration: none;
    font-weight: 700;
    cursor: pointer;
}

.question-header-right a:hover {
    text-decoration: underline;
}

.credit-box {
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 4px 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #111827;
    background: #fff;
}

.credit-box span:first-child {
    /* border-right: 1px solid #e5e7eb; */
    /* padding-right: 8px; */
}

.credit-count {
    color: #2563eb;
    font-weight: 600;
    border-right: none !important;
}

.discredit-count {
    color: #ef4444;
    font-weight: 600;
    border-right: none !important;
}

/* checkbox list */
.options {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 0;
}

.option {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: #111827;
    margin-bottom: 0 !important;
}

.optionlist {
    margin: 0;
    padding: 0;
}

.option input[type="checkbox"] {
    appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #d1d5db;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}

.option input[type="checkbox"]:checked {
    background-color: #2563eb;
    border-color: #2563eb;
}

.option input[type="checkbox"]:checked::after {
    content: "✔";
    position: absolute;
    color: white;
    font-size: 12px;
    left: 2px;
    top: -4px;
}

.mandatoryBox {
    background: #66A4E7;
    border-radius: 5px 0 5px 0;
    font-weight: 700;
    font-size: 12px;
    color: #FFFFFF;
    padding: 2px 6px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 0;
}

.questionForm label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
    font-size: 14px;
}

.questionForm input[type="text"],
.questionForm input[type="email"] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    box-sizing: border-box;
    color: #111827;
    font-weight: 400;
    font-size: 18px;
}

input:focus {
    outline: none;
    border-color: #2563eb;
    box-shadow: none;
}

.questionForm .form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0;
}

.questionForm .form-group {
    flex: 1;
    min-width: 250px;
}

/* 📞 Phone Section */
.phone-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
}

.country-code {
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 10px 8px;
    background: #f9fafb;
    font-size: 14px;
    min-width: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.phone-input {
    flex: 1;
}

/* 📊 Stats box */
.summary-box {
    border: 1px solid #d1d5db;
    border-radius: 8px;
    margin-top: 24px;
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}

.summary-item {
    /* flex: 1;
    min-width: 160px; */
}

.summary-item:last-child {
    width: 300px;
}

.summary-item h4 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 4px;
    color: #000;
}

.summary-item span {
    color: #2563eb;
    font-weight: 600;
    font-size: 15px;
}

/* ✅ Checkbox */
.agreement {
    display: flex;
    align-items: center;
    margin-top: 20px;
    gap: 8px;
}

.agreement input[type="checkbox"] {
    width: 18px;
    height: 18px;
    appearance: none;
    border: 2px solid #2563eb;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}

.agreement input[type="checkbox"]:checked {
    background-color: #2563eb;
}

.agreement input[type="checkbox"]:checked::after {
    content: "✔";
    color: white;
    position: absolute;
    font-size: 12px;
    left: 3px;
    top: -5px;
}

.agreement label {
    font-weight: normal;
    font-size: 16px;
    color: #111827;
}

.questionForm {
    width: 810px;
    margin: 0 auto;
}

.questionForm .form-group label {
    font-weight: 700;
    font-size: 16px;
    color: #000000;
}

.phone-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
}

.country-select {
    position: relative;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 8px 12px;
    background-color: #f9fafb;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    min-width: 130px;
}

.country-select img {
    width: 20px;
    height: 14px;
    margin-right: 6px;
    border-radius: 2px;
}

.country-select select {
    appearance: none;
    border: none;
    background: transparent;
    font-size: 14px;
    font-family: inherit;
    color: #111827;
    cursor: pointer;
    padding-right: 14px;
    background-image: url(./../images/msoformbluedownarrow.png);
    background-repeat: no-repeat;
    background-position: right 0px center;
}

.country-select select:focus {
    outline: none;
}

.phone-input {
    flex: 1;
    padding: 10px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    box-sizing: border-box;
}

.phone-input:focus {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 2px #bfdbfe;
}

.quiz_state {
    position: relative;
    right: 0px;
    top: calc(100% - 297px);
    max-width: 330px;
    width: 100%;
}

.quiz_state.fixed {
    position: fixed;
    top: 0;
    right: 120px;
}

.timeleftarea {
    border: 1px solid #AAD3FF;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 4px 4px 0px #EAF4FF;
    padding: 0px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}

.timeleftarea-left {
    width: 101px;
}

.timeleftarea-right {
    width: calc(100% - 101px);
}

.timeheadingarea {
    font-weight: 700;
    font-size: 14px;
    color: #007CFF;
}

.timeleft {
    font-family: "Orbitron", sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #000000;
}

.timeleft span {
    font-weight: 700;
    font-size: 12px;
    position: relative;
}

.quiz-number-box {
    width: 100%;
    background: #EAF4FF;
    padding: 15px 5px;
    border-radius: 5px;
    border: 1px solid #AAD3FF;
    margin-top: 15px;
}

.quiz-number-box h3 {
    text-align: center;
    color: #1e73e8;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 700;
}

.quiz-grid {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 7px;
    /* height: 170px; */
    /* overflow-y: auto;
  padding-right: 10px; */
}

.q {
    background: #fff;
    color: #468FF6;
    text-align: center;
    padding: 0 5px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 600;
    position: relative;
}

/* Colors */
.q.green {
    background: #5f8f3b;
    border: 1px solid #5f8f3b;
    color: #fff;
}

.q.orange {
    border: 1px solid #F38F2B;
    color: #F38F2B;
    background: #fff;
}

.q.red {
    color: #F32B2B;
    background-color: #FFEAEA !important;
}

/* Flag (bookmark corner) */
.q.flag::after {
    content: "";
    position: absolute;
    top: -6px;
    right: -2px;
    width: 13px;
    height: 17px;
    background-image: url(./../../form-images/orenge_tag.png);
    background-repeat: no-repeat;
}

.quiz-stats-box {
    width: 100%;
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #AAD3FF;
    box-shadow: 0px 4px 4px 0px #EAF4FF;
    margin-top: 15px;

}

.quiz-stats-box h3 {
    text-align: center;
    color: #1e73e8;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 700;
}

.stat-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    font-size: 13px;
    color: #333;
}

.quiz-stats-grid {
    height: 170px;
    overflow-y: auto;
    padding-right: 10px;
}

/* Badge base */
.badge {
    min-width: 36px;
    text-align: center;
    padding: 6px 0;
    border-radius: 6px;
    font-weight: 600;
    font-size: 13px;
    position: relative;
}

/* Colors */
.badge.green {
    background: #5f8f3b;
    border: 1px solid #5f8f3b;
    color: #fff;
}

.badge.orange {
    border: 1px solid #ff8c2a;
    color: #ff8c2a;
    background: #fff;
}

.badge.light {
    background: #fff;
    border: 1px solid #f1f3f6;
    color: #4a7bd1;
}

.badge.red {
    background: #FFEAEA !important;
    color: #F32B2B !important;
    border: 1px solid #FFEAEA;
}

.badge.dark {
    background: #0d3b66;
    border: 1px solid #0d3b66;
    color: #fff;
}

/* Flag corner */
.badge.flag::after {
    content: "";
    position: absolute;
    top: -6px;
    right: -2px;
    width: 13px;
    height: 17px;
    background-image: url(./../../form-images/orenge_tag.png);
    background-repeat: no-repeat;
}


/* quiz section styles end*/

/* quiz response page styles start */
.marksobtained {
    border: 1px solid #959595;
    border-radius: 8px;
    padding: 20px;
}

.marksArea {
    width: 920px;
    margin: 0 auto 20px auto;
}

.marksget {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.coloumn {
    display: flex;
    flex-direction: column;
    width: 25%;
    padding: 0 15px;
    border-right: 1px solid #B9B9B9;
}

.coloumn:first-child {
    padding-left: 0;
}

.coloumn:last-child {
    border-right: none;
}

.coloumn label {
    font-weight: 700;
    font-size: 13px;
    color: #000000;
}

.marks {
    font-weight: 700;
    font-size: 13px;
    color: #479EFB;
}

.nagativemarks {
    font-weight: 700;
    font-size: 13px;
    color: #B94D3C;
}

.possitivemarks {
    font-weight: 700;
    font-size: 13px;
    color: #83BF4F;
}

.responseArea {
    display: grid;
    grid-template-columns: 360px 1fr 1fr;
    gap: 10px;
    margin-top: 15px;
}

.responseArea label {
    font-weight: 700;
    font-size: 13px;
    color: #000000;
}

.correctresponse {
    font-weight: 400;
    font-size: 13px;
    color: #929292;
}

/* quiz response page styles end */

.createformbox input[type=number] {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input-group-text {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border: 1px solid #959595 !important;
}

.dwnsamplebtn {
    height: auto !important;
    padding: 7px 15px !important;
    border-radius: 8px;
}

/* quiz start page area start */
.quizstartImg {
    text-align: center;
}

.quiz-start-section {
    text-align: center;
}

.quiz-start-wrap {
    max-width: 1080px;
    margin: 0 auto 30px auto;
}


.quiz-start-image img {
    width: 100%;
    max-width: 300px;
    height: auto;
    display: inline-block;
}

.quiz-start-note {
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
    color: #000000;
    font-weight: 700;
}

.quiz-start-sub-note {
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    color: #929292;
}

.quiz-start-actions {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 48px;
}

.quiz-start-btn {
    min-width: 168px;
    padding: 5px 10px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #3f92ff;
    transition: 0.2s ease;
}

.quiz-start-btn:hover {
    text-decoration: none;
    transform: translateY(-1px);
}

.quiz-start-btn.back-btn {
    background: #fff;
    color: #3f92ff;
}

.quiz-start-btn.start-btn {
    background: linear-gradient(90deg, #2f84f7 0%, #4da2ff 100%);
    color: #fff;
}

.quiz-start-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 18px;
    justify-content: center;
}

.quiz-stat-card {
    background: #fff;
    border: 1px solid #dfe7f5;
    border-radius: 4px;
    min-height: 100px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.quiz-stat-card:nth-child(even) {
    background: #F5F5F5;
}

.quiz-stat-card h4 {
    margin: 0 0 5px;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    color: #141414;
}

.quiz-stat-card p {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    color: #8c8c8c;
}

.quiz-stat-card .colorblue {
    color: #2f84f7;
}

.quiz-stat-card .colorgreen {
    color: #41b63f;
}

.quiz-stat-card .colorred {
    color: #ff2f2f;
}

/* quiz start page area end */

/* quiz design modification start 23.04.2026 */
.nagativemarkbox {
    border: 1px solid #F2B200;
    background: #FFF9D5;
    border-radius: 8px;
    padding: 5px 10px;
    color: #4A3D3D;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 20px;
}

.infoIConfornagativemark {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.overallanswerheading {
    display: flex;
    justify-content: flex-end;
}

.correct-answer-text {
    color: #83BF4F !important;
    font-size: 13px !important;
}

/* quiz design modification end 23.04.2026 */

.allformbox .addmorebtnbtn {
    min-width: 129px;
    font-size: 18px;
    cursor: pointer;
    border: 1px solid #479EFB;
    padding: 9px 15px;
}

/* new footer design start */
.investornewfooter {
    padding: 20px 0;
    text-align: center;
    font-size: 14px;
    color: #666;
}

.investment-footer {
    padding: 0;
    margin: 0;
}

.investment-container {
    max-width: 1200px;
    margin: auto;
    text-align: left;
}

.investment-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 43px;
}

.investment-col {
    flex: 1;
    min-width: 180px;
}

.address-col {
    margin-top: 50px;
}

.investment-col h3 {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: bold;
    padding-bottom: 0;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;
    max-height: 43px;
    color: #201A1A;
}

.investment-col p {
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #4A4545;
}

.investment-col a {
    text-decoration: none;
    color: #4A4545;
    font-size: 12px;
}

.investment-col ul {
    list-style: none;
    padding: 0;
}

.investment-col ul li {
    margin-bottom: 10px;
}

.investment-col ul li a:hover {
    text-decoration: underline;
}

/* Social Icons */
.investment-social {
    margin-top: 10px;
}

.investment-social a {
    margin-right: 10px;
    font-size: 16px;
    color: #000;
}

/* Wrapper for last 3 columns */
.investment-links-wrapper {
    display: flex;
    gap: 54px;
    flex: 2;
    /* gives more space to links section */
    margin-top: 50px;
}

/* Optional: make columns equal inside wrapper */
.investment-links-wrapper .investment-col {
    min-width: 130px;
}

.investment-links-wrapper .investment-col a {
    font-size: 12px;
    font-weight: 700;
    padding-left: 20px;
}



.investment-logo {
    /* height: 39px; */
    margin-bottom: 15px;
}

.investment-logo img {
    width: 200px;
    height: 100px;
    object-fit: contain;
}

.footer_home {
    background-image: url(./../../form-images/footer_home.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    background-size: 12px 13px;
}

.footer_vision {
    background-image: url(./../../form-images/footer_vision.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    background-size: 12px 13px;
}

.footer_service {
    background-image: url(./../../form-images/footer_Service.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    background-size: 13px 10px;
}

.footer_contact {
    background-image: url(./../../form-images/footer_Contact.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    background-size: 12px 12px;
}

.footer_about {
    background-image: url(./../../form-images/footer_about.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    background-size: 12px 13px;
}

.footer_members {
    background-image: url(./../../form-images/footer_ourmember.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    background-size: 14px 12px;
}

.footer_blogs {
    background-image: url(./../../form-images/footer_blog.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    background-size: 14px 11px;
}

.footer_faq {
    background-image: url(./../../form-images/footer_faq.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    background-size: 12px 12px;
}

.footer_pri {
    background-image: url(./../../form-images/privacyfooterIcon.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    background-size: 12px 12px;
}

.footer_term {
    background-image: url(./../../form-images/termsfooterIcon.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    background-size: 12px 12px;
}

/* new footer design end */

/* new investor header design start */
.investor-header {
    background: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid #0088EDE0;
    position: fixed;
    margin: 32px auto;
    z-index: 999;
    width: 100%;
    max-width: 1110px;
    top: 0;
}

.investor-header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Logo */
.investor-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: bold;
}

.investor-logo img {
    width: 100%;
    max-width: 150px;
    height: 60px;
    object-fit: contain;
}

/* Nav */
.investor-nav ul {
    display: flex;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.investor-nav ul li a {
    text-decoration: none;
    color: #616161;
    font-size: 12px;
    font-weight: 700;
    /* padding-left: 20px; */
}

.investor-nav ul li a.active {
    color: #479EFB;
    font-weight: 600;
}

/* Right section */
.investor-header-right {
    display: flex;
    align-items: center;
    gap: 15px;
}

.investor-btn {
    background: #479EFB;
    color: #fff;
    padding: 8px 15px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    display: block;
}

.investor-btn:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0e78e9;
}

/* Phone */
.investor-phone {
    background: #479EFB;
    color: #fff;
    padding: 8px 15px;
    border-radius: 10px;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
}

.investor-phone .arrow {
    font-size: 10px;
}

.home_icon {
    background-image: url(./../../form-images/menu_home_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    background-size: 12px 13px;
}

/* .home_icon:hover, .home_icon.active{
  background-image: url(./../../form-images/menu_home_icon_h.png);
  background-repeat: no-repeat;
} */
.vision_icon {
    background-image: url(./../../form-images/menu_vission_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
}

/* .vision_icon:hover, .vision_icon.active{
  background-image: url(./../../form-images/menu_vission_icon_h.png);
  background-repeat: no-repeat;
} */
.services_icon {
    background-image: url(./../../form-images/menu_service_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
}

/* .services_icon:hover, .services_icon.active{
  background-image: url(./../../form-images/menu_service_icon_h.png);
  background-repeat: no-repeat;
} */
.members_icon {
    background-image: url(./../../form-images/menu_member_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
}

/* .members_icon:hover, .members_icon.active{
  background-image: url(./../../form-images/menu_member_icon_h.png);
  background-repeat: no-repeat;
} */
.tools_icon {
    background-image: url(./../../form-images/tools_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
}

/* .tools_icon:hover, .tools_icon.active{
  background-image: url(./../../form-images/tools_icon_h.png);
  background-repeat: no-repeat;
} */
.blogs_icon {
    background-image: url(./../../form-images/menu_blog_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
}

/* .blogs_icon:hover, .blogs_icon.active{
  background-image: url(./../../form-images/menu_blog_icon_h.png);
  background-repeat: no-repeat;
} */
.faqs_icon {
    background-image: url(./../../form-images/menu_faq_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
}

/* .faqs_icon:hover, .faqs_icon.active{
  background-image: url(./../../form-images/menu_faq_icon_h.png);
  background-repeat: no-repeat;
} */
.contact_icon {
    background-image: url(./../../form-images/menu_contact_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
}

.contact_icon:hover,
.contact_icon.active {
    background-image: url(./../../form-images/menu_contact_icon_h.png);
    background-repeat: no-repeat;
}

.menu-toggle {
    display: none
}

.withoutlogin_header {
    background: #FFF9D5;
    border: 1px solid #F2B200;
    padding: 10px 20px;
    width: 100%;
    margin: 32px 0;
    position: relative;
    border-radius: 10px;
    border-image: initial;
}

/* .withoutlogin_header {
  width: 100%;
} */

.top-info-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-info-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.info-icon {
    font-size: 22px;
}

.info-text h4 {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.info-text p {
    margin: 2px 0 0;
    font-size: 12px;
    color: #959595;
}

.top-info-right {
    display: flex;
    gap: 10px;
}

.btn {
    padding: 8px 14px;
    border-radius: 8px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}

.website-link {
    background: #4a90e2;
}

.login-btn {
    background: #357abd;
}

.reporttablearea .text-success {
    font-weight: 700;
    text-transform: uppercase;
}

/* new investor header design end */

/* investor corner website seetings start */

/* =========================
   FIXED SKELETON LOADER
========================= */

/* Remove global div effect ❌ */
/* .skeleton div { } ← DELETE THIS */

/* Base shimmer */
.skeleton .sk {
    background: linear-gradient(90deg,
            #e0e0e0 25%,
            #d6d6d6 37%,
            #e0e0e0 63%);
    background-size: 400% 100%;
    animation: shimmer 1.2s infinite;
    border-radius: 20px;
}

/* ======================
   WELCOME SKELETON START
====================== */

/* avatar */
.skeleton .profile {
    background: #ddd;
    width: 60px;
    height: 60px;
    border-radius: 12px;
}

/* text container */
.skeleton .content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

/* fake lines */
.skeleton .content::before,
.skeleton .content::after {
    content: "";
    display: block;
    height: 10px;
    border-radius: 20px;
    background: linear-gradient(90deg,
            #e0e0e0 25%,
            #d6d6d6 37%,
            #e0e0e0 63%);
    background-size: 400% 100%;
    /* animation: shimmer 1.2s infinite; */
}

.skeleton .content::before {
    width: 200px;
}

.skeleton .content::after {
    width: 90%;
}

/* hide real text */
.skeleton h3,
.skeleton p,
.skeleton img {
    visibility: hidden;
}

/* ABOUT SKELETON FIX */
.skeleton-about .about-box {
    padding: 40px 60px;
}

/* Title */
.skeleton-line.title {
    width: 200px;
    height: 20px;
    margin: 0 auto 15px;
    border-radius: 6px;
}

/* Small divider line */
.skeleton-line.small {
    width: 120px;
    height: 8px;
    margin: 0 auto 25px;
}

/* Paragraph lines */
.skeleton-line {
    height: 10px;
    margin-bottom: 12px;
    border-radius: 5px;
}

/* Short last line */
.skeleton-line.short {
    width: 60%;
    margin: 0 auto;
}

/* Bottom bar skeleton */
.skeleton-block {
    width: 50%;
    height: 8px;
}

/* COMMON SKELETON BASE */
.skeleton-line,
.skeleton-block {
    background: linear-gradient(90deg, #eee 25%, #ddd 37%, #eee 63%);
    background-size: 400% 100%;
    animation: skeleton-loading 1.4s ease infinite;
}

/* Animation */
@keyframes skeleton-loading {
    0% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}

/* ABOUT SECTION FIX */
.skeleton-about .about-box {
    padding: 40px 60px;
    text-align: center;
}

/* Title */
.skeleton-line.title {
    width: 220px;
    height: 18px;
    margin: 0 auto 15px;
    border-radius: 6px;
}

/* Divider */
.skeleton-line.small {
    width: 120px;
    height: 6px;
    margin: 0 auto 25px;
    border-radius: 4px;
}

/* Paragraph lines */
.skeleton-line {
    width: 100%;
    height: 10px;
    margin-bottom: 12px;
    border-radius: 5px;
}

/* Short line */
.skeleton-line.short {
    width: 60%;
    margin: 0 auto;
}

/* Bottom bar fix */
.skeleton-block {
    height: 8px;
}

/* ======================
   SHIMMER ANIMATION
====================== */
@keyframes shimmer {
    0% {
        background-position: -400px 0;
    }

    100% {
        background-position: 400px 0;
    }
}

.skeleton-title {
    width: 200px;
    height: 16px;
    margin: 0 auto 10px;
    border-radius: 5px;
    background: linear-gradient(90deg, #eee 25%, #ddd 37%, #eee 63%);
    background-size: 400% 100%;
    animation: skeleton-loading 1.4s ease infinite;
}

/* Divider */
.skeleton-divider {
    width: 150px;
    height: 2px;
    margin: 0 auto 40px;
    background: linear-gradient(90deg, #eee 25%, #ddd 37%, #eee 63%);
    background-size: 400% 100%;
    animation: skeleton-loading 1.4s ease infinite;
}

/* Card skeleton */
.skeleton-card {
    border: 1px solid #ddd !important;
}

/* Number */
.skeleton-number {
    width: 120px;
    height: 25px;
    margin: 0 auto 15px;
    border-radius: 6px;
    background: linear-gradient(90deg, #eee 25%, #ddd 37%, #eee 63%);
    background-size: 400% 100%;
    animation: skeleton-loading 1.4s ease infinite;
}

/* Text */
.skeleton-text {
    width: 140px;
    height: 12px;
    margin: 0 auto;
    border-radius: 5px;
    background: linear-gradient(90deg, #eee 25%, #ddd 37%, #eee 63%);
    background-size: 400% 100%;
    animation: skeleton-loading 1.4s ease infinite;
}

/* Bottom strip */
.skeleton-strip {
    width: 80%;
    height: 6px;
    position: absolute;
    bottom: -5px;
    left: 10%;
    border-radius: 4px;
    background: linear-gradient(90deg, #eee 25%, #ddd 37%, #eee 63%);
    background-size: 400% 100%;
    animation: skeleton-loading 1.4s ease infinite;
}

.skeleton-ui {
    display: block;
}

.skeleton-ui .skeleton {
    background: #e5e7eb !important;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    height: 10px;
}

/* SHIMMER */
.skeleton-ui .skeleton::after {
    content: "";
    position: absolute;
    top: 0;
    left: -200px;
    width: 200px;
    height: 100%;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, 0.8),
            transparent);
    animation: shimmer 1.5s infinite;
}




/* =============================================================
   WELCOME SKELETON END
================================================================= */



/* Card Container */
.welcome-card {
    display: flex;
    align-items: center;
    gap: 20px;
    background: #ffffff;
    padding: 45px 30px;
    margin-bottom: 50px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    background-image: url(./../../form-images/info_bg.png);
    background-repeat: no-repeat;
    background-position: right center;
}

/* Profile Section */
.profile .avatar {
    width: 60px;
    height: 60px;
    background: #f1f1f1;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* Dummy user icon */
.profile .avatar span {
    width: 30px;
    height: 30px;
    background: #999;
    border-radius: 50%;
    display: block;
}

/* Content */
.content h3 {
    font-weight: 700;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0;
}

.content p {
    margin: 0;
    font-size: 12px;
    color: #929292;
}

/* Section */
.about-section {
    /* max-width: 900px; */
    margin: 50px auto;
}

/* Box */
.about-box {
    background: #fff;
    padding: 40px 60px;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

/* Title */
.about-box h2 {
    text-align: center;
    font-size: 18px;
    color: #555;
    font-weight: 700;
    color: #616161;
}


/* Paragraph */
.about-box p {
    font-size: 14px;
    color: #777;
    line-height: 1.7;
    margin-bottom: 15px;
}

/* Bottom Color Bar */
.bottom-bar {
    display: flex;
    height: 8px;
    margin-top: -5px;
    border-radius: 0 0 12px 12px;
    overflow: hidden;
}

.bottom-bar .red {
    width: 50%;
    background: #e53935;
}

.bottom-bar .green {
    width: 50%;
    background: #7cb342;
}

.about-content {
    height: 168px;
    overflow-y: auto;
}

/* SECTION */
.highlights-section {
    background: #fff;
    padding: 50px 0 0 0;
    border-radius: 10px;
    box-shadow: 0px 4px 26px 0px #00000014;
    background-image: url(./../../form-images/info_bg02.png);
    background-repeat: no-repeat;
    margin-bottom: 20px;
    background-position: left bottom;
}

/* Title */
.section-heading {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #555;
    font-weight: 700;
    color: #616161;
}

.divider {
    width: 150px;
    height: 2px;
    background: #ccc;
    margin: 10px auto 40px;
}

/* GRID */
.highlights-grid {
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
    padding-bottom: 50px;
}

.cp-theme-circle {
    position: absolute;
    top: -148px;
    right: 0;
    z-index: 2;
}

/* CARD */
.highlight-card {
    width: 220px;
    height: 200px;
    background: #fff;
    border-radius: 12px;
    text-align: center;
    padding: 40px 20px;
    border: 1px solid #479EFB;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.highlight-card:hover {
    box-shadow: 0px 4px 30px 0px #0088ED42;
}

.highlight-card h3 {
    font-size: 28px;
    font-weight: 700;
    color: #616161;
    margin-bottom: 0;
}

.highlight-card p {
    font-size: 13px;
    color: #616161;
    margin-bottom: 0;
}

/* Bottom strip */
.bottom-strip {
    position: absolute;
    bottom: -5px;
    left: 10%;
    width: 80%;
    height: 6px;
    border-radius: 4px;
}

.bottom-strip.red {
    background: #d32f2f;
}

.bottom-strip.green {
    background: #7cb342;
}

/* ORGANIZATION SERVICES */
.organization-services-section {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 4px 26px 0px #00000014;
    padding: 50px 40px 0;
    margin-bottom: 40px;
    overflow: hidden;
    position: relative;
    background-image: url(./../../form-images/info_bg03.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

.organization-services-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 26px 30px;
    position: relative;
    z-index: 1;
}

.organization-service-card {
    height: 198px;
    background: transparent;
    padding: 0;
    text-align: center;
    perspective: 1000px;
    box-sizing: border-box;
}

.service-card-inner {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.55s ease;
}

.organization-service-card:hover .service-card-inner {
    transform: rotateY(180deg);
}

.service-card-face {
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 8px;
    box-shadow: 0px 15px 32px 0px #0000000f;
    padding: 28px 24px;
    box-sizing: border-box;
    position: absolute;
    inset: 0;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.service-card-back {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    transform: rotateY(180deg);
}

.organization-service-card:hover .service-card-face {
    border-color: #479EFB;
    box-shadow: 0px 4px 30px 0px #0088ED26;
}

.organization-service-card h3 {
    font-size: 15px;
    line-height: 1.35;
    color: #616161;
    font-weight: 700;
    margin: 14px 0 0;
}

.service-card-back h3 {
    font-size: 18px;
    margin: 0 0 18px;
}

.service-icon {
    color: #000;
    font-size: 24px;
    line-height: 1;
    min-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-icon img {
    max-width: 100px;
    max-height: 100px
}

.service-description {
    border-left: 1px solid #d0d0d0;
    padding-left: 16px;
}

.service-description p {
    color: #616161;
    font-size: 10px;
    line-height: 1.65;
    margin: 0;
}

.organization-services-action {
    text-align: center;
    padding: 66px 0 50px;
    position: relative;
    z-index: 1;
}

.view-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 102px;
    min-height: 36px;
    padding: 9px 18px;
    border-radius: 9px;
    background: #479EFB;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s ease;
}

.view-more-btn:hover {
    background: #2f8ced;
    color: #fff;
    text-decoration: none;
    box-shadow: 0px 8px 18px 0px #479efb4a;
}

.organization-services-section .bottom-bar {
    margin-left: -40px;
    margin-right: -40px;
}

.organization-services-skeleton {
    margin-bottom: 40px;
    padding-bottom: 0;
}

.organization-services-skeleton .organization-service-card {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0px 15px 32px 0px #0000000f;
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    perspective: none;
}

.service-skeleton-icon,
.service-skeleton-text,
.service-skeleton-copy,
.service-skeleton-button {
    border-radius: 6px;
    background: linear-gradient(90deg, #eee 25%, #ddd 37%, #eee 63%);
    background-size: 400% 100%;
    animation: skeleton-loading 1.4s ease infinite;
}

.service-skeleton-icon {
    width: 34px;
    height: 28px;
    margin-bottom: 24px;
}

.service-skeleton-text {
    width: 115px;
    height: 14px;
}

.service-skeleton-copy {
    width: 100%;
    height: 10px;
    margin-top: 14px;
}

.service-skeleton-copy.short {
    width: 72%;
}

.service-skeleton-button {
    width: 102px;
    height: 36px;
    margin: 66px auto 50px;
}

/* DIRECTOR & TEAM */
.director-team-section {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 4px 26px 0px #00000014;
    padding: 38px 34px 0;
    margin-bottom: 40px;
    overflow: hidden;
}

.director-desk-row {
    display: grid;
    grid-template-columns: minmax(280px, 410px) minmax(0, 1fr);
    gap: 62px;
    align-items: start;
    margin: 0 10px 66px;
}

.director-image {
    height: 410px;
    border-radius: 4px;
    overflow: hidden;
    background: #f5f5f5;
}

.director-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
}

.director-content span {
    display: block;
    color: #616161;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 8px;
}

.director-content h2 {
    color: #616161;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.director-divider {
    width: 215px;
    height: 1px;
    background: #bfbfbf;
    margin: 12px 0 16px;
}

.director-copy {
    max-height: 285px;
    overflow-y: auto;
}

.director-copy p {
    color: #9a9a9a;
    font-size: 13px;
    line-height: 1.75;
    margin: 0;
}

.director-link {
    display: inline-block;
    color: #1684ff;
    font-size: 13px;
    font-weight: 700;
    margin-top: 16px;
}

.director-link:hover {
    color: #006fe0;
    text-decoration: none;
}

.team-carousel {
    position: relative;
    margin-top: 34px;
}

.team-carousel-shell {
    overflow: hidden;
}

.team-carousel-track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 90px) / 4);
    gap: 30px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    padding: 0 0 2px;
}

.team-carousel-track::-webkit-scrollbar {
    display: none;
}

.team-card {
    min-height: 284px;
    background: #fbf8f8;
    border-radius: 8px;
    padding: 43px 20px 24px;
    scroll-snap-align: start;
}

.team-photo {
    height: 130px;
    border-radius: 5px;
    overflow: hidden;
    background: #e9edf1;
}

.team-photo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
}

.team-rule {
    height: 1px;
    background: #d5d5d5;
    margin: 34px 0 16px;
}

.team-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.team-info h3 {
    color: #479EFB;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    margin: 0 0 3px;
}

.team-info p {
    color: #333;
    font-size: 13px;
    line-height: 1.25;
    margin: 0;
}

.team-info a {
    color: #479EFB;
    font-size: 24px;
    line-height: 1;
    flex: 0 0 auto;
}

.team-info a:hover {
    color: #2f8ced;
}

.team-carousel-btn {
    width: 56px;
    height: 56px;
    border: 1px solid #479EFB;
    border-radius: 50%;
    background: #fff;
    color: #479EFB;
    position: absolute;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    cursor: pointer;
    transition: all 0.25s ease;
}

/* .team-carousel-btn:hover {
    background: #479EFB;
    color: #fff;
} */

.team-carousel-prev {
    left: -28px;
    background: url(./../../form-images/slickarrow_left.png) no-repeat center !important;
}

/* .team-carousel-prev:hover {
    left: -28px;
    background: url(./../../form-images/slickarrow_left_h.png) #479EFB no-repeat center !important;
} */

.team-carousel-next {
    right: -28px;
    background:url(./../../form-images/slickarrow_right.png)  no-repeat center;
}

/* .team-carousel-next:hover {
    background: url(./../../form-images/slickarrow_right_h.png) #479EFB no-repeat center !important;
} */

.team-action {
    text-align: center;
    padding: 40px 0 34px;
}

.director-team-section .bottom-bar {
    margin-left: -34px;
    margin-right: -34px;
}

.director-skeleton-image,
.team-skeleton-photo,
.team-skeleton-rule,
.team-skeleton-name,
.team-skeleton-role {
    border-radius: 6px;
    background: linear-gradient(90deg, #eee 25%, #ddd 37%, #eee 63%);
    background-size: 400% 100%;
    animation: skeleton-loading 1.4s ease infinite;
}

.director-skeleton-image {
    height: 410px;
}

.director-skeleton-content .skeleton-line {
    margin-left: 0;
    margin-right: 0;
}

.director-team-skeleton .team-carousel-track {
    overflow: hidden;
}

.team-skeleton-card {
    border: 1px solid #eee;
}

.team-skeleton-photo {
    height: 123px;
}

.team-skeleton-rule {
    width: 100%;
    height: 1px;
    margin: 34px 0 16px;
}

.team-skeleton-name {
    width: 140px;
    height: 18px;
    margin-bottom: 8px;
}

.team-skeleton-role {
    width: 115px;
    height: 12px;
}

/* BLOGS */
.blogs-section {
    /* background: #000;
    border-radius: 10px; */
    padding: 0 0 42px;
    margin-bottom: 40px;
}

.blogs-section .section-heading {
    color: #616161;
    padding-top: 0;
    margin-top: 0;
}

.blogs-section .divider {
    background: #bfbfbf;
    margin-bottom: 34px;
}

.blogs-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 48px;
}

.blog-card {
    min-height: 158px;
    background: #fbf9f9;
    border: 1px solid #479EFB;
    border-left-width: 6px;
    border-radius: 8px;
    padding: 20px 18px 20px 30px;
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr) 18px;
    gap: 40px;
    align-items: center;
    transition: all 0.3s ease-in;
}

.blog-card:hover {
    transform: scale(1.1);
}

.blog-card.red-line {
    border-left-color: #e53935;
}

.blog-card.green-line {
    border-left-color: #7cb342;
}

.blog-image {
    width: 118px;
    height: 118px;
    border-radius: 8px;
    overflow: hidden;
    background: #e8edf3;
}

.blog-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.blog-content h3 {
    color: #479EFB;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    /* margin: 0 0 12px; */
}

.blog-content p {
    color: #282828;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.45;
    margin: 0;
}

.blog-arrow {
    width: 18px;
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    align-self: start;
    margin-top: 4px;
}

.blog-arrow img {
    width: 11px;
    height: auto;
    display: block;
}

.blogs-action {
    text-align: center;
    padding-top: 50px;
}

.blogs-action .view-more-btn {
    min-width: 156px;
}

.blog-skeleton-image,
.blog-skeleton-title,
.blog-skeleton-text {
    border-radius: 6px;
    background: linear-gradient(90deg, #eee 25%, #ddd 37%, #eee 63%);
    background-size: 400% 100%;
    animation: skeleton-loading 1.4s ease infinite;
}

.blog-skeleton-image {
    width: 118px;
    height: 118px;
}

.blog-skeleton-content {
    width: 100%;
}

.blog-skeleton-title {
    width: 92%;
    height: 14px;
    margin-bottom: 10px;
}

.blog-skeleton-title.short {
    width: 72%;
    margin-bottom: 18px;
}

.blog-skeleton-text {
    width: 100%;
    height: 9px;
    margin-bottom: 9px;
}

.blogs-skeleton .service-skeleton-button {
    margin-top: 50px;
    margin-bottom: 0;
}

/* TESTIMONIALS */
.testimonial-section {
    background: #fff;
    /* border: 1px solid #479EFB; */
    border-radius: 10px;
    box-shadow: 0px 4px 26px 0px #00000014;
    padding: 36px 34px 0;
    margin-bottom: 40px;
    overflow: hidden;
    background-image: url(./../../form-images/info_bg02.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

.testimonial-section .section-heading {
    margin-top: 0;
}

.testimonial-carousel {
    position: relative;
    min-height: 408px;
    margin-top: 50px;
}

.testimonial-stage {
    position: relative;
    min-height: 330px;
}

.testimonial-card {
    width: 285px;
    min-height: 284px;
    background: #fbf9f9;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 40px 26px 30px;
    position: absolute;
    top: 18px;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%) scale(0.9);
    transition: transform 0.35s ease, opacity 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
    z-index: 0;
    pointer-events: none;
}

.testimonial-card.is-left,
.testimonial-card.is-right,
.testimonial-card.is-active {
    opacity: 1;
    pointer-events: auto;
}

.testimonial-card.is-left {
    transform: translateX(calc(-50% - 310px)) scale(0.88);
}

.testimonial-card.is-right {
    transform: translateX(calc(-50% + 310px)) scale(0.88);
}

.testimonial-card.is-active {
    width: 330px;
    min-height: 324px;
    top: 0;
    border-color: #479EFB;
    background: #fff;
    transform: translateX(-50%) scale(1);
    z-index: 2;
}

.testimonial-card.is-hidden {
    opacity: 0;
}

.testimonial-card p {
    color: #4f4f4f;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.45;
    margin: 0;
}

.testimonial-card.is-active p {
    font-size: 13px;
    line-height: 1.45;
}

.testimonial-person {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 66px;
}

.testimonial-card.is-active .testimonial-person {
    margin-top: 66px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
}

.testimonial-person img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.testimonial-card.is-active .testimonial-person img {
    width: 72px;
    height: 72px;
}

.testimonial-person h3 {
    color: #479EFB;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
    margin: 0 0 5px;
}

.testimonial-card.is-active .testimonial-person h3 {
    font-size: 20px;
}

.testimonial-person span {
    color: #333;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
}

.testimonial-card.is-active .testimonial-person span {
    font-size: 13px;
}

.testimonial-carousel-btn {
    width: 56px;
    height: 56px;
    border: 1px solid #479EFB;
    border-radius: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    color: #479EFB;
    position: absolute;
    top: 138px;
    z-index: 4;
    cursor: pointer;
    transition: all 0.25s ease;
}

.testimonial-carousel-btn:hover {
    background-color: #f3f9ff;
}

.testimonial-prev {
    left: 0;
    background-image: url(./../../form-images/slickarrow_left.png);
}

.testimonial-next {
    right: 0;
    background-image: url(./../../form-images/slickarrow_right.png);
}

.testimonial-section .bottom-bar {
    margin-left: -34px;
    margin-right: -34px;
}

.testimonial-skeleton .testimonial-card {
    pointer-events: none;
}

.testimonial-skeleton-copy,
.testimonial-skeleton-avatar,
.testimonial-skeleton-name,
.testimonial-skeleton-role {
    border-radius: 6px;
    background: linear-gradient(90deg, #eee 25%, #ddd 37%, #eee 63%);
    background-size: 400% 100%;
    animation: skeleton-loading 1.4s ease infinite;
}

.testimonial-skeleton-copy {
    width: 100%;
    height: 10px;
    margin-bottom: 10px;
}

.testimonial-card.is-active .testimonial-skeleton-copy {
    height: 12px;
}

.testimonial-skeleton-copy.short {
    width: 72%;
}

.testimonial-skeleton-person {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 66px;
}

.testimonial-skeleton-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.testimonial-card.is-active .testimonial-skeleton-avatar {
    width: 72px;
    height: 72px;
}

.testimonial-skeleton-name {
    width: 120px;
    height: 16px;
    margin-bottom: 9px;
}

.testimonial-skeleton-role {
    width: 96px;
    height: 11px;
}

/* FAQ */
.faq-section {
    background: #fff;
    /* border: 1px solid #479EFB; */
    border-radius: 10px;
    box-shadow: 0px 4px 26px 0px #00000014;
    padding: 22px 20px 62px;
    margin-bottom: 40px;
    display: grid;
    grid-template-columns: minmax(260px, 38%) minmax(0, 1fr);
    column-gap: 42px;
    row-gap: 0;
    /* align-items: end; */
    overflow: hidden;
    background-image: url(./../../form-images/info_bg02.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.faq-visual {
    min-height: 420px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.faq-visual img {
    width: min(360px, 100%);
    max-height: 330px;
    object-fit: contain;
    display: block;
}

.faq-heading-row {
    grid-column: 1 / -1;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
    margin-bottom: 0;
    position: relative;
}

.faq-heading-row>div {
    width: 100%;
}

.faq-heading-row .section-heading {
    margin-top: 0;
    text-align: center;
}

.faq-heading-row .divider {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}

.faq-heading-row .view-more-btn,
.faq-heading-row .service-skeleton-button {
    min-width: 100px;
    flex: 0 0 auto;
    position: absolute;
    right: 0;
    top: 0;
}

.faq-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.faq-item {
    background: #fbf9f9;
    border: 1px solid transparent;
    border-radius: 8px;
    position: relative;
}

.faq-item[open] {
    background: #fff;
    border-color: #479EFB;
    margin-bottom: 4px;
}

.faq-item[open]::after {
    content: "";
    height: 4px;
    width: calc(100% - 20px);
    position: absolute;
    left: 10px;
    bottom: -5px;
    border-radius: 0 0 4px 4px;
    background: linear-gradient(90deg, #e53935 0 50%, #7cb342 50% 100%);
}

.faq-item summary {
    min-height: 50px;
    padding: 16px 42px 15px 20px;
    color: #479EFB;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    cursor: pointer;
    list-style: none;
    position: relative;
}

.faq-item summary::-webkit-details-marker {
    display: none;
}

.faq-item summary::before,
.faq-item summary::after {
    content: "";
    width: 12px;
    height: 2px;
    background: #479EFB;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.faq-item summary::after {
    transform: translateY(-50%) rotate(90deg);
}

.faq-item[open] summary::after {
    display: none;
}

.faq-item[open] summary {
    padding-bottom: 14px;
}

.faq-item[open] summary+p {
    border-top: 1px solid #cfcfcf;
}

.faq-item p {
    color: #333;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.45;
    margin: 0 20px 24px;
    padding-top: 14px;
}

.faq-skeleton-illustration,
.faq-skeleton-question,
.faq-skeleton-answer {
    border-radius: 8px;
    background: linear-gradient(90deg, #eee 25%, #ddd 37%, #eee 63%);
    background-size: 400% 100%;
    animation: skeleton-loading 1.4s ease infinite;
}

.faq-skeleton-illustration {
    width: min(320px, 100%);
    height: 300px;
}

.faq-skeleton .service-skeleton-button {
    margin: 0;
}

.faq-skeleton-item {
    background: #fbf9f9;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 16px 20px;
    position: relative;
}

.faq-skeleton-item.is-open {
    background: #fff;
    border-color: #d1d1d1;
    margin-bottom: 4px;
}

.faq-skeleton-item.is-open::after {
    content: "";
    height: 4px;
    width: calc(100% - 20px);
    position: absolute;
    left: 10px;
    bottom: -5px;
    border-radius: 0 0 4px 4px;
    background: linear-gradient(90deg, #e53935 0 50%, #7cb342 50% 100%);
}

.faq-skeleton-question {
    width: 80%;
    height: 13px;
}

.faq-skeleton-answer {
    width: 100%;
    height: 10px;
    margin-top: 16px;
}

.faq-skeleton-answer.short {
    width: 74%;
}


.contact-section {
    background: #fff;
    /* border: 1px solid #479EFB; */
    border-radius: 10px;
    box-shadow: 0px 4px 26px 0px #00000014;
    padding: 36px 34px 0;
    margin-bottom: 40px;
    overflow: hidden;
    background-image: url(./../../form-images/info_bg02.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.contact-section .bottom-bar {
    margin-left: -34px;
    margin-right: -34px;
}

.contact-container {
    max-width: 1200px;
    margin: auto;
    display: flex;
    gap: 40px;
    align-items: center;
}

/* LEFT */
.contact-left img {
    width: 100%;
    max-width: 450px;
}

/* FORM */
.contact-form {
    background: #fff;
    padding: 10px 30px;
    border-radius: 12px;
    flex: 1;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    /* border: 1px solid #479EFB; */
    margin-bottom: 30px;
}

.contact-form h2 {
    text-align: center;
    margin-bottom: 20px;
    font-weight: 600;
}

/* INPUTS */
.contact-form .form-group {
    margin-bottom: 5px;
}

.contact-form .form-group label {
    font-size: 13px;
    font-weight: 700;
    color: #000;
    display: block;
    margin-bottom: 6px;
}

.contact-form input,
.contact-form textarea {
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #479EFB;
    border-radius: 10px;
    outline: none;
    background-color: #fff;
}

/* PHONE */
.phone-wrapper {
    display: flex;
    gap: 10px;
}

.contact-form .country {
    padding: 3px 10px;
    border: 1px solid #479EFB;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #468FF6;
    width: 160px;
}

/* ROW */
.row {
    display: flex;
    /* gap: 15px; */
}

.row .form-group {
    flex: 1;
}

/* BUTTON */
.contact-form button {
    display: block;
    width: auto;
    /* important: remove full width */
    padding: 10px 25px;
    background: #4c8bf5;
    border: none;
    color: #fff;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    margin: 20px auto 0;
    /* centers horizontally */
}

/* ---------------- */
/* SKELETON LOADING */
/* ---------------- */

.skeleton {
    position: relative;
    overflow: hidden;
    /* background: #e5e7eb; */
}

.skeleton::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150px;
    height: 100%;
    width: 150px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
    animation: shimmer 1.5s infinite;
}

.skeleton-ui .skeleton::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150px;
    width: 150px;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.7), transparent);
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    100% {
        transform: translateX(300px);
    }
}



.blog-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    gap: 16px;
    margin: 0 0 20px;
}

.blog-top-bar .tag-filter-dropdown,
.blog-sort-filter {
    flex: 0 0 auto;
}

.blog-filter-control {
    height: 40px;
    border: 1px solid #479EFB !important;
    border-radius: 8px !important;
    background-color: #fff;
    color: #929292;
    font-size: 12px;
    line-height: 1;
    box-shadow: none;
}

.blog-top-bar .filter-btn {
    width: 190px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog-top-bar .filter-btn img {
    width: 12px;
    height: auto;
}

.blog-top-bar .blog-dropdown {
    width: 210px;
    padding: 0 40px 0 20px;
    appearance: none;
    background-image: url(./../../form-images/msoformbluedownarrow.png);
    background-repeat: no-repeat;
    background-position: right 18px center;
    background-size: 12px auto;
}


.tag-filter-dropdown {
    position: relative;
    display: inline-block;
}

.filter-btn {
    width: 250px;
    height: 40px;
    border: 1px solid #ddd;
    background: #fff;
    text-align: left;
    padding: 0 12px;
    border-radius: 4px;
}

.tag-filter-menu {
    display: none;
    position: absolute;
    top: 45px;
    left: 0;
    width: 280px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    z-index: 999;
    padding: 10px;
}

.blog-top-bar .tag-filter-menu {
    top: 46px;
    width: 260px;
    border-color: #479EFB;
    border-radius: 8px;
}

/* Left Section */
.blog-left-section {
    display: flex;
    align-items: center;
    gap: 15px;
}

.blog-title {
    color: #3b82f6;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-size: 16px;
}

/* Custom Checkbox */
.blog-custom-checkbox {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0;
}

.blog-custom-checkbox input {
    opacity: 0;
    width: 0;
    height: 0;
}

.blog-checkmark {
    position: absolute;
    inset: 0;
    background: #fff;
    border: 1px solid #959595;
    border-radius: 6px;
    cursor: pointer;
}

.blog-custom-checkbox input:checked+.blog-checkmark {
    background: #3b82f6;
    border: 1px solid #3b82f6;
}

.blog-checkmark::after {
    content: "";
    position: absolute;
    display: none;
}

.blog-custom-checkbox input:checked+.blog-checkmark::after {
    display: block;
}

.blog-checkmark::after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Menu Icon */
.blog-menu-icon {
    width: 30px;
    height: 30px;
    /* border: 2px solid #3b82f6; */
    position: relative;
}

/* .blog-menu-icon::before,
.blog-menu-icon::after {
  content: "";
  position: absolute;
  left: 5px;
  right: 5px;
  height: 2px;
  background: #3b82f6;
} */

.blog-menu-icon::before {
    top: 8px;
}

.blog-menu-icon::after {
    bottom: 8px;
}

/* Right Controls */
.blog-right-controls {
    display: flex;
    align-items: center;
    gap: 15px;
}

.blog-dropdown {
    background: #fff;
    border: 1px solid #3b82f6;
    border-radius: 10px;
    padding: 8px 12px;
    color: #929292;
    font-size: 12px;
}

.blog-dropdown:focus-visible {
    box-shadow: none;
    border: 1px solid #3b82f6;
    outline: none;
}

.blog-search-box {
    position: relative;
    flex: 1 1 auto;
}

.blog-search-box input,
.blog-search-box input:focus {
    height: 40px;
    padding: 5px 46px 5px 20px;
    border-radius: 8px;
    border: 1px solid #479EFB;
    background: #fff;
    width: 100%;
    font-size: 12px;
    box-shadow: none;
}

.blog-search-icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
}

.blog-search-icon img {
    width: 18px;
    height: 18px;
    display: block;
}

.blog-filter-skeleton {
    margin-top: 30px;
}

.blog-filter-skeleton-control,
.blog-filter-skeleton-search {
    height: 40px;
    border-radius: 8px;
    background: linear-gradient(90deg, #eee 25%, #ddd 37%, #eee 63%);
    background-size: 400% 100%;
    animation: skeleton-loading 1.4s ease infinite;
}

.blog-filter-skeleton-control {
    width: 190px;
    flex: 0 0 auto;
}

.blog-filter-skeleton-search {
    flex: 1 1 auto;
}

.tag {
    background: #666;
    color: #fff;
    padding: 0 12px;
    border-radius: 20px;
    font-size: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.tag-search {
    width: 100%;
    height: 35px;
    border: 1px solid #4da3ff;
    padding: 0 10px;
    margin-bottom: 10px;
    font-size: 13px;
}

.tag-list-container {
    max-height: 200px;
    /* scrollbar */
    overflow-y: auto;
}

.tag-checkbox-item {
    display: flex;
    align-items: center;
    gap: 8px;
    /* padding: 6px 0; */
    cursor: pointer;
}

.tag-checkbox-item span {
    font-size: 13px;
    color: #929292;
}



#page-loader {
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, 0.7);
    z-index: 999999;

    display: none;
    justify-content: center;
    align-items: center;
}

.loader-spinner {
    width: 60px;
    height: 60px;
    border: 5px solid #e5e5e5;
    border-top: 5px solid #007bff;
    border-radius: 50%;
    animation: spinLoader 1s linear infinite;
}

.mtop {
    margin-top: 30px
}


/***** */
@keyframes spinLoader {
    100% {
        transform: rotate(360deg);
    }
}

@media (max-width: 767px) {
    .blog-top-bar {
        flex-direction: column;
        align-items: stretch;
    }

    .blog-top-bar .tag-filter-dropdown,
    .blog-sort-filter,
    .blog-top-bar .filter-btn,
    .blog-top-bar .blog-dropdown,
    .blog-filter-skeleton-control,
    .blog-filter-skeleton-search {
        width: 100%;
    }
}

.blog-add-btn {
    background: #3b82f6;
    color: #fff;
    border: none;
    padding: 5px 15px;
    border-radius: 10px;
    cursor: pointer;
    font-size: 13px;
}

.bloglistingarea {
    margin-top: 20px;
}

/* .blog-list-skeleton-wrapper {
  padding: 0;
} */

.blog-item-skeleton {
    cursor: default;
}

.blog-thumb-skeleton,
.blog-title-skeleton,
.blog-desc-skeleton,
.blog-meta-skeleton,
.blog-tags-skeleton div,
.blog-action-skeleton {
    border-radius: 8px;
    background: linear-gradient(90deg, #eee 25%, #ddd 37%, #eee 63%);
    background-size: 400% 100%;
    animation: skeleton-loading 1.4s ease infinite;
}

.blog-thumb-skeleton {
    width: 118px;
    height: 118px;
    flex: 0 0 auto;
}

.blog-content-skeleton {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.blog-title-skeleton {
    width: 55%;
    height: 18px;
}

.blog-desc-skeleton {
    width: 92%;
    height: 12px;
}

.blog-desc-skeleton.short {
    width: 72%;
}

.blog-meta-skeleton {
    width: 62%;
    height: 12px;
}

.blog-tags-skeleton {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 2px;
}

.blog-tags-skeleton div {
    width: 74px;
    height: 22px;
    border-radius: 20px;
}

.blog-action-skeleton {
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
}



.blog-item {
    display: flex;
    align-items: center;
    gap: 15px;
    background: #f9f8f8;
    border: 1px solid #479EFB;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 15px;
    cursor: grab;
    transition: 0.2s ease;
    position: relative;
    overflow: hidden;
}

.blog-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
    background: var(--sidebar-color, #C10E0E);
    /* default */
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.blog-item:nth-child(odd):before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
    background: var(--sidebar-color, #7EB84C);
    /* default */
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.blog-item:active {
    cursor: grabbing;
    opacity: 0.8;
}

/* Drag Handle */
.blog-drag {
    font-size: 20px;
    cursor: grab;
    padding-top: 10px;
}

/* Checkbox */
.blog-checkbox {
    position: absolute;
    width: 22px;
    height: 22px;
    top: 17px;
    left: 39px;

    /* position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0; */
}

.blog-checkbox input {
    opacity: 0;
}

.blog-checkmark {
    position: absolute;
    inset: 0;
    background: #fff;
    border-radius: 6px;
}

.blog-checkbox input:checked+.blog-checkmark::after {
    display: block;
}

.blog-checkmark:after {
    content: '';
    position: absolute;
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.blog-checkbox input:checked+.blog-checkmark {
    background: #3b82f6;
    border: 1px solid #3b82f6;
}

.blog-checkmark::after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Thumbnail */
.blog-thumb img {
    width: 118px;
    height: 118px;
    object-fit: cover;
    border-radius: 10px;
}

/* Content */
.blog-content {
    flex: 1;
    padding-right: 30px;
}

/* Header */
.blog-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blog-title {
    font-size: 16px;
    color: #3b82f6;
    margin: 0;
}

/* Status */
.blog-status {
    display: flex;
    align-items: center;
    gap: 10px;
}

.blog-draft {
    border: 1px solid #F2B200;
    background: #FFF9D5;
    color: #959595;
    padding: 0 8px;
    border-radius: 10px;
    font-size: 12px;
}

.blog-published {
    border: 1px solid #30F200;
    background: #DEFFD5;
    color: #479EFB;
    padding: 0 8px;
    border-radius: 10px;
    font-size: 12px;
}

.blog-close {
    background: #fff;
    border-radius: 50%;
    padding: 3px 6px;
    cursor: pointer;
    width: 33px;
    height: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Description */
.blog-desc {
    font-size: 12px;
    margin: 0;
    color: #616161;
    line-height: 20px;
    font-weight: 700;
}

/* Meta */
.blog-meta {
    font-size: 12px !important;
    color: #616161 !important;
    margin-bottom: 0 !important;
    line-height: 24px !important;
    font-weight: 400 !important;
}

/* Tags */
.blog-tags {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.blog-tag {
    background: #666;
    color: #fff;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
}

/* Edit Button */
.blog-edit {
    background: #fff;
    border-radius: 50%;
    padding: 8px;
    cursor: pointer !important;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33px;
    height: 33px;
}

/* Hover Effect */
.blog-item:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.blog-drag {
    cursor: grab;
}

.blog-drag:active {
    cursor: grabbing;
}

/* While dragging */
.blog-dragging {
    opacity: 0.6;
    background: #dbeafe;
    border: 2px dashed #3b82f6;
}

/* Prevent accidental drag from content */
.blog-content,
.blog-thumb,
.blog-checkbox,
.blog-edit {
    cursor: default;
}

.donebtn {
    width: 57px;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
}

.detailsBTN {
    position: absolute;
    top: 20px;
    right: 20px;
    transform: translateY(-50%);
}

.pagination {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Page Numbers */
.page-number {
    text-decoration: none;
    font-size: 16px;
    color: #2f80ed;
    font-weight: 500;
    padding: 6px 10px;
    border-radius: 6px;
    transition: 0.2s;
}

/* Active Page */
.page-number.active {
    font-weight: 700;
    color: #2f80ed;
}

/* Hover */
.page-number:hover {
    background: #eaf2ff;
}

/* Next Button (Circle) */
.page-next {
    width: 40px;
    height: 40px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #2f80ed;
    font-size: 18px;
    transition: 0.3s;
    box-shadow: 0px 4px 4px 0px #00000040;

}

/* Hover Effect */
.page-next:hover {
    background: #fff;
    color: #fff;
    transform: translateX(3px);
}

.page-prev {
    width: 40px;
    height: 40px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #2f80ed;
    font-size: 18px;
    transition: 0.3s;
    box-shadow: 0px 4px 4px 0px #00000040;

}

/* Hover Effect */
.page-prev:hover {
    background: #fff;
    color: #fff;
    transform: translateX(-3px);
}

.blog-content,
.blog-thumb,
.blog-checkbox,
.blog-edit {
    cursor: default;
}

.blogdetailsarea {
    background-image: url(./../../img/blogdetails_bg.png);
    background-repeat: no-repeat;
    background-position: top right;
    padding: 30px 58px 64px;
    margin-top: 120px;
}

.blogdetails-skeleton-page {
    margin-bottom: 40px;
}

.blogdetails-skeleton-back,
.blogdetails-skeleton-title,
.blogdetails-skeleton-meta,
.blogdetails-skeleton-tags div,
.blogdetails-skeleton-views div,
.blogdetails-skeleton-hero,
.blogdetails-skeleton-copy div,
.blogdetails-skeleton-media,
.blogdetails-skeleton-actions div,
.blogdetails-skeleton-section-title,
.blogdetails-skeleton-textarea,
.blogdetails-skeleton-submit,
.blogdetails-skeleton-avatar,
.blogdetails-skeleton-comment-copy div {
    border-radius: 8px;
    background: linear-gradient(90deg, #eee 25%, #ddd 37%, #eee 63%);
    background-size: 400% 100%;
    animation: skeleton-loading 1.4s ease infinite;
}

.blogdetails-skeleton-back {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 50%;
}

.blogdetails-skeleton-header {
    width: 100%;
}

.blogdetails-skeleton-title {
    width: 88%;
    height: 18px;
    margin-bottom: 12px;
}

.blogdetails-skeleton-title.short {
    width: 58%;
}

.blogdetails-skeleton-meta {
    width: 52%;
    height: 14px;
    margin: 16px 0 14px;
}

.blogdetails-skeleton-tags,
.blogdetails-skeleton-views {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
}

.blogdetails-skeleton-tags div {
    width: 84px;
    height: 22px;
    border-radius: 20px;
}

.blogdetails-skeleton-views div {
    width: 120px;
    height: 14px;
}

.blogdetails-skeleton-hero {
    height: 240px;
    margin-bottom: 42px;
}

.blogdetails-skeleton-copy {
    flex: 1 1 auto;
    margin-bottom: 30px;
}

.blogdetails-skeleton-copy.centered {
    max-width: 92%;
    margin: 0 auto 42px;
}

.blogdetails-skeleton-copy div {
    width: 100%;
    height: 12px;
    margin-bottom: 14px;
}

.blogdetails-skeleton-copy div.medium {
    width: 78%;
}

.blogdetails-skeleton-copy div.short {
    width: 58%;
}

.blogdetails-skeleton-media.small,
.blogdetails-skeleton-media.wide {
    width: 294px;
    height: 243px;
    flex: 0 0 294px;
}

.blogdetails-skeleton-actions {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid #479EFB;
    border-radius: 5px;
    padding: 8px 12px;
    background: #f8f9fb;
    margin-top: 30px;
}

.blogdetails-skeleton-actions div {
    width: 110px;
    height: 32px;
}

.blogdetails-skeleton-testimonial,
.blogdetails-skeleton-comments {
    margin-top: 30px;
}

.blogdetails-skeleton-section-title {
    width: 190px;
    height: 18px;
    margin-bottom: 12px;
}

.blogdetails-skeleton-textarea {
    width: 100%;
    height: 80px;
    margin-bottom: 12px;
}

.blogdetails-skeleton-submit {
    width: 95px;
    height: 36px;
    margin-left: auto;
}

.blogdetails-skeleton-comment {
    display: flex;
    gap: 28px;
    margin-bottom: 22px;
}

.blogdetails-skeleton-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.blogdetails-skeleton-comment-copy {
    flex: 1 1 auto;
}

.blogdetails-skeleton-comment-copy div {
    width: 100%;
    height: 12px;
    margin-bottom: 12px;
}

.blogdetails-skeleton-comment-copy div.name {
    width: 150px;
    height: 16px;
}

.blogdetails-skeleton-comment-copy div.short {
    width: 70%;
}

.blogdetails-related-skeleton {
    margin-top: 30px;
}

.blogdetailsWrap {
    max-width: 1080px;
    margin: 0 auto;
}

.blogdetailsHeader {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    margin-bottom: 30px;
}

.blogdetailsBackBtn {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #4293ff;
    color: #4293ff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    line-height: 1;
    text-decoration: none;
    /* box-shadow: 0 0 0 4px rgba(66, 147, 255, 0.12); */
}

.blogdetailsTitle {
    margin: 0 0 12px;
    color: #479EFB;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 10px;
    padding-bottom: 0;
}

.blogdetailsMeta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
    color: #4A4545;
    font-size: 14px;
}

.blogdetailsMeta span {
    position: relative;
}

.blogdetailsMeta span+span::before {
    content: "";
    position: absolute;
    left: -12px;
    top: 50%;
    width: 1px;
    height: 12px;
    background: rgba(255, 255, 255, 0.22);
    transform: translateY(-50%);
}

.blogdetailsTags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.blogdetailsTags span {
    background: #666;
    color: #fff;
    padding: 0 12px;
    border-radius: 20px;
    font-size: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.blogdetailsTags span span {
    padding: 0;
}

/* .blogdetailsTags span::before {
  content: "+";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
} */

.blogdetailsHeroPlaceholder,
.blogdetailsMediaPlaceholder,
.blogdetailsFooterMedia {
    background: #F8F8F8;
    border-radius: 6px;
    border: 1px dashed #D9D9D9;
}

.blogdetailsHeroPlaceholder {
    height: 240px;
    margin-bottom: 42px;
    overflow: hidden;
}

.blogdetailsHeroPlaceholder img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.blogdetailsSplit {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 34px;
    margin-bottom: 42px;
}

.blogdetailsSplitReverse {
    align-items: center;
}

.blogdetailsMediaSmall {
    width: 294px;
    height: 243px;
    flex: 0 0 294px;
}

.blogdetailsMediaSmall img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.blogdetailsMediaWide {
    width: 294px;
    height: 243px;
    flex: 0 0 294px;
}

.blogdetailsMediaWide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.blogdetailsTextBlock {
    flex: 1 1 auto;
}

.blogdetailsTextBlock p,
.blogdetailsLongContent p {
    margin: 0 0 5px;
    color: #4A4545;
    font-size: 12px;
    line-height: 2;
    font-weight: 400;
}

.blogdetailsTextBlock p:last-child,
.blogdetailsLongContent p:last-child {
    margin-bottom: 0;
}

.blogdetailsCenteredMedia {
    display: flex;
    justify-content: center;
    margin: 16px 0 42px;
}

.blogdetailsMediaCenter {
    width: 420px;
    height: 420px;
}

.blogdetailsLongContent {
    max-width: 100%;
    margin-bottom: 30px;
}

.blogdetailsLongContentCentered {
    max-width: 92%;
    margin: 0 auto 42px;
    text-align: center;
}

.blogdetailsFooterMedia {
    height: 300px;
    margin: 52px 0 34px;
}

.blogdetailsFooterBtn {
    text-align: center;
}

.blogdetailsListingBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    min-height: 46px;
    padding: 12px 24px;
    border-radius: 12px;
    background: #248cff;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.3s ease, transform 0.3s ease;
}

.blogdetailsListingBtn:hover {
    background: #0d78f0;
    transform: translateY(-1px);
    color: #fff;
    text-decoration: none;
}

.blogviews {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #616161;
    font-size: 12px;
    margin-top: 10px;
}

.viewsblock {
    display: flex;
    align-items: center;
    gap: 5px;
}

.action-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #479EFB;
    border-radius: 5px;
    padding: 8px 12px;
    background: #f8f9fb;
    max-width: 100%;
}

/* Common button style */
.action-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 10px;
    border: 1px solid #479EFB;
    background: #fff;
    color: #479EFB;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Hover effect */
.action-btn:hover {
    background: #eef3ff;
    border-color: #5b8def;
    color: #5b8def;
}

/* Share button special style */
.share-btn {
    background: #4a8df6;
    color: #fff;
    border: none;
}

.share-btn:hover {
    background: #4a8df6;
    color: #fff;
}

.writetestimonialsSectionArea {
    margin-top: 30px;
}

.writetestimonialsTitle {
    font-weight: 700;
    font-size: 16px;
    color: #479EFB;
    margin: 0 0 10px 0;
    padding: 0;
}

.writetestimonialsTextarea {
    border: 1px solid #479EFB;
    border-radius: 10px;
    height: 80px;
    background: #F9F7F7;
    width: 100%;
    padding: 10px;
    resize: none;
}

.writetestimonialsSubmitBtn {
    border: 1px solid #479EFB;
    background: #479EFB;
    color: #fff;
    border-radius: 10px;
    padding: 8px 16px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
}

.writetestimonialsSubmitBtn span {
    margin-right: 10px;
}

.writetestimonialsFormFooter {
    text-align: right;
}

.commentsblockarea {
    margin-top: 30px;
}

.commentblock {
    display: flex;
    flex-direction: row;
    gap: 28px;
}

.commenterAvatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #479EFB;
}

.commenterAvatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.commentText {
    width: calc(100% - 48px);
    font-weight: 400;
    font-size: 13px;
    color: #4A4545;
}

.commenterName {
    font-weight: 700;
    font-size: 15px;
    color: #479EFB;
    margin-bottom: 10px;
}

.recentcommentsarea {
    margin-bottom: 30px;
}

.director-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 12px;
    overflow: hidden;
    gap: 20px;
}

/* LEFT IMAGE */
.director-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* RIGHT CONTENT */
.director-content-area {
    /* background: #0c0c0c;
    color: #fff; */
    padding: 0 40px 40px;
}

.director-content-area .divider {
    width: 210px;
    height: 2px;
    background: #ccc;
    margin: 20px 0;
}

.director-subtitle {
    color: #616161;
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 16px;
}

.director-name {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 24px;
    color: #616161;
    margin: 0;
    padding: 0;
}

.director-text {
    font-size: 13px;
    line-height: 1.7;
    color: #959595;
    margin-bottom: 15px;
    height: 307px;
    overflow-y: auto;
    background: #fff;
}

.custom-padding {
    padding: 40px !important;
}

.teammemberarea {
    margin-top: 30px;
}

.member-grid {
    grid-template-columns: repeat(3, minmax(180px, 1fr)) !important;
    gap: 26px 70px !important;
}

.member-grid .organization-service-card {
    height: 340px;
}

.member-grid .organization-service-card .service-card-face {
    border: 1px solid #479EFB;
}

.member-grid .service-icon {
    width: 100%;
    height: 100%;
}

.member-grid .service-icon img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    max-width: none !important;
    max-height: none !important;
}

.member-grid h3 {
    color: #479EFB;
    font-weight: 700;
    font-size: 18px;
    margin: 0;
}

.member-grid .service-card-front h3 {
    margin-top: 15px;
}

.member-grid h2 {
    color: #616161;
    font-weight: 700;
    font-size: 13px;
}

.teammemberpage {
    background-image: url(./../../form-images/info_bg03.png), url(./../../form-images/member_bg.png);
    background-repeat: no-repeat, no-repeat;
    background-position: center bottom, right top;
}

/* BASE */
.director-skeleton {
    background: linear-gradient(90deg, #eee 25%, #ddd 37%, #eee 63%);
    background-size: 400% 100%;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    margin-bottom: 12px;
}

/* shimmer */
.director-skeleton::after {
    content: "";
    position: absolute;
    top: 0;
    left: -200px;
    width: 200px;
    height: 100%;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, 0.2),
            transparent);
    animation: directorShimmer 1.5s infinite;
}

@keyframes directorShimmer {
    100% {
        transform: translateX(400px);
    }
}

/* sizes */
.director-skeleton-image {
    height: 100%;
    min-height: 300px;
}

.director-skeleton-title {
    width: 40%;
    height: 14px;
}

.director-skeleton-name {
    width: 60%;
    height: 24px;
}

.director-skeleton-text {
    width: 100%;
    height: 12px;
}

.teammemberarea .organization-services-grid {
    grid-template-columns: repeat(3, minmax(180px, 1fr)) !important;
    gap: 26px 70px !important;
}

.faqpage {
    margin-top: 120px;
}

.toolswrapper {
    background-color: #23344A;
    background-image: url(./../../form-images/tools_top_bg.png), url(./../../form-images/tools_bottom_bg.png);
    background-repeat: no-repeat;
    background-position: top left, bottom center;
    background-size: cover;
    min-height: 100vh;
}

.tools-section {
    max-width: 1100px;
    margin: 120px auto 0 auto;
    padding: 40px 20px;
}

/* TITLE */
.tools-title {
    text-align: center;
    color: #fff;
    font-size: 22px;
    margin-bottom: 30px;
    position: relative;
}

.tools-title::after {
    content: "";
    width: 120px;
    height: 2px;
    background: #a5c8ff;
    display: block;
    margin: 10px auto 0;
}

/* CARD */
.tool-card {
    position: relative;
    border-radius: 50px;
    display: flex;
    align-items: center;
    /* vertical alignment */
    justify-content: space-between;
    /* push left & right */
    gap: 20px;
    /* small controlled gap */

    border-radius: 50px;
    background: rgba(255, 255, 255, 0.05);
    padding: 20px 25px;
    margin-bottom: 30px;
    transition: transform 0.3s ease;
    /* For Safari */
    -webkit-transition: transform 0.3s ease;
}

/* Gradient border */
.tool-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50px;
    padding: 1px;
    /* border thickness */

    background: linear-gradient(120deg,
            rgba(255, 255, 255, 0.4),
            rgba(255, 255, 255, 0.05));

    /* MAGIC PART */
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
}

.tool-card::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 20%;
    width: 60%;
    height: 20px;
    background: radial-gradient(ellipse,
            rgba(255, 255, 255, 0.2),
            transparent);
    filter: blur(10px);
    z-index: -2;
}

.tool-card:hover {
    transform: translateY(-3px);
}

/* ICON */
.tool-left {
    flex: 0 0 auto;
    /* fixed size, no stretch */
}

.tool-icon {
    font-size: 30px;
    color: #bfeaff;
}

/* CONTENT */
.tool-content {
    flex: 1;
    /* THIS is the key */
}

.tool-content h3 {
    color: #B5FAFF;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 700;
}

.tool-content p {
    color: #E7E7E7;
    font-size: 13px;
}

.toolheading {
    font-weight: 700;
    color: #fff;
}

/* BUTTON */
.tool-action {
    flex: 0 0 auto;
    /* keep button fixed */
}

.tool-action button {
    padding: 10px 20px;
    border-radius: 25px;
    /* border: 1px solid #a5c8ff; */
    background: transparent;
    color: #d6f3ff;
    cursor: pointer;
    transition: 0.3s;
    font-size: 16px;
    font-weight: 700;
    position: relative;
}

.tool-action button::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50px;
    padding: 1px;
    /* border thickness */

    background: linear-gradient(120deg,
            rgba(255, 255, 255, 1),
            rgba(255, 255, 255, 0.05));

    /* MAGIC PART */
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
}

.tool-action button::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 20%;
    width: 60%;
    height: 20px;
    /* background: radial-gradient(
        ellipse,
        rgba(255,255,255,1),
        transparent
    );
    filter: blur(10px); */
    z-index: -2;
}

.tool-action button:hover {
    background: #a5c8ff;
    color: #000;
}

.tools-skeleton-box,
.tools-skeleton-line,
.tools-skeleton-btn {
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 6px;
}

/* SHIMMER EFFECT */
.tools-skeleton-box::after,
.tools-skeleton-line::after,
.tools-skeleton-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150px;
    width: 150px;
    height: 100%;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, 0.25),
            transparent);
    animation: tools-shimmer 1.2s infinite;
}

@keyframes tools-shimmer {
    100% {
        left: 100%;
    }
}

/* ICON */
.tools-skeleton-box {
    width: 40px;
    height: 40px;
    border-radius: 10px;
}

/* TEXT */
.tools-skeleton-line {
    height: 12px;
    margin-bottom: 8px;
    width: 100%;
}

/* .tools-title {
    width: 40%;
    height: 16px;
} */

.tools-short {
    width: 70%;
}

/* BUTTON */
.tools-skeleton-btn {
    width: 110px;
    height: 36px;
    border-radius: 30px;
}

/* OPTIONAL CARD LOOK */
.tools-skeleton-card {
    backdrop-filter: blur(6px);
}

.tools-skeleton-wrapper .skeleton-title {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.2) 37%, rgba(255, 255, 255, 0.2) 63%);
}

.tools-skeleton-wrapper .skeleton-divider {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.2) 37%, rgba(255, 255, 255, 0.2) 63%);
}

.cmsbasepage h3 {
    font-weight: 700;
    font-size: 18px;
    color: #479EFB;
    margin: 0 0 10px 0;
    padding: 0;
}

/* BASE */
.privacypolicy-skeleton-line,
.privacypolicy-skeleton-divider {
    position: relative;
    overflow: hidden;
    background: linear-gradient(90deg, #eee 25%, #ddd 37%, #eee 63%);
    border-radius: 6px;
    margin-bottom: 10px;
}

/* SHIMMER */
.privacypolicy-skeleton-line::after,
.privacypolicy-skeleton-divider::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150px;
    width: 150px;
    height: 100%;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, 0.25),
            transparent);
    animation: privacypolicy-shimmer 1.2s infinite;
}

@keyframes privacypolicy-shimmer {
    100% {
        left: 100%;
    }
}

/* HEADING */
.privacypolicy-heading {
    width: 250px;
    height: 28px;
    margin-bottom: 15px;
}

/* SUB HEADING */
.privacypolicy-subheading {
    width: 180px;
    height: 18px;
    margin-top: 20px;
}

/* PARAGRAPH */
.privacypolicy-skeleton-line {
    width: 100%;
    height: 12px;
}

/* SHORT LINE */
.privacypolicy-short {
    width: 70%;
}

/* DIVIDER */
.privacypolicy-skeleton-divider {
    width: 100%;
    height: 2px;
    margin: 15px 0 20px;
}

/* banner slide area start */
.websitebanner {
    position: relative;
    width: 100%;
    /* margin-top: 126px; */
}

.banner-slide {
    /* height: 420px; */
    background-size: cover;
    background-position: center;
    /* border-radius: 12px; */
    position: relative;
    display: flex;
    align-items: center;
    /* padding: 40px; */
    overflow: hidden;
}

/* Overlay */
/* .banner-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0,0,0,0.75) 30%, rgba(0,0,0,0.2) 100%);
    z-index: 1;
} */


/* Owl dots */
.banner-carousel .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    /* spacing between dots */
    margin-top: 15px;
}

.banner-carousel .owl-dot {
    display: inline-block;
    /* or flex */
}

.banner-carousel .owl-dot span {
    width: 8px;
    height: 8px;
    background: #aaa;
    border-radius: 50%;
    display: block;
}

.banner-carousel .owl-dot.active span {
    background: #00bfff;
}

/* banner slide area end */

.investor-phone-dropdown .dropdown-menu a {
    font-size: 12px;
    padding-left: 40px !important;
}

.websitetools-section {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 4px 26px 0px #00000014;
    padding: 50px 40px 0;
    margin-bottom: 40px;
    overflow: hidden;
    position: relative;
    background-image: url(./../../form-images/info_bg03.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

.websitetools-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 26px 30px;
    position: relative;
    z-index: 1;
}

.websitetools-card {
    height: 198px;
    background: transparent;
    padding: 0;
    text-align: center;
    perspective: 1000px;
    box-sizing: border-box;
    transition: all ease-in-out 0.3s;
}

/* .websitetools-card:hover{
  box-shadow: rgba(0, 136, 237, 0.15) 0px 4px 30px 0px;
  border:1px solid rgb(71, 158, 251);
} */

.websitetools-card .service-card-front:hover {
    box-shadow: rgba(0, 136, 237, 0.15) 0px 4px 30px 0px;
    border: 1px solid rgb(71, 158, 251);
    border-radius: 10px;
}

.explorebtn {
    background: #479EFB;
    color: #fff;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 5px 15px;
    /* max-height: 34px; */
    font-weight: 700;
    font-size: 11px;
    display: inline-block;
    transition: all ease-in-out 0.3s;
}

.explorebtn:hover {
    background: #2f8ced;
    color: #fff;
}

.websitetools-card h3 {
    font-size: 15px;
    line-height: 1.35;
    color: #616161;
    font-weight: 700;
    margin: 14px 0 0;
}

.corporateArea {
    margin: 0;
    padding: 0;
}

.corporate_logo {
    margin-top: 30px;
}

.logo-carousel {
    padding: 40px 0;
}

.logo-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    /* fixed height */
}

.logo-item a {
    display: block;
}

.logo-item img {
    max-height: 104px;
    max-width: 100%;
    width: auto;
    object-fit: contain;
    /* filter: grayscale(100%);
    opacity: 0.7; */
    transition: all 0.3s ease;
}

.logo-item img:hover {
    filter: grayscale(0%);
    opacity: 1;
}

/* base */
.websitetools-skeleton {
    background: linear-gradient(90deg, #eee 25%, #ddd 37%, #eee 63%);
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}

/* shimmer */
.websitetools-skeleton::after {
    content: "";
    position: absolute;
    top: 0;
    left: -200px;
    width: 200px;
    height: 100%;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, 0.2),
            transparent);
    animation: websitetools-shimmer 1.5s infinite;
}

@keyframes websitetools-shimmer {
    100% {
        transform: translateX(400px);
    }
}

/* card skeleton layout */
.websitetools-skeleton-card {
    padding: 20px;
    border-radius: 20px;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 8px;
    box-shadow: 0px 15px 32px 0px #0000000f;
}

/* icon */
.websitetools-skeleton-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
}

/* title */
.websitetools-skeleton-title {
    width: 60%;
    height: 16px;
    margin-bottom: 15px;
}

/* button */
.websitetools-skeleton-btn {
    width: 100px;
    height: 35px;
    border-radius: 20px;
}

.otherlinks {
    background-image: url(./../../form-images/otherlinksIcon.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 30px;
}

.investor-dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown box */
.investor-dropdownmenu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 220px;
    background: #fff;
    border-radius: 6px;
    padding: 10px 0;
    display: none;
    z-index: 1000;
}

/* Links */
.investor-dropdownmenu a {
    display: block;
    padding: 8px 16px;
    color: #616161;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    background-image: url(./../../form-images/linkIcon.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 37px;
    font-weight: 700;
    transition: all ease-in 0.5s;
}

.investor-dropdownmenu a:last-child {
    border-bottom: none;
}

.investor-dropdownmenu a:hover {
    background: #d6d6d6;
    text-decoration: none;
    color: #616161;
    background-image: url(./../../form-images/linkIcon.png);
    background-repeat: no-repeat;
    background-position: 10px center;
}

/* Show dropdown */
.investor-dropdown.active .investor-dropdownmenu {
    display: block;
}

.menudrodownIcon {
    position: relative;
    top: -1px;
    right: -3px;
}

/* fixed navigation */
/* Fixed right sidebar */
.fixed-right-icons {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);

    background: #479EFB;
    /* blue background */
    padding: 10px 8px;
    border-radius: 10px 0 0 10px;

    display: flex;
    flex-direction: column;
    gap: 7px;

    z-index: 9999;
}

/* Icon box */
.fixed-right-icons a {
    width: 49px;
    height: 43px;
    background: #F5F5F5;
    border-radius: 8px;

    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease-in 0.5s;
}

/* Icon image */
.fixed-right-icons img {
    width: 20px;
    height: 20px;
}

/* Hover effect */
.fixed-right-icons a:hover {
    background: #ffffff;
}


/* investor corner website seetings end */

/* investor corner data sheet area start */
.investor_data .page-title {
    padding: 24px 32px 8px;
    font-size: 20px;
    font-weight: 600;
    color: #2b2b2b;
    margin: 0 0 20px 233px;
    padding: 0 0 0 0;
    font-weight: 700;
    font-size: 16px;
    color: #616161;
    border-bottom: none;
}

/* .investor_data .layout {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    min-width: 0;
  } */

.investor_data .layout {
    display: grid;
    grid-template-columns: auto 1fr;
    /* menu-wrapper takes its natural width, content takes the rest */
    align-items: start;
    gap: 24px;
    width: 100%;
    max-width: 100%;
}

/* LEFT PANEL - fixed on scroll */
.menu-wrapper {
    width: 205px;
    flex-shrink: 0;
    position: sticky;
    top: 0px;
    /* required — distance from top of viewport */
    align-self: flex-start;
    /* important if parent is a flex container */
}

.menu-panel {
    /* position: sticky;
    top: 24px; */
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0px 4px 26px 0px #00000014;
}

.menu-title {
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    color: #333;
    margin: 4px 0 20px;
}

.menu-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.menu-item {
    background: #fff;
    border-radius: 10px;
    padding: 16px 8px;
    text-align: center;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    user-select: none;
    min-height: 100px;
    box-shadow: 0px 4px 17px 0px #00000017;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;

}

.menu-item:hover {
    border: 1px solid #4c8ff0;
}

.menu-item.active {
    border-color: #4c8ff0;
    box-shadow: 0 0 0 1px #4c8ff0;
    background: #479EFB;
}

.menu-item .icon {
    font-size: 20px;
    color: #4c8ff0;
    margin-bottom: 8px;
}

.menu-item.active .icon svg path {
    fill: white;
}

.menu-item .label {
    color: #616161;
    line-height: 1.3;
    font-weight: 700;
    font-size: 12px;
}

.menu-item.active .label {
    color: #fff;
}

/* RIGHT CONTENT */
.investor-data-content {
    flex: 1;
}

.investor_data .content {
    flex: 1;
    min-width: 0;
    /* ← add this line */
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 4px 26px 0px #00000014;
    padding: 24px 32px 40px;
    min-height: 900px;
}

.section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #eaf2ff;
    border-radius: 8px;
    padding: 5px 20px;
}

.section-header .left {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 17px;
    font-weight: 600;
    color: #616161;
}

.section-header .left .avatar {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #b9d5fb;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4c8ff0;
    font-size: 14px;
}

.nav-btns {
    display: flex;
    gap: 10px;
}

.nav-btns button {
    width: 34px;
    height: 34px;
    border-radius: 6px;
    border: 1px solid #cfe0fb;
    background: #fff;
    color: #4c8ff0;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-btns button.disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.note {
    font-size: 12px;
    color: #616161;
    margin: 5px 0 24px;
}

.photo-row {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    margin-bottom: 32px;
}

.photo-box {
    width: 153px;
    height: 153px;
    border: 1px solid #d8dce2;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    padding: 10px;
}

.photo-box img {
    width: 100%;
    height: 100%;
    fill: #c7cbd1;
    border-radius: 8px;
    object-fit: cover;
}

.photo-info h4 {
    margin: 4px 0 8px;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    color: #616161;
}

.photo-info p {
    font-size: 12px;
    color: #616161;
    margin: 0 0 16px;
    max-width: 420px;
}

.photo-actions {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.photo-actions button {
    border: none;
    border-radius: 8px;
    padding: 2px 15px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.btn-upload {
    background: #4c8ff0;
}

.btn-remove {
    background: #d9414e;
}

.form-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px 24px;
}

.form-grid .field {
    width: 31%;
}

.field label {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #4c8ff0;
    margin-bottom: 6px;
}

.field input,
.field select {
    width: 100%;
    padding: 5px 10px;
    border-radius: 5px;
    background: #F9F7F7;
    font-size: 13px;
    color: #444;
}

.field.full {
    width: 100%;
}

.phone-field {
    display: flex;
    gap: 8px;
}

.phone-field select {
    width: 70px;
    flex-shrink: 0;
}

.form-grid .field.custom-two-column {
    width: 48%;
}

.select-option {
    padding: 9px 10px !important;
}

.custom-block {
    border: 1px solid #CDE5FE;
    border-radius: 8px;
    padding: 20px;
    gap: 10px 22px;
    margin-bottom: 20px;
    position: relative;
}

.block-btn-remove {
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 2px 8px;
    font-size: 12px;
    cursor: pointer;
}

.overflow-section {
    max-height: 710px;
    overflow-y: auto;
}

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

.btn-add-new {
    background: #479EFB;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 8px 20px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    display: inline-block;
}


.assets-wrap {
    /* max-width:960px;
    margin:0 auto; */
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
    min-width: 0;
    /* ← add this too */
}

.assets-wrap .sub-page-title {
    font-size: 22px;
    font-weight: 700;
    color: var(--text-dark);
    margin: 0 0 20px 4px;
}

/* ===== table scroll wrapper ===== */
.table-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.assets-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.assets-table th,
.assets-table td {
    padding: 10px 8px;
    vertical-align: middle;
    text-align: left;
}

/* Column width distribution */
.assets-table .col-particulars {
    width: 10%;
}

.assets-table .col-value {
    width: 10%;
}

.assets-table .col-invest {
    width: 20%;
}

.assets-table .col-action {
    width: 2%;
}

.assets-table .col-goal-year {
    width: 6%;
}

/* Generic field wrapper */
.input-with-prefix {
    display: flex;
    align-items: center;
    gap: 4px;
    border: 1px solid #d9e2ec;
    border-radius: 6px;
    padding: 4px 8px;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
}

.input-with-prefix .prefix {
    color: #7a8699;
    font-size: 13px;
    flex-shrink: 0;
}

.input-with-prefix select,
.input-with-prefix input {
    border: none;
    outline: none;
    width: 100%;
    min-width: 0;
    /* allows flex children to shrink properly instead of overflowing */
    font-size: 14px;
    background: transparent;
}

/* Goal Amount cell: cost_type select + amount input + settings icon, side by side */
.goal-row {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
}

.goal-row .cost-type-field {
    flex: 1 1 65%;
    min-width: 100px;
}

.goal-row .amount-field {
    flex: 1 1 45%;
    min-width: 90px;
}

.goal-row .goal-settings-btn {
    flex: 0 0 auto;
    border: none;
    background: transparent;
    cursor: pointer;
    color: #7a8699;
    padding: 4px;
}

.goal-settings-btn:hover {
    color: #2f7bf6;
}

.remove-btn {
    border: none;
    background: transparent;
    color: #e5484d;
    cursor: pointer;
    padding: 4px;
}

.remove-btn:hover {
    color: #c93b3f;
}

.assets-table thead th {
    text-align: left;
    font-size: 13.5px;
    font-weight: 700;
    color: #616161;
    background: #F6FBFF;
    padding: 14px 12px;
    white-space: nowrap;
}

.table_select {
    background-color: #F9F7F7;
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
    line-height: 38px;
    color: #468FF6;
    padding: 10px;
    width: 100%
}

.assets-table thead th:first-child {
    border-top-left-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
}


.col-value,
.col-invest {
    text-align: center !important;
}

.assets-table tbody tr {
    border-bottom: 1px solid var(--border);
}

.assets-table tbody td {
    padding: 3px;
    vertical-align: middle;
    position: relative;
}

.particular-label {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--blue-text);
    font-weight: 600;
    font-size: 14.5px;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.particular-label .sub {
    font-weight: 400;
    font-size: 12px;
    color: var(--blue-text);
    opacity: .85;
}

.chevron {
    width: 10px;
    height: 10px;
    border-right: 2px solid var(--blue-text);
    border-bottom: 2px solid var(--blue-text);
    transform: rotate(45deg);
    margin-top: -3px;
    flex-shrink: 0;
}

.input-with-prefix {
    display: flex;
    align-items: center;
    border-radius: 6px;
    padding: 0;
    height: 38px;
}

.input-with-prefix .prefix {
    color: #479EFB;
    font-size: 13px;
    margin-right: 6px;
    font-weight: 700;
}

.input-with-prefix input {
    border: none;
    /* background: #F9F7F7; */
    padding: 6px 10px;
    width: 100%;
    outline: none;
    width: 100%;
    font-size: 13.5px;
    border-radius: 5px;
    /* color: #468FF6; */
}

.custom-goal-input {
    max-width: 100%;
    padding: 10px !important;
}

.remarks-box {
    background: var(--input-bg);
    border: 1px solid var(--border);
    border-radius: 6px;
    height: 38px;
    width: 100%;
}

.remove-btn {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--red);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.remove-btn svg {
    width: 20px;
    height: 20px;
}

/* Custom row select */
.custom-select {
    width: 100%;
    height: 40px;
    border-radius: 6px;
    background: #F9F7F7;
    padding: 0 12px;
    font-size: 13.5px;
    color: var(--text-dark);
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, var(--blue-text) 50%),
        linear-gradient(135deg, var(--blue-text) 50%, transparent 50%);
    background-position: calc(100% - 18px) center, calc(100% - 13px) center;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

.selectaddmore {
    background-color: transparent;
    position: absolute;
    right: 20px;
}

.custom-row-wrap {
    margin-top: 14px;
    max-width: 280px;
}

.add-more-btn {
    margin-top: 18px;
    background: var(--blue);
    color: #fff;
    border: none;
    padding: 5px 22px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.add-more-btn:hover {
    background: #2f6fe0;
}

.options-block {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.option-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
}

.option-row input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-top: 1px;
    accent-color: #468FF6;
    border-radius: 4px;
    flex-shrink: 0;
    border: 1px solid #468FF6;
}

.option-row span {
    color: #468FF6;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

.section-header .left .icon {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4c8ff0;
    font-size: 18px;
}

/* Subsection band (Life Insurance / Health Insurance) */
.sub-band {
    background: #eaf2ff;
    border-radius: 6px;
    text-align: center;
    padding: 10px;
    font-size: 15px;
    font-weight: 600;
    color: #616161;
    margin: 24px -8px 20px;
}

/* Card block */
.insurance-card {
    position: relative;
    border: 1px solid #468FF6;
    border-radius: 10px;
    padding: 24px 24px 20px;
    margin-bottom: 20px;
}

.card-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 24px;
    height: 24px;
    color: #d9414e;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    cursor: pointer;
}

/* .field {
    flex: 1 1 45%;
    min-width: 220px;
  } */
.field label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    color: #4c8ff0;
    margin-bottom: 6px;
}

.info-icon {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #4c8ff0;
    color: #fff;
    font-size: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
}

/* Row of small amount fields (Sum Assured, Annual Premium, etc.) */
.amount-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 24px;
}

.amount-field {
    flex: 1 1 18%;
    min-width: 150px;
}

.amount-field label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    color: #4c8ff0;
    margin-bottom: 6px;
    white-space: nowrap;
}

.amount-input-wrap {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #f9f7f7;
    border-radius: 5px;
    padding: 0 10px;
}

.amount-input-wrap span {
    color: #666;
    font-size: 13px;
}

.amount-input-wrap input {
    width: 100%;
    padding: 5px 10px;
    border-radius: 5px;
    background: #F9F7F7;
    font-size: 13px;
    color: #444;
}

.amount-field select {
    width: 100%;
    padding: 8px 10px;
    border-radius: 5px;
    background: #F9F7F7;
    font-size: 13px;
    color: #444;
}

/* Family member pill with + and select */
.member-select-wrap {
    display: flex;
    align-items: center;
    background: #f9f7f7;
    border-radius: 5px;
    padding-right: 8px;
}

.member-select-wrap select {
    flex: 1;
    border: none;
    background: transparent;
    padding: 9px 12px;
    font-size: 13px;
    color: #444;
}

.plus-btn {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    background-color: transparent;
}

.member-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #eaf2ff;
    border-radius: 20px;
    padding: 5px 12px 5px 5px;
    font-size: 13px;
    color: #444;
}

.member-tag .avatar {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #4c8ff0;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.member-tag .remove {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1.5px solid #d9414e;
    color: #d9414e;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #fff;
}

.add-more-wrap {
    text-align: center;
    margin: 16px 0 8px;
}

.btn-add-more {
    background: #4c8ff0;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 10px 24px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.addIconArea {
    display: flex;
    align-items: center;
    background: #f9f7f7;
    border-radius: 5px;
    padding-right: 8px;
}

.country-select-wrap {
    position: relative;
    width: 90px;
    flex-shrink: 0;
}

.country-select-wrap .flag-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 13px;
    object-fit: cover;
    border-radius: 2px;
    pointer-events: none;
}

.country-select-wrap select {
    width: 100%;
    padding: 5px 22px 5px 34px;
    /* extra right padding for the arrow */
    border: none;
    border-radius: 5px;
    background: #f9f7f7;
    font-size: 13px;
    color: #444;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.country-select-wrap select:focus-visible {
    outline: none;
    border: none;
}

/* custom dropdown arrow */
.country-select-wrap::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid #888;
    border-bottom: 2px solid #888;
    transform: translateY(-70%) rotate(45deg);
    pointer-events: none;
}

.rp-wrap {
    /* max-width:1000px; */
    margin: 0 auto;
    padding: 0 0 20px;
}

/* ===== Header ===== */
.rp-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #eaf2ff;
    border-radius: 8px;
    padding: 5px 20px;
    gap: 16px;
}

.rp-header-left {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 17px;
    font-weight: 600;
    color: #616161;
}

.rp-header-left svg {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
}

.autofill-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--blue);
    color: #fff;
    border: none;
    padding: 6px 18px;
    border-radius: 8px;
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.autofill-btn:hover {
    background: #479EFB;
}

.rp-header-right {
    display: flex;
    gap: 10px;
    margin-left: auto;
}

.nav-btn {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    border: 1px solid var(--blue);
    background: #fff;
    color: var(--blue);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.nav-btn svg {
    width: 16px;
    height: 16px;
}

.rp-note {
    font-size: 13.5px;
    color: var(--text-muted);
    padding: 16px 24px 0;
}

/* ===== Questions ===== */
.rp-wrap .questions-list {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.rp-wrap .question-block {
    overflow: hidden;
}

.rp-wrap .question-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    background: #eaf2ff;
    padding: 5px 10px;
    border-radius: 8px;
}

.rp-wrap .q-number {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--blue);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rp-wrap .q-text {
    font-size: 12px;
    font-weight: 700;
    color: var(--text-dark);
    line-height: 1.5;
    padding-top: 4px;
}

.rp-wrap .options-list {
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    border: 1px solid rgba(205, 229, 254, 1);
    border-radius: 8px;
}

.rp-wrap .option-row {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    font-size: 12px;
    color: var(--text-dark);
}

.rp-wrap .option-row input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid rgba(203, 203, 203, 1);
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
    margin: 0;
}

.rp-wrap .option-row input[type="radio"]:checked {
    border-color: var(--blue);
}

.rp-wrap .option-row input[type="radio"]:checked::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--blue);
    transform: translate(-50%, -50%);
}

.rp-wrap .option-row .stat {
    font-weight: 700;
    color: var(--text-dark);
    font-size: 12px;
}

.rp-wrap .option-row .separator {
    color: #ccc;
    margin: 0 4px;
}

/* ===== Submit ===== */
.submit-wrap {
    padding: 30px 0 0;
}

.submit-btn {
    background: var(--blue);
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 14.5px;
    font-weight: 700;
    cursor: pointer;
}

/* ===== Doubts / Chat section ===== */
.doubts-wrap {
    margin: 0 auto 0;
    padding: 15px 0;
    border-top: 1px solid #479EFB;
}

.doubts-banner {
    background: #F6FBFF;
    border-radius: 12px 12px 0 0;
    text-align: center;
    padding: 5px 20px 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.doubts-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: linear-gradient(135deg, #cfe6ff, #7bb8fb);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
}

.doubts-icon svg {
    width: 26px;
    height: 26px;
}

.doubts-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-dark);
    margin: 0;
}

.doubts-subtitle {
    font-size: 13.5px;
    color: var(--text-dark);
    margin: 0;
    font-weight: 700;
}

.doubts-body {
    background: #fff;
    border: 1px solid var(--border);
    border-top: none;
    border-radius: 0 0 12px 12px;
    padding: 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.chat-with-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    font-size: 13.5px;
    color: var(--text-dark);
}

.chat-with-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #1a1a1a;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.chat-with-avatar svg {
    width: 18px;
    height: 18px;
}

.chat-with-name {
    font-weight: 700;
}

.chat-input-row {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.chat-textarea {
    flex: 1;
    min-height: 70px;
    border: 1px solid var(--blue);
    border-radius: 8px;
    padding: 14px 16px;
    font-size: 14px;
    color: var(--text-dark);
    font-family: inherit;
    resize: vertical;
    outline: none;
}

.chat-textarea::placeholder {
    color: #9aa4b0;
}

.chat-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-shrink: 0;
    width: 150px;
}

.send-query-btn {
    background: var(--blue);
    color: #fff;
    border: none;
    padding: 11px 18px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}


.attach-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #fff;
    color: var(--blue);
    border: 1px solid var(--blue);
    padding: 10px 18px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}


.attach-btn svg {
    width: 15px;
    height: 15px;
}

.data-sheet-preview-area {
    margin: 0 0 20px 0;
    padding: 0;
}

.printbtn_area {
    text-align: right;
}

.printBtn {
    background: #479EFB;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 5px 20px;
    font-size: 14.5px;
    font-weight: 700;
    cursor: pointer;
}

.data-sheet-header {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eaf2ff;
    border-radius: 8px;
    padding: 5px 20px;
    gap: 16px;
    margin-top: 20px;
    position: relative;
}

.file-save {
    background: #E3FFDF;
    color: #1E8A2E;
    font-size: 13px;
    border-radius: 10px;
    padding: 10px 20px;
    font-weight: 700;
    position: absolute;
    top: -10px;
    left: 20px;
}

.rp-header-center {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 17px;
    font-weight: 600;
    color: #616161;
}

.data-sheet-info-header {
    background: #FFF7DF;
    color: #AEAEAE;
    font-size: 12px;
    padding: 10px 20px;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 15px;
}

.data-sheet-preview-area .personal-card {
    margin: 10px 0 0 0;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
    padding: 30px 40px 40px;
}

.data-sheet-preview-area .card-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #D7D7D7;
    margin-bottom: 30px;
    justify-content: center;
}

.data-sheet-preview-area .card-header svg {
    width: 20px;
    height: 20px;
    color: var(--blue);
    flex-shrink: 0;
}

.data-sheet-preview-area .card-header h2 {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-dark);
    margin: 0;
    padding: 0;
}

.data-sheet-preview-area .photo-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 36px;
}

.data-sheet-preview-area .photo-box {
    width: 140px;
    height: 140px;
    border-radius: 12px;
    background: #f2f3f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.data-sheet-preview-area .photo-box svg {
    width: 76px;
    height: 76px;
    color: #c6c8cc;
}

.data-sheet-preview-area .info-rows {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.data-sheet-preview-area .info-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.data-sheet-preview-area .info-cell {
    display: grid;
    grid-template-columns: 150px 1fr;
    align-items: center;
    gap: 10px;
}

.data-sheet-preview-area .info-cell label {
    font-size: 13px;
    color: #AEAEAE;
    white-space: nowrap;
    margin-bottom: 0;
}

.data-sheet-preview-area .info-cell .value {
    font-size: 13px;
    font-weight: 700;
    color: #3A3838;
}

.data-sheet-preview-area .info-cell.full {
    grid-column: 1 / -1;
}

.data-sheet-preview-area .phone-value {
    display: flex;
    align-items: center;
    gap: 10px;
}

.data-sheet-preview-area .phone-code {
    background: var(--input-bg);
    padding: 6px 12px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 14px;
    color: var(--text-dark);
}

.family-card {
    margin: 20px 0 0 0;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
    padding: 30px 40px 40px;
}

.card-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--border);
    margin-bottom: 30px;
}

.card-header svg {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
}

.card-header h2 {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-dark);
    margin: 0;
}

.member-block {
    border: 1px solid #CDE5FE;
    border-radius: 14px;
    padding: 15px;
    margin-bottom: 24px;
}

.member-block:last-child {
    margin-bottom: 0;
}

.member-block.active {
    border-color: var(--member-border-active);
}

.photo-box {
    width: 140px;
    height: 140px;
    border-radius: 12px;
    background: #f2f3f5;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.photo-box svg {
    width: 70px;
    height: 70px;
    color: #c6c8cc;
}

.info-rows {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.info-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.info-row.triple {
    grid-template-columns: 1fr 1fr 1fr;
}

.info-cell {
    display: grid;
    grid-template-columns: 150px 1fr;
    align-items: center;
    gap: 10px;
}

.info-cell label {
    font-size: 14px;
    color: var(--text-muted);
    line-height: 1.3;
}

.info-cell .value {
    font-size: 14.5px;
    font-weight: 700;
    color: var(--text-dark);
}

.ie-card {
    margin: 20px 0 0 0;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
    padding: 30px 40px 40px;
}

.card-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--border);
    margin-bottom: 30px;
}

.card-header svg {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
}

.card-header h2 {
    font-size: 15.5px;
    font-weight: 600;
    color: var(--text-dark);
    margin: 0;
}

/* ===== Income/Expense rows ===== */
.ie-list {
    max-width: 620px;
    margin: 0 auto;
}

.ie-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 20px;
}

.ie-row.alt {
    background: #F9F7F7;
    border-radius: 8px;
}

.ie-label {
    font-size: 13.5px;
    color: var(--text-muted);
    line-height: 1.4;
}

.ie-label .sub {
    display: block;
    font-size: 12px;
    color: #c2c2c2;
}

.ie-value {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.ie-value .rupee {
    color: var(--text-muted);
    font-size: 15px;
}

.ie-value .amount {
    font-size: 14.5px;
    font-weight: 700;
    color: var(--text-dark);
}

.surplus-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px 0;
    border-top: 1px solid #D7D7D7;
    margin-top: 8px;
}

.surplus-row .ie-label {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-dark);
}

.surplus-row .amount {
    font-size: 19px;
}

/* ===== Donut cards ===== */
.donut-cards {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 36px;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
}

.donut-card {
    border: 1px solid var(--blue);
    border-radius: 10px;
    padding: 24px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

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

.donut-text .label {
    font-size: 15px;
    font-weight: 600;
    color: var(--text-dark);
    line-height: 1.5;
    margin: 0 0 10px;
}

.donut-text .percent {
    font-size: 22px;
    font-weight: 700;
}

.donut {
    width: 227px;
    height: 227px;
    border-radius: 50%;
    flex-shrink: 0;
    position: relative;
}

.donut::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    height: 60%;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.investment-details {
    margin: 20px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.section-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.05);
    padding: 24px 30px;
}

.section-card .section-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 700;
    color: #616161;
    margin-bottom: 20px;
}

.section-card .section-title svg {
    width: 20px;
    height: 20px;
}

/* ===== Investment table ===== */
.table-scroll {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #616161;
    border-radius: 8px;
}

table.inv-table {
    width: 100%;
    min-width: 800px;
    border-collapse: collapse;
    font-size: 12.5px;
}

table.inv-table th {
    background: #F6FBFF;
    text-align: left;
    padding: 10px;
    font-weight: 700;
    color: #616161;
    white-space: nowrap;
}

table.inv-table td {
    padding: 10px;
    color: #616161;
    vertical-align: top;
}

table.inv-table tr td:first-child {
    width: 150px;
}

table.inv-table tr:nth-child(even) td {
    background: #F9F7F7;
}

.remarks-cell {
    color: var(--text-muted);
    font-size: 11.5px;
    max-width: 220px;
}

.eror-cell {
    color: var(--blue);
    font-weight: 700;
    text-align: right;
}

.value-cell {
    white-space: nowrap;
    text-align: center;
    font-weight: 700;
    color: #616161;
}

.rupee {
    color: var(--text-muted);
    margin-right: 2px;
}

/* ===== Pie chart layout ===== */
.pie-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    flex-wrap: wrap;
}

.pie {
    width: 260px;
    height: 260px;
    border-radius: 50%;
    flex-shrink: 0;
}

.pie-legend {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.legend-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13.5px;
    color: var(--text-dark);
}

.legend-dot {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 3px;
}

.chart-caption {
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: var(--text-dark);
    margin-top: 20px;
}

/* ===== Property table ===== */
table.prop-table {
    width: 100%;
    min-width: 900px;
    border-collapse: collapse;
    font-size: 12.5px;
}

table.prop-table th {
    background: #F6FBFF;
    text-align: left;
    padding: 12px 14px;
    font-weight: 700;
    color: var(--text-dark);
    white-space: nowrap;
}

table.prop-table td {
    padding: 10px;
    color: var(--text-dark);
    white-space: nowrap;
}

table.prop-table td.value {
    font-weight: 700;
    color: #3A3838;
    text-align: center;
}

table.prop-table tr:nth-child(even) td {
    background: #F9F7F7;
}

/* ===== Bar chart ===== */
.bar-section {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
    border: 1px solid #616161;
    border-radius: 10px;
    padding: 34px;
}

.bar-chart-wrap {
    flex: 1;
    min-width: 280px;
}

.bar-chart {
    display: flex;
    align-items: flex-end;
    gap: 20px;
    height: 220px;
    padding-left: 40px;
    position: relative;
    border-left: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.bar-y-axis {
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    font-size: 11px;
    color: var(--text-muted);
}

.bar-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.bar-track {
    width: 100%;
    max-width: 70px;
    height: 190px;
    display: flex;
    flex-direction: column-reverse;
}

.bar-fill {
    width: 100%;
    border-radius: 3px 3px 0 0;
}

.bar-label {
    font-size: 12px;
    color: var(--text-dark);
    text-align: center;
    margin-top: 6px;
}

.bar-stat {
    flex: 0 0 220px;
    text-align: center;
    padding-top: 20px;
}

.bar-stat .stat-label {
    font-size: 13.5px;
    color: var(--text-dark);
    font-weight: 600;
    line-height: 1.5;
}

.bar-stat .stat-value {
    font-size: 22px;
    font-weight: 700;
    color: var(--red);
    margin-top: 8px;
}


.ins-card {
    margin: 20px 0 0 0;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
    padding: 24px 30px;
}

.card-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--border);
    margin-bottom: 24px;
}

.card-header svg {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
}

.card-header h2 {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-dark);
    margin: 0;
}

.sub-header {
    background: #F6FBFF;
    text-align: center;
    font-size: 13.5px;
    font-weight: 700;
    letter-spacing: .5px;
    color: #616161;
    padding: 12px;
    border-radius: 6px;
    margin: 24px 0 16px;
}

/* ===== Tables ===== */
.table-scroll {
    width: 100%;
    overflow-x: auto;
}

table.ins-table {
    width: 100%;
    min-width: 820px;
    border-collapse: collapse;
    font-size: 12.5px;
}

table.ins-table th {
    text-align: left;
    padding: 10px 14px;
    font-weight: 700;
    color: #616161;
    white-space: nowrap;
    background: #F6FBFF;
}

table.ins-table td {
    padding: 10px 14px;
    border-bottom: 1px solid var(--border);
    color: var(--text-dark);
    vertical-align: middle;
}

table.ins-table tr.group-row td {
    font-weight: 700;
    color: var(--text-dark);
    border-top: 1px solid #616161;
    border-bottom: 1px solid #616161;
}

table.ins-table tr:nth-child(even):not(.group-row) td {
    background: #F9F7F7;
}

.rupee {
    color: var(--text-muted);
    margin-right: 2px;
}

.member-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.member-tag {
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 600;
    color: var(--text-dark);
    white-space: nowrap;
}

.familymember {
    color: #AEAEAE;
    margin-right: 6px;
}

.year {
    text-align: center;
}

/* ===== Bar chart ===== */
.chart-box {
    border: 1px solid #616161;
    border-radius: 10px;
    padding: 24px 20px 10px;
    margin-top: 24px;
}

.chart-title {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: var(--text-dark);
    margin-bottom: 14px;
}

.chart-legend {
    display: flex;
    justify-content: center;
    gap: 24px;
    margin-bottom: 20px;
    font-size: 12.5px;
}

.chart-legend .swatch {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    vertical-align: middle;
}

.chart-body {
    display: flex;
    align-items: stretch;
    gap: 8px;
}

.axis-label-left,
.axis-label-right {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 11px;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.y-axis {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    font-size: 11px;
    color: var(--text-muted);
    flex-shrink: 0;
    padding-bottom: 26px;
}

.bars-area {
    flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    border-left: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    height: 280px;
    padding: 0 10px;
}

.bar-group {
    display: flex;
    align-items: flex-end;
    gap: 6px;
    flex: 1;
    justify-content: center;
    height: 100%;
    padding-bottom: 0;
    position: relative;
}

.bar {
    width: 26px;
    border-radius: 2px 2px 0 0;
}

.bar-group-label {
    position: absolute;
    bottom: -24px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 11.5px;
    color: var(--text-dark);
}

.x-axis-title {
    text-align: center;
    font-size: 11px;
    color: var(--text-muted);
    margin-top: 34px;
}

.liab-card {
    margin: 20px 0 0 0;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
    padding: 24px 30px;
}

.card-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--border);
    margin-bottom: 26px;
}

.card-header svg {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
}

.card-header h2 {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-dark);
    margin: 0;
}



.assets-wrap .table-scroll {
    width: 100%;
    overflow-x: auto;
    border: none;
}

table.liab-table {
    width: 100%;
    min-width: 700px;
    border-collapse: collapse;
    font-size: 13.5px;
}

table.liab-table th {
    background: #F6FBFF;
    text-align: left;
    padding: 14px 20px;
    font-weight: 600;
    color: var(--text-dark);
    white-space: nowrap;
}

table.liab-table td {
    padding: 10px;
    white-space: nowrap;
}

table.liab-table tr:nth-child(even) td {
    background: #F9F7F7;
}

.liab-type {
    font-weight: 600;
    color: #AEAEAE;
}

/* .value-cell{
    display:flex;
    align-items:center;
    gap:8px;
    font-weight:700;
    color:var(--text-dark);
  } */

.value-cell .rupee {
    color: var(--text-muted);
    font-weight: 400;
}

.rate-cell {
    font-weight: 700;
    color: var(--text-dark);
    text-align: center;
}

.page-wrap {
    margin: 20px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.section-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.05);
    padding: 24px 30px;
}

.card-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border);
    margin-bottom: 20px;
}

.card-header svg {
    width: 22px;
    height: 22px;
}

.card-header h2 {
    font-size: 15px;
    font-weight: 600;
    color: var(--text-dark);
    margin: 0;
}

/* ===== Table ===== */
.table-scroll {
    width: 100%;
    overflow-x: auto;
}

table.goal-table {
    width: 100%;
    min-width: 640px;
    border-collapse: collapse;
    font-size: 13px;
}

table.goal-table th {
    text-align: left;
    padding: 12px 16px;
    font-weight: 600;
    color: var(--text-dark);
    white-space: nowrap;
    background: #F6FBFF;
}

table.goal-table td {
    padding: 10px 16px;
    color: var(--text-dark);
    white-space: nowrap;
}

table.goal-table td.muted {
    text-align: center;
}

table.goal-table tr.group-row td {
    font-weight: 700;
    color: var(--text-dark);
    padding-top: 14px;
    border-top: 1px solid #616161;
    border-bottom: 1px solid #616161;
}

table.goal-table tr:not(.group-row):nth-child(even) td {
    background: var(--row-alt);
}

.rupee {
    color: var(--text-muted);
    margin-right: 2px;
}

/* ===== Bar chart ===== */
.chart-title {
    text-align: center;
    font-size: 15px;
    color: var(--text-dark);
    font-weight: 500;
    margin-bottom: 24px;
}

.bar-chart-body {
    display: flex;
    align-items: stretch;
    gap: 10px;
}

.axis-label {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 12px;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.y-axis {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    font-size: 12px;
    color: var(--text-muted);
    flex-shrink: 0;
    padding-bottom: 28px;
}

.bars-area {
    flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    border-left: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    height: 260px;
    padding: 0 6px;
    position: relative;
    background-image: repeating-linear-gradient(to top, transparent, transparent calc(20% - 1px), var(--border) calc(20% - 1px), var(--border) 20%);
}

.bar-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    position: relative;
}

.bar {
    width: 40%;
    max-width: 56px;
    background: var(--blue);
    border-radius: 2px 2px 0 0;
}

.bar-label {
    position: absolute;
    bottom: -24px;
    font-size: 12px;
    color: var(--text-dark);
}

.x-axis-title {
    text-align: center;
    font-size: 12px;
    color: var(--text-muted);
    margin-top: 36px;
}

/* ===== Donut chart ===== */
.donut-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 60px;
    flex-wrap: wrap;
}

.donut {
    width: 260px;
    height: 260px;
    border-radius: 50%;
    position: relative;
    flex-shrink: 0;
}

.donut::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 56%;
    height: 56%;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.donut-pct {
    position: absolute;
    font-size: 17px;
    font-weight: 600;
    color: var(--text-dark);
}

.donut-legend {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.legend-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 15px;
    color: var(--text-dark);
}

.legend-dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    flex-shrink: 0;
}

.risk_box {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.05);
    padding: 24px 30px;
    margin-top: 20px;
}

.disabled-div {
    pointer-events: none;
    /* Disables all mouse clicks and interactions */
    opacity: 0.5;
    /* Visually grays out the content */
    user-select: none;
    /* Optional: prevents selecting the text inside */
}

/* Modal shell */
.retirement-modal-content {
    border-radius: 16px;
    border: none;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
    width: 100%;
    box-sizing: border-box;
    padding: 0 !important;
}

/* Header */
.retirement-modal-content__header {
    border-bottom: none;
    padding: 24px 24px 0;
    position: relative;
    display: flex;
    justify-content: center;
    background: none;
}

.retirement-modal-content__title {
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.3px;
    color: #2b2f3a;
    text-transform: uppercase;
    margin: 0;
}

.retirement-modal-content__close {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 22px;
    opacity: 0.5;
    background: none;
    border: none;
    line-height: 1;
    cursor: pointer;
}

/* Body */
.retirement-modal-content__body {
    padding: 20px 32px 8px;
    width: 100%;
    box-sizing: border-box;
}

/* Grid */
.retirement-modal-content__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 10px;
    row-gap: 18px;
    width: 100%;
}

.retirement-modal-content__full-span {
    grid-column: 1 / -1;
}

.retirement-modal-content__field {
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

.retirement-modal-content__label {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    white-space: normal;
    line-height: 1.3;
    font-size: 13.5px;
    font-weight: 600;
    color: #2f7bf6;
    margin-bottom: 6px;
}

.retirement-modal-content__sub-label {
    display: block;
    font-size: 12px;
    color: #8b93a3;
    margin: -4px 0 6px;
}

/* Info icon */
.retirement-modal-content__info-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #2f7bf6;
    color: #fff;
    font-size: 10px;
    font-style: italic;
    font-weight: 700;
    cursor: help;
    flex-shrink: 0;
    margin-top: 1px;
}

/* Plain input */
.retirement-modal-content__input {
    width: 100%;
    box-sizing: border-box;
    border: none;
    border-radius: 8px;
    background: #f2f4f7;
    padding: 10px;
    font-size: 14px;
    color: #2b2f3a;
    outline: none;
    transition: box-shadow 0.15s ease;
}

.retirement-modal-content__input:focus {
    box-shadow: none;
}

/* Prefixed input wrapper */
.retirement-modal-content__input-prefix {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #f2f4f7;
    border-radius: 8px;
    padding: 0 14px;
    transition: box-shadow 0.15s ease;
    width: 100%;
    box-sizing: border-box;
}

.retirement-modal-content__input-prefix:focus-within {
    box-shadow: none;
}

.retirement-modal-content__input-prefix .retirement-modal-content__input {
    background: transparent;
    padding: 10px 0;
}

.retirement-modal-content__prefix {
    color: #2f7bf6;
    font-size: 14px;
    flex-shrink: 0;
}

.retirement-modal-content__input-prefix--narrow {
    width: 220px;
    max-width: 100%;
}

/* Centered field (Expected return) */
.retirement-modal-content__centered {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Callout box */
.retirement-modal-content__callout {
    background: #eaf3ff;
    border-left: 4px solid #2f7bf6;
    border-radius: 8px;
    padding: 14px 16px;
    font-size: 13.5px;
    color: #2f7bf6;
    line-height: 1.5;
}

.retirement-modal-content__callout b {
    font-weight: 700;
}

/* Error text */
.retirement-modal-content__error {
    font-size: 12.5px;
    color: #c0392b;
}

/* Warning note */
.retirement-modal-content__warning {
    background: #fdf3d6;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 12.5px;
    color: #8a6d1d;
    line-height: 1.5;
}

/* Footer */
.retirement-modal-content__footer {
    border-top: none;
    padding: 16px 32px 28px;
    display: flex;
    justify-content: center;
    gap: 14px;
}

.retirement-modal-content__btn {
    border-radius: 24px;
    padding: 10px 28px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.retirement-modal-content__btn--outline {
    border: 1.5px solid #2f7bf6;
    color: #2f7bf6;
    background: #fff;
}

.retirement-modal-content__btn--outline:hover {
    background: #f2f7ff;
}

.retirement-modal-content__btn--primary {
    border: none;
    background: #2f7bf6;
    color: #fff;
    box-shadow: 0 4px 12px rgba(47, 123, 246, 0.3);
}

.retirement-modal-content__btn--primary:hover {
    background: #2569db;
}

.expectedinflation {
    margin-bottom: 30px;
}

/* =========================================
   Member Form
========================================= */

.member-form {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

/* =========================================
   Common Group
========================================= */

.member-form__group {
    display: flex;
    align-items: center;
}

.member-form__label {
    flex-shrink: 0;
    margin: 0;
    color: #1685ff;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 600;
}

/* =========================================
   Select Member
========================================= */

.member-form__group--select {
    width: 60%;
    gap: 22px;
}

.member-form__select-wrap {
    position: relative;
    width: 100%;
}

.member-form__select {
    width: 100%;
    height: 35px;
    padding: 0 45px 0 15px;

    border: 0;
    outline: none;
    border-radius: 4px;

    background: #F9F7F7;
    color: #333333;

    font-size: 13px;
    font-weight: 400;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    cursor: pointer;
}

.member-form__select:focus {
    outline: none;
}

/* Dropdown arrow */

.member-form__arrow {
    position: absolute;
    top: 50%;
    right: 17px;

    width: 9px;
    height: 9px;

    border-right: 2px solid #1685ff;
    border-bottom: 2px solid #1685ff;

    transform: translateY(-65%) rotate(45deg);

    pointer-events: none;
}

/* =========================================
   Member Age
========================================= */

.member-form__group--age {
    gap: 25px;
}

.member-form__age-wrap {
    display: flex;
    align-items: center;
    gap: 13px;
}

.member-form__input {
    width: 100%;
    height: 35px;

    padding: 0 12px;

    border: 0;
    outline: none;
    border-radius: 4px;

    background: #F9F7F7;

    color: #333333;
    font-size: 14px;
}

.member-form__input:focus {
    outline: none;
}

.member-form__years {
    color: #999999;
    font-size: 11px;
    line-height: 1;
    white-space: nowrap;
}

.autofill {
    margin-bottom: 20px;
}

/* Container */
.investment-period-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 28px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    padding: 0;
    margin-bottom: 20px;
}

/* Blue Title Label */
.investment-period-container .section-title {
    color: #468FF6;
    font-weight: 600;
    font-size: 16px;
    white-space: nowrap;
}

/* Options Wrapper */
.options-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 28px;
}

/* Individual Radio Option */
.radio-option {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    user-select: none;
    margin-bottom: 0;
}

/* Hide default browser radio input */
.radio-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* Solid Grey Circle (Matching Design) */
.custom-radio {
    width: 22px;
    height: 22px;
    background-color: #d1d5db;
    /* Solid light grey */
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    transition: all 0.2s ease;
    position: relative;
}

/* Text Label */
.option-text {
    color: #6b7280;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
}

/* Hover State */
.radio-option:hover .custom-radio {
    background-color: #9ca3af;
}

/* Active / Checked State */
.radio-option input[type="radio"]:checked+.custom-radio {
    background-color: #4f81e5;
    box-shadow: inset 0 0 0 4px #ffffff;
}

.radio-option input[type="radio"]:checked~.option-text {
    color: #1f2937;
    font-weight: 500;
}

/* Accessibility Keyboard Focus */
.radio-option input[type="radio"]:focus-visible+.custom-radio {
    outline: 2px solid #4f81e5;
    outline-offset: 2px;
}



/********************************************** cp-theme area start ***************************************/

.cp-theme .logoutBtn {
    background-image: url(./../../form-images/cp-theme-logoutBtnIcon.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 35px;
}

.cp-theme .profileeditbtn {
    background-image: url(./../../form-images/cp-theme-profileEditIcon.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 30px;
}

.cp-theme.websiteSettingArea a {
    color: #e6394b;
}

.cp-theme .withoutlogin_header {
    z-index: 999 !important;
    margin: 0 !important;
}

.cp-theme .websitebanner {
    margin-top: 0;
}

.cp-theme .banner-slide {
    border-radius: 0;
}

.cp-theme .item {
    width: 100%;
}

.cp-theme .websitebanner img {
    /* height: 736px; */
    height: auto;
    object-fit: cover;
    margin-top: 0;
    margin-bottom: 0;
}

.cp-theme .viewheader {
    margin-bottom: 0;
}

.cp-theme .banner-slide a {
    display: block;
    width: 100%;
}

.cp-theme .investor-header {
    border-radius: 0;
    background: linear-gradient(90.26deg,
            rgba(14, 27, 44, 0.35) 48.24%,
            rgba(59, 103, 162, 0.35) 97.8%);
    padding: 10px 20px;
    border: none;
    position: fixed;
    width: 100%;
    max-width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    margin: 0;
}

.cp-theme .investor-nav ul li a {
    color: #fff;
    font-size: 14px;
    /* font-weight: 400; */
}

.cp-theme .investor-btn {
    background: #E94445;
}

.cp-theme .about-box {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    text-align: left;
}

.cp-theme .about-box {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    text-align: left;
    padding: 60px 0;
}

/* Right content */
.cp-theme .about-box h2 {
    font-size: 34px;
    font-weight: 700;
    color: #6b7280;
    margin-bottom: 15px;
    text-align: left;
}

.cp-theme .about-box .divider {
    width: 70px;
    height: 5px;
    background-color: #e6394b;
    border-radius: 3px;
    margin: 0 0 25px 0;
}

.cp-theme .about-box .about-content p {
    font-size: 15px;
    line-height: 1.9;
    color: #4b5563;
    text-align: left;
    margin: 0;
}

/* Graphic wrapper */
.cp-theme .about-graphic {
    position: relative;
    width: 100%;
    max-width: 420px;
    height: 440px;
    margin: 0 auto;
}

/* Big soft blob background */
.cp-theme .about-graphic .blob {
    position: absolute;
    top: 0;
    left: 0;
    width: 380px;
    height: 380px;
    background-color: #fbe4e6;
    border-radius: 50%;
    z-index: 1;
}

/* Outlined circles (thin red stroke) */
.cp-theme .about-graphic .circle-outline {
    position: absolute;
    border: 1px solid #e6394b;
    border-radius: 50%;
    z-index: 2;
}

.cp-theme .about-graphic .circle-lg {
    width: 300px;
    height: 300px;
    left: 10px;
    top: 130px;
}

.cp-theme .about-graphic .circle-md {
    width: 250px;
    height: 250px;
    left: 130px;
    top: 190px;
}

.cp-theme .about-graphic .circle-sm-cluster {
    width: 70px;
    height: 70px;
    top: 25px;
    left: 300px;
}

.cp-theme .about-graphic .circle-tiny {
    position: absolute;
}

.cp-theme .about-graphic .circle-tiny-1 {
    width: 50px;
    height: 50px;
    top: -15px;
    left: 10px;
}

.cp-theme .about-graphic .circle-tiny-2 {
    width: 30px;
    height: 30px;
    top: -5px;
    left: 30px;
}

/* Striped pattern inside blob */
.cp-theme .about-graphic .stripe-pattern {
    position: absolute;
    top: 265px;
    left: 90px;
    width: 110px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.cp-theme .about-graphic .stripe-pattern span {
    display: block;
    height: 1px;
    background-color: #e6394b;
    width: 100%;
}

.cp-theme .highlights-section {
    position: relative;
    background-color: #0b0b0d;
    /* overflow: hidden; */
    padding: 80px 0 60px;
    min-height: 460px;
    box-shadow: none;
    background-image: url(./../../form-images/organization-heightlight_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0;
}

.cp-theme .highlights-section .container {
    position: relative;
    z-index: 2;
}

/* Heading */
.cp-theme .highlights-section .section-heading {
    text-align: center;
    margin-bottom: 0;
    font-weight: 400;
}

.cp-theme .highlights-section .section-heading .heading-bold {
    font-size: 42px;
    font-weight: 800;
    color: #f5f5f5;
}

.cp-theme .highlights-section .section-heading .heading-light {
    font-size: 26px;
    font-weight: 600;
    color: #f5f5f5;
    margin-left: 8px;
}

.cp-theme .highlights-section .section-heading .heading-dot {
    font-size: 26px;
    font-weight: 600;
    color: #f5f5f5;
}

.cp-theme .highlights-section .divider {
    display: none;
    /* not present in new design */
}

/* Grid of stats */
.cp-theme .highlights-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 60px;
    padding-right: 10px;
    padding-bottom: 0;
}

.cp-theme .highlight-card {
    background: transparent;
    box-shadow: none;
    border: none;
    text-align: left;
    min-width: 150px;
}

.cp-theme .highlight-card .counter {
    font-size: 40px;
    font-weight: 800;
    color: #f5f5f5;
    margin: 0 0 8px;
    line-height: 1;
}

.cp-theme .highlight-card p {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin: 0;
    color: #FF7A7A;
}

.cp-theme .highlight-card .bottom-strip {
    display: none;
    /* replaced by colored text in new design */
}

.cp-theme .vision-mission-section {
    background-color: transparent;
    padding: 60px 0;
    margin: 0;
    position: relative;
}

.cp-theme .vision-mission-section .about-box {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    text-align: left;
}

/* Small ring icon above heading */
.cp-theme .vision-mission-section .small-icon {
    width: 65px;
    height: 65px;
    margin-bottom: 20px;
}

.cp-theme .vision-mission-section .small-icon img {
    width: 100%;
    height: auto;
    display: block;
}

.cp-theme .vision-mission-section h2 {
    font-size: 30px;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
}

.cp-theme .vision-mission-section .divider {
    width: 70px;
    height: 5px;
    background-color: #e6394b;
    border-radius: 3px;
    margin-bottom: 25px;
}

.cp-theme .vision-mission-section .about-content p {
    font-size: 15px;
    line-height: 1.9;
    color: #4b5563;
    text-align: left;
    margin: 0;
}

/* Right-side big circle graphic */
.cp-theme .vision-mission-section .vm-graphic {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    text-align: center;
}

.cp-theme .vision-mission-section .vm-graphic img {
    width: 100%;
    height: auto;
    display: block;
}

/* Bottom brand color bar */
.cp-theme .vision-mission-section .bottom-bar {
    display: flex;
    width: 100%;
    height: 6px;
    margin-top: 50px;
}

.cp-theme .vision-mission-section .bottom-bar .brandcolor {
    flex: 1;
    height: 100%;
}


.cp-theme .organization-services-section {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    background-image: none;
}

.cp-theme .organization-services-section .section-heading {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.cp-theme .organization-services-section .divider {
    width: 90px;
    height: 6px;
    background-color: #e6394b;
    border-radius: 3px;
    margin: 0 auto 50px;
}

/* Grid - 2 columns */
.cp-theme .organization-services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 60px;
    row-gap: 0;
}

.cp-theme .organization-service-card {
    padding: 30px 0;
}

.cp-theme .organization-service-card .service-card-inner {
    display: flex;
    align-items: flex-start;
    gap: 25px;
}

.cp-theme .organization-service-card:hover .service-card-inner {
    transform: rotate(0deg);
}

.cp-theme .organization-service-card .service-card-face {
    border: none;
}

.cp-theme .organization-service-card:hover .service-card-face {
    box-shadow: none;
    border: none
}

/* Flip-back face hidden by default; only shown on flip trigger via existing JS */


.cp-theme .service-card-front {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 25px;
    width: 100%;
    box-shadow: none;
}

/* Icon area with red stripe lines + white circle icon */
.cp-theme .service-icon-wrap {
    position: relative;
    width: 100px;
    height: 100px;
    flex-shrink: 0;
}

.cp-theme .service-icon-wrap .stripe-lines {
    position: absolute;
    top: -10px;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 1;
}

.cp-theme .service-icon-wrap .stripe-lines span {
    display: block;
    height: 1px;
    background-color: #e6394b;
}

.cp-theme .service-icon-wrap .stripe-lines span:nth-child(1) {
    width: 32px;
}

.cp-theme .service-icon-wrap .stripe-lines span:nth-child(2) {
    width: 40px;
}

.cp-theme .service-icon-wrap .stripe-lines span:nth-child(3) {
    width: 26px;
}

.cp-theme .service-icon-wrap .stripe-lines span:nth-child(4) {
    width: 40px;
}

.cp-theme .service-icon-wrap .stripe-lines span:nth-child(5) {
    width: 20px;
}

.cp-theme .service-icon-wrap .stripe-lines span:nth-child(6) {
    width: 40px;
}

.cp-theme .service-icon-wrap .service-icon {
    position: absolute;
    top: 0;
    left: 20px;
    width: 80px;
    height: 80px;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.cp-theme .service-icon-wrap .service-icon img {
    width: 36px;
    height: 36px;
    object-fit: contain;
}

/* Text */
.cp-theme .service-text {
    flex: 1;
    padding-top: 5px;
    text-align: left;
}

.cp-theme .service-text h3 {
    font-size: 19px;
    font-weight: 700;
    color: #1f2937;
    margin: 0 0 10px;
}

.cp-theme .service-text p {
    font-size: 14px;
    line-height: 1.8;
    color: #6b7280;
    margin: 0;
}

/* Bottom line: short red segment + long grey line */
.cp-theme .service-bottom-line {
    display: flex;
    align-items: center;
    height: 2px;
    margin-top: 0;
    background-color: #e5e7eb;
    position: relative;
}

.cp-theme .service-bottom-line::before {
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    height: 6px;
    border-radius: 7px;
    width: 15%;
    background-color: #e6394b;
    transition: left 0.6s ease;
}

.cp-theme .organization-service-card:hover .service-bottom-line::before {
    left: 85%;
    /* moves to the right end (100% - 15% width) */
}

/* View more button */
.cp-theme .organization-services-action {
    text-align: center;
    margin-top: 30px;
    padding-top: 0;
}

.cp-theme .view-more-btn {
    display: inline-block;
    padding: 10px 30px;
    border: 1px solid #e6394b;
    color: #e6394b;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    background-color: #fff;
}

.cp-theme .view-more-btn:hover {
    background-color: #e6394b;
    color: #ffffff;
}

/* Bottom brand color bar */
.cp-theme .organization-services-section .bottom-bar {
    display: flex;
    width: 100%;
    height: 6px;
    margin-top: 50px;
}

.cp-theme .organization-services-section .bottom-bar .brandcolor {
    flex: 1;
    height: 100%;
}

.cp-theme .websitetools-section {
    padding: 0px 0;
    box-shadow: none;
    background: none;
    position: relative;
    border-radius: 0;
}

.cp-theme .websitetools-section:before {
    content: '';
    position: absolute;
    background-image: url(../../form-images/laptop_img.svg);
    background-repeat: no-repeat;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 484px;
    height: 466px;
    border-radius: 0;
}

.cp-theme .websitetools-section .section-heading {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #6b7280;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.cp-theme .websitetools-section .divider {
    width: 90px;
    height: 6px;
    background-color: #e6394b;
    border-radius: 3px;
    margin: 0 auto 50px;
}

/* Wrapper: laptop image left, grid right */
.cp-theme .websitetools-wrapper {
    display: flex;
    align-items: center;
    gap: 40px;
}

.cp-theme .websitetools-image {
    flex: 0 0 32%;
    max-width: 32%;
}

.cp-theme .websitetools-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 6px;
}

/* Tools grid - 2 columns */
.cp-theme .websitetools-grid {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 50px;
    row-gap: 0;
}

.cp-theme .websitetools-card {
    background: transparent;
    box-shadow: none;
}

.cp-theme .service-card-front {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* Icon: stripe lines + white circle */
.cp-theme .toolsIcon {
    position: relative;
    width: 90px;
    height: 90px;
    flex-shrink: 0;
    display: block;
}

.cp-theme .toolsIcon .stripe-lines {
    position: absolute;
    top: -7px;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 1;
}

.cp-theme .toolsIcon .stripe-lines img {
    width: 50px;
    height: 50px;
}

.cp-theme .toolsIcon .stripe-lines span {
    display: block;
    height: 1px;
    background-color: #e6394b;
}


.cp-theme .toolsIcon .icon-circle {
    position: absolute;
    top: 0;
    left: 18px;
    width: 72px;
    height: 72px;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.cp-theme .toolsIcon .icon-circle img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

/* Text + button */
.cp-theme .tool-text h3 {
    font-size: 17px;
    font-weight: 700;
    color: #1f2937;
    margin: 0 0 10px;
}

.cp-theme .tool-text .explorebtn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #e6394b;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none;
    padding: 9px 18px;
    border-radius: 4px;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.cp-theme .tool-text .explorebtn .arrow {
    transition: transform 0.3s ease;
}

.cp-theme .tool-text .explorebtn:hover {
    background-color: #c92c3c;
    color: #ffffff;
}

.cp-theme .tool-text .explorebtn:hover .arrow {
    transform: translateX(4px);
}

.cp-theme .websitetools-card .service-card-front:hover {
    box-shadow: rgba(233, 68, 69, 0.15) 0px 4px 30px 0px;
    border: 1px solid #e6394b;
    border-radius: 10px;
}

.cp-theme .director-team-section {
    position: relative;
    background-color: #fafafa;
    padding: 60px 0;
    overflow: visible;
    box-shadow: none;
}

.cp-theme .director-team-section .container {
    position: relative;
}

/* Decorative vertical stripe icon top-left */
.cp-theme .section-decor-icon {
    position: absolute;
    top: -103px;
    left: 15px;
    z-index: 1;
}

.cp-theme .stripe-lines-vertical {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
}

.cp-theme .stripe-lines-vertical span {
    display: block;
    height: 1px;
    background-color: #9ca3af;
}


/* Section heading */
.cp-theme .director-team-section .section-heading {
    font-size: 30px;
    font-weight: 700;
    color: #6b7280;
    text-align: center;
    margin-bottom: 15px;
}

.cp-theme .director-team-section .divider {
    width: 90px;
    height: 6px;
    background-color: #e6394b;
    border-radius: 3px;
    margin: 0 auto 50px;
}

/* Director row */
.cp-theme .director-desk-row {
    display: flex;
    align-items: flex-start;
    gap: 60px;
    margin-bottom: 70px;
    position: relative;
}

.cp-theme .director-copy {
    margin-bottom: 20px;
}

.cp-theme .director-image-col {
    flex: 0 0 300px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cp-theme .director-image {
    width: 195px;
    height: 195px;
    border-radius: 50%;
    overflow: hidden;
    border: 8px solid #ffffff;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
    position: relative;
    z-index: 2;
}

.cp-theme .director-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Decorative concentric circle below photo */
.cp-theme .director-ring-decor {
    width: 125px;
    height: 125px;
    border-radius: 50%;
    background-color: #fbe4e6;
    position: absolute;
    left: 0;
    bottom: -80px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cp-theme .director-ring-decor::before {
    content: '';
    width: 78px;
    height: 78px;
    border-radius: 50%;
    background-color: #f6a8ae;
}

.cp-theme .director-ring-decor::after {
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #fcb9be;
}

/* Content */
.cp-theme .director-content {
    flex: 1;
}

.cp-theme .director-content span {
    display: none;
    /* "From Director's Desk" label not present in new design; heading used instead */
}

.cp-theme .director-content h2 {
    display: none;
    /* director_name now optional/merged, keep hidden unless needed */
}

.cp-theme .director-content .director-divider {
    display: none;
}

.cp-theme .director-copy p {
    font-size: 15px;
    line-height: 1.9;
    color: #4b5563;
    margin: 0 0 20px;
}

.cp-theme .director-link {
    display: inline-block;
    color: #e6394b;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
}

.cp-theme .director-link:hover {
    text-decoration: underline;
}

/* Team carousel */
.cp-theme .team-carousel {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
}

.cp-theme .team-carousel-shell {
    flex: 1;
    overflow: hidden;
}

.cp-theme .team-carousel-track {
    display: flex;
    gap: 30px;
}

.cp-theme .team-card {
    flex: 0 0 calc(25% - 22.5px);
    background-color: #eef0f2;
    border-radius: 10px;
    padding-top: 45px;
    padding-bottom: 30px;
    text-align: center;
    transition: all 0.3s ease-in;
}

.cp-theme .team-card:hover {
    border: 1px solid #E94445;
}

.cp-theme .team-card-bg {
    display: flex;
    justify-content: center;
}

.cp-theme .team-photo {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    border: 6px solid #ffffff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.cp-theme .team-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* hide old team-rule and team-info name/designation/link block per new design */
.cp-theme .team-rule {
    display: none;
}

.cp-theme .team-info {
    display: none;
}

/* Carousel arrow buttons */
.cp-theme .team-carousel-btn {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #e6394b;
    background-color: transparent;
    color: #e6394b;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.cp-theme .team-carousel-btn .arrow-icon {
    font-size: 22px;
    line-height: 1;
    position: relative;
    top: -3px;
}

.cp-theme .team-carousel-btn:hover {
    background-color: #e6394b;
    color: #ffffff;
}

/* Bottom brand bar */
.cp-theme .director-team-section .bottom-bar {
    display: flex;
    width: 100%;
    height: 6px;
    margin-top: 50px;
}

.cp-theme .director-team-section .bottom-bar .brandcolor {
    flex: 1;
    height: 100%;
}

.cp-theme .corporateArea {
    /* padding: 60px 0; */
    background-color: transparent;
}

.cp-theme .corporateArea .section-heading {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #6b7280;
    margin-bottom: 15px;
}

.cp-theme .corporateArea .divider {
    width: 90px;
    height: 6px;
    background-color: #e6394b;
    border-radius: 3px;
    margin: 0 auto 50px;
}

/* Logo row */
.cp-theme .corporate_logo {
    width: 100%;
}

.cp-theme .logo-carousel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
}

.cp-theme .logo-item {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
}

.cp-theme .logo-item a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cp-theme .logo-item img {
    max-height: 68px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    filter: grayscale(0%);
    transition: transform 0.3s ease;
}

.cp-theme .logo-item img:hover {
    transform: scale(1.05);
}

/* If owl-carousel JS is active, keep track/stage compatible */
.cp-theme .owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}

.cp-theme .owl-carousel .owl-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cp-theme .banner-carousel .owl-dot.active span {
    background: #e6394b;
}

.cp-theme .blogs-section {
    padding: 60px 0;
    background-color: transparent;
    position: relative;
}

.cp-theme .blogs-side-image:before {
    position: absolute;
    content: '';
    left: calc((100vw - 1125px) / -2);
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../../form-images/bloglis_img.svg);
    background-repeat: no-repeat;
    width: 470px;
    height: 100%;
    border-radius: 0 50px 50px 0;
}

.cp-theme .blogs-section .section-heading {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #6b7280;
    margin-bottom: 15px;
}

.cp-theme .blogs-section .divider {
    width: 90px;
    height: 6px;
    background-color: #e6394b;
    border-radius: 3px;
    margin: 0 auto 50px;
}

/* Wrapper: left image + right scroll list */
.cp-theme .blogs-wrapper {
    display: flex;
    gap: 40px;
    align-items: stretch;
    margin-top: 30px;
}

.cp-theme .blogs-side-image {
    flex: 0 0 34%;
    max-width: 34%;
    border-radius: 8px;
    /* overflow: hidden; */
    position: relative;
}

.cp-theme .blogs-side-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    min-height: 760px;
}

/* Right side blog list */
.cp-theme .blogs-grid {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-height: 760px;
    /* overflow-y: auto; */
    padding-right: 5px;
}

.cp-theme .blog-card {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background-color: #f5f5f5;
    border-radius: 8px;
    padding: 20px;
    position: relative;
    border: none;
}

.cp-theme .blog-image {
    flex: 0 0 190px;
    max-width: 190px;
    border-radius: 6px;
    overflow: hidden;
}

.cp-theme .blog-image img {
    width: 100%;
    height: 130px;
    object-fit: cover;
    display: block;
}

.cp-theme .blog-content {
    flex: 1;
}

.cp-theme .blog-content h3 {
    font-size: 15px;
    font-weight: 700;
    color: #e6394b;
    line-height: 1.4;
    margin: 0;
    text-decoration: none;
}

.cp-theme .blog-content a {
    text-decoration: none;
}

.cp-theme .blog-content a:hover h3 {
    text-decoration: underline;
}

.cp-theme .blog-content p {
    font-size: 12px;
    line-height: 1.7;
    color: #6b7280;
    margin: 0;
}

/* Arrow circle button */
.cp-theme .blog-arrow {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid #e6394b;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e6394b;
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.cp-theme .blog-arrow .arrow-icon {
    font-size: 20px;
    line-height: 1;
}

.cp-theme .blog-arrow:hover {
    /* background-color: #e6394b; */
    color: #ffffff;
}

/* Explore button */
.cp-theme .blogs-action {
    text-align: left;
    margin-top: 0;
    padding-top: 0;
}

.cp-theme .blogs-action .view-more-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: #e6394b;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none;
    padding: 12px 28px;
    border-radius: 4px;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.cp-theme .blogs-action .view-more-btn .arrow {
    transition: transform 0.3s ease;
}

.cp-theme .blogs-action .view-more-btn:hover {
    background-color: #c92c3c;
}

.cp-theme .blogs-action .view-more-btn:hover .arrow {
    transform: translateX(4px);
}

/* Custom scrollbar for blog list (optional refinement) */
.cp-theme .blogs-grid::-webkit-scrollbar {
    width: 5px;
}

.cp-theme .blogs-grid::-webkit-scrollbar-thumb {
    background-color: #e5e7eb;
    border-radius: 10px;
}

.cp-theme .testimonial-section {
    position: relative;
    background-color: #f5f5f5;
    padding: 60px 0 0;
    overflow: visible;
    box-shadow: none;
    background-image: none;
    margin-bottom: 0;
}

.cp-theme .testimonial-section .container {
    position: relative;
}

.cp-theme .testimonial-section .section-heading {
    font-size: 28px;
    font-weight: 700;
    color: #6b7280;
    text-align: center;
    margin-bottom: 30px;
}

.cp-theme .testimonial-section .divider {
    width: 90px;
    height: 6px;
    background-color: #e6394b;
    border-radius: 3px;
    margin: 0 auto 50px;
}

/* Big grey quotation mark top-right */
.cp-theme .testimonial-quote-icon {
    position: absolute;
    top: 10px;
    right: 5%;
    font-size: 90px;
    font-weight: 700;
    color: #c9ccd1;
    line-height: 1;
    font-family: Georgia, serif;
    z-index: 1;
}

/* Carousel layout */
.cp-theme .testimonial-carousel {
    position: relative;
    display: flex;
    align-items: center;
    gap: 25px;
    max-width: 700px;
    z-index: 2;
    margin: 0 auto;
}

.cp-theme .testimonial-stage {
    flex: 1;
}

/* Card */

.cp-theme .testimonial-photo {
    position: absolute;
    top: -25px;
    left: 30px;
    width: 105px;
    height: 105px;
    border-radius: 50%;
    overflow: hidden;
    border: 6px solid #ffffff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.cp-theme .testimonial-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cp-theme .testimonial-person {
    margin-bottom: 18px;
}

.cp-theme .testimonial-card.is-active .testimonial-person {
    margin-top: 0;
    padding-left: 118px;
}

.cp-theme .testimonial-card.is-active .testimonial-person span {
    display: block;
}

.cp-theme .testimonial-person h3 {
    font-size: 16px;
    font-weight: 700;
    color: #e6394b;
    margin: 0 0 4px;
    display: block;
}

.cp-theme .testimonial-person span {
    font-size: 13px;
    color: #6b7280;
}

.cp-theme .testimonial-text p {
    font-size: 14.5px;
    line-height: 1.8;
    font-weight: 600;
    color: #374151;
    margin: 0;
}

/* Carousel arrow buttons */
.cp-theme .testimonial-carousel-btn {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #e6394b;
    background-color: transparent;
    color: #e6394b;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    z-index: 2;
    background-image: none !important;
}

.cp-theme .testimonial-carousel-btn .arrow-icon {
    font-size: 22px;
    line-height: 1;
}

.cp-theme .testimonial-carousel-btn:hover {
    /* background-color: #e6394b; */
    color: #ffffff;
}

/* Decorative circle cluster bottom-right */
.cp-theme .testimonial-decor {
    position: absolute;
    right: 3%;
    bottom: -90px;
    width: 340px;
    height: 340px;
    z-index: 1;
    pointer-events: none;
}

/* .cp-theme .testimonial-decor::before {
    content: '';
    position: absolute;
    width: 220px;
    height: 220px;
    background-color: #fbe4e6;
    border-radius: 50%;
    left: 0;
    top: 10px;
}

.cp-theme .testimonial-decor::after {
    content: '';
    position: absolute;
    width: 240px;
    height: 240px;
    border: 1px solid #e6394b;
    border-radius: 50%;
    left: 60px;
    top: 60px;
} */

/* extra small outline circles via nested pseudo not possible; use box-shadow trick instead */
.cp-theme .testimonial-decor .stripe-lines {
    position: absolute;
    left: 105px;
    top: 195px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    z-index: 3;
}

.cp-theme .testimonial-decor .stripe-lines span {
    display: block;
    height: 1px;
    background-color: #374151;
}

/* small extra ring circles top-right of blob, approximated */
.cp-theme .testimonial-decor {
    background-image:
        radial-gradient(circle at 68% 8%, transparent 20px, transparent 21px),
        none;
}

/* Bottom brand bar */
.cp-theme .testimonial-section .bottom-bar {
    display: flex;
    width: 100%;
    height: 6px;
    position: relative;
    z-index: 2;
    margin-top: 60px;
}

.cp-theme .testimonial-section .bottom-bar .brandcolor {
    flex: 1;
    height: 100%;
}

/* Stage wraps the single visible card */
.cp-theme .testimonial-stage {
    position: relative;
    flex: 1;
}

/* All cards default to hidden/stacked */
.cp-theme .testimonial-card {
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
    padding: 45px 40px 35px 155px;
    min-height: 200px;
    position: absolute;
    /* top: 0;
    left: unset; */
    width: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.4s ease;
    z-index: 1;
}

/* Only the active one shows, and it defines the stage's real height */
.cp-theme .testimonial-card.is-active {
    position: relative;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 2;
    transform: translateX(-50%) scale(0.9);
    padding: 35px 40px 35px 40px;
}

/* left / right / hidden all stay invisible — single-item view */
.cp-theme .testimonial-card.is-left,
.cp-theme .testimonial-card.is-right,
.cp-theme .testimonial-card.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.cp-theme .testimonial-prev {
    left: -38px;
}

.cp-theme .testimonial-next {
    right: -38px;
}

.cp-theme .faq-section {
    padding: 100px 0 0 0;
    grid-template-columns: minmax(0, 1fr);
    background-image: none;
    margin-bottom: 0;
    box-shadow: none;
}

/* Two-column layout: heading left, faq list right */
.cp-theme .faq-heading-row {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

.cp-theme .faq-heading-col {
    flex: 0 0 30%;
    max-width: 30%;
    padding-top: 25px;
}

.cp-theme .faq-content-col {
    flex: 1;
}

/* Heading two-tone */
.cp-theme .faq-section .section-heading {
    font-size: 30px;
    font-weight: 800;
    line-height: 1.25;
    margin: 0;
}

.cp-theme .faq-section .heading-line-1 {
    display: block;
    color: #6b7280;
}

.cp-theme .faq-section .heading-line-2 {
    display: block;
    color: #f3a9ae;
}

.cp-theme .faq-section .divider,
.cp-theme .faq-visual {
    display: none;
    /* not used in new design */
}

/* FAQ list */
.cp-theme .faq-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cp-theme .faq-item {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
    padding: 20px;
    border: none;
}



.cp-theme .faq-item summary {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    list-style: none;
    font-size: 16px;
    font-weight: 700;
    color: #374151;
    padding: 0;
}

.cp-theme .faq-item summary::before,
.cp-theme .faq-item summary::after {
    content: "";
    width: 12px;
    height: 2px;
    background: #479EFB;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

.cp-theme .faq-item summary::-webkit-details-marker {
    display: none;
}

.cp-theme .faq-number {
    color: #374151;
    font-weight: 700;
}

.cp-theme .faq-question-text {
    flex: 1;
}

/* Featured (first, open) card */
.cp-theme .faq-item.faq-featured {
    /* padding:20px; */
    border: none;
}

.cp-theme .faq-item[open]::after {
    background: none;
}

.cp-theme .faq-item[open] summary {
    font-size: 17px;
    color: #e6394b;
}

.cp-theme .faq-item[open] .faq-number {
    font-size: 17px;
    color: #e6394b;
}

.cp-theme .faq-progress-line {
    position: relative;
    height: 2px;
    background-color: #e5e7eb;
    margin: 15px 0 20px;
}

.cp-theme .faq-progress-line::before {
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    height: 6px;
    border-radius: 7px;
    width: 15%;
    background-color: #e6394b;
}

.cp-theme .faq-item.faq-featured p {
    font-size: 14.5px;
    line-height: 1.9;
    color: #6b7280;
    margin: 0;
}

/* Collapsed items - toggle icon on right */
.cp-theme .faq-item:not(.faq-featured) summary {
    justify-content: space-between;
}

.cp-theme .faq-toggle-icon {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #e6394b;
    color: #e6394b;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

.cp-theme .faq-toggle-icon .arrow-icon {
    font-size: 16px;
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}

.cp-theme .faq-item[open] .faq-toggle-icon .arrow-icon {
    transform: rotate(180deg);
}



/* Bottom brand bar inside each faq item (kept from original, hidden unless needed) */
.cp-theme .faq-bottom-bar {
    display: none;
}

/* Explore button */
.cp-theme .faq-action {
    margin-top: 35px;
}

.cp-theme .faq-action .explore-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: #e6394b;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none;
    padding: 12px 28px;
    border-radius: 4px;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.cp-theme .faq-action .explore-btn .arrow {
    transition: transform 0.3s ease;
}

.cp-theme .faq-action .explore-btn:hover {
    background-color: #c92c3c;
}

.cp-theme .faq-action .explore-btn:hover .arrow {
    transform: translateX(4px);
}

.cp-theme .extra-faq.d-none {
    display: none;
}

.cp-theme .contact-section {
    position: relative;
    padding: 60px 0 60px;
    background-color: transparent;
    overflow: hidden;
    box-shadow: none;
    background-image: none;
    margin-bottom: 0;
}

/* Decorative pink circles above the left image */
.cp-theme .contact-image-decor {
    position: absolute;
    top: 60px;
    left: 25%;
    width: 340px;
    height: 160px;
    z-index: 0;
    pointer-events: none;
}

.cp-theme .contact-section .section-heading {
    position: relative;
    z-index: 2;
    text-align: left;
    font-weight: 700;
    margin-bottom: 30px;
}

.cp-theme .contact-section .heading-bold {
    font-size: 32px;
    font-weight: 800;
    color: #6b7280;
    text-transform: uppercase;
}

.cp-theme .contact-section .heading-light,
.cp-theme .contact-section .heading-dot {
    font-size: 24px;
    font-weight: 600;
    color: #6b7280;
}

.cp-theme .contact-section .divider {
    display: none;
}

.cp-theme .contact-container {
    position: relative;
    display: flex;
    align-items: stretch;
    z-index: 2;
}

/* LEFT IMAGE - flush to the page's left edge, breaking out of container via ::before */
.cp-theme .contact-left {
    position: relative;
    flex: 0 0 42%;
    max-width: 42%;
    min-height: 480px;
}

.cp-theme .contact-left::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc((100vw - 1125px) / -2);
    width: 565px;
    height: 100%;
    background-image: url('../../form-images/contact_img.svg');
    background-repeat: no-repeat;
    background-position: left center;
    /* background-size: cover; */
    transform: translateY(-50%);
    border-radius: 0 50px 50px 0;
}



/* RIGHT FORM CARD */
.cp-theme .contact-form {
    flex: 1;
    margin-left: 40px;
    position: relative;
    z-index: 2;
    box-shadow: none;
    padding: 0;
}

.cp-theme .contact-form form {
    width: 100%;
}

.cp-theme .contact_box {
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.06);
    padding: 45px 50px;
}

.cp-theme .form-group {
    margin-bottom: 22px;
}

.cp-theme .form-group label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 8px;
}

.cp-theme .form-group .required {
    color: #e6394b;
}

.cp-theme .form-group input,
.cp-theme .form-group textarea {
    width: 100%;
    background-color: #f2f2f2;
    border: none;
    border-radius: 4px;
    padding: 12px 15px;
    font-size: 14px;
    color: #374151;
    box-sizing: border-box;
}

.cp-theme .form-group input:focus,
.cp-theme .form-group textarea:focus {
    outline: 2px solid #e6394b;
    background-color: #ffffff;
}

.cp-theme .form-group textarea {
    resize: vertical;
    min-height: 55px;
}

/* Phone field with country code */
.cp-theme .phone-wrapper {
    display: flex;
    gap: 12px;
}

.cp-theme .phone-wrapper .country {
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: #f2f2f2;
    border-radius: 4px;
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 600;
    color: #374151;
    white-space: nowrap;
    flex: 0 0 auto;
}

.cp-theme .phone-wrapper .country img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
}

.cp-theme .phone-wrapper input {
    flex: 1;
}

/* Address line two-column row */
.cp-theme .two-col-row {
    display: flex;
    gap: 20px;
    margin: 0;
}

.cp-theme .two-col-row .col-6 {
    flex: 1;
    padding: 0;
}

/* Submit button */
.cp-theme .submit-row {
    text-align: center;
    margin-top: 30px;
}

.cp-theme .contact-form button[type="submit"] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: #e6394b;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: none;
    padding: 12px 40px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.cp-theme .contact-form button[type="submit"] .arrow {
    transition: transform 0.3s ease;
}

.cp-theme .contact-form button[type="submit"]:hover {
    background-color: #c92c3c;
}

.cp-theme .contact-form button[type="submit"]:hover .arrow {
    transform: translateX(4px);
}

/* Alerts */
.cp-theme .alert {
    margin-top: 20px;
    padding: 12px 18px;
    border-radius: 4px;
    font-size: 14px;
}

.cp-theme .alert-success {
    background-color: #d1fae5;
    color: #065f46;
}

.cp-theme .alert-danger {
    background-color: #fee2e2;
    color: #991b1b;
}

/* Bottom brand bar */
.cp-theme .contact-section .bottom-bar {
    display: flex;
    width: 100%;
    height: 6px;
    margin-top: 50px;
    position: relative;
    z-index: 2;
}

.cp-theme .contact-section .bottom-bar .brandcolor {
    flex: 1;
    height: 100%;
}

.cp-theme .investor-phone {
    background: #E94445;
}

.cp-theme .fixed-right-icons {
    background: #E94445;
}

.cp-theme .teammemberpage {
    margin-top: 120px;
    background-image: url(./../../form-images/testimonials_bg.svg), url(./../../form-images/testimonials_bg.svg);
    background-repeat: no-repeat;
    background-position: left top, bottom right;
}

.cp-theme .teammemberpage .director-image {
    width: 100%;
    height: 449px;
    border-radius: 4px;
    overflow: hidden;
    background: #f5f5f5;
    box-shadow: none;
}

.cp-theme .blog-top-bar {
    margin: 120px 0 20px;
}

/* cp hoem page theme skeleton loading  start*/

/* .cp-theme .skeleton,
.cp-theme [class*="skeleton-"] {
    background: linear-gradient(90deg, #ececec 25%, #f6f6f6 50%, #ececec 75%);
    background-size: 200% 100%;
    animation: cp-skeleton-loading 1.4s infinite;
    border-radius: 4px;
} */

@keyframes cp-skeleton-loading {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.cp-theme .about-skeleton-graphic {
    width: 100%;
    max-width: 420px;
    height: 440px;
    border-radius: 50%;
    margin: 0 auto;
}

.cp-theme .skeleton-about .skeleton-line.title {
    height: 30px;
    width: 60%;
    margin-bottom: 15px;
}

.cp-theme .skeleton-about .skeleton-line.small {
    height: 6px;
    width: 70px;
    border-radius: 3px;
    margin-bottom: 25px;
}

.cp-theme .skeleton-about .skeleton-line {
    height: 12px;
    width: 100%;
    margin-bottom: 10px;
}

.cp-theme .skeleton-about .skeleton-line.short {
    width: 65%;
}

.cp-theme .highlights-section.skeleton {
    background-color: #fff;
}

.cp-theme .highlights-section.skeleton .skeleton,
.cp-theme .highlights-section.skeleton [class*="skeleton-"] {
    background: #d1d1d1;
    background-size: 200% 100%;
}

.cp-theme .highlights-section.skeleton .highlights-bg-image {
    width: 340px;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.cp-theme .skeleton-card .skeleton-number {
    height: 28px;
    width: 90px;
    margin-bottom: 10px;
}

.cp-theme .skeleton-card .skeleton-text {
    height: 10px;
    width: 110px;
}

.cp-theme .service-skeleton-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    flex-shrink: 0;
}

.cp-theme .service-skeleton-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cp-theme .organization-services-skeleton .service-card-front {
    display: flex;
    align-items: flex-start;
    gap: 25px;
}

.cp-theme .team-skeleton-card {
    background-color: #eef0f2;
    border-radius: 10px;
    padding-top: 45px;
    padding-bottom: 30px;
    display: flex;
    justify-content: center;
}

.cp-theme .team-skeleton-photo {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 6px solid #ffffff;
}

.cp-theme .testimonial-skeleton-avatar {
    position: absolute;
    top: -25px;
    left: 30px;
    width: 105px;
    height: 105px;
    border-radius: 50%;
    border: 6px solid #ffffff;
}

.cp-theme .testimonial-skeleton-name {
    height: 14px;
    width: 120px;
    margin-bottom: 6px;
}

.cp-theme .testimonial-skeleton-role {
    height: 10px;
    width: 90px;
    margin-bottom: 18px;
}

.cp-theme .testimonial-skeleton-copy {
    height: 10px;
    width: 100%;
    margin-bottom: 8px;
}

.cp-theme .testimonial-skeleton-copy.short {
    width: 60%;
}

/* cp hoem page theme skeleton loading  end*/

/* team member new theme page start */

/* ===== Director section (team/about page) ===== */
.cp-theme .teammemberpage .director-subtitle {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #e6394b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}

.cp-theme .teammemberpage .director-name {
    font-size: 28px;
    font-weight: 700;
    color: #6b7280;
    margin: 0 0 15px;
}

.cp-theme .teammemberpage .director-content-area .divider {
    width: 70px;
    height: 5px;
    background-color: #e6394b;
    border-radius: 3px;
    margin-bottom: 25px;
}

.cp-theme .teammemberpage .director-text {
    font-size: 15px;
    line-height: 1.9;
    color: #4b5563;
    margin: 0;
}

/* ===== Team members grid ===== */
.cp-theme .teammemberpage .teammemberarea .section-heading {
    font-size: 30px;
    font-weight: 700;
    color: #6b7280;
    text-align: center;
    margin-bottom: 15px;
}

.cp-theme .teammemberpage .teammemberarea .divider {
    width: 90px;
    height: 6px;
    background-color: #e6394b;
    border-radius: 3px;
    margin: 0 auto 50px;
}

.cp-theme .teammemberpage .organization-service-card .service-card-front h3 {
    color: #1f2937;
    font-weight: 700;
}

.cp-theme .teammemberpage .organization-service-card .service-card-front h2 {
    color: #e6394b;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
}

.cp-theme .teammemberpage .organization-service-card .service-card-back {
    background-color: #ffffff;
    color: #4b5563;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
}

.cp-theme .teammemberpage .organization-service-card .service-card-back h3 {
    color: #1f2937;
}

.cp-theme .teammemberpage .organization-service-card .service-card-back h2 {
    color: #e6394b;
}

.cp-theme .teammemberpage .organization-service-card .service-card-front .service-icon {
    display: block !important;
}

.cp-theme .teammemberpage .organization-service-card .service-icon img {
    /* border-radius: 50%; */
    border: 4px solid #ffffff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    min-height: 200px;
    object-fit: cover;
}

.cp-theme .teammemberpage .organization-services-action .view-more-btn {
    display: inline-block;
    padding: 10px 30px;
    border: 1px solid #e6394b;
    color: #e6394b;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.cp-theme .teammemberpage .organization-services-action .view-more-btn:hover {
    background-color: #e6394b;
    color: #ffffff;
}

/* ===== Skeleton shimmer ===== */
.cp-theme .director-skeleton,
.cp-theme .skeleton-title,
.cp-theme .skeleton-divider,
.cp-theme .service-skeleton-icon,
.cp-theme .service-skeleton-text,
.cp-theme .service-skeleton-button {
    background: linear-gradient(90deg, #ececec 25%, #f6f6f6 50%, #ececec 75%);
    background-size: 200% 100%;
    animation: cp-skeleton-loading 1.4s infinite;
    border-radius: 4px;
}

@keyframes cp-skeleton-loading {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.cp-theme .director-skeleton-image {
    width: 220px;
    height: 220px;
    border-radius: 50%;
}

.cp-theme .director-skeleton-title {
    height: 12px;
    width: 140px;
    margin-bottom: 15px;
}

.cp-theme .director-skeleton-name {
    height: 26px;
    width: 220px;
    margin-bottom: 20px;
}

.cp-theme .director-skeleton-text {
    height: 12px;
    width: 100%;
    margin-bottom: 10px;
}

.cp-theme .skeleton-title {
    height: 26px;
    width: 220px;
    margin: 0 auto 15px;
}

.cp-theme .skeleton-divider {
    height: 6px;
    width: 90px;
    margin: 0 auto 50px;
    border-radius: 3px;
}

.cp-theme .service-skeleton-icon {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    margin: 0 auto 15px;
}

.cp-theme .service-skeleton-text {
    height: 12px;
    width: 70%;
    margin: 0 auto;
}

.cp-theme .service-skeleton-button {
    height: 40px;
    width: 150px;
    margin: 30px auto 0;
    border-radius: 25px;
}



/* Parent needs 3D perspective */
.cp-theme .teammemberpage .organization-service-card {
    perspective: 1000px;
    background: transparent;
}

/* Inner wrapper does the actual flip */
.cp-theme .teammemberpage .service-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 320px;
    /* adjust to your card's real height */
    transform-style: preserve-3d;
    transition: transform 0.6s ease;
}

.cp-theme .teammemberpage .organization-service-card:hover .service-card-inner {
    transform: rotateY(180deg);
}

/* Both faces stacked on top of each other */
.cp-theme .teammemberpage .service-card-face {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    border-radius: 10px;
    padding: 25px;
    box-sizing: border-box;
    text-align: center;
}

/* Front face - default visible side */
.cp-theme .teammemberpage .service-card-front {
    background-color: #ffffff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
}

/* Back face - pre-rotated so it faces away until flip happens */
.cp-theme .teammemberpage .service-card-back {
    background-color: #ffffff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
    transform: rotateY(180deg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* team member new cp-theme page end */

/* faq of new cp-theme page start */

.cp-theme .faqpage {
    background-image: url(./../../form-images/testimonials_bg.svg);
    background-repeat: no-repeat;
    background-position: left top;
}

/* ===== FAQ page heading ===== */
.cp-theme .whiteBoxwithoutborder .section-heading {
    font-size: 28px;
    font-weight: 700;
    color: #6b7280;
    margin-bottom: 15px;
}

.cp-theme .whiteBoxwithoutborder>.divider {
    width: 90px;
    height: 6px;
    background-color: #e6394b;
    /* was blue */
    border-radius: 3px;
    margin-bottom: 40px;
}

/* ===== FAQ list ===== */
.cp-theme .faq-content .faq-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cp-theme .faq-item {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
    padding: 10px 20px;
}

.cp-theme .faq-item summary {
    cursor: pointer;
    list-style: none;
    font-size: 16px;
    font-weight: 700;
    color: #374151;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cp-theme .faq-item summary::-webkit-details-marker {
    display: none;
}

/* Arrow indicator - was blue, now theme color */


.cp-theme .faq-item[open] summary::after {
    background-color: #e6394b;
    /* was blue */
    color: #ffffff;
    transform: rotate(-90deg);
}

.cp-theme .faq-item p {
    font-size: 14px;
    line-height: 1.8;
    color: #6b7280;
    margin: 15px 0 0;
}

/* ===== Bottom color bar inside each FAQ ===== */
.cp-theme .faq-bottom-bar {
    display: flex;
    gap: 6px;
    margin-top: 15px;
}

.cp-theme .faq-bottom-bar span {
    flex: 1;
    height: 4px;
    border-radius: 2px;
}

.fixed-right-icons.cp-theme {
    background-color: #E94445;
}

/* ===== Skeleton loader - theme-matched shimmer ===== */
.cp-theme .faq-skeleton .skeleton-title,
.cp-theme .faq-skeleton .skeleton-divider,
.cp-theme .faq-skeleton-question,
.cp-theme .faq-skeleton-answer {
    background: linear-gradient(90deg, #ececec 25%, #f6f6f6 50%, #ececec 75%);
    background-size: 200% 100%;
    animation: cp-skeleton-loading 1.4s infinite;
    border-radius: 4px;
}

.cp-theme .faq-skeleton {
    margin-top: 30px;
    background-image: none;
}


@keyframes cp-skeleton-loading {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.cp-theme .faq-skeleton .skeleton-title {
    height: 26px;
    width: 260px;
    margin-bottom: 15px;
}

.cp-theme .faq-skeleton .skeleton-divider {
    height: 6px;
    width: 90px;
    border-radius: 3px;
    margin-bottom: 40px;
}

.cp-theme .faq-skeleton-item {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
    padding: 22px 30px;
    margin-bottom: 20px;
}

.cp-theme .faq-skeleton-question {
    height: 18px;
    width: 70%;
}

.cp-theme .faq-skeleton-answer {
    height: 12px;
    width: 100%;
    margin-top: 12px;
}

.cp-theme .faq-skeleton-answer.short {
    width: 60%;
}

/* faq of new cp-theme page end */

/* blog of new cp-theme page start */

.cp-theme .blog-filter-control {
    border: 1px solid #e6394b !important;
}

.cp-theme .blog-top-bar .blog-dropdown {
    width: 210px;
    padding: 0 40px 0 20px;
    appearance: none;
    background-image: url(./../../form-images/cp-theme-msoformbluedownarrow.png);
    background-repeat: no-repeat;
    background-position: right 18px center;
    background-size: 12px auto;
}

.cp-theme .blog-search-box input,
.cp-theme .blog-search-box input:focus {
    height: 40px;
    padding: 5px 46px 5px 20px;
    border-radius: 8px;
    border: 1px solid #e6394b;
}

.cp-theme .blog-item {
    border: 1px solid #e6394b;
}

.cp-theme .blog-item:nth-child(odd):before {
    background: #e6394b !important;
}

.cp-theme .blog-item:nth-child(even):before {
    background: #e6394b !important;
}

.cp-theme .bloglistarea {
    background-image: url(./../../form-images/testimonials_bg.svg);
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 20px;
}

.cp-theme.websiteSettingArea {
    padding-top: 30px;
}

.cp-theme .blogdetailsTitle {
    color: #e6394b;
}

.cp-theme .blogdetailsBackBtn {
    border: 1px solid #e6394b;
    color: #e6394b;
}

.cp-theme .action-bar {
    border: 1px solid #e6394b;
    color: #e6394b;
}

.cp-theme .action-btn {
    border: 1px solid #e6394b;
    color: #e6394b;
}

.cp-theme .action-btn:hover {
    background: #fff;
}

.cp-theme .share-btn {
    background: #e6394b;
    color: #fff;
    border: none;
}

.cp-theme .writetestimonialsTitle {
    color: #e6394b;
}

.cp-theme .writetestimonialsTextarea {
    border: 1px solid #e6394b;
}

.cp-theme .writetestimonialsFormFooter {
    padding-top: 20px;
}

.cp-theme .writetestimonialsTitle {
    color: #e6394b;
}

.cp-theme .commenterAvatar {
    border: 1px solid #e6394b;
}

.cp-theme .commenterName {
    color: #e6394b;
}

.cp-theme .writetestimonialsSubmitBtn {
    border: 1px solid #e6394b;
    background: #e6394b;
}

/* blog of new cp-theme page end */
.cp-theme .popup-btn {
    background: #31AF94;
}

.cp-theme .popup-box h3 {
    color: #31AF94;
}

.cp-theme .whatsnewsection .blogs-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 45px;
    row-gap: 40px
}

.cp-theme .whatsnewsection .blog-content a {
    color: #e6394b;
}

.cp-theme .whatsnewsection a svg path {
    fill: #e6394b;
}

.cp-theme .whatsnewsection .blogs-action {
    text-align: center;
    margin-top: 45px;
}

.cp-theme .why-choose-us-points li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 10px;
    height: 16px;
    color: #3d3d3d;
    font-size: 13px;
    line-height: 1.6;
    background: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.83875 8.83875L1.7675 15.91L0 14.1425L6.1875 7.955L0 1.7675L1.7675 0L8.83875 7.07125C9.07309 7.30566 9.20473 7.62354 9.20473 7.955C9.20473 8.28646 9.07309 8.60434 8.83875 8.83875Z' fill='%23C10E0E'/%3E%3C/svg%3E") no-repeat center;
}

.cp-theme .why-choose-us-title {
    color: #e6394b;
}

.toolswrapper.cp-theme {
    background-color: #db6a75;
    background-image: url(../../form-images/testimonials_bg.svg), url(../../form-images/testimonials_bg.svg);
    background-repeat: no-repeat;
    background-position: 113% bottom, -5% 11%;
    background-size: 340px 340px;
}

.cp-theme .tool-content h3 {
    color: #fff;
}

.cp-theme .tool-content p {
    color: #fff;
}

.cp-theme .tool-action button {
    color: #fff;
}

.cp-theme .tools-title::after {
    width: 90px;
    height: 6px;
    background-color: #e6394b;
    border-radius: 3px;
}

.cp-theme .tool-action button:hover {
    background-color: #E94445;
}

.cp-theme .tool-icon img {
    filter: brightness(0) invert(1);
}


.cp-theme .service-card-face{
    position:relative;
}
.cp-theme .organization-service-card{
    height:auto;
}

.cp-theme .team-carousel-prev {
    left: -28px;
    background: none !important;
}

.cp-theme .team-carousel-next {
    right: -28px;
    background:none;
}
 
/*************************************************** cp-theme area end ******************************/

/**************************************** pc-theme area start 11-09-2026 **************************************/
.pc-theme .banner-carousel .owl-dots {
    position: absolute;
    bottom: 7px;
    z-index: 9999;
    width: 100%;
}

.pc-theme .investor-header {
    border-radius: 0;
    background: linear-gradient(90.26deg, rgba(14, 27, 44, 1) 48.24%, rgba(59, 103, 162, 0.5) 97.8%);
    padding: 10px 20px;
    border: none;
    margin: 0;
    z-index: 2;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    z-index: 999;
}

.pc-theme .investor-btn {
    background: #31AF94;
    border-radius: 28px;
}

.pc-theme .investor-phone {
    background: #31AF94;
    border-radius: 28px;
}

.pc-theme .investor-nav ul li a {
    color: #fff;
    font-size: 14px;
    /* font-weight: 400; */
}

.pc-theme .websitebanner {
    margin-top: -34px;
}

.pc-theme .websitebanner .item,
.pc-theme .websitebanner .item a {
    width: 100%;
}

.pc-theme .banner-carousel .owl-dots {
    position: absolute;
    bottom: 7px;
    z-index: 9999;
    width: 100%;
}

.pc-theme .about-section {
    position: relative;
    background: linear-gradient(180deg, #60BEA9 0%, #B9E5EE 100%);
    padding: 90px 0 70px;
    overflow: hidden;
    margin: 0;
}

.pc-theme .about-section .container {
    position: relative;
    z-index: 2;
    max-width: 1100px;
}

/* White centered card */
.pc-theme .about-box {
    background-color: #ffffff;
    border-radius: 16px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);
    padding: 55px 70px;
    text-align: center;
}

.pc-theme .about-box h2 {
    font-size: 32px;
    font-weight: 700;
    color: #4b5563;
    margin: 0 0 30px;
}

.pc-theme .about-box .divider {
    display: none;
    /* not present in new design */
}

.pc-theme .about-content p {
    font-size: 15px;
    line-height: 2;
    color: #6b7280;
    text-align: center;
    margin: 0;
}

/* ===== Decorative background elements ===== */
.pc-theme .about-bg-decor {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

/* Dot-circle top-left (concentric horizontal dashed lines forming a sphere) */
.pc-theme .decor-dots-circle {
    position: absolute;
    top: 45px;
    left: 55px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: repeating-linear-gradient(to bottom,
            rgba(255, 255, 255, 0.85) 0px,
            rgba(255, 255, 255, 0.85) 2px,
            transparent 2px,
            transparent 8px);
}

/* 4-point sparkle/star shapes */
.pc-theme .decor-star {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.35);
    clip-path: polygon(50% 0%, 60% 40%, 100% 50%, 60% 60%, 50% 100%, 40% 60%, 0% 50%, 40% 40%);
}

.pc-theme .decor-star-1 {
    width: 34px;
    height: 34px;
    top: 340px;
    left: 175px;
}

.pc-theme .decor-star-2 {
    width: 55px;
    height: 55px;
    top: 545px;
    left: 65px;
}

/* Hexagon dot-cluster pattern, top-right */
.pc-theme .decor-hex-pattern {
    position: absolute;
    top: 153px;
    right: -44px;
    width: 170px;
    height: 150px;
    background-image: url(./../../form-images/pc-theme-graphics.svg);
    background-size: 58px 58px;
    background-position: 0 0, 29px 29px;
    background-repeat: repeat;
    mask-image: radial-gradient(circle at center, black 60%, transparent 100%);
    -webkit-mask-image: radial-gradient(circle at center, black 60%, transparent 100%);
}

/* Diagonal-line textured circle, right side */
.pc-theme .decor-lines-circle {
    position: absolute;
    top: 311px;
    right: 20px;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: repeating-linear-gradient(45deg,
            rgba(255, 255, 255, 0.8) 0px,
            rgba(255, 255, 255, 0.8) 2px,
            transparent 2px,
            transparent 9px);
}

.pc-theme .highlights-section {
    position: relative;
    background-color: #0b0b0d;
    /* overflow: hidden; */
    padding: 80px 0 60px;
    min-height: 460px;
    box-shadow: none;
    background-image: url(./../../form-images/pc-organization-heightlight_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0;
    margin: 0;
}

.pc-theme .highlights-section .section-heading {
    text-align: center;
    margin-bottom: 0;
    font-weight: 400;
}

.pc-theme .highlights-section .section-heading .heading-bold {
    font-size: 42px;
    font-weight: 800;
    color: #f5f5f5;
}

.pc-theme .highlights-section .section-heading .heading-light {
    font-size: 26px;
    font-weight: 600;
    color: #f5f5f5;
    margin-left: 8px;
}

.pc-theme .highlights-section .section-heading .heading-dot {
    font-size: 26px;
    font-weight: 600;
    color: #f5f5f5;
}

.pc-theme .highlights-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 60px;
    padding-right: 10px;
    padding-bottom: 0;
}

.pc-theme .highlight-card {
    background: transparent;
    box-shadow: none;
    border: none;
    text-align: left;
    min-width: 150px;
}

.pc-theme .highlight-card .counter {
    font-size: 40px;
    font-weight: 800;
    color: #f5f5f5;
    margin: 0 0 8px;
    line-height: 1;
}

.pc-theme .highlight-card p {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin: 0;
    color: #BFFF88;
}

.pc-theme .organization-services-section {
    position: relative;
    background: linear-gradient(180deg, #B5E4EB 0%, #B0FFED 81.99%);
    padding: 60px 0 60px;
    overflow: hidden;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}

.pc-theme .organization-services-section h2 {
    font-size: 32px;
    font-weight: 700;
    color: #4b5563;
    margin: 0 0 75px;
}

.pc-theme .organization-services-section .container {
    position: relative;
    z-index: 2;
}

.pc-theme .organization-services-section .divider {
    display: none;
    /* no heading/divider in new design */
}

/* Grid - 3 columns */
.pc-theme .organization-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 45px;
    row-gap: 55px;
}

.pc-theme .organization-service-card {
    position: relative;
}

.pc-theme .service-card-front {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Icon circle overlapping top of card */
.pc-theme .service-icon-wrap {
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 70px;
}

.pc-theme .service-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.pc-theme .service-icon img {
    width: 26px;
    height: 26px;
    object-fit: contain;
}

.pc-theme .service-text h3 {
    font-size: 17px;
    font-weight: 700;
    color: #374151;
    margin: 0;
}

.pc-theme .service-text p {
    display: none;
    /* not shown in new design's card */
}

/* View more pill button */
.pc-theme .organization-services-action {
    text-align: center;
    margin-top: 0;
}

.pc-theme .organization-services-action .view-more-btn {
    display: inline-block;
    background-color: #4fa895;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 14px 40px;
    border-radius: 30px;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.pc-theme .organization-services-action .view-more-btn:hover {
    background-color: #3f8f7e;
}

/* ===== Decorative background shapes ===== */
.pc-theme .services-bg-decor {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

/* Wavy blob top-left */
.pc-theme .decor-wavy-blob {
    position: absolute;
    top: 40px;
    left: 60px;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: repeating-radial-gradient(circle at center,
            rgba(79, 168, 149, 0.35) 0px,
            rgba(79, 168, 149, 0.35) 2px,
            transparent 2px,
            transparent 10px);
}

/* Outlined triangle shapes top-right */
.pc-theme .decor-triangle-outline {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
}

.pc-theme .decor-triangle-1 {
    top: 30px;
    right: 130px;
    border-width: 0 60px 100px 60px;
    border-color: transparent transparent transparent transparent;
    background: none;
    border-left: 1px solid transparent;
}

/* using clip-path instead for accurate outline triangles */
.pc-theme .decor-triangle-1 {
    width: 90px;
    height: 90px;
    border: none;
    top: 65px;
    right: 150px;
    background: transparent;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    border: 1px solid #2f6f5e;
}

.pc-theme .decor-triangle-2 {
    width: 60px;
    height: 60px;
    top: 380px;
    left: 90px;
    background: transparent;
    clip-path: polygon(0% 0%, 0% 100%, 100% 50%);
    border: 1px solid #2f6f5e;
}

/* Small outlined circles */
.pc-theme .decor-circle-outline {
    position: absolute;
    border-radius: 50%;
    border: 1px solid #2f6f5e;
}

.pc-theme .decor-circle-1 {
    width: 90px;
    height: 90px;
    top: 25px;
    right: 100px;
}

.pc-theme .decor-circle-2 {
    width: 24px;
    height: 24px;
    top: 375px;
    left: 55px;
}

/* Wave lines beside the triangle, top-right */
.pc-theme .blogs-section .decor-wave-lines {
    position: absolute;
    top: 75px !important;
    left: 220px !important;
    width: 143px;
    height: 143px;
    background-image: url(../../form-images/pc-big-circle.svg) !important;
    background-repeat: no-repeat;
}

.pc-theme .organization-services-section .organization-service-card:hover .service-card-inner {
    transform: rotateY(180deg);
}

.pc-theme .organization-service-card:hover .service-card-inner {
    transform: rotateY(180deg);
}

.pc-theme .organization-service-card:hover .service-card-face {
    border-color: #31AF94;
}

.pc-theme .websitetools-section {
    position: relative;
    background-color: #ffffff;
    padding: 40px 0 40px;
    overflow: hidden;
    background-image: none;
    border-radius: 0;
    box-shadow: none;
}

.pc-theme .websitetools-section .container {
    position: relative;
    z-index: 2;
}

.pc-theme .websitetools-section .section-heading {
    text-align: center;
    font-size: 30px;
    color: #3f8f7e;
    margin-bottom: 50px;
}

.pc-theme .websitetools-section .divider {
    display: none;
}

/* Grid - 3 columns */
.pc-theme .websitetools-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 45px;
    row-gap: 45px;
}

.pc-theme .websitetools-card {
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.07);
    overflow: hidden;
    text-align: center;
    height: auto;
    transition: all 0.3s ease-in;
}

.pc-theme .websitetools-card:hover {
    box-shadow: 0 15px 35px rgba(176, 255, 237, 1);
}

.pc-theme .tool-image {
    width: 100%;
    height: 180px;
    overflow: hidden;
}

.pc-theme .tool-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pc-theme .tool-body {
    padding: 28px 20px 32px;
}

.pc-theme .tool-body h3 {
    font-size: 19px;
    font-weight: 700;
    color: #374151;
    margin: 0 0 20px;
}

.pc-theme .tool-body .explorebtn {
    display: inline-block;
    background-color: #4fa895;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 12px 32px;
    border-radius: 30px;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.pc-theme .tool-body .explorebtn:hover {
    background-color: #3f8f7e;
}

/* Hide old stripe/icon-circle markup since new design uses full photo cards */
.pc-theme .toolsIcon,
.pc-theme .stripe-lines,
.pc-theme .icon-circle {
    display: none;
}

/* ===== Decorative background shapes ===== */
.pc-theme .websitetools-bg-decor {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.pc-theme .decor-wave-lines {
    position: absolute;
    background: repeating-linear-gradient(100deg,
            rgba(107, 114, 128, 0.35) 0px,
            rgba(107, 114, 128, 0.35) 1px,
            transparent 1px,
            transparent 9px);
}

.pc-theme .decor-wave-left {
    width: 120px;
    height: 160px;
    top: 190px;
    left: 40px;
}

.pc-theme .decor-wave-center {
    width: 110px;
    height: 140px;
    top: 380px;
    left: 45%;
}

.pc-theme .decor-triangle-outline {
    position: absolute;
    background: transparent;
    border: 1px solid #4fa895;
}

.pc-theme .decor-triangle-1 {
    width: 70px;
    height: 70px;
    top: 190px;
    right: 190px;
    clip-path: polygon(0% 0%, 0% 100%, 100% 50%);
}

.pc-theme .decor-triangle-2 {
    width: 55px;
    height: 55px;
    top: 470px;
    left: 55px;
    clip-path: polygon(0% 0%, 0% 100%, 100% 50%);
}

.pc-theme .decor-circle-outline {
    position: absolute;
    border-radius: 50%;
    border: 1px solid;
}

.pc-theme .decor-circle-1 {
    width: 65px;
    height: 65px;
    top: 165px;
    right: 155px;
    border-color: #4fa895;
}

.pc-theme .decor-circle-2 {
    width: 22px;
    height: 22px;
    top: 440px;
    left: 20px;
    border-color: #9ca3af;
}

.pc-theme .director-team-section {
    box-shadow: none;
    padding: 0;
    border-radius: 0%;
    position: relative;
    max-height: 927px;
}

.pc-theme .director-desk-wrapper {
    position: relative;
    background: linear-gradient(160deg, #5fb3a3 0%, #8fd3c4 55%, #bfe8dc 100%);
    padding: 90px 0 180px;
    overflow: hidden;
}

.pc-theme .director-desk-wrapper .container {
    position: relative;
    z-index: 2;
}

/* Row: circular photo left, white card right */
.pc-theme .director-desk-row {
    display: flex;
    align-items: center;
    gap: 60px;
}

/* .pc-theme .director-image-col {
    flex: 0 0 300px;
} */

.pc-theme .director-image {
    width: 195px;
    height: 195px;
    border-radius: 50%;
    overflow: hidden;
    border: 10px solid #ffffff;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.pc-theme .director-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* White content card */
.pc-theme .director-content {
    flex: 1;
    background-color: #ffffff;
    border-radius: 16px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);
    padding: 45px 55px;
}

.pc-theme .director-content .section-heading {
    font-size: 26px;
    font-weight: 700;
    color: #4b5563;
    margin: 0 0 20px;
    text-align: left;
}

.pc-theme .director-team-section .divider {
    display: none;
}

.pc-theme .director-copy p {
    font-size: 14.5px;
    line-height: 1.9;
    color: #6b7280;
    margin: 0;
}

.pc-theme .director-content .view-more-btn {
    display: none;
    /* not present in new design's card */
}

/* ===== Decorative background shapes on the teal area ===== */
.pc-theme .director-bg-decor {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.pc-theme .director-bg-decor .decor-star {
    position: absolute;
    width: 70px;
    height: 70px;
    top: 477px;
    left: 195px;
    background-color: rgba(102, 146, 143, 0.35);
    clip-path: polygon(50% 0%, 60% 40%, 100% 50%, 60% 60%, 50% 100%, 40% 60%, 0% 50%, 40% 40%);
}



/* ===== Team members section (light background, plain circular cards) ===== */
.teammembersection {
    margin: 0;
    padding: 0;
    position: relative;
    top: -169px;
}

.pc-theme .team-heading {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    color: #4b5563;
    margin-top: 70px;
    margin-bottom: 15px;
}

.pc-theme .team-carousel {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    /* padding-bottom: 60px; */
}

.pc-theme .team-carousel-shell {
    flex: 1;
    overflow: hidden;
}

.pc-theme .team-carousel-track {
    display: flex;
    gap: 30px;
}

.pc-theme .team-card {
    flex: 0 0 calc(25% - 22.5px);
    background: rgba(219, 219, 219, 0.2);
    border-radius: 10px;
    padding: 30px 0;
    display: flex;
    justify-content: center;
    position: relative;
}

.pc-theme .team-card::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 5px;
    border-radius: 1cqb;
    background: linear-gradient(180deg, #C3F0EE 0%, #F4F4F4 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.pc-theme .team-photo {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    overflow: hidden;
    border: 6px solid #ffffff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.pc-theme .team-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pc-theme .team-carousel-btn {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(155, 216, 214, 1);
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0;
    background-color: #fff;
}

.pc-theme .post {
    margin-top: 20px;
}

.pc-theme .post h3 {
    font-weight: 700;
    font-size: 19px;
    color: rgba(22, 38, 60, 0.5);
    margin: 0;
    padding: 0;
    text-align: center;
}

.pc-theme .post p {
    text-align: center;
    font-weight: 400;
    font-size: 12px;
}

.pc-theme .corporateArea {
    position: relative;
    background-color: #ffffff;
    padding: 30px 0 100px;
    overflow: hidden;
}

.pc-theme .corporateArea .container {
    position: relative;
    z-index: 2;
}

.pc-theme .corporateArea .section-heading {
    text-align: center;
    font-size: 28px;
    color: #9ca3af;
    margin-bottom: 60px;
    font-weight: 700;
}

.pc-theme .corporateArea .divider {
    display: none;
    /* not present in new design */
}

/* Logo row */
.pc-theme .corporate_logo {
    width: 100%;
}

.pc-theme .logo-carousel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
}

.pc-theme .logo-item {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
}

.pc-theme .logo-item a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pc-theme .logo-item img {
    max-height: 55px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.pc-theme .logo-item img:hover {
    transform: scale(1.05);
}

.pc-theme .owl-carousel .owl-stage {
    display: flex;
    align-items: center;
}

.pc-theme .owl-carousel .owl-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ===== Decorative background shapes ===== */
.pc-theme .corporate-bg-decor {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

/* Wavy lines above the heading */
.pc-theme .decor-wave-lines {
    position: absolute;
    top: 0;
    left: 24%;
    transform: translateX(-190px);
    width: 70px;
    height: 60px;
    background: url(./../../form-images/pc-small-circle.svg);
    background-repeat: no-repeat;
}

/* Outlined circle below the logos */
.pc-theme .decor-circle-outline {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-30px);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1px solid #4fa895;
}

.pc-theme .blogs-section {
    position: relative;
    background: linear-gradient(180deg, #B5E4EB 0%, #B0FFED 81.99%);
    padding: 80px 0 90px;
    overflow: hidden;
    margin-bottom: 0;
}

.pc-theme .blogs-section .container {
    position: relative;
    z-index: 2;
}

.pc-theme .blogs-section .section-heading {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #3f8f7e;
    margin-bottom: 50px;
}

.pc-theme .blogs-section .divider,
.pc-theme .blogs-side-image {
    display: none;
    /* not present in new design */
}

/* Grid - 2 columns */
.pc-theme .blogs-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 45px;
    row-gap: 40px;
}

.pc-theme .blog-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.07);
    padding: 20px 65px 20px 20px;
    border: none;
}

.pc-theme .blog-image {
    flex: 0 0 100px;
    max-width: 100px;
    border-radius: 6px;
    overflow: hidden;
}

.pc-theme .blog-image img {
    width: 100%;
    height: 85px;
    object-fit: cover;
    display: block;
}

.pc-theme .blog-content {
    flex: 1;
}

.pc-theme .blog-content a {
    text-decoration: none;
}

.pc-theme .blog-content h3 {
    font-size: 15px;
    font-weight: 700;
    color: #3f8f7e;
    line-height: 1.4;
    margin: 0 0 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pc-theme .blog-content p {
    font-size: 12.5px;
    line-height: 1.6;
    color: #9ca3af;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Double-ring arrow button, right side */
.pc-theme .blog-arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 2px solid #4fa895;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.pc-theme .blog-arrow::before {
    content: '';
    position: absolute;
    inset: 4px;
    border-radius: 50%;
    border: 1px solid #cbd5e1;
    background-color: #ffffff;
}

.pc-theme .blog-arrow .arrow-icon {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pc-theme .blog-arrow:hover {
    border-color: #3f8f7e;
}

/* View more pill button */
.pc-theme .blogs-action {
    text-align: center;
    margin-top: 45px;
}

.pc-theme .blogs-action .view-more-btn {
    display: inline-block;
    background-color: #4fa895;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 14px 38px;
    border-radius: 30px;
    transition: background-color 0.3s ease;
}

.pc-theme .blogs-action .view-more-btn:hover {
    background-color: #3f8f7e;
}

/* ===== Decorative background shapes ===== */
.pc-theme .blogs-bg-decor {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.pc-theme .decor-wave-lines {
    position: absolute;
    top: 45px;
    left: 60px;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: repeating-radial-gradient(circle at center,
            rgba(107, 114, 128, 0.35) 0px,
            rgba(107, 114, 128, 0.35) 2px,
            transparent 2px,
            transparent 10px);
}

.pc-theme .decor-triangle-outline {
    position: absolute;
    top: 55px;
    right: 110px;
    width: 100px;
    height: 100px;
    background: transparent;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    border: 1px solid #2f6f5e;
}

.pc-theme .decor-circle-outline {
    position: absolute;
    border-radius: 50%;
    border: 1px solid #2f6f5e;
}

.pc-theme .blogs-section .decor-pc-infographic2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 225px;
    height: 225px;
    background-image: url(../../form-images/pc-infographic2.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.pc-theme .testimonial-section {
    position: relative;
    background: linear-gradient(180deg, rgba(176, 255, 237, 0) 0%, #B5E4EB 81.99%);
    padding: 65px 0 65px;
    overflow: hidden;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
}

.pc-theme .testimonial-section .container {
    position: relative;
    z-index: 2;
}

.pc-theme .testimonial-section .section-heading {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #3f8f7e;
    margin-bottom: 60px;
}

.pc-theme .testimonial-section .divider,
.pc-theme .testimonial-quote-icon.testimonial-section-icon,
.pc-theme .testimonial-decor {
    display: none;
    /* old single big quote icon / decor image not used */
}

/* Carousel: prev btn | 3 cards | next btn */
/* .pc-theme .testimonial-carousel {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    max-width: 100%;
} */

/* .pc-theme .testimonial-stage {
    flex: 1;
    display: flex;
    gap: 25px;
    align-items: stretch;
    width: 100%;
    min-width: 0; 
    overflow: hidden; 
} */

/* By default show only is-active, is-left, is-right; hide everything else */
.pc-theme .testimonial-card {
    /* display: none; */
    flex: 1 1 0;
    /* force equal width, allow shrink, ignore content basis */
    min-width: 0;
    /* prevents text content from forcing card wider than its share */
    background-color: #ffffff;
    border-radius: 10px;
    border-top: 4px solid #4fa895;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);
    padding: 55px 28px 30px;
    /* position: relative; */
    box-sizing: border-box;
    width: 330px;
    min-height: 350px;
    top: 0;
    transition: all 0.3s ease-in;
}

.pc-theme .testimonial-card:hover {
    border-bottom: 1px solid #4fa895;
    border-left: 1px solid #4fa895;
    border-right: 1px solid #4fa895;
}

/* .pc-theme .testimonial-card.is-active,
.pc-theme .testimonial-card.is-left,
.pc-theme .testimonial-card.is-right {
    display: block;
}

.pc-theme .testimonial-card.is-hidden {
    display: none;
} */

/* Circular overlapping photo */
.pc-theme .testimonial-photo {
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
    border: 5px solid #ffffff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.pc-theme .testimonial-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pc-theme .testimonial-card .testimonial-quote-icon {
    margin-bottom: 10px;
    position: absolute;
    top: 78px;
}

.pc-theme .testimonial-card .testimonial-quote-icon svg {
    width: 28px;
    height: auto;
}

.pc-theme .testimonial-person {
    margin-top: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    margin-bottom: 15px;
    padding-left: 40px;
}

.pc-theme .testimonial-card.is-active .testimonial-person {
    margin-top: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    margin-bottom: 15px;
}

.pc-theme .testimonial-person h3 {
    font-size: 15px;
    font-weight: 700;
    color: #3f8f7e;
    margin: 0 0 3px;
    padding: 0;
}

.pc-theme .testimonial-person span {
    font-size: 12.5px;
    color: #6b7280;
}

.pc-theme .testimonial-text p {
    font-size: 13.5px;
    line-height: 1.75;
    font-weight: 600;
    color: #4b5563;
    margin: 0;
}

/* Circular arrow buttons */
.pc-theme .testimonial-carousel-btn {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid #4fa895;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
    background: none;
}

.pc-theme .testimonial-carousel-btn:hover {
    background-color: #e6f6f2;
}

/* ===== Decorative background shapes ===== */
.pc-theme .testimonial-bg-decor {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.pc-theme .testimonial-card.is-left {
    transform: translateX(calc(-50% - 347px)) scale(1);
}

.pc-theme .testimonial-card.is-right {
    transform: translateX(calc(-50% + 347px)) scale(1);
}

.pc-theme .testimonial-card.is-active .testimonial-person h3 {
    font-size: 15px;
}

.pc-theme .faq-section {
    position: relative;
    background-color: #ffffff;
    padding: 90px 0 100px;
    overflow: hidden;
    display: block;
    background-image: none;
    margin-bottom: 0;
}

.pc-theme .faq-heading-row {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

.pc-theme .faq-heading-col {
    position: relative;
    flex: 0 0 26%;
    max-width: 26%;
    padding-top: 5px;
    min-height: 420px;
}

.pc-theme .faq-content-col {
    flex: 1;
}

/* Two-tone heading */
.pc-theme .faq-section .section-heading {
    font-size: 30px;
    font-weight: 800;
    line-height: 1.25;
    margin: 0;
}

.pc-theme .faq-section .heading-line-1 {
    display: block;
    color: #374151;
}

.pc-theme .faq-section .heading-line-2 {
    display: block;
    color: #7fd6c4;
}

/* FAQ list */
.pc-theme .faq-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.pc-theme .faq-item {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
    padding: 10px 20px;
}

.pc-theme .faq-item summary {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    list-style: none;
    font-size: 16px;
    font-weight: 700;
    color: #374151;
    padding: 0;
}

.pc-theme .faq-item summary::-webkit-details-marker {
    display: none;
}

.pc-theme .faq-number {
    color: #374151;
    font-weight: 700;
}

.pc-theme .faq-question-text {
    flex: 1;
}

/* Featured (first, open) card */

.pc-theme .faq-item[open] .faq-question-text {
    color: #4fa895;
}

.pc-theme .faq-item[open] .faq-number {
    color: #4fa895;
}

.pc-theme .faq-progress-line {
    position: relative;
    height: 2px;
    background-color: #e5e7eb;
    margin: 15px 0 20px;
}

.pc-theme .faq-progress-line::before {
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    height: 6px;
    border-radius: 7px;
    width: 15%;
    background-color: #4fa895;
}

.pc-theme .faq-item.faq-featured p {
    font-size: 14.5px;
    line-height: 1.9;
    color: #6b7280;
    margin: 0 0 30px;
}

/* Collapsed items - circular toggle icon on right */
.pc-theme .faq-item:not(.faq-featured) summary {
    justify-content: space-between;
}

.pc-theme .faq-toggle-icon {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #4fa895;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.pc-theme .faq-item.faq-featured .faq-toggle-icon {
    border-color: #4fa895;
}

.pc-theme .faq-item.faq-featured .faq-toggle-icon .arrow-icon {
    transform: rotate(180deg);
}

.pc-theme .faq-item[open]:not(.faq-featured) .faq-toggle-icon .arrow-icon {
    transform: rotate(180deg);
}

.pc-theme .faq-item:not(.faq-featured) p {
    font-size: 14px;
    line-height: 1.8;
    color: #6b7280;
    margin: 15px 0 0;
}

.pc-theme .extra-faq.d-none {
    display: none;
}

/* View more pill button */
.pc-theme .faq-action {
    margin-top: 35px;
}

.pc-theme .faq-action .explore-btn {
    display: inline-block;
    background-color: #4fa895;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 14px 38px;
    border-radius: 30px;
    transition: background-color 0.3s ease;
}

.pc-theme .faq-action .explore-btn:hover {
    background-color: #3f8f7e;
}

/* ===== Decorative elements (bottom-left of heading column) ===== */
.pc-theme .faq-bg-decor {
    position: absolute;
    left: 0;
    top: 240px;
    width: 260px;
    height: 220px;
    pointer-events: none;
}

.pc-theme .decor-wave-lines {
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: repeating-radial-gradient(circle at center,
            rgba(156, 163, 175, 0.45) 0px,
            rgba(156, 163, 175, 0.45) 2px,
            transparent 2px,
            transparent 9px);
}

.pc-theme .decor-quote-icon {
    position: absolute;
    top: 35px;
    left: 175px;
}

.pc-theme .decor-circle-outline {
    position: absolute;
    top: 90px;
    left: 85px;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    border: 1px solid #4fa895;
}

.pc-theme .decor-triangle-outline {
    position: absolute;
    top: 110px;
    left: 40px;
    width: 105px;
    height: 90px;
    border: 1px solid #4fa895;
    background: transparent;
    clip-path: polygon(0% 100%, 100% 100%, 30% 0%);
}

.pc-theme .faq-item[open] {
    border: none !important;
    border-bottom: 4px solid #4fa895 !important;
}

.pc-theme .faq-item[open]::after {
    background: none;
}

.pc-theme .faq-item summary::before,
.pc-theme .faq-item summary::after {
    background: none;
    width: 0;
    height: 0;
}

.pc-theme .contact-section {
    position: relative;
    background: linear-gradient(180deg, #B5E4EB 0%, #B0FFED 81.99%);
    padding: 80px 0 0;
    overflow: hidden;
    box-shadow: none;
    margin-bottom: 0;
}

.pc-theme .contact-section:after {
    background: #fff;
    content: '';
    position: absolute;
    width: 100%;
    height: 325px;
    bottom: 0;
}

.pc-theme .contact-section .container {
    position: relative;
    z-index: 2;
}

.pc-theme .contact-section .section-heading {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #4fa895;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 45px;
}

.pc-theme .contact-image-decor,
.pc-theme .contact-left {
    display: none;
    /* no side photo in new design */
}

.pc-theme .contact-container {
    display: flex;
    justify-content: center;
}

/* Centered white card */
.pc-theme .contact-form {
    width: 100%;
    max-width: 650px;
    background-color: #ffffff;
    border-radius: 16px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);
    padding: 20px 20px 20px;
    position: relative;
    z-index: 3;
}

.pc-theme .contact-form .section-heading {
    display: none;
    /* heading already rendered once above the card */
}

.pc-theme .contact_box form {
    width: 100%;
}

.pc-theme .form-group {
    margin-bottom: 22px;
}

.pc-theme .form-group label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 8px;
}

.pc-theme .form-group .required {
    color: #e6394b;
}

.pc-theme .form-group input,
.pc-theme .form-group textarea {
    width: 100%;
    background-color: #f2f2f2;
    border: none;
    border-radius: 4px;
    padding: 10px;
    font-size: 14px;
    color: #374151;
    box-sizing: border-box;
}

.pc-theme .form-group input:focus,
.pc-theme .form-group textarea:focus {
    outline: 2px solid #4fa895;
    background-color: #ffffff;
}

.pc-theme .form-group textarea {
    resize: vertical;
    min-height: 55px;
}

.pc-theme .phone-wrapper {
    display: flex;
    gap: 12px;
}

.pc-theme .phone-wrapper .country {
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: #f2f2f2;
    border-radius: 4px;
    padding: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #374151;
    white-space: nowrap;
    flex: 0 0 auto;
}

.pc-theme .phone-wrapper .country img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
}

.pc-theme .phone-wrapper input {
    flex: 1;
}

.pc-theme .two-col-row {
    display: flex;
    gap: 20px;
    margin: 0;

}

.pc-theme .two-col-row .col-6 {
    flex: 1;
    padding: 0;
}

/* Pill submit button */
.pc-theme .submit-row {
    text-align: center;
    margin-top: 30px;
}

.pc-theme .contact-form button[type="submit"] {
    display: inline-block;
    background-color: #4fa895;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: none;
    padding: 14px 45px;
    border-radius: 30px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-top: 0;
}

.pc-theme .contact-form button[type="submit"] .arrow {
    display: none;
    /* new design has no arrow icon on button */
}

.pc-theme .contact-form button[type="submit"]:hover {
    background-color: #3f8f7e;
}

.pc-theme .alert {
    margin-top: 20px;
    padding: 12px 18px;
    border-radius: 4px;
    font-size: 14px;
}

.pc-theme .alert-success {
    background-color: #d1fae5;
    color: #065f46;
}

.pc-theme .alert-danger {
    background-color: #fee2e2;
    color: #991b1b;
}

.pc-theme-section.contact-section .decor-wave-circle {
    position: absolute;
    background-image: url(./../../form-images/pc-big-circle.svg);
    background-repeat: no-repeat;
    left: 50px;
    top: 100px;
    width: 143px;
    height: 143px;
}

.pc-theme-section.contact-section .decor-wave-lines-circle {
    position: absolute;
    background-image: url(./../../form-images/pc-infographic3.svg);
    background-repeat: no-repeat;
    left: 216px;
    bottom: 311px;
    width: 95px;
    height: 117px;
}

.pc-theme-section.contact-section .decor-wave-circle-outline {
    position: absolute;
    background-image: url(./../../form-images/pc-big-circle.svg);
    background-repeat: no-repeat;
    right: 50px;
    bottom: 192px;
    width: 200px;
    height: 200px;
    z-index: 2;
}

.pc-theme-section.contact-section .decor-circle-outline {
    right: 100px;
    top: 100px;
    left: unset;
}

/* Extra bottom padding to accommodate the bottom decorative circle bleeding past the card */
.pc-theme .contact-section {
    padding-bottom: 50px;
}

.pc-theme .fixed-right-icons {
    background-color: #60BEA9;
}

.pc-theme .websitebanner img {
    height: auto;
    object-fit: cover;
    margin-top: 0;
    margin-bottom: 0;
}

.pc-theme .profileeditbtn {
    background-image: url(./../../form-images/pc-theme-profileEditIcon.png);
}

.pc-theme .logoutBtn {
    background-image: url(./../../form-images/pc-theme-blue_backbtn.png);
}

.pc-theme .teammemberpage {
    margin-top: 120px;
    background-image:
        url(./../../form-images/pc-infographic2.svg),
        url(./../../form-images/pc-infographic3.svg),
        url(./../../form-images/pc-infographic1.svg);
    background-repeat: no-repeat;
    background-position:
        right 20px,
        left 20px bottom 40px,
        right 20px bottom 40px;
}

.pc-theme .teammemberpage .director-subtitle {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #31AF94;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}

.pc-theme .teammemberpage .director-content-area .divider {
    width: 70px;
    height: 5px;
    background-color: #31AF94;
    border-radius: 3px;
    margin-bottom: 25px
}

.pc-theme .teammemberpage .teammemberarea .divider {
    width: 70px;
    height: 5px;
    background-color: #31AF94;
    border-radius: 3px;
    margin-bottom: 25px
}

.pc-theme .teammemberpage .organization-services-action .view-more-btn {
    border: 1px solid #31AF94;
    color: #31AF94;
    background-color: transparent;
}

.pc-theme .teammemberpage .organization-services-action .view-more-btn:hover {
    background-color: #31AF94;
    color: #fff;
}

.pc-theme .teammemberpage .director-image {
    width: 100%;
    height: 449px;
    border-radius: 4px;
    overflow: hidden;
    background: #f5f5f5;
    box-shadow: none;
}

.pc-theme .member-grid .organization-service-card .service-card-face {
    border: 1px solid #31AF94;
}

.pc-theme .member-grid .service-icon {
    width: 100%;
    height: 100%;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 10px;
}

.pc-theme .member-grid .service-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pc-theme .member-grid h3 {
    color: #31AF94;
    font-weight: 700;
    font-size: 18px;
    margin: 0;
}

.pc-theme .blog-filter-control {
    border: 1px solid #31AF94 !important;
}

.pc-theme .blog-filter-control {
    border: 1px solid #31AF94 !important;
}

.pc-theme .blog-search-box input,
.pc-theme .blog-search-box input:focus {
    height: 40px;
    padding: 5px 46px 5px 20px;
    border-radius: 8px;
    border: 1px solid #31AF94;
}

.pc-theme .bloglistarea {
    background-image:
        url(./../../form-images/pc-infographic2.svg),
        url(./../../form-images/pc-infographic3.svg),
        url(./../../form-images/pc-infographic1.svg);
    background-repeat: no-repeat;
    background-position:
        right 20px,
        left 20px bottom 40px,
        right 20px bottom 40px;
    min-height: 354px;
    margin-top: 20px;
}

.pc-theme .blog-item {
    border: 1px solid #31AF94;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}

.pc-theme .blog-item:nth-child(odd):before {
    background: #31AF94 !important;
}

.pc-theme .blog-item:nth-child(even):before {
    background: #31AF94 !important;
}

.pc-theme .blog-top-bar .blog-dropdown {
    width: 210px;
    padding: 0 40px 0 20px;
    appearance: none;
    background-image: url(./../../form-images/msoformgreendownarrow.png);
    background-repeat: no-repeat;
    background-position: right 18px center;
    background-size: 12px auto;
}

.pc-theme .bloglistingarea {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.pc-theme .blogdetailsTitle {
    color: #31AF94;
}

.pc-theme.websiteSettingArea a {
    color: #31AF94;
}

.pc-theme .action-bar {
    border: 1px solid #31AF94;
    color: #31AF94;
}

.pc-theme .action-btn {
    border: 1px solid #31AF94;
    color: #31AF94;
}

.pc-theme .share-btn {
    background: #31AF94;
    color: #fff;
    border: none;
}

.pc-theme .writetestimonialsTitle {
    color: #31AF94;
}

.pc-theme .writetestimonialsTextarea {
    border: 1px solid #31AF94;
}

.pc-theme .writetestimonialsSubmitBtn {
    border: 1px solid #31AF94;
    background: #31AF94;
}

.pc-theme .writetestimonialsTitle {
    color: #31AF94;
}

.pc-theme .commenterName {
    color: #31AF94;
}

.pc-theme .commenterAvatar {
    border: 1px solid #31AF94;
}

.pc-theme .writetestimonialsFormFooter {
    margin-top: 20px;
}

.pc-theme .whiteBoxwithoutborder>.divider {
    width: 90px;
    height: 6px;
    background-color: #31AF94;
    border-radius: 3px;
    margin-bottom: 40px;
}

.pc-theme .faqpage {
    background-image:
        url(./../../form-images/pc-infographic2.svg),
        url(./../../form-images/pc-infographic3.svg),
        url(./../../form-images/pc-infographic1.svg);
    background-repeat: no-repeat;
    background-position:
        right 20px,
        left 20px bottom 40px,
        right 20px bottom 40px;
}

.pc-theme .faq-toggle-icon {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #31AF94;
    color: #31AF94;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

.pc-theme .popup-btn {
    background: #31AF94;
}

.pc-theme .popup-box h3 {
    color: #31AF94;
}

.pc-theme .blog-top-bar {
    margin: 120px 0 20px;
}

.toolswrapper.pc-theme {
    background-color: #31AF94;
    background-image: none;
}

.pc-theme .tool-content p {
    color: #fff;
}

.pc-theme .tool-action button:hover {
    background: #219b80;
    color: #fff;
}

.pc-theme .tools-title::after {
    background: #219b80;
}

.fixed-right-icons.pc-theme {
    background-color: #60BEA9;
}

/* .pc-theme .service-card-back{
      transform: rotateY(360deg);
} */

.pc-theme .team-carousel-prev {
    left: -28px;
    background: none !important;
}

.pc-theme .team-carousel-next {
    right: -28px;
    background:none;
}











/**************************************** pc-theme area end 11-09-2026 ****************************************/

@media (max-width: 1200px) {
    .styleApril .sentmailbtnadded .btn-primary {
        display: inline-block;
        margin-bottom: 15px;
    }

    .investor-header-container {
        flex-wrap: wrap;
        gap: 10px;
    }

    .investor-nav {
        order: 3;
        width: 100%;
    }

    .investor-nav ul {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }

    .investor-header-right {
        gap: 10px;
    }

    .tool-card {
        padding: 18px 20px;
        gap: 16px;
    }

    .tool-content h3 {
        font-size: 16px;
    }

    .tool-content p {
        font-size: 13px;
    }

    .tool-action button {
        padding: 8px 14px;
        font-size: 13px;
    }

    .investor_data .page-title {
        margin-left: 290px;
    }

    .form-grid .field {
        width: 30%;
    }
}

@media (max-width: 1199px) {
    .quiz-start-stats {
        grid-template-columns: repeat(3, 1fr);
    }

    .contact-container {
        flex-direction: column;
        text-align: center;
    }

    .contact-left img {
        max-width: 300px;
    }

    .menu-wrapper {
        width: 250px;
    }

    .investor_data .page-title {
        margin-left: 274px;
    }

    .menu-item {
        min-height: 85px;
        padding: 12px 6px;
    }

    .menu-item .label {
        font-size: 11px;
    }

    .form-grid .field {
        width: 47%;
    }

    .form-grid .field.custom-two-column {
        width: 100%;
    }

    .rp-wrap {
        max-width: 100%;
    }

    .rp-header {
        padding: 14px 20px;
    }

    .questions-list {
        padding: 26px 20px 0;
    }

    .submit-wrap {
        padding: 26px 20px 0;
    }

    .personal-card {
        max-width: 100%;
        padding: 26px 30px 34px;
    }

    .info-cell {
        grid-template-columns: 140px 1fr;
    }

    .family-card {
        max-width: 100%;
        padding: 26px 30px 34px;
    }

    .info-cell {
        grid-template-columns: 140px 1fr;
    }

    .section-card {
        padding: 22px 24px;
    }

    .pie {
        width: 230px;
        height: 230px;
    }

    .ins-card {
        max-width: 100%;
        padding: 26px 30px 34px;
    }

    .liab-card {
        max-width: 100%;
        padding: 26px 30px 34px;
    }

    .section-card {
        padding: 22px 24px;
    }

    .donut {
        width: 230px;
        height: 230px;
    }

    .pc-theme .about-section {
        padding: 70px 0 160px;
    }

    .pc-theme .about-box {
        padding: 45px 55px;
    }

    .pc-theme .decor-hex-pattern {
        width: 140px;
        height: 120px;
        right: 30px;
    }

    .pc-theme .decor-lines-circle {
        width: 160px;
        height: 160px;
        right: 0;
    }

    .pc-theme .organization-services-grid {
        column-gap: 30px;
        row-gap: 45px;
    }

    .pc-theme .organization-service-card {
        padding: 60px 20px 30px;
    }

    .pc-theme .websitetools-grid {
        column-gap: 30px;
        row-gap: 35px;
    }

    .pc-theme .director-desk-row {
        gap: 40px;
    }

    .pc-theme .director-content {
        padding: 35px 40px;
    }

    .pc-theme .corporateArea {
        padding: 70px 0 90px;
    }

    .pc-theme .logo-carousel {
        justify-content: center;
        gap: 25px 35px;
    }

    .pc-theme .blogs-grid {
        column-gap: 30px;
        row-gap: 30px;
    }

    .pc-theme .blog-card {
        padding: 18px 60px 18px 18px;
    }

    .pc-theme .faq-heading-col {
        flex: 0 0 30%;
        max-width: 30%;
    }

    .pc-theme .contact-form {
        max-width: 580px;
        padding: 45px 45px 55px;
    }

    .pc-theme .highlights-grid {
        padding-right: 0;
    }

}

@media (max-width: 991px) {
    .styleApril .sentmailbtnadded .btn-primary {
        display: block;
        margin-bottom: 15px;
    }

    .headingbuttonArea {
        position: relative;
        margin-bottom: 30px;
    }

    .magictamplate_area {
        position: relative;
        top: 0;
        right: 0;
        margin-bottom: 15px;
    }

    /* form responsive start */

    .viewheaderbanner .bnnr-rgt-cnt-wrap {
        width: 100%;
    }

    .bnnr-rgt-cnt-row {
        flex-direction: column;
    }

    .viewheaderbanner .bnnr-img-frame {
        height: 450px;
    }

    .bnnr-cnt-wrap {
        margin-bottom: 20px;
    }

    .response-btn {
        flex-direction: column;
    }

    .response-btn .leftsideRbtn {
        width: 100%;
    }

    .response-btn .rightsideRbtn {
        width: 100%;
    }

    .rightsideRbtn ul {
        justify-content: center;
    }

    .responsebar {
        flex-direction: column;
    }

    .responsebarleft {
        width: 100%;
    }

    .responsebarright {
        width: 100%;
        justify-content: center;
        border-left: none;
        padding-left: 0;
    }

    .responsesearchbox {
        padding-left: 0;
    }

    .createformbox {
        width: 100% !important;
        max-width: 600px;
    }

    .uploaddocumentfirstpart {
        flex-direction: column !important;
        align-items: center;
        text-align: center;
    }

    .documentNo {
        width: 100% !important;
    }

    .sampledocument {
        width: 100% !important;
    }

    .sampledocument .btn-outline-primary {
        width: 100% !important;
    }

    .questionareawithcount {
        flex-direction: column;
    }

    .questionsarea {
        max-width: 100%;
    }

    .quiz_state {
        max-width: 100%;
    }

    .srchWthHdng {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .quizheading {
        padding-left: 0 !important;
    }

    .investment-row {
        flex-direction: column;
        gap: 20px;
    }

    .investment-links-wrapper {
        flex-direction: column;
        gap: 0;
        margin-top: 0;
    }

    .organization-services-section {
        padding: 40px 24px 0;
    }

    .organization-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }

    .organization-services-section .bottom-bar {
        margin-left: -24px;
        margin-right: -24px;
    }

    .director-team-section {
        padding: 36px 24px 0;
    }

    .director-desk-row {
        grid-template-columns: minmax(240px, 340px) minmax(0, 1fr);
        gap: 32px;
        margin: 0 0 54px;
    }

    .director-image,
    .director-skeleton-image {
        height: 340px;
    }

    .team-carousel-track {
        grid-auto-columns: calc((100% - 24px) / 2);
        gap: 24px;
    }

    .director-team-section .bottom-bar {
        margin-left: -24px;
        margin-right: -24px;
    }

    .blogs-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .blog-card {
        gap: 28px;
    }

    .testimonial-card.is-left {
        transform: translateX(calc(-50% - 245px)) scale(0.84);
    }

    .testimonial-card.is-right {
        transform: translateX(calc(-50% + 245px)) scale(0.84);
    }

    .testimonial-prev {
        left: 0;
    }

    .testimonial-next {
        right: 0;
    }

    .faq-section {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 28px 24px 44px;
    }

    .faq-visual {
        min-height: 240px;
        align-items: center;
    }

    .faq-visual img,
    .faq-skeleton-illustration {
        max-height: 240px;
    }

    .address-col {
        margin-top: 0;
    }

    .investor-header {
        padding: 10px;
    }

    .investor-header-container {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }

    .investor-header-left {
        order: 2;
        flex: 1;
        display: flex;
        justify-content: center;
    }

    /* Hide nav initially */
    .investor-nav {
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        background: #fff;
        border: 1px solid #0088EDE0;
        border-radius: 10px;
        display: none;
        padding: 10px 0;
        z-index: 999;
    }

    .investor-nav ul {
        flex-direction: column;
        align-items: flex-start;
        padding-left: 20px;
        padding-right: 20px;
        gap: 12px;
    }

    .investor-nav ul li a {
        font-size: 14px;
        padding-left: 25px;
    }

    /* Show menu when active */
    .investor-nav.active {
        display: block;
    }

    /* Right section */
    .investor-header-right {
        /* display: none;  */
        order: 4;
        flex: 0 0 100%;
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 0;
        padding-top: 15px;
        border-top: 1px solid #eee;
    }

    /* Logo resize */
    .investor-logo img {
        max-width: 100px;
        height: auto;
    }

    /* Hamburger button */
    .menu-toggle {
        display: block;
        font-size: 20px;
        cursor: pointer;
        background: #479EFB;
        color: #fff;
        padding: 6px 10px;
        border-radius: 6px;
    }

    .contact-form {
        width: 100%;
    }

    .row {
        flex-direction: column;
    }

    .phone-wrapper {
        flex-direction: column;
    }

    .welcome-card {
        background-position: right bottom;
    }

    .blogdetailsHeader,
    .blogdetailsSplit,
    .blogdetailsSplitReverse {
        flex-direction: column;
        gap: 24px;
    }
    .blogdetailsMediaSmall{
        width: 100%;
        height: auto;
    }
    .blogdetailsTextBlock{
        width: 100%;
    }
    .blogdetailsTextBlock .table{
        width:100%;
        overflow-x:auto;
    }

    .member-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 22px !important;
    }

    .tool-card {
        padding: 16px 18px;
        gap: 14px;
    }

    .tool-icon img {
        width: 32px;
    }

    .tool-content h3 {
        font-size: 15px;
    }

    .tool-content p {
        font-size: 12.5px;
    }

    .tool-action button {
        padding: 7px 12px;
        font-size: 12px;
    }

    .tools-skeleton-btn {
        width: 90px;
        height: 32px;
    }

    .websitetools-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }

    .websitetools-skeleton-card {
        padding: 16px;
        border-radius: 10px;
    }

    .websitetools-skeleton-icon {
        width: 40px;
        height: 40px;
    }

    .websitetools-skeleton-title {
        height: 14px;
        width: 70%;
    }

    .websitetools-skeleton-btn {
        width: 90px;
        height: 30px;
    }

    .corporate-skeleton-item {
        flex: 0 0 120px;
    }

    .corporate-skeleton-logo {
        width: 100px;
        height: 50px;
    }

    .fixed-right-icons {
        right: 0;
        padding: 8px;
        gap: 10px;
    }

    .fixed-right-icons a {
        width: 42px;
        height: 42px;
    }

    .blogdetailsLongContent {
        width: 100%;
    }

    .blogdetailsSplitReverse {
        flex-direction: column-reverse;
    }

    .blogdetailsSplitTop {
        align-items: center;
    }

    .investor_data .layout {
        flex-direction: column;
    }

    .menu-wrapper {
        position: static;
        width: 100%;
        align-self: unset;
    }

    .investor_data .page-title {
        margin-left: 0;
        margin-bottom: 16px;
    }

    .menu-grid {
        grid-template-columns: repeat(5, 1fr);
    }

    .photo-row {
        flex-wrap: wrap;
    }

    .form-grid .field {
        width: 47%;
    }

    .investor_data .layout {
        grid-template-columns: 1fr;
    }

    .member-form {
        flex-wrap: wrap;
        gap: 15px 20px;
    }

    .member-form__group--select {
        width: 100%;
    }

    .member-form__select-wrap {
        flex: 1;
        width: auto;
    }

    .member-form__group--age {
        width: 100%;
    }

    .member-form__age-wrap {
        flex: 1;
    }

    .member-form__input {
        width: 100%;
        max-width: 250px;
    }

    .cp-theme .about-graphic {
        max-width: 340px;
        height: 360px;
        margin-bottom: 40px;
    }

    .cp-theme .about-box h2 {
        font-size: 28px;
    }

    .cp-theme .highlights-bg-image {
        width: 340px;
    }

    .cp-theme .highlights-grid {
        justify-content: center;
        gap: 40px;
        padding-right: 0;
    }

    .cp-theme .highlights-section .section-heading {
        text-align: center;
    }

    .cp-theme .vision-mission-section h2 {
        font-size: 26px;
    }

    .cp-theme .vision-mission-section .vm-graphic {
        max-width: 340px;
        margin-top: 40px;
    }

    .cp-theme .teammemberarea .organization-services-grid {
        grid-template-columns: 1fr !important;
        column-gap: 0;
    }

    .cp-theme .organization-service-card {
        padding: 25px 0;
    }

    .cp-theme .websitetools-wrapper {
        flex-direction: column;
    }

    .cp-theme .websitetools-image {
        flex: 0 0 auto;
        max-width: 420px;
        width: 100%;
        margin: 0 auto 30px;
    }

    .cp-theme .websitetools-grid {
        width: 100%;
        column-gap: 40px;
    }

    .cp-theme .director-desk-row {
        gap: 40px;
    }

    .cp-theme .director-image-col {
        flex: 0 0 240px;
    }

    .cp-theme .director-image {
        width: 240px;
        height: 240px;
    }

    .cp-theme .team-card {
        flex: 0 0 calc(50% - 15px);
    }

    .cp-theme .corporateArea .section-heading {
        font-size: 26px;
    }

    .cp-theme .logo-carousel {
        justify-content: center;
        gap: 25px 35px;
    }

    .cp-theme .logo-item img {
        max-height: 48px;
    }

    .cp-theme .blogs-wrapper {
        flex-direction: column;
    }

    .cp-theme .blogs-side-image {
        flex: 0 0 auto;
        max-width: 100%;
    }

    .cp-theme .blogs-side-image img {
        min-height: 300px;
        max-height: 340px;
    }

    .cp-theme .blogs-grid {
        max-height: none;
        overflow-y: visible;
    }

    .cp-theme .testimonial-quote-icon {
        font-size: 70px;
        right: 3%;
    }

    .cp-theme .testimonial-decor {
        width: 260px;
    }

    .cp-theme .faq-heading-row {
        flex-direction: column;
    }

    .cp-theme .faq-heading-col {
        flex: 0 0 auto;
        max-width: 100%;
        padding-top: 0;
        margin-bottom: 30px;
    }

    .cp-theme .faq-section .section-heading {
        font-size: 26px;
    }

    .cp-theme .contact-container {
        flex-direction: column;
    }

    .cp-theme .contact-left {
        flex: 0 0 auto;
        max-width: 100%;
        /* min-height: 300px; */
        margin-bottom: 30px;
    }

    .cp-theme .contact-left::before {
        width: 100%;
        left: 0;
        border-radius: 0;
        background-size: contain;
        background-position: center center;
    }

    .cp-theme .contact-form {
        margin-left: 0;
        padding: 35px 30px;
    }

    .cp-theme .contact-image-decor {
        display: none;
    }

    .cp-theme .investor-header-container {
        flex-wrap: wrap;
        position: relative;
    }

    /* Hamburger */
    .cp-theme .menu-toggle {
        display: block;
        order: 1;
    }

    .cp-theme .menu-toggle {
        background: #E94445;
    }

    /* Logo */
    .cp-theme .investor-header-left {
        order: 2;
        flex: 1;
        display: flex;
        justify-content: center;
    }

    /* .cp-theme .investor-logo img {
        max-height: 36px;
    } */

    /* Nav - collapsible panel */
    /* .cp-theme .investor-nav {
        order: 3;
        flex: 0 0 100%;
        width: 100%;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.35s ease;
    } */

    .cp-theme .investor-nav.is-open {
        max-height: 500px;
        margin-top: 15px;
    }

    .cp-theme .investor-nav ul {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        /* border-top: 1px solid #eee; */
        padding-right: 20px;
    }

    .cp-theme .investor-nav ul li {
        width: 100%;
    }

    .cp-theme .investor-nav ul li a {
        display: block;
        width: 100%;
        padding:0;
        /* border-bottom: 1px solid #f0f0f0; */
        font-size: 15px;
        color: #E94445;
    }

    /* Right section - full width, bottom */
    .cp-theme .investor-header-right {
        order: 4;
        flex: 0 0 100%;
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 0;
        padding-top: 15px;
        border-top: 1px solid #eee;
    }

    .cp-theme .investor-btn {
        padding: 6px 10px;
        font-size: 11px;
    }

    .cp-theme .investor-phone-dropdown .investor-phone {
        font-size: 11px;
    }

    .cp-theme .websitetools-card {
        margin-bottom: 20px;
    }

    .cp-theme .websitebanner {
        margin-top: -237px;
    }

    .rp-header-left {
        font-size: 16px;
    }

    .rp-header-left svg {
        width: 24px;
        height: 24px;
    }

    .autofill-btn {
        font-size: 13px;
        padding: 9px 14px;
    }

    .q-text {
        font-size: 14px;
    }

    .options-list {
        padding-left: 60px;
    }

    .info-cell {
        grid-template-columns: 130px 1fr;
    }

    .info-cell label {
        font-size: 13.5px;
    }

    .info-cell .value {
        font-size: 14px;
    }

    .photo-box {
        width: 120px;
        height: 120px;
    }

    .photo-box svg {
        width: 64px;
        height: 64px;
    }

    .member-block {
        padding: 22px 24px 24px;
    }

    .info-cell {
        grid-template-columns: 130px 1fr;
    }

    .info-cell label {
        font-size: 13.5px;
    }

    .info-cell .value {
        font-size: 14px;
    }

    .photo-box {
        width: 120px;
        height: 120px;
        margin-bottom: 24px;
    }

    .photo-box svg {
        width: 60px;
        height: 60px;
    }

    .pie-row {
        gap: 30px;
    }

    .pie {
        width: 210px;
        height: 210px;
    }

    .bar-section {
        flex-direction: column;
    }

    .bar-stat {
        flex: 1;
        padding-top: 10px;
    }

    table.ins-table {
        font-size: 12px;
    }

    .chart-body .bars-area {
        height: 240px;
    }

    table.liab-table {
        font-size: 13px;
    }

    table.liab-table th,
    table.liab-table td {
        padding: 12px 16px;
    }

    .bars-area {
        height: 220px;
    }

    .donut-row {
        gap: 36px;
    }

    .donut {
        width: 210px;
        height: 210px;
    }

    .pc-theme .about-section {
        padding: 60px 0 120px;
    }

    .pc-theme .about-box {
        padding: 40px 35px;
    }

    .pc-theme .about-box h2 {
        font-size: 28px;
    }

    .pc-theme .decor-dots-circle {
        width: 85px;
        height: 85px;
        top: 30px;
        left: 30px;
    }

    .pc-theme .decor-hex-pattern {
        display: none;
        /* reduce clutter on tablets */
    }

    .pc-theme .decor-lines-circle {
        width: 130px;
        height: 130px;
        top: 300px;
    }

    .pc-theme .decor-star-1 {
        top: 250px;
        left: 100px;
    }

    .pc-theme .decor-star-2 {
        top: 400px;
        left: 40px;
    }

    .pc-theme .highlights-bg-image {
        width: 340px;
    }

    .pc-theme .highlights-grid {
        justify-content: center;
        gap: 40px;
        padding-right: 0;
    }

    .pc-theme .highlights-section .section-heading {
        text-align: center;
    }

    .pc-theme .organization-services-section {
        padding: 70px 0 70px;
    }

    .pc-theme .organization-services-grid {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 25px;
        row-gap: 40px;
    }

    .pc-theme .decor-hex-pattern,
    .pc-theme .decor-wave-lines {
        display: none;
    }

    .pc-theme .websitetools-section {
        padding: 70px 0 70px;
    }

    .pc-theme .websitetools-grid {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 25px;
        row-gap: 35px;
    }

    .pc-theme .decor-hex-pattern,
    .pc-theme .decor-wave-center {
        display: none;
    }

    .pc-theme .director-desk-wrapper {
        padding: 70px 0 100px;
    }

    .pc-theme .director-desk-row {
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }

    .pc-theme .director-image-col {
        flex: 0 0 auto;
    }

    .pc-theme .director-image {
        width: 220px;
        height: 220px;
    }

    .pc-theme .director-content {
        width: 100%;
        text-align: left;
    }

    .pc-theme .director-bg-decor .decor-hex-pattern {
        width: 140px;
        height: 120px;
    }

    .pc-theme .team-card {
        flex: 0 0 calc(50% - 15px);
    }

    .pc-theme .corporateArea .section-heading {
        font-size: 24px;
        margin-bottom: 45px;
    }

    .pc-theme .logo-item img {
        max-height: 48px;
    }

    .pc-theme .decor-wave-lines {
        transform: translateX(-140px);
    }

    .pc-theme .decor-circle-outline {
        display: none;
    }

    .pc-theme .blogs-section {
        padding: 60px 0 70px;
    }

    .pc-theme .blogs-grid {
        grid-template-columns: 1fr;
    }

    .pc-theme .decor-hex-pattern,
    .pc-theme .decor-triangle-outline,
    .pc-theme .decor-circle-1 {
        display: none;
    }

    .pc-theme .faq-section {
        padding: 70px 0 70px;
    }

    .pc-theme .faq-heading-row {
        flex-direction: column;
    }

    .pc-theme .faq-heading-col {
        flex: 0 0 auto;
        max-width: 100%;
        min-height: auto;
        margin-bottom: 40px;
    }

    .pc-theme .faq-bg-decor {
        display: none;
    }

    .pc-theme .faq-section .section-heading {
        font-size: 26px;
    }

    .pc-theme .contact-section {
        padding: 60px 0 100px;
    }

    .pc-theme .contact-form {
        max-width: 520px;
        padding: 40px 35px 50px;
    }

    .pc-theme .decor-wave-right,
    .pc-theme .decor-circle-outline {
        display: none;
    }

    .pc-theme .investor-header-container {
        flex-wrap: wrap;
        position: relative;
    }

    .pc-theme .menu-toggle {
        background: #31AF94;
    }

    .pc-theme .investor-header-left {
        order: 2;
        flex: 1;
        display: flex;
        justify-content: center;
    }

    .pc-theme .investor-header-right {
        order: 4;
        flex: 0 0 100%;
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 0px;
        padding-top: 15px;
        border-top: 1px solid #eee;
    }

    .pc-theme .investor-btn {
        padding: 6px 10px;
        font-size: 11px;
    }

    .pc-theme .team-carousel {
        margin-top: 65px;
    }

    .pc-theme .websitebanner {
        margin-top: 134px;
    }

    .pc-theme .director-team-section {
        max-height: unset;
    }

    .pc-theme .teammembersection {
        top: 0;
    }

    .pc-theme .bloglistingarea {
        flex-direction: column;
    }

    .pc-theme .blog-item {
        border: 1px solid #31AF94;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
    }

    .investor-header {
        position: relative;
    }

    .faqpage {
        margin-top: 150px;
    }

    .pc-theme .investor-nav ul li {
        width: 100%;
    }

    .pc-theme .investor-nav ul li a {
        color: #60BEA9;
        display: block;
        padding:0
    }

    .pc-theme .teammemberpage {
        margin-top: 150px;
    }

    .pc-theme .organization-services-grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .pc-theme .organization-service-card {
        height: 300px;
    }

    .service-description{
        height:200px;
        overflow:auto;
    }

    .pc-theme .blog-top-bar {
        margin: 20px 0 20px;
    }

    .blogdetailsarea {
        margin-top: 20px;
    }

    .cp-theme .whatsnewsection .blogs-grid {
        grid-template-columns: 1fr;
    }

    .cp-theme .websitebanner {
        margin-top: 134px;
    }

    .cp-theme .investor-nav{
        border:1px solid #E94445;
    }

    .pc-theme .investor-nav{
        border:1px solid #31AF94;
    }

    .cp-theme .teammemberpage {
        margin-top: 150px;
    }



}

@media (max-width: 767px) {
    .styleApril .sentmailbtnadded .btn-primary {
        display: block;
        margin-bottom: 15px;
    }

    .styleApril .btn-primary {
        margin: 0;
    }

    .magictamplate_area {
        position: relative;
        top: 0;
        right: 0;
        margin-bottom: 15px;
    }

    .designcustomizationBlock {
        flex-direction: column;
        align-items: center;
    }

    .customize-leftpanel {
        width: 100%;
    }

    .customize-rightpanel {
        width: 100%;
    }

    .customizeGreetingArea {
        height: 734px;
        width: 737px;
    }

    .greetingImg {
        height: 100%;
    }

    .greetingImg img.bacImg {
        object-fit: fill;
    }

   
    .nameandwhishbg {
        width: 96%;
        margin: 0 auto;
    }

    .greetingwhish {
        font-size: 19px;
        line-height: 20px;
    }

    .greetingname {
        font-size: 22px;
        line-height: 20px;
    }

    .font-size-10 {
        font-size: 10px;
        line-height: 10px;
    }

    .font-size-15 {
        font-size: 15px;
        line-height: 15px;
    }

    .font-size-20 {
        font-size: 20px;
        line-height: 20px;
    }

    .font-size-25 {
        font-size: 25px;
        line-height: 25px;
    }

    .font-size-30 {
        font-size: 30px;
        line-height: 30px;
    }

    .font-size-35 {
        font-size: 35px;
        line-height: 35px;
    }

    .font-size-40 {
        font-size: 40px;
        line-height: 40px;
    }

    .font-size-45 {
        font-size: 45px;
        line-height: 45px;
    }

    .font-size-50 {
        font-size: 50px;
        line-height: 50px;
    }

    /* form responsive start */

    .bannerForAll {
        margin-bottom: 50px !important;
    }

    .customwidth {
        width: 100%;
    }

    .customwidth ul li a {
        font-size: 13px;
        padding: 5px 8px;
        min-width: auto;
    }

    .customwidth ul li a.createformbtn {
        font-size: 13px;
        padding: 5px 8px;
        min-width: auto;
    }

    .otpmsgarea {
        margin-top: 20px;
    }

    .tabformarea {
        margin-top: 20px;
    }

    .formContainer {
        width: 100%;
        flex-direction: column-reverse;
    }

    .leftformarea {
        width: 100%;
    }

    .rightprofileimgarea {
        width: 53%;
        margin: 20px auto;
    }

    .documentupdationarea {
        flex-direction: column;
    }

    .documentBlcok {
        width: 100%;
    }

    .viewheaderbanner .bnnr-rgt-cnt-wrap {
        width: 100%;
    }

    .bnnr-rgt-cnt-row {
        flex-direction: column;
    }

    .viewheaderbanner .bnnr-img-frame {
        height: 450px;
    }

    .bnnr-cnt-wrap {
        margin-bottom: 20px;
    }

    .submissionformArea {
        flex-direction: column;
        align-items: flex-start;
    }

    .calendarinputarea {
        width: 100%;
    }

    .kycbtninfo {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

    .kycbluebtn,
    .kycborderbtn {
        width: 100%;
    }

    .otpfields {
        gap: 5px;
    }

    .otpfld {
        width: 40px;
    }

    .allactionbtnarea {
        display: flex;
        flex-direction: column;
    }

    .borderbutton {
        width: 100%;
    }

    .addmorebtnbtn {
        width: 100%;
    }

    .profile-container {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 14px;
    }

    .avatar {
        width: var(--avatar-size);
        height: var(--avatar-size);
    }

    .profile-info h1 {
        font-size: 18px;
    }

    .profile-info p {
        font-size: 13px;
    }

    .dashboardnav {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }

    .dashboardnav-nav-links {
        gap: 18px;
    }

    .serachArea {
        flex-direction: column;
    }

    .serachArea .searchquizArea {
        width: 100%;
        margin-bottom: 10px;
    }

    .searchquizfld {
        width: 100%;
    }

    .responsebtn {
        width: 100%;
    }

    /* .viewheaderbanner .logo-box{
        width: 80%;
        left: 27px;
    } */
    /* .viewheaderbanner .logo-box>img{
        width: 100%;
        height: auto;
    } */
    .main-sec .offset-1 {
        margin-left: 0;
    }

    .calcBelowBtn {
        flex-direction: column;
        gap: 10px;
    }

    .calcBelowBtn .banner-btn.whitebg {
        width: 100%;
    }

    .calcBelowBtn .banner-btn {
        width: 100%;
    }

    .createformbox {
        width: 100% !important;
        max-width: 600px;
    }

    .uploaddocumentfirstpart {
        flex-direction: column !important;
        align-items: center;
        text-align: center;
    }

    .documentNo {
        width: 100% !important;
    }

    .sampledocument {
        width: 100% !important;
    }

    .sampledocument .btn-outline-primary {
        width: 100% !important;
    }

    /* .input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child)
    {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
    .input-group-text {
        background-color: transparent;
        border: 1px solid #495057;
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    } */
    .quiz-start-image {
        margin-bottom: 50px;
    }

    .quiz-start-actions {
        gap: 14px;
        margin-bottom: 30px;
    }

    .quiz-start-btn {
        width: 100%;
        min-width: 0;
    }

    .quiz-start-stats {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }

    .investor-nav ul li a {
        font-size: 13px;
    }

    .investor-btn,
    .investor-phone {
        font-size: 11px;
        padding: 6px 10px;
        /* width: 50%; */
    }

    .director-desk-row {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .director-image,
    .director-skeleton-image {
        height: 360px;
    }

    .director-content h2 {
        font-size: 22px;
    }

    .team-carousel-track {
        grid-auto-columns: calc((100% - 16px) / 2);
        gap: 16px;
    }

    .team-carousel-prev {
        left: -16px;
    }

    .team-carousel-next {
        right: -16px;
    }

    .testimonial-section {
        padding: 32px 20px 0;
    }

    .testimonial-carousel {
        min-height: 390px;
    }

    .testimonial-card.is-left {
        transform: translateX(calc(-50% - 205px)) scale(0.78);
    }

    .testimonial-card.is-right {
        transform: translateX(calc(-50% + 205px)) scale(0.78);
    }

    .testimonial-card.is-active {
        width: 310px;
    }

    .testimonial-carousel-btn {
        top: 142px;
    }

    .blogdetailsarea {
        padding: 28px 16px 36px;
        border-radius: 16px;
        background-size: 170px auto;
        margin-top:150px;
    }

    .member-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
        gap: 22px !important;
    }

    .member-grid .organization-service-card {
        height: 500px;
        overflow:auto;
    }

    .service-description p {
        font-size: 13px;
    }

    .director-section {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .tool-card {
        flex-direction: column;
        /* stack */
        align-items: flex-start;
        border-radius: 20px;
        gap: 12px;
    }

    .tool-left {
        display: flex;
        align-items: center;
    }

    .tool-content {
        width: 100%;
    }

    .tool-action {
        width: 100%;
    }

    .tool-action button {
        width: 100%;
        /* full width button */
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .tools-skeleton-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        border-radius: 20px;
    }

    .tools-skeleton-btn {
        width: 100%;
    }

    .blog-item-skeleton {
        align-items: flex-start;
    }

    .blog-thumb-skeleton {
        width: 86px;
        height: 86px;
    }

    .blog-title-skeleton,
    .blog-desc-skeleton,
    .blog-meta-skeleton {
        width: 100%;
    }

    .blogviews {
        display: flex;
        flex-wrap: wrap;
    }

    .viewsblock {
        flex: 0 0 48%;
        /* 2 items per row */
        display: flex;
        align-items: center;
        gap: 6px;
        margin-bottom: 8px;
    }

    .investor-dropdownmenu {
        min-width: 200px;
        width: auto;
        right: 0;
        left: auto;
    }

    .menu-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .section-header {
        flex-wrap: wrap;
        gap: 10px;
    }

    .photo-row {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

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

    .photo-actions {
        justify-content: center;
    }

    .form-grid .field {
        width: 100%;
    }

    .form-grid .field.custom-two-column {
        width: 100%;
    }

    .phone-field select {
        width: 60px;
    }

    .member-form {
        display: block;
    }

    .member-form__group {
        width: 100%;
        margin-bottom: 15px;
    }

    .member-form__group--select {
        display: flex;
    }

    .member-form__select-wrap {
        flex: 1;
    }

    .member-form__group--age {
        display: flex;
    }

    .member-form__age-wrap {
        flex: 1;
    }

    .member-form__input {
        max-width: none;
    }

    .cp-theme .about-box {
        text-align: center;
    }

    .cp-theme .about-box .about-content p {
        text-align: left;
    }

    .cp-theme .about-box .divider {
        margin-left: auto;
        margin-right: auto;
    }

    .cp-theme .about-graphic {
        max-width: 280px;
        height: 300px;
    }

    .cp-theme .about-graphic .blob {
        width: 250px;
        height: 250px;
    }

    .cp-theme .about-graphic .circle-lg {
        width: 200px;
        height: 200px;
        top: 90px;
        left: 5px;
    }

    .cp-theme .about-graphic .circle-md {
        width: 160px;
        height: 160px;
        left: 90px;
        top: 130px;
    }

    .cp-theme .about-graphic .stripe-pattern {
        top: 175px;
        left: 60px;
        width: 80px;
    }

    .cp-theme .highlights-section {
        padding: 50px 0 40px;
        min-height: auto;
    }

    .cp-theme .highlights-bg-image {
        position: relative;
        width: 100%;
        height: 220px;
        margin-bottom: 20px;
        background-position: center bottom;
    }

    .cp-theme .highlights-section .section-heading .heading-bold {
        font-size: 30px;
        display: block;
    }

    .cp-theme .highlights-section .section-heading .heading-light,
    .cp-theme .highlights-section .section-heading .heading-dot {
        font-size: 20px;
    }

    .cp-theme .highlights-grid {
        gap: 25px 30px;
    }

    .cp-theme .highlight-card .counter {
        font-size: 24px;
    }

    .cp-theme .highlight-card p {
        font-size: 11px;
    }

    .cp-theme .vision-mission-section .about-box {
        text-align: center;
    }

    .cp-theme .vision-mission-section .small-icon {
        margin-left: auto;
        margin-right: auto;
    }

    .cp-theme .vision-mission-section .divider {
        margin-left: auto;
        margin-right: auto;
    }

    .cp-theme .vision-mission-section .about-content p {
        text-align: left;
        font-size: 14px;
    }

    .cp-theme .vision-mission-section .vm-graphic {
        max-width: 280px;
        margin-top: 30px;
    }

    .cp-theme .organization-services-section .section-heading {
        font-size: 24px;
    }

    .cp-theme .service-card-front {
        gap: 15px;
    }

    .cp-theme .service-icon-wrap {
        width: 80px;
        height: 80px;
    }

    .cp-theme .service-icon-wrap .service-icon {
        width: 65px;
        height: 65px;
        left: 15px;
    }

    .cp-theme .service-icon-wrap .service-icon img {
        width: 28px;
        height: 28px;
    }

    .cp-theme .service-text h3 {
        font-size: 16px;
    }

    .cp-theme .service-text p {
        font-size: 13px;
    }

    .cp-theme .websitetools-section .section-heading {
        font-size: 26px;
    }

    .cp-theme .websitetools-grid {
        grid-template-columns: 1fr;
        row-gap: 30px;
    }

    .cp-theme .websitetools-image {
        max-width: 320px;
    }

    .cp-theme .service-card-front {
        gap: 18px;
    }

    .cp-theme .director-team-section .section-heading {
        font-size: 24px;
        text-align: center;
    }

    .cp-theme .director-team-section .divider {
        margin: 0 auto 30px;
    }

    .cp-theme .director-desk-row {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 30px;
        margin-bottom: 50px;
    }

    .cp-theme .director-image-col {
        flex: 0 0 auto;
    }

    .cp-theme .director-image {
        width: 200px;
        height: 200px;
    }

    .cp-theme .director-ring-decor {
        display: none;
    }

    .cp-theme .director-copy p {
        text-align: left;
        font-size: 14px;
    }

    .cp-theme .team-card {
        flex: 0 0 calc(50% - 15px);
        padding-top: 35px;
    }

    .cp-theme .team-photo {
        width: 110px;
        height: 110px;
    }

    .cp-theme .team-carousel-btn {
        flex: 0 0 36px;
        width: 36px;
        height: 36px;
    }

    .cp-theme .corporateArea {
        padding: 45px 0;
    }

    .cp-theme .corporateArea .section-heading {
        font-size: 22px;
    }

    .cp-theme .logo-carousel {
        gap: 20px 30px;
    }

    .cp-theme .logo-item img {
        max-height: 42px;
    }

    .cp-theme .blogs-section .section-heading {
        font-size: 26px;
    }

    .cp-theme .blog-card {
        flex-wrap: wrap;
        padding: 15px;
    }

   
    .cp-theme .blog-image img {
        height: 180px;
    }

    .cp-theme .blog-content {
        flex: 0 0 100%;
    }

    .cp-theme .blog-arrow {
        position: absolute;
        top: 15px;
        right: 15px;
        width: 38px;
        height: 38px;
    }

    .cp-theme .blogs-action {
        text-align: center;
    }

    .cp-theme .testimonial-section {
        padding: 45px 0 80px;
    }

    .cp-theme .testimonial-section .section-heading {
        font-size: 22px;
        text-align: center;
    }

    .cp-theme .testimonial-quote-icon {
        display: none;
    }

    .cp-theme .testimonial-carousel {
        max-width: 100%;
        gap: 12px;
    }

    .cp-theme .testimonial-card.is-active {
        padding: 45px 20px 25px 20px;
        text-align: center;
    }

    .cp-theme .testimonial-photo {
        position: static;
        margin: -70px auto 15px;
    }

    .cp-theme .testimonial-carousel-btn {
        flex: 0 0 36px;
        width: 36px;
        height: 36px;
    }

    .cp-theme .testimonial-decor {
        width: 180px;
        right: 0;
        bottom: -30px;
    }

    .cp-theme .faq-item {
        padding: 18px 20px;
    }

    .cp-theme .faq-item.faq-featured {
        padding: 22px 22px 26px;
    }

    .cp-theme .faq-item summary {
        font-size: 14px;
    }

    .cp-theme .faq-item.faq-featured summary {
        font-size: 15px;
    }

    .cp-theme .faq-toggle-icon {
        flex: 0 0 28px;
        width: 28px;
        height: 28px;
    }

    .cp-theme .faq-item.faq-featured p,
    .cp-theme .faq-item:not(.faq-featured) p {
        font-size: 13px;
    }

    .cp-theme .faq-section .section-heading {
        font-size: 22px;
    }

    .cp-theme .contact-section .heading-bold {
        font-size: 26px;
    }

    .cp-theme .contact-section .section-heading {
        text-align: center;
    }

    .cp-theme .contact-left {
        min-height: 220px;
    }

    .cp-theme .two-col-row {
        flex-direction: column;
        gap: 0;
    }

    .cp-theme .contact-form {
        padding: 25px 20px;
    }

    .cp-theme .websitetools-section:before {
        top: 0;
    }

    .cp-theme .about-skeleton-graphic {
        max-width: 280px;
        height: 300px;
    }

    .cp-theme .about-box h2,
    .cp-theme .about-box h2 {
        text-align: center;
    }

    .rp-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .rp-header-right {
        margin-left: 0;
        width: 100%;
        justify-content: flex-end;
    }

    .rp-note {
        padding: 14px 18px 0;
        font-size: 13px;
    }

    .questions-list {
        padding: 20px 18px 0;
        gap: 14px;
    }

    .question-header {
        padding: 12px 16px;
        gap: 10px;
    }

    .q-number {
        width: 28px;
        height: 28px;
        font-size: 12px;
    }

    .options-list {
        padding: 14px 16px 16px 16px;
        gap: 12px;
    }

    .option-row {
        font-size: 13.5px;
    }

    .submit-wrap {
        padding: 20px 18px 0;
    }

    .submit-btn {
        width: 100%;
        padding: 13px;
    }

    .personal-card {
        padding: 22px 20px 28px;
        border-radius: 14px;
    }

    .card-header {
        margin-bottom: 22px;
        padding-bottom: 14px;
    }

    .card-header h2 {
        font-size: 15px;
    }

    .photo-wrap {
        margin-bottom: 26px;
    }

    .photo-box {
        width: 100px;
        height: 100px;
    }

    .photo-box svg {
        width: 54px;
        height: 54px;
    }

    .info-row {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .info-cell {
        grid-template-columns: 120px 1fr;
    }

    .family-card {
        padding: 22px 20px 28px;
        border-radius: 14px;
    }

    .card-header {
        margin-bottom: 22px;
        padding-bottom: 14px;
    }

    .card-header h2 {
        font-size: 15px;
    }

    .member-block {
        padding: 20px 18px 22px;
        margin-bottom: 18px;
    }

    .photo-box {
        width: 100px;
        height: 100px;
        margin-bottom: 20px;
    }

    .photo-box svg {
        width: 52px;
        height: 52px;
    }

    .info-row,
    .info-row.triple {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .info-cell {
        grid-template-columns: 120px 1fr;
    }

    .section-card {
        padding: 18px 16px;
        border-radius: 12px;
    }

    .section-title {
        font-size: 14px;
    }

    table.inv-table,
    table.prop-table {
        font-size: 11.5px;
    }

    .remarks-cell {
        max-width: 160px;
        font-size: 11px;
    }

    .pie {
        width: 190px;
        height: 190px;
    }

    .pie-row {
        gap: 24px;
    }

    .legend-item {
        font-size: 12.5px;
    }

    .chart-caption {
        font-size: 13.5px;
    }

    .bar-chart {
        padding-left: 34px;
        height: 180px;
        gap: 12px;
    }

    .bar-track {
        height: 150px;
    }

    .bar-label {
        font-size: 11px;
    }

    .bar-stat .stat-label {
        font-size: 12.5px;
    }

    .bar-stat .stat-value {
        font-size: 19px;
    }

    .ins-card {
        padding: 20px 18px 28px;
        border-radius: 14px;
    }

    .card-header h2 {
        font-size: 15px;
    }

    .sub-header {
        font-size: 12.5px;
    }

    table.ins-table {
        min-width: 680px;
        font-size: 11.5px;
    }

    .member-tag {
        font-size: 10.5px;
        padding: 3px 8px;
    }

    .chart-box {
        padding: 18px 12px 8px;
    }

    .chart-title {
        font-size: 13px;
    }

    .bars-area {
        height: 220px;
        padding: 0 6px;
    }

    .bar {
        width: 20px;
    }

    .bar-group {
        gap: 4px;
    }

    .axis-label-left,
    .axis-label-right,
    .y-axis {
        font-size: 10px;
    }

    .liab-card {
        padding: 22px 18px 28px;
        border-radius: 14px;
    }

    .card-header {
        margin-bottom: 20px;
        padding-bottom: 14px;
    }

    .card-header h2 {
        font-size: 14.5px;
    }

    .table-wrap {
        border-radius: 10px;
    }

    table.liab-table {
        min-width: 600px;
        font-size: 12.5px;
    }

    table.liab-table th,
    table.liab-table td {
        padding: 10px 14px;
    }

    .section-card {
        padding: 18px 16px;
        border-radius: 12px;
    }

    .card-header h2 {
        font-size: 14px;
    }

    table.goal-table {
        font-size: 12px;
    }

    .chart-title {
        font-size: 13.5px;
        margin-bottom: 20px;
    }

    .bars-area {
        height: 190px;
        padding: 0 4px;
    }

    .bar {
        max-width: 38px;
    }

    .bar-label {
        font-size: 11px;
        bottom: -20px;
    }

    .axis-label,
    .y-axis {
        font-size: 11px;
    }

    .x-axis-title {
        margin-top: 30px;
        font-size: 11px;
    }

    .donut-row {
        flex-direction: column;
        gap: 24px;
    }

    .donut {
        width: 190px;
        height: 190px;
    }

    .legend-item {
        font-size: 13.5px;
    }

    .pc-theme .about-section {
        padding: 50px 0 80px;
    }

    .pc-theme .about-box {
        padding: 30px 22px;
        border-radius: 12px;
    }

    .pc-theme .about-box h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .pc-theme .about-content p {
        font-size: 14px;
        line-height: 1.85;
        text-align: left;
    }

    .pc-theme .decor-dots-circle {
        width: 65px;
        height: 65px;
        top: 20px;
        left: 20px;
    }

    .pc-theme .decor-lines-circle {
        width: 100px;
        height: 100px;
        top: auto;
        bottom: 20px;
        right: 10px;
    }

    .pc-theme .decor-star-1,
    .pc-theme .decor-star-2 {
        display: none;
        /* keep mobile clean */
    }

    .pc-theme .highlights-section {
        padding: 50px 0 40px;
        min-height: auto;
    }

    .pc-theme .highlights-bg-image {
        position: relative;
        width: 100%;
        height: 220px;
        margin-bottom: 20px;
        background-position: center bottom;
    }

    .pc-theme .highlights-section .section-heading .heading-bold {
        font-size: 30px;
        display: block;
    }

    .pc-theme .highlights-section .section-heading .heading-light,
    .pc-theme .highlights-section .section-heading .heading-dot {
        font-size: 20px;
    }

    .pc-theme .highlights-grid {
        gap: 25px 30px;
    }

    .pc-theme .highlight-card .counter {
        font-size: 24px;
    }

    .pc-theme .highlight-card p {
        font-size: 11px;
    }

    .pc-theme .organization-services-section {
        padding: 55px 0 55px;
    }

    .pc-theme .organization-services-grid {
        grid-template-columns: 1fr;
        row-gap: 35px;
    }

    .pc-theme .organization-service-card {
        padding: 55px 18px 25px;
    }

    .pc-theme .service-icon-wrap,
    .pc-theme .service-icon {
        width: 60px;
        height: 60px;
    }

    .pc-theme .service-text h3 {
        font-size: 16px;
    }

    .pc-theme .decor-wavy-blob,
    .pc-theme .decor-triangle-1,
    .pc-theme .decor-triangle-2,
    .pc-theme .decor-circle-1,
    .pc-theme .decor-circle-2 {
        display: none;
    }

    .pc-theme .organization-services-action .view-more-btn {
        padding: 12px 32px;
        font-size: 12px;
    }

    .pc-theme .websitetools-section {
        padding: 55px 0 55px;
    }

    .pc-theme .websitetools-section .section-heading {
        font-size: 26px;
        margin-bottom: 35px;
    }

    .pc-theme .websitetools-grid {
        grid-template-columns: 1fr;
        row-gap: 30px;
    }

    .pc-theme .tool-image {
        height: 200px;
    }

    .pc-theme .decor-wave-left,
    .pc-theme .decor-triangle-1,
    .pc-theme .decor-triangle-2,
    .pc-theme .decor-circle-1,
    .pc-theme .decor-circle-2 {
        display: none;
    }

    .pc-theme .director-desk-wrapper {
        padding: 55px 0 70px;
    }

    .pc-theme .director-image {
        width: 170px;
        height: 170px;
    }

    .pc-theme .director-content {
        padding: 28px 25px;
        border-radius: 12px;
    }

    .pc-theme .director-content .section-heading {
        font-size: 22px;
    }

    .pc-theme .director-copy p {
        font-size: 13.5px;
    }

    .pc-theme .director-bg-decor .decor-star,
    .pc-theme .director-bg-decor .decor-hex-pattern {
        display: none;
    }

    .pc-theme .team-heading {
        font-size: 24px;
        margin-top: 45px;
    }

    .pc-theme .team-photo {
        width: 100px;
        height: 100px;
    }

    .pc-theme .team-carousel-btn {
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
    }

    .pc-theme .corporateArea {
        padding: 55px 0 65px;
    }

    .pc-theme .corporateArea .section-heading {
        font-size: 20px;
        margin-bottom: 35px;
    }

    .pc-theme .logo-carousel {
        gap: 20px 30px;
    }

    .pc-theme .logo-item img {
        max-height: 40px;
    }

    .pc-theme .decor-wave-lines {
        display: none;
    }

    .pc-theme .blogs-section .section-heading {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .pc-theme .blog-card {
        flex-wrap: wrap;
        padding: 15px 50px 15px 15px;
    }

    .pc-theme .blog-image {
        flex: 0 0 80px;
        max-width: 80px;
    }

    .pc-theme .blog-image img {
        height: 70px;
    }

    .pc-theme .blog-content h3 {
        font-size: 14px;
    }

    .pc-theme .blog-arrow {
        width: 38px;
        height: 38px;
        right: 12px;
    }

    .pc-theme .decor-wave-lines,
    .pc-theme .decor-circle-2 {
        display: none;
    }

    .pc-theme .faq-section {
        padding: 55px 0 55px;
    }

    .pc-theme .faq-item {
        padding: 18px 20px;
    }

    .pc-theme .faq-item.faq-featured {
        padding: 22px 22px 0;
    }

    .pc-theme .faq-item summary {
        font-size: 14px;
    }

    .pc-theme .faq-item.faq-featured summary {
        font-size: 15px;
    }

    .pc-theme .faq-toggle-icon {
        flex: 0 0 28px;
        width: 28px;
        height: 28px;
    }

    .pc-theme .faq-item.faq-featured p,
    .pc-theme .faq-item:not(.faq-featured) p {
        font-size: 13px;
    }

    .pc-theme .faq-section .section-heading {
        font-size: 22px;
    }

    .pc-theme .contact-section {
        padding: 50px 0 80px;
    }

    .pc-theme .contact-section .section-heading {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .pc-theme .contact-form {
        max-width: 100%;
        padding: 30px 22px 40px;
        border-radius: 12px;
    }

    .pc-theme .two-col-row {
        flex-direction: column;
        gap: 0;
    }

    .pc-theme .two-col-row .col-6 {
        width: 100%;
        max-width: 100%;
    }

    .pc-theme .decor-wave-left,
    .pc-theme .decor-triangle-outline {
        display: none;
    }

    .investment-period-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .options-group {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px 24px;
        width: 100%;
    }

    .pc-theme .websitebanner {
        margin-top: 130px;
    }

    .pc-theme .highlight-card{
        height:100px;
    }
    .pc-theme .blog-top-bar{
        margin: 150px 0 20px;
    }

    .cp-theme .websitebanner {
        margin-top: 130px;
    }

    .cp-theme .highlight-card{
        height:100px;
    }
    .cp-theme .blog-top-bar{
        margin: 150px 0 20px;
    }

    .faqpage {
        margin-top: 200px;
    }
    .cp-theme .contact_box{
        padding: 20px;
    }
    .cp-theme .two-col-row .col-6 {
        width: 100%;
        max-width: 100%;
    }
    .cp-theme .submit-row{
        margin-top: 0;
    }
    .cp-theme .contact-form button[type="submit"]{
        width: 100%;
        justify-content: center;
        margin-top: 0;
    }


}

@media (max-width: 480px) {
    .quiz-start-stats {
        grid-template-columns: 1fr;
    }

    .organization-services-section {
        padding: 32px 16px 0;
    }

    .organization-services-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .organization-service-card {
        height: 170px;
    }

    .service-card-face {
        padding: 24px 18px;
    }

    .service-card-back h3 {
        font-size: 16px;
    }

    .organization-services-action {
        padding: 44px 0 36px;
    }

    .organization-services-section .bottom-bar {
        margin-left: -16px;
        margin-right: -16px;
    }

    .director-team-section {
        padding: 30px 16px 0;
    }

    .director-desk-row {
        margin-bottom: 44px;
    }

    .director-image,
    .director-skeleton-image {
        height: 300px;
    }

    .director-content span {
        font-size: 16px;
    }

    .director-content h2 {
        font-size: 21px;
    }

    .director-divider {
        width: 180px;
    }

    .director-copy {
        max-height: 220px;
    }

    .team-carousel-track {
        grid-auto-columns: 100%;
        gap: 16px;
    }

    .team-card {
        min-height: 270px;
        padding: 32px 18px 22px;
    }

    .team-carousel-btn {
        width: 46px;
        height: 46px;
        font-size: 24px;
    }

    .team-carousel-prev {
        left: -10px;
    }

    .team-carousel-next {
        right: -10px;
    }

    .director-team-section .bottom-bar {
        margin-left: -16px;
        margin-right: -16px;
    }

    .blogs-section {
        padding-bottom: 34px;
    }

    .blogs-grid {
        gap: 18px;
    }

    .blog-card {
        min-height: auto;
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 22px 14px 22px 18px;
    }

    .blog-image,
    .blog-skeleton-image {
        width: 96px;
        height: 96px;
    }

    .blog-content h3 {
        font-size: 12px;
    }

    .testimonial-section {
        padding: 28px 16px 0;
    }

    .testimonial-carousel {
        min-height: 390px;
        margin-top: 34px;
    }

    .testimonial-stage {
        min-height: 330px;
    }

    .testimonial-card,
    .testimonial-card.is-active {
        width: calc(100% - 72px);
        min-height: 300px;
        padding: 32px 22px 28px;
    }

    .testimonial-card.is-left,
    .testimonial-card.is-right {
        opacity: 0;
        pointer-events: none;
    }

    .testimonial-card.is-left {
        transform: translateX(-115%) scale(0.85);
    }

    .testimonial-card.is-right {
        transform: translateX(15%) scale(0.85);
    }

    .testimonial-card.is-active {
        transform: translateX(-50%) scale(1);
    }

    .testimonial-card.is-active p {
        font-size: 12px;
    }

    .testimonial-person,
    .testimonial-card.is-active .testimonial-person {
        margin-top: 46px;
    }

    .testimonial-card.is-active .testimonial-person img {
        width: 58px;
        height: 58px;
    }

    .testimonial-card.is-active .testimonial-person h3 {
        font-size: 16px;
    }

    .testimonial-carousel-btn {
        width: 46px;
        height: 46px;
        top: 150px;
    }

    .testimonial-prev {
        left: 0;
    }

    .testimonial-next {
        right: 0;
    }

    .faq-section {
        padding: 26px 16px 34px;
    }

    .faq-heading-row {
        flex-direction: column;
        align-items: stretch;
        margin-bottom: 26px;
    }

    .faq-heading-row .view-more-btn,
    .faq-heading-row .service-skeleton-button {
        align-self: flex-start;
        position: static;
    }

    .faq-visual {
        min-height: 190px;
    }

    .faq-visual img,
    .faq-skeleton-illustration {
        max-height: 190px;
    }

    .faq-item summary {
        font-size: 12px;
        padding-left: 16px;
    }

    .faq-item p {
        margin-left: 16px;
        margin-right: 16px;
    }

    .organization-services-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .menu-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .menu-item {
        min-height: 70px;
        padding: 10px 4px;
    }

    .menu-item .icon {
        font-size: 16px;
        margin-bottom: 4px;
    }

    .menu-item .label {
        font-size: 10px;
    }

    .investor_data .content {
        padding: 16px;
    }

    .photo-box {
        width: 120px;
        height: 120px;
    }

    .photo-box img {
        width: 80px;
        height: 80px;
    }

    .section-header {
        padding: 8px 12px;
    }

    .section-header .left {
        font-size: 14px;
    }

    .nav-btns button {
        width: 30px;
        height: 30px;
    }

    .note {
        font-size: 11px;
    }

    .field label {
        font-size: 12px;
    }

    .field input,
    .field select {
        font-size: 12px;
        padding: 6px 8px;
    }

    .member-form__group {
        display: block;
    }

    .member-form__label {
        display: block;
        margin-bottom: 8px;
    }

    .member-form__select-wrap {
        width: 100%;
    }

    .member-form__age-wrap {
        width: 100%;
        display: flex;
    }

    .member-form__input {
        width: 100%;
    }

    .member-form__years {
        flex-shrink: 0;
    }

    .cp-theme .about-box h2 {
        font-size: 24px;
    }

    .cp-theme .about-box .about-content p {
        font-size: 14px;
    }

    .cp-theme .highlights-grid {
        justify-content: center;
    }

    .cp-theme .highlight-card {
        min-width: 45%;
    }

    .cp-theme .vision-mission-section h2 {
        font-size: 22px;
    }

    .cp-theme .websitetools-section .section-heading {
        font-size: 22px;
    }

    .cp-theme .toolsIcon {
        width: 75px;
        height: 75px;
    }

    .cp-theme .toolsIcon .icon-circle {
        width: 60px;
        height: 60px;
        left: 15px;
    }

    .cp-theme .toolsIcon .icon-circle img {
        width: 24px;
        height: 24px;
    }

    .cp-theme .tool-text h3 {
        font-size: 15px;
    }

    .cp-theme .tool-text .explorebtn {
        font-size: 12px;
        padding: 8px 14px;
    }

    .cp-theme .team-carousel-track {
        gap: 15px;
    }

    .cp-theme .team-card {
        flex: 0 0 100%;
    }

    .cp-theme .section-decor-icon {
        display: none;
    }

    .cp-theme .logo-carousel {
        justify-content: space-around;
        gap: 15px 20px;
    }

    .cp-theme .logo-item {
        flex: 0 0 45%;
        padding: 8px 10px;
    }

    .cp-theme .logo-item img {
        max-height: 36px;
    }

    .cp-theme .blogs-section .section-heading {
        font-size: 22px;
    }

    .cp-theme .blog-content h3 {
        font-size: 15px;
    }

    .cp-theme .blog-content p {
        font-size: 13px;
    }

    .cp-theme .blogs-side-image img {
        min-height: 220px;
        max-height: 260px;
    }

    .cp-theme .testimonial-text p {
        font-size: 13.5px;
    }

    .cp-theme .testimonial-person h3 {
        font-size: 15px;
    }

    .cp-theme .faq-item summary {
        gap: 8px;
    }

    .cp-theme .faq-question-text {
        font-size: 13px;
    }

    .cp-theme .contact-section .heading-bold {
        font-size: 22px;
    }

    .cp-theme .form-group label {
        font-size: 13px;
    }

    .cp-theme .form-group input,
    .cp-theme .form-group textarea {
        font-size: 13px;
        padding: 10px 12px;
    }

    .cp-theme .contact-form button[type="submit"] {
        width: 100%;
        justify-content: center;
    }


    .cp-theme .investor-header-right {
        row-gap: 8px;
    }

    .cp-theme .investor-btn {
        font-size: 10px;
        padding: 5px 8px;
    }

    .cp-theme .investor-phone-dropdown .investor-phone {
        font-size: 10px;
    }

    .rp-header {
        padding: 12px 14px;
    }

    .rp-header-left {
        font-size: 15px;
    }

    .autofill-btn {
        font-size: 12px;
        padding: 8px 12px;
        gap: 6px;
    }

    .autofill-btn svg {
        width: 14px;
        height: 14px;
    }

    .nav-btn {
        width: 34px;
        height: 34px;
    }

    .rp-note {
        font-size: 12px;
        padding: 12px 14px 0;
    }

    .questions-list {
        padding: 16px 14px 0;
    }

    .q-text {
        font-size: 13px;
    }

    .options-list {
        padding: 12px 14px 14px;
        gap: 10px;
    }

    .option-row {
        font-size: 13px;
        align-items: flex-start;
        gap: 10px;
    }

    .option-row input[type="radio"] {
        width: 16px;
        height: 16px;
        margin-top: 2px;
    }

    .submit-wrap {
        padding: 16px 14px 0;
    }

    .personal-card {
        padding: 18px 16px 22px;
        border-radius: 12px;
    }

    .card-header svg {
        width: 18px;
        height: 18px;
    }

    .card-header h2 {
        font-size: 14px;
    }

    .photo-box {
        width: 84px;
        height: 84px;
    }

    .photo-box svg {
        width: 46px;
        height: 46px;
    }

    .info-rows {
        gap: 16px;
    }

    .info-cell {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .info-cell label {
        font-size: 12.5px;
    }

    .info-cell .value {
        font-size: 13.5px;
    }

    .phone-value {
        gap: 8px;
    }

    .phone-code {
        padding: 5px 10px;
        font-size: 13px;
    }

    .family-card {
        padding: 18px 16px 22px;
        border-radius: 12px;
    }

    .card-header svg {
        width: 18px;
        height: 18px;
    }

    .card-header h2 {
        font-size: 14px;
    }

    .member-block {
        padding: 16px 14px 18px;
        margin-bottom: 16px;
        border-radius: 10px;
    }

    .photo-box {
        width: 84px;
        height: 84px;
        margin-bottom: 16px;
    }

    .photo-box svg {
        width: 44px;
        height: 44px;
    }

    .info-rows {
        gap: 14px;
    }

    .info-cell {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .info-cell label {
        font-size: 12.5px;
    }

    .info-cell .value {
        font-size: 13.5px;
    }

    .ins-card {
        padding: 16px 14px 22px;
    }

    .card-header svg {
        width: 18px;
        height: 18px;
    }

    .card-header h2 {
        font-size: 14px;
    }

    table.ins-table {
        min-width: 560px;
        font-size: 11px;
    }

    table.ins-table th,
    table.ins-table td {
        padding: 8px 10px;
    }

    .chart-box {
        padding: 14px 8px 6px;
    }

    .chart-legend {
        gap: 14px;
        font-size: 11px;
    }

    .bars-area {
        height: 190px;
    }

    .bar {
        width: 14px;
    }

    .bar-group {
        gap: 3px;
    }

    .bar-group-label {
        font-size: 10px;
        bottom: -20px;
    }

    .x-axis-title {
        margin-top: 28px;
        font-size: 10px;
    }

    .liab-card {
        padding: 16px 14px 20px;
        border-radius: 12px;
    }

    .card-header svg {
        width: 18px;
        height: 18px;
    }

    .card-header h2 {
        font-size: 13.5px;
    }

    table.liab-table {
        min-width: 520px;
        font-size: 11.5px;
    }

    table.liab-table th,
    table.liab-table td {
        padding: 9px 12px;
    }

    .section-card {
        padding: 14px 12px;
    }

    .card-header svg {
        width: 18px;
        height: 18px;
    }

    .card-header h2 {
        font-size: 13px;
    }

    table.goal-table {
        min-width: 520px;
        font-size: 11px;
    }

    table.goal-table th,
    table.goal-table td {
        padding: 8px 10px;
    }

    .bars-area {
        height: 160px;
    }

    .bar {
        max-width: 26px;
    }

    .bar-label {
        font-size: 10px;
    }

    .axis-label,
    .y-axis {
        font-size: 10px;
    }

    .donut {
        width: 160px;
        height: 160px;
    }

    .donut-pct {
        font-size: 14px;
    }

    .legend-item {
        font-size: 12.5px;
        gap: 8px;
    }

    .legend-dot {
        width: 13px;
        height: 13px;
    }

    .pc-theme .about-section {
        padding: 40px 0 60px;
    }

    .pc-theme .about-box {
        padding: 25px 18px;
    }

    .pc-theme .about-box h2 {
        font-size: 20px;
    }

    .pc-theme .about-content p {
        font-size: 13px;
    }

    .pc-theme .decor-dots-circle {
        width: 50px;
        height: 50px;
    }

    .pc-theme .decor-lines-circle {
        width: 80px;
        height: 80px;
    }

    .pc-theme .organization-service-card {
        padding: 50px 15px 22px;
    }

    .pc-theme .service-icon-wrap,
    .pc-theme .service-icon {
        width: 55px;
        height: 55px;
        top: -28px;
    }

    .pc-theme .service-icon img {
        width: 20px;
        height: 20px;
    }

    .pc-theme .service-text h3 {
        font-size: 15px;
    }

    .pc-theme .websitetools-section .section-heading {
        font-size: 22px;
    }

    .pc-theme .tool-image {
        height: 170px;
    }

    .pc-theme .tool-body {
        padding: 22px 15px 26px;
    }

    .pc-theme .tool-body h3 {
        font-size: 17px;
    }

    .pc-theme .tool-body .explorebtn {
        padding: 10px 26px;
        font-size: 12px;
    }

    .pc-theme .director-image {
        width: 140px;
        height: 140px;
        border-width: 6px;
    }

    .pc-theme .director-content {
        padding: 22px 18px;
    }

    .pc-theme .director-content .section-heading {
        font-size: 20px;
    }

    .pc-theme .team-card {
        flex: 0 0 100%;
    }

    .pc-theme .logo-carousel {
        justify-content: space-around;
        gap: 15px 20px;
    }

    .pc-theme .logo-item {
        flex: 0 0 45%;
        padding: 8px 10px;
    }

    .pc-theme .logo-item img {
        max-height: 34px;
    }

    .pc-theme .blog-card {
        flex-direction: column;
        align-items: flex-start;
        padding: 15px;
    }

    .pc-theme .blog-image {
        max-width: 100%;
        flex: 0 0 auto;
    }

    .pc-theme .blog-image img {
        width: 100%;
        height: 140px;
    }

    .pc-theme .blog-arrow {
        top: 15px;
        right: 15px;
        transform: none;
        width: 34px;
        height: 34px;
    }

    .pc-theme .blogs-action .view-more-btn {
        padding: 12px 30px;
        font-size: 12px;
    }

    .pc-theme .faq-item summary {
        gap: 8px;
    }

    .pc-theme .faq-question-text {
        font-size: 13px;
    }

    .pc-theme .faq-action .explore-btn {
        padding: 12px 30px;
        font-size: 12px;
    }

    .pc-theme .contact-section .section-heading {
        font-size: 20px;
    }

    .pc-theme .form-group label {
        font-size: 13px;
    }

    .pc-theme .form-group input,
    .pc-theme .form-group textarea {
        font-size: 13px;
        padding: 10px 12px;
    }

    .pc-theme .contact-form button[type="submit"] {
        width: 100%;
    }

    .options-group {
        grid-template-columns: 1fr;
    }
    .pc-theme .investor-btn {
        font-size: 10px;
        padding: 5px 8px;
    }

     .cp-theme .blog-image {
        max-width: 100%;
        flex: 0 0 auto;
    }


    

}

/* @media (max-width: 370px) {
    .pc-theme .websitebanner {
        margin-top: 174px;
    }
    .cp-theme .websitebanner {
        margin-top: 174px;
    }
} */