:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --max-width100: 100%;
    --text-left: left;
    --text-center: center;
    --text-right: right;
}
*{box-sizing: border-box;}
body{margin:0;padding:0;font-size:62.5%;font-family: 'Lato', sans-serif;}
.wrapper-container{width:100%; float: left;display: flex; flex-wrap: wrap;overflow-y: hidden;}
.text-left{text-align: var(--text-left);}
.text-center{text-align: var(--text-center);}
.text-right{text-align: var(--text-right);}
.img-responsive{max-width: var(--max-width100); display: block; }
.img-center{margin:0 auto;}
.left-panel{width: 63%;float: left;position: relative; background: url(../../../images/assets/left-bg.png) left top no-repeat; box-shadow: -10px 0 30px inset #ededed; background-size: cover;}
.left-panel:before{background: url(../../../images/assets/left-pan-bg.png) right top no-repeat; content:""; position: absolute; right: 0; top:10%; width: 100%; height: 100%;}
.top-panel{ padding:30px 0 30px 30px; width:100%;}
.left-logo{float:left; width:30%;}
.tag-line{background-color: #ff2e63; display: inline-block; padding: 10px 30px 10px 20px; color: #fff; font-size: 20px;float:right;}
.right-panel{width: 37%;float:right; padding: 30px 44px 20px 55px;}
.heading1{margin:0; padding: 10px 0 0; font-size: 24px;font-weight: 400;}
.heading2{margin:0; padding: 0 0 10px 0; font-size: 19px;font-weight: 400;}
.services-icons{ float: left; width: 60%;height: 80%;position: relative;clear:both;color:#fff; font-size: 22px;;}
.services-icons img{ display: block; max-width: 100%; width: 30%; margin: 0 auto; padding-top: 22%;}
.services-icons a{text-decoration: none; color:#fff}
.services-icons h5{ line-height: normal; margin:0; padding:10px 0 0 0; font-weight: 300}
.serices-portal{ background: url(../../../images/assets/Shape-2.png) left top no-repeat; background-size: 100%; width: 150px; height: 150px; text-align: center;position: absolute; left: 40px; top:14%;}
.service-mobile-app{background: url(../../../images/assets/Shape-2.png) left top no-repeat; background-size: 100%; width: 150px; height: 150px; text-align: center;position: absolute;left: 70%; top:20%}
.service-online-classes{background: url(../../../images/assets/Shape-2.png) left top no-repeat; background-size: 100%; width: 150px; height: 150px; text-align: center;position: absolute;left: 94%; top:65%;}
.footer-section{float: left;width:100%; position: relative;}
.footer-section ul{margin-top:13px;}
.footer-section li{display: inline; padding: 0 10px; list-style: none;}
.footer-section li a{text-decoration: none; color: #ec2f5f; font-size: 18px; padding: 10px 0;}
.footer-section li a:hover{ text-decoration: underline;}
.store-position{margin:10px 0 0 0; padding-right: 25px; text-align: right;}
.outer-fdiv{padding: 5px 0 5px 0;box-sizing: content-box;    width: 100%;display: block;outline: none;-webkit-user-select: none;-webkit-tap-highlight-color: transparent;}
.inner-fdiv{height: 46px;padding-top: 0; width:100%;   -webkit-box-sizing: inherit;box-sizing: inherit;position: relative;vertical-align: top; display: flex;}
.frow-div{direction: ltr;text-align: left;-webkit-align-items: center;align-items: center;position: static;top: 0;box-sizing: inherit;width:100%; }
.even-frow{box-sizing: inherit;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-flex: 1;box-flex: 1;-webkit-flex-grow: 1;flex-grow: 1;-webkit-flex-shrink: 1;flex-shrink: 1;min-width: 0%;position: relative; border-radius: 4px; height: 46px;width:100%;}
.form-control{-webkit-border-radius: 4px;border-radius: 4px; -webkit-box-flex: 1;box-flex: 1;-webkit-flex-grow: 1;flex-grow: 1;-webkit-flex-shrink: 1;flex-shrink: 1;background-color: transparent;border: none;display: block;font: 400 16px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;height: 44px;line-height: 44px;margin: 0;min-width: 0%;outline: none;padding: 0;z-index: 0;    color: #676767;font-size: 16px;margin: 1px 1px 0 1px;z-index: 1;padding: 13px 15px;border:1px solid #ccc;}
.textlabel{direction: ltr;background: #fff;bottom: 12px;-webkit-box-sizing: border-box;box-sizing: border-box;color: #5f6368;font-size: 16px;font-weight: 400;left: 8px;max-width: -webkit-calc(100% - (2*8px));max-width: calc(100% - (2*8px));overflow: hidden;padding: 0 8px;text-overflow: ellipsis;-webkit-transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);white-space: nowrap;width: auto;z-index: 1;pointer-events: none;position: absolute;text-align: left;}
.hightlight-row{border:1px solid #ff527e;}
.form-control:not([disabled]):focus~.textlabel {color: #ff527e;left:0;}
.form-control:not([disabled]):focus~.textlabel, .form-control[badinput="true"]~.textlabel {    -webkit-transform: scale(.75) translateY(-39px);transform: scale(.75) translateY(-29px);direction: ltr;}
.snByac {background: #fff;bottom: 12px;-webkit-box-sizing: border-box;box-sizing: border-box;color: #ff527e;left:0;font-size: 16px;font-weight: 400;max-width: -webkit-calc(100% - (2*8px));max-width: calc(100% - (2*8px));overflow: hidden;padding: 0 8px;text-overflow: ellipsis;-webkit-transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);white-space: nowrap;width: auto;z-index: 1;}
.outer-fdiv input[type="submit"], .outer-fdiv input[type="button"]{margin:0 0 15px 0;border:0;background: #4b4b4b; padding:10px 0px; width:100%; font-size:20px; color:#fff; border-radius: 4px;cursor: pointer;}
.div-50{width: 50%;float:left;}
.outer-fdiv a{color:#ff235b; font-size:20px; }
.outer-fdiv a:hover{text-decoration: none;}
.company-address{ padding:50px 0 40px 0;color:#252525; font-size: 16px;}
.company-address h2{font-size: 22px;margin-top: 15px;}
.company-address a{color:#252525; text-decoration: none; padding:0 10px; }
.company-address a:hover, .company-address a i{color:#ff235b;}
.timeing{font-size: 18px; padding-top:10px}
.credit a{color: #ccc; text-decoration: none;}
.outer-fdiv h3{font-size:21px; font-weight: 400; margin:0; padding:0;color:#ff235b;}
.outer-fdiv p{font-size: 18px; padding:5px 0; margin: 0;}
.email-icon{background: url(../../../images/assets/email.png) 96% 12px no-repeat; }
.lock-icon{background: url(../../../images/assets/lock.png) 96% 12px no-repeat;} 
/*Responsive Css start here*/
span.error {font-size: 14px;padding: 6px 0 8px;overflow: hidden;color: #ff6e93;display: none;}
.error-msg{color:#ff235b; background-color: #f7e0d8; font-size: 15px; padding: 10px 15px; border-radius: 4px; margin-bottom: 10px; display: none;}
.error-msg-show{display:block !important;}
@media(max-width: 1380px){
    .right-panel{padding: 30px 44px 40px 44px;height:100vh;}
    .service-online-classes{left:80%}
    .service-mobile-app{left:60%;}.footer-section ul{margin-top:18px;}
}
@media(max-width: 1170px){
    .right-panel{padding: 30px 24px 30px 24px;}
    .services-icons{width:75%;}
    .left-panel{overflow: hidden;}
    .left-panel:before{background-size: 80%;width: 80%;height: 80%;}
}
@media(max-width: 1100px){
    .right-panel{padding: 30px;}
    .phone-email span {white-space: nowrap;}
}
@media(max-width: 990px){
    .right-panel {padding: 30px 10px;}
    .left-panel{ background-position: 20% top;}
    .serices-portal{left: 0px;top: 6%;}
    .service-mobile-app{left:50%;}
    .service-online-classes{left:84%;}
    .tag-line{    padding: 10px 2% 10px 2%;font-size: 18px;}
    .footer-section ul {margin-top: 30px;margin-left: 10px;padding: 0;}
    .div-50.store-position img {max-width: 100%;width: 48%;margin-top: 10px;}
}
@media(max-width: 767px){
    .left-panel{display: none;}
    .right-panel{width: 100%; padding: 10px 20px;}
}
@media(max-width: 450px){
    .company-address{padding: 30px 0 30px 0;}
    .outer-fdiv input[type="submit"], .outer-fdiv input[type="button"]{width:100%;padding: 14px 60px;}
}
@media(max-width: 359px){
    /* .div-50{ width:100%; text-align: center !important;} */
    .outer-fdiv input[type="submit"], .outer-fdiv input[type="button"]{margin-bottom: 0;}
    .outer-fdiv a{line-height: 24px; display: inline-block; margin: 5px 0; font-size:16px;}
}