/*===== 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:#313131; text-decoration:none !important; outline:0 none; outline:none !important;} a:hover {color:#313131; -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:#313131; padding:0;margin:0;} h2 {font-size:30px; color:#313131; padding:0;margin:0;} h3 {font-size:18px; color:#313131; padding:0;margin:0;} h4 {font-size:16px; color:#313131; padding:0;margin:0;} h5 {font-size:14px; color:#313131; padding:0;margin:0;} h6 {font-size:12px; color:#313131; padding:0;margin:0;} p {font-size:16px; line-height:25px; color: #313131; padding:10px 0 10px 0; margin:0;} p a {color:#313131;} p a:hover{color:#313131; -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;} .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;} .font-18{font-size: 18px; line-height: 27px;} /*====================================== 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: #313131;} .smoothscroll{top: -170px;position: relative;} .wrapper {padding-top: 121px; margin: 0; transition: all 0.5s ease-in-out; max-width: 100%; margin: 0 auto; } .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: 0; float: none;} .logo h1{padding: 0; margin: 0;} .logo img { transition: all 0.5s ease-in-out; max-width: 100%; width: 183px; height: auto; display: block;} .header.sticky { transition: all 0.5s ease-in-out; padding: 0;} .navbar-header { display: none;} .header-top{background: #E8F0FF; padding: 8px 0;} .header-top .container{max-width: 1160px;} .head-flagslist ul {display: inline-flex; gap: 10px;} .header-social ul{display: inline-flex; gap: 7px;} .header-social ul li img{max-width: 100%; height: auto;} /* ==================== Header ENd ==================== */ /* ==================== Navigation Start ==================== */ .mobilelist {display:none;} .mobilelist .headertoprgt {display:none ;} .nav-brand-parent{display: flex; max-width: 1136px; width: 100%;justify-content: space-between; align-items: center;padding: 25px 0 22px; transition: all 0.5s ease-in-out;margin-left: auto; margin-right: auto;} .navigation{ position: relative; background-color: rgba(255, 255, 255, 0.69);} .navlist{ width: 20%; 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: 0 0 0 5px; 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: 480px; text-align: right; justify-content: space-between; padding: 0; 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: 13px; font-weight: 500; display: block; line-height: 20px; color: #313131; padding: 5px 2px 10px; text-shadow: none !important; text-transform: capitalize; transition: all ease-in-out 0.3s;} .navbar-default .navbar-nav > li > a i{display: none;} .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: #313131;} .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:2px; background:#A7BDED !important; margin:0; padding:0; visibility:visible; opacity:1; transition:all ease-in-out 0.3s; border-radius: 20px;} .navbar-nav > li.active > a:after {content:''; width:20px; display: block; visibility:visible; opacity:1; } .navbar-default .navbar-nav li.active ul li a {color:#313131;} .navbar-nav li ul { width: 150px; top: 100%; left: 0; box-shadow: none !important; position: absolute; /* display: none; */ padding: 14px 7px 14px; background: #E0E6F5; 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:5px 10px 5px 10px; text-align:left; white-space: nowrap;} .navbar-nav li ul li a {font-size:12px; line-height:16px; font-weight: 600; 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: 0px;} .navbar-nav li ul li:hover{background-color: transparent; transition:all ease-in-out 0.5s;} .navbar-nav li ul li a:hover{color: #313131;} .navbar-nav li span {background:url(../images/icon_plus.svg) no-repeat center; width:20px; height:20px; background-size: 18px; position:absolute; right:0px; top:8px; display:none; cursor:pointer;position:absolute;display:none;cursor:pointer;left: auto; background-position: right;transition:none;} .navbar-nav li span.open {background:url(../images/icon_minus.svg) no-repeat center; 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; 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: block;width: 25px;height: 2px;border-radius: 1px; position: relative; -webkit-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;background: #313131;} .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: -6px; width: 25px !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: #313131;} /* ==================== Navigation End ==================== */ .widget-fixed{ position: fixed; right: 0; bottom: 40px; z-index: 99;} .widget-fixed img{max-width: 100%; height: auto;box-shadow: 0 3px 6px rgba(18, 27, 51, 0.10);border-radius: 24px 0 0 24px;} .btn.btn-primary { background: #94AEEB; border-color: #94AEEB; border-radius: 10px; font-size: 14px; font-weight: 500; line-height: 21px; color: #fff; max-width: 100%; padding: 7px 11.5px; } .btn.btn-light { 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.btn-light:hover { background: #E5ECFA; color: #313131; } .btn-outline-primary{border-color: #94AEEB !important;border-radius: 10px;font-size: 14px; font-weight: 500; line-height: 21px; color: #94AEEB;padding: 7px 11.5px;} .btn-outline-primary:hover, .btn-outline-primary:active{background: #94AEEB;color: #fff;} .banner-main-wrapper{position: relative; background: #94AEEB; padding: 70px 0 70px; border-radius: 0 0 181px 0;} /* .banner-main-wrapper::before{content: '';width: 100%; height: 100%; display: block; background: rgba(232, 240, 255, 0.46); z-index: 1; position: absolute; top: 0; left: 0;} */ .banner-main-wrapper .container{max-width: 1160px;position: relative; z-index: 2;} .banner-inner-gird { max-width: 875px; width: 100%; margin: 0; } .banner-badge img{max-width: 217px; height: auto;} .banner-info-cont *{color: #fff;} .banner-info-cont .heading_55{color: #fff;padding: 5px 0 0;} .banner-info-cont a{font-size: 13px; line-height: 13px; font-weight: 600; color: #fff;} .home-banner-swiper{position: relative;} .home-swiper-slide img{max-width: 100%; height: auto; margin: 0 auto; display: block;} .swiper-tabs{width: 290px !important; min-height: 276px; height: auto; position: absolute; bottom: 90px; background: #FFFFFF; border: solid 1px #DCE0E8; border-radius: 15px; box-shadow: 0 3px 6px rgba(16, 24, 72, 0.09); left: auto !important; right: 0; transform: none !important; z-index: 1;} .swiper-header{padding: 15px 20px; border-bottom: solid 1px #DCE0E8; font-size: 12px; line-height: 16px; font-weight: 600;} .swiper-header span{margin: 0 10px 0 0;} .swiper-tab-btns{display: flex; flex-wrap: wrap; padding: 15px 20px; gap: 10px; align-items: center;} .swiper-tab-btns .btn{border: solid 1px #DCE0E8; border-radius: 20px; font-size: 12px; line-height: 18px;color: #313131; padding: 4.5px 18px 4.5px 5px; display: flex; align-items: center;position: relative; background: #fff; z-index: 1; box-shadow: none;} .swiper-tab-btns .btn span{width: 30px; height: 30px;display: flex; justify-content: center; align-items: center; border-radius: 50%;margin: 0 7px 0 0;} .swiper-tab-btns .btn strong{content: ''; position: absolute; width: 100%; height: 100%; opacity: 0; visibility: hidden; display: block; top: 0; left: 0;border-radius: 20px; z-index: -1;} .swiper-tab-btns .btn.active{color: #fff; height: 30px; border: none;} .swiper-tab-btns .btn.active strong{ opacity: 1; visibility: visible; height: 30px; } .trusted-by-the-best { padding: 70px 0 50px; background: rgba(232, 240, 255, 0.46);} .trusted-by-the-best h3 { font-size: 25px; font-weight: 300; line-height: 38px; color: #313131;text-transform: none; text-align: center; } .trusted-inner { max-width: 150px; width: 100%; position: relative; } .trusted-inner img { border-radius: 10px; height: 45px; object-fit: contain;} .trusted-by-the-best .swiper{margin: 30px 0;} .trusted-by-the-best .swiper-slide {width: auto !important;} .trusted-by-the-best .swiper-wrapper{ -webkit-transition-timing-function:linear!important; transition-timing-function:linear!important; } .global-reach-main{background: #fff; padding: 60px 0 80px;} .global-reach-info{max-width: 1191px;width: 100%;margin: 0 auto;} .global-reach-info p{font-size: 13px; line-height: 17px; color: #71738D; padding: 0 0 10px;} .global-reach-info h3{font-size: 25px; line-height: 38px; font-weight: 300;} .global-reach-info h4{font-size: 18px; line-height: 27px; font-weight: 400; color: #71738D;} footer { background: #94AEEB; position: relative; z-index: 13;} .footer-top { padding: 45px 40px 10px; } .footer-order-one {max-width: 1180px; margin-left: auto; margin-right: auto; padding: 0 22px 30px 22px; } .footer-order-two {max-width: 1180px; margin-left: auto; margin-right: auto; border-top: 1px solid #E6ECF9; display: flex; padding: 26px 22px 18px 22px; justify-content: space-between; } .footer-order-two-right ul li { display: inline-block; padding-right: 0px; } .footer-order-two-right p{font-size: 13px; line-height: 16px; color: #fff; font-weight: 600;} .footer-nav h5 { font-size: 18px; font-weight: 400; line-height: 27px; color: #fff; padding-bottom: 8px; } .footer-nav h5 a{color: #fff; pointer-events: none;} .footer-nav h5 a span{display: none; } .footer-nav ul li { padding-bottom: 6px;} .footer-nav ul li a { font-size: 13px; font-weight: 600; line-height: 16px; color: #fff; } .footer-bottom { background: #E8F0FF;padding: 2px 0; } .footer-bottom .container{max-width: 1160px; width: 100%;margin-left: auto; margin-right: auto;} .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: #71738D; font-weight: 600; line-height: 16px; } .footer-bottom p span { padding-right: 5px; } .footer-order-two-left img{max-width: 100%; height: auto;filter: brightness(0) saturate(100%) invert(100%) sepia(13%) saturate(944%) hue-rotate(214deg) brightness(112%) contrast(100%);} .footer-order-two-left p { font-size: 13px; line-height: 16px; color: #fff; font-weight: 600; padding: 13px 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%;} .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: 676px; width: 100%; min-height: 77px; 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: 25px; line-height: 38px;text-transform: none; font-weight: 300; color: #fff; } .product-consultation-main{padding: 30px 0 60px;} .product-consultation-main .container{max-width: 1232px;} .pro-consult-right-img-col figure{margin: 0;} .pro-consult-right-img-col figure img{width: 100%; height: 523px; object-fit: cover; display: block; border-radius: 50px 0 0 50px;} .pro-consult-left-cont p{font-size: 18px; line-height: 27px; padding: 0 0 20px;} /* ==================== Loader content Start ==================== */ .loader {display: flex; width: 100%; height: 100%; position: fixed; z-index: 9999; left: 0; top: 0; background: #FAFAFB;} .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: #313131; 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: 12px;} .form-control{border-radius: 5px; background-color: #F4F5F7 !important; border: solid 1px rgba(118, 118, 118, 0.05); height: 48px; font-size: 13px; line-height: 20px; color: #313131; box-shadow: none !important;} .form-control::placeholder {color: #313131;} .form-control::-webkit-input-placeholder {color: #313131;} .form-control::-moz-input-placeholder {color: #313131;} .form-control::-o-input-placeholder {color: #313131;} .form-control::-ms-input-placeholder {color: #313131;} .form-label, label{font-size: 16px; line-height: 25px; font-weight: 500;color: #313131;} select, select.form-select {border: solid 1px rgba(118, 118, 118, 0.05);height: 48px;font-size:13px;line-height:20px;color:#313131;font-weight:400;padding-right:25px !important;background-image:url(../images/arrow-down.svg);background-repeat:no-repeat;background-position:98%;background-position:calc(100% - 12px);background-size: 8px 5px;background-color:#F4F5F7 !important;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;box-shadow:none !important;outline:0;} .text-muted{color: #71738D;} textarea.form-control{height: auto;} .form-control.is-valid, .was-validated .form-control:valid{background-image: none;} .form-control.is-invalid, .was-validated .form-control:invalid{background-image: none; border-color: #DB9691;} .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} .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/mob-close.svg) no-repeat;background-position: center !important;background-size: 20px 20px !important;width: 20px;height: 20px;margin: 0 0 0 auto;padding: 5px; opacity: 1;} .modal-content{background-color: #FAFAFB; 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; color: #94AEEB; font-weight: 600; text-transform: uppercase; padding: 5px 0;} .title-gray{font-size: 14px; line-height: 21px; color: #71738D; 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: #313131; border-radius: 5px; font-size: 10px; line-height: 14px;} .heading_55{font-size: 55px; line-height: 66px; font-weight: 300; padding: 0 0 10px; color: #313131;text-transform: capitalize;} .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; } .dots-display-white .swiper-pagination {left: 0% !important;transform: translateX(0%) !important;} .portfolio-wrapper{ max-width: 1120px; width: 100%; margin: 140px auto 30px; } .portfolio-gird{ background: rgba(240,151,57,0.75); border-radius: 10px; overflow: hidden; position: relative; margin-bottom: 20px;} .portfolio-bottom{background: #FAFAFB; 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: 12px; line-height: 16px; font-weight: 600; color: #71738D;} .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: #FAFAFB; 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: #313131; font-size: 16px; line-height: 25px; padding: 0;} .portfolio-position p{color: #313131; 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: #FAFAFB;color: #313131;font-size: 8px;display: inline-block;color: #313131;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);} .browse-connect-card{max-width: 670px; width: 100%; margin: 0 auto; padding: 70px 0 80px;} .browse-connect-card .job-heading{padding: 0 0 10px;} .browse-connect-card p.font-18{max-width: 560px; width: 100%; margin: 0 auto; padding: 0 0 18px;color: #71738D;} .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: #FAFAFB;border-radius: 30px;} .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: 30px; 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: 25px; line-height: 38px; color: #313131; font-weight: 300;transition: all 0.5s ease-in-out;} .custom-app-integrate-txt h4{font-size: 12px; line-height: 16px; color: #71738D; font-weight: 600; transition: all 0.5s ease-in-out; padding: 0s 0 0; text-transform: capitalize;} .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: 40px;right: 0;left: 0;width: 127px;height: 131px;background: url(../images/scp_star.svg) no-repeat;background-size: 78px 81px;background-position: top left -8px;z-index: 3;opacity: 1;visibility: hidden;} .custom-app-integrate-txt::after{top: auto;bottom: 0;right: 0;left: auto;background-position: bottom right -10px;background-size: 127px 131px;} .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%);} .integrations-modal-top{background: #FAFAFB; 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;} .blog-main {padding: 30px 15px 48px;} .blog-main-container { max-width: 1144px; width: 100%; margin: 0 auto;} .blog-catogory-cont select.form-select{max-width: 100px; height: 25px; font-size: 10px; line-height: 16px; padding: 3px 5px;} .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 32px; background: #FAFAFB; border-radius: 10px; position: relative; height: 100%; } .category-status { font-size: 12px; line-height: 16px; padding: 4px 14px; color: #71738D; background: #FFFFFF; border-radius: 10px; font-weight: 600; position: absolute; right:0 ; top: 0; display: none;} .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: 16px; padding: 0px; margin: 0 0 9px; color: #71738D; font-weight: 600;} .blog-item-title {font-size: 25px; line-height: 38px; padding: 0px; margin: 0 0 9px; color: #313131; font-weight: 300; width: 100%; } .blog-item-title.white-space {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .blog-item-para {font-size: 13px; line-height: 20px; padding: 0px; margin: 0 0 22px; color: #313131; font-weight: 400; white-space: normal; word-break: break-word; } .blog-item-para p {font-size: 14px; line-height: 21px; padding: 0px; margin: 0 0 25px; color: #313131; 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: 368px;} .get-latest-info-in h2 {font-size: 25px; line-height: 38px; padding: 0px; margin: 0 0 4px; color: #313131; font-weight: 300;} .get-latest-info-in p {font-size: 18px; line-height: 27px; padding: 0px; margin: 0 0 6px;} .get-latest-info-icon { margin-bottom: 23.5px; } .get-latest-info-in .form-label {font-size: 12px; line-height: 16px; font-weight: 600; margin-bottom: 5px; color: #71738D;} .get-latest-info-in .form-control {font-size: 13px; line-height: 14px; height: 33px; padding: 3px 10px; border-radius: 10px;background-color: #FFFFFF !important; } .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: #FAFAFB;} .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 {padding: 10px 19px;} .blog-main-inner .blog-item-date {margin-bottom: 10px;} .blog-main-inner .blog-item-title {margin-bottom: 9px;} .blog-main-inner .blog-item-para p, .blog-main-inner .blog-item-para {font-size: 13px; line-height: 20px;} .blog-main-inner .blog-item-para p a, .blog-main-inner .blog-item-para a { color: #94AEEB; } .published-by {font-size: 12px; line-height: 16px; margin: 0; padding: 10px 0 17px; color: #71738D; font-weight: 600;} .loadmore-btn.btn-outline-primary{border-width: 2px; width: 177px; max-width: 100%;} .archived-post{ margin: 19px 0; padding: 80px 0 0; height: 100%;} .archived-post h4{font-size: 18px;font-weight: 400;color: #71738D;line-height: 27px;margin-bottom: 18px;} .archived-post .article-bg{position: relative; margin-bottom: 20px;padding: 10px 20px;background: #FAFAFB; border-radius:10px;} .archived-post .article-bg .inner-article-txt h5{font-size:12px;font-weight: 600;line-height: 16px;color: #71738D;} .archived-post .article-bg .inner-article-txt p{ width: 300px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; font-size: 18px;font-weight: 400;line-height: 27px;color: #313131;padding-top: 0;} .archived-post .article-bg .inner-article-txt .btn{margin: 8px 0;} #newsletter_modal .modal-dialog{max-width: 763px;} #NewsletterModalLabel .modal-body{min-height: 315px;display: flex;flex-flow: column;justify-content: center;} .newsletter-modal-inner{max-width: 608px;width: 100%; margin: 0 auto;} .newsletter-modal-inner p, .success-modal-inner p{color: #71738D;} .mySwiperParent { min-height: 885px !important; max-height: 885px !important; height: 100% !important; position: relative; padding-bottom: 0px !important; } .mySwiperParent .mySwiper { width: 100%; height: 100% !important; } .mySwiperParent .swiper-slide { height: 154px !important;} .mySwiperParent .swiper-pagination { top: auto !important; display: flex;position: absolute; bottom: 0; background: #fff; padding: 5px 0; right: 0 !important; margin: 0; transform: translate(0px, 0px) !important; border-radius: 5px; margin-bottom: -8px; } .mySwiperParent .swiper-pagination-bullet { display: inline-block; } /* .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-clickable .swiper-pagination-bullet-active { outline-offset: -2px; width: 12px; height: 12px; } .contact-info-card{padding: 50px 0 65px;} .contact-info-card .container{max-width: 902px;} .contact-info-card p{color: #71738D;} .contact-form-main{background-color: rgba(244, 245, 247, 0.46); padding: 65px 0 65px;} .contact-form-main .container {max-width: 1232px;} .contact-form-main textarea{height: 161px;} .contact-inner{background: #F4F5F7; border-radius: 5px; border: solid 1px rgba(118, 118, 118, 0.05); padding: 10px;} .contact-inner{font-size: 13px; line-height: 13px;} .contact-inner > h3{font-size: 13px; font-weight: 600; color: #71738D; padding: 0 0 5px;} .contact-inner > p{font-size: 13px; line-height: 20px; padding: 0;} #ContactSuccess_Modal .modal-dialog{max-width: 944px;} #ContactSuccess_Modal .modal-body{min-height: 200px;display: flex;flex-flow: column;justify-content: center;} .success-modal-inner{max-width: 800px; width: 100%; margin: 0 auto;} .event-webinar-main{padding: 42px 0 80px;} .upcoming-webinar-grid{max-width: 1208px; width: 100%; margin: 0 auto; background: #F4F5F7; border-radius: 41px; padding: 35px 0 39px 35px;} .webinars-list-main{max-width: 1136px; width: 100%; margin: 0 auto;} .event-webinar-large{max-width: 100%; width: 100%; background: #fff; border-radius: 10px; padding: 40px 40px;} .event-webinar-large .blog-item-img{max-width: 280px; height: auto; width: 100%;} .event-webinar-large .blog-item-img img{width: 280px; height: 280px;max-width: 100%;} .webinars-list-main .blog-item{margin-bottom: 20px;} .past-webinars-grid{max-width: 560px; width: 100%; padding: 75px 0 45px;} .past-webinars-grid .heading_55{color: #94AEEB;} .no-upcoming-webiner-inner{max-width: 640px; width: 100%; margin: 0 auto; min-height: 123px; border-radius: 29px; background: #FAFAFB; display: flex;align-items: center; justify-content: center; flex-flow: column; padding: 15px 12px;} .no-upcoming-webinars-grid{min-height: 379px; display: flex; align-items: center; justify-content: center; text-align: center;} .no-upcoming-webiner-inner p{font-size: 13px; line-height: 20px; padding: 0;} .no-upcoming-webiner-inner h3{color: #71738D; padding: 0 0 10px;} .pricing-main{padding: 10px 0 80px;} .pricing-main .past-webinars-grid .heading_55{color: #313131;} .pricing-main .past-webinars-grid p{color: #71738D;} .packages-container{max-width: 1136px; width: 100%; margin: 0 auto;} .pricingTable { background: #FAFAFA; border-radius: 30px; padding: 20px 20px 30px 20px; } .pricingTable .pricingTable-header .title, .pricingTable .pricingTable-header h3 { margin-bottom: 15px; font-size: 25px; font-weight: 300; line-height: 38px; } .pricingTable .pricingTable-header .title span, .pricingTable .pricingTable-header h4 span {padding-left: 0;display: block;vertical-align: middle;color: #71738D;font-size: 12px;font-weight: 600;line-height: 16px;margin: 10px 0 0;} .pricingTable .price-value .amount, .pricingTable .price-value h4 { margin-bottom: 8px; font-size: 25px; text-transform: none; line-height: 38px; color: #94AEEB; font-weight: 400; } .pricingTable .price-value .fee, .pricingTable .price-value h5 { font-size: 12px; line-height: 16px; font-weight: 600; color: #71738D; } .pricingTable .pricingTable-header { border-bottom: 2px solid rgba(143, 150, 163, 27%); padding-bottom: 24px; } .price-features h6 { font-size: 18px; font-weight: 400; line-height: 27px; } .pricingTable-body { padding: 22px 0 0; } .price-features ul { list-style-position: inside; padding: 18px 0 30px; } .price-features ul li { font-size: 13px; line-height: 20px; position: relative; padding-left: 30px; padding-bottom: 12px; } .price-features ul li:after { content: ''; position: absolute; background-image: url('../images/checked-green.svg'); width: 20px; height: 20px; left: 0; top: 0; background-size: 20px;} .price-features ul li.disable:after { content: ''; position: absolute; background-image: url('../images/mob-close.svg'); width: 20px; height: 20px; left: 0; top: 0;background-size: 20px; } .price-features ul li.disable{color: #313131;opacity: 1;} .price-features ul li strong{font-weight: 600; color: #71738D;} .note p{font-size: 12px;text-align: center;line-height: 16px; font-weight: 600; color: #71738D;} .note {padding: 10px 0;} .pricing-table-grid{max-width: 1208px; width: 100%; margin: 0 auto;} .product-table{ padding: 30px 30px; margin: 49px 0 6px; background-color: #94AEEB; border-radius:30px;color: #fff;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55.114' height='56.939' viewBox='0 0 55.114 56.939'%3E%3Cpath id='auto_awesome_FILL1_wght500_GRAD0_opsz48' d='M50.725,19.536a1.125,1.125,0,0,1-.609-.169,1.477,1.477,0,0,1-.473-.507L47.75,14.328l-4.869-2.164a1.382,1.382,0,0,1-.575-.473,1.125,1.125,0,0,1-.169-.609,1.3,1.3,0,0,1,.169-.642.973.973,0,0,1,.575-.44L47.75,7.9l1.893-4.328a1.477,1.477,0,0,1,.473-.507,1.125,1.125,0,0,1,.609-.169,1.254,1.254,0,0,1,.676.169,1.024,1.024,0,0,1,.406.507L53.768,7.9,58.637,10a.839.839,0,0,1,.541.44,1.564,1.564,0,0,1,.135.642,1.342,1.342,0,0,1-.135.609,1.144,1.144,0,0,1-.541.473l-4.869,2.164-1.961,4.531a1.024,1.024,0,0,1-.406.507A1.254,1.254,0,0,1,50.725,19.536Zm0,40.3a1.19,1.19,0,0,1-.575-.169,1.367,1.367,0,0,1-.507-.507L47.75,54.835l-4.8-2.1a1.382,1.382,0,0,1-.575-.473,1.125,1.125,0,0,1-.169-.609,1.3,1.3,0,0,1,.169-.642.973.973,0,0,1,.575-.44l4.8-2.1,1.893-4.6a1.477,1.477,0,0,1,.473-.507,1.125,1.125,0,0,1,.609-.169,1.254,1.254,0,0,1,.676.169,1.024,1.024,0,0,1,.406.507l1.961,4.6,4.8,2.1a.839.839,0,0,1,.541.44,1.564,1.564,0,0,1,.135.642,1.342,1.342,0,0,1-.135.609,1.144,1.144,0,0,1-.541.473l-4.8,2.1-1.961,4.328a.974.974,0,0,1-.44.507A1.3,1.3,0,0,1,50.725,59.839ZM21.106,48.073a2.305,2.305,0,0,1-1.183-.338,2.459,2.459,0,0,1-.913-.947l-4.26-9.2-9.2-4.125a2.363,2.363,0,0,1-1.014-.913,2.24,2.24,0,0,1,0-2.367,2.363,2.363,0,0,1,1.014-.913l9.2-4.125,4.26-9.129A2.363,2.363,0,0,1,19.923,15a2.24,2.24,0,0,1,2.367,0,2.459,2.459,0,0,1,.913.947l4.328,9.2,9.2,4.125a2.363,2.363,0,0,1,1.014.913,2.24,2.24,0,0,1,0,2.367,2.363,2.363,0,0,1-1.014.913l-9.2,4.125-4.328,9.2a2.153,2.153,0,0,1-.913.981A2.5,2.5,0,0,1,21.106,48.073Z' transform='translate(-4.2 -2.9)' fill='%23fff'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat;background-size: 55px 57px;background-position: top 50px right 35px;} .product-table .heading_55{color: #fff; padding: 10px 0 35px;} .product-table .table tr th {text-align: left;font-size: 25px; line-height: 38px; border-bottom: 0; padding: 7px 8px; font-weight: 300;color: #fff;} .product-table .table tr td {text-align: left;font-size: 18px;line-height: 27px; font-weight: 400; padding: 13px 8px;color: #fff;} .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;font-size: 18px;line-height: 27px; font-weight: 400;color: #fff;} .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: 400;text-align: right;} .product-table .table tr td:nth-child(3){font-weight: 400;text-align: right;} .popover{background: #282834;border-radius: 5px;} .popover-body{color: #fff;} .popover-arrow{display: none !important;} .product-table .table-responsive::-webkit-scrollbar {width: 6px; height: 6px;} .product-table .table-responsive::-webkit-scrollbar-track {box-shadow: inset 0 0 5px #fff; border-radius: 10px;} .product-table .table-responsive::-webkit-scrollbar-thumb {background: #71738D; border-radius: 10px;} /* ==================== VB styles end ==================== */ #chartdiv { width: 100%; height: 1000px; display: flex; align-items: center; } .customBox img { /* max-width: 90%; */ max-height: 90%; max-width: 100%; height: auto; margin: auto; width: auto; object-fit: contain; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .customGird{margin: 57px auto;} .customGrid-container { max-width: 1160px; padding-left: 12px;padding-right: 12px; width: 100%; margin: 0 auto;} .customHeading { max-width: 890px; width: 100%; } .customHeading h2 { font-size: 55px; line-height: 66px; font-weight: 300; } .customHeading p { font-size: 18px; line-height: 27px; font-weight: 400; padding: 3px 0 36px; } .customBox { background: #E8F0FF; border-radius: 15px; width: 100%; height: 100%; min-height: 401px; position: relative; margin: 0 auto; padding: 0; } .customContent { padding: 28px 0 0; } .customContent h3 { font-size: 18px; line-height: 27px; font-weight: 400; } .customContent p { color: #71738D; font-size: 13px; line-height: 13px; font-weight: 600; padding: 2px 0; } .digitalSolutionGird { max-width: 1226px; width: 100%; margin: 0 auto; background: #94AEEB; border-radius: 41px; } .digitalSolutionBox { display: flex; position: relative; margin-bottom: 50px; } .digitalSolutionIcon { width: 100%; max-width: 221px; min-width: 221px; padding: 50px 44px; } .digitalSolutionImg { width: 100%; border-radius: 41px; overflow: hidden; position: relative; } .digitalSolutionImg img { width: 100%; } .digitalSolutionImg:after { position: absolute; content: ''; width: 100%; height: 100%; background: rgba(148, 174, 235, 0.65); left: 0; top: 0; bottom: 0; right: 0; } .digitalSolutionPosition { position: absolute; max-width: 900px; width: 100%; bottom: 72px; left: 44px;/* z-index: 1; */} .digitalSolutionPosition h2 { font-size: 70px; font-weight: 600; line-height: 80px; color: #fff; } .digitalSolutionBottom { padding: 0 46px 55px; } .digitalSolutionBottom ul { display: flex; flex-flow: wrap; } .digitalSolutionBottom ul li { color: #FFFFFF; font-size: 18px; line-height: 27px; font-weight: 400; border: 2px solid #fff; padding: 5px 17px; border-radius: 50px; margin-right: 16px; margin-bottom: 10px; } .digitalSolutionBottom ul li a { color: #fff; } .map-canvas-view { overflow: hidden; height: 800px; } .whoGird { max-width: 1208px; width: 100%; margin: 91px auto; background: #E8F0FF; border-radius: 41px; padding: 56px 0px 56px 61px; } .whoLeft { max-width: 626px; width: 100%; margin: 0; } .whoLeft h2 { font-size: 55px; font-weight: 300; line-height: 66px; padding-bottom: 12px; } .whoLeft h3 { font-size: 25px; line-height: 38px; font-weight: 300; padding-bottom: 17px; } .whoLeft p { font-size: 13px; font-weight: 400; line-height: 20px; } .whoRightImg img { border-radius: 41px 0 0 41px; width: 100%; } .standardAppGird { max-width: 1137px; width: 100%; margin: 0 auto 141px; } .standardAppContent { max-width: 432px; width: 100%; padding: 32px 0 0; } .standardAppContent h2 { font-size: 55px; font-weight: 300; line-height: 66px; } .standardAppContent p { font-size: 13px; line-height: 20px; font-weight: 400; } .aboutIntegratesGird { max-width: 1136px; width: 100%; margin: 0 auto; } .aboutIntegratesGird .about-box { background: #94AEEB; min-height: 360px; border-radius: 41px; padding: 76px 40px 40px; display: flex; flex-direction: column; } .aboutIntegratesGird .about-box h2 { font-size: 18px; color: #fff; line-height: 27px; padding: 28px 0 0; } .aboutIntegratesGird .about-box p { font-size: 13px; line-height: 20px; font-weight: 400; color: #fff; } .featuredGird { max-width: 1208px; width: 100%; margin: 0 auto 40px; background: #F4F5F7; border-radius: 41px; padding: 54px 36px; } .featuredGird .row { margin-bottom: 24px; } .featuredHeading { display: flex; align-items: center; justify-content: space-between; padding-bottom: 46px; } .featuredHeading h2 { font-size: 55px; line-height: 66px; font-weight: 300; } .featuredContent { background: #fff; border: 1px solid #DCE0E8; border-radius: 34px; padding: 44px 50px; height: 100%; } .featuredContent .featuredStar { background: #F4F5F7; border-radius: 14px; display: inline-block; padding: 9px 16px; font-size: 12px; font-weight: 600; line-height: 16px; margin-bottom: 9px; } .featuredContent .featuredStar span { padding-left: 5px; } .featuredContent h3 { font-size: 25px; line-height: 38px; font-weight: 300; } .featuredContent p { font-size: 13px; line-height: 20px; font-weight: 400; padding: 0 0 10px; min-height: 110px; } .featuredContent h4 { color: #71738D; font-size: 12px; font-weight: 600; line-height: 16px; } .featuredImg { display: flex; flex-flow: wrap; } .featuredImgLeft, .featuredImgRight { width: 50%; padding: 0 5px; } .featuredImgLeft img, .featuredImgRight img { width: 100%; border-radius: 34px; height: 100%; object-fit: cover; } .featuredReviewImg img { width: 100%; border-radius: 34px; height: 100%; object-fit: cover; } .featuredReviewImg { width: 100%; max-width: 191px; padding-right: 15px; } .growth-section{position: relative;overflow: hidden;} .growthGird { max-width: 1170px; width: 100%; margin: 133px auto; } .growthGird .swiper { width: 100%; padding: 20px 20px 0 5px; overflow: initial;position: relative;} .growthGird .swiper::after{content: '';position: absolute;width: 200vw;height: 4px;background: #DCE0E8;left: -50vw;right: 0;bottom: 95px;transform: translate(0%, 0%);margin: 0 auto;display: block;} .growthGird .swiper-slide { text-align: center; width: auto !important; position: relative; cursor: pointer; padding-bottom: 15px; } .growthGird .swiper-wrapper { padding-bottom: 63px; padding-left: 15px; } .growthGird .swiper-button-prev { top: auto; bottom: 0; left: -7px; } .growthGird .swiper-button-prev:after { font-size: 16px; font-weight: 600; color: #94AEEB !important; } .growthGird .swiper-button-prev.swiper-button-disabled { opacity: 0; } .year-circle { width: 34px; height: 34px; background: #94AEEB; border-radius: 50%; margin: 0 auto; transition: all 0.3s ease-in-out; position: relative; z-index: 1; } .growthGird h2 { font-size: 55px; line-height: 66px; font-weight: 300; padding-bottom: 21px; padding-left: 15px; } .growthGird .year-label { margin-bottom: 28px; font-weight: 400; color: #71738D; transition: color 0.3s ease-in-out; font-size: 35px; line-height: 53px; } /* .timeline-line { position: absolute; top: 50%; left: 0; right: 0; height: 4px; background-color: #d9dfe9; transform: translateY(-50%); z-index: 0; } */ .growthGird .swiper-slide { position: relative; } .growthGird .swiper-slide:after { content: ''; position: absolute; width: 222%; height: 4px; background: #DCE0E8; left: 50%; bottom: 23%; transform: translate(0%, 0%); display: none;} .growthGird .swiper-slide.active .year-circle { background: #CA94EB; box-shadow: 0 0 0 6px rgba(202, 148, 235, 0.5); } .swiper-slide.active .year-label { color: #94AEEB; } .growthGird .year-content { margin-top: -36px; text-align: left; padding-left: 20px; } .growthGird .year-title { font-weight: 500; font-size: 18px; color: #94AEEB; } .growthGird .year-description { color: #E7928F; font-size: 16px; font-weight: 400; line-height: 25px; padding: 6px 0 0; } .standardAppimg { max-width: 374px; width: 100%; margin: 31px 0 0 74px; position: relative; } .standardAppimg > img { width: 100%; height: 560px; object-fit: contain; } .standardAppPosition { position: absolute; } .standardAppPositionBox { background: #E8F0FF; display: flex; align-items: center; width: 227px; padding: 8px; border-radius: 16px; } .boxIcon { min-width: 65px; height: 65px; background: #fff; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-right: 15px; } .standardAppPositionBox span { font-size: 18px; line-height: 27px; font-weight: 400; } .Arrow3 { margin: 8px -15px 0 auto; display: block; } .Arrow2 { margin: 0px 0px 6px -15px; display: block; } .webwidget_rating_simple{ padding: 0 0 0; margin: 0px; float: none; width: 100%; height: 26px;} .webwidget_rating_simple li{ line-height: 0px; width: 25px; height: 25px; padding: 0px; margin: 0 18px 0 0; list-style: none;cursor: pointer; display: inline-block; background-size:cover;background-position: center;} .webwidget_rating_simple li span{display: none;} .reviewModal .modal-dialog{ max-width: 716px;} .reviewModal .modal-content{ border-radius: 39px; background: #fff !important;} .reviewModal .btn-close { right: 30px; position: absolute; top: 29px; z-index: 1; } .reviewModal .reviews-modal-inner { max-width: 599px; width: 100%; margin: 0 auto; padding: 0 12px; } .reviewModal .reviews-modal-inner h2 { font-size: 55px; line-height: 66px; font-weight: 300; padding: 15px 0 20px; } .reviewModal .ratingFlex { display: flex; align-items: center; margin-bottom: 25px; } .reviewModal .ratingFlex h3 { font-size: 12px; color: #71738D; line-height: 16px; font-weight: 600; padding-right: 15px; } .reviewModal .review-success-modal-inner p { font-size: 18px; color: #71738D; line-height: 27px; } /*===product-app===*/ .mobileApp-gird { max-width: 1120px; width: 100%; margin: 0 auto; padding: 35px 0; } .mobileAppLeft { background: #FAFAFB; border-radius: 34px; max-width: 213px; width: 100%; margin: 20px 0 0; padding: 21px 17px; } .mobileAppLeft ul li { padding-bottom: 8px; } .mobileAppLeft ul li.active a { color: #94AEEB; font-size: 13px; } .mobileAppLeft ul li.active a:before { opacity: 1; transition: all 0.5s ease-in-out; } .mobileAppLeft ul li a:before { position: absolute; content: ''; background: #94AEEB; border-radius: 4px; width: 4px; height: 13px; left: 0; top: 3px; opacity: 0; transition: all 0.5s ease-in-out; } .mobileAppLeft ul li a { position: relative; color: #71738D; font-weight: 600; font-size: 12px; line-height: 16px; padding-left: 10px; } .mobileAppRight h2 { font-size: 55px; font-weight: 300; line-height: normal; } .mobileAppRight ul { padding-bottom: 32px; } .mobileAppRight ul li:before { content: ''; position: absolute; width: 5px; height: 5px; background: #71738D; border-radius: 100%; left: 1px; top: 10px; } .mobileAppRight ul li { position: relative; color: #313131; font-size: 18px; line-height: 27px; font-weight: 400; padding-left: 14px; padding-bottom: 2px; } .mobileAppImg { display: flex; flex-wrap: wrap; } .mobileAppImgLeft { width: 34%; padding-right: 5px; position: relative; } .mobileAppImgLeft img, .mobileAppImgRight img { width: 100%; height: 100%; object-fit: cover; border-radius: 34px; } .mobileAppImgRight { width: 66%; padding-left: 5px; position: relative; } .clientAppGird { max-width: 1208px; width: 100%; margin: 31px auto; background: #FAFAFB; border-radius: 41px; padding: 50px 0 50px 60px; } .clientAppLeft { max-width: 642px; width: 100%; margin: 0; } .clientAppLeft h2 { font-size: 55px; font-weight: 300; color: #313131; line-height: normal; } .clientAppLeft p { font-size: 25px; color: #313131; font-weight: 300; line-height: 38px; } .clientAppLeft h3 { color: #71738D; font-size: 18px; font-weight: 400; line-height: 27px; padding-bottom: 9px; } .clientAppLeft ul { display: flex; flex-flow: wrap; align-items: center; margin-bottom: 10px; } .clientAppLeft ul li { border: 2px solid #71738D; color: #71738D; font-size: 13px; line-height: 17px; font-weight: 400; border-radius: 50px; padding: 6px 15px; margin-bottom: 7px; margin-right: 6px; background: #FAFAFB;} .clientAppLeft ul li a { color: #71738D; } .clientAppLeft h4 { color: #71738D; font-size: 12px; font-weight: 600; line-height: 16px; } .clientAppRight { background: #E8F0FF; position: relative; border-radius: 41px 0 0 41px; display: flex; align-items: center; justify-content: center; margin-right: -36px; padding: 30px 0; } .clientAppRight img { width: 253px; height: auto; } .clientAppWrapper .clientAppGird:nth-child(even) { background: transparent; padding: 50px 60px 50px 0px;} .clientAppWrapper .clientAppGird:nth-child(even) .row{ flex-direction: row-reverse;} .clientAppWrapper .clientAppGird:nth-child(even) .row .clientAppRight{ margin-left: -36px; margin-right: 0; border-radius: 0 41px 41px 0px;} .clientAppWrapper .clientAppGird:nth-child(even) .row .clientAppLeft { padding-left: 39px; max-width: 100%; } .productAppConsultation .row { flex-direction: row-reverse; } .productAppConsultation .pro-consult-right-img-col figure img { border-radius: 50px; } .toolid strong { color: #fff; } .toolid { border: 0 !important; } .label-pill { background-color: #D95190; padding: 5px 10px; color: white; border-radius: 25px; font-weight: 400; font-size: 13px; display: inline-block; text-align: center; border: none; box-shadow: none; } .am5-html-container { background: transparent !important; border: none !important; box-shadow: none !important; } .head-flagslist { display: flex; align-items: center; justify-content: space-between; } .head-flagslist .btn-primary { padding: 3px 10px; font-size: 12px; } .customGird .swiper { padding-bottom: 30px; padding-left: 70px;} .customGird .swiper-pagination { width: auto !important; bottom: 0px; background: #E0E6F5; border-radius: 50px; padding: 2px; height: 11px; display: flex; align-items: center; left: 70px !important;} .customGird .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #3756AA; } .customGird .swiper-pagination .swiper-pagination-bullet { width: 19px; border-radius: 50px; background: transparent; margin: 0 !important; } .iti { width: 100%; } .free-demo-header { padding: 36px 0; } .demo-back-btn img { max-width: 100%; } .free-demo-header .container { max-width: 1205px; width: 100%; margin: 0 auto; display: flex; align-items: center; } .freedemo-wrapper .demo-logo { padding: 0 20px 0 0; width: calc(100% - 25px); } .max-demo-app { max-width: 1200px; width: 100%; margin: 0 auto; background: #F4F5F7; border-radius: 41px; padding: 40px 30px; } .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: 15px; } .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: transparent; } #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:focus { box-shadow: none; border: 2px solid #E5ECFA; } .title-main { font-size: 35px; font-weight: 300; line-height: 35px; color: #313131; letter-spacing: 0; text-transform: capitalize; padding-bottom: 10px; } .demo-thankyou { min-height: calc(100vh - 97px); display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; } .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; } .load {position: relative;background-color: #ebebeb;width: 100%;border-radius: 8px;overflow: hidden;box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.11);} .load::after {display: block;content: "";position: absolute;top: 0;width: 100%;height: 100%;transform: translateX(-100%);background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);-webkit-animation: loading 1.5s infinite;animation: loading 1.5s infinite;} @-webkit-keyframes loading { 100% { transform: translateX(100%); } } @keyframes loading { 100% { transform: translateX(100%); } } /* ==================== Media Queries Start ==================== */ @media (min-width: 768px) { /*---self---*/ .whoRightImg{ margin-right: -36px;} .productAppConsultation .pro-consult-right-img-col{ padding-right: 50px; padding-left: 0;} .footer-logo, .get-started-content h2, .get-started-content .btn{display: none;} .footer-ul{display: block !important;} /*---self---*/ .pro-consult-right-img-col{padding-right: 0; padding-left: 50px;} .pro-consult-right-img-col figure img{margin: 0 0 0 auto; object-position: 0;} .integrations-modal-main .modal-content {background: transparent;} .col-md-34{width: 34.5%;} .col-md-65{width: 65.5%;} } @media (min-width: 992px) { .product-consultation-main{padding: 30px 0px 60px 60px;} .contact-form-main{padding: 65px 0px 65px 60px;} .global-reach-info{margin: 0;padding: 0 0 0 60px;} } @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 (min-width: 1200px) { .contact-inner:nth-child(1){width: 37.6%;} .contact-inner:nth-child(2){width: 34.4%;} .contact-inner:nth-child(3){width: 25%;} } @media (max-width: 1200px) { .featuredGird .row{margin-bottom: 10px;} .featuredImg{height: 100%;} .featuredReviewImg, .featuredImgLeft, .featuredImgRight{ margin-bottom: 15px; } .standardAppimg{max-width: 300px;} .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;} } @media (max-width: 1079px) and (min-width:991px){ .standardAppimg { margin: 0 auto 0 45px !important; } } @media (max-width: 1079px) { .featuredContent{height: auto; margin-bottom: 15px;} .standardAppimg{margin: 0 auto;} .standardAppContent{ max-width: 100%; padding: 32px 0 25px;} .whoLeft h3{font-size: 18px; line-height: 26px;} .whoLeft h2, .standardAppContent h2, .growthGird h2, .featuredHeading h2{font-size: 35px; line-height: 42px;} .whoGird{padding: 15px 0px 15px 15px;} .wrapper { padding-top: 89px; } .breadcrumb-main{top: 83px;} .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% - 83px); top: 83px; 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; justify-content: flex-start;} .navbar-collapse.show { left: 0; transform: translateX(0%); } .navbar-default .navbar-collapse { border: none; box-shadow: none; } .header.sticky .navbar-collapse { top: 83px; } .navbar-nav { width: 100%; max-width: 100%; margin: 0 0 0; padding: 10px 0 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: calc(100% + 25px); padding: 5px 10px; visibility: visible; opacity: 1; transform: none!important; transition: none!important; display: none; margin: 0; } .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: 15px; line-height: 22px; text-align: left; display: block; } .navbar-default .navbar-nav > li { padding: 3px 25px 3px 0; text-align: left; } .navbar-nav li ul li a{font-size: 14px; line-height: 18px;} .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: 4px 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;} .salonclouds-logo .right-opacity-logo{width: 250px;right: -110px;top: 53px;} .salonclouds-logo .left-opacity-logo{ width: 250px;left: -110px;bottom: 53px;} /*---self---*/ .footer-bottom{padding: 0 30px;} .footer-order-two{padding: 26px 10px 18px} .footer-order-one{padding: 0 10px 31px;} .footer-top{padding: 40px 10px 10px;} /*---self---*/ .portfolio-bottom .portfolio-btm-right h2{font-size: 16px;} .portfolio-bottom .portfolio-arrow-position img{margin: 0 20px 0 0;} .browse-connect-card{padding: 30px 0 40px;} .past-webinars-grid{padding: 50px 0 35px;} .customGird .swiper{padding-left: 30px;} .customGird .swiper-pagination {left: 30px !important;} .growthGird .year-label{font-size: 25px;line-height: 35px; margin-bottom: 25px;} .growthGird .swiper-slide.active .year-circle{box-shadow: 0 0 0 4px rgba(202, 148, 235, 0.5);} .year-circle{width: 24px;height: 24px;} .growthGird .swiper::after{bottom: 88px;} } @media (max-width: 991px) { .loader::before, .loader::after{width: 300px;height: 169px;background-position: right -130px center;} .loader::after{background-position: left -130px center;} .blog-item-large .blog-item-in{padding: 25px;} } @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;} } @media (max-width: 767px) { .standardAppPosition{display: none;} .featuredContent{margin-bottom:10px; height: auto;} .featuredGird, .whoGird{padding: 15px;} .growthGird{margin: 50px auto;} .aboutIntegratesGird .about-box{margin-bottom: 15px;} .digitalSolutionIcon{ padding: 20px;} .digitalSolutionPosition h2{font-size: 24px; line-height: 30px; padding: 0 25px;} .digitalSolutionPosition{max-width: 100%; bottom: 25px; left: 0;} .digitalSolutionGird, .digitalSolutionImg, .featuredImgLeft img, .featuredImgRight img, .featuredReviewImg img, .whoRightImg img{border-radius: 18px;} .digitalSolutionBottom ul li{font-size: 15px;} .map-canvas-view{height: 400px;} #chartdiv { width: 100%; height: 400px;} .digitalSolutionBox{display: block; padding: 0 15px;} .digitalSolutionBottom{padding: 0 15px 15px;} .mobileAppImgLeft img, .mobileAppImgRight img{border-radius: 12px;} .clientAppWrapper .clientAppGird:nth-child(even) .row .clientAppLeft{padding-left: 0px;} .mobileAppLeft{max-width: 100%;} .mobileApp-gird .row{flex-direction: column-reverse;} .clientAppLeft{margin-bottom: 25px;} .clientAppRight{margin: 0 !important; border-radius: 21px !important;} .clientAppLeft p, .mobileAppRight ul li{font-size: 16px; line-height: 24px;} .clientAppLeft h2, .mobileAppRight h2, .customHeading h2{font-size: 40px; line-height: 50px;} .clientAppGird, .clientAppWrapper .clientAppGird:nth-child(even){padding: 15px;} .inner-banner-wrapper img {min-height: 250px;height: 30vh;} .inner-banner-position .inner-banner-box {margin-bottom: -25px;min-height: 50px;} .inner-banner-position .inner-banner-box h2{font-size: 25px; line-height: 35px;} .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;} .heading_55{font-size: 40px; line-height: 50px;} /*---self---*/ .footer-bottom ul li:after{ right: 2px;} .footer-bottom ul li{padding-right: 10px;} .footer-nav h5{font-size: 16px; line-height: 24px;} .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-bottom{padding: 5px 10px 0; flex-direction: column-reverse;} .footer-top .container-fluid{padding: 0;} .footer-logo{padding: 0 0 15px;} .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 10px 30px;} .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{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;} .footer-nav ul{padding: 0 0 5px;} /*---self---*/ .portfolio-wrapper{margin: 60px 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;border-radius: 10px;} .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;} .portfolio-bottom .portfolio-btm-right ul{display: none; } .portfolio-position p{font-size: 14px; line-height: 20px;} .portfolio-content{height: 200px; margin-bottom: 30px;} .portfolio-position > img{width: 70px; height: 70px;} .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%);} .blog-main , .blog-main-inner.blog-main{padding: 35px 15px 25px;} .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;} .pro-consult-right-img-col figure img{height: 350px;border-radius: 30px;} .contact-inner{width: 100%;} .packages-container .row .col-md-4:nth-child(2) .pricingTable{border: 1px solid #99ADE6;} .swiper-tabs{position: static; max-width: 290px; margin: 0 auto;} .banner-main-wrapper{padding: 50px 0 70px;} .banner-badge{text-align: center;} } @media (max-width: 575px) { .featuredReviewImg{max-width: 100%; padding-right: 0; margin-bottom: 10px;} .inner-banner-position .inner-banner-box h2{font-size: 20px; line-height: 25px;} .salonclouds-logo .right-opacity-logo{width: 140px;right: -53px;top: 53px;} .salonclouds-logo .left-opacity-logo{ width: 140px;left: -53px;bottom: 53px;} .portfolio-collapse-grid{padding: 25px;} .heading_55{font-size: 30px; line-height: 40px;} .font-18{font-size: 16px; line-height: 24px;} .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;} .blog-item-large .blog-item-in .blog-item-desc{width: 100%;} .upcoming-webinar-grid{padding: 35px 0 30px 15px;} .product-table{padding: 25px 12px;background-position: top 70px right 15px;} .product-table .heading_55{padding: 10px 0 25px;} .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; font-size: 16px; line-height: 24px;padding: 10px 8px;} .product-table .product-info-tb p{font-size: 16px; line-height: 24px;} .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;padding-bottom: 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;} } /* ==================== Media Queries Start ==================== */