@charset "utf-8";
/* CSS Document */
@media all{

:root {
     --circle-btn-bg: #0e0885;
     --circle-btn-text: #ffffff;
     --circle-btn-speed: 0.3s;
     --circle-btn-half-speed: 0.15s;
     --circle-ease-out: cubic-bezier(0.61, 1, 0.88, 1);
     --circle-ease-in: cubic-bezier(0.12, 0, 0.39, 0);

     --primary-clr: #0e0885;
     --hover-clr: #150e9b;

     --color-cement: #c7c6bb;
     --color-off-white: #faf9f8;
}

/* @font-face {
     font-family:'Untitled Sans';
     src:url('../fonts/UntitledSans-Regular.woff2') format('woff2'),
          url('../fonts/UntitledSans-Regular.woff') format('woff');
     font-weight:normal;
     font-style:normal;
     font-display:swap;
}
 */

@font-face {
  font-family: 'Untitled Sans';
  src: url('https://assets.website-files.com/60e37ab3f174025f7b03e067/60f07155403509f5313349bc_Untitled%20Sans%20Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Untitled sans';
  src: url('https://assets.website-files.com/60e37ab3f174025f7b03e067/60f07155a120241121f250be_Untitled%20Sans%20Regular%20Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Untitledseriftest';
  src: url('https://assets.website-files.com/60e37ab3f174025f7b03e067/60f071669bec1946af026eef_UntitledSerifTest-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Untitledseriftest';
  src: url('https://assets.website-files.com/60e37ab3f174025f7b03e067/60f071660c35ad485313e7a7_UntitledSerifTest-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'onxdiatype';
  src: url('../fonts/onxdiatype-light.woff') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'onxdiatype';
  src: url('../fonts/onxdiatype-regular.woff') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'onxdiatype';
  src: url('../fonts/onxdiatype-bold.woff2') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }

figure,h1,h2,h3,h4,p{padding:0;margin:0}h4,ol,ul,ul ul{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0}:focus,body a,body a:active,input[type=text]:focus,textarea:focus{outline:0}article,aside,dialog,figure,footer,header,hgroup,nav,ol,p,section{display:block}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,command,datalist,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,source,span,strike,strong,sub,sup{outline:0;vertical-align:baseline}figure,p{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}ol{list-style-type:decimal}a img,img{vertical-align:middle}a img{border:0}body a:focus{-mos-outline-style:none;outline:0}body:-moz-any-link:focus{outline:0}::-moz-selection{background:#000;color:#fff}::selection{background:#000;color:#fff}

html {-webkit-text-size-adjust:none;}
div{vertical-align:top;}
img{max-width:100%;}
a{cursor:pointer; text-decoration:none;  transition:all 0.5s ease;}
a:hover, a:focus{text-decoration:none;}
html {-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;background: #fafafa;}
html {position:relative; min-height:100%;}
aside, .right-side, .navbar-collapse{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;}
button:focus {outline:0px dotted; outline:0px auto -webkit-focus-ring-color;}
.btn.focus, .btn:focus {outline:0; box-shadow:0 0 0 0rem rgb(0 123 255 / 25%);}

/*Typekit*/
.container{max-width:1170px;}
html, body{font-family: 'onxdiatype'; font-weight: 400; font-size:16px;color:#333333;line-height:25px;padding:0px;margin:0px;}
p{margin-bottom:25px}

select, input{font-family: 'onxdiatype'; font-weight:300;}

div p:last-child{margin-bottom:0px;}
.form-control:focus{box-shadow:0 0 0 0rem rgba(0,123,255,.25);}
.row:before, .row:after {display:none !important;}

h1, h2, h3, h4, h5, h6{font-family: 'onxdiatype'; margin-bottom:20px; font-weight:700; color:var(--primary-clr);}
h1{font-size:30px;}
h2{font-size:26px;}
h3{font-size:22px;}
h4{font-size:19px;}
h5{font-size:17px;}
h6{font-size:15px;}

/*Typekit END*/

/* Button Animation  Start*/
.reveal-circle {position: relative; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black);}
.reveal-circle:hover {color: var(--circle-btn-text); background-color: var(--circle-btn-bg); transition: background-color 0.0s linear var(--circle-btn-speed);}
.reveal-circle::after {pointer-events: none; background-color: var(--circle-btn-bg); transform: translateY(5em); content: ""; z-index: -1; position: absolute; width: 100%; padding-top:100%;left:0%;top:0%;right:0%; bottom: auto;border-radius: 50%; transition: border-radius var(--circle-btn-half-speed) var(--circle-ease-in) 0.0s, transform var(--circle-btn-speed) var(--circle-ease-in);}
.reveal-circle:hover::after {border-radius:0%; transform:translateY(0em); transition:border-radius var(--circle-btn-half-speed) var(--circle-ease-out) var(--circle-btn-half-speed), transform var(--circle-btn-speed) var(--circle-ease-out);}
/* Button Animation End*/


/* LOGIN PAGE */
.login-main{float:left; width:100%; height:100vh; background: var(--primary-clr); display:flex; align-items:center;}
.login-form{max-width:420px; margin:0 auto; width:100%; padding:40px; border-radius:10px; background-color:#ffffff; box-shadow:0px 0px 34.8px 5.2px rgba(0, 0, 0, 0.16);}

.login-form figure{margin-bottom:20px;}
.login-logo img{max-height:70px;}
.login-form h1{margin-bottom:50px;}

.login-form .alert{margin-bottom: 40px;}
.forgot-modal .alert{margin-bottom: 40px;}

.anim-field {position:relative;height:45px;margin-bottom:35px;}
.anim-field label {position: absolute; cursor: text; transform: translateY(-35px); transition: transform 0.3s ease; left: 0; bottom: -15px;  font-size:16px; color:#464646;}
.anim-field input {width:100%;border:0;outline:0;padding:0px 0px 10px 0px;border-bottom:2px solid #dee0e0;box-shadow:none;font-size:16px;color:#464646;transition:all 0.5s ease;}
.animation label {transform: translateY(-60px); font-size: 14px;}
.animation-color label {color: var(--primary-clr);}

.forgot-link a{color:#888888; text-decoration:none;}
.forgot-link a:hover{color:var(--primary-clr);}

.login-btn{text-align:center; margin-top:15px;}
.btn-danger{border:0px;border-radius:0px;/* font-family:'Nunito', sans-serif; */font-weight:400;height:40px;padding:0px 25px; line-height: 40px;}
.btn-warning{border:0px;border-radius:0px;/* font-family:'Nunito', sans-serif; */font-weight:400;height:40px;padding:0px 25px; line-height: 40px;}
.btn-warning:hover{background:#ffca2cb0;}

.btn-primary{background:var(--primary-clr);color:#ffffff;border:0px;border-radius:0px;/* font-family:'Nunito', sans-serif; */ font-weight:400;height:40px;padding:0px 25px; line-height: 40px;}
.btn-primary:hover{background:var(--hover-clr);}
.btn-check:focus+.btn-primary, .btn-primary:focus{background-color:var(--primary-clr); border-color:var(--primary-clr); box-shadow:0 0 0 0rem var(--primary-clr);}

.forgot-modal .modal-content{max-width:420px; margin:0 auto; width:100%; padding:20px; border-radius:10px; background-color:#ffffff; box-shadow:0px 0px 34.8px 5.2px rgba(0, 0, 0, 0.16); border: 0px;}
.forgot-modal .btn-close{position: absolute; right: 0; top: 0; background-color: var(--primary-clr); border-radius: 0px 8px 0px 10px; padding: 10px 13px 12px 10px; color: #000000;}

.help-field{text-align: center;}
.help-field label{font-size: 16px;}
.help-field p a{color: var(--primary-clr); font-size: 16px;}

.or-sap{position: relative;border-bottom: solid 1px #dee0e0;text-align: center;padding: 10px 0px 0px 0px;margin-bottom: 30px;}
.or-sap span{background: #ffffff;position: relative;bottom: -12px;width: 60px;display: inline-block;font-weight: 600;}

.divInner{
  left: 0;
  position: sticky;
}

.divOuter{
  width: 190px; 
  overflow: hidden;
  margin: 0 auto;
}
#otp {
  padding-left: 15px;
  letter-spacing: 40px;
  border: 0;
  background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 50px 1px;
  background-repeat: repeat-x;
  background-position-x: 35px;
  width: 220px;
  min-width: 220px;
}
.resend-otp{font-weight: 300;}

/* LOGIN PAGE END */

.main-content{width:100%;display:flex;  /* height:100%;*/ float:left;}

.left-navigation{border-right:solid 1px #f2f2f2;background:#ffffff;width:350px;display:flex;flex-direction:column;float:left;}
.brand-logo{float:left;width:100%;padding:30px 130px 25px 70px;}
.ad-section{float:left; width:100%; padding:40px 0px 35px 70px;}
.left-navigation nav{float:left; width:100%;}
.left-navigation nav ul{list-style:none; padding:0px; margin:0px;}
.left-navigation nav ul li{float:left; width:100%;}
.left-navigation nav ul li a{float:left; width:100%; padding:12px 0px 12px 70px; color:#353535; position:relative;}
.left-navigation nav ul li a:hover,
.left-navigation nav ul li.active a{background:#fafafa; color:var(--primary-clr);}
.left-navigation nav ul li a:hover:after,
.left-navigation nav ul li.active a:after{content:''; width:4px; height:100%; background:var(--primary-clr); position:absolute; top:0px; right:0px;}

.right-content{background:#fafafa;display:flex;width:calc(100% - 350px);flex-direction:column; border-left:solid 1px #f2f2f2; position:relative; left:-1px;}
.white-line-bg{/* background:url('../images/white-line.png') no-repeat right bottom; */ padding:40px; display:flex; flex-direction:column;}

.top-search-panel{margin-bottom:20px; display:flex; justify-content:flex-end;}

.logout-link{float:left;}
.logout{border:solid 1px var(--primary-clr);border-radius:10px;color:var(--primary-clr);padding:10px 15px;float:left;}
.logout img{max-width:14px;margin-left:5px;}
.logout:hover{background:var(--primary-clr); color:#ffffff;}
.logout:hover img{filter:invert(99%) sepia(6%) saturate(146%) hue-rotate(255deg) brightness(255%) contrast(255%);}

.weather-info{float:right;width:366px;margin-right:0;height:47px;margin-top:-25px;}
.search-bar{flex:1; margin-right:18px; background:#ffffff; border-radius:12px; max-height:47px;}
.search-btn{width:54px;float:left;background:url('../images/search-btn.png') no-repeat center;border:0px;text-indent:-9999px;height:100%;padding-right:0;background-size:20px;}
.search-bar .form-control{float:left;width:calc(100% - 70px);border:0;border-radius:0px;height:100%;padding-left:0;}
.search-bar ::-webkit-input-placeholder { color:#969696;}
.search-bar :-ms-input-placeholder {color:#969696;}
.search-bar ::placeholder {color:#969696;}

.hero-banner{float:left; width:100%; border-radius:10px; overflow:hidden; position:relative;}
.hero-banner img{width:100%;}
.hero-caption{position:absolute;top:0px;left:0px;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;}
.hero-caption h3{color:#686868; padding-left:30px; margin-bottom:15px; font-weight: 400;}
.hero-caption h1{background:url('../images/heading-bg.png') no-repeat left center; color:#ffffff; padding:6px 0px 6px 30px; font-size:36px;}


.dashboard-section{margin-top:30px; float:left; width:100%;}
.dashboard-section h4{color:#333333;}
.rs-profile{border-radius:10px; background:#ffffff; box-shadow:0.087px 0.996px 0.99px 0.01px rgba(113, 113, 113, 0.21); padding:25px; position:relative; height:100%;}

.profile-hd{margin-bottom:30px;}
.rs-profile h3{color:#333333; font-weight:400;}

.update-btn-grp{position:absolute; bottom:30px; right:30px;}

.update-icon-link{background:var(--primary-clr);width:29px;height:29px;text-align:center; border-radius:5px;line-height:25px;float:left; margin-right:5px;}
.update-icon-link img{max-width:16px;margin-left:2px;}
.update-icon-link:hover{background:#333333;}
.update-link{color:#333333; background:#fafafa;border-radius:5px;padding:1px 10px 3px 10px;float:left; font-weight: 300;}
.update-link:hover{background:var(--primary-clr); color:#ffffff;}

.profile-info{display:flex;}
.profile-info figure{ float:left; width:184px; height:184px; overflow:hidden; border-radius:50%; border:solid 1px var(--primary-clr); margin-right:40px; display: flex; align-items: center; justify-content: center;}
/* .profile-info figure img{height: 100%; object-fit: cover;} */

.about-user{flex:1;}
.about-user h2{padding-left:0px;}
.about-user ul{list-style:none; padding:0px; margin:0px;}
.about-user ul li{padding-left:35px;position:relative;float:left;width:100%;margin-bottom:10px;}
.about-user ul li a{color:#353535; line-height: 20px; display: inline-block;}
.about-user ul li a:hover{color:var(--primary-clr)}

.location-icon:before{content:''; width:40px;background:url('../images/location-icon.png') no-repeat left 2px;position:absolute;top:0px;left:0px;height:40px;background-size:18px;}
.phone-icon:before{content:'';width:40px;background: url('../images/phone-icon.png') no-repeat 2px 2px;position:absolute;top:0px;left:0px;height:40px;background-size:15px;}
.email-icon:before{content:'';width:40px;background: url('../images/email-icon.png') no-repeat left 9px;position:absolute;top:0px;left:0px;height:40px;background-size:19px;}

.line-icon{padding-bottom:95px; /* height: auto; */}
/* .line-icon:after{content:''; background:url('../images/blue-line.png') no-repeat left bottom; position:absolute; width:87px; height:119px; left:0px; bottom:0px; opacity:0.1;} */

.home-care{float:left; width:100%;}
/* .home-care h2{font-weight:bold;} */
.home-care p{margin-bottom: 10px;}
.home-care a{color: var(--primary-clr);}
.home-care ul, .home-care ol{margin-left: 17px;}
.home-care ul li, .home-care ol li{margin-bottom: 10px;}
.home-care ul li:last-child, .home-care ol li:last-child{margin-bottom: 0px;}

.profile-slider{border-radius:10px; padding-bottom:40px;}
.profile-slider .swiper-slide img{border-radius:10px;}

.swiper-pagination-bullet-active{background:var(--primary-clr);}

.footer{background:#2d283a; float:left; width:100%; font-weight:300;
  background-color: var(--color-cement);
  color: var(--color-off-white);
}
.footer .container{max-width: 1400px;}
.footer-top{float:left; width:100%;}
.footer-top h3{color:#ffffff; padding:40px 0px; margin:0px; font-family:'Nunito', sans-serif;}
.footer-col{display:flex; justify-content:space-between; padding:35px 0px; }

.f-widget{display:flex;}
.f-email,
.f-phone,
.f-clock{float:left;margin-right:15px;align-items: flex-start;display:flex;padding-top: 5px;}

.f-widget a:hover,
.footer-bottom a:hover{color:#d1d1d1;
  opacity: .7;
  color: var(--color-off-white);
}

.f-email img{width:38px;}
.f-phone img{width:20px;}
.f-clock img{width:33px;}
.f-info{flex:1;}
.f-info h4{color:#ffffff; margin-bottom:5px; /* font-family:'Nunito', sans-serif; */ font-weight:300;}
.f-info p{color:#ffffff;}
.f-info p a{color:#ffffff;}

.footer-bottom{float:left; width:100%; padding:20px 50px; text-align:center; /* font-family:'Nunito', sans-serif; */ border-top:solid 1px var(--color-off-white);}
.footer-bottom a{font-size:14px; color:#ffffff; margin:0px 20px;}
.footer-bottom a:first-child{margin-left:0px;}
.footer-bottom p{display:inline-block; font-size:14px; color:#ffffff; margin-left:20px;}

.wap-hide{display:none;}
.nav-hide{display:none;}


/* ---  PROFILE PAGE  --- */
.profile-main{float:left; width:100%;}
.profile-main h1{color:#333333; font-size:20px;}
.profile-main h3{color:#333333;}
.profile-main .accordion-item{margin-bottom:20px; background:transparent; border:0px;}
.profile-main .accordion-body{padding:0px; display:flex; flex-direction:column;}
.profile-main .accordion-button{border:0px; font-size:22px; padding-left:0px;}
.profile-main .accordion-button:not(.collapsed){box-shadow:inset 0 0px 0 rgb(0 0 0 / 13%); background-color:transparent; color:#333333; outline:0px;}
.profile-main .accordion-button.collapsed{ border:solid 1px #e6e6e6; border-radius:10px!important; box-shadow:0.087px 0.996px 0.99px 0.01px rgba(113, 113, 113, 0.21); color:var(--primary-clr); padding-left:10px; outline:0px;font-weight: 700;}

.community-tag{float:left; width:100%;}
.community-tag p{float:left; padding:10px 15px; border-radius:10px; background-color:rgb(255, 255, 255); box-shadow:0.087px 0.996px 0.99px 0.01px rgba(113, 113, 113, 0.21); color:#606060; border:solid 1px #e6e6e6; font-weight: 300;}
.community-tag p strong{color:#333333; padding-right:5px; font-weight: 400;}

/* .profile-form{float:left; width:100%;} */
.profile-form .row.small-g{margin-left:-5px; margin-right:-5px;}
.profile-form .row.small-g .col-md-4{padding-left:5px; padding-right:5px;}

.profile-fg{display:flex; flex-direction:column; padding:15px; margin-top:10px; border-radius:10px; background-color:rgb(255, 255, 255); box-shadow:0.087px 0.996px 0.99px 0.01px rgba(113, 113, 113, 0.21); color:#333333; border:solid 1px #e6e6e6}
.profile-fg h5{color:#333333; font-weight:400;}

.pro-pic{ float:left; width:134px; height:134px; border-radius:50%; overflow:hidden; border:solid 1px var(--primary-clr); position:relative; display: flex; align-items: center; justify-content: center;}
.attached-image{position:absolute;bottom:10px;width:36px;height:36px;background:var(--primary-clr);border:solid 1px #ffffff;text-align:center;left:102px;border-radius:30px;line-height:32px;}
.profile-photo{position:relative; display:flex; align-items:flex-end;}

.chose-img{float:left;margin-left:30px;font-size:14px;line-height:22px;margin-bottom:10px;}
.chose-img span{font-size:18px;}

.profile-field{position:relative;height:39px;margin-bottom:25px;}
.profile-field label {position:absolute;top:6px;left:0;width:100%; transition:0.2s all; cursor:text;  font-size:14px; color:#464646;}
.profile-field input {width:100%;border:0;outline:0;padding:7px 0px 5px 0px;border-bottom:1px solid #878787;box-shadow:none;font-size:16px; font-weight: 300; color:#464646;transition:all 0.5s ease;}

.profile-field input:focus{border-color:var(--primary-clr); transition:all 0.5s ease;}
.profile-field input:focus~label,
.profile-field input:valid~label, .profile-field input:disabled~label{font-size:14px;top:-18px;color:var(--primary-clr); transition:all 0.5s ease;}

.profile-field input:disabled{ opacity: 0.5; cursor: not-allowed;  }
.profile-field .bootstrap-select.disabled{ opacity: 0.5; cursor: not-allowed;  }

.contact-field {position:relative;height:45px;margin-bottom:30px;}
.contact-field label {position: absolute; cursor: text; transform: translateY(-35px); transition: transform 0.3s ease; left: 0; bottom: -15px; font-size:14px; color:#464646;}
.contact-field input {width:100%;border:0;outline:0;padding:0px 0px 10px 0px;border-bottom:1px solid #878787;box-shadow:none;font-size:16px;color:#464646;transition:all 0.5s ease;}
.animation label {transform: translateY(-60px); font-size: 14px;}
.animation-color label {color: var(--primary-clr);}

.textaera-anim{height:130px;}
.textaera-anim label{transform: translateY(-120px);}
.contact-field textarea {width:100%;border:0;outline:0;padding:0px 0px 10px 0px;border-bottom:1px solid #878787;box-shadow:none;font-size:16px;color:#464646;transition:all 0.5s ease; height:130px; resize: none; border-radius: 0px;}
.textaera-anim.animation label {transform: translateY(-150px); font-size: 14px;}

.bottom-border{border:0px; border-bottom:1px solid #878787; border-radius:0px; padding-left:0px;}
.form-select:focus {border-color:var(--primary-clr);outline:0;box-shadow:0 0 0 0rem rgb(13 110 253 / 25%);}

.add-height{height:317px;}
.hobbi-fields .form-control{border:solid 1px #e3e3e3; flex:1; font-weight: 300;} 
.hobbi-fields .form-control:focus{border:solid 1px var(--primary-clr)} 

.hobbi-fields {display:flex;}
.add-more, .add-more:hover{float:left;width:30px;height:38px;background:var(--primary-clr);margin-left:10px;border-radius:4px;text-align:center;line-height:37px;color:#ffffff;font-weight:bold;font-size:24px;}
.remove-more, .remove-more:hover{float:left;width:30px;height:38px;background:#dc3545;margin-left:10px;border-radius:4px;text-align:center;line-height:37px;color:#ffffff;font-weight:bold;font-size:24px;}
.right-remove{position: absolute;top: 19px;right: 45px;width: 24px!important;height: 24px!important;line-height: 24px!important;}


/* CUSTOM RADIO and checkbox BUTTON */
.custom-radio {float:left;position:relative;padding-left:30px;cursor:pointer;font-size:14px; font-weight: 300; user-select:none;line-height:20px;margin-right:15px;}
.custom-radio input {position:absolute;opacity:0;cursor:pointer;}
.checkmark {position:absolute;top:0;left:0;height:20px; width:20px; background-color:#f2f2f2;border-radius:50%;}
.custom-radio input:checked ~ .checkmark {background-color:#f2f2f2;}
.checkmark:after {content:"";position:absolute;display:none;}
.custom-radio input:checked ~ .checkmark:after {display:block;}
.custom-radio .checkmark:after {top:5px;left:6px;width:9px;height:9px;border-radius:50%;background:var(--primary-clr);}

.custom-check {float:left;position:relative;padding-left:30px; line-height:20px; cursor:pointer;font-size:14px; font-weight: 300; padding-top:0px!important; user-select:none; margin-right:15px;}
.custom-check input {position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.checkbox {position:absolute;top:0;left:0;height:20px;width:20px;background-color:#f2f2f2;}
.custom-check input:checked ~ .checkbox {background-color:var(--primary-clr);}
.checkbox:after {content:"";position:absolute;display:none;}
.custom-check input:checked ~ .checkbox:after {display:block;}
.custom-check .checkbox:after {left:8px;top:3px;width:5px;height:11px;border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
/* CUSTOM RADIO and checkbox BUTTON */

.help-banner{float:left; width:100%; margin-bottom:30px; border-radius:10px; overflow:hidden;}
.help-banner img{width:100%;}

.hn-main{float:left; width:100%;}
.hn-tabs{float:left; width:100%; margin-bottom:20px;}
.hn-tabs h1{color:#333333; font-size:20px;}

.hn-tabs-slider{width:94%; margin:0 auto;}
.hn-tabs-slider .swiper-slide {width:auto;}
.hn-tabs-slider .swiper-slide a{background:var(--primary-clr); border-radius:6px; color:#ffffff; padding:5px 15px; float:left;}
.hn-tabs-slider .swiper-slide a:hover,
.hn-tabs-slider .swiper-slide a.active{background:#a3a3a3;}

.swiper-button-prev2{left:0px; top:61px;width:22px;background:#ffffff;border:solid 1px #a3a3a3;border-radius:4px;}
.swiper-button-next2{right:0px;top:61px;width:22px;background:#ffffff;border:solid 1px #a3a3a3;border-radius:4px;}
.swiper-button-prev2:after,
.swiper-button-next2:after{font-size:14px; color:#a3a3a3}

.hn-list{float:left; width:100%; margin-bottom:15px; }
.hn-list h3{color:#333333; padding-left:10px; margin-bottom:10px; font-weight: bold;}
.hn-group{display:flex; flex-direction:column; min-height:265px; padding:15px; margin-bottom:10px; border-radius:10px; background-color:rgb(255, 255, 255); box-shadow:0.087px 0.996px 0.99px 0.01px rgba(113, 113, 113, 0.21); color:#606060; border:solid 1px #e6e6e6}

.hn-logo{display:flex; align-items:flex-end; margin-bottom:15px; }
.hn-logo figure{float:left;width:90px;height:90px;margin-right:15px;padding:5px 15px;border-radius:10px;background-color:rgb(255, 255, 255);color:#606060;border:solid 1px #e6e6e6;display:flex;align-items:center;}
.hn-logo h4{font-weight:400; margin-bottom:0px; flex:1;}
.hn-group ul{list-style:none; padding:0px; margin:0px;}
.hn-group ul li{padding-left:30px;position:relative;float:left;width:100%;margin-bottom:10px; color:#353535;word-break: break-all;}
.hn-group ul li a{color:#353535;}
.hn-group ul li a:hover{color:var(--primary-clr)}

.location:before{content:''; width:40px;background:url('../images/location-icon.png') no-repeat left 2px;position:absolute;top:0px;left:0px;height:40px;background-size:15px;}
.phone:before{content:'';width:40px;background:url('../images/phone-icon.png') no-repeat 2px 2px;position:absolute;top:0px;left:0px;height:40px;background-size:12px;}
.web:before{content:'';width:40px;background:url('../images/web-link.png') no-repeat left 4px;position:absolute;top:0px;left:0px;height:40px;background-size:19px;}
.email:before{content:'';width:40px;background:url('../images/email-icon.png') no-repeat left 6px;position:absolute;top:0px;left:0px;height:40px;background-size:19px;}

.hn-list .row{margin-left:-5px; margin-right:-5px;}
.hn-list .row .col-md-4{padding-left:5px; padding-right:5px;}

.service-request{float:left; width:100%;}
.service-request h1{color:#333333; font-size:20px;}
.service-form{float:left; width:100%; max-width:600px; padding:15px; margin-top:10px; border-radius:10px; background-color:rgb(255, 255, 255); box-shadow:0.087px 0.996px 0.99px 0.01px rgba(113, 113, 113, 0.21); color:#606060; border:solid 1px #e6e6e6}

.zs-fg{float:left; width:100%; margin-bottom:10px;}
.zs-fg label{float:left; width:100%; padding-top:5px; margin-bottom:5px;}
.zs-fg .zs-field{float:left; width:100%;}
.zs-fg .zs-field textarea{height: 100px; font-weight:300;}
.zs-fg .zs-field input.form-control,
.zs-fg .zs-field span.form-control{height:40px;}
.zs-fg .zs-field select.form-select{height:28px;}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {font-weight: 300;}

.at-padding{padding-top:10px;}

.saling{padding-top:2px; padding-bottom:14px; padding-right:28px;}
.form-select.saling{background-position:right 0.45rem;}

.onx-home{float:left; width:100%;}
.onx-home h1{color:#333333; font-size:24px;}

.warranty-main{ border:solid 1px #e6e6e6;border-radius:10px;box-shadow:0.087px 0.996px 0.99px 0.01px rgba(113, 113, 113, 0.21);background:#ffffff; padding:25px 15px;}
.warranty-main h3{color:#333333; font-weight:400;}
.warranty-user ul{list-style:none; padding:0px; margin:0px;}
.warranty-user ul li{padding-left: 30px;position:relative;float:left;width:100%;margin-bottom: 10px;}
.warranty-user ul li a{color:#353535; display: inline-block; line-height: 20px;}
.warranty-user ul li a:hover{color:var(--primary-clr)}
.warranty-user .location-icon:before{content:'';width:40px;background: url('../images/location-icon.png') no-repeat left 2px;position:absolute;top:0px;left:0px;height:40px;background-size:18px;}
.warranty-user .phone-icon:before{content:'';width:40px;background:url('../images/phone-icon.png') no-repeat 2px 2px;position:absolute;top:0px;left:0px;height:40px;background-size:15px;}
.warranty-user .email-icon:before{content:'';width:40px;background: url('../images/email-icon.png') no-repeat left 7px;position:absolute;top:0px;left:0px;height:40px;background-size:19px;}

.wa-info h4{margin-bottom:10px;}
.wa-info h2{font-weight:700;}
.w-date{border:solid 1px #c4c9ca; border-radius:5px; background:#f7f7f7; color:#353535; float:left;}
.w-date span{border-right:solid 1px #c4c9ca; width:50px; float:left; text-align:center; padding:5px 10px;}
.w-date span + span + span{width:90px; border:0px;}

.download-policy{float:left;width:100%;margin:25px 0px 15px 0px;}
.download-policy a{color:var(--primary-clr);/* font-family:'Nunito', sans-serif; */font-weight:300;font-size:18px;}
.download-policy a .dicon{display:inline-block;width:30px;height:30px;background:var(--primary-clr);text-align:center;line-height:28px;margin-right:10px;}
.download-policy a .dicon img{width:18px;}
.download-policy a:hover .dicon{background:var(--primary-clr);}

.additional-warranty{float:left; width:100%;}
.additional-warranty p{font-size:16px;color:#353535;}
.additional-warranty a{background:var(--primary-clr); border-radius:6px; color:#ffffff; padding:3px 8px; display: inline-flex;}
.additional-warranty a:hover{background:var(--primary-clr);}

.left-divider{border-left:solid 1px #c4c9ca; padding-left:30px;}

.mt-main{float:left; width:100%; margin-top:25px;}
.mt-main h2{color:#333333;}
.coman-slider{float:left; width:100%;}
.mt-main .coman-slider img{margin-top:6px; margin-bottom: 6px;}

.warranty-slider{border-radius:10px; padding-bottom:40px;}
.warranty-slider .swiper-slide img{border-radius:10px;}
.warranty-slider h2{color:var(--primary-clr); font-weight:bold; margin-bottom: 0px; padding-bottom: 20px;}
.warranty-slider .swiper-slide{ padding:15px; border:solid 1px #e6e6e6;border-radius:10px;box-shadow:0.087px 0.996px 0.99px 0.01px rgba(113, 113, 113, 0.21);background:#ffffff; height: auto;}

.contact-us{float:left; width:100%;}
.contact-us h1{color:#333333; font-size:24px;}

.get-in-touch{display:flex; flex-direction:column; padding:25px 15px 15px 15px; margin-top:10px; border-radius:10px; background-color:rgb(255, 255, 255); box-shadow:0.087px 0.996px 0.99px 0.01px rgba(113, 113, 113, 0.21); color:#606060; border:solid 1px #e6e6e6}
.get-in-touch h5{color:#333333; font-weight:bold;}
.get-in-touch p a{color: var(--primary-clr);}

.normal-field .form-control{width:100%;border:0;outline:0;padding:0px 0px 12px 0px;border-bottom:1px solid #878787;box-shadow:none;font-size:16px;color:#464646;transition:all 0.5s ease; border-radius:0px; resize:none;}
.get-in-touch{max-width:700px;}
.get-in-touch p{font-weight: 500;}
.tp-link{color:var(--primary-clr)}

.get-in-touch .form-group{margin-top:10px;}
.smart-home{float:left; width:100%;}

.download-app{padding:15px; border:solid 1px #e6e6e6;border-radius:10px;box-shadow:0.087px 0.996px 0.99px 0.01px rgba(113, 113, 113, 0.21);background:#ffffff; text-align:center; margin-bottom:15px;}
.download-app figure{float:left; width:100%; text-align:center; margin-bottom:15px;}
.download-app figure img{max-height:60px;}

.main-hd h1{font-size:22px; color: #333333; font-weight: 400;}
.w-auto{width: auto;}

.sw-auto .bootstrap-select{width: auto!important;}
.sw-auto .dropdown-toggle{background: transparent;border: 0px;border-bottom: 1px solid #878787;border-radius: 0px; padding:8px 10px 6px 0px; outline: 0px!important ;}
.bs-searchbox .form-control{border: 1px solid #878787; padding: 5px; font-size: 14px;}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline:0px auto -webkit-focus-ring-color!important; outline-offset: 0px!important; box-shadow: 0px 0px #888888!important; outline: 0px!important;}
.sw-auto .dropdown-toggle::after{background: url('../images/down-arrow.svg');background-repeat: no-repeat;background-size: 16px 12px;height: 12px;width: 31px;border: 0px;margin: 0;}

.sw-full .bootstrap-select{width: 100%!important;}
.sw-full .dropdown-toggle{background: transparent;border: 0px;border-bottom: 1px solid #878787;border-radius: 0px;padding:10px 0px 6px 0px; outline: 0px!important ;}
.sw-full .dropdown-toggle::after{background: url('../images/down-arrow.svg');background-repeat: no-repeat;background-size: 16px 12px;height: 12px;width: 31px;border: 0px; margin: 1px -9px 0px 0px;}

.dropdown-item.active, .dropdown-item:active{background: var(--primary-clr);}
.sw-full .dropdown-menu,
.sw-auto .dropdown-menu{padding: 0px;}

.f-social{list-style: none; padding: 0px; margin: 0px;}
.f-social li{float: left; margin-right:5px;}
.f-social li svg{width:20px;}

.tnc{float:left; width:100%;}
.tnc h2{color: #353535; font-weight: bold; margin-bottom:5px; font-size:17px;}
.tnc p{font-size:17px; line-height:28px; margin-bottom:20px;}
.tnc p a{color: var(--primary-clr);}

.tnc ul{list-style: none;padding: 0px;margin:5px 0px 30px 0px;}
.tnc ul li{padding-left: 20px;font-size:17px;line-height:28px;color: #333333;margin-bottom: 10px;position: relative;}
.tnc ul li:before{content: '';width: 6px;height: 6px;background: #333333;position: absolute;left: 0px;top: 11px;border-radius: 30px;}

.service-form-tab{float:left; width:100%; margin-top:10px; background: #ffffff; box-shadow:0.087px 0.996px 0.99px 0.01px rgba(113, 113, 113, 0.21); color:#606060; border:solid 1px #e6e6e6; border-radius: 10px;}
.service-form-tab .accordion-item{margin-bottom: 0px; float: left; width: 100%; border: 0;  border-radius:0px; border-bottom:solid 1px #e6e6e6; background: transparent;}
.service-form-tab .accordion-item .accordion-button{border-radius: 10px!important; background: white; box-shadow: inset 0 0px 0 rgb(0 0 0 / 13%);
/* font-family: 'Untitled Sans'; */ font-weight: normal; color: var(--primary-clr); font-size: 24px; font-weight:700; }
.service-form-tab input[type='file']{color: var(--primary-clr); line-height:28px;}

/* File Field */
.image-upload{position: relative; max-width: 360px; margin: 0 auto; overflow: hidden; float: left; width: 100%;}
.image-upload input {position: absolute; top: 0; bottom: 0; left: 0; width: 100%; opacity: 0;}
.upload-field {display: block;background: #fafafa;padding: 6px!important;border-radius: 4px;margin-bottom: 0px!important;}
.upload-field .file-thumbnail {cursor: pointer;border: 1px dashed var(--primary-clr);border-radius: 4px;text-align: center;padding: 10px;height: 110px;}
.upload-field .file-thumbnail img {width: 50px; height: 50px; object-fit: cover;}
.upload-field .file-thumbnail h3 {font-size: 12px;color: #000000;font-weight:300;margin-bottom: 4px; margin-top: 10px;}
.upload-field .file-thumbnail p {font-size: 12px; line-height: 18px; color: #9ABCD1;margin-bottom: 0;}

.tips-slider{height:215px; overflow: hidden;}
.clnt-height{height: auto;}
.team-more{color: var(--primary-clr);}
.team-more:hover{color:#2d283a;}

.zsFormClass .bootstrap-select{width: 100%!important;}
.zsFormClass .dropdown-toggle {background: transparent; outline: 0px!important; padding: 7px 0.75rem 10px 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; background-color: #fff;background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none;border-radius: 0.25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.zsFormClass .dropdown-toggle::after{background: url('../images/down-arrow.svg');background-repeat: no-repeat;background-size: 16px 12px;height:10px;width: 31px;border: 0px; margin: 1px -9px 0px 0px;}
.zsFormClass .bootstrap-select .dropdown-toggle:focus, 
.zsFormClass .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {outline: 0px auto -webkit-focus-ring-color!important; outline-offset: 0px!important; box-shadow: 0px 0px #888888!important;outline:0px!important;}

#tipPopup .modal-dialog{max-width: 1000px;}
#tipPopup .modal-content{border-radius:10px; background-color:#ffffff; box-shadow:0px 0px 34.8px 5.2px rgba(0, 0, 0, 0.16); border: 0px;}
#tipPopup .btn-close{position: absolute; right: 0; top: 0; background-color: var(--primary-clr); border-radius: 0px 8px 0px 10px; padding: 10px 13px 12px 10px; color: #000000;}

#tipPopup .modal-body h2{font-weight:bold;}
#tipPopup .modal-body img{float: right;margin: 0px 0px 20px 20px;max-width: 350px; border-radius: 10px;}
#tipPopup .modal-body p{margin-bottom: 10px;}
#tipPopup .modal-body a{color: var(--primary-clr);}
#tipPopup .modal-body ul, #tipPopup .modal-body ol{margin-left: 17px;}
#tipPopup .modal-body ul li, #tipPopup .modal-body ol li{margin-bottom: 10px;}
#tipPopup .modal-body ul li:last-child, #tipPopup .modal-body ol li:last-child{margin-bottom: 0px;}

.mt-height{height:220px;}

.service-form-tab .primary_code .filter-option-inner-inner{font-size: 1rem; font-weight:300; line-height: 1.5; color: #212529;}
.ui-widget{font-size: 1rem!important; color: #212529!important; /* font-family: 'Untitled Sans'!important; */}
.ui-widget-header a{top: 2px!important; right: 2px!important;}

.policy-img img{ max-height: 200px; margin-bottom: 1rem; }

.bst-floating{margin-bottom:45px;}
.bst-floating .form-control{border: 0; outline: 0; border-bottom: 2px solid #dee0e0; box-shadow: none; font-size: 16px; color: #464646; padding: 0px 0px 15px 0px !important;
border-radius: 0px; height: auto;}
.form-floating.bst-floating>label{padding: 0px 0px 0px 0px; transition: transform 0.3s ease; height: auto;border: 0px;}

.form-floating>.form-control:focus~label, 
.form-floating>.form-control:not(:placeholder-shown)~label, 
.form-floating>.form-select~label {
  opacity: 1;
  transform: scale(1) translateY(-30px) translateX(0rem);
  font-size: 14px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
  color : black !important;
  -webkit-text-fill-color: black !important;
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}


.flt-label-parent .bst-floating{margin-bottom:23px;}
.flt-label-parent .bst-floating .form-control{border-bottom:1px solid #878787; padding:10px 0px 10px 0px !important; font-weight: 300;}

.flt-label-parent .get-in-touch .bst-floating .form-control{padding:10px 0px 13px 0px !important;}
.flt-label-parent .get-in-touch .bst-floating .password-eye{top: 9px;}
.flt-label-parent .get-in-touch .bst-floating {margin-top: 10px;}
.flt-label-parent .get-in-touch .bst-floating textarea{height: 130px; resize: none;}

.flt-label-parent .form-floating.bst-floating>label{font-size: 14px; top: 8px;}

.flt-label-parent .form-floating>.form-control:focus~label, 
.flt-label-parent .form-floating>.form-control:not(:placeholder-shown)~label, 
.flt-label-parent .form-floating>.form-select~label {
  opacity: 1;
  transform: scale(1) translateY(-26px) translateX(0rem);
  font-size: 14px;
  color: var(--primary-clr);
}
.bst-floating input:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}


.owner-card{row-gap:8px;}
.owner-card .bootstrap-select>.dropdown-toggle{
  border: solid 1px #c4c9ca;
  border-radius: 5px;
  background: #f7f7f7;
  padding-left: 0.8rem;
  padding-right: 0.5rem;
}
.owner-card .bootstrap-select>.dropdown-toggle:focus{outline: 0px;}

.owner-link-box{
  border: solid 1px #c4c9ca;
  border-radius: 5px;
  background: #f7f7f7;
  padding: 0.8rem;
}
.owner-link-box ul{list-style: none; padding: 0px; margin: 0px; display: grid; grid-template-columns: 50% 50%; row-gap:0.5rem;}
.owner-link-box ul li a{color: var(--primary-clr);}
.owner-link-box ul li a:hover{color:#000000;}







}


@media all and (max-width:1600px){
     .left-navigation{width:300px;}
     .right-content {width:calc(100% - 300px);}

     .brand-logo {padding:20px 120px 20px 30px;}
     .left-navigation nav ul li a{padding:15px 0px 15px  30px;}
     .ad-section{padding:20px 20px 20px 30px;}

     .white-line-bg{padding:30px;}
     .footer-col{padding:35px 30px 35px 30px;}
     .profile-info figure{width:120px;height:120px;margin-right:20px;min-width:120px;}
     .tips-slider{height:210px;}
     .mt-height{height:220px;}

}

@media all and (max-width:1290px){
     .right-content {width:calc(100% - 0px); border:0px; left:0px;}

     .wap-hide{display:flex; justify-content:space-between; margin-bottom:20px;}
     .wap-logo img{max-height:40px; margin-right:10px;}

     .left-navigation{position:fixed; left:-500px; transition:all 0.5s ease; z-index:99; height:100%; width:300px; overflow:auto;}
     .shownav{left:0px; transition:all 0.5s ease;}
     .menu img{max-height:30px; margin:5px 15px 0px 10px;}
     .brand-logo {padding:20px 120px 20px 20px}
     .close-nav{position:absolute; top:5px; right:0px;}

     .main-content{flex-direction:column;}
     .home-care .col-lg-12{margin-bottom:15px;}
     .add-height{height:auto;}

}


@media all and (max-width:960px){
     .white-line-bg{padding:20px;}
     .footer-col{padding:20px;}
     .footer-top h3{padding:30px 0px 20px 0px;}
     .footer-col{justify-content:inherit; flex-direction:column;}
     .f-widget{margin-bottom:15px;}
     .f-email, .f-phone, .f-clock {justify-content:center; width:60px; }
}

@media all and (max-width:767px){
     h1{font-size:26px;}
     h2{font-size:24px;}
     h3{font-size:20px;}
     h4{font-size:18px;}
     h5{font-size:16px;}
     h6{font-size:15px}

     .rs-profile,
     .logout,
     .search-bar,
     .login-form,
     .warranty-main,
     .service-form,
     .warranty-slider .swiper-slide{border-radius:6px;}

     .white-line-bg { padding:10px 15px;}

     .left-navigation{left:-600px; width:100%;}
     .shownav{left:0px;}


     .login-form{ width:90%; padding:30px 15px; border-radius:6px;}
     .login-form figure{margin-bottom:20px;}
     .login-logo img{max-width:150px;}
     .login-form h1{margin-bottom:50px;}
     .anim-field label{font-size:18px;}
     .anim-field input{font-size:18px; padding:0px 0px 10px 0px;}
     .anim-field {height:47px;margin-bottom:30px;}
     .login-btn{margin-top:20px;}
     .btn-primary{height:42px; padding:0px 25px; font-size:18px;}

     .profile-info {display:flex;flex-direction:column;}

      .rs-profile{padding:15px;}
      .profile-info figure{margin:0px auto 20px auto;}
      .about-user h2{padding-left:0px; text-align:center;}
      .line-icon:after{background-size:50%;}

      .f-info{font-size:14px;}
      .f-email img{width:30px;}
      .f-phone img{width:16px;}
      .f-clock img{width:26px;}

      .footer-col{padding:20px 10px 10px 10px;}
      .footer-bottom{padding:10px;}

      .hero-banner,
      .help-banner{height:180px;}
      .hero-banner img,
      .help-banner img{height:100%; object-fit:cover;}

      .search-bar{margin-right:0px; min-height:38px; height:47px;}
      .search-btn{width:40px;}
      .search-bar .form-control{font-size:15px;}

     .brand-logo img{max-width:100px;}
     .update-btn-grp {position:relative;bottom:0;right:0;width:100%;display:flex;justify-content:center;padding:10px  0px;}
     .top-search-panel{flex-direction:column;}

      .nav-hide{display:initial;}
      .logout-link{display:none;}
      .weather-info {float:right;width:100%;margin-right:0;height:auto;margin-top:0;}

      .footer-bottom p{margin:0px;}
      .footer-bottom a{margin:0px 5px;}
      .hn-tabs-slider{width:80%;}

      .hn-logo h2{font-size:16px;}
      .hn-logo figure{height:80px; width:80px;}
      .hn-logo{align-items:center;}
      .hn-tabs-slider .swiper-slide a {border-radius:4px;padding:4px 10px;font-size:14px;}

     .hide-all{display:none;}
     .zs-fg label{width:100%; padding-top:0px;}
     .zs-fg .zs-field{width:100%;}

     .download-policy a{font-size:16px;}
     .download-policy a .dicon {width:30px;height:30px;line-height:29px;margin-right:5px;}
     .download-policy a .dicon img{width:16px;}
     .additional-warranty p{font-size:16px;}

     .w-date{margin-bottom:10px; font-size:14px;}
     .download-policy{margin:15px 0px;}
     .w-date span{padding:3px 5px;}

     .warranty-slider .swiper-slide{border:0px;}
     .left-divider{border-top:solid 1px #c4c9ca;border-left:0px;padding:15px 15px 0px 15px;}

     .footer-bottom{border-color: #595468;}
     .f-logo{text-align: center;justify-content: center;border-bottom: solid 1px #595468;padding-bottom: 15px;margin-bottom: 20px!important;margin-left: -20px;margin-right: -20px;}

     .f-social{display: flex; justify-content: center;}
     .f-social li {margin: 0px 5px 10px 5px;}

     #tipPopup .modal-body h2{max-width: 80%; font-size: 18px;}
     #tipPopup .modal-body img {float: left; margin: 0px 0px 20px 0px; max-width: 100%;}


    .hero-caption h3{padding-left:20px; font-size: 18px;}
    .hero-caption h1{padding:4px 0px 7px 20px; font-size:22px;}

    .mrt-xs{margin-top: 10px;}
    .service-form-tab .accordion-item .accordion-button, .profile-main .accordion-button{font-size: 18px;}
    .right-remove{top: 12px;}
}

/* ###### 4.6 Parsley ###### */
input.parsley-error, input.parsley-error:focus,
textarea.parsley-error,
textarea.parsley-error:focus {
  box-shadow: none !important;
  border-color: #dc3545!important; }

input.parsley-success, input.parsley-success:focus,
textarea.parsley-success,
textarea.parsley-success:focus {
  box-shadow: none !important;
  border-color: #10b759!important; }

.parsley-checkbox.parsley-error, .parsley-checkbox.parsley-success {
  display: inline-block;
  padding: 10px;
  border-radius: 0.25rem; }

.parsley-checkbox.parsley-error {
  border: 1px solid #dc3545; }

.parsley-checkbox.parsley-success {
  border: 1px solid #10b759; }

.custom-select.parsley-error, .custom-select.parsley-success {
  box-shadow: none !important; }

.custom-select.parsley-error {
  border-color: #dc3545; }

.custom-select.parsley-success {
  border-color: #10b759; }

.parsley-errors-list {
  color: #dc3545;
  list-style: none;
  font-size: 12px;
  padding: 0;
  margin-bottom: 0; }
  .parsley-errors-list li {
    margin: 0px 0 0; }

/***** CUSTOM STYLED ERROR MESSAGE *****/
.parsley-style-1 .parsley-input.parsley-error .form-control {
  background-color: #fef9f9;
  border-color: #dc3545;
  border-bottom-width: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.parsley-style-1 .parsley-input.parsley-success .form-control {
  border-color: #10b759; }

.parsley-style-1 .parsley-checkbox.parsley-error {
  padding-bottom: 35px;
  border: 1px solid #dc3545;
  background-color: #fef9f9;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }

.parsley-style-1 .parsley-checkbox .parsley-errors-list.filled {
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px; }

.parsley-style-1 .custom-select.parsley-error {
  border-bottom-width: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.parsley-style-1 .parsley-errors-list.filled {
  background-color: #dc3545;
  color: #fff;
  padding: 3px 10px;
  font-size: 11px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px; }
  .parsley-style-1 .parsley-errors-list.filled li:first-child {
    margin-top: 0; }


/* .pro-pic img{ height: 100%; object-fit: cover; } */

.zsFormClass select {
  box-sizing: unset;
  padding-left: 10px;
  padding-right: 0px;
  font-size: 14px;
  width: calc(100% - 10px);
}

.password-eye{ position: absolute; top:-1px; right: 2px; cursor: pointer; font-size: 16px; }

.warranty_phone_number .bootstrap-select{ width: auto !important; }
.warranty_phone_number .bootstrap-select > .dropdown-toggle{ border-right: 0; border-radius: 4px 0px 0px 4px; }
.warranty_phone_number .pnum { margin-left: 0; border-left: 0; border-radius: 0px 4px 4px 0px; font-weight:300;}
.warranty_phone_number .form-control:focus {box-shadow: 0 0 0 0rem rgba(0,123,255,.25)!important; border-color: #ced4da!important;}