/* Fonts Start Point */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');
/* Fonts End Point */

/* Common Css Start Point */
* {box-sizing: border-box; margin:0; padding: 0px; text-decoration: none; border: none;}
html {height: 100%;scroll-behavior: smooth;font-size: 62.5%;}
body {font: 400 1.8rem 'Roboto',sans-serif;}
body, ul, ol, li, p {margin: 0; padding: 0; list-style: none;}
a:focus, a:hover, div:hover, div:focus {outline: 0;}
a {color: #171717;}
h1, h2, h3 {margin:0px;}

:root {
    color-scheme: light;
    --bg-light :#F9F9F9;
    --font-black:#000;
    --ifActive: #F15A24;
    --white: #fff;
    --secondary-text-dark: #212120;
    --roboto-font: 'Roboto',sans-serif;
}

.main_wrapper {width: 100%;max-width: 1280px;}
.main_wrapper.withHeight {height: 6rem;}
/* .main_subWrapper {max-width: 1120px;width: 100%;} */
.in_desktop_none {display: none;}
.in_desktop_block {display: block;}
.textCenter {text-align: center;}
.w_100 {width: 100%;}
.w_45 {width: 45%;}
.m_auto {margin: 0 auto;}
.objectCover {object-fit: cover;} 
.dFlex {display: flex;}
.flexWrap {flex-wrap: wrap;}
.flexColumn {flex-direction: column;}
.justContCenter {justify-content: center;}
.justContBetween {justify-content: space-between;}
.justContAround {justify-content: space-around;}
.justContEvenly {justify-content: space-evenly;}
.alignItemsCenter {align-items: center;}
input {border-radius: 8px;background: #EFF2F8;padding: 1.5rem 2rem 1.5rem 4.1rem;font-size: 2.2rem;font-weight: 300;color: #787878;width: 100%;margin-bottom: 3.7rem; position: relative;}
input[type=checkbox] {position: relative;background: #EFF2F8;cursor: pointer;line-height: 0;padding:1.4rem;outline: 0;vertical-align: text-top;height: 2.4rem;width: 2.4rem;-webkit-appearance: none;border-radius: 0;margin-right: 1.9rem; margin-bottom: 0px;}
input[type=checkbox]:hover {opacity: 1;}
input[type=checkbox]:checked {background-color: #000;opacity: 1;}
input[type=checkbox]:checked:before {content: '';position: absolute;right: 50%;top: 50%;width: .5rem;height: 1rem;border: .1rem solid #fff;border-width: 0 2px 2px 0;margin: -1px -1px 0 -1px;transform: rotate(45deg) translate(-50%, -50%);z-index: 2;}
#registerForm .flexWrap ,.checkRules .dFlex {position: relative;}
#registerForm .flexWrap  .errormsg   { position: absolute; left: 0 ;bottom: 16px ;color: red ; font-size: 12px}
.checkRules .dFlex .errormsg  { position: absolute; left: 45px ;bottom: -13px ;color: red ; font-size: 12px}
/* Common Css End Point */



/* Header Css Start Point */
.headerSec {    background: var(--white);height: 6rem;align-items: center;}
.headerSec .main_wrapper .main_subWrapper {padding: 1.7rem 0;}
.headerSec .main_wrapper .main_subWrapper .logo .firstimg img:first-child{padding-right: 1rem;}
.headerSec .main_wrapper .main_subWrapper .logo img:last-child{padding-left: 1rem;}
.headerSec .main_wrapper .main_subWrapper .logo .firstimg::after {content: '';height: 3.4rem;border-left: .1rem solid #A0A09B;display: flex;}
/* .headerSec .main_wrapper .main_subWrapper .menus ul {column-gap: 4rem;} */
.headerSec .main_wrapper .main_subWrapper .menus ul li a {font-weight: 400;color:var(--font-black);display: flex;}
.headerSec .main_wrapper .main_subWrapper .menus ul li:not(:last-child) a::after {content: "";height: 2.1rem;border-right: .2rem solid #000;display: flex;margin: 0 0.8rem 0 0.8rem;}
.headerSec .main_wrapper .leftLogoSec {column-gap: 117px;}
.headerSec .main_wrapper .main_subWrapper .menus ul li a.ifActive {color: var(--ifActive);font-weight: 600;}
.headerSec .main_wrapper .main_subWrapper .socials a span:first-child {font-size:2rem;line-height:3.2rem;font-weight: 500;color: var(--white);}
.headerSec .main_wrapper .main_subWrapper .socials a span:last-child {font-size:2rem;line-height:3.2rem;font-weight: 300;color: var(--white);}
.headerSec .main_wrapper .main_subWrapper .socials .icons {background: linear-gradient(36deg, #fFF 50%, rgb(255 255 255 / 92%) calc(50% + 1px));border-radius: 0.3rem;margin-left: 2rem;padding-right: 0.9rem;}
.headerSec .main_wrapper .main_subWrapper .socials .icons span {padding:0.9rem 1rem .6rem;font-size:1.2rem;line-height:2rem;font-weight: 400;  color: #292928;}
.headerSec .main_wrapper .main_subWrapper .socials .icons a:first-child {padding-right: .6rem;}
.headerSec .main_wrapper .main_subWrapper .socials .icons a > div::after {content: '';height: 1.3rem;border-left: .1rem solid #D4D4CF;display: flex;margin-left: 0.6rem;}
.headerSec .main_wrapper .main_subWrapper .socials .icons a:last-child {padding-left: .6rem;}
/* Header Css End Point */

/* Main Banner Start Point */
/* .mainBannerSec {background-image: linear-gradient(90deg, #FFF 27.60%, rgba(255, 255, 255, 0.00) 100%), url('https://images.moneycontrol.com/images/ms/sundaram/mainBg.png');} */
.mainBanner {padding: 5rem 0;background-image: url(https://images.moneycontrol.com/images/ms/sundaram/bannerBg.png);background-repeat: no-repeat;background-size: cover;width: 100%;background-position: center;}
.mainBanner img:first-child {padding-left: 10rem;}
.mainBanner .mainPara {width: calc(70% - 1rem);font-size: 1.7rem;font-weight: 500;color: var(--font-black);line-height: 2.5rem;margin-top: 2rem;margin-bottom: 2.4rem;}
.mainBanner .knowMore {border-radius: 7.1rem;background: #F15A24;color: var(--white);font-size: 2.2rem;letter-spacing: 0.791px;font-weight: 500;padding:1rem 2.5rem;}
/* Main Banner End Point */

/* Article Section Start Point */
.articleVideoBg {background-image: url(https://images.moneycontrol.com/images/ms/sundaram/BG.png);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;}
.articleMain {position: relative;}
.articleMain .mainTitle {font-size: 4rem;font-weight: 500;line-height: 6.7rem;text-align: center;margin:0 0 4rem 0;padding-top: 8.8rem;}
.articleMain .swiper-button-next {z-index: 1;border-radius: 2.314px;background-color: #FCFCFC;box-shadow: 1.44355px 1.44355px 2.8871px 0px rgba(0, 0, 0, 0.25);background-size: 35%;height: 3.5rem;width: 3.5rem;background-image: url('https://images.moneycontrol.com/images/ms/sundaram/slide-next.svg');top: 65%;}
.articleMain .swiper-button-prev {z-index: 1;border-radius: 2.314px;background-color: #FCFCFC;box-shadow: 1.44355px 1.44355px 2.8871px 0px rgba(0, 0, 0, 0.25);background-size: 35%;height: 3.5rem;width: 3.5rem;background-image: url('https://images.moneycontrol.com/images/ms/sundaram/slide-prev.svg');top: 65%;}
.articleMain .articleSlider {overflow: hidden;}
.articleMain .sliderBox {position: relative;height: 40rem;}
.articleMain .sliderBox .blueBg {background: #20205C;color: #fff;z-index: 1;padding-right: 6.6rem;width: 90%;}
.articleMain .sliderBox .blueBg .mainImg {margin: -3rem 3.3rem 5.6rem 2.7rem;}
.articleMain .sliderBox .whiteBg {position: absolute;background: var(--white);box-shadow: 2px 4px 10.43736px 0px rgba(0, 0, 0, 0.25);width: 484px;height: 300px;left: 6%;right: auto;top: .6rem;z-index: 0;}
.articleMain .sliderBox .blueBg p:first-child {font-size: 2.6rem;font-weight: 500;}
.articleMain .sliderBox .blueBg p:nth-child(2) {font-size: 2rem;font-weight: 400;margin-top: 1.6rem;line-height: 2.4rem;}
.articleMain .sliderBox .blueBg .readMore {border-radius: 7.1rem;background: #F15A24;color: var(--white);font-size: 2.2rem;letter-spacing: 0.791px;font-weight: 500;padding: 1rem 2.5rem;width: 31%;text-align: center;margin-top: 2.6rem;}
/* Article Section End Point */

/* Video Section Start Point */
.videos {padding: 8.8rem 0 5.5rem;position: relative;}
.videos .mainTitle {font-size: 4rem;font-weight: 500;line-height: 6.7rem;text-align: center;margin:0 0 4rem 0;position: relative;}
.videos .plant {position: absolute;right: 7%;height: 291px;top: -23%;z-index: 11;}
.videos .videoBox p {font-size: 2.2rem;font-weight: 400;margin-top: 2.4rem;color: #000;}
.videos .videoBox .mainImg {position: relative;}
.videos .videoBox .playbutton {position: absolute;top: 30%;left: 0;right: 0;display: flex;margin: 0 auto;}
/* Video Section End Point */

/* Modal Css Start Point */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 60%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.modal-body {padding:7.5rem 10rem 3.4rem;}
.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}
.modal-body .modalTitle {color: #353535;margin-bottom: 4.6rem;}
.modal-body .columnGap94 {column-gap: 9.4rem;}
.modal-body .checkRules {margin-top: 3rem;}
.modal-body .checkRules label {font-size: 1.8rem;font-weight: 300;}
.modal-body .submit {border-radius: 5rem;background: #F15A24;color: var(--white);font-size: 2.2rem;letter-spacing: 0.791px;font-weight: 500;padding: 1.4rem 2.1rem 1rem 2.1rem;margin: 3.2rem auto 0;text-transform: uppercase;}
/* Modal Css End Point */



/* Footer Start Point */
footer .maintopFooter {column-gap: 4.6rem;}
footer .maintopFooter h1 {font-size: 3.4rem;font-weight: 500;margin-bottom: 2.4rem;letter-spacing: 1.7px;}
footer .maintopFooter .contactUs a {display: flex;align-items: center;text-decoration: underline;}
footer .maintopFooter .contactUs a img {width: 34px;height: 34px;margin-right: 1.4rem;}
footer .maintopFooter .contactUs a:not(:last-child) {margin-bottom: 1.9rem;}
footer .maintopFooter .contactUs a span {font-size: 2rem;font-weight: 400;}
footer {position: relative;}
footer .topFooter {background-image: url('https://images.moneycontrol.com/images/ms/sundaram/footerBg.png');background-size: cover;height: 538px;background-repeat: no-repeat;width: 100%;padding-top: 3.2rem;}
footer .topFooter {column-gap: 4.4rem;}
footer .lhs {width: calc(66% - 1rem);color: var(--white);line-height: 3rem;}
footer .rhs h1 {color: var(--white);font-size: 2rem;font-weight: 500;line-height: 2.5rem;margin-bottom: .8rem;}
footer .rhs .socials {display: flex;flex-direction: column;text-align: center;row-gap: 1.8rem;}
footer .rhs .socials .logoX {background: #fff;border-radius: 3px;}
footer .lhs a {color: #FC942D;text-decoration: underline;}
footer .lhs .links {margin-top: 1.1rem;font-size: 1.6rem;}
footer .lhs .links a {color: #fff;font-weight: 400;font-size: 1.6rem;display: flex;align-items: center;}
footer .lhs .links a:not(:last-child):after {content: '';height: 2rem;border-right: .2rem solid var(--white);display: flex;margin: 0 1rem;}
footer .lhs p:nth-child(2) {margin-top: 3.8rem;font-size: 1.6rem;}
footer .bottomFooter {background-color: #20205C;color: var(--white);padding: 1.3rem 7.3rem 1.7rem;}
footer .bottomFooter p {font-size: 2rem;line-height: 3rem;font-weight: 400;}
footer img.posImg {position: absolute;top: 25%;left: 1rem;}
/* Footer End Point */



/**** tiket 23586 css *****/
.sundaramPartner{background: #FAF9F8; text-align: center;padding: 50px 0;}
.sundaramPartner h2 {text-transform: uppercase; font-size: 3.4rem;  font-weight: 500; margin-bottom: 3rem; letter-spacing: 1.7px;}
.sundaramPartner ul{display: flex; grid-gap:30px; justify-content: center; align-items: center;}
footer img.posImg{top:19.5%}
.checkRules .dFlex{margin-bottom: 30px;}
#myModal1 input[type=checkbox]{margin-bottom: 0;}
.contactUs a:nth-child(2) svg{margin-right: 5px;}

/* For Extra Large */
/* @media all and (max-width: 3000px) {
    .videos .plant {position: absolute;right: 10%;height: 291px;top: -25%;z-index: 11;}  
    
    .modal {padding-top: 4.5rem;}
    .modal-body {padding: 7.1rem 8.4rem 3.5rem;}
    .modal-body .flexWrap {flex-wrap: nowrap;}
} */


/**** article video updated css ****/
.articleMain .sliderBox .blueBg .readMore{width: 28%;}
.articleMain .sliderBox .blueBg .mainImg { margin: -3rem 3.3rem 5.6rem 2.7rem; width: 455px; height: 260px; flex-shrink: 0;}
.articleMain .sliderBox .blueBg .mainImg img { width: 100%; height: 100%; object-fit: cover;}
.articleMain .blueBg .flexColumn{width: calc(100% - 455px); flex-shrink: 0;}
.videos .videoBox .playbutton img{width: 63px; height: 63px;}
.videos .videoBox .mainImg{height: 260px;}
.mainImg img{height: 100%; width: 100%; object-fit: cover;}
.articleMain .sliderBox .blueBg p:first-child{display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; overflow: hidden;}
.articleMain .sliderBox .blueBg p:nth-child(2),.videos .videoBox p{display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical; overflow: hidden;}

/*.swiper-wrapper{justify-content: center;}*/
/* For Large */
@media all and (max-width: 1200px) {
    .main_wrapper {padding: 0 7rem;}
    .articleMain .sliderBox .blueBg .readMore {width: 40%;font-size: 1.2rem;}
    .articleMain .sliderBox .blueBg p:first-child {font-size: 1.8rem;}
    .articleMain .sliderBox .blueBg p:nth-child(2) {font-size: 1.5rem;}
    .videos .plant {position: absolute;right: 10%;height: 196px;top: -15%;z-index: 11;}  
    
    .modal {padding-top: 4.5rem;}
    .modal-content {width: 50%;}
    .modal-body .flexWrap {flex-wrap: wrap;}
    .modal-content .close svg {width: 2.3rem;height: 2.3rem;}
    .modal-body {padding: 2.5rem 2.5rem 1.5rem;}
    .modal-body .modalTitle {font-size: 1.1rem;margin-bottom: 3.1rem;}
    .modal-body .flexWrap input,.w_45,.modal-body .columnGap94 {width: 100%;}
    .modal-body input{font-size: .8rem;text-align: center;margin-bottom: 1.9rem;font-weight: 300;}
    .modal-body .checkRules label {font-size: 1rem;font-weight: 300;}
    input[type=checkbox] {padding: 1rem;margin-right: 1.4rem;}
    input[type=checkbox]:before {width: 0.3rem;height: 0.6rem;}
    .modal-body .submit {font-size: .8rem;margin-top: 1.6rem;}
}

/* For laptops */
@media all and (max-width:992px){
    .in_mobile_none {display: none;}
    .in_mobile_block {display: block;}
    
    /* For Mobile Header with Hamburger Menu Start Point */
    .in_mobile_block.menuBar header {padding: 1.2rem 2.5rem;} /**border-bottom: 1px solid #DEDDD9;**/
    .in_mobile_block.menuBar .personalFinance {padding: 2rem;background: rgba(41, 41, 40, .6);}
    .in_mobile_block.menuBar .personalFinance a span:first-child {color: var(--white);font-size: 1.6rem;line-height: 2.5rem;}
    .in_mobile_block.menuBar .personalFinance a span:last-child {color: #DEDDD9;font-size: 1.6rem;line-height: 2.5rem;}

    .menuBar {position: sticky;top: 0;background: #fff;z-index: 1;}
    .hamburger {cursor: pointer;}
    .bar {display: block;background-color: #292928;width: 24px;height: 2px;margin: 6px auto;transition: all 300ms ease-in-out;}
    .hamburger.active .bar:nth-child(2) {opacity: 0}
    .hamburger.active .bar:nth-child(1) {transform: translateY(8px) rotate(45deg);}
    .hamburger.active .bar:nth-child(3) {transform: translateY(-8px) rotate(-45deg);}
    .nav-menu {position: fixed;left: -100%;top: 3.375em;flex-direction: column;background-color: #292928;width: 100%;text-align: center;transition: 750ms;}
    .nav-menu li a {color: var(--white);font-size: 1.8rem;line-height: 2.8rem;}
    .nav-menu.active {left: 0;}
    .nav-menu li {margin-top: 2rem;}
    .nav-menu li:last-child {padding-bottom: 2rem;}
    .nav-link {transition: 400ms ease;}
    /* For Mobile Header with Hamburger Menu End Point */
  
    .mainBannerMob .mainPara {font-size: 1rem;font-weight: 500;color: var(--font-black);line-height: 1.3rem;margin-top: 1.7rem;margin-bottom: 1.7rem;width: calc(98.44% - 1rem);text-align: center;display: flex;justify-content: center;margin: 1.7rem auto;}
    .mainBannerMob .knowMore {border-radius: 4.2rem;background: #F15A24;color: var(--white);font-size: 1rem;letter-spacing: 0.35px;font-weight: 500;padding: 1rem 1.5rem;}
    .mainBannerMob {padding: 5rem 0;background:url(https://images.moneycontrol.com/images/ms/sundaram/bannerBG.png);background-repeat: no-repeat;height: 100vh;background-size: cover;width: 100%;background-position: center;}

    .articleMain .mainTitle {margin: 0 0 1rem 0;padding-top: 1.8rem;font-size: 1.8rem;line-height: 3rem;}
    .articleMain.main_wrapper {padding: 0 2rem;}
    .articleMain .swiper-button-prev {top: 40%;left: 7%;}
    .articleMain .swiper-button-next {top: 40%;right: 7%;}
    .articleMain .sliderBox.forMob .blueBox {background: #20205C;color: #fff;padding: 1rem 1.6rem 1.6rem 1.8rem;height: 205px;display: flex;flex-direction: column;      justify-content: flex-end;z-index: 1;width: 75%;}
    .articleMain .sliderBox.forMob .blueBox p:first-child{font-size: 1rem;font-weight: 500;line-height: 1.4rem;}
    .articleMain .sliderBox.forMob .blueBox p:nth-child(2){font-size: .8rem;font-weight: 400;line-height: 1rem;margin-top: .8rem;}
    .articleMain .sliderBox.forMob .blueBox .readMore {border-radius: 7.1rem;background: #F15A24;color: var(--white);font-size: .8rem;letter-spacing: 0.28px;font-weight: 500;padding: .6rem 1.7rem;width: 31%;text-align: center;margin-top: .8rem;}
    .articleMain .sliderBox.forMob .blueBox .mainImg {position: absolute;top: 1.5rem;right: 0;left: 0;width: 70%;height: 50%;object-fit: cover;}
    .articleMain .sliderBox.forMob .whiteBgBox {box-shadow: 2px 4px 10.43736px 0px rgba(0, 0, 0, 0.25);background-color: #fff;width: 73%;height: 100px;position: absolute;top: .3rem;z-index: 0;}

    .videos .plant {position: absolute;right: 10%;height: 196px;top: -29%;z-index: 11;}

    .modal {padding-top: 4.5rem;}
    .modal-content {width: 50%;}
    .modal-body .flexWrap {flex-wrap: wrap;}
    .modal-content .close svg {width: 2.3rem;height: 2.3rem;}
    .modal-body {padding: 2.5rem 2.5rem 1.5rem;}
    .modal-body .modalTitle {font-size: 1.1rem;margin-bottom: 3.1rem;}
    .modal-body .flexWrap input,.w_45,.modal-body .columnGap94 {width: 100%;}
    .modal-body input{font-size: .8rem;text-align: center;margin-bottom: 1.9rem;font-weight: 300;}
    .modal-body .checkRules label {font-size: 1rem;font-weight: 300;}
    input[type=checkbox] {padding: 1rem;margin-right: 1.4rem;}
    input[type=checkbox]:before {width: 0.3rem;height: 0.6rem;}
    .modal-body .submit {font-size: .8rem;margin-top: 1.6rem;}

}

/* For Tablet */
@media all and (max-width:768px){
    .in_mobile_none {display: none;}
    .in_mobile_block {display: block;}

    /* For Mobile Header with Hamburger Menu Start Point */
    .in_mobile_block.menuBar header {padding: 1.2rem 2.5rem;} /**border-bottom: 1px solid #DEDDD9;**/
    .in_mobile_block.menuBar .personalFinance {padding: 2rem;background: rgba(41, 41, 40, .6);}
    .in_mobile_block.menuBar .personalFinance a span:first-child {color: var(--white);font-size: 1.6rem;line-height: 2.5rem;}
    .in_mobile_block.menuBar .personalFinance a span:last-child {color: #DEDDD9;font-size: 1.6rem;line-height: 2.5rem;}

    .menuBar {position: sticky;top: 0;background: #fff;z-index: 11;}
    .hamburger {cursor: pointer;}
    .bar {display: block;background-color: #292928;width: 24px;height: 2px;margin: 6px auto;transition: all 300ms ease-in-out;}
    .hamburger.active .bar:nth-child(2) {opacity: 0}
    .hamburger.active .bar:nth-child(1) {transform: translateY(8px) rotate(45deg);}
    .hamburger.active .bar:nth-child(3) {transform: translateY(-8px) rotate(-45deg);}
    .nav-menu {position: fixed;left: -100%;top: 3.375em;flex-direction: column;background-color: #292928;width: 100%;text-align: center;transition: 750ms;}
    .nav-menu li a {color: var(--white);font-size: 1.8rem;line-height: 2.8rem;}
    .nav-menu.active {left: 0;}
    .nav-menu li {margin-top: 2rem;}
    .nav-menu li:last-child {padding-bottom: 2rem;}
    .nav-link {transition: 400ms ease;}
    /* For Mobile Header with Hamburger Menu End Point */

    .mainBannerMob .mainPara {font-size: 1rem;font-weight: 500;color: var(--font-black);line-height: 1.3rem;margin-top: 1.7rem;margin-bottom: 1.7rem;width: calc(98.44% - 1rem);text-align: center;display: flex;justify-content: center;margin: 1.7rem auto;}
    .mainBannerMob .knowMore {border-radius: 4.2rem;background: #F15A24;color: var(--white);font-size: 1rem;letter-spacing: 0.35px;font-weight: 500;padding: 1rem 1.5rem;} 
    .mainBannerMob {padding: 5rem 0;background:url(https://images.moneycontrol.com/images/ms/sundaram/bannerBG.png);background-repeat: no-repeat;height: 100vh;background-size: cover;width: 100%;background-position: center;}

    .articleMain .mainTitle {margin: 0 0 1rem 0;padding-top: 1.8rem;font-size: 1.8rem;line-height: 3rem;}
    .articleMain.main_wrapper {padding: 0 2rem;}
    .articleMain .swiper-button-prev {top: 40%;left: 7%;}
    .articleMain .swiper-button-next {top: 40%;right: 7%;}
    .articleMain .sliderBox.forMob .blueBox {background: #20205C;color: #fff;padding: 1rem 1.6rem 1.6rem 1.8rem;height: 230px;display: flex;flex-direction: column;      justify-content: flex-end;z-index: 1;}
    .articleMain .sliderBox.forMob .blueBox p:first-child{font-size: 1rem;font-weight: 500;line-height: 1.4rem;}
    .articleMain .sliderBox.forMob .blueBox p:nth-child(2){font-size: .8rem;font-weight: 400;line-height: 1rem;margin-top: .8rem;}
    .articleMain .sliderBox.forMob .blueBox .readMore {border-radius: 7.1rem;background: #F15A24;color: var(--white);font-size: .8rem;letter-spacing: 0.28px;font-weight: 500;padding: .6rem 1.7rem;width: 31%;text-align: center;margin-top: .8rem;}
    .articleMain .sliderBox.forMob .blueBox .mainImg {position: absolute;top: 1.5rem;right: 0;left: 0;width: 70%;height: 50%;object-fit: cover;}
    .articleMain .sliderBox.forMob .whiteBgBox {box-shadow: 2px 4px 10.43736px 0px rgba(0, 0, 0, 0.25);background-color: #fff;width: 73%;height: 100px;position: absolute;top: .3rem;z-index: 0;}

    .videos .mainTitle {font-size: 1.8rem;line-height: 3rem;margin: 0 0 2rem 0;position: relative;}
    .videos .plant {position: absolute;right: 15%;height: 157px;top: -39%;z-index: 11;}

    .modal {padding-top: 4.5rem;}
    .modal-content {width: 50%;}
    .modal-body .flexWrap {flex-wrap: wrap;}
    .modal-content .close svg {width: 2.3rem;height: 2.3rem;}
    .modal-body {padding: 2.5rem 2.5rem 1.5rem;}
    .modal-body .modalTitle {font-size: 1.1rem;margin-bottom: 3.1rem;}
    .modal-body .flexWrap input,.w_45,.modal-body .columnGap94 {width: 100%;}
    .modal-body input{font-size: .8rem;text-align: center;margin-bottom: 1.9rem;font-weight: 300;}
    .modal-body .checkRules label {font-size: 1rem;font-weight: 300;}
    input[type=checkbox] {padding: 1rem;margin-right: 1.4rem;}
    input[type=checkbox]:before {width: 0.3rem;height: 0.6rem;}
    .modal-body .submit {font-size: .8rem;margin-top: 1.6rem;}

    .videos .videoBox .mainImg{height: 140px;}

    .sundaramPartner h2{font-size: 1.8rem;
        font-weight: 500;
        letter-spacing: 0.947px;}
        .sundaramPartner{padding: 30px 0;}
        .sundaramPartner ul{flex-direction: column; grid-gap:20px}
        footer img.posImg{top:31.5%}

        #registerForm .flexWrap .errormsg {bottom: 5px;}
        .checkRules .dFlex .errormsg {left: 40px;bottom: -5px;}
       
        
        .contactUs a:nth-child(2) svg {
            width: 1.8rem;
            height: 1.8rem;
            margin-right: 1.4rem;
        }
}

/* For Mobile */
@media all and (max-width:600px){
    .in_mobile_none {display: none;}
    .in_mobile_block {display: block;}

    /* For Mobile Header with Hamburger Menu Start Point */
    .in_mobile_block.menuBar header {padding: 1.2rem 2.5rem;} /**border-bottom: 1px solid #DEDDD9;**/
    .in_mobile_block.menuBar .personalFinance {padding: 2rem;background: rgba(41, 41, 40, .6);z-index: 11;position: relative;}
    .in_mobile_block.menuBar .personalFinance a span:first-child {color: var(--white);font-size: 1.6rem;line-height: 2.5rem;}
    .in_mobile_block.menuBar .personalFinance a span:last-child {color: #DEDDD9;font-size: 1.6rem;line-height: 2.5rem;}
    .in_mobile_block.menuBar .withBorder::after {content: '';border-right: 1px solid #A0A09B;display: flex;width: 0.1rem;height: 3.4rem;margin-left: 1rem;margin-right: 1rem;}
    .menuBar {position: sticky;top: 0;background: transparent;z-index: 99;}
    .menuBar.forPerFin {position: relative;z-index:11;}
    .menuBar.bgWhite {background-color: #fff;}
    .hamburger {cursor: pointer;}
    .bar {display: block;background-color: #292928;width: 2.5rem;transition: all 300ms ease-in-out;margin-bottom: 0.5rem;height: .2rem;}
    .bar:last-child {margin-bottom: 0;}
    .hamburger.active .bar:nth-child(2) {opacity: 0}
    .hamburger.active .bar:nth-child(1) {transform: translateY(7px) rotate(42deg);}
    .hamburger.active .bar:nth-child(3) {transform: translateY(-8px) rotate(-42deg);}
    .nav-menu {position: fixed;left: -100%;flex-direction: column;background-color: #292928;width: 100%;text-align: center;transition: 1500ms;}
    .nav-menu li a {color: var(--white);font-size: 1.8rem;line-height: 2.8rem;}
    .nav-menu.active {left:0;}
    .nav-menu li {margin-top: 2rem;}
    .nav-menu li:last-child {padding-bottom: 2rem;}
    .nav-link {transition: 400ms ease;}
    /* For Mobile Header with Hamburger Menu End Point */

    .mainBannerMob {padding: .9rem 3rem;background-image: url('https://images.moneycontrol.com/images/ms/sundaram/mobBg.png');background-repeat: no-repeat;height: 100vh;width: 100%;background-size: cover;}
    .mainBannerMob .mainPara {font-size: 1rem;font-weight: 500;color: var(--font-black);line-height: 1.3rem;margin-top: 1.7rem;margin-bottom: 1.7rem;width: calc(98.44% - 1rem);text-align: center;display: flex;justify-content: center;margin: 1.7rem auto;}
    .mainBannerMob .knowMore {border-radius: 4.2rem;background: #F15A24;color: var(--white);font-size: 1rem;letter-spacing: 0.35px;font-weight: 500;padding: 1rem 1.5rem;}

    .articleMain .mainTitle {margin: 0 0 1rem 0;padding-top: 1.8rem;font-size: 1.8rem;line-height: 3rem;}
    .articleMain.main_wrapper {padding: 0 2rem;}
    .articleMain .swiper-button-prev {    height: 2rem;width: 2rem;top: 85%;left: 7%;}
    .articleMain .swiper-button-next {    height: 2rem;width: 2rem;top: 85%;left: 14%;}
    .articleMain .sliderBox.forMob .blueBox {background: #20205C;color: #fff;padding: 0rem 1.6rem 1.6rem 1.8rem;height: 193px;display: flex;flex-direction: column;      justify-content: flex-end;z-index: 1;  width: 100%;}
    .articleMain .sliderBox.forMob .blueBox p:first-child{font-size: 1rem;font-weight: 500;line-height: 1.4rem;}
    .articleMain .sliderBox.forMob .blueBox p:nth-child(2){font-size: .8rem;font-weight: 400;line-height: 1rem;margin-top: .8rem;}
    .articleMain .sliderBox.forMob .blueBox .readMore {border-radius: 7.1rem;background: #F15A24;color: var(--white);font-size: .8rem;letter-spacing: 0.28px;font-weight: 500;padding: .6rem 1.7rem;width: 31%;text-align: center;margin-top: .8rem;}
    .articleMain .sliderBox.forMob .blueBox .mainImg {position: absolute;top: 1.5rem;right: 0;left: 0;width: 87%;height: auto;}
    .articleMain .sliderBox.forMob .whiteBgBox {box-shadow: 2px 4px 10.43736px 0px rgba(0, 0, 0, 0.25);background-color: #fff;width: 92%;height: 100px;position: absolute;top: .3rem;z-index: 0;}

    .videos.main_wrapper {padding: 0 2rem 8.5rem;}
    .videos .videoBox p {font-size: 1.2rem;margin-top: 1.5rem;}     
    .videos .mainTitle {font-size: 1.8rem;line-height: 3rem;margin: 0 0 2rem 0;position: relative;}
    .videos .plant {position: absolute;right: 5%;height: 170px;top: -45%;z-index: 11;}
    .videos .videoBox .playbutton {top: 32%;width: 3.8rem;height: 3.8rem;}

    
    footer .topFooter {background-image: url('https://images.moneycontrol.com/images/ms/sundaram/Mobilefooter.png');background-size: cover;height: 538px;background-repeat: no-repeat;width: 100%;padding-top: 3.2rem;}
    footer .maintopFooter {flex-direction: column-reverse;}
    footer .maintopFooter h1 {padding-top: 2rem;font-size: 1.8rem;font-weight: 500;letter-spacing: 0.947px;}
    footer .maintopFooter .contactUs a span {font-size: 1.1rem;font-weight: 400;letter-spacing: 0.55px;}
    footer .maintopFooter .contactUs a img {width: 1.4rem;height: 1.4rem;margin-right: 1.4rem;}
    footer .topFooter {padding-top: 0;flex-wrap: wrap;display: block;}
    footer .topFooter .lhs p:first-child {font-size: 1rem;line-height: 1.6rem;padding: 2.8rem 2.7rem 3rem 3.3rem;}
    footer .lhs p:nth-child(2) {margin-top: 0;font-size: .8rem;line-height: 1rem;padding: 0 2.7rem 0 3.3rem;}
    footer .lhs .links {padding: 0 2.7rem 2.3rem 3.3rem;}
    footer .lhs .links a {font-size: .8rem;line-height: 1rem;}
    footer .lhs .links a:not(:last-child):after {height: 1rem;border-right: 0.1rem solid var(--white);margin: 0 0.5rem;}
    footer img.posImg {top: 38.3%;width: 43px;height: auto;}
    footer .lhs {width: 100%;font-size: 1rem;line-height: 1.6rem;}
    footer .rhs {width: 100%;text-align: left;padding: 0 2.7rem 2.3rem 3.3rem;}
    footer .rhs h1 {font-size: 1rem;line-height: 1.2rem;font-weight: 500;}
    footer .rhs .socials {flex-direction: row;column-gap: 1.23rem;}
    footer .bottomFooter {padding: 1.1rem 1.1rem 1.3rem 1.6rem;}
    footer .bottomFooter p {font-size: 1.2rem;line-height: 1.7rem;}

    .modal {padding-top: 4.5rem;}
    .modal-body .flexWrap {flex-wrap: wrap;}
    .modal-content {width: 87%;}
    .modal-content .close svg {width: 2.3rem;height: 2.3rem;}
    .modal-body {padding: 2.5rem 2.5rem 1.5rem;}
    .modal-body .modalTitle {font-size: 1.1rem;margin-bottom: 3.1rem;}
    .modal-body .flexWrap input,.w_45,.modal-body .columnGap94 {width: 100%;}
    .modal-body input{font-size: .8rem;text-align: center;margin-bottom: 1.9rem;font-weight: 300;}
    .modal-body .checkRules label {font-size: 1rem;font-weight: 300;}
    input[type=checkbox] {padding: 1rem;margin-right: 1.4rem;}
    input[type=checkbox]:before {width: 0.3rem;height: 0.6rem;}
    .modal-body .submit {font-size: .8rem;margin-top: 1.6rem;}
    footer img.posImg{top:31.5%}
    .modal-body .checkRules {
        margin-top: 1rem;height: 210px;
        overflow: auto;
    }
    .mainBannerMob .mainPara{display: block  ;font-size: 1.3rem;line-height: 1.8rem;}
}