/*===== Slick slider ====*/ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /*# sourceMappingURL=slick.min.css.map */ /* Slider */ .slick-loading .slick-list { background: #fff url('../images/ajax-loader.gif') center center no-repeat; } /* Icons */ /*@font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('../fonts/slick.eot'); src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg'); }*/ /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '→'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /*===== Slick slider ====*/ /*====================================== reset.css is here ========================================*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;} ol,ul { list-style:none;} a {color:#282834; text-decoration:none !important; outline:0 none; outline:none !important;} a:hover {color:#282834; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; text-decoration:none;} h1 {font-size:35px; color:#282834; padding:0;margin:0;} h2 {font-size:30px; color:#282834; padding:0;margin:0;} h3 {font-size:18px; color:#282834; padding:0;margin:0;} h4 {font-size:16px; color:#282834; padding:0;margin:0;} h5 {font-size:14px; color:#282834; padding:0;margin:0;} h6 {font-size:12px; color:#282834; padding:0;margin:0;} p {font-size:16px; line-height:25px; color: #282834; padding:10px 0 10px 0; margin:0;} p a {color:#282834;} p a:hover{color:#282834; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; text-decoration:none;} .text-underline { text-decoration: underline !important;} .img-full-fill{display:block; width:100%; height:auto;} .img-responsive{ display: block; max-width: 100%; height: auto;} /* :root { scroll-behavior: inherit;} */ ::selection { background: #94AEEB !important; color: #fff !important; text-shadow: none;} ::-moz-selection {background: #94AEEB !important;color: #fff !important;text-shadow: none;} h1,h2,h3,h4,h5,h6 {font-family: 'Poppins', sans-serif;} img{height: auto;} /*====================================== reset.css is End ========================================*/ /*====================================== layout ========================================*/ html {width: 100%; height: 100%; background: #fff;} body {background: #fff; font-size:15px;line-height: 1.5; -webkit-font-smoothing: antialiased; overflow-x:hidden; font-family: 'Poppins', sans-serif; font-weight: normal;color: #282834;} .smoothscroll{top: -170px;position: relative;} .wrapper {padding-top: 100px; margin: 0; transition: all 0.5s ease-in-out;} .wrapper.alert-sticky{transition: all 0.5s ease-in-out; padding-top: 140px;} .container{ max-width: 1280px; width: 100%;} .header.sticky .nav-brand-parent{padding: 5px 0 15px; transition: all 0.5s ease-in-out;} /* ==================== Header Start ==================== */ .header-container {padding: 0 10px 0 10px;} .header { background-color: #FFFFFF; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; padding: 0; transition: all 0.5s ease-in-out; margin: 0 auto;} .headertoprgt { transition: all 0.5s ease-in-out;} .logo { display: block; padding: 23px 0px 10px 38px; float: none;} .logo h1{padding: 0; margin: 0;} .logo img { transition: all 0.5s ease-in-out; max-width: 100%; width: 151px; height: auto; display: block;} .header.sticky { transition: all 0.5s ease-in-out; padding: 0;} .navbar-header { display: none;} /* ==================== Header ENd ==================== */ /* ==================== Navigation Start ==================== */ .mobilelist {display:none;} .mobilelist .headertoprgt {display:none ;} .nav-brand-parent{display: flex; width: 100%;justify-content: space-between; align-items: center;padding: 20px 0 31px; transition: all 0.5s ease-in-out;} .navigation{ position: relative; background-color: rgba(255, 255, 255, 0.69);} .navlist{ width: 15%; display: inline-block; padding: 0 0; position: relative; transition: all 0.5s ease-in-out;} .navbar-default { width: 85%; display: inline-block; border: none; box-shadow: none; border-radius: 0; background: none; padding: 0px 26px 0 0px; transition: all 0.5s ease-in-out;} .navbar-collapse{ padding: 0; max-width: 100%; width: 100%; margin: 0; justify-content: space-between;} .navbar-nav{ width: 399.63px; text-align: right; justify-content: space-between; padding: 11px 0px 0 29px; margin: 0;} .navbar-nav li{display:inline-block; position:relative; vertical-align: middle; } .navbar-default .navbar-nav > li{text-align:center; padding:0px; float:none;} .navbar-default .navbar-nav > li > a{ font-size: 14px; font-weight: 500; display: block; line-height: 20px; color: #282834; padding: 10px 2px 10px; text-shadow: none !important; text-transform: capitalize; transition: all ease-in-out 0.3s;} .navbar-default .navbar-nav > li > a i img{transition: all 0.5s ease-in-out;} .navbar-default .navbar-nav > li:hover > a{text-decoration: none !important; color: #282834;} .navbar-default .navbar-nav > li:hover > a i img{ transition: all 0.5s ease-in-out; transform: rotate(180deg);} .navbar-default .navbar-nav > li.active > a {color:#A7BDED;} /* .navbar-default .navbar-nav > li > a:hover:after {visibility:visible; width:100%; opacity:1; } */ .navbar-default .navbar-nav > li > a:after {content:''; display:none; width:5%; height:0.5px; background:#282834 !important; margin:0 auto; padding:0; visibility:visible; opacity:0; transition:all ease-in-out 0.3s; } .navbar-nav > li.active > a:after {content:''; width:25px; visibility:visible; opacity:1; } .navbar-default .navbar-nav li.active ul li a {color:#282834;} .navbar-nav li ul { width: 150px; top: 100%; left: 0; box-shadow: none !important; position: absolute; /* display: none; */ padding: 14px 7px 4px; background: #F4F5F7; border-radius: 10px !important; visibility: hidden; opacity: 0; transform: translateY(25px); transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; border-radius: 0px; margin: 0;} .navbar-nav li ul li {display:block; float:none; padding:4px 10px 12px 9px; text-align:left; white-space: nowrap;} .navbar-nav li ul li a {font-size:14px; line-height:11px; font-weight: 400; padding:2px 0; display:block; letter-spacing: 0px; text-transform: none;} .navbar-nav li ul li:last-child a::after{display: none;} .navbar-nav li ul ul {width:155px; top:0; left:155px; border-radius: 0; position:absolute; box-shadow: none !important;display:none;background:rgba(248, 248, 248,1); padding:0; } .navbar-nav li ul ul li {display:block; float:none; padding:0 5px; text-align:left; line-height:21px;} .navbar-nav li ul ul li a {font-size:12px; line-height:18px;font-weight: 400; padding:8px 10px;display:block;letter-spacing: 1.2px;} .navbar-nav li ul li:hover{background-color: transparent; transition:all ease-in-out 0.5s;} .navbar-nav li ul li a:hover{color: #282834;} /* .navbar-nav li span {background:url(../images/icon_plus_white.svg) no-repeat center; width:25px; height:25px; position:absolute; right:0px; top:5px; display:none; cursor:pointer;position:absolute;top: 0;display:none;cursor:pointer;width: 100%;left: auto; background-position: right;transition:all ease-in-out 0.3s;} .navbar-nav li span.open {background:url(../images/icon_minus_white.svg) no-repeat center;transition:all ease-in-out 0.3s; background-position: right;} */ .navbar-nav li span {background:url(../images/nav-arrow.svg) no-repeat center; width:20px; height:20px; position:absolute; right:3px; top:12px; display:none; cursor:pointer;background-size: 20px 20px !important;transition:all ease-in-out 0.3s;} .navbar-nav li span.open {background:url(../images/nav-arrow.svg) no-repeat center;transform: rotate(180deg);transition:all ease-in-out 0.3s;} .navbar-toggle { float: none; display: block; margin: 0; border: none; padding: 0; border-radius: 0px; background:url(../images/hamburger.svg) no-repeat center; background-size: 24px 18px !important; position: relative; outline: none!important; box-shadow: none !important; width: 25px; height: 25px; text-align: center; } .navbar-toggle .navbar-toggler-icon:nth-child(2) {margin: 4px 0; right: 0;top: 1px;} .navbar-toggle .navbar-toggler-icon:nth-child(3) {top: 2px;} .navbar-toggle .navbar-toggler-icon{display: none;width: 25px;height: 3px;border-radius: 20px; position: relative; transition: all 500ms ease-in-out;background: #282834;} /* .navbar-toggle.active .navbar-toggler-icon:nth-of-type(1) { top: 6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg);} .navbar-toggle.active .navbar-toggler-icon:nth-of-type(2) { background-color: transparent;} .navbar-toggle.active .navbar-toggler-icon:nth-of-type(3) { top: -8px; width: 30px !important; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);} */ .navbar-toggle .sr-only { width:45px;text-align:center;height:auto;font-size:12px;line-height:12px;clip:inherit;position:absolute;left:-31px;top:15px;transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);-moz-transform:rotate(-90deg);text-shadow:inherit!important;color:#fff;font-weight:400; display: none;} .navbar-default .navbar-nav > li > a:hover{color: #475E82;} /* ==================== Navigation End ==================== */ /* ==================== self ==================== */ .aboutus-getstarted-wrapper .steps-progress li { width: 8.3% !important; } .get-started-wrapper .steps-progress li { position: relative; display: block; text-align: center; width: 33.3%; float: left; } .get-started-wrapper .steps-progress li.current:after { display: none; transition: 0.2s linear; transition-property: width, background-color; animation: progressAnimation 2s; } .get-started-wrapper .steps-progress li.current .nav-link { color: #94AEEB; } .get-started-wrapper .steps-progress li.current .nav-link:before { background: #CA94EB; } .get-started-wrapper .steps-progress li:before { content: ''; position: absolute; width: 100%; height: 2px; background: #D8D8D8; left: 50%; bottom: -11px; transform: translate(0%, 0%); display: none;} .get-started-wrapper .steps-progress li:last-child:before, .get-started-wrapper .steps-progress li:last-child:after { /*connector not needed before the first step*/ content: none; } .get-started-wrapper .steps-progress li:after { display: none; position: absolute; content: ''; width: 100%; height: 2px; background: #CA94EB; left: 50%; bottom: -11px; transform: translate(0%, 0%); transition: 0.2s linear; transition-property: width, background-color; animation: progressAnimation 2s; } .get-started-wrapper { max-width: 1100px !important; } .get-started-wrapper .nav:before { display: none; } .get-started-wrapper .nav-pills .nav-link { z-index: 1; } .get-started-wrapper .nav-pills .nav-link.active:after { left: 49% !important; transform: translate(-49.3%, 6px) !important; } @keyframes progressAnimation { 0% { width: 0%; background-color: #CA94EB; } 100% { width: 100%; background-color: #CA94EB; } } .widget-fixed{ position: fixed; right: 30px; bottom: 40px; z-index: 12;} .header-top .alert { width: 100%; background: #E5ECFA; border: 0; border-radius: 0; text-align: center; font-size: 12px; line-height: 18px; font-weight: 400; padding: 11px 35px; margin: 0; min-height: 40px;} .header-top .btn-close { background-image: none; opacity: 1; padding: 11px 20px; } .button-section { width: 200px; text-align: right; padding: 6px 0 0; } .button-section ul li { display: inline-block; } .button-section ul li:first-child { padding-right: 30px; } .btn.sin-in { background: transparent; padding: 4px 0 0; font-size: 14px; line-height: 20px; color: #94AEEB; text-decoration: underline !important; font-weight: 500; border: 0; box-shadow: none; } .btn.blue-dark { background: #94AEEB; border-radius: 10px; font-size: 14px; font-weight: 500; line-height: 21px; color: #fff; max-width: 100%; padding: 7px 11.5px; } .btn.btn-white { background: #fff; border-radius: 10px; font-size: 16px; font-weight: 600; line-height: 21px; color: #94AEEB; max-width: 100%; padding: 9px 17px; } .btn.disabled { background: #E5ECFA; color: #A7BDED; } .btn.blue-dark:hover, .btn.btn-white:hover { background: #E5ECFA; color: #282834; } .btn.blue-dark:disabled{background: #E5ECFA; color: #A7BDED; opacity: 1;} .button-section .btn.blue-dark{background: #91DB9C; color: #fff; box-shadow: none;} .button-section .btn.blue-dark:hover{background: #C8EDCD; color: #282834;} .button-section .btn.blue-dark:disabled{background: #C8EDCD; color: #91DB9C;} .banner-inner-gird { position: relative; display: block; } .banner-inner-gird img { width: 100%; height: 600px; object-fit: cover;} .banner-inner-gird .banner-innner-position { position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; } .banner-inner-gird .banner-innner-position .banner-inner-content { max-width: 630px; width: 100%; margin: 122px 50px 0; } .customer-engage-banner.banner-inner-gird .banner-innner-position .banner-inner-content{max-width: 670px; margin: 58px auto 0; text-align: center;} .typed-cursor{opacity: 1;} .typed-cursor{ animation: typedjsBlink 0.7s infinite; -webkit-animation: typedjsBlink 0.7s infinite; animation: typedjsBlink 0.7s infinite;} @keyframes typedjsBlink{ 50% { opacity: 0.0; } } @-webkit-keyframes typedjsBlink{ 0% { opacity: 1; } 50% { opacity: 0.0; } 100% { opacity: 1; } } /* .typed-cursor {margin-left: 8px; border-left: 3px solid #94AEEB;font-size: 30px;} */ .typed-cursor{opacity: 1;display: inline-block; width: 3px; height: 40px; background-color: #94AEEB; margin-left: 8px; margin-top: 0;vertical-align: -3px;} .typed-txt-cont{min-height: 118px;} .typedComplete + .typed-cursor {display: none;} .typed-cursor ~ .typed-cursor {display: none;} .typed-cursor.typed-cursor--blink{display: none;} .banner-inner-gird .banner-innner-position .banner-inner-content h2, .banner-inner-gird .slide__text{ font-size: 42px; font-weight: 500; line-height: 59px; padding-bottom: 0; display: inline; } .banner-inner-gird .banner-innner-position .banner-inner-content h2 span, .banner-inner-gird .slide__text span { font-weight: 600; } .banner-inner-gird .banner-innner-position .banner-inner-content .btn.blue-dark { font-size: 16px; padding: 9px 17px; margin-top: 33px; } .banner-slider .owl-dots { position: absolute; bottom: 11px; left: 24px; } .banner-slider .owl-dots button span { position: relative; } .meet-salonclouds { max-width: 600px; width: 100%; margin: 96px auto 82px; text-align: center; } .meet-salonclouds h2 { font-size: 24px; font-weight: 600; line-height: 35px; color: #94AEEB; letter-spacing: 3.6px; text-transform: uppercase; padding-bottom: 10px; } .meet-salonclouds p { padding-bottom: 20px; } .featured-products .nav-pills .nav-link { text-align: left; padding: 0 0 18px; background: transparent; font-size: 18px; line-height: 27px; font-weight: 500; color: #282834; } .featured-products .nav-pills .nav-link span { padding-left: 5px; } .featured-products h2 { font-size: 24px; font-weight: 600; line-height: 35px; color: #94AEEB; letter-spacing: 3.6px; text-transform: uppercase; padding-bottom: 10px; } .featured-products p { padding: 0 0px 18px 0px; } .featured-products { max-width: 1120px; width: 100%; margin: 0 auto 76px auto; } .featured-products .nav { background: #FAFAFA; border-radius: 10px; padding: 51px 54px 10px 60px; height: 100%;} .featured-products .nav-link.active { color: #94AEEB; text-decoration: underline; } .featured-products .nav-link.active span { float: right; } .featured-products .nav-link.active span svg path { fill: #94AEEB; } .featured-products .nav-link:hover{color: #94AEEB;} .featured-products .nav-link:hover svg path{fill: #94AEEB;} .featured-products .nav-link svg{transition: all 0.5s ease;} .featured-products .nav-link:hover svg{margin-left: 0.25em; transition: all 0.5s ease;} .aboutus-getstarted-wrapper.get-started-wrapper{max-width: 1001.88px;} .get-started-wrapper { max-width: 780px; width: 100%; margin: 0 auto 70px; } .get-started-wrapper h2 { font-size: 24px; font-weight: 600; line-height: 35px; color: #94AEEB; letter-spacing: 3.6px; text-transform: uppercase; padding-bottom: 28px; text-align: center; } .get-started-wrapper .nav { display: flex; align-items: center; justify-content: space-between; position: relative; } .get-started-wrapper .nav:before { content: ''; position: absolute; width: 92%; height: 2px; background: #D8D8D8; left: 4%; bottom: -11px; transform: translate(0%, 0%); } .get-started-wrapper .nav-pills .nav-link { color: #282834; font-size: 16px; line-height: 22px; font-weight: 500; position: relative; } .get-started-wrapper .nav-pills .nav-link.active { background: transparent; color: #94AEEB; } .get-started-wrapper .nav-pills .nav-link:before { content: ''; position: absolute; width: 16px; height: 16px; background: #94AEEB; left: 49%; bottom: -17px; border-radius: 50%; transform: translate(-49%, 0px); } .get-started-wrapper .nav-pills .nav-link.active:after { content: ''; width: 22px; height: 22px; left: 48.5%; bottom: -14px; border-radius: 50%; transform: translate(-48.5%, 6px); background: rgba(194,150,230,0.50); position: absolute; animation: blinker 2s linear infinite; transition: all 0.5s ease-in-out; } .get-started-wrapper .nav-pills .nav-link.active:before { background: #CA94EB; } @keyframes blinker { 0% { opacity: .1; } 25% { opacity: .3; } 50% { opacity: .5; } 75% { opacity: .8; } 100% { opacity: 1; } } .growth-progress.progress{width: calc( 100% - 75px); height: 2px; background-color: #D8D8D8; margin: 0 auto;position: absolute;left: 0;right: 0;top: 122%;} .growth-progress .progress-bar{background: #94AEEB;transition: width 1.5s ease;} .nav-steps-progress-cont{position: relative;} .home-get-started-wrapper .growth-progress.progress {width: calc( 100% - 33%);} .get-started-content { text-align: center; padding: 35px 0 0; } .get-started-content h3 { font-size: 18px; line-height: 27px; color: #94AEEB; } .get-started-content p { padding: 5px 0 21px; } .danger-text { font-size: 16px; color: #E7928F; } .pricing-options-wrapper { max-width: 1120px; width: 100%; margin: 0 auto 76px; } .pricing-content { background: #FAFAFA; padding: 66px 57px 10px; height: 100%; border-radius: 10px;} .pricing-content h3 { font-size: 24px; font-weight: 600; line-height: 35px; color: #94AEEB; letter-spacing: 3.6px; text-transform: uppercase; } .pricing-content p { padding-bottom: 17px; } .pricing-option-img img { width: 100%; border-radius: 10px; } .pricing-content ul { padding-bottom: 10px; } .pricing-content ul li { display: inline-flex; padding-bottom: 18px; } .pricing-content ul li small { padding-right: 9px; font-size: 100%; } .pricing-content ul li small img { vertical-align: bottom; } .pricing-content ul li span { font-size: 16px; font-weight: 400; line-height: 28px; color: #282834; } .pricing-content ul li span strong { font-size: 18px; font-weight: 500; display: block; } .product-banner { max-width: 1125px; width: 100%; margin: 0 auto 50px; position: relative; display: block; } .product-banner .product-inner { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; } .product-banner .product-inner-content { max-width: 460px; width: 100%; padding: 10px 0 0; } .product-banner .product-inner-content h3 { font-size: 24px; font-weight: 600; line-height: 35px; color: #fff; letter-spacing: 3.6px; text-transform: uppercase; } .product-banner .product-inner-content p { color: #fff; padding-bottom: 30px; } .footer-nav h5 a{color: #fff; pointer-events: none;} .footer-nav h5 a span{display: none; } .product-banner-img{background: url(../images/product-banner.png) no-repeat; background-size: cover; background-position: center;padding: 44px 30px 30px 77px; border-radius: 10px;} .pro-consult-right-card{max-width: 465px; width: 100%; position: relative; margin: 0 0 0 auto;} .pro-monitor-cont{position: relative; max-width: 322px; width: 100%; display: block;margin: 0 0 25px 31px;} .pro-monitor-cont > img{width: 100%; height: auto; display: block; position: relative;} .pro-monitor-overlay{position: absolute; top: 0; width: 100%; height: 100%; padding: 0;} .pro-monitor-overlay img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; object-fit: cover;padding: 13px 13px 80px;} /*.pro-monitor-cont::before{content: ''; display: block; background: url(../images/pro-monitor-shadow.png) no-repeat; background-size: cover; background-position: center; height: 34px; position: absolute; bottom: -10px; left: 0; right: 0; }*/ .pro-laptop-cont{width: 269px; max-width: 100%; position: absolute; bottom: -26px; right: 0;} .pro-laptop-cont > img{width: 100%; height: auto; display: block;position: relative;} .pro-laptop-overlay{position: absolute; top: 0; width: 100%; height: 100%; padding: 0;} .pro-laptop-overlay img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; object-fit: cover;padding: 10px 22px 30px;} /*.pro-laptop-cont::before{content: ''; display: block; background: url(../images/pro-laptop-shadow.png) no-repeat; background-size: cover; background-position: center; width: 111%; height: 14px; position: absolute; bottom: -2px; left: -25px; right: 0; z-index: 0;}*/ .pro-mobile-cont{width: 75px; max-width: 100%; position: absolute; bottom: -24px; left: 0; z-index: 2;} .pro-mobile-cont > img{width: 100%; height: auto; display: block; position: relative; z-index: 2;} .pro-mobile-overlay{position: absolute; top: 0; width: 100%; height: 100%; padding: 0; z-index: 1;} .pro-mobile-overlay img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; object-fit: cover;padding: 3px 3px; border-radius: 10px;} /*.pro-mobile-cont::before{content: '';display: block;background: url(../images/pro-iphone-shadow.png) no-repeat;background-size: cover;background-position: center;width: 160%;height: 10px;position: absolute;bottom: -6px;left: -30px;right: 0;z-index: 1;}*/ footer { background: #94AEEB; position: relative; z-index: 1;} .footer-top { padding: 50px 40px 10px; } .footer-order-one { padding: 0 48px 30px 48px; } .footer-order-two { border-top: 1px solid #E6ECF9; display: flex; padding: 26px 45px 18px 45px; justify-content: space-between; } .footer-order-two-right ul li { display: inline-block; padding-right: 0px; } .footer-nav h5 { font-size: 18px; font-weight: 500; line-height: 27px; color: #fff; padding-bottom: 19px; } .footer-nav ul li { padding-bottom: 18px; } .footer-nav ul li a { font-size: 16px; font-weight: 400; line-height: 25px; color: #fff; } .footer-bottom { background: #E7E8EC; padding: 0 40px; } .footer-btm-container{max-width: 1280px; width: 100%; margin: 0 auto; padding: 0 12px; display: flex; align-items: center; justify-content: space-between;} .footer-bottom ul li { display: inline-block; padding-right: 16px; position: relative; } .footer-bottom ul li:last-child { padding-right: 0; } .footer-bottom ul li:last-child:after { display: none; } .footer-bottom ul li:after { content: ''; position: absolute; width: 1.5px; height: 11px; right: 5px; top: 6px; background: #9096A2; } .footer-bottom p, .footer-bottom ul li a { font-size: 12px; color: #8F96A3; font-weight: 400; line-height: 18px; } .footer-bottom p span { padding-right: 5px; } .footer-order-two-left p { font-size: 12px; line-height: 18px; color: #fff; font-weight: 400; padding: 13px 0 0; } .footer-order-two-left p small{font-size: 12px;} .footer-order-two-left p span { padding: 0 10px 0 0;} .footer-order-two-left p a{color: #fff;} .footer-img { width: 132.09px; margin: 0 0 0 auto; } .footer-img img { margin-bottom: 12px; max-width: 100%;} .trusted-by-the-best h3 { font-size: 24px; font-weight: 600; line-height: 35px; color: #94AEEB; letter-spacing: 3.6px; text-transform: uppercase; text-align: center; } .trusted-inner { max-width: 150px; width: 100%; position: relative; margin: 0 auto;} .trusted-inner img { border-radius: 10px; } .trusted-by-the-best { padding: 0 0 54px; } /* .trusted-by-the-best .swiper-slide {width: 100% !important;} */ .trusted-by-the-best .swiper-wrapper{-webkit-transition-timing-function:linear!important; transition-timing-function:linear!important;} .trusted-by-the-best .slick-track, .trusted-by-the-best .slick-list{-webkit-transition-timing-function:linear!important; transition-timing-function:linear!important;} .swiper-pagination { left: 0% !important; transform: translateX(0%) !important; } .featured-products .nav .blue-dark { max-width: 110px; margin-top: 10px; } /* .featured-mobile-gird .swiper{height: 100%; width: 100%;} */ .featured-mobile-gird img { width: 100%; height: auto; } .featured-mobile-gird { background: url(../images/mobile-apps.png) no-repeat; background-size: cover; border-radius: 10px !important; position: relative; display: block; padding: 71px 0 112px; height: 475px; } .featured-mb-slide-box { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; padding: 6px; } .featured-mobile-max { max-width: 144px; width: 100%; margin: 0px auto; position: relative; } .featured-app-frame { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; /* padding: 9px; */ z-index: 1; } /*.featured-mobile-max:after { content: ''; position: absolute; width: 200px; height: 50px; background: url(../images/Mobile-Apps-shadow.png) no-repeat; left: -48px; bottom: -31px; background-size: 100%; }*/ .website-gird { background: url(../images/website-apps-bg.png) no-repeat !important; background-size: cover !important; padding: 45px 0 0; } .online-booking-gird { background: url(../images/online-booking-bg.png) no-repeat !important; background-size: cover !important; padding: 37px 0 0; } .intake-form-gird { background: url(../images/online-booking-bg.png) no-repeat !important; background-size: cover !important; padding: 85px 0 0; } .website-gird .featured-mobile-max:after, .online-booking-gird .featured-mobile-max:after, .intake-form-gird .featured-mobile-max:after { display: none; } .website-gird .featured-mobile-max { max-width: 426px; } .online-booking-gird .featured-mobile-max { max-width: 500px; } /*.featured-mobile-gird.website-gird:before { position: absolute; content: ''; width: 100%; height: 40px; left: 1px; bottom: 86px; background: url(../images/website-Apps-shadow.png) no-repeat; background-size: 100%; }*/ /*.featured-mobile-gird.intake-form-gird .featured-mobile-max:before { position: absolute; content: ''; width: 423px; height: 40px; left: -66px; bottom: -24px; background: url(../images/intake-form-shadow.png) no-repeat; background-size: 100%; z-index: 0; }*/ .featured-mobile-gird.intake-form-gird .featured-mb-slide-box { padding: 10px; } .featured-mobile-gird.intake-form-gird .featured-mobile-max>img { position: relative; } .website-gird .featured-mb-slide-box { padding: 19px; } .website-gird .featured-mb-slide-box .mobile-slider-img { position: relative; padding-bottom: 56%; } .website-gird .featured-mb-slide-box .mobile-slider-img img, .online-booking-gird .mobile-slider-img img, .featured-mobile-gird.intake-form-gird .mobile-slider-img img { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; object-fit: cover; object-position: top; } .online-booking-gird .featured-mb-slide-box { padding: 17px 58px; } .online-booking-gird .swiper-pointer-events { max-width: 385px; padding: 8px 0 0; } .online-booking-gird .mobile-slider-img { position: relative; padding-bottom: 63%; } .intake-form-gird .featured-mobile-max { max-width: 345px; } .featured-mobile-gird.intake-form-gird .mobile-slider-img { position: relative; padding-bottom: 75%; } .featured-mobile-gird.intake-form-gird .mobile-slider-img img { border-radius: 6px; } .inner-banner-wrapper { position: relative; display: block; margin-bottom: 40px; } .inner-banner-wrapper img {display: block; width: 100%;height: 350px; object-fit: cover;} .inner-banner-position { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: flex-end; justify-content: center; padding: 0 12px;} .inner-banner-position .inner-banner-box { max-width: 600px; width: 100%; min-height: 75px; background: #A7BDED; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 10px; margin-bottom: -39px; } .inner-banner-position .inner-banner-box h2 { font-size: 32px; line-height: 48px; letter-spacing: 4.8px; text-transform: uppercase; font-weight: 600; color: #fff; } .inner-banner-position .inner-banner-box h2 sup{top: -8px;} nav.breadcrumb { max-width: 1150px; width: 100%; margin: 0 auto; --bs-breadcrumb-divider: '>'; font-size: 10px; line-height: 16px; padding: 20px 15px 0 15px; } .breadcrumb-item a { color: #8F96A3; } .breadcrumb-item+.breadcrumb-item::before { color: #8F96A3; padding-right: 3px; line-height: 17px; } .breadcrumb-item.active { color: #282834; } .breadcrumb-item+.breadcrumb-item { padding-left: 3px; } .who-is-salonclouds { background: #FAFAFA; border-radius: 10px; max-width: 1120px; width: 100%; margin: 65px auto 28px; padding: 45px 60px 40px 60px; } .who-is-salonclouds h2 { font-size: 24px; font-weight: 600; line-height: 35px; color: #94AEEB; letter-spacing: 3.6px; text-transform: uppercase; padding-bottom: 8px;/* text-align: center; */} .who-is-salonclouds p { padding-bottom: 14px; } .who-is-salonclouds p span { font-weight: 700; color: #E7928F; } .who-is-salonclouds p strong { font-size: 18px; font-weight: 500; line-height: 27px; } .about-section { max-width: 1120px; width: 100%; margin: 0 auto 77px; } .about-banner-slider{position: relative;} .about-statistic-slider{position: relative;} .about-timeline-slider{position: relative;} .about-box { background: #E5ECFA; border-radius: 10px; min-height: 360px; padding: 78px 52px 10px 40px; } .about-box h2 { color: #282834; font-size: 20px; font-weight: 500; line-height: 30px; padding: 24px 0 0; } .about-section .swiper-wrapper{margin-left: -10.5px; margin-right: -10.5px;} .about-section .col-md-4 { padding: 0 10.5px; } .featured-reviews-section { max-width: 1123px; width: 100%; margin: 0 auto 50px; } .featured-reviews-section .row { margin-bottom: 19px; } .featured-img { position: relative; display: block; } .featured-img img { border-radius: 10px; width: 100%;} .featured-gird { background: #FAFAFA; border-radius: 10px; height: 100%; } .featured-gird > h3 { font-size: 24px; font-weight: 600; line-height: 35px; color: #94AEEB; letter-spacing: 3.6px; text-transform: uppercase; padding: 43px 0 37px 57px; } .featured-gird .main-banner-slider { overflow: hidden; position: relative; } .featured-gird ul li { display: inline-block; padding-right: 0px; } .featured-gird .featured-content { padding: 0px 53px 10px; } .featured-gird .featured-content h3 { color: #282834; font-size: 18px; font-weight: 500; line-height: 18px; padding: 9px 0 0; } .featured-gird .featured-content p { padding: 5px 0; } .featured-gird .featured-content .review-desc{min-height: 125px; max-height: 125px; overflow-x: auto;} .featured-gird .featured-content .review-desc::-webkit-scrollbar {width: 5px; height: 5px; position: relative; transform: translateX(10px); } .featured-gird .featured-content .review-desc::-webkit-scrollbar-track { box-shadow: none; border-radius: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 3px; -o-border-radius: 5px; background-color: #E5ECFA; } .featured-gird .featured-content .review-desc::-webkit-scrollbar-thumb { background: #94AEEB; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .featured-gird .featured-content p span { font-size: 14px; color: #8F96A3; font-weight: 500; } .featured-gird .featured-content .blue-dark { margin: 10px 0 0; } .join-our-team { background: #FAFAFA; border-radius: 10px; height: 100%; padding: 68px 57px; } .join-our-team h3 { font-size: 24px; font-weight: 600; line-height: 35px; color: #94AEEB; letter-spacing: 3.6px; text-transform: uppercase; } .join-our-team ul li { font-size: 18px; line-height: 27px; font-weight: 500; color: #282834; display: inline-flex; width: 100%; padding-bottom: 47px; } .join-our-team p { padding-bottom: 11px; } .join-our-team ul li span { padding-right: 11px; } .mb-50 { margin-bottom: 50px; } .join-our-team-img { position: relative; display: block; } .join-our-team-img img { width: 100%; border-radius: 10px; } .featured-reviews-btn{padding: 0px 20px 90px 50px;} .featured-reviews-slider{position: relative;overflow: hidden;} .dots-display-white .swiper-pagination-bullet.swiper-pagination-bullet-active-main, .dots-display-white .swiper-pagination-bullet.swiper-pagination-bullet-active { background: url(../images/dot-active.svg) no-repeat !important; } .dots-display-white .swiper-pagination-bullet { width: 10px; height: 10px; margin: 5px 3px !important; background: url(../images/dot.svg) no-repeat !important; display: inline-block; opacity: 1; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; transform: none !important; left: 0 !important; } .dots-display-grey .swiper-pagination-bullet.swiper-pagination-bullet-active-main, .dots-display-grey .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: url(../images/grey-circlle-active.svg) no-repeat !important; } .dots-display-grey .swiper-pagination-bullet { width: 10px; height: 10px; margin: 5px 3px !important; background: url(../images/grey-circlle.svg) no-repeat !important; display: inline-block; opacity: 1; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; transform: none !important; left: 0 !important; } .portfolio-wrapper{ max-width: 1120px; width: 100%; margin: 60px auto 30px; } .portfolio-gird{ background: rgba(240,151,57,0.75); border-radius: 10px; overflow: hidden; position: relative; margin-bottom: 20px;} .portfolio-bottom{background: #FAFAFA; display: flex; padding: 12.5px 25px; position: relative;} .portfolio-bottom .portfolio-btm-left img{ border-radius: 20px; width: 100px; object-fit: cover; height: 100px;} .portfolio-bottom .portfolio-btm-right{padding: 20px 20px 0;} .portfolio-bottom .portfolio-btm-right h2{ font-size: 18px; font-weight: 500; line-height: 27px; padding-bottom: 9px;} .portfolio-bottom .portfolio-btm-right ul li{ display: inline-block; padding-right: 16px;} .portfolio-bottom .portfolio-btm-right ul li a{ position: relative; z-index: 0;font-size: 14px; line-height: 25px; font-weight: 500; color: #8F96A3;} .portfolio-bottom .portfolio-arrow-position{ cursor: pointer; position: absolute; right: 0; left: auto; width: 100%; height: 100%; top: 0;z-index: 111; text-align: center; } .portfolio-bottom .portfolio-arrow-position a{width: 100%; height: 100%;display: flex; align-items: center; justify-content: flex-end;animation-name: slide-in; animation-duration: 1s;} .portfolio-bottom .portfolio-arrow-position img{transition: all 0.5s ease-in-out; margin: 0 38px 0 0;} .portfolio-position{position: absolute; background: #FAFAFA; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 11; transform: translateY(100%);transition: all 0.6s ease-in-out; display: block !important;} .portfolio-collapse-grid{padding: 41px;} .portfolio-collapse-grid > img{ width: 100px; height: 100px; object-fit: cover; border-radius: 20px;} .portfolio-position h3{ font-size: 18px; line-height: 25px; font-weight: 500; padding: 19px 0;} .portfolio-position .portfolio-content h3{ font-weight: 500; color: #282834; font-size: 16px; line-height: 25px; padding: 0;} .portfolio-position p{color: #282834; padding: 0px 0 6px;} .portfolio-position p b{font-weight: 600;} .portfolio-top{position: relative;} .portfolio-slider{max-width: 446px; width: 100%; margin: 0 auto; padding: 30px 10px; min-height: 500px; display: flex; align-items: center; justify-content: center;} .portfolio-slider-img{ position: relative; padding-bottom: 62.5%; width: 100%;} .portfolio-slider img{position: absolute;left: 0; top: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; box-shadow: 0 0 20px rgba(0,0,0,0.10); border-radius: 10px; height: 100%; max-width: 100%;} .portfolio-slider.mobile-slider img{border-radius: 15px;} .portfolio-arrow-position a[aria-expanded="true"] img{ transition: all 0.5s ease-in-out; transform: rotate(180deg);} .portfolio-position.show{display: block !important; transform: translateY(0%);transition: all 0.6s ease-in-out;} .portfolio-content{ max-height: 300px; overflow-y: auto; margin-bottom: 52px;} .portfolio-banner-slider{position: relative;} .portfolio-tooltip-cont{ position: fixed; display: inline-block; margin-left: -70px; text-align: right;visibility: visible;opacity: 0; z-index: 2;} .portfolio-tooltip-cont span{background-color: #FAFAFA;color: #282834;font-size: 8px;display: inline-block;color: #282834;border-radius: 5px;padding: 4px 10px;} /* .portfolio-top:hover .portfolio-tooltip-cont{visibility: visible; opacity: 1;} */ /* .portfolio-position.show + .portfolio-bottom .portfolio-btm-right ul li a{z-index: 0; opacity: 0; visibility: hidden; transition: all 0.1s ease-in-out;} */ /* .portfolio-top-card .portfolio-tooltip-cont{top: 10px;} */ .portfolio-position.show + .portfolio-bottom .portfolio-arrow-position{width: auto;} .portfolio-btn a{margin-right: 5px; position: relative; z-index: 12;} .portfolio-content::-webkit-scrollbar {width: 5px; height: 5px; position: relative; transform: translateX(10px); } .portfolio-content::-webkit-scrollbar-track { box-shadow: none; border-radius: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 3px; -o-border-radius: 5px; background-color: #E5ECFA; } .portfolio-content::-webkit-scrollbar-thumb { background: #94AEEB; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .portfolio-slider.mobile-slider{max-width: 216px;} .portfolio-slider.mobile-slider .portfolio-slider-img{padding-bottom: 214.5%;} .portfolio-slider.intake-slider{max-width: 265px;} .portfolio-slider.intake-slider .portfolio-slider-img{padding-bottom: 142.1%;} .portfolio-wrapper .row .col-md-6:nth-child(2) .portfolio-gird{background: rgba(192,61,118,0.75);} .portfolio-wrapper .row .col-md-6:nth-child(3) .portfolio-gird{background: rgba(237,227,209,0.75);} .portfolio-wrapper .row .col-md-6:nth-child(4) .portfolio-gird{background: rgba(175,201,219,0.75);} .portfolio-wrapper .row .col-md-6:nth-child(5) .portfolio-gird{background: rgba(219,198,203,0.75);} .portfolio-wrapper .row .col-md-6:nth-child(6) .portfolio-gird{background: rgba(55,99,104,0.75);} #v-pills-mobile-apps .mobile-slider, #v-pills-mobile-apps .mobile-websites-slider{border-radius: 18px; overflow: hidden;} #v-pills-mobile-apps .mobile-slider img, #v-pills-mobile-apps .mobile-websites-slider{border-radius: 18px;} .mobile-websites-slider.swiper { width: 100%; height: 72%;} /* ==================== Loader content Start ==================== */ .loader {display: flex; width: 100%; height: 100%; position: fixed; z-index: 999999999; left: 0; top: 0; background: #FAFAFA;} .loader::before, .loader::after{content: '';position: absolute;top: 0;right: 0;left: auto;width: 450px;height: 252px;background: url(../images/opacity-salon-logo.svg) no-repeat;background-size: contain;background-position: right -180px center;} .loader::after{top: auto; bottom: 0; left: 0; right: auto; background-position: left -180px center;} .loaderin{ display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; flex-flow: column;} .loaderin .loadlogo{max-width: 250px; width: 100%; height: auto;animation: placeholder 1.5s ease-out infinite; animation-name: zoom;} .loader-circle-new{position: relative;transform: translateZ(0) scale(1);backface-visibility: hidden;transform-origin: 0 0;width: 50px; height: 50px; margin: 20px auto; display: block;} .loader-circle-new .ripple { box-sizing: content-box; } @keyframes ripple { 0% { top: 20px; left: 20px; width: 0; height: 0; opacity: 1; } 100% { top: -2px; left: -2px; width: 46px; height: 46px; opacity: 0; } } .loader-circle-new .ripple { position: absolute; border-width: 3px; border-style: solid; opacity: 1; border-radius: 50%; animation: ripple 1.923076923076923s cubic-bezier(0,0.2,0.8,1) infinite;} .loader-circle-new .ripple:nth-child(1) { border-color: #94AEEB; animation-delay: 0s;} .loader-circle-new .ripple:nth-child(2) { border-color: #282834; animation-delay: -0.9615384615384615s;} @keyframes zoom { 0% { transform:rotate(0) scale(0.8); -moz-transform:rotate(0) scale(0.8); -ms-transform:rotate(0) scale(0.8); -o-transform:rotate(0) scale(0.8); -webkit-transform:rotate(0) scale(0.8); } 50% { transform:rotate(0) scale(1.1); -moz-transform:rotate(0) scale(1.1); -ms-transform:rotate(0) scale(1.1); -o-transform:rotate(0) scale(1.1); -webkit-transform:rotate(0) scale(1.1); } 100% { transform:rotate(0) scale(0.8); -moz-transform:rotate(0) scale(0.8); -ms-transform:rotate(0) scale(0.8); -o-transform:rotate(0) scale(0.8); -webkit-transform:rotate(0) scale(0.8); } } /* ==================== Loader content End ==================== */ /* ==================== VB styles start ==================== */ .form-group{margin-bottom: 15px;} .form-control{border-radius: 10px; border: solid 1px #9096A2; height: 42px; font-size: 14px; line-height: 22px; font-weight:500; color: #282834;} .form-control::placeholder {color: #8F96A3; font-weight: 400;} .form-control::-webkit-input-placeholder {color: #8F96A3;font-weight: 400;} .form-control::-moz-input-placeholder {color: #8F96A3;font-weight: 400;} .form-control::-o-input-placeholder {color: #8F96A3;font-weight: 400;} .form-control::-ms-input-placeholder {color: #8F96A3;font-weight: 400;} .form-label, label{font-size: 16px; line-height: 25px; font-weight: 500;color: #282834;} select, select.form-select {border: 1px solid #9096A2;height: 42px;font-size:14px;line-height:25px;color:#282834;font-weight:500;padding-right:40px !important;background-image:url(../images/arrow-down.svg) !important;background-repeat:no-repeat;background-position:98%;background-position:calc(100% - 25px) !important;background-size: 8px 5px !important;background-color:#FFFFFF !important;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;box-shadow:none !important;outline:0;} .text-muted{color: #8F96A3;} textarea.form-control{height: auto;} .form-control:focus{border: solid 2px #E5ECFA; box-shadow: none;} .form-control.is-valid, .was-validated .form-control:valid{background-image: none;border: solid 1px #9096A2;} .form-control.is-invalid, .was-validated .form-control:invalid{background-image: none; border: solid 1px #DB9691;box-shadow: 0 0 0 2px rgba(219, 150, 145, 0.25) !important;} .invalid-feedback{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='error_FILL0_wght400_GRAD0_opsz48' d='M90,191a.811.811,0,1,1,.587-.237A.8.8,0,0,1,90,191Zm.675-3.825h-1.5V180.85h1.5ZM89.993,196a9.68,9.68,0,0,0,3.888-.787,10.1,10.1,0,0,0,5.332-5.334,10.009,10.009,0,0,0,0-7.783,10.006,10.006,0,0,0-2.15-3.171,10.264,10.264,0,0,0-3.184-2.138,10.009,10.009,0,0,0-7.783,0,10,10,0,0,0-5.309,5.313,10,10,0,0,0,0,7.781,10.213,10.213,0,0,0,2.138,3.177,10.1,10.1,0,0,0,3.175,2.15A9.672,9.672,0,0,0,89.993,196Zm-.006-1.5a8.493,8.493,0,1,1,6.025-2.488A8.165,8.165,0,0,1,89.988,194.5ZM90,186Z' transform='translate(-80 -176)' fill='%23e7928f'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: left center; padding: 0 0 0 25px; background-size: 20px 20px; color: #E7928F; margin-top: 8px} .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus{border: solid 1px #DB9691; box-shadow: 0 0 0 2px rgba(219, 150, 145, 0.25) !important;} .form-control.is-valid:focus, .was-validated .form-control:valid:focus{box-shadow: none; border: solid 1px #9096A2;} select.form-control{color: #2E3543;} select.select-option-color {color: #8F96A3 !important;font-weight: 400;} .modal-backdrop.show{opacity: 1;} .modal-backdrop{background-color: rgba(0, 0, 0, 0.10); backdrop-filter: blur(7px);} .modal .btn-close{background: url(../images/alert-close.svg) no-repeat;background-position: center !important;padding: 5px;opacity: 1;background-size: 12px 12px !important;box-shadow: none; margin: -4px -10px -4px auto;} .modal-content{background-color: #FAFAFA; border-radius: 10px; border: none;} .modal-header{border: none;padding: 0.5rem 1rem;} .modal-dialog{max-width: 550px;} .modal-title{font-size: 18px; line-height: 27px; letter-spacing: 2.7px; color: #94AEEB; font-weight: 600; text-transform: uppercase; padding: 5px 0;} .title-gray{font-size: 14px; line-height: 21px; color: #8F96A3; font-weight: 500; padding: 5px 0;} .faq-tooltip{position: relative; right: -40px; margin: 0 0 0 -25px;} .tooltip-custom.tooltip{margin: 5px 0 0 22px !important;} .tooltip-custom .tooltip-arrow{display: none;} .tooltip-custom.tooltip.show{opacity: 1;} .tooltip-custom .tooltip-inner{background-color: #282834; border-radius: 5px; font-size: 10px; line-height: 14px; text-align: left;} .heading1{font-size: 24px; line-height: 35px; font-weight: 600; padding: 0 0 10px; color: #94AEEB; letter-spacing: 3.6px; text-transform: uppercase;} .wrapper.alert-sticky + main > .breadcrumb-main{top: 111px;transition: all 0.5s ease-in-out;} .header.sticky + main > .breadcrumb-main{top: 71px;transition: all 0.5s ease-in-out;} .wrapper .header + main > .breadcrumb-main{top: 102px;transition: all 0.5s ease-in-out;} .wrapper .header.sticky + main > .breadcrumb-main{top: 71px;transition: all 0.5s ease-in-out;} .wrapper.alert-sticky .header + main > .breadcrumb-main{top: 142px;transition: all 0.5s ease-in-out;} .wrapper.alert-sticky .header.sticky + main > .breadcrumb-main{top: 111px;transition: all 0.5s ease-in-out;} .breadcrumb-main{background: #FAFAFA; padding: 8px 0; position: sticky; position: -webkit-sticky; top: 142px;transition: all 0.5s ease-in-out; z-index: 99;} .breadcrumb-main .container{max-width: 1144px;display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .breadcrumb-left{flex: 1 1 auto;} .breadcrumb-social{flex: 0 0 auto;} .breadcrumb, .breadcrumb-left .breadcrumb{margin: 0;} .breadcrumb-left .breadcrumb li{font-size: 10px; color: #8F96A3; font-size: 10px; line-height: 16px; font-weight: 400;} .breadcrumb-left .breadcrumb li a{color: #8F96A3;} .breadcrumb-left .breadcrumb-item+.breadcrumb-item{padding-left: 3px;} .breadcrumb-left .breadcrumb-item+.breadcrumb-item::before{content: ">";padding-right: 3px;} .breadcrumb-left .breadcrumb-item.active{color: #282834;} .breadcrumb-social ul{display: inline-flex; align-items: center;} .breadcrumb-social ul li{padding: 0 0 0 10px; font-size: 12px; line-height: 15px; color: #282834;} .job-openings-card-body{max-width: 1114px; width: 100%; margin: 70px auto 85px;} .job-open-left-card{background: #FAFAFA; border-radius: 10px; padding: 20px 55px 30px 20px; margin: 0 0 20px;} .job-title{font-size: 18px; line-height: 27px; font-weight: 500; padding: 0 0 10px;} .job-open-left-card h3{ font-size: 14px; line-height: 18px; font-weight: 500; color: #8F96A3;} .job-open-desc-card{ padding: 20px 0 0;} .job-open-desc-card h4{font-size: 16px; line-height: 25px; font-weight: 400;} .job-open-desc-card p{font-size: 14px; line-height: 25px; font-weight: 300; padding: 8px 0 0;} .job-open-desc-card ul{list-style-type: disc;margin: 0 0 0 15px;} .job-open-desc-card ul li{font-size: 14px; line-height: 25px; font-weight: 300;} .job-open-right-card{background: #FAFAFA; border-radius: 10px; padding: 20px 20px 20px 15px;} .job-open-right-card .btn-link{padding: 0; font-size: 14px; line-height: 20px; font-weight: 500; color: #94AEEB; text-decoration: underline !important;} .job-open-right-card .nav-tabs{width: 100%; flex-flow: column; border: none;} .job-open-right-card .nav-tabs li{margin: 0; padding: 6px 0 16px;} .job-open-right-card .nav-tabs li a{font-size: 14px; line-height: 20px; color: #282834; font-weight: 500; padding: 0; margin: 0; border: none !important; border-radius: 0; background-color: transparent !important;} .job-open-right-card .nav-tabs .nav-link.active{color: #94AEEB;font-weight: 500;text-decoration: underline !important;} .required-label:after{content: '*';color: #E7928F;font-size: 16px;margin: 0 0 0 0;} .job-application-grid{max-width: 670px; width: 100%; margin: 0 auto;} .job-heading{font-size: 24px; line-height: 35px; color: #94AEEB; font-weight: 600; text-transform: uppercase; text-align: center; letter-spacing: 3.6px;} .job-apply-top-card p{font-size: 14px; line-height: 20px; font-weight: 500; color: #8F96A3;} .job-apply-form-card{padding: 30px 50px 20px 50px; background: #FAFAFA; border-radius: 10px; margin: 15px 0 20px;} .job-apply-form-inner{border-bottom: solid 1px rgba(143,150,163,0.27); padding: 0 0 10px; margin: 0 0 25px;} .job-apply-form-inner .job-title{font-weight: 600; padding: 0 0 15px;} .job-apply-form-inner .form-group{margin-bottom: 20px;} .job-apply-form-inner:last-child{border-bottom: none;margin-bottom: 0;padding: 0;} .job-application-grid .btn.blue-dark{width: 95px; max-width: 100%; font-size: 16px; line-height: 20px;padding: 10px 12px;} .job-apply-form-card .text-muted{color: #8f96a3 !important; font-weight: 400;} .bs-select-picker .selectpicker{font-family: 'Poppins', sans-serif;} .bs-select-picker .dropdown-menu{border: none; } .bs-select-picker .bootstrap-select.show-tick .dropdown-menu li a span.text{ flex: 1; font-size: 14px; color: #282834;font-weight: 400; margin-left: 10px; margin-right: 10px;} .bs-select-picker .bootstrap-select .dropdown-menu{margin: 0px 0 0 0;font-family: 'Poppins', sans-serif;padding: 0 0 0; border-top: none;border-radius: 10px; min-width: 100% !important; width: 100%; border: none !important;} .bs-select-picker .bootstrap-select div.dropdown-menu{box-shadow: 0 2px 15px 0 rgb(46 53 67 / 15%) !important;} .bs-select-picker .bootstrap-select .dropdown-menu li a span.text{font-size: 14px; font-weight: 400; line-height: 15px; display: flex; align-items: center; justify-content: space-between; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: space-between;} .bs-select-picker .bootstrap-select .dropdown-menu li small{ font-weight: 500; text-align: right; position: static; right: 0; font-size: 13px; top: 10px; color: #282834 !important; padding: 0 0 0 15px; /*width: 30%;*/word-break: break-word;white-space: normal;} .bs-select-picker .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{display: inline-block; right: 32px;position: static;} .bs-select-picker .dropdown-item.active, .bs-select-picker .dropdown-item:active{background-color: transparent;} .bs-select-picker .dropdown-item.active span.text, .bs-select-picker .dropdown-item:active span.text{color: #282834 !important; font-weight: 400 !important; } .bs-select-picker .bootstrap-select .dropdown-menu li.active small{color: #282834 !important;font-weight: 600; } .bs-select-picker .dropdown-toggle::after{ background-image: url(../images/arrow-down.svg); background-repeat: no-repeat; background-position: center; width: 14px; height: 14px; background-size: 10px 6px; border: none !important; } .bs-select-picker .dropdown-toggle[aria-expanded="true"]::after{ transform: rotate(180deg);} .bs-select-picker .bootstrap-select .dropdown-menu li a{border-bottom: none;padding: 7px 10px 7px 15px;color: #282834;display: flex;} .bs-select-picker .bootstrap-select .dropdown-menu li:last-child a{border-bottom: none;} .bs-select-picker .bootstrap-select .dropdown-menu li:first-child span.text , .bootstrap-select .dropdown-menu li:first-child small{font-weight: 300; } .bs-select-picker .bootstrap-select>.dropdown-toggle{border: solid 1px #9096A2 !important;background-color: #fff !important;border-radius: 10px;color: #282834 !important;font-weight: 500;font-size: 14px;line-height: 20px;height: 42px;outline: none !important;box-shadow: none !important;font-family: 'Poppins', sans-serif;padding: 10px 30px 10px 15px;} .bs-select-picker .dropdown-menu[x-placement^="top"] { border-top: solid 1px #dddddd !important; border-radius: 5px 5px 0px 0px !important; margin: 0px 0 0;} .bootstrap-select>.dropdown-toggle.bs-placeholder{color: #8F96A3 !important; font-weight: 400;} /* .bootstrap-select .dropdown-toggle .filter-option-inner-inner{color: #282834;} */ .bs-select-picker .bs-actionsbox{display: none;} /* .bootstrap-select .bs-ok-default:after{border-width: 0 .16em .16em 0 !important;} */ .bs-select-picker .bootstrap-select .bs-ok-default:after{color: #282834;width: 20px;height: 20px;transform: rotate(0deg) !important;-webkit-transform: rotate(0deg) !important; font-size: 0; border: solid 1px #282834; display: block !important;background-color: #fff; border-radius: 4px;} .bs-select-picker .dropdown-menu>li>a.selected .bs-ok-default:after{background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.874' height='9.891' viewBox='0 0 13.874 9.891'%3E%3Cpath id='Icon_feather-check' data-name='Icon feather-check' d='M17.753,9l-8.08,8.08L6,13.407' transform='translate(-4.939 -7.939)' fill='none' stroke='%23282834' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E") !important;background-repeat: no-repeat !important;background-size: 14px 10px;background-position: center;} .bs-select-picker .bootstrap-select .dropdown-menu li a span.check-mark{display: block; vertical-align: middle;} .upload-doc-main{border-radius: 10px; background: #FFFFFF; padding: 0; margin: 10px 0 0;width: 100%; position: relative;} .image-file-upload { width: 100%; max-width: 100%;} .fileuploader-title{display: none;} .image-file-upload h3{font-size: 19px; line-height: 29px;} .fileuploader-theme-dragdrop .fileuploader-input{padding: 40.4px 30px 38px 30px !important;} .fileuploader-theme-dragdrop .fileuploader-input .fileuploader-input-inner{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;} .fileuploader-item .columns{display: flex; align-items: center;} .fileuploader-item .column-thumbnail{position: static !important; width: 36px !important; height: 36px !important; line-height: 36px !important;} .fileuploader-item .column-title{padding-left: 10px !important;width: calc(100% - 36px);} .fileuploader-item .column-title div{margin-bottom: 0px !important;} .fileuploader-item .column-actions{top: 4px !important;} .fileuploader-item .progress-bar2 .fileuploader-progressbar{width: calc(100% - 65px) !important; right: 10px !important; height: 5px !important;} .fileuploader-item { animation: none !important; position: absolute !important; width: 100%; margin: 0 !important; padding: 10px !important; left: 0; right: 0; top: 0; height: 100%; display: flex; justify-content: space-between; background: #FFFFFF; flex-flow: column; justify-content: center; border: solid 1px #9096A2 !important; box-shadow: none !important;} .fileuploader-item .progress-bar2 span{bottom: 30px !important; right: 10px !important;} .fileuploader-action-remove { background: url('../images/delete.svg') no-repeat center !important; height: 11px !important; background-size: 10px 11px !important;} .was-validated .fileuploader-theme-dragdrop .fileuploader-input{border: solid 1px #DB9691;} .fileuploader-item .column-title div{width: 79% !important;} .job-success-main{height: 100%; background: #FAFAFA;} .job-application-success-grid{max-width: 756px; width: 100%; margin: 0 auto; padding: 20px 12px; min-height: 600px; display: flex; align-items: center; justify-content: center; flex-flow: column; flex-wrap: wrap;} .job-application-success-grid .job-heading{font-size: 32px; line-height: 45px; letter-spacing: 4.8px; padding: 0 0 15px;} .job-application-success-grid h3{font-size: 18px; line-height: 27px;} .job-application-success-grid p{font-size: 16px; line-height: 25px;} .job-application-success-grid .btn.blue-dark{width: 142px; max-width: 100%; font-size: 16px; line-height: 20px; padding: 10px 10px; margin: 15px 0 0;} .iti__arrow{background: url(../images/input-arrow.svg) no-repeat;border: none !important;background-size: 11px 6px;width: 11px !important;height: 6px !important;} .iti__arrow.iti__arrow--up{transform: rotate(180deg);} .browse-connect-card{max-width: 600px; width: 100%; margin: 0 auto; padding: 115px 0 80px;} .browse-connect-card .job-heading{padding: 0 0 10px;} .browse-connect-card p{padding: 10px 0 18px;} .integrations-grid-cont{max-width: 1120px; width: 100%; margin: 0 auto;} .integrate-img-card{margin: 0 0 20px;position: relative;} .integrate-img-card figure{position: relative; padding-bottom: 100%; background: #FAFAFA;border-radius: 10px;} .integrate-img-card figure img{max-width: 100%;height: auto;object-fit: contain;position: absolute; border-radius: 0;z-index: 2;transition: all 0.5s ease-in-out;filter: grayscale(100%);transform: translate(-50%, 0%);-webkit-filter: grayscale(100%);top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-moz-filter: grayscale(100%);} .integrate-img-card:hover img{transition: all 0.5s ease-in-out; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);} .integrate-img-card span{position: absolute; border-radius: 10px; width: 100%; height: 100%; top: 0; left: 0; right: 0; display: block; z-index: 1; opacity: 0; visibility: hidden; z-index: 1;transition: all 0.5s ease-in-out;} .integrate-img-card:hover span{opacity: 1; visibility: visible;transition: all 0.5s ease-in-out;} .custom-app-integrate-txt{position: absolute; top: 0; width: 100%; height: 100%; left: 0; right: 0; display: flex; align-items: center; justify-content: center; flex-flow: column; text-align: center; z-index: 2;transition: all 0.5s ease-in-out;} .custom-app-integrate-txt h3{font-size: 14px; line-height: 21px; color: #8F96A3; font-weight: 500;transition: all 0.5s ease-in-out;} .custom-app-integrate-txt h4{font-size: 18px; line-height: 27px; color: #282834; font-weight: 600; letter-spacing: 2.7px;transition: all 0.5s ease-in-out; padding: 8px 0 0; text-transform: uppercase;} .integrate-img-card:hover h3, .integrate-img-card:hover h4{color: #fff;transition: all 0.5s ease-in-out;} .custom-app-integrate-txt::before, .custom-app-integrate-txt::after{content: '';position: absolute;top: 0;right: 0;left: auto;width: 134px;height: 110px;background: url(../images/cloud-scp.svg) no-repeat;background-size: contain;background-position: top right -50px; z-index: 3; opacity: 1; visibility: hidden;} .custom-app-integrate-txt::after{top: auto; bottom: 0; left: 0; right: auto; background-position: bottom left -50px;} .integrate-img-card:hover .custom-app-integrate-txt::before, .integrate-img-card:hover .custom-app-integrate-txt::after{opacity: 1; visibility: visible;} .integrate-img-card.integrate-white-filter:hover img{filter: brightness(0) saturate(100%) invert(95%) sepia(94%) saturate(6%) hue-rotate(91deg) brightness(104%) contrast(100%);} .terms-main-card{padding: 65px 0 30px;} .terms-grid-cont{max-width: 1120px; width: 100%; margin: 0 auto;} .terms-title{font-size: 18px; line-height: 27px; font-weight: 500; padding: 0 0 10px;} .terms-left-col-card{padding: 38px 40px 30px 40px; border-radius: 10px; background: #FAFAFA; margin: 0 0 15px; min-height: 672px;} .terms-left-col-card h2{font-size: 14px; line-height: 21px; color: #8F96A3; padding: 0 0 10px;} .terms-left-col-card p{font-weight: 400; padding: 0 0 20px; color: #282834;} .terms-privacy-cont-scroll a{text-decoration:underline !important;} .faq-info-card a{text-decoration:underline !important;color: #94AEEB;} .terms-right-col-card{padding: 38px 40px 30px 42px; border-radius: 10px; background: #FAFAFA;} .terms-right-col-card ul li{margin: 0; padding: 8px 0 9px;} .terms-right-col-card ul li.active a{color: #94AEEB;text-decoration: underline !important;} .terms-right-col-card ul li a{font-size: 14px; line-height: 20px; font-weight: 500; color: #282834;} .sitemap-inner{padding: 0 0 13px;} .sitemap-inner h3{font-size: 16px; line-height: 25px;} .sitemap-inner ul li{margin: 2px 0 2px;} .sitemap-inner ul li a{font-size: 14px; line-height: 25px; color: #282834; font-weight: 300;} .faq-inner-cont h3{font-size: 16px; line-height: 25px; font-weight: 400; padding: 0 0 3px;} .faq-inner-cont p{font-size: 14px; line-height: 25px; font-weight: 300; color: #282834;} .protools-main-card{padding: 60px 0 48px;} .protoolbox-slider-cont{max-width: 1046px; width: 100%; margin: 0 auto;} .protool-slide-cont{text-align: center; position: relative;} .protool-slide-cont::after{content: ''; width: 40px; height: 2px; background: #99ADE6; margin: 10px auto 0; display: none;} .protool-slide-cont span{width: 50px; height: 50px; background: #FAFAFA; display: flex; align-items: center; justify-content: center; border-radius: 10px; margin: 0 auto 12px;} .protool-slide-cont span img{max-width: 100%; height: auto; display: block;} .protool-slide-cont:hover span{background: #E5ECFA;} .protool-title{font-size: 12px;line-height: 18px; color: #282834;} .protool-title a{color: #282834;} .protoolbox-slider-cont .swiper-slide.active .protool-slide-cont::after{display: block;} .protoolbox-slider-cont .swiper-slide.active .protool-slide-cont span{background: #94AEEB;} .protoolbox-slider-cont .swiper-slide.active .protool-slide-cont span img{filter: invert(97%) sepia(100%) saturate(9%) hue-rotate(77deg) brightness(105%) contrast(100%);} .protoolbox-slider-cont .swiper-slide.active .protool-title a{color: #94AEEB;} .terms-privacy-cont-scroll .terms-left-col-card{padding: 10px; border-radius: 0; background: #FAFAFA; margin: 0; max-height: 600px; min-height: auto; overflow: auto;} .terms-privacy-cont-scroll{padding: 38px 40px 30px 40px; border-radius: 10px; background: #FAFAFA; margin: 0 0 15px; min-height: 672px;} .terms-privacy-cont-scroll .terms-left-col-card::-webkit-scrollbar {width: 5px; height: 5px; position: relative; transform: translateX(10px); } .terms-privacy-cont-scroll .terms-left-col-card::-webkit-scrollbar-track { box-shadow: none; border-radius: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 3px; -o-border-radius: 5px; background-color: #E5ECFA; } .terms-privacy-cont-scroll .terms-left-col-card::-webkit-scrollbar-thumb { background: #94AEEB; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } .protools-features-cont{max-width: 1120px; width: 100%; margin: 60px auto 0;} .protools-features-info-card{background: #FAFAFA; border-radius: 10px; padding: 65px 50px 60px 58px; height: 100%;} .protools-features-info-card p{font-size: 16px; line-height: 25px;padding: 0 0 10px;} .protools-features-info-card ul li{font-size: 18px;line-height: 27px;font-weight: 500;color: #282834;position: relative;padding: 0 0 0 28px;margin: 6px 0 45px;} .protools-features-info-card ul li::before{content: ''; background: url(../images/cloud-marker.svg) no-repeat; background-size: 15px 11px; background-position: top 8px center; display: block; position: absolute; left: 0; top: 0; width: 16px; height: 100%;} .protools-red-cont.protools-features-info-card ul li{color: #E7928F; font-weight: 700;} .protools-features-slider-card{height: 100%; background: #E5ECFA; border-radius: 10px; } .protools-features-slider{position: relative; height: 100%;padding:0; display: flex; align-items: center; justify-content: center;} .protools-features-slider .swiper-slide{display: flex; justify-content: center; align-items: center; padding: 0 30px; text-align: center;} .protools-features-slider .swiper{height: 100%; width: 100%;} .protool-features-slide-img{/*max-width: 297px;*/ width: 100%; height: 100%; min-height: 475px; position: relative; margin: 0 auto; padding: 0;} .protool-features-slide-img img{max-width: 100%;height: auto;display: block;margin: auto;border-radius: 15px;box-shadow: 0 0 20px rgba(0,0,0,0.10);width: auto;object-fit: cover;position: absolute;top: 0;left: 0;right: 0;bottom: 0;} .features-swipe-pagination.swiper-pagination{transform: translate(2%, -20%) !important;} .customapp-badge{position: absolute;top: 0;width: 77px;right: 0;color: #8F96A3;font-size: 12px;line-height: 16px;background: #fff;z-index: 2;text-align: center;border-radius: 5px;padding: 6px 3px;} .pro-app-lplist{flex: 0 0 auto;} .pro-app-lplist ul{display: inline-flex; justify-content: space-between; flex-wrap: wrap;} .pro-app-lplist ul li{padding: 0 0 0 30px;} .pro-app-lplist ul li a{font-size: 12px; line-height: 24px; color: #282834; padding: 0 0 10px; cursor: pointer;} .pro-app-lplist ul li.active a, .pro-app-lplist ul li a.active{color: #94AEEB; border-bottom: solid 2px #94AEEB; font-weight: 500;} .products-appLP-main-card{padding: 50px 0 50px;} .pro-appLP-grid-cont{max-width: 1120px; width: 100%; margin: 0 auto;} .pro-appLP-grid-cont .row{margin-bottom: 20px;} .appLP-info-inner-card{display: flex; flex-flow: column; justify-content: space-between; height: 100%; } .appLP-top-card{padding: 50px 30px 20px 50px; border-radius: 10px; background: #FAFAFA; height: 40%; flex: 0 0 auto; margin-bottom: 20px; display: flex;flex-flow: column; justify-content: center; align-items: flex-start; } .appLP-top-card h3{font-size: 16px; line-height: 25px; font-weight: 500;} .appLP-top-card h3 strong{color: #8F96A3; font-weight: 500; margin: 0 0 0 7px;} .appLP-top-card p{font-size: 16px; line-height: 25px; color: #282834; padding: 8px 0 20px;} .appLP-features-card{padding: 35px 40px 35px 50px; border-radius: 10px; background: #FAFAFA; height: calc(100% - 40%); min-height: 265px; flex: 1 1 auto; } .appLP-features-card h4{font-size: 18px; line-height: 27px; font-weight: 500;} .LP-features-key-list{display: inline-flex; flex-wrap: wrap;} .LP-features-key-list li{background: #fff; border-radius: 5px; font-size: 12px; line-height: 20px; color: #8F96A3; padding: 4px 13px; margin: 5px 10px 5px 0;} .text-red, .text-red strong{color: #E7928F !important;} .pairs-well-grid-cont{max-width: 600px; width: 100%; margin: 80px auto 30px;} .catalog-slider-cont{max-width: 1120px; width: 100%; margin: 0 auto;} .catalog-slide-cont{height: 100%; min-height: 360px; background: #FAFAFA; padding: 40px; display: flex; flex-flow: column; justify-content: space-between; border-radius: 10px;} .catalog-desc-card{height: calc(100% - 45px);} .catalog-desc-card span{display: block; margin: 0 0 25px;} .catalog-desc-card span img{max-width: 100%; height: auto; display: block;} .catalog-desc-card h6{font-size: 20px; line-height: 30px; font-weight: 500;} .catalog-desc-card p{font-size: 16px; color: #282834; padding: 5px 0 10px;} .catalog-btn{} .pro-websites-slider-card .protool-features-slide-img{max-width: 460px;} .share-btn{width: 100px; max-width: 100%;} .banner-flex{display: flex; flex-flow: column;} .webwidget_rating_simple{ padding: 0 0 0; margin: 0px; float: none; width: 100%; height: 38px;} .webwidget_rating_simple li{ line-height: 0px; width: 25px; height: 25px; padding: 0px; margin: 0 10px 0 0; list-style: none;cursor: pointer; display: inline-block; background-size:cover;background-position: center;} .webwidget_rating_simple li span{display: none;} .reviews-modal-inner{max-width: 400px; width: 100%;} .reviews-modal-inner .form-group{margin-bottom: 20px;} .review-success-modal-inner{max-width: 472px; width: 100%; margin: 0 auto; min-height: 567px; display: flex; flex-flow: column; justify-content: center;} .integrations-modal-top{background: #FAFAFA; border-radius: 10px; padding: 20px 30px; margin-bottom: 20px;} .integrations-logo-card.integrate-img-card{max-width: 250px; width: 100%; margin: 0 auto;} .swiper-slide-thumb-active .integrations-logo-card.integrate-img-card figure img, .integrations-logo-card.integrate-img-card:hover img{filter: brightness(0) saturate(100%) invert(95%) sepia(94%) saturate(6%) hue-rotate(91deg) brightness(104%) contrast(100%);} .swiper-slide-thumb-active .integrations-logo-card.integrate-img-card span{opacity: 1; visibility: visible;} .swiper-slide-thumb-active .integrate-logo-color-img.integrations-logo-card figure img, .integrate-logo-color-img.integrations-logo-card:hover img{transition: all 0.5s ease-in-out; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);} .integrations-logo-card.integrate-img-card:hover span{background: #E5ECFA;} .newsletter-modal-inner{max-width: 472px; width: 100%; margin: 0 auto;} .newsletter-modal-inner .modal-title{padding: 5px 0 3px;line-height: 26.5px;} /* ==================== VB styles end ==================== */ /******k start*****/ .breadcrumb-right {margin-left: auto; margin-top: -5px;} .breadcrumb-right select {width: 100px; height: 25px; font-size: 10px; line-height: 16px; padding: 3px 10px; padding-right: 18px !important; color: #282834; border: 1px solid #282833; background-color: rgba(255,255,255,0.25) !important; border-radius: 5px; background-position: calc(100% - 10px) !important; background-size: 8px 5px !important; } .blog-main {padding: 60px 15px 48px;} .blog-main-container { max-width: 1120px; width: 100%; margin: 0 auto;/* padding-top:376px; */} .blog-main-container .row {margin-left: -10px; margin-right: -10px;} .blog-main-container .row .col-12 {padding-left: 10px; padding-right: 10px; margin-bottom: 20px;} .blog-item-in { padding: 22px 20px 30px; background: #FAFAFA; border-radius: 10px; position: relative; height: 100%; } .category-status { font-size: 12px; line-height: 20px; padding: 4px 14px; color: #8F96A3; background: #FFFFFF; border-radius: 10px; position: absolute; right:0 ; top: 0; } .blog-item-img {width: 125px; height: 125px; border-radius: 10px; background: #FFFFFF; margin-bottom: 19px; /*border: 1px solid #E6ECF9;*/ } .blog-item-img img {width: 125px; height: 125px; border-radius: 10px; object-fit: cover; } .blog-item-date {font-size: 12px; line-height: 17px; padding: 0px; margin: 0 0 9px; color: #8F96A3; font-weight: 500;} .blog-item-title {font-size: 16px; line-height: 25px; padding: 0px; margin: 0 0 9px; color: #282834; font-weight: 500; width: 100%; } .blog-item-title.white-space {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .blog-item-para {font-size: 14px; line-height: 21px; padding: 0px; margin: 0 0 22px; color: #282834; font-weight: 400; white-space: normal; word-break: break-all; } .blog-item-para p {font-size: 14px; line-height: 21px; padding: 0px; margin: 0 0 25px; color: #282834; font-weight: 400; } .blog-item-para p strong { font-weight: 600; } .blog-item-large .blog-item-in{display: flex; align-items: center; padding: 40px; } .blog-item-large .blog-item-in .blog-item-img {width: 42.5%;height: auto;flex: 0 0 auto;margin: 0; background: transparent;} .blog-item-large .blog-item-in .blog-item-img img {width: 280px; height: 280px; max-width: 100%;} .blog-item-large .blog-item-in .blog-item-desc {width: 57.5%;padding-left: 20px;flex: 0 0 auto;} .get-latest-info-in { background: #E5ECFA; border-radius: 10px; padding: 43px 40px 50px; height: 100%; min-height: 360px; } .get-latest-info-in h2 {font-size: 20px; line-height: 30px; padding: 0px; margin: 0 0 8px; color: #282834; font-weight: 500;} .get-latest-info-in p {font-size: 16px; line-height: 25px; padding: 0px; margin: 0 0 6px; color: #282834; font-weight: 400;} .get-latest-info-icon { margin-bottom: 23.5px; } .get-latest-info-in .form-label {font-size: 12px; line-height: 14px; margin-bottom: 5px; } .get-latest-info-in .form-control {font-size: 12px; line-height: 14px; height: 32px; padding: 3px 10px; border-radius: 10px; } .showMoreItemsList .blog-item-in{position: relative; padding-bottom: 60px;} .showMoreItemsList .blog-item-in .btn.blue-dark{position: absolute;bottom: 0;left: 0;right: 0;display: inline-block;width: 100px;padding: 7px 8px !important;margin: 0 20px 30px;} .brewing-content{min-height: 535px; height: 100%; width: 100%; overflow: hidden; position: relative; border-radius: 10px; background: #FAFAFA;} .brewing-content::before, .brewing-content::after{content: '';position: absolute;top: 0;right: 0;left: auto;width: 309px;height: 180px;background: url(../images/opacity-salon-logo.svg) no-repeat;background-size: contain;background-position: top -20px right -110px;} .brewing-content::after{top: auto; bottom: 0; left: 0; right: auto; background-position: bottom -16px left -155px;} .brewing-body{ display: flex; align-items: center; height: 100%;} .storm_brewing_inner .modal-title{font-size: 32px; letter-spacing: 4.8px; line-height: 48px;padding: 5px 0 15px;} .storm_brewing_inner{max-width: 452px; width: 100%; margin: 0 auto;} .storm_brewing_inner h4{font-size: 18px; line-height: 27px; font-weight: 500;} .blog-main-inner.blog-main { padding: 48px 15px 48px; } .blog-main-inner .blog-item-in .blog-item-img {width: 100%; max-width: 360px; height: auto; margin: 0 0 30px;} .blog-main-inner .blog-item-in .blog-item-img img {width: 100%; height: 360px; object-fit: cover; margin: 0;} .blog-main-inner .blog-item-in {padding: 40px;} .blog-main-inner .category-status {font-size: 16px; line-height: 20px; padding: 12px 19px;} .blog-main-inner .blog-item-date {font-size: 14px; line-height: 20px; margin-bottom: 10px;} .blog-main-inner .blog-item-title {font-size: 18px; line-height: 25px; margin-bottom: 9px;} .blog-main-inner .blog-item-para p, .blog-main-inner .blog-item-para {font-size: 16px; line-height: 25px;} .blog-main-inner .blog-item-para p a, .blog-main-inner .blog-item-para a { color: #94AEEB; } .published-by {font-size: 14px; line-height: 20px; margin: 0; padding: 0; color: #8F96A3; font-weight: 500;margin-bottom: 17px;} .archived-post h4{font-size: 18px;font-weight: 500;color: #282834;line-height: 27px;margin-bottom: 18px;} .archived-post{ margin: 19px 0; height: 100%;} .archived-post .article-bg{position: relative; margin-bottom: 20px;padding: 10px 20px;background: #FAFAFA; border-radius:10px;} .archived-post .article-bg .inner-article-txt h5{font-size:12px;font-weight: 500;line-height: 33px;color: #8F96A3;} .archived-post .article-bg .inner-article-txt p{ width: 300px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; font-size: 16px;font-weight: 500;line-height: 25px;color: #282834;padding-top: 0;} .archived-post .article-bg .inner-article-txt .btn{margin: 8px 0;} /******k end*****/ /* ================== KP =================*/ .contact-information { margin: 60px 0 38px; } .information-article { padding: 56px 0; text-align: center; max-width: 600px; width: 100%; margin: 0 auto; } .title-main { font-size: 24px; font-weight: 600; line-height: 35px; color: #94AEEB; letter-spacing: 3.6px; text-transform: uppercase; padding-bottom: 10px; } .how-to-contact { margin-bottom: 26px; } .three-layout-max-grid { max-width: 1120px; width: 100%; margin: 0 auto; } .three-layout-max-grid .three-layout-custom-card { margin-bottom: 20px; padding: 77px 40px; background: #E5ECFA; border-radius: 10px; } .three-layout-custom-card .title, .three-layout-custom-card h2 { font-size: 20px; font-weight: 500; line-height: 30px; color: #282834; } .three-layout-custom-card .sub-title, .three-layout-custom-card p, .three-layout-custom-card a { padding: 10px 0 10px 0; font-size: 16px; font-weight: 400; line-height: 25px; color: #282834; } .three-layout-custom-card-body > span > img { position: relative; width: 37px; height: 37px; object-fit: contain; } .three-layout-custom-card-body > span { position: relative; width: 100%; height: 100%; display: inline-block; margin-bottom: 19px; } .three-layout-custom-card-body .btn.blue-dark { margin: 18px 0 0; } .file-not-found { position: relative; overflow: hidden; min-height: calc(100vh - 146px); display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 30px 0; margin-bottom: 1px; } .max-file-not-found { max-width: 508px; width: 100%; margin: 0 auto; text-align: center; } .max-file-not-found h2 { font-size: 32px; color: #94AEEB; text-transform: uppercase; line-height: 48px; letter-spacing: 4.8px; text-align: center; margin-bottom: 16px; } .max-file-not-found h3 { font-size: 18px; font-weight: 500; line-height: 27px; color: #282834; } .mx-btn-143 { max-width: 143px !important; width: 100%; line-height: 20px; font-size: 16px; padding: 9.5px 11.5px !important; } .salonclouds-logo .right-opacity-logo { position: absolute; width: 596px; right: -193px; top: -76px; } .salonclouds-logo .left-opacity-logo { position: absolute; width: 596px; left: -312px; bottom: -78px; } .pricing-information { margin: 60px 0 0; } .pricing-information .information-article { padding: 53px 0 } .pricingTable { background: #FAFAFA; border-radius: 10px; padding: 20px; } .pricingTable .pricingTable-header .title, .pricingTable .pricingTable-header h3 { margin-bottom: 20px; font-size: 20px; font-weight: 500; line-height: 30px; } .pricingTable .pricingTable-header .title span, .pricingTable .pricingTable-header h4 span { padding-left: 5px; display: inline-block; vertical-align: middle; color: #8F96A3; font-size: 10px; font-weight: 400; line-height: 16px; } .pricingTable .price-value .amount, .pricingTable .price-value h4 { margin-bottom: 8px; font-size: 24px; letter-spacing: 3.6px; text-transform: uppercase; line-height: 35px; color: #94AEEB; font-weight: 600; } .pricingTable .price-value .fee, .pricingTable .price-value h5 { font-size: 16px; line-height: 25px; font-weight: 400; } .pricingTable .pricingTable-header { border-bottom: 1px solid rgba(143, 150, 163, 27%); padding-bottom: 24px; } .price-features h6 { font-size: 16px; font-weight: 500; line-height: 25px; } .pricingTable-body { padding: 22px 0 0; } .price-features ul { list-style-position: inside; padding: 18px 0 9px; } .price-features ul li { font-size: 14px; line-height: 21px; position: relative; padding-left: 30px; padding-bottom: 9px; } .price-features ul li:after { content: ''; position: absolute; background-image: url('../images/check.svg'); width: 20px; height: 20px; left: 0; top: 0; } .price-features ul li.disable:after { content: ''; position: absolute; background-image: url('../images/un-check.svg'); width: 20px; height: 20px; left: 0; top: 0; } .price-features ul li.disable{color: #8F96A3;} .note p{font-size: 14px;text-align: center;line-height: 25px;} .note {padding: 10px 0;} .mix-and-match-parent h6{font-size: 24px;font-weight: 600;text-transform: uppercase;color: #282834;letter-spacing: 3.6px;line-height: 35px;} .mix-and-match-parent{padding: 2rem 0;} .product-table{ padding: 29px 11px; margin: 49px 0 6px; background: #FAFAFA; border-radius:10px;} .product-table .table tr th {text-align: left;font-size: 16px;border-bottom: 0; font-weight: 500;} .product-table .table tr td {text-align: left;font-size: 14px;line-height: 25px; padding: 7.2px 8px;} .product-table .table tbody{border-top: 0;} .product-table .product-info-tb span{ width: 30px !important;height: 25px;display: inline-block;vertical-align: middle;text-align: left;line-height: 25px;} .product-info-tb{display: flex;align-items: baseline;} .product-table .product-info-tb p{margin: 0; width: calc(100% - 30px);padding: 0 3px;font-size: 14px;} .tb-link{font-size: 14px;font-weight: 500;color: #94AEEB;line-height: 20px;text-decoration: solid underline #94AEEB 2px !important;} .product-table .text-danger{color: #E7928F !important;} .product-table .table tr td:nth-child(2){font-weight: 500;} .popover{background: #282834;border-radius: 5px;} .popover-body{color: #fff;} .popover-arrow{display: none !important;} .product-table::-webkit-scrollbar {width: 6px; height: 6px;} .product-table::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px;} .product-table::-webkit-scrollbar-thumb {background: #A7BDED; border-radius: 10px;} .iti__country-list{min-width: 300px;white-space: normal !important;} .iti__country-list::-webkit-scrollbar, .scroll::-webkit-scrollbar {width: 6px; height: 6px;} .iti__country-list::-webkit-scrollbar-track, .scroll::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px;} .iti__country-list::-webkit-scrollbar-thumb, .scroll::-webkit-scrollbar-thumb {background: #A7BDED; border-radius: 10px;} .tb-link:hover{color: #94AEEB;} .free-demo-header{padding: 36px 0;} .demo-back-btn img{max-width: 100%;} .demo-back-btn a{cursor: pointer;} .free-demo-header .container{max-width: 1205px;width: 100%;margin: 0 auto; display: flex; align-items: center;} .freedemo-wrapper .demo-logo{padding: 0 0 0 20px; width: calc(100% - 25px);} .max-demo-app{max-width: 1100px;width: 100%;margin: 0 auto 80px;} .demo-app-title h2{font-size: 14px;text-align: center;color: #8F96A3;font-weight: 500;line-height: 21px; margin-bottom: 10px;} .service-app{margin: 8px 1px;} .service-app a{cursor: pointer;} .service-app .service-inner{position: relative;padding-top: 100%;overflow: hidden;} .service-app .service-inner img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;object-position: top center;border-radius: 10px 10px 0 0;} .service-app .service-demo-content h3{font-size: 16px;font-weight: 500;line-height: 25px;} .service-app .service-demo-content p{color: #8F96A3;line-height: 25px;font-size: 12px;padding: 0;} .service-app .service-demo-content{ padding: 5px 10px; border-radius: 0 0 10px 10px; background: #FAFAFA;} #multistep_form fieldset:not(:first-of-type) {display: none;} #multistep_form fieldset{ -webkit-animation: fadeIn 1s linear; animation: fadeIn 1s linear; } @-webkit-keyframes fadeIn {from { opacity: 0;}to {opacity: 1;}} .max-demo-app .max-form-wrap { padding: 0; max-width: 670px; width: 100%; margin: 8px auto; } .max-demo-app .max-form-wrap .from-inner-bg { padding: 28px 50px; background: #FAFAFA; border-radius: 10px;} .max-demo-app .max-form-wrap .form-group:last-child { margin-bottom: 10px; } .max-demo-app .max-form-wrap .route-buttons { margin: 33px 0; } .max-demo-app .max-form-wrap .route-buttons .blue-dark { padding: 9.7px 11.5px; max-width: 111px; width: 100%; margin-left: 7px; font-size: 16px; } .max-demo-app .max-form-wrap .route-buttons .blue-dark.max-95-btn{max-width: 95px;} .max-demo-app .max-form-wrap .blue-outline-dark { border: 2px solid #99ADE6; padding: 7.4px 16.7px; color: #282834; font-weight: 500; font-size: 16px; border-radius: 10px;} .max-demo-app .max-form-wrap .form-group { margin-bottom: 21px; } .max-demo-app .max-form-wrap .blue-outline-dark:hover { background: #E5ECFA; color: #282834; border: 2px solid #E5ECFA; } .max-demo-app .form-control, .max-demo-app select.form-control {color: #282834; } /* .max-demo-app .form-control:focus { box-shadow: none; border: 1px solid #9096A2; } */ .label-small-txt { color: #8F96A3; font-weight: 500; } .max-form-wrap .form-group.error .form-control { border: 1px solid #DB9691; } .max-form-wrap .form-group.error .error-txt { display: block; color: #E7928F; font-weight: 400; line-height: 20px; font-size: 14px; position: relative; padding: 0px 28px; margin: 10px 0 0; } .max-form-wrap .form-group.error .error-txt::before { content: ''; position: absolute; left: 0; top: 0; background-image: url('../images/error-check.svg'); width: 20px; height: 20px; } .max-form-wrap b{color: #8F96A3; font-weight: 400;} .demo-app { padding: 5px 0; } .demo-thankyou { min-height: calc(100vh - 97px); display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; } .middle-txt p { font-size: 14px; line-height: 21px; font-weight: 500; color: #8F96A3; } .middle-txt .btn { padding: 10px 18px; font-size: 16px; } .arcticle-img {position: relative;padding-top: 100%;overflow: hidden;margin: 60px 0 10px;} .arcticle-img img{ border-radius: 17px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: top center; object-fit: cover;} .event-max-wrap{max-width: 1120px;width: 100%;margin: 0 auto;padding: 60px 0 70px;} .ui-datepicker .ui-datepicker-header { background: transparent !important; border: 0 !important; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-radius: 10px !important; border: 0; background: #FAFAFA !important; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 0; background: transparent; color: #2c2c2c; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {height: 100%; background: transparent; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border: 0; border-radius: 0;} .ui-datepicker td { padding: 4px 6px; line-height: 28px; } .ui-state-highlight, .ui-widget-content .ui-state-highlight { color: var(--bs-body-color); border: 0.125rem solid var(--bs-blue); border-radius: 0.5rem;} .ui-datepicker-prev .ui-icon { background-image: url('../images/left-arrow-calender.svg'); background-repeat: no-repeat; background-position: 40% 40%; } .ui-datepicker .ui-datepicker-prev span { margin-top: 0px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 0; border: 0 !important; opacity: 1; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { cursor: pointer; top: 35%; } .ui-datepicker-next .ui-icon { background-image: url('../images/right-arrow-calender.svg'); background-repeat: no-repeat; background-position: 40% 40%; } .ui-datepicker .ui-datepicker-next { right: 0; } .ui-datepicker .ui-datepicker-prev { left: 0; } .ui-datepicker .ui-datepicker-next span { margin-top: 0; } .ui-datepicker-inline{width: 100%;} .ui-datepicker .ui-datepicker-header{ margin: 30px 34px 10px 41px;} .ui-datepicker .ui-datepicker-title{ font-size: 20px;font-weight: 600;color: #282834 !important;font-family: 'Poppins', sans-serif !important; } .ui-datepicker th{font-size: 16px;color: #8F96A3;font-weight: 500;font-family: 'Poppins', sans-serif !important; padding: 15px 2px 20px 5px;} .ui-datepicker-calendar{ max-width: 480px; width: 100%; margin: 0 auto !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{width: 28px; margin: 0 auto; background: transparent; text-align: center; font-size: 14px;font-weight: 400;line-height: 55px;color: #282834 ;border: 0 !important;padding: 0 !important;} .ui-state-default.ui-state-highlight.ui-state-active{ display: block; margin: auto;line-height: 28px; background: #282834; color: #fff; width: 28px; height: 28px; border-radius:50% ; } .ui-state-default.ui-state-active{display: block; margin: auto;line-height: 28px; background: #282834; color: #fff; width: 28px; height: 28px; border-radius:50% ;} .ui-widget.ui-widget-content{ border: 0 !important; border-radius:10px ; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{background: #E7E8ED;} .ui-datepicker-calendar thead tr { border-bottom: 1px solid rgba(143,150,163,27%); } .event-right-details-grid{height: 100%; width: 100%; position: relative;} .event-title-main{display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 16px;height: 31.11%;} .event-title-main .event-content-main{width: calc(100% - 190px);} .event-content-main{flex: 1 1 auto;min-height: 170px;height: 100%;padding: 42px 40px;background: #FAFAFA;border-radius:10px;margin: 0;} .event-content-main h2{font-size: 18px;line-height: 27px;font-weight: 500;} .event-content-main p{padding: 8px 0 8px;white-space: normal; word-break: break-all;} .event-content-main ul li{font-size: 14px;color: #8F96A3;font-weight: 500;line-height: 21px;margin-right: 8px;list-style-position: inside;} .event-content-main ul{display: flex;list-style-type: disc;} .event-content-main ul li:first-of-type{list-style-type: none;} .salonclouds-event-logo{flex: 0 0 auto;width: 190px;max-width: 100%;position: relative;min-height: 170px;padding: 0 0 0 20px;height: 100%;} .salonclouds-event-logo img{height: 100%;object-fit: cover;object-position: top center;width: 100%;border-radius:10px;display: block;} .event-details-description{min-height: 190px; max-height: 190px; overflow-y: auto;} .event-details-description p{padding: 5px 0 10px; font-size: 14px; line-height: 25px;} .all-events-details { height: calc(100% - 34%); min-height: 345px;} .all-events-details .blue-dark{margin: 10px 0;} .all-events-details .event-content-main{min-height: auto;} .education-event-slider{overflow: hidden;} .education-event-slider .swiper-pagination{ right: 0% !important; left: auto !important;} .past-webinars .max-webinars-wg{max-width: 600px;width: 100%;margin: 0 auto;text-align: center; padding: 0 0 88px;} .past-webinars{padding: 34px 0 48px;} .three-column-layout-webinar{max-width: 1120px;width: 100%;margin: 7px auto;} .three-column-layout-webinar .blog-item{margin-bottom: 27px;} .tele-input .iti{display: block;} .file-not-found form{ max-width: 395px;width: 100%;margin: 16px auto;} .file-not-found form .form-group input.form-control{margin-right: 10px;max-width: 275px;width: 100%;} .file-not-found form .btn.blue-dark{ padding: 7px 21.5px;} .file-not-found form .mx-340{max-width: 326px;width: 100%;margin: 0 auto;} .event-details-modal-inner h3{font-size: 18px;line-height: 27px;font-weight: 500;} .event-details-modal-inner h4{font-size: 16px; font-weight: 500; padding: 5px 0 10px;} .event-details-modal-inner figure img{max-width: 100%; width: 250px; margin: 0 auto; border-radius: 10px;} .event-details-modal-inner ul{display: flex;list-style-type: disc; justify-content: center;} .event-details-modal-inner ul li{font-size: 14px;color: #8F96A3;font-weight: 500;line-height: 21px;margin-right: 8px;list-style-position: inside;} .event-details-modal-inner ul li:first-of-type{list-style-type: none;} .mobile-view-btn{display: none;} #event_loader_image{ position: absolute; left: 0px; right: 0px;} /* ================== End KP css ==========*/ .mySwiperParent { min-height: 885px !important; max-height: 885px !important; height: 100% !important; position: relative; padding-bottom: 25px !important; } .mySwiperParent .swiper-slide { height: 154px !important;} .mySwiperParent .swiper-pagination { top: auto !important; display: flex; } .mySwiperParent .swiper-pagination-bullet { display: inline-block; } .mySwiperParent .mySwiper { width: 100%; height: 100% !important; } /* .mySwiperParent .mySwiper .swiper-slide { height: auto !important; } */ .mySwiperParent .archived-post .article-bg { margin: 0; } .mySwiperParent .swiper-pagination-clickable .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 50%; background: #8F96A3; opacity: 1; outline: 1px solid #fff; } .mySwiperParent .swiper-pagination { position: absolute; bottom: 0; background: #fff; padding: 5px 0; margin: 0; transform: translate(0px, 0px) !important; border-radius: 5px; margin-bottom: -30px; } .mySwiperParent .swiper-pagination-clickable .swiper-pagination-bullet-active { outline-offset: -2px; width: 12px; height: 12px; } .event a { position: relative; transition: 0.5s; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; } .event a::before { content: ''; position: absolute; width: 8px; height: 8px; background: #94AEEB; border-radius: 50%; text-align: center; right: 50%; transform: translate(50%, -100%); bottom: 0; } .event a.ui-state-active::before { transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; bottom: -17px; } .home-tab-slider.tab-content>.tab-pane {display: block !important; height: auto !important; overflow: visible; grid-column: 1/-1; grid-row: 1/-1; opacity: 0; transition: opacity cubic-bezier(0.4, 0, 1, 1) 0.5s; z-index: 0; position: relative;} .home-tab-slider.tab-content>.tab-pane.active.show {height: auto !important; overflow: visible; opacity: 1; z-index: 5;} .home-tab-slider.tab-content{ display: grid; /* grid-auto-rows: calc(1px * auto); */ row-gap: 20px;} .showMoreItemsList+.button-box button{padding: 7px 11.5px !important; border-radius: 10px !important;width: 98px !important;} .slick-dots{text-align: left; bottom: 15px; left: 15px;} .slick-dots li button:before{display: none;} .slick-dots li{ width: 10px; height: 10px; margin: 0 3px;} .slick-dots li.slick-active button { background: url(../images/dot-active.svg) no-repeat !important; } .slick-dots li button { width: 10px; height: 10px; margin: 0 !important; background: url(../images/dot.svg) no-repeat !important; display: block; opacity: 1; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; transform: none !important; left: 0 !important; } .slick-dots li:only-child {visibility: hidden;} /* ==================== Media Queries Start ==================== */ @media (min-width: 768px) { .job-open-left-card h3 small{display: none;} .integrations-modal-main .modal-content{background: transparent;} .ui-datepicker-main{height: 100%;background: #FAFAFA !important; border-radius: 10px; padding: 0 0 15px;} /*---self---*/ .about-section .swiper-slide{width: 33.33333333%; height: auto;} .footer-logo, .get-started-content h2, .get-started-content .btn{display: none;} .footer-ul{display: block !important;} .get-started-wrapper .blue-dark{display: inline-block;} .swiper-wrapper>.tab-pane{display: none;} .swiper-wrapper>.active{display: block;} .responsive-typed-strings{display: none;} /*---self---*/ } @media (min-width: 992px) { .site-map-col{width: 27%;} .event-max-wrap .row{margin-left: -10px; margin-right: -10px;} .calendar-left-col{width: 50%; padding-left: 10px; padding-right: 10px;} .events-right-col{width: 50%; padding-left: 10px; padding-right: 10px;} .get-latest-info-in{max-height: 360px;} } @media (min-width: 1080px) { .footer-order-one .col-md-9{ padding-right: 34px;} .footer-order-one .col-md-2{ width: 20%;} .navbar-nav li:hover ul {display:block;visibility:visible;opacity:1;z-index:1;transform: translateY(0%);transition-delay: 0s, 0s, 0.3s;} .navbar-nav li ul ul {display:none !important;} .navbar-nav li ul li:hover ul{display:block !important;} .navbar-nav li ul { visibility:hidden;opacity:0; display: block !important; } } @media (max-width: 1200px) { .salonclouds-logo .right-opacity-logo{width: 350px;right: -110px;top: 53px;} .salonclouds-logo .left-opacity-logo{ width: 350px;left: -110px;bottom: 53px;} .pricingTable{margin-bottom: 20px;} .event-content-main ul li{font-size: 12px;} .past-webinars .max-webinars-wg{padding: 0 0 78px;} } @media (max-width: 1079px) { .wrapper { padding-top: 45px; } .wrapper.alert-sticky{padding-top: 85px;} .wrapper.alert-sticky + main > .breadcrumb-main{top: 111px;} .header.sticky + main > .breadcrumb-main{top: 50px;} .wrapper.alert-sticky .header.sticky + main > .breadcrumb-main{top: 108px;} .wrapper .header + main > .breadcrumb-main{top: 45px;} .wrapper .header.sticky + main > .breadcrumb-main{top: 45px;} .wrapper.alert-sticky .header + main > .breadcrumb-main{top: 85px;} .breadcrumb-main{top: 45px;} .collapse.navbar-collapse { display: none; } .navbar-default .navbar-collapse.show { display: flex !important; flex-flow: column; transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; } .navbar-collapse { width: 100%; max-width: 100%; height: calc(100% - 45px); top: 45px; position: fixed; left: -100%; display: block !important; transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; background: rgba(255, 255, 255, 1); /* transform: translateX(-100%); */ border-top: 1px solid #49365A; overflow-y: auto; overflow-x: hidden; padding: 0 12px; z-index: 9; } .navbar-collapse.show { left: 0; transform: translateX(0%); } .navbar-default .navbar-collapse { border: none; box-shadow: none; } .header.sticky .navbar-collapse { top: 45px; } .navbar-nav { width: 100%; max-width: 100%; margin: 0 0 0; padding: 0; } .navbar-nav li { width: 100%; } .navbar-nav > li > a { padding: 5px 0 !important; } .navbar-nav li span { display: block; } .navbar-nav li ul { position: static; width: 100% !important; padding: 5px 0; visibility: visible; opacity: 1; transform: none!important; transition: none!important; display: none; margin: 0; background: #fff;} .navbar-nav li ul ul { position: static; width: 100%; padding: 5px 0; } .navlist { padding: 0 0; position: relative; z-index: 9; display: flex; width: 100%; align-items: center; justify-content: space-between; -webkit-align-items: center; -webkit-justify-content: space-between; display: -webkit-flex; } .logo img {width: 150px;} .navbar-header { display: block; padding: 0 0; margin: 0; } .navbar-default .navbar-nav > li > a { font-size: 18px; line-height: 24px; text-align: left; display: block; } .navbar-default .navbar-nav > li { padding: 5.5px 25px 5.5px 0; text-align: left; } .navbar-nav li ul li a{font-size: 16px; line-height: 22px;} .navbar-nav li:hover ul { display: none; } /*.navbar-nav li ul ul {display:none !important;}*/ .navbar-nav li ul li:hover ul { display: none; } .navbar-nav li ul li:hover { color: #fff; } .navbar-nav li:last-child { border: none; } .navbar-nav li ul li { padding: 8px 0 8px 0; text-align: left; } .header.sticky .navlist { padding: 0 0px; transition: all 0.5s ease-in-out; } .header.sticky { padding: 0; } .header { padding: 0; } .navbar { display: block; float: none; padding: 0; } .header-container { padding: 0 15px; } .nav-brand-parent { display: block; padding: 10px 0; } .logo { padding: 0; } .navbar-default .navbar-nav > li > a i{display: none;} .header.sticky .nav-brand-parent{padding: 10px 0;} .wrapper.alert-sticky .navbar-collapse{height: calc(100% - 85px); top: 85px;} .button-section{width: 100%; padding: 10px 0 30px; text-align: center;} .button-section ul li:first-child, .btn.sin-in{display: none;} .button-section ul li{display: block;} .button-section .btn.blue-dark{width: 100%; padding: 10px 12px; font-size: 16px;} .three-layout-max-grid .three-layout-custom-card{ padding: 30px 16px;} .salonclouds-logo .right-opacity-logo{width: 250px;right: -110px;top: 53px;} .salonclouds-logo .left-opacity-logo{ width: 250px;left: -110px;bottom: 53px;} .event-content-main{padding: 20px;} .breadcrumb ol{margin: 0 8px;} .header-top .btn-close{padding: 10px 10px;} /*---self---*/ .pricing-content{padding: 20px;} .portfolio-bottom .portfolio-btm-right h2{font-size: 16px;} .footer-order-two-right{width: 150px;} .footer-bottom{padding: 0 15px;} .footer-order-two{padding: 26px 10px 18px} .footer-order-one{padding: 0 10px 31px;} .footer-top{padding: 50px 10px 10px;} /*---self---*/ .portfolio-bottom .portfolio-arrow-position img{margin: 0 20px 0 0;} .product-banner-img{padding: 30px 30px 30px 30px;} .about-section .swiper-wrapper{ margin-left: 0; margin-right: 0;} } @media (max-width: 991px) { .loader::before, .loader::after{width: 300px;height: 169px;background-position: right -130px center;} .loader::after{background-position: left -130px center;} .banner-inner-gird img{height: 500px;} .event-content-main{ flex: 1 0 100%;} .event-details-description{min-height: auto;} .ui-datepicker-calendar{max-width: 100%; width: 100%;} .ui-datepicker-main .ui-datepicker{max-width: 380px; width: 100%; margin: 0 auto;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{line-height: 50px;} .ui-state-default.ui-state-active{line-height: 28px;} .event-title-main{flex-direction: column-reverse; justify-content: center; align-items: center;} .event-content-main{padding: 10px 15px;} .all-events-details{min-height: auto;} .event-max-wrap{padding: 30px 0 30px;} .get-latest-info-in{padding: 35px 25px 35px;} .blog-item-large .blog-item-in{padding: 25px;} } /*---self---*/ @media(min-width:768px) and (max-width:1100px){ .swiper-wrapper{padding: 0;} .get-started-wrapper .nav-pills .nav-link{ font-size: 12px;} .featured-img, .join-our-team-img, .pricing-option-img{height: 100%;} .featured-img img, .join-our-team-img img, .pricing-option-img img{height: 100%; object-fit: cover;} } @media(min-width:768px) and (max-width:992px){ .footer-order-one .col-md-9 .col-md-2{padding: 0 5px;} .footer-nav h5{font-size: 16px;} .footer-nav ul li a{ font-size: 14px;} .product-banner .product-inner-content h3{font-size: 20px; letter-spacing: 2px;} .product-banner .product-inner-content p{padding: 0px 0 10px;} } /*---self---*/ @media (max-width: 767px) { .three-layout-max-grid .row .col-md-4:nth-child(2) .pricingTable{border: 1px solid #99ADE6;} .job-open-left-card h3 span{display: none;} .job-open-left-card h3 small{font-size: 14px;} .modal .btn-close{/* background: url(../images/mob-close.svg) no-repeat; */background-size: 20px 20px !important;width: 20px;height: 20px;margin: 0 0 0 auto;} .modal-dialog{margin: 20px auto 0; width: 100%; max-width: 100%;} .modal-content{box-shadow: 0 0 20px rgba(0,0,0,0.10); border-radius: 20px 20px 0 0;} .modal-dialog-centered{align-items: flex-end;min-height: calc(100% - 20px);} /* .modal .modal-dialog { -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .modal.fade .modal-dialog { bottom: -100%; -webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out; -moz-transition: opacity 0.3s linear, bottom 0.3s ease-out; -o-transition: opacity 0.3s linear, bottom 0.3s ease-out; transition: opacity 0.3s linear, bottom 0.3s ease-out; } .modal.fade.show .modal-dialog { bottom: 0;} */ .modal.fade .modal-dialog { transform: translate3d(0, 0%, 0);} .modal.in .modal-dialog { transform: translate3d(0, 0, 0); } .modal-backdrop{background-color: rgba(0, 0, 0, 0.10);} .modal-backdrop.show{opacity: .9;} .heading1{font-size: 22px; letter-spacing: 2.5px;} .protools-features-info-card{padding: 25px;} .protools-features-info-card ul li{margin: 5px 0 30px;} .protools-main-card{padding: 50px 0 40px;} .features-swipe-pagination.swiper-pagination{transform: translate(3%, 20%) !important;} .appLP-top-card{padding: 30px; height: auto;} .appLP-features-card{padding: 30px; height: auto;} .swipe-pagination-right.swiper-pagination{left: auto !important; right: 0;} .protools-features-slider .swiper-slide{padding: 10px 30px;} .terms-left-col-card, .terms-privacy-cont-scroll{padding: 30px 10px 30px 10px; min-height: auto;} .terms-right-col-card{padding: 30px 10px 30px 10px;} .terms-left-col-card p{color: #282834; font-weight: 300;} .job-apply-form-card{padding: 30px 0 20px 0; margin: 20px 0 0;} .job-application-grid form{background: #FAFAFA;border-radius: 10px; padding: 0px 15px 30px;margin: 30px 0 0;} .job-openings-card-body{margin: 50px auto 0;} .banner-flex{flex-direction: column-reverse;position: relative; padding: 0 0 30px;} .breadcrumb-social{display: none;} .banner-inner-gird .banner-innner-position .banner-inner-content{margin: 0 auto;padding: 30px 10px; text-align: center;} .banner-inner-gird .banner-innner-position .banner-inner-content h2, .banner-inner-gird .slide__text{font-size: 28px; line-height: 38px;} .banner-inner-gird .banner-innner-position .banner-inner-content .btn.blue-dark { margin-top: 20px; } .banner-inner-gird img{height: 80vh; min-height: 500px;} .inner-banner-wrapper{margin-bottom: 0;} nav.breadcrumb{padding: 10px 12px; background: #FAFAFA;} .inner-banner-position .inner-banner-box{min-height: 60px;margin-bottom: -30px;max-width: calc(100% - 30px); } .inner-banner-position .inner-banner-box h2{font-size: 24px; line-height: 35px; letter-spacing: 3.5px;} .inner-banner-wrapper img {min-height: 300px; height: 50vh;} .review-success-modal-inner{min-height: 300px;justify-content: flex-start;} .integrations-modal-top .modal-title{color: #282834;text-transform: none;letter-spacing: 0;} .blog-main {padding: 90px 15px 25px;} .breadcrumb-right{margin: 5px 0;width: 100%; padding: 0 15px;position: absolute; bottom: -60px; left: 0; right: 0;} .breadcrumb-right select{width: 100%;height: 35px;font-size: 14px;} .breadcrumb ol{margin: 0; padding: 0 8px 0 0;} /*---self---*/ .trusted-by-the-best{padding-bottom: 0px;} .btn.blue-dark{padding: 7px 16px;} .featured-products .nav{padding: 20px;} .featured-products .tab-content, .pricing-option-img{margin-bottom: 20px;} .meet-salonclouds{padding: 20px; margin: 15px auto;} .featured-products .row{flex-direction: column-reverse;} .get-started-wrapper .swiper-pagination{ position: static; padding: 0 0 10px; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 auto} .get-started-content p{color: #282834; min-height: 50px;padding: 5px 0 15px;} .get-started-wrapper > h2{padding-bottom: 20px; letter-spacing: 2.5px; font-size: 22px; line-height: 30px;} .get-started-content{padding: 0 10px 10px;} .get-started-content .btn.blue-dark{margin: 30px 0 10px;} .get-started-wrapper .tab-pane.fade{opacity: 1;} .get-started-content h2{ font-size: 20px; letter-spacing: 0; font-weight: 500; color: #1D1D1D; padding-bottom: 10px;} .get-started-wrapper .nav{display: none;} .join-our-team ul{margin: 15px 0 0;} .join-our-team ul li{padding-bottom: 30px;} .join-our-team{padding: 20px 20px 35px;} .row.mb-50{flex-direction: column-reverse; margin-bottom: 50px;} .featured-gird ul li{padding-right: 5px; margin-bottom: 10px;} .featured-gird ul li svg{ width: 24px; height: auto; display: inline-block;} .featured-gird ul li svg path{fill:#E7D68F;} .featured-gird .featured-content h3{padding-bottom: 10px;} .featured-gird .featured-content p{font-size: 14px; line-height: 21px;} .featured-gird .featured-content{padding: 0px 15px 10px;} .featured-gird > h3{padding: 15px;} .featured-img, .join-our-team-img{margin-bottom: 20px;} .featured-gird .swiper-pagination{ right: 0% !important; transform: translateX(0%) !important; left: auto !important;} .about-box{min-height: 260px; padding: 40px 20px;} .about-section{padding: 0 10px; overflow: hidden;} .about-section .swiper-pagination{text-align: right; padding: 0 10px;} .about-section .col-md-4{padding: 0 5px;} .about-box h2{ color: #282834;} .about-section .swiper-wrapper{padding: 0;} .who-is-salonclouds{padding: 30px; margin:10px auto;} .portfolio-wrapper{margin: 40px auto 30px;} .portfolio-bottom .portfolio-btm-right{padding: 0px 60px 0 20px;} .portfolio-bottom .portfolio-btm-right h2{padding: 0;} .portfolio-bottom .portfolio-btm-left img{width: 70px; height: 70px;} .portfolio-bottom{padding: 12.5px 15px; align-items: center;} .portfolio-slider{min-height: 420px;} .portfolio-slider.mobile-slider{max-width: 180px;} .portfolio-slider{ max-width: 346px;} .footer-bottom p, .footer-bottom ul li a{font-size: 10px;} .footer-bottom ul li:after{ right: 2px;} .footer-bottom ul li{padding-right: 10px;} .footer-nav h5 a span img{transition: all 0.5s ease-in-out;} .footer-nav h5 a[aria-expanded="true"] span img{ transition: all 0.5s ease-in-out; transform: rotate(180deg);} .footer-bottom p{padding: 5px 0;} .footer-btm-container{padding: 5px 10px 0; flex-direction: column-reverse;} .footer-order-two-right ul li{padding-right: 10px;} .footer-order-two-left p small{display: block;} .footer-order-two-left p span{ display: block; padding: 10px 0 0;} .footer-top .container-fluid{padding: 0;} .footer-logo{padding: 0 0 5px;} .footer-logo img{width: 150px; margin-bottom: 10px;} .footer-order-two{ padding: 26px 10px 18px; text-align: center; flex-direction: column-reverse; align-items: center;} .footer-order-one{padding: 0 20px 31px;} .footer-top{padding: 30px 0px 10px;} .footer-nav h5 a span{display: block;} .footer-nav h5 a{pointer-events: auto; display: flex; justify-content: space-between;} .footer-order-two-left img, .portfolio-bottom .portfolio-btm-right ul{display: none; } .footer-img{margin: 15px 0 0; width: 190px; display: flex; justify-content: space-between;} .footer-img img:last-child{height: 46px; object-fit: contain;} .product-banner{margin: 0 auto;} .product-banner .product-inner-content{ text-align: center;} .get-started-wrapper{overflow: hidden; position: relative; margin: 0 auto 50px;padding: 0 10px;} .featured-products h2{font-size: 20px; letter-spacing: 2px;} .portfolio-position p{font-size: 14px; line-height: 20px;} .portfolio-content{height: 200px; margin-bottom: 30px;} .portfolio-position > img{width: 70px; height: 70px;} .product-banner{display: flex; flex-direction: column-reverse; /*background: url(../images/product-bg.png) no-repeat; background-size: cover;*/ margin: 0 auto -40px; overflow: hidden;} .product-banner .product-inner{position: relative; display: block;} /*---self---*/ .mySwiperParent { height: auto !important; min-height: auto !important; max-height: inherit !important; } .mySwiperParent .swiper-pagination { position: relative; } .mySwiperParent .swiper-pagination { justify-content: end; } .mySwiperParent .swiper-slide { height: auto !important;} .featured-reviews-btn{padding: 0px 15px 40px 15px;} .past-webinars .max-webinars-wg{padding: 0 0 50px;} .typed-cursor{font-size: 22px;} .typed-txt-cont{min-height: 70px; display: none;} .pricing-content ul li span{font-size: 14px;line-height: 24px;} .pricing-content ul li span strong{font-size: 16px; line-height: 26px;} #typed-strings, #typed-strings-2, #typed-strings-3{display: block !important;} .freedemo-wrapper .demo-logo{padding: 0 12px;} .free-demo-header{padding: 30px 0;} .footer-nav h5{padding-bottom: 10px;} .footer-nav ul li{padding-bottom: 15px;} .join-our-team p{font-size: 17px;} .mobile-view-btn{display: inline-block;} .growth-progress.progress{display: none;} .product-banner .product-inner-content{margin: 0 auto; text-align: center;} .product-banner-img{/*background: url(../images/product-banner-mobile.png) no-repeat;*/ background-position: bottom center; border-radius: 0;padding: 30px 15px 110px 15px;} .pro-consult-right-card{margin: 30px auto 50px;} .pro-monitor-cont{margin: 0 0 0 20px;} .storm_brewing_main .modal-title{font-size: 25px; letter-spacing: 3px; line-height: 35px;} } @media(max-width:768px) and (min-width:576px){ .featured-products .nav, .featured-products .tab-content{ max-width: 549px; width: 100%; margin: 0 auto;} } @media (max-width: 575px) { .wrapper.alert-sticky .header + main > .breadcrumb-main{top: 103px;} .wrapper.alert-sticky .navbar-collapse{height: calc(100% - 103px); top: 103px;} .wrapper.alert-sticky{padding-top: 103px;} .banner-inner-gird .banner-innner-position .banner-inner-content h2, .banner-inner-gird .slide__text{font-size: 20px; line-height: 28px;} .information-article{padding: 30px 0;} .title-main{ letter-spacing: 2.5px;font-size: 20px;} .contact-information{margin: 30px 0 30px;} .inner-banner-position .inner-banner-box{margin-bottom: -25px; min-height: 50px;} .inner-banner-position .inner-banner-box h2{ font-size: 21px; letter-spacing: 3px;} .salonclouds-logo .right-opacity-logo{width: 140px;right: -53px;top: 53px;} .salonclouds-logo .left-opacity-logo{ width: 140px;left: -53px;bottom: 53px;} .file-not-found{min-height: calc(100vh - 60px);} .max-file-not-found h2{font-size: 28px;letter-spacing: 3px;} .max-file-not-found h3{font-size: 16px;} .mix-and-match-parent h6{ color: #94AEEB; letter-spacing: 1.6px; font-size: 22px;} .product-table .table tr th:last-child, .product-table .table tr td:last-child{display: none;} .product-table .table{width: 100%;display: block;} .product-table .table tr th:not(:first-child){display: none;} .product-table .table tr td{display: block;} .product-table .table tr td:before{ content: attr(data-attr);margin-right: 10px; width: 50%;text-align: left;position: relative;display: block;} .product-table .table tr th{min-width: 100% !important;width: 100% !important;} .product-table .table tr td:not(:first-child){display: flex;align-items: center;justify-content: space-between;width: 100%;} .product-table .table tr td:last-child{display: none;} .product-table .table tr td span{width: 22%;text-align: left;} .product-table .table tr td:not(:nth-child(3)){border-bottom: 0;} .product-table .table tr th:first-child{display: none;} .product-table .table tr td:nth-child(3){padding-bottom: 15px;} .product-table .table tr td:first-child{padding-top: 15px;} .service-app a{display: flex; background: #FAFAFA; border-radius: 0 10px 10px 0;align-items: center;} .service-app .service-inner{flex: 1 0 30%;padding-top: 30%;} .service-app .service-inner img{ border-radius: 10px 0 0 10px;} .service-app .service-demo-content{flex: 1 0 70%;} .max-demo-app .max-form-wrap .from-inner-bg{padding: 20px;} .route-buttons{display: flex;flex-direction: column-reverse;align-items: center;} .max-demo-app .max-form-wrap .route-buttons .btn{max-width:max-content;width: 100% !important;margin: 8px 0;} .max-demo-app .max-form-wrap .blue-outline-dark{background: transparent !important; border: none !important;} .max-demo-app .max-form-wrap .blue-outline-dark{border: 0;padding: 0;text-decoration: underline !important;color: #8F96A3;} .blog-main-inner .blog-item-in .blog-item-img{margin: 30px 0; max-width: 100%;} .blog-main-inner .blog-item-in{padding: 35px 16px 25px;} .archived-post .article-bg .inner-article-txt h5{font-size: 14px;} .blog-item-large .blog-item-in{display: block;padding: 40px 20px;} .blog-item-large .blog-item-in .blog-item-img, .blog-item-large .blog-item-in .blog-item-img img{width: 100%;height: auto;} .blog-item-large .blog-item-in .blog-item-desc{padding: 10px 0;} .blog-item-img img{ max-width: 100%;width: 100%;height: auto;} .blog-item-img{width: 100%; height: auto;margin:25px 0 8px !important;} .blog-item-desc{padding: 14px 0;} .event-max-wrap{padding: 0;} .product-table .table tr, .product-table .table th, .product-table .table td, .product-table .table tbody{display: block;} .product-table .table tr, .product-table .table th, .product-table .table td, .product-table .table tbody{display: block;} .file-not-found form .form-group input.form-control{max-width: 100%;width: 100%;text-align: center;} .ui-datepicker .ui-datepicker-header { margin: 20px 10px;} .inner-banner-wrapper{margin-bottom: 20px;} /*---self---*/ .product-banner .product-inner-content h3{font-size: 18px; letter-spacing: 2px;} .website-gird{padding: 155px 0 0;} .website-gird .featured-mobile-max, .online-booking-gird .featured-mobile-max, .intake-form-gird .featured-mobile-max{ max-width: 270px;} .website-gird .featured-mb-slide-box{padding: 13px;} .online-booking-gird .featured-mb-slide-box > .swiper{max-width: 207px; padding:2px 0 0;} .online-booking-gird{padding: 173px 0 0;} .intake-form-gird{padding: 140px 0 0;} .featured-mobile-gird.intake-form-gird .featured-mobile-max:before{ left: -38px; width: 323px; bottom: -28px;} .featured-mobile-gird.website-gird:before{width: 90%; left: 20px;} .widget-fixed img{width: 40px; height: 40px;} .widget-fixed{ right: 10px; bottom: 15px;} .online-booking-gird .featured-mb-slide-box{padding: 7px 28px;} .portfolio-collapse-grid{padding: 25px;} /*---self---*/ .integrations-logo-card.integrate-img-card figure img{width: 150px;} .integrations-logo-card.integrate-img-card span{opacity: 1; visibility: visible;} .integrations-logo-card.integrate-img-card figure img{filter: brightness(0) saturate(100%) invert(95%) sepia(94%) saturate(6%) hue-rotate(91deg) brightness(104%) contrast(100%);} .integrate-logo-color-img.integrations-logo-card figure img{filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);} .pro-app-lplist{display: none;} .blog-item-large .blog-item-in .blog-item-desc{width: 100%;} .banner-inner-gird img{height: 55vh; min-height: 450px;} .banner-inner-gird .banner-innner-position .banner-inner-content{padding: 20px 10px;} .customer-engage-banner.banner-inner-gird .banner-innner-position .banner-inner-content{margin: 20px auto 0;} .banner-inner-gird .banner-innner-position .banner-inner-content .btn.blue-dark{font-size: 15px;padding: 7px 14px;} } @media (max-width: 420px) { .product-banner .product-inner-content p{font-size: 14px; line-height: 20px; padding: 0 10px 10px;} } @media (max-width: 360px) { .banner-inner-gird .banner-innner-position .banner-inner-content h2, .banner-inner-gird .slide__text{font-size: 18px; line-height: 24px;} .banner-inner-gird img{height: 45vh; min-height: 400px;} } /* ==================== Media Queries Start ==================== */