@charset "UTF-8";/*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .input-group-text input[type=checkbox],.input-group-text input[type=radio],dl,h1,h2,h3,h4,h5,h6,ol,p,ul { margin-top: 0 } address,dl,ol,p,pre,ul { margin-bottom: 1rem } body,caption { text-align: left } dd,label { margin-bottom: .5rem } pre,textarea { overflow: auto } article,aside,figcaption,figure,footer,header,hgroup,legend,main,nav,section { display: block } address,legend { line-height: inherit } progress,sub,sup { vertical-align: baseline } button,hr,input { overflow: visible } .img-fluid,.img-thumbnail,legend { max-width: 100% } .img-fluid,select.form-control[multiple],select.form-control[size],textarea.form-control { height: auto } .btn.focus,.btn:focus,.form-control:focus { box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) } .dropdown-menu,.nav,.navbar-nav { list-style: none } .badge,.dropdown-header,.dropdown-item,.dropdown-toggle,.input-group-text,.navbar-brand,.progress-bar { white-space: nowrap } .mfp-arrow,.owl-carousel,.owl-carousel .owl-item,.slick-slider,html { -webkit-tap-highlight-color: transparent } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } @-webkit-keyframes bounce { 0%,100%,20%,50%,80% { -webkit-transform: translateY(0); transform: translateY(0) } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px) } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px) } } @keyframes bounce { 0%,100%,20%,50%,80% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px) } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce } @-webkit-keyframes flash { 0%,100%,50% { opacity: 1 } 25%,75% { opacity: 0 } } @keyframes flash { 0%,100%,50% { opacity: 1 } 25%,75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0%,100% { -webkit-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.1); transform: scale(1.1) } } @keyframes pulse { 0%,100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes shake { 0%,100% { -webkit-transform: translateX(0); transform: translateX(0) } 10%,30%,50%,70%,90% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } 20%,40%,60%,80% { -webkit-transform: translateX(10px); transform: translateX(10px) } } @keyframes shake { 0%,100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 10%,30%,50%,70%,90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px) } 20%,40%,60%,80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } 100% { -webkit-transform: rotate(0); transform: rotate(0) } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg) } 100% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1) } 10%,20% { -webkit-transform: scale(.9) rotate(-3deg); transform: scale(.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0) } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } 10%,20% { -webkit-transform: scale(.9) rotate(-3deg); -ms-transform: scale(.9) rotate(-3deg); transform: scale(.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0%,100% { -webkit-transform: translateX(0); transform: translateX(0) } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg) } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg) } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg) } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg) } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg) } } @keyframes wobble { 0%,100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg) } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg) } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg) } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg) } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg) } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3) } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05) } 70% { -webkit-transform: scale(.9); transform: scale(.9) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3) } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9) } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px) } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px) } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px) } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px) } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px) } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px) } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px) } 80% { -webkit-transform: translateX(10px); transform: translateX(10px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px) } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px) } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px) } 80% { -webkit-transform: translateY(10px); transform: translateY(10px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px) } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px) } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1) } 25% { -webkit-transform: scale(.95); transform: scale(.95) } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1) } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3) } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95) } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3) } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px) } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px) } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px) } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px) } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg) } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg) } 100% { -webkit-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1 } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg) } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg) } 100% { -webkit-transform: perspective(400px) rotateX(0); -ms-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1 } } .flipInX { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX } .flipInY,.flipOutX { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg) } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg) } 100% { -webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1 } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg) } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg) } 100% { -webkit-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1 } } .flipInY { backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0); -ms-transform: perspective(400px) rotateX(0); transform: perspective(400px) rotateX(0); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; backface-visibility: visible!important } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0); -ms-transform: perspective(400px) rotateY(0); transform: perspective(400px) rotateY(0); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } .flipOutY { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { -webkit-transform: translateX(0) skewX(-15deg); transform: translateX(0) skewX(-15deg); opacity: 1 } 100% { -webkit-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0); opacity: 1 } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { -webkit-transform: translateX(0) skewX(-15deg); -ms-transform: translateX(0) skewX(-15deg); transform: translateX(0) skewX(-15deg); opacity: 1 } 100% { -webkit-transform: translateX(0) skewX(0); -ms-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0); opacity: 1 } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0); opacity: 1 } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0 } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0) skewX(0); -ms-transform: translateX(0) skewX(0); transform: translateX(0) skewX(0); opacity: 1 } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0 } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0 } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0 } } .hinge { -webkit-animation-name: hinge; animation-name: hinge } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } 100% { opacity: 1; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0) } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } 100% { opacity: 1; -webkit-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0) } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0) } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg) } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0) } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } /*! * Bootstrap v4.3.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #c1001b; --teal: #c1001b; --cyan: #c1001b; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #c1001b; --info: #c1001b; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace } *,::after,::before { box-sizing: border-box } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100% } body { margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff } .alert-link,dt,kbd kbd { font-weight: 700 } [tabindex="-1"]:focus { outline: 0!important } abbr[data-original-title],abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none } .mfp-gallery .mfp-image-holder .mfp-figure,[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled),summary { cursor: pointer } address { font-style: normal } .btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn,.card-text:last-child,.form-check-label,ol ol,ol ul,ul ol,ul ul { margin-bottom: 0 } dd { margin-left: 0 } blockquote,figure { margin: 0 0 1rem } b,strong { font-weight: bolder } sub,sup { position: relative; font-size: 75%; line-height: 0 } .btn,img,svg { vertical-align: middle } sub { bottom: -.25em } sup { top: -.5em } a { color: #007bff; text-decoration: none; background-color: transparent } .btn-link:hover,a:hover { color: #0056b3; text-decoration: underline } .btn-link,.btn:hover { text-decoration: none } a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none } .custom-range:focus,a:not([href]):not([tabindex]):focus { outline: 0 } code,kbd,pre,samp { font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; font-size: 1em } pre { margin-top: 0 } img { border-style: none } svg { overflow: hidden } table { border-collapse: collapse } caption { padding-top: .75rem; padding-bottom: .75rem; color: #6c757d; caption-side: bottom } th { text-align: inherit } label { display: inline-block } .accordion>.card:not(:first-of-type) .card-header:first-child,button { border-radius: 0 } button:focus { outline: dotted 1px; outline: -webkit-focus-ring-color auto 5px } button,input,optgroup,select,textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button,select { text-transform: none } select { word-wrap: normal } [type=button],[type=reset],[type=submit],button { -webkit-appearance: button } [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { padding: 0; border-style: none } input[type=checkbox],input[type=radio] { box-sizing: border-box; padding: 0 } input[type=date],input[type=datetime-local],input[type=month],input[type=time] { -webkit-appearance: listbox } textarea { resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; color: inherit; white-space: normal } [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button { height: auto } [type=search] { outline-offset: -2px; -webkit-appearance: none } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } .display-1,.display-2,.display-3,.display-4 { line-height: 1.2 } .figure,.list-inline-item,output { display: inline-block } summary { display: list-item } .collapse:not(.show),template { display: none } .d-none,.mfp-hide,[hidden] { display: none!important } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { margin-bottom: .5rem; font-weight: 500; line-height: 1.2 } .blockquote,hr { margin-bottom: 1rem } .display-1,.display-2,.display-3,.display-4,.lead { font-weight: 300 } .h1,h1 { font-size: 2.5rem } .h2,h2 { font-size: 2rem } .h3,h3 { font-size: 1.75rem } .h4,h4 { font-size: 1.5rem } .h5,h5 { font-size: 1.25rem } .h6,h6 { font-size: 1rem } .lead { font-size: 1.25rem } .display-1 { font-size: 6rem } .display-2 { font-size: 5.5rem } .display-3 { font-size: 4.5rem } .display-4 { font-size: 3.5rem } .btn,.btn-link,.dropdown-item,.form-control,.small,small { font-weight: 400 } hr { box-sizing: content-box; height: 0; margin-top: 1rem; border: 0; border-top: 1px solid rgba(0,0,0,.1) } .small,small { font-size: 80% } code,kbd,pre { font-size: 87.5% } .mark,mark { padding: .2em; background-color: #fcf8e3 } .list-inline,.list-unstyled { padding-left: 0; list-style: none } .bs-popover-auto[x-placement^=left],.bs-popover-left,.list-inline-item:not(:last-child) { margin-right: .5rem } .initialism { font-size: 90%; text-transform: uppercase } .blockquote { font-size: 1.25rem } .blockquote-footer { display: block; font-size: 80%; color: #6c757d } .blockquote-footer::before { content: "\2014\00A0" } .img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; height: auto } .figure-img { margin-bottom: .5rem; line-height: 1 } .figure-caption { font-size: 90%; color: #6c757d } .alert-heading,a>code,pre code { color: inherit } code { color: #e83e8c; word-break: break-word } kbd { padding: .2rem .4rem; color: #fff; background-color: #212529; border-radius: .2rem } .table,pre { color: #212529 } kbd kbd { padding: 0; font-size: 100% } pre { display: block } pre code { font-size: inherit; word-break: normal } .pre-scrollable { max-height: 340px; overflow-y: scroll } .container,.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .col,.col-auto { max-width: 100% } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .card>hr,.no-gutters { margin-right: 0; margin-left: 0 } .form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm,.navbar-nav .nav-link,.no-gutters>.col,.no-gutters>[class*=col-] { padding-right: 0; padding-left: 0 } .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1 } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-first { -ms-flex-order: -1; order: -1 } .order-last { -ms-flex-order: 13; order: 13 } .order-0 { -ms-flex-order: 0; order: 0 } .order-1 { -ms-flex-order: 1; order: 1 } .order-2 { -ms-flex-order: 2; order: 2 } .order-3 { -ms-flex-order: 3; order: 3 } .order-4 { -ms-flex-order: 4; order: 4 } .order-5 { -ms-flex-order: 5; order: 5 } .order-6 { -ms-flex-order: 6; order: 6 } .order-7 { -ms-flex-order: 7; order: 7 } .order-8 { -ms-flex-order: 8; order: 8 } .order-9 { -ms-flex-order: 9; order: 9 } .order-10 { -ms-flex-order: 10; order: 10 } .order-11 { -ms-flex-order: 11; order: 11 } .order-12 { -ms-flex-order: 12; order: 12 } .offset-1 { margin-left: 8.333333% } .offset-2 { margin-left: 16.666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.333333% } .offset-5 { margin-left: 41.666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.333333% } .offset-8 { margin-left: 66.666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.333333% } .offset-11 { margin-left: 91.666667% } .table { width: 100%; margin-bottom: 1rem } .table td,.table th { padding: .75rem; vertical-align: top; border-top: 1px solid #dee2e6 } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6 } .table tbody+tbody { border-top: 2px solid #dee2e6 } .table-sm td,.table-sm th { padding: .3rem } .table-bordered,.table-bordered td,.table-bordered th { border: 1px solid #dee2e6 } .table-bordered thead td,.table-bordered thead th { border-bottom-width: 2px } .table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th,.table-dark.table-bordered,.table-responsive>.table-bordered { border: 0 } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05) } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0,0,0,.075) } .table-primary,.table-primary>td,.table-primary>th { background-color: #b8daff } .table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th { border-color: #7abaff } .table-hover .table-primary:hover,.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th { background-color: #9fcdff } .table-secondary,.table-secondary>td,.table-secondary>th { background-color: #d6d8db } .table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th { border-color: #b3b7bb } .table-hover .table-secondary:hover,.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th { background-color: #c8cbcf } .table-success,.table-success>td,.table-success>th { background-color: #c3e6cb } .table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th { border-color: #8fd19e } .table-hover .table-success:hover,.table-hover .table-success:hover>td,.table-hover .table-success:hover>th { background-color: #b1dfbb } .table-info,.table-info>td,.table-info>th { background-color: #bee5eb } .table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th { border-color: #86cfda } .table-hover .table-info:hover,.table-hover .table-info:hover>td,.table-hover .table-info:hover>th { background-color: #abdde5 } .table-warning,.table-warning>td,.table-warning>th { background-color: #ffeeba } .table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th { border-color: #ffdf7e } .table-hover .table-warning:hover,.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th { background-color: #ffe8a1 } .table-danger,.table-danger>td,.table-danger>th { background-color: #f5c6cb } .table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th { border-color: #ed969e } .table-hover .table-danger:hover,.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th { background-color: #f1b0b7 } .table-light,.table-light>td,.table-light>th { background-color: #fdfdfe } .table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th { border-color: #fbfcfc } .table-hover .table-light:hover,.table-hover .table-light:hover>td,.table-hover .table-light:hover>th { background-color: #ececf6 } .table-dark,.table-dark>td,.table-dark>th { background-color: #c6c8ca } .table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th { border-color: #95999c } .table .thead-dark th,.table-dark td,.table-dark th,.table-dark thead th { border-color: #454d55 } .table-hover .table-dark:hover,.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th { background-color: #b9bbbe } .table-active,.table-active>td,.table-active>th,.table-hover .table-active:hover,.table-hover .table-active:hover>td,.table-hover .table-active:hover>th { background-color: rgba(0,0,0,.075) } .badge-dark,.table .thead-dark th,.table-dark { background-color: #343a40; color: #fff } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6 } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255,255,255,.05) } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255,255,255,.075) } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .accordion>.card,.collapsing,.modal-open,.progress,.toast { overflow: hidden } .form-control { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out } .form-control::-ms-expand { background-color: transparent; border: 0 } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0 } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1 } .form-control::-moz-placeholder { color: #6c757d; opacity: 1 } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1 } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1 } .form-control::placeholder { color: #6c757d; opacity: 1 } .form-control:disabled,.form-control[readonly] { background-color: #e9ecef; opacity: 1 } select.form-control:focus::-ms-value { color: #495057; background-color: #fff } .btn-block,.form-control-file,.form-control-range,.owl-carousel .owl-item img { display: block; width: 100% } .col-form-label { padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5 } .col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.25rem; line-height: 1.5 } .col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem; line-height: 1.5 } .form-control-plaintext { display: block; width: 100%; padding-top: .375rem; padding-bottom: .375rem; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0 } .form-control-sm { height: calc(1.5em + .5rem + 2px); padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem } .form-group { margin-bottom: 1rem } .form-text { display: block; margin-top: .25rem } .form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px } .form-row>.col,.form-row>[class*=col-] { padding-right: 5px; padding-left: 5px } .form-check { position: relative; display: block; padding-left: 1.25rem } .form-check-input { position: absolute; margin-top: .3rem; margin-left: -1.25rem } .breadcrumb-item.active,.custom-control-input:disabled~.custom-control-label,.form-check-input:disabled~.form-check-label { color: #6c757d } .form-check-inline { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: .75rem } .invalid-tooltip,.valid-tooltip { position: absolute; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; border-radius: .25rem; line-height: 1.5; top: 100% } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: .3125rem; margin-left: 0 } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #c1001b } .valid-tooltip { margin-top: .1rem; font-size: .875rem; color: #fff; background-color: rgba(40,167,69,.9) } .form-control.is-valid,.was-validated .form-control:valid { border-color: #c1001b; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right calc(.375em + .1875rem); background-size: calc(.75em + .375rem) calc(.75em + .375rem) } .form-control.is-valid:focus,.was-validated .form-control:valid:focus { border-color: #c1001b; box-shadow: 0 0 0 .2rem rgba(40,167,69,.25) } .form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip { display: block } .was-validated textarea.form-control:valid,textarea.form-control.is-valid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .custom-select.is-valid,.was-validated .custom-select:valid { border-color: #c1001b; padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat #fff } .custom-select.is-valid:focus,.was-validated .custom-select:valid:focus { border-color: #c1001b; box-shadow: 0 0 0 .2rem rgba(40,167,69,.25) } .custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip { display: block } .form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip { display: block } .form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label { color: #c1001b } .form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip { display: block } .custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label { color: #c1001b } .custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before { border-color: #c1001b } .custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip { display: block } .custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before { border-color: #34ce57; background-color: #34ce57 } .custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(40,167,69,.25) } .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before { border-color: #c1001b } .custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label { border-color: #c1001b } .custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip { display: block } .custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label { border-color: #c1001b; box-shadow: 0 0 0 .2rem rgba(40,167,69,.25) } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545 } .invalid-tooltip { margin-top: .1rem; font-size: .875rem; color: #fff; background-color: rgba(220,53,69,.9) } .calendly-popup-content,.carousel,.collapsing,.dropdown,.dropleft,.dropright,.dropup { position: relative } .form-control.is-invalid,.was-validated .form-control:invalid { border-color: #dc3545; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(.375em + .1875rem); background-size: calc(.75em + .375rem) calc(.75em + .375rem) } .form-control.is-invalid:focus,.was-validated .form-control:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) } .form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip { display: block } .was-validated textarea.form-control:invalid,textarea.form-control.is-invalid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .custom-select.is-invalid,.was-validated .custom-select:invalid { border-color: #dc3545; padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat #fff } .custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) } .custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip { display: block } .form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip { display: block } .form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label { color: #dc3545 } .form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip { display: block } .custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label { color: #dc3545 } .custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before { border-color: #dc3545 } .custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip { display: block } .custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before { border-color: #e4606d; background-color: #e4606d } .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before,.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before,.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before { background-color: rgba(0,123,255,.5) } .custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) } .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before { border-color: #dc3545 } .custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label { border-color: #dc3545 } .custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip { display: block } .custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220,53,69,.25) } .form-inline { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center } .btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.form-inline .form-check,input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block { width: 100% } .btn { display: inline-block; color: #212529; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } .btn:hover { color: #212529 } .btn.focus,.btn:focus { outline: 0 } .btn.disabled,.btn:disabled { opacity: .65 } .slick-slide.dragging img,a.btn.disabled,a.close.disabled,fieldset:disabled a.btn { pointer-events: none } .btn-outline-primary:hover,.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-primary,.btn-primary.disabled,.btn-primary:disabled,.show>.btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc } .btn-primary.focus,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(38,143,255,.5) } .btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf } .btn-outline-secondary:hover,.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-secondary,.btn-secondary.disabled,.btn-secondary:disabled,.show>.btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62 } .btn-secondary.focus,.btn-secondary:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(130,138,145,.5) } .btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b } .btn-outline-success:hover,.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.btn-success,.btn-success.disabled,.btn-success:disabled,.show>.btn-outline-success.dropdown-toggle { color: #fff; background-color: #c1001b; border-color: #c1001b } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34 } .btn-success.focus,.btn-success:focus,.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(72,180,97,.5) } .btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430 } .btn-info,.btn-info.disabled,.btn-info:disabled,.btn-outline-info:hover,.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle { color: #fff; background-color: #c1001b; border-color: #c1001b } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b } .btn-info.focus,.btn-info:focus,.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(58,176,195,.5) } .btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f } .btn-outline-warning:hover,.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.btn-warning,.btn-warning.disabled,.btn-warning:disabled,.show>.btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107 } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00 } .btn-warning.focus,.btn-warning:focus,.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(222,170,12,.5) } .btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500 } .btn-danger,.btn-danger.disabled,.btn-danger:disabled,.btn-outline-danger:hover,.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130 } .btn-danger.focus,.btn-danger:focus,.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(225,83,97,.5) } .btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d } .btn-light,.btn-light.disabled,.btn-light:disabled,.btn-outline-light:hover,.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5 } .btn-light.focus,.btn-light:focus,.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(216,217,219,.5) } .btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df } .btn-dark,.btn-dark.disabled,.btn-dark:disabled,.btn-outline-dark:hover,.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40 } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124 } .btn-dark.focus,.btn-dark:focus,.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(82,88,93,.5) } .btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d } .btn-outline-primary { color: #007bff; border-color: #007bff } .btn-outline-primary.focus,.btn-outline-primary:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) } .btn-outline-primary.disabled,.btn-outline-primary:disabled { color: #007bff; background-color: transparent } .btn-outline-secondary { color: #6c757d; border-color: #6c757d } .btn-outline-secondary.focus,.btn-outline-secondary:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(108,117,125,.5) } .btn-outline-secondary.disabled,.btn-outline-secondary:disabled { color: #6c757d; background-color: transparent } .btn-outline-success { color: #c1001b; border-color: #c1001b } .btn-outline-success.focus,.btn-outline-success:focus,.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(40,167,69,.5) } .btn-outline-success.disabled,.btn-outline-success:disabled { color: #c1001b; background-color: transparent } .btn-outline-info { color: #c1001b; border-color: #c1001b } .btn-outline-info.focus,.btn-outline-info:focus,.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(23,162,184,.5) } .btn-outline-info.disabled,.btn-outline-info:disabled { color: #c1001b; background-color: transparent } .btn-outline-warning { color: #ffc107; border-color: #ffc107 } .btn-outline-warning.focus,.btn-outline-warning:focus,.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255,193,7,.5) } .btn-outline-warning.disabled,.btn-outline-warning:disabled { color: #ffc107; background-color: transparent } .btn-outline-danger { color: #dc3545; border-color: #dc3545 } .btn-outline-danger.focus,.btn-outline-danger:focus,.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) } .btn-outline-danger.disabled,.btn-outline-danger:disabled { color: #dc3545; background-color: transparent } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light.focus,.btn-outline-light:focus,.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(248,249,250,.5) } .btn-outline-light.disabled,.btn-outline-light:disabled { color: #f8f9fa; background-color: transparent } .btn-outline-dark { color: #343a40; border-color: #343a40 } .dropdown-toggle::after,.dropup .dropdown-toggle::after { vertical-align: .255em; content: ""; border-right: .3em solid transparent; border-left: .3em solid transparent; display: inline-block } .btn-outline-dark.focus,.btn-outline-dark:focus,.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(52,58,64,.5) } .btn-outline-dark.disabled,.btn-outline-dark:disabled { color: #343a40; background-color: transparent } .btn-link { color: #007bff } .btn-link.focus,.btn-link:focus { text-decoration: underline; box-shadow: none } .btn-link.disabled,.btn-link:disabled { color: #6c757d; pointer-events: none } .btn-group-lg>.btn,.btn-lg,.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem } .btn-group-sm>.btn,.btn-sm,.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem } .bs-popover-auto[x-placement^=bottom],.bs-popover-bottom,.btn-block+.btn-block { margin-top: .5rem } .fade { transition: opacity .15s linear } .fade:not(.show),.modal-backdrop.fade,.owl-carousel.owl-hidden { opacity: 0 } .collapsing { height: 0; transition: height .35s } .dropdown-toggle::after { margin-left: .255em; border-top: .3em solid; border-bottom: 0 } .dropdown-toggle-split::after,.dropdown-toggle:empty::after,.dropleft .dropdown-toggle:empty::after,.dropright .dropdown-toggle-split::after,.dropright .dropdown-toggle:empty::after,.dropup .dropdown-toggle-split::after,.dropup .dropdown-toggle:empty::after { margin-left: 0 } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: #212529; text-align: left; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem } .dropdown-menu-left { right: auto; left: 0 } .dropdown-menu-right { right: 0; left: auto } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem } .dropup .dropdown-toggle::after { margin-left: .255em; border-top: 0; border-bottom: .3em solid } .dropleft .dropdown-toggle::before,.dropright .dropdown-toggle::after { content: ""; border-top: .3em solid transparent; border-bottom: .3em solid transparent } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: .125rem } .dropright .dropdown-toggle::after { display: inline-block; margin-left: .255em; border-right: 0; border-left: .3em solid; vertical-align: 0 } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: .125rem } .dropleft .dropdown-toggle::after { margin-left: .255em; vertical-align: .255em; content: ""; display: none } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: .255em; border-right: .3em solid; vertical-align: 0 } .dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top] { right: auto; bottom: auto } .dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid #e9ecef } .dropdown-item { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; color: #212529; text-align: inherit; background-color: transparent; border: 0 } .dropdown-item:focus,.dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #f8f9fa } .dropdown-item.active,.dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff } .dropdown-item.disabled,.dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent } .carousel-item-next,.carousel-item-prev,.carousel-item.active,.dropdown-menu.show,.tab-content>.active { display: block } .dropdown-header { display: block; padding: .5rem 1.5rem; margin-bottom: 0; font-size: .875rem; color: #6c757d } .dropdown-item-text { display: block; padding: .25rem 1.5rem; color: #212529 } .btn-group,.btn-group-vertical { position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle } .btn-group-vertical>.btn,.btn-group>.btn { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto } .btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover,.owl-carousel .owl-animated-out { z-index: 1 } .btn-toolbar { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start } .btn-toolbar .input-group { width: auto } .btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child),.input-group-append,.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text,.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control { margin-left: -1px } .btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after,.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child),.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child),.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child),.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0 } .dropdown-toggle-split { padding-right: .5625rem; padding-left: .5625rem } .dropleft .dropdown-toggle-split::before { margin-right: 0 } .btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem } .btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem } .btn-group-vertical { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center } .btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) { margin-top: -1px } .btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .accordion>.card:last-of-type,.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0 } .custom-select,.input-group-text { font-size: 1rem; line-height: 1.5; border: 1px solid #ced4da; color: #495057; font-weight: 400 } .btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio] { position: absolute; clip: rect(0,0,0,0); pointer-events: none } .input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100% } .input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0 } .input-group-append .btn:focus,.input-group-prepend .btn:focus,.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus { z-index: 3 } .input-group>.custom-file .custom-file-input:focus { z-index: 4 } .input-group>.custom-file { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .input-group-append,.input-group-prepend { display: -ms-flexbox; display: flex } .input-group-append .btn,.input-group-prepend .btn { position: relative; z-index: 2 } .input-group-prepend { margin-right: -1px } .input-group-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: .375rem .75rem; margin-bottom: 0; text-align: center; background-color: #e9ecef; border-radius: .25rem } .nav,.navbar { -ms-flex-wrap: wrap } .input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea) { height: calc(1.5em + 1rem + 2px) } .input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea) { height: calc(1.5em + .5rem + 2px) } .custom-control-label::after,.custom-control-label::before { top: .25rem; left: -1.5rem; display: block; height: 1rem; content: ""; width: 1rem } .input-group-lg>.custom-select,.input-group-sm>.custom-select { padding-right: 1.75rem } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem } .custom-control-inline { display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem } .custom-file,.custom-select { display: inline-block; width: 100% } .custom-control-input { position: absolute; z-index: -1; opacity: 0 } .custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff } .custom-control-input:focus~.custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) } .custom-control-input:focus:not(:checked)~.custom-control-label::before { border-color: #80bdff } .custom-control-input:not(:disabled):active~.custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff } .custom-control-input:disabled~.custom-control-label::before,.custom-file-input:disabled~.custom-file-label { background-color: #e9ecef } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top } .custom-control-label::before { position: absolute; pointer-events: none; background-color: #fff; border: 1px solid #adb5bd } .custom-file-input:focus~.custom-file-label,.custom-select:focus { border-color: #80bdff; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) } .custom-control-label::after { position: absolute; background: 50%/50% 50% no-repeat } .custom-checkbox .custom-control-label::before,.nav-pills .nav-link { border-radius: .25rem } .custom-checkbox .custom-control-input:checked~.custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e") } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before { border-color: #007bff; background-color: #007bff } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e") } .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before { background-color: rgba(0,123,255,.5) } .custom-radio .custom-control-label::before { border-radius: 50% } .custom-radio .custom-control-input:checked~.custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") } .custom-switch { padding-left: 2.25rem } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: .5rem } .custom-switch .custom-control-label::after { top: calc(.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: .5rem; transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out } .custom-switch .custom-control-input:checked~.custom-control-label::after { background-color: #fff; -webkit-transform: translateX(.75rem); transform: translateX(.75rem) } .custom-select { height: calc(1.5em + .75rem + 2px); padding: .375rem 1.75rem .375rem .75rem; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat #fff; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none } .custom-select:focus { outline: 0 } .custom-select:focus::-ms-value { color: #495057; background-color: #fff } .custom-select[multiple],.custom-select[size]:not([size="1"]) { height: auto; padding-right: .75rem; background-image: none } .custom-select:disabled { color: #6c757d; background-color: #e9ecef } .custom-select::-ms-expand { display: none } .custom-select-sm { height: calc(1.5em + .5rem + 2px); padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: .875rem } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; font-size: 1.25rem } .custom-file,.custom-file-input,.custom-file-label { height: calc(1.5em + .75rem + 2px) } .custom-file-label,.custom-file-label::after { padding: .375rem .75rem; color: #495057; top: 0; line-height: 1.5; right: 0 } .custom-file { position: relative; margin-bottom: 0 } .custom-file-input { position: relative; z-index: 2; width: 100%; margin: 0; opacity: 0 } .custom-file-input:lang(en)~.custom-file-label::after { content: "Browse" } .custom-file-input~.custom-file-label[data-browse]::after { content: attr(data-browse) } .custom-file-label { position: absolute; left: 0; z-index: 1; font-weight: 400; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem } .card,.navbar { position: relative } .custom-file-label::after { position: absolute; bottom: 0; z-index: 3; display: block; height: calc(1.5em + .75rem); content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 .25rem .25rem 0 } .custom-range { width: 100%; height: calc(1rem + .4rem); padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25) } .custom-range::-moz-focus-outer { border: 0 } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -.25rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-appearance: none; appearance: none } .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff } .custom-range::-webkit-slider-runnable-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -moz-appearance: none; appearance: none } .custom-range::-moz-range-thumb:active { background-color: #b3d7ff } .custom-range::-moz-range-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: .2rem; margin-left: .2rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; appearance: none } .custom-range::-ms-thumb:active { background-color: #b3d7ff } .custom-range::-ms-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: .5rem } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd } .custom-range:disabled::-moz-range-track { cursor: default } .custom-range:disabled::-ms-thumb { background-color: #adb5bd } .custom-control-label::before,.custom-file-label,.custom-select { transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } .nav { display: -ms-flexbox; display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0 } .nav-link,.navbar { padding: .5rem 1rem } .nav-link { display: block } .breadcrumb-item+.breadcrumb-item:hover::before,.card-link:hover,.nav-link:focus,.nav-link:hover,.navbar-brand:focus,.navbar-brand:hover,.navbar-toggler:focus,.navbar-toggler:hover,a.badge:focus,a.badge:hover { text-decoration: none } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default } .nav-tabs { border-bottom: 1px solid #dee2e6 } .accordion>.card .card-header,.list-group-flush .list-group-item:last-child,.nav-tabs .nav-item { margin-bottom: -1px } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem } .nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6 } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent } .nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 } .badge-primary,.nav-pills .nav-link.active,.nav-pills .show>.nav-link { color: #fff; background-color: #007bff } .navbar-toggler,button.close { background-color: transparent } .nav-fill .nav-item { -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center } .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; text-align: center } .badge:empty,.mfp-align-top .mfp-container:before,.mfp-loading.mfp-figure,.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader,.navbar-expand .navbar-toggler,.popover-header:empty,.tab-content>.tab-pane,.toast.hide { display: none } .navbar { display: -ms-flexbox; display: flex; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between } .navbar>.container,.navbar>.container-fluid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between } .navbar-brand { display: inline-block; padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit } .card,.navbar-nav { display: -ms-flexbox } .card-header-pills,.card-header-tabs { margin-right: -.625rem; margin-left: -.625rem } .navbar-nav { display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0 } .navbar-nav .dropdown-menu { position: static; float: none } .close,.owl-carousel.owl-rtl .owl-item,[dir=rtl] .slick-slide { float: right } .navbar-text { display: inline-block; padding-top: .5rem; padding-bottom: .5rem } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center } .navbar-toggler { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; border: 1px solid transparent; border-radius: .25rem } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: center center/100% 100% no-repeat } @media (max-width: 767.98px) { .table-responsive-md { display:block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-md>.table-bordered { border: 0 } .navbar-expand-md>.container,.navbar-expand-md>.container-fluid { padding-right: 0; padding-left: 0 } } @media (max-width: 991.98px) { .table-responsive-lg { display:block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-lg>.table-bordered { border: 0 } .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid { padding-right: 0; padding-left: 0 } } @media (max-width: 1199.98px) { .table-responsive-xl { display:block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-xl>.table-bordered { border: 0 } .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid { padding-right: 0; padding-left: 0 } } .navbar-expand { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .list-group-horizontal,.navbar-expand .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand .navbar-nav .dropdown-menu { position: absolute } .navbar-expand .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand>.container,.navbar-expand>.container-fluid { padding-right: 0; padding-left: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand .navbar-collapse { display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover,.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover { color: rgba(0,0,0,.9) } .navbar-light .navbar-nav .nav-link,.navbar-light .navbar-text { color: rgba(0,0,0,.5) } .navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover { color: rgba(0,0,0,.7) } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0,0,0,.3) } .navbar-light .navbar-toggler { color: rgba(0,0,0,.5); border-color: rgba(0,0,0,.1) } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .mfp-preloader a:hover,.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover,.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link,.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover { color: #fff } .navbar-dark .navbar-nav .nav-link,.navbar-dark .navbar-text { color: rgba(255,255,255,.5) } .navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover { color: rgba(255,255,255,.75) } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255,255,255,.25) } .navbar-dark .navbar-toggler { color: rgba(255,255,255,.5); border-color: rgba(255,255,255,.1) } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .card { display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem } .card>.list-group:first-child .list-group-item:first-child,.list-group-item:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .card>.list-group:last-child .list-group-item:last-child { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem } .card-footer,.card-header { padding: .75rem 1.25rem; background-color: rgba(0,0,0,.03) } .card-columns .card,.card-title,.toast:not(:last-child) { margin-bottom: .75rem } .card-subtitle { margin-top: -.375rem; margin-bottom: 0 } .card-link+.card-link { margin-left: 1.25rem } .card-header { margin-bottom: 0; border-bottom: 1px solid rgba(0,0,0,.125) } .card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0 } .card-header+.list-group .list-group-item:first-child,.list-group-flush:first-child .list-group-item:first-child { border-top: 0 } .card-footer { border-top: 1px solid rgba(0,0,0,.125) } .card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px) } .card-header-tabs { margin-bottom: -.75rem; border-bottom: 0 } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem } .alert,.btn .badge,.list-group-item,.page-link { position: relative } .card-img { width: 100%; border-radius: calc(.25rem - 1px) } .card-img-top { width: 100%; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .breadcrumb,.pagination { border-radius: .25rem; list-style: none } .card-deck,.card-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column } .card-deck .card,.card-group>.card { margin-bottom: 15px } .accordion>.card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0 } .accordion>.card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .75rem 1rem; margin-bottom: 1rem; background-color: #e9ecef } .breadcrumb-item+.breadcrumb-item { padding-left: .5rem } .breadcrumb-item+.breadcrumb-item::before { display: inline-block; padding-right: .5rem; color: #6c757d; content: "/" } .pagination { display: -ms-flexbox; display: flex; padding-left: 0 } .page-link { display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6 } .badge,.close { line-height: 1; font-weight: 700 } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6 } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25) } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem } .page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6 } .pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.25rem; line-height: 1.5 } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem } .pagination-sm .page-link { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5 } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: .2rem; border-bottom-left-radius: .2rem } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem } .badge { display: inline-block; padding: .25em .4em; font-size: 75%; text-align: center; vertical-align: baseline; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out } .btn .badge { top: -1px } .badge-pill { padding-right: .6em; padding-left: .6em; border-radius: 10rem } a.badge-primary:focus,a.badge-primary:hover { color: #fff; background-color: #0062cc } a.badge-primary.focus,a.badge-primary:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.5) } .badge-secondary { color: #fff; background-color: #6c757d } a.badge-secondary:focus,a.badge-secondary:hover { color: #fff; background-color: #545b62 } a.badge-secondary.focus,a.badge-secondary:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(108,117,125,.5) } .badge-success { color: #fff; background-color: #c1001b } a.badge-success:focus,a.badge-success:hover { color: #fff; background-color: #1e7e34 } a.badge-success.focus,a.badge-success:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(40,167,69,.5) } .badge-info { color: #fff; background-color: #c1001b } a.badge-info:focus,a.badge-info:hover { color: #fff; background-color: #117a8b } a.badge-info.focus,a.badge-info:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(23,162,184,.5) } .badge-warning { color: #212529; background-color: #ffc107 } a.badge-warning:focus,a.badge-warning:hover { color: #212529; background-color: #d39e00 } a.badge-warning.focus,a.badge-warning:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(255,193,7,.5) } .badge-danger { color: #fff; background-color: #dc3545 } a.badge-danger:focus,a.badge-danger:hover { color: #fff; background-color: #bd2130 } a.badge-danger.focus,a.badge-danger:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(220,53,69,.5) } .badge-light { color: #212529; background-color: #f8f9fa } a.badge-light:focus,a.badge-light:hover { color: #212529; background-color: #dae0e5 } a.badge-light.focus,a.badge-light:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(248,249,250,.5) } a.badge-dark:focus,a.badge-dark:hover { color: #fff; background-color: #1d2124 } a.badge-dark.focus,a.badge-dark:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(52,58,64,.5) } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: .3rem } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0 } .alert { padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem } .alert-dismissible { padding-right: 4rem } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: .75rem 1.25rem; color: inherit } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff } .alert-primary hr { border-top-color: #9fcdff } .alert-primary .alert-link { color: #002752 } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db } .alert-secondary hr { border-top-color: #c8cbcf } .alert-secondary .alert-link { color: #202326 } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb } .alert-success hr { border-top-color: #b1dfbb } .alert-success .alert-link { color: #0b2e13 } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb } .alert-info hr { border-top-color: #abdde5 } .alert-info .alert-link { color: #062c33 } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba } .alert-warning hr { border-top-color: #ffe8a1 } .alert-warning .alert-link { color: #533f03 } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb } .alert-danger hr { border-top-color: #f1b0b7 } .alert-danger .alert-link { color: #491217 } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe } .alert-light hr { border-top-color: #ececf6 } .alert-light .alert-link { color: #686868 } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca } .alert-dark hr { border-top-color: #b9bbbe } .alert-dark .alert-link { color: #040505 } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0 } to { background-position: 0 0 } } @keyframes progress-bar-stripes { from { background-position: 1rem 0 } to { background-position: 0 0 } } .progress { display: -ms-flexbox; display: flex; height: 1rem; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem } .progress-bar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; background-color: #007bff; transition: width .6s } .progress-bar-striped { background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-size: 1rem 1rem } .progress-bar-animated { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes } .media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start } .media-body { -ms-flex: 1; flex: 1 } .list-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0 } .list-group-item-action { width: 100%; color: #495057; text-align: inherit } .list-group-item-action:focus,.list-group-item-action:hover { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa } .list-group-item-action:active { color: #212529; background-color: #e9ecef } .list-group-item { display: block; padding: .75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0,0,0,.125) } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .list-group-item.disabled,.list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff } .list-group-horizontal .list-group-item { margin-right: -1px; margin-bottom: 0 } .list-group-horizontal .list-group-item:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal .list-group-item:last-child { margin-right: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-bottom-left-radius: 0 } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0 } .list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; border-bottom: 0 } .list-group-item-primary { color: #004085; background-color: #b8daff } .list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover { color: #004085; background-color: #9fcdff } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085 } .list-group-item-secondary { color: #383d41; background-color: #d6d8db } .list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover { color: #383d41; background-color: #c8cbcf } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41 } .list-group-item-success { color: #155724; background-color: #c3e6cb } .list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover { color: #155724; background-color: #b1dfbb } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724 } .list-group-item-info { color: #0c5460; background-color: #bee5eb } .list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover { color: #0c5460; background-color: #abdde5 } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460 } .list-group-item-warning { color: #856404; background-color: #ffeeba } .list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover { color: #856404; background-color: #ffe8a1 } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404 } .list-group-item-danger { color: #721c24; background-color: #f5c6cb } .list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover { color: #721c24; background-color: #f1b0b7 } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24 } .list-group-item-light { color: #818182; background-color: #fdfdfe } .list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover { color: #818182; background-color: #ececf6 } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182 } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca } .toast,.toast-header { background-color: rgba(255,255,255,.85); background-clip: padding-box } .list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover { color: #1b1e21; background-color: #b9bbbe } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21 } .close { font-size: 1.5rem; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5 } .popover,.tooltip { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-style: normal; font-weight: 400; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; line-break: auto; text-decoration: none; white-space: normal; word-wrap: break-word } .modal-title,.popover,.tooltip { line-height: 1.5 } .popover,.text-hide,.tooltip { text-shadow: none } .toast,.tooltip { opacity: 0; font-size: .875rem } .close:hover { color: #000; text-decoration: none } .close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover { opacity: .75 } button.close { padding: 0; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none } .toast { max-width: 350px; border: 1px solid rgba(0,0,0,.1); box-shadow: 0 .25rem .75rem rgba(0,0,0,.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: .25rem } .carousel-indicators .active,.mfp-arrow:focus,.mfp-arrow:hover,.mfp-close:focus,.mfp-close:hover,.toast.showing { opacity: 1 } .toast.show { display: block; opacity: 1 } .toast-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: .25rem .75rem; color: #6c757d; border-bottom: 1px solid rgba(0,0,0,.05) } .toast-body { padding: .75rem } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0 } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none } .modal.fade .modal-dialog { transition: transform .3s ease-out; transition: transform .3s ease-out,-webkit-transform .3s ease-out; -webkit-transform: translate(0,-50px); transform: translate(0,-50px) } .modal.show .modal-dialog { -webkit-transform: none; transform: none } .modal-dialog-scrollable { display: -ms-flexbox; display: flex; max-height: calc(100% - 1rem) } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden } .modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header { -ms-flex-negative: 0; flex-shrink: 0 } .modal-dialog-scrollable .modal-body { overflow-y: auto } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem) } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: "" } .modal-dialog-centered.modal-dialog-scrollable { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; height: 100% } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none } .modal-dialog-centered.modal-dialog-scrollable::before { content: none } .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0 } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000 } .modal-backdrop.show { opacity: .5 } .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: .3rem; border-top-right-radius: .3rem } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto } .modal-title { margin-bottom: 0 } .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem } .modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: .3rem; border-bottom-left-radius: .3rem } .modal-footer>:not(:first-child) { margin-left: .25rem } .modal-footer>:not(:last-child) { margin-right: .25rem } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; text-align: left; text-align: start } .tooltip.show { opacity: .9 } .tooltip .arrow { position: absolute; display: block; width: .8rem; height: .4rem } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid } .bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-auto[x-placement^=top],.bs-tooltip-bottom,.bs-tooltip-top { padding: .4rem 0 } .bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow { bottom: 0 } .bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before { top: 0; border-width: .4rem .4rem 0; border-top-color: #000 } .bs-tooltip-auto[x-placement^=left],.bs-tooltip-auto[x-placement^=right],.bs-tooltip-left,.bs-tooltip-right { padding: 0 .4rem } .bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow { left: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before { right: 0; border-width: .4rem .4rem .4rem 0; border-right-color: #000 } .bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow { top: 0 } .bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before { bottom: 0; border-width: 0 .4rem .4rem; border-bottom-color: #000 } .bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow { right: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before { left: 0; border-width: .4rem 0 .4rem .4rem; border-left-color: #000 } .tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #000; border-radius: .25rem } .carousel-indicators li,.popover { background-color: #fff; background-clip: padding-box } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; text-align: left; text-align: start; font-size: .875rem; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem } .popover .arrow { position: absolute; display: block; width: 1rem; height: .5rem; margin: 0 .3rem } .popover .arrow::after,.popover .arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid } .bs-popover-auto[x-placement^=top],.bs-popover-top { margin-bottom: .5rem } .bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow { bottom: calc((.5rem + 1px) * -1) } .bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before { bottom: 0; border-width: .5rem .5rem 0; border-top-color: rgba(0,0,0,.25) } .bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after { bottom: 1px; border-width: .5rem .5rem 0; border-top-color: #fff } .bs-popover-auto[x-placement^=right],.bs-popover-right { margin-left: .5rem } .bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow { left: calc((.5rem + 1px) * -1); width: .5rem; height: 1rem; margin: .3rem 0 } .bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before { left: 0; border-width: .5rem .5rem .5rem 0; border-right-color: rgba(0,0,0,.25) } .bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after { left: 1px; border-width: .5rem .5rem .5rem 0; border-right-color: #fff } .bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow { top: calc((.5rem + 1px) * -1) } .bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before { top: 0; border-width: 0 .5rem .5rem; border-bottom-color: rgba(0,0,0,.25) } .bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after { top: 1px; border-width: 0 .5rem .5rem; border-bottom-color: #fff } .bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -.5rem; content: ""; border-bottom: 1px solid #f7f7f7 } .bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow { right: calc((.5rem + 1px) * -1); width: .5rem; height: 1rem; margin: .3rem 0 } .bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before { right: 0; border-width: .5rem 0 .5rem .5rem; border-left-color: rgba(0,0,0,.25) } .bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after { right: 1px; border-width: .5rem 0 .5rem .5rem; border-left-color: #fff } .popover-header { padding: .5rem .75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) } .popover-body { padding: .5rem .75rem; color: #212529 } .carousel.pointer-event { -ms-touch-action: pan-y; touch-action: pan-y } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-inner::after,.clearfix::after { display: block; clear: both; content: "" } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform .6s ease-in-out; transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out } .mfp-wrap,.owl-carousel .owl-item,.owl-carousel .owl-video-play-icon { -webkit-backface-visibility: hidden } .active.carousel-item-right,.carousel-item-next:not(.carousel-item-left) { -webkit-transform: translateX(100%); transform: translateX(100%) } .active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right) { -webkit-transform: translateX(-100%); transform: translateX(-100%) } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; -webkit-transform: none; transform: none } .carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active { z-index: 1; opacity: 1 } .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0s .6s } .carousel-control-next,.carousel-control-prev { position: absolute; top: 0; bottom: 0; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: .5; transition: opacity .15s } .carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9 } .carousel-control-prev,.mfp-arrow-left { left: 0 } .carousel-control-next,.mfp-arrow-right { right: 0 } .carousel-control-next-icon,.carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background: 50%/100% 100% no-repeat } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e") } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e") } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none } .spinner-border,.spinner-grow { display: inline-block; vertical-align: text-bottom } .carousel-indicators li { box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity .6s } @media (prefers-reduced-motion:reduce) { .btn,.collapsing,.custom-switch .custom-control-label::after,.fade,.form-control { transition: none } .custom-range::-webkit-slider-thumb { transition: none } .custom-range::-moz-range-thumb { transition: none } .custom-range::-ms-thumb { transition: none } .badge,.carousel-control-next,.carousel-control-prev,.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right,.carousel-indicators li,.carousel-item,.custom-control-label::before,.custom-file-label,.custom-select,.modal.fade .modal-dialog,.progress-bar { transition: none } .progress-bar-animated { -webkit-animation: none; animation: none } } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .spinner-border { width: 2rem; height: 2rem; border: .25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: .75s linear infinite spinner-border; animation: .75s linear infinite spinner-border } .spinner-border-sm { width: 1rem; height: 1rem; border-width: .2em } @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0) } 50% { opacity: 1 } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0) } 50% { opacity: 1 } } .spinner-grow { width: 2rem; height: 2rem; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: .75s linear infinite spinner-grow; animation: .75s linear infinite spinner-grow } .spinner-grow-sm { width: 1rem; height: 1rem } .align-baseline { vertical-align: baseline!important } .align-top { vertical-align: top!important } .align-middle { vertical-align: middle!important } .align-bottom { vertical-align: bottom!important } .align-text-bottom { vertical-align: text-bottom!important } .align-text-top { vertical-align: text-top!important } .bg-primary { background-color: #007bff!important } a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover { background-color: #0062cc!important } .bg-secondary { background-color: #6c757d!important } a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover { background-color: #545b62!important } .bg-success { background-color: #c1001b!important } a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover { background-color: #1e7e34!important } .bg-info { background-color: #c1001b!important } a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover { background-color: #117a8b!important } .bg-warning { background-color: #ffc107!important } a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover { background-color: #d39e00!important } .bg-danger { background-color: #dc3545!important } a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover { background-color: #bd2130!important } .bg-light { background-color: #f8f9fa!important } a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover { background-color: #dae0e5!important } .bg-dark { background-color: #343a40!important } a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover { background-color: #1d2124!important } .bg-white { background-color: #fff!important } .bg-transparent { background-color: transparent!important } .border { border: 1px solid #dee2e6!important } .border-top { border-top: 1px solid #dee2e6!important } .border-right { border-right: 1px solid #dee2e6!important } .border-bottom { border-bottom: 1px solid #dee2e6!important } .border-left { border-left: 1px solid #dee2e6!important } .border-0 { border: 0!important } .border-top-0 { border-top: 0!important } .border-right-0 { border-right: 0!important } .border-bottom-0 { border-bottom: 0!important } .border-left-0 { border-left: 0!important } .border-primary { border-color: #007bff!important } .border-secondary { border-color: #6c757d!important } .border-success { border-color: #c1001b!important } .border-info { border-color: #c1001b!important } .border-warning { border-color: #ffc107!important } .border-danger { border-color: #dc3545!important } .border-light { border-color: #f8f9fa!important } .border-dark { border-color: #343a40!important } .border-white { border-color: #fff!important } .rounded-sm { border-radius: .2rem!important } .rounded-right,.rounded-top { border-top-right-radius: .25rem!important } .rounded-bottom,.rounded-right { border-bottom-right-radius: .25rem!important } .rounded-left,.rounded-top { border-top-left-radius: .25rem!important } .rounded-bottom,.rounded-left { border-bottom-left-radius: .25rem!important } .rounded { border-radius: .25rem!important } .rounded-lg { border-radius: .3rem!important } .rounded-circle { border-radius: 50%!important } .rounded-pill { border-radius: 50rem!important } .rounded-0 { border-radius: 0!important } .d-inline { display: inline!important } .d-inline-block { display: inline-block!important } .d-block { display: block!important } .d-table { display: table!important } .d-table-row { display: table-row!important } .d-table-cell { display: table-cell!important } .d-flex { display: -ms-flexbox!important; display: flex!important } .d-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden } .embed-responsive::before { display: block; content: "" } .embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 } .embed-responsive-21by9::before { padding-top: 42.857143% } .embed-responsive-16by9::before { padding-top: 56.25% } .embed-responsive-4by3::before { padding-top: 75% } .embed-responsive-1by1::before { padding-top: 100% } .flex-row { -ms-flex-direction: row!important; flex-direction: row!important } .flex-column { -ms-flex-direction: column!important; flex-direction: column!important } .flex-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important } .flex-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important } .flex-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important } .flex-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important } .flex-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } .flex-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important } .flex-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important } .flex-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important } .flex-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important } .justify-content-start { -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-end { -ms-flex-pack: end!important; justify-content: flex-end!important } .justify-content-center { -ms-flex-pack: center!important; justify-content: center!important } .justify-content-between { -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-around { -ms-flex-pack: distribute!important; justify-content: space-around!important } .align-items-start { -ms-flex-align: start!important; align-items: flex-start!important } .align-items-end { -ms-flex-align: end!important; align-items: flex-end!important } .align-items-center { -ms-flex-align: center!important; align-items: center!important } .align-items-baseline { -ms-flex-align: baseline!important; align-items: baseline!important } .align-items-stretch { -ms-flex-align: stretch!important; align-items: stretch!important } .align-content-start { -ms-flex-line-pack: start!important; align-content: flex-start!important } .align-content-end { -ms-flex-line-pack: end!important; align-content: flex-end!important } .align-content-center { -ms-flex-line-pack: center!important; align-content: center!important } .align-content-between { -ms-flex-line-pack: justify!important; align-content: space-between!important } .align-content-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important } .align-content-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important } .align-self-auto { -ms-flex-item-align: auto!important; align-self: auto!important } .align-self-start { -ms-flex-item-align: start!important; align-self: flex-start!important } .align-self-end { -ms-flex-item-align: end!important; align-self: flex-end!important } .align-self-center { -ms-flex-item-align: center!important; align-self: center!important } .align-self-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important } .align-self-stretch { -ms-flex-item-align: stretch!important; align-self: stretch!important } .float-left { float: left!important } .float-right { float: right!important } .float-none { float: none!important } .overflow-auto { overflow: auto!important } .overflow-hidden { overflow: hidden!important } .position-static { position: static!important } .position-relative { position: relative!important } .position-absolute { position: absolute!important } .position-fixed { position: fixed!important } .position-sticky { position: -webkit-sticky!important; position: sticky!important } .fixed-bottom,.fixed-top { position: fixed; z-index: 1030; left: 0; right: 0 } .fixed-top { top: 0 } .fixed-bottom { bottom: 0 } @supports ((position: -webkit-sticky) or (position:sticky)) { .sticky-top { position:-webkit-sticky; position: sticky; top: 0; z-index: 1020 } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0 } .sr-only-focusable:active,.sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal } .shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important } .shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important } .shadow-none { box-shadow: none!important } .w-25 { width: 25%!important } .w-50 { width: 50%!important } .w-75 { width: 75%!important } .w-100 { width: 100%!important } .w-auto { width: auto!important } .h-25 { height: 25%!important } .h-50 { height: 50%!important } .h-75 { height: 75%!important } .h-100 { height: 100%!important } .h-auto { height: auto!important } .mw-100 { max-width: 100%!important } .mh-100 { max-height: 100%!important } .min-vw-100 { min-width: 100vw!important } .min-vh-100 { min-height: 100vh!important } .vw-100 { width: 100vw!important } .vh-100 { height: 100vh!important } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0,0,0,0) } .m-0 { margin: 0!important } .mt-0,.my-0 { margin-top: 0!important } .mr-0,.mx-0 { margin-right: 0!important } .mb-0,.my-0 { margin-bottom: 0!important } .ml-0,.mx-0 { margin-left: 0!important } .m-1 { margin: .25rem!important } .mt-1,.my-1 { margin-top: .25rem!important } .mr-1,.mx-1 { margin-right: .25rem!important } .mb-1,.my-1 { margin-bottom: .25rem!important } .ml-1,.mx-1 { margin-left: .25rem!important } .m-2 { margin: .5rem!important } .mt-2,.my-2 { margin-top: .5rem!important } .mr-2,.mx-2 { margin-right: .5rem!important } .mb-2,.my-2 { margin-bottom: .5rem!important } .ml-2,.mx-2 { margin-left: .5rem!important } .m-3 { margin: 1rem!important } .mt-3,.my-3 { margin-top: 1rem!important } .mr-3,.mx-3 { margin-right: 1rem!important } .mb-3,.my-3 { margin-bottom: 1rem!important } .ml-3,.mx-3 { margin-left: 1rem!important } .m-4 { margin: 1.5rem!important } .mt-4,.my-4 { margin-top: 1.5rem!important } .mr-4,.mx-4 { margin-right: 1.5rem!important } .mb-4,.my-4 { margin-bottom: 1.5rem!important } .ml-4,.mx-4 { margin-left: 1.5rem!important } .m-5 { margin: 3rem!important } .mt-5,.my-5 { margin-top: 3rem!important } .mr-5,.mx-5 { margin-right: 3rem!important } .mb-5,.my-5 { margin-bottom: 3rem!important } .ml-5,.mx-5 { margin-left: 3rem!important } .p-0 { padding: 0!important } .pt-0,.py-0 { padding-top: 0!important } .pr-0,.px-0 { padding-right: 0!important } .pb-0,.py-0 { padding-bottom: 0!important } .pl-0,.px-0 { padding-left: 0!important } .p-1 { padding: .25rem!important } .pt-1,.py-1 { padding-top: .25rem!important } .pr-1,.px-1 { padding-right: .25rem!important } .pb-1,.py-1 { padding-bottom: .25rem!important } .pl-1,.px-1 { padding-left: .25rem!important } .p-2 { padding: .5rem!important } .pt-2,.py-2 { padding-top: .5rem!important } .pr-2,.px-2 { padding-right: .5rem!important } .pb-2,.py-2 { padding-bottom: .5rem!important } .pl-2,.px-2 { padding-left: .5rem!important } .p-3 { padding: 1rem!important } .pt-3,.py-3 { padding-top: 1rem!important } .pr-3,.px-3 { padding-right: 1rem!important } .pb-3,.py-3 { padding-bottom: 1rem!important } .pl-3,.px-3 { padding-left: 1rem!important } .p-4 { padding: 1.5rem!important } .pt-4,.py-4 { padding-top: 1.5rem!important } .pr-4,.px-4 { padding-right: 1.5rem!important } .pb-4,.py-4 { padding-bottom: 1.5rem!important } .pl-4,.px-4 { padding-left: 1.5rem!important } .p-5 { padding: 3rem!important } .pt-5,.py-5 { padding-top: 3rem!important } .pr-5,.px-5 { padding-right: 3rem!important } .pb-5,.py-5 { padding-bottom: 3rem!important } .pl-5,.px-5 { padding-left: 3rem!important } .m-n1 { margin: -.25rem!important } .mt-n1,.my-n1 { margin-top: -.25rem!important } .mr-n1,.mx-n1 { margin-right: -.25rem!important } .mb-n1,.my-n1 { margin-bottom: -.25rem!important } .ml-n1,.mx-n1 { margin-left: -.25rem!important } .m-n2 { margin: -.5rem!important } .mt-n2,.my-n2 { margin-top: -.5rem!important } .mr-n2,.mx-n2 { margin-right: -.5rem!important } .mb-n2,.my-n2 { margin-bottom: -.5rem!important } .ml-n2,.mx-n2 { margin-left: -.5rem!important } .m-n3 { margin: -1rem!important } .mt-n3,.my-n3 { margin-top: -1rem!important } .mr-n3,.mx-n3 { margin-right: -1rem!important } .mb-n3,.my-n3 { margin-bottom: -1rem!important } .ml-n3,.mx-n3 { margin-left: -1rem!important } .m-n4 { margin: -1.5rem!important } .mt-n4,.my-n4 { margin-top: -1.5rem!important } .mr-n4,.mx-n4 { margin-right: -1.5rem!important } .mb-n4,.my-n4 { margin-bottom: -1.5rem!important } .ml-n4,.mx-n4 { margin-left: -1.5rem!important } .m-n5 { margin: -3rem!important } .mt-n5,.my-n5 { margin-top: -3rem!important } .mr-n5,.mx-n5 { margin-right: -3rem!important } .mb-n5,.my-n5 { margin-bottom: -3rem!important } .ml-n5,.mx-n5 { margin-left: -3rem!important } .m-auto { margin: auto!important } .mt-auto,.my-auto { margin-top: auto!important } .mr-auto,.mx-auto { margin-right: auto!important } .mb-auto,.my-auto { margin-bottom: auto!important } .ml-auto,.mx-auto { margin-left: auto!important } .text-monospace { font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important } .text-justify { text-align: justify!important } .text-wrap { white-space: normal!important } .text-nowrap { white-space: nowrap!important } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .text-left { text-align: left!important } .text-right { text-align: right!important } .text-center { text-align: center!important } @media (min-width: 576px) { .container { max-width:540px } .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-sm-first { -ms-flex-order: -1; order: -1 } .order-sm-last { -ms-flex-order: 13; order: 13 } .order-sm-0 { -ms-flex-order: 0; order: 0 } .order-sm-1 { -ms-flex-order: 1; order: 1 } .order-sm-2 { -ms-flex-order: 2; order: 2 } .order-sm-3 { -ms-flex-order: 3; order: 3 } .order-sm-4 { -ms-flex-order: 4; order: 4 } .order-sm-5 { -ms-flex-order: 5; order: 5 } .order-sm-6 { -ms-flex-order: 6; order: 6 } .order-sm-7 { -ms-flex-order: 7; order: 7 } .order-sm-8 { -ms-flex-order: 8; order: 8 } .order-sm-9 { -ms-flex-order: 9; order: 9 } .order-sm-10 { -ms-flex-order: 10; order: 10 } .order-sm-11 { -ms-flex-order: 11; order: 11 } .order-sm-12 { -ms-flex-order: 12; order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.333333% } .offset-sm-2 { margin-left: 16.666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.333333% } .offset-sm-5 { margin-left: 41.666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.333333% } .offset-sm-8 { margin-left: 66.666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.333333% } .offset-sm-11 { margin-left: 91.666667% } .form-inline label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0 } .form-inline .form-group { display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; margin-bottom: 0 } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle } .form-inline .form-control-plaintext { display: inline-block } .form-inline .custom-select,.form-inline .input-group { width: auto } .form-inline .form-check { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0 } .form-inline .form-check-input { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; margin-right: .25rem; margin-left: 0 } .form-inline .custom-control { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center } .form-inline .custom-control-label { margin-bottom: 0 } .dropdown-menu-sm-left { right: auto; left: 0 } .dropdown-menu-sm-right { right: 0; left: auto } .navbar-expand-sm { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .list-group-horizontal-sm,.navbar-expand-sm .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-sm .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-sm .navbar-collapse { display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-sm .navbar-toggler { display: none } .card-deck { -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px } .card-deck .card { display: -ms-flexbox; display: flex; -ms-flex: 1 0 0%; flex: 1 0 0%; -ms-flex-direction: column; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px } .card-group { -ms-flex-flow: row wrap; flex-flow: row wrap } .card-group>.card { -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0 } .card-group>.card+.card { margin-left: 0; border-left: 0 } .card-group>.card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top { border-top-right-radius: 0 } .card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0 } .card-group>.card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top { border-top-left-radius: 0 } .card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0 } .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1 } .card-columns .card { display: inline-block; width: 100% } .jumbotron { padding: 4rem 2rem } .list-group-horizontal-sm .list-group-item { margin-right: -1px; margin-bottom: 0 } .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-bottom-left-radius: 0 } .modal-dialog { max-width: 500px; margin: 1.75rem auto } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem) } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem) } .modal-dialog-centered { min-height: calc(100% - 3.5rem) } .modal-dialog-centered::before { height: calc(100vh - 3.5rem) } .modal-sm { max-width: 300px } .d-sm-none { display: none!important } .d-sm-inline { display: inline!important } .d-sm-inline-block { display: inline-block!important } .d-sm-block { display: block!important } .d-sm-table { display: table!important } .d-sm-table-row { display: table-row!important } .d-sm-table-cell { display: table-cell!important } .d-sm-flex { display: -ms-flexbox!important; display: flex!important } .d-sm-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } .flex-sm-row { -ms-flex-direction: row!important; flex-direction: row!important } .flex-sm-column { -ms-flex-direction: column!important; flex-direction: column!important } .flex-sm-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important } .flex-sm-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important } .flex-sm-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important } .flex-sm-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important } .flex-sm-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } .flex-sm-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important } .flex-sm-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important } .flex-sm-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important } .flex-sm-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important } .justify-content-sm-start { -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-sm-end { -ms-flex-pack: end!important; justify-content: flex-end!important } .justify-content-sm-center { -ms-flex-pack: center!important; justify-content: center!important } .justify-content-sm-between { -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-sm-around { -ms-flex-pack: distribute!important; justify-content: space-around!important } .align-items-sm-start { -ms-flex-align: start!important; align-items: flex-start!important } .align-items-sm-end { -ms-flex-align: end!important; align-items: flex-end!important } .align-items-sm-center { -ms-flex-align: center!important; align-items: center!important } .align-items-sm-baseline { -ms-flex-align: baseline!important; align-items: baseline!important } .align-items-sm-stretch { -ms-flex-align: stretch!important; align-items: stretch!important } .align-content-sm-start { -ms-flex-line-pack: start!important; align-content: flex-start!important } .align-content-sm-end { -ms-flex-line-pack: end!important; align-content: flex-end!important } .align-content-sm-center { -ms-flex-line-pack: center!important; align-content: center!important } .align-content-sm-between { -ms-flex-line-pack: justify!important; align-content: space-between!important } .align-content-sm-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important } .align-content-sm-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important } .align-self-sm-auto { -ms-flex-item-align: auto!important; align-self: auto!important } .align-self-sm-start { -ms-flex-item-align: start!important; align-self: flex-start!important } .align-self-sm-end { -ms-flex-item-align: end!important; align-self: flex-end!important } .align-self-sm-center { -ms-flex-item-align: center!important; align-self: center!important } .align-self-sm-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important } .align-self-sm-stretch { -ms-flex-item-align: stretch!important; align-self: stretch!important } .float-sm-left { float: left!important } .float-sm-right { float: right!important } .float-sm-none { float: none!important } .m-sm-0 { margin: 0!important } .mt-sm-0,.my-sm-0 { margin-top: 0!important } .mr-sm-0,.mx-sm-0 { margin-right: 0!important } .mb-sm-0,.my-sm-0 { margin-bottom: 0!important } .ml-sm-0,.mx-sm-0 { margin-left: 0!important } .m-sm-1 { margin: .25rem!important } .mt-sm-1,.my-sm-1 { margin-top: .25rem!important } .mr-sm-1,.mx-sm-1 { margin-right: .25rem!important } .mb-sm-1,.my-sm-1 { margin-bottom: .25rem!important } .ml-sm-1,.mx-sm-1 { margin-left: .25rem!important } .m-sm-2 { margin: .5rem!important } .mt-sm-2,.my-sm-2 { margin-top: .5rem!important } .mr-sm-2,.mx-sm-2 { margin-right: .5rem!important } .mb-sm-2,.my-sm-2 { margin-bottom: .5rem!important } .ml-sm-2,.mx-sm-2 { margin-left: .5rem!important } .m-sm-3 { margin: 1rem!important } .mt-sm-3,.my-sm-3 { margin-top: 1rem!important } .mr-sm-3,.mx-sm-3 { margin-right: 1rem!important } .mb-sm-3,.my-sm-3 { margin-bottom: 1rem!important } .ml-sm-3,.mx-sm-3 { margin-left: 1rem!important } .m-sm-4 { margin: 1.5rem!important } .mt-sm-4,.my-sm-4 { margin-top: 1.5rem!important } .mr-sm-4,.mx-sm-4 { margin-right: 1.5rem!important } .mb-sm-4,.my-sm-4 { margin-bottom: 1.5rem!important } .ml-sm-4,.mx-sm-4 { margin-left: 1.5rem!important } .m-sm-5 { margin: 3rem!important } .mt-sm-5,.my-sm-5 { margin-top: 3rem!important } .mr-sm-5,.mx-sm-5 { margin-right: 3rem!important } .mb-sm-5,.my-sm-5 { margin-bottom: 3rem!important } .ml-sm-5,.mx-sm-5 { margin-left: 3rem!important } .p-sm-0 { padding: 0!important } .pt-sm-0,.py-sm-0 { padding-top: 0!important } .pr-sm-0,.px-sm-0 { padding-right: 0!important } .pb-sm-0,.py-sm-0 { padding-bottom: 0!important } .pl-sm-0,.px-sm-0 { padding-left: 0!important } .p-sm-1 { padding: .25rem!important } .pt-sm-1,.py-sm-1 { padding-top: .25rem!important } .pr-sm-1,.px-sm-1 { padding-right: .25rem!important } .pb-sm-1,.py-sm-1 { padding-bottom: .25rem!important } .pl-sm-1,.px-sm-1 { padding-left: .25rem!important } .p-sm-2 { padding: .5rem!important } .pt-sm-2,.py-sm-2 { padding-top: .5rem!important } .pr-sm-2,.px-sm-2 { padding-right: .5rem!important } .pb-sm-2,.py-sm-2 { padding-bottom: .5rem!important } .pl-sm-2,.px-sm-2 { padding-left: .5rem!important } .p-sm-3 { padding: 1rem!important } .pt-sm-3,.py-sm-3 { padding-top: 1rem!important } .pr-sm-3,.px-sm-3 { padding-right: 1rem!important } .pb-sm-3,.py-sm-3 { padding-bottom: 1rem!important } .pl-sm-3,.px-sm-3 { padding-left: 1rem!important } .p-sm-4 { padding: 1.5rem!important } .pt-sm-4,.py-sm-4 { padding-top: 1.5rem!important } .pr-sm-4,.px-sm-4 { padding-right: 1.5rem!important } .pb-sm-4,.py-sm-4 { padding-bottom: 1.5rem!important } .pl-sm-4,.px-sm-4 { padding-left: 1.5rem!important } .p-sm-5 { padding: 3rem!important } .pt-sm-5,.py-sm-5 { padding-top: 3rem!important } .pr-sm-5,.px-sm-5 { padding-right: 3rem!important } .pb-sm-5,.py-sm-5 { padding-bottom: 3rem!important } .pl-sm-5,.px-sm-5 { padding-left: 3rem!important } .m-sm-n1 { margin: -.25rem!important } .mt-sm-n1,.my-sm-n1 { margin-top: -.25rem!important } .mr-sm-n1,.mx-sm-n1 { margin-right: -.25rem!important } .mb-sm-n1,.my-sm-n1 { margin-bottom: -.25rem!important } .ml-sm-n1,.mx-sm-n1 { margin-left: -.25rem!important } .m-sm-n2 { margin: -.5rem!important } .mt-sm-n2,.my-sm-n2 { margin-top: -.5rem!important } .mr-sm-n2,.mx-sm-n2 { margin-right: -.5rem!important } .mb-sm-n2,.my-sm-n2 { margin-bottom: -.5rem!important } .ml-sm-n2,.mx-sm-n2 { margin-left: -.5rem!important } .m-sm-n3 { margin: -1rem!important } .mt-sm-n3,.my-sm-n3 { margin-top: -1rem!important } .mr-sm-n3,.mx-sm-n3 { margin-right: -1rem!important } .mb-sm-n3,.my-sm-n3 { margin-bottom: -1rem!important } .ml-sm-n3,.mx-sm-n3 { margin-left: -1rem!important } .m-sm-n4 { margin: -1.5rem!important } .mt-sm-n4,.my-sm-n4 { margin-top: -1.5rem!important } .mr-sm-n4,.mx-sm-n4 { margin-right: -1.5rem!important } .mb-sm-n4,.my-sm-n4 { margin-bottom: -1.5rem!important } .ml-sm-n4,.mx-sm-n4 { margin-left: -1.5rem!important } .m-sm-n5 { margin: -3rem!important } .mt-sm-n5,.my-sm-n5 { margin-top: -3rem!important } .mr-sm-n5,.mx-sm-n5 { margin-right: -3rem!important } .mb-sm-n5,.my-sm-n5 { margin-bottom: -3rem!important } .ml-sm-n5,.mx-sm-n5 { margin-left: -3rem!important } .m-sm-auto { margin: 0 auto!important } .mt-sm-auto,.my-sm-auto { margin-top: auto!important } .mr-sm-auto,.mx-sm-auto { margin-right: auto!important } .mb-sm-auto,.my-sm-auto { margin-bottom: auto!important } .ml-sm-auto,.mx-sm-auto { margin-left: auto!important } .text-sm-left { text-align: left!important } .text-sm-right { text-align: right!important } .text-sm-center { text-align: center!important } } @media (min-width: 768px) { .container { max-width:720px } .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-md-first { -ms-flex-order: -1; order: -1 } .order-md-last { -ms-flex-order: 13; order: 13 } .order-md-0 { -ms-flex-order: 0; order: 0 } .order-md-1 { -ms-flex-order: 1; order: 1 } .order-md-2 { -ms-flex-order: 2; order: 2 } .order-md-3 { -ms-flex-order: 3; order: 3 } .order-md-4 { -ms-flex-order: 4; order: 4 } .order-md-5 { -ms-flex-order: 5; order: 5 } .order-md-6 { -ms-flex-order: 6; order: 6 } .order-md-7 { -ms-flex-order: 7; order: 7 } .order-md-8 { -ms-flex-order: 8; order: 8 } .order-md-9 { -ms-flex-order: 9; order: 9 } .order-md-10 { -ms-flex-order: 10; order: 10 } .order-md-11 { -ms-flex-order: 11; order: 11 } .order-md-12 { -ms-flex-order: 12; order: 12 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.333333% } .offset-md-2 { margin-left: 16.666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.333333% } .offset-md-5 { margin-left: 41.666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.333333% } .offset-md-8 { margin-left: 66.666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.333333% } .offset-md-11 { margin-left: 91.666667% } .dropdown-menu-md-left { right: auto; left: 0 } .dropdown-menu-md-right { right: 0; left: auto } .navbar-expand-md { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .list-group-horizontal-md,.navbar-expand-md .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-md .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-md>.container,.navbar-expand-md>.container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-md .navbar-collapse { display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-md .navbar-toggler { display: none } .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0 } .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-md .list-group-item:last-child { margin-right: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-bottom-left-radius: 0 } .d-md-none { display: none!important } .d-md-inline { display: inline!important } .d-md-inline-block { display: inline-block!important } .d-md-block { display: block!important } .d-md-table { display: table!important } .d-md-table-row { display: table-row!important } .d-md-table-cell { display: table-cell!important } .d-md-flex { display: -ms-flexbox!important; display: flex!important } .d-md-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } .flex-md-row { -ms-flex-direction: row!important; flex-direction: row!important } .flex-md-column { -ms-flex-direction: column!important; flex-direction: column!important } .flex-md-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important } .flex-md-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important } .flex-md-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important } .flex-md-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important } .flex-md-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } .flex-md-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important } .flex-md-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important } .flex-md-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important } .flex-md-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important } .justify-content-md-start { -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-md-end { -ms-flex-pack: end!important; justify-content: flex-end!important } .justify-content-md-center { -ms-flex-pack: center!important; justify-content: center!important } .justify-content-md-between { -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-md-around { -ms-flex-pack: distribute!important; justify-content: space-around!important } .align-items-md-start { -ms-flex-align: start!important; align-items: flex-start!important } .align-items-md-end { -ms-flex-align: end!important; align-items: flex-end!important } .align-items-md-center { -ms-flex-align: center!important; align-items: center!important } .align-items-md-baseline { -ms-flex-align: baseline!important; align-items: baseline!important } .align-items-md-stretch { -ms-flex-align: stretch!important; align-items: stretch!important } .align-content-md-start { -ms-flex-line-pack: start!important; align-content: flex-start!important } .align-content-md-end { -ms-flex-line-pack: end!important; align-content: flex-end!important } .align-content-md-center { -ms-flex-line-pack: center!important; align-content: center!important } .align-content-md-between { -ms-flex-line-pack: justify!important; align-content: space-between!important } .align-content-md-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important } .align-content-md-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important } .align-self-md-auto { -ms-flex-item-align: auto!important; align-self: auto!important } .align-self-md-start { -ms-flex-item-align: start!important; align-self: flex-start!important } .align-self-md-end { -ms-flex-item-align: end!important; align-self: flex-end!important } .align-self-md-center { -ms-flex-item-align: center!important; align-self: center!important } .align-self-md-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important } .align-self-md-stretch { -ms-flex-item-align: stretch!important; align-self: stretch!important } .float-md-left { float: left!important } .float-md-right { float: right!important } .float-md-none { float: none!important } .m-md-0 { margin: 0!important } .mt-md-0,.my-md-0 { margin-top: 0!important } .mr-md-0,.mx-md-0 { margin-right: 0!important } .mb-md-0,.my-md-0 { margin-bottom: 0!important } .ml-md-0,.mx-md-0 { margin-left: 0!important } .m-md-1 { margin: .25rem!important } .mt-md-1,.my-md-1 { margin-top: .25rem!important } .mr-md-1,.mx-md-1 { margin-right: .25rem!important } .mb-md-1,.my-md-1 { margin-bottom: .25rem!important } .ml-md-1,.mx-md-1 { margin-left: .25rem!important } .m-md-2 { margin: .5rem!important } .mt-md-2,.my-md-2 { margin-top: .5rem!important } .mr-md-2,.mx-md-2 { margin-right: .5rem!important } .mb-md-2,.my-md-2 { margin-bottom: .5rem!important } .ml-md-2,.mx-md-2 { margin-left: .5rem!important } .m-md-3 { margin: 1rem!important } .mt-md-3,.my-md-3 { margin-top: 1rem!important } .mr-md-3,.mx-md-3 { margin-right: 1rem!important } .mb-md-3,.my-md-3 { margin-bottom: 1rem!important } .ml-md-3,.mx-md-3 { margin-left: 1rem!important } .m-md-4 { margin: 1.5rem!important } .mt-md-4,.my-md-4 { margin-top: 1.5rem!important } .mr-md-4,.mx-md-4 { margin-right: 1.5rem!important } .mb-md-4,.my-md-4 { margin-bottom: 1.5rem!important } .ml-md-4,.mx-md-4 { margin-left: 1.5rem!important } .m-md-5 { margin: 3rem!important } .mt-md-5,.my-md-5 { margin-top: 3rem!important } .mr-md-5,.mx-md-5 { margin-right: 3rem!important } .mb-md-5,.my-md-5 { margin-bottom: 3rem!important } .ml-md-5,.mx-md-5 { margin-left: 3rem!important } .p-md-0 { padding: 0!important } .pt-md-0,.py-md-0 { padding-top: 0!important } .pr-md-0,.px-md-0 { padding-right: 0!important } .pb-md-0,.py-md-0 { padding-bottom: 0!important } .pl-md-0,.px-md-0 { padding-left: 0!important } .p-md-1 { padding: .25rem!important } .pt-md-1,.py-md-1 { padding-top: .25rem!important } .pr-md-1,.px-md-1 { padding-right: .25rem!important } .pb-md-1,.py-md-1 { padding-bottom: .25rem!important } .pl-md-1,.px-md-1 { padding-left: .25rem!important } .p-md-2 { padding: .5rem!important } .pt-md-2,.py-md-2 { padding-top: .5rem!important } .pr-md-2,.px-md-2 { padding-right: .5rem!important } .pb-md-2,.py-md-2 { padding-bottom: .5rem!important } .pl-md-2,.px-md-2 { padding-left: .5rem!important } .p-md-3 { padding: 1rem!important } .pt-md-3,.py-md-3 { padding-top: 1rem!important } .pr-md-3,.px-md-3 { padding-right: 1rem!important } .pb-md-3,.py-md-3 { padding-bottom: 1rem!important } .pl-md-3,.px-md-3 { padding-left: 1rem!important } .p-md-4 { padding: 1.5rem!important } .pt-md-4,.py-md-4 { padding-top: 1.5rem!important } .pr-md-4,.px-md-4 { padding-right: 1.5rem!important } .pb-md-4,.py-md-4 { padding-bottom: 1.5rem!important } .pl-md-4,.px-md-4 { padding-left: 1.5rem!important } .p-md-5 { padding: 3rem!important } .pt-md-5,.py-md-5 { padding-top: 3rem!important } .pr-md-5,.px-md-5 { padding-right: 3rem!important } .pb-md-5,.py-md-5 { padding-bottom: 3rem!important } .pl-md-5,.px-md-5 { padding-left: 3rem!important } .m-md-n1 { margin: -.25rem!important } .mt-md-n1,.my-md-n1 { margin-top: -.25rem!important } .mr-md-n1,.mx-md-n1 { margin-right: -.25rem!important } .mb-md-n1,.my-md-n1 { margin-bottom: -.25rem!important } .ml-md-n1,.mx-md-n1 { margin-left: -.25rem!important } .m-md-n2 { margin: -.5rem!important } .mt-md-n2,.my-md-n2 { margin-top: -.5rem!important } .mr-md-n2,.mx-md-n2 { margin-right: -.5rem!important } .mb-md-n2,.my-md-n2 { margin-bottom: -.5rem!important } .ml-md-n2,.mx-md-n2 { margin-left: -.5rem!important } .m-md-n3 { margin: -1rem!important } .mt-md-n3,.my-md-n3 { margin-top: -1rem!important } .mr-md-n3,.mx-md-n3 { margin-right: -1rem!important } .mb-md-n3,.my-md-n3 { margin-bottom: -1rem!important } .ml-md-n3,.mx-md-n3 { margin-left: -1rem!important } .m-md-n4 { margin: -1.5rem!important } .mt-md-n4,.my-md-n4 { margin-top: -1.5rem!important } .mr-md-n4,.mx-md-n4 { margin-right: -1.5rem!important } .mb-md-n4,.my-md-n4 { margin-bottom: -1.5rem!important } .ml-md-n4,.mx-md-n4 { margin-left: -1.5rem!important } .m-md-n5 { margin: -3rem!important } .mt-md-n5,.my-md-n5 { margin-top: -3rem!important } .mr-md-n5,.mx-md-n5 { margin-right: -3rem!important } .mb-md-n5,.my-md-n5 { margin-bottom: -3rem!important } .ml-md-n5,.mx-md-n5 { margin-left: -3rem!important } .m-md-auto { margin: auto!important } .mt-md-auto,.my-md-auto { margin-top: auto!important } .mr-md-auto,.mx-md-auto { margin-right: auto!important } .mb-md-auto,.my-md-auto { margin-bottom: auto!important } .ml-md-auto,.mx-md-auto { margin-left: auto!important } .text-md-left { text-align: left!important } .text-md-right { text-align: right!important } .text-md-center { text-align: center!important } } @media (min-width: 992px) { .container { max-width:960px } .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-lg-first { -ms-flex-order: -1; order: -1 } .order-lg-last { -ms-flex-order: 13; order: 13 } .order-lg-0 { -ms-flex-order: 0; order: 0 } .order-lg-1 { -ms-flex-order: 1; order: 1 } .order-lg-2 { -ms-flex-order: 2; order: 2 } .order-lg-3 { -ms-flex-order: 3; order: 3 } .order-lg-4 { -ms-flex-order: 4; order: 4 } .order-lg-5 { -ms-flex-order: 5; order: 5 } .order-lg-6 { -ms-flex-order: 6; order: 6 } .order-lg-7 { -ms-flex-order: 7; order: 7 } .order-lg-8 { -ms-flex-order: 8; order: 8 } .order-lg-9 { -ms-flex-order: 9; order: 9 } .order-lg-10 { -ms-flex-order: 10; order: 10 } .order-lg-11 { -ms-flex-order: 11; order: 11 } .order-lg-12 { -ms-flex-order: 12; order: 12 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.333333% } .offset-lg-2 { margin-left: 16.666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.333333% } .offset-lg-5 { margin-left: 41.666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.333333% } .offset-lg-8 { margin-left: 66.666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.333333% } .offset-lg-11 { margin-left: 91.666667% } .dropdown-menu-lg-left { right: auto; left: 0 } .dropdown-menu-lg-right { right: 0; left: auto } .navbar-expand-lg { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .list-group-horizontal-lg,.navbar-expand-lg .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-lg .navbar-collapse { display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-lg .navbar-toggler { display: none } .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0 } .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-bottom-left-radius: 0 } .modal-lg,.modal-xl { max-width: 800px } .d-lg-none { display: none!important } .d-lg-inline { display: inline!important } .d-lg-inline-block { display: inline-block!important } .d-lg-block { display: block!important } .d-lg-table { display: table!important } .d-lg-table-row { display: table-row!important } .d-lg-table-cell { display: table-cell!important } .d-lg-flex { display: -ms-flexbox!important; display: flex!important } .d-lg-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } .flex-lg-row { -ms-flex-direction: row!important; flex-direction: row!important } .flex-lg-column { -ms-flex-direction: column!important; flex-direction: column!important } .flex-lg-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important } .flex-lg-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important } .flex-lg-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important } .flex-lg-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important } .flex-lg-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } .flex-lg-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important } .flex-lg-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important } .flex-lg-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important } .flex-lg-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important } .justify-content-lg-start { -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-lg-end { -ms-flex-pack: end!important; justify-content: flex-end!important } .justify-content-lg-center { -ms-flex-pack: center!important; justify-content: center!important } .justify-content-lg-between { -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-lg-around { -ms-flex-pack: distribute!important; justify-content: space-around!important } .align-items-lg-start { -ms-flex-align: start!important; align-items: flex-start!important } .align-items-lg-end { -ms-flex-align: end!important; align-items: flex-end!important } .align-items-lg-center { -ms-flex-align: center!important; align-items: center!important } .align-items-lg-baseline { -ms-flex-align: baseline!important; align-items: baseline!important } .align-items-lg-stretch { -ms-flex-align: stretch!important; align-items: stretch!important } .align-content-lg-start { -ms-flex-line-pack: start!important; align-content: flex-start!important } .align-content-lg-end { -ms-flex-line-pack: end!important; align-content: flex-end!important } .align-content-lg-center { -ms-flex-line-pack: center!important; align-content: center!important } .align-content-lg-between { -ms-flex-line-pack: justify!important; align-content: space-between!important } .align-content-lg-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important } .align-content-lg-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important } .align-self-lg-auto { -ms-flex-item-align: auto!important; align-self: auto!important } .align-self-lg-start { -ms-flex-item-align: start!important; align-self: flex-start!important } .align-self-lg-end { -ms-flex-item-align: end!important; align-self: flex-end!important } .align-self-lg-center { -ms-flex-item-align: center!important; align-self: center!important } .align-self-lg-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important } .align-self-lg-stretch { -ms-flex-item-align: stretch!important; align-self: stretch!important } .float-lg-left { float: left!important } .float-lg-right { float: right!important } .float-lg-none { float: none!important } .m-lg-0 { margin: 0!important } .mt-lg-0,.my-lg-0 { margin-top: 0!important } .mr-lg-0,.mx-lg-0 { margin-right: 0!important } .mb-lg-0,.my-lg-0 { margin-bottom: 0!important } .ml-lg-0,.mx-lg-0 { margin-left: 0!important } .m-lg-1 { margin: .25rem!important } .mt-lg-1,.my-lg-1 { margin-top: .25rem!important } .mr-lg-1,.mx-lg-1 { margin-right: .25rem!important } .mb-lg-1,.my-lg-1 { margin-bottom: .25rem!important } .ml-lg-1,.mx-lg-1 { margin-left: .25rem!important } .m-lg-2 { margin: .5rem!important } .mt-lg-2,.my-lg-2 { margin-top: .5rem!important } .mr-lg-2,.mx-lg-2 { margin-right: .5rem!important } .mb-lg-2,.my-lg-2 { margin-bottom: .5rem!important } .ml-lg-2,.mx-lg-2 { margin-left: .5rem!important } .m-lg-3 { margin: 1rem!important } .mt-lg-3,.my-lg-3 { margin-top: 1rem!important } .mr-lg-3,.mx-lg-3 { margin-right: 1rem!important } .mb-lg-3,.my-lg-3 { margin-bottom: 1rem!important } .ml-lg-3,.mx-lg-3 { margin-left: 1rem!important } .m-lg-4 { margin: 1.5rem!important } .mt-lg-4,.my-lg-4 { margin-top: 1.5rem!important } .mr-lg-4,.mx-lg-4 { margin-right: 1.5rem!important } .mb-lg-4,.my-lg-4 { margin-bottom: 1.5rem!important } .ml-lg-4,.mx-lg-4 { margin-left: 1.5rem!important } .m-lg-5 { margin: 3rem!important } .mt-lg-5,.my-lg-5 { margin-top: 3rem!important } .mr-lg-5,.mx-lg-5 { margin-right: 3rem!important } .mb-lg-5,.my-lg-5 { margin-bottom: 3rem!important } .ml-lg-5,.mx-lg-5 { margin-left: 3rem!important } .p-lg-0 { padding: 0!important } .pt-lg-0,.py-lg-0 { padding-top: 0!important } .pr-lg-0,.px-lg-0 { padding-right: 0!important } .pb-lg-0,.py-lg-0 { padding-bottom: 0!important } .pl-lg-0,.px-lg-0 { padding-left: 0!important } .p-lg-1 { padding: .25rem!important } .pt-lg-1,.py-lg-1 { padding-top: .25rem!important } .pr-lg-1,.px-lg-1 { padding-right: .25rem!important } .pb-lg-1,.py-lg-1 { padding-bottom: .25rem!important } .pl-lg-1,.px-lg-1 { padding-left: .25rem!important } .p-lg-2 { padding: .5rem!important } .pt-lg-2,.py-lg-2 { padding-top: .5rem!important } .pr-lg-2,.px-lg-2 { padding-right: .5rem!important } .pb-lg-2,.py-lg-2 { padding-bottom: .5rem!important } .pl-lg-2,.px-lg-2 { padding-left: .5rem!important } .p-lg-3 { padding: 1rem!important } .pt-lg-3,.py-lg-3 { padding-top: 1rem!important } .pr-lg-3,.px-lg-3 { padding-right: 1rem!important } .pb-lg-3,.py-lg-3 { padding-bottom: 1rem!important } .pl-lg-3,.px-lg-3 { padding-left: 1rem!important } .p-lg-4 { padding: 1.5rem!important } .pt-lg-4,.py-lg-4 { padding-top: 1.5rem!important } .pr-lg-4,.px-lg-4 { padding-right: 1.5rem!important } .pb-lg-4,.py-lg-4 { padding-bottom: 1.5rem!important } .pl-lg-4,.px-lg-4 { padding-left: 1.5rem!important } .p-lg-5 { padding: 3rem!important } .pt-lg-5,.py-lg-5 { padding-top: 3rem!important } .pr-lg-5,.px-lg-5 { padding-right: 3rem!important } .pb-lg-5,.py-lg-5 { padding-bottom: 3rem!important } .pl-lg-5,.px-lg-5 { padding-left: 3rem!important } .m-lg-n1 { margin: -.25rem!important } .mt-lg-n1,.my-lg-n1 { margin-top: -.25rem!important } .mr-lg-n1,.mx-lg-n1 { margin-right: -.25rem!important } .mb-lg-n1,.my-lg-n1 { margin-bottom: -.25rem!important } .ml-lg-n1,.mx-lg-n1 { margin-left: -.25rem!important } .m-lg-n2 { margin: -.5rem!important } .mt-lg-n2,.my-lg-n2 { margin-top: -.5rem!important } .mr-lg-n2,.mx-lg-n2 { margin-right: -.5rem!important } .mb-lg-n2,.my-lg-n2 { margin-bottom: -.5rem!important } .ml-lg-n2,.mx-lg-n2 { margin-left: -.5rem!important } .m-lg-n3 { margin: -1rem!important } .mt-lg-n3,.my-lg-n3 { margin-top: -1rem!important } .mr-lg-n3,.mx-lg-n3 { margin-right: -1rem!important } .mb-lg-n3,.my-lg-n3 { margin-bottom: -1rem!important } .ml-lg-n3,.mx-lg-n3 { margin-left: -1rem!important } .m-lg-n4 { margin: -1.5rem!important } .mt-lg-n4,.my-lg-n4 { margin-top: -1.5rem!important } .mr-lg-n4,.mx-lg-n4 { margin-right: -1.5rem!important } .mb-lg-n4,.my-lg-n4 { margin-bottom: -1.5rem!important } .ml-lg-n4,.mx-lg-n4 { margin-left: -1.5rem!important } .m-lg-n5 { margin: -3rem!important } .mt-lg-n5,.my-lg-n5 { margin-top: -3rem!important } .mr-lg-n5,.mx-lg-n5 { margin-right: -3rem!important } .mb-lg-n5,.my-lg-n5 { margin-bottom: -3rem!important } .ml-lg-n5,.mx-lg-n5 { margin-left: -3rem!important } .m-lg-auto { margin: auto!important } .mt-lg-auto,.my-lg-auto { margin-top: auto!important } .mr-lg-auto,.mx-lg-auto { margin-right: auto!important } .mb-lg-auto,.my-lg-auto { margin-bottom: auto!important } .ml-lg-auto,.mx-lg-auto { margin-left: auto!important } .text-lg-left { text-align: left!important } .text-lg-right { text-align: right!important } .text-lg-center { text-align: center!important } } @media (min-width: 1200px) { .container,.modal-xl { max-width:1140px } .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-xl-first { -ms-flex-order: -1; order: -1 } .order-xl-last { -ms-flex-order: 13; order: 13 } .order-xl-0 { -ms-flex-order: 0; order: 0 } .order-xl-1 { -ms-flex-order: 1; order: 1 } .order-xl-2 { -ms-flex-order: 2; order: 2 } .order-xl-3 { -ms-flex-order: 3; order: 3 } .order-xl-4 { -ms-flex-order: 4; order: 4 } .order-xl-5 { -ms-flex-order: 5; order: 5 } .order-xl-6 { -ms-flex-order: 6; order: 6 } .order-xl-7 { -ms-flex-order: 7; order: 7 } .order-xl-8 { -ms-flex-order: 8; order: 8 } .order-xl-9 { -ms-flex-order: 9; order: 9 } .order-xl-10 { -ms-flex-order: 10; order: 10 } .order-xl-11 { -ms-flex-order: 11; order: 11 } .order-xl-12 { -ms-flex-order: 12; order: 12 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.333333% } .offset-xl-2 { margin-left: 16.666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.333333% } .offset-xl-5 { margin-left: 41.666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.333333% } .offset-xl-8 { margin-left: 66.666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.333333% } .offset-xl-11 { margin-left: 91.666667% } .dropdown-menu-xl-left { right: auto; left: 0 } .dropdown-menu-xl-right { right: 0; left: auto } .navbar-expand-xl { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .list-group-horizontal-xl,.navbar-expand-xl .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-xl .navbar-collapse { display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-xl .navbar-toggler { display: none } .list-group-horizontal-xl .list-group-item { margin-right: -1px; margin-bottom: 0 } .list-group-horizontal-xl .list-group-item:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-xl .list-group-item:last-child { margin-right: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-bottom-left-radius: 0 } .d-xl-none { display: none!important } .d-xl-inline { display: inline!important } .d-xl-inline-block { display: inline-block!important } .d-xl-block { display: block!important } .d-xl-table { display: table!important } .d-xl-table-row { display: table-row!important } .d-xl-table-cell { display: table-cell!important } .d-xl-flex { display: -ms-flexbox!important; display: flex!important } .d-xl-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } .flex-xl-row { -ms-flex-direction: row!important; flex-direction: row!important } .flex-xl-column { -ms-flex-direction: column!important; flex-direction: column!important } .flex-xl-row-reverse { -ms-flex-direction: row-reverse!important; flex-direction: row-reverse!important } .flex-xl-column-reverse { -ms-flex-direction: column-reverse!important; flex-direction: column-reverse!important } .flex-xl-wrap { -ms-flex-wrap: wrap!important; flex-wrap: wrap!important } .flex-xl-nowrap { -ms-flex-wrap: nowrap!important; flex-wrap: nowrap!important } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse!important; flex-wrap: wrap-reverse!important } .flex-xl-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important } .flex-xl-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important } .flex-xl-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important } .flex-xl-shrink-0 { -ms-flex-negative: 0!important; flex-shrink: 0!important } .flex-xl-shrink-1 { -ms-flex-negative: 1!important; flex-shrink: 1!important } .justify-content-xl-start { -ms-flex-pack: start!important; justify-content: flex-start!important } .justify-content-xl-end { -ms-flex-pack: end!important; justify-content: flex-end!important } .justify-content-xl-center { -ms-flex-pack: center!important; justify-content: center!important } .justify-content-xl-between { -ms-flex-pack: justify!important; justify-content: space-between!important } .justify-content-xl-around { -ms-flex-pack: distribute!important; justify-content: space-around!important } .align-items-xl-start { -ms-flex-align: start!important; align-items: flex-start!important } .align-items-xl-end { -ms-flex-align: end!important; align-items: flex-end!important } .align-items-xl-center { -ms-flex-align: center!important; align-items: center!important } .align-items-xl-baseline { -ms-flex-align: baseline!important; align-items: baseline!important } .align-items-xl-stretch { -ms-flex-align: stretch!important; align-items: stretch!important } .align-content-xl-start { -ms-flex-line-pack: start!important; align-content: flex-start!important } .align-content-xl-end { -ms-flex-line-pack: end!important; align-content: flex-end!important } .align-content-xl-center { -ms-flex-line-pack: center!important; align-content: center!important } .align-content-xl-between { -ms-flex-line-pack: justify!important; align-content: space-between!important } .align-content-xl-around { -ms-flex-line-pack: distribute!important; align-content: space-around!important } .align-content-xl-stretch { -ms-flex-line-pack: stretch!important; align-content: stretch!important } .align-self-xl-auto { -ms-flex-item-align: auto!important; align-self: auto!important } .align-self-xl-start { -ms-flex-item-align: start!important; align-self: flex-start!important } .align-self-xl-end { -ms-flex-item-align: end!important; align-self: flex-end!important } .align-self-xl-center { -ms-flex-item-align: center!important; align-self: center!important } .align-self-xl-baseline { -ms-flex-item-align: baseline!important; align-self: baseline!important } .align-self-xl-stretch { -ms-flex-item-align: stretch!important; align-self: stretch!important } .float-xl-left { float: left!important } .float-xl-right { float: right!important } .float-xl-none { float: none!important } .m-xl-0 { margin: 0!important } .mt-xl-0,.my-xl-0 { margin-top: 0!important } .mr-xl-0,.mx-xl-0 { margin-right: 0!important } .mb-xl-0,.my-xl-0 { margin-bottom: 0!important } .ml-xl-0,.mx-xl-0 { margin-left: 0!important } .m-xl-1 { margin: .25rem!important } .mt-xl-1,.my-xl-1 { margin-top: .25rem!important } .mr-xl-1,.mx-xl-1 { margin-right: .25rem!important } .mb-xl-1,.my-xl-1 { margin-bottom: .25rem!important } .ml-xl-1,.mx-xl-1 { margin-left: .25rem!important } .m-xl-2 { margin: .5rem!important } .mt-xl-2,.my-xl-2 { margin-top: .5rem!important } .mr-xl-2,.mx-xl-2 { margin-right: .5rem!important } .mb-xl-2,.my-xl-2 { margin-bottom: .5rem!important } .ml-xl-2,.mx-xl-2 { margin-left: .5rem!important } .m-xl-3 { margin: 1rem!important } .mt-xl-3,.my-xl-3 { margin-top: 1rem!important } .mr-xl-3,.mx-xl-3 { margin-right: 1rem!important } .mb-xl-3,.my-xl-3 { margin-bottom: 1rem!important } .ml-xl-3,.mx-xl-3 { margin-left: 1rem!important } .m-xl-4 { margin: 1.5rem!important } .mt-xl-4,.my-xl-4 { margin-top: 1.5rem!important } .mr-xl-4,.mx-xl-4 { margin-right: 1.5rem!important } .mb-xl-4,.my-xl-4 { margin-bottom: 1.5rem!important } .ml-xl-4,.mx-xl-4 { margin-left: 1.5rem!important } .m-xl-5 { margin: 3rem!important } .mt-xl-5,.my-xl-5 { margin-top: 3rem!important } .mr-xl-5,.mx-xl-5 { margin-right: 3rem!important } .mb-xl-5,.my-xl-5 { margin-bottom: 3rem!important } .ml-xl-5,.mx-xl-5 { margin-left: 3rem!important } .p-xl-0 { padding: 0!important } .pt-xl-0,.py-xl-0 { padding-top: 0!important } .pr-xl-0,.px-xl-0 { padding-right: 0!important } .pb-xl-0,.py-xl-0 { padding-bottom: 0!important } .pl-xl-0,.px-xl-0 { padding-left: 0!important } .p-xl-1 { padding: .25rem!important } .pt-xl-1,.py-xl-1 { padding-top: .25rem!important } .pr-xl-1,.px-xl-1 { padding-right: .25rem!important } .pb-xl-1,.py-xl-1 { padding-bottom: .25rem!important } .pl-xl-1,.px-xl-1 { padding-left: .25rem!important } .p-xl-2 { padding: .5rem!important } .pt-xl-2,.py-xl-2 { padding-top: .5rem!important } .pr-xl-2,.px-xl-2 { padding-right: .5rem!important } .pb-xl-2,.py-xl-2 { padding-bottom: .5rem!important } .pl-xl-2,.px-xl-2 { padding-left: .5rem!important } .p-xl-3 { padding: 1rem!important } .pt-xl-3,.py-xl-3 { padding-top: 1rem!important } .pr-xl-3,.px-xl-3 { padding-right: 1rem!important } .pb-xl-3,.py-xl-3 { padding-bottom: 1rem!important } .pl-xl-3,.px-xl-3 { padding-left: 1rem!important } .p-xl-4 { padding: 1.5rem!important } .pt-xl-4,.py-xl-4 { padding-top: 1.5rem!important } .pr-xl-4,.px-xl-4 { padding-right: 1.5rem!important } .pb-xl-4,.py-xl-4 { padding-bottom: 1.5rem!important } .pl-xl-4,.px-xl-4 { padding-left: 1.5rem!important } .p-xl-5 { padding: 3rem!important } .pt-xl-5,.py-xl-5 { padding-top: 3rem!important } .pr-xl-5,.px-xl-5 { padding-right: 3rem!important } .pb-xl-5,.py-xl-5 { padding-bottom: 3rem!important } .pl-xl-5,.px-xl-5 { padding-left: 3rem!important } .m-xl-n1 { margin: -.25rem!important } .mt-xl-n1,.my-xl-n1 { margin-top: -.25rem!important } .mr-xl-n1,.mx-xl-n1 { margin-right: -.25rem!important } .mb-xl-n1,.my-xl-n1 { margin-bottom: -.25rem!important } .ml-xl-n1,.mx-xl-n1 { margin-left: -.25rem!important } .m-xl-n2 { margin: -.5rem!important } .mt-xl-n2,.my-xl-n2 { margin-top: -.5rem!important } .mr-xl-n2,.mx-xl-n2 { margin-right: -.5rem!important } .mb-xl-n2,.my-xl-n2 { margin-bottom: -.5rem!important } .ml-xl-n2,.mx-xl-n2 { margin-left: -.5rem!important } .m-xl-n3 { margin: -1rem!important } .mt-xl-n3,.my-xl-n3 { margin-top: -1rem!important } .mr-xl-n3,.mx-xl-n3 { margin-right: -1rem!important } .mb-xl-n3,.my-xl-n3 { margin-bottom: -1rem!important } .ml-xl-n3,.mx-xl-n3 { margin-left: -1rem!important } .m-xl-n4 { margin: -1.5rem!important } .mt-xl-n4,.my-xl-n4 { margin-top: -1.5rem!important } .mr-xl-n4,.mx-xl-n4 { margin-right: -1.5rem!important } .mb-xl-n4,.my-xl-n4 { margin-bottom: -1.5rem!important } .ml-xl-n4,.mx-xl-n4 { margin-left: -1.5rem!important } .m-xl-n5 { margin: -3rem!important } .mt-xl-n5,.my-xl-n5 { margin-top: -3rem!important } .mr-xl-n5,.mx-xl-n5 { margin-right: -3rem!important } .mb-xl-n5,.my-xl-n5 { margin-bottom: -3rem!important } .ml-xl-n5,.mx-xl-n5 { margin-left: -3rem!important } .m-xl-auto { margin: auto!important } .mt-xl-auto,.my-xl-auto { margin-top: auto!important } .mr-xl-auto,.mx-xl-auto { margin-right: auto!important } .mb-xl-auto,.my-xl-auto { margin-bottom: auto!important } .ml-xl-auto,.mx-xl-auto { margin-left: auto!important } .text-xl-left { text-align: left!important } .text-xl-right { text-align: right!important } .text-xl-center { text-align: center!important } } .text-lowercase { text-transform: lowercase!important } .text-uppercase { text-transform: uppercase!important } .text-capitalize { text-transform: capitalize!important } .font-weight-light { font-weight: 300!important } .font-weight-lighter { font-weight: lighter!important } .font-weight-normal { font-weight: 400!important } .font-weight-bold { font-weight: 700!important } .font-weight-bolder { font-weight: bolder!important } .font-italic { font-style: italic!important } .text-white { color: #fff!important } .text-primary { color: #007bff!important } a.text-primary:focus,a.text-primary:hover { color: #0056b3!important } .text-muted,.text-secondary { color: #6c757d!important } a.text-secondary:focus,a.text-secondary:hover { color: #494f54!important } .text-success { color: #c1001b!important } a.text-success:focus,a.text-success:hover { color: #19692c!important } .text-info { color: #c1001b!important } a.text-info:focus,a.text-info:hover { color: #0f6674!important } .text-warning { color: #ffc107!important } a.text-warning:focus,a.text-warning:hover { color: #ba8b00!important } .text-danger { color: #dc3545!important } a.text-danger:focus,a.text-danger:hover { color: #a71d2a!important } .text-light { color: #f8f9fa!important } a.text-light:focus,a.text-light:hover { color: #cbd3da!important } .text-dark { color: #343a40!important } a.text-dark:focus,a.text-dark:hover { color: #121416!important } .text-body { color: #212529!important } .text-black-50 { color: rgba(0,0,0,.5)!important } .text-white-50 { color: rgba(255,255,255,.5)!important } .text-hide { font: 0/0 a; color: transparent; background-color: transparent; border: 0 } .text-decoration-none { text-decoration: none!important } .text-break { word-break: break-word!important; overflow-wrap: break-word!important } .text-reset { color: inherit!important } .visible { visibility: visible!important } .invisible { visibility: hidden!important } .calendly-badge-widget,.calendly-badge-widget *,.calendly-inline-widget,.calendly-inline-widget *,.calendly-overlay,.calendly-overlay * { font-size: 16px; line-height: 1.2em } .calendly-badge-widget iframe,.calendly-inline-widget iframe,.calendly-overlay iframe { display: inline; width: 100%; height: 100% } .calendly-popup-content.calendly-mobile { -webkit-overflow-scrolling: touch; overflow-y: auto } .calendly-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; z-index: 9999; background-color: rgba(31,31,31,.4) } .calendly-overlay .calendly-close-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .calendly-overlay .calendly-popup { box-sizing: border-box; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 80%; min-width: 900px; max-width: 1000px; height: 90%; max-height: 680px } .calendly-overlay .calendly-popup .calendly-popup-content { height: 100% } .calendly-overlay .calendly-popup-close { position: absolute; top: 25px; right: 25px; color: #fff; width: 19px; height: 19px; cursor: pointer; background: url(/assets/external/close-icon.svg) 0 0/contain no-repeat } @media(max-width: 975px) { .calendly-overlay .calendly-popup { position:fixed; top: 50px; left: 0; right: 0; bottom: 0; transform: none; width: 100%; height: auto; min-width: 0; max-height: none } .calendly-overlay .calendly-popup-close { top: 15px; right: 15px } } .calendly-badge-widget { position: fixed; right: 20px; bottom: 15px; z-index: 9998 } .calendly-badge-widget .calendly-badge-content { display: table-cell; width: auto; height: 45px; padding: 0 30px; border-radius: 25px; box-shadow: rgba(0,0,0,.25) 0 2px 5px; font-family: sans-serif; text-align: center; vertical-align: middle; font-weight: 700; font-size: 14px; color: #fff; cursor: pointer } .calendly-badge-widget .calendly-badge-content.calendly-white { color: #666a73 } .calendly-badge-widget .calendly-badge-content span { display: block; font-size: 12px } .calendly-spinner { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); text-align: center; z-index: -1 } .calendly-spinner>div { display: inline-block; width: 18px; height: 18px; background-color: #e1e1e1; border-radius: 50%; vertical-align: middle; animation: 1.4s ease-in-out infinite both calendly-bouncedelay } .calendly-spinner .calendly-bounce1 { animation-delay: -.32s } .calendly-spinner .calendly-bounce2 { animation-delay: -.16s } @keyframes calendly-bouncedelay { 0%,100%,80% { transform: scale(0) } 40% { transform: scale(1) } } .colorful-tab-wrapper { box-sizing: border-box; overflow: hidden; position: relative; transition: background .3s } .colorful-tab-wrapper:before { position: absolute; height: 50%; width: 100%; display: flex; opacity: 0; visibility: hidden; left: 0; top: 0; content: ""; box-sizing: border-box; overflow: hidden; transform: scale(2) rotate(10deg); font-size: 50px; transition: .6s; padding-top: 60px; align-items: center; justify-content: center; color: #fff } .colorful-tab-wrapper.active:before { content: attr(active-tab); transform: scale(1) rotate(0); font-family: Montserrat; z-index: 9; opacity: 1; visibility: visible } .colorful-tab-background-image { background-attachment: fixed!important; background-position: center center!important; background-repeat: no-repeat!important; background-size: cover!important } .colorful-tab-background-image:after { transition: .5s; content: ""; width: 100%; height: 100%; position: absolute; left: 0; opacity: 0; top: 0; background: #000 } .colorful-tab-background-image.active:after { width: 100%; opacity: .5 } .colorful-tab-menu { display: flex; flex-wrap: wrap; background: rgba(255,255,255,.2); position: relative; z-index: 99 } .colorful-tab-menu-item a { display: block; text-decoration: none; font-family: Montserrat; color: #fff; text-align: center; padding: 20px 0; font-size: 18px; transition: background .3s,color .3s } .colorful-tab-container { width: 100%; display: flex; flex-wrap: wrap; flex-direction: column } .mfp-container:before,.mfp-content { display: inline-block; vertical-align: middle } .colorful-tab-content { height: 0; overflow: hidden; opacity: 0; color: #fff; visibility: hidden; position: relative; z-index: 9; font-family: Questrial; font-size: 15px; line-height: 28px; width: 0; letter-spacing: .4px; transform: scale(.9); transition: .3s ease-in; filter: blur(2px) } .mfp-bg,.mfp-wrap { z-index: 9999999; position: fixed; left: 0; top: 0 } .colorful-tab-content.active { height: auto; overflow: auto; transition-delay: .7s; width: auto; opacity: 1; filter: blur(0); visibility: visible; transform: scale(1) } .colorful-tab-wrapper.elliptic { border-radius: 10px; padding: 0 } .colorful-tab-wrapper.elliptic:before,.colorful-tab-wrapper.flatline:before { padding-top: 55px } .colorful-tab-wrapper.elliptic .colorful-tab-menu,.mfp-figure figure { margin: 0 } .colorful-tab-wrapper.elliptic .colorful-tab-container { padding: 20px; box-sizing: border-box } .colorful-tab-wrapper.flatline { padding: 10px 20px 20px } .colorful-tab-wrapper.flatline .colorful-tab-menu { background: 0 0; margin-bottom: 15px; box-shadow: 0 -2px 0 rgba(255,255,255,.2) inset } .colorful-tab-wrapper.flatline .colorful-tab-menu-item a { transition: box-shadow .3s,opacity .3s; opacity: .5 } .colorful-tab-wrapper.flatline .colorful-tab-menu-item.active a { background: 0 0; opacity: 1; box-shadow: 0 -2px 0 #fff inset } @media (max-width: 767px) { .colorful-tab-menu { flex-direction:column } } .mfp-bg { width: 100%; height: 100%; overflow: hidden; background: #0b0b0b; opacity: .8 } .mfp-wrap { width: 100%; height: 100%; outline: 0!important } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box } .mfp-container:before { content: ''; height: 100% } .mfp-content { position: relative; margin: 0 auto; text-align: left; z-index: 1045 } .mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content { width: 100%; cursor: auto } .mfp-ajax-cur { cursor: progress } .mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in } .mfp-auto-cursor .mfp-content { cursor: auto } .mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader { -webkit-user-select: none; -moz-user-select: none; user-select: none } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044 } .mfp-preloader a { color: #ccc } button.mfp-arrow,button.mfp-close { overflow: visible; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; display: block; outline: 0; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation } .mfp-figure:after,.mfp-iframe-scaler iframe { box-shadow: 0 0 8px rgba(0,0,0,.6); position: absolute; left: 0 } button::-moz-focus-inner { padding: 0; border: 0 } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: .65; padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial,Baskerville,monospace } .mfp-close:active { top: 1px } .mfp-close-btn-in .mfp-close { color: #333 } .mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100% } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap } .mfp-arrow { position: absolute; opacity: .65; margin: -55px 0 0; top: 50%; padding: 0; width: 90px; height: 110px } .mfp-arrow:active { margin-top: -54px } .mfp-arrow:after,.mfp-arrow:before { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: inset transparent } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: .7 } .mfp-arrow-left:after { border-right: 17px solid #fff; margin-left: 31px } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f } .mfp-arrow-right:after { border-left: 17px solid #fff; margin-left: 39px } .mfp-arrow-right:before { border-left: 27px solid #3f3f3f } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px } .mfp-image-holder .mfp-content,img.mfp-img { max-width: 100% } .mfp-iframe-holder .mfp-close { top: -40px } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% } .mfp-iframe-scaler iframe { display: block; top: 0; width: 100%; height: 100%; background: #000 } .mfp-figure:after,img.mfp-img { width: auto; height: auto; display: block } img.mfp-img { line-height: 0; box-sizing: border-box; padding: 40px 0; margin: 0 auto } .mfp-figure { line-height: 0 } .mfp-figure:after { content: ''; top: 40px; bottom: 40px; right: 0; z-index: -1; background: #444 } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px } @media screen and (max-width: 800px) and (orientation:landscape),screen and (max-height:300px) { .mfp-img-mobile .mfp-image-holder { padding-left:0; padding-right: 0 } .mfp-img-mobile .mfp-bottom-bar:empty,.mfp-img-mobile img.mfp-img { padding: 0 } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0,0,0,.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0,0,0,.6); position: fixed; text-align: center; padding: 0 } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform:scale(.75); transform: scale(.75) } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0 } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100% } .mfp-container { padding-left: 6px; padding-right: 6px } } .datepicker--cells { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .datepicker--cell { border-radius: 4px; box-sizing: border-box; cursor: pointer; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 32px; z-index: 1 } .datepicker--cell.-focus- { background: #f0f0f0 } .datepicker--cell.-current- { color: #4eb5e6 } .datepicker--cell.-current-.-focus- { color: #4a4a4a } .datepicker--cell.-current-.-in-range- { color: #4eb5e6 } .datepicker--cell.-in-range- { background: rgba(92,196,239,.1); color: #4a4a4a; border-radius: 0 } .datepicker--cell.-disabled-.-current-.-focus-,.datepicker--cell.-disabled-.-focus- { color: #aeaeae } .datepicker--cell.-in-range-.-focus- { background-color: rgba(92,196,239,.2) } .datepicker--cell.-disabled- { cursor: default; color: #aeaeae } .datepicker--cell.-disabled-.-in-range- { color: #a1a1a1 } .datepicker--cell.-range-from- { border: 1px solid rgba(92,196,239,.5); background-color: rgba(92,196,239,.1); border-radius: 4px 0 0 4px } .datepicker--cell.-range-to- { border: 1px solid rgba(92,196,239,.5); background-color: rgba(92,196,239,.1); border-radius: 0 4px 4px 0 } .datepicker--cell.-selected-,.datepicker--cell.-selected-.-current- { color: #fff; background: #5cc4ef } .datepicker--cell.-range-from-.-range-to- { border-radius: 4px } .datepicker--cell.-selected- { border: none } .datepicker--cell.-selected-.-focus- { background: #45bced } .datepicker--cell:empty { cursor: default } .datepicker--days-names { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 8px 0 3px } .datepicker--day-name { color: #ff9a19; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; text-transform: uppercase; font-size: .8em } .-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer { display: none } .datepicker--cell-day { width: 14.28571% } .datepicker--cells-months { height: 170px } .datepicker--cell-month { width: 33.33%; height: 25% } .datepicker--cells-years,.datepicker--years { height: 170px } .datepicker--cell-year { width: 25%; height: 33.33% } .datepickers-container { position: absolute; left: 0; top: 0 } @media print { .d-print-none { display: none!important } .d-print-inline { display: inline!important } .d-print-inline-block { display: inline-block!important } .d-print-block { display: block!important } .d-print-table { display: table!important } .d-print-table-row { display: table-row!important } .d-print-table-cell { display: table-cell!important } .d-print-flex { display: -ms-flexbox!important; display: flex!important } .d-print-inline-flex { display: -ms-inline-flexbox!important; display: inline-flex!important } blockquote,img,pre,tr { page-break-inside: avoid } *,::after,::before { text-shadow: none!important; box-shadow: none!important } a:not(.btn) { text-decoration: underline } abbr[title]::after { content: " ("attr(title) ")" } pre { white-space: pre-wrap!important } blockquote,pre { border: 1px solid #adb5bd } thead { display: table-header-group } h2,h3,p { orphans: 3; widows: 3 } h2,h3 { page-break-after: avoid } @page { size: a3 } .container,body { min-width: 992px!important } .datepickers-container,.navbar { display: none } .badge { border: 1px solid #000 } .table { border-collapse: collapse!important } .table td,.table th { background-color: #fff!important } .table-bordered td,.table-bordered th { border: 1px solid #dee2e6!important } .table-dark { color: inherit } .table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th { border-color: #dee2e6 } .table .thead-dark th { color: inherit; border-color: #dee2e6 } } .datepicker { background: #fff; border: 1px solid #dbdbdb; box-shadow: 0 4px 12px rgba(0,0,0,.15); border-radius: 4px; box-sizing: content-box; font-family: Tahoma,sans-serif; font-size: 14px; color: #4a4a4a; width: 250px; position: absolute; left: -100000px; opacity: 0; transition: opacity .3s,transform .3s,left 0s .3s,-webkit-transform .3s; z-index: 100 } .datepicker.-from-top- { -webkit-transform: translateY(-8px); transform: translateY(-8px) } .datepicker.-from-right- { -webkit-transform: translateX(8px); transform: translateX(8px) } .datepicker.-from-bottom- { -webkit-transform: translateY(8px); transform: translateY(8px) } .datepicker.-from-left- { -webkit-transform: translateX(-8px); transform: translateX(-8px) } .datepicker.active { opacity: 1; -webkit-transform: translate(0); transform: translate(0); transition: opacity .3s,transform .3s,left,-webkit-transform .3s } .datepicker-inline .datepicker { border-color: #d7d7d7; box-shadow: none; position: static; left: auto; right: auto; opacity: 1; -webkit-transform: none; transform: none } .datepicker--content { box-sizing: content-box; padding: 4px } .datepicker--pointer { position: absolute; background: #fff; border-top: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; width: 10px; height: 10px; z-index: -1 } .datepicker--nav-action:hover,.datepicker--nav-title:hover { background: #f0f0f0 } .-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer { top: calc(100% - 4px); -webkit-transform: rotate(135deg); transform: rotate(135deg) } .-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer { right: calc(100% - 4px); -webkit-transform: rotate(225deg); transform: rotate(225deg) } .-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer { bottom: calc(100% - 4px); -webkit-transform: rotate(315deg); transform: rotate(315deg) } .-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer { left: calc(100% - 4px); -webkit-transform: rotate(45deg); transform: rotate(45deg) } .-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer { left: 10px } .-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer { right: 10px } .-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer { left: calc(50% - 10px / 2) } .-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer { top: 10px } .-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer { bottom: 10px } .-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer { top: calc(50% - 10px / 2) } .datepicker--body.active,.no-js .owl-carousel,.owl-carousel.owl-loaded,.slick-initialized .slick-slide,.slick-slide img { display: block } .datepicker--nav { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #efefef; min-height: 32px; padding: 4px } .-only-timepicker- .datepicker--nav { display: none } .datepicker--nav-action,.datepicker--nav-title { display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .datepicker--nav-action { width: 32px; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .datepicker--nav-action.-disabled-,.owl-carousel.owl-refresh .owl-item,.slick-loading .slick-slide,.slick-loading .slick-track { visibility: hidden } .datepicker--nav-action svg { width: 32px; height: 32px } .datepicker--nav-action path { fill: none; stroke: #9c9c9c; stroke-width: 2px } .datepicker--nav-title { border-radius: 4px; padding: 0 8px } .datepicker--buttons,.datepicker--time { border-top: 1px solid #efefef; padding: 4px } .datepicker--nav-title i { font-style: normal; color: #9c9c9c; margin-left: 5px } .datepicker--nav-title.-disabled- { cursor: default; background: 0 0 } .datepicker--buttons { display: -webkit-flex; display: -ms-flexbox; display: flex } .datepicker--button { color: #4eb5e6; cursor: pointer; border-radius: 4px; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 32px } .datepicker--button:hover { color: #4a4a4a; background: #f0f0f0 } .datepicker--time { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative } .datepicker--time.-am-pm- .datepicker--time-sliders { -webkit-flex: 0 1 138px; -ms-flex: 0 1 138px; flex: 0 1 138px; max-width: 138px } .-only-timepicker- .datepicker--time { border-top: none } .datepicker--time-sliders { -webkit-flex: 0 1 153px; -ms-flex: 0 1 153px; flex: 0 1 153px; margin-right: 10px; max-width: 153px } .datepicker--time-label { display: none; font-size: 12px } .datepicker--time-current { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 14px; text-align: center; margin: 0 0 0 10px } .datepicker--time-current-colon { margin: 0 2px 3px; line-height: 1 } .datepicker--time-current-hours,.datepicker--time-current-minutes { line-height: 1; font-size: 19px; font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif; position: relative; z-index: 1 } .datepicker--time-current-hours:after,.datepicker--time-current-minutes:after { content: ''; background: #f0f0f0; border-radius: 4px; position: absolute; left: -2px; top: -3px; right: -2px; bottom: -2px; z-index: -1; opacity: 0 } .datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after { opacity: 1 } .datepicker--time-current-ampm { text-transform: uppercase; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; color: #9c9c9c; margin-left: 6px; font-size: 11px; margin-bottom: 1px } .datepicker--time-row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 11px; height: 17px; background: linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat } .datepicker--time-row:first-child { margin-bottom: 4px } .datepicker--time-row input[type=range] { background: 0 0; cursor: pointer; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 100%; padding: 0; margin: 0; -webkit-appearance: none } .datepicker--time-row input[type=range]::-ms-tooltip { display: none } .datepicker--time-row input[type=range]:hover::-webkit-slider-thumb { border-color: #b8b8b8 } .datepicker--time-row input[type=range]:hover::-moz-range-thumb { border-color: #b8b8b8 } .datepicker--time-row input[type=range]:hover::-ms-thumb { border-color: #b8b8b8 } .datepicker--time-row input[type=range]:focus,.slick-list:focus { outline: 0 } .datepicker--time-row input[type=range]:focus::-webkit-slider-thumb { background: #5cc4ef; border-color: #5cc4ef } .datepicker--time-row input[type=range]:focus::-moz-range-thumb { background: #5cc4ef; border-color: #5cc4ef } .datepicker--time-row input[type=range]:focus::-ms-thumb { background: #5cc4ef; border-color: #5cc4ef } .datepicker--time-row input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; transition: background .2s; margin-top: -6px } .datepicker--time-row input[type=range]::-moz-range-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; transition: background .2s } .datepicker--time-row input[type=range]::-ms-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: #fff; cursor: pointer; transition: background .2s } .datepicker--time-row input[type=range]::-webkit-slider-runnable-track { border: none; height: 1px; cursor: pointer; color: transparent; background: 0 0 } .datepicker--time-row input[type=range]::-moz-range-track { border: none; height: 1px; cursor: pointer; color: transparent; background: 0 0 } .datepicker--time-row input[type=range]::-ms-track { border: none; height: 1px; cursor: pointer; color: transparent; background: 0 0 } .datepicker--time-row input[type=range]::-ms-fill-lower { background: 0 0 } .datepicker--time-row input[type=range]::-ms-fill-upper { background: 0 0 } .datepicker--time-row span { padding: 0 12px } .datepicker--time-icon { color: #9c9c9c; border: 1px solid; border-radius: 50%; font-size: 16px; position: relative; margin: 0 5px -1px 0; width: 1em; height: 1em } .datepicker--time-icon:after,.datepicker--time-icon:before { content: ''; background: currentColor; position: absolute } .datepicker--time-icon:after { height: .4em; width: 1px; left: calc(50% - 1px); top: calc(50% + 1px); -webkit-transform: translateY(-100%); transform: translateY(-100%) } .datepicker--time-icon:before { width: .4em; height: 1px; top: calc(50% + 1px); left: calc(50% - 1px) } .-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-,.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade- { color: #dedede } .datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover { color: #c5c5c5 } .-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade- { color: #fff; background: #a2ddf6 } .-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4 } .-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92,196,239,.1); color: #ccc } .-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92,196,239,.2) } .datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty { background: 0 0; border: none } .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 } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 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: '' } .owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled,.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn,.slick-arrow.slick-hidden,.slick-slide,.slick-slide.slick-loading img { display: none } .slick-track:after { clear: both } .slick-slide { float: left; height: 100%; min-height: 1px } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .owl-carousel,.owl-carousel .owl-item { position: relative } .owl-carousel { display: none; width: 100%; z-index: 1 } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0,0,0) } .owl-carousel .owl-item,.owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0) } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-touch-callout: none } .owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0!important; font: inherit } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s } .owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; transition: transform .1s } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3,1.3); transform: scale(1.3,1.3) } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } @media (max-width: 575.98px) { .table-responsive-sm { display:block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-sm>.table-bordered { border: 0 } .navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid { padding-right: 0; padding-left: 0 } .banner-img,.banner-img-main,.navbar-toggler { position: relative } .banner-img,.navbar-nav li ul { left: 50%; transform: translateX(-50%) } #career,#contact,#fact,#service,#testimonial,#welcome,.ic-color-schems-waprer { padding-top: 55px } #contact .ic-wp-desc-item h6,.banner-text { padding-top: 0 } .row-sm-mr-ml-0 { margin-left: 0!important; margin-right: 0!important } #copyright p { text-align: left; font-size: 14px } #copyright .ic-sm-pr-0,.ic-details-feature p,.ic-header-top-login-signup li:last-child a,.ic-latest-blog { padding-right: 0 } #copyright .sm-align-items-center { align-items: center } .ic-footer-language { margin-top: 8px; text-align: center!important } .ic-footer-language button { padding: 0 10px; display: flex; align-items: center } .ic-footer-language button .text-inverted,.ic-header-top-warper { display: flex; align-items: center } #banner .num,.banner-text p,.fact-bg,.ic-blog-mobile-tab-hide,.ic-career-deadline,.ic-fact-letter p,.ic-logo-solid-bg-area .ic-brand-page-heading h2 br,.ic-mobile-team-details-content,.ic-service-colorful-tab-menu,.ic-services-sub-heading,.ic-showcase-banner-right .shape-1,.ic-team-colorful-tab-menu-mhide,.ic-timline-inner .ic-timline-svg,.ic-work-process .nav-item .nav-link p,.ic-work-welcome-area .welcome-description,.ic-works-mobile-tab-menu-hide,.ic-wp-four:after,.ic-wp-four:before,.ic-wp-main,.ic-wp-one:after,.ic-wp-one:before,.ic-wp-three:after,.ic-wp-three:before,.ic-wp-two:after,.ic-wp-two:before,.shape-2 { display: none } .sticky.navbar { padding-top: 5px; padding-bottom: 5px } .sticky.navbar .navbar-brand img { transform: scale(1) } .navbar-brand img { width: 100px; height: auto } .navbar-toggler { font-size: 25px; border: 0; font-weight: 400 } .navbar-toggler i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) } .navbar-light .navbar-toggler { color: #c2121e } .navbar ul { background: #fff; padding-bottom: 10px; text-align: center } .navbar-nav li,.sticky.navbar .nav-item { padding: 5px 0 } .navbar-nav li ul { top: 130%; z-index: 99 } #service,.banner-text,.header-offer-area .off-btn,.ic-about-experience p,.ic-aplication-form h5,.ic-career-details-banner-content,.ic-contact-product-contact .ic-numbers-cut p,.ic-contact-product-contact .ic-numbers-cut span,.ic-crazyTab .crazy-tab-menu .color-full-static,.ic-head,.ic-logo-solid-bg-left,.ic-minium-size-big-logo,.ic-partner-offer-right,.ic-purpose-text,.ic-work-subcategory-btn { text-align: center } .banner-text h1 { font-size: 24px; padding-bottom: 20px; padding-top: 165px } .banner-img { width: 230px; top: -64px } .banner-slide-item { position: absolute; top: 0; left: 0; transform: translateY(0); right: 0 } .banner-beauty { width: 100%; object-fit: cover } #banner { padding-bottom: 85px; padding-top: 150px } #banner .banner-arrow { display: none!important } #clients,#error,#welcome,.ic-spell-hrading p { padding-bottom: 40px } .ic-main-header,h2 { font-size: 21px; padding-bottom: 4px } #career,#contact #request-form,#fact,#fact-letter,#request-form,#service,#sign-in,footer { padding-bottom: 60px } .ic-head span,.ic-sub-header { font-size: 15px; padding-bottom: 15px } #fact .ic-head-bottom,#testimonial .ic-head-bottom,.ic-event-sponsored-area .ic-head-bottom,.ic-head-bottom,.ic-our-partner-section-area .ic-head-bottom,.ic-showcase-gallery-area .ic-head-bottom { left: 50%; transform: translateX(-102.6%) } #clients .welcome-item,#works .ic-works-item,.ic-blog-details-content-warper .ic-sub-description img,.ic-download-logo-item,.ic-partner-offer-right .ic-content h3,.welcome-item { margin-bottom: 20px } .welcome-item .coding-svg,.welcome-item svg { width: 60px } .ic-index-welcome .welcome-item { padding: 40px 30px } #purpose,#purpose-2 { padding-top: 55px; padding-bottom: 54px } .ic-blog-comment-card .ic-image,.ic-color-scheme-primary-item .content h4,.ic-purpose-img { margin-bottom: 15px } .ic-purpose-text ul li { padding-bottom: 25px } .ic-purpose-text p,.works-page #works { padding-bottom: 0 } #fact .ic-head,.ic-career-details-requirment,.ic-fact-item,.ic-services-plan-item,.ic-smry-bottom { margin-bottom: 30px } .ic-fact-letter { margin-top: 20px; text-align: center } .ic-career-details-deadline h4,.ic-career-details-right .ic-apply-now-heading h3,.ic-fact-letter h4,.ic-wp-desc-text h3 { font-size: 20px } .ic-fact-letter ul { display: block; margin-top: 25px } .ic-fact-letter ul li { display: block; margin: 0 0 15px } .ic-cart-item-select-main,.ic-fact-letter ul li:last-child { margin: 0 } .ic-fact-letter ul li a { display: block; width: 100% } .fact-bg { width: 100%; top: 218px } .choose-reason .why-icon,.why-icon { width: 80px } .why { padding-bottom: 21px!important } .ic-details-feature ul,.why .ic-purpose-img { padding-top: 15px } .why-icon { padding: 15px 15px 0; margin: 0 auto 20px } .ic-event-sponsored-area,.why .ic-purpose-text ul li { padding-bottom: 35px } #testimonial { padding-bottom: 48px } .products-grid,.test-box { margin-top: 60px } .test-slide-main .left { left: -70px } .test-slide-main .right { right: -70px } .ic-color-primary-scheme-padding,.ic-works-popup-slide-main,.team-item-img,.test-desc-slide p { padding: 0 } #brand,.ic-what-not-logo-area .ic-brand-page-heading { padding-bottom: 50px } footer { padding-top: 25px } .ic-blog-banner-tab-search-warper .search-icon a i,.ic-job-social-share h4,.ic-partner-offer-right .ic-content h3,.ic-partner-offer-right .ic-head h2,h3 { font-size: 22px } .footer-item h3 { padding-top: 30px; padding-bottom: 20px } .offer-close-button { top: 50%; right: 15px } .header-offer-area .headerstrip-text { text-align: left!important } .header-offer-area .headerstrip-text p { font-size: 14px; width: 95%; text-align: center } .header-offer-area .headerstrip-text a { margin-left: 0; font-size: 14px } #brand .owl-stage-outer { height: auto; margin: 0; padding: 0; width: auto } #breadcumb,#breadcumb2,#products,#products-cart,.full-logo-card-item { padding: 60px 0 } #breadcumb .floatme,#breadcumb2 .floatme { top: 100px } .breadcumb-text span a { font-size: 17px } #about-page #welcome { padding-bottom: 54px; text-align: center } .choose-reason li:last-child { margin-bottom: 0 } .skill-part { text-align: center; padding-bottom: 60px!important } .ic-m-team-padding .team-item p { padding-bottom: 30px!important } .ic-awesomre-team-item.item-2,.ic-awesomre-team-item.item-3,.ic-down-team-item,.ic-event-sponsored-warper,.ic-event-sponsored-warper .ic-item.item-2,.ic-showcase-gallery-tab .ic-mt-30,.ic-spell-name-area .ic-mt-40,.ic-up-team-item { margin-top: 0 } .ic-team-part { padding-bottom: 40px!important } #related-products,#sign-in h3,.ic-partner-banner-left p,.ic-team-details,.ic-using-itclan-logo-area .ic-brand-page-heading { padding-bottom: 30px } .works-page #welcome { padding-bottom: 0!important } .white-popup { padding: 15px; box-sizing: border-box } #sign-up .sign-social li,.colorful-tab-content a,.ic-blog-banner-tab .nav-item,.ic-list-blog-item .thumbnil a,.ic-list-blog-item .thumbnil img,.ic-products-item a,.ic-request-quote-slider-link,.ic-showcase-banner-right .ic-flex-row img,.ic-work-subcategory-btn .dropdown-menu,.ic-work-subcategory-btn .ic-btn-primary { width: 100% } .ic-works-popup-description .ic-btn-primary2 { padding: 10px } .ic-popup-description-main { padding: 30px 20px 30px 0 } .ic-work-popup-cross { padding-top: 30px } .colorful-tab-menu { margin-bottom: 10px!important } .ic-services-plan-item .title h2 { font-size: 30px } .ic-career-details-right .ic-apply-now-heading,.ic-services-plan-item .title { padding: 18px 0 } .ic-services-plan-item .content { padding: 15px; text-align: left } .ic-services-plan-item .content ul li { font-size: 15px; line-height: 34px } .ic-services-plan-item .ic-btn-primary { padding: 10px 20px } #works .ic-crazyTab .crazy-tab-menu .crazy-items a,.ic-monochrome-logo-right { text-align: center; margin-bottom: 20px } .ic-contact-product-contact { display: unset!important; text-align: center } .ic-awesome-team-content .title,.ic-contact-product-contact .ic-numbers-cut,.ic-contact-product-contact .ic-or { padding-bottom: 20px } #works .ic-crazyTab .crazy-tab-menu .crazy-items,.ic-double-btn li:last-child { margin-right: 0 } #clients { padding-top: 53px } #client-popup .mfp-close,#sign-up .sign-social,.header-offer-area .headerstrip-text,.ic-blog-share-subscriber,.ic-showcase-gallery-tab .colorful-tab-menu-item a,.ic-what-we-hate-left .ic-list,.nav-pills .nav-link.active:before,.nav-pills .show>.nav-link:before { display: block } .ic-client-get-serviced { padding: 30px } #contact .ic-wp-desc-item { margin-bottom: 30px; text-align: center } .ic-most-popular-blog,.ic-website-other-color-scheme,.ic-what-we-love-right,.rfq-product-slider { margin-top: 40px } .ic-wp-four .nav-link:before,.ic-wp-one .nav-link:before,.ic-wp-three .nav-link:before,.ic-wp-two .nav-link:before { width: 13px; height: 13px; top: -18px; display: none } .nav-pills .nav-link img { width: 65px } .ic-work-process .nav-item .nav-link svg { top: 17px; left: 55%; width: 25px } .ic-work-process .nav { margin-bottom: 75px } .career-page-main .career-page,.ic-wp-p { padding-bottom: 60px!important } .ic-wp-desc-text span { font-size: 40px } .ic-wp-three { left: 52% } .ic-wp-two { left: 25% } .header-offer-area .offer-content,.ic-color-ful-tabs { display: block!important } .ic-work-subcategory-btn .dropdown-menu { transform: unset!important; top: 100%!important } #sign-in,.ic-details-feature { padding-top: 50px } .ic-logo-download-area .ic-brand-page-heading,.ic-side-cat { margin-bottom: 40px } .sorting { height: 50px; margin-top: 20px } .ic-pro-input-item .form-control { padding: 25px 13px } .service-item:hover { background-position: 5px bottom } #product-details { padding-top: 53px; padding-bottom: 45px } .ic-details-mobile,.ic-partner-banner-left h2,.ic-partner-offer-right .ic-content p { padding-bottom: 15px } .ic-double-btn { display: flex; justify-content: center } .ic-double-btn li { margin-right: 15px } .ic-double-btn .ic-btn-primary { padding: 10px 18px } .ic-product-share { margin-top: 10px; justify-content: center } .ic-details-desc .ic-product-price { padding-bottom: 15px; padding-top: 20px } .ic-pdf-letter { padding-top: 40px } .test-slide-item img { width: auto; margin: auto } .ic-cart-item-text p { padding-top: 15px; padding-bottom: 5px } .ic-cart-item-text span { padding-bottom: 5px } .ic-cart-item-select .form-control { padding: 10px 11px } .ic-cart-item .ic-cross { top: 20px; right: 20px; transform: translateY(0) } .ic-cart-input-item .form-control { padding: 22px } .ic-cart-input-item button { position: static; padding: 10px 25px; width: 100%; margin-top: 20px } .ic-cart-total-text { padding: 30px 20px } .ic-cart-mobile { padding-right: 30px } .ic-career-desc,.ic-service-crezy-content,.ic-service-form-group #service,.ic-service-head,.ic-service-sub-heading { text-align: left } #error { margin-top: 80px; text-align: center } #sign-in h3 { font-size: 28px } @media (min-width: 480px) and (max-width:575.98px) { .ic-work-process .nav { margin-left:80px; margin-right: 80px } } .navbar-nav li:hover>ul { position: inherit!important; top: 100%; visibility: inherit!important; opacity: inherit!important; display: none; transition: inherit!important } .navbar-nav li>ul.column_3 { visibility: visible; opacity: 1; display: none; transition: .4s linear } .ic-timline-inner { width: calc(100% - 0px)!important } .ic-timline-item { margin-top: 30px } .ic-header-top-left { display: block; text-align: center } .ic-header-top-left a { margin-left: 0; font-size: 15px } .ic-header-top-left .email { margin-left: 0; display: none } .ic-header-top-right { margin-right: 0; text-align: center } .ic-career-details-banner-content p,.ic-header-top-right a i,.ic-job-deadline p,.ic-job-deadline span,.ic-job-experience p,.ic-job-experience span { font-size: 16px } .navbar { background: #fff; box-shadow: 0 3px 3px 0 #eee; top: 92px } .offer-header-navbar { top: 110px } .ic-header-top-right ul li a { padding: 2px 11px } .ic-works-popup-slider-item { max-height: 350px } .ic-blog-details-content-warper .ic-author-time,.ic-blog-list-right,.ic-download-all-package-btn,.ic-works-popup-thumbnil-slider { margin-top: 20px } .ic-works-colorful-tab-warper { overflow: hidden } .ic-header-top-login-signup li a { padding: 0 10px } .ic-partner-banner-left,.ic-partner-banner-right { text-align: center; padding-top: 40px } .ic-partner-banner-area { padding: 75px 0 40px } .ic-our-partner-section-area { padding: 50px 0 30px } .ic-our-partner-items { padding: 30px 20px 10px } .ic-blog-comment-card .ic-content h3,.ic-blog-comment-card .ic-content span,.ic-comment-item span,.ic-our-partner-items .ic-partner-logo { margin-bottom: 5px } .ic-partner-offer-left { margin-left: 0; text-align: center; padding-top: 40px } .ic-partner-offer-right .ic-content a { margin-top: 15px } .ic-partner-offer-area,.ic-what-not-logo-item .ic-logo-item { padding: 50px 0 } .ic-latest-blog h1,.ic-most-popular-blog .title h1,.ic-partnership-program-content h1 { font-size: 28px; margin-bottom: 5px } .ic-partnership-program-area { padding: 40px 0 } .ic-showcase-banner-left { text-align: center; margin-bottom: 10px } .ic-showcase-banner-right { margin-right: 0; align-items: center } .ic-showcase-banner-right .ic-flex-row { display: block; margin-bottom: 0 } .ic-showcase-banner-right .ic-flex-row img:last-child { margin-left: 0 } .ic-small-image-top img { max-width: 50%; margin-left: auto; display: block } .ic-small-image-left img { max-width: 50% } .ic-what-we-love-left .ic-small-image-left { top: unset; bottom: -50px } .ic-what-we-love-left .shape { padding-left: 0; padding-top: 5px; display: flex; justify-content: end } .ic-what-we-love-left .shape img { max-width: 70% } .ic-what-we-love-right .ic-head h2 { font-size: 21px } .ic-what-we-hate-left ul li,.ic-what-we-love-right ul li { font-size: 18px; margin-bottom: 5px; padding-left: 25px } .ic-what-we-hate-left ul li::before,.ic-what-we-love-right ul li::before { width: 11px; height: 11px } .ic-blog-details-content-warper,.ic-branding-color-schemes-area,.ic-color-scheme-heading,.ic-what-we-love-area { padding-bottom: 55px } .ic-career-details-warper-area,.ic-logo-download-area,.ic-logo-solid-bg-area,.ic-minimun-size-area,.ic-showcase-gallery-area,.ic-spell-name-area,.ic-using-itclan-logo-area,.ic-what-we-hate-area { padding: 55px 0 } .ic-what-we-hate-right { justify-content: center; margin-top: 30px } .ic-blog-details-content-warper .ic-title-description,.ic-what-we-hate-right img:last-child { margin-top: 10px } .ic-showcase-video-wrapper .ic-video-content h1 { font-size: 24px; padding-bottom: 0 } .ic-showcase-video-wrapper .ic-video-content img { width: 40px } .ic-showcase-gallery-tab .colorful-tab-menu-item { margin-right: 0; margin-bottom: 10px } .ic-showcase-gallery-tab .colorful-tab-content img { display: block; margin: 15px auto auto; width: 100% } .ic-event-sponsored-area .ic-head-description p,.ic-spell-hrading p { width: 100%; font-size: 14px } .ic-event-sponsored-warper .ic-item { padding: 30px 24px; margin-bottom: 20px } .ic-event-sponsored-warper .ic-item h4 { margin-top: 25px } .ic-about-work-reason .ic-first-col { flex: 0 0 100% } .ic-our-history-area { padding-bottom: 25px!important } .ic-mobile-team-dropdown { margin-bottom: 25px!important; display: block } .ic-team-dropdown-menu { top: 45px!important; transform: translate3d(0,0,0)!important } .ic-contact-product-contact .ic-btn-primary { display: block; width: 175px; margin: auto } .ic-career-details-banner { padding: 60px 0; margin-top: 74px } .ic-career-details-banner-content h1 { font-size: 28px; width: 100%; padding-bottom: 20px } .ic-career-details-banner-content p span { display: inline } .ic-career-details-requirment h3 { font-size: 20px; margin-bottom: 15px } .ic-career-details-deadline { margin-bottom: 50px } .ic-career-details-requirment ul li { font-size: 13px; margin-bottom: 14px; padding-left: 20px } .ic-career-details-info-item { padding: 15px } .ic-career-details-info-item .ic-content { margin-left: 15px } .ic-blog-comment-card .ic-content p,.ic-career-details-info-item span,.ic-color-scheme-primary-item .content li,.ic-list-blog-item .ic-blog-description .read-more-btn { font-size: 15px } .ic-blog-list-right .ic-blog-top a,.ic-career-details-info-item p,.ic-career-details-requirment p { font-size: 13px } .ic-carrer-details-right-warper { max-width: 100%; margin-top: 40px } .ic-career-details-requirment ul li::before { width: 6px; height: 6px } .ic-crazy-content .ic-product-content .ic-h4-heading,.ic-crazy-content .ic-product-content h4,.ic-crazy-content .ic-product-freamwork .ic-h4-heading,.ic-crazy-content .ic-product-freamwork h4,.ic-services-plan-area .header .ic-h4-heading { font-size: 24px; padding-bottom: 20px } .ic-service-head .ic-head-bottom { left: 0; transform: translateX(0) } #career h2 { font-size: 26px } .ic-work-subcategory-btn .ic-dropdwon-btn { padding: 10px 30px } .ic-carrer-banner-area { margin-top: 73px; padding-top: 80px; padding-bottom: 150px } .ic-carrer-banner-content h1 { font-size: 30px; padding-bottom: 10px } .ic-carrer-banner-content p { font-size: 16px; line-height: 26px } .ic-awesome-team-banner img { display: block; margin: auto auto 10px } .ic-awesome-team-content { margin-top: 45px } .ic-awesome-team-area { margin-top: -80px; margin-bottom: 55px } .ic-awesome-team-content .title h1 { font-size: 30px; width: 100% } .ic-awesomre-team-item img { width: 50px } .ic-awesomre-team-item h4 { font-size: 15px; line-height: 24px } .ic-awesomre-team-item { padding: 20px 5px; margin-bottom: 20px } .ic-join-us-area { padding: 55px 0 20px } .ic-join-us-header h2 { font-size: 24px } .ic-join-us-header h1 { font-size: 28px; padding-bottom: 10px } .ic-blog-details-content-warper .ic-author-time a,.ic-brand-page-heading p,.ic-color-scheme-heading p,.ic-join-us-header p,.ic-logo-solid-bg-left p,.ic-monochrome-logo-right p,.ic-using-itclan-logo-left p,.ic-what-not-logo-item .content p { font-size: 14px } .ic-join-us-header { padding-bottom: 10px } .ic-join-us-item { padding: 30px; position: relative; margin-bottom: 45px } .ic-job-icon { position: absolute; bottom: -48px; right: 0 } .ic-color-scheme-primary-item .content h4,.ic-join-us-item .ic-job-title h3,.ic-join-us-item .ic-job-title span { font-size: 18px } .ic-color-scheme-heading h1,.ic-job-icon i,.ic-spell-hrading h1,.ic-spell-name-item h1,.ic-using-itclan-logo-left h1 { font-size: 32px } .ic-job-experience,.ic-job-title,.ic-spell-name-item { margin-bottom: 10px } .ic-blog-banner-area { padding-top: 80px; margin-top: 75px; padding-bottom: 230px } .ic-blog-banner-title-subscriber .form-group { justify-content: center } .ic-blog-banner-tab-search-warper { padding-top: 20px; position: relative } .ic-blog-banner-search .search-box form { position: absolute; right: 60px } .ic-blog-banner-title-subscriber .title h1 { font-size: 44px; padding-bottom: 10px } .ic-blog-banner-title-subscriber .title p { font-size: 15px; padding-bottom: 20px } .ic-blog-banner-title-subscriber .form-control { flex: 0 0 55%; height: 45px; line-height: 45px } .ic-blog-banner-title-subscriber .ic-btn-black { padding: 10px 12px; flex: 0 0 45%; font-size: 14px } .ic-blog-banner-tab .nav-item .nav-link { padding: 0 18px; height: auto; line-height: initial; display: block } .ic-blog-banner-tab .nav-item .nav-link.active { background-color: unset } .ic-blog-list-right .ic-blog-description h3 { font-size: 16px; width: 100%; margin-bottom: 10px } .ic-blog-list-item { padding: 20px } .ic-list-blog-item .ic-blog-description h3 { font-size: 15px; margin-bottom: 15px } .ic-list-blog-item .ic-content { padding: 20px 20px 25px } .continue-btn,.ic-blog-list-right .ic-blog-description p { font-size: 14px; padding-bottom: 15px } .ic-blog-list-right .ic-blog-top { margin-bottom: 8px } .ic-blog-list-right .ic-blog-top span { font-size: 13px; padding: 0 3px } .ic-list-blog-item .ic-blog-top a { font-variant-east-asian: 11px } .ic-list-blog-item .ic-blog-top span,.ic-most-popular-blog-item .author-date span { padding: 0 4px; font-size: 11px } .ic-most-popular-blog-item .author-date a { font-size: 11px } .ic-most-popular-blog-item .ic-left { flex: 0 0 115px; margin-right: 10px } .ic-most-popular-blog-item .content p { font-size: 14px; line-height: 22px } .ic-most-popular-blog-item .author-date { display: flex; margin-bottom: 2px } .ic-blog-warper { margin-top: -190px } .ic-blog-mobile-tab-dropdown { display: block; margin-bottom: 0!important } .ic-blog-mobile-tab-dropdown .ic-btn-primary { background: #393b63 } .ic-blog-banner-tab { flex: 0 0 215px } .ic-grid-blog-item { margin: 55px 0 } .ic-blog-banner-tab-search-warper .search-icon a { width: 45px; height: 45px; line-height: 45px } .ic-blog-details-banner { padding-top: 140px } .ic-blog-details-content-warper .ic-author-time span { font-size: 15px; padding: 0 5px } .ic-blog-details-content-warper .ic-title-description h1 { font-size: 22px; padding-bottom: 15px } .ic-blog-details-content-warper p { padding-bottom: 15px; font-size: 14px } .ic-blog-details-content-warper .ic-sub-description h3 { font-size: 20px; margin-bottom: 20px } .ic-comment-item-warper h3 { font-size: 22px; margin-bottom: 20px } .ic-comment-item { margin-bottom: 35px; display: block } .ic-related-post-title h2 { font-size: 26px; margin-bottom: 20px } .ic-blog-share-subscriber .ic-blog-share h3 { margin-right: 10px; margin-bottom: 15px } .ic-blog-share-subscriber .ic-subscriber-newsletter .ic-btn-primary { padding: 10px 15px } .ic-blog-share-subscriber .ic-blog-share { margin-bottom: 20px; display: block } .ic-blog-comment-card { padding: 25px; margin-bottom: 55px; display: block } .ic-related-post-area,.ic-what-not-logo-area { padding: 55px 0 30px } .ic-blog-share-subscriber .footer-social li a { width: 35px; height: 35px; line-height: 35px; font-size: 18px!important } .ic-blog-comment-card .ic-image img { width: 65px; height: 65px; border-radius: 50% } .ic-brand-banner-content h1 { font-size: 38px } .ic-brand-banner-content p { width: 100%; font-size: 16px } .ic-branding-branner-area { padding-top: 80px; padding-bottom: 100px; margin-top: 74px } .ic-color-schemes-title h1 { font-size: 54px } .ic-color-schemes-title { padding-top: 20px; margin-top: -75px } .ic-minium-size-small-logo,.ic-using-itclan-logo-left,.ic-using-itclan-logo-right { text-align: center; margin-top: 20px } .ic-color-scheme-primary-item { margin-bottom: 10px; padding: 15px } .ic-color-scheme-primary-item .content { padding: 80px 0 15px 15px } .ic-brand-page-heading h2 { font-size: 32px; padding-bottom: 20px } .ic-logo-solid-bg-right .logo { padding: 20px 0; margin: 20px auto auto } .monochrome-logo-card-item { padding: 11px 0 } .full-favicon-card { padding: 60px 23px } .ic-download-logo-item .title h3 { font-size: 26px; margin-bottom: 15px } .ic-using-itclan-logo-right { padding-left: 0 } .ic-logo-solid-bg-right .logo-1,.ic-monochrome-logo-left .logo-2 { margin: 20px auto auto } .ic-monochrome-logo-area { padding: 45px 0 } .ic-monochrome-logo-left .logo-1 { margin: auto } .ic-color-primary-scheme-padding h3,.ic-website-other-color-scheme .heading h3 { font-size: 28px; margin-bottom: 20px } .ic-website-other-color-item .content { padding: 80px 15px 15px } .ic-website-other-color-item .content-warper { transform: rotate(0) } .ic-logo-download-btn a { padding: 5px 20px; font-size: 14px } } @media (min-width: 510px) and (max-width:576.98px) { .offer-header-navbar { top:110px } } @media (min-width: 320px) and (max-width:375.98px) { .ic-header-top-login-signup li a { padding:0 5px } .ic-header-top-left a,.ic-header-top-login-signup li a { font-size: 13px } } @media (min-width: 576px) and (max-width:767.98px) { #products nav,.banner-img,.banner-img-main,.navbar-toggler { position:relative } .banner-img,.navbar-nav li ul { left: 50%; transform: translateX(-50%) } #about-page #welcome,#purpose,#purpose-2 { padding-bottom: 54px } #career,#contact,#fact,#purpose,#purpose-2,#service,#testimonial,#welcome,.ic-color-schems-waprer { padding-top: 55px } #contact .ic-wp-desc-item h6,.banner-text { padding-top: 0 } #about-page #welcome,#contact .ic-wp-desc-item,#service,.banner-text,.ic-aplication-form h5,.ic-contact-product-contact .ic-numbers-cut p,.ic-contact-product-contact .ic-numbers-cut span,.ic-crazyTab .crazy-tab-menu .color-full-static,.ic-fact-letter,.ic-head,.ic-logo-solid-bg-left,.ic-minium-size-big-logo,.ic-partner-offer-right,.ic-purpose-text,.ic-work-subcategory-btn,.navbar ul,.skill-part { text-align: center } .ic-blog-details-content-warper,.ic-branding-color-schemes-area,.ic-color-scheme-heading { padding-bottom: 55px } .ic-details-feature p,.ic-header-top-login-signup li:last-child a,.ic-latest-blog { padding-right: 0 } .navbar { background: #fff; box-shadow: 0 3px 3px 0 #eee } .sticky.navbar { padding-top: 5px; padding-bottom: 5px } .sticky.navbar .navbar-brand img { transform: scale(1) } .navbar-brand img { width: 120px; height: auto } .navbar-toggler { font-size: 25px; border: 0; font-weight: 400 } .navbar-toggler i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) } .navbar-light .navbar-toggler { color: #c2121e } .navbar ul { background: #fff; padding-bottom: 10px } .navbar-nav li,.sticky.navbar .nav-item { padding: 5px 0 } .navbar-nav li ul { top: 130%; z-index: 99 } .banner-text h1 { font-size: 32px; padding-bottom: 15px; padding-top: 240px } #banner .num,.banner-text p,.ic-blog-mobile-tab-hide,.ic-fact-letter p,.ic-showcase-banner-right .shape-1,.ic-timline-inner .ic-timline-svg,.ic-work-process .nav-item .nav-link p,.shape-2 { display: none } .banner-img { width: 300px; top: -40px } .banner-slide-item { position: absolute; top: 0; left: 0; transform: translateY(0); right: 0 } .banner-beauty { width: 100%; object-fit: cover } #banner { padding-bottom: 95px; padding-top: 135px } #banner .banner-arrow { display: none!important } #welcome,.ic-spell-hrading p { padding-bottom: 40px } .ic-main-header,h2 { font-size: 24px; padding-bottom: 4px } #career,#contact #request-form,#fact,#fact-letter,#request-form,#service,footer { padding-bottom: 60px } .continue-btn,.ic-blog-list-right .ic-blog-description p,.ic-head span,.ic-sub-header { font-size: 15px; padding-bottom: 15px } #fact .ic-head-bottom,#testimonial .ic-head-bottom,.ic-event-sponsored-area .ic-head-bottom,.ic-head-bottom,.ic-our-partner-section-area .ic-head-bottom,.ic-showcase-gallery-area .ic-head-bottom { left: 50%; transform: translateX(-102.6%) } #clients .welcome-item,#works .ic-works-item,.ic-blog-details-content-warper .ic-sub-description img,.ic-blog-share-subscriber .ic-blog-share,.ic-color-scheme-primary-item .content h4,.ic-download-logo-item,.welcome-item { margin-bottom: 20px } .nav-pills .nav-link img,.welcome-item .coding-svg,.welcome-item svg { width: 80px } .ic-index-welcome .welcome-item { padding: 40px 30px } .ic-purpose-img { margin-bottom: 15px } .ic-purpose-text ul li { padding-bottom: 25px } .ic-purpose-text p,.works-page #works { padding-bottom: 0 } #contact .ic-wp-desc-item,#fact .ic-head,.ic-fact-item,.ic-services-plan-item,.ic-smry-bottom { margin-bottom: 30px } .ic-blog-details-content-warper .ic-author-time,.ic-blog-list-right,.ic-download-all-package-btn,.ic-event-sponsored-warper,.ic-fact-letter { margin-top: 20px } .ic-career-details-banner-content p,.ic-fact-letter h4,.ic-join-us-item .ic-job-title h3,.ic-join-us-item .ic-job-title span { font-size: 20px } .ic-fact-letter ul { display: block; margin-top: 25px } .ic-fact-letter ul li { display: block; margin: 0 0 15px } .ic-cart-item-select-main,.ic-fact-letter ul li:last-child { margin: 0 } .ic-fact-letter ul li a { display: block; width: 100% } .fact-bg { width: 100%; top: 300px } .choose-reason .why-icon,.why-icon { width: 85px } .why { padding-bottom: 21px!important } .ic-details-feature ul,.why .ic-purpose-img { padding-top: 15px } .why-icon { padding: 15px 15px 0; margin: 0 auto 20px } .why .ic-purpose-text ul li { padding-bottom: 35px } #testimonial { padding-bottom: 48px } .test-box { margin-top: 60px } .test-slide-main { width: 55% } .test-slide-main .left { left: -40px } .test-slide-main .right { right: -42px } .ic-works-popup-slide-main,.test-desc-slide p { padding: 0 } #brand,.ic-using-itclan-logo-area .ic-brand-page-heading,.ic-what-not-logo-area .ic-brand-page-heading { padding-bottom: 50px } footer { padding-top: 25px } .ic-career-details-deadline h4,.ic-career-details-right .ic-apply-now-heading h3,h3 { font-size: 22px } .footer-item h3 { padding-top: 30px; padding-bottom: 20px } #client-popup .mfp-close,.header-offer-area .headerstrip-text,.ic-blog-mobile-tab-dropdown,.ic-blog-share-subscriber { display: block } .ic-header-top-left .email { margin-left: 5px } .ic-header-top-right ul li a { padding: 0 6px } .offer-header-navbar { top: 85px } #breadcumb,#breadcumb2,#products-cart,.full-logo-card-item { padding: 60px 0 } #breadcumb .floatme,#breadcumb2 .floatme { top: 100px } .choose-reason li:last-child { margin-bottom: 0 } .career-page-main .career-page,.ic-wp-p,.skill-part { padding-bottom: 60px!important } .ic-about-work-reason { display: flex; flex-wrap: wrap; gap: 2% } .ic-about-work-reason li { flex: 0 0 49%; padding: 15px!important } .ic-awesomre-team-item.item-2,.ic-awesomre-team-item.item-3,.ic-down-team-item,.ic-showcase-gallery-tab .ic-mt-30,.ic-up-team-item,.ic-what-we-hate-right img:last-child { margin-top: 0 } .ic-team-part { padding-bottom: 40px!important } #error,#related-products,.ic-partner-banner-left p,.ic-team-details { padding-bottom: 30px } .works-page #welcome { padding-bottom: 0!important } .white-popup { padding: 15px; box-sizing: border-box } .colorful-tab-content a,.ic-blog-banner-tab .nav-item,.ic-list-blog-item .thumbnil a,.ic-list-blog-item .thumbnil img,.ic-products-item a,.ic-showcase-banner-right .ic-flex-row img { width: 100% } .ic-work-subcategory-btn .dropdown-menu { transform: unset!important; top: 100%!important } .service-item { padding: 60px 5px } .ic-wp-desc-text h3,.service-item h6 { font-size: 18px } .ic-job-icon i,.ic-services-plan-item .title h2 { font-size: 32px } .ic-services-plan-item .title { padding: 18px 0 } .ic-services-plan-item .content { padding: 15px; text-align: left } .ic-services-plan-item .content ul li { font-size: 16px; line-height: 34px } .ic-services-plan-item .ic-btn-primary { padding: 10px 20px } .service-item:hover { background-position: 5px bottom } .ic-service-details-desc { padding: 10px 0 0 } .accordion .card .btn { padding: 15px 15px 15px 50px; font-size: 16px } .accordion .card .btn:before { left: 20px } .accordion .card .btn:after { left: 27px } .ic-contact-product-contact { display: unset!important; text-align: center } .ic-awesome-team-content .title,.ic-contact-product-contact .ic-numbers-cut,.ic-contact-product-contact .ic-or { padding-bottom: 20px } #clients { padding-top: 53px; padding-bottom: 40px } .ic-blog-comment-card,.ic-client-get-serviced { padding: 30px } .ic-most-popular-blog,.ic-what-we-love-right,.rfq-product-slider { margin-top: 40px } .ic-wp-main { padding: 0 30px } #sign-in,.ic-details-feature { padding-top: 50px } .ic-work-process .nav { margin: 0 50px 130px } .ic-work-process .nav-item .nav-link svg { top: 23px; left: 55%; width: 27px } .ic-wp-desc-text span { font-size: 35px } .ic-wp-one { left: -12.9% } .ic-wp-two { left: 21.9% } .ic-wp-three { left: 56.5% } .ic-wp-four { right: -11.7% } .ic-wp-four:before,.ic-wp-one:before,.ic-wp-three:before,.ic-wp-two:before { width: 2.5px; height: 20px } .ic-wp-four:after,.ic-wp-one:after,.ic-wp-three:after,.ic-wp-two:after { width: 15px; height: 15px; bottom: -34px } .nav-pills .nav-link:before { width: 10px; height: 10px; top: -22px } .ic-work-process .ic-wp-desc-item h6 { padding-top: 20px; padding-bottom: 5px } .ic-wp-desc-item ul li { font-size: 13px; padding-bottom: 0 } .ic-wp-desc-img { display: flex; height: 100%; align-items: center } .colorful-tab-menu { flex-direction: row; justify-content: center; margin-bottom: 20px!important } .ic-color-ful-tabs { display: block!important } #works .colorful-tab-menu li a { padding: 10px 12px } #products { padding-top: 60px } .pagination { position: absolute; left: -144px } .sorting { height: 50px; margin-top: 20px } .ic-pro-input-item .form-control { padding: 25px 13px } #product-details { padding-top: 53px; padding-bottom: 45px } .ic-details-mobile,.ic-partner-banner-left h2,.ic-partner-offer-right .ic-content p { padding-bottom: 15px } .ic-double-btn { display: flex; justify-content: center } .ic-double-btn li { margin-right: 15px } .ic-double-btn li:last-child { margin-right: 0 } .ic-double-btn .ic-btn-primary { padding: 10px 18px } .ic-product-share { margin-top: 10px; justify-content: center } .ic-details-desc .ic-product-price { padding-bottom: 15px; padding-top: 20px } .ic-pdf-letter { padding-top: 40px } .ic-cart-item-text p { padding-top: 15px; padding-bottom: 5px } .ic-cart-item-text span { padding-bottom: 5px } .ic-cart-item-select .form-control { padding: 10px 11px } .ic-cart-item .ic-cross { top: 20px; right: 20px; transform: translateY(0) } .ic-cart-input-item .form-control { padding: 22px } .ic-cart-input-item button { position: static; padding: 10px 25px; width: 100%; margin-top: 20px } .ic-cart-total-text { padding: 30px 20px } .ic-cart-mobile { padding-right: 30px } .ic-career-desc,.ic-service-form-group #service { text-align: left } #works .ic-crazyTab .crazy-tab-menu .crazy-items a,.ic-monochrome-logo-right { text-align: center; margin-bottom: 20px } #error { margin-top: 90px; text-align: center } #sign-in { padding-bottom: 60px } #sign-up .sign-social li a,.ic-blog-list-right .ic-blog-top a,.ic-blog-list-right .ic-blog-top span,.ic-career-details-info-item p { font-size: 14px } .ic-timline-inner { width: calc(100% - 0px)!important } .ic-timline-item { margin-top: 30px } .ic-works-popup-slider-item { max-height: 400px } .ic-works-colorful-tab-warper { overflow: hidden } .ic-header-top-login-signup li a { padding: 0 8px } .ic-partner-banner-left { text-align: center; padding-top: 55px } .ic-partner-banner-right { text-align: center; padding-top: 40px } .ic-partner-banner-area { padding: 115px 0 40px } .ic-our-partner-section-area { padding: 50px 0 40px } .ic-our-partner-items { padding: 40px 20px 20px } .ic-partner-offer-right .ic-head h2,.ic-what-we-love-right .ic-head h2 { font-size: 24px } .ic-partner-offer-right .ic-content h3 { font-size: 28px; margin-bottom: 20px } .ic-partner-offer-left { margin-left: 0; text-align: center; padding-top: 40px } .ic-partner-offer-right .ic-content a { margin-top: 15px } .ic-partner-offer-area,.ic-partnership-program-area,.ic-what-not-logo-item .ic-logo-item { padding: 50px 0 } .ic-partnership-program-content h1 { font-size: 42px; margin-bottom: 10px } .ic-showcase-banner-left { text-align: center; margin-bottom: 10px } .ic-showcase-banner-right { margin-right: 0; align-items: center } .ic-showcase-banner-right .ic-flex-row { display: block; margin-bottom: 0 } .ic-showcase-banner-right .ic-flex-row img:last-child { margin-left: 0 } .ic-small-image-top img { max-width: 70%; display: block; margin-left: auto } .ic-small-image-left img { width: 65% } .ic-what-we-love-left .ic-small-image-left { top: 120px } .ic-what-we-love-left .shape { padding-left: 0; padding-top: 10px; display: flex; justify-content: end } .ic-what-we-love-left .shape img { max-width: 80% } .ic-what-we-hate-left ul li,.ic-what-we-love-right ul li { font-size: 20px; margin-bottom: 8px; padding-left: 25px } .ic-what-we-hate-left ul li::before,.ic-what-we-love-right ul li::before { width: 11px; height: 11px } .ic-what-we-love-area { padding-top: 55px; padding-bottom: 75px } .ic-what-we-hate-right { justify-content: center; margin-top: 30px } .ic-showcase-video-wrapper .ic-video-content h1 { font-size: 34px; padding-bottom: 10px } .ic-showcase-video-wrapper .ic-video-content img { width: 50px } .ic-showcase-gallery-area { padding: 65px 0 } .ic-showcase-gallery-tab .colorful-tab-menu-item { margin-right: 5px } .ic-showcase-gallery-tab .colorful-tab-menu-item a { padding: 10px; font-size: 13px } .ic-showcase-gallery-tab .colorful-tab-container img { width: 100%; margin-top: 20px } .ic-event-sponsored-area { padding-bottom: 65px } .ic-event-sponsored-area .ic-head-description p { font-size: 15px; width: 100% } .ic-event-sponsored-warper .ic-item { padding: 40px 38px } .ic-event-sponsored-warper .ic-item.item-2 { margin-top: 0; margin-bottom: 20px } .ic-event-sponsored-warper .ic-item h4 { margin-top: 25px } .ic-about-work-reason .ic-first-col { flex: 0 0 100% } .ic-our-history-area { padding-bottom: 25px!important } .ic-career-details-banner { padding: 80px 0; margin-top: 82px } .ic-career-details-banner-content h1 { font-size: 48px; width: 90%; padding-bottom: 20px } .ic-blog-details-content-warper .ic-sub-description h3,.ic-career-details-requirment h3 { font-size: 24px; margin-bottom: 20px } .ic-career-details-requirment,.ic-comment-item { margin-bottom: 35px } .ic-career-details-deadline { margin-bottom: 60px } .ic-career-details-right .ic-apply-now-heading { padding: 20px 0 } .ic-career-details-requirment ul li { font-size: 14px; margin-bottom: 14px } .ic-career-details-info-item { padding: 15px } .ic-career-details-info-item .ic-content { margin-left: 15px } .ic-blog-comment-card .ic-content p,.ic-blog-details-content-warper .ic-author-time a,.ic-blog-details-content-warper .ic-author-time span,.ic-brand-page-heading p,.ic-career-details-info-item span,.ic-career-details-requirment p,.ic-join-us-header p,.ic-list-blog-item .ic-blog-description .read-more-btn,.ic-logo-solid-bg-left p,.ic-monochrome-logo-right p,.ic-using-itclan-logo-left p,.ic-what-not-logo-item .content p { font-size: 15px } .ic-carrer-details-right-warper { max-width: 100%; margin-top: 40px } .ic-career-details-warper-area,.ic-logo-download-area,.ic-logo-solid-bg-area,.ic-minimun-size-area,.ic-monochrome-logo-area,.ic-spell-name-area,.ic-using-itclan-logo-area { padding: 55px 0 } .ic-work-subcategory-btn .ic-dropdwon-btn { display: block; margin: auto } .ic-carrer-banner-area { margin-top: 80px; padding-top: 90px; padding-bottom: 160px } .ic-carrer-banner-content h1 { font-size: 38px; padding-bottom: 10px } .ic-carrer-banner-content p { font-size: 18px; line-height: 28px } .ic-awesome-team-content { margin-top: 55px } .ic-awesome-team-area { margin-top: -80px } .ic-awesome-team-content .title h1 { font-size: 34px; width: 75% } .ic-awesomre-team-item img { width: 60px } .ic-awesomre-team-item h4 { font-size: 16px; line-height: 26px } .ic-awesomre-team-item { padding: 20px 5px; margin-bottom: 20px } .ic-join-us-area { padding: 55px 0 20px } .ic-join-us-header h2 { font-size: 28px } .ic-join-us-header h1 { font-size: 32px; padding-bottom: 10px } .ic-join-us-header { padding-bottom: 10px } .ic-join-us-item { padding: 30px; position: relative; margin-bottom: 45px } .ic-job-icon { position: absolute; bottom: -48px; right: 0 } .ic-color-scheme-heading p,.ic-job-deadline p,.ic-job-deadline span,.ic-job-experience p,.ic-job-experience span { font-size: 16px } .ic-color-scheme-primary-item,.ic-job-experience,.ic-job-title,.ic-spell-name-item { margin-bottom: 10px } .ic-blog-banner-area { padding-top: 80px; margin-top: 81px; padding-bottom: 230px } .ic-blog-banner-title-subscriber .form-group { justify-content: center } .ic-blog-banner-tab-search-warper { padding-top: 20px; position: relative } .ic-blog-banner-search .search-box form { position: absolute; right: 60px } .ic-blog-banner-title-subscriber .title h1 { font-size: 54px; padding-bottom: 10px } .ic-blog-banner-title-subscriber .title p { font-size: 16px; padding-bottom: 20px } .ic-blog-banner-title-subscriber .form-control { flex: 0 0 74%; height: 45px; line-height: 45px } .ic-blog-banner-title-subscriber .ic-btn-black { padding: 10px 13px } .ic-blog-banner-tab .nav-item .nav-link { padding: 0 18px; height: auto; line-height: initial; display: block } .ic-blog-banner-tab .nav-item .nav-link.active { background-color: unset } .ic-blog-list-right .ic-blog-description h3 { font-size: 22px; width: 100%; margin-bottom: 10px } .ic-blog-list-item { padding: 20px } .ic-latest-blog h1,.ic-most-popular-blog .title h1 { font-size: 32px; margin-bottom: 5px } .ic-list-blog-item .ic-blog-description h3 { font-size: 17px; margin-bottom: 20px } .ic-list-blog-item .ic-content { padding: 20px 20px 25px } .ic-blog-list-right .ic-blog-top { margin-bottom: 8px } .ic-list-blog-item .ic-blog-top a { font-variant-east-asian: 11px } .ic-list-blog-item .ic-blog-top span,.ic-most-popular-blog-item .author-date span { padding: 0 4px; font-size: 11px } .ic-most-popular-blog-item .author-date a { font-size: 11px } .ic-most-popular-blog-item .ic-left { flex: 0 0 115px; margin-right: 10px } .ic-most-popular-blog-item .content p { font-size: 15px; line-height: 22px } .ic-most-popular-blog-item .author-date { display: flex; margin-bottom: 2px } .ic-blog-warper { margin-top: -190px } .ic-blog-mobile-tab-dropdown .ic-btn-primary { background: #393b63 } .ic-blog-banner-tab { flex: 0 0 215px } .ic-grid-blog-item { margin: 55px 0 } .ic-blog-details-banner { padding-top: 160px } .ic-blog-details-content-warper .ic-title-description h1 { font-size: 28px; padding-bottom: 15px } .ic-blog-details-content-warper p { padding-bottom: 20px; font-size: 15px } .ic-comment-item-warper h3 { font-size: 22px; margin-bottom: 20px } .ic-blog-comment-card .ic-content h3,.ic-blog-comment-card .ic-content span,.ic-comment-item span { margin-bottom: 5px } .ic-related-post-title h2 { font-size: 26px; margin-bottom: 20px } .ic-blog-details-content-warper .ic-title-description { margin-top: 10px } .ic-blog-share-subscriber .ic-blog-share h3 { margin-right: 10px } .ic-blog-share-subscriber .ic-subscriber-newsletter .ic-btn-primary { padding: 10px 15px } .ic-blog-comment-card { margin-bottom: 55px } .ic-related-post-area,.ic-what-not-logo-area { padding: 55px 0 30px } .ic-brand-banner-content h1 { font-size: 48px } .ic-brand-banner-content p,.ic-spell-hrading p { width: 100%; font-size: 16px } .ic-branding-branner-area { padding-top: 100px; padding-bottom: 120px; margin-top: 80px } .ic-color-schemes-title h1 { font-size: 54px } .ic-color-schemes-title { padding-top: 20px; margin-top: -40px } .ic-minium-size-small-logo,.ic-using-itclan-logo-left,.ic-using-itclan-logo-right { text-align: center; margin-top: 20px } .ic-color-scheme-heading h1,.ic-spell-hrading h1,.ic-using-itclan-logo-left h1 { font-size: 38px } .ic-color-scheme-primary-item .content { padding: 100px 0 20px 20px } .ic-spell-name-item h1 { font-size: 36px } .ic-brand-page-heading h2 { font-size: 34px; padding-bottom: 20px } .ic-logo-solid-bg-right .logo { padding: 20px 0; margin: 20px auto auto } .monochrome-logo-card-item { padding: 11px 0 } .full-favicon-card { padding: 60px 23px } .ic-download-logo-item .title h3 { font-size: 28px; margin-bottom: 15px } .ic-logo-download-area .ic-brand-page-heading { margin-bottom: 40px } .ic-website-other-color-item .content { padding: 100px 20px 50px } .ic-using-itclan-logo-right { padding-left: 0 } .ic-logo-solid-bg-right .logo-1,.ic-monochrome-logo-left .logo-2 { margin: 20px auto auto } .ic-monochrome-logo-left .logo-1 { margin: auto } } @media (min-width: 768px) and (max-width:991.98px) { .banner-img,.banner-img-main,.navbar-toggler { position:relative } .banner-img,.navbar-nav li ul { left: 50%; transform: translateX(-50%) } #service,.banner-text,.ic-aplication-form h5,.ic-head,.navbar ul { text-align: center } #career,#contact,#fact,#service,#testimonial,#welcome { padding-top: 55px } #contact .ic-wp-desc-item h6,.banner-text { padding-top: 0 } .navbar { background: #fff; box-shadow: 0 3px 3px 0 #eee } .sticky.navbar { padding-top: 5px; padding-bottom: 5px } .sticky.navbar .navbar-brand img { transform: scale(1) } .navbar-brand img { width: 120px; height: auto } .navbar-toggler { font-size: 25px; border: 0; font-weight: 400 } .navbar-toggler i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) } .navbar-light .navbar-toggler { color: #c2121e } .navbar ul { background: #fff; padding-bottom: 10px } .navbar-nav li,.sticky.navbar .nav-item { padding: 5px 0 } .navbar-nav li ul { top: 130%; z-index: 99 } .banner-text h1 { font-size: 32px; padding-bottom: 15px; padding-top: 250px } #banner .num,.banner-text p,.ic-fact-letter p { display: none } .banner-img { width: 300px; top: -40px } .banner-slide-item { position: absolute; top: 0; left: 0; transform: translateY(0); right: 0 } .banner-beauty { width: 100%; object-fit: cover } #banner { padding-bottom: 105px; padding-top: 135px } #banner .banner-arrow { display: none!important } #welcome { padding-bottom: 40px } .ic-main-header,h2 { font-size: 24px; padding-bottom: 4px } #career,#contact #request-form,#fact,#fact-letter,#request-form,#service,footer { padding-bottom: 60px } .continue-btn,.ic-blog-list-right .ic-blog-description p,.ic-head span,.ic-sub-header { font-size: 15px; padding-bottom: 15px } #fact .ic-head-bottom,#testimonial .ic-head-bottom,.ic-event-sponsored-area .ic-head-bottom,.ic-head-bottom,.ic-showcase-gallery-area .ic-head-bottom { left: 50%; transform: translateX(-102.6%) } #works .ic-works-item,.ic-blog-details-content-warper .ic-sub-description img,.ic-color-scheme-primary-item .content h4,.ic-download-logo-item,.welcome-item { margin-bottom: 20px } .welcome-item .coding-svg,.welcome-item svg { width: 80px } #related-products .ic-products-item a,.colorful-tab-content a,.fact-bg,.ic-event-sponsored-area .ic-head-description p,.ic-purpose-img-main img,.top-product-slider .ic-products-item a { width: 100% } .ic-index-welcome .welcome-item { padding: 40px 30px } #purpose,#purpose-2 { padding-top: 55px; padding-bottom: 54px } #contact .ic-head,#purpose .ic-head,#request-page .ic-head,.ic-career-desc,.ic-partner-offer-right .ic-head,.ic-service-form-group #service { text-align: left } #contact .ic-head-bottom,#purpose .ic-head-bottom,#request-page .ic-head-bottom { left: 0; transform: translateX(0) } .ic-purpose-img-main,.ic-wp-desc-img { display: flex; height: 100%; align-items: center } .ic-purpose-text ul li { padding-bottom: 25px } .ic-purpose-text p,.works-page #works { padding-bottom: 0 } #contact .ic-wp-desc-item,#fact .ic-head,.ic-fact-item,.ic-services-plan-item { margin-bottom: 30px } .ic-fact-letter { margin-top: 20px; text-align: center } .ic-career-details-banner-content p,.ic-carrer-banner-content p,.ic-fact-letter h4 { font-size: 20px } .fact-bg { top: 300px } .why { padding-bottom: 21px!important } .why .ic-purpose-img { padding-top: 15px } .why .ic-purpose-text ul li { padding-bottom: 35px } #testimonial { padding-bottom: 48px } .test-box { margin-top: 60px } .test-slide-main { width: 55% } .test-slide-main .left { left: -40px } .test-slide-main .right { right: -42px } .ic-works-popup-slide-main,.test-desc-slide p { padding: 0 } #brand { padding-bottom: 50px } footer { padding-top: 25px } .ic-career-details-right .ic-apply-now-heading h3,.ic-join-us-item .ic-job-title h3,.ic-join-us-item .ic-job-title span,h3 { font-size: 22px } .footer-item h3 { padding-top: 30px; padding-bottom: 20px } #breadcumb,#breadcumb2,#products,#products-cart,.full-logo-card-item,.ic-what-not-logo-item .ic-logo-item { padding: 60px 0 } #breadcumb .floatme,#breadcumb2 .floatme { top: 100px } #about-page #welcome { padding-bottom: 54px; text-align: center } .choose-reason li:last-child { margin-bottom: 0 } .career-page-main .career-page,.ic-wp-p,.skill-part { padding-bottom: 60px!important } .ic-awesomre-team-item.item-2,.ic-awesomre-team-item.item-3,.ic-down-team-item,.ic-timline-item,.ic-up-team-item,.ic-what-we-hate-right img:last-child { margin-top: 0 } .ic-team-part { padding-bottom: 40px!important } #related-products,.ic-join-us-header,.ic-team-details { padding-bottom: 30px } .works-page #welcome { padding-bottom: 0!important } .white-popup { padding: 15px; box-sizing: border-box } .colorful-tab-menu,.ic-blog-banner-title-subscriber .form-group { justify-content: center } #works .colorful-tab-menu li a,.ic-blog-share-subscriber .ic-subscriber-newsletter .ic-btn-primary { padding: 10px 15px } .service-item { padding: 60px 5px } .ic-join-us-header h2,.ic-services-plan-item .title h2 { font-size: 32px } .ic-services-plan-item .title { padding: 18px 0 } .ic-services-plan-item .content { padding: 15px; text-align: left } .ic-services-plan-item .content ul li { font-size: 16px; line-height: 34px } .ic-services-plan-item .ic-btn-primary { padding: 10px 20px } .ic-service-details-desc { padding: 10px 0 0 } .accordion .card .btn { padding: 15px 15px 15px 50px; font-size: 16px } .accordion .card .btn:before { left: 20px } .accordion .card .btn:after { left: 27px } .ic-most-popular-blog,.rfq-product-slider { margin-top: 40px } .ic-wp-main { padding: 0 30px } .ic-work-process .nav { margin: 0 50px 180px } .ic-work-process .nav-item .nav-link p { font-size: 12px; width: 150%; top: 135px } .nav-pills .nav-link img { width: 100px } .ic-work-process .nav-item .nav-link svg { top: 28px; left: 55%; width: 32px } .ic-wp-desc-text span { font-size: 35px } .ic-wp-desc-text h3 { font-size: 18px } .ic-wp-one { left: -10.28% } .ic-wp-two { left: 23.47% } .ic-wp-three { left: 57.4% } .ic-wp-four { right: -8.7% } .ic-wp-four:before,.ic-wp-one:before,.ic-wp-three:before,.ic-wp-two:before { width: 3px; height: 20px } .ic-wp-four:after,.ic-wp-one:after,.ic-wp-three:after,.ic-wp-two:after { width: 15px; height: 15px; bottom: -34px } .nav-pills .nav-link:before { width: 10px; height: 10px; top: -28px } .ic-work-process .ic-wp-desc-item h6 { padding-top: 20px; padding-bottom: 5px } .ic-wp-desc-item ul li { font-size: 13px; padding-bottom: 0 } #product-details { padding-top: 60px; padding-bottom: 45px } .ic-pdf-letter { padding-top: 40px } .ic-cart-item-select-main { margin-left: 0; margin-right: 30px } .ic-cart-item-text h6 { text-transform: none; font-size: 13px } #sign-in { padding-top: 50px; padding-bottom: 60px } .ic-timline-item:nth-child(2) { margin-top: -13px } #client-popup .mfp-close { display: block } .ic-works-popup-slider-item { max-height: 430px } .ic-works-popup-thumbnil-slider-item img { height: 180px } .ic-partner-offer-left { margin-left: 0 } .ic-partner-offer-right .ic-head-bottom { left: 0; transform: translate(0) } .ic-partnership-program-content h1 { font-size: 50px } .ic-partnership-program-area { padding: 70px 0 } .ic-partner-offer-right .ic-head h2 { font-size: 26px } .ic-download-logo-item .title h3,.ic-partner-offer-right .ic-content h3 { font-size: 28px } .ic-showcase-banner-left { text-align: center; margin-bottom: 10px } .ic-showcase-banner-right { margin-right: 0; align-items: center } .ic-showcase-banner-right .ic-flex-row img:last-child { margin-left: 10px } .ic-what-we-love-left .shape { padding-left: 260px; padding-top: 20px } .ic-what-we-love-right { margin-top: 100px } .ic-what-we-hate-left ul li,.ic-what-we-love-right ul li { font-size: 22px; margin-bottom: 8px; padding-left: 28px } .ic-what-we-hate-left ul li::before,.ic-what-we-love-right ul li::before { width: 12px; height: 12px } .ic-what-we-hate-right { justify-content: center; margin-top: 30px } .ic-showcase-video-wrapper .ic-video-content h1 { font-size: 48px; padding-bottom: 15px } .ic-awesomre-team-item img,.ic-showcase-video-wrapper .ic-video-content img { width: 60px } .ic-showcase-gallery-tab .colorful-tab-menu-item a { padding: 11px 15px } .ic-event-sponsored-warper .ic-item { padding: 40px 35px } .ic-event-sponsored-warper .ic-item h4 { margin-top: 30px } .ic-career-details-banner { padding: 100px 0; margin-top: 86px } .ic-career-details-banner-content h1 { font-size: 44px; width: 75%; padding-bottom: 20px } .ic-career-details-requirment h3 { font-size: 27px; margin-bottom: 20px } .ic-career-details-requirment,.ic-comment-item { margin-bottom: 35px } .ic-career-details-deadline { margin-bottom: 60px } .ic-career-details-right .ic-apply-now-heading { padding: 20px 0 } .ic-career-details-requirment ul li { font-size: 15px; margin-bottom: 14px } .ic-career-details-info-item { padding: 15px } .ic-career-details-info-item .ic-content { margin-left: 15px } .ic-blog-list-right .ic-blog-top a,.ic-blog-list-right .ic-blog-top span,.ic-career-details-info-item p,.ic-career-details-info-item span,.ic-career-details-requirment p,.ic-list-blog-item .ic-blog-description .read-more-btn,.ic-logo-solid-bg-left p,.ic-monochrome-logo-right p,.ic-using-itclan-logo-left p { font-size: 15px } .ic-carrer-banner-area { margin-top: 85px; padding-top: 100px; padding-bottom: 260px } .ic-carrer-banner-content h1 { font-size: 44px; padding-bottom: 10px } .ic-awesome-team-content .title h1 { font-size: 40px; width: 70% } .ic-awesomre-team-item h4 { font-size: 16px; line-height: 26px } .ic-awesomre-team-item { padding: 20px 5px; margin-bottom: 20px } .ic-join-us-area { padding: 75px 0 30px } .ic-join-us-header h1 { font-size: 38px; padding-bottom: 10px } .ic-blog-details-content-warper .ic-author-time a,.ic-blog-details-content-warper .ic-author-time span,.ic-brand-page-heading p,.ic-color-scheme-heading p,.ic-join-us-header p { font-size: 16px } .ic-join-us-item { padding: 35px 30px; position: relative; margin-bottom: 45px } .ic-job-icon { position: absolute; bottom: -52px; right: 0 } .ic-job-deadline p,.ic-job-deadline span,.ic-job-experience p,.ic-job-experience span { font-size: 17px } .ic-job-icon i { font-size: 34px } .ic-awesome-team-content .title,.ic-blog-details-content-warper p { padding-bottom: 20px } .ic-color-scheme-primary-item,.ic-job-experience,.ic-job-title,.ic-spell-name-item { margin-bottom: 10px } .ic-blog-banner-area { padding-top: 80px; margin-top: 85px; padding-bottom: 230px } .ic-blog-banner-tab-search-warper { padding-top: 50px; position: relative } .ic-blog-banner-search .search-box form { position: absolute; right: 60px } .ic-blog-banner-title-subscriber .title h1 { font-size: 58px; padding-bottom: 10px } .ic-blog-banner-title-subscriber .title p { font-size: 16px; padding-bottom: 30px } .ic-blog-banner-title-subscriber .form-control { flex: 0 0 285px } .ic-blog-banner-tab .nav-item .nav-link { padding: 0 18px; height: 48px; line-height: 48px } .ic-blog-list-right .ic-blog-description h3 { font-size: 24px; width: 100%; margin-bottom: 10px } .ic-blog-list-item { padding: 20px } .ic-latest-blog h1,.ic-most-popular-blog .title h1 { font-size: 34px; margin-bottom: 10px } .ic-list-blog-item .ic-blog-description h3 { font-size: 17px; margin-bottom: 20px } .ic-list-blog-item .ic-content { padding: 20px 20px 25px } .ic-blog-list-right .ic-blog-top { margin-bottom: 8px } .ic-list-blog-item .ic-blog-top a { font-variant-east-asian: 11px } .ic-list-blog-item .ic-blog-top span,.ic-most-popular-blog-item .author-date span { padding: 0 4px; font-size: 11px } .ic-most-popular-blog-item .author-date a { font-size: 11px } .ic-most-popular-blog-item .ic-left { flex: 0 0 115px; margin-right: 10px } .ic-most-popular-blog-item .content p { font-size: 15px; line-height: 22px } .ic-most-popular-blog-item .author-date { display: flex; margin-bottom: 2px } .ic-blog-warper { margin-top: -180px } .ic-blog-details-banner { padding-top: 160px } .ic-blog-details-content-warper .ic-title-description h1 { font-size: 34px; padding-bottom: 15px } .ic-blog-details-content-warper .ic-sub-description h3 { font-size: 26px; margin-bottom: 20px } .ic-comment-item-warper h3 { font-size: 24px; margin-bottom: 30px } .ic-comment-item span { margin-bottom: 5px } .ic-blog-comment-card { padding: 35px } .ic-related-post-title h2 { font-size: 28px; margin-bottom: 20px } .ic-blog-details-content-warper .ic-title-description { margin-top: 10px } .ic-blog-share-subscriber .ic-blog-share h3 { margin-right: 10px } .ic-brand-banner-content h1 { font-size: 58px } .ic-brand-banner-content p { width: 100%; font-size: 18px } .ic-branding-branner-area { padding-top: 100px; padding-bottom: 140px; margin-top: 85px } .ic-color-schemes-title h1 { font-size: 74px } .ic-color-schemes-title { padding-top: 25px; margin-top: -54px } .ic-color-scheme-heading h1,.ic-spell-hrading h1,.ic-spell-name-item h1,.ic-using-itclan-logo-left h1 { font-size: 38px } .ic-color-scheme-heading { padding-bottom: 55px } .ic-color-scheme-primary-item .content { padding: 100px 0 20px 20px } .ic-website-other-color-item .content { padding: 100px 15px 40px 0 } .ic-spell-hrading p { width: 100%; font-size: 16px } .ic-brand-page-heading h2 { font-size: 38px; padding-bottom: 20px } .ic-using-itclan-logo-area .ic-brand-page-heading { padding-bottom: 80px } .ic-logo-solid-bg-right .logo { padding: 25px 0 } .monochrome-logo-card-item { padding: 11px 0 } .full-favicon-card { padding: 60px 23px } .ic-download-all-package-btn { margin-top: 20px } .ic-logo-download-area .ic-brand-page-heading { margin-bottom: 40px } } @media (min-width: 992px) and (max-width:1199.98px) { .fact-bg,.ic-brand-banner-content p { width:100% } .navbar-brand img { width: 143px } .banner-beauty { width: 70%; object-fit: cover } .ic-btn-primary { padding: 10px 16px; font-size: 14px } .ic-join-us-header h2,h1 { font-size: 36px } .banner-text { padding-top: 40px } .ic-index-welcome .welcome-item { padding: 40px 23px } .nav-pills .nav-link img { width: 140px } .ic-wp-one { left: -1.89% } .ic-wp-two { left: 26.95% } .ic-wp-three { left: 56.1% } .ic-wp-four { right: -.6% } .ic-work-process .nav-item .nav-link svg { top: 39px; left: 54.5%; width: 50px } .nav-pills .nav-link:before { top: -39px } .ic-work-process .nav-item .nav-link p { font-size: 16px; top: 191px; left: 50%; width: 140% } .ic-work-process .nav { margin-bottom: 265px } .ic-product-share { margin-left: -15px } .ic-product-share ul li a { width: 31px; height: 31px; font-size: 17px; line-height: 31px } .ic-cart-total-text { padding: 30px 70px } #sign-up .sign-social li a { font-size: 13px } .banner-arrow-main { bottom: -182px } .ic-timline-contant2 { margin-top: 137px } .ic-timline-contant3 { margin-top: 115px } .ic-timline-item { margin-top: 54px } .ic-timline-item:nth-child(2) { margin-top: 58px } .ic-services-plan-item .title h2 { font-size: 32px } .ic-services-plan-item .title { padding: 18px 0 } .ic-services-plan-item .content { padding: 15px; text-align: left } .ic-services-plan-item .content ul li { font-size: 15px; line-height: 34px } .ic-services-plan-item .ic-btn-primary { padding: 10px 20px } .ic-services-plan-item { margin-bottom: 30px } .navbar-expand-lg .navbar-nav .nav-link { padding-left: 15px; padding-right: 15px } .navbar-nav .menu_item_children .nav-link { padding-right: 30px } .navbar-nav .menu_item_children .nav-link::after { right: 15px } .ic-menu-space { margin: 0 } .ic-partner-offer-left { margin-left: 0 } .ic-partnership-program-content h1 { font-size: 50px } .ic-partnership-program-area { padding: 70px 0 } .ic-showcase-banner-left { text-align: center; margin-bottom: 10px } .ic-showcase-banner-right { margin-right: 0; align-items: center } .ic-what-we-hate-left ul li,.ic-what-we-love-right ul li { font-size: 22px; margin-bottom: 8px; padding-left: 30px } .ic-what-we-hate-left ul li::before,.ic-what-we-love-right ul li::before { width: 12px; height: 12px } .ic-what-we-love-left .ic-small-image-left { top: 125px } .ic-what-we-love-area { padding-top: 55px; padding-bottom: 160px } .ic-what-we-hate-right img:last-child { margin-left: 0; margin-top: 10px } .ic-showcase-video-wrapper .ic-video-content h1 { font-size: 58px } .ic-awesomre-team-item img,.ic-showcase-video-wrapper .ic-video-content img { width: 60px } .ic-event-sponsored-warper .ic-item { padding: 40px 30px } .ic-event-sponsored-area .ic-head-description p { width: 70% } .ic-career-details-banner { padding: 100px 0 } .ic-career-details-banner-content h1 { font-size: 58px; width: 75%; padding-bottom: 20px } .ic-career-details-banner-content p,.ic-career-details-right .ic-apply-now-heading h3,.ic-carrer-banner-content p { font-size: 22px } .ic-career-details-requirment h3 { font-size: 28px } .ic-career-details-requirment { margin-bottom: 40px } .ic-career-details-deadline { margin-bottom: 65px } .ic-career-details-right .ic-apply-now-heading { padding: 22px 0 } .ic-blog-banner-title-subscriber .title h1,.ic-carrer-banner-content h1 { font-size: 58px; padding-bottom: 10px } .ic-carrer-banner-area { padding-top: 110px; padding-bottom: 280px } .ic-awesome-team-content .title h1 { font-size: 48px; width: 70% } .ic-awesomre-team-item h4 { font-size: 16px; line-height: 26px } .ic-awesomre-team-item { padding: 25px 5px } .ic-join-us-header h1 { font-size: 48px; padding-bottom: 10px } .ic-join-us-header p { font-size: 20px } .ic-join-us-header { padding-bottom: 30px } .ic-join-us-item { padding: 45px 30px } .ic-join-us-item .ic-job-title h3,.ic-join-us-item .ic-job-title span { font-size: 24px } .ic-brand-page-heading p,.ic-color-scheme-heading p,.ic-job-deadline p,.ic-job-deadline span,.ic-job-experience p,.ic-job-experience span,.ic-spell-hrading p { font-size: 18px } .ic-job-icon i,.ic-spell-name-item h1 { font-size: 34px } .ic-blog-banner-area { padding-top: 80px } .ic-blog-banner-tab-search-warper { padding-top: 60px } .ic-blog-banner-title-subscriber .title p { font-size: 16px; padding-bottom: 30px } .ic-blog-banner-title-subscriber .form-control { flex: 0 0 285px } .ic-blog-banner-tab .nav-item .nav-link { padding: 0 18px; height: 48px; line-height: 48px } .ic-blog-list-right .ic-blog-description h3 { font-size: 30px; width: 100% } .ic-blog-list-item { padding: 30px } .ic-latest-blog h1,.ic-most-popular-blog .title h1 { font-size: 38px } .ic-list-blog-item .ic-blog-description h3 { font-size: 17px; margin-bottom: 20px } .ic-list-blog-item .ic-content { padding: 20px 20px 25px } .continue-btn,.ic-blog-list-right .ic-blog-description p { font-size: 15px; padding-bottom: 20px } .ic-blog-list-right .ic-blog-top { margin-bottom: 8px } .ic-blog-list-right .ic-blog-top a,.ic-blog-list-right .ic-blog-top span,.ic-list-blog-item .ic-blog-description .read-more-btn { font-size: 15px } .ic-list-blog-item .ic-blog-top a { font-variant-east-asian: 11px } .ic-list-blog-item .ic-blog-top span,.ic-most-popular-blog-item .author-date span { padding: 0 4px; font-size: 11px } .ic-most-popular-blog-item .author-date a { font-size: 11px } .ic-most-popular-blog-item .ic-left { flex: 0 0 115px; margin-right: 10px } .ic-most-popular-blog-item .content p { font-size: 15px; line-height: 22px } .ic-most-popular-blog-item .author-date { display: flex; margin-bottom: 2px } .ic-blog-details-banner { padding-top: 160px } .ic-blog-details-content-warper .ic-author-time a,.ic-blog-details-content-warper .ic-author-time span { font-size: 16px } .ic-blog-details-content-warper .ic-title-description h1 { font-size: 40px; padding-bottom: 20px } .ic-blog-details-content-warper p { padding-bottom: 25px } .ic-blog-details-content-warper .ic-sub-description h3,.ic-comment-item-warper h3 { font-size: 28px; margin-bottom: 30px } .ic-comment-item span { margin-bottom: 5px } .ic-blog-comment-card { padding: 35px } .ic-comment-item { margin-bottom: 35px } .ic-related-post-title h2 { font-size: 32px; margin-bottom: 25px } .ic-blog-details-content-warper .ic-title-description { margin-top: 10px } .ic-brand-banner-content h1 { font-size: 64px } .ic-branding-branner-area { padding-top: 110px; padding-bottom: 210px } .ic-color-schemes-title h1 { font-size: 100px } .ic-color-schemes-title { padding-top: 30px; margin-top: -75px } .ic-brand-page-heading h2,.ic-color-scheme-heading h1,.ic-spell-hrading h1,.ic-using-itclan-logo-left h1 { font-size: 42px } .ic-color-scheme-primary-item .content { padding: 120px 0 20px 20px } .ic-color-scheme-primary-item .content h4 { margin-bottom: 20px } .ic-color-scheme-primary-item { padding: 15px } .ic-color-scheme-primary-item .content li:first-child { flex: 0 0 50px } .ic-website-other-color-item { margin-bottom: 10px } .ic-website-other-color-item .content { padding: 120px 20px 20px } .ic-what-not-logo-item .content p { margin-left: 8px } .ic-what-not-logo-item .ic-logo-item { padding: 68px 0 } .ic-download-logo-item .title h3 { font-size: 30px } .full-logo-card-item { padding: 96px 0 } .monochrome-logo-card-item { padding: 29px 0 } .ic-logo-download-btn a { padding: 6px 20px } .full-favicon-card { padding: 116px 23px } } @media (min-width: 1200px) and (max-width:1280px) { .ic-services-plan-item .title { padding:25px 0 } .ic-latest-blog h1,.ic-most-popular-blog .title h1,.ic-services-plan-item .title h2 { font-size: 42px } .navbar-expand-lg .navbar-nav .nav-link { padding-left: 16px; padding-right: 16px } .navbar-nav .menu_item_children .nav-link { padding-right: 32px } .navbar-nav .menu_item_children .nav-link::after { right: 16px } .ic-works-popup-slider-item { max-height: 480px } .ic-partner-offer-left { margin-left: -20px } .ic-partnership-program-content h1 { font-size: 54px } .ic-partnership-program-area { padding: 70px 0 } .ic-showcase-banner-right { margin-right: 0 } .ic-what-we-hate-right { flex-wrap: nowrap } .ic-what-we-hate-left ul li,.ic-what-we-love-right ul li { font-size: 22px; padding-left: 28px; margin-bottom: 8px } .ic-what-we-hate-left ul li::before,.ic-what-we-love-right ul li::before { width: 12px; height: 12px } .ic-showcase-video-wrapper .ic-video-content h1 { font-size: 62px } .ic-showcase-video-wrapper .ic-video-content img { width: 60px } .ic-event-sponsored-warper .ic-item { padding: 50px 40px } .ic-event-sponsored-warper .ic-item h4 { margin-top: 30px } .ic-career-details-banner { padding: 100px 0 } .ic-career-details-banner-content h1 { font-size: 64px; padding-bottom: 20px; width: 68% } .ic-career-details-banner-content p,.ic-career-details-right .ic-apply-now-heading h3,.ic-carrer-banner-content p,.ic-job-social-share h4,.ic-join-us-header p { font-size: 22px } .ic-career-details-right .ic-apply-now-heading { padding: 22px 0 } .ic-career-details-requirment h3 { font-size: 30px } .ic-career-details-requirment { margin-bottom: 40px } .ic-career-details-deadline { margin-bottom: 65px } .ic-carrer-banner-content h1 { font-size: 64px; padding-bottom: 20px } .ic-carrer-banner-area { padding-top: 120px; padding-bottom: 290px } .ic-awesome-team-content .title h1 { font-size: 52px; width: 70% } .ic-awesomre-team-item h4,.ic-blog-details-content-warper .ic-author-time a,.ic-blog-details-content-warper .ic-author-time span { font-size: 18px } .ic-awesomre-team-item { padding: 30px 5px } .ic-join-us-header h2 { font-size: 38px } .ic-join-us-header h1 { font-size: 52px; padding-bottom: 20px } .ic-join-us-header { padding-bottom: 40px } .ic-join-us-item { padding: 55px 30px } .ic-join-us-item .ic-job-title h3,.ic-join-us-item .ic-job-title span { font-size: 26px } .ic-job-deadline p,.ic-job-deadline span,.ic-job-experience p,.ic-job-experience span { font-size: 19px } .ic-job-icon i { font-size: 34px } .ic-blog-banner-area { padding-top: 90px } .ic-blog-banner-tab-search-warper { padding-top: 60px } .ic-blog-banner-title-subscriber .title h1 { font-size: 62px; padding-bottom: 15px } .ic-blog-banner-title-subscriber .title p { font-size: 18px; padding-bottom: 30px } .ic-blog-list-right .ic-blog-description h3 { font-size: 34px; width: 100% } .ic-blog-list-item { padding: 30px } .ic-list-blog-item .ic-blog-description h3 { font-size: 18px; margin-bottom: 25px } .ic-list-blog-item .ic-content { padding: 25px 25px 35px } .ic-blog-details-banner { padding-top: 180px } .ic-blog-details-content-warper .ic-title-description h1 { font-size: 44px; padding-bottom: 20px } .ic-blog-details-content-warper p { padding-bottom: 25px } .ic-blog-details-content-warper .ic-sub-description h3,.ic-comment-item-warper h3 { font-size: 30px; margin-bottom: 30px } .ic-comment-item span { margin-bottom: 5px } .ic-blog-comment-card { padding: 35px } .ic-comment-item { margin-bottom: 35px } .ic-related-post-title h2 { font-size: 38px; margin-bottom: 25px } } @media (min-width: 1281px) and (max-width:1366px) { .ic-services-plan-item .title { padding:25px 0 } .ic-services-plan-item .title h2 { font-size: 42px } .ic-partner-offer-left { margin-left: -80px } .ic-partnership-program-content h1 { font-size: 58px } .ic-showcase-banner-right { margin-right: 0 } .ic-what-we-hate-left ul li,.ic-what-we-love-right ul li { font-size: 22px; padding-left: 28px; margin-bottom: 8px } .ic-what-we-hate-left ul li::before,.ic-what-we-love-right ul li::before { width: 12px; height: 12px } .ic-showcase-video-wrapper .ic-video-content h1 { font-size: 62px } .ic-showcase-video-wrapper .ic-video-content img { width: 60px } .ic-event-sponsored-warper .ic-item { padding: 50px 40px } .ic-event-sponsored-warper .ic-item h4 { margin-top: 30px } .ic-what-we-hate-right { flex-wrap: nowrap } .ic-career-details-banner { padding: 100px 0 } .ic-career-details-banner-content h1 { font-size: 64px; padding-bottom: 20px; width: 68% } .ic-career-details-banner-content p,.ic-career-details-right .ic-apply-now-heading h3,.ic-carrer-banner-content p,.ic-job-social-share h4,.ic-join-us-header p { font-size: 22px } .ic-career-details-right .ic-apply-now-heading { padding: 22px 0 } .ic-career-details-requirment h3 { font-size: 30px } .ic-career-details-requirment { margin-bottom: 40px } .ic-career-details-deadline { margin-bottom: 65px } .ic-carrer-banner-content h1 { font-size: 64px; padding-bottom: 20px } .ic-carrer-banner-area { padding-top: 130px; padding-bottom: 310px } .ic-awesome-team-content .title h1 { font-size: 56px; width: 75% } .ic-awesomre-team-item h4 { font-size: 18px } .ic-awesomre-team-item { padding: 30px 5px } .ic-join-us-header h2 { font-size: 38px } .ic-join-us-header h1 { font-size: 56px; padding-bottom: 20px } .ic-join-us-header { padding-bottom: 40px } .ic-join-us-item { padding: 60px 30px } .ic-join-us-item .ic-job-title h3,.ic-join-us-item .ic-job-title span { font-size: 28px } .ic-job-deadline p,.ic-job-deadline span,.ic-job-experience p,.ic-job-experience span { font-size: 19px } .ic-job-icon i { font-size: 36px } .ic-blog-banner-area { padding-top: 100px } .ic-blog-banner-tab-search-warper { padding-top: 70px } .ic-blog-banner-title-subscriber .title h1 { font-size: 64px; padding-bottom: 15px } .ic-blog-list-right .ic-blog-description h3 { font-size: 34px; width: 100% } .ic-blog-comment-card,.ic-blog-list-item { padding: 35px } .ic-latest-blog h1,.ic-most-popular-blog .title h1,.ic-using-itclan-logo-left h1 { font-size: 44px } .ic-blog-banner-title-subscriber .title p { padding-bottom: 30px } .ic-list-blog-item .ic-blog-description h3 { font-size: 18px; margin-bottom: 25px } .ic-list-blog-item .ic-content { padding: 25px 25px 35px } .ic-blog-details-banner { padding-top: 200px } .ic-blog-details-content-warper .ic-author-time a,.ic-blog-details-content-warper .ic-author-time span { font-size: 20px } .ic-blog-details-content-warper .ic-title-description h1 { font-size: 48px; padding-bottom: 20px } .ic-blog-details-content-warper p { padding-bottom: 25px } .ic-blog-details-content-warper .ic-sub-description h3 { font-size: 32px; margin-bottom: 30px } .ic-comment-item-warper h3 { font-size: 32px; margin-bottom: 8px } .ic-comment-item span { margin-bottom: 5px } .ic-comment-item { margin-bottom: 35px } .ic-related-post-title h2 { font-size: 40px; margin-bottom: 25px } .ic-brand-banner-content h1 { font-size: 68px } .ic-color-schemes-title h1 { font-size: 115px } .ic-brand-page-heading h2 { font-size: 44px; padding-bottom: 20px } .ic-using-itclan-logo-area .ic-brand-page-heading { padding-bottom: 90px } .ic-branding-branner-area { padding-top: 110px; padding-bottom: 210px } } @media (min-width: 1367px) and (max-width:1439px) { .ic-showcase-banner-right { margin-right:-92px } } @media (min-width: 1440px) and (max-width:1650px) { .ic-showcase-banner-right { margin-right:-120px } } @media (min-width: 1200px) and (max-width:2500px) { .banner-beauty { object-fit:cover } .ic-what-we-hate-right { flex-wrap: nowrap } } @media (min-width: 1900px) and (max-width:2500px) { #banner { padding-top:250px; padding-bottom: 190px; position: relative } } @font-face { font-family: remixicon; src: url('remixicon.eot?t=1705244689813'); src: url('remixicon.eot?t=1705244689813#iefix') format('embedded-opentype'),url("../fonts/icon-fonts/remixicon.woff2?t=1705244689813") format("woff2"),url("../fonts/icon-fonts/remixicon.woff?t=1705244689813") format("woff"),url('../fonts/icon-fonts/remixicon.ttf?t=1705244689813') format('truetype'),url('../fonts/icon-fonts/remixicon.svg?t=1705244689813#remixicon') format('svg'); font-display: swap } [class*=" ri-"],[class^=ri-] { font-family: remixicon!important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .ri-lg { font-size: 1.3333em; line-height: .75em; vertical-align: -.0667em } .ri-xl { font-size: 1.5em; line-height: .6666em; vertical-align: -.075em } .ri-xxs { font-size: .5em } .ri-xs { font-size: .75em } .ri-sm { font-size: .875em } .ri-1x { font-size: 1em } .ri-2x { font-size: 2em } .ri-3x { font-size: 3em } .ri-4x { font-size: 4em } .ri-5x { font-size: 5em } .ri-6x { font-size: 6em } .ri-7x { font-size: 7em } .ri-8x { font-size: 8em } .ri-9x { font-size: 9em } .ri-10x { font-size: 10em } .ri-fw { text-align: center; width: 1.25em } .ri-24-hours-fill:before { content: "\ea01" } .ri-24-hours-line:before { content: "\ea02" } .ri-4k-fill:before { content: "\ea03" } .ri-4k-line:before { content: "\ea04" } .ri-a-b:before { content: "\ea05" } .ri-account-box-fill:before { content: "\ea06" } .ri-account-box-line:before { content: "\ea07" } .ri-account-circle-fill:before { content: "\ea08" } .ri-account-circle-line:before { content: "\ea09" } .ri-account-pin-box-fill:before { content: "\ea0a" } .ri-account-pin-box-line:before { content: "\ea0b" } .ri-account-pin-circle-fill:before { content: "\ea0c" } .ri-account-pin-circle-line:before { content: "\ea0d" } .ri-add-box-fill:before { content: "\ea0e" } .ri-add-box-line:before { content: "\ea0f" } .ri-add-circle-fill:before { content: "\ea10" } .ri-add-circle-line:before { content: "\ea11" } .ri-add-fill:before { content: "\ea12" } .ri-add-line:before { content: "\ea13" } .ri-admin-fill:before { content: "\ea14" } .ri-admin-line:before { content: "\ea15" } .ri-advertisement-fill:before { content: "\ea16" } .ri-advertisement-line:before { content: "\ea17" } .ri-airplay-fill:before { content: "\ea18" } .ri-airplay-line:before { content: "\ea19" } .ri-alarm-fill:before { content: "\ea1a" } .ri-alarm-line:before { content: "\ea1b" } .ri-alarm-warning-fill:before { content: "\ea1c" } .ri-alarm-warning-line:before { content: "\ea1d" } .ri-album-fill:before { content: "\ea1e" } .ri-album-line:before { content: "\ea1f" } .ri-alert-fill:before { content: "\ea20" } .ri-alert-line:before { content: "\ea21" } .ri-aliens-fill:before { content: "\ea22" } .ri-aliens-line:before { content: "\ea23" } .ri-align-bottom:before { content: "\ea24" } .ri-align-center:before { content: "\ea25" } .ri-align-justify:before { content: "\ea26" } .ri-align-left:before { content: "\ea27" } .ri-align-right:before { content: "\ea28" } .ri-align-top:before { content: "\ea29" } .ri-align-vertically:before { content: "\ea2a" } .ri-alipay-fill:before { content: "\ea2b" } .ri-alipay-line:before { content: "\ea2c" } .ri-amazon-fill:before { content: "\ea2d" } .ri-amazon-line:before { content: "\ea2e" } .ri-anchor-fill:before { content: "\ea2f" } .ri-anchor-line:before { content: "\ea30" } .ri-ancient-gate-fill:before { content: "\ea31" } .ri-ancient-gate-line:before { content: "\ea32" } .ri-ancient-pavilion-fill:before { content: "\ea33" } .ri-ancient-pavilion-line:before { content: "\ea34" } .ri-android-fill:before { content: "\ea35" } .ri-android-line:before { content: "\ea36" } .ri-angularjs-fill:before { content: "\ea37" } .ri-angularjs-line:before { content: "\ea38" } .ri-anticlockwise-2-fill:before { content: "\ea39" } .ri-anticlockwise-2-line:before { content: "\ea3a" } .ri-anticlockwise-fill:before { content: "\ea3b" } .ri-anticlockwise-line:before { content: "\ea3c" } .ri-app-store-fill:before { content: "\ea3d" } .ri-app-store-line:before { content: "\ea3e" } .ri-apple-fill:before { content: "\ea3f" } .ri-apple-line:before { content: "\ea40" } .ri-apps-2-fill:before { content: "\ea41" } .ri-apps-2-line:before { content: "\ea42" } .ri-apps-fill:before { content: "\ea43" } .ri-apps-line:before { content: "\ea44" } .ri-archive-drawer-fill:before { content: "\ea45" } .ri-archive-drawer-line:before { content: "\ea46" } .ri-archive-fill:before { content: "\ea47" } .ri-archive-line:before { content: "\ea48" } .ri-arrow-down-circle-fill:before { content: "\ea49" } .ri-arrow-down-circle-line:before { content: "\ea4a" } .ri-arrow-down-fill:before { content: "\ea4b" } .ri-arrow-down-line:before { content: "\ea4c" } .ri-arrow-down-s-fill:before { content: "\ea4d" } .ri-arrow-down-s-line:before { content: "\ea4e" } .ri-arrow-drop-down-fill:before { content: "\ea4f" } .ri-arrow-drop-down-line:before { content: "\ea50" } .ri-arrow-drop-left-fill:before { content: "\ea51" } .ri-arrow-drop-left-line:before { content: "\ea52" } .ri-arrow-drop-right-fill:before { content: "\ea53" } .ri-arrow-drop-right-line:before { content: "\ea54" } .ri-arrow-drop-up-fill:before { content: "\ea55" } .ri-arrow-drop-up-line:before { content: "\ea56" } .ri-arrow-go-back-fill:before { content: "\ea57" } .ri-arrow-go-back-line:before { content: "\ea58" } .ri-arrow-go-forward-fill:before { content: "\ea59" } .ri-arrow-go-forward-line:before { content: "\ea5a" } .ri-arrow-left-circle-fill:before { content: "\ea5b" } .ri-arrow-left-circle-line:before { content: "\ea5c" } .ri-arrow-left-down-fill:before { content: "\ea5d" } .ri-arrow-left-down-line:before { content: "\ea5e" } .ri-arrow-left-fill:before { content: "\ea5f" } .ri-arrow-left-line:before { content: "\ea60" } .ri-arrow-left-right-fill:before { content: "\ea61" } .ri-arrow-left-right-line:before { content: "\ea62" } .ri-arrow-left-s-fill:before { content: "\ea63" } .ri-arrow-left-s-line:before { content: "\ea64" } .ri-arrow-left-up-fill:before { content: "\ea65" } .ri-arrow-left-up-line:before { content: "\ea66" } .ri-arrow-right-circle-fill:before { content: "\ea67" } .ri-arrow-right-circle-line:before { content: "\ea68" } .ri-arrow-right-down-fill:before { content: "\ea69" } .ri-arrow-right-down-line:before { content: "\ea6a" } .ri-arrow-right-fill:before { content: "\ea6b" } .ri-arrow-right-line:before { content: "\ea6c" } .ri-arrow-right-s-fill:before { content: "\ea6d" } .ri-arrow-right-s-line:before { content: "\ea6e" } .ri-arrow-right-up-fill:before { content: "\ea6f" } .ri-arrow-right-up-line:before { content: "\ea70" } .ri-arrow-up-circle-fill:before { content: "\ea71" } .ri-arrow-up-circle-line:before { content: "\ea72" } .ri-arrow-up-down-fill:before { content: "\ea73" } .ri-arrow-up-down-line:before { content: "\ea74" } .ri-arrow-up-fill:before { content: "\ea75" } .ri-arrow-up-line:before { content: "\ea76" } .ri-arrow-up-s-fill:before { content: "\ea77" } .ri-arrow-up-s-line:before { content: "\ea78" } .ri-artboard-2-fill:before { content: "\ea79" } .ri-artboard-2-line:before { content: "\ea7a" } .ri-artboard-fill:before { content: "\ea7b" } .ri-artboard-line:before { content: "\ea7c" } .ri-article-fill:before { content: "\ea7d" } .ri-article-line:before { content: "\ea7e" } .ri-aspect-ratio-fill:before { content: "\ea7f" } .ri-aspect-ratio-line:before { content: "\ea80" } .ri-asterisk:before { content: "\ea81" } .ri-at-fill:before { content: "\ea82" } .ri-at-line:before { content: "\ea83" } .ri-attachment-2:before { content: "\ea84" } .ri-attachment-fill:before { content: "\ea85" } .ri-attachment-line:before { content: "\ea86" } .ri-auction-fill:before { content: "\ea87" } .ri-auction-line:before { content: "\ea88" } .ri-award-fill:before { content: "\ea89" } .ri-award-line:before { content: "\ea8a" } .ri-baidu-fill:before { content: "\ea8b" } .ri-baidu-line:before { content: "\ea8c" } .ri-ball-pen-fill:before { content: "\ea8d" } .ri-ball-pen-line:before { content: "\ea8e" } .ri-bank-card-2-fill:before { content: "\ea8f" } .ri-bank-card-2-line:before { content: "\ea90" } .ri-bank-card-fill:before { content: "\ea91" } .ri-bank-card-line:before { content: "\ea92" } .ri-bank-fill:before { content: "\ea93" } .ri-bank-line:before { content: "\ea94" } .ri-bar-chart-2-fill:before { content: "\ea95" } .ri-bar-chart-2-line:before { content: "\ea96" } .ri-bar-chart-box-fill:before { content: "\ea97" } .ri-bar-chart-box-line:before { content: "\ea98" } .ri-bar-chart-fill:before { content: "\ea99" } .ri-bar-chart-grouped-fill:before { content: "\ea9a" } .ri-bar-chart-grouped-line:before { content: "\ea9b" } .ri-bar-chart-horizontal-fill:before { content: "\ea9c" } .ri-bar-chart-horizontal-line:before { content: "\ea9d" } .ri-bar-chart-line:before { content: "\ea9e" } .ri-barcode-box-fill:before { content: "\ea9f" } .ri-barcode-box-line:before { content: "\eaa0" } .ri-barcode-fill:before { content: "\eaa1" } .ri-barcode-line:before { content: "\eaa2" } .ri-barricade-fill:before { content: "\eaa3" } .ri-barricade-line:before { content: "\eaa4" } .ri-base-station-fill:before { content: "\eaa5" } .ri-base-station-line:before { content: "\eaa6" } .ri-basketball-fill:before { content: "\eaa7" } .ri-basketball-line:before { content: "\eaa8" } .ri-battery-2-charge-fill:before { content: "\eaa9" } .ri-battery-2-charge-line:before { content: "\eaaa" } .ri-battery-2-fill:before { content: "\eaab" } .ri-battery-2-line:before { content: "\eaac" } .ri-battery-charge-fill:before { content: "\eaad" } .ri-battery-charge-line:before { content: "\eaae" } .ri-battery-fill:before { content: "\eaaf" } .ri-battery-line:before { content: "\eab0" } .ri-battery-low-fill:before { content: "\eab1" } .ri-battery-low-line:before { content: "\eab2" } .ri-battery-saver-fill:before { content: "\eab3" } .ri-battery-saver-line:before { content: "\eab4" } .ri-battery-share-fill:before { content: "\eab5" } .ri-battery-share-line:before { content: "\eab6" } .ri-bear-smile-fill:before { content: "\eab7" } .ri-bear-smile-line:before { content: "\eab8" } .ri-behance-fill:before { content: "\eab9" } .ri-behance-line:before { content: "\eaba" } .ri-bell-fill:before { content: "\eabb" } .ri-bell-line:before { content: "\eabc" } .ri-bike-fill:before { content: "\eabd" } .ri-bike-line:before { content: "\eabe" } .ri-bilibili-fill:before { content: "\eabf" } .ri-bilibili-line:before { content: "\eac0" } .ri-bill-fill:before { content: "\eac1" } .ri-bill-line:before { content: "\eac2" } .ri-billiards-fill:before { content: "\eac3" } .ri-billiards-line:before { content: "\eac4" } .ri-bit-coin-fill:before { content: "\eac5" } .ri-bit-coin-line:before { content: "\eac6" } .ri-blaze-fill:before { content: "\eac7" } .ri-blaze-line:before { content: "\eac8" } .ri-bluetooth-connect-fill:before { content: "\eac9" } .ri-bluetooth-connect-line:before { content: "\eaca" } .ri-bluetooth-fill:before { content: "\eacb" } .ri-bluetooth-line:before { content: "\eacc" } .ri-blur-off-fill:before { content: "\eacd" } .ri-blur-off-line:before { content: "\eace" } .ri-body-scan-fill:before { content: "\eacf" } .ri-body-scan-line:before { content: "\ead0" } .ri-bold:before { content: "\ead1" } .ri-book-2-fill:before { content: "\ead2" } .ri-book-2-line:before { content: "\ead3" } .ri-book-3-fill:before { content: "\ead4" } .ri-book-3-line:before { content: "\ead5" } .ri-book-fill:before { content: "\ead6" } .ri-book-line:before { content: "\ead7" } .ri-book-marked-fill:before { content: "\ead8" } .ri-book-marked-line:before { content: "\ead9" } .ri-book-open-fill:before { content: "\eada" } .ri-book-open-line:before { content: "\eadb" } .ri-book-read-fill:before { content: "\eadc" } .ri-book-read-line:before { content: "\eadd" } .ri-booklet-fill:before { content: "\eade" } .ri-booklet-line:before { content: "\eadf" } .ri-bookmark-2-fill:before { content: "\eae0" } .ri-bookmark-2-line:before { content: "\eae1" } .ri-bookmark-3-fill:before { content: "\eae2" } .ri-bookmark-3-line:before { content: "\eae3" } .ri-bookmark-fill:before { content: "\eae4" } .ri-bookmark-line:before { content: "\eae5" } .ri-boxing-fill:before { content: "\eae6" } .ri-boxing-line:before { content: "\eae7" } .ri-braces-fill:before { content: "\eae8" } .ri-braces-line:before { content: "\eae9" } .ri-brackets-fill:before { content: "\eaea" } .ri-brackets-line:before { content: "\eaeb" } .ri-briefcase-2-fill:before { content: "\eaec" } .ri-briefcase-2-line:before { content: "\eaed" } .ri-briefcase-3-fill:before { content: "\eaee" } .ri-briefcase-3-line:before { content: "\eaef" } .ri-briefcase-4-fill:before { content: "\eaf0" } .ri-briefcase-4-line:before { content: "\eaf1" } .ri-briefcase-5-fill:before { content: "\eaf2" } .ri-briefcase-5-line:before { content: "\eaf3" } .ri-briefcase-fill:before { content: "\eaf4" } .ri-briefcase-line:before { content: "\eaf5" } .ri-bring-forward:before { content: "\eaf6" } .ri-bring-to-front:before { content: "\eaf7" } .ri-broadcast-fill:before { content: "\eaf8" } .ri-broadcast-line:before { content: "\eaf9" } .ri-brush-2-fill:before { content: "\eafa" } .ri-brush-2-line:before { content: "\eafb" } .ri-brush-3-fill:before { content: "\eafc" } .ri-brush-3-line:before { content: "\eafd" } .ri-brush-4-fill:before { content: "\eafe" } .ri-brush-4-line:before { content: "\eaff" } .ri-brush-fill:before { content: "\eb00" } .ri-brush-line:before { content: "\eb01" } .ri-bubble-chart-fill:before { content: "\eb02" } .ri-bubble-chart-line:before { content: "\eb03" } .ri-bug-2-fill:before { content: "\eb04" } .ri-bug-2-line:before { content: "\eb05" } .ri-bug-fill:before { content: "\eb06" } .ri-bug-line:before { content: "\eb07" } .ri-building-2-fill:before { content: "\eb08" } .ri-building-2-line:before { content: "\eb09" } .ri-building-3-fill:before { content: "\eb0a" } .ri-building-3-line:before { content: "\eb0b" } .ri-building-4-fill:before { content: "\eb0c" } .ri-building-4-line:before { content: "\eb0d" } .ri-building-fill:before { content: "\eb0e" } .ri-building-line:before { content: "\eb0f" } .ri-bus-2-fill:before { content: "\eb10" } .ri-bus-2-line:before { content: "\eb11" } .ri-bus-fill:before { content: "\eb12" } .ri-bus-line:before { content: "\eb13" } .ri-bus-wifi-fill:before { content: "\eb14" } .ri-bus-wifi-line:before { content: "\eb15" } .ri-cactus-fill:before { content: "\eb16" } .ri-cactus-line:before { content: "\eb17" } .ri-cake-2-fill:before { content: "\eb18" } .ri-cake-2-line:before { content: "\eb19" } .ri-cake-3-fill:before { content: "\eb1a" } .ri-cake-3-line:before { content: "\eb1b" } .ri-cake-fill:before { content: "\eb1c" } .ri-cake-line:before { content: "\eb1d" } .ri-calculator-fill:before { content: "\eb1e" } .ri-calculator-line:before { content: "\eb1f" } .ri-calendar-2-fill:before { content: "\eb20" } .ri-calendar-2-line:before { content: "\eb21" } .ri-calendar-check-fill:before { content: "\eb22" } .ri-calendar-check-line:before { content: "\eb23" } .ri-calendar-event-fill:before { content: "\eb24" } .ri-calendar-event-line:before { content: "\eb25" } .ri-calendar-fill:before { content: "\eb26" } .ri-calendar-line:before { content: "\eb27" } .ri-calendar-todo-fill:before { content: "\eb28" } .ri-calendar-todo-line:before { content: "\eb29" } .ri-camera-2-fill:before { content: "\eb2a" } .ri-camera-2-line:before { content: "\eb2b" } .ri-camera-3-fill:before { content: "\eb2c" } .ri-camera-3-line:before { content: "\eb2d" } .ri-camera-fill:before { content: "\eb2e" } .ri-camera-lens-fill:before { content: "\eb2f" } .ri-camera-lens-line:before { content: "\eb30" } .ri-camera-line:before { content: "\eb31" } .ri-camera-off-fill:before { content: "\eb32" } .ri-camera-off-line:before { content: "\eb33" } .ri-camera-switch-fill:before { content: "\eb34" } .ri-camera-switch-line:before { content: "\eb35" } .ri-capsule-fill:before { content: "\eb36" } .ri-capsule-line:before { content: "\eb37" } .ri-car-fill:before { content: "\eb38" } .ri-car-line:before { content: "\eb39" } .ri-car-washing-fill:before { content: "\eb3a" } .ri-car-washing-line:before { content: "\eb3b" } .ri-caravan-fill:before { content: "\eb3c" } .ri-caravan-line:before { content: "\eb3d" } .ri-cast-fill:before { content: "\eb3e" } .ri-cast-line:before { content: "\eb3f" } .ri-cellphone-fill:before { content: "\eb40" } .ri-cellphone-line:before { content: "\eb41" } .ri-celsius-fill:before { content: "\eb42" } .ri-celsius-line:before { content: "\eb43" } .ri-centos-fill:before { content: "\eb44" } .ri-centos-line:before { content: "\eb45" } .ri-character-recognition-fill:before { content: "\eb46" } .ri-character-recognition-line:before { content: "\eb47" } .ri-charging-pile-2-fill:before { content: "\eb48" } .ri-charging-pile-2-line:before { content: "\eb49" } .ri-charging-pile-fill:before { content: "\eb4a" } .ri-charging-pile-line:before { content: "\eb4b" } .ri-chat-1-fill:before { content: "\eb4c" } .ri-chat-1-line:before { content: "\eb4d" } .ri-chat-2-fill:before { content: "\eb4e" } .ri-chat-2-line:before { content: "\eb4f" } .ri-chat-3-fill:before { content: "\eb50" } .ri-chat-3-line:before { content: "\eb51" } .ri-chat-4-fill:before { content: "\eb52" } .ri-chat-4-line:before { content: "\eb53" } .ri-chat-check-fill:before { content: "\eb54" } .ri-chat-check-line:before { content: "\eb55" } .ri-chat-delete-fill:before { content: "\eb56" } .ri-chat-delete-line:before { content: "\eb57" } .ri-chat-download-fill:before { content: "\eb58" } .ri-chat-download-line:before { content: "\eb59" } .ri-chat-follow-up-fill:before { content: "\eb5a" } .ri-chat-follow-up-line:before { content: "\eb5b" } .ri-chat-forward-fill:before { content: "\eb5c" } .ri-chat-forward-line:before { content: "\eb5d" } .ri-chat-heart-fill:before { content: "\eb5e" } .ri-chat-heart-line:before { content: "\eb5f" } .ri-chat-history-fill:before { content: "\eb60" } .ri-chat-history-line:before { content: "\eb61" } .ri-chat-new-fill:before { content: "\eb62" } .ri-chat-new-line:before { content: "\eb63" } .ri-chat-off-fill:before { content: "\eb64" } .ri-chat-off-line:before { content: "\eb65" } .ri-chat-poll-fill:before { content: "\eb66" } .ri-chat-poll-line:before { content: "\eb67" } .ri-chat-private-fill:before { content: "\eb68" } .ri-chat-private-line:before { content: "\eb69" } .ri-chat-quote-fill:before { content: "\eb6a" } .ri-chat-quote-line:before { content: "\eb6b" } .ri-chat-settings-fill:before { content: "\eb6c" } .ri-chat-settings-line:before { content: "\eb6d" } .ri-chat-smile-2-fill:before { content: "\eb6e" } .ri-chat-smile-2-line:before { content: "\eb6f" } .ri-chat-smile-3-fill:before { content: "\eb70" } .ri-chat-smile-3-line:before { content: "\eb71" } .ri-chat-smile-fill:before { content: "\eb72" } .ri-chat-smile-line:before { content: "\eb73" } .ri-chat-upload-fill:before { content: "\eb74" } .ri-chat-upload-line:before { content: "\eb75" } .ri-chat-voice-fill:before { content: "\eb76" } .ri-chat-voice-line:before { content: "\eb77" } .ri-check-double-fill:before { content: "\eb78" } .ri-check-double-line:before { content: "\eb79" } .ri-check-fill:before { content: "\eb7a" } .ri-check-line:before { content: "\eb7b" } .ri-checkbox-blank-circle-fill:before { content: "\eb7c" } .ri-checkbox-blank-circle-line:before { content: "\eb7d" } .ri-checkbox-blank-fill:before { content: "\eb7e" } .ri-checkbox-blank-line:before { content: "\eb7f" } .ri-checkbox-circle-fill:before { content: "\eb80" } .ri-checkbox-circle-line:before { content: "\eb81" } .ri-checkbox-fill:before { content: "\eb82" } .ri-checkbox-indeterminate-fill:before { content: "\eb83" } .ri-checkbox-indeterminate-line:before { content: "\eb84" } .ri-checkbox-line:before { content: "\eb85" } .ri-checkbox-multiple-blank-fill:before { content: "\eb86" } .ri-checkbox-multiple-blank-line:before { content: "\eb87" } .ri-checkbox-multiple-fill:before { content: "\eb88" } .ri-checkbox-multiple-line:before { content: "\eb89" } .ri-china-railway-fill:before { content: "\eb8a" } .ri-china-railway-line:before { content: "\eb8b" } .ri-chrome-fill:before { content: "\eb8c" } .ri-chrome-line:before { content: "\eb8d" } .ri-clapperboard-fill:before { content: "\eb8e" } .ri-clapperboard-line:before { content: "\eb8f" } .ri-clipboard-fill:before { content: "\eb90" } .ri-clipboard-line:before { content: "\eb91" } .ri-clockwise-2-fill:before { content: "\eb92" } .ri-clockwise-2-line:before { content: "\eb93" } .ri-clockwise-fill:before { content: "\eb94" } .ri-clockwise-line:before { content: "\eb95" } .ri-close-circle-fill:before { content: "\eb96" } .ri-close-circle-line:before { content: "\eb97" } .ri-close-fill:before { content: "\eb98" } .ri-close-line:before { content: "\eb99" } .ri-closed-captioning-fill:before { content: "\eb9a" } .ri-closed-captioning-line:before { content: "\eb9b" } .ri-cloud-fill:before { content: "\eb9c" } .ri-cloud-line:before { content: "\eb9d" } .ri-cloud-off-fill:before { content: "\eb9e" } .ri-cloud-off-line:before { content: "\eb9f" } .ri-cloud-windy-fill:before { content: "\eba0" } .ri-cloud-windy-line:before { content: "\eba1" } .ri-cloudy-2-fill:before { content: "\eba2" } .ri-cloudy-2-line:before { content: "\eba3" } .ri-cloudy-fill:before { content: "\eba4" } .ri-cloudy-line:before { content: "\eba5" } .ri-code-box-fill:before { content: "\eba6" } .ri-code-box-line:before { content: "\eba7" } .ri-code-fill:before { content: "\eba8" } .ri-code-line:before { content: "\eba9" } .ri-code-s-fill:before { content: "\ebaa" } .ri-code-s-line:before { content: "\ebab" } .ri-code-s-slash-fill:before { content: "\ebac" } .ri-code-s-slash-line:before { content: "\ebad" } .ri-code-view:before { content: "\ebae" } .ri-codepen-fill:before { content: "\ebaf" } .ri-codepen-line:before { content: "\ebb0" } .ri-coin-fill:before { content: "\ebb1" } .ri-coin-line:before { content: "\ebb2" } .ri-coins-fill:before { content: "\ebb3" } .ri-coins-line:before { content: "\ebb4" } .ri-collage-fill:before { content: "\ebb5" } .ri-collage-line:before { content: "\ebb6" } .ri-command-fill:before { content: "\ebb7" } .ri-command-line:before { content: "\ebb8" } .ri-community-fill:before { content: "\ebb9" } .ri-community-line:before { content: "\ebba" } .ri-compass-2-fill:before { content: "\ebbb" } .ri-compass-2-line:before { content: "\ebbc" } .ri-compass-3-fill:before { content: "\ebbd" } .ri-compass-3-line:before { content: "\ebbe" } .ri-compass-4-fill:before { content: "\ebbf" } .ri-compass-4-line:before { content: "\ebc0" } .ri-compass-discover-fill:before { content: "\ebc1" } .ri-compass-discover-line:before { content: "\ebc2" } .ri-compass-fill:before { content: "\ebc3" } .ri-compass-line:before { content: "\ebc4" } .ri-compasses-2-fill:before { content: "\ebc5" } .ri-compasses-2-line:before { content: "\ebc6" } .ri-compasses-fill:before { content: "\ebc7" } .ri-compasses-line:before { content: "\ebc8" } .ri-computer-fill:before { content: "\ebc9" } .ri-computer-line:before { content: "\ebca" } .ri-contacts-book-2-fill:before { content: "\ebcb" } .ri-contacts-book-2-line:before { content: "\ebcc" } .ri-contacts-book-fill:before { content: "\ebcd" } .ri-contacts-book-line:before { content: "\ebce" } .ri-contacts-book-upload-fill:before { content: "\ebcf" } .ri-contacts-book-upload-line:before { content: "\ebd0" } .ri-contacts-fill:before { content: "\ebd1" } .ri-contacts-line:before { content: "\ebd2" } .ri-contrast-2-fill:before { content: "\ebd3" } .ri-contrast-2-line:before { content: "\ebd4" } .ri-contrast-drop-2-fill:before { content: "\ebd5" } .ri-contrast-drop-2-line:before { content: "\ebd6" } .ri-contrast-drop-fill:before { content: "\ebd7" } .ri-contrast-drop-line:before { content: "\ebd8" } .ri-contrast-fill:before { content: "\ebd9" } .ri-contrast-line:before { content: "\ebda" } .ri-copper-coin-fill:before { content: "\ebdb" } .ri-copper-coin-line:before { content: "\ebdc" } .ri-copper-diamond-fill:before { content: "\ebdd" } .ri-copper-diamond-line:before { content: "\ebde" } .ri-copyleft-fill:before { content: "\ebdf" } .ri-copyleft-line:before { content: "\ebe0" } .ri-copyright-fill:before { content: "\ebe1" } .ri-copyright-line:before { content: "\ebe2" } .ri-coreos-fill:before { content: "\ebe3" } .ri-coreos-line:before { content: "\ebe4" } .ri-coupon-2-fill:before { content: "\ebe5" } .ri-coupon-2-line:before { content: "\ebe6" } .ri-coupon-3-fill:before { content: "\ebe7" } .ri-coupon-3-line:before { content: "\ebe8" } .ri-coupon-4-fill:before { content: "\ebe9" } .ri-coupon-4-line:before { content: "\ebea" } .ri-coupon-5-fill:before { content: "\ebeb" } .ri-coupon-5-line:before { content: "\ebec" } .ri-coupon-fill:before { content: "\ebed" } .ri-coupon-line:before { content: "\ebee" } .ri-cpu-fill:before { content: "\ebef" } .ri-cpu-line:before { content: "\ebf0" } .ri-creative-commons-by-fill:before { content: "\ebf1" } .ri-creative-commons-by-line:before { content: "\ebf2" } .ri-creative-commons-fill:before { content: "\ebf3" } .ri-creative-commons-line:before { content: "\ebf4" } .ri-creative-commons-nc-fill:before { content: "\ebf5" } .ri-creative-commons-nc-line:before { content: "\ebf6" } .ri-creative-commons-nd-fill:before { content: "\ebf7" } .ri-creative-commons-nd-line:before { content: "\ebf8" } .ri-creative-commons-sa-fill:before { content: "\ebf9" } .ri-creative-commons-sa-line:before { content: "\ebfa" } .ri-creative-commons-zero-fill:before { content: "\ebfb" } .ri-creative-commons-zero-line:before { content: "\ebfc" } .ri-criminal-fill:before { content: "\ebfd" } .ri-criminal-line:before { content: "\ebfe" } .ri-crop-2-fill:before { content: "\ebff" } .ri-crop-2-line:before { content: "\ec00" } .ri-crop-fill:before { content: "\ec01" } .ri-crop-line:before { content: "\ec02" } .ri-css3-fill:before { content: "\ec03" } .ri-css3-line:before { content: "\ec04" } .ri-cup-fill:before { content: "\ec05" } .ri-cup-line:before { content: "\ec06" } .ri-currency-fill:before { content: "\ec07" } .ri-currency-line:before { content: "\ec08" } .ri-cursor-fill:before { content: "\ec09" } .ri-cursor-line:before { content: "\ec0a" } .ri-customer-service-2-fill:before { content: "\ec0b" } .ri-customer-service-2-line:before { content: "\ec0c" } .ri-customer-service-fill:before { content: "\ec0d" } .ri-customer-service-line:before { content: "\ec0e" } .ri-dashboard-2-fill:before { content: "\ec0f" } .ri-dashboard-2-line:before { content: "\ec10" } .ri-dashboard-3-fill:before { content: "\ec11" } .ri-dashboard-3-line:before { content: "\ec12" } .ri-dashboard-fill:before { content: "\ec13" } .ri-dashboard-line:before { content: "\ec14" } .ri-database-2-fill:before { content: "\ec15" } .ri-database-2-line:before { content: "\ec16" } .ri-database-fill:before { content: "\ec17" } .ri-database-line:before { content: "\ec18" } .ri-delete-back-2-fill:before { content: "\ec19" } .ri-delete-back-2-line:before { content: "\ec1a" } .ri-delete-back-fill:before { content: "\ec1b" } .ri-delete-back-line:before { content: "\ec1c" } .ri-delete-bin-2-fill:before { content: "\ec1d" } .ri-delete-bin-2-line:before { content: "\ec1e" } .ri-delete-bin-3-fill:before { content: "\ec1f" } .ri-delete-bin-3-line:before { content: "\ec20" } .ri-delete-bin-4-fill:before { content: "\ec21" } .ri-delete-bin-4-line:before { content: "\ec22" } .ri-delete-bin-5-fill:before { content: "\ec23" } .ri-delete-bin-5-line:before { content: "\ec24" } .ri-delete-bin-6-fill:before { content: "\ec25" } .ri-delete-bin-6-line:before { content: "\ec26" } .ri-delete-bin-7-fill:before { content: "\ec27" } .ri-delete-bin-7-line:before { content: "\ec28" } .ri-delete-bin-fill:before { content: "\ec29" } .ri-delete-bin-line:before { content: "\ec2a" } .ri-delete-column:before { content: "\ec2b" } .ri-delete-row:before { content: "\ec2c" } .ri-device-fill:before { content: "\ec2d" } .ri-device-line:before { content: "\ec2e" } .ri-device-recover-fill:before { content: "\ec2f" } .ri-device-recover-line:before { content: "\ec30" } .ri-dingding-fill:before { content: "\ec31" } .ri-dingding-line:before { content: "\ec32" } .ri-direction-fill:before { content: "\ec33" } .ri-direction-line:before { content: "\ec34" } .ri-disc-fill:before { content: "\ec35" } .ri-disc-line:before { content: "\ec36" } .ri-discord-fill:before { content: "\ec37" } .ri-discord-line:before { content: "\ec38" } .ri-discuss-fill:before { content: "\ec39" } .ri-discuss-line:before { content: "\ec3a" } .ri-dislike-fill:before { content: "\ec3b" } .ri-dislike-line:before { content: "\ec3c" } .ri-disqus-fill:before { content: "\ec3d" } .ri-disqus-line:before { content: "\ec3e" } .ri-divide-fill:before { content: "\ec3f" } .ri-divide-line:before { content: "\ec40" } .ri-donut-chart-fill:before { content: "\ec41" } .ri-donut-chart-line:before { content: "\ec42" } .ri-door-closed-fill:before { content: "\ec43" } .ri-door-closed-line:before { content: "\ec44" } .ri-door-fill:before { content: "\ec45" } .ri-door-line:before { content: "\ec46" } .ri-door-lock-box-fill:before { content: "\ec47" } .ri-door-lock-box-line:before { content: "\ec48" } .ri-door-lock-fill:before { content: "\ec49" } .ri-door-lock-line:before { content: "\ec4a" } .ri-door-open-fill:before { content: "\ec4b" } .ri-door-open-line:before { content: "\ec4c" } .ri-dossier-fill:before { content: "\ec4d" } .ri-dossier-line:before { content: "\ec4e" } .ri-douban-fill:before { content: "\ec4f" } .ri-douban-line:before { content: "\ec50" } .ri-double-quotes-l:before { content: "\ec51" } .ri-double-quotes-r:before { content: "\ec52" } .ri-download-2-fill:before { content: "\ec53" } .ri-download-2-line:before { content: "\ec54" } .ri-download-cloud-2-fill:before { content: "\ec55" } .ri-download-cloud-2-line:before { content: "\ec56" } .ri-download-cloud-fill:before { content: "\ec57" } .ri-download-cloud-line:before { content: "\ec58" } .ri-download-fill:before { content: "\ec59" } .ri-download-line:before { content: "\ec5a" } .ri-draft-fill:before { content: "\ec5b" } .ri-draft-line:before { content: "\ec5c" } .ri-drag-drop-fill:before { content: "\ec5d" } .ri-drag-drop-line:before { content: "\ec5e" } .ri-drag-move-2-fill:before { content: "\ec5f" } .ri-drag-move-2-line:before { content: "\ec60" } .ri-drag-move-fill:before { content: "\ec61" } .ri-drag-move-line:before { content: "\ec62" } .ri-dribbble-fill:before { content: "\ec63" } .ri-dribbble-line:before { content: "\ec64" } .ri-drive-fill:before { content: "\ec65" } .ri-drive-line:before { content: "\ec66" } .ri-drizzle-fill:before { content: "\ec67" } .ri-drizzle-line:before { content: "\ec68" } .ri-drop-fill:before { content: "\ec69" } .ri-drop-line:before { content: "\ec6a" } .ri-dropbox-fill:before { content: "\ec6b" } .ri-dropbox-line:before { content: "\ec6c" } .ri-dual-sim-1-fill:before { content: "\ec6d" } .ri-dual-sim-1-line:before { content: "\ec6e" } .ri-dual-sim-2-fill:before { content: "\ec6f" } .ri-dual-sim-2-line:before { content: "\ec70" } .ri-dv-fill:before { content: "\ec71" } .ri-dv-line:before { content: "\ec72" } .ri-dvd-fill:before { content: "\ec73" } .ri-dvd-line:before { content: "\ec74" } .ri-e-bike-2-fill:before { content: "\ec75" } .ri-e-bike-2-line:before { content: "\ec76" } .ri-e-bike-fill:before { content: "\ec77" } .ri-e-bike-line:before { content: "\ec78" } .ri-earth-fill:before { content: "\ec79" } .ri-earth-line:before { content: "\ec7a" } .ri-earthquake-fill:before { content: "\ec7b" } .ri-earthquake-line:before { content: "\ec7c" } .ri-edge-fill:before { content: "\ec7d" } .ri-edge-line:before { content: "\ec7e" } .ri-edit-2-fill:before { content: "\ec7f" } .ri-edit-2-line:before { content: "\ec80" } .ri-edit-box-fill:before { content: "\ec81" } .ri-edit-box-line:before { content: "\ec82" } .ri-edit-circle-fill:before { content: "\ec83" } .ri-edit-circle-line:before { content: "\ec84" } .ri-edit-fill:before { content: "\ec85" } .ri-edit-line:before { content: "\ec86" } .ri-eject-fill:before { content: "\ec87" } .ri-eject-line:before { content: "\ec88" } .ri-emotion-2-fill:before { content: "\ec89" } .ri-emotion-2-line:before { content: "\ec8a" } .ri-emotion-fill:before { content: "\ec8b" } .ri-emotion-happy-fill:before { content: "\ec8c" } .ri-emotion-happy-line:before { content: "\ec8d" } .ri-emotion-laugh-fill:before { content: "\ec8e" } .ri-emotion-laugh-line:before { content: "\ec8f" } .ri-emotion-line:before { content: "\ec90" } .ri-emotion-normal-fill:before { content: "\ec91" } .ri-emotion-normal-line:before { content: "\ec92" } .ri-emotion-sad-fill:before { content: "\ec93" } .ri-emotion-sad-line:before { content: "\ec94" } .ri-emotion-unhappy-fill:before { content: "\ec95" } .ri-emotion-unhappy-line:before { content: "\ec96" } .ri-empathize-fill:before { content: "\ec97" } .ri-empathize-line:before { content: "\ec98" } .ri-emphasis-cn:before { content: "\ec99" } .ri-emphasis:before { content: "\ec9a" } .ri-english-input:before { content: "\ec9b" } .ri-equalizer-fill:before { content: "\ec9c" } .ri-equalizer-line:before { content: "\ec9d" } .ri-eraser-fill:before { content: "\ec9e" } .ri-eraser-line:before { content: "\ec9f" } .ri-error-warning-fill:before { content: "\eca0" } .ri-error-warning-line:before { content: "\eca1" } .ri-evernote-fill:before { content: "\eca2" } .ri-evernote-line:before { content: "\eca3" } .ri-exchange-box-fill:before { content: "\eca4" } .ri-exchange-box-line:before { content: "\eca5" } .ri-exchange-cny-fill:before { content: "\eca6" } .ri-exchange-cny-line:before { content: "\eca7" } .ri-exchange-dollar-fill:before { content: "\eca8" } .ri-exchange-dollar-line:before { content: "\eca9" } .ri-exchange-fill:before { content: "\ecaa" } .ri-exchange-funds-fill:before { content: "\ecab" } .ri-exchange-funds-line:before { content: "\ecac" } .ri-exchange-line:before { content: "\ecad" } .ri-external-link-fill:before { content: "\ecae" } .ri-external-link-line:before { content: "\ecaf" } .ri-eye-2-fill:before { content: "\ecb0" } .ri-eye-2-line:before { content: "\ecb1" } .ri-eye-close-fill:before { content: "\ecb2" } .ri-eye-close-line:before { content: "\ecb3" } .ri-eye-fill:before { content: "\ecb4" } .ri-eye-line:before { content: "\ecb5" } .ri-eye-off-fill:before { content: "\ecb6" } .ri-eye-off-line:before { content: "\ecb7" } .ri-facebook-box-fill:before { content: "\ecb8" } .ri-facebook-box-line:before { content: "\ecb9" } .ri-facebook-circle-fill:before { content: "\ecba" } .ri-facebook-circle-line:before { content: "\ecbb" } .ri-facebook-fill:before { content: "\ecbc" } .ri-facebook-line:before { content: "\ecbd" } .ri-fahrenheit-fill:before { content: "\ecbe" } .ri-fahrenheit-line:before { content: "\ecbf" } .ri-feedback-fill:before { content: "\ecc0" } .ri-feedback-line:before { content: "\ecc1" } .ri-file-2-fill:before { content: "\ecc2" } .ri-file-2-line:before { content: "\ecc3" } .ri-file-3-fill:before { content: "\ecc4" } .ri-file-3-line:before { content: "\ecc5" } .ri-file-4-fill:before { content: "\ecc6" } .ri-file-4-line:before { content: "\ecc7" } .ri-file-add-fill:before { content: "\ecc8" } .ri-file-add-line:before { content: "\ecc9" } .ri-file-chart-2-fill:before { content: "\ecca" } .ri-file-chart-2-line:before { content: "\eccb" } .ri-file-chart-fill:before { content: "\eccc" } .ri-file-chart-line:before { content: "\eccd" } .ri-file-cloud-fill:before { content: "\ecce" } .ri-file-cloud-line:before { content: "\eccf" } .ri-file-code-fill:before { content: "\ecd0" } .ri-file-code-line:before { content: "\ecd1" } .ri-file-copy-2-fill:before { content: "\ecd2" } .ri-file-copy-2-line:before { content: "\ecd3" } .ri-file-copy-fill:before { content: "\ecd4" } .ri-file-copy-line:before { content: "\ecd5" } .ri-file-damage-fill:before { content: "\ecd6" } .ri-file-damage-line:before { content: "\ecd7" } .ri-file-download-fill:before { content: "\ecd8" } .ri-file-download-line:before { content: "\ecd9" } .ri-file-edit-fill:before { content: "\ecda" } .ri-file-edit-line:before { content: "\ecdb" } .ri-file-excel-2-fill:before { content: "\ecdc" } .ri-file-excel-2-line:before { content: "\ecdd" } .ri-file-excel-fill:before { content: "\ecde" } .ri-file-excel-line:before { content: "\ecdf" } .ri-file-fill:before { content: "\ece0" } .ri-file-forbid-fill:before { content: "\ece1" } .ri-file-forbid-line:before { content: "\ece2" } .ri-file-gif-fill:before { content: "\ece3" } .ri-file-gif-line:before { content: "\ece4" } .ri-file-history-fill:before { content: "\ece5" } .ri-file-history-line:before { content: "\ece6" } .ri-file-hwp-fill:before { content: "\ece7" } .ri-file-hwp-line:before { content: "\ece8" } .ri-file-info-fill:before { content: "\ece9" } .ri-file-info-line:before { content: "\ecea" } .ri-file-line:before { content: "\eceb" } .ri-file-list-2-fill:before { content: "\ecec" } .ri-file-list-2-line:before { content: "\eced" } .ri-file-list-3-fill:before { content: "\ecee" } .ri-file-list-3-line:before { content: "\ecef" } .ri-file-list-fill:before { content: "\ecf0" } .ri-file-list-line:before { content: "\ecf1" } .ri-file-lock-fill:before { content: "\ecf2" } .ri-file-lock-line:before { content: "\ecf3" } .ri-file-marked-fill:before { content: "\ecf4" } .ri-file-marked-line:before { content: "\ecf5" } .ri-file-music-fill:before { content: "\ecf6" } .ri-file-music-line:before { content: "\ecf7" } .ri-file-paper-2-fill:before { content: "\ecf8" } .ri-file-paper-2-line:before { content: "\ecf9" } .ri-file-paper-fill:before { content: "\ecfa" } .ri-file-paper-line:before { content: "\ecfb" } .ri-file-pdf-fill:before { content: "\ecfc" } .ri-file-pdf-line:before { content: "\ecfd" } .ri-file-ppt-2-fill:before { content: "\ecfe" } .ri-file-ppt-2-line:before { content: "\ecff" } .ri-file-ppt-fill:before { content: "\ed00" } .ri-file-ppt-line:before { content: "\ed01" } .ri-file-reduce-fill:before { content: "\ed02" } .ri-file-reduce-line:before { content: "\ed03" } .ri-file-search-fill:before { content: "\ed04" } .ri-file-search-line:before { content: "\ed05" } .ri-file-settings-fill:before { content: "\ed06" } .ri-file-settings-line:before { content: "\ed07" } .ri-file-shield-2-fill:before { content: "\ed08" } .ri-file-shield-2-line:before { content: "\ed09" } .ri-file-shield-fill:before { content: "\ed0a" } .ri-file-shield-line:before { content: "\ed0b" } .ri-file-shred-fill:before { content: "\ed0c" } .ri-file-shred-line:before { content: "\ed0d" } .ri-file-text-fill:before { content: "\ed0e" } .ri-file-text-line:before { content: "\ed0f" } .ri-file-transfer-fill:before { content: "\ed10" } .ri-file-transfer-line:before { content: "\ed11" } .ri-file-unknow-fill:before { content: "\ed12" } .ri-file-unknow-line:before { content: "\ed13" } .ri-file-upload-fill:before { content: "\ed14" } .ri-file-upload-line:before { content: "\ed15" } .ri-file-user-fill:before { content: "\ed16" } .ri-file-user-line:before { content: "\ed17" } .ri-file-warning-fill:before { content: "\ed18" } .ri-file-warning-line:before { content: "\ed19" } .ri-file-word-2-fill:before { content: "\ed1a" } .ri-file-word-2-line:before { content: "\ed1b" } .ri-file-word-fill:before { content: "\ed1c" } .ri-file-word-line:before { content: "\ed1d" } .ri-file-zip-fill:before { content: "\ed1e" } .ri-file-zip-line:before { content: "\ed1f" } .ri-film-fill:before { content: "\ed20" } .ri-film-line:before { content: "\ed21" } .ri-filter-2-fill:before { content: "\ed22" } .ri-filter-2-line:before { content: "\ed23" } .ri-filter-3-fill:before { content: "\ed24" } .ri-filter-3-line:before { content: "\ed25" } .ri-filter-fill:before { content: "\ed26" } .ri-filter-line:before { content: "\ed27" } .ri-filter-off-fill:before { content: "\ed28" } .ri-filter-off-line:before { content: "\ed29" } .ri-find-replace-fill:before { content: "\ed2a" } .ri-find-replace-line:before { content: "\ed2b" } .ri-finder-fill:before { content: "\ed2c" } .ri-finder-line:before { content: "\ed2d" } .ri-fingerprint-2-fill:before { content: "\ed2e" } .ri-fingerprint-2-line:before { content: "\ed2f" } .ri-fingerprint-fill:before { content: "\ed30" } .ri-fingerprint-line:before { content: "\ed31" } .ri-fire-fill:before { content: "\ed32" } .ri-fire-line:before { content: "\ed33" } .ri-firefox-fill:before { content: "\ed34" } .ri-firefox-line:before { content: "\ed35" } .ri-first-aid-kit-fill:before { content: "\ed36" } .ri-first-aid-kit-line:before { content: "\ed37" } .ri-flag-2-fill:before { content: "\ed38" } .ri-flag-2-line:before { content: "\ed39" } .ri-flag-fill:before { content: "\ed3a" } .ri-flag-line:before { content: "\ed3b" } .ri-flashlight-fill:before { content: "\ed3c" } .ri-flashlight-line:before { content: "\ed3d" } .ri-flask-fill:before { content: "\ed3e" } .ri-flask-line:before { content: "\ed3f" } .ri-flight-land-fill:before { content: "\ed40" } .ri-flight-land-line:before { content: "\ed41" } .ri-flight-takeoff-fill:before { content: "\ed42" } .ri-flight-takeoff-line:before { content: "\ed43" } .ri-flood-fill:before { content: "\ed44" } .ri-flood-line:before { content: "\ed45" } .ri-flow-chart:before { content: "\ed46" } .ri-flutter-fill:before { content: "\ed47" } .ri-flutter-line:before { content: "\ed48" } .ri-focus-2-fill:before { content: "\ed49" } .ri-focus-2-line:before { content: "\ed4a" } .ri-focus-3-fill:before { content: "\ed4b" } .ri-focus-3-line:before { content: "\ed4c" } .ri-focus-fill:before { content: "\ed4d" } .ri-focus-line:before { content: "\ed4e" } .ri-foggy-fill:before { content: "\ed4f" } .ri-foggy-line:before { content: "\ed50" } .ri-folder-2-fill:before { content: "\ed51" } .ri-folder-2-line:before { content: "\ed52" } .ri-folder-3-fill:before { content: "\ed53" } .ri-folder-3-line:before { content: "\ed54" } .ri-folder-4-fill:before { content: "\ed55" } .ri-folder-4-line:before { content: "\ed56" } .ri-folder-5-fill:before { content: "\ed57" } .ri-folder-5-line:before { content: "\ed58" } .ri-folder-add-fill:before { content: "\ed59" } .ri-folder-add-line:before { content: "\ed5a" } .ri-folder-chart-2-fill:before { content: "\ed5b" } .ri-folder-chart-2-line:before { content: "\ed5c" } .ri-folder-chart-fill:before { content: "\ed5d" } .ri-folder-chart-line:before { content: "\ed5e" } .ri-folder-download-fill:before { content: "\ed5f" } .ri-folder-download-line:before { content: "\ed60" } .ri-folder-fill:before { content: "\ed61" } .ri-folder-forbid-fill:before { content: "\ed62" } .ri-folder-forbid-line:before { content: "\ed63" } .ri-folder-history-fill:before { content: "\ed64" } .ri-folder-history-line:before { content: "\ed65" } .ri-folder-info-fill:before { content: "\ed66" } .ri-folder-info-line:before { content: "\ed67" } .ri-folder-keyhole-fill:before { content: "\ed68" } .ri-folder-keyhole-line:before { content: "\ed69" } .ri-folder-line:before { content: "\ed6a" } .ri-folder-lock-fill:before { content: "\ed6b" } .ri-folder-lock-line:before { content: "\ed6c" } .ri-folder-music-fill:before { content: "\ed6d" } .ri-folder-music-line:before { content: "\ed6e" } .ri-folder-open-fill:before { content: "\ed6f" } .ri-folder-open-line:before { content: "\ed70" } .ri-folder-received-fill:before { content: "\ed71" } .ri-folder-received-line:before { content: "\ed72" } .ri-folder-reduce-fill:before { content: "\ed73" } .ri-folder-reduce-line:before { content: "\ed74" } .ri-folder-settings-fill:before { content: "\ed75" } .ri-folder-settings-line:before { content: "\ed76" } .ri-folder-shared-fill:before { content: "\ed77" } .ri-folder-shared-line:before { content: "\ed78" } .ri-folder-shield-2-fill:before { content: "\ed79" } .ri-folder-shield-2-line:before { content: "\ed7a" } .ri-folder-shield-fill:before { content: "\ed7b" } .ri-folder-shield-line:before { content: "\ed7c" } .ri-folder-transfer-fill:before { content: "\ed7d" } .ri-folder-transfer-line:before { content: "\ed7e" } .ri-folder-unknow-fill:before { content: "\ed7f" } .ri-folder-unknow-line:before { content: "\ed80" } .ri-folder-upload-fill:before { content: "\ed81" } .ri-folder-upload-line:before { content: "\ed82" } .ri-folder-user-fill:before { content: "\ed83" } .ri-folder-user-line:before { content: "\ed84" } .ri-folder-warning-fill:before { content: "\ed85" } .ri-folder-warning-line:before { content: "\ed86" } .ri-folder-zip-fill:before { content: "\ed87" } .ri-folder-zip-line:before { content: "\ed88" } .ri-folders-fill:before { content: "\ed89" } .ri-folders-line:before { content: "\ed8a" } .ri-font-color:before { content: "\ed8b" } .ri-font-size-2:before { content: "\ed8c" } .ri-font-size:before { content: "\ed8d" } .ri-football-fill:before { content: "\ed8e" } .ri-football-line:before { content: "\ed8f" } .ri-footprint-fill:before { content: "\ed90" } .ri-footprint-line:before { content: "\ed91" } .ri-forbid-2-fill:before { content: "\ed92" } .ri-forbid-2-line:before { content: "\ed93" } .ri-forbid-fill:before { content: "\ed94" } .ri-forbid-line:before { content: "\ed95" } .ri-format-clear:before { content: "\ed96" } .ri-fridge-fill:before { content: "\ed97" } .ri-fridge-line:before { content: "\ed98" } .ri-fullscreen-exit-fill:before { content: "\ed99" } .ri-fullscreen-exit-line:before { content: "\ed9a" } .ri-fullscreen-fill:before { content: "\ed9b" } .ri-fullscreen-line:before { content: "\ed9c" } .ri-function-fill:before { content: "\ed9d" } .ri-function-line:before { content: "\ed9e" } .ri-functions:before { content: "\ed9f" } .ri-funds-box-fill:before { content: "\eda0" } .ri-funds-box-line:before { content: "\eda1" } .ri-funds-fill:before { content: "\eda2" } .ri-funds-line:before { content: "\eda3" } .ri-gallery-fill:before { content: "\eda4" } .ri-gallery-line:before { content: "\eda5" } .ri-gallery-upload-fill:before { content: "\eda6" } .ri-gallery-upload-line:before { content: "\eda7" } .ri-game-fill:before { content: "\eda8" } .ri-game-line:before { content: "\eda9" } .ri-gamepad-fill:before { content: "\edaa" } .ri-gamepad-line:before { content: "\edab" } .ri-gas-station-fill:before { content: "\edac" } .ri-gas-station-line:before { content: "\edad" } .ri-gatsby-fill:before { content: "\edae" } .ri-gatsby-line:before { content: "\edaf" } .ri-genderless-fill:before { content: "\edb0" } .ri-genderless-line:before { content: "\edb1" } .ri-ghost-2-fill:before { content: "\edb2" } .ri-ghost-2-line:before { content: "\edb3" } .ri-ghost-fill:before { content: "\edb4" } .ri-ghost-line:before { content: "\edb5" } .ri-ghost-smile-fill:before { content: "\edb6" } .ri-ghost-smile-line:before { content: "\edb7" } .ri-gift-2-fill:before { content: "\edb8" } .ri-gift-2-line:before { content: "\edb9" } .ri-gift-fill:before { content: "\edba" } .ri-gift-line:before { content: "\edbb" } .ri-git-branch-fill:before { content: "\edbc" } .ri-git-branch-line:before { content: "\edbd" } .ri-git-commit-fill:before { content: "\edbe" } .ri-git-commit-line:before { content: "\edbf" } .ri-git-merge-fill:before { content: "\edc0" } .ri-git-merge-line:before { content: "\edc1" } .ri-git-pull-request-fill:before { content: "\edc2" } .ri-git-pull-request-line:before { content: "\edc3" } .ri-git-repository-commits-fill:before { content: "\edc4" } .ri-git-repository-commits-line:before { content: "\edc5" } .ri-git-repository-fill:before { content: "\edc6" } .ri-git-repository-line:before { content: "\edc7" } .ri-git-repository-private-fill:before { content: "\edc8" } .ri-git-repository-private-line:before { content: "\edc9" } .ri-github-fill:before { content: "\edca" } .ri-github-line:before { content: "\edcb" } .ri-gitlab-fill:before { content: "\edcc" } .ri-gitlab-line:before { content: "\edcd" } .ri-global-fill:before { content: "\edce" } .ri-global-line:before { content: "\edcf" } .ri-globe-fill:before { content: "\edd0" } .ri-globe-line:before { content: "\edd1" } .ri-goblet-fill:before { content: "\edd2" } .ri-goblet-line:before { content: "\edd3" } .ri-google-fill:before { content: "\edd4" } .ri-google-line:before { content: "\edd5" } .ri-google-play-fill:before { content: "\edd6" } .ri-google-play-line:before { content: "\edd7" } .ri-government-fill:before { content: "\edd8" } .ri-government-line:before { content: "\edd9" } .ri-gps-fill:before { content: "\edda" } .ri-gps-line:before { content: "\eddb" } .ri-gradienter-fill:before { content: "\eddc" } .ri-gradienter-line:before { content: "\eddd" } .ri-grid-fill:before { content: "\edde" } .ri-grid-line:before { content: "\eddf" } .ri-group-2-fill:before { content: "\ede0" } .ri-group-2-line:before { content: "\ede1" } .ri-group-fill:before { content: "\ede2" } .ri-group-line:before { content: "\ede3" } .ri-guide-fill:before { content: "\ede4" } .ri-guide-line:before { content: "\ede5" } .ri-h-1:before { content: "\ede6" } .ri-h-2:before { content: "\ede7" } .ri-h-3:before { content: "\ede8" } .ri-h-4:before { content: "\ede9" } .ri-h-5:before { content: "\edea" } .ri-h-6:before { content: "\edeb" } .ri-hail-fill:before { content: "\edec" } .ri-hail-line:before { content: "\eded" } .ri-hammer-fill:before { content: "\edee" } .ri-hammer-line:before { content: "\edef" } .ri-hand-coin-fill:before { content: "\edf0" } .ri-hand-coin-line:before { content: "\edf1" } .ri-hand-heart-fill:before { content: "\edf2" } .ri-hand-heart-line:before { content: "\edf3" } .ri-hand-sanitizer-fill:before { content: "\edf4" } .ri-hand-sanitizer-line:before { content: "\edf5" } .ri-handbag-fill:before { content: "\edf6" } .ri-handbag-line:before { content: "\edf7" } .ri-hard-drive-2-fill:before { content: "\edf8" } .ri-hard-drive-2-line:before { content: "\edf9" } .ri-hard-drive-fill:before { content: "\edfa" } .ri-hard-drive-line:before { content: "\edfb" } .ri-hashtag:before { content: "\edfc" } .ri-haze-2-fill:before { content: "\edfd" } .ri-haze-2-line:before { content: "\edfe" } .ri-haze-fill:before { content: "\edff" } .ri-haze-line:before { content: "\ee00" } .ri-hd-fill:before { content: "\ee01" } .ri-hd-line:before { content: "\ee02" } .ri-heading:before { content: "\ee03" } .ri-headphone-fill:before { content: "\ee04" } .ri-headphone-line:before { content: "\ee05" } .ri-health-book-fill:before { content: "\ee06" } .ri-health-book-line:before { content: "\ee07" } .ri-heart-2-fill:before { content: "\ee08" } .ri-heart-2-line:before { content: "\ee09" } .ri-heart-3-fill:before { content: "\ee0a" } .ri-heart-3-line:before { content: "\ee0b" } .ri-heart-add-fill:before { content: "\ee0c" } .ri-heart-add-line:before { content: "\ee0d" } .ri-heart-fill:before { content: "\ee0e" } .ri-heart-line:before { content: "\ee0f" } .ri-heart-pulse-fill:before { content: "\ee10" } .ri-heart-pulse-line:before { content: "\ee11" } .ri-hearts-fill:before { content: "\ee12" } .ri-hearts-line:before { content: "\ee13" } .ri-heavy-showers-fill:before { content: "\ee14" } .ri-heavy-showers-line:before { content: "\ee15" } .ri-history-fill:before { content: "\ee16" } .ri-history-line:before { content: "\ee17" } .ri-home-2-fill:before { content: "\ee18" } .ri-home-2-line:before { content: "\ee19" } .ri-home-3-fill:before { content: "\ee1a" } .ri-home-3-line:before { content: "\ee1b" } .ri-home-4-fill:before { content: "\ee1c" } .ri-home-4-line:before { content: "\ee1d" } .ri-home-5-fill:before { content: "\ee1e" } .ri-home-5-line:before { content: "\ee1f" } .ri-home-6-fill:before { content: "\ee20" } .ri-home-6-line:before { content: "\ee21" } .ri-home-7-fill:before { content: "\ee22" } .ri-home-7-line:before { content: "\ee23" } .ri-home-8-fill:before { content: "\ee24" } .ri-home-8-line:before { content: "\ee25" } .ri-home-fill:before { content: "\ee26" } .ri-home-gear-fill:before { content: "\ee27" } .ri-home-gear-line:before { content: "\ee28" } .ri-home-heart-fill:before { content: "\ee29" } .ri-home-heart-line:before { content: "\ee2a" } .ri-home-line:before { content: "\ee2b" } .ri-home-smile-2-fill:before { content: "\ee2c" } .ri-home-smile-2-line:before { content: "\ee2d" } .ri-home-smile-fill:before { content: "\ee2e" } .ri-home-smile-line:before { content: "\ee2f" } .ri-home-wifi-fill:before { content: "\ee30" } .ri-home-wifi-line:before { content: "\ee31" } .ri-honor-of-kings-fill:before { content: "\ee32" } .ri-honor-of-kings-line:before { content: "\ee33" } .ri-honour-fill:before { content: "\ee34" } .ri-honour-line:before { content: "\ee35" } .ri-hospital-fill:before { content: "\ee36" } .ri-hospital-line:before { content: "\ee37" } .ri-hotel-bed-fill:before { content: "\ee38" } .ri-hotel-bed-line:before { content: "\ee39" } .ri-hotel-fill:before { content: "\ee3a" } .ri-hotel-line:before { content: "\ee3b" } .ri-hotspot-fill:before { content: "\ee3c" } .ri-hotspot-line:before { content: "\ee3d" } .ri-hq-fill:before { content: "\ee3e" } .ri-hq-line:before { content: "\ee3f" } .ri-html5-fill:before { content: "\ee40" } .ri-html5-line:before { content: "\ee41" } .ri-ie-fill:before { content: "\ee42" } .ri-ie-line:before { content: "\ee43" } .ri-image-2-fill:before { content: "\ee44" } .ri-image-2-line:before { content: "\ee45" } .ri-image-add-fill:before { content: "\ee46" } .ri-image-add-line:before { content: "\ee47" } .ri-image-edit-fill:before { content: "\ee48" } .ri-image-edit-line:before { content: "\ee49" } .ri-image-fill:before { content: "\ee4a" } .ri-image-line:before { content: "\ee4b" } .ri-inbox-archive-fill:before { content: "\ee4c" } .ri-inbox-archive-line:before { content: "\ee4d" } .ri-inbox-fill:before { content: "\ee4e" } .ri-inbox-line:before { content: "\ee4f" } .ri-inbox-unarchive-fill:before { content: "\ee50" } .ri-inbox-unarchive-line:before { content: "\ee51" } .ri-increase-decrease-fill:before { content: "\ee52" } .ri-increase-decrease-line:before { content: "\ee53" } .ri-indent-decrease:before { content: "\ee54" } .ri-indent-increase:before { content: "\ee55" } .ri-indeterminate-circle-fill:before { content: "\ee56" } .ri-indeterminate-circle-line:before { content: "\ee57" } .ri-information-fill:before { content: "\ee58" } .ri-information-line:before { content: "\ee59" } .ri-infrared-thermometer-fill:before { content: "\ee5a" } .ri-infrared-thermometer-line:before { content: "\ee5b" } .ri-ink-bottle-fill:before { content: "\ee5c" } .ri-ink-bottle-line:before { content: "\ee5d" } .ri-input-cursor-move:before { content: "\ee5e" } .ri-input-method-fill:before { content: "\ee5f" } .ri-input-method-line:before { content: "\ee60" } .ri-insert-column-left:before { content: "\ee61" } .ri-insert-column-right:before { content: "\ee62" } .ri-insert-row-bottom:before { content: "\ee63" } .ri-insert-row-top:before { content: "\ee64" } .ri-instagram-fill:before { content: "\ee65" } .ri-instagram-line:before { content: "\ee66" } .ri-install-fill:before { content: "\ee67" } .ri-install-line:before { content: "\ee68" } .ri-invision-fill:before { content: "\ee69" } .ri-invision-line:before { content: "\ee6a" } .ri-italic:before { content: "\ee6b" } .ri-kakao-talk-fill:before { content: "\ee6c" } .ri-kakao-talk-line:before { content: "\ee6d" } .ri-key-2-fill:before { content: "\ee6e" } .ri-key-2-line:before { content: "\ee6f" } .ri-key-fill:before { content: "\ee70" } .ri-key-line:before { content: "\ee71" } .ri-keyboard-box-fill:before { content: "\ee72" } .ri-keyboard-box-line:before { content: "\ee73" } .ri-keyboard-fill:before { content: "\ee74" } .ri-keyboard-line:before { content: "\ee75" } .ri-keynote-fill:before { content: "\ee76" } .ri-keynote-line:before { content: "\ee77" } .ri-knife-blood-fill:before { content: "\ee78" } .ri-knife-blood-line:before { content: "\ee79" } .ri-knife-fill:before { content: "\ee7a" } .ri-knife-line:before { content: "\ee7b" } .ri-landscape-fill:before { content: "\ee7c" } .ri-landscape-line:before { content: "\ee7d" } .ri-layout-2-fill:before { content: "\ee7e" } .ri-layout-2-line:before { content: "\ee7f" } .ri-layout-3-fill:before { content: "\ee80" } .ri-layout-3-line:before { content: "\ee81" } .ri-layout-4-fill:before { content: "\ee82" } .ri-layout-4-line:before { content: "\ee83" } .ri-layout-5-fill:before { content: "\ee84" } .ri-layout-5-line:before { content: "\ee85" } .ri-layout-6-fill:before { content: "\ee86" } .ri-layout-6-line:before { content: "\ee87" } .ri-layout-bottom-2-fill:before { content: "\ee88" } .ri-layout-bottom-2-line:before { content: "\ee89" } .ri-layout-bottom-fill:before { content: "\ee8a" } .ri-layout-bottom-line:before { content: "\ee8b" } .ri-layout-column-fill:before { content: "\ee8c" } .ri-layout-column-line:before { content: "\ee8d" } .ri-layout-fill:before { content: "\ee8e" } .ri-layout-grid-fill:before { content: "\ee8f" } .ri-layout-grid-line:before { content: "\ee90" } .ri-layout-left-2-fill:before { content: "\ee91" } .ri-layout-left-2-line:before { content: "\ee92" } .ri-layout-left-fill:before { content: "\ee93" } .ri-layout-left-line:before { content: "\ee94" } .ri-layout-line:before { content: "\ee95" } .ri-layout-masonry-fill:before { content: "\ee96" } .ri-layout-masonry-line:before { content: "\ee97" } .ri-layout-right-2-fill:before { content: "\ee98" } .ri-layout-right-2-line:before { content: "\ee99" } .ri-layout-right-fill:before { content: "\ee9a" } .ri-layout-right-line:before { content: "\ee9b" } .ri-layout-row-fill:before { content: "\ee9c" } .ri-layout-row-line:before { content: "\ee9d" } .ri-layout-top-2-fill:before { content: "\ee9e" } .ri-layout-top-2-line:before { content: "\ee9f" } .ri-layout-top-fill:before { content: "\eea0" } .ri-layout-top-line:before { content: "\eea1" } .ri-leaf-fill:before { content: "\eea2" } .ri-leaf-line:before { content: "\eea3" } .ri-lifebuoy-fill:before { content: "\eea4" } .ri-lifebuoy-line:before { content: "\eea5" } .ri-lightbulb-fill:before { content: "\eea6" } .ri-lightbulb-flash-fill:before { content: "\eea7" } .ri-lightbulb-flash-line:before { content: "\eea8" } .ri-lightbulb-line:before { content: "\eea9" } .ri-line-chart-fill:before { content: "\eeaa" } .ri-line-chart-line:before { content: "\eeab" } .ri-line-fill:before { content: "\eeac" } .ri-line-height:before { content: "\eead" } .ri-line-line:before { content: "\eeae" } .ri-link-m:before { content: "\eeaf" } .ri-link-unlink-m:before { content: "\eeb0" } .ri-link-unlink:before { content: "\eeb1" } .ri-link:before { content: "\eeb2" } .ri-linkedin-box-fill:before { content: "\eeb3" } .ri-linkedin-box-line:before { content: "\eeb4" } .ri-linkedin-fill:before { content: "\eeb5" } .ri-linkedin-line:before { content: "\eeb6" } .ri-links-fill:before { content: "\eeb7" } .ri-links-line:before { content: "\eeb8" } .ri-list-check-2:before { content: "\eeb9" } .ri-list-check:before { content: "\eeba" } .ri-list-ordered:before { content: "\eebb" } .ri-list-settings-fill:before { content: "\eebc" } .ri-list-settings-line:before { content: "\eebd" } .ri-list-unordered:before { content: "\eebe" } .ri-live-fill:before { content: "\eebf" } .ri-live-line:before { content: "\eec0" } .ri-loader-2-fill:before { content: "\eec1" } .ri-loader-2-line:before { content: "\eec2" } .ri-loader-3-fill:before { content: "\eec3" } .ri-loader-3-line:before { content: "\eec4" } .ri-loader-4-fill:before { content: "\eec5" } .ri-loader-4-line:before { content: "\eec6" } .ri-loader-5-fill:before { content: "\eec7" } .ri-loader-5-line:before { content: "\eec8" } .ri-loader-fill:before { content: "\eec9" } .ri-loader-line:before { content: "\eeca" } .ri-lock-2-fill:before { content: "\eecb" } .ri-lock-2-line:before { content: "\eecc" } .ri-lock-fill:before { content: "\eecd" } .ri-lock-line:before { content: "\eece" } .ri-lock-password-fill:before { content: "\eecf" } .ri-lock-password-line:before { content: "\eed0" } .ri-lock-unlock-fill:before { content: "\eed1" } .ri-lock-unlock-line:before { content: "\eed2" } .ri-login-box-fill:before { content: "\eed3" } .ri-login-box-line:before { content: "\eed4" } .ri-login-circle-fill:before { content: "\eed5" } .ri-login-circle-line:before { content: "\eed6" } .ri-logout-box-fill:before { content: "\eed7" } .ri-logout-box-line:before { content: "\eed8" } .ri-logout-box-r-fill:before { content: "\eed9" } .ri-logout-box-r-line:before { content: "\eeda" } .ri-logout-circle-fill:before { content: "\eedb" } .ri-logout-circle-line:before { content: "\eedc" } .ri-logout-circle-r-fill:before { content: "\eedd" } .ri-logout-circle-r-line:before { content: "\eede" } .ri-luggage-cart-fill:before { content: "\eedf" } .ri-luggage-cart-line:before { content: "\eee0" } .ri-luggage-deposit-fill:before { content: "\eee1" } .ri-luggage-deposit-line:before { content: "\eee2" } .ri-lungs-fill:before { content: "\eee3" } .ri-lungs-line:before { content: "\eee4" } .ri-mac-fill:before { content: "\eee5" } .ri-mac-line:before { content: "\eee6" } .ri-macbook-fill:before { content: "\eee7" } .ri-macbook-line:before { content: "\eee8" } .ri-magic-fill:before { content: "\eee9" } .ri-magic-line:before { content: "\eeea" } .ri-mail-add-fill:before { content: "\eeeb" } .ri-mail-add-line:before { content: "\eeec" } .ri-mail-check-fill:before { content: "\eeed" } .ri-mail-check-line:before { content: "\eeee" } .ri-mail-close-fill:before { content: "\eeef" } .ri-mail-close-line:before { content: "\eef0" } .ri-mail-download-fill:before { content: "\eef1" } .ri-mail-download-line:before { content: "\eef2" } .ri-mail-fill:before { content: "\eef3" } .ri-mail-forbid-fill:before { content: "\eef4" } .ri-mail-forbid-line:before { content: "\eef5" } .ri-mail-line:before { content: "\eef6" } .ri-mail-lock-fill:before { content: "\eef7" } .ri-mail-lock-line:before { content: "\eef8" } .ri-mail-open-fill:before { content: "\eef9" } .ri-mail-open-line:before { content: "\eefa" } .ri-mail-send-fill:before { content: "\eefb" } .ri-mail-send-line:before { content: "\eefc" } .ri-mail-settings-fill:before { content: "\eefd" } .ri-mail-settings-line:before { content: "\eefe" } .ri-mail-star-fill:before { content: "\eeff" } .ri-mail-star-line:before { content: "\ef00" } .ri-mail-unread-fill:before { content: "\ef01" } .ri-mail-unread-line:before { content: "\ef02" } .ri-mail-volume-fill:before { content: "\ef03" } .ri-mail-volume-line:before { content: "\ef04" } .ri-map-2-fill:before { content: "\ef05" } .ri-map-2-line:before { content: "\ef06" } .ri-map-fill:before { content: "\ef07" } .ri-map-line:before { content: "\ef08" } .ri-map-pin-2-fill:before { content: "\ef09" } .ri-map-pin-2-line:before { content: "\ef0a" } .ri-map-pin-3-fill:before { content: "\ef0b" } .ri-map-pin-3-line:before { content: "\ef0c" } .ri-map-pin-4-fill:before { content: "\ef0d" } .ri-map-pin-4-line:before { content: "\ef0e" } .ri-map-pin-5-fill:before { content: "\ef0f" } .ri-map-pin-5-line:before { content: "\ef10" } .ri-map-pin-add-fill:before { content: "\ef11" } .ri-map-pin-add-line:before { content: "\ef12" } .ri-map-pin-fill:before { content: "\ef13" } .ri-map-pin-line:before { content: "\ef14" } .ri-map-pin-range-fill:before { content: "\ef15" } .ri-map-pin-range-line:before { content: "\ef16" } .ri-map-pin-time-fill:before { content: "\ef17" } .ri-map-pin-time-line:before { content: "\ef18" } .ri-map-pin-user-fill:before { content: "\ef19" } .ri-map-pin-user-line:before { content: "\ef1a" } .ri-mark-pen-fill:before { content: "\ef1b" } .ri-mark-pen-line:before { content: "\ef1c" } .ri-markdown-fill:before { content: "\ef1d" } .ri-markdown-line:before { content: "\ef1e" } .ri-markup-fill:before { content: "\ef1f" } .ri-markup-line:before { content: "\ef20" } .ri-mastercard-fill:before { content: "\ef21" } .ri-mastercard-line:before { content: "\ef22" } .ri-mastodon-fill:before { content: "\ef23" } .ri-mastodon-line:before { content: "\ef24" } .ri-medal-2-fill:before { content: "\ef25" } .ri-medal-2-line:before { content: "\ef26" } .ri-medal-fill:before { content: "\ef27" } .ri-medal-line:before { content: "\ef28" } .ri-medicine-bottle-fill:before { content: "\ef29" } .ri-medicine-bottle-line:before { content: "\ef2a" } .ri-medium-fill:before { content: "\ef2b" } .ri-medium-line:before { content: "\ef2c" } .ri-men-fill:before { content: "\ef2d" } .ri-men-line:before { content: "\ef2e" } .ri-mental-health-fill:before { content: "\ef2f" } .ri-mental-health-line:before { content: "\ef30" } .ri-menu-2-fill:before { content: "\ef31" } .ri-menu-2-line:before { content: "\ef32" } .ri-menu-3-fill:before { content: "\ef33" } .ri-menu-3-line:before { content: "\ef34" } .ri-menu-4-fill:before { content: "\ef35" } .ri-menu-4-line:before { content: "\ef36" } .ri-menu-5-fill:before { content: "\ef37" } .ri-menu-5-line:before { content: "\ef38" } .ri-menu-add-fill:before { content: "\ef39" } .ri-menu-add-line:before { content: "\ef3a" } .ri-menu-fill:before { content: "\ef3b" } .ri-menu-fold-fill:before { content: "\ef3c" } .ri-menu-fold-line:before { content: "\ef3d" } .ri-menu-line:before { content: "\ef3e" } .ri-menu-unfold-fill:before { content: "\ef3f" } .ri-menu-unfold-line:before { content: "\ef40" } .ri-merge-cells-horizontal:before { content: "\ef41" } .ri-merge-cells-vertical:before { content: "\ef42" } .ri-message-2-fill:before { content: "\ef43" } .ri-message-2-line:before { content: "\ef44" } .ri-message-3-fill:before { content: "\ef45" } .ri-message-3-line:before { content: "\ef46" } .ri-message-fill:before { content: "\ef47" } .ri-message-line:before { content: "\ef48" } .ri-messenger-fill:before { content: "\ef49" } .ri-messenger-line:before { content: "\ef4a" } .ri-meteor-fill:before { content: "\ef4b" } .ri-meteor-line:before { content: "\ef4c" } .ri-mic-2-fill:before { content: "\ef4d" } .ri-mic-2-line:before { content: "\ef4e" } .ri-mic-fill:before { content: "\ef4f" } .ri-mic-line:before { content: "\ef50" } .ri-mic-off-fill:before { content: "\ef51" } .ri-mic-off-line:before { content: "\ef52" } .ri-mickey-fill:before { content: "\ef53" } .ri-mickey-line:before { content: "\ef54" } .ri-microscope-fill:before { content: "\ef55" } .ri-microscope-line:before { content: "\ef56" } .ri-microsoft-fill:before { content: "\ef57" } .ri-microsoft-line:before { content: "\ef58" } .ri-mind-map:before { content: "\ef59" } .ri-mini-program-fill:before { content: "\ef5a" } .ri-mini-program-line:before { content: "\ef5b" } .ri-mist-fill:before { content: "\ef5c" } .ri-mist-line:before { content: "\ef5d" } .ri-money-cny-box-fill:before { content: "\ef5e" } .ri-money-cny-box-line:before { content: "\ef5f" } .ri-money-cny-circle-fill:before { content: "\ef60" } .ri-money-cny-circle-line:before { content: "\ef61" } .ri-money-dollar-box-fill:before { content: "\ef62" } .ri-money-dollar-box-line:before { content: "\ef63" } .ri-money-dollar-circle-fill:before { content: "\ef64" } .ri-money-dollar-circle-line:before { content: "\ef65" } .ri-money-euro-box-fill:before { content: "\ef66" } .ri-money-euro-box-line:before { content: "\ef67" } .ri-money-euro-circle-fill:before { content: "\ef68" } .ri-money-euro-circle-line:before { content: "\ef69" } .ri-money-pound-box-fill:before { content: "\ef6a" } .ri-money-pound-box-line:before { content: "\ef6b" } .ri-money-pound-circle-fill:before { content: "\ef6c" } .ri-money-pound-circle-line:before { content: "\ef6d" } .ri-moon-clear-fill:before { content: "\ef6e" } .ri-moon-clear-line:before { content: "\ef6f" } .ri-moon-cloudy-fill:before { content: "\ef70" } .ri-moon-cloudy-line:before { content: "\ef71" } .ri-moon-fill:before { content: "\ef72" } .ri-moon-foggy-fill:before { content: "\ef73" } .ri-moon-foggy-line:before { content: "\ef74" } .ri-moon-line:before { content: "\ef75" } .ri-more-2-fill:before { content: "\ef76" } .ri-more-2-line:before { content: "\ef77" } .ri-more-fill:before { content: "\ef78" } .ri-more-line:before { content: "\ef79" } .ri-motorbike-fill:before { content: "\ef7a" } .ri-motorbike-line:before { content: "\ef7b" } .ri-mouse-fill:before { content: "\ef7c" } .ri-mouse-line:before { content: "\ef7d" } .ri-movie-2-fill:before { content: "\ef7e" } .ri-movie-2-line:before { content: "\ef7f" } .ri-movie-fill:before { content: "\ef80" } .ri-movie-line:before { content: "\ef81" } .ri-music-2-fill:before { content: "\ef82" } .ri-music-2-line:before { content: "\ef83" } .ri-music-fill:before { content: "\ef84" } .ri-music-line:before { content: "\ef85" } .ri-mv-fill:before { content: "\ef86" } .ri-mv-line:before { content: "\ef87" } .ri-navigation-fill:before { content: "\ef88" } .ri-navigation-line:before { content: "\ef89" } .ri-netease-cloud-music-fill:before { content: "\ef8a" } .ri-netease-cloud-music-line:before { content: "\ef8b" } .ri-netflix-fill:before { content: "\ef8c" } .ri-netflix-line:before { content: "\ef8d" } .ri-newspaper-fill:before { content: "\ef8e" } .ri-newspaper-line:before { content: "\ef8f" } .ri-node-tree:before { content: "\ef90" } .ri-notification-2-fill:before { content: "\ef91" } .ri-notification-2-line:before { content: "\ef92" } .ri-notification-3-fill:before { content: "\ef93" } .ri-notification-3-line:before { content: "\ef94" } .ri-notification-4-fill:before { content: "\ef95" } .ri-notification-4-line:before { content: "\ef96" } .ri-notification-badge-fill:before { content: "\ef97" } .ri-notification-badge-line:before { content: "\ef98" } .ri-notification-fill:before { content: "\ef99" } .ri-notification-line:before { content: "\ef9a" } .ri-notification-off-fill:before { content: "\ef9b" } .ri-notification-off-line:before { content: "\ef9c" } .ri-npmjs-fill:before { content: "\ef9d" } .ri-npmjs-line:before { content: "\ef9e" } .ri-number-0:before { content: "\ef9f" } .ri-number-1:before { content: "\efa0" } .ri-number-2:before { content: "\efa1" } .ri-number-3:before { content: "\efa2" } .ri-number-4:before { content: "\efa3" } .ri-number-5:before { content: "\efa4" } .ri-number-6:before { content: "\efa5" } .ri-number-7:before { content: "\efa6" } .ri-number-8:before { content: "\efa7" } .ri-number-9:before { content: "\efa8" } .ri-numbers-fill:before { content: "\efa9" } .ri-numbers-line:before { content: "\efaa" } .ri-nurse-fill:before { content: "\efab" } .ri-nurse-line:before { content: "\efac" } .ri-oil-fill:before { content: "\efad" } .ri-oil-line:before { content: "\efae" } .ri-omega:before { content: "\efaf" } .ri-open-arm-fill:before { content: "\efb0" } .ri-open-arm-line:before { content: "\efb1" } .ri-open-source-fill:before { content: "\efb2" } .ri-open-source-line:before { content: "\efb3" } .ri-opera-fill:before { content: "\efb4" } .ri-opera-line:before { content: "\efb5" } .ri-order-play-fill:before { content: "\efb6" } .ri-order-play-line:before { content: "\efb7" } .ri-organization-chart:before { content: "\efb8" } .ri-outlet-2-fill:before { content: "\efb9" } .ri-outlet-2-line:before { content: "\efba" } .ri-outlet-fill:before { content: "\efbb" } .ri-outlet-line:before { content: "\efbc" } .ri-page-separator:before { content: "\efbd" } .ri-pages-fill:before { content: "\efbe" } .ri-pages-line:before { content: "\efbf" } .ri-paint-brush-fill:before { content: "\efc0" } .ri-paint-brush-line:before { content: "\efc1" } .ri-paint-fill:before { content: "\efc2" } .ri-paint-line:before { content: "\efc3" } .ri-palette-fill:before { content: "\efc4" } .ri-palette-line:before { content: "\efc5" } .ri-pantone-fill:before { content: "\efc6" } .ri-pantone-line:before { content: "\efc7" } .ri-paragraph:before { content: "\efc8" } .ri-parent-fill:before { content: "\efc9" } .ri-parent-line:before { content: "\efca" } .ri-parentheses-fill:before { content: "\efcb" } .ri-parentheses-line:before { content: "\efcc" } .ri-parking-box-fill:before { content: "\efcd" } .ri-parking-box-line:before { content: "\efce" } .ri-parking-fill:before { content: "\efcf" } .ri-parking-line:before { content: "\efd0" } .ri-passport-fill:before { content: "\efd1" } .ri-passport-line:before { content: "\efd2" } .ri-patreon-fill:before { content: "\efd3" } .ri-patreon-line:before { content: "\efd4" } .ri-pause-circle-fill:before { content: "\efd5" } .ri-pause-circle-line:before { content: "\efd6" } .ri-pause-fill:before { content: "\efd7" } .ri-pause-line:before { content: "\efd8" } .ri-pause-mini-fill:before { content: "\efd9" } .ri-pause-mini-line:before { content: "\efda" } .ri-paypal-fill:before { content: "\efdb" } .ri-paypal-line:before { content: "\efdc" } .ri-pen-nib-fill:before { content: "\efdd" } .ri-pen-nib-line:before { content: "\efde" } .ri-pencil-fill:before { content: "\efdf" } .ri-pencil-line:before { content: "\efe0" } .ri-pencil-ruler-2-fill:before { content: "\efe1" } .ri-pencil-ruler-2-line:before { content: "\efe2" } .ri-pencil-ruler-fill:before { content: "\efe3" } .ri-pencil-ruler-line:before { content: "\efe4" } .ri-percent-fill:before { content: "\efe5" } .ri-percent-line:before { content: "\efe6" } .ri-phone-camera-fill:before { content: "\efe7" } .ri-phone-camera-line:before { content: "\efe8" } .ri-phone-fill:before { content: "\efe9" } .ri-phone-find-fill:before { content: "\efea" } .ri-phone-find-line:before { content: "\efeb" } .ri-phone-line:before { content: "\efec" } .ri-phone-lock-fill:before { content: "\efed" } .ri-phone-lock-line:before { content: "\efee" } .ri-picture-in-picture-2-fill:before { content: "\efef" } .ri-picture-in-picture-2-line:before { content: "\eff0" } .ri-picture-in-picture-exit-fill:before { content: "\eff1" } .ri-picture-in-picture-exit-line:before { content: "\eff2" } .ri-picture-in-picture-fill:before { content: "\eff3" } .ri-picture-in-picture-line:before { content: "\eff4" } .ri-pie-chart-2-fill:before { content: "\eff5" } .ri-pie-chart-2-line:before { content: "\eff6" } .ri-pie-chart-box-fill:before { content: "\eff7" } .ri-pie-chart-box-line:before { content: "\eff8" } .ri-pie-chart-fill:before { content: "\eff9" } .ri-pie-chart-line:before { content: "\effa" } .ri-pin-distance-fill:before { content: "\effb" } .ri-pin-distance-line:before { content: "\effc" } .ri-ping-pong-fill:before { content: "\effd" } .ri-ping-pong-line:before { content: "\effe" } .ri-pinterest-fill:before { content: "\efff" } .ri-pinterest-line:before { content: "\f000" } .ri-pinyin-input:before { content: "\f001" } .ri-pixelfed-fill:before { content: "\f002" } .ri-pixelfed-line:before { content: "\f003" } .ri-plane-fill:before { content: "\f004" } .ri-plane-line:before { content: "\f005" } .ri-plant-fill:before { content: "\f006" } .ri-plant-line:before { content: "\f007" } .ri-play-circle-fill:before { content: "\f008" } .ri-play-circle-line:before { content: "\f009" } .ri-play-fill:before { content: "\f00a" } .ri-play-line:before { content: "\f00b" } .ri-play-list-2-fill:before { content: "\f00c" } .ri-play-list-2-line:before { content: "\f00d" } .ri-play-list-add-fill:before { content: "\f00e" } .ri-play-list-add-line:before { content: "\f00f" } .ri-play-list-fill:before { content: "\f010" } .ri-play-list-line:before { content: "\f011" } .ri-play-mini-fill:before { content: "\f012" } .ri-play-mini-line:before { content: "\f013" } .ri-playstation-fill:before { content: "\f014" } .ri-playstation-line:before { content: "\f015" } .ri-plug-2-fill:before { content: "\f016" } .ri-plug-2-line:before { content: "\f017" } .ri-plug-fill:before { content: "\f018" } .ri-plug-line:before { content: "\f019" } .ri-polaroid-2-fill:before { content: "\f01a" } .ri-polaroid-2-line:before { content: "\f01b" } .ri-polaroid-fill:before { content: "\f01c" } .ri-polaroid-line:before { content: "\f01d" } .ri-police-car-fill:before { content: "\f01e" } .ri-police-car-line:before { content: "\f01f" } .ri-price-tag-2-fill:before { content: "\f020" } .ri-price-tag-2-line:before { content: "\f021" } .ri-price-tag-3-fill:before { content: "\f022" } .ri-price-tag-3-line:before { content: "\f023" } .ri-price-tag-fill:before { content: "\f024" } .ri-price-tag-line:before { content: "\f025" } .ri-printer-cloud-fill:before { content: "\f026" } .ri-printer-cloud-line:before { content: "\f027" } .ri-printer-fill:before { content: "\f028" } .ri-printer-line:before { content: "\f029" } .ri-product-hunt-fill:before { content: "\f02a" } .ri-product-hunt-line:before { content: "\f02b" } .ri-profile-fill:before { content: "\f02c" } .ri-profile-line:before { content: "\f02d" } .ri-projector-2-fill:before { content: "\f02e" } .ri-projector-2-line:before { content: "\f02f" } .ri-projector-fill:before { content: "\f030" } .ri-projector-line:before { content: "\f031" } .ri-psychotherapy-fill:before { content: "\f032" } .ri-psychotherapy-line:before { content: "\f033" } .ri-pulse-fill:before { content: "\f034" } .ri-pulse-line:before { content: "\f035" } .ri-pushpin-2-fill:before { content: "\f036" } .ri-pushpin-2-line:before { content: "\f037" } .ri-pushpin-fill:before { content: "\f038" } .ri-pushpin-line:before { content: "\f039" } .ri-qq-fill:before { content: "\f03a" } .ri-qq-line:before { content: "\f03b" } .ri-qr-code-fill:before { content: "\f03c" } .ri-qr-code-line:before { content: "\f03d" } .ri-qr-scan-2-fill:before { content: "\f03e" } .ri-qr-scan-2-line:before { content: "\f03f" } .ri-qr-scan-fill:before { content: "\f040" } .ri-qr-scan-line:before { content: "\f041" } .ri-question-answer-fill:before { content: "\f042" } .ri-question-answer-line:before { content: "\f043" } .ri-question-fill:before { content: "\f044" } .ri-question-line:before { content: "\f045" } .ri-question-mark:before { content: "\f046" } .ri-questionnaire-fill:before { content: "\f047" } .ri-questionnaire-line:before { content: "\f048" } .ri-quill-pen-fill:before { content: "\f049" } .ri-quill-pen-line:before { content: "\f04a" } .ri-radar-fill:before { content: "\f04b" } .ri-radar-line:before { content: "\f04c" } .ri-radio-2-fill:before { content: "\f04d" } .ri-radio-2-line:before { content: "\f04e" } .ri-radio-button-fill:before { content: "\f04f" } .ri-radio-button-line:before { content: "\f050" } .ri-radio-fill:before { content: "\f051" } .ri-radio-line:before { content: "\f052" } .ri-rainbow-fill:before { content: "\f053" } .ri-rainbow-line:before { content: "\f054" } .ri-rainy-fill:before { content: "\f055" } .ri-rainy-line:before { content: "\f056" } .ri-reactjs-fill:before { content: "\f057" } .ri-reactjs-line:before { content: "\f058" } .ri-record-circle-fill:before { content: "\f059" } .ri-record-circle-line:before { content: "\f05a" } .ri-record-mail-fill:before { content: "\f05b" } .ri-record-mail-line:before { content: "\f05c" } .ri-recycle-fill:before { content: "\f05d" } .ri-recycle-line:before { content: "\f05e" } .ri-red-packet-fill:before { content: "\f05f" } .ri-red-packet-line:before { content: "\f060" } .ri-reddit-fill:before { content: "\f061" } .ri-reddit-line:before { content: "\f062" } .ri-refresh-fill:before { content: "\f063" } .ri-refresh-line:before { content: "\f064" } .ri-refund-2-fill:before { content: "\f065" } .ri-refund-2-line:before { content: "\f066" } .ri-refund-fill:before { content: "\f067" } .ri-refund-line:before { content: "\f068" } .ri-registered-fill:before { content: "\f069" } .ri-registered-line:before { content: "\f06a" } .ri-remixicon-fill:before { content: "\f06b" } .ri-remixicon-line:before { content: "\f06c" } .ri-remote-control-2-fill:before { content: "\f06d" } .ri-remote-control-2-line:before { content: "\f06e" } .ri-remote-control-fill:before { content: "\f06f" } .ri-remote-control-line:before { content: "\f070" } .ri-repeat-2-fill:before { content: "\f071" } .ri-repeat-2-line:before { content: "\f072" } .ri-repeat-fill:before { content: "\f073" } .ri-repeat-line:before { content: "\f074" } .ri-repeat-one-fill:before { content: "\f075" } .ri-repeat-one-line:before { content: "\f076" } .ri-reply-all-fill:before { content: "\f077" } .ri-reply-all-line:before { content: "\f078" } .ri-reply-fill:before { content: "\f079" } .ri-reply-line:before { content: "\f07a" } .ri-reserved-fill:before { content: "\f07b" } .ri-reserved-line:before { content: "\f07c" } .ri-rest-time-fill:before { content: "\f07d" } .ri-rest-time-line:before { content: "\f07e" } .ri-restart-fill:before { content: "\f07f" } .ri-restart-line:before { content: "\f080" } .ri-restaurant-2-fill:before { content: "\f081" } .ri-restaurant-2-line:before { content: "\f082" } .ri-restaurant-fill:before { content: "\f083" } .ri-restaurant-line:before { content: "\f084" } .ri-rewind-fill:before { content: "\f085" } .ri-rewind-line:before { content: "\f086" } .ri-rewind-mini-fill:before { content: "\f087" } .ri-rewind-mini-line:before { content: "\f088" } .ri-rhythm-fill:before { content: "\f089" } .ri-rhythm-line:before { content: "\f08a" } .ri-riding-fill:before { content: "\f08b" } .ri-riding-line:before { content: "\f08c" } .ri-road-map-fill:before { content: "\f08d" } .ri-road-map-line:before { content: "\f08e" } .ri-roadster-fill:before { content: "\f08f" } .ri-roadster-line:before { content: "\f090" } .ri-robot-fill:before { content: "\f091" } .ri-robot-line:before { content: "\f092" } .ri-rocket-2-fill:before { content: "\f093" } .ri-rocket-2-line:before { content: "\f094" } .ri-rocket-fill:before { content: "\f095" } .ri-rocket-line:before { content: "\f096" } .ri-rotate-lock-fill:before { content: "\f097" } .ri-rotate-lock-line:before { content: "\f098" } .ri-rounded-corner:before { content: "\f099" } .ri-route-fill:before { content: "\f09a" } .ri-route-line:before { content: "\f09b" } .ri-router-fill:before { content: "\f09c" } .ri-router-line:before { content: "\f09d" } .ri-rss-fill:before { content: "\f09e" } .ri-rss-line:before { content: "\f09f" } .ri-ruler-2-fill:before { content: "\f0a0" } .ri-ruler-2-line:before { content: "\f0a1" } .ri-ruler-fill:before { content: "\f0a2" } .ri-ruler-line:before { content: "\f0a3" } .ri-run-fill:before { content: "\f0a4" } .ri-run-line:before { content: "\f0a5" } .ri-safari-fill:before { content: "\f0a6" } .ri-safari-line:before { content: "\f0a7" } .ri-safe-2-fill:before { content: "\f0a8" } .ri-safe-2-line:before { content: "\f0a9" } .ri-safe-fill:before { content: "\f0aa" } .ri-safe-line:before { content: "\f0ab" } .ri-sailboat-fill:before { content: "\f0ac" } .ri-sailboat-line:before { content: "\f0ad" } .ri-save-2-fill:before { content: "\f0ae" } .ri-save-2-line:before { content: "\f0af" } .ri-save-3-fill:before { content: "\f0b0" } .ri-save-3-line:before { content: "\f0b1" } .ri-save-fill:before { content: "\f0b2" } .ri-save-line:before { content: "\f0b3" } .ri-scales-2-fill:before { content: "\f0b4" } .ri-scales-2-line:before { content: "\f0b5" } .ri-scales-3-fill:before { content: "\f0b6" } .ri-scales-3-line:before { content: "\f0b7" } .ri-scales-fill:before { content: "\f0b8" } .ri-scales-line:before { content: "\f0b9" } .ri-scan-2-fill:before { content: "\f0ba" } .ri-scan-2-line:before { content: "\f0bb" } .ri-scan-fill:before { content: "\f0bc" } .ri-scan-line:before { content: "\f0bd" } .ri-scissors-2-fill:before { content: "\f0be" } .ri-scissors-2-line:before { content: "\f0bf" } .ri-scissors-cut-fill:before { content: "\f0c0" } .ri-scissors-cut-line:before { content: "\f0c1" } .ri-scissors-fill:before { content: "\f0c2" } .ri-scissors-line:before { content: "\f0c3" } .ri-screenshot-2-fill:before { content: "\f0c4" } .ri-screenshot-2-line:before { content: "\f0c5" } .ri-screenshot-fill:before { content: "\f0c6" } .ri-screenshot-line:before { content: "\f0c7" } .ri-sd-card-fill:before { content: "\f0c8" } .ri-sd-card-line:before { content: "\f0c9" } .ri-sd-card-mini-fill:before { content: "\f0ca" } .ri-sd-card-mini-line:before { content: "\f0cb" } .ri-search-2-fill:before { content: "\f0cc" } .ri-search-2-line:before { content: "\f0cd" } .ri-search-eye-fill:before { content: "\f0ce" } .ri-search-eye-line:before { content: "\f0cf" } .ri-search-fill:before { content: "\f0d0" } .ri-search-line:before { content: "\f0d1" } .ri-secure-payment-fill:before { content: "\f0d2" } .ri-secure-payment-line:before { content: "\f0d3" } .ri-seedling-fill:before { content: "\f0d4" } .ri-seedling-line:before { content: "\f0d5" } .ri-send-backward:before { content: "\f0d6" } .ri-send-plane-2-fill:before { content: "\f0d7" } .ri-send-plane-2-line:before { content: "\f0d8" } .ri-send-plane-fill:before { content: "\f0d9" } .ri-send-plane-line:before { content: "\f0da" } .ri-send-to-back:before { content: "\f0db" } .ri-sensor-fill:before { content: "\f0dc" } .ri-sensor-line:before { content: "\f0dd" } .ri-separator:before { content: "\f0de" } .ri-server-fill:before { content: "\f0df" } .ri-server-line:before { content: "\f0e0" } .ri-service-fill:before { content: "\f0e1" } .ri-service-line:before { content: "\f0e2" } .ri-settings-2-fill:before { content: "\f0e3" } .ri-settings-2-line:before { content: "\f0e4" } .ri-settings-3-fill:before { content: "\f0e5" } .ri-settings-3-line:before { content: "\f0e6" } .ri-settings-4-fill:before { content: "\f0e7" } .ri-settings-4-line:before { content: "\f0e8" } .ri-settings-5-fill:before { content: "\f0e9" } .ri-settings-5-line:before { content: "\f0ea" } .ri-settings-6-fill:before { content: "\f0eb" } .ri-settings-6-line:before { content: "\f0ec" } .ri-settings-fill:before { content: "\f0ed" } .ri-settings-line:before { content: "\f0ee" } .ri-shape-2-fill:before { content: "\f0ef" } .ri-shape-2-line:before { content: "\f0f0" } .ri-shape-fill:before { content: "\f0f1" } .ri-shape-line:before { content: "\f0f2" } .ri-share-box-fill:before { content: "\f0f3" } .ri-share-box-line:before { content: "\f0f4" } .ri-share-circle-fill:before { content: "\f0f5" } .ri-share-circle-line:before { content: "\f0f6" } .ri-share-fill:before { content: "\f0f7" } .ri-share-forward-2-fill:before { content: "\f0f8" } .ri-share-forward-2-line:before { content: "\f0f9" } .ri-share-forward-box-fill:before { content: "\f0fa" } .ri-share-forward-box-line:before { content: "\f0fb" } .ri-share-forward-fill:before { content: "\f0fc" } .ri-share-forward-line:before { content: "\f0fd" } .ri-share-line:before { content: "\f0fe" } .ri-shield-check-fill:before { content: "\f0ff" } .ri-shield-check-line:before { content: "\f100" } .ri-shield-cross-fill:before { content: "\f101" } .ri-shield-cross-line:before { content: "\f102" } .ri-shield-fill:before { content: "\f103" } .ri-shield-flash-fill:before { content: "\f104" } .ri-shield-flash-line:before { content: "\f105" } .ri-shield-keyhole-fill:before { content: "\f106" } .ri-shield-keyhole-line:before { content: "\f107" } .ri-shield-line:before { content: "\f108" } .ri-shield-star-fill:before { content: "\f109" } .ri-shield-star-line:before { content: "\f10a" } .ri-shield-user-fill:before { content: "\f10b" } .ri-shield-user-line:before { content: "\f10c" } .ri-ship-2-fill:before { content: "\f10d" } .ri-ship-2-line:before { content: "\f10e" } .ri-ship-fill:before { content: "\f10f" } .ri-ship-line:before { content: "\f110" } .ri-shirt-fill:before { content: "\f111" } .ri-shirt-line:before { content: "\f112" } .ri-shopping-bag-2-fill:before { content: "\f113" } .ri-shopping-bag-2-line:before { content: "\f114" } .ri-shopping-bag-3-fill:before { content: "\f115" } .ri-shopping-bag-3-line:before { content: "\f116" } .ri-shopping-bag-fill:before { content: "\f117" } .ri-shopping-bag-line:before { content: "\f118" } .ri-shopping-basket-2-fill:before { content: "\f119" } .ri-shopping-basket-2-line:before { content: "\f11a" } .ri-shopping-basket-fill:before { content: "\f11b" } .ri-shopping-basket-line:before { content: "\f11c" } .ri-shopping-cart-2-fill:before { content: "\f11d" } .ri-shopping-cart-2-line:before { content: "\f11e" } .ri-shopping-cart-fill:before { content: "\f11f" } .ri-shopping-cart-line:before { content: "\f120" } .ri-showers-fill:before { content: "\f121" } .ri-showers-line:before { content: "\f122" } .ri-shuffle-fill:before { content: "\f123" } .ri-shuffle-line:before { content: "\f124" } .ri-shut-down-fill:before { content: "\f125" } .ri-shut-down-line:before { content: "\f126" } .ri-side-bar-fill:before { content: "\f127" } .ri-side-bar-line:before { content: "\f128" } .ri-signal-tower-fill:before { content: "\f129" } .ri-signal-tower-line:before { content: "\f12a" } .ri-signal-wifi-1-fill:before { content: "\f12b" } .ri-signal-wifi-1-line:before { content: "\f12c" } .ri-signal-wifi-2-fill:before { content: "\f12d" } .ri-signal-wifi-2-line:before { content: "\f12e" } .ri-signal-wifi-3-fill:before { content: "\f12f" } .ri-signal-wifi-3-line:before { content: "\f130" } .ri-signal-wifi-error-fill:before { content: "\f131" } .ri-signal-wifi-error-line:before { content: "\f132" } .ri-signal-wifi-fill:before { content: "\f133" } .ri-signal-wifi-line:before { content: "\f134" } .ri-signal-wifi-off-fill:before { content: "\f135" } .ri-signal-wifi-off-line:before { content: "\f136" } .ri-sim-card-2-fill:before { content: "\f137" } .ri-sim-card-2-line:before { content: "\f138" } .ri-sim-card-fill:before { content: "\f139" } .ri-sim-card-line:before { content: "\f13a" } .ri-single-quotes-l:before { content: "\f13b" } .ri-single-quotes-r:before { content: "\f13c" } .ri-sip-fill:before { content: "\f13d" } .ri-sip-line:before { content: "\f13e" } .ri-skip-back-fill:before { content: "\f13f" } .ri-skip-back-line:before { content: "\f140" } .ri-skip-back-mini-fill:before { content: "\f141" } .ri-skip-back-mini-line:before { content: "\f142" } .ri-skip-forward-fill:before { content: "\f143" } .ri-skip-forward-line:before { content: "\f144" } .ri-skip-forward-mini-fill:before { content: "\f145" } .ri-skip-forward-mini-line:before { content: "\f146" } .ri-skull-2-fill:before { content: "\f147" } .ri-skull-2-line:before { content: "\f148" } .ri-skull-fill:before { content: "\f149" } .ri-skull-line:before { content: "\f14a" } .ri-skype-fill:before { content: "\f14b" } .ri-skype-line:before { content: "\f14c" } .ri-slack-fill:before { content: "\f14d" } .ri-slack-line:before { content: "\f14e" } .ri-slice-fill:before { content: "\f14f" } .ri-slice-line:before { content: "\f150" } .ri-slideshow-2-fill:before { content: "\f151" } .ri-slideshow-2-line:before { content: "\f152" } .ri-slideshow-3-fill:before { content: "\f153" } .ri-slideshow-3-line:before { content: "\f154" } .ri-slideshow-4-fill:before { content: "\f155" } .ri-slideshow-4-line:before { content: "\f156" } .ri-slideshow-fill:before { content: "\f157" } .ri-slideshow-line:before { content: "\f158" } .ri-smartphone-fill:before { content: "\f159" } .ri-smartphone-line:before { content: "\f15a" } .ri-snapchat-fill:before { content: "\f15b" } .ri-snapchat-line:before { content: "\f15c" } .ri-snowy-fill:before { content: "\f15d" } .ri-snowy-line:before { content: "\f15e" } .ri-sort-asc:before { content: "\f15f" } .ri-sort-desc:before { content: "\f160" } .ri-sound-module-fill:before { content: "\f161" } .ri-sound-module-line:before { content: "\f162" } .ri-soundcloud-fill:before { content: "\f163" } .ri-soundcloud-line:before { content: "\f164" } .ri-space-ship-fill:before { content: "\f165" } .ri-space-ship-line:before { content: "\f166" } .ri-space:before { content: "\f167" } .ri-spam-2-fill:before { content: "\f168" } .ri-spam-2-line:before { content: "\f169" } .ri-spam-3-fill:before { content: "\f16a" } .ri-spam-3-line:before { content: "\f16b" } .ri-spam-fill:before { content: "\f16c" } .ri-spam-line:before { content: "\f16d" } .ri-speaker-2-fill:before { content: "\f16e" } .ri-speaker-2-line:before { content: "\f16f" } .ri-speaker-3-fill:before { content: "\f170" } .ri-speaker-3-line:before { content: "\f171" } .ri-speaker-fill:before { content: "\f172" } .ri-speaker-line:before { content: "\f173" } .ri-spectrum-fill:before { content: "\f174" } .ri-spectrum-line:before { content: "\f175" } .ri-speed-fill:before { content: "\f176" } .ri-speed-line:before { content: "\f177" } .ri-speed-mini-fill:before { content: "\f178" } .ri-speed-mini-line:before { content: "\f179" } .ri-split-cells-horizontal:before { content: "\f17a" } .ri-split-cells-vertical:before { content: "\f17b" } .ri-spotify-fill:before { content: "\f17c" } .ri-spotify-line:before { content: "\f17d" } .ri-spy-fill:before { content: "\f17e" } .ri-spy-line:before { content: "\f17f" } .ri-stack-fill:before { content: "\f180" } .ri-stack-line:before { content: "\f181" } .ri-stack-overflow-fill:before { content: "\f182" } .ri-stack-overflow-line:before { content: "\f183" } .ri-stackshare-fill:before { content: "\f184" } .ri-stackshare-line:before { content: "\f185" } .ri-star-fill:before { content: "\f186" } .ri-star-half-fill:before { content: "\f187" } .ri-star-half-line:before { content: "\f188" } .ri-star-half-s-fill:before { content: "\f189" } .ri-star-half-s-line:before { content: "\f18a" } .ri-star-line:before { content: "\f18b" } .ri-star-s-fill:before { content: "\f18c" } .ri-star-s-line:before { content: "\f18d" } .ri-star-smile-fill:before { content: "\f18e" } .ri-star-smile-line:before { content: "\f18f" } .ri-steam-fill:before { content: "\f190" } .ri-steam-line:before { content: "\f191" } .ri-steering-2-fill:before { content: "\f192" } .ri-steering-2-line:before { content: "\f193" } .ri-steering-fill:before { content: "\f194" } .ri-steering-line:before { content: "\f195" } .ri-stethoscope-fill:before { content: "\f196" } .ri-stethoscope-line:before { content: "\f197" } .ri-sticky-note-2-fill:before { content: "\f198" } .ri-sticky-note-2-line:before { content: "\f199" } .ri-sticky-note-fill:before { content: "\f19a" } .ri-sticky-note-line:before { content: "\f19b" } .ri-stock-fill:before { content: "\f19c" } .ri-stock-line:before { content: "\f19d" } .ri-stop-circle-fill:before { content: "\f19e" } .ri-stop-circle-line:before { content: "\f19f" } .ri-stop-fill:before { content: "\f1a0" } .ri-stop-line:before { content: "\f1a1" } .ri-stop-mini-fill:before { content: "\f1a2" } .ri-stop-mini-line:before { content: "\f1a3" } .ri-store-2-fill:before { content: "\f1a4" } .ri-store-2-line:before { content: "\f1a5" } .ri-store-3-fill:before { content: "\f1a6" } .ri-store-3-line:before { content: "\f1a7" } .ri-store-fill:before { content: "\f1a8" } .ri-store-line:before { content: "\f1a9" } .ri-strikethrough-2:before { content: "\f1aa" } .ri-strikethrough:before { content: "\f1ab" } .ri-subscript-2:before { content: "\f1ac" } .ri-subscript:before { content: "\f1ad" } .ri-subtract-fill:before { content: "\f1ae" } .ri-subtract-line:before { content: "\f1af" } .ri-subway-fill:before { content: "\f1b0" } .ri-subway-line:before { content: "\f1b1" } .ri-subway-wifi-fill:before { content: "\f1b2" } .ri-subway-wifi-line:before { content: "\f1b3" } .ri-suitcase-2-fill:before { content: "\f1b4" } .ri-suitcase-2-line:before { content: "\f1b5" } .ri-suitcase-3-fill:before { content: "\f1b6" } .ri-suitcase-3-line:before { content: "\f1b7" } .ri-suitcase-fill:before { content: "\f1b8" } .ri-suitcase-line:before { content: "\f1b9" } .ri-sun-cloudy-fill:before { content: "\f1ba" } .ri-sun-cloudy-line:before { content: "\f1bb" } .ri-sun-fill:before { content: "\f1bc" } .ri-sun-foggy-fill:before { content: "\f1bd" } .ri-sun-foggy-line:before { content: "\f1be" } .ri-sun-line:before { content: "\f1bf" } .ri-superscript-2:before { content: "\f1c0" } .ri-superscript:before { content: "\f1c1" } .ri-surgical-mask-fill:before { content: "\f1c2" } .ri-surgical-mask-line:before { content: "\f1c3" } .ri-surround-sound-fill:before { content: "\f1c4" } .ri-surround-sound-line:before { content: "\f1c5" } .ri-survey-fill:before { content: "\f1c6" } .ri-survey-line:before { content: "\f1c7" } .ri-swap-box-fill:before { content: "\f1c8" } .ri-swap-box-line:before { content: "\f1c9" } .ri-swap-fill:before { content: "\f1ca" } .ri-swap-line:before { content: "\f1cb" } .ri-switch-fill:before { content: "\f1cc" } .ri-switch-line:before { content: "\f1cd" } .ri-sword-fill:before { content: "\f1ce" } .ri-sword-line:before { content: "\f1cf" } .ri-syringe-fill:before { content: "\f1d0" } .ri-syringe-line:before { content: "\f1d1" } .ri-t-box-fill:before { content: "\f1d2" } .ri-t-box-line:before { content: "\f1d3" } .ri-t-shirt-2-fill:before { content: "\f1d4" } .ri-t-shirt-2-line:before { content: "\f1d5" } .ri-t-shirt-air-fill:before { content: "\f1d6" } .ri-t-shirt-air-line:before { content: "\f1d7" } .ri-t-shirt-fill:before { content: "\f1d8" } .ri-t-shirt-line:before { content: "\f1d9" } .ri-table-2:before { content: "\f1da" } .ri-table-alt-fill:before { content: "\f1db" } .ri-table-alt-line:before { content: "\f1dc" } .ri-table-fill:before { content: "\f1dd" } .ri-table-line:before { content: "\f1de" } .ri-tablet-fill:before { content: "\f1df" } .ri-tablet-line:before { content: "\f1e0" } .ri-takeaway-fill:before { content: "\f1e1" } .ri-takeaway-line:before { content: "\f1e2" } .ri-taobao-fill:before { content: "\f1e3" } .ri-taobao-line:before { content: "\f1e4" } .ri-tape-fill:before { content: "\f1e5" } .ri-tape-line:before { content: "\f1e6" } .ri-task-fill:before { content: "\f1e7" } .ri-task-line:before { content: "\f1e8" } .ri-taxi-fill:before { content: "\f1e9" } .ri-taxi-line:before { content: "\f1ea" } .ri-taxi-wifi-fill:before { content: "\f1eb" } .ri-taxi-wifi-line:before { content: "\f1ec" } .ri-team-fill:before { content: "\f1ed" } .ri-team-line:before { content: "\f1ee" } .ri-telegram-fill:before { content: "\f1ef" } .ri-telegram-line:before { content: "\f1f0" } .ri-temp-cold-fill:before { content: "\f1f1" } .ri-temp-cold-line:before { content: "\f1f2" } .ri-temp-hot-fill:before { content: "\f1f3" } .ri-temp-hot-line:before { content: "\f1f4" } .ri-terminal-box-fill:before { content: "\f1f5" } .ri-terminal-box-line:before { content: "\f1f6" } .ri-terminal-fill:before { content: "\f1f7" } .ri-terminal-line:before { content: "\f1f8" } .ri-terminal-window-fill:before { content: "\f1f9" } .ri-terminal-window-line:before { content: "\f1fa" } .ri-test-tube-fill:before { content: "\f1fb" } .ri-test-tube-line:before { content: "\f1fc" } .ri-text-direction-l:before { content: "\f1fd" } .ri-text-direction-r:before { content: "\f1fe" } .ri-text-spacing:before { content: "\f1ff" } .ri-text-wrap:before { content: "\f200" } .ri-text:before { content: "\f201" } .ri-thermometer-fill:before { content: "\f202" } .ri-thermometer-line:before { content: "\f203" } .ri-thumb-down-fill:before { content: "\f204" } .ri-thumb-down-line:before { content: "\f205" } .ri-thumb-up-fill:before { content: "\f206" } .ri-thumb-up-line:before { content: "\f207" } .ri-thunderstorms-fill:before { content: "\f208" } .ri-thunderstorms-line:before { content: "\f209" } .ri-ticket-2-fill:before { content: "\f20a" } .ri-ticket-2-line:before { content: "\f20b" } .ri-ticket-fill:before { content: "\f20c" } .ri-ticket-line:before { content: "\f20d" } .ri-time-fill:before { content: "\f20e" } .ri-time-line:before { content: "\f20f" } .ri-timer-2-fill:before { content: "\f210" } .ri-timer-2-line:before { content: "\f211" } .ri-timer-fill:before { content: "\f212" } .ri-timer-flash-fill:before { content: "\f213" } .ri-timer-flash-line:before { content: "\f214" } .ri-timer-line:before { content: "\f215" } .ri-todo-fill:before { content: "\f216" } .ri-todo-line:before { content: "\f217" } .ri-toggle-fill:before { content: "\f218" } .ri-toggle-line:before { content: "\f219" } .ri-tools-fill:before { content: "\f21a" } .ri-tools-line:before { content: "\f21b" } .ri-tornado-fill:before { content: "\f21c" } .ri-tornado-line:before { content: "\f21d" } .ri-trademark-fill:before { content: "\f21e" } .ri-trademark-line:before { content: "\f21f" } .ri-traffic-light-fill:before { content: "\f220" } .ri-traffic-light-line:before { content: "\f221" } .ri-train-fill:before { content: "\f222" } .ri-train-line:before { content: "\f223" } .ri-train-wifi-fill:before { content: "\f224" } .ri-train-wifi-line:before { content: "\f225" } .ri-translate-2:before { content: "\f226" } .ri-translate:before { content: "\f227" } .ri-travesti-fill:before { content: "\f228" } .ri-travesti-line:before { content: "\f229" } .ri-treasure-map-fill:before { content: "\f22a" } .ri-treasure-map-line:before { content: "\f22b" } .ri-trello-fill:before { content: "\f22c" } .ri-trello-line:before { content: "\f22d" } .ri-trophy-fill:before { content: "\f22e" } .ri-trophy-line:before { content: "\f22f" } .ri-truck-fill:before { content: "\f230" } .ri-truck-line:before { content: "\f231" } .ri-tumblr-fill:before { content: "\f232" } .ri-tumblr-line:before { content: "\f233" } .ri-tv-2-fill:before { content: "\f234" } .ri-tv-2-line:before { content: "\f235" } .ri-tv-fill:before { content: "\f236" } .ri-tv-line:before { content: "\f237" } .ri-twitch-fill:before { content: "\f238" } .ri-twitch-line:before { content: "\f239" } .ri-twitter-fill:before { content: "\f23a" } .ri-twitter-line:before { content: "\f23b" } .ri-typhoon-fill:before { content: "\f23c" } .ri-typhoon-line:before { content: "\f23d" } .ri-u-disk-fill:before { content: "\f23e" } .ri-u-disk-line:before { content: "\f23f" } .ri-ubuntu-fill:before { content: "\f240" } .ri-ubuntu-line:before { content: "\f241" } .ri-umbrella-fill:before { content: "\f242" } .ri-umbrella-line:before { content: "\f243" } .ri-underline:before { content: "\f244" } .ri-uninstall-fill:before { content: "\f245" } .ri-uninstall-line:before { content: "\f246" } .ri-unsplash-fill:before { content: "\f247" } .ri-unsplash-line:before { content: "\f248" } .ri-upload-2-fill:before { content: "\f249" } .ri-upload-2-line:before { content: "\f24a" } .ri-upload-cloud-2-fill:before { content: "\f24b" } .ri-upload-cloud-2-line:before { content: "\f24c" } .ri-upload-cloud-fill:before { content: "\f24d" } .ri-upload-cloud-line:before { content: "\f24e" } .ri-upload-fill:before { content: "\f24f" } .ri-upload-line:before { content: "\f250" } .ri-usb-fill:before { content: "\f251" } .ri-usb-line:before { content: "\f252" } .ri-user-2-fill:before { content: "\f253" } .ri-user-2-line:before { content: "\f254" } .ri-user-3-fill:before { content: "\f255" } .ri-user-3-line:before { content: "\f256" } .ri-user-4-fill:before { content: "\f257" } .ri-user-4-line:before { content: "\f258" } .ri-user-5-fill:before { content: "\f259" } .ri-user-5-line:before { content: "\f25a" } .ri-user-6-fill:before { content: "\f25b" } .ri-user-6-line:before { content: "\f25c" } .ri-user-add-fill:before { content: "\f25d" } .ri-user-add-line:before { content: "\f25e" } .ri-user-fill:before { content: "\f25f" } .ri-user-follow-fill:before { content: "\f260" } .ri-user-follow-line:before { content: "\f261" } .ri-user-heart-fill:before { content: "\f262" } .ri-user-heart-line:before { content: "\f263" } .ri-user-line:before { content: "\f264" } .ri-user-location-fill:before { content: "\f265" } .ri-user-location-line:before { content: "\f266" } .ri-user-received-2-fill:before { content: "\f267" } .ri-user-received-2-line:before { content: "\f268" } .ri-user-received-fill:before { content: "\f269" } .ri-user-received-line:before { content: "\f26a" } .ri-user-search-fill:before { content: "\f26b" } .ri-user-search-line:before { content: "\f26c" } .ri-user-settings-fill:before { content: "\f26d" } .ri-user-settings-line:before { content: "\f26e" } .ri-user-shared-2-fill:before { content: "\f26f" } .ri-user-shared-2-line:before { content: "\f270" } .ri-user-shared-fill:before { content: "\f271" } .ri-user-shared-line:before { content: "\f272" } .ri-user-smile-fill:before { content: "\f273" } .ri-user-smile-line:before { content: "\f274" } .ri-user-star-fill:before { content: "\f275" } .ri-user-star-line:before { content: "\f276" } .ri-user-unfollow-fill:before { content: "\f277" } .ri-user-unfollow-line:before { content: "\f278" } .ri-user-voice-fill:before { content: "\f279" } .ri-user-voice-line:before { content: "\f27a" } .ri-video-add-fill:before { content: "\f27b" } .ri-video-add-line:before { content: "\f27c" } .ri-video-chat-fill:before { content: "\f27d" } .ri-video-chat-line:before { content: "\f27e" } .ri-video-download-fill:before { content: "\f27f" } .ri-video-download-line:before { content: "\f280" } .ri-video-fill:before { content: "\f281" } .ri-video-line:before { content: "\f282" } .ri-video-upload-fill:before { content: "\f283" } .ri-video-upload-line:before { content: "\f284" } .ri-vidicon-2-fill:before { content: "\f285" } .ri-vidicon-2-line:before { content: "\f286" } .ri-vidicon-fill:before { content: "\f287" } .ri-vidicon-line:before { content: "\f288" } .ri-vimeo-fill:before { content: "\f289" } .ri-vimeo-line:before { content: "\f28a" } .ri-vip-crown-2-fill:before { content: "\f28b" } .ri-vip-crown-2-line:before { content: "\f28c" } .ri-vip-crown-fill:before { content: "\f28d" } .ri-vip-crown-line:before { content: "\f28e" } .ri-vip-diamond-fill:before { content: "\f28f" } .ri-vip-diamond-line:before { content: "\f290" } .ri-vip-fill:before { content: "\f291" } .ri-vip-line:before { content: "\f292" } .ri-virus-fill:before { content: "\f293" } .ri-virus-line:before { content: "\f294" } .ri-visa-fill:before { content: "\f295" } .ri-visa-line:before { content: "\f296" } .ri-voice-recognition-fill:before { content: "\f297" } .ri-voice-recognition-line:before { content: "\f298" } .ri-voiceprint-fill:before { content: "\f299" } .ri-voiceprint-line:before { content: "\f29a" } .ri-volume-down-fill:before { content: "\f29b" } .ri-volume-down-line:before { content: "\f29c" } .ri-volume-mute-fill:before { content: "\f29d" } .ri-volume-mute-line:before { content: "\f29e" } .ri-volume-off-vibrate-fill:before { content: "\f29f" } .ri-volume-off-vibrate-line:before { content: "\f2a0" } .ri-volume-up-fill:before { content: "\f2a1" } .ri-volume-up-line:before { content: "\f2a2" } .ri-volume-vibrate-fill:before { content: "\f2a3" } .ri-volume-vibrate-line:before { content: "\f2a4" } .ri-vuejs-fill:before { content: "\f2a5" } .ri-vuejs-line:before { content: "\f2a6" } .ri-walk-fill:before { content: "\f2a7" } .ri-walk-line:before { content: "\f2a8" } .ri-wallet-2-fill:before { content: "\f2a9" } .ri-wallet-2-line:before { content: "\f2aa" } .ri-wallet-3-fill:before { content: "\f2ab" } .ri-wallet-3-line:before { content: "\f2ac" } .ri-wallet-fill:before { content: "\f2ad" } .ri-wallet-line:before { content: "\f2ae" } .ri-water-flash-fill:before { content: "\f2af" } .ri-water-flash-line:before { content: "\f2b0" } .ri-webcam-fill:before { content: "\f2b1" } .ri-webcam-line:before { content: "\f2b2" } .ri-wechat-2-fill:before { content: "\f2b3" } .ri-wechat-2-line:before { content: "\f2b4" } .ri-wechat-fill:before { content: "\f2b5" } .ri-wechat-line:before { content: "\f2b6" } .ri-wechat-pay-fill:before { content: "\f2b7" } .ri-wechat-pay-line:before { content: "\f2b8" } .ri-weibo-fill:before { content: "\f2b9" } .ri-weibo-line:before { content: "\f2ba" } .ri-whatsapp-fill:before { content: "\f2bb" } .ri-whatsapp-line:before { content: "\f2bc" } .ri-wheelchair-fill:before { content: "\f2bd" } .ri-wheelchair-line:before { content: "\f2be" } .ri-wifi-fill:before { content: "\f2bf" } .ri-wifi-line:before { content: "\f2c0" } .ri-wifi-off-fill:before { content: "\f2c1" } .ri-wifi-off-line:before { content: "\f2c2" } .ri-window-2-fill:before { content: "\f2c3" } .ri-window-2-line:before { content: "\f2c4" } .ri-window-fill:before { content: "\f2c5" } .ri-window-line:before { content: "\f2c6" } .ri-windows-fill:before { content: "\f2c7" } .ri-windows-line:before { content: "\f2c8" } .ri-windy-fill:before { content: "\f2c9" } .ri-windy-line:before { content: "\f2ca" } .ri-wireless-charging-fill:before { content: "\f2cb" } .ri-wireless-charging-line:before { content: "\f2cc" } .ri-women-fill:before { content: "\f2cd" } .ri-women-line:before { content: "\f2ce" } .ri-wubi-input:before { content: "\f2cf" } .ri-xbox-fill:before { content: "\f2d0" } .ri-xbox-line:before { content: "\f2d1" } .ri-xing-fill:before { content: "\f2d2" } .ri-xing-line:before { content: "\f2d3" } .ri-youtube-fill:before { content: "\f2d4" } .ri-youtube-line:before { content: "\f2d5" } .ri-zcool-fill:before { content: "\f2d6" } .ri-zcool-line:before { content: "\f2d7" } .ri-zhihu-fill:before { content: "\f2d8" } .ri-zhihu-line:before { content: "\f2d9" } .ri-zoom-in-fill:before { content: "\f2da" } .ri-zoom-in-line:before { content: "\f2db" } .ri-zoom-out-fill:before { content: "\f2dc" } .ri-zoom-out-line:before { content: "\f2dd" } .ri-zzz-fill:before { content: "\f2de" } .ri-zzz-line:before { content: "\f2df" } .ri-arrow-down-double-fill:before { content: "\f2e0" } .ri-arrow-down-double-line:before { content: "\f2e1" } .ri-arrow-left-double-fill:before { content: "\f2e2" } .ri-arrow-left-double-line:before { content: "\f2e3" } .ri-arrow-right-double-fill:before { content: "\f2e4" } .ri-arrow-right-double-line:before { content: "\f2e5" } .ri-arrow-turn-back-fill:before { content: "\f2e6" } .ri-arrow-turn-back-line:before { content: "\f2e7" } .ri-arrow-turn-forward-fill:before { content: "\f2e8" } .ri-arrow-turn-forward-line:before { content: "\f2e9" } .ri-arrow-up-double-fill:before { content: "\f2ea" } .ri-arrow-up-double-line:before { content: "\f2eb" } .ri-bard-fill:before { content: "\f2ec" } .ri-bard-line:before { content: "\f2ed" } .ri-bootstrap-fill:before { content: "\f2ee" } .ri-bootstrap-line:before { content: "\f2ef" } .ri-box-1-fill:before { content: "\f2f0" } .ri-box-1-line:before { content: "\f2f1" } .ri-box-2-fill:before { content: "\f2f2" } .ri-box-2-line:before { content: "\f2f3" } .ri-box-3-fill:before { content: "\f2f4" } .ri-box-3-line:before { content: "\f2f5" } .ri-brain-fill:before { content: "\f2f6" } .ri-brain-line:before { content: "\f2f7" } .ri-candle-fill:before { content: "\f2f8" } .ri-candle-line:before { content: "\f2f9" } .ri-cash-fill:before { content: "\f2fa" } .ri-cash-line:before { content: "\f2fb" } .ri-contract-left-fill:before { content: "\f2fc" } .ri-contract-left-line:before { content: "\f2fd" } .ri-contract-left-right-fill:before { content: "\f2fe" } .ri-contract-left-right-line:before { content: "\f2ff" } .ri-contract-right-fill:before { content: "\f300" } .ri-contract-right-line:before { content: "\f301" } .ri-contract-up-down-fill:before { content: "\f302" } .ri-contract-up-down-line:before { content: "\f303" } .ri-copilot-fill:before { content: "\f304" } .ri-copilot-line:before { content: "\f305" } .ri-corner-down-left-fill:before { content: "\f306" } .ri-corner-down-left-line:before { content: "\f307" } .ri-corner-down-right-fill:before { content: "\f308" } .ri-corner-down-right-line:before { content: "\f309" } .ri-corner-left-down-fill:before { content: "\f30a" } .ri-corner-left-down-line:before { content: "\f30b" } .ri-corner-left-up-fill:before { content: "\f30c" } .ri-corner-left-up-line:before { content: "\f30d" } .ri-corner-right-down-fill:before { content: "\f30e" } .ri-corner-right-down-line:before { content: "\f30f" } .ri-corner-right-up-fill:before { content: "\f310" } .ri-corner-right-up-line:before { content: "\f311" } .ri-corner-up-left-double-fill:before { content: "\f312" } .ri-corner-up-left-double-line:before { content: "\f313" } .ri-corner-up-left-fill:before { content: "\f314" } .ri-corner-up-left-line:before { content: "\f315" } .ri-corner-up-right-double-fill:before { content: "\f316" } .ri-corner-up-right-double-line:before { content: "\f317" } .ri-corner-up-right-fill:before { content: "\f318" } .ri-corner-up-right-line:before { content: "\f319" } .ri-cross-fill:before { content: "\f31a" } .ri-cross-line:before { content: "\f31b" } .ri-edge-new-fill:before { content: "\f31c" } .ri-edge-new-line:before { content: "\f31d" } .ri-equal-fill:before { content: "\f31e" } .ri-equal-line:before { content: "\f31f" } .ri-expand-left-fill:before { content: "\f320" } .ri-expand-left-line:before { content: "\f321" } .ri-expand-left-right-fill:before { content: "\f322" } .ri-expand-left-right-line:before { content: "\f323" } .ri-expand-right-fill:before { content: "\f324" } .ri-expand-right-line:before { content: "\f325" } .ri-expand-up-down-fill:before { content: "\f326" } .ri-expand-up-down-line:before { content: "\f327" } .ri-flickr-fill:before { content: "\f328" } .ri-flickr-line:before { content: "\f329" } .ri-forward-10-fill:before { content: "\f32a" } .ri-forward-10-line:before { content: "\f32b" } .ri-forward-15-fill:before { content: "\f32c" } .ri-forward-15-line:before { content: "\f32d" } .ri-forward-30-fill:before { content: "\f32e" } .ri-forward-30-line:before { content: "\f32f" } .ri-forward-5-fill:before { content: "\f330" } .ri-forward-5-line:before { content: "\f331" } .ri-graduation-cap-fill:before { content: "\f332" } .ri-graduation-cap-line:before { content: "\f333" } .ri-home-office-fill:before { content: "\f334" } .ri-home-office-line:before { content: "\f335" } .ri-hourglass-2-fill:before { content: "\f336" } .ri-hourglass-2-line:before { content: "\f337" } .ri-hourglass-fill:before { content: "\f338" } .ri-hourglass-line:before { content: "\f339" } .ri-javascript-fill:before { content: "\f33a" } .ri-javascript-line:before { content: "\f33b" } .ri-loop-left-fill:before { content: "\f33c" } .ri-loop-left-line:before { content: "\f33d" } .ri-loop-right-fill:before { content: "\f33e" } .ri-loop-right-line:before { content: "\f33f" } .ri-memories-fill:before { content: "\f340" } .ri-memories-line:before { content: "\f341" } .ri-meta-fill:before { content: "\f342" } .ri-meta-line:before { content: "\f343" } .ri-microsoft-loop-fill:before { content: "\f344" } .ri-microsoft-loop-line:before { content: "\f345" } .ri-nft-fill:before { content: "\f346" } .ri-nft-line:before { content: "\f347" } .ri-notion-fill:before { content: "\f348" } .ri-notion-line:before { content: "\f349" } .ri-openai-fill:before { content: "\f34a" } .ri-openai-line:before { content: "\f34b" } .ri-overline:before { content: "\f34c" } .ri-p2p-fill:before { content: "\f34d" } .ri-p2p-line:before { content: "\f34e" } .ri-presentation-fill:before { content: "\f34f" } .ri-presentation-line:before { content: "\f350" } .ri-replay-10-fill:before { content: "\f351" } .ri-replay-10-line:before { content: "\f352" } .ri-replay-15-fill:before { content: "\f353" } .ri-replay-15-line:before { content: "\f354" } .ri-replay-30-fill:before { content: "\f355" } .ri-replay-30-line:before { content: "\f356" } .ri-replay-5-fill:before { content: "\f357" } .ri-replay-5-line:before { content: "\f358" } .ri-school-fill:before { content: "\f359" } .ri-school-line:before { content: "\f35a" } .ri-shining-2-fill:before { content: "\f35b" } .ri-shining-2-line:before { content: "\f35c" } .ri-shining-fill:before { content: "\f35d" } .ri-shining-line:before { content: "\f35e" } .ri-sketching:before { content: "\f35f" } .ri-skip-down-fill:before { content: "\f360" } .ri-skip-down-line:before { content: "\f361" } .ri-skip-left-fill:before { content: "\f362" } .ri-skip-left-line:before { content: "\f363" } .ri-skip-right-fill:before { content: "\f364" } .ri-skip-right-line:before { content: "\f365" } .ri-skip-up-fill:before { content: "\f366" } .ri-skip-up-line:before { content: "\f367" } .ri-slow-down-fill:before { content: "\f368" } .ri-slow-down-line:before { content: "\f369" } .ri-sparkling-2-fill:before { content: "\f36a" } .ri-sparkling-2-line:before { content: "\f36b" } .ri-sparkling-fill:before { content: "\f36c" } .ri-sparkling-line:before { content: "\f36d" } .ri-speak-fill:before { content: "\f36e" } .ri-speak-line:before { content: "\f36f" } .ri-speed-up-fill:before { content: "\f370" } .ri-speed-up-line:before { content: "\f371" } .ri-tiktok-fill:before { content: "\f372" } .ri-tiktok-line:before { content: "\f373" } .ri-token-swap-fill:before { content: "\f374" } .ri-token-swap-line:before { content: "\f375" } .ri-unpin-fill:before { content: "\f376" } .ri-unpin-line:before { content: "\f377" } .ri-wechat-channels-fill:before { content: "\f378" } .ri-wechat-channels-line:before { content: "\f379" } .ri-wordpress-fill:before { content: "\f37a" } .ri-wordpress-line:before { content: "\f37b" } .ri-blender-fill:before { content: "\f37c" } .ri-blender-line:before { content: "\f37d" } .ri-emoji-sticker-fill:before { content: "\f37e" } .ri-emoji-sticker-line:before { content: "\f37f" } .ri-git-close-pull-request-fill:before { content: "\f380" } .ri-git-close-pull-request-line:before { content: "\f381" } .ri-instance-fill:before { content: "\f382" } .ri-instance-line:before { content: "\f383" } .ri-megaphone-fill:before { content: "\f384" } .ri-megaphone-line:before { content: "\f385" } .ri-pass-expired-fill:before { content: "\f386" } .ri-pass-expired-line:before { content: "\f387" } .ri-pass-pending-fill:before { content: "\f388" } .ri-pass-pending-line:before { content: "\f389" } .ri-pass-valid-fill:before { content: "\f38a" } .ri-pass-valid-line:before { content: "\f38b" } .ri-ai-generate:before { content: "\f38c" } .ri-calendar-close-fill:before { content: "\f38d" } .ri-calendar-close-line:before { content: "\f38e" } .ri-draggable:before { content: "\f38f" } .ri-font-family:before { content: "\f390" } .ri-font-mono:before { content: "\f391" } .ri-font-sans-serif:before { content: "\f392" } .ri-font-sans:before { content: "\f393" } .ri-hard-drive-3-fill:before { content: "\f394" } .ri-hard-drive-3-line:before { content: "\f395" } .ri-kick-fill:before { content: "\f396" } .ri-kick-line:before { content: "\f397" } .ri-list-check-3:before { content: "\f398" } .ri-list-indefinite:before { content: "\f399" } .ri-list-ordered-2:before { content: "\f39a" } .ri-list-radio:before { content: "\f39b" } .ri-openbase-fill:before { content: "\f39c" } .ri-openbase-line:before { content: "\f39d" } .ri-planet-fill:before { content: "\f39e" } .ri-planet-line:before { content: "\f39f" } .ri-prohibited-fill:before { content: "\f3a0" } .ri-prohibited-line:before { content: "\f3a1" } .ri-quote-text:before { content: "\f3a2" } .ri-seo-fill:before { content: "\f3a3" } .ri-seo-line:before { content: "\f3a4" } .ri-slash-commands:before { content: "\f3a5" } .ri-archive-2-fill:before { content: "\f3a6" } .ri-archive-2-line:before { content: "\f3a7" } .ri-inbox-2-fill:before { content: "\f3a8" } .ri-inbox-2-line:before { content: "\f3a9" } .ri-shake-hands-fill:before { content: "\f3aa" } .ri-shake-hands-line:before { content: "\f3ab" } .ri-supabase-fill:before { content: "\f3ac" } .ri-supabase-line:before { content: "\f3ad" } .ri-water-percent-fill:before { content: "\f3ae" } .ri-water-percent-line:before { content: "\f3af" } .ri-yuque-fill:before { content: "\f3b0" } .ri-yuque-line:before { content: "\f3b1" } .ri-crosshair-2-fill:before { content: "\f3b2" } .ri-crosshair-2-line:before { content: "\f3b3" } .ri-crosshair-fill:before { content: "\f3b4" } .ri-crosshair-line:before { content: "\f3b5" } .ri-file-close-fill:before { content: "\f3b6" } .ri-file-close-line:before { content: "\f3b7" } .ri-infinity-fill:before { content: "\f3b8" } .ri-infinity-line:before { content: "\f3b9" } .ri-rfid-fill:before { content: "\f3ba" } .ri-rfid-line:before { content: "\f3bb" } .ri-slash-commands-2:before { content: "\f3bc" } .ri-user-forbid-fill:before { content: "\f3bd" } .ri-user-forbid-line:before { content: "\f3be" } .ri-beer-fill:before { content: "\f3bf" } .ri-beer-line:before { content: "\f3c0" } .ri-circle-fill:before { content: "\f3c1" } .ri-circle-line:before { content: "\f3c2" } .ri-dropdown-list:before { content: "\f3c3" } .ri-file-image-fill:before { content: "\f3c4" } .ri-file-image-line:before { content: "\f3c5" } .ri-file-pdf-2-fill:before { content: "\f3c6" } .ri-file-pdf-2-line:before { content: "\f3c7" } .ri-file-video-fill:before { content: "\f3c8" } .ri-file-video-line:before { content: "\f3c9" } .ri-folder-image-fill:before { content: "\f3ca" } .ri-folder-image-line:before { content: "\f3cb" } .ri-folder-video-fill:before { content: "\f3cc" } .ri-folder-video-line:before { content: "\f3cd" } .ri-hexagon-fill:before { content: "\f3ce" } .ri-hexagon-line:before { content: "\f3cf" } .ri-menu-search-fill:before { content: "\f3d0" } .ri-menu-search-line:before { content: "\f3d1" } .ri-octagon-fill:before { content: "\f3d2" } .ri-octagon-line:before { content: "\f3d3" } .ri-pentagon-fill:before { content: "\f3d4" } .ri-pentagon-line:before { content: "\f3d5" } .ri-rectangle-fill:before { content: "\f3d6" } .ri-rectangle-line:before { content: "\f3d7" } .ri-robot-2-fill:before { content: "\f3d8" } .ri-robot-2-line:before { content: "\f3d9" } .ri-shapes-fill:before { content: "\f3da" } .ri-shapes-line:before { content: "\f3db" } .ri-square-fill:before { content: "\f3dc" } .ri-square-line:before { content: "\f3dd" } .ri-tent-fill:before { content: "\f3de" } .ri-tent-line:before { content: "\f3df" } .ri-threads-fill:before { content: "\f3e0" } .ri-threads-line:before { content: "\f3e1" } .ri-tree-fill:before { content: "\f3e2" } .ri-tree-line:before { content: "\f3e3" } .ri-triangle-fill:before { content: "\f3e4" } .ri-triangle-line:before { content: "\f3e5" } .ri-twitter-x-fill:before { content: "\f3e6" } .ri-twitter-x-line:before { content: "\f3e7" } .ri-verified-badge-fill:before { content: "\f3e8" } .ri-verified-badge-line:before { content: "\f3e9" } .ri-armchair-fill:before { content: "\f3ea" } .ri-armchair-line:before { content: "\f3eb" } .ri-bnb-fill:before { content: "\f3ec" } .ri-bnb-line:before { content: "\f3ed" } .ri-bread-fill:before { content: "\f3ee" } .ri-bread-line:before { content: "\f3ef" } .ri-btc-fill:before { content: "\f3f0" } .ri-btc-line:before { content: "\f3f1" } .ri-calendar-schedule-fill:before { content: "\f3f2" } .ri-calendar-schedule-line:before { content: "\f3f3" } .ri-dice-1-fill:before { content: "\f3f4" } .ri-dice-1-line:before { content: "\f3f5" } .ri-dice-2-fill:before { content: "\f3f6" } .ri-dice-2-line:before { content: "\f3f7" } .ri-dice-3-fill:before { content: "\f3f8" } .ri-dice-3-line:before { content: "\f3f9" } .ri-dice-4-fill:before { content: "\f3fa" } .ri-dice-4-line:before { content: "\f3fb" } .ri-dice-5-fill:before { content: "\f3fc" } .ri-dice-5-line:before { content: "\f3fd" } .ri-dice-6-fill:before { content: "\f3fe" } .ri-dice-6-line:before { content: "\f3ff" } .ri-dice-fill:before { content: "\f400" } .ri-dice-line:before { content: "\f401" } .ri-drinks-fill:before { content: "\f402" } .ri-drinks-line:before { content: "\f403" } .ri-equalizer-2-fill:before { content: "\f404" } .ri-equalizer-2-line:before { content: "\f405" } .ri-equalizer-3-fill:before { content: "\f406" } .ri-equalizer-3-line:before { content: "\f407" } .ri-eth-fill:before { content: "\f408" } .ri-eth-line:before { content: "\f409" } .ri-flower-fill:before { content: "\f40a" } .ri-flower-line:before { content: "\f40b" } .ri-glasses-2-fill:before { content: "\f40c" } .ri-glasses-2-line:before { content: "\f40d" } .ri-glasses-fill:before { content: "\f40e" } .ri-glasses-line:before { content: "\f40f" } .ri-goggles-fill:before { content: "\f410" } .ri-goggles-line:before { content: "\f411" } .ri-image-circle-fill:before { content: "\f412" } .ri-image-circle-line:before { content: "\f413" } .ri-info-i:before { content: "\f414" } .ri-money-rupee-circle-fill:before { content: "\f415" } .ri-money-rupee-circle-line:before { content: "\f416" } .ri-news-fill:before { content: "\f417" } .ri-news-line:before { content: "\f418" } .ri-robot-3-fill:before { content: "\f419" } .ri-robot-3-line:before { content: "\f41a" } .ri-share-2-fill:before { content: "\f41b" } .ri-share-2-line:before { content: "\f41c" } .ri-sofa-fill:before { content: "\f41d" } .ri-sofa-line:before { content: "\f41e" } .ri-svelte-fill:before { content: "\f41f" } .ri-svelte-line:before { content: "\f420" } .ri-vk-fill:before { content: "\f421" } .ri-vk-line:before { content: "\f422" } .ri-xrp-fill:before { content: "\f423" } .ri-xrp-line:before { content: "\f424" } .ri-xtz-fill:before { content: "\f425" } .ri-xtz-line:before { content: "\f426" } .ri-archive-stack-fill:before { content: "\f427" } .ri-archive-stack-line:before { content: "\f428" } .ri-bowl-fill:before { content: "\f429" } .ri-bowl-line:before { content: "\f42a" } .ri-calendar-view:before { content: "\f42b" } .ri-carousel-view:before { content: "\f42c" } .ri-code-block:before { content: "\f42d" } .ri-color-filter-fill:before { content: "\f42e" } .ri-color-filter-line:before { content: "\f42f" } .ri-contacts-book-3-fill:before { content: "\f430" } .ri-contacts-book-3-line:before { content: "\f431" } .ri-contract-fill:before { content: "\f432" } .ri-contract-line:before { content: "\f433" } .ri-drinks-2-fill:before { content: "\f434" } .ri-drinks-2-line:before { content: "\f435" } .ri-export-fill:before { content: "\f436" } .ri-export-line:before { content: "\f437" } .ri-file-check-fill:before { content: "\f438" } .ri-file-check-line:before { content: "\f439" } .ri-focus-mode:before { content: "\f43a" } .ri-folder-6-fill:before { content: "\f43b" } .ri-folder-6-line:before { content: "\f43c" } .ri-folder-check-fill:before { content: "\f43d" } .ri-folder-check-line:before { content: "\f43e" } .ri-folder-close-fill:before { content: "\f43f" } .ri-folder-close-line:before { content: "\f440" } .ri-folder-cloud-fill:before { content: "\f441" } .ri-folder-cloud-line:before { content: "\f442" } .ri-gallery-view-2:before { content: "\f443" } .ri-gallery-view:before { content: "\f444" } .ri-hand:before { content: "\f445" } .ri-import-fill:before { content: "\f446" } .ri-import-line:before { content: "\f447" } .ri-information-2-fill:before { content: "\f448" } .ri-information-2-line:before { content: "\f449" } .ri-kanban-view-2:before { content: "\f44a" } .ri-kanban-view:before { content: "\f44b" } .ri-list-view:before { content: "\f44c" } .ri-lock-star-fill:before { content: "\f44d" } .ri-lock-star-line:before { content: "\f44e" } .ri-puzzle-2-fill:before { content: "\f44f" } .ri-puzzle-2-line:before { content: "\f450" } .ri-puzzle-fill:before { content: "\f451" } .ri-puzzle-line:before { content: "\f452" } .ri-ram-2-fill:before { content: "\f453" } .ri-ram-2-line:before { content: "\f454" } .ri-ram-fill:before { content: "\f455" } .ri-ram-line:before { content: "\f456" } .ri-receipt-fill:before { content: "\f457" } .ri-receipt-line:before { content: "\f458" } .ri-shadow-fill:before { content: "\f459" } .ri-shadow-line:before { content: "\f45a" } .ri-sidebar-fold-fill:before { content: "\f45b" } .ri-sidebar-fold-line:before { content: "\f45c" } .ri-sidebar-unfold-fill:before { content: "\f45d" } .ri-sidebar-unfold-line:before { content: "\f45e" } .ri-slideshow-view:before { content: "\f45f" } .ri-sort-alphabet-asc:before { content: "\f460" } .ri-sort-alphabet-desc:before { content: "\f461" } .ri-sort-number-asc:before { content: "\f462" } .ri-sort-number-desc:before { content: "\f463" } .ri-stacked-view:before { content: "\f464" } .ri-sticky-note-add-fill:before { content: "\f465" } .ri-sticky-note-add-line:before { content: "\f466" } .ri-swap-2-fill:before { content: "\f467" } .ri-swap-2-line:before { content: "\f468" } .ri-swap-3-fill:before { content: "\f469" } .ri-swap-3-line:before { content: "\f46a" } .ri-table-3:before { content: "\f46b" } .ri-table-view:before { content: "\f46c" } .ri-text-block:before { content: "\f46d" } .ri-text-snippet:before { content: "\f46e" } .ri-timeline-view:before { content: "\f46f" } .ri-blogger-fill:before { content: "\f470" } .ri-blogger-line:before { content: "\f471" } .ri-chat-thread-fill:before { content: "\f472" } .ri-chat-thread-line:before { content: "\f473" } .ri-discount-percent-fill:before { content: "\f474" } .ri-discount-percent-line:before { content: "\f475" } .ri-exchange-2-fill:before { content: "\f476" } .ri-exchange-2-line:before { content: "\f477" } .ri-git-fork-fill:before { content: "\f478" } .ri-git-fork-line:before { content: "\f479" } .ri-input-field:before { content: "\f47a" } .ri-progress-1-fill:before { content: "\f47b" } .ri-progress-1-line:before { content: "\f47c" } .ri-progress-2-fill:before { content: "\f47d" } .ri-progress-2-line:before { content: "\f47e" } .ri-progress-3-fill:before { content: "\f47f" } .ri-progress-3-line:before { content: "\f480" } .ri-progress-4-fill:before { content: "\f481" } .ri-progress-4-line:before { content: "\f482" } .ri-progress-5-fill:before { content: "\f483" } .ri-progress-5-line:before { content: "\f484" } .ri-progress-6-fill:before { content: "\f485" } .ri-progress-6-line:before { content: "\f486" } .ri-progress-7-fill:before { content: "\f487" } .ri-progress-7-line:before { content: "\f488" } .ri-progress-8-fill:before { content: "\f489" } .ri-progress-8-line:before { content: "\f48a" } .ri-remix-run-fill:before { content: "\f48b" } .ri-remix-run-line:before { content: "\f48c" } .ri-signpost-fill:before { content: "\f48d" } .ri-signpost-line:before { content: "\f48e" } .ri-time-zone-fill:before { content: "\f48f" } .ri-time-zone-line:before { content: "\f490" } .ri-arrow-down-wide-fill:before { content: "\f491" } .ri-arrow-down-wide-line:before { content: "\f492" } .ri-arrow-left-wide-fill:before { content: "\f493" } .ri-arrow-left-wide-line:before { content: "\f494" } .ri-arrow-right-wide-fill:before { content: "\f495" } .ri-arrow-right-wide-line:before { content: "\f496" } .ri-arrow-up-wide-fill:before { content: "\f497" } .ri-arrow-up-wide-line:before { content: "\f498" } .ri-bluesky-fill:before { content: "\f499" } .ri-bluesky-line:before { content: "\f49a" } .ri-expand-height-fill:before { content: "\f49b" } .ri-expand-height-line:before { content: "\f49c" } .ri-expand-width-fill:before { content: "\f49d" } .ri-expand-width-line:before { content: "\f49e" } .ri-forward-end-fill:before { content: "\f49f" } .ri-forward-end-line:before { content: "\f4a0" } .ri-forward-end-mini-fill:before { content: "\f4a1" } .ri-forward-end-mini-line:before { content: "\f4a2" } .ri-friendica-fill:before { content: "\f4a3" } .ri-friendica-line:before { content: "\f4a4" } .ri-git-pr-draft-fill:before { content: "\f4a5" } .ri-git-pr-draft-line:before { content: "\f4a6" } .ri-play-reverse-fill:before { content: "\f4a7" } .ri-play-reverse-line:before { content: "\f4a8" } .ri-play-reverse-mini-fill:before { content: "\f4a9" } .ri-play-reverse-mini-line:before { content: "\f4aa" } .ri-rewind-start-fill:before { content: "\f4ab" } .ri-rewind-start-line:before { content: "\f4ac" } .ri-rewind-start-mini-fill:before { content: "\f4ad" } .ri-rewind-start-mini-line:before { content: "\f4ae" } .ri-scroll-to-bottom-fill:before { content: "\f4af" } .ri-scroll-to-bottom-line:before { content: "\f4b0" } :root { --f-spinner-width: 36px; --f-spinner-height: 36px; --f-spinner-color-1: rgba(0, 0, 0, 0.1); --f-spinner-color-2: rgba(17, 24, 28, 0.8); --f-spinner-stroke: 2.75 } .f-spinner { margin: auto; padding: 0; width: var(--f-spinner-width); height: var(--f-spinner-height) } .f-spinner svg { width: 100%; height: 100%; vertical-align: top; animation: f-spinner-rotate 2s linear infinite } .f-spinner svg * { stroke-width: var(--f-spinner-stroke); fill: none } .f-spinner svg *:first-child { stroke: var(--f-spinner-color-1) } .f-spinner svg *:last-child { stroke: var(--f-spinner-color-2); animation: f-spinner-dash 2s ease-in-out infinite } @keyframes f-spinner-rotate { 100% { transform: rotate(360deg) } } @keyframes f-spinner-dash { 0% { stroke-dasharray: 1,150; stroke-dashoffset: 0 } 50% { stroke-dasharray: 90,150; stroke-dashoffset: -35 } 100% { stroke-dasharray: 90,150; stroke-dashoffset: -124 } } .f-throwOutUp { animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp } .f-throwOutDown { animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown } @keyframes f-throwOutUp { to { transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0); opacity: 0 } } @keyframes f-throwOutDown { to { transform: translate3d(0, var(--f-throw-out-distance, 150px), 0); opacity: 0 } } .f-zoomInUp { animation: var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp } .f-zoomOutDown { animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown } @keyframes f-zoomInUp { from { transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0 } to { transform: scale(1) translate3d(0, 0, 0); opacity: 1 } } @keyframes f-zoomOutDown { to { transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0 } } .f-fadeIn { animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn; z-index: 2 } .f-fadeOut { animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut; z-index: 1 } @keyframes f-fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes f-fadeOut { 100% { opacity: 0 } } .f-fadeFastIn { animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn; z-index: 2 } .f-fadeFastOut { animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut; z-index: 2 } @keyframes f-fadeFastIn { 0% { opacity: .75 } 100% { opacity: 1 } } @keyframes f-fadeFastOut { 100% { opacity: 0 } } .f-fadeSlowIn { animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn; z-index: 2 } .f-fadeSlowOut { animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut; z-index: 1 } @keyframes f-fadeSlowIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes f-fadeSlowOut { 100% { opacity: 0 } } .f-crossfadeIn { animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn; z-index: 2 } .f-crossfadeOut { animation: calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut; z-index: 1 } @keyframes f-crossfadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes f-crossfadeOut { 100% { opacity: 0 } } .f-slideIn.from-next { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext } .f-slideIn.from-prev { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev } .f-slideOut.to-next { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext } .f-slideOut.to-prev { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev } @keyframes f-slideInPrev { 0% { transform: translateX(100%) } 100% { transform: translate3d(0, 0, 0) } } @keyframes f-slideInNext { 0% { transform: translateX(-100%) } 100% { transform: translate3d(0, 0, 0) } } @keyframes f-slideOutNext { 100% { transform: translateX(-100%) } } @keyframes f-slideOutPrev { 100% { transform: translateX(100%) } } .f-classicIn.from-next { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext; z-index: 2 } .f-classicIn.from-prev { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev; z-index: 2 } .f-classicOut.to-next { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext; z-index: 1 } .f-classicOut.to-prev { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev; z-index: 1 } @keyframes f-classicInNext { 0% { transform: translateX(-75px); opacity: 0 } 100% { transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes f-classicInPrev { 0% { transform: translateX(75px); opacity: 0 } 100% { transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes f-classicOutNext { 100% { transform: translateX(-75px); opacity: 0 } } @keyframes f-classicOutPrev { 100% { transform: translateX(75px); opacity: 0 } } :root { --f-button-width: 40px; --f-button-height: 40px; --f-button-border: 0; --f-button-border-radius: 0; --f-button-color: #374151; --f-button-bg: #f8f8f8; --f-button-hover-bg: #e0e0e0; --f-button-active-bg: #d0d0d0; --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 20px; --f-button-svg-height: 20px; --f-button-svg-stroke-width: 1.5; --f-button-svg-fill: none; --f-button-svg-filter: none; --f-button-svg-disabled-opacity: 0.65 } .f-button { display: flex; justify-content: center; align-items: center; box-sizing: content-box; position: relative; margin: 0; padding: 0; width: var(--f-button-width); height: var(--f-button-height); border: var(--f-button-border); border-radius: var(--f-button-border-radius); color: var(--f-button-color); background: var(--f-button-bg); box-shadow: var(--f-button-shadow); pointer-events: all; cursor: pointer; transition: var(--f-button-transition) } @media(hover: hover) { .f-button:hover:not([disabled]) { color:var(--f-button-hover-color); background-color: var(--f-button-hover-bg) } } .f-button:active:not([disabled]) { background-color: var(--f-button-active-bg) } .f-button:focus:not(:focus-visible) { outline: none } .f-button:focus-visible { outline: none; box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color)) } .f-button svg { width: var(--f-button-svg-width); height: var(--f-button-svg-height); fill: var(--f-button-svg-fill); stroke: currentColor; stroke-width: var(--f-button-svg-stroke-width); stroke-linecap: round; stroke-linejoin: round; transition: opacity .15s ease; transform: var(--f-button-transform); filter: var(--f-button-svg-filter); pointer-events: none } .f-button[disabled] { cursor: default } .f-button[disabled] svg { opacity: var(--f-button-svg-disabled-opacity) } .f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next { position: absolute; z-index: 1 } .is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next { top: 50%; transform: translateY(-50%) } .is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev { left: var(--f-button-prev-pos) } .is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next { right: var(--f-button-next-pos) } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev { left: auto; right: var(--f-button-next-pos) } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next { right: auto; left: var(--f-button-prev-pos) } .is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next { top: auto; left: 50%; transform: translateX(-50%) } .is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev { top: var(--f-button-next-pos) } .is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next { bottom: var(--f-button-next-pos) } .is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg { transform: rotate(90deg) } .f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled { pointer-events: none } html.with-fancybox { width: auto; overflow: visible; scroll-behavior: auto } html.with-fancybox body { touch-action: none } html.with-fancybox body.hide-scrollbar { width: auto; margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px)); overflow: hidden !important; overscroll-behavior-y: none } .fancybox__container { --fancybox-color: #dbdbdb; --fancybox-hover-color: #fff; --fancybox-bg: rgba(24, 24, 27, 0.98); --fancybox-slide-gap: 10px; --f-spinner-width: 50px; --f-spinner-height: 50px; --f-spinner-color-1: rgba(255, 255, 255, 0.1); --f-spinner-color-2: #bbb; --f-spinner-stroke: 3.65; position: fixed; top: 0; left: 0; bottom: 0; right: 0; direction: ltr; display: flex; flex-direction: column; box-sizing: border-box; margin: 0; padding: 0; color: #f8f8f8; -webkit-tap-highlight-color: rgba(0,0,0,0); overflow: visible; z-index: var(--fancybox-zIndex, 1050); outline: none; transform-origin: top left; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: none; -ms-text-size-adjust: 100%; text-size-adjust: 100%; overscroll-behavior-y: contain } .fancybox__container *,.fancybox__container *::before,.fancybox__container *::after { box-sizing: inherit } .fancybox__container::backdrop { background-color: rgba(0,0,0,0) } .fancybox__backdrop { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: var(--fancybox-bg); opacity: var(--fancybox-opacity, 1); will-change: opacity } .fancybox__carousel { position: relative; box-sizing: border-box; flex: 1; min-height: 0; z-index: 10; overflow-y: visible; overflow-x: clip } .fancybox__viewport { width: 100%; height: 100% } .fancybox__viewport.is-draggable { cursor: move; cursor: grab } .fancybox__viewport.is-dragging { cursor: move; cursor: grabbing } .fancybox__track { display: flex; margin: 0 auto; height: 100% } .fancybox__slide { flex: 0 0 auto; position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; margin: 0 var(--fancybox-slide-gap) 0 0; padding: 4px; overflow: auto; overscroll-behavior: contain; transform: translate3d(0, 0, 0); backface-visibility: hidden } .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn { padding-top: 40px } .fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video { overflow: hidden } .fancybox__slide.has-image { overflow: hidden } .fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected { overflow: visible } .fancybox__slide::before,.fancybox__slide::after { content: ""; flex: 0 0 0; margin: auto } .fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty { display: block } .fancybox__content { align-self: center; display: flex; flex-direction: column; position: relative; margin: 0; padding: 2rem; max-width: 100%; color: var(--fancybox-content-color, #374151); background: var(--fancybox-content-bg, #fff); cursor: default; border-radius: 0; z-index: 20 } .is-loading .fancybox__content { opacity: 0 } .is-draggable .fancybox__content { cursor: move; cursor: grab } .can-zoom_in .fancybox__content { cursor: zoom-in } .can-zoom_out .fancybox__content { cursor: zoom-out } .is-dragging .fancybox__content { cursor: move; cursor: grabbing } .fancybox__content [data-selectable],.fancybox__content [contenteditable] { cursor: auto } .fancybox__slide.has-image>.fancybox__content { padding: 0; background: rgba(0,0,0,0); min-height: 1px; background-repeat: no-repeat; background-size: contain; background-position: center center; transition: none; transform: translate3d(0, 0, 0); backface-visibility: hidden } .fancybox__slide.has-image>.fancybox__content>picture>img { width: 100%; height: auto; max-height: 100% } .is-animating .fancybox__content,.is-dragging .fancybox__content { will-change: transform,width,height } .fancybox-image { margin: auto; display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; user-select: none; filter: blur(0px) } .fancybox__caption { align-self: center; max-width: 100%; flex-shrink: 0; margin: 0; padding: 14px 0 4px 0; overflow-wrap: anywhere; line-height: 1.375; color: var(--fancybox-color, currentColor); opacity: var(--fancybox-opacity, 1); cursor: auto; visibility: visible } .is-loading .fancybox__caption,.is-closing .fancybox__caption { opacity: 0; visibility: hidden } .is-compact .fancybox__caption { padding-bottom: 0 } .f-button.is-close-btn { --f-button-svg-stroke-width: 2; position: absolute; top: 0; right: 8px; z-index: 40 } .fancybox__content>.f-button.is-close-btn { --f-button-width: 34px; --f-button-height: 34px; --f-button-border-radius: 4px; --f-button-color: var(--fancybox-color, #fff); --f-button-hover-color: var(--fancybox-color, #fff); --f-button-bg: transparent; --f-button-hover-bg: transparent; --f-button-active-bg: transparent; --f-button-svg-width: 22px; --f-button-svg-height: 22px; position: absolute; top: -38px; right: 0; opacity: .75 } .is-loading .fancybox__content>.f-button.is-close-btn { visibility: hidden } .is-zooming-out .fancybox__content>.f-button.is-close-btn { visibility: hidden } .fancybox__content>.f-button.is-close-btn:hover { opacity: 1 } .fancybox__footer { padding: 0; margin: 0; position: relative } .fancybox__footer .fancybox__caption { width: 100%; padding: 24px; opacity: var(--fancybox-opacity, 1); transition: all .25s ease } .is-compact .fancybox__footer { position: absolute; bottom: 0; left: 0; right: 0; z-index: 20; background: rgba(24,24,27,.5) } .is-compact .fancybox__footer .fancybox__caption { padding: 12px } .is-compact .fancybox__content>.f-button.is-close-btn { --f-button-border-radius: 50%; --f-button-color: #fff; --f-button-hover-color: #fff; --f-button-outline-color: #000; --f-button-bg: rgba(0, 0, 0, 0.6); --f-button-active-bg: rgba(0, 0, 0, 0.6); --f-button-hover-bg: rgba(0, 0, 0, 0.6); --f-button-svg-width: 18px; --f-button-svg-height: 18px; --f-button-svg-filter: none; top: 5px; right: 5px } .fancybox__nav { --f-button-width: 50px; --f-button-height: 50px; --f-button-border: 0; --f-button-border-radius: 50%; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: transparent; --f-button-hover-bg: rgba(24, 24, 27, 0.3); --f-button-active-bg: rgba(24, 24, 27, 0.5); --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 26px; --f-button-svg-height: 26px; --f-button-svg-stroke-width: 2.5; --f-button-svg-fill: none; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5)); --f-button-svg-disabled-opacity: 0.65; --f-button-next-pos: 1rem; --f-button-prev-pos: 1rem; opacity: var(--fancybox-opacity, 1) } .fancybox__nav .f-button:before { position: absolute; content: ""; top: -30px; right: -20px; left: -20px; bottom: -30px; z-index: 1 } .is-idle .fancybox__nav { animation: .15s ease-out both f-fadeOut } .is-idle.is-compact .fancybox__footer { pointer-events: none; animation: .15s ease-out both f-fadeOut } .fancybox__slide>.f-spinner { position: absolute; top: 50%; left: 50%; margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5)); z-index: 30; cursor: pointer } .fancybox-protected { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 40; user-select: none } .fancybox-ghost { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 0; object-fit: contain; z-index: 40; user-select: none; pointer-events: none } .fancybox-focus-guard { outline: none; opacity: 0; position: fixed; pointer-events: none } .fancybox__container:not([aria-hidden]) { opacity: 0 } .fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content) { animation: var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn } .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop { animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn } .fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content) { animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut } .fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop { animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut } .has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content { max-width: 100%; flex-shrink: 1; min-height: 1px; overflow: visible } .has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content { width: calc(100% - 120px); height: 90% } .fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content { width: 100%; height: 100% } .has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content { width: 960px; height: 540px; max-width: 100%; max-height: 100% } .has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content { padding: 0; background: rgba(24,24,27,.9); color: #fff } .has-map .fancybox__content { background: #e5e3df } .fancybox__html5video,.fancybox__iframe { border: 0; display: block; height: 100%; width: 100%; background: rgba(0,0,0,0) } .fancybox-placeholder { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important } .f-carousel__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-outline: 0; --f-thumb-outline-color: #5eb0ef; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1; --f-thumb-border-radius: 2px; --f-thumb-offset: 0px; --f-button-next-pos: 0; --f-button-prev-pos: 0 } .f-carousel__thumbs.is-classic { --f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1 } .f-carousel__thumbs.is-modern { --f-thumb-gap: 4px; --f-thumb-extra-gap: 16px; --f-thumb-clip-width: 46px } .f-thumbs { position: relative; flex: 0 0 auto; margin: 0; overflow: hidden; -webkit-tap-highlight-color: rgba(0,0,0,0); user-select: none; perspective: 1000px; transform: translateZ(0) } .f-thumbs .f-spinner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 2px; background-image: linear-gradient(#ebeff2, #e2e8f0); z-index: -1 } .f-thumbs .f-spinner svg { display: none } .f-thumbs.is-vertical { height: 100% } .f-thumbs__viewport { width: 100%; height: auto; overflow: hidden; transform: translate3d(0, 0, 0) } .f-thumbs__track { display: flex } .f-thumbs__slide { position: relative; flex: 0 0 auto; box-sizing: content-box; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; width: var(--f-thumb-width); height: var(--f-thumb-height); overflow: visible; cursor: pointer } .f-thumbs__slide.is-loading img { opacity: 0 } .is-classic .f-thumbs__viewport { height: 100% } .is-modern .f-thumbs__track { width: max-content } .is-modern .f-thumbs__track::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc((var(--f-thumb-clip-width, 0))*-0.5); width: calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0)); cursor: pointer } .is-modern .f-thumbs__slide { width: var(--f-thumb-clip-width); transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0); transition: none; pointer-events: none } .is-modern.is-resting .f-thumbs__slide { transition: transform .33s ease } .is-modern.is-resting .f-thumbs__slide__button { transition: clip-path .33s ease } .is-using-tab .is-modern .f-thumbs__slide:focus-within { filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color)) } .f-thumbs__slide__button { appearance: none; width: var(--f-thumb-width); height: 100%; margin: 0 -100% 0 -100%; padding: 0; border: 0; position: relative; border-radius: var(--f-thumb-border-radius); overflow: hidden; background: rgba(0,0,0,0); outline: none; cursor: pointer; pointer-events: auto; touch-action: manipulation; opacity: var(--f-thumb-opacity); transition: opacity .2s ease } .f-thumbs__slide__button:hover { opacity: var(--f-thumb-hover-opacity) } .f-thumbs__slide__button:focus:not(:focus-visible) { outline: none } .f-thumbs__slide__button:focus-visible { outline: none; opacity: var(--f-thumb-selected-opacity) } .is-modern .f-thumbs__slide__button { --clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) ); clip-path: var(--clip-path) } .is-classic .is-nav-selected .f-thumbs__slide__button { opacity: var(--f-thumb-selected-opacity) } .is-classic .is-nav-selected .f-thumbs__slide__button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: auto; bottom: 0; border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent); border-radius: var(--f-thumb-border-radius); animation: f-fadeIn .2s ease-out; z-index: 10 } .f-thumbs__slide__img { overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: var(--f-thumb-offset); box-sizing: border-box; pointer-events: none; object-fit: cover; border-radius: var(--f-thumb-border-radius) } .f-thumbs.is-horizontal .f-thumbs__track { padding: 8px 0 12px 0 } .f-thumbs.is-horizontal .f-thumbs__slide { margin: 0 var(--f-thumb-gap) 0 0 } .f-thumbs.is-vertical .f-thumbs__track { flex-wrap: wrap; padding: 0 8px } .f-thumbs.is-vertical .f-thumbs__slide { margin: 0 0 var(--f-thumb-gap) 0 } .fancybox__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-border-radius: 2px; --f-thumb-outline: 2px; --f-thumb-outline-color: #ededed; position: relative; opacity: var(--fancybox-opacity, 1); transition: max-height .35s cubic-bezier(0.23, 1, 0.32, 1) } .fancybox__thumbs.is-classic { --f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1 } .fancybox__thumbs.is-classic .f-spinner { background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)) } .fancybox__thumbs.is-modern { --f-thumb-gap: 4px; --f-thumb-extra-gap: 16px; --f-thumb-clip-width: 46px; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1 } .fancybox__thumbs.is-modern .f-spinner { background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)) } .fancybox__thumbs.is-horizontal { padding: 0 var(--f-thumb-gap) } .fancybox__thumbs.is-vertical { padding: var(--f-thumb-gap) 0 } .is-compact .fancybox__thumbs { --f-thumb-width: 64px; --f-thumb-clip-width: 32px; --f-thumb-height: 48px; --f-thumb-extra-gap: 10px } .fancybox__thumbs.is-masked { max-height: 0px !important } .is-closing .fancybox__thumbs { transition: none !important } .fancybox__toolbar { --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94)); --f-button-width: 46px; --f-button-height: 46px; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: rgba(24, 24, 27, 0.65); --f-button-hover-bg: rgba(70, 70, 73, 0.65); --f-button-active-bg: rgba(90, 90, 93, 0.65); --f-button-border-radius: 0; --f-button-svg-width: 24px; --f-button-svg-height: 24px; --f-button-svg-stroke-width: 1.5; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15)); --f-button-svg-fill: none; --f-button-svg-disabled-opacity: 0.65; display: flex; flex-direction: row; justify-content: space-between; margin: 0; padding: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif; color: var(--fancybox-color, currentColor); opacity: var(--fancybox-opacity, 1); text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5)); pointer-events: none; z-index: 20 } .fancybox__toolbar :focus-visible { z-index: 1 } .fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar { position: absolute; top: 0; left: 0; right: 0 } .is-idle .fancybox__toolbar { pointer-events: none; animation: .15s ease-out both f-fadeOut } .fancybox__toolbar__column { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start } .fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right { flex-grow: 1; flex-basis: 0 } .fancybox__toolbar__column.is-right { display: flex; justify-content: flex-end; flex-wrap: nowrap } .fancybox__infobar { padding: 0 5px; line-height: var(--f-button-height); text-align: center; font-size: 17px; font-variant-numeric: tabular-nums; -webkit-font-smoothing: subpixel-antialiased; cursor: default; user-select: none } .fancybox__infobar span { padding: 0 5px } .fancybox__infobar:not(:first-child):not(:last-child) { background: var(--f-button-bg) } [data-fancybox-toggle-slideshow] { position: relative } [data-fancybox-toggle-slideshow] .f-progress { height: 100%; opacity: .3 } [data-fancybox-toggle-slideshow] svg g:first-child { display: flex } [data-fancybox-toggle-slideshow] svg g:last-child { display: none } .has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child { display: none } .has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child { display: flex } [data-fancybox-toggle-fullscreen] svg g:first-child { display: flex } [data-fancybox-toggle-fullscreen] svg g:last-child { display: none } :fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child { display: none } :fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child { display: flex } .f-progress { position: absolute; top: 0; left: 0; right: 0; height: 3px; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff)); z-index: 30; user-select: none; pointer-events: none } @import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Eater&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap);@import url(https://fonts.googleapis.com/css2?family=Eater&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nosifer&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap);@import url(https://fonts.googleapis.com/css2?family=Eater&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nosifer&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Oswald:wght@200..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Creepster&family=Eater&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nosifer&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Oswald:wght@200..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Eater&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap);@import url(https://fonts.googleapis.com/css2?family=Eater&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nosifer&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap);@import url(https://fonts.googleapis.com/css2?family=Eater&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nosifer&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Oswald:wght@200..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Creepster&family=Eater&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nosifer&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Oswald:wght@200..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Anton&family=Creepster&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Eater&family=Fugaz+One&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nosifer&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Oswald:wght@200..700&family=Outfit:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Anton&family=Creepster&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Eater&family=Fugaz+One&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nosifer&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Oswald:wght@200..700&family=Outfit:wght@100..900&display=swap);.cl-white { color: #fff!important } .cl-black { color: #1b2a40 } .cl-primary { color: #c1001b!important } .cl-orange { color: #ff8f3f } .cl-blue { color: #4b95ff } .cl-green { color: #c2121e } .cl-gradient { background: linear-gradient(95deg,#c2121e 13.35%,#00a9c6 87.06%); -webkit-background-clip: text; -webkit-text-fill-color: #fff0 } .cl-text { color: #606a7a } .cl-input { color: #838e9e } .cl-gray-3 { color: #4b4f58 } .cl-gray-4 { color: #60656b } .bg-orange { background-color: #ff8f3f } .bg-blue { background-color: #4b95ff } .bg-green { background-color: #c2121e } .bg-gradient { background: linear-gradient(95deg,#c2121e 13.35%,#00a9c6 87.06%) } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)) } .row>* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y) } .col { flex: 1 0 0% } .row-cols-auto>* { flex: 0 0 auto; width: auto } .row-cols-1>* { flex: 0 0 auto; width: 100% } .row-cols-2>* { flex: 0 0 auto; width: 50% } .row-cols-3>* { flex: 0 0 auto; width: 33.3333333333% } .row-cols-4>* { flex: 0 0 auto; width: 25% } .row-cols-5>* { flex: 0 0 auto; width: 20% } .row-cols-6>* { flex: 0 0 auto; width: 16.6666666667% } .col-auto { flex: 0 0 auto; width: auto } .col-1 { flex: 0 0 auto; width: 8.33333333% } .col-2 { flex: 0 0 auto; width: 16.66666667% } .col-3 { flex: 0 0 auto; width: 25% } .col-4 { flex: 0 0 auto; width: 33.33333333% } .col-5 { flex: 0 0 auto; width: 41.66666667% } .col-6 { flex: 0 0 auto; width: 50% } .col-7 { flex: 0 0 auto; width: 58.33333333% } .col-8 { flex: 0 0 auto; width: 66.66666667% } .col-9 { flex: 0 0 auto; width: 75% } .col-10 { flex: 0 0 auto; width: 83.33333333% } .col-11 { flex: 0 0 auto; width: 91.66666667% } .col-12 { flex: 0 0 auto; width: 100% } .offset-1 { margin-left: 8.33333333% } .offset-2 { margin-left: 16.66666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.33333333% } .offset-5 { margin-left: 41.66666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.33333333% } .offset-8 { margin-left: 66.66666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.33333333% } .offset-11 { margin-left: 91.66666667% } .g-0,.gx-0 { --bs-gutter-x: 0 } .g-0,.gy-0 { --bs-gutter-y: 0 } .g-1,.gx-1 { --bs-gutter-x: 0.25rem } .g-1,.gy-1 { --bs-gutter-y: 0.25rem } .g-2,.gx-2 { --bs-gutter-x: 0.5rem } .g-2,.gy-2 { --bs-gutter-y: 0.5rem } .g-3,.gx-3 { --bs-gutter-x: 1rem } .g-3,.gy-3 { --bs-gutter-y: 1rem } .g-4,.gx-4 { --bs-gutter-x: 1.5rem } .g-4,.gy-4 { --bs-gutter-y: 1.5rem } .g-5,.gx-5 { --bs-gutter-x: 3rem } .g-5,.gy-5 { --bs-gutter-y: 3rem } @media (min-width: 576px) { .col-sm { flex:1 0 0% } .row-cols-sm-auto>* { flex: 0 0 auto; width: auto } .row-cols-sm-1>* { flex: 0 0 auto; width: 100% } .row-cols-sm-2>* { flex: 0 0 auto; width: 50% } .row-cols-sm-3>* { flex: 0 0 auto; width: 33.3333333333% } .row-cols-sm-4>* { flex: 0 0 auto; width: 25% } .row-cols-sm-5>* { flex: 0 0 auto; width: 20% } .row-cols-sm-6>* { flex: 0 0 auto; width: 16.6666666667% } .col-sm-auto { flex: 0 0 auto; width: auto } .col-sm-1 { flex: 0 0 auto; width: 8.33333333% } .col-sm-2 { flex: 0 0 auto; width: 16.66666667% } .col-sm-3 { flex: 0 0 auto; width: 25% } .col-sm-4 { flex: 0 0 auto; width: 33.33333333% } .col-sm-5 { flex: 0 0 auto; width: 41.66666667% } .col-sm-6 { flex: 0 0 auto; width: 50% } .col-sm-7 { flex: 0 0 auto; width: 58.33333333% } .col-sm-8 { flex: 0 0 auto; width: 66.66666667% } .col-sm-9 { flex: 0 0 auto; width: 75% } .col-sm-10 { flex: 0 0 auto; width: 83.33333333% } .col-sm-11 { flex: 0 0 auto; width: 91.66666667% } .col-sm-12 { flex: 0 0 auto; width: 100% } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.33333333% } .offset-sm-2 { margin-left: 16.66666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.33333333% } .offset-sm-5 { margin-left: 41.66666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.33333333% } .offset-sm-8 { margin-left: 66.66666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.33333333% } .offset-sm-11 { margin-left: 91.66666667% } .g-sm-0,.gx-sm-0 { --bs-gutter-x: 0 } .g-sm-0,.gy-sm-0 { --bs-gutter-y: 0 } .g-sm-1,.gx-sm-1 { --bs-gutter-x: 0.25rem } .g-sm-1,.gy-sm-1 { --bs-gutter-y: 0.25rem } .g-sm-2,.gx-sm-2 { --bs-gutter-x: 0.5rem } .g-sm-2,.gy-sm-2 { --bs-gutter-y: 0.5rem } .g-sm-3,.gx-sm-3 { --bs-gutter-x: 1rem } .g-sm-3,.gy-sm-3 { --bs-gutter-y: 1rem } .g-sm-4,.gx-sm-4 { --bs-gutter-x: 1.5rem } .g-sm-4,.gy-sm-4 { --bs-gutter-y: 1.5rem } .g-sm-5,.gx-sm-5 { --bs-gutter-x: 3rem } .g-sm-5,.gy-sm-5 { --bs-gutter-y: 3rem } } @media (min-width: 768px) { .col-md { flex:1 0 0% } .row-cols-md-auto>* { flex: 0 0 auto; width: auto } .row-cols-md-1>* { flex: 0 0 auto; width: 100% } .row-cols-md-2>* { flex: 0 0 auto; width: 50% } .row-cols-md-3>* { flex: 0 0 auto; width: 33.3333333333% } .row-cols-md-4>* { flex: 0 0 auto; width: 25% } .row-cols-md-5>* { flex: 0 0 auto; width: 20% } .row-cols-md-6>* { flex: 0 0 auto; width: 16.6666666667% } .col-md-auto { flex: 0 0 auto; width: auto } .col-md-1 { flex: 0 0 auto; width: 8.33333333% } .col-md-2 { flex: 0 0 auto; width: 16.66666667% } .col-md-3 { flex: 0 0 auto; width: 25% } .col-md-4 { flex: 0 0 auto; width: 33.33333333% } .col-md-5 { flex: 0 0 auto; width: 41.66666667% } .col-md-6 { flex: 0 0 auto; width: 50% } .col-md-7 { flex: 0 0 auto; width: 58.33333333% } .col-md-8 { flex: 0 0 auto; width: 66.66666667% } .col-md-9 { flex: 0 0 auto; width: 75% } .col-md-10 { flex: 0 0 auto; width: 83.33333333% } .col-md-11 { flex: 0 0 auto; width: 91.66666667% } .col-md-12 { flex: 0 0 auto; width: 100% } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.33333333% } .offset-md-2 { margin-left: 16.66666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.33333333% } .offset-md-5 { margin-left: 41.66666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.33333333% } .offset-md-8 { margin-left: 66.66666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.33333333% } .offset-md-11 { margin-left: 91.66666667% } .g-md-0,.gx-md-0 { --bs-gutter-x: 0 } .g-md-0,.gy-md-0 { --bs-gutter-y: 0 } .g-md-1,.gx-md-1 { --bs-gutter-x: 0.25rem } .g-md-1,.gy-md-1 { --bs-gutter-y: 0.25rem } .g-md-2,.gx-md-2 { --bs-gutter-x: 0.5rem } .g-md-2,.gy-md-2 { --bs-gutter-y: 0.5rem } .g-md-3,.gx-md-3 { --bs-gutter-x: 1rem } .g-md-3,.gy-md-3 { --bs-gutter-y: 1rem } .g-md-4,.gx-md-4 { --bs-gutter-x: 1.5rem } .g-md-4,.gy-md-4 { --bs-gutter-y: 1.5rem } .g-md-5,.gx-md-5 { --bs-gutter-x: 3rem } .g-md-5,.gy-md-5 { --bs-gutter-y: 3rem } } @media (min-width: 992px) { .col-lg { flex:1 0 0% } .row-cols-lg-auto>* { flex: 0 0 auto; width: auto } .row-cols-lg-1>* { flex: 0 0 auto; width: 100% } .row-cols-lg-2>* { flex: 0 0 auto; width: 50% } .row-cols-lg-3>* { flex: 0 0 auto; width: 33.3333333333% } .row-cols-lg-4>* { flex: 0 0 auto; width: 25% } .row-cols-lg-5>* { flex: 0 0 auto; width: 20% } .row-cols-lg-6>* { flex: 0 0 auto; width: 16.6666666667% } .col-lg-auto { flex: 0 0 auto; width: auto } .col-lg-1 { flex: 0 0 auto; width: 8.33333333% } .col-lg-2 { flex: 0 0 auto; width: 16.66666667% } .col-lg-3 { flex: 0 0 auto; width: 25% } .col-lg-4 { flex: 0 0 auto; width: 33.33333333% } .col-lg-5 { flex: 0 0 auto; width: 41.66666667% } .col-lg-6 { flex: 0 0 auto; width: 50% } .col-lg-7 { flex: 0 0 auto; width: 58.33333333% } .col-lg-8 { flex: 0 0 auto; width: 66.66666667% } .col-lg-9 { flex: 0 0 auto; width: 75% } .col-lg-10 { flex: 0 0 auto; width: 83.33333333% } .col-lg-11 { flex: 0 0 auto; width: 91.66666667% } .col-lg-12 { flex: 0 0 auto; width: 100% } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.33333333% } .offset-lg-2 { margin-left: 16.66666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.33333333% } .offset-lg-5 { margin-left: 41.66666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.33333333% } .offset-lg-8 { margin-left: 66.66666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.33333333% } .offset-lg-11 { margin-left: 91.66666667% } .g-lg-0,.gx-lg-0 { --bs-gutter-x: 0 } .g-lg-0,.gy-lg-0 { --bs-gutter-y: 0 } .g-lg-1,.gx-lg-1 { --bs-gutter-x: 0.25rem } .g-lg-1,.gy-lg-1 { --bs-gutter-y: 0.25rem } .g-lg-2,.gx-lg-2 { --bs-gutter-x: 0.5rem } .g-lg-2,.gy-lg-2 { --bs-gutter-y: 0.5rem } .g-lg-3,.gx-lg-3 { --bs-gutter-x: 1rem } .g-lg-3,.gy-lg-3 { --bs-gutter-y: 1rem } .g-lg-4,.gx-lg-4 { --bs-gutter-x: 1.5rem } .g-lg-4,.gy-lg-4 { --bs-gutter-y: 1.5rem } .g-lg-5,.gx-lg-5 { --bs-gutter-x: 3rem } .g-lg-5,.gy-lg-5 { --bs-gutter-y: 3rem } } @media (min-width: 1200px) { .col-xl { flex:1 0 0% } .row-cols-xl-auto>* { flex: 0 0 auto; width: auto } .row-cols-xl-1>* { flex: 0 0 auto; width: 100% } .row-cols-xl-2>* { flex: 0 0 auto; width: 50% } .row-cols-xl-3>* { flex: 0 0 auto; width: 33.3333333333% } .row-cols-xl-4>* { flex: 0 0 auto; width: 25% } .row-cols-xl-5>* { flex: 0 0 auto; width: 20% } .row-cols-xl-6>* { flex: 0 0 auto; width: 16.6666666667% } .col-xl-auto { flex: 0 0 auto; width: auto } .col-xl-1 { flex: 0 0 auto; width: 8.33333333% } .col-xl-2 { flex: 0 0 auto; width: 16.66666667% } .col-xl-3 { flex: 0 0 auto; width: 25% } .col-xl-4 { flex: 0 0 auto; width: 33.33333333% } .col-xl-5 { flex: 0 0 auto; width: 41.66666667% } .col-xl-6 { flex: 0 0 auto; width: 50% } .col-xl-7 { flex: 0 0 auto; width: 58.33333333% } .col-xl-8 { flex: 0 0 auto; width: 66.66666667% } .col-xl-9 { flex: 0 0 auto; width: 75% } .col-xl-10 { flex: 0 0 auto; width: 83.33333333% } .col-xl-11 { flex: 0 0 auto; width: 91.66666667% } .col-xl-12 { flex: 0 0 auto; width: 100% } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.33333333% } .offset-xl-2 { margin-left: 16.66666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.33333333% } .offset-xl-5 { margin-left: 41.66666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.33333333% } .offset-xl-8 { margin-left: 66.66666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.33333333% } .offset-xl-11 { margin-left: 91.66666667% } .g-xl-0,.gx-xl-0 { --bs-gutter-x: 0 } .g-xl-0,.gy-xl-0 { --bs-gutter-y: 0 } .g-xl-1,.gx-xl-1 { --bs-gutter-x: 0.25rem } .g-xl-1,.gy-xl-1 { --bs-gutter-y: 0.25rem } .g-xl-2,.gx-xl-2 { --bs-gutter-x: 0.5rem } .g-xl-2,.gy-xl-2 { --bs-gutter-y: 0.5rem } .g-xl-3,.gx-xl-3 { --bs-gutter-x: 1rem } .g-xl-3,.gy-xl-3 { --bs-gutter-y: 1rem } .g-xl-4,.gx-xl-4 { --bs-gutter-x: 1.5rem } .g-xl-4,.gy-xl-4 { --bs-gutter-y: 1.5rem } .g-xl-5,.gx-xl-5 { --bs-gutter-x: 3rem } .g-xl-5,.gy-xl-5 { --bs-gutter-y: 3rem } } @media (min-width: 1400px) { .col-xxl { flex:1 0 0% } .row-cols-xxl-auto>* { flex: 0 0 auto; width: auto } .row-cols-xxl-1>* { flex: 0 0 auto; width: 100% } .row-cols-xxl-2>* { flex: 0 0 auto; width: 50% } .row-cols-xxl-3>* { flex: 0 0 auto; width: 33.3333333333% } .row-cols-xxl-4>* { flex: 0 0 auto; width: 25% } .row-cols-xxl-5>* { flex: 0 0 auto; width: 20% } .row-cols-xxl-6>* { flex: 0 0 auto; width: 16.6666666667% } .col-xxl-auto { flex: 0 0 auto; width: auto } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333% } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667% } .col-xxl-3 { flex: 0 0 auto; width: 25% } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333% } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667% } .col-xxl-6 { flex: 0 0 auto; width: 50% } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333% } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667% } .col-xxl-9 { flex: 0 0 auto; width: 75% } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333% } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667% } .col-xxl-12 { flex: 0 0 auto; width: 100% } .offset-xxl-0 { margin-left: 0 } .offset-xxl-1 { margin-left: 8.33333333% } .offset-xxl-2 { margin-left: 16.66666667% } .offset-xxl-3 { margin-left: 25% } .offset-xxl-4 { margin-left: 33.33333333% } .offset-xxl-5 { margin-left: 41.66666667% } .offset-xxl-6 { margin-left: 50% } .offset-xxl-7 { margin-left: 58.33333333% } .offset-xxl-8 { margin-left: 66.66666667% } .offset-xxl-9 { margin-left: 75% } .offset-xxl-10 { margin-left: 83.33333333% } .offset-xxl-11 { margin-left: 91.66666667% } .g-xxl-0,.gx-xxl-0 { --bs-gutter-x: 0 } .g-xxl-0,.gy-xxl-0 { --bs-gutter-y: 0 } .g-xxl-1,.gx-xxl-1 { --bs-gutter-x: 0.25rem } .g-xxl-1,.gy-xxl-1 { --bs-gutter-y: 0.25rem } .g-xxl-2,.gx-xxl-2 { --bs-gutter-x: 0.5rem } .g-xxl-2,.gy-xxl-2 { --bs-gutter-y: 0.5rem } .g-xxl-3,.gx-xxl-3 { --bs-gutter-x: 1rem } .g-xxl-3,.gy-xxl-3 { --bs-gutter-y: 1rem } .g-xxl-4,.gx-xxl-4 { --bs-gutter-x: 1.5rem } .g-xxl-4,.gy-xxl-4 { --bs-gutter-y: 1.5rem } .g-xxl-5,.gx-xxl-5 { --bs-gutter-x: 3rem } .g-xxl-5,.gy-xxl-5 { --bs-gutter-y: 3rem } } .ic-section-space { padding-top: 90px; padding-bottom: 90px } @media only screen and (max-width: 1650px) { .ic-section-space { padding-top:80px; padding-bottom: 80px } } @media only screen and (max-width: 1399.98px) { .ic-section-space { padding-top:75px; padding-bottom: 75px } } @media only screen and (max-width: 1199.98px) { .ic-section-space { padding-top:70px; padding-bottom: 70px } } @media only screen and (max-width: 991.98px) { .ic-section-space { padding-top:50px; padding-bottom: 50px } } @media only screen and (max-width: 767.98px) { .ic-section-space { padding-top:40px; padding-bottom: 40px } } @media only screen and (max-width: 575.98px) { .ic-section-space { padding-top:30px; padding-bottom: 30px } } .ic-section-space-top { padding-top: 90px } @media only screen and (max-width: 1650px) { .ic-section-space-top { padding-top:80px } } @media only screen and (max-width: 1399.98px) { .ic-section-space-top { padding-top:75px } } @media only screen and (max-width: 1199.98px) { .ic-section-space-top { padding-top:70px } } @media only screen and (max-width: 991.98px) { .ic-section-space-top { padding-top:50px } } @media only screen and (max-width: 767.98px) { .ic-section-space-top { padding-top:40px } } @media only screen and (max-width: 575.98px) { .ic-section-space-top { padding-top:30px } } @media only screen and (max-width: 480px) { .ic-section-space-top { padding-top:25px } } .ic-section-space-bottom { padding-bottom: 90px } @media only screen and (max-width: 1650px) { .ic-section-space-bottom { padding-bottom:80px } } @media only screen and (max-width: 1399.98px) { .ic-section-space-bottom { padding-bottom:75px } } @media only screen and (max-width: 1199.98px) { .ic-section-space-bottom { padding-bottom:70px } } @media only screen and (max-width: 991.98px) { .ic-section-space-bottom { padding-bottom:50px } } @media only screen and (max-width: 767.98px) { .ic-section-space-bottom { padding-bottom:40px } } @media only screen and (max-width: 575.98px) { .ic-section-space-bottom { padding-bottom:30px } } @media only screen and (max-width: 480px) { .ic-section-space-bottom { padding-bottom:25px } } .ic-section-header-space { padding: 60px 0 } @media only screen and (max-width: 1650px) { .ic-section-header-space { padding-top:55px; padding-bottom: 55px } } @media only screen and (max-width: 1399.98px) { .ic-section-header-space { padding-top:50px; padding-bottom: 50px } } @media only screen and (max-width: 1199.98px) { .ic-section-header-space { padding-top:45px; padding-bottom: 45px } } @media only screen and (max-width: 991.98px) { .ic-section-header-space { padding-top:40px; padding-bottom: 40px } } @media only screen and (max-width: 767.98px) { .ic-section-header-space { padding-top:30px; padding-bottom: 30px } } @media only screen and (max-width: 575.98px) { .ic-section-header-space { padding-top:20px; padding-bottom: 20px } } @media only screen and (max-width: 480px) { .ic-section-header-space { padding-top:18px; padding-bottom: 18px } } .ic-section-header-space-bottom { padding-bottom: 60px } @media only screen and (max-width: 1650px) { .ic-section-header-space-bottom { padding-bottom:55px } } @media only screen and (max-width: 1399.98px) { .ic-section-header-space-bottom { padding-bottom:50px } } @media only screen and (max-width: 1199.98px) { .ic-section-header-space-bottom { padding-bottom:45px } } @media only screen and (max-width: 991.98px) { .ic-section-header-space-bottom { padding-bottom:40px } } @media only screen and (max-width: 767.98px) { .ic-section-header-space-bottom { padding-bottom:30px } } @media only screen and (max-width: 575.98px) { .ic-section-header-space-bottom { padding-bottom:20px } } @media only screen and (max-width: 480px) { .ic-section-header-space-bottom { padding-bottom:18px } } .ic-section-header-space-bottom-m { margin-bottom: 60px } @media only screen and (max-width: 1650px) { .ic-section-header-space-bottom-m { margin-bottom:55px } } @media only screen and (max-width: 1399.98px) { .ic-section-header-space-bottom-m { margin-bottom:50px } } @media only screen and (max-width: 1199.98px) { .ic-section-header-space-bottom-m { margin-bottom:45px } } @media only screen and (max-width: 991.98px) { .ic-section-header-space-bottom-m { margin-bottom:40px } } @media only screen and (max-width: 767.98px) { .ic-section-header-space-bottom-m { margin-bottom:30px } } @media only screen and (max-width: 575.98px) { .ic-section-header-space-bottom-m { margin-bottom:20px } } @media only screen and (max-width: 480px) { .ic-section-header-space-bottom-m { margin-bottom:18px } } .pt-80 { padding-top: 80px } .pt-60 { padding-top: 60px } @media only screen and (max-width: 1650px) { .pt-60 { padding-bottom:55px } } @media only screen and (max-width: 1399.98px) { .pt-60 { padding-top:50px } } @media only screen and (max-width: 1199.98px) { .pt-60 { padding-top:45px } } @media only screen and (max-width: 991.98px) { .pt-60 { padding-top:40px } } @media only screen and (max-width: 767.98px) { .pt-60 { padding-top:30px } } @media only screen and (max-width: 575.98px) { .pt-60 { padding-top:20px } } @media only screen and (max-width: 480px) { .pt-60 { padding-top:18px } } .pb-80 { padding-bottom: 80px } .pb-60 { padding-bottom: 60px } @media only screen and (max-width: 1650px) { .pb-60 { padding-bottom:55px } } @media only screen and (max-width: 1399.98px) { .pb-60 { padding-bottom:50px } } @media only screen and (max-width: 1199.98px) { .pb-60 { padding-bottom:45px } } @media only screen and (max-width: 991.98px) { .pb-60 { padding-bottom:40px } } @media only screen and (max-width: 767.98px) { .pb-60 { padding-bottom:30px } } @media only screen and (max-width: 575.98px) { .pb-60 { padding-bottom:20px } } @media only screen and (max-width: 480px) { .pb-60 { padding-bottom:18px } } .mb-80 { margin-bottom: 80px } @media only screen and (max-width: 1650px) { .mb-80 { margin-bottom:70px } } @media only screen and (max-width: 1399.98px) { .mb-80 { margin-bottom:60px } } @media only screen and (max-width: 1199.98px) { .mb-80 { margin-bottom:50px } } @media only screen and (max-width: 991.98px) { .mb-80 { margin-bottom:45px } } @media only screen and (max-width: 767.98px) { .mb-80 { margin-bottom:40px } } @media only screen and (max-width: 575.98px) { .mb-80 { margin-bottom:35px } } @media only screen and (max-width: 480px) { .mb-80 { margin-bottom:30px } } .mb-60 { margin-bottom: 60px } @media only screen and (max-width: 1650px) { .mb-60 { margin-bottom:55px } } @media only screen and (max-width: 1399.98px) { .mb-60 { margin-bottom:50px } } @media only screen and (max-width: 1199.98px) { .mb-60 { margin-bottom:45px } } @media only screen and (max-width: 991.98px) { .mb-60 { margin-bottom:40px } } @media only screen and (max-width: 767.98px) { .mb-60 { margin-bottom:30px } } @media only screen and (max-width: 575.98px) { .mb-60 { margin-bottom:20px } } @media only screen and (max-width: 480px) { .mb-60 { margin-bottom:18px } } .mb-50 { margin-bottom: 50px } @media only screen and (max-width: 1650px) { .mb-50 { margin-bottom:48px } } @media only screen and (max-width: 1399.98px) { .mb-50 { margin-bottom:45px } } @media only screen and (max-width: 1199.98px) { .mb-50 { margin-bottom:40px } } @media only screen and (max-width: 991.98px) { .mb-50 { margin-bottom:30px } } @media only screen and (max-width: 767.98px) { .mb-50 { margin-bottom:22px } } .mb-45 { margin-bottom: 45px } @media only screen and (max-width: 1650px) { .mb-45 { margin-bottom:40px } } @media only screen and (max-width: 1399.98px) { .mb-45 { margin-bottom:38px } } @media only screen and (max-width: 1199.98px) { .mb-45 { margin-bottom:36px } } @media only screen and (max-width: 991.98px) { .mb-45 { margin-bottom:32px } } @media only screen and (max-width: 767.98px) { .mb-45 { margin-bottom:22px } } .mb-42 { margin-bottom: 42px } @media only screen and (max-width: 1650px) { .mb-42 { margin-bottom:36px } } @media only screen and (max-width: 1399.98px) { .mb-42 { margin-bottom:34px } } @media only screen and (max-width: 1199.98px) { .mb-42 { margin-bottom:30px } } @media only screen and (max-width: 991.98px) { .mb-42 { margin-bottom:28px } } @media only screen and (max-width: 767.98px) { .mb-42 { margin-bottom:22px } } .mb-40 { margin-bottom: 40px } @media only screen and (max-width: 1650px) { .mb-40 { margin-bottom:36px } } @media only screen and (max-width: 1399.98px) { .mb-40 { margin-bottom:34px } } @media only screen and (max-width: 1199.98px) { .mb-40 { margin-bottom:30px } } @media only screen and (max-width: 991.98px) { .mb-40 { margin-bottom:28px } } @media only screen and (max-width: 767.98px) { .mb-40 { margin-bottom:22px } } .mb-38 { margin-bottom: 38px } @media only screen and (max-width: 1399.98px) { .mb-38 { margin-bottom:34px } } @media only screen and (max-width: 1199.98px) { .mb-38 { margin-bottom:30px } } @media only screen and (max-width: 991.98px) { .mb-38 { margin-bottom:26px } } @media only screen and (max-width: 767.98px) { .mb-38 { margin-bottom:22px } } @media only screen and (max-width: 575.98px) { .mb-38 { margin-bottom:18px } } .mb-35 { margin-bottom: 35px } @media only screen and (max-width: 1399.98px) { .mb-35 { margin-bottom:32px } } @media only screen and (max-width: 1199.98px) { .mb-35 { margin-bottom:28px } } @media only screen and (max-width: 991.98px) { .mb-35 { margin-bottom:24px } } @media only screen and (max-width: 767.98px) { .mb-35 { margin-bottom:20px } } @media only screen and (max-width: 575.98px) { .mb-35 { margin-bottom:16px } } .mb-32 { margin-bottom: 32px } @media only screen and (max-width: 1399.98px) { .mb-32 { margin-bottom:28px } } @media only screen and (max-width: 1199.98px) { .mb-32 { margin-bottom:27px } } @media only screen and (max-width: 991.98px) { .mb-32 { margin-bottom:26px } } @media only screen and (max-width: 767.98px) { .mb-32 { margin-bottom:22px } } @media only screen and (max-width: 575.98px) { .mb-32 { margin-bottom:20px } } .mb-30 { margin-bottom: 30px } @media only screen and (max-width: 1399.98px) { .mb-30 { margin-bottom:28px } } @media only screen and (max-width: 1199.98px) { .mb-30 { margin-bottom:27px } } @media only screen and (max-width: 991.98px) { .mb-30 { margin-bottom:26px } } @media only screen and (max-width: 767.98px) { .mb-30 { margin-bottom:22px } } @media only screen and (max-width: 575.98px) { .mb-30 { margin-bottom:20px } } .mt-30 { margin-top: 30px } @media only screen and (max-width: 1399.98px) { .mt-30 { margin-top:28px } } @media only screen and (max-width: 1199.98px) { .mt-30 { margin-top:27px } } @media only screen and (max-width: 991.98px) { .mt-30 { margin-top:26px } } @media only screen and (max-width: 767.98px) { .mt-30 { margin-top:22px } } @media only screen and (max-width: 575.98px) { .mt-30 { margin-top:20px } } .mb-28 { margin-bottom: 28px } @media only screen and (max-width: 1199.98px) { .mb-28 { margin-bottom:27px } } @media only screen and (max-width: 991.98px) { .mb-28 { margin-bottom:26px } } @media only screen and (max-width: 767.98px) { .mb-28 { margin-bottom:22px } } @media only screen and (max-width: 575.98px) { .mb-28 { margin-bottom:18px } } .mb-26 { margin-bottom: 26px } @media only screen and (max-width: 1650px) { .mb-26 { margin-bottom:23px } } @media only screen and (max-width: 1399.98px) { .mb-26 { margin-bottom:22px } } @media only screen and (max-width: 991.98px) { .mb-26 { margin-bottom:20px } } @media only screen and (max-width: 767.98px) { .mb-26 { margin-bottom:18px } } @media only screen and (max-width: 575.98px) { .mb-26 { margin-bottom:17px } } .mb-24 { margin-bottom: 24px } @media only screen and (max-width: 1650px) { .mb-24 { margin-bottom:23px } } @media only screen and (max-width: 1399.98px) { .mb-24 { margin-bottom:22px } } @media only screen and (max-width: 991.98px) { .mb-24 { margin-bottom:20px } } @media only screen and (max-width: 767.98px) { .mb-24 { margin-bottom:18px } } @media only screen and (max-width: 575.98px) { .mb-24 { margin-bottom:17px } } .mb-25 { margin-bottom: 25px } @media only screen and (max-width: 1650px) { .mb-25 { margin-bottom:23px } } @media only screen and (max-width: 1399.98px) { .mb-25 { margin-bottom:22px } } @media only screen and (max-width: 991.98px) { .mb-25 { margin-bottom:20px } } @media only screen and (max-width: 767.98px) { .mb-25 { margin-bottom:18px } } @media only screen and (max-width: 575.98px) { .mb-25 { margin-bottom:17px } } .pb-25 { padding-bottom: 25px } @media only screen and (max-width: 1650px) { .pb-25 { padding-bottom:23px } } @media only screen and (max-width: 1399.98px) { .pb-25 { padding-bottom:22px } } @media only screen and (max-width: 991.98px) { .pb-25 { padding-bottom:20px } } @media only screen and (max-width: 767.98px) { .pb-25 { padding-bottom:18px } } @media only screen and (max-width: 575.98px) { .pb-25 { padding-bottom:17px } } .mb-23 { margin-bottom: 23px } .mb-22 { margin-bottom: 22px } @media only screen and (max-width: 1399.98px) { .mb-22 { margin-bottom:19px } } @media only screen and (max-width: 1199.98px) { .mb-22 { margin-bottom:18px } } @media only screen and (max-width: 991.98px) { .mb-22 { margin-bottom:17px } } @media only screen and (max-width: 767.98px) { .mb-22 { margin-bottom:16px } } @media only screen and (max-width: 575.98px) { .mb-22 { margin-bottom:14px } } .mb-20 { margin-bottom: 20px } @media only screen and (max-width: 1399.98px) { .mb-20 { margin-bottom:19px } } @media only screen and (max-width: 1199.98px) { .mb-20 { margin-bottom:18px } } @media only screen and (max-width: 991.98px) { .mb-20 { margin-bottom:17px } } @media only screen and (max-width: 767.98px) { .mb-20 { margin-bottom:16px } } @media only screen and (max-width: 575.98px) { .mb-20 { margin-bottom:14px } } .mb-18 { margin-bottom: 18px } .mb-16 { margin-bottom: 16px } .mb-15 { margin-bottom: 15px } @media only screen and (max-width: 1399.98px) { .mb-15 { margin-bottom:14px } } @media only screen and (max-width: 1199.98px) { .mb-15 { margin-bottom:13px } } @media only screen and (max-width: 991.98px) { .mb-15 { margin-bottom:12px } } @media only screen and (max-width: 767.98px) { .mb-15 { margin-bottom:10px } } @media only screen and (max-width: 575.98px) { .mb-15 { margin-bottom:9px } } .mb-13 { margin-bottom: 13px } .mb-12 { margin-bottom: 13px } .mb-10 { margin-bottom: 10px } .mb-8 { margin-bottom: 8px } .mb-5 { margin-bottom: 5px } .mt-20 { margin-top: 20px } .ic-pos-rel { position: relative } .ic-over-hi { overflow: hidden } .ic-bg-img { background-repeat: no-repeat; background-size: cover; background-position: center center } .row-gap-30 { row-gap: 30px } @media only screen and (max-width: 575.98px) { .js-cookie-consent { text-align:center; width: 200px } } .g-row-gap-4 { row-gap: 24px } @media only screen and (max-width: 767.98px) { .g-row-gap-4 { row-gap:16px } } .js-cookie-consent-button { padding: 8px 2px!important; font-size: 16px!important } @media only screen and (max-width: 1199.98px) { .js-cookie-consent-button { padding:7px 2px!important; font-size: 15px!important } } @media only screen and (max-width: 991.98px) { .js-cookie-consent-button { font-size:15px!important } } @media only screen and (max-width: 767.98px) { .js-cookie-consent-button { font-size:14px!important } } @media only screen and (max-width: 575.98px) { .js-cookie-consent-button { font-size:13px!important } } .fw-300 { font-weight: 300 } .fw-400 { font-weight: 400 } .fw-500 { font-weight: 500 } .fw-600 { font-weight: 600 } .fw-700 { font-weight: 700 } .fw-800 { font-weight: 800 } @font-face { font-family: lufga-bold; src: url(../fonts/lufga/LufgaBold.ttf) } @font-face { font-family: lufga-medium; src: url(../fonts/lufga/LufgaMedium.ttf) } @font-face { font-family: lufga-semibold; src: url(../fonts/lufga/LufgaSemiBold.ttf) } @font-face { font-family: lufga-regular; src: url(../fonts/lufga/LufgaRegular.ttf) } @font-face { font-family: manrope-light; src: url(../fonts/manrope/Manrope-Light.ttf) } @font-face { font-family: manrope-regular; src: url(../fonts/manrope/Manrope-Regular.ttf) } @font-face { font-family: manrope-medium; src: url(../fonts/manrope/Manrope-Medium.ttf) } @font-face { font-family: manrope-semibold; src: url(../fonts/manrope/Manrope-SemiBold.ttf) } @font-face { font-family: manrope-semibold; src: url(../fonts/manrope/Manrope-Bold.ttf) } * { margin: 0; padding: 0; box-sizing: border-box } html { scroll-behavior: smooth } body { font-size: 16px; font-weight: 400; line-height: 0; overflow-x: hidden; font-family: manrope-regular; color: #606a7a } body::-webkit-scrollbar { width: 8px } body::-webkit-scrollbar-track { background-color: #f2f2f2; border-radius: 5px } body::-webkit-scrollbar-thumb { background-color: #c2121e; border-radius: 5px } .container { padding: 0 } @media only screen and (max-width: 575.98px) { .container { padding:0 15px } } @media (min-width: 576px) { .container { max-width:540px } } @media (min-width: 768px) { .container { max-width:720px } } @media (min-width: 992px) { .container { max-width:960px } } @media (min-width: 1200px) { .container { max-width:1140px } } @media (min-width: 1400px) { .container { max-width:1320px } } h1,h1 span,h2,h2 span,h3,.ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content h6 span,h6 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content h5 span,h5 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content .sub-h5 span,.sub-h5 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content h2 span,h2 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content h1 span,h1 .ic-workflow-right .service-tab-content span,.sub-h3 span,h3 span,h4,.sub-h4 span,h4 span,h5,.sub-h5 span,h5 span,h6,h6 span,p { margin: 0; padding: 0 } a { text-decoration: none } a:hover { text-decoration: none } button { border: 0; outline: 0; line-height: initial } button:focus { border: none; outline: none; box-shadow: 0 0 0 } ul { list-style-type: none; list-style-position: inside; margin: 0; padding: 0 } input,textarea { /* width: 100%; */ border: none; outline: none } input:focus,textarea:focus { outline: none; box-shadow: none } table { border-collapse: collapse; border-spacing: 0 } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main { display: block } h1,h1 span,h2,h2 span,h3,.ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content h6 span,h6 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content h5 span,h5 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content .sub-h5 span,.sub-h5 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content h2 span,h2 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content h1 span,h1 .ic-workflow-right .service-tab-content span,.sub-h3 span,h3 span,h4,.sub-h4 span,h4 span,h5,.sub-h5 span,h5 span,h6,h6 span { margin: 0; text-transform: capitalize; font-weight: 600; font-family: lufga-bold; color: #12151a } h1,h1 span { font-size: 42px; line-height: 60px } @media (max-width: 1399px) { h1,h1 span { font-size:38px; line-height: 50px } } @media (max-width: 1199px) { h1,h1 span { font-size:38px; line-height: 42px } } h2,h2 span { font-size: 36px; line-height: auto } @media only screen and (max-width: 1650px) { h2,h2 span { font-size:33px } } @media only screen and (max-width: 1399.98px) { h2,h2 span { font-size:30px } } @media only screen and (max-width: 1199.98px) { h2,h2 span { font-size:28px; line-height: normal } } @media only screen and (max-width: 991.98px) { h2,h2 span { font-size:26px } } @media only screen and (max-width: 767.98px) { h2,h2 span { font-size:24px } } @media only screen and (max-width: 575.98px) { h2,h2 span { font-size:20px } } .fs-38 { font-size: 38px; line-height: normal; margin: 0; text-transform: capitalize; font-weight: 700; font-family: manrope-regular } .fw-600 { font-weight: 600 } h3,.ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content h6 span,h6 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content h5 span,h5 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content .sub-h5 span,.sub-h5 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content h2 span,h2 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content h1 span,h1 .ic-workflow-right .service-tab-content span,.sub-h3 span,h3 span { font-size: 32px; line-height: normal } @media only screen and (max-width: 1650px) { h3,.ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content h6 span,h6 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content h5 span,h5 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content .sub-h5 span,.sub-h5 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content h2 span,h2 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content h1 span,h1 .ic-workflow-right .service-tab-content span,.sub-h3 span,h3 span { font-size:30px } } @media only screen and (max-width: 1399.98px) { h3,.ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content h6 span,h6 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content h5 span,h5 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content .sub-h5 span,.sub-h5 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content h2 span,h2 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content h1 span,h1 .ic-workflow-right .service-tab-content span,.sub-h3 span,h3 span { font-size:28px } } @media only screen and (max-width: 1199.98px) { h3,.ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content h6 span,h6 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content h5 span,h5 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content .sub-h5 span,.sub-h5 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content h2 span,h2 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content h1 span,h1 .ic-workflow-right .service-tab-content span,.sub-h3 span,h3 span { font-size:26px } } @media only screen and (max-width: 991.98px) { h3,.ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content h6 span,h6 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content h5 span,h5 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content .sub-h5 span,.sub-h5 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content h2 span,h2 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content h1 span,h1 .ic-workflow-right .service-tab-content span,.sub-h3 span,h3 span { font-size:24px } } @media only screen and (max-width: 767.98px) { h3,.ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content h6 span,h6 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content h5 span,h5 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content .sub-h5 span,.sub-h5 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content h2 span,h2 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content h1 span,h1 .ic-workflow-right .service-tab-content span,.sub-h3 span,h3 span { font-size:22px } } @media only screen and (max-width: 575.98px) { h3,.ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content h6 span,h6 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content h5 span,h5 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content .sub-h5 span,.sub-h5 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content h2 span,h2 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content h1 span,h1 .ic-workflow-right .service-tab-content span,.sub-h3 span,h3 span { font-size:20px } } @media only screen and (max-width: 480px) { h3,.ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content h6 span,h6 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content h5 span,h5 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content .sub-h5 span,.sub-h5 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content h2 span,h2 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content h1 span,h1 .ic-workflow-right .service-tab-content span,.sub-h3 span,h3 span { font-size:20px } } .sub-h3 { font-size: 28px; line-height: normal } @media only screen and (max-width: 1650px) { .sub-h3 { font-size:24px } } @media only screen and (max-width: 1199.98px) { .sub-h3 { font-size:22px } } @media only screen and (max-width: 991.98px) { .sub-h3 { font-size:20px } } @media only screen and (max-width: 767.98px) { .sub-h3 { font-size:19px } } h4,.sub-h4 span,h4 span { font-size: 24px; line-height: 30px } @media only screen and (max-width: 1399.98px) { h4,.sub-h4 span,h4 span { font-size:23px } } @media only screen and (max-width: 1199.98px) { h4,.sub-h4 span,h4 span { font-size:22px; line-height: normal } } @media only screen and (max-width: 991.98px) { h4,.sub-h4 span,h4 span { font-size:20px } } @media only screen and (max-width: 767.98px) { h4,.sub-h4 span,h4 span { font-size:18px } } @media only screen and (max-width: 575.98px) { h4,.sub-h4 span,h4 span { font-size:17px } } @media only screen and (max-width: 480px) { h4,.sub-h4 span,h4 span { font-size:16px } } .sub-h4 { font-size: 24px; line-height: 30px } @media only screen and (max-width: 1399.98px) { .sub-h4 { font-size:23px } } @media only screen and (max-width: 1199.98px) { .sub-h4 { font-size:22px; line-height: normal } } @media only screen and (max-width: 991.98px) { .sub-h4 { font-size:20px } } @media only screen and (max-width: 767.98px) { .sub-h4 { font-size:18px } } @media only screen and (max-width: 575.98px) { .sub-h4 { font-size:17px } } @media only screen and (max-width: 480px) { .sub-h4 { font-size:16px } } h5,.sub-h5 span,h5 span { font-size: 22px; line-height: auto } @media only screen and (max-width: 1650px) { h5,.sub-h5 span,h5 span { font-size:21px } } @media only screen and (max-width: 1399.98px) { h5,.sub-h5 span,h5 span { font-size:20px } } @media only screen and (max-width: 1199.98px) { h5,.sub-h5 span,h5 span { font-size:19px } } @media only screen and (max-width: 991.98px) { h5,.sub-h5 span,h5 span { font-size:17px } } @media only screen and (max-width: 767.98px) { h5,.sub-h5 span,h5 span { font-size:16px } } @media only screen and (max-width: 575.98px) { h5,.sub-h5 span,h5 span { font-size:15px } } .sub-h5 { font-size: 20px; line-height: normal } @media only screen and (max-width: 1199.98px) { .sub-h5 { font-size:19px } } @media only screen and (max-width: 991.98px) { .sub-h5 { font-size:18px } } @media only screen and (max-width: 767.98px) { .sub-h5 { font-size:16px } } @media only screen and (max-width: 575.98px) { .sub-h5 { font-size:15px } } h6,h6 span { font-size: 18px; line-height: auto } @media only screen and (max-width: 1399.98px) { h6,h6 span { font-size:17px } } @media only screen and (max-width: 991.98px) { h6,h6 span { font-size:16px } } @media only screen and (max-width: 767.98px) { h6,h6 span { font-size:15px } } @media only screen and (max-width: 575.98px) { h6,h6 span { font-size:14px } } .sub-h6 { font-size: 18px; line-height: auto } @media only screen and (max-width: 1399.98px) { .sub-h6 { font-size:17px } } @media only screen and (max-width: 991.98px) { .sub-h6 { font-size:16px } } @media only screen and (max-width: 767.98px) { .sub-h6 { font-size:15px } } @media only screen and (max-width: 575.98px) { .sub-h6 { font-size:14px } } p,a,span,label,li,div { font-size: 16px; line-height: 26px; font-weight: 400; font-family: manrope-regular } @media only screen and (max-width: 1399.98px) { p,a,span,label,li,div { font-size:15px } } @media only screen and (max-width: 991.98px) { p,a,span,label,li,div { font-size:14px } } @media only screen and (max-width: 767.98px) { p,a,span,label,li,div { font-size:13px } } #breadcumb { background: url(../images/breadcumb-bg.png) no-repeat center; background-size: cover; padding: 80px 0; position: relative } #breadcumb2 { background: url(../images/breadcumb2.jpg) no-repeat center; background-size: cover; padding: 80px 0; position: relative } .breadcumb-text { position: relative; z-index: 9999 } .breadcumb-text h3,.breadcumb-text .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .breadcumb-text h6,.breadcumb-text .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .breadcumb-text span,.breadcumb-text h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .breadcumb-text span,.breadcumb-text .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .breadcumb-text h5,.breadcumb-text .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .breadcumb-text span,.breadcumb-text h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .breadcumb-text span,.breadcumb-text .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .breadcumb-text span,.breadcumb-text .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .breadcumb-text span,.breadcumb-text .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .breadcumb-text h2,.breadcumb-text .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .breadcumb-text span,.breadcumb-text h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .breadcumb-text span,.breadcumb-text .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .breadcumb-text h1,.breadcumb-text .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .breadcumb-text span,.breadcumb-text h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .breadcumb-text span,.breadcumb-text h3 span,.ic-workflow-right .service-tab-content .breadcumb-text h6 span,.ic-workflow-right .service-tab-content .breadcumb-text h5 span,.ic-workflow-right .service-tab-content .breadcumb-text h2 span,.ic-workflow-right .service-tab-content .breadcumb-text h1 span,h3 .breadcumb-text span,.breadcumb-text .sub-h3 span,.sub-h3 .breadcumb-text span { text-transform: uppercase; color: #c2121e; font-family: asap-bold; padding-bottom: 3px } .breadcumb-text span a { font-size: 18px; color: #00033e } #particles-js2 { position: absolute; width: 100%; height: 100%; top: 0; left: 0 } .rotateme { position: absolute; animation: drive 25s infinite; top: 20%; left: 30%; z-index: 999 } .rotateme i { font-size: 20px; color: #ede3fc; animation: rotateme 7s linear infinite } @keyframes floatme { 0% { transform: scale(0) } 100% { transform: scale(2); opacity: 0 } } @keyframes rotateme { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } @keyframes drive { 0% { top: 20%; left: 30% } 25% { top: 24%; left: 60% } 50% { top: 70%; left: 48% } 75% { top: 50%; left: 5% } 100% { top: 20%; left: 30% } } .ic-btn,.ic-btn-primary { height: 50px; padding: 0 25px; font-size: 15px; font-weight: 400; -webkit-border-radius: 10px!important; -moz-border-radius: 10px!important; border-radius: 10px!important; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex!important; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; gap: 10px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; white-space: nowrap } @media only screen and (max-width: 1650px) { .ic-btn,.ic-btn-primary { height:48px; padding: 0 23px } } @media only screen and (max-width: 1399.98px) { .ic-btn,.ic-btn-primary { height:46px; padding: 0 22px } } @media only screen and (max-width: 1199.98px) { .ic-btn,.ic-btn-primary { height:42px; font-size: 14px; padding: 0 20px } } @media only screen and (max-width: 991.98px) { .ic-btn,.ic-btn-primary { height:40px; padding: 0 18px } } @media only screen and (max-width: 767.98px) { .ic-btn,.ic-btn-primary { height:38px; font-size: 13px; padding: 0 16px } } .ic-btn.primary,.primary.ic-btn-primary { color: #fff; background: #c1001b; background-size: 300% auto; background-position: right } .ic-btn.primary:hover,.primary.ic-btn-primary:hover { background-position: center; color: #fff } .ic-btn.outline,.outline.ic-btn-primary { color: #c1001b; background: #fff; border: 1px solid #c1001b; background-size: 300% auto; background-position: right } .ic-btn.outline svg path,.outline.ic-btn-primary svg path { stroke: #c1001b } .ic-btn.outline:hover,.outline.ic-btn-primary:hover { background: #c1001b; color: #fff } .ic-btn.outline:hover svg path,.outline.ic-btn-primary:hover svg path { stroke: #fff } .ic-btn.white,.white.ic-btn-primary { color: #c1001b; background: #fff } .ic-btn.white:hover,.white.ic-btn-primary:hover { background: #c1001b; color: #fff } .ic-btn.orange,.orange.ic-btn-primary { color: #fff; background: #ff8f3f } .ic-btn.orange:hover,.orange.ic-btn-primary:hover { background: #606a7a; color: #fff } .ic-btn.black-fill,.black-fill.ic-btn-primary { background: #242a33; color: #fff; border: 1px solid #fff0 } .ic-btn.black-fill svg path,.black-fill.ic-btn-primary svg path { fill: #fff; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear } .ic-btn.black-fill:hover,.black-fill.ic-btn-primary:hover { color: #242a33; border: 1px solid #242a33; background: #fff0 } .ic-btn.black-fill:hover svg path,.black-fill.ic-btn-primary:hover svg path { fill: #242a33 } .ic-btn.black-fill:hover .ic-arrow path,.black-fill.ic-btn-primary:hover .ic-arrow path { stroke: #242a33 } .ic-btn svg,.ic-btn-primary svg { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear } .ic-btn:hover,.ic-btn-primary:hover { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex!important } .ic-button-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; gap: 20px } @media only screen and (max-width: 1650px) { .ic-button-wrapper { gap:18px } } @media only screen and (max-width: 1399.98px) { .ic-button-wrapper { gap:17px } } @media only screen and (max-width: 1199.98px) { .ic-button-wrapper { gap:15px } } @media only screen and (max-width: 991.98px) { .ic-button-wrapper { gap:13px } } @media only screen and (max-width: 767.98px) { .ic-button-wrapper { gap:12px } } @media only screen and (max-width: 575.98px) { .ic-button-wrapper { gap:10px } } .ic-button-wrapper.center { -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center } .form-control { height: 48px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border-color: #d6dae1!important; background: #fff; box-shadow: none!important; color: #58677d; font-size: 14px } @media only screen and (max-width: 1650px) { .form-control { height:40px } } .form-control::placeholder { color: #58677d; font-size: 14px } .form-select { height: 48px; color: #58677d } @media only screen and (max-width: 1650px) { .form-select { height:40px; font-size: 15px } } @media only screen and (max-width: 1650px) { .form-select option { font-size:15px } } @media only screen and (max-width: 1199.98px) { .form-select option { font-size:14px } } .ic-contact-form-wrap .select2-container--default .select2-selection--multiple { box-shadow: none!important; border-radius: 8px!important; border: 1px solid #e7e6e6!important } #sign-in { background: var(--BG-Shade,#f1fafe); margin-top: 0; padding: 90px 0 } .ic-login-content-wrap { background: #fff; padding: 40px; border-radius: 16px; box-shadow: 0 12px 56px 0 rgb(6 28 61 / .12) } .ic-login-content-wrap .sign-social .bg-google,.ic-login-content-wrap .sign-social .bg-facebook { border-radius: 5px } .ic-form-select { padding: 0 8px; color: #58677d } .parsley-errors-list,.parsley-errors-list li { color: #b94a48!important; font-size: 14px } .ic-timeline-section { position: relative } .ic-timeline-section .timeline-shape-one { position: absolute; left: 0; top: 0 } .ic-timeline-section .timeline-shape-two { position: absolute; top: 0; right: 0 } .ic-timeline-section .timeline-shape-three { position: absolute; left: 0; bottom: 0 } .ic-timeline-section .timeline-shape-four { position: absolute; right: 0; bottom: 0 } .grey_light-block { background-color: #f7f7f7; overflow: hidden } .timeline { position: relative; left: 50%; transform: translateX(-50%); width: 20px; text-align: center; transition: all 0.3s } @media only screen and (max-width: 991.98px) { .timeline { left:unset; transform: unset; width: unset } } .timeline .point { position: relative } .timeline .point .year-wrapper { position: absolute; top: 50%; transform: translateY(-50%) } @media only screen and (max-width: 991.98px) { .timeline .point .year-wrapper { top:202px; left: 50%!important; right: unset!important; transform: translateX(-50%) } } @media only screen and (max-width: 575.98px) { .timeline .point .year-wrapper { top:188px } } .timeline .point .year-wrapper::after { position: absolute; content: ""; top: 50%; transform: translate(-50%,-50%); width: 200px; height: 4px; border-bottom: 4px dashed #4B95FF; z-index: -1; left: 50% } @media only screen and (max-width: 1399.98px) { .timeline .point .year-wrapper::after { width:165px } } @media only screen and (max-width: 991.98px) { .timeline .point .year-wrapper::after { width:4px; height: 105px; border-right: 4px dashed #4B95FF } } @media only screen and (max-width: 575.98px) { .timeline .point .year-wrapper::after { height:74px } } .timeline .point .year { font-size: 20px; height: 48px; font-weight: 800; padding: 0 20px; background: #fff; border-radius: 50px; display: flex; align-items: center; justify-content: center; white-space: nowrap } @media only screen and (max-width: 1399.98px) { .timeline .point .year { height:46px } } @media only screen and (max-width: 1199.98px) { .timeline .point .year { font-size:18px; height: 40px; padding: 0 15px } } .timeline .point .round { width: 15px; height: 15px; background: #fff0; border: 3px solid #fff; border-radius: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) } @media only screen and (max-width: 991.98px) { .timeline .point .round { display:none } } .timeline .point .img-box { position: absolute; background-color: #fff; padding: 12px; transition: all 0.3s; width: 370px; border-radius: 10px; background: var(--White,#FFF); box-shadow: 0 4px 56px 0 rgb(27 42 64 / .1); top: 50%; transform: translateY(-50%) } @media only screen and (max-width: 1399.98px) { .timeline .point .img-box { width:280px } } @media only screen and (max-width: 991.98px) { .timeline .point .img-box { right:unset!important; left: 50%!important; transform: translateX(-50%); top: 0; padding: 8px } } .timeline .point .img-box img { border-radius: 5px } .timeline .point .point-content { display: flex; align-items: center; position: relative; width: 546px; min-height: 250px } @media only screen and (max-width: 1399.98px) { .timeline .point .point-content { width:450px; min-height: 200px } } @media only screen and (max-width: 1199.98px) { .timeline .point .point-content { width:415px; min-height: 180px } } @media only screen and (max-width: 991.98px) { .timeline .point .point-content { width:unset; min-height: unset; text-align: center!important; left: 50%!important; transform: translateX(-50%); padding-top: 285px } } @media only screen and (max-width: 575.98px) { .timeline .point .point-content { padding-top:251px } } .timeline .point .point-content p { color: #1B2A40 } @media only screen and (max-width: 1399.98px) { .timeline .point .point-content p { font-size:15px } } @media only screen and (max-width: 1199.98px) { .timeline .point .point-content p { font-size:14px } } @media only screen and (max-width: 575.98px) { .timeline .point .point-content p { font-size:13px } } .timeline .point.sky { background-color: #4B95FF } .timeline .point.sky .year-wrapper::after { border-color: #4B95FF } .timeline .point.sky .year { color: #4B95FF } .timeline .point.blue { background-color: #c2121e } .timeline .point.blue .year-wrapper::after { border-color: #c2121e } .timeline .point.blue .year { color: #c2121e } .timeline .point.black { background-color: #1B2A40 } .timeline .point.black .year-wrapper::after { border-color: #1B2A40 } .timeline .point.black .year { color: #1B2A40 } .timeline .point.yellow { background-color: #FF8F3F } .timeline .point.yellow.year-wrapper::after { border-color: #FF8F3F } .timeline .point.yellow .year { color: #FF8F3F } .timeline .point.green { background-color: #c2121e } .timeline .point.green.year-wrapper::after { border-color: #c2121e } .timeline .point.green .year { color: #c2121e } @media only screen and (max-width: 991.98px) { .timeline .point { background-color:unset!important; margin-bottom: 30px } } .timeline .point:nth-child(odd) .img-box { right: 216px } @media only screen and (max-width: 1399.98px) { .timeline .point:nth-child(odd) .img-box { right:180px } } @media only screen and (max-width: 1199.98px) { .timeline .point:nth-child(odd) .img-box { right:170px } } .timeline .point:nth-child(odd) .year-wrapper { right: 60px } @media only screen and (max-width: 1399.98px) { .timeline .point:nth-child(odd) .year-wrapper { right:50px } } .timeline .point:nth-child(odd) .point-content { left: 50px; text-align: left } .timeline .point:nth-child(even) .img-box { left: 216px } @media only screen and (max-width: 1399.98px) { .timeline .point:nth-child(even) .img-box { width:280px; left: 181px } } @media only screen and (max-width: 1199.98px) { .timeline .point:nth-child(even) .img-box { left:170px } } .timeline .point:nth-child(even) .year-wrapper { left: 60px } @media only screen and (max-width: 1399.98px) { .timeline .point:nth-child(even) .year-wrapper { left:50px } } @media only screen and (max-width: 1199.98px) { .timeline .point:nth-child(even) .year-wrapper { left:55px } } .timeline .point:nth-child(even) .point-content { right: 578px; text-align: end } @media only screen and (max-width: 1399.98px) { .timeline .point:nth-child(even) .point-content { right:464px } } @media only screen and (max-width: 1199.98px) { .timeline .point:nth-child(even) .point-content { right:430px } } .timeline .point .arrow-wrap { overflow: hidden } .timeline .point .arrow { position: absolute; left: 0; top: -11px } .timeline .point .arrow path { fill: #F7FAFD } @media only screen and (max-width: 991.98px) { .timeline .point .arrow { display:none } } .timeline .point .arrow-top { border: solid #f7f7f7; border-width: 8px 0 0 8px; display: inline-block; transform: rotate(45deg); position: absolute; left: -2px; width: 25px; height: 25px } .timeline .point .arrow-top path { fill: #F7FAFD } @media only screen and (max-width: 991.98px) { .timeline .point .arrow-top { display:none } } .timeline .point .arrow-bottom { bottom: -11px; position: absolute; left: 0 } .timeline .point .arrow-bottom path { fill: #F7FAFD } .timeline .point:first-child .arrow { top: -11px } .timeline .point:last-child .arrow { bottom: -11px } .title { font-size: 1.2rem; font-weight: 600; letter-spacing: 1.28px } .ic-process-wrap { display: flex; align-items: center; gap: 80px } .ic-process-box { padding: 10px; background: #fff; border-radius: 100px; display: inline-block; box-shadow: 0 20px 41px 22px #e3e3e3; position: relative } .ic-process-box .ic-icon-box { background-color: #FF8F3F; height: 185px; width: 185px; display: flex; justify-content: center; align-items: center; border-radius: 100px } .ic-process-box .process-heading { position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%) } .ic-section-title { position: relative } .ic-section-title.sub-title .ic-section-title-content { padding-bottom: 12px } .ic-section-title.sub-title h2,.ic-section-title.sub-title h2 span,h2 .ic-section-title.sub-title span,.ic-section-title.sub-title h3,.ic-section-title.sub-title .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-section-title.sub-title h6,.ic-section-title.sub-title .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-section-title.sub-title span,.ic-section-title.sub-title h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-section-title.sub-title span,.ic-section-title.sub-title .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-section-title.sub-title h5,.ic-section-title.sub-title .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-section-title.sub-title span,.ic-section-title.sub-title h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-section-title.sub-title span,.ic-section-title.sub-title .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-section-title.sub-title span,.ic-section-title.sub-title .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-section-title.sub-title span,.ic-section-title.sub-title .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-section-title.sub-title h1,.ic-section-title.sub-title .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-section-title.sub-title span,.ic-section-title.sub-title h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-section-title.sub-title span,.ic-section-title.sub-title h3 span,.ic-workflow-right .service-tab-content .ic-section-title.sub-title h6 span,.ic-workflow-right .service-tab-content .ic-section-title.sub-title h5 span,.ic-workflow-right .service-tab-content .ic-section-title.sub-title h1 span,h3 .ic-section-title.sub-title span,.ic-section-title.sub-title .sub-h3 span,.sub-h3 .ic-section-title.sub-title span { padding-bottom: 8px } .ic-section-title.sub-title p { padding-bottom: 8px } .ic-section-title.center { text-align: center } .ic-section-title.center .ic-border-bottom { left: calc(50% - 40px); transform: translateX(-50%) } .ic-section-title .ic-section-title-content { padding-bottom: 15px } .ic-section-title .ic-section-title-content p { text-transform: capitalize; color: #606a7a; font-weight: 400; font-size: 18px; line-height: auto } @media only screen and (max-width: 1399.98px) { .ic-section-title .ic-section-title-content p { font-size:17px } } @media only screen and (max-width: 991.98px) { .ic-section-title .ic-section-title-content p { font-size:16px } } @media only screen and (max-width: 767.98px) { .ic-section-title .ic-section-title-content p { font-size:15px } } @media only screen and (max-width: 575.98px) { .ic-section-title .ic-section-title-content p { font-size:14px } } .ic-section-title .title-gradient,.ic-section-title h3,.ic-section-title .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-section-title h6,.ic-section-title .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-section-title span,.ic-section-title h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-section-title span,.ic-section-title .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-section-title h5,.ic-section-title .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-section-title span,.ic-section-title h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-section-title span,.ic-section-title .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-section-title span,.ic-section-title .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-section-title span,.ic-section-title .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-section-title h2,.ic-section-title .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-section-title span,.ic-section-title h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-section-title span,.ic-section-title .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-section-title h1,.ic-section-title .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-section-title span,.ic-section-title h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-section-title span,.ic-section-title h3 span,.ic-workflow-right .service-tab-content .ic-section-title h6 span,.ic-workflow-right .service-tab-content .ic-section-title h5 span,.ic-workflow-right .service-tab-content .ic-section-title h2 span,.ic-workflow-right .service-tab-content .ic-section-title h1 span,h3 .ic-section-title span,.ic-section-title .sub-h3 span,.sub-h3 .ic-section-title span { color: #1b2a40; font-weight: 700 } .ic-section-title .title-white { color: #fff; font-weight: 700 } .ic-section-title h6,.ic-section-title h6 span,h6 .ic-section-title span { text-transform: capitalize; color: #606a7a; font-weight: 400 } .ic-section-title .ic-border-bottom { position: absolute; width: 46px; height: 2px; background: linear-gradient(to right,#c2121e,#00a9c6); bottom: 0; left: 0 } .ic-section-title .ic-border-bottom:before { position: absolute; content: ""; width: 21px; height: 2px; background: linear-gradient(to right,#c2121e,#00a9c6); bottom: 0; left: 52px } .ic-section-title .ic-border-bottom:after { position: absolute; content: ""; width: 46px; height: 2px; background: linear-gradient(to right,#c2121e,#00a9c6); bottom: 0; left: 79px } .ic-section-title.has-title-bg h3,.ic-section-title.has-title-bg .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-section-title.has-title-bg h6,.ic-section-title.has-title-bg .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-section-title.has-title-bg span,.ic-section-title.has-title-bg h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-section-title.has-title-bg span,.ic-section-title.has-title-bg .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-section-title.has-title-bg h5,.ic-section-title.has-title-bg .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-section-title.has-title-bg span,.ic-section-title.has-title-bg h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-section-title.has-title-bg span,.ic-section-title.has-title-bg .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-section-title.has-title-bg span,.ic-section-title.has-title-bg .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-section-title.has-title-bg span,.ic-section-title.has-title-bg .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-section-title.has-title-bg h2,.ic-section-title.has-title-bg .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-section-title.has-title-bg span,.ic-section-title.has-title-bg h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-section-title.has-title-bg span,.ic-section-title.has-title-bg .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-section-title.has-title-bg h1,.ic-section-title.has-title-bg .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-section-title.has-title-bg span,.ic-section-title.has-title-bg h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-section-title.has-title-bg span,.ic-section-title.has-title-bg h3 span,.ic-workflow-right .service-tab-content .ic-section-title.has-title-bg h6 span,.ic-workflow-right .service-tab-content .ic-section-title.has-title-bg h5 span,.ic-workflow-right .service-tab-content .ic-section-title.has-title-bg h2 span,.ic-workflow-right .service-tab-content .ic-section-title.has-title-bg h1 span,h3 .ic-section-title.has-title-bg span,.ic-section-title.has-title-bg .sub-h3 span,.sub-h3 .ic-section-title.has-title-bg span { background: #fff; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: #fff0; text-transform: capitalize; font-weight: 700 } .ic-section-title.has-title-bg .ic-border-bottom { background: linear-gradient(to right,#ffffff,#ffffff) } .ic-section-title.has-title-bg .ic-border-bottom:before { background: linear-gradient(to right,#ffffff,#ffffff) } .ic-section-title.has-title-bg .ic-border-bottom:after { background: linear-gradient(to right,#ffffff,#ffffff) } .txt404 span { line-height: 72px } .ic-footer { padding: 90px 0 90px } @media only screen and (max-width: 1399.98px) { .ic-footer { padding-top:70px; padding-bottom: 70px } } @media only screen and (max-width: 1199.98px) { .ic-footer { padding-top:65px; padding-bottom: 97px } } @media only screen and (max-width: 991.98px) { .ic-footer { padding-top:50px; padding-bottom: 97px } } @media only screen and (max-width: 767.98px) { .ic-footer { padding-top:40px; padding-bottom: 97px } } @media only screen and (max-width: 575.98px) { .ic-footer { padding-top:30px; padding-bottom: 20px } } .ic-footer .ic-footer-logo-top { max-width: 132px } @media only screen and (max-width: 1650px) { .ic-footer .ic-footer-logo-top { max-width:130px } } @media only screen and (max-width: 1399.98px) { .ic-footer .ic-footer-logo-top { max-width:128px } } @media only screen and (max-width: 1199.98px) { .ic-footer .ic-footer-logo-top { max-width:126px } } @media only screen and (max-width: 991.98px) { .ic-footer .ic-footer-logo-top { max-width:122px } } @media only screen and (max-width: 767.98px) { .ic-footer .ic-footer-logo-top { max-width:115px } } .ic-footer .ic-footer-top-part { position: relative; padding-bottom: 44px; margin-bottom: 44px } .ic-footer .ic-footer-top-part .ic-footer-top-content { -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center } @media only screen and (max-width: 1650px) { .ic-footer .ic-footer-top-part { margin-bottom:40px; padding-bottom: 40px } } @media only screen and (max-width: 1399.98px) { .ic-footer .ic-footer-top-part { margin-bottom:36px; padding-bottom: 36px } } @media only screen and (max-width: 1199.98px) { .ic-footer .ic-footer-top-part { margin-bottom:34px; padding-bottom: 34px } } @media only screen and (max-width: 991.98px) { .ic-footer .ic-footer-top-part { margin-bottom:30px; padding-bottom: 30px } } @media only screen and (max-width: 767.98px) { .ic-footer .ic-footer-top-part { margin-bottom:26px; padding-bottom: 26px } } @media only screen and (max-width: 575.98px) { .ic-footer .ic-footer-top-part { margin-bottom:4px; padding-bottom: 0 } } .ic-footer .ic-footer-top-part:before { position: absolute; content: ""; left: 0; right: 0; bottom: 0; background: #fff; opacity: .15; width: 100%; height: 1px } @media only screen and (max-width: 575.98px) { .ic-footer .ic-footer-top-part:before { content:unset } } .ic-footer .left-logo-content-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; gap: 30px; border-bottom: 1px solid rgb(214 218 225 / .1); padding-bottom: 30px } @media only screen and (max-width: 1650px) { .ic-footer .left-logo-content-wrapper { gap:26px } } @media only screen and (max-width: 1399.98px) { .ic-footer .left-logo-content-wrapper { gap:22px } } @media only screen and (max-width: 1199.98px) { .ic-footer .left-logo-content-wrapper { gap:15px } } @media only screen and (max-width: 991.98px) { .ic-footer .left-logo-content-wrapper { gap:10px } } @media only screen and (max-width: 767.98px) { .ic-footer .left-logo-content-wrapper { gap:7px; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } } @media only screen and (max-width: 575.98px) { .ic-footer .left-logo-content-wrapper { -webkit-box-pack:justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; text-align: center; border-bottom: unset } } .ic-footer .ic-footer-contact-us { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; background: rgb(255 255 255 / .1); box-shadow: 0 10px 50px 0 rgb(48 98 144 / .08); color: #838e9e; padding: 6px 7px 6px 30px; height: 60px; position: relative; flex-wrap: wrap } .ic-footer .ic-footer-contact-us .parsley-errors-list { flex-basis: 100% } @media only screen and (max-width: 1650px) { .ic-footer .ic-footer-contact-us { height:56px; padding: 6px 7px 6px 26px } } @media only screen and (max-width: 1399.98px) { .ic-footer .ic-footer-contact-us { height:54px; padding: 6px 7px 6px 25px } } @media only screen and (max-width: 1199.98px) { .ic-footer .ic-footer-contact-us { height:50px; padding: 6px 7px 6px 23px } } @media only screen and (max-width: 991.98px) { .ic-footer .ic-footer-contact-us { height:48px; padding: 6px 7px 6px 20px; width: 70% } } @media only screen and (max-width: 767.98px) { .ic-footer .ic-footer-contact-us { height:46px; padding: 6px 7px 6px 18px } } @media only screen and (max-width: 575.98px) { .ic-footer .ic-footer-contact-us { height:44px; padding: 6px 7px 6px 16px } } .ic-footer .ic-footer-contact-us input { background-color: #fff0; padding-right: 85px; color: #838e9e; font-size: 12px; font-weight: 400; height: 38px; border: 0 } @media only screen and (max-width: 1650px) { .ic-footer .ic-footer-contact-us input { padding-right:82px } } @media only screen and (max-width: 1399.98px) { .ic-footer .ic-footer-contact-us input { padding-right:78px } } @media only screen and (max-width: 1199.98px) { .ic-footer .ic-footer-contact-us input { padding-right:76px } } @media only screen and (max-width: 991.98px) { .ic-footer .ic-footer-contact-us input { padding-right:69px } } @media only screen and (max-width: 767.98px) { .ic-footer .ic-footer-contact-us input { padding-right:64px } } @media only screen and (max-width: 575.98px) { .ic-footer .ic-footer-contact-us input { padding-right:60px } } .ic-footer .ic-footer-contact-us .ic-abs { height: 48px; width: 79px; padding: 7px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; box-shadow: 0 6px 10px 0 rgb(0 0 0 / .05); position: absolute; right: 7px; top: 50%; transform: translateY(-50%); cursor: pointer; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; color: #fff; background: #c1001b; background-size: 300% auto; background-position: right } @media only screen and (max-width: 1650px) { .ic-footer .ic-footer-contact-us .ic-abs { height:45px; width: 77px } } @media only screen and (max-width: 1399.98px) { .ic-footer .ic-footer-contact-us .ic-abs { height:44px; width: 74px } } @media only screen and (max-width: 1199.98px) { .ic-footer .ic-footer-contact-us .ic-abs { height:42px; width: 72px } } @media only screen and (max-width: 991.98px) { .ic-footer .ic-footer-contact-us .ic-abs { height:36px; width: 65px } } @media only screen and (max-width: 767.98px) { .ic-footer .ic-footer-contact-us .ic-abs { height:34px; width: 60px } } @media only screen and (max-width: 575.98px) { .ic-footer .ic-footer-contact-us .ic-abs { height:34px; width: 55px } } .ic-footer .ic-footer-contact-us .ic-abs:hover { background-position: center; color: #fff } .ic-footer .ic-footer-contact-us .ic-abs img { max-width: 32px } @media only screen and (max-width: 1650px) { .ic-footer .ic-footer-contact-us .ic-abs img { max-width:30px } } @media only screen and (max-width: 1399.98px) { .ic-footer .ic-footer-contact-us .ic-abs img { max-width:28px } } @media only screen and (max-width: 1199.98px) { .ic-footer .ic-footer-contact-us .ic-abs img { max-width:26px } } @media only screen and (max-width: 991.98px) { .ic-footer .ic-footer-contact-us .ic-abs img { max-width:24px } } @media only screen and (max-width: 767.98px) { .ic-footer .ic-footer-contact-us .ic-abs img { max-width:22px } } @media only screen and (max-width: 575.98px) { .ic-footer .ic-footer-contact-us .ic-abs img { max-width:20px } } .ic-footer .ic-footer-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; position: relative; padding-bottom: 30px; border-bottom: 1px solid rgb(214 218 225 / .1) } @media only screen and (max-width: 1199.98px) { .ic-footer .ic-footer-row { gap:30px } } @media only screen and (max-width: 991.98px) { .ic-footer .ic-footer-row { gap:0 } } @media only screen and (max-width: 767.98px) { .ic-footer .ic-footer-row { gap:30px } } @media only screen and (max-width: 575.98px) { .ic-footer .ic-footer-row { border-bottom:unset } } @media only screen and (max-width: 575.98px) { .ic-footer .ic-footer-row .ic-f-col { text-align:left } } .ic-footer .ic-footer-row .ic-f-col:nth-child(1) { width: 46% } @media only screen and (max-width: 575.98px) { .ic-footer .ic-footer-row .ic-f-col:nth-child(1) { width:100%; order: 1 } } .ic-footer .ic-footer-row .ic-f-col:nth-child(2) { width: 22% } @media only screen and (max-width: 575.98px) { .ic-footer .ic-footer-row .ic-f-col:nth-child(2) { width:100%; order: 1 } } .ic-footer .ic-footer-row .ic-f-col:nth-child(2):before { position: absolute; content: none; left: 50%; top: 0; height: 100%; transform: translateX(-50%); background: #fff; opacity: .15; width: 1px } .ic-footer .ic-footer-row .ic-f-col:nth-child(3) { width: 32% } @media only screen and (max-width: 575.98px) { .ic-footer .ic-footer-row .ic-f-col:nth-child(3) { width:100%; order: 4 } } .ic-footer .ic-footer-title { font-weight: 600; color: #fff; margin-bottom: 25px; font-size: 22px } @media only screen and (max-width: 1650px) { .ic-footer .ic-footer-title { margin-bottom:23px; font-size: 21px } } @media only screen and (max-width: 1399.98px) { .ic-footer .ic-footer-title { margin-bottom:22px; font-size: 20px } } @media only screen and (max-width: 1199.98px) { .ic-footer .ic-footer-title { font-size:19px } } @media only screen and (max-width: 991.98px) { .ic-footer .ic-footer-title { margin-bottom:20px; font-size: 17px } } @media only screen and (max-width: 767.98px) { .ic-footer .ic-footer-title { margin-bottom:18px; font-size: 16px } } @media only screen and (max-width: 575.98px) { .ic-footer .ic-footer-title { margin-bottom:17px } } .ic-footer .ic-single-column-item li i { color: #c2121e; font-size: 24px } .ic-footer .ic-single-column-item li:not(:last-child) { margin-bottom: 10px } @media only screen and (max-width: 991.98px) { .ic-footer .ic-single-column-item li:not(:last-child) { margin-bottom:8px } } @media only screen and (max-width: 767.98px) { .ic-footer .ic-single-column-item li:not(:last-child) { margin-bottom:7px } } .ic-footer .ic-single-column-item li a { color: #fff; font-size: 15px; font-style: normal; font-weight: 300; display: block; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear } @media only screen and (max-width: 991.98px) { .ic-footer .ic-single-column-item li a { font-size:14px; line-height: normal } } @media only screen and (max-width: 767.98px) { .ic-footer .ic-single-column-item li a { font-size:13px } } @media only screen and (max-width: 575.98px) { .ic-footer .ic-single-column-item li a { color:#838e9e; font-size: 14px; font-weight: 300 } } .ic-footer .ic-single-column-item li a:hover { color: #c1001b } .ic-footer .ic-social-link-wrapper { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex!important; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-wrap: wrap; gap: 6px } @media only screen and (max-width: 575.98px) { .ic-footer .ic-social-link-wrapper { display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center } } .ic-footer .ic-social-link-wrapper .ic-single-social-item { width: 44px; height: 44px; color: #fff; background-color: rgb(40 170 169 / .1); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear } @media only screen and (max-width: 575.98px) { .ic-footer .ic-social-link-wrapper .ic-single-social-item { width:40px; height: 40px } } .ic-footer .ic-social-link-wrapper .ic-single-social-item i { font-size: 20px } @media only screen and (max-width: 767.98px) { .ic-footer .ic-social-link-wrapper .ic-single-social-item i { font-size:16px } } .ic-footer .ic-social-link-wrapper .ic-single-social-item:hover { background-color: #c1001b } .ic-footer .ic-footer-des { color: #fff; font-size: 15px; font-weight: 400; line-height: 26px } @media only screen and (max-width: 991.98px) { .ic-footer .ic-footer-des { font-size:14px; line-height: normal } } @media only screen and (max-width: 767.98px) { .ic-footer .ic-footer-des { font-size:13px } } .ic-footer .ic-footer-des.review { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; gap: 10px } @media only screen and (max-width: 1199.98px) { .ic-footer .ic-footer-des.review { gap:9px } } @media only screen and (max-width: 991.98px) { .ic-footer .ic-footer-des.review { gap:8px } } @media only screen and (max-width: 767.98px) { .ic-footer .ic-footer-des.review { gap:6px } } @media only screen and (max-width: 575.98px) { .ic-footer .ic-footer-des.review { -webkit-box-pack:center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center } } .ic-footer .ic-footer-des.review a { text-decoration: underline; color: #fff; font-weight: 400; font-size: 15px } @media only screen and (max-width: 991.98px) { .ic-footer .ic-footer-des.review a { font-size:14px; line-height: normal } } @media only screen and (max-width: 767.98px) { .ic-footer .ic-footer-des.review a { font-size:13px } } .ic-footer .ic-footer-des.review span { font-size: 15px } @media only screen and (max-width: 991.98px) { .ic-footer .ic-footer-des.review span { font-size:14px; line-height: normal } } @media only screen and (max-width: 767.98px) { .ic-footer .ic-footer-des.review span { font-size:13px } } .ic-footer .ic-footer-des.ic-mail { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex!important; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; gap: 10px } @media only screen and (max-width: 1199.98px) { .ic-footer .ic-footer-des.ic-mail { gap:9px } } @media only screen and (max-width: 991.98px) { .ic-footer .ic-footer-des.ic-mail { gap:8px } } @media only screen and (max-width: 767.98px) { .ic-footer .ic-footer-des.ic-mail { gap:6px } } @media only screen and (max-width: 575.98px) { .ic-footer .ic-footer-des.ic-mail { font-size:14px; font-weight: 400 } } .ic-footer .ic-footer-des.ic-mail i { color: #c2121e } .ic-footer .ic-footer-des.ic-mail a { color: #838e9e; font-size: 15px; font-weight: 400; line-height: 26px } @media only screen and (max-width: 991.98px) { .ic-footer .ic-footer-des.ic-mail a { font-size:14px; line-height: normal } } @media only screen and (max-width: 767.98px) { .ic-footer .ic-footer-des.ic-mail a { font-size:13px } } @media only screen and (max-width: 575.98px) { .ic-footer .ic-footer-des.ic-mail a { color:#838e9e; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; font-size: 14px; font-weight: 400 } } .ic-footer .ic-footer-des.ic-mail a span { font-size: 15px; font-weight: 700 } @media only screen and (max-width: 991.98px) { .ic-footer .ic-footer-des.ic-mail a span { font-size:14px } } @media only screen and (max-width: 767.98px) { .ic-footer .ic-footer-des.ic-mail a span { font-size:13px } } @media only screen and (max-width: 575.98px) { .ic-footer .ic-footer-des.ic-mail a span { color:#838e9e } } @media only screen and (max-width: 1650px) { .ic-footer .ic-footer-des.ic-mail img { max-width:16px } } @media only screen and (max-width: 1399.98px) { .ic-footer .ic-footer-des.ic-mail img { max-width:15px } } @media only screen and (max-width: 991.98px) { .ic-footer .ic-footer-des.ic-mail img { max-width:14px } } @media only screen and (max-width: 767.98px) { .ic-footer .ic-footer-des.ic-mail img { max-width:13px } } @media only screen and (max-width: 575.98px) { .ic-footer .ic-footer-des.ic-mail img { max-width:16px } } .ic-footer .ic-footer-des.ic-address { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex!important; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; gap: 12px } @media only screen and (max-width: 1199.98px) { .ic-footer .ic-footer-des.ic-address { gap:9px } } @media only screen and (max-width: 991.98px) { .ic-footer .ic-footer-des.ic-address { gap:8px } } @media only screen and (max-width: 767.98px) { .ic-footer .ic-footer-des.ic-address { gap:6px } } @media only screen and (max-width: 575.98px) { .ic-footer .ic-footer-des.ic-address { color:#838e9e; font-size: 14px; font-weight: 400 } } .ic-footer .ic-footer-des.ic-address i { color: #c2121e } @media only screen and (max-width: 1650px) { .ic-footer .ic-footer-des.ic-address img { max-width:16px } } @media only screen and (max-width: 1399.98px) { .ic-footer .ic-footer-des.ic-address img { max-width:15px } } @media only screen and (max-width: 991.98px) { .ic-footer .ic-footer-des.ic-address img { max-width:14px } } @media only screen and (max-width: 767.98px) { .ic-footer .ic-footer-des.ic-address img { max-width:13px } } @media only screen and (max-width: 575.98px) { .ic-footer .ic-footer-des.ic-address img { max-width:16px } } .ic-footer .ic-footer-des.ic-address a { color: #838e9e; font-weight: 400 } @media only screen and (max-width: 575.98px) { .ic-footer .ic-footer-des.ic-address a { color:#838e9e } } .ic-footer .ic-footer-des.ic-address a span { font-size: 15px; font-weight: 700 } @media only screen and (max-width: 991.98px) { .ic-footer .ic-footer-des.ic-address a span { font-size:14px } } @media only screen and (max-width: 767.98px) { .ic-footer .ic-footer-des.ic-address a span { font-size:13px } } @media only screen and (max-width: 575.98px) { .ic-footer .ic-footer-des.ic-address a span { color:#838e9e } } @media only screen and (max-width: 575.98px) { .ic-footer .ic-footer-des.ic-address.ic-no-allign img { margin-right:6px } } @media only screen and (max-width: 575.98px) { .ic-footer .ic-mobile-abs { display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 100%; position: absolute; left: 0; right: 0; gap: 20px; bottom: 0 } } @media only screen and (max-width: 575.98px) { .ic-footer .ic-mobile-abs .ic-footer-title { margin-bottom:0px!important; padding-bottom: 0px!important; font-size: 15px; font-weight: 500; border-bottom: unset } } @media only screen and (max-width: 575.98px) { .ic-footer .ic-footer-title { font-weight:500; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgb(255 255 255 / .15) } } .ic_large_device { display: none } @media (min-width: 992px) { .ic_large_device { display:block } } .ic_mobile_device { display: block; margin-bottom: 20px } @media (min-width: 992px) { .ic_mobile_device { display:none } } #copyright { background: #606a7a!important } #copyright p { font-weight: 400; color: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-wrap: wrap; text-align: center; gap: 9px } .ic-footer .ic-f-title { color: var(--White,#fff); font-size: 32px; font-style: normal; font-weight: 700; line-height: 46px; text-transform: capitalize } @media only screen and (max-width: 1399.98px) { .ic-footer .ic-f-title { font-size:30px; line-height: 44px } } @media only screen and (max-width: 1199.98px) { .ic-footer .ic-f-title { font-size:24px; line-height: 36px } } @media only screen and (max-width: 991.98px) { .ic-footer .ic-f-title { font-size:22px; line-height: 32px } } @media only screen and (max-width: 575.98px) { .ic-footer .ic-f-title { font-size:20px; line-height: 30px } } .ic-new-footer-content-wrap { display: flex } @media only screen and (max-width: 991.98px) { .ic-new-footer-content-wrap { flex-direction:column } } .ic-new-footer-content-wrap a,.ic-new-footer-content-wrap button,.ic-new-footer-content-wrap p { line-height: 26px } .ic-new-footer-content-wrap .ic-footer-left { max-width: 500px; flex: 0 0 auto; padding-right: 60px; border-right: 1px solid rgb(214 218 225 / .1) } @media only screen and (max-width: 1399.98px) { .ic-new-footer-content-wrap .ic-footer-left { max-width:413px; padding-right: 35px } } @media only screen and (max-width: 991.98px) { .ic-new-footer-content-wrap .ic-footer-left { max-width:100%; border-right: unset } } @media only screen and (max-width: 767.98px) { .ic-new-footer-content-wrap .ic-footer-left { padding-right:0 } } .ic-new-footer-content-wrap .ic-footer-right { flex: 1; padding-left: 105px } @media only screen and (max-width: 1399.98px) { .ic-new-footer-content-wrap .ic-footer-right { padding-left:50px } } @media only screen and (max-width: 991.98px) { .ic-new-footer-content-wrap .ic-footer-right { padding-left:0 } } .ic-new-footer-content-wrap .ic-new-copyright { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap } @media only screen and (max-width: 575.98px) { .ic-new-footer-content-wrap .ic-new-copyright { display:flex; align-items: flex-start; justify-content: center; flex-direction: column-reverse; gap: 12px } } .ic-new-footer-content-wrap .ic-new-copyright p { color: white!important; font-weight: 300; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 12px } .ic_style_underline { color: #c1001b; text-decoration: underline; font-family: manrope-medium } .ic_style_underline:hover { color: #c1001b } .preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 99999999999999 } .preloader img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(.5); -webkit-transform: translate(-50%,-50%) scale(.5); -moz-transform: translate(-50%,-50%) scale(.5); -o-transform: translate(-50%,-50%) scale(.5) } .navbar { padding-top: 5px; padding-bottom: 5px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s } .offer-header-navbar { top: 88px } .sticky.navbar { position: fixed; width: 100%; top: 0!important; left: 0; background: #fff; padding-top: 0; padding-bottom: 0; box-shadow: 0 3px 3px 0 #eee } .navbar-brand img { transform: scale(1); transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s } .sticky.navbar .navbar-brand img { transform: scale(.8) } .sticky.navbar .nav-item { padding: 15px 0 } .menu-clicked { display: none } .navbar-expand-lg .navbar-nav .nav-link { font-size: 15px; color: #121420; padding-left: 18px; padding-right: 18px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; position: relative } .navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link { color: #c1001b } .navbar-light .navbar-nav .active.nav-item .nav-link:before { transform: translateX(-50%) scale(1) } .navbar-nav li { position: relative; padding: 20px 0 } .navbar-nav li:hover .nav-link:before { transform: translateX(-50%) scale(1) } .navbar-nav li ul { position: absolute; top: 130%; width: 200px; visibility: hidden; opacity: 0; background: #fff; box-shadow: 0 10px 10px .32px rgb(95 145 150 / .25); padding: 15px 20px; padding-right: 15px; padding-bottom: 20px; box-sizing: border-box; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s } .navbar-nav li:hover>ul { top: 100%; visibility: visible; opacity: 1 } .navbar-nav li ul li { padding: 0 } .navbar-nav li ul li a { font-size: 15px; color: #00033e; display: flex; padding-bottom: 10px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s } .navbar-nav li ul li a:hover { color: #c1001b } .navbar-nav li ul li a.active { color: #c1001b } .navbar ul li a { text-transform: capitalize!important } .navbar-nav .menu_item_children .nav-link { padding-right: 36px } .navbar-nav .menu_item_children .nav-link::after { content: "\f078"; font-family: "Font Awesome 5 Free"; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-weight: 900; position: absolute; top: 50%; transform: translateY(-50%); right: 18px; font-size: 12px; transition: 0.3s } .it-mega-menu { position: absolute; width: 771px; left: 50%; top: 130%; transform: translateX(-50%); background: #fff; box-shadow: 0 10px 10px .32px rgb(95 145 150 / .25); padding: 40px; box-sizing: border-box; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; opacity: 0; visibility: hidden; z-index: -999 } .navbar-nav li:hover .it-mega-menu { top: 100%; visibility: visible; opacity: 1 } .ic-mega-ul { position: inherit!important; opacity: inherit!important; visibility: inherit!important; width: auto!important; box-shadow: none!important; top: 0px!important; padding: 0!important } .ic-mega-ul li i { font-size: 30px; margin-right: 12px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%) } .ic-mega-ul li a { color: #00033e; padding-left: 40px } .navbar ul .ic-mega-ul li a { text-transform: unset!important } .it-mega-menu .ic-mega-ul li { padding: 10px 20px; margin-bottom: 8px; border: 1px solid rgb(245 245 245 / .342); position: relative; transition: all linear 0.4s } .it-mega-menu .ic-mega-ul li:hover { box-shadow: 0 2px 10px .32px rgb(95 145 150 / .25) } .it-mega-menu .ic-mega-ul li.active { box-shadow: 0 2px 10px .32px rgb(95 145 150 / .25) } .hambarger-nav { cursor: pointer } .ic-mobile-nav { width: 270px; height: 100%; overflow-y: auto; background: #fff; position: fixed; z-index: 999999; top: 0; left: -999px; transition: 1s; -webkit-box-shadow: 2px 0 5px 0 rgb(0 0 0 / .39); -moz-box-shadow: 2px 0 5px 0 rgb(0 0 0 / .39); box-shadow: 2px 0 5px 0 rgb(0 0 0 / .39); padding: 20px } .ic-mobile-nav.active { left: 0 } .offcanvas_main_menu li { position: relative; padding-bottom: 10px } .offcanvas_main_menu li span.menu-expand { position: absolute; right: 0; top: 0 } .offcanvas_main_menu li a { font-size: 15px; color: #121420; padding-bottom: 15px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; position: relative; width: 100% } .offcanvas_main_menu { padding-top: 20px } .all_overlay { width: 100%; height: 100%; position: fixed; z-index: 999998; opacity: 0; visibility: hidden; cursor: crosshair; background: #222; top: 0; transition: 0.5s } .all_overlay.active { opacity: .5; visibility: visible } .cross-btn { position: absolute; top: 0; right: 0; background: #c1101b; padding: 10px; border-bottom-left-radius: 25px; color: #fff; font-size: 24px } .menu-item-has-children .sub-menu { padding-left: 15px } .menu-item-has-children .sub-menu li a { color: rgb(0 3 62 / .561) } .ic-header-top { padding: 0 } .navbar { z-index: 99999!important } .ic-social-fixed { z-index: 12!important } .ic_top_header { background: linear-gradient(95deg,#c2121e 13.35%,#00a9c6 87.06%); padding: 11px 0 } .ic_top_header .top_headers_ul { display: flex; align-items: center; justify-content: space-between } @media only screen and (max-width: 991.98px) { .ic_top_header .top_headers_ul { gap:4px } } @media only screen and (max-width: 767.98px) { .ic_top_header .top_headers_ul li:nth-child(1) { display:none } } .ic_top_header .top_headers_ul .ic_top_follows { display: flex; align-items: center } .ic_top_header .top_headers_ul .ic_top_follows p { font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; color: #fff; padding-right: 20px } .ic_top_header .top_headers_ul .ic_top_follows a { color: #fff; margin-right: 20px } .ic_top_header .top_headers_ul .ic_numbers_call { display: flex; align-items: center; gap: 30px } @media only screen and (max-width: 575.98px) { .ic_top_header .top_headers_ul .ic_numbers_call { gap:20px } } .ic_top_header .top_headers_ul .ic_numbers_call a { color: #fff; font-size: 13px; font-style: normal; font-weight: 400; line-height: 22px; display: flex; align-items: center; gap: 10px; position: relative } @media only screen and (max-width: 575.98px) { .ic_top_header .top_headers_ul .ic_numbers_call a { gap:4px } .ic_top_header .top_headers_ul .ic_numbers_call a:nth-child(2) { display: none } } .ic_top_header .top_headers_ul .ic_numbers_call a:not(:last-child)::after { position: absolute; content: ""; top: 50%; transform: translateY(-50%); right: -14px; width: 1px; height: 15px; background-color: #fff } @media only screen and (max-width: 575.98px) { .ic_top_header .top_headers_ul .ic_numbers_call a:not(:last-child)::after { right:-6px; height: 10px } } @media only screen and (max-width: 575.98px) { .ic_top_header .top_headers_ul .ic_numbers_call a:not(:last-child)::after { content:unset } } .ic_top_header .top_headers_ul .ic_numbers_call a span { font-size: 13px; font-style: normal; font-weight: 400; line-height: 22px; color: #fff } .ic_top_header .top_headers_ul .ic_numbers_call a i { font-size: 20px } @media only screen and (max-width: 767.98px) { .ic_top_header .top_headers_ul .ic_numbers_call a i { font-size:16px } } @media only screen and (max-width: 575.98px) { .ic_top_header .top_headers_ul .ic_numbers_call a i { font-size:14px } } .ic_dropdown_style { display: flex; align-items: center; gap: 30px } .ic_dropdown_style a { font-size: 13px; font-style: normal; font-weight: 400; line-height: 100%; display: flex; align-items: center; gap: 5px; color: #fff } .ic_dropdown .dropdown-toggle { background-color: #fff0; font-size: 13px; font-style: normal; font-weight: 400; line-height: 100%; color: #fff } .ic_dropdown .dropdown-toggle::after { margin-left: unset; border-top: unset; border-bottom: unset } .ic_dropdown::after { position: absolute; content: ""; top: 50%; transform: translateY(-50%); right: -11px; width: 1px; height: 15px; background-color: rgb(214 218 225 / .5) } .navbar { background: #fff!important; box-shadow: 0 4px 10px 0 rgb(40 170 169 / .1); padding-top: 0; padding-bottom: 0; top: 0!important } .navbar .ic_new_header { display: flex; align-items: center; justify-content: space-between; width: 100% } .navbar .ic_new_header .navbar-brand img { max-width: 128px } .navbar .ic_new_header .navbar-nav { gap: 40px } @media only screen and (max-width: 1199.98px) { .navbar .ic_new_header .navbar-nav { gap:16px } } .navbar .ic_new_header .navbar-nav .nav-link { padding-left: 0; padding-right: 0 } .navbar .ic_new_header .navbar-nav .nav-link::after { right: -15px } .navbar .ic_new_header .navbar-nav li:not(:last-child) .nav-link::before { position: absolute; content: ""; left: unset; right: -20px; top: 50%; transform: translateY(-50%)!important; background: #d6dae1; width: 1px; height: 14px } @media (max-width: 1199px) { .navbar .ic_new_header .navbar-nav li:not(:last-child) .nav-link::before { display:none } } .navbar .ic_new_header ul li.menu_item_children .nav-link { margin-right: 20px } .navbar .ic_new_header ul li.menu_item_children .nav-link::before { right: -38px!important } .navbar .ic_new_header ul li:last-child { margin-left: 0 } .navbar .ic_new_header ul li:last-child .nav-link { margin-left: 0 } .navbar .ic_new_header ul li .it-mega-menu { transition: unset!important; border-radius: 5px; opacity: unset; visibility: unset } .navbar .ic_new_header ul li ul { border-radius: 5px; z-index: 9 } .navbar .ic_new_header ul li ul li a { color: #606a7a } .navbar .ic_new_header ul li ul li a svg { font-size: 30px; width: 24px; margin-right: 12px; position: absolute; left: 28px; top: 50%; transform: translateY(-50%) } .navbar .ic_new_header ul li ul li a svg path { transition: all 0.3s } .navbar .ic_new_header ul li ul li:hover a { color: #c1001b } .navbar .ic_new_header ul li ul li:hover a svg path { fill: #c1001b } .navbar .ic_new_header ul li ul li:last-child a { padding-bottom: 0 } .navbar .ic_new_header .ic-btn,.navbar .ic_new_header .ic-btn-primary { height: 43px } @media (max-width: 575px) { .navbar .ic_new_header .ic-btn,.navbar .ic_new_header .ic-btn-primary { height:38px; border-radius: 6px!important; font-size: 12px; padding: 0 9px } } @media only screen and (max-width: 991.98px) { .navbar .ic_new_header .ic-btn,.navbar .ic_new_header .ic-btn-primary { display:none } } .sticky.navbar .ic_new_header .navbar-brand img { transform: unset } .ic_dropdown_style .ic_dropdown .dropdown-menu { border: 1px solid #fff; top: 11px!important; box-shadow: 0 15px 40px 0 rgb(35 35 35 / .05) } .ic_dropdown_style .ic_dropdown .dropdown-menu a { color: rgb(27 42 64 / .7); font-family: "Manrope",sans-serif; font-weight: 400; font-size: 15px; padding: .75rem 1.5rem } .ic_dropdown_style .ic_dropdown .dropdown-menu a:focus { background-color: #c1001b } .ic-modile-device-heads { display: flex; align-items: center; gap: 10px } .ic-head-top-halloween-offer { position: relative } .ic-head-top-halloween-offer .ic-header-close-btn { position: absolute; width: 20px; height: 20px; background: #fff; border-radius: 5px; display: inline-flex; align-items: center; justify-content: center; top: 10px; right: 10px; color: #ff1f1f } @-webkit-keyframes fadeInDown2 { 0% { -webkit-transform: translateX(-50%) translateY(-15px); transform: translateY(-15px) } 100% { -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0) } } @keyframes fadeInDown2 { 0% { -webkit-transform: translateX(-50%) translateY(-15px); transform: translateX(-50%) translateY(-15px) } 100% { -webkit-transform: translateX(-50%) translateY(-5px); transform: translateX(-50%) translateY(-5px) } } .navbar-nav li:not(:hover) .it-mega-menu { display: none!important } .navbar-nav li:hover .it-mega-menu { animation: fadeInDown2 0.3s; -webkit-animation: fadeInDown2 0.3s; -moz-animation: fadeInDown2 0.3s; z-index: 999 } .ic-section-title { position: relative } .ic-section-title.white h2,.ic-section-title.white h2 span,h2 .ic-section-title.white span { background: unset; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: unset; text-transform: capitalize; font-weight: 700; color: #fff } .ic-section-title.white h6,.ic-section-title.white h6 span,h6 .ic-section-title.white span { color: #fff } .ic-section-title.white p { color: #fff } .ic-section-title.white .ic-border-bottom { background: #fff } .ic-section-title.white .ic-border-bottom::after { background: #fff } .ic-section-title.white .ic-border-bottom::before { background: #fff } .ic-social-fixed { position: fixed; top: 50%; z-index: 99999; transform: translateY(-50%) } .ic-social-fixed ul { background: #c1001b; border-radius: 0 5px 5px 0; padding: 4px 0 } .ic-header-top-right ul li { display: block } .ic-header-top-right ul li a { line-height: 29px; display: block; text-align: center; padding: 4px 12px; transition: all 0.3s ease-in-out } .ic-header-top-right a i { color: #fff; font-size: 18px; transition: all 0.3s ease-in-out } .ic-header-top-right a:hover i { color: #00033e } @media only screen and (max-width: 575.98px) { .ic_banner_content { text-align:center } } .ic_banner_part { padding-top: 113px; padding-bottom: 145px; background-color: #f7f7fa; overflow: hidden; position: relative } @media only screen and (max-width: 1650px) { .ic_banner_part { padding-top:90px; padding-bottom: 100px } } @media only screen and (max-width: 1399.98px) { .ic_banner_part { padding-top:80px; padding-bottom: 90px } } @media only screen and (max-width: 1199.98px) { .ic_banner_part { padding-top:70px; padding-bottom: 80px } } @media only screen and (max-width: 991.98px) { .ic_banner_part { padding-top:50px; padding-bottom: 70px } } @media only screen and (max-width: 767.98px) { .ic_banner_part { padding-top:40px } } @media only screen and (max-width: 575.98px) { .ic_banner_part { padding-top:30px } } .ic_banner_part::after { position: absolute; content: ""; top: 0; left: 0; width: 100px; height: 100px; background: #00a9c5; filter: blur(100px) } .ic_banner_part::before { position: absolute; content: ""; bottom: 0; left: 0; width: 100px; height: 100px; background: #ff8f3f; filter: blur(100px) } .ic_banner_part .ic_blur_banner { position: absolute; width: 113px; height: 113px; background-color: #657ce6; filter: blur(100px); top: 0; right: 0 } .ic_banner_part h2,.ic_banner_part h2 span,h2 .ic_banner_part span { font-weight: 700; line-height: 60px; background: linear-gradient(95deg,#c2121e 13.35%,#00a9c6 87.06%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: #fff0; margin-bottom: 15px } @media only screen and (max-width: 1199.98px) { .ic_banner_part h2,.ic_banner_part h2 span,h2 .ic_banner_part span { margin-bottom:13px } } @media only screen and (max-width: 991.98px) { .ic_banner_part h2,.ic_banner_part h2 span,h2 .ic_banner_part span { margin-bottom:12px; line-height: normal } } @media only screen and (max-width: 767.98px) { .ic_banner_part h2,.ic_banner_part h2 span,h2 .ic_banner_part span { margin-bottom:10px } } .ic_banner_part h2 span,h2 .ic_banner_part span span { color: #ff8f3f; position: relative; display: inline-block; background: linear-gradient(95deg,#ff8f3f 13.35%,#ff8f3f 87.06%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: #fff0; margin-bottom: 0 } @keyframes motion { 0% { width: 0 } 100% { width: 100% } } .ic_banner_part .ic_banner_paragraph { padding-bottom: 30px; color: rgb(96 106 122 / .6); font-weight: 400; line-height: 22px; font-family: manrope-regular } @media only screen and (max-width: 1399.98px) { .ic_banner_part .ic_banner_paragraph { padding-bottom:28px } } @media only screen and (max-width: 1199.98px) { .ic_banner_part .ic_banner_paragraph { padding-bottom:27px } } @media only screen and (max-width: 991.98px) { .ic_banner_part .ic_banner_paragraph { padding-bottom:26px } } @media only screen and (max-width: 767.98px) { .ic_banner_part .ic_banner_paragraph { padding-bottom:22px } } @media only screen and (max-width: 575.98px) { .ic_banner_part .ic_banner_paragraph { padding-bottom:20px } } .ic_banner_part .ic_banner_btn { display: flex; align-items: center; gap: 20px } @media only screen and (max-width: 575.98px) { .ic_banner_part .ic_banner_btn { justify-content:center } } .ic_banner_part .ic_banner_btn a { padding: 0 35px } @media only screen and (max-width: 1199.98px) { .ic_banner_part .ic_banner_btn a { padding:0 20px } } @media only screen and (max-width: 991.98px) { .ic_banner_part .ic_banner_btn a { padding:0 18px } } @media only screen and (max-width: 767.98px) { .ic_banner_part .ic_banner_btn a { padding:0 16px } } .ic_banner_part .trustpilot { margin-top: 50px; display: flex; align-items: center; gap: 15px } @media only screen and (max-width: 1650px) { .ic_banner_part .trustpilot { margin-top:48px; gap: 13px } } @media only screen and (max-width: 1399.98px) { .ic_banner_part .trustpilot { margin-top:45px } } @media only screen and (max-width: 1199.98px) { .ic_banner_part .trustpilot { margin-top:40px; gap: 11px } } @media only screen and (max-width: 991.98px) { .ic_banner_part .trustpilot { margin-top:30px; gap: 10px } } @media only screen and (max-width: 767.98px) { .ic_banner_part .trustpilot { margin-top:22px; gap: 8px } } @media only screen and (max-width: 575.98px) { .ic_banner_part .trustpilot { justify-content:center } } .ic_banner_part .trustpilot p { font-size: 20px; font-style: normal; font-weight: 500; line-height: 100%; color: #606a7a } @media only screen and (max-width: 991.98px) { .ic_banner_part .trustpilot p { font-size:19px } } @media only screen and (max-width: 767.98px) { .ic_banner_part .trustpilot p { font-size:18px } } @media only screen and (max-width: 575.98px) { .ic_banner_part .trustpilot p { font-size:15px } } .ic_banner_part .trustpilot span { color: #838e9e; font-size: 16px; font-style: normal; font-weight: 400; line-height: 15px } @media only screen and (max-width: 575.98px) { .ic_banner_part .trustpilot span { font-size:15px } } .ic_banner_part .trustpilot img { max-width: 130px } @media only screen and (max-width: 575.98px) { .ic_banner_part .trustpilot img { max-width:106px } } .ic_banner_part .ic_banner_logos { display: inline-flex; flex-wrap: wrap; margin-top: 40px; background-color: #fff; padding: 20px 10px; border-radius: 50px; gap: 24px } @media only screen and (max-width: 1650px) { .ic_banner_part .ic_banner_logos { margin-top:40px; gap: 22px } } @media only screen and (max-width: 1399.98px) { .ic_banner_part .ic_banner_logos { margin-top:35px; gap: 20px } } @media only screen and (max-width: 1199.98px) { .ic_banner_part .ic_banner_logos { margin-top:30px; gap: 18px } } @media only screen and (max-width: 991.98px) { .ic_banner_part .ic_banner_logos { margin-top:28px; gap: 16px } } @media only screen and (max-width: 767.98px) { .ic_banner_part .ic_banner_logos { margin-top:24px; gap: 14px } } @media only screen and (max-width: 575.98px) { .ic_banner_part .ic_banner_logos { margin-top:22px; gap: 12px } } .ic_banner_part .ic_banner_logos .logo-after { position: relative } .ic_banner_part .ic_banner_logos .logo-after:not(:last-child)::after { position: absolute; content: ""; top: 0; right: -15px; width: 1px; height: 24px; background-color: #d6dae1 } @media only screen and (max-width: 1650px) { .ic_banner_part .ic_banner_logos .logo-after:not(:last-child)::after { right:-14px } } @media only screen and (max-width: 1399.98px) { .ic_banner_part .ic_banner_logos .logo-after:not(:last-child)::after { right:-13px } } @media only screen and (max-width: 1199.98px) { .ic_banner_part .ic_banner_logos .logo-after:not(:last-child)::after { right:-12px } } @media only screen and (max-width: 991.98px) { .ic_banner_part .ic_banner_logos .logo-after:not(:last-child)::after { right:-11px } } @media only screen and (max-width: 767.98px) { .ic_banner_part .ic_banner_logos .logo-after:not(:last-child)::after { right:-10px } } @media only screen and (max-width: 575.98px) { .ic_banner_part .ic_banner_logos .logo-after:not(:last-child)::after { right:-9px } } @media only screen and (max-width: 480px) { .ic_banner_part .ic_banner_logos .logo-after img { max-width:80px } } .ic_banner_part .ic_banner_logos a { position: relative; display: inline-block } .ic_banner_part .ic_banner_logos a:not(:last-child)::after { position: absolute; content: ""; top: 0; right: -15px; width: 1px; height: 24px; background-color: #d6dae1 } @media only screen and (max-width: 1650px) { .ic_banner_part .ic_banner_logos a:not(:last-child)::after { right:-14px } } @media only screen and (max-width: 1399.98px) { .ic_banner_part .ic_banner_logos a:not(:last-child)::after { right:-13px } } @media only screen and (max-width: 1199.98px) { .ic_banner_part .ic_banner_logos a:not(:last-child)::after { right:-12px } } @media only screen and (max-width: 991.98px) { .ic_banner_part .ic_banner_logos a:not(:last-child)::after { right:-11px } } @media only screen and (max-width: 767.98px) { .ic_banner_part .ic_banner_logos a:not(:last-child)::after { right:-10px } } @media only screen and (max-width: 575.98px) { .ic_banner_part .ic_banner_logos a:not(:last-child)::after { right:-9px } } .ic_banner_part .ic_banner_logos a img { max-width: 100%; height: auto } @keyframes changedash { from { stroke-dashoffset: 502.7825622559px; stroke-dasharray: 502.7825622559 502.7825622559 } to { stroke-dashoffset: 0; stroke-dasharray: 502.7825622559 502.7825622559 } } .ic_banner_part .motion-shap { position: absolute; right: -13px; max-width: 321px; bottom: 176px } .ic_banner_part .motion-shap path { stroke-width: 100 } @media only screen and (max-width: 1199.98px) { .ic_banner_part .motion-shap { display:none } } .ic_banner_gallery { display: flex; align-items: center; flex-wrap: wrap; gap: 17px } @media only screen and (max-width: 1199.98px) { .ic_banner_gallery { gap:15px } } @media only screen and (max-width: 991.98px) { .ic_banner_gallery { gap:14px } } @media only screen and (max-width: 767.98px) { .ic_banner_gallery { gap:12px } } @media only screen and (max-width: 575.98px) { .ic_banner_gallery { gap:10px } } .ic_banner_gallery .ic_banner_gallery_items { width: calc(50% - 17px + 8.5px); overflow: hidden; height: 208px; object-fit: cover } @media only screen and (max-width: 1199.98px) { .ic_banner_gallery .ic_banner_gallery_items { width:calc(50% - 15px + 7.5px) } } @media only screen and (max-width: 991.98px) { .ic_banner_gallery .ic_banner_gallery_items { width:calc(50% - 14px + 7px) } } @media only screen and (max-width: 767.98px) { .ic_banner_gallery .ic_banner_gallery_items { width:calc(50% - 12px + 6px); height: 190px } } @media only screen and (max-width: 575.98px) { .ic_banner_gallery .ic_banner_gallery_items { width:calc(50% - 10px + 5px); height: 170px } } .ic_banner_gallery .ic_banner_gallery_items:hover img { transform: scale(1.05) } .ic_banner_gallery .ic_banner_gallery_items img { transition: 0.6s; height: 208px; width: 100%; object-fit: cover } @media only screen and (max-width: 767.98px) { .ic_banner_gallery .ic_banner_gallery_items img { height:190px } } @media only screen and (max-width: 575.98px) { .ic_banner_gallery .ic_banner_gallery_items img { height:100% } } .ic_banner_gallery .ic_banner_gallery_items:nth-child(1) { border-radius: 100px 0 0 0 } @media only screen and (max-width: 575.98px) { .ic_banner_gallery .ic_banner_gallery_items:nth-child(1) { border-radius:60px 0 0 0 } } .ic_banner_gallery .ic_banner_gallery_items:nth-child(1) img { border-radius: 100px 0 0 0 } @media only screen and (max-width: 575.98px) { .ic_banner_gallery .ic_banner_gallery_items:nth-child(1) img { border-radius:60px 0 0 0 } } .ic_banner_gallery .ic_banner_gallery_items:nth-child(2) { margin-top: 30px; border-radius: 0 100px 0 0 } @media only screen and (max-width: 1199.98px) { .ic_banner_gallery .ic_banner_gallery_items:nth-child(2) { margin-top:28px } } @media only screen and (max-width: 991.98px) { .ic_banner_gallery .ic_banner_gallery_items:nth-child(2) { margin-top:26px } } @media only screen and (max-width: 767.98px) { .ic_banner_gallery .ic_banner_gallery_items:nth-child(2) { margin-top:22px } } @media only screen and (max-width: 575.98px) { .ic_banner_gallery .ic_banner_gallery_items:nth-child(2) { margin-top:18px; border-radius: 0 60px 0 0 } } .ic_banner_gallery .ic_banner_gallery_items:nth-child(2) img { border-radius: 0 100px 0 0 } @media only screen and (max-width: 575.98px) { .ic_banner_gallery .ic_banner_gallery_items:nth-child(2) img { border-radius:0 60px 0 0 } } .ic_banner_gallery .ic_banner_gallery_items:nth-child(3) { margin-top: -30px; border-radius: 0 0 0 100px } @media only screen and (max-width: 1199.98px) { .ic_banner_gallery .ic_banner_gallery_items:nth-child(3) { margin-top:-28px } } @media only screen and (max-width: 991.98px) { .ic_banner_gallery .ic_banner_gallery_items:nth-child(3) { margin-top:-26px } } @media only screen and (max-width: 767.98px) { .ic_banner_gallery .ic_banner_gallery_items:nth-child(3) { margin-top:-22px } } @media only screen and (max-width: 575.98px) { .ic_banner_gallery .ic_banner_gallery_items:nth-child(3) { margin-top:-18px; border-radius: 0 0 0 60px } } .ic_banner_gallery .ic_banner_gallery_items:nth-child(3) img { border-radius: 0 0 0 100px } @media only screen and (max-width: 575.98px) { .ic_banner_gallery .ic_banner_gallery_items:nth-child(3) img { border-radius:0 0 0 60px } } .ic_banner_gallery .ic_banner_gallery_items:nth-child(4) { border-radius: 0 0 100px 0 } @media only screen and (max-width: 575.98px) { .ic_banner_gallery .ic_banner_gallery_items:nth-child(4) { border-radius:0 0 60px 0 } } .ic_banner_gallery .ic_banner_gallery_items:nth-child(4) img { border-radius: 0 0 100px 0 } @media only screen and (max-width: 575.98px) { .ic_banner_gallery .ic_banner_gallery_items:nth-child(4) img { border-radius:0 0 60px 0 } } .ic_banner_right_content { position: relative } @media only screen and (max-width: 991.98px) { .ic_banner_right_content { display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center } } .ic_banner_right_content .ic_team_member { padding: 24px 36px; border-radius: 57.5px; background: linear-gradient(95deg,#c2121e 13.35%,#00a9c6 87.06%); display: inline-block; position: absolute; bottom: -21px; left: 50%; transform: translateX(-50%); z-index: 8 } @media only screen and (max-width: 1650px) { .ic_banner_right_content .ic_team_member { padding:22px 34px } } @media only screen and (max-width: 1399.98px) { .ic_banner_right_content .ic_team_member { padding:21px 33px } } @media only screen and (max-width: 1199.98px) { .ic_banner_right_content .ic_team_member { padding:19px 31px } } @media only screen and (max-width: 991.98px) { .ic_banner_right_content .ic_team_member { padding:17px 29px } } @media only screen and (max-width: 767.98px) { .ic_banner_right_content .ic_team_member { padding:15px 29px } } .ic_banner_right_content .ic_team_member p { color: #fff; text-align: center; padding-bottom: 12px } @media only screen and (max-width: 767.98px) { .ic_banner_right_content .ic_team_member p { padding-bottom:8px } } @media only screen and (max-width: 575.98px) { .ic_banner_right_content .ic_team_member p { padding-bottom:6px } } .ic_banner_right_content .ic_team_member .ic_member_icons { display: flex; align-items: center; justify-content: center } .ic_banner_right_content .ic_team_member .ic_member_icons img { width: 34px; height: 34px; -webkit-border-radius: 34px; -moz-border-radius: 34px; border-radius: 34px; margin-left: -10px } .ic_banner_right_content .ic_team_member .ic_member_icons .ic_team_plus { width: 34px; height: 34px; border-radius: 50%; background-color: #fff; display: inline-flex; align-items: center; justify-content: center; margin-left: -15px } .ic_banner_right_content .ic_team_member .ic_member_icons .ic_team_plus i { font-weight: 300; color: #c1001b } .type-text-flex { margin-bottom: 20px } .type-text-flex span { font-weight: 700; font-size: 42px; line-height: 60px; color: #c1001b; color: #ff8f3f; display: inline } .type-text-flex .typed-cursor { display: none } .type-text-flex h1,.type-text-flex h1 span,h1 .type-text-flex span { font-size: 42px; font-style: normal; font-weight: 700; line-height: 60px; text-transform: capitalize } @media only screen and (max-width: 1650px) { .type-text-banner .highlight { font-size:42px } } @media only screen and (max-width: 1399.98px) { .type-text-banner .highlight { font-size:41px } } @media only screen and (max-width: 1199.98px) { .type-text-banner .highlight { font-size:36px; line-height: normal } } @media only screen and (max-width: 991.98px) { .type-text-banner .highlight { font-size:32px } } @media only screen and (max-width: 767.98px) { .type-text-banner .highlight { font-size:28px } } @media only screen and (max-width: 575.98px) { .type-text-banner .highlight { font-size:25px } } .none-display { color: #fff0; display: none } .ic_client__header { padding-bottom: 45px } .ic_client__header .title-gradient { font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 2.8px; background: linear-gradient(95deg,#c2121e 13.35%,#00a9c6 87.06%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: #fff0; font-family: manrope-regular } @media only screen and (max-width: 1650px) { .ic_client__header { padding-bottom:40px } } @media only screen and (max-width: 1399.98px) { .ic_client__header { padding-bottom:35px } } @media only screen and (max-width: 1199.98px) { .ic_client__header { padding-bottom:30px } } @media only screen and (max-width: 991.98px) { .ic_client__header { padding-bottom:28px } } @media only screen and (max-width: 767.98px) { .ic_client__header { padding-bottom:24px } } @media only screen and (max-width: 575.98px) { .ic_client__header { padding-bottom:22px } } .ic_client__slider_main { margin: 0 -50px } .ic_client__slider_main .slick-track { display: flex } @media only screen and (max-width: 1650px) { .ic_client__slider_main { margin:0 -45px } } @media only screen and (max-width: 1399.98px) { .ic_client__slider_main { margin:0 -40px } } @media only screen and (max-width: 1199.98px) { .ic_client__slider_main { margin:0 -30px } } @media only screen and (max-width: 991.98px) { .ic_client__slider_main { margin:0 -20px } } @media only screen and (max-width: 767.98px) { .ic_client__slider_main { margin:0 -15px } } @media only screen and (max-width: 575.98px) { .ic_client__slider_main { margin:0 -10px } } .ic_client__slider_main .ic_client_items { margin: 0 50px; display: flex; align-items: center; height: auto } @media only screen and (max-width: 1650px) { .ic_client__slider_main .ic_client_items { margin:0 45px } } @media only screen and (max-width: 1399.98px) { .ic_client__slider_main .ic_client_items { margin:0 40px } } @media only screen and (max-width: 1199.98px) { .ic_client__slider_main .ic_client_items { margin:0 30px } } @media only screen and (max-width: 991.98px) { .ic_client__slider_main .ic_client_items { margin:0 20px } } @media only screen and (max-width: 767.98px) { .ic_client__slider_main .ic_client_items { margin:0 15px } } @media only screen and (max-width: 575.98px) { .ic_client__slider_main .ic_client_items { margin:0 10px } } .ic_client__slider_main .ic_client_items img { transition: 0.3s ease-in-out; opacity: .5; display: block; margin: 0 auto } .ic_client__slider_main .ic_client_items img:hover { opacity: 1 } #my-calendly-embed { height: 1000px } .ic-featured-card-wrapper .row .col-lg-4:nth-child(1) .ic-featured-card { border-radius: 10px } .ic-featured-card-wrapper .row .col-lg-4 .ic-btn:hover::after,.ic-featured-card-wrapper .row .col-lg-4 .ic-btn-primary:hover::after { background: #3a3838!important } .tab-container { border-radius: 4px } .tab-menu ul { display: flex; justify-content: center; gap: 16px; overflow-x: auto } .tab-menu ul::-webkit-scrollbar { width: 100px!important } .tab-menu ul::-webkit-scrollbar-thumb { background: var(--Gradient,linear-gradient(144deg,#c2121e 5.75%,#00a9c6 94.25%)); border-radius: 50px } .tab-menu ul::-webkit-scrollbar-track { background-color: #fff } .tab-menu ul li { list-style-type: none; display: inline-block } .tab-menu ul li button { color: #c1001b; border-radius: 50px; background-color: #fff; box-shadow: 0 15px 50px 0 rgb(35 35 35 / .05); display: flex; height: 48px; padding: 0 25px; justify-content: center; align-items: center; gap: 5px } .tab-menu ul li button.active-a { background: linear-gradient(95deg,#c2121e 13.35%,#00a9c6 87.06%); color: #fff } .tab { display: none } .tab-active { display: block } .ic-make-us-section { padding-bottom: 607px } .ic-make-us-card-wrap { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px } @media only screen and (max-width: 991.98px) { .ic-make-us-card-wrap { gap:24px } } .ic-make-us-card { border-radius: 16px; background: #fff; box-shadow: 15px 20px 70px -2px rgb(0 0 0 / .04); display: flex; padding: 30px 25px; align-items: flex-start; gap: 15px; width: calc(50% - 30px + 15px) } @media only screen and (max-width: 991.98px) { .ic-make-us-card { width:100% } } @media only screen and (max-width: 480px) { .ic-make-us-card { flex-direction:column; align-items: center; text-align: center; padding: 20px } } .ic-make-us-card .item-icon img { width: 71px; height: 71px; border-radius: 50px } @media only screen and (max-width: 575.98px) { .ic-make-us-card .item-icon img { width:60px; height: 60px } } @media only screen and (max-width: 480px) { .ic-make-us-card .item-icon img { width:50px; height: 50px } } .ic-make-us-content-section { margin-top: -607px } .ic_client__part { border-top: 1px solid #d6dae1 } .ic_service__part { padding-bottom: 180px } .ic_service__part.double-row { padding-bottom: 180px } .ic_service__part .ic-section-title-content h2,.ic_service__part .ic-section-title-content h2 span,h2 .ic_service__part .ic-section-title-content span { background: unset; background-clip: unset; -webkit-background-clip: unset; -webkit-text-fill-color: unset; text-transform: unset; color: #fff } .ic_service__part .ic-section-title-content p { color: #fff } .ic_service__part .ic-border-bottom { background: #fff } .ic_service__part .ic-border-bottom::before { background: #fff } .ic_service__part .ic-border-bottom::after { background: #fff } .ic_top_rated_item { height: 100%; position: relative; background-color: #fff; border-radius: 12px; box-shadow: 0 12px 56px 0 rgb(6 28 61 / .12) } .ic_top_rated_item .ic_top_rated_img { border-radius: 10px 10px 0 0; background: #d1e1f0; overflow: hidden; background: #fff } .ic_top_rated_item .ic_top_rated_img img { border-radius: 10px 10px 0 0; object-fit: cover; transition: linear 0.7s; display: block; margin: 0 auto; width: 100% } .ic_top_rated_item .ic_top_rated_content { padding: 25px 20px; text-align: center; border-top: 1px solid #d6dae1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear } @media only screen and (max-width: 1399.98px) { .ic_top_rated_item .ic_top_rated_content { padding:23px 20px } } @media only screen and (max-width: 1199.98px) { .ic_top_rated_item .ic_top_rated_content { padding:21px 20px } } @media only screen and (max-width: 991.98px) { .ic_top_rated_item .ic_top_rated_content { padding:20px 20px } } @media only screen and (max-width: 767.98px) { .ic_top_rated_item .ic_top_rated_content { padding:19px 20px } } @media only screen and (max-width: 575.98px) { .ic_top_rated_item .ic_top_rated_content { padding:18px 20px } } .ic_top_rated_item .ic_top_rated_content h5,.ic_top_rated_item .ic_top_rated_content h5 span,h5 .ic_top_rated_item .ic_top_rated_content span,.ic_top_rated_item .ic_top_rated_content .sub-h5 span,.sub-h5 .ic_top_rated_item .ic_top_rated_content span,.ic_top_rated_item .ic_top_rated_content .card-title,.ic_top_rated_item .ic_top_rated_content h4,.ic_top_rated_item .ic_top_rated_content h4 span,h4 .ic_top_rated_item .ic_top_rated_content span,.ic_top_rated_item .ic_top_rated_content .sub-h4 span,.sub-h4 .ic_top_rated_item .ic_top_rated_content span { font-size: 22px; font-style: normal; font-weight: 600; color: #c2121e; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; padding-bottom: 10px } @media only screen and (max-width: 991.98px) { .ic_top_rated_item .ic_top_rated_content h5,.ic_top_rated_item .ic_top_rated_content h5 span,h5 .ic_top_rated_item .ic_top_rated_content span,.ic_top_rated_item .ic_top_rated_content .sub-h5 span,.sub-h5 .ic_top_rated_item .ic_top_rated_content span,.ic_top_rated_item .ic_top_rated_content .card-title,.ic_top_rated_item .ic_top_rated_content h4,.ic_top_rated_item .ic_top_rated_content h4 span,h4 .ic_top_rated_item .ic_top_rated_content span,.ic_top_rated_item .ic_top_rated_content .sub-h4 span,.sub-h4 .ic_top_rated_item .ic_top_rated_content span { font-size:20px } } @media only screen and (max-width: 767.98px) { .ic_top_rated_item .ic_top_rated_content h5,.ic_top_rated_item .ic_top_rated_content h5 span,h5 .ic_top_rated_item .ic_top_rated_content span,.ic_top_rated_item .ic_top_rated_content .sub-h5 span,.sub-h5 .ic_top_rated_item .ic_top_rated_content span,.ic_top_rated_item .ic_top_rated_content .card-title,.ic_top_rated_item .ic_top_rated_content h4,.ic_top_rated_item .ic_top_rated_content h4 span,h4 .ic_top_rated_item .ic_top_rated_content span,.ic_top_rated_item .ic_top_rated_content .sub-h4 span,.sub-h4 .ic_top_rated_item .ic_top_rated_content span { font-size:18px } } @media only screen and (max-width: 575.98px) { .ic_top_rated_item .ic_top_rated_content h5,.ic_top_rated_item .ic_top_rated_content h5 span,h5 .ic_top_rated_item .ic_top_rated_content span,.ic_top_rated_item .ic_top_rated_content .sub-h5 span,.sub-h5 .ic_top_rated_item .ic_top_rated_content span,.ic_top_rated_item .ic_top_rated_content .card-title,.ic_top_rated_item .ic_top_rated_content h4,.ic_top_rated_item .ic_top_rated_content h4 span,h4 .ic_top_rated_item .ic_top_rated_content span,.ic_top_rated_item .ic_top_rated_content .sub-h4 span,.sub-h4 .ic_top_rated_item .ic_top_rated_content span { font-size:17px } } @media only screen and (max-width: 480px) { .ic_top_rated_item .ic_top_rated_content h5,.ic_top_rated_item .ic_top_rated_content h5 span,h5 .ic_top_rated_item .ic_top_rated_content span,.ic_top_rated_item .ic_top_rated_content .sub-h5 span,.sub-h5 .ic_top_rated_item .ic_top_rated_content span,.ic_top_rated_item .ic_top_rated_content .card-title,.ic_top_rated_item .ic_top_rated_content h4,.ic_top_rated_item .ic_top_rated_content h4 span,h4 .ic_top_rated_item .ic_top_rated_content span,.ic_top_rated_item .ic_top_rated_content .sub-h4 span,.sub-h4 .ic_top_rated_item .ic_top_rated_content span { font-size:16px } } .ic_top_rated_item .ic_top_rated_content p { color: #727272; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear } .ic_top_rated_item:hover { box-shadow: 0 12px 56px 0 rgb(6 28 61 / .12); background-color: #c1001b } .ic_top_rated_item:hover .ic_top_rated_img img { transform: scale(1.05) } .ic_top_rated_item:hover .ic_top_rated_content h5,.ic_top_rated_item:hover .ic_top_rated_content h5 span,h5 .ic_top_rated_item:hover .ic_top_rated_content span,.ic_top_rated_item:hover .ic_top_rated_content .sub-h5 span,.sub-h5 .ic_top_rated_item:hover .ic_top_rated_content span,.ic_top_rated_item:hover .ic_top_rated_content p,.ic_top_rated_item:hover .ic_top_rated_content h4,.ic_top_rated_item:hover .ic_top_rated_content h4 span,h4 .ic_top_rated_item:hover .ic_top_rated_content span,.ic_top_rated_item:hover .ic_top_rated_content .sub-h4 span,.sub-h4 .ic_top_rated_item:hover .ic_top_rated_content span,.ic_top_rated_item:hover .ic_top_rated_content .card-title { color: #fff } .ic-process-card { height: 100%; position: relative; background-color: #fff; transition: 0.3s ease-in-out; border-radius: 8px; padding: 25px 20px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; box-shadow: 0 12px 56px 0 rgb(6 28 61 / .12) } @media only screen and (max-width: 1399.98px) { .ic-process-card { padding:23px 20px } } @media only screen and (max-width: 1199.98px) { .ic-process-card { padding:21px 20px } } @media only screen and (max-width: 991.98px) { .ic-process-card { padding:20px 20px } } @media only screen and (max-width: 767.98px) { .ic-process-card { padding:19px 20px } } @media only screen and (max-width: 575.98px) { .ic-process-card { padding:18px 20px } } .ic-process-card::after { content: ""; background: linear-gradient(95deg,#c2121e 13.35%,#00a9c6 87.06%); position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity: 0; visibility: hidden } .ic-process-card .content { position: relative; z-index: 1 } .ic-process-card .content h4,.ic-process-card .content h4 span,h4 .ic-process-card .content span,.ic-process-card .content .sub-h4 span,.sub-h4 .ic-process-card .content span { font-size: 24px; font-style: normal; font-weight: 600; color: #606a7a; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; margin-bottom: 24px } @media only screen and (max-width: 1650px) { .ic-process-card .content h4,.ic-process-card .content h4 span,h4 .ic-process-card .content span,.ic-process-card .content .sub-h4 span,.sub-h4 .ic-process-card .content span { margin-bottom:23px } } @media only screen and (max-width: 1399.98px) { .ic-process-card .content h4,.ic-process-card .content h4 span,h4 .ic-process-card .content span,.ic-process-card .content .sub-h4 span,.sub-h4 .ic-process-card .content span { font-size:23px; margin-bottom: 22px } } @media only screen and (max-width: 1199.98px) { .ic-process-card .content h4,.ic-process-card .content h4 span,h4 .ic-process-card .content span,.ic-process-card .content .sub-h4 span,.sub-h4 .ic-process-card .content span { font-size:22px } } @media only screen and (max-width: 991.98px) { .ic-process-card .content h4,.ic-process-card .content h4 span,h4 .ic-process-card .content span,.ic-process-card .content .sub-h4 span,.sub-h4 .ic-process-card .content span { font-size:20px; margin-bottom: 20px } } @media only screen and (max-width: 767.98px) { .ic-process-card .content h4,.ic-process-card .content h4 span,h4 .ic-process-card .content span,.ic-process-card .content .sub-h4 span,.sub-h4 .ic-process-card .content span { font-size:18px; margin-bottom: 18px } } @media only screen and (max-width: 575.98px) { .ic-process-card .content h4,.ic-process-card .content h4 span,h4 .ic-process-card .content span,.ic-process-card .content .sub-h4 span,.sub-h4 .ic-process-card .content span { font-size:17px; margin-bottom: 17px } } @media only screen and (max-width: 480px) { .ic-process-card .content h4,.ic-process-card .content h4 span,h4 .ic-process-card .content span,.ic-process-card .content .sub-h4 span,.sub-h4 .ic-process-card .content span { font-size:16px } } .ic-process-card .content ul li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 10px } @media only screen and (max-width: 767.98px) { .ic-process-card .content ul li { gap:8px } } @media only screen and (max-width: 575.98px) { .ic-process-card .content ul li { gap:6px } } .ic-process-card .content ul li:not(:last-child) { margin-bottom: 15px } @media only screen and (max-width: 1399.98px) { .ic-process-card .content ul li:not(:last-child) { margin-bottom:14px } } @media only screen and (max-width: 1199.98px) { .ic-process-card .content ul li:not(:last-child) { margin-bottom:13px } } @media only screen and (max-width: 991.98px) { .ic-process-card .content ul li:not(:last-child) { margin-bottom:12px } } @media only screen and (max-width: 767.98px) { .ic-process-card .content ul li:not(:last-child) { margin-bottom:10px } } @media only screen and (max-width: 575.98px) { .ic-process-card .content ul li:not(:last-child) { margin-bottom:9px } } .ic-process-card .content ul li .icon { height: 22px; width: 22px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background: #f0f5ff; padding: 5px; flex: 0 0 auto; margin-top: 1px } .ic-process-card .content ul li .icon i { font-size: 11px; color: #c1001b } .ic-process-card .content ul li p { color: #606a7a } .ic_top_rated_card { margin-top: -184px } .ic_top_rated_card.double-row { margin-top: -184px } @media only screen and (max-width: 480px) { .ic_top_rated_card.double-row { font-size:18px; margin-bottom: 18px } } .ic_top_rated_card .ic-btn.primary,.ic_top_rated_card .primary.ic-btn-primary { background-color: unset } .ic_top_rated_card button { border-radius: 10px } .ic_our_vision_mission { border-top: 1px solid #d6dae1 } .ic_our_vision_mission .ic-section-title-content p { color: rgb(96 106 122 / .7) } .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items:not(:last-child) { margin-bottom: 40px } @media only screen and (max-width: 1650px) { .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items:not(:last-child) { margin-bottom:35px } } @media only screen and (max-width: 1399.98px) { .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items:not(:last-child) { margin-bottom:30px } } @media only screen and (max-width: 991.98px) { .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items:not(:last-child) { margin-bottom:28px } } @media only screen and (max-width: 767.98px) { .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items:not(:last-child) { margin-bottom:24px } } @media only screen and (max-width: 575.98px) { .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items:not(:last-child) { margin-bottom:22px } } .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h3,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h6,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h5,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h2,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h1,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h3 span,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h6 span,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h5 span,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h2 span,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h1 span,h3 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .sub-h3 span,.sub-h3 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span { font-style: normal; font-weight: 700; padding-bottom: 9px } .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h3.pink,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h6.pink,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h6.pink,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h6 span.pink,.ic-workflow-right .service-tab-content h6 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.pink,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h6 .ic-workflow-right .service-tab-content span.pink,h6 .ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.pink,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h5.pink,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h5.pink,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h5 span.pink,.ic-workflow-right .service-tab-content h5 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.pink,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h5 .ic-workflow-right .service-tab-content span.pink,h5 .ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.pink,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content .sub-h5 span.pink,.ic-workflow-right .service-tab-content .sub-h5 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.pink,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .sub-h5 .ic-workflow-right .service-tab-content span.pink,.sub-h5 .ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.pink,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h2.pink,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h2.pink,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h2 span.pink,.ic-workflow-right .service-tab-content h2 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.pink,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h2 .ic-workflow-right .service-tab-content span.pink,h2 .ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.pink,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h1.pink,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h1.pink,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h1 span.pink,.ic-workflow-right .service-tab-content h1 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.pink,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h1 .ic-workflow-right .service-tab-content span.pink,h1 .ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.pink,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h3 span.pink,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h6 span.pink,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h5 span.pink,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h2 span.pink,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h1 span.pink,h3 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.pink,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .sub-h3 span.pink,.sub-h3 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.pink { color: #fd7eb3 } .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h3.green,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h6.green,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h6.green,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h6 span.green,.ic-workflow-right .service-tab-content h6 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.green,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h6 .ic-workflow-right .service-tab-content span.green,h6 .ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.green,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h5.green,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h5.green,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h5 span.green,.ic-workflow-right .service-tab-content h5 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.green,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h5 .ic-workflow-right .service-tab-content span.green,h5 .ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.green,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content .sub-h5 span.green,.ic-workflow-right .service-tab-content .sub-h5 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.green,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .sub-h5 .ic-workflow-right .service-tab-content span.green,.sub-h5 .ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.green,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h2.green,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h2.green,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h2 span.green,.ic-workflow-right .service-tab-content h2 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.green,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h2 .ic-workflow-right .service-tab-content span.green,h2 .ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.green,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h1.green,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h1.green,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h1 span.green,.ic-workflow-right .service-tab-content h1 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.green,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h1 .ic-workflow-right .service-tab-content span.green,h1 .ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.green,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h3 span.green,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h6 span.green,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h5 span.green,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h2 span.green,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h1 span.green,h3 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.green,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .sub-h3 span.green,.sub-h3 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.green { color: #c2121e } .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h3.orange,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h6.orange,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h6.orange,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h6 span.orange,.ic-workflow-right .service-tab-content h6 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.orange,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h6 .ic-workflow-right .service-tab-content span.orange,h6 .ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.orange,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h5.orange,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h5.orange,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h5 span.orange,.ic-workflow-right .service-tab-content h5 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.orange,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h5 .ic-workflow-right .service-tab-content span.orange,h5 .ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.orange,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content .sub-h5 span.orange,.ic-workflow-right .service-tab-content .sub-h5 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.orange,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .sub-h5 .ic-workflow-right .service-tab-content span.orange,.sub-h5 .ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.orange,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h2.orange,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h2.orange,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h2 span.orange,.ic-workflow-right .service-tab-content h2 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.orange,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h2 .ic-workflow-right .service-tab-content span.orange,h2 .ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.orange,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h1.orange,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h1.orange,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .ic-workflow-right .service-tab-content h1 span.orange,.ic-workflow-right .service-tab-content h1 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.orange,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h1 .ic-workflow-right .service-tab-content span.orange,h1 .ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.orange,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h3 span.orange,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h6 span.orange,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h5 span.orange,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h2 span.orange,.ic-workflow-right .service-tab-content .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items h1 span.orange,h3 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.orange,.ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items .sub-h3 span.orange,.sub-h3 .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items span.orange { color: #ff8f3f } .ic_our_vision_mission .ic_our_vision_mission_content .ic_mission_items p { font-style: normal; font-weight: 400; line-height: 22px; color: rgb(96 106 122 / .7) } .ic_mission_img { position: relative } .ic_mission_img .svg-1 { position: absolute; bottom: 50px; animation: svg1 5s infinite alternate } .ic_mission_img .svg-2 { position: absolute; right: 10px; animation: svg2 6s infinite alternate } .ic_mission_img .svg-3 { position: absolute; right: 0; top: 60px; animation: svg3 2s infinite alternate } .ic_mission_img .svg-4 { position: absolute; right: 0; top: 40%; animation: svg4 2s infinite alternate } .ic_mission_img .svg-5 { position: absolute; right: 10%; top: 80%; animation: svg5 2s infinite alternate } .ic_mission_img .svg-6 { position: absolute; right: 40%; top: 80%; animation: svg6 2s infinite alternate } .ic_mission_img .ic_img_big { border-radius: 10px; border: 2px solid #fff; width: 376px; height: 420px; object-fit: cover } .ic_mission_img .ic_img_small { margin-left: 147px; margin-top: -193px; border-radius: 10px; width: 297px; height: 282px; object-fit: cover } @keyframes svg1 { 0% { transform: translateY(-20px) } 100% { transform: translateY(20px) } } @keyframes svg2 { 0% { transform: translateY(-20px) } 50% { transform: translateX(-5px) } 75% { transform: translateX(5px) } 100% { transform: translateY(20px) } } @keyframes svg3 { 0% { transform: translateX(0) } 50% { transform: translateX(-100%) } 75% { transform: translateX(0%) } 100% { transform: translateX(0) } } @keyframes svg4 { 0% { transform: translateY(-20px) } 100% { transform: translateY(20px) } } .ic_refund_gurantee_main { border-top: 1px solid #d6dae1 } .ic_refund_gurantee_main.no-border { border-top: none } .ic_refund_gurantee_content { padding: 50px; background: linear-gradient(95deg,#c2121e 13.35%,#00a9c6 87.06%); border-radius: 10px; display: flex; align-items: center; gap: 85px } @media only screen and (max-width: 1650px) { .ic_refund_gurantee_content { padding:45px; gap: 80px } } @media only screen and (max-width: 1399.98px) { .ic_refund_gurantee_content { padding:40px; gap: 70px } } @media only screen and (max-width: 1199.98px) { .ic_refund_gurantee_content { padding:35px; gap: 55px } } @media only screen and (max-width: 991.98px) { .ic_refund_gurantee_content { padding:30px; gap: 28px } } @media only screen and (max-width: 767.98px) { .ic_refund_gurantee_content { padding:25px; gap: 22px; flex-wrap: wrap; justify-content: center; text-align: center } } @media only screen and (max-width: 575.98px) { .ic_refund_gurantee_content { padding:20px; gap: 18px } } .ic_refund_gurantee_content .ic_refund_gurantee_content_left { max-width: 277px; flex: 0 0 auto } @media only screen and (max-width: 1650px) { .ic_refund_gurantee_content .ic_refund_gurantee_content_left { max-width:270px } } @media only screen and (max-width: 1399.98px) { .ic_refund_gurantee_content .ic_refund_gurantee_content_left { max-width:260px } } @media only screen and (max-width: 1199.98px) { .ic_refund_gurantee_content .ic_refund_gurantee_content_left { max-width:250px } } @media only screen and (max-width: 991.98px) { .ic_refund_gurantee_content .ic_refund_gurantee_content_left { max-width:200px } } @media only screen and (max-width: 767.98px) { .ic_refund_gurantee_content .ic_refund_gurantee_content_left { max-width:230px } } .ic_refund_gurantee_content_right h2,.ic_refund_gurantee_content_right h2 span,h2 .ic_refund_gurantee_content_right span { color: #fff; padding-bottom: 15px; font-size: 42px } @media only screen and (max-width: 1650px) { .ic_refund_gurantee_content_right h2,.ic_refund_gurantee_content_right h2 span,h2 .ic_refund_gurantee_content_right span { font-size:40px } } @media only screen and (max-width: 1399.98px) { .ic_refund_gurantee_content_right h2,.ic_refund_gurantee_content_right h2 span,h2 .ic_refund_gurantee_content_right span { font-size:39px; padding-bottom: 12px } } @media only screen and (max-width: 1199.98px) { .ic_refund_gurantee_content_right h2,.ic_refund_gurantee_content_right h2 span,h2 .ic_refund_gurantee_content_right span { font-size:37px; padding-bottom: 11px } } @media only screen and (max-width: 991.98px) { .ic_refund_gurantee_content_right h2,.ic_refund_gurantee_content_right h2 span,h2 .ic_refund_gurantee_content_right span { font-size:30px; padding-bottom: 10px } } @media only screen and (max-width: 767.98px) { .ic_refund_gurantee_content_right h2,.ic_refund_gurantee_content_right h2 span,h2 .ic_refund_gurantee_content_right span { font-size:26px; padding-bottom: 9px } } @media only screen and (max-width: 575.98px) { .ic_refund_gurantee_content_right h2,.ic_refund_gurantee_content_right h2 span,h2 .ic_refund_gurantee_content_right span { font-size:24px; padding-bottom: 8px } } .ic_refund_gurantee_content_right p { color: #fff; padding-bottom: 20px } @media only screen and (max-width: 1399.98px) { .ic_refund_gurantee_content_right p { padding-bottom:19px } } @media only screen and (max-width: 1199.98px) { .ic_refund_gurantee_content_right p { padding-bottom:18px } } @media only screen and (max-width: 991.98px) { .ic_refund_gurantee_content_right p { padding-bottom:17px } } @media only screen and (max-width: 767.98px) { .ic_refund_gurantee_content_right p { padding-bottom:16px } } @media only screen and (max-width: 575.98px) { .ic_refund_gurantee_content_right p { padding-bottom:14px } } .ic_refund_gurantee_content_right .payment_methods { display: flex; flex-wrap: wrap; gap: 16px; align-items: center } @media only screen and (max-width: 1650px) { .ic_refund_gurantee_content_right .payment_methods { gap:15px } } @media only screen and (max-width: 1399.98px) { .ic_refund_gurantee_content_right .payment_methods { gap:14px } } @media only screen and (max-width: 1199.98px) { .ic_refund_gurantee_content_right .payment_methods { gap:12px } } @media only screen and (max-width: 991.98px) { .ic_refund_gurantee_content_right .payment_methods { gap:10px } } @media only screen and (max-width: 767.98px) { .ic_refund_gurantee_content_right .payment_methods { gap:8px; justify-content: center } } @media only screen and (max-width: 575.98px) { .ic_refund_gurantee_content_right .payment_methods { gap:6px } } .ic_refund_gurantee_content_right .payment_methods .payment_text { font-size: 18px; font-style: normal; font-weight: 700; padding-bottom: 0 } @media only screen and (max-width: 1399.98px) { .ic_refund_gurantee_content_right .payment_methods .payment_text { font-size:17px } } @media only screen and (max-width: 991.98px) { .ic_refund_gurantee_content_right .payment_methods .payment_text { font-size:16px } } @media only screen and (max-width: 767.98px) { .ic_refund_gurantee_content_right .payment_methods .payment_text { font-size:15px } } @media only screen and (max-width: 575.98px) { .ic_refund_gurantee_content_right .payment_methods .payment_text { font-size:14px } } .ic_refund_gurantee_content_right .payment_methods .payment_img { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px } @media only screen and (max-width: 1650px) { .ic_refund_gurantee_content_right .payment_methods .payment_img { gap:14px } } @media only screen and (max-width: 1399.98px) { .ic_refund_gurantee_content_right .payment_methods .payment_img { gap:13px } } @media only screen and (max-width: 1199.98px) { .ic_refund_gurantee_content_right .payment_methods .payment_img { gap:12px } } @media only screen and (max-width: 991.98px) { .ic_refund_gurantee_content_right .payment_methods .payment_img { gap:10px } } @media only screen and (max-width: 767.98px) { .ic_refund_gurantee_content_right .payment_methods .payment_img { gap:8px } } @media only screen and (max-width: 575.98px) { .ic_refund_gurantee_content_right .payment_methods .payment_img { gap:6px } } .ic_brand_logos { background: linear-gradient(0deg,rgb(241 250 254 / .9) 0%,rgb(241 250 254 / .9) 100%) } .ic_brand_logos_slider .slick-slide { margin: 0 15px } @media only screen and (max-width: 1650px) { .ic_brand_logos_slider .slick-slide { margin:0 13px } } @media only screen and (max-width: 1399.98px) { .ic_brand_logos_slider .slick-slide { margin:0 12px } } @media only screen and (max-width: 1199.98px) { .ic_brand_logos_slider .slick-slide { margin:0 8px } } @media only screen and (max-width: 767.98px) { .ic_brand_logos_slider .slick-slide { margin:0 6px } } .ic_brand_logos_slider .slick-list { margin: 0 -15px } @media only screen and (max-width: 1650px) { .ic_brand_logos_slider .slick-list { margin:0 -13px } } @media only screen and (max-width: 1399.98px) { .ic_brand_logos_slider .slick-list { margin:0 -12px } } @media only screen and (max-width: 1199.98px) { .ic_brand_logos_slider .slick-list { margin:0 -8px } } @media only screen and (max-width: 767.98px) { .ic_brand_logos_slider .slick-list { margin:0 -6px } } .ic_brand_logos_slider a .ic_brands_items { width: 170px; height: 170px; border-radius: 50%; overflow: hidden; margin: 0 auto; padding: 35px; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; border: 4px solid #fff; background-color: #fff; display: flex!important } .ic_brand_logos_slider a .ic_brands_items:hover { border: 4px solid #c2121e } .ic_brand_logos_slider a .ic_brands_items img { max-width: 100%; height: auto } @media only screen and (max-width: 1650px) { .ic_brand_logos_slider a .ic_brands_items { width:165px; height: 165px; padding: 33px } } @media only screen and (max-width: 1399.98px) { .ic_brand_logos_slider a .ic_brands_items { width:160px; height: 160px; padding: 30px } } @media only screen and (max-width: 1199.98px) { .ic_brand_logos_slider a .ic_brands_items { width:155px; height: 155px; padding: 25px } } @media only screen and (max-width: 991.98px) { .ic_brand_logos_slider a .ic_brands_items { width:150px; height: 150px; padding: 20px } } @media only screen and (max-width: 767.98px) { .ic_brand_logos_slider a .ic_brands_items { width:140px; height: 140px; padding: 15px } } @media only screen and (max-width: 575.98px) { .ic_brand_logos_slider a .ic_brands_items { width:130px; height: 130px; padding: 15px } } .ic_website_service_card { padding: 50px; background-size: cover; background-repeat: no-repeat; display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; border-radius: 8px } @media only screen and (max-width: 1199.98px) { .ic_website_service_card { padding:45px 35px 128px 35px } } @media only screen and (max-width: 991.98px) { .ic_website_service_card { padding:35px 30px; align-items: center; flex-direction: column; margin-bottom: 40px } } @media only screen and (max-width: 767.98px) { .ic_website_service_card { padding:30px 26px; margin-bottom: 30px } } @media only screen and (max-width: 575.98px) { .ic_website_service_card { margin-bottom:20px; padding: 20px } } @media only screen and (max-width: 480px) { .ic_website_service_card { margin-bottom:18px } } .ic_website_service_card .ic_website_service_left { flex: 1 } @media only screen and (max-width: 991.98px) { .ic_website_service_card .ic_website_service_left { text-align:center } } .ic_website_service_card .ic_website_service_left h1,.ic_website_service_card .ic_website_service_left h1 span,h1 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h3,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h6,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h5,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h2,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h3 span,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h6 span,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h5 span,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h2 span,h3 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .sub-h3 span,.sub-h3 .ic_website_service_card .ic_website_service_left span { color: #fff; padding-bottom: 6px; font-size: 35px; font-family: 700 } @media only screen and (max-width: 1399.98px) { .ic_website_service_card .ic_website_service_left h1,.ic_website_service_card .ic_website_service_left h1 span,h1 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h3,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h6,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h5,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h2,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h3 span,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h6 span,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h5 span,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h2 span,h3 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .sub-h3 span,.sub-h3 .ic_website_service_card .ic_website_service_left span { font-size:24px } } @media only screen and (max-width: 1199.98px) { .ic_website_service_card .ic_website_service_left h1,.ic_website_service_card .ic_website_service_left h1 span,h1 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h3,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h6,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h5,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h2,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h3 span,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h6 span,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h5 span,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h2 span,h3 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .sub-h3 span,.sub-h3 .ic_website_service_card .ic_website_service_left span { font-size:23px; padding-bottom: 5px } } @media only screen and (max-width: 991.98px) { .ic_website_service_card .ic_website_service_left h1,.ic_website_service_card .ic_website_service_left h1 span,h1 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h3,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h6,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h5,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h2,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h3 span,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h6 span,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h5 span,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h2 span,h3 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .sub-h3 span,.sub-h3 .ic_website_service_card .ic_website_service_left span { font-size:22px; padding-bottom: 4px } } @media only screen and (max-width: 767.98px) { .ic_website_service_card .ic_website_service_left h1,.ic_website_service_card .ic_website_service_left h1 span,h1 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h3,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h6,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h5,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h2,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h3 span,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h6 span,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h5 span,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h2 span,h3 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .sub-h3 span,.sub-h3 .ic_website_service_card .ic_website_service_left span { font-size:21px } } @media only screen and (max-width: 575.98px) { .ic_website_service_card .ic_website_service_left h1,.ic_website_service_card .ic_website_service_left h1 span,h1 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h3,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h6,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h5,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h2,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h3 span,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h6 span,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h5 span,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h2 span,h3 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .sub-h3 span,.sub-h3 .ic_website_service_card .ic_website_service_left span { font-size:20px; padding-bottom: 3px } } @media only screen and (max-width: 480px) { .ic_website_service_card .ic_website_service_left h1,.ic_website_service_card .ic_website_service_left h1 span,h1 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h3,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h6,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h5,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h2,.ic_website_service_card .ic_website_service_left .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left h3 span,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h6 span,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h5 span,.ic-workflow-right .service-tab-content .ic_website_service_card .ic_website_service_left h2 span,h3 .ic_website_service_card .ic_website_service_left span,.ic_website_service_card .ic_website_service_left .sub-h3 span,.sub-h3 .ic_website_service_card .ic_website_service_left span { font-size:19px } } .ic_website_service_card .ic_website_service_left p { color: #fff } .ic_website_service_card .ic_website_service_right { display: flex; align-items: center; gap: 20px; flex: 0 0 auto; justify-content: flex-end; flex-direction: column } @media only screen and (max-width: 1199.98px) { .ic_website_service_card .ic_website_service_right { gap:18px } } @media only screen and (max-width: 991.98px) { .ic_website_service_card .ic_website_service_right { gap:16px } } @media only screen and (max-width: 767.98px) { .ic_website_service_card .ic_website_service_right { gap:14px } } @media only screen and (max-width: 575.98px) { .ic_website_service_card .ic_website_service_right { gap:12px } } .ic_website_service_card .ic_website_service_right .ic-btn,.ic_website_service_card .ic_website_service_right .ic-btn-primary { width: 100% } .ic_service_anchor { display: block; border-radius: 10px; background: #fff; padding: 32px; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; height: 100%; border-radius: 10px; box-shadow: 0 12px 56px 0 rgb(27 42 64 / .1) } .ic_service_anchor:hover h4,.ic_service_anchor:hover h4 span,h4 .ic_service_anchor:hover span,.ic_service_anchor:hover .sub-h4 span,.sub-h4 .ic_service_anchor:hover span { color: #606a7a } .service_process_items .ic_service_items_icon { width: 76px; height: 76px; padding: 10px; border-radius: 50px; display: inline-flex; align-items: center; justify-content: center; margin: 0 auto } @media only screen and (max-width: 1399.98px) { .service_process_items .ic_service_items_icon { width:74px; height: 74px; padding: 9px } } @media only screen and (max-width: 1199.98px) { .service_process_items .ic_service_items_icon { width:72px; height: 72px; padding: 8px } } @media only screen and (max-width: 991.98px) { .service_process_items .ic_service_items_icon { width:70px; height: 70px; padding: 7px } } @media only screen and (max-width: 767.98px) { .service_process_items .ic_service_items_icon { width:68px; height: 68px; padding: 6px } } @media only screen and (max-width: 575.98px) { .service_process_items .ic_service_items_icon { width:66px; height: 66px; padding: 5px } } .service_process_items .ic_service_items_icon.green { background-color: #c2121e } .service_process_items .ic_service_items_icon.pink { background-color: #fd7eb3 } .service_process_items .ic_service_items_icon.orange { background-color: #ff8f3f } .service_process_items h4,.service_process_items h4 span,h4 .service_process_items span,.service_process_items .sub-h4 span,.sub-h4 .service_process_items span { padding-top: 24px; padding-bottom: 12px } @media only screen and (max-width: 1399.98px) { .service_process_items h4,.service_process_items h4 span,h4 .service_process_items span,.service_process_items .sub-h4 span,.sub-h4 .service_process_items span { padding-top:19px; padding-bottom: 8px } } @media only screen and (max-width: 1199.98px) { .service_process_items h4,.service_process_items h4 span,h4 .service_process_items span,.service_process_items .sub-h4 span,.sub-h4 .service_process_items span { padding-top:18px; padding-bottom: 7px } } @media only screen and (max-width: 991.98px) { .service_process_items h4,.service_process_items h4 span,h4 .service_process_items span,.service_process_items .sub-h4 span,.sub-h4 .service_process_items span { padding-top:16px; padding-bottom: 6px } } @media only screen and (max-width: 767.98px) { .service_process_items h4,.service_process_items h4 span,h4 .service_process_items span,.service_process_items .sub-h4 span,.sub-h4 .service_process_items span { padding-top:14px; padding-bottom: 4px } } @media only screen and (max-width: 575.98px) { .service_process_items h4,.service_process_items h4 span,h4 .service_process_items span,.service_process_items .sub-h4 span,.sub-h4 .service_process_items span { padding-top:12px; padding-bottom: 2px } } .service_process_items p { color: #606a7a } @media only screen and (max-width: 991.98px) { .ic_service_process_step { margin-top:0 } } .ic_development_count { border-radius: 16px; background: linear-gradient(92deg,#ff8f3f 7.76%,#c2121e 100%); padding: 40px; display: flex; align-items: center; justify-content: space-between; gap: 30px } @media only screen and (max-width: 1650px) { .ic_development_count { padding:35px; gap: 28px } } @media only screen and (max-width: 1399.98px) { .ic_development_count { padding:32px; gap: 25px } } @media only screen and (max-width: 1199.98px) { .ic_development_count { padding:28px; gap: 20px } } @media only screen and (max-width: 991.98px) { .ic_development_count { padding:25px; gap: 18px } } @media only screen and (max-width: 767.98px) { .ic_development_count { padding:20px; gap: 16px } } @media only screen and (max-width: 480px) { .ic_development_count { padding:20px 15px } } @media only screen and (max-width: 991.98px) { .ic_development_count { flex-direction:column; justify-content: center; align-items: center; gap: 24px } } @media only screen and (max-width: 991.98px) and (max-width:1650px) { .ic_development_count { gap:22px } } @media only screen and (max-width: 991.98px) and (max-width:1399.98px) { .ic_development_count { gap:21px } } @media only screen and (max-width: 991.98px) and (max-width:1199.98px) { .ic_development_count { gap:19px } } @media only screen and (max-width: 991.98px) and (max-width:991.98px) { .ic_development_count { gap:17px } } @media only screen and (max-width: 991.98px) and (max-width:767.98px) { .ic_development_count { gap:15px } } @media only screen and (max-width: 991.98px) and (max-width:575.98px) { .ic_development_count { gap:14px } } @media only screen and (max-width: 991.98px) { .ic_development_count .ic_development_count_left { text-align:center } } .ic_development_count .ic_development_count_left h3,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h6,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h5,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h2,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h1,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h3 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h6 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h5 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h2 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h1 span,h3 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .sub-h3 span,.sub-h3 .ic_development_count .ic_development_count_left span { color: #fff; font-size: 25px; font-style: normal; font-weight: 700; line-height: normal; text-transform: unset; padding-bottom: 6px } @media only screen and (max-width: 1399.98px) { .ic_development_count .ic_development_count_left h3,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h6,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h5,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h2,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h1,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h3 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h6 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h5 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h2 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h1 span,h3 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .sub-h3 span,.sub-h3 .ic_development_count .ic_development_count_left span { font-size:24px } } @media only screen and (max-width: 1199.98px) { .ic_development_count .ic_development_count_left h3,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h6,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h5,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h2,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h1,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h3 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h6 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h5 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h2 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h1 span,h3 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .sub-h3 span,.sub-h3 .ic_development_count .ic_development_count_left span { font-size:23px; padding-bottom: 5px } } @media only screen and (max-width: 991.98px) { .ic_development_count .ic_development_count_left h3,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h6,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h5,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h2,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h1,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h3 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h6 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h5 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h2 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h1 span,h3 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .sub-h3 span,.sub-h3 .ic_development_count .ic_development_count_left span { font-size:22px; padding-bottom: 4px } } @media only screen and (max-width: 767.98px) { .ic_development_count .ic_development_count_left h3,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h6,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h5,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h2,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h1,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h3 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h6 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h5 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h2 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h1 span,h3 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .sub-h3 span,.sub-h3 .ic_development_count .ic_development_count_left span { font-size:21px } } @media only screen and (max-width: 575.98px) { .ic_development_count .ic_development_count_left h3,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h6,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h5,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h2,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h1,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h3 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h6 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h5 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h2 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h1 span,h3 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .sub-h3 span,.sub-h3 .ic_development_count .ic_development_count_left span { font-size:20px; padding-bottom: 3px } } @media only screen and (max-width: 480px) { .ic_development_count .ic_development_count_left h3,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h6,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h5,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h2,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h1,.ic_development_count .ic_development_count_left .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left h3 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h6 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h5 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h2 span,.ic-workflow-right .service-tab-content .ic_development_count .ic_development_count_left h1 span,h3 .ic_development_count .ic_development_count_left span,.ic_development_count .ic_development_count_left .sub-h3 span,.sub-h3 .ic_development_count .ic_development_count_left span { font-size:19px } } .ic_development_count .ic_development_count_left p { color: #fff; font-size: 22px; font-style: normal; font-weight: 400; text-transform: unset } @media only screen and (max-width: 1399.98px) { .ic_development_count .ic_development_count_left p { font-size:21px } } @media only screen and (max-width: 1199.98px) { .ic_development_count .ic_development_count_left p { font-size:20px } } @media only screen and (max-width: 991.98px) { .ic_development_count .ic_development_count_left p { font-size:19px } } @media only screen and (max-width: 767.98px) { .ic_development_count .ic_development_count_left p { font-size:18px } } @media only screen and (max-width: 575.98px) { .ic_development_count .ic_development_count_left p { font-size:17px } } @media only screen and (max-width: 480px) { .ic_development_count .ic_development_count_left p { font-size:16px } } .ic_save_count { display: flex; align-items: center; padding: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: rgb(27 42 64 / .4) } @media only screen and (max-width: 767.98px) { .ic_save_count { padding:9px 8px } } @media only screen and (max-width: 575.98px) { .ic_save_count { padding:8px 7px } } .ic_save_count .ic-countdown-item { text-align: center; padding: 0 15px } @media only screen and (max-width: 1199.98px) { .ic_save_count .ic-countdown-item { padding:0 13px } } @media only screen and (max-width: 991.98px) { .ic_save_count .ic-countdown-item { padding:0 11px } } @media only screen and (max-width: 767.98px) { .ic_save_count .ic-countdown-item { padding:0 9px } } @media only screen and (max-width: 575.98px) { .ic_save_count .ic-countdown-item { padding:0 7px } } .ic_save_count .ic-countdown-item .time { font-size: 32px; font-style: normal; font-weight: 600; line-height: 125%; color: #fff } @media only screen and (max-width: 1650px) { .ic_save_count .ic-countdown-item .time { font-size:31px } } @media only screen and (max-width: 1399.98px) { .ic_save_count .ic-countdown-item .time { font-size:30px } } @media only screen and (max-width: 1199.98px) { .ic_save_count .ic-countdown-item .time { font-size:28px; line-height: normal } } @media only screen and (max-width: 991.98px) { .ic_save_count .ic-countdown-item .time { font-size:26px } } @media only screen and (max-width: 767.98px) { .ic_save_count .ic-countdown-item .time { font-size:24px } } @media only screen and (max-width: 575.98px) { .ic_save_count .ic-countdown-item .time { font-size:22px } } @media only screen and (max-width: 480px) { .ic_save_count .ic-countdown-item .time { font-size:20px } } .ic_save_count .ic-countdown-item:not(:last-child) { border-right: 1px dashed rgb(214 218 225 / .5) } .ic_best_company_video_Card { position: relative; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px } .ic_best_company_video_Card a { display: block } .ic_best_company_video_Card a img { max-width: 100%; height: auto } .ic_best_company_video_Card .plyr.plyr--full-ui { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; width: 99.9% } .ic_best_company_video_Card .plyr__control--overlaid { background: #fff; color: #c2121e; animation: ripple 1.5s linear infinite; display: inline-flex!important; justify-content: center; align-items: center; width: 100px; height: 100px } @media only screen and (max-width: 1650px) { .ic_best_company_video_Card .plyr__control--overlaid { width:90px; height: 90px } } @media only screen and (max-width: 1399.98px) { .ic_best_company_video_Card .plyr__control--overlaid { width:85px; height: 85px } } @media only screen and (max-width: 1199.98px) { .ic_best_company_video_Card .plyr__control--overlaid { width:80px; height: 80px } } @media only screen and (max-width: 991.98px) { .ic_best_company_video_Card .plyr__control--overlaid { width:75px; height: 75px } } @media only screen and (max-width: 767.98px) { .ic_best_company_video_Card .plyr__control--overlaid { width:70px; height: 70px } } @media only screen and (max-width: 575.98px) { .ic_best_company_video_Card .plyr__control--overlaid { width:60px; height: 60px } } .ic_best_company_video_Card .plyr__control--overlaid:hover { color: #fff!important; background: #c2121e!important } .ic_best_company_video_Card .plyr__control--overlaid svg { width: 26px; height: 26px } @media only screen and (max-width: 1650px) { .ic_best_company_video_Card .plyr__control--overlaid svg { width:24px; height: 24px } } @media only screen and (max-width: 1399.98px) { .ic_best_company_video_Card .plyr__control--overlaid svg { width:23px; height: 23px } } @media only screen and (max-width: 1199.98px) { .ic_best_company_video_Card .plyr__control--overlaid svg { width:21px; height: 21px } } @media only screen and (max-width: 991.98px) { .ic_best_company_video_Card .plyr__control--overlaid svg { width:19px; height: 19px } } @media only screen and (max-width: 767.98px) { .ic_best_company_video_Card .plyr__control--overlaid svg { width:17px; height: 17px } } .ic_best_company_video_Card .ic_play_button { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100px; height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; display: inline-flex; justify-content: center; align-items: center; animation: ripple 1.5s linear infinite } @media only screen and (max-width: 1650px) { .ic_best_company_video_Card .ic_play_button { width:90px; height: 90px } } @media only screen and (max-width: 1399.98px) { .ic_best_company_video_Card .ic_play_button { width:85px; height: 85px } } @media only screen and (max-width: 1199.98px) { .ic_best_company_video_Card .ic_play_button { width:80px; height: 80px } } @media only screen and (max-width: 991.98px) { .ic_best_company_video_Card .ic_play_button { width:75px; height: 75px } } @media only screen and (max-width: 767.98px) { .ic_best_company_video_Card .ic_play_button { width:70px; height: 70px } } @media only screen and (max-width: 575.98px) { .ic_best_company_video_Card .ic_play_button { width:60px; height: 60px } } .ic_best_company_video_Card .ic_play_button i { font-size: 26px; position: relative; z-index: 1; background: linear-gradient(95deg,#c2121e 13.35%,#00a9c6 87.06%); -webkit-background-clip: text; -webkit-text-fill-color: #fff0 } @media only screen and (max-width: 1650px) { .ic_best_company_video_Card .ic_play_button i { font-size:24px } } @media only screen and (max-width: 1399.98px) { .ic_best_company_video_Card .ic_play_button i { font-size:23px } } @media only screen and (max-width: 1199.98px) { .ic_best_company_video_Card .ic_play_button i { font-size:21px } } @media only screen and (max-width: 991.98px) { .ic_best_company_video_Card .ic_play_button i { font-size:19px } } @media only screen and (max-width: 767.98px) { .ic_best_company_video_Card .ic_play_button i { font-size:17px } } .ic_video_btn_divs { padding-top: 50px; gap: 20px } @media only screen and (max-width: 1650px) { .ic_video_btn_divs { padding-top:48px; gap: 18px } } @media only screen and (max-width: 1399.98px) { .ic_video_btn_divs { padding-top:45px; gap: 17px } } @media only screen and (max-width: 1199.98px) { .ic_video_btn_divs { padding-top:40px; gap: 15px } } @media only screen and (max-width: 991.98px) { .ic_video_btn_divs { padding-top:30px; gap: 13px } } @media only screen and (max-width: 767.98px) { .ic_video_btn_divs { padding-top:22px; gap: 11px } } .ic_bestcompany_project { position: relative } .ic_bestcompany_project .ic_video_container { position: relative; z-index: 1 } .ic_bestcompany_project .ic_video_bg_half { height: 58%; position: absolute; width: 100%; bottom: 0 } .ic_video_container { position: relative; z-index: 1; width: 100%; height: 582px } @media (max-width: 1399px) { .ic_video_container { height:421px } } @media (max-width: 1199px) { .ic_video_container { height:380px } } @media (max-width: 575px) { .ic_video_container { height:auto } } .ic_video_container .plyr__video-wrapper video { object-fit: contain; height: 586px } @media (max-width: 1399px) { .ic_video_container .plyr__video-wrapper video { height:421px } } @media (max-width: 1199px) { .ic_video_container .plyr__video-wrapper video { height:380px; object-fit: cover } } @media (max-width: 575px) { .ic_video_container .plyr__video-wrapper video { height:213px; object-fit: cover } } .ic_video_container .plyr__video-wrapper .plyr__poster { background-size: cover } @keyframes ripple { 0% { box-shadow: 0 0 0 0 rgb(255 255 255 / .3),0 0 0 1px rgb(255 255 255 / .3),0 0 0 3px rgb(255 255 255 / .3),0 0 0 5px rgb(255 255 255 / .3) } 100% { box-shadow: 0 0 0 0 rgb(255 255 255 / .3),0 0 0 4px rgb(255 255 255 / .3),0 0 0 20px #fff0,0 0 0 30px #fff0 } } .colorful-tab-content.active { overflow: visible } .colorful-tab-menu { z-index: 1 } .ic-web-server { background: #f1fafe } .ic-web-server-card { letter-spacing: -.6px; padding: 30px 10px; width: 100%; height: 100%; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border-bottom: 4px solid #c1001b; background: #fff; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; flex-direction: column; text-align: center; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; cursor: pointer; position: relative } @media only screen and (max-width: 1650px) { .ic-web-server-card { padding:28px 10px } } @media only screen and (max-width: 1399.98px) { .ic-web-server-card { padding:26px 10px } } @media only screen and (max-width: 1199.98px) { .ic-web-server-card { padding:24px 10px } } @media only screen and (max-width: 991.98px) { .ic-web-server-card { padding:22px 10px } } @media only screen and (max-width: 767.98px) { .ic-web-server-card { padding:20px 10px } } @media only screen and (max-width: 575.98px) { .ic-web-server-card { padding:18px 10px } } .ic-web-server-card::after { content: ""; background: linear-gradient(95deg,#c2121e 13.35%,#00a9c6 87.06%); position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity: 0; visibility: hidden } .ic-web-server-card .ic-icon { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; text-align: center; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; position: relative; z-index: 1; height: 75px; width: 75px; padding: 20px; margin-bottom: 15px } @media only screen and (max-width: 1399.98px) { .ic-web-server-card .ic-icon { height:70px; width: 70px; padding: 18px; margin-bottom: 14px } } @media only screen and (max-width: 1199.98px) { .ic-web-server-card .ic-icon { height:68px; width: 68px; padding: 16px; margin-bottom: 13px } } @media only screen and (max-width: 991.98px) { .ic-web-server-card .ic-icon { height:66px; width: 66px; padding: 14px; margin-bottom: 12px } } @media only screen and (max-width: 767.98px) { .ic-web-server-card .ic-icon { height:64px; width: 64px; padding: 10px; margin-bottom: 10px } } @media only screen and (max-width: 575.98px) { .ic-web-server-card .ic-icon { height:56px; width: 56px; padding: 12px } } @media only screen and (max-width: 480px) { .ic-web-server-card .ic-icon { height:50px; width: 50px; padding: 12px } } @media only screen and (max-width: 1399.98px) { .ic-web-server-card .ic-icon svg { width:34px } } @media only screen and (max-width: 1199.98px) { .ic-web-server-card .ic-icon svg { width:32px } } @media only screen and (max-width: 991.98px) { .ic-web-server-card .ic-icon svg { width:31px } } @media only screen and (max-width: 767.98px) { .ic-web-server-card .ic-icon svg { width:28px } } @media only screen and (max-width: 575.98px) { .ic-web-server-card .ic-icon svg { width:26px } } .ic-web-server-card h5,.ic-web-server-card h5 span,h5 .ic-web-server-card span,.ic-web-server-card .sub-h5 span,.sub-h5 .ic-web-server-card span { color: #606a7a; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; position: relative; z-index: 1 } .ic-web-server-card .title { color: #606a7a; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; position: relative; z-index: 1 } .ic-web-server-card:hover::after { opacity: 1; visibility: visible } .ic-web-server-card:hover .ic-icon { background: #ff8f3f!important } .ic-web-server-card:hover h5,.ic-web-server-card:hover h5 span,h5 .ic-web-server-card:hover span,.ic-web-server-card:hover .sub-h5 span,.sub-h5 .ic-web-server-card:hover span { color: #fff } .ic-web-server-card:hover .title { color: #fff } .ic-web-server.has-bg .ic-web-server-card { background: #606a7a } .ic-web-server.has-bg .ic-web-server-card h5,.ic-web-server.has-bg .ic-web-server-card h5 span,h5 .ic-web-server.has-bg .ic-web-server-card span,.ic-web-server.has-bg .ic-web-server-card .sub-h5 span,.sub-h5 .ic-web-server.has-bg .ic-web-server-card span { color: #fff } .ic-web-server.has-bg .ic-section-title-content h3,.ic-web-server.has-bg .ic-section-title-content .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-web-server.has-bg .ic-section-title-content h6,.ic-web-server.has-bg .ic-section-title-content .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-web-server.has-bg .ic-section-title-content span,.ic-web-server.has-bg .ic-section-title-content h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-web-server.has-bg .ic-section-title-content span,.ic-web-server.has-bg .ic-section-title-content .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-web-server.has-bg .ic-section-title-content h5,.ic-web-server.has-bg .ic-section-title-content .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-web-server.has-bg .ic-section-title-content span,.ic-web-server.has-bg .ic-section-title-content h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-web-server.has-bg .ic-section-title-content span,.ic-web-server.has-bg .ic-section-title-content .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-web-server.has-bg .ic-section-title-content span,.ic-web-server.has-bg .ic-section-title-content .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-web-server.has-bg .ic-section-title-content span,.ic-web-server.has-bg .ic-section-title-content .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-web-server.has-bg .ic-section-title-content h2,.ic-web-server.has-bg .ic-section-title-content .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-web-server.has-bg .ic-section-title-content span,.ic-web-server.has-bg .ic-section-title-content h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-web-server.has-bg .ic-section-title-content span,.ic-web-server.has-bg .ic-section-title-content .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-web-server.has-bg .ic-section-title-content h1,.ic-web-server.has-bg .ic-section-title-content .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-web-server.has-bg .ic-section-title-content span,.ic-web-server.has-bg .ic-section-title-content h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-web-server.has-bg .ic-section-title-content span,.ic-web-server.has-bg .ic-section-title-content h3 span,.ic-workflow-right .service-tab-content .ic-web-server.has-bg .ic-section-title-content h6 span,.ic-workflow-right .service-tab-content .ic-web-server.has-bg .ic-section-title-content h5 span,.ic-workflow-right .service-tab-content .ic-web-server.has-bg .ic-section-title-content h2 span,.ic-workflow-right .service-tab-content .ic-web-server.has-bg .ic-section-title-content h1 span,h3 .ic-web-server.has-bg .ic-section-title-content span,.ic-web-server.has-bg .ic-section-title-content .sub-h3 span,.sub-h3 .ic-web-server.has-bg .ic-section-title-content span { color: #fff } .ic-featured-product .ic-featured-card { padding: 70px 40px 60px 40px; width: 100%; height: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #606a7a; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; flex-direction: column; text-align: center; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear } @media only screen and (max-width: 1650px) { .ic-featured-product .ic-featured-card { padding:65px 35px 55px 35px } } @media only screen and (max-width: 1399.98px) { .ic-featured-product .ic-featured-card { padding:65px 30px 55px 30px } } @media only screen and (max-width: 1199.98px) { .ic-featured-product .ic-featured-card { padding:60px 25px 50px 25px } } @media only screen and (max-width: 991.98px) { .ic-featured-product .ic-featured-card { padding:50px 20px 40px 20px } } @media only screen and (max-width: 767.98px) { .ic-featured-product .ic-featured-card { padding:40px 18px 35px 18px } } @media only screen and (max-width: 575.98px) { .ic-featured-product .ic-featured-card { padding:30px 17px 25px 17px } } .ic-featured-product .ic-featured-card .ic-featured-card-logo { max-width: 247px; margin-bottom: 60px } @media only screen and (max-width: 1650px) { .ic-featured-product .ic-featured-card .ic-featured-card-logo { margin-bottom:55px; max-width: 245px } } @media only screen and (max-width: 1399.98px) { .ic-featured-product .ic-featured-card .ic-featured-card-logo { margin-bottom:50px; max-width: 240px } } @media only screen and (max-width: 1199.98px) { .ic-featured-product .ic-featured-card .ic-featured-card-logo { margin-bottom:45px; max-width: 235px } } @media only screen and (max-width: 991.98px) { .ic-featured-product .ic-featured-card .ic-featured-card-logo { margin-bottom:40px; max-width: 230px } } @media only screen and (max-width: 767.98px) { .ic-featured-product .ic-featured-card .ic-featured-card-logo { margin-bottom:30px; max-width: 225px } } @media only screen and (max-width: 575.98px) { .ic-featured-product .ic-featured-card .ic-featured-card-logo { margin-bottom:25px; max-width: 220px } } .ic-featured-product .ic-featured-card .ic-featured-dashboard { margin-bottom: 55px } @media only screen and (max-width: 1399.98px) { .ic-featured-product .ic-featured-card .ic-featured-dashboard { margin-bottom:50px } } @media only screen and (max-width: 1199.98px) { .ic-featured-product .ic-featured-card .ic-featured-dashboard { margin-bottom:45px } } @media only screen and (max-width: 991.98px) { .ic-featured-product .ic-featured-card .ic-featured-dashboard { margin-bottom:40px } } @media only screen and (max-width: 767.98px) { .ic-featured-product .ic-featured-card .ic-featured-dashboard { margin-bottom:30px } } @media only screen and (max-width: 575.98px) { .ic-featured-product .ic-featured-card .ic-featured-dashboard { margin-bottom:20px } } @media only screen and (max-width: 480px) { .ic-featured-product .ic-featured-card .ic-featured-dashboard { margin-bottom:18px } } .ic-featured-product .ic-featured-card .ic-btn,.ic-featured-product .ic-featured-card .ic-btn-primary { height: 60px; position: relative } @media only screen and (max-width: 1650px) { .ic-featured-product .ic-featured-card .ic-btn,.ic-featured-product .ic-featured-card .ic-btn-primary { height:58px } } @media only screen and (max-width: 1399.98px) { .ic-featured-product .ic-featured-card .ic-btn,.ic-featured-product .ic-featured-card .ic-btn-primary { height:55px } } @media only screen and (max-width: 1199.98px) { .ic-featured-product .ic-featured-card .ic-btn,.ic-featured-product .ic-featured-card .ic-btn-primary { height:52px } } @media only screen and (max-width: 991.98px) { .ic-featured-product .ic-featured-card .ic-btn,.ic-featured-product .ic-featured-card .ic-btn-primary { height:50px } } @media only screen and (max-width: 767.98px) { .ic-featured-product .ic-featured-card .ic-btn,.ic-featured-product .ic-featured-card .ic-btn-primary { height:49px } } @media only screen and (max-width: 575.98px) { .ic-featured-product .ic-featured-card .ic-btn,.ic-featured-product .ic-featured-card .ic-btn-primary { height:48px } } @media only screen and (max-width: 480px) { .ic-featured-product .ic-featured-card .ic-btn,.ic-featured-product .ic-featured-card .ic-btn-primary { height:45px } } .ic-featured-product .ic-featured-card .ic-btn.white,.ic-featured-product .ic-featured-card .white.ic-btn-primary { padding: 0 40px; color: #c1001b; font-weight: 600; background: #fff } @media only screen and (max-width: 1650px) { .ic-featured-product .ic-featured-card .ic-btn.white,.ic-featured-product .ic-featured-card .white.ic-btn-primary { padding:0 38px } } @media only screen and (max-width: 1399.98px) { .ic-featured-product .ic-featured-card .ic-btn.white,.ic-featured-product .ic-featured-card .white.ic-btn-primary { padding:0 37px } } @media only screen and (max-width: 1199.98px) { .ic-featured-product .ic-featured-card .ic-btn.white,.ic-featured-product .ic-featured-card .white.ic-btn-primary { padding:0 35px } } @media only screen and (max-width: 991.98px) { .ic-featured-product .ic-featured-card .ic-btn.white,.ic-featured-product .ic-featured-card .white.ic-btn-primary { padding:0 30px } } @media only screen and (max-width: 767.98px) { .ic-featured-product .ic-featured-card .ic-btn.white,.ic-featured-product .ic-featured-card .white.ic-btn-primary { padding:0 28px } } @media only screen and (max-width: 575.98px) { .ic-featured-product .ic-featured-card .ic-btn.white,.ic-featured-product .ic-featured-card .white.ic-btn-primary { padding:0 25px } } @media only screen and (max-width: 480px) { .ic-featured-product .ic-featured-card .ic-btn.white,.ic-featured-product .ic-featured-card .white.ic-btn-primary { padding:0 20px } } .ic-featured-product .ic-featured-card .ic-btn::after,.ic-featured-product .ic-featured-card .ic-btn-primary::after { content: ""; background: linear-gradient(95deg,#c2121e 13.35%,#00a9c6 87.06%); position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; opacity: 0; visibility: hidden } .ic-featured-product .ic-featured-card .ic-btn svg,.ic-featured-product .ic-featured-card .ic-btn-primary svg { max-width: 30px } @media only screen and (max-width: 1650px) { .ic-featured-product .ic-featured-card .ic-btn svg,.ic-featured-product .ic-featured-card .ic-btn-primary svg { max-width:29px } } @media only screen and (max-width: 1399.98px) { .ic-featured-product .ic-featured-card .ic-btn svg,.ic-featured-product .ic-featured-card .ic-btn-primary svg { max-width:28px } } @media only screen and (max-width: 1199.98px) { .ic-featured-product .ic-featured-card .ic-btn svg,.ic-featured-product .ic-featured-card .ic-btn-primary svg { max-width:26px } } @media only screen and (max-width: 991.98px) { .ic-featured-product .ic-featured-card .ic-btn svg,.ic-featured-product .ic-featured-card .ic-btn-primary svg { max-width:24px } } @media only screen and (max-width: 767.98px) { .ic-featured-product .ic-featured-card .ic-btn svg,.ic-featured-product .ic-featured-card .ic-btn-primary svg { max-width:22px } } @media only screen and (max-width: 575.98px) { .ic-featured-product .ic-featured-card .ic-btn svg,.ic-featured-product .ic-featured-card .ic-btn-primary svg { max-width:20px } } @media only screen and (max-width: 480px) { .ic-featured-product .ic-featured-card .ic-btn svg,.ic-featured-product .ic-featured-card .ic-btn-primary svg { max-width:18px } } .ic-featured-product .ic-featured-card .ic-btn:hover,.ic-featured-product .ic-featured-card .ic-btn-primary:hover { background: #606a7a; color: #fff } .ic-featured-product .ic-featured-card .ic-btn:hover::after,.ic-featured-product .ic-featured-card .ic-btn-primary:hover::after { opacity: 1; visibility: visible } .ic-featured-product .ic-featured-card .ic-btn:hover svg path,.ic-featured-product .ic-featured-card .ic-btn-primary:hover svg path { stroke: #fff } .ic-featured-product .ic-featured-card .ic-btn .content,.ic-featured-product .ic-featured-card .ic-btn-primary .content { position: relative; z-index: 4; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex!important; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; gap: 10px } @media only screen and (max-width: 1650px) { .ic-featured-product .ic-featured-card .ic-btn svg,.ic-featured-product .ic-featured-card .ic-btn-primary svg { width:38px!important } } @media only screen and (max-width: 1399.98px) { .ic-featured-product .ic-featured-card .ic-btn svg,.ic-featured-product .ic-featured-card .ic-btn-primary svg { width:36px!important } } @media only screen and (max-width: 1199.98px) { .ic-featured-product .ic-featured-card .ic-btn svg,.ic-featured-product .ic-featured-card .ic-btn-primary svg { width:32px!important } } @media only screen and (max-width: 991.98px) { .ic-featured-product .ic-featured-card .ic-btn svg,.ic-featured-product .ic-featured-card .ic-btn-primary svg { width:28px!important } } @media only screen and (max-width: 767.98px) { .ic-featured-product .ic-featured-card .ic-btn svg,.ic-featured-product .ic-featured-card .ic-btn-primary svg { width:25px!important } } @media only screen and (max-width: 575.98px) { .ic-featured-product .ic-featured-card .ic-btn svg,.ic-featured-product .ic-featured-card .ic-btn-primary svg { width:22px!important } } @media only screen and (max-width: 480px) { .ic-featured-product .ic-featured-card .ic-btn svg,.ic-featured-product .ic-featured-card .ic-btn-primary svg { width:20px!important } } .ic-trust-us { background-color: #fff } .ic-trust-us .ic-trust-us-left { max-width: 416px; height: 100% } @media only screen and (max-width: 991.98px) { .ic-trust-us .ic-trust-us-left { max-width:100% } } .ic-trust-us .ic-trust-us-left .ic-section-title-content { max-width: 385px } @media only screen and (max-width: 991.98px) { .ic-trust-us .ic-trust-us-left .ic-section-title-content { max-width:100% } } .ic-trust-us .ic-trust-us-right { height: 100% } .ic-trust-us .ic-portfolio-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-wrap: wrap; column-gap: 20px; row-gap: 60px } @media only screen and (max-width: 1650px) { .ic-trust-us .ic-portfolio-wrapper { column-gap:18px; row-gap: 50px } } @media only screen and (max-width: 1399.98px) { .ic-trust-us .ic-portfolio-wrapper { column-gap:17px; row-gap: 45px } } @media only screen and (max-width: 1199.98px) { .ic-trust-us .ic-portfolio-wrapper { column-gap:15px; row-gap: 30px } } @media only screen and (max-width: 991.98px) { .ic-trust-us .ic-portfolio-wrapper { row-gap:25px } } @media only screen and (max-width: 767.98px) { .ic-trust-us .ic-portfolio-wrapper { row-gap:20px } } @media only screen and (max-width: 575.98px) { .ic-trust-us .ic-portfolio-wrapper { row-gap:18px } } @media only screen and (max-width: 480px) { .ic-trust-us .ic-portfolio-wrapper { column-gap:6px } } .ic-trust-us .ic-portfolio-wrapper .ic-portfolio-item { width: calc(50% - 20px + 10px); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; gap: 10px } @media only screen and (max-width: 1650px) { .ic-trust-us .ic-portfolio-wrapper .ic-portfolio-item { width:calc(50% - 18px + 9px) } } @media only screen and (max-width: 1399.98px) { .ic-trust-us .ic-portfolio-wrapper .ic-portfolio-item { width:calc(50% - 17px + 8.5px) } } @media only screen and (max-width: 991.98px) { .ic-trust-us .ic-portfolio-wrapper .ic-portfolio-item { width:calc(50% - 15px + 7.5px) } } @media only screen and (max-width: 480px) { .ic-trust-us .ic-portfolio-wrapper .ic-portfolio-item { gap:5px; width: calc(50% - 6px + 3px) } } .ic-trust-us .ic-portfolio-wrapper .ic-icon { height: 90px; width: 90px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; flex: 0 0 auto; padding: 20px } @media only screen and (max-width: 1650px) { .ic-trust-us .ic-portfolio-wrapper .ic-icon { height:85px; width: 85px; padding: 18px } } @media only screen and (max-width: 1399.98px) { .ic-trust-us .ic-portfolio-wrapper .ic-icon { height:80px; width: 80px; padding: 16px } } @media only screen and (max-width: 1199.98px) { .ic-trust-us .ic-portfolio-wrapper .ic-icon { height:75px; width: 75px; padding: 15px } } @media only screen and (max-width: 991.98px) { .ic-trust-us .ic-portfolio-wrapper .ic-icon { height:70px; width: 70px; padding: 12px } } @media only screen and (max-width: 767.98px) { .ic-trust-us .ic-portfolio-wrapper .ic-icon { height:60px; width: 60px; padding: 15px } } @media only screen and (max-width: 575.98px) { .ic-trust-us .ic-portfolio-wrapper .ic-icon { height:50px; width: 50px; padding: 13px } } .ic-trust-us .ic-portfolio-wrapper .ic-content h2,.ic-trust-us .ic-portfolio-wrapper .ic-content h2 span,h2 .ic-trust-us .ic-portfolio-wrapper .ic-content span { font-weight: 700; color: #1b2a40; margin-bottom: 8px; font-size: 40px } @media only screen and (max-width: 1650px) { .ic-trust-us .ic-portfolio-wrapper .ic-content h2,.ic-trust-us .ic-portfolio-wrapper .ic-content h2 span,h2 .ic-trust-us .ic-portfolio-wrapper .ic-content span { font-size:38px } } @media only screen and (max-width: 1399.98px) { .ic-trust-us .ic-portfolio-wrapper .ic-content h2,.ic-trust-us .ic-portfolio-wrapper .ic-content h2 span,h2 .ic-trust-us .ic-portfolio-wrapper .ic-content span { font-size:35px } } @media only screen and (max-width: 1199.98px) { .ic-trust-us .ic-portfolio-wrapper .ic-content h2,.ic-trust-us .ic-portfolio-wrapper .ic-content h2 span,h2 .ic-trust-us .ic-portfolio-wrapper .ic-content span { font-size:30px; margin-bottom: 5px } } @media only screen and (max-width: 991.98px) { .ic-trust-us .ic-portfolio-wrapper .ic-content h2,.ic-trust-us .ic-portfolio-wrapper .ic-content h2 span,h2 .ic-trust-us .ic-portfolio-wrapper .ic-content span { font-size:28px; margin-bottom: 0 } } @media only screen and (max-width: 767.98px) { .ic-trust-us .ic-portfolio-wrapper .ic-content h2,.ic-trust-us .ic-portfolio-wrapper .ic-content h2 span,h2 .ic-trust-us .ic-portfolio-wrapper .ic-content span { font-size:26px } } @media only screen and (max-width: 575.98px) { .ic-trust-us .ic-portfolio-wrapper .ic-content h2,.ic-trust-us .ic-portfolio-wrapper .ic-content h2 span,h2 .ic-trust-us .ic-portfolio-wrapper .ic-content span { font-size:20px } } .ic-trust-us .ic-portfolio-wrapper .ic-content .ic-des { color: #c1001b; font-weight: 500; text-transform: capitalize; font-size: 24px } @media only screen and (max-width: 1199.98px) { .ic-trust-us .ic-portfolio-wrapper .ic-content .ic-des { font-size:19px } } @media only screen and (max-width: 1199.98px) { .ic-trust-us .ic-portfolio-wrapper .ic-content .ic-des { font-size:18px } } @media only screen and (max-width: 1199.98px) { .ic-trust-us .ic-portfolio-wrapper .ic-content .ic-des { font-size:16px } } @media only screen and (max-width: 480px) { .ic-trust-us .ic-portfolio-wrapper .ic-content .ic-des { font-size:13px } } .ic-trust-us .ic-bottom-part { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: linear-gradient(95deg,#c2121e 13.35%,#00a9c6 87.06%); padding: 50px; text-align: center } @media only screen and (max-width: 1650px) { .ic-trust-us .ic-bottom-part { padding:45px } } @media only screen and (max-width: 1399.98px) { .ic-trust-us .ic-bottom-part { padding:40px } } @media only screen and (max-width: 1199.98px) { .ic-trust-us .ic-bottom-part { padding:35px } } @media only screen and (max-width: 991.98px) { .ic-trust-us .ic-bottom-part { padding:30px } } @media only screen and (max-width: 767.98px) { .ic-trust-us .ic-bottom-part { padding:25px } } @media only screen and (max-width: 575.98px) { .ic-trust-us .ic-bottom-part { padding:20px } } .ic-trust-us .ic-bottom-part h2,.ic-trust-us .ic-bottom-part h2 span,h2 .ic-trust-us .ic-bottom-part span,.ic-trust-us .ic-bottom-part h3,.ic-trust-us .ic-bottom-part .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-trust-us .ic-bottom-part h6,.ic-trust-us .ic-bottom-part .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-trust-us .ic-bottom-part span,.ic-trust-us .ic-bottom-part h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-trust-us .ic-bottom-part span,.ic-trust-us .ic-bottom-part .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-trust-us .ic-bottom-part h5,.ic-trust-us .ic-bottom-part .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-trust-us .ic-bottom-part span,.ic-trust-us .ic-bottom-part h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-trust-us .ic-bottom-part span,.ic-trust-us .ic-bottom-part .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-trust-us .ic-bottom-part span,.ic-trust-us .ic-bottom-part .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-trust-us .ic-bottom-part span,.ic-trust-us .ic-bottom-part .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-trust-us .ic-bottom-part h1,.ic-trust-us .ic-bottom-part .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-trust-us .ic-bottom-part span,.ic-trust-us .ic-bottom-part h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-trust-us .ic-bottom-part span,.ic-trust-us .ic-bottom-part h3 span,.ic-workflow-right .service-tab-content .ic-trust-us .ic-bottom-part h6 span,.ic-workflow-right .service-tab-content .ic-trust-us .ic-bottom-part h5 span,.ic-workflow-right .service-tab-content .ic-trust-us .ic-bottom-part h1 span,h3 .ic-trust-us .ic-bottom-part span,.ic-trust-us .ic-bottom-part .sub-h3 span,.sub-h3 .ic-trust-us .ic-bottom-part span { color: #fff; font-weight: 700 } @media only screen and (max-width: 480px) { .ic-trust-us .ic-bottom-part h2,.ic-trust-us .ic-bottom-part h2 span,h2 .ic-trust-us .ic-bottom-part span,.ic-trust-us .ic-bottom-part h3,.ic-trust-us .ic-bottom-part .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-trust-us .ic-bottom-part h6,.ic-trust-us .ic-bottom-part .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-trust-us .ic-bottom-part span,.ic-trust-us .ic-bottom-part h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-trust-us .ic-bottom-part span,.ic-trust-us .ic-bottom-part .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-trust-us .ic-bottom-part h5,.ic-trust-us .ic-bottom-part .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-trust-us .ic-bottom-part span,.ic-trust-us .ic-bottom-part h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-trust-us .ic-bottom-part span,.ic-trust-us .ic-bottom-part .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-trust-us .ic-bottom-part span,.ic-trust-us .ic-bottom-part .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-trust-us .ic-bottom-part span,.ic-trust-us .ic-bottom-part .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-trust-us .ic-bottom-part h1,.ic-trust-us .ic-bottom-part .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-trust-us .ic-bottom-part span,.ic-trust-us .ic-bottom-part h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-trust-us .ic-bottom-part span,.ic-trust-us .ic-bottom-part h3 span,.ic-workflow-right .service-tab-content .ic-trust-us .ic-bottom-part h6 span,.ic-workflow-right .service-tab-content .ic-trust-us .ic-bottom-part h5 span,.ic-workflow-right .service-tab-content .ic-trust-us .ic-bottom-part h1 span,h3 .ic-trust-us .ic-bottom-part span,.ic-trust-us .ic-bottom-part .sub-h3 span,.sub-h3 .ic-trust-us .ic-bottom-part span { font-weight:600; font-size: 20px } } .ic-trust-us .ic-bottom-part h5,.ic-trust-us .ic-bottom-part h5 span,h5 .ic-trust-us .ic-bottom-part span,.ic-trust-us .ic-bottom-part .sub-h5 span,.sub-h5 .ic-trust-us .ic-bottom-part span { color: #fff; font-weight: 500 } .ic-trust-us .ic-bottom-part p { color: #fff; font-weight: 500; font-size: 22px; line-height: auto } @media only screen and (max-width: 1650px) { .ic-trust-us .ic-bottom-part p { font-size:21px } } @media only screen and (max-width: 1399.98px) { .ic-trust-us .ic-bottom-part p { font-size:20px } } @media only screen and (max-width: 1199.98px) { .ic-trust-us .ic-bottom-part p { font-size:19px } } @media only screen and (max-width: 991.98px) { .ic-trust-us .ic-bottom-part p { font-size:17px } } @media only screen and (max-width: 767.98px) { .ic-trust-us .ic-bottom-part p { font-size:16px } } @media only screen and (max-width: 575.98px) { .ic-trust-us .ic-bottom-part p { font-size:15px } } .ic-why-choose .ic-why-choose-content-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; gap: 75px } @media only screen and (max-width: 1650px) { .ic-why-choose .ic-why-choose-content-wrapper { gap:70px } } @media only screen and (max-width: 1399.98px) { .ic-why-choose .ic-why-choose-content-wrapper { gap:50px } } @media only screen and (max-width: 1199.98px) { .ic-why-choose .ic-why-choose-content-wrapper { gap:45px } } @media only screen and (max-width: 991.98px) { .ic-why-choose .ic-why-choose-content-wrapper { gap:20px } } @media only screen and (max-width: 767.98px) { .ic-why-choose .ic-why-choose-content-wrapper { gap:20px } } @media only screen and (max-width: 575.98px) { .ic-why-choose .ic-why-choose-content-wrapper { gap:20px } } @media only screen and (max-width: 480px) { .ic-why-choose .ic-why-choose-content-wrapper { gap:20px } } .ic-why-choose .ic-column-content { width: calc(50% - 75px + 37.5px); position: relative } @media only screen and (max-width: 1650px) { .ic-why-choose .ic-column-content { width:calc(50% - 70px + 35px) } } @media only screen and (max-width: 1399.98px) { .ic-why-choose .ic-column-content { width:calc(50% - 50px + 25px) } } @media only screen and (max-width: 1199.98px) { .ic-why-choose .ic-column-content { width:calc(50% - 45px + 22.5px) } } @media only screen and (max-width: 991.98px) { .ic-why-choose .ic-column-content { width:100% } } .ic-why-choose .ic-choose-list ul li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 20px } @media only screen and (max-width: 1650px) { .ic-why-choose .ic-choose-list ul li { gap:18px } } @media only screen and (max-width: 1399.98px) { .ic-why-choose .ic-choose-list ul li { gap:17px } } @media only screen and (max-width: 1199.98px) { .ic-why-choose .ic-choose-list ul li { gap:15px } } @media only screen and (max-width: 991.98px) { .ic-why-choose .ic-choose-list ul li { gap:13px } } @media only screen and (max-width: 767.98px) { .ic-why-choose .ic-choose-list ul li { gap:11px } } @media only screen and (max-width: 575.98px) { .ic-why-choose .ic-choose-list ul li { gap:9px } } .ic-why-choose .ic-choose-list ul li:not(:last-child) { margin-bottom: 25px } @media only screen and (max-width: 1650px) { .ic-why-choose .ic-choose-list ul li:not(:last-child) { margin-bottom:23px } } @media only screen and (max-width: 1399.98px) { .ic-why-choose .ic-choose-list ul li:not(:last-child) { margin-bottom:22px } } @media only screen and (max-width: 1199.98px) { .ic-why-choose .ic-choose-list ul li:not(:last-child) { margin-bottom:20px } } @media only screen and (max-width: 991.98px) { .ic-why-choose .ic-choose-list ul li:not(:last-child) { margin-bottom:19px } } @media only screen and (max-width: 767.98px) { .ic-why-choose .ic-choose-list ul li:not(:last-child) { margin-bottom:17px } } @media only screen and (max-width: 575.98px) { .ic-why-choose .ic-choose-list ul li:not(:last-child) { margin-bottom:15px } } .ic-why-choose .ic-choose-list ul li .ic-icon { height: 80px; width: 80px; padding: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; flex: 0 0 auto } @media only screen and (max-width: 1650px) { .ic-why-choose .ic-choose-list ul li .ic-icon { height:75px; width: 75px; padding: 19px } } @media only screen and (max-width: 1399.98px) { .ic-why-choose .ic-choose-list ul li .ic-icon { height:70px; width: 70px; padding: 18px } } @media only screen and (max-width: 1199.98px) { .ic-why-choose .ic-choose-list ul li .ic-icon { height:65px; width: 65px; padding: 17px } } @media only screen and (max-width: 991.98px) { .ic-why-choose .ic-choose-list ul li .ic-icon { height:60px; width: 60px; padding: 16px } } @media only screen and (max-width: 767.98px) { .ic-why-choose .ic-choose-list ul li .ic-icon { height:58px; width: 58px; padding: 15px } } @media only screen and (max-width: 575.98px) { .ic-why-choose .ic-choose-list ul li .ic-icon { height:55px; width: 55px; padding: 14px } } .ic-why-choose .ic-choose-list ul li .ic-choose-list-content h4,.ic-why-choose .ic-choose-list ul li .ic-choose-list-content h4 span,h4 .ic-why-choose .ic-choose-list ul li .ic-choose-list-content span,.ic-why-choose .ic-choose-list ul li .ic-choose-list-content .sub-h4 span,.sub-h4 .ic-why-choose .ic-choose-list ul li .ic-choose-list-content span { font-weight: 700; color: #c1001b; margin-bottom: 10px } @media only screen and (max-width: 1650px) { .ic-why-choose .ic-choose-list ul li .ic-choose-list-content h4,.ic-why-choose .ic-choose-list ul li .ic-choose-list-content h4 span,h4 .ic-why-choose .ic-choose-list ul li .ic-choose-list-content span,.ic-why-choose .ic-choose-list ul li .ic-choose-list-content .sub-h4 span,.sub-h4 .ic-why-choose .ic-choose-list ul li .ic-choose-list-content span { margin-bottom:9px } } @media only screen and (max-width: 1199.98px) { .ic-why-choose .ic-choose-list ul li .ic-choose-list-content h4,.ic-why-choose .ic-choose-list ul li .ic-choose-list-content h4 span,h4 .ic-why-choose .ic-choose-list ul li .ic-choose-list-content span,.ic-why-choose .ic-choose-list ul li .ic-choose-list-content .sub-h4 span,.sub-h4 .ic-why-choose .ic-choose-list ul li .ic-choose-list-content span { margin-bottom:8px } } @media only screen and (max-width: 991.98px) { .ic-why-choose .ic-choose-list ul li .ic-choose-list-content h4,.ic-why-choose .ic-choose-list ul li .ic-choose-list-content h4 span,h4 .ic-why-choose .ic-choose-list ul li .ic-choose-list-content span,.ic-why-choose .ic-choose-list ul li .ic-choose-list-content .sub-h4 span,.sub-h4 .ic-why-choose .ic-choose-list ul li .ic-choose-list-content span { margin-bottom:7px } } @media only screen and (max-width: 767.98px) { .ic-why-choose .ic-choose-list ul li .ic-choose-list-content h4,.ic-why-choose .ic-choose-list ul li .ic-choose-list-content h4 span,h4 .ic-why-choose .ic-choose-list ul li .ic-choose-list-content span,.ic-why-choose .ic-choose-list ul li .ic-choose-list-content .sub-h4 span,.sub-h4 .ic-why-choose .ic-choose-list ul li .ic-choose-list-content span { margin-bottom:6px } } .ic-why-choose .ic-choose-list ul li .ic-choose-list-content p,.ic-why-choose .ic-choose-list ul li .ic-choose-list-content span { font-family: manrope-regular; font-size: 16px } @media only screen and (max-width: 991.98px) { .ic-why-choose .left-abs-content-wrapper { display:none; visibility: hidden; opacity: 0 } } .ic-why-choose .left-abs-content-wrapper img { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; object-fit: cover } .ic-why-choose .left-abs-content-wrapper .main-image { position: relative; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex!important; max-width: 483px; max-height: 430px; object-fit: cover } @media only screen and (max-width: 1650px) { .ic-why-choose .left-abs-content-wrapper .main-image { max-width:473px; max-height: 420px } } @media only screen and (max-width: 1399.98px) { .ic-why-choose .left-abs-content-wrapper .main-image { max-width:463px; max-height: 410px } } @media only screen and (max-width: 1199.98px) { .ic-why-choose .left-abs-content-wrapper .main-image { max-width:453px; max-height: 400px } } .ic-why-choose .left-abs-content-wrapper .abs-content-1 { position: absolute; right: -12%; top: 100%; transform: translateY(-50%); border: 3px solid #fff; z-index: 2; max-width: 313px; max-height: 242px; object-fit: cover } @media only screen and (max-width: 1650px) { .ic-why-choose .left-abs-content-wrapper .abs-content-1 { max-width:303px; max-height: 232px } } @media only screen and (max-width: 1399.98px) { .ic-why-choose .left-abs-content-wrapper .abs-content-1 { max-width:293px; max-height: 222px; right: -8% } } @media only screen and (max-width: 1199.98px) { .ic-why-choose .left-abs-content-wrapper .abs-content-1 { max-width:283px; max-height: 2112px } } .ic-why-choose .left-abs-content-wrapper .abs-content-2 { position: absolute; left: 0; top: 112%; border: 3px solid #fff; max-width: 338px; max-height: 223px; object-fit: cover } @media only screen and (max-width: 1650px) { .ic-why-choose .left-abs-content-wrapper .abs-content-2 { max-width:328px; max-height: 213px; top: 110% } } @media only screen and (max-width: 1399.98px) { .ic-why-choose .left-abs-content-wrapper .abs-content-2 { max-width:318px; max-height: 203px; top: 108% } } @media only screen and (max-width: 1199.98px) { .ic-why-choose .left-abs-content-wrapper .abs-content-2 { max-width:308px; max-height: 193px } } .ic-happy-clients-wrapper .ic-happy-clients-card { border-radius: 10px; background: #fff; box-shadow: 0 0 9px 0 rgb(27 42 64 / .1); padding: 45px 38px; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center; height: 100% } @media only screen and (max-width: 1650px) { .ic-happy-clients-wrapper .ic-happy-clients-card { padding:40px 36px } } @media only screen and (max-width: 1399.98px) { .ic-happy-clients-wrapper .ic-happy-clients-card { padding:38px 30px } } @media only screen and (max-width: 1199.98px) { .ic-happy-clients-wrapper .ic-happy-clients-card { padding:28px 26px } } @media only screen and (max-width: 991.98px) { .ic-happy-clients-wrapper .ic-happy-clients-card { padding:26px } } @media only screen and (max-width: 767.98px) { .ic-happy-clients-wrapper .ic-happy-clients-card { padding:24px } } @media only screen and (max-width: 575.98px) { .ic-happy-clients-wrapper .ic-happy-clients-card { padding:22px } } .ic-happy-clients-wrapper .ic-happy-clients-card::after { content: ""; background: linear-gradient(95deg,#c2121e 13.35%,#00a9c6 87.06%); position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; opacity: 0; visibility: hidden } .ic-happy-clients-wrapper .ic-happy-clients-card:hover::after { opacity: 1; visibility: visible } .ic-happy-clients-wrapper .ic-happy-clients-card:hover .ic-happy-clients-card-des,.ic-happy-clients-wrapper .ic-happy-clients-card:hover .ic-post,.ic-happy-clients-wrapper .ic-happy-clients-card:hover .ic-name { color: #fff } .ic-happy-clients-wrapper .ic-happy-clients-card:hover .ic-happy-clients-card-des::after { background-color: #fff } .ic-happy-clients-wrapper .ic-happy-clients-card:hover .ic-logo-wrapper .ic-abs { background-color: #ff8f3f } .ic-happy-clients-wrapper .ic-logo-wrapper { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex!important; position: relative; z-index: 1 } .ic-happy-clients-wrapper .ic-logo-wrapper .ic-logo { height: 85px; width: 85px; object-fit: cover; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 4px solid #fff; box-shadow: 0 4px 56px 0 rgb(27 42 64 / .1) } .ic-happy-clients-wrapper .ic-logo-wrapper .ic-abs { border-radius: 50%; bottom: 10%; left: 90%; transform: translateX(-50%); position: absolute; height: 34px; width: 34px; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; padding: 10px; background-color: #c1001b; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear } .ic-happy-clients-wrapper .ic-happy-clients-card-des { color: #838e9e; font-weight: 400; letter-spacing: -.54px; position: relative; z-index: 1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; line-height: auto; font-size: 16px; line-height: 22px; font-weight: 400 } @media only screen and (max-width: 1399.98px) { .ic-happy-clients-wrapper .ic-happy-clients-card-des { font-size:15px } } @media only screen and (max-width: 991.98px) { .ic-happy-clients-wrapper .ic-happy-clients-card-des { font-size:14px } } @media only screen and (max-width: 575.98px) { .ic-happy-clients-wrapper .ic-happy-clients-card-des { font-size:14px } } .ic-happy-clients-wrapper .ic-happy-clients-card-des::after { content: ""; background-color: #c1001b; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 44px; height: 2px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear } .ic-happy-clients-wrapper .ic-name { color: #121e31; font-weight: 600; line-height: 161.523%; letter-spacing: -.54px; margin-bottom: 5px; position: relative; z-index: 1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear } .ic-happy-clients-wrapper .ic-post { font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: -.7px; color: #838e9e; position: relative; z-index: 1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear } .ic-happy-clients-wrapper .slick-slide { margin: 15px 15px; height: auto!important } @media only screen and (max-width: 1650px) { .ic-happy-clients-wrapper .slick-slide { margin:13px 13px } } @media only screen and (max-width: 1399.98px) { .ic-happy-clients-wrapper .slick-slide { margin:12px 12px } } @media only screen and (max-width: 1199.98px) { .ic-happy-clients-wrapper .slick-slide { margin:8px 8px } } @media only screen and (max-width: 767.98px) { .ic-happy-clients-wrapper .slick-slide { margin:6px 6px } } .ic-happy-clients-wrapper .slick-list { margin: -15px -15px } @media only screen and (max-width: 1650px) { .ic-happy-clients-wrapper .slick-list { margin:-13px -13px } } @media only screen and (max-width: 1399.98px) { .ic-happy-clients-wrapper .slick-list { margin:-12px -12px } } @media only screen and (max-width: 1199.98px) { .ic-happy-clients-wrapper .slick-list { margin:-8px -8px } } @media only screen and (max-width: 767.98px) { .ic-happy-clients-wrapper .slick-list { margin:-6px -6px } } .ic-happy-clients-wrapper .slick-track { display: flex!important } .ic-happy-clients-wrapper .ic-happy-clients-trustpilot { background: #f0f5ff; box-shadow: 0 0 9px 0 rgb(27 42 64 / .1); position: relative; padding: 40px 40px; height: 100%; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; position: relative; z-index: 1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; flex-direction: column; gap: 20px } @media only screen and (max-width: 1650px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot { padding:35px 35px } } @media only screen and (max-width: 1399.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot { padding:35px 30px } } @media only screen and (max-width: 1199.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot { padding:30px 20px } } @media only screen and (max-width: 991.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot { padding:25px 18px } } @media only screen and (max-width: 767.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot { padding:20px 16px } } @media only screen and (max-width: 575.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot { padding:18px 15px } } .ic-happy-clients-wrapper .ic-happy-clients-trustpilot::after { content: ""; background: linear-gradient(95deg,#c2121e 13.35%,#00a9c6 87.06%); position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; opacity: 0; visibility: hidden } .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-profile-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; gap: 12px; position: relative; z-index: 1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear } .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-profile-wrapper .ic-profile-img { width: 48px; height: 48px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; flex: 0 0 auto } .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-profile-wrapper .ic-name { font-family: "Manrope",sans-serif; margin-bottom: 0; font-weight: 600; color: #606a7a; line-height: normal; position: relative; z-index: 1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear } .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-profile-wrapper .ic-post { font-size: 14px; font-weight: 300; color: #42526b; position: relative; z-index: 1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear } .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-profile-wrapper .ic-post span { color: #c1001b; font-weight: 600; font-size: 14px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear } .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-des { font-weight: 300; color: #606a7a; opacity: .8; font-size: 18px; position: relative; z-index: 1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; line-height: 1.3 } @media only screen and (max-width: 1399.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-des { font-size:17px } } @media only screen and (max-width: 991.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-des { font-size:16px } } @media only screen and (max-width: 767.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-des { font-size:15px } } @media only screen and (max-width: 575.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-des { font-size:14px } } .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-des span { opacity: .8; color: #c1001b; font-weight: 600; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; font-size: 18px } @media only screen and (max-width: 1399.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-des span { font-size:17px } } @media only screen and (max-width: 991.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-des span { font-size:16px } } @media only screen and (max-width: 767.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-des span { font-size:15px } } @media only screen and (max-width: 575.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-des span { font-size:14px } } .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-des p { font-weight: 300; color: #606a7a; opacity: .8; font-size: 18px; position: relative; z-index: 1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear } @media only screen and (max-width: 1399.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-des p { font-size:17px } } @media only screen and (max-width: 991.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-des p { font-size:16px } } @media only screen and (max-width: 767.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-des p { font-size:15px } } @media only screen and (max-width: 575.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-des p { font-size:14px } } .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-des p span { opacity: .8; color: #c1001b; font-weight: 600; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; font-size: 18px } @media only screen and (max-width: 1399.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-des p span { font-size:17px } } @media only screen and (max-width: 991.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-des p span { font-size:16px } } @media only screen and (max-width: 767.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-des p span { font-size:15px } } @media only screen and (max-width: 575.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-des p span { font-size:14px } } .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-rating-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; gap: 12px; position: relative; z-index: 1 } @media only screen and (max-width: 991.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-rating-wrapper { gap:10px } } @media only screen and (max-width: 767.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-rating-wrapper { gap:8px } } @media only screen and (max-width: 575.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-rating-wrapper { gap:6px } } .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-rating-wrapper .ic-rating { font-family: manrope-regular; font-weight: 800; font-size: 20px; color: #ff8f3f; line-height: 1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear } @media only screen and (max-width: 1650px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-rating-wrapper .ic-rating { font-size:18px } } @media only screen and (max-width: 1399.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-rating-wrapper .ic-rating { font-size:17px } } @media only screen and (max-width: 1199.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-rating-wrapper .ic-rating { font-size:16px } } @media only screen and (max-width: 991.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-rating-wrapper .ic-rating { font-size:15px } } @media only screen and (max-width: 767.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-rating-wrapper .ic-rating { font-size:14px } } .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-rating-wrapper .ic-rating span { font-weight: 600; font-size: 20px; color: #c1001b; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear } @media only screen and (max-width: 1650px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-rating-wrapper .ic-rating span { font-size:18px } } @media only screen and (max-width: 1399.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-rating-wrapper .ic-rating span { font-size:17px } } @media only screen and (max-width: 1199.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-rating-wrapper .ic-rating span { font-size:16px } } @media only screen and (max-width: 991.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-rating-wrapper .ic-rating span { font-size:15px } } @media only screen and (max-width: 767.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-rating-wrapper .ic-rating span { font-size:14px } } .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-rating-wrapper .icon i { color: #ff8f3f } @media only screen and (max-width: 991.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-rating-wrapper .icon i { font-size:16px } } @media only screen and (max-width: 767.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-rating-wrapper .icon i { font-size:14px } } @media only screen and (max-width: 575.98px) { .ic-happy-clients-wrapper .ic-happy-clients-trustpilot .ic-rating-wrapper .icon i { font-size:12px } } .ic-happy-clients-wrapper .ic-happy-clients-trustpilot:hover::after { opacity: 1; visibility: visible } .ic-happy-clients-wrapper .ic-happy-clients-trustpilot:hover .ic-name { color: #fff } .ic-happy-clients-wrapper .ic-happy-clients-trustpilot:hover .ic-rating span { color: #fff } .ic-happy-clients-wrapper .ic-happy-clients-trustpilot:hover .ic-post { color: #fff } .ic-happy-clients-wrapper .ic-happy-clients-trustpilot:hover .ic-post span { color: #fff } .ic-happy-clients-wrapper .ic-happy-clients-trustpilot:hover .ic-des { color: #fff!important } .ic-happy-clients-wrapper .ic-happy-clients-trustpilot:hover .ic-des p { color: #fff!important } .ic-happy-clients-wrapper .ic-happy-clients-trustpilot:hover .ic-des p span { color: #fff!important } .ic-happy-clients-wrapper .ic-happy-clients-trustpilot:hover .ic-des span { color: #fff!important } .ic-slider-button { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; border: 1px solid #d6dae1; background: #f1fafe; padding: 10px; position: relative; height: 56px; width: 56px; color: #c1001b; cursor: pointer } @media only screen and (max-width: 1650px) { .ic-slider-button { height:54px; width: 54px } } @media only screen and (max-width: 1399.98px) { .ic-slider-button { height:52px; width: 52px } } @media only screen and (max-width: 1199.98px) { .ic-slider-button { height:50px; width: 50px } } @media only screen and (max-width: 991.98px) { .ic-slider-button { height:48px; width: 48px } } @media only screen and (max-width: 767.98px) { .ic-slider-button { height:46px; width: 46px } } .ic-slider-button::after { content: ""; background: linear-gradient(95deg,#c2121e 13.35%,#00a9c6 87.06%); position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity: 0; visibility: hidden } .ic-slider-button svg { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; position: relative; z-index: 1 } .ic-slider-button svg path { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear } @media only screen and (max-width: 1650px) { .ic-slider-button svg { height:22px; width: 22px } } @media only screen and (max-width: 1399.98px) { .ic-slider-button svg { height:21px; width: 21px } } @media only screen and (max-width: 1199.98px) { .ic-slider-button svg { height:20px; width: 20px } } @media only screen and (max-width: 991.98px) { .ic-slider-button svg { height:19px; width: 19px } } @media only screen and (max-width: 767.98px) { .ic-slider-button svg { height:18px; width: 18px } } .ic-slider-button:hover::after { opacity: 1; visibility: visible } .ic-slider-button:hover svg path { stroke: #fff } .ic-calendly-embed { margin-top: -63px } @media (max-width: 767px) { .ic-calendly-embed { margin-top:0 } } #my-calendly-embed { height: 684px!important } @media (max-width: 1199px) { #my-calendly-embed { height:1272px!important } } @media (max-width: 767px) { #my-calendly-embed { height:1102px!important } } .calendly-inline-widget .simplebar-content h1,.calendly-inline-widget .simplebar-content h1 span,h1 .calendly-inline-widget .simplebar-content span { color: red!important } .lmtWIHO_gkbTeeyuvoJC { min-height: unset!important } .ic-technology-work { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; gap: 30px } @media only screen and (max-width: 1650px) { .ic-technology-work { gap:26px } } @media only screen and (max-width: 1399.98px) { .ic-technology-work { gap:24px } } @media only screen and (max-width: 1199.98px) { .ic-technology-work { gap:16px } } @media only screen and (max-width: 767.98px) { .ic-technology-work { gap:12px } } @media only screen and (max-width: 575.98px) { .ic-technology-work { gap:10px } } .ic-technology-work .ic-single-tech { width: calc(16.6666666667% - 30px + 5px) } @media only screen and (max-width: 1650px) { .ic-technology-work .ic-single-tech { width:calc(16.6666666667% - 26px + 4.3333333333px) } } @media only screen and (max-width: 1399.98px) { .ic-technology-work .ic-single-tech { width:calc(16.6666666667% - 24px + 4px) } } @media only screen and (max-width: 1199.98px) { .ic-technology-work .ic-single-tech { width:calc(20% - 16px + 3.2px) } } @media only screen and (max-width: 991.98px) { .ic-technology-work .ic-single-tech { width:calc(25% - 16px + 4px) } } @media only screen and (max-width: 767.98px) { .ic-technology-work .ic-single-tech { width:calc(33.3333333333% - 12px + 4px) } } @media only screen and (max-width: 575.98px) { .ic-technology-work .ic-single-tech { width:calc(33.3333333333% - 10px + 3.3333333333px) } } @media only screen and (max-width: 480px) { .ic-technology-work .ic-single-tech { width:calc(50% - 10px + 5px) } } .ic-technology-work a .ic_brands_items { width: 170px; height: 170px; border-radius: 50%; overflow: hidden; margin: 0 auto; padding: 35px; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; border: 4px solid #fff; background-color: #fff; display: flex!important } .ic-technology-work a .ic_brands_items:hover { border: 4px solid #c2121e } .ic-technology-work a .ic_brands_items img { max-width: 100%; height: auto } @media only screen and (max-width: 1650px) { .ic-technology-work a .ic_brands_items { width:165px; height: 165px; padding: 33px } } @media only screen and (max-width: 1399.98px) { .ic-technology-work a .ic_brands_items { width:160px; height: 160px; padding: 30px } } @media only screen and (max-width: 1199.98px) { .ic-technology-work a .ic_brands_items { width:155px; height: 155px; padding: 25px } } @media only screen and (max-width: 991.98px) { .ic-technology-work a .ic_brands_items { width:150px; height: 150px; padding: 20px } } @media only screen and (max-width: 767.98px) { .ic-technology-work a .ic_brands_items { width:140px; height: 140px; padding: 15px } } @media only screen and (max-width: 575.98px) { .ic-technology-work a .ic_brands_items { width:130px; height: 130px; padding: 15px } } .ic-happy-clients-title-wrapper { padding: 21px 35px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #d6dae1; background: #f1fafe; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; gap: 10px; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } @media only screen and (max-width: 1650px) { .ic-happy-clients-title-wrapper { padding:20px 30px } } @media only screen and (max-width: 1399.98px) { .ic-happy-clients-title-wrapper { padding:19px 28px } } @media only screen and (max-width: 1199.98px) { .ic-happy-clients-title-wrapper { padding:18px 24px } } @media only screen and (max-width: 991.98px) { .ic-happy-clients-title-wrapper { padding:17px 20px } } @media only screen and (max-width: 767.98px) { .ic-happy-clients-title-wrapper { padding:17px 15px; gap: 7px; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center } } @media only screen and (max-width: 575.98px) { .ic-happy-clients-title-wrapper { -webkit-box-pack:justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between } } @media only screen and (max-width: 991.98px) { .ic-happy-clients-title-wrapper .item:first-child { width:100% } .ic-happy-clients-title-wrapper .item:first-child img { display: block; margin: 0 auto } } @media only screen and (max-width: 767.98px) { .ic-happy-clients-title-wrapper .item:first-child { width:unset } .ic-happy-clients-title-wrapper .item:first-child img { display: block; margin-right: auto } } .ic-happy-clients-title-wrapper .ic-happyclient-item-mobile-block { display: none } @media only screen and (max-width: 575.98px) { .ic-happy-clients-title-wrapper .ic-happyclient-item-mobile-block { display:block } } @media only screen and (max-width: 575.98px) { .ic-happy-clients-title-wrapper .ic-happyclient-item-mobile-none { display:none } } .ic-happy-clients-title-wrapper .logo { max-width: 136px } @media only screen and (max-width: 767.98px) { .ic-happy-clients-title-wrapper .logo { max-width:125px } } @media only screen and (max-width: 575.98px) { .ic-happy-clients-title-wrapper .logo { max-width:100px } } .ic-happy-clients-title-wrapper .trustpilot { display: flex; align-items: center; gap: 15px } @media only screen and (max-width: 1650px) { .ic-happy-clients-title-wrapper .trustpilot { gap:13px } } @media only screen and (max-width: 1199.98px) { .ic-happy-clients-title-wrapper .trustpilot { gap:11px } } @media only screen and (max-width: 991.98px) { .ic-happy-clients-title-wrapper .trustpilot { gap:10px } } @media only screen and (max-width: 767.98px) { .ic-happy-clients-title-wrapper .trustpilot { gap:4px } } @media only screen and (max-width: 575.98px) { .ic-happy-clients-title-wrapper .trustpilot { -webkit-box-pack:center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center } } .ic-happy-clients-title-wrapper .trustpilot p { font-size: 20px; font-style: normal; font-weight: 500; line-height: 100%; color: #606a7a } @media only screen and (max-width: 575.98px) { .ic-happy-clients-title-wrapper .trustpilot p { font-size:16px } } .ic-happy-clients-title-wrapper .trustpilot span { color: #838e9e; font-size: 16px; font-style: normal; font-weight: 400; line-height: 15px } .ic-happy-clients-title-wrapper .trustpilot img { max-width: 130px } @media only screen and (max-width: 480px) { .ic-happy-clients-title-wrapper .trustpilot img { display:none } } .ic-happy-clients-title-wrapper .ic-review-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; gap: 20px; font-weight: 500; color: #838e9e } @media only screen and (max-width: 767.98px) { .ic-happy-clients-title-wrapper .ic-review-wrapper { gap:7px; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center } } @media only screen and (max-width: 575.98px) { .ic-happy-clients-title-wrapper .ic-review-wrapper { -webkit-box-pack:end; -moz-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end } } .ic-happy-clients-title-wrapper .ic-review-wrapper p { position: relative } .ic-happy-clients-title-wrapper .ic-review-wrapper p span { height: 5px; width: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #838e9e; margin-bottom: 2px } .ic-happy-clients-title-wrapper .ic-review-wrapper h3,.ic-happy-clients-title-wrapper .ic-review-wrapper .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-happy-clients-title-wrapper .ic-review-wrapper h6,.ic-happy-clients-title-wrapper .ic-review-wrapper .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-happy-clients-title-wrapper .ic-review-wrapper span,.ic-happy-clients-title-wrapper .ic-review-wrapper h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-happy-clients-title-wrapper .ic-review-wrapper span,.ic-happy-clients-title-wrapper .ic-review-wrapper .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-happy-clients-title-wrapper .ic-review-wrapper h5,.ic-happy-clients-title-wrapper .ic-review-wrapper .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-happy-clients-title-wrapper .ic-review-wrapper span,.ic-happy-clients-title-wrapper .ic-review-wrapper h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-happy-clients-title-wrapper .ic-review-wrapper span,.ic-happy-clients-title-wrapper .ic-review-wrapper .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-happy-clients-title-wrapper .ic-review-wrapper span,.ic-happy-clients-title-wrapper .ic-review-wrapper .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-happy-clients-title-wrapper .ic-review-wrapper span,.ic-happy-clients-title-wrapper .ic-review-wrapper .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-happy-clients-title-wrapper .ic-review-wrapper h2,.ic-happy-clients-title-wrapper .ic-review-wrapper .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-happy-clients-title-wrapper .ic-review-wrapper span,.ic-happy-clients-title-wrapper .ic-review-wrapper h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-happy-clients-title-wrapper .ic-review-wrapper span,.ic-happy-clients-title-wrapper .ic-review-wrapper .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-happy-clients-title-wrapper .ic-review-wrapper h1,.ic-happy-clients-title-wrapper .ic-review-wrapper .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-happy-clients-title-wrapper .ic-review-wrapper span,.ic-happy-clients-title-wrapper .ic-review-wrapper h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-happy-clients-title-wrapper .ic-review-wrapper span,.ic-happy-clients-title-wrapper .ic-review-wrapper h3 span,.ic-workflow-right .service-tab-content .ic-happy-clients-title-wrapper .ic-review-wrapper h6 span,.ic-workflow-right .service-tab-content .ic-happy-clients-title-wrapper .ic-review-wrapper h5 span,.ic-workflow-right .service-tab-content .ic-happy-clients-title-wrapper .ic-review-wrapper h2 span,.ic-workflow-right .service-tab-content .ic-happy-clients-title-wrapper .ic-review-wrapper h1 span,h3 .ic-happy-clients-title-wrapper .ic-review-wrapper span,.ic-happy-clients-title-wrapper .ic-review-wrapper .sub-h3 span,.sub-h3 .ic-happy-clients-title-wrapper .ic-review-wrapper span { font-weight: 800; background: linear-gradient(95deg,#c2121e 13.35%,#00a9c6 87.06%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: #fff0 } @media only screen and (max-width: 575.98px) { .ic-happy-clients-title-wrapper .ic-review-wrapper h3,.ic-happy-clients-title-wrapper .ic-review-wrapper .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-happy-clients-title-wrapper .ic-review-wrapper h6,.ic-happy-clients-title-wrapper .ic-review-wrapper .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-happy-clients-title-wrapper .ic-review-wrapper span,.ic-happy-clients-title-wrapper .ic-review-wrapper h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-happy-clients-title-wrapper .ic-review-wrapper span,.ic-happy-clients-title-wrapper .ic-review-wrapper .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-happy-clients-title-wrapper .ic-review-wrapper h5,.ic-happy-clients-title-wrapper .ic-review-wrapper .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-happy-clients-title-wrapper .ic-review-wrapper span,.ic-happy-clients-title-wrapper .ic-review-wrapper h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-happy-clients-title-wrapper .ic-review-wrapper span,.ic-happy-clients-title-wrapper .ic-review-wrapper .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-happy-clients-title-wrapper .ic-review-wrapper span,.ic-happy-clients-title-wrapper .ic-review-wrapper .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-happy-clients-title-wrapper .ic-review-wrapper span,.ic-happy-clients-title-wrapper .ic-review-wrapper .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-happy-clients-title-wrapper .ic-review-wrapper h2,.ic-happy-clients-title-wrapper .ic-review-wrapper .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-happy-clients-title-wrapper .ic-review-wrapper span,.ic-happy-clients-title-wrapper .ic-review-wrapper h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-happy-clients-title-wrapper .ic-review-wrapper span,.ic-happy-clients-title-wrapper .ic-review-wrapper .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-happy-clients-title-wrapper .ic-review-wrapper h1,.ic-happy-clients-title-wrapper .ic-review-wrapper .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-happy-clients-title-wrapper .ic-review-wrapper span,.ic-happy-clients-title-wrapper .ic-review-wrapper h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-happy-clients-title-wrapper .ic-review-wrapper span,.ic-happy-clients-title-wrapper .ic-review-wrapper h3 span,.ic-workflow-right .service-tab-content .ic-happy-clients-title-wrapper .ic-review-wrapper h6 span,.ic-workflow-right .service-tab-content .ic-happy-clients-title-wrapper .ic-review-wrapper h5 span,.ic-workflow-right .service-tab-content .ic-happy-clients-title-wrapper .ic-review-wrapper h2 span,.ic-workflow-right .service-tab-content .ic-happy-clients-title-wrapper .ic-review-wrapper h1 span,h3 .ic-happy-clients-title-wrapper .ic-review-wrapper span,.ic-happy-clients-title-wrapper .ic-review-wrapper .sub-h3 span,.sub-h3 .ic-happy-clients-title-wrapper .ic-review-wrapper span { font-size:19px } } .ic-talk-about-project .ic-talk-about-project-content { max-width: 610px } @media only screen and (max-width: 767.98px) { .ic-talk-about-project .ic-talk-about-project-content { display:block; margin: 0 auto; text-align: center } } .ic-talk-about-project .ic-talk-about-project-content h2,.ic-talk-about-project .ic-talk-about-project-content h2 span,h2 .ic-talk-about-project .ic-talk-about-project-content span { font-weight: 700; line-height: auto; color: #fff } .ic-talk-about-project .ic-talk-about-project-content h5,.ic-talk-about-project .ic-talk-about-project-content h5 span,h5 .ic-talk-about-project .ic-talk-about-project-content span,.ic-talk-about-project .ic-talk-about-project-content .sub-h5 span,.sub-h5 .ic-talk-about-project .ic-talk-about-project-content span { font-weight: 400; font-size: 18px; color: #fff } @media only screen and (max-width: 1650px) { .ic-talk-about-project .ic-talk-about-project-content h5,.ic-talk-about-project .ic-talk-about-project-content h5 span,h5 .ic-talk-about-project .ic-talk-about-project-content span,.ic-talk-about-project .ic-talk-about-project-content .sub-h5 span,.sub-h5 .ic-talk-about-project .ic-talk-about-project-content span { font-size:17px } } @media only screen and (max-width: 1399.98px) { .ic-talk-about-project .ic-talk-about-project-content h5,.ic-talk-about-project .ic-talk-about-project-content h5 span,h5 .ic-talk-about-project .ic-talk-about-project-content span,.ic-talk-about-project .ic-talk-about-project-content .sub-h5 span,.sub-h5 .ic-talk-about-project .ic-talk-about-project-content span { font-size:16px } } @media only screen and (max-width: 991.98px) { .ic-talk-about-project .ic-talk-about-project-content h5,.ic-talk-about-project .ic-talk-about-project-content h5 span,h5 .ic-talk-about-project .ic-talk-about-project-content span,.ic-talk-about-project .ic-talk-about-project-content .sub-h5 span,.sub-h5 .ic-talk-about-project .ic-talk-about-project-content span { font-size:15px } } @media only screen and (max-width: 767.98px) { .ic-talk-about-project .ic-talk-about-project-content h5,.ic-talk-about-project .ic-talk-about-project-content h5 span,h5 .ic-talk-about-project .ic-talk-about-project-content span,.ic-talk-about-project .ic-talk-about-project-content .sub-h5 span,.sub-h5 .ic-talk-about-project .ic-talk-about-project-content span { font-size:14px } } .ic-talk-about-project .ic-talk-about-project-right-image { position: relative } .ic-talk-about-project .ic-talk-about-project-right-image:before { position: absolute; content: ""; top: -18px; right: 0; width: 68%; height: calc(100% + 36px); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; z-index: 1; background: #fff } .ic-talk-about-project .ic-talk-about-project-right-image .image-content-wrapper { padding-right: 18px } .ic-talk-about-project .ic-talk-about-project-right-image img { position: relative; z-index: 4; display: block; margin-left: auto; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px } @media only screen and (max-width: 767.98px) { .ic-talk-about-project .ic-abs-wrapper { display:none } } .ic-talk-about-project .ic-abs-wrapper .abs-1 { position: absolute; left: 0; top: 0; transform: translateY(-50%) } @media only screen and (max-width: 991.98px) { .ic-talk-about-project .ic-abs-wrapper .abs-1 { max-width:75px } } .ic-talk-about-project .ic-abs-wrapper .abs-2 { position: absolute; right: 0; top: 0; transform: translateY(-50%) } @media only screen and (max-width: 991.98px) { .ic-talk-about-project .ic-abs-wrapper .abs-2 { max-width:75px } } .ic-talk-about-project .ic-abs-wrapper .abs-3 { position: absolute; left: 70px; top: 100%; transform: translateY(-50%) } @media only screen and (max-width: 991.98px) { .ic-talk-about-project .ic-abs-wrapper .abs-3 { max-width:75px } } .ic-talk-about-project .ic-abs-wrapper .abs-4 { position: absolute; right: 70px; top: 100%; transform: translateY(-50%) } @media only screen and (max-width: 991.98px) { .ic-talk-about-project .ic-abs-wrapper .abs-4 { max-width:75px } } .ic-single-accordian { background: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; position: relative; height: fit-content } @media only screen and (max-width: 1399.98px) { .ic-single-accordian { padding:14px 20px } } @media only screen and (max-width: 1199.98px) { .ic-single-accordian { padding:12px 18px } } @media only screen and (max-width: 991.98px) { .ic-single-accordian { padding:11px 16px } } .ic-single-accordian.status-active { box-shadow: 10px 20px 80px 0 rgb(0 0 0 / .1) } .ic-single-accordian.status-active .ic-single-accordian-heading::after { content: ""; background: linear-gradient(95deg,#c2121e 13.35%,#00a9c6 87.06%); position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; border-radius: 8px 8px 0 0; opacity: 1; visibility: visible; z-index: -1 } .ic-single-accordian.status-active h5,.ic-single-accordian.status-active h5 span,h5 .ic-single-accordian.status-active span,.ic-single-accordian.status-active .sub-h5 span,.sub-h5 .ic-single-accordian.status-active span,.ic-single-accordian.status-active h3,.ic-single-accordian.status-active .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-single-accordian.status-active h6,.ic-single-accordian.status-active .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-single-accordian.status-active span,.ic-single-accordian.status-active h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-single-accordian.status-active span,.ic-single-accordian.status-active .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-single-accordian.status-active h2,.ic-single-accordian.status-active .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-single-accordian.status-active span,.ic-single-accordian.status-active h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-single-accordian.status-active span,.ic-single-accordian.status-active .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-single-accordian.status-active h1,.ic-single-accordian.status-active .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-single-accordian.status-active span,.ic-single-accordian.status-active h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-single-accordian.status-active span,.ic-single-accordian.status-active h3 span,.ic-workflow-right .service-tab-content .ic-single-accordian.status-active h6 span,.ic-workflow-right .service-tab-content .ic-single-accordian.status-active h2 span,.ic-workflow-right .service-tab-content .ic-single-accordian.status-active h1 span,h3 .ic-single-accordian.status-active span,.ic-single-accordian.status-active .sub-h3 span,.sub-h3 .ic-single-accordian.status-active span { color: #fff } .ic-single-accordian.status-active i { color: #fff } .ic-info-list-accordian-wrapper { display: grid; grid-template-columns: repeat(2,1fr); gap: 30px } @media only screen and (max-width: 1650px) { .ic-info-list-accordian-wrapper { gap:25px } } @media only screen and (max-width: 1399.98px) { .ic-info-list-accordian-wrapper { gap:22px } } @media only screen and (max-width: 1199.98px) { .ic-info-list-accordian-wrapper { gap:20px } } @media only screen and (max-width: 991.98px) { .ic-info-list-accordian-wrapper { gap:17px } } @media only screen and (max-width: 767.98px) { .ic-info-list-accordian-wrapper { gap:16px; grid-template-columns: repeat(1,1fr) } } @media only screen and (max-width: 575.98px) { .ic-info-list-accordian-wrapper { gap:14px } } .ic-info-list-accordian-wrapper .ic-single-accordian:not(:last-child) { margin-bottom: 20px } .ic-single-accordian-heading { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; cursor: pointer; gap: 20px; position: relative; z-index: 2; padding: 24px; border-radius: 8px 8px 0 0; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none } @media only screen and (max-width: 575.98px) { .ic-single-accordian-heading { padding:10px } } .ic-single-accordian-heading .icon { line-height: 1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; flex: 0 0 auto; color: #c1001b } .ic-single-accordian-heading .icon i { font-size: 22px } .ic-single-accordian-heading .icon .ri-subtract-line { display: none } .ic-single-accordian-heading .icon.active .ri-subtract-line { display: block } .ic-single-accordian-heading .icon.active .ri-add-line { display: none } .ic-single-accordian-heading h5,.ic-single-accordian-heading h5 span,h5 .ic-single-accordian-heading span,.ic-single-accordian-heading .sub-h5 span,.sub-h5 .ic-single-accordian-heading span,.ic-single-accordian-heading h3,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h6,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-single-accordian-heading span,.ic-single-accordian-heading h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-single-accordian-heading span,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h5,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-single-accordian-heading span,.ic-single-accordian-heading h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-single-accordian-heading span,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h2,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-single-accordian-heading span,.ic-single-accordian-heading h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-single-accordian-heading span,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h1,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-single-accordian-heading span,.ic-single-accordian-heading h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-single-accordian-heading span,.ic-single-accordian-heading h3 span,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h6 span,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h5 span,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h2 span,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h1 span,h3 .ic-single-accordian-heading span,.ic-single-accordian-heading .sub-h3 span,.sub-h3 .ic-single-accordian-heading span { font-size: 18px; font-weight: 500; color: #606a7a; line-height: 28px } @media only screen and (max-width: 1399.98px) { .ic-single-accordian-heading h5,.ic-single-accordian-heading h5 span,h5 .ic-single-accordian-heading span,.ic-single-accordian-heading .sub-h5 span,.sub-h5 .ic-single-accordian-heading span,.ic-single-accordian-heading h3,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h6,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-single-accordian-heading span,.ic-single-accordian-heading h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-single-accordian-heading span,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h5,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-single-accordian-heading span,.ic-single-accordian-heading h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-single-accordian-heading span,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h2,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-single-accordian-heading span,.ic-single-accordian-heading h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-single-accordian-heading span,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h1,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-single-accordian-heading span,.ic-single-accordian-heading h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-single-accordian-heading span,.ic-single-accordian-heading h3 span,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h6 span,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h5 span,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h2 span,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h1 span,h3 .ic-single-accordian-heading span,.ic-single-accordian-heading .sub-h3 span,.sub-h3 .ic-single-accordian-heading span { font-size:18px } } @media only screen and (max-width: 1199.98px) { .ic-single-accordian-heading h5,.ic-single-accordian-heading h5 span,h5 .ic-single-accordian-heading span,.ic-single-accordian-heading .sub-h5 span,.sub-h5 .ic-single-accordian-heading span,.ic-single-accordian-heading h3,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h6,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-single-accordian-heading span,.ic-single-accordian-heading h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-single-accordian-heading span,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h5,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-single-accordian-heading span,.ic-single-accordian-heading h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-single-accordian-heading span,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h2,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-single-accordian-heading span,.ic-single-accordian-heading h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-single-accordian-heading span,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h1,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-single-accordian-heading span,.ic-single-accordian-heading h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-single-accordian-heading span,.ic-single-accordian-heading h3 span,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h6 span,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h5 span,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h2 span,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h1 span,h3 .ic-single-accordian-heading span,.ic-single-accordian-heading .sub-h3 span,.sub-h3 .ic-single-accordian-heading span { font-size:17px; line-height: normal } } @media only screen and (max-width: 991.98px) { .ic-single-accordian-heading h5,.ic-single-accordian-heading h5 span,h5 .ic-single-accordian-heading span,.ic-single-accordian-heading .sub-h5 span,.sub-h5 .ic-single-accordian-heading span,.ic-single-accordian-heading h3,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h6,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-single-accordian-heading span,.ic-single-accordian-heading h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-single-accordian-heading span,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h5,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-single-accordian-heading span,.ic-single-accordian-heading h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-single-accordian-heading span,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h2,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-single-accordian-heading span,.ic-single-accordian-heading h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-single-accordian-heading span,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h1,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-single-accordian-heading span,.ic-single-accordian-heading h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-single-accordian-heading span,.ic-single-accordian-heading h3 span,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h6 span,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h5 span,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h2 span,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h1 span,h3 .ic-single-accordian-heading span,.ic-single-accordian-heading .sub-h3 span,.sub-h3 .ic-single-accordian-heading span { font-size:17px; line-height: normal } } @media only screen and (max-width: 767.98px) { .ic-single-accordian-heading h5,.ic-single-accordian-heading h5 span,h5 .ic-single-accordian-heading span,.ic-single-accordian-heading .sub-h5 span,.sub-h5 .ic-single-accordian-heading span,.ic-single-accordian-heading h3,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h6,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-single-accordian-heading span,.ic-single-accordian-heading h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-single-accordian-heading span,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h5,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-single-accordian-heading span,.ic-single-accordian-heading h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-single-accordian-heading span,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h2,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-single-accordian-heading span,.ic-single-accordian-heading h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-single-accordian-heading span,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h1,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-single-accordian-heading span,.ic-single-accordian-heading h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-single-accordian-heading span,.ic-single-accordian-heading h3 span,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h6 span,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h5 span,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h2 span,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h1 span,h3 .ic-single-accordian-heading span,.ic-single-accordian-heading .sub-h3 span,.sub-h3 .ic-single-accordian-heading span { font-size:16px } } @media only screen and (max-width: 575.98px) { .ic-single-accordian-heading h5,.ic-single-accordian-heading h5 span,h5 .ic-single-accordian-heading span,.ic-single-accordian-heading .sub-h5 span,.sub-h5 .ic-single-accordian-heading span,.ic-single-accordian-heading h3,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h6,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-single-accordian-heading span,.ic-single-accordian-heading h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-single-accordian-heading span,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h5,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-single-accordian-heading span,.ic-single-accordian-heading h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-single-accordian-heading span,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h2,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-single-accordian-heading span,.ic-single-accordian-heading h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-single-accordian-heading span,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h1,.ic-single-accordian-heading .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-single-accordian-heading span,.ic-single-accordian-heading h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-single-accordian-heading span,.ic-single-accordian-heading h3 span,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h6 span,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h5 span,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h2 span,.ic-workflow-right .service-tab-content .ic-single-accordian-heading h1 span,h3 .ic-single-accordian-heading span,.ic-single-accordian-heading .sub-h3 span,.sub-h3 .ic-single-accordian-heading span { font-size:15px } } .ic-single-accordian-content { position: relative; z-index: 2; display: none; padding: 24px } @media only screen and (max-width: 1399.98px) { .ic-single-accordian-content { margin-top:19px } } @media only screen and (max-width: 1199.98px) { .ic-single-accordian-content { margin-top:14px } } @media only screen and (max-width: 991.98px) { .ic-single-accordian-content { margin-top:13px } } @media only screen and (max-width: 767.98px) { .ic-single-accordian-content { margin-top:13px } } @media only screen and (max-width: 575.98px) { .ic-single-accordian-content { margin-top:13px; padding: 10px } } .ic-single-accordian-content.ic_active { display: block } .ic-single-accordian-content p { color: #606a7a; font-weight: 300 } .ic-choose-plan { background-color: #f4fafa } .ic-plan-card { height: 100%; background: #fff; border-radius: 0 0 10px 10px } .ic-plan-card .top-part { padding: 25px; border-radius: 10px 10px 0 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; gap: 17px; text-align: center } @media only screen and (max-width: 1650px) { .ic-plan-card .top-part { padding:22px; gap: 16px } } @media only screen and (max-width: 1399.98px) { .ic-plan-card .top-part { padding:21px; gap: 15px } } @media only screen and (max-width: 1199.98px) { .ic-plan-card .top-part { padding:19px; gap: 15px } } @media only screen and (max-width: 991.98px) { .ic-plan-card .top-part { padding:18px; gap: 14px } } @media only screen and (max-width: 767.98px) { .ic-plan-card .top-part { padding:17px; gap: 13px } } @media only screen and (max-width: 575.98px) { .ic-plan-card .top-part { padding:16px; gap: 12px } } .ic-plan-card .top-part h3,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h6,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-plan-card .top-part span,.ic-plan-card .top-part h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h5,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-plan-card .top-part span,.ic-plan-card .top-part h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-plan-card .top-part span,.ic-plan-card .top-part .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h2,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-plan-card .top-part span,.ic-plan-card .top-part h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h1,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-plan-card .top-part span,.ic-plan-card .top-part h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part h3 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h6 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h5 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h2 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h1 span,h3 .ic-plan-card .top-part span,.ic-plan-card .top-part .sub-h3 span,.sub-h3 .ic-plan-card .top-part span { font-size: 26px; color: #fff; font-weight: 700 } @media only screen and (max-width: 1399.98px) { .ic-plan-card .top-part h3,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h6,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-plan-card .top-part span,.ic-plan-card .top-part h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h5,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-plan-card .top-part span,.ic-plan-card .top-part h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-plan-card .top-part span,.ic-plan-card .top-part .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h2,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-plan-card .top-part span,.ic-plan-card .top-part h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h1,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-plan-card .top-part span,.ic-plan-card .top-part h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part h3 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h6 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h5 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h2 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h1 span,h3 .ic-plan-card .top-part span,.ic-plan-card .top-part .sub-h3 span,.sub-h3 .ic-plan-card .top-part span { font-size:24px } } @media only screen and (max-width: 1199.98px) { .ic-plan-card .top-part h3,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h6,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-plan-card .top-part span,.ic-plan-card .top-part h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h5,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-plan-card .top-part span,.ic-plan-card .top-part h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-plan-card .top-part span,.ic-plan-card .top-part .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h2,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-plan-card .top-part span,.ic-plan-card .top-part h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h1,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-plan-card .top-part span,.ic-plan-card .top-part h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part h3 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h6 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h5 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h2 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h1 span,h3 .ic-plan-card .top-part span,.ic-plan-card .top-part .sub-h3 span,.sub-h3 .ic-plan-card .top-part span { font-size:23px; line-height: normal } } @media only screen and (max-width: 991.98px) { .ic-plan-card .top-part h3,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h6,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-plan-card .top-part span,.ic-plan-card .top-part h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h5,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-plan-card .top-part span,.ic-plan-card .top-part h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-plan-card .top-part span,.ic-plan-card .top-part .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h2,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-plan-card .top-part span,.ic-plan-card .top-part h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h1,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-plan-card .top-part span,.ic-plan-card .top-part h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part h3 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h6 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h5 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h2 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h1 span,h3 .ic-plan-card .top-part span,.ic-plan-card .top-part .sub-h3 span,.sub-h3 .ic-plan-card .top-part span { font-size:21px } } @media only screen and (max-width: 767.98px) { .ic-plan-card .top-part h3,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h6,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-plan-card .top-part span,.ic-plan-card .top-part h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h5,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-plan-card .top-part span,.ic-plan-card .top-part h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-plan-card .top-part span,.ic-plan-card .top-part .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h2,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-plan-card .top-part span,.ic-plan-card .top-part h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h1,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-plan-card .top-part span,.ic-plan-card .top-part h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part h3 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h6 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h5 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h2 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h1 span,h3 .ic-plan-card .top-part span,.ic-plan-card .top-part .sub-h3 span,.sub-h3 .ic-plan-card .top-part span { font-size:19px } } @media only screen and (max-width: 575.98px) { .ic-plan-card .top-part h3,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h6,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-plan-card .top-part span,.ic-plan-card .top-part h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h5,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-plan-card .top-part span,.ic-plan-card .top-part h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-plan-card .top-part span,.ic-plan-card .top-part .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h2,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-plan-card .top-part span,.ic-plan-card .top-part h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h1,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-plan-card .top-part span,.ic-plan-card .top-part h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part h3 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h6 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h5 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h2 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h1 span,h3 .ic-plan-card .top-part span,.ic-plan-card .top-part .sub-h3 span,.sub-h3 .ic-plan-card .top-part span { font-size:17px } } @media only screen and (max-width: 480px) { .ic-plan-card .top-part h3,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h6,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-plan-card .top-part span,.ic-plan-card .top-part h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h5,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-plan-card .top-part span,.ic-plan-card .top-part h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-plan-card .top-part span,.ic-plan-card .top-part .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h2,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-plan-card .top-part span,.ic-plan-card .top-part h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h1,.ic-plan-card .top-part .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-plan-card .top-part span,.ic-plan-card .top-part h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-plan-card .top-part span,.ic-plan-card .top-part h3 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h6 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h5 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h2 span,.ic-workflow-right .service-tab-content .ic-plan-card .top-part h1 span,h3 .ic-plan-card .top-part span,.ic-plan-card .top-part .sub-h3 span,.sub-h3 .ic-plan-card .top-part span { font-size:17px } } .ic-plan-card .top-part h4,.ic-plan-card .top-part h4 span,h4 .ic-plan-card .top-part span,.ic-plan-card .top-part .sub-h4 span,.sub-h4 .ic-plan-card .top-part span { font-weight: 600; color: #606a7a } .ic-plan-card .bottom-part { background: #fff; border-radius: 0 0 10px 10px; padding: 25px 16px } @media only screen and (max-width: 1650px) { .ic-plan-card .bottom-part { padding:22px 14px } } @media only screen and (max-width: 1399.98px) { .ic-plan-card .bottom-part { padding:21px 13px } } @media only screen and (max-width: 1199.98px) { .ic-plan-card .bottom-part { padding:19px 12px } } @media only screen and (max-width: 991.98px) { .ic-plan-card .bottom-part { padding:18px 12px } } @media only screen and (max-width: 767.98px) { .ic-plan-card .bottom-part { padding:17px 12px } } @media only screen and (max-width: 575.98px) { .ic-plan-card .bottom-part { padding:16px 12px } } .ic-plan-card .bottom-part h5,.ic-plan-card .bottom-part h5 span,h5 .ic-plan-card .bottom-part span,.ic-plan-card .bottom-part .sub-h5 span,.sub-h5 .ic-plan-card .bottom-part span { text-align: center } .ic-plan-card .bottom-part ul li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 10px } @media only screen and (max-width: 767.98px) { .ic-plan-card .bottom-part ul li { gap:8px } } @media only screen and (max-width: 575.98px) { .ic-plan-card .bottom-part ul li { gap:6px } } .ic-plan-card .bottom-part ul li:not(:last-child) { margin-bottom: 15px } @media only screen and (max-width: 1399.98px) { .ic-plan-card .bottom-part ul li:not(:last-child) { margin-bottom:14px } } @media only screen and (max-width: 1199.98px) { .ic-plan-card .bottom-part ul li:not(:last-child) { margin-bottom:13px } } @media only screen and (max-width: 991.98px) { .ic-plan-card .bottom-part ul li:not(:last-child) { margin-bottom:12px } } @media only screen and (max-width: 767.98px) { .ic-plan-card .bottom-part ul li:not(:last-child) { margin-bottom:10px } } @media only screen and (max-width: 575.98px) { .ic-plan-card .bottom-part ul li:not(:last-child) { margin-bottom:9px } } .ic-plan-card .bottom-part ul li .icon { height: 22px; width: 22px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background: #f0f5ff; padding: 5px; flex: 0 0 auto; margin-top: 1px } .ic-plan-card .bottom-part ul li .icon i { font-size: 11px; color: #c1001b } .ic-plan-card .bottom-part ul li p { color: #606a7a } .ic-plan-card .ic-btn,.ic-plan-card .ic-btn-primary { height: 40px } @media only screen and (max-width: 767.98px) { .ic-plan-card .ic-btn,.ic-plan-card .ic-btn-primary { height:38px } } .ic-plan-card .ic-btn:hover,.ic-plan-card .ic-btn-primary:hover { background: #1b2a40 } @media only screen and (max-width: 767.98px) { .ic_book_schedule_web .ic-section-title { margin-bottom:30px } } @media only screen and (max-width: 575.98px) { .ic_book_schedule_web .ic-section-title { margin-bottom:20px } } @media only screen and (max-width: 480px) { .ic_book_schedule_web .ic-section-title { margin-bottom:18px } } @media only screen and (max-width: 575.98px) { .ic_book_schedule_web .row .col-lg-12 { width:96% } } .ic_choose_us_img_animation .svg-2 { position: absolute; left: 10px; top: 40px; animation: csvg4 6s infinite alternate } .ic_choose_us_img_animation .svg-3 { position: absolute; right: 40px; top: 60px; animation: csvg3 4s infinite alternate } .ic_choose_us_img_animation .svg-4 { position: absolute; left: 15%; top: 32%; animation: csvg4 3s infinite alternate } .ic_choose_us_img_animation .svg-5 { position: absolute; left: 10%; top: 27%; animation: csvg3 5s infinite alternate } .ic_choose_us_img_animation .svg-6 { position: absolute; left: 4%; top: 35%; animation: csvg5 20s infinite alternate } @keyframes csvg3 { 0% { transform: translateX(0) } 50% { transform: translateX(-100%) } 75% { transform: translateX(0%) } 100% { transform: translateX(0) } } @keyframes csvg4 { 0% { transform: translateY(-20px) } 100% { transform: translateY(20px) } } @keyframes csvg5 { 0% { top: 20%; left: 30% } 25% { top: 24%; left: 60% } 50% { top: 70%; left: 48% } 75% { top: 50%; left: 5% } 100% { top: 20%; left: 30% } } .ic-offer-countdown-wrap { gap: 9px } @media only screen and (max-width: 991.98px) { .ic-offer-countdown-wrap { gap:8px } } @media only screen and (max-width: 767.98px) { .ic-offer-countdown-wrap { gap:7px } } @media only screen and (max-width: 575.98px) { .ic-offer-countdown-wrap { gap:6px } } .ic-countdown-item .time { font-size: 24px } @media only screen and (max-width: 991.98px) { .ic-countdown-item .time { font-size:22px } } @media only screen and (max-width: 767.98px) { .ic-countdown-item .time { font-size:21px } } @media only screen and (max-width: 575.98px) { .ic-countdown-item .time { font-size:20px } } .ic-countdown-item span { font-size: 12px; line-height: 1.2 } @media only screen and (max-width: 767.98px) { .ic-countdown-item span { line-height:1 } } .et-lates-talk-small { margin-top: 0!important; margin-bottom: 0!important; margin-right: 0!important; margin-left: auto!important } @media only screen and (max-width: 1199.98px) { .offer-main-section { display:none } } .offer-1199 { display: none } @media only screen and (max-width: 1199.98px) { .offer-1199 { display:block; background-position: 0% } } @media only screen and (max-width: 991.98px) { .offer-1199 { display:none } } .offer-991 { display: none } @media only screen and (max-width: 991.98px) { .offer-991 { display:block; background-position: 33% } } @media only screen and (max-width: 767.98px) { .offer-991 { display:none } } .offer-767 { display: none } @media only screen and (max-width: 767.98px) { .offer-767 { display:block; background-position: 32% } } @media only screen and (max-width: 575.98px) { .offer-767 { display:none } } .offer-575 { display: none } @media only screen and (max-width: 575.98px) { .offer-575 { display:block; background-position: 22% } } @media only screen and (max-width: 375px) { .offer-575 { display:none } } .offer-375 { display: none } @media only screen and (max-width: 375px) { .offer-375 { display:block } } .ic-top-banner .ic-top-banner-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; gap: 20px; padding: 40px 0 } @media only screen and (max-width: 1650px) { .ic-top-banner .ic-top-banner-content { padding:46px 0 } } @media only screen and (max-width: 1399.98px) { .ic-top-banner .ic-top-banner-content { padding:40px 0 } } @media only screen and (max-width: 1199.98px) { .ic-top-banner .ic-top-banner-content { padding:36px 0 } } @media only screen and (max-width: 991.98px) { .ic-top-banner .ic-top-banner-content { padding:32px 0 } } @media only screen and (max-width: 767.98px) { .ic-top-banner .ic-top-banner-content { padding:28px 0 } } @media only screen and (max-width: 575.98px) { .ic-top-banner .ic-top-banner-content { padding:26px 0 } } .ic-top-banner h3,.ic-top-banner .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-top-banner h6,.ic-top-banner .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-top-banner span,.ic-top-banner h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-top-banner span,.ic-top-banner .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-top-banner h5,.ic-top-banner .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-top-banner span,.ic-top-banner h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-top-banner span,.ic-top-banner .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-top-banner span,.ic-top-banner .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-top-banner span,.ic-top-banner .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-top-banner h2,.ic-top-banner .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-top-banner span,.ic-top-banner h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-top-banner span,.ic-top-banner .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-top-banner h1,.ic-top-banner .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-top-banner span,.ic-top-banner h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-top-banner span,.ic-top-banner h3 span,.ic-workflow-right .service-tab-content .ic-top-banner h6 span,.ic-workflow-right .service-tab-content .ic-top-banner h5 span,.ic-workflow-right .service-tab-content .ic-top-banner h2 span,.ic-workflow-right .service-tab-content .ic-top-banner h1 span,h3 .ic-top-banner span,.ic-top-banner .sub-h3 span,.sub-h3 .ic-top-banner span { color: #fff; margin-bottom: 10px; line-height: 100% } @media only screen and (max-width: 1199.98px) { .ic-top-banner h3,.ic-top-banner .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-top-banner h6,.ic-top-banner .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-top-banner span,.ic-top-banner h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-top-banner span,.ic-top-banner .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-top-banner h5,.ic-top-banner .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-top-banner span,.ic-top-banner h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-top-banner span,.ic-top-banner .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-top-banner span,.ic-top-banner .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-top-banner span,.ic-top-banner .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-top-banner h2,.ic-top-banner .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-top-banner span,.ic-top-banner h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-top-banner span,.ic-top-banner .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-top-banner h1,.ic-top-banner .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-top-banner span,.ic-top-banner h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-top-banner span,.ic-top-banner h3 span,.ic-workflow-right .service-tab-content .ic-top-banner h6 span,.ic-workflow-right .service-tab-content .ic-top-banner h5 span,.ic-workflow-right .service-tab-content .ic-top-banner h2 span,.ic-workflow-right .service-tab-content .ic-top-banner h1 span,h3 .ic-top-banner span,.ic-top-banner .sub-h3 span,.sub-h3 .ic-top-banner span { margin-bottom:8px } } @media only screen and (max-width: 991.98px) { .ic-top-banner h3,.ic-top-banner .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-top-banner h6,.ic-top-banner .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-top-banner span,.ic-top-banner h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-top-banner span,.ic-top-banner .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-top-banner h5,.ic-top-banner .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-top-banner span,.ic-top-banner h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-top-banner span,.ic-top-banner .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-top-banner span,.ic-top-banner .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-top-banner span,.ic-top-banner .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-top-banner h2,.ic-top-banner .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-top-banner span,.ic-top-banner h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-top-banner span,.ic-top-banner .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-top-banner h1,.ic-top-banner .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-top-banner span,.ic-top-banner h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-top-banner span,.ic-top-banner h3 span,.ic-workflow-right .service-tab-content .ic-top-banner h6 span,.ic-workflow-right .service-tab-content .ic-top-banner h5 span,.ic-workflow-right .service-tab-content .ic-top-banner h2 span,.ic-workflow-right .service-tab-content .ic-top-banner h1 span,h3 .ic-top-banner span,.ic-top-banner .sub-h3 span,.sub-h3 .ic-top-banner span { margin-bottom:6px } } @media only screen and (max-width: 767.98px) { .ic-top-banner h3,.ic-top-banner .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-top-banner h6,.ic-top-banner .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-top-banner span,.ic-top-banner h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-top-banner span,.ic-top-banner .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-top-banner h5,.ic-top-banner .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-top-banner span,.ic-top-banner h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-top-banner span,.ic-top-banner .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-top-banner span,.ic-top-banner .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-top-banner span,.ic-top-banner .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-top-banner h2,.ic-top-banner .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-top-banner span,.ic-top-banner h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-top-banner span,.ic-top-banner .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-top-banner h1,.ic-top-banner .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-top-banner span,.ic-top-banner h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-top-banner span,.ic-top-banner h3 span,.ic-workflow-right .service-tab-content .ic-top-banner h6 span,.ic-workflow-right .service-tab-content .ic-top-banner h5 span,.ic-workflow-right .service-tab-content .ic-top-banner h2 span,.ic-workflow-right .service-tab-content .ic-top-banner h1 span,h3 .ic-top-banner span,.ic-top-banner .sub-h3 span,.sub-h3 .ic-top-banner span { margin-bottom:4px } } @media only screen and (max-width: 575.98px) { .ic-top-banner h3,.ic-top-banner .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-top-banner h6,.ic-top-banner .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-top-banner span,.ic-top-banner h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-top-banner span,.ic-top-banner .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-top-banner h5,.ic-top-banner .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-top-banner span,.ic-top-banner h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-top-banner span,.ic-top-banner .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-top-banner span,.ic-top-banner .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-top-banner span,.ic-top-banner .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-top-banner h2,.ic-top-banner .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-top-banner span,.ic-top-banner h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-top-banner span,.ic-top-banner .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-top-banner h1,.ic-top-banner .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-top-banner span,.ic-top-banner h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-top-banner span,.ic-top-banner h3 span,.ic-workflow-right .service-tab-content .ic-top-banner h6 span,.ic-workflow-right .service-tab-content .ic-top-banner h5 span,.ic-workflow-right .service-tab-content .ic-top-banner h2 span,.ic-workflow-right .service-tab-content .ic-top-banner h1 span,h3 .ic-top-banner span,.ic-top-banner .sub-h3 span,.sub-h3 .ic-top-banner span { margin-bottom:3px } } .ic-breadcrumb { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap } .ic-breadcrumb .ic-breadcrumb-item { color: #fff; font-weight: 500; list-style: none } .ic-breadcrumb .ic-breadcrumb-item a { color: #fff; font-weight: 500 } .ic-breadcrumb .ic-breadcrumb-item:not(:first-child) { padding-left: .5rem } .ic-breadcrumb .ic-breadcrumb-item:not(:first-child):before { color: #fff; padding-right: .5rem; color: #fff; content: "/" } .ic-about-us.ic-why-choose { background-color: #fff } .ic-progress-wrapper { position: relative } .ic-progress-wrapper::after { position: absolute; content: ""; top: -28px; right: -48px; width: 232px; height: 232px; background-color: #c1001b; filter: blur(300px); z-index: -1 } @media (max-width: 575px) { .ic-progress-wrapper::after { right:0 } } .ic-capability-image .ic-capability-image-content { position: relative; z-index: 3 } .ic-capability-image .ic-capability-image-content::after { position: absolute; content: ""; top: -28px; left: -48px; width: 232px; height: 232px; background-color: #c1001b; filter: blur(300px); z-index: -1 } .ic-capability-image img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px } .ic-capability-image .ic-half-bg { height: 58%; position: absolute; width: 100%; bottom: 0 } .ic-progress { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background: #f0f5ff; position: relative; margin-bottom: 0; height: 41px } @media only screen and (max-width: 1199.98px) { .ic-progress { height:38px } } @media only screen and (max-width: 991.98px) { .ic-progress { height:36px } } @media only screen and (max-width: 767.98px) { .ic-progress { height:34px } } @media only screen and (max-width: 480px) { .ic-progress { height:30px } } .ic-progress .progress-bar { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px } .ic-progress .ic-progress-abs { width: 100%; position: absolute; top: 50%; transform: translateY(-50%) } .ic-progress .ic-progress-abs .progress-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 0 20px } @media only screen and (max-width: 1199.98px) { .ic-progress .ic-progress-abs .progress-content { padding:0 18px } } @media only screen and (max-width: 991.98px) { .ic-progress .ic-progress-abs .progress-content { padding:0 16px } } @media only screen and (max-width: 767.98px) { .ic-progress .ic-progress-abs .progress-content { padding:0 14px } } .ic-progress .ic-progress-abs .progress-content p { font-weight: 500; font-family: manrope-regular } @media only screen and (max-width: 991.98px) { .ic-progress .ic-progress-abs .progress-content p { font-size:13px } } @media only screen and (max-width: 480px) { .ic-progress .ic-progress-abs .progress-content p { font-size:11px } } .ic-column-content .ic-img-gallery img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 100%; object-fit: cover } .ic-column-content .ic-img-gallery .big-img { height: 424px } @media only screen and (max-width: 575.98px) { .ic-column-content .ic-img-gallery .big-img { height:100% } } .ic-column-content .ic-img-gallery .small-img { height: 200px } @media only screen and (max-width: 1199.98px) { .ic-column-content .ic-img-gallery .small-img { height:204px } } .ic-values-card { box-shadow: 0 4px 56px 0 rgb(27 42 64 / .1); padding: 28px 40px; width: 100%; height: 100%; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; text-align: center; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; cursor: pointer; position: relative } @media only screen and (max-width: 1399.98px) { .ic-values-card { padding:26px 30px } } @media only screen and (max-width: 1199.98px) { .ic-values-card { padding:24px 20px } } @media only screen and (max-width: 991.98px) { .ic-values-card { padding:22px 10px } } @media only screen and (max-width: 767.98px) { .ic-values-card { padding:20px 10px } } @media only screen and (max-width: 575.98px) { .ic-values-card { padding:18px 10px } } .ic-values-card::after { content: ""; background: linear-gradient(95deg,#c2121e 13.35%,#00a9c6 87.06%); position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity: 0; visibility: hidden } .ic-values-card .ic-icon { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; text-align: center; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; position: relative; z-index: 1; margin-bottom: 20px } @media only screen and (max-width: 1399.98px) { .ic-values-card .ic-icon { margin-bottom:14px } } @media only screen and (max-width: 1199.98px) { .ic-values-card .ic-icon { margin-bottom:13px } } @media only screen and (max-width: 991.98px) { .ic-values-card .ic-icon { margin-bottom:12px } } @media only screen and (max-width: 767.98px) { .ic-values-card .ic-icon { margin-bottom:10px } } @media only screen and (max-width: 1399.98px) { .ic-values-card .ic-icon img { max-width:70px } } @media only screen and (max-width: 1199.98px) { .ic-values-card .ic-icon img { max-width:65px } } @media only screen and (max-width: 991.98px) { .ic-values-card .ic-icon img { max-width:60px } } @media only screen and (max-width: 767.98px) { .ic-values-card .ic-icon img { max-width:55px } } .ic-values-card h4,.ic-values-card h4 span,h4 .ic-values-card span,.ic-values-card .sub-h4 span,.sub-h4 .ic-values-card span { color: #838e9e; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; position: relative; z-index: 1; font-weight: 500; line-height: normal; text-transform: capitalize } .ic-team-sorting-bar { flex-wrap: wrap } @media only screen and (max-width: 991.98px) { .ic-team-sorting-bar { gap:10px; justify-content: center!important } } .ic-team-sorting-bar ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; gap: 16px } @media only screen and (max-width: 1399.98px) { .ic-team-sorting-bar ul { gap:14px } } @media only screen and (max-width: 1199.98px) { .ic-team-sorting-bar ul { gap:12px } } @media only screen and (max-width: 991.98px) { .ic-team-sorting-bar ul { gap:10px } } @media only screen and (max-width: 767.98px) { .ic-team-sorting-bar ul { gap:8px } } .ic-team-sorting-bar ul li { height: 48px; padding: 0 25px; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0 15px 50px 0 rgb(35 35 35 / .05); background: #fff; position: relative; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; cursor: pointer; border: 1px solid #d6dae1 } @media only screen and (max-width: 1399.98px) { .ic-team-sorting-bar ul li { height:46px; padding: 0 22px } } @media only screen and (max-width: 1199.98px) { .ic-team-sorting-bar ul li { height:42px; font-size: 14px; padding: 0 20px } } @media only screen and (max-width: 991.98px) { .ic-team-sorting-bar ul li { height:40px; padding: 0 18px } } @media only screen and (max-width: 767.98px) { .ic-team-sorting-bar ul li { height:38px; font-size: 13px; padding: 0 16px } } @media only screen and (max-width: 767.98px) { .ic-team-sorting-bar ul li { height:36px } } .ic-team-sorting-bar ul li .content { position: relative; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; color: #c1001b; z-index: 3 } .ic-team-sorting-bar ul li::after { content: ""; background: linear-gradient(95deg,#c2121e 13.35%,#00a9c6 87.06%); position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; opacity: 0; visibility: hidden } .ic-team-sorting-bar ul li.active::after { opacity: 1; visibility: visible } .ic-team-sorting-bar ul li.active .content { color: #fff } .ic-team-sorting-bar ul li:hover:not(.active)::after { opacity: 1; visibility: visible } .ic-team-sorting-bar ul li:hover:not(.active) .content { color: #fff } @media only screen and (max-width: 575.98px) { .ic-team-sorting-bar .ic-mobile-sort-off { display:none } } .ic-team-sorting-bar .ic-drop-down-btn .btn { height: 48px; padding: 0 25px; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; box-shadow: 0 15px 50px 0 rgb(35 35 35 / .05); background: #fff; position: relative; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; cursor: pointer; border: 0!important } @media only screen and (max-width: 1399.98px) { .ic-team-sorting-bar .ic-drop-down-btn .btn { height:46px; padding: 0 22px } } @media only screen and (max-width: 1199.98px) { .ic-team-sorting-bar .ic-drop-down-btn .btn { height:42px; font-size: 14px; padding: 0 20px } } @media only screen and (max-width: 991.98px) { .ic-team-sorting-bar .ic-drop-down-btn .btn { height:40px; padding: 0 18px } } @media only screen and (max-width: 767.98px) { .ic-team-sorting-bar .ic-drop-down-btn .btn { height:38px; font-size: 13px; padding: 0 16px } } @media only screen and (max-width: 767.98px) { .ic-team-sorting-bar .ic-drop-down-btn .btn { height:36px } } .ic-team-sorting-bar .ic-drop-down-btn .btn .content { position: relative; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; color: #c1001b; z-index: 3; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; gap: 10px } @media only screen and (max-width: 1199.98px) { .ic-team-sorting-bar .ic-drop-down-btn .btn .content { gap:8px } } @media only screen and (max-width: 991.98px) { .ic-team-sorting-bar .ic-drop-down-btn .btn .content { gap:6px } } @media only screen and (max-width: 767.98px) { .ic-team-sorting-bar .ic-drop-down-btn .btn .content { gap:4px } } .ic-team-sorting-bar .ic-drop-down-btn .btn .content .icon { line-height: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin-top: 5px } @media only screen and (max-width: 991.98px) { .ic-team-sorting-bar .ic-drop-down-btn .btn .content .icon { margin-top:2px } } @media only screen and (max-width: 767.98px) { .ic-team-sorting-bar .ic-drop-down-btn .btn .content .icon { margin-top:0 } } .ic-team-sorting-bar .ic-drop-down-btn .btn .content .icon i { font-size: 14px } @media only screen and (max-width: 1199.98px) { .ic-team-sorting-bar .ic-drop-down-btn .btn .content .icon i { font-size:13px } } @media only screen and (max-width: 991.98px) { .ic-team-sorting-bar .ic-drop-down-btn .btn .content .icon i { font-size:12px } } @media only screen and (max-width: 767.98px) { .ic-team-sorting-bar .ic-drop-down-btn .btn .content .icon i { font-size:11px } } .ic-team-sorting-bar .ic-drop-down-btn .btn::after { content: ""; background: linear-gradient(95deg,#c2121e 13.35%,#00a9c6 87.06%); position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; opacity: 0; visibility: hidden; border: 0 } .ic-team-sorting-bar .ic-drop-down-btn .btn.active::after { opacity: 1; visibility: visible } .ic-team-sorting-bar .ic-drop-down-btn .btn.active .content { color: #fff } .ic-team-sorting-bar .ic-drop-down-btn .btn:hover:not(.active)::after { opacity: 1; visibility: visible } .ic-team-sorting-bar .ic-drop-down-btn .btn:hover:not(.active) .content { color: #fff } .ic-latest-work-text p { color: #838e9e } @media only screen and (max-width: 767.98px) { .ic-mobile-center-work { row-gap:12px; justify-content: center; text-align: center } } @media only screen and (max-width: 767.98px) { .ic-mobile-center-work .ic-border-bottom { left:calc(50% - 40px); transform: translateX(-50%) } } .ic-team-card-content .col-lg-3.col-md-4 .ic-team-card-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex } @media only screen and (max-width: 575.98px) { .ic-team-card-content .col-lg-3.col-md-4:nth-child(odd) .ic-team-card-wrapper { justify-content:flex-start } } @media only screen and (max-width: 575.98px) { .ic-team-card-content .col-lg-3.col-md-4:nth-child(even) .ic-team-card-wrapper { justify-content:flex-end } } .ic-team-card { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fff; box-shadow: 0 4px 56px 0 rgb(27 42 64 / .1); padding: 20px 20px 26px 20px; position: relative; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; height: 100%; width: 100%; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex!important; flex-direction: column } @media only screen and (max-width: 1650px) { .ic-team-card { padding:18px 18px 24px 18px } } @media only screen and (max-width: 1399.98px) { .ic-team-card { padding:17px 17px 23px 17px } } @media only screen and (max-width: 1199.98px) { .ic-team-card { padding:16px 16px 21px 16px } } @media only screen and (max-width: 991.98px) { .ic-team-card { padding:15px 15px 19px 15px } } @media only screen and (max-width: 767.98px) { .ic-team-card { padding:15px 15px 17px 15px } } @media only screen and (max-width: 575.98px) { .ic-team-card { padding:14px 14px 16px 14px } } .ic-team-card .top-part { position: relative; z-index: 3; margin-bottom: 18px } .ic-team-card .top-part img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 30px 0 rgb(35 35 35 / .1); max-width: 100%; height: auto; object-fit: cover; display: block; margin: 0 auto } .ic-team-card .bottom-part { position: relative; z-index: 3 } .ic-team-card .bottom-part .ic-title { position: relative; padding-bottom: 10px; margin-bottom: 8px; font-weight: 600; text-align: center } @media only screen and (max-width: 1199.98px) { .ic-team-card .bottom-part .ic-title { padding-bottom:8px; margin-bottom: 7px } } @media only screen and (max-width: 991.98px) { .ic-team-card .bottom-part .ic-title { padding-bottom:7px; margin-bottom: 6px } } @media only screen and (max-width: 767.98px) { .ic-team-card .bottom-part .ic-title { padding-bottom:6px; margin-bottom: 5px } } @media only screen and (max-width: 575.98px) { .ic-team-card .bottom-part .ic-title { padding-bottom:4px; margin-bottom: 3px } } .ic-team-card .bottom-part .ic-title::after { content: ""; background: linear-gradient(144deg,#c2121e 5.75%,#00a9c6 94.25%); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 52px; height: 3px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear } @media only screen and (max-width: 1199.98px) { .ic-team-card .bottom-part .ic-title::after { width:50px } } @media only screen and (max-width: 991.98px) { .ic-team-card .bottom-part .ic-title::after { width:48px } } @media only screen and (max-width: 767.98px) { .ic-team-card .bottom-part .ic-title::after { height:2px } } .ic-team-card .bottom-part .ic-title h5,.ic-team-card .bottom-part .ic-title h5 span,h5 .ic-team-card .bottom-part .ic-title span,.ic-team-card .bottom-part .ic-title .sub-h5 span,.sub-h5 .ic-team-card .bottom-part .ic-title span { font-size: 20px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear } @media only screen and (max-width: 1650px) { .ic-team-card .bottom-part .ic-title h5,.ic-team-card .bottom-part .ic-title h5 span,h5 .ic-team-card .bottom-part .ic-title span,.ic-team-card .bottom-part .ic-title .sub-h5 span,.sub-h5 .ic-team-card .bottom-part .ic-title span { font-size:19px } } @media only screen and (max-width: 1399.98px) { .ic-team-card .bottom-part .ic-title h5,.ic-team-card .bottom-part .ic-title h5 span,h5 .ic-team-card .bottom-part .ic-title span,.ic-team-card .bottom-part .ic-title .sub-h5 span,.sub-h5 .ic-team-card .bottom-part .ic-title span { font-size:18px } } @media only screen and (max-width: 1199.98px) { .ic-team-card .bottom-part .ic-title h5,.ic-team-card .bottom-part .ic-title h5 span,h5 .ic-team-card .bottom-part .ic-title span,.ic-team-card .bottom-part .ic-title .sub-h5 span,.sub-h5 .ic-team-card .bottom-part .ic-title span { font-size:17px } } @media only screen and (max-width: 991.98px) { .ic-team-card .bottom-part .ic-title h5,.ic-team-card .bottom-part .ic-title h5 span,h5 .ic-team-card .bottom-part .ic-title span,.ic-team-card .bottom-part .ic-title .sub-h5 span,.sub-h5 .ic-team-card .bottom-part .ic-title span { font-size:16px } } @media only screen and (max-width: 767.98px) { .ic-team-card .bottom-part .ic-title h5,.ic-team-card .bottom-part .ic-title h5 span,h5 .ic-team-card .bottom-part .ic-title span,.ic-team-card .bottom-part .ic-title .sub-h5 span,.sub-h5 .ic-team-card .bottom-part .ic-title span { font-size:15px } } .ic-team-card .bottom-part .ic-des { text-align: center; font-size: 14px; font-weight: 400; color: #606a7a; font-family: manrope-regular; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear } .ic-team-card .bottom-part .ic-des span { font-size: 14px; font-weight: 600; opacity: .7; color: #c1001b; font-family: manrope-regular; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear } .ic-team-card::after { content: ""; background: linear-gradient(95deg,#c2121e 13.35%,#00a9c6 87.06%); position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity: 0; visibility: hidden } .ic-team-card:hover::after { opacity: 1; visibility: visible } .ic-team-card:hover .bottom-part .ic-title::after { background: #fff } .ic-team-card:hover .bottom-part h5,.ic-team-card:hover .bottom-part h5 span,h5 .ic-team-card:hover .bottom-part span,.ic-team-card:hover .bottom-part .sub-h5 span,.sub-h5 .ic-team-card:hover .bottom-part span { color: #fff } .ic-team-card:hover .bottom-part .ic-des { color: #fff } .ic-team-card:hover .bottom-part .ic-des span { color: #fff } .ic-paggination-wrapper ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center } .ic-paggination-wrapper ul li a { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; text-decoration: none; background: #fff0; height: 44px; width: 44px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; position: relative; padding: 4px } @media only screen and (max-width: 1399.98px) { .ic-paggination-wrapper ul li a { height:42px; width: 42px } } @media only screen and (max-width: 991.98px) { .ic-paggination-wrapper ul li a { height:40px; width: 40px } } @media only screen and (max-width: 767.98px) { .ic-paggination-wrapper ul li a { height:38px; width: 38px } } .ic-paggination-wrapper ul li a::after { content: ""; background: linear-gradient(95deg,#c2121e 13.35%,#00a9c6 87.06%); position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity: 0; visibility: hidden } .ic-paggination-wrapper ul li a .content { font-family: manrope-regular; font-weight: 500; font-size: 16px; position: relative; z-index: 3; color: #42526b; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear } @media only screen and (max-width: 1399.98px) { .ic-paggination-wrapper ul li a .content { font-size:15px } } @media only screen and (max-width: 991.98px) { .ic-paggination-wrapper ul li a .content { font-size:14px } } @media only screen and (max-width: 767.98px) { .ic-paggination-wrapper ul li a .content { font-size:13px } } .ic-paggination-wrapper ul li a .content i { font-size: 14px } .ic-paggination-wrapper ul li a:hover:not(.active)::after { opacity: 1; visibility: visible } .ic-paggination-wrapper ul li a:hover:not(.active) .content { color: #fff } .ic-paggination-wrapper ul li a.active { background: #fff } .ic-paggination-wrapper ul li a.active .content { color: #c1001b } .ic-paggination-wrapper ul li:first-child { margin-right: 12px } @media only screen and (max-width: 1399.98px) { .ic-paggination-wrapper ul li:first-child { margin-right:10px } } @media only screen and (max-width: 991.98px) { .ic-paggination-wrapper ul li:first-child { margin-right:8px } } @media only screen and (max-width: 767.98px) { .ic-paggination-wrapper ul li:first-child { margin-right:6px } } .ic-paggination-wrapper ul li:first-child a { padding: 0 20px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width: unset } @media only screen and (max-width: 1399.98px) { .ic-paggination-wrapper ul li:first-child a { padding:0 18px } } @media only screen and (max-width: 991.98px) { .ic-paggination-wrapper ul li:first-child a { padding:0 16px } } @media only screen and (max-width: 767.98px) { .ic-paggination-wrapper ul li:first-child a { padding:0 14px } } @media only screen and (max-width: 575.98px) { .ic-paggination-wrapper ul li:first-child a { padding:0 12px } } .ic-paggination-wrapper ul li:first-child a .content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 8px; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center } .ic-paggination-wrapper ul li:last-child { margin-left: 12px } @media only screen and (max-width: 1399.98px) { .ic-paggination-wrapper ul li:last-child { margin-left:10px } } @media only screen and (max-width: 991.98px) { .ic-paggination-wrapper ul li:last-child { margin-left:8px } } @media only screen and (max-width: 767.98px) { .ic-paggination-wrapper ul li:last-child { margin-left:6px } } .ic-paggination-wrapper ul li:last-child a { padding: 0 20px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width: unset } @media only screen and (max-width: 1399.98px) { .ic-paggination-wrapper ul li:last-child a { padding:0 18px } } @media only screen and (max-width: 991.98px) { .ic-paggination-wrapper ul li:last-child a { padding:0 16px } } @media only screen and (max-width: 767.98px) { .ic-paggination-wrapper ul li:last-child a { padding:0 14px } } @media only screen and (max-width: 575.98px) { .ic-paggination-wrapper ul li:last-child a { padding:0 12px } } .ic-paggination-wrapper ul li:last-child a .content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 8px; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center } .ic-latest-work-card { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #fff; position: relative; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; height: 100%; overflow: hidden } .ic-latest-work-card:hover .top-part img { transform: scale(1.05) } .ic-latest-work-card .top-part { position: relative; overflow: hidden } .ic-latest-work-card .top-part img { border-radius: 8px 8px 0 0; width: 100%; height: 100%; object-fit: cover; transition: linear 0.7s } .ic-latest-work-card .top-part .ic-abs-label { position: absolute; top: 34px; left: 0; border-radius: 0 50px 50px 0; height: 50px; background: #fff; padding: 10px 24px; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center } @media only screen and (max-width: 1650px) { .ic-latest-work-card .top-part .ic-abs-label { padding:8px 22px } } @media only screen and (max-width: 1399.98px) { .ic-latest-work-card .top-part .ic-abs-label { padding:7px 21px } } @media only screen and (max-width: 1199.98px) { .ic-latest-work-card .top-part .ic-abs-label { padding:6px 19px } } @media only screen and (max-width: 991.98px) { .ic-latest-work-card .top-part .ic-abs-label { padding:5px 17px } } @media only screen and (max-width: 767.98px) { .ic-latest-work-card .top-part .ic-abs-label { padding:5px 16px } } @media only screen and (max-width: 575.98px) { .ic-latest-work-card .top-part .ic-abs-label { padding:5px 15px } } .ic-latest-work-card .top-part .ic-abs-label p { font-weight: 500; color: #c1001b } .ic-latest-work-card .bottom-part { padding: 24px 30px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; gap: 10px } @media only screen and (max-width: 1650px) { .ic-latest-work-card .bottom-part { padding:22px 28px } } @media only screen and (max-width: 1399.98px) { .ic-latest-work-card .bottom-part { padding:21px 25px } } @media only screen and (max-width: 1199.98px) { .ic-latest-work-card .bottom-part { padding:19px 22px } } @media only screen and (max-width: 991.98px) { .ic-latest-work-card .bottom-part { padding:17px 20px } } @media only screen and (max-width: 767.98px) { .ic-latest-work-card .bottom-part { gap:8px; padding: 16px 18px } } @media only screen and (max-width: 575.98px) { .ic-latest-work-card .bottom-part { gap:6px; padding: 15px 16px } } .ic-latest-work-card .bottom-part h4,.ic-latest-work-card .bottom-part h4 span,h4 .ic-latest-work-card .bottom-part span,.ic-latest-work-card .bottom-part .sub-h4 span,.sub-h4 .ic-latest-work-card .bottom-part span { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-bottom: 8px } @media only screen and (max-width: 1650px) { .ic-latest-work-card .bottom-part h4,.ic-latest-work-card .bottom-part h4 span,h4 .ic-latest-work-card .bottom-part span,.ic-latest-work-card .bottom-part .sub-h4 span,.sub-h4 .ic-latest-work-card .bottom-part span { margin-bottom:7px } } @media only screen and (max-width: 1399.98px) { .ic-latest-work-card .bottom-part h4,.ic-latest-work-card .bottom-part h4 span,h4 .ic-latest-work-card .bottom-part span,.ic-latest-work-card .bottom-part .sub-h4 span,.sub-h4 .ic-latest-work-card .bottom-part span { margin-bottom:6px } } @media only screen and (max-width: 1199.98px) { .ic-latest-work-card .bottom-part h4,.ic-latest-work-card .bottom-part h4 span,h4 .ic-latest-work-card .bottom-part span,.ic-latest-work-card .bottom-part .sub-h4 span,.sub-h4 .ic-latest-work-card .bottom-part span { margin-bottom:5px } } @media only screen and (max-width: 991.98px) { .ic-latest-work-card .bottom-part h4,.ic-latest-work-card .bottom-part h4 span,h4 .ic-latest-work-card .bottom-part span,.ic-latest-work-card .bottom-part .sub-h4 span,.sub-h4 .ic-latest-work-card .bottom-part span { margin-bottom:4px } } @media only screen and (max-width: 767.98px) { .ic-latest-work-card .bottom-part h4,.ic-latest-work-card .bottom-part h4 span,h4 .ic-latest-work-card .bottom-part span,.ic-latest-work-card .bottom-part .sub-h4 span,.sub-h4 .ic-latest-work-card .bottom-part span { margin-bottom:3px } } @media only screen and (max-width: 575.98px) { .ic-latest-work-card .bottom-part h4,.ic-latest-work-card .bottom-part h4 span,h4 .ic-latest-work-card .bottom-part span,.ic-latest-work-card .bottom-part .sub-h4 span,.sub-h4 .ic-latest-work-card .bottom-part span { margin-bottom:2px } } .ic-latest-work-card .bottom-part .ic-rating-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; gap: 15px } @media only screen and (max-width: 1399.98px) { .ic-latest-work-card .bottom-part .ic-rating-wrapper { gap:13px } } @media only screen and (max-width: 1199.98px) { .ic-latest-work-card .bottom-part .ic-rating-wrapper { gap:11px } } @media only screen and (max-width: 991.98px) { .ic-latest-work-card .bottom-part .ic-rating-wrapper { gap:10px } } @media only screen and (max-width: 767.98px) { .ic-latest-work-card .bottom-part .ic-rating-wrapper { gap:8px } } @media only screen and (max-width: 575.98px) { .ic-latest-work-card .bottom-part .ic-rating-wrapper { gap:6px } } .ic-latest-work-card .bottom-part .ic-rating-wrapper .icon { color: #838e9e } .ic-latest-work-card .bottom-part .ic-rating-wrapper .icon .star { color: #ff8f3f } .ic-latest-work-card .bottom-part .ic-rating-wrapper .icon i { font-size: 12px } .ic-latest-work-card .bottom-part .ic-rating-wrapper .count { font-size: 14px; font-style: normal; font-weight: 600; color: #1b2a40 } @media only screen and (max-width: 991.98px) { .ic-latest-work-card .bottom-part .ic-rating-wrapper .count { font-size:13px } } @media only screen and (max-width: 767.98px) { .ic-latest-work-card .bottom-part .ic-rating-wrapper .count { font-size:12px } } .ic-latest-work-card .bottom-part .ic-rating-wrapper .count span { font-size: 14px; font-style: normal; font-weight: 400; color: #838e9e } @media only screen and (max-width: 991.98px) { .ic-latest-work-card .bottom-part .ic-rating-wrapper .count span { font-size:13px } } @media only screen and (max-width: 767.98px) { .ic-latest-work-card .bottom-part .ic-rating-wrapper .count span { font-size:12px } } .ic-latest-work-card .bottom-part button { flex: 0 0 auto; height: 44px } @media only screen and (max-width: 1650px) { .ic-latest-work-card .bottom-part button { height:42px } } @media only screen and (max-width: 1399.98px) { .ic-latest-work-card .bottom-part button { height:41px } } @media only screen and (max-width: 1199.98px) { .ic-latest-work-card .bottom-part button { height:39px } } @media only screen and (max-width: 991.98px) { .ic-latest-work-card .bottom-part button { height:37px } } @media only screen and (max-width: 767.98px) { .ic-latest-work-card .bottom-part button { height:36px } } @media only screen and (max-width: 575.98px) { .ic-latest-work-card .bottom-part button { height:35px } } .ic-subscribe-now { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-direction: column } .ic-subscribe-now .subscribe-title { font-size: 28px; text-align: center; color: #fff } @media only screen and (max-width: 1399.98px) { .ic-subscribe-now .subscribe-title { font-size:26px } } @media only screen and (max-width: 1199.98px) { .ic-subscribe-now .subscribe-title { font-size:24px } } @media only screen and (max-width: 991.98px) { .ic-subscribe-now .subscribe-title { font-size:22px } } @media only screen and (max-width: 767.98px) { .ic-subscribe-now .subscribe-title { font-size:20px } } @media only screen and (max-width: 575.98px) { .ic-subscribe-now .subscribe-title { font-size:18px } } .ic-subscribe-form-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center } .ic-subscribe-now { padding-right: 10px; padding-left: 10px } .ic-subscribe-form { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; background-color: #fff; color: #838e9e; padding: 8px 8px 8px 16px; height: 64px; position: relative; width: 67% } @media only screen and (max-width: 1650px) { .ic-subscribe-form { height:60px; width: 70% } } @media only screen and (max-width: 1399.98px) { .ic-subscribe-form { height:58px; width: 72% } } @media only screen and (max-width: 1199.98px) { .ic-subscribe-form { height:55px; width: 75% } } @media only screen and (max-width: 991.98px) { .ic-subscribe-form { height:52px; width: 78% } } @media only screen and (max-width: 767.98px) { .ic-subscribe-form { height:50px; width: 81% } } @media only screen and (max-width: 575.98px) { .ic-subscribe-form { height:48px; width: 85% } } .ic-subscribe-form input { background-color: #fff0; padding-right: 182px; color: #1b2a40; font-size: 16px; font-weight: 400; text-transform: capitalize; font-family: manrope-regular } @media only screen and (max-width: 1650px) { .ic-subscribe-form input { padding-right:162px } } @media only screen and (max-width: 1399.98px) { .ic-subscribe-form input { font-size:15px; padding-right: 152px } } @media only screen and (max-width: 1199.98px) { .ic-subscribe-form input { padding-right:142px } } @media only screen and (max-width: 991.98px) { .ic-subscribe-form input { font-size:14px; padding-right: 132px } } @media only screen and (max-width: 767.98px) { .ic-subscribe-form input { font-size:13px; padding-right: 122px } } @media only screen and (max-width: 575.98px) { .ic-subscribe-form input { padding-right:118px } } .ic-subscribe-form .ic-abs { font-size: 16px; font-weight: 400; padding: 7px 30px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; position: absolute; top: 50%; right: 8px; transform: translateY(-50%); white-space: nowrap; height: 48px } @media only screen and (max-width: 1650px) { .ic-subscribe-form .ic-abs { height:46px; padding: 7px 28px } } @media only screen and (max-width: 1399.98px) { .ic-subscribe-form .ic-abs { font-size:15px; height: 45px; padding: 7px 26px } } @media only screen and (max-width: 1199.98px) { .ic-subscribe-form .ic-abs { height:43px; padding: 7px 22px } } @media only screen and (max-width: 991.98px) { .ic-subscribe-form .ic-abs { font-size:14px; height: 40px; padding: 7px 20px; right: 7px } } @media only screen and (max-width: 767.98px) { .ic-subscribe-form .ic-abs { font-size:13px; height: 38px; padding: 7px 18px; right: 6px } } @media only screen and (max-width: 575.98px) { .ic-subscribe-form .ic-abs { height:36px; padding: 7px 16px; right: 5px } } .ic-blog-banner { position: relative } .ic-blog-banner.overlay::before { position: absolute; content: ""; height: 50%; width: 100%; left: 0; bottom: 0; z-index: 1; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; opacity: .9; background: linear-gradient(180deg,#fff0 0%,#008197 71.35%) } .ic-blog-banner img { width: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px } .ic-blog-banner .content { bottom: 37px; left: 75px; right: 75px; z-index: 2; position: absolute } @media only screen and (max-width: 1650px) { .ic-blog-banner .content { bottom:34px; left: 70px; right: 70px } } @media only screen and (max-width: 1399.98px) { .ic-blog-banner .content { bottom:32px; left: 65px; right: 65px } } @media only screen and (max-width: 1199.98px) { .ic-blog-banner .content { bottom:30px; left: 60px; right: 60px } } @media only screen and (max-width: 991.98px) { .ic-blog-banner .content { bottom:25px; left: 35px; right: 20px } } @media only screen and (max-width: 767.98px) { .ic-blog-banner .content { bottom:15px; left: 16px; right: 14px } } @media only screen and (max-width: 575.98px) { .ic-blog-banner .content { bottom:14px; left: 14px; right: 14px } } .ic-blog-banner .content h3,.ic-blog-banner .content .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-blog-banner .content h6,.ic-blog-banner .content .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-blog-banner .content span,.ic-blog-banner .content h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-blog-banner .content span,.ic-blog-banner .content .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-blog-banner .content h5,.ic-blog-banner .content .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-blog-banner .content span,.ic-blog-banner .content h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-blog-banner .content span,.ic-blog-banner .content .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-blog-banner .content span,.ic-blog-banner .content .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-blog-banner .content span,.ic-blog-banner .content .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-blog-banner .content h2,.ic-blog-banner .content .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-blog-banner .content span,.ic-blog-banner .content h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-blog-banner .content span,.ic-blog-banner .content .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-blog-banner .content h1,.ic-blog-banner .content .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-blog-banner .content span,.ic-blog-banner .content h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-blog-banner .content span,.ic-blog-banner .content h3 span,.ic-workflow-right .service-tab-content .ic-blog-banner .content h6 span,.ic-workflow-right .service-tab-content .ic-blog-banner .content h5 span,.ic-workflow-right .service-tab-content .ic-blog-banner .content h2 span,.ic-workflow-right .service-tab-content .ic-blog-banner .content h1 span,h3 .ic-blog-banner .content span,.ic-blog-banner .content .sub-h3 span,.sub-h3 .ic-blog-banner .content span { margin-bottom: 10px; font-weight: 600; color: #fff; text-transform: capitalize } @media only screen and (max-width: 1199.98px) { .ic-blog-banner .content h3,.ic-blog-banner .content .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-blog-banner .content h6,.ic-blog-banner .content .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-blog-banner .content span,.ic-blog-banner .content h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-blog-banner .content span,.ic-blog-banner .content .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-blog-banner .content h5,.ic-blog-banner .content .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-blog-banner .content span,.ic-blog-banner .content h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-blog-banner .content span,.ic-blog-banner .content .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-blog-banner .content span,.ic-blog-banner .content .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-blog-banner .content span,.ic-blog-banner .content .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-blog-banner .content h2,.ic-blog-banner .content .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-blog-banner .content span,.ic-blog-banner .content h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-blog-banner .content span,.ic-blog-banner .content .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-blog-banner .content h1,.ic-blog-banner .content .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-blog-banner .content span,.ic-blog-banner .content h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-blog-banner .content span,.ic-blog-banner .content h3 span,.ic-workflow-right .service-tab-content .ic-blog-banner .content h6 span,.ic-workflow-right .service-tab-content .ic-blog-banner .content h5 span,.ic-workflow-right .service-tab-content .ic-blog-banner .content h2 span,.ic-workflow-right .service-tab-content .ic-blog-banner .content h1 span,h3 .ic-blog-banner .content span,.ic-blog-banner .content .sub-h3 span,.sub-h3 .ic-blog-banner .content span { margin-bottom:8px } } @media only screen and (max-width: 991.98px) { .ic-blog-banner .content h3,.ic-blog-banner .content .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-blog-banner .content h6,.ic-blog-banner .content .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-blog-banner .content span,.ic-blog-banner .content h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-blog-banner .content span,.ic-blog-banner .content .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-blog-banner .content h5,.ic-blog-banner .content .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-blog-banner .content span,.ic-blog-banner .content h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-blog-banner .content span,.ic-blog-banner .content .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-blog-banner .content span,.ic-blog-banner .content .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-blog-banner .content span,.ic-blog-banner .content .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-blog-banner .content h2,.ic-blog-banner .content .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-blog-banner .content span,.ic-blog-banner .content h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-blog-banner .content span,.ic-blog-banner .content .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-blog-banner .content h1,.ic-blog-banner .content .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-blog-banner .content span,.ic-blog-banner .content h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-blog-banner .content span,.ic-blog-banner .content h3 span,.ic-workflow-right .service-tab-content .ic-blog-banner .content h6 span,.ic-workflow-right .service-tab-content .ic-blog-banner .content h5 span,.ic-workflow-right .service-tab-content .ic-blog-banner .content h2 span,.ic-workflow-right .service-tab-content .ic-blog-banner .content h1 span,h3 .ic-blog-banner .content span,.ic-blog-banner .content .sub-h3 span,.sub-h3 .ic-blog-banner .content span { font-size:24px; margin-bottom: 5px } } @media only screen and (max-width: 767.98px) { .ic-blog-banner .content h3,.ic-blog-banner .content .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-blog-banner .content h6,.ic-blog-banner .content .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-blog-banner .content span,.ic-blog-banner .content h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-blog-banner .content span,.ic-blog-banner .content .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-blog-banner .content h5,.ic-blog-banner .content .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-blog-banner .content span,.ic-blog-banner .content h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-blog-banner .content span,.ic-blog-banner .content .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-blog-banner .content span,.ic-blog-banner .content .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-blog-banner .content span,.ic-blog-banner .content .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-blog-banner .content h2,.ic-blog-banner .content .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-blog-banner .content span,.ic-blog-banner .content h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-blog-banner .content span,.ic-blog-banner .content .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-blog-banner .content h1,.ic-blog-banner .content .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-blog-banner .content span,.ic-blog-banner .content h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-blog-banner .content span,.ic-blog-banner .content h3 span,.ic-workflow-right .service-tab-content .ic-blog-banner .content h6 span,.ic-workflow-right .service-tab-content .ic-blog-banner .content h5 span,.ic-workflow-right .service-tab-content .ic-blog-banner .content h2 span,.ic-workflow-right .service-tab-content .ic-blog-banner .content h1 span,h3 .ic-blog-banner .content span,.ic-blog-banner .content .sub-h3 span,.sub-h3 .ic-blog-banner .content span { font-size:18px; margin-bottom: 3px } } @media only screen and (max-width: 575.98px) { .ic-blog-banner .content h3,.ic-blog-banner .content .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-blog-banner .content h6,.ic-blog-banner .content .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-blog-banner .content span,.ic-blog-banner .content h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-blog-banner .content span,.ic-blog-banner .content .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-blog-banner .content h5,.ic-blog-banner .content .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-blog-banner .content span,.ic-blog-banner .content h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-blog-banner .content span,.ic-blog-banner .content .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-blog-banner .content span,.ic-blog-banner .content .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-blog-banner .content span,.ic-blog-banner .content .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-blog-banner .content h2,.ic-blog-banner .content .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-blog-banner .content span,.ic-blog-banner .content h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-blog-banner .content span,.ic-blog-banner .content .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-blog-banner .content h1,.ic-blog-banner .content .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-blog-banner .content span,.ic-blog-banner .content h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-blog-banner .content span,.ic-blog-banner .content h3 span,.ic-workflow-right .service-tab-content .ic-blog-banner .content h6 span,.ic-workflow-right .service-tab-content .ic-blog-banner .content h5 span,.ic-workflow-right .service-tab-content .ic-blog-banner .content h2 span,.ic-workflow-right .service-tab-content .ic-blog-banner .content h1 span,h3 .ic-blog-banner .content span,.ic-blog-banner .content .sub-h3 span,.sub-h3 .ic-blog-banner .content span { font-size:17px; margin-bottom: 1px } } .ic-blog-banner .content a { font-family: manrope-regular; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; gap: 8px; color: #fff; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear } .ic-blog-banner .content a i { margin-top: 2px } .ic-blog-banner .content a:hover { gap: 12px } .ic-blog-banner .content .ic-time { font-family: manrope-regular; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; gap: 8px; color: #fff } .ic-blog-banner .content .badge-time-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; gap: 16px; margin-bottom: 10px } @media only screen and (max-width: 1199.98px) { .ic-blog-banner .content .badge-time-wrapper { gap:14px } } @media only screen and (max-width: 991.98px) { .ic-blog-banner .content .badge-time-wrapper { gap:12px; margin-bottom: 8px } } @media only screen and (max-width: 767.98px) { .ic-blog-banner .content .badge-time-wrapper { gap:10px; margin-bottom: 6px } } @media only screen and (max-width: 575.98px) { .ic-blog-banner .content .badge-time-wrapper { gap:8px; margin-bottom: 5px } } .ic-blog-banner .content .badge-time-wrapper .ic-badge { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; background-color: #ff8f3f; padding: 6px 12px; color: #fff; font-size: 12px; font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: .12px; text-transform: capitalize } .ic-card-row { border-bottom: 1px solid #d6dae1 } .ic-blog-card { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; flex-direction: column } .ic-blog-card .img { height: 260px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px } .ic-blog-card .img img { width: 100%; height: 100%; object-fit: cover; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px } @media only screen and (max-width: 1199.98px) { .ic-blog-card .img { height:218px } } @media only screen and (max-width: 991.98px) { .ic-blog-card .img { height:246px } } @media only screen and (max-width: 767.98px) { .ic-blog-card .img { height:180px } } @media only screen and (max-width: 575.98px) { .ic-blog-card .img { height:unset } } .ic-blog-card h5,.ic-blog-card h5 span,h5 .ic-blog-card span,.ic-blog-card .sub-h5 span,.sub-h5 .ic-blog-card span { font-style: normal; font-weight: 700; margin-bottom: 15px; font-size: 20px } @media only screen and (max-width: 1650px) { .ic-blog-card h5,.ic-blog-card h5 span,h5 .ic-blog-card span,.ic-blog-card .sub-h5 span,.sub-h5 .ic-blog-card span { font-size:19px; margin-bottom: 12px } } @media only screen and (max-width: 1399.98px) { .ic-blog-card h5,.ic-blog-card h5 span,h5 .ic-blog-card span,.ic-blog-card .sub-h5 span,.sub-h5 .ic-blog-card span { font-size:18px; margin-bottom: 10px } } @media only screen and (max-width: 1199.98px) { .ic-blog-card h5,.ic-blog-card h5 span,h5 .ic-blog-card span,.ic-blog-card .sub-h5 span,.sub-h5 .ic-blog-card span { font-size:17px; margin-bottom: 9px } } @media only screen and (max-width: 991.98px) { .ic-blog-card h5,.ic-blog-card h5 span,h5 .ic-blog-card span,.ic-blog-card .sub-h5 span,.sub-h5 .ic-blog-card span { font-size:16px; margin-bottom: 8px } } @media only screen and (max-width: 767.98px) { .ic-blog-card h5,.ic-blog-card h5 span,h5 .ic-blog-card span,.ic-blog-card .sub-h5 span,.sub-h5 .ic-blog-card span { font-size:15px; margin-bottom: 6px } } @media only screen and (max-width: 575.98px) { .ic-blog-card h5,.ic-blog-card h5 span,h5 .ic-blog-card span,.ic-blog-card .sub-h5 span,.sub-h5 .ic-blog-card span { font-size:14px; margin-bottom: 4px } } .ic-blog-card .ic-des { color: #222326; font-weight: 400; opacity: .7 } .ic-blog-card .ic-btn,.ic-blog-card .ic-btn-primary { height: 45px } @media only screen and (max-width: 1650px) { .ic-blog-card .ic-btn,.ic-blog-card .ic-btn-primary { height:42px } } @media only screen and (max-width: 1399.98px) { .ic-blog-card .ic-btn,.ic-blog-card .ic-btn-primary { height:40px } } @media only screen and (max-width: 1199.98px) { .ic-blog-card .ic-btn,.ic-blog-card .ic-btn-primary { height:38px } } @media only screen and (max-width: 991.98px) { .ic-blog-card .ic-btn,.ic-blog-card .ic-btn-primary { height:36px } } @media only screen and (max-width: 767.98px) { .ic-blog-card .ic-btn,.ic-blog-card .ic-btn-primary { height:34px } } @media only screen and (max-width: 575.98px) { .ic-blog-card .ic-btn,.ic-blog-card .ic-btn-primary { height:32px } } @media only screen and (max-width: 1399.98px) { .ic-blog-card .mb-25 { margin-bottom:20px } } @media only screen and (max-width: 1199.98px) { .ic-blog-card .mb-25 { margin-bottom:17px } } @media only screen and (max-width: 991.98px) { .ic-blog-card .mb-25 { margin-bottom:14px } } @media only screen and (max-width: 767.98px) { .ic-blog-card .mb-25 { margin-bottom:10px } } @media only screen and (max-width: 575.98px) { .ic-blog-card .mb-25 { margin-bottom:8px } } .ic-spin { animation: rotation 1.5s linear infinite } @keyframes rotation { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .ic-blog-details .details-content img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px } .ic-blog-details .details-content p { opacity: .7 } .ic-share-wrapper { -webkit-border-radius: 36px; -moz-border-radius: 36px; border-radius: 36px; border: 1px solid #d6dae1; background: #f1fafe; padding: 10px 16px 10px 30px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; gap: 12px } @media only screen and (max-width: 1199.98px) { .ic-share-wrapper { padding:8px 12px 8px 26px; gap: 10px } } @media only screen and (max-width: 991.98px) { .ic-share-wrapper { padding:6px 10px 6px 20px; gap: 8px } } @media only screen and (max-width: 767.98px) { .ic-share-wrapper { padding:6px 7px 6px 18px; gap: 6px } } @media only screen and (max-width: 575.98px) { .ic-share-wrapper { padding:6px 7px 6px 14px; gap: 3px } } .ic-share-wrapper .ic-social-link-wrapper { display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex!important; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center } @media only screen and (max-width: 575.98px) { .ic-share-wrapper .ic-social-link-wrapper { display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center } } .ic-share-wrapper .ic-social-link-wrapper li:first-child { background: linear-gradient(144deg,#c2121e 5.75%,#00a9c6 94.25%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: #fff0; margin-right: 8px; font-weight: 500 } @media only screen and (max-width: 575.98px) { .ic-share-wrapper .ic-social-link-wrapper li:first-child { margin-right:10px } } .ic-share-wrapper .ic-social-link-wrapper .ic-single-social-item { width: 36px; height: 36px; padding: 10px; color: #606a7a; background-color: #fff0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear } @media only screen and (max-width: 575.98px) { .ic-share-wrapper .ic-social-link-wrapper .ic-single-social-item { width:25px; height: 25px; padding: 6px } } .ic-share-wrapper .ic-social-link-wrapper .ic-single-social-item i { font-size: 14px; -webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear; -o-transition: all 0.35s linear; transition: all 0.35s linear } @media only screen and (max-width: 575.98px) { .ic-share-wrapper .ic-social-link-wrapper .ic-single-social-item i { font-size:11px } } .ic-share-wrapper .ic-social-link-wrapper .ic-single-social-item:hover { background-color: #c1001b; color: #fff } .ic-share-wrapper .ic-btn,.ic-share-wrapper .ic-btn-primary { max-height: 40px } @media only screen and (max-width: 991.98px) { .ic-share-wrapper .ic-btn,.ic-share-wrapper .ic-btn-primary { max-height:38px } } @media only screen and (max-width: 575.98px) { .ic-share-wrapper .ic-btn,.ic-share-wrapper .ic-btn-primary { height:34px; padding: 0 11px } } .ic-particip-content-area .ic-content-left h4,.ic-particip-content-area .ic-content-left h4 span,h4 .ic-particip-content-area .ic-content-left span,.ic-particip-content-area .ic-content-left .sub-h4 span,.sub-h4 .ic-particip-content-area .ic-content-left span { color: #c1001b; font-weight: 500 } .ic-particip-content-area .ic-content-left h3,.ic-particip-content-area .ic-content-left .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-particip-content-area .ic-content-left h6,.ic-particip-content-area .ic-content-left .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-particip-content-area .ic-content-left span,.ic-particip-content-area .ic-content-left h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-particip-content-area .ic-content-left span,.ic-particip-content-area .ic-content-left .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-particip-content-area .ic-content-left h5,.ic-particip-content-area .ic-content-left .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-particip-content-area .ic-content-left span,.ic-particip-content-area .ic-content-left h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-particip-content-area .ic-content-left span,.ic-particip-content-area .ic-content-left .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-particip-content-area .ic-content-left span,.ic-particip-content-area .ic-content-left .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-particip-content-area .ic-content-left span,.ic-particip-content-area .ic-content-left .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-particip-content-area .ic-content-left h2,.ic-particip-content-area .ic-content-left .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-particip-content-area .ic-content-left span,.ic-particip-content-area .ic-content-left h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-particip-content-area .ic-content-left span,.ic-particip-content-area .ic-content-left .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-particip-content-area .ic-content-left h1,.ic-particip-content-area .ic-content-left .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-particip-content-area .ic-content-left span,.ic-particip-content-area .ic-content-left h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-particip-content-area .ic-content-left span,.ic-particip-content-area .ic-content-left h3 span,.ic-workflow-right .service-tab-content .ic-particip-content-area .ic-content-left h6 span,.ic-workflow-right .service-tab-content .ic-particip-content-area .ic-content-left h5 span,.ic-workflow-right .service-tab-content .ic-particip-content-area .ic-content-left h2 span,.ic-workflow-right .service-tab-content .ic-particip-content-area .ic-content-left h1 span,h3 .ic-particip-content-area .ic-content-left span,.ic-particip-content-area .ic-content-left .sub-h3 span,.sub-h3 .ic-particip-content-area .ic-content-left span { font-weight: 700 } .ic-particip-content-area .ic-content-left p { color: #606a7a } @media only screen and (max-width: 991.98px) { .ic-particip-content-area .ic-content-right .img-box { margin-top:0!important } } .ic-particip-content-area .ic-content-right .img-box img { border-radius: 4px } @media only screen and (max-width: 575.98px) { .ic-particip-content-area .ic-content-right .img-box img { width:100% } } .ic-particip-content-area .ic-content-right .logo-box { width: 235px; height: 100px; border-radius: 4px; background: #fff; box-shadow: 0 12px 56px 0 rgb(6 28 61 / .12); display: flex; justify-content: center; align-items: center } @media only screen and (max-width: 575.98px) { .ic-particip-content-area .ic-content-right .logo-box { width:100% } } .ic-particip-content-wrap { display: flex; gap: 140px; align-items: center; border-bottom: 1px dashed #d6dae1; margin-bottom: 50px; padding-bottom: 50px } @media only screen and (max-width: 1399.98px) { .ic-particip-content-wrap { gap:100px } } @media only screen and (max-width: 1199.98px) { .ic-particip-content-wrap { gap:50px } } @media only screen and (max-width: 991.98px) { .ic-particip-content-wrap { flex-direction:column; gap: 30px } } @media only screen and (max-width: 575.98px) { .ic-particip-content-wrap { gap:20px; margin-bottom: 24px; padding-bottom: 24px } } .ic-particip-content-wrap .left { flex: 1 } .ic-particip-content-wrap:nth-child(even) { flex-direction: row-reverse } @media only screen and (max-width: 991.98px) { .ic-particip-content-wrap:nth-child(even) { flex-direction:column } } .ic-particip-content-wrap:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none } .ic-work-process-section .ic-process-area { position: relative; padding: 156px 0 254px 0; background-repeat: no-repeat; background-position: center } @media only screen and (max-width: 991.98px) { .ic-work-process-section .ic-process-area { padding:20px 0 20px 0 } } .ic-work-process-section .ic-process-area .line { position: absolute; top: 43%; left: 50%; transform: translate(-50%,-45%); z-index: 3 } @media only screen and (max-width: 1199.98px) { .ic-work-process-section .ic-process-area .line { display:none } } .ic-work-process-section .ic-process-area .line::before { position: absolute; content: ""; width: 15px; height: 15px; display: block; border-radius: 10px; background: linear-gradient(95deg,#c2121e 13.35%,#00a9c6 87.06%); top: 50%; left: 0; transform: translateY(-50%) } .ic-work-process-section .ic-process-area .line::after { position: absolute; content: ""; width: 15px; height: 15px; display: block; border-radius: 10px; background-color: #c2121e; top: 50%; right: 0; transform: translateY(-50%) } .ic-work-process-section .ic-process-area .ic-bg-process { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1 } .ic-work-process-section .ic-process-wrap { display: flex; align-items: center; justify-content: center; position: relative; gap: 87px } @media only screen and (max-width: 1199.98px) { .ic-work-process-section .ic-process-wrap { gap:40px } } @media only screen and (max-width: 991.98px) { .ic-work-process-section .ic-process-wrap { flex-wrap:wrap; gap: 20px; align-items: unset } } @media only screen and (max-width: 767.98px) { .ic-work-process-section .ic-process-wrap { gap:18px } } @media only screen and (max-width: 575.98px) { .ic-work-process-section .ic-process-wrap { gap:12px } } .ic-work-process-section .ic-process-box-working { display: flex; flex-direction: column; align-items: center; z-index: 2; padding-top: 20px; border-radius: 50% } @media only screen and (max-width: 991.98px) { .ic-work-process-section .ic-process-box-working { position:relative; padding-top: 0; width: calc(33.3333333333% - 20px + 6.6666666667px); height: 100%; justify-content: space-between } } @media only screen and (max-width: 767.98px) { .ic-work-process-section .ic-process-box-working { width:calc(50% - 18px + 9px) } } @media only screen and (max-width: 575.98px) { .ic-work-process-section .ic-process-box-working { width:calc(50% - 12px + 6px) } } .ic-work-process-section .ic-process-box-working .ic-icon-box-process { height: 175px; width: 175px; display: flex; justify-content: center; align-items: center; border-radius: 100px; box-shadow: 0 20px 41px 22px #e3e3e3; border: 10px solid #fff } @media only screen and (max-width: 1199.98px) { .ic-work-process-section .ic-process-box-working .ic-icon-box-process { height:156px; width: 156px; border: 8px solid #fff } } @media only screen and (max-width: 991.98px) { .ic-work-process-section .ic-process-box-working .ic-icon-box-process { margin-bottom:14px; height: 140px; width: 140px; border: 6px solid #fff } } @media only screen and (max-width: 767.98px) { .ic-work-process-section .ic-process-box-working .ic-icon-box-process { width:130px; height: 130px } } @media only screen and (max-width: 575.98px) { .ic-work-process-section .ic-process-box-working .ic-icon-box-process { width:110px; height: 110px } } @media only screen and (max-width: 1199.98px) { .ic-work-process-section .ic-process-box-working .ic-icon-box-process img { max-width:70px } } @media only screen and (max-width: 991.98px) { .ic-work-process-section .ic-process-box-working .ic-icon-box-process img { max-width:50px } } @media only screen and (max-width: 575.98px) { .ic-work-process-section .ic-process-box-working .ic-icon-box-process img { max-width:40px } } .ic-work-process-section .ic-process-box-working:nth-child(odd) h4,.ic-work-process-section .ic-process-box-working:nth-child(odd) h4 span,h4 .ic-work-process-section .ic-process-box-working:nth-child(odd) span,.ic-work-process-section .ic-process-box-working:nth-child(odd) .sub-h4 span,.sub-h4 .ic-work-process-section .ic-process-box-working:nth-child(odd) span { position: absolute; white-space: nowrap; z-index: 4; bottom: -50px; white-space: normal } @media only screen and (max-width: 991.98px) { .ic-work-process-section .ic-process-box-working:nth-child(odd) h4,.ic-work-process-section .ic-process-box-working:nth-child(odd) h4 span,h4 .ic-work-process-section .ic-process-box-working:nth-child(odd) span,.ic-work-process-section .ic-process-box-working:nth-child(odd) .sub-h4 span,.sub-h4 .ic-work-process-section .ic-process-box-working:nth-child(odd) span { top:unset; bottom: unset; position: relative; white-space: normal; text-align: center } } .ic-work-process-section .ic-process-box-working:nth-child(even) h4,.ic-work-process-section .ic-process-box-working:nth-child(even) h4 span,h4 .ic-work-process-section .ic-process-box-working:nth-child(even) span,.ic-work-process-section .ic-process-box-working:nth-child(even) .sub-h4 span,.sub-h4 .ic-work-process-section .ic-process-box-working:nth-child(even) span { position: absolute; white-space: nowrap; z-index: 4; top: -34px } @media only screen and (max-width: 991.98px) { .ic-work-process-section .ic-process-box-working:nth-child(even) h4,.ic-work-process-section .ic-process-box-working:nth-child(even) h4 span,h4 .ic-work-process-section .ic-process-box-working:nth-child(even) span,.ic-work-process-section .ic-process-box-working:nth-child(even) .sub-h4 span,.sub-h4 .ic-work-process-section .ic-process-box-working:nth-child(even) span { top:unset; bottom: unset; position: relative; white-space: normal; text-align: center } } .ic-work-process-section .work-details-banner { position: relative; border-radius: 10px } .ic-work-process-section .work-details-banner::before { position: absolute; content: ""; width: 100%; height: 50%; left: 0; bottom: 0; display: inline-block; border-radius: 0 0 10px 10px; opacity: .8; background: linear-gradient(180deg,#fff0 0%,#008197 71.35%) } .ic-work-process-section .work-details-banner img { width: 100%; height: auto; border-radius: 10px } .ic-work-process-section .work-details-banner .content { position: absolute; max-width: 805px; text-align: center; left: 50%; transform: translateX(-50%); bottom: 40px } .ic-work-process-section .ic-project-steps { display: flex; flex-wrap: wrap; gap: 25px } @media only screen and (max-width: 480px) { .ic-work-process-section .ic-project-steps { gap:15px } } .ic-work-process-section .ic-project-steps .ic-step { width: calc(25% - 30px + 7.5px); border-radius: 5px; opacity: .9; background: #fff; box-shadow: 0 30px 60px -10px rgb(35 35 35 / .08); height: 80px; display: flex; flex-direction: column; justify-content: center } @media only screen and (max-width: 767.98px) { .ic-work-process-section .ic-project-steps .ic-step { width:calc(50% - 25px + 12.5px) } } @media only screen and (max-width: 480px) { .ic-work-process-section .ic-project-steps .ic-step { width:100% } } .ic-work-process-section .ic-project-steps .ic-step span { color: #838e9e } .ic-work-process-section .ic-about-project .img-box img { border-radius: 10px } .ic-work-process-section .project-img-box { display: flex; gap: 30px } .ic-work-process-section .project-img-box img { border-radius: 10px } .ic-work-process-section .ic-process-des p { font-style: normal; font-weight: 400; color: #606a7a; max-width: 1009px; display: block; margin: 0 auto; text-align: center } .work-details-section p { font-family: manrope-regular } .work-details-banner { position: relative; border-radius: 10px } .work-details-banner::before { position: absolute; content: ""; width: 100%; height: 50%; left: 0; bottom: 0; display: inline-block; border-radius: 0 0 10px 10px; opacity: .8; background: linear-gradient(180deg,#fff0 0%,#008197 71.35%) } .work-details-banner img { width: 100%; height: auto; border-radius: 10px } .work-details-banner .content { position: absolute; max-width: 810px; text-align: center; left: 0; right: 0; width: 100%; padding: 0 20px; text-align: center; bottom: 40px; display: block; margin: 0 auto } @media only screen and (max-width: 1650px) { .work-details-banner .content { bottom:36px } } @media only screen and (max-width: 1399.98px) { .work-details-banner .content { bottom:34px } } @media only screen and (max-width: 1199.98px) { .work-details-banner .content { bottom:30px } } @media only screen and (max-width: 991.98px) { .work-details-banner .content { bottom:28px } } @media only screen and (max-width: 767.98px) { .work-details-banner .content { bottom:22px } } @media only screen and (max-width: 575.98px) { .work-details-banner .content { bottom:18px } } .work-details-banner .content h2,.work-details-banner .content h2 span,h2 .work-details-banner .content span { color: #fff; text-align: center; font-family: Inter; font-style: normal; font-weight: 700; line-height: 140%; text-transform: capitalize; font-size: 38px } @media only screen and (max-width: 1650px) { .work-details-banner .content h2,.work-details-banner .content h2 span,h2 .work-details-banner .content span { font-size:34px } } @media only screen and (max-width: 1399.98px) { .work-details-banner .content h2,.work-details-banner .content h2 span,h2 .work-details-banner .content span { font-size:32px } } @media only screen and (max-width: 1199.98px) { .work-details-banner .content h2,.work-details-banner .content h2 span,h2 .work-details-banner .content span { font-size:30px; line-height: normal; font-weight: 600 } } @media only screen and (max-width: 991.98px) { .work-details-banner .content h2,.work-details-banner .content h2 span,h2 .work-details-banner .content span { font-size:28px } } @media only screen and (max-width: 767.98px) { .work-details-banner .content h2,.work-details-banner .content h2 span,h2 .work-details-banner .content span { font-size:25px } } @media only screen and (max-width: 575.98px) { .work-details-banner .content h2,.work-details-banner .content h2 span,h2 .work-details-banner .content span { font-size:24px } } @media only screen and (max-width: 480px) { .work-details-banner .content h2,.work-details-banner .content h2 span,h2 .work-details-banner .content span { font-size:22px } } .ic-project-steps { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; flex-wrap: wrap; gap: 30px } @media only screen and (max-width: 1650px) { .ic-project-steps { gap:26px } } @media only screen and (max-width: 1399.98px) { .ic-project-steps { gap:24px } } @media only screen and (max-width: 1199.98px) { .ic-project-steps { gap:20px } } @media only screen and (max-width: 991.98px) { .ic-project-steps { gap:18px } } @media only screen and (max-width: 767.98px) { .ic-project-steps { gap:16px } } @media only screen and (max-width: 575.98px) { .ic-project-steps { gap:14px } } .ic-project-steps .ic-step { width: calc(25% - 30px + 7.5px); border-radius: 5px; background: #fff; box-shadow: 0 30px 60px -10px rgb(35 35 35 / .08); height: 80px; display: flex; flex-direction: column; justify-content: center } @media only screen and (max-width: 1650px) { .ic-project-steps .ic-step { width:calc(25% - 26px + 6.5px) } } @media only screen and (max-width: 1399.98px) { .ic-project-steps .ic-step { width:calc(25% - 24px + 6px) } } @media only screen and (max-width: 1199.98px) { .ic-project-steps .ic-step { width:calc(25% - 20px + 5px) } } @media only screen and (max-width: 991.98px) { .ic-project-steps .ic-step { width:calc(33.3333333333% - 18px + 6px) } } @media only screen and (max-width: 767.98px) { .ic-project-steps .ic-step { width:calc(33.3333333333% - 16px + 5.3333333333px) } } @media only screen and (max-width: 575.98px) { .ic-project-steps .ic-step { width:calc(50% - 14px + 7px) } } .ic-project-steps .ic-step span { color: #838e9e; font-size: 14px; font-style: normal; font-weight: 400 } .ic-project-steps .ic-step p { font-weight: 600; margin-bottom: 2px } .ic-about-project h1,.ic-about-project h1 span,h1 .ic-about-project span,.ic-about-project h2,.ic-about-project h2 span,h2 .ic-about-project span,.ic-about-project h3,.ic-about-project .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-about-project h6,.ic-about-project .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-about-project span,.ic-about-project h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-about-project h5,.ic-about-project .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-about-project span,.ic-about-project h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-about-project span,.ic-about-project .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-about-project h2,.ic-about-project .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-about-project span,.ic-about-project h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-about-project h1,.ic-about-project .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-about-project span,.ic-about-project h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project h3 span,.ic-workflow-right .service-tab-content .ic-about-project h6 span,.ic-workflow-right .service-tab-content .ic-about-project h5 span,.ic-workflow-right .service-tab-content .ic-about-project h2 span,.ic-workflow-right .service-tab-content .ic-about-project h1 span,h3 .ic-about-project span,.ic-about-project .sub-h3 span,.sub-h3 .ic-about-project span { color: #00033e; margin-bottom: 30px } @media only screen and (max-width: 1399.98px) { .ic-about-project h1,.ic-about-project h1 span,h1 .ic-about-project span,.ic-about-project h2,.ic-about-project h2 span,h2 .ic-about-project span,.ic-about-project h3,.ic-about-project .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-about-project h6,.ic-about-project .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-about-project span,.ic-about-project h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-about-project h5,.ic-about-project .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-about-project span,.ic-about-project h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-about-project span,.ic-about-project .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-about-project h2,.ic-about-project .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-about-project span,.ic-about-project h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-about-project h1,.ic-about-project .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-about-project span,.ic-about-project h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project h3 span,.ic-workflow-right .service-tab-content .ic-about-project h6 span,.ic-workflow-right .service-tab-content .ic-about-project h5 span,.ic-workflow-right .service-tab-content .ic-about-project h2 span,.ic-workflow-right .service-tab-content .ic-about-project h1 span,h3 .ic-about-project span,.ic-about-project .sub-h3 span,.sub-h3 .ic-about-project span { margin-bottom:28px } } @media only screen and (max-width: 1199.98px) { .ic-about-project h1,.ic-about-project h1 span,h1 .ic-about-project span,.ic-about-project h2,.ic-about-project h2 span,h2 .ic-about-project span,.ic-about-project h3,.ic-about-project .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-about-project h6,.ic-about-project .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-about-project span,.ic-about-project h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-about-project h5,.ic-about-project .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-about-project span,.ic-about-project h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-about-project span,.ic-about-project .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-about-project h2,.ic-about-project .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-about-project span,.ic-about-project h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-about-project h1,.ic-about-project .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-about-project span,.ic-about-project h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project h3 span,.ic-workflow-right .service-tab-content .ic-about-project h6 span,.ic-workflow-right .service-tab-content .ic-about-project h5 span,.ic-workflow-right .service-tab-content .ic-about-project h2 span,.ic-workflow-right .service-tab-content .ic-about-project h1 span,h3 .ic-about-project span,.ic-about-project .sub-h3 span,.sub-h3 .ic-about-project span { margin-bottom:27px } } @media only screen and (max-width: 991.98px) { .ic-about-project h1,.ic-about-project h1 span,h1 .ic-about-project span,.ic-about-project h2,.ic-about-project h2 span,h2 .ic-about-project span,.ic-about-project h3,.ic-about-project .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-about-project h6,.ic-about-project .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-about-project span,.ic-about-project h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-about-project h5,.ic-about-project .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-about-project span,.ic-about-project h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-about-project span,.ic-about-project .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-about-project h2,.ic-about-project .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-about-project span,.ic-about-project h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-about-project h1,.ic-about-project .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-about-project span,.ic-about-project h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project h3 span,.ic-workflow-right .service-tab-content .ic-about-project h6 span,.ic-workflow-right .service-tab-content .ic-about-project h5 span,.ic-workflow-right .service-tab-content .ic-about-project h2 span,.ic-workflow-right .service-tab-content .ic-about-project h1 span,h3 .ic-about-project span,.ic-about-project .sub-h3 span,.sub-h3 .ic-about-project span { margin-bottom:26px } } @media only screen and (max-width: 767.98px) { .ic-about-project h1,.ic-about-project h1 span,h1 .ic-about-project span,.ic-about-project h2,.ic-about-project h2 span,h2 .ic-about-project span,.ic-about-project h3,.ic-about-project .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-about-project h6,.ic-about-project .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-about-project span,.ic-about-project h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-about-project h5,.ic-about-project .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-about-project span,.ic-about-project h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-about-project span,.ic-about-project .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-about-project h2,.ic-about-project .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-about-project span,.ic-about-project h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-about-project h1,.ic-about-project .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-about-project span,.ic-about-project h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project h3 span,.ic-workflow-right .service-tab-content .ic-about-project h6 span,.ic-workflow-right .service-tab-content .ic-about-project h5 span,.ic-workflow-right .service-tab-content .ic-about-project h2 span,.ic-workflow-right .service-tab-content .ic-about-project h1 span,h3 .ic-about-project span,.ic-about-project .sub-h3 span,.sub-h3 .ic-about-project span { margin-bottom:22px } } @media only screen and (max-width: 575.98px) { .ic-about-project h1,.ic-about-project h1 span,h1 .ic-about-project span,.ic-about-project h2,.ic-about-project h2 span,h2 .ic-about-project span,.ic-about-project h3,.ic-about-project .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-about-project h6,.ic-about-project .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-about-project span,.ic-about-project h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-about-project h5,.ic-about-project .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-about-project span,.ic-about-project h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-about-project span,.ic-about-project .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-about-project h2,.ic-about-project .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-about-project span,.ic-about-project h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-about-project h1,.ic-about-project .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-about-project span,.ic-about-project h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-about-project span,.ic-about-project h3 span,.ic-workflow-right .service-tab-content .ic-about-project h6 span,.ic-workflow-right .service-tab-content .ic-about-project h5 span,.ic-workflow-right .service-tab-content .ic-about-project h2 span,.ic-workflow-right .service-tab-content .ic-about-project h1 span,h3 .ic-about-project span,.ic-about-project .sub-h3 span,.sub-h3 .ic-about-project span { margin-bottom:20px } } .ic-about-project h4,.ic-about-project h4 span,h4 .ic-about-project span,.ic-about-project .sub-h4 span,.sub-h4 .ic-about-project span { margin-bottom: 25px } @media only screen and (max-width: 1650px) { .ic-about-project h4,.ic-about-project h4 span,h4 .ic-about-project span,.ic-about-project .sub-h4 span,.sub-h4 .ic-about-project span { margin-bottom:23px } } @media only screen and (max-width: 1399.98px) { .ic-about-project h4,.ic-about-project h4 span,h4 .ic-about-project span,.ic-about-project .sub-h4 span,.sub-h4 .ic-about-project span { margin-bottom:22px } } @media only screen and (max-width: 991.98px) { .ic-about-project h4,.ic-about-project h4 span,h4 .ic-about-project span,.ic-about-project .sub-h4 span,.sub-h4 .ic-about-project span { margin-bottom:20px } } @media only screen and (max-width: 767.98px) { .ic-about-project h4,.ic-about-project h4 span,h4 .ic-about-project span,.ic-about-project .sub-h4 span,.sub-h4 .ic-about-project span { margin-bottom:18px } } @media only screen and (max-width: 575.98px) { .ic-about-project h4,.ic-about-project h4 span,h4 .ic-about-project span,.ic-about-project .sub-h4 span,.sub-h4 .ic-about-project span { margin-bottom:17px } } .ic-about-project h5,.ic-about-project h5 span,h5 .ic-about-project span,.ic-about-project .sub-h5 span,.sub-h5 .ic-about-project span { margin-bottom: 20px } @media only screen and (max-width: 1399.98px) { .ic-about-project h5,.ic-about-project h5 span,h5 .ic-about-project span,.ic-about-project .sub-h5 span,.sub-h5 .ic-about-project span { margin-bottom:19px } } @media only screen and (max-width: 1199.98px) { .ic-about-project h5,.ic-about-project h5 span,h5 .ic-about-project span,.ic-about-project .sub-h5 span,.sub-h5 .ic-about-project span { margin-bottom:18px } } @media only screen and (max-width: 991.98px) { .ic-about-project h5,.ic-about-project h5 span,h5 .ic-about-project span,.ic-about-project .sub-h5 span,.sub-h5 .ic-about-project span { margin-bottom:17px } } @media only screen and (max-width: 767.98px) { .ic-about-project h5,.ic-about-project h5 span,h5 .ic-about-project span,.ic-about-project .sub-h5 span,.sub-h5 .ic-about-project span { margin-bottom:16px } } @media only screen and (max-width: 575.98px) { .ic-about-project h5,.ic-about-project h5 span,h5 .ic-about-project span,.ic-about-project .sub-h5 span,.sub-h5 .ic-about-project span { margin-bottom:14px } } .ic-about-project h6,.ic-about-project h6 span,h6 .ic-about-project span { margin-bottom: 15px } @media only screen and (max-width: 1399.98px) { .ic-about-project h6,.ic-about-project h6 span,h6 .ic-about-project span { margin-bottom:14px } } @media only screen and (max-width: 1199.98px) { .ic-about-project h6,.ic-about-project h6 span,h6 .ic-about-project span { margin-bottom:13px } } @media only screen and (max-width: 991.98px) { .ic-about-project h6,.ic-about-project h6 span,h6 .ic-about-project span { margin-bottom:12px } } @media only screen and (max-width: 767.98px) { .ic-about-project h6,.ic-about-project h6 span,h6 .ic-about-project span { margin-bottom:10px } } @media only screen and (max-width: 575.98px) { .ic-about-project h6,.ic-about-project h6 span,h6 .ic-about-project span { margin-bottom:9px } } .ic-about-project p { font-family: manrope-regular } .ic-about-project p:not(:last-child) { margin-bottom: 40px } @media only screen and (max-width: 1650px) { .ic-about-project p:not(:last-child) { margin-bottom:36px } } @media only screen and (max-width: 1399.98px) { .ic-about-project p:not(:last-child) { margin-bottom:34px } } @media only screen and (max-width: 1199.98px) { .ic-about-project p:not(:last-child) { margin-bottom:30px } } @media only screen and (max-width: 991.98px) { .ic-about-project p:not(:last-child) { margin-bottom:28px } } @media only screen and (max-width: 767.98px) { .ic-about-project p:not(:last-child) { margin-bottom:22px } } .ic-about-project p img:first-child { margin-right: 25px } .ic-about-project img { border-radius: 10px } .ic-about-project .img-box img { border-radius: 10px } .ic-about-project ul { list-style-type: unset; margin-bottom: 1rem; margin-left: 1rem } .ic-about-project ol { list-style-type: unset; margin-bottom: 1rem; margin-left: 1rem } .ic--work--buttons { display: flex; align-items: center; gap: 20px } @media (max-width: 767px) { .ic--work--buttons { justify-content:center } } @media (max-width: 575px) { .ic--work--buttons { display:block; text-align: center } } .ic--reset { font-size: 15px!important; border-radius: 10px; text-transform: capitalize; padding: 10px 20px; background: #00033e; color: #fff } @media (max-width: 1199px) { .ic--reset { padding:9px 20px } } @media (max-width: 767px) { .ic--reset { padding:7px 20px } } .work-category { border-radius: 50px; background: var(--White,#fff); box-shadow: 0 15px 50px 0 rgb(35 35 35 / .05) } .ic--work--buttons { display: flex; align-items: center; gap: 20px } .ic-dropdwon-class .btn:focus { box-shadow: none!important } .ic-dropdwon-class .dropdown-menu { left: 0!important; background: #fff; box-shadow: 0 2px 10px .32px rgb(95 145 150 / .25); padding: 15px 20px; border: none; z-index: 98; width: 200px; height: 300px; overflow-y: auto } .ic-dropdwon-class .dropdown-menu::-webkit-scrollbar { width: 5px } .ic-dropdwon-class .dropdown-menu::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 10px } .ic-dropdwon-class .dropdown-menu::-webkit-scrollbar-track { background-color: #f1f1f1 } .ic-dropdwon-class .dropdown-menu ul { padding: 8px } .ic-dropdwon-class .dropdown-menu a { font-size: 14px; color: #121420; transition: ease 0.3s } .ic-dropdwon-class .dropdown-menu a:active { background-color: #fff0 } .ic-dropdwon-class .dropdown-menu a:focus { outline: 0 } .ic-dropdwon-class .dropdown-menu a:hover { color: #c1001b } .ic-color-ful-tabs { justify-content: space-between; align-items: center; margin-bottom: 40px } @media (max-width: 575px) { .ic--reset { margin-top:10px; text-align: end } .ic--work--buttons { display: block; text-align: center } } .project-img-box img { border-radius: 10px } #works .colorful-tab-menu li { display: inline-block!important; margin-right: 2px } #works .colorful-tab-menu li a { font-size: 15px!important; display: block; padding: 10px 20px; border-radius: 5px; color: #00033e; text-transform: capitalize } .ic-dropdwon-btn { padding: 10px 20px; border: none; border-radius: 10px!important } .ic-dropdwon-btn::after { display: none } #works .colorful-tab-menu { margin-bottom: 40px } @media (max-width: 767px) { #works .colorful-tab-menu { flex-direction:unset; justify-content: center } } @media (max-width: 575px) { #works .colorful-tab-menu { display:flex } } #works .colorful-tab-menu li a:hover { display: block } #works .colorful-tab-menu .active.colorful-tab-menu-item a { background: #c1001b; color: #fff } #works .colorful-tab-wrapper:before { color: #c2121e; text-transform: uppercase; font-family: lufga-bold } #works .ic-works-item { margin-bottom: 30px; position: relative; overflow: hidden } .ic-work-subcategory-btn .ic-btn-primary { background-position: right!important } .ic-work-subcategory-btn .ic-btn-primary:hover { background-position: center!important } .ic-works-overlay { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); background-image: -moz-linear-gradient(0deg,rgb(0 3 62 / .8) 0%,rgb(40 170 169 / .8) 100%); background-image: -webkit-linear-gradient(0deg,rgb(0 3 62 / .8) 0%,rgb(40 170 169 / .8) 100%); background-image: -ms-linear-gradient(0deg,rgb(0 3 62 / .8) 0%,rgb(40 170 169 / .8) 100%); opacity: 0; text-align: left; display: flex; align-items: center; transition: all linear 0.4s; -webkit-transition: all linear 0.4s; -moz-transition: all linear 0.4s; -ms-transition: all linear 0.4s; -o-transition: all linear 0.4s; transition-delay: 0.2s; padding: 20px; box-sizing: border-box } .ic-works-item:hover>.ic-works-overlay { opacity: 1 } .ic-works-overlay-text { position: absolute; width: 100%; left: 0; bottom: 0; padding: 0 20px } .ic-works-overlay h6,.ic-works-overlay h6 span,h6 .ic-works-overlay span { color: #fff; text-transform: none; transform: translateY(50px); opacity: 0; line-height: 25px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition-delay: 0.25s } .ic-works-item:hover h6,.ic-works-item:hover h6 span,h6 .ic-works-item:hover span { opacity: 1; transform: translateY(0) } .ic-works-overlay p { font-size: 11px; line-height: 22px!important; color: #fff; transform: translateY(50px); opacity: 0; text-transform: none; line-height: 25px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition-delay: 0.5s } .ic-works-item:hover p { opacity: 1; transform: translateY(0) } .breadcumb-text { z-index: 9!important } #works .colorful-tab-wrapper { margin: 30px auto } @media (max-width: 767px) { #works .colorful-tab-wrapper { margin-top:0 } } #works .colorful-tab-wrapper .colorful-tab-menu { gap: 10px } .ic-crazyTab .ic-service-colorful-tab-menu li a { display: inline-flex!important } .ic-crazyTab .ic-service-colorful-tab-menu li a:hover { color: #fff!important } .open-popup-link { display: block; height: 100% } .open-popup-link:hover { display: block } .ic-work-subcategory-btn .ic-dropdwon-btn { height: 48px; margin: unset; color: #00033e; background: #fff; border: 1px solid #d6dae1 } .ic-work-subcategory-btn .ic-dropdwon-btn span { color: #00033e!important } .ic-work-subcategory-btn .ic-dropdwon-btn:hover span { color: #fff!important } @media only screen and (max-width: 1399.98px) { .ic-work-subcategory-btn .ic-dropdwon-btn { height:46px } } @media only screen and (max-width: 1199.98px) { .ic-work-subcategory-btn .ic-dropdwon-btn { height:42px; font-size: 14px } } @media only screen and (max-width: 991.98px) { .ic-work-subcategory-btn .ic-dropdwon-btn { height:40px } } @media only screen and (max-width: 767.98px) { .ic-work-subcategory-btn .ic-dropdwon-btn { height:38px; font-size: 13px } } @media only screen and (max-width: 767.98px) { .ic-work-subcategory-btn .ic-dropdwon-btn { height:36px } } .ic-work-subcategory-btn .ic-dropdwon-btn span { color: #c1001b } .colorful-tab-menu .colorful-tab-menu-item a { border-radius: 10px!important; height: 48px; padding: 0 25px!important; display: flex!important; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; font-family: manrope-regular; border: 1px solid #d6dae1 } @media only screen and (max-width: 1399.98px) { .colorful-tab-menu .colorful-tab-menu-item a { height:46px; padding: 0 22px!important } } @media only screen and (max-width: 1199.98px) { .colorful-tab-menu .colorful-tab-menu-item a { height:42px; font-size: 14px; padding: 0 20px!important } } @media only screen and (max-width: 991.98px) { .colorful-tab-menu .colorful-tab-menu-item a { height:40px; padding: 0 18px!important } } @media only screen and (max-width: 767.98px) { .colorful-tab-menu .colorful-tab-menu-item a { height:38px; font-size: 13px; padding: 0 16px!important } } @media only screen and (max-width: 767.98px) { .colorful-tab-menu .colorful-tab-menu-item a { height:36px } } #sign-in [name=remember],#sign-in [name=agree] { display: none } #sign-in form .checktext { padding-left: 22px } .collaborating-gallery-first { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; padding-bottom: 12px; margin-left: 38px } @media only screen and (max-width: 991.98px) { .collaborating-gallery-first { margin-left:0 } } .collaborating-gallery-first .collaborating-items { width: calc(100% - 12px); overflow: hidden; border-radius: 4px } .collaborating-gallery-first .collaborating-items img { transition: 0.6s; border-radius: 4px; width: 100% } .collaborating-gallery-first .collaborating-items:hover img { transform: scale(1.2) } .collaborating-gallery-first .collaborating-items:nth-child(1) { width: 267px } @media only screen and (max-width: 1399.98px) { .collaborating-gallery-first .collaborating-items:nth-child(1) { width:228px } } @media only screen and (max-width: 1199.98px) { .collaborating-gallery-first .collaborating-items:nth-child(1) { width:209px } } @media only screen and (max-width: 991.98px) { .collaborating-gallery-first .collaborating-items:nth-child(1) { width:150px } } @media only screen and (max-width: 767.98px) { .collaborating-gallery-first .collaborating-items:nth-child(1) { flex:1 } } .collaborating-gallery-first .collaborating-items:nth-child(2) { width: 284px } @media only screen and (max-width: 1399.98px) { .collaborating-gallery-first .collaborating-items:nth-child(2) { width:246px } } @media only screen and (max-width: 1199.98px) { .collaborating-gallery-first .collaborating-items:nth-child(2) { width:211px } } @media only screen and (max-width: 991.98px) { .collaborating-gallery-first .collaborating-items:nth-child(2) { width:170px } } @media only screen and (max-width: 767.98px) { .collaborating-gallery-first .collaborating-items:nth-child(2) { flex:1 } } .collaborating-gallery-first .collaborating-items:nth-child(3) { width: 320px } @media only screen and (max-width: 1399.98px) { .collaborating-gallery-first .collaborating-items:nth-child(3) { width:293px } } @media only screen and (max-width: 1199.98px) { .collaborating-gallery-first .collaborating-items:nth-child(3) { width:241px } } @media only screen and (max-width: 991.98px) { .collaborating-gallery-first .collaborating-items:nth-child(3) { width:210px } } @media only screen and (max-width: 767.98px) { .collaborating-gallery-first .collaborating-items:nth-child(3) { flex:1 } } .collaborating-gallery-first .collaborating-items:nth-child(4) { width: 345px } @media only screen and (max-width: 1399.98px) { .collaborating-gallery-first .collaborating-items:nth-child(4) { width:269px } } @media only screen and (max-width: 1199.98px) { .collaborating-gallery-first .collaborating-items:nth-child(4) { width:195px } } @media only screen and (max-width: 991.98px) { .collaborating-gallery-first .collaborating-items:nth-child(4) { width:123px } } @media only screen and (max-width: 767.98px) { .collaborating-gallery-first .collaborating-items:nth-child(4) { flex:1 } } .collaborating-gallery-second { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-start; margin-right: 45px } @media only screen and (max-width: 991.98px) { .collaborating-gallery-second { margin-right:0 } } .collaborating-gallery-second .collaborating-items { width: calc(100% - 12px); overflow: hidden; border-radius: 4px } .collaborating-gallery-second .collaborating-items img { transition: 0.6s; border-radius: 4px; width: 100% } .collaborating-gallery-second .collaborating-items:hover img { transform: scale(1.2) } .collaborating-gallery-second .collaborating-items:nth-child(1) { width: 305px } @media only screen and (max-width: 1399.98px) { .collaborating-gallery-second .collaborating-items:nth-child(1) { width:228px } } @media only screen and (max-width: 1199.98px) { .collaborating-gallery-second .collaborating-items:nth-child(1) { width:241px } } @media only screen and (max-width: 991.98px) { .collaborating-gallery-second .collaborating-items:nth-child(1) { width:185px } } @media only screen and (max-width: 767.98px) { .collaborating-gallery-second .collaborating-items:nth-child(1) { flex:1 } } .collaborating-gallery-second .collaborating-items:nth-child(2) { width: 239px } @media only screen and (max-width: 1399.98px) { .collaborating-gallery-second .collaborating-items:nth-child(2) { width:159px } } @media only screen and (max-width: 991.98px) { .collaborating-gallery-second .collaborating-items:nth-child(2) { width:161px } } @media only screen and (max-width: 767.98px) { .collaborating-gallery-second .collaborating-items:nth-child(2) { flex:1 } } .collaborating-gallery-second .collaborating-items:nth-child(3) { width: 401px } @media only screen and (max-width: 1399.98px) { .collaborating-gallery-second .collaborating-items:nth-child(3) { width:356px } } @media only screen and (max-width: 1199.98px) { .collaborating-gallery-second .collaborating-items:nth-child(3) { width:298px } } @media only screen and (max-width: 991.98px) { .collaborating-gallery-second .collaborating-items:nth-child(3) { width:188px } } @media only screen and (max-width: 767.98px) { .collaborating-gallery-second .collaborating-items:nth-child(3) { flex:1 } } .collaborating-gallery-second .collaborating-items:nth-child(4) { width: 264px } @media only screen and (max-width: 1399.98px) { .collaborating-gallery-second .collaborating-items:nth-child(4) { width:286px } } @media only screen and (max-width: 1199.98px) { .collaborating-gallery-second .collaborating-items:nth-child(4) { width:151px } } @media only screen and (max-width: 991.98px) { .collaborating-gallery-second .collaborating-items:nth-child(4) { width:118px } } @media only screen and (max-width: 767.98px) { .collaborating-gallery-second .collaborating-items:nth-child(4) { flex:1 } } .ic-our-photo-gallery .our-gallery-image img { width: 100% } .ic-our-culture { position: relative; background-image: url(../../itclan/images/gallery/culture-work-images.png); background-position: bottom; background-repeat: no-repeat; background-size: contain } @media only screen and (max-width: 767.98px) { .ic-our-culture { background-size:170% } } .ic-our-culture::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 50%; background-image: url('/assets/nexumBit/vactor-bg.png'); } .ic-our-culture .slider-video { z-index: 1 } .ic-our-culture .slider-thumb { max-width: 900px; margin: 0 auto; margin-top: -48px; z-index: 2 } @media only screen and (max-width: 991.98px) { .ic-our-culture .slider-thumb { max-width:600px } } @media only screen and (max-width: 767.98px) { .ic-our-culture .slider-thumb { max-width:400px; margin-top: 25px } } .ic-our-culture .slider-thumb .slick-slide { margin-left: 30px } @media only screen and (max-width: 991.98px) { .ic-our-culture .slider-thumb .slick-slide { margin-left:20px } } @media only screen and (max-width: 767.98px) { .ic-our-culture .slider-thumb .slick-slide { margin-left:15px } } @media only screen and (max-width: 575.98px) { .ic-our-culture .slider-thumb .slick-slide { margin-left:0 } } .ic-our-culture .slider-thumb .slick-list { margin-left: -30px } @media only screen and (max-width: 991.98px) { .ic-our-culture .slider-thumb .slick-list { margin-left:-20px } } @media only screen and (max-width: 767.98px) { .ic-our-culture .slider-thumb .slick-list { margin-left:-15px } } @media only screen and (max-width: 575.98px) { .ic-our-culture .slider-thumb .slick-list { margin-left:0 } } .ic-our-culture .slider-thumb .slick-center img { border-color: #ff8f3f } .ic-our-culture .slider-thumb .slick-track { margin: auto } .ic-our-culture .ic-video-box img { border-radius: 16px } .ic-our-culture .ic-video-box .video-play-button { position: absolute; z-index: 10; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 100px; height: 100px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center } @media only screen and (max-width: 991.98px) { .ic-our-culture .ic-video-box .video-play-button { width:60px; height: 60px } } .ic-our-culture .ic-video-box .video-play-button:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 100px; height: 100px; background: #fff; border-radius: 50%; animation: pulse-border 1500ms ease-out infinite } @media only screen and (max-width: 991.98px) { .ic-our-culture .ic-video-box .video-play-button:before { width:60px; height: 60px } } .ic-our-culture .ic-video-box .video-play-button:after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 100px; height: 100px; background: #fff; border-radius: 50%; transition: all 200ms } @media only screen and (max-width: 991.98px) { .ic-our-culture .ic-video-box .video-play-button:after { width:60px; height: 60px } } .ic-our-culture .ic-video-box .video-play-button:hover:after { background-color: #129380 } .ic-our-culture .ic-video-box .video-play-button img { position: relative; z-index: 3; max-width: 100%; width: auto; height: auto } .ic-our-culture .ic-video-box .video-play-button span { display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 26px solid #c1001b; border-top: 16px solid #fff0; border-bottom: 16px solid #fff0 } @media only screen and (max-width: 991.98px) { .ic-our-culture .ic-video-box .video-play-button span { border-left:18px solid #c2121e; border-top: 10px solid #fff0; border-bottom: 10px solid #fff0 } } .ic-our-culture .ic-video-box .video-play-button:hover span { border-left: 26px solid #fff; border-top: 16px solid #fff0; border-bottom: 16px solid #fff0 } @keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1 } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0 } } .ic-our-culture .ic-video-box .video-overlay { position: fixed; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: rgb(0 0 0 / .8); opacity: 0; transition: all ease 500ms } .our-culture-gallery { position: relative; z-index: 9 } .our-culture-thumnail { margin-top: -50px; position: relative; z-index: 9; display: flex; gap: 30px; justify-content: center } @media only screen and (max-width: 1199.98px) { .our-culture-thumnail { gap:24px; padding: 0 100px } } @media only screen and (max-width: 767.98px) { .our-culture-thumnail { gap:15px; padding: 0; margin-top: 30px } } @media only screen and (max-width: 575.98px) { .our-culture-thumnail { gap:5px; padding: 0; margin-top: 20px } } .ic-thumb-box img { border-radius: 19px; border: 4px solid #fff; margin: 0 auto } @media only screen and (max-width: 575.98px) { .ic-thumb-box img { border:2px solid #fff; border-radius: 6px } } .lg-counter span { color: #999 } .our-gallery-items a { position: relative; display: block; overflow: hidden; border-radius: 8px } .our-gallery-items a::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(35 35 35 / .5); transition: 0.4s; opacity: 0; visibility: hidden } .our-gallery-items a i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0); color: #fff; z-index: 9; font-size: 30px; transition: 0.4s } .our-gallery-items a:not(:last-child) { margin-bottom: 30px } @media only screen and (max-width: 991.98px) { .our-gallery-items a:not(:last-child) { margin-bottom:10px } } .our-gallery-items a:hover::after { opacity: 1; visibility: visible } .our-gallery-items a:hover i { transform: translate(-50%,-50%) scale(1) } @media only screen and (max-width: 767.98px) { .ic-gallery-text { padding-bottom:20px } } .ic-together-content-wrap .title { color: #fff; font-size: 96px; font-weight: 400; line-height: 96px; flex: 0 0 auto } @media only screen and (max-width: 1399.98px) { .ic-together-content-wrap .title { font-size:80px } } @media only screen and (max-width: 1199.98px) { .ic-together-content-wrap .title { font-size:60px } } @media only screen and (max-width: 991.98px) { .ic-together-content-wrap .title { font-size:45px } } @media only screen and (max-width: 767.98px) { .ic-together-content-wrap .title { font-size:40px; line-height: 60px } } @media only screen and (max-width: 575.98px) { .ic-together-content-wrap .title { line-height:54px } } .ic-together-content-wrap .top,.ic-together-content-wrap .bottom { display: flex; gap: 30px; align-items: center; justify-content: center } @media only screen and (max-width: 767.98px) { .ic-together-content-wrap .top,.ic-together-content-wrap .bottom { margin-bottom:unset } } .ic-together-content-wrap .bottom { gap: 50px; margin-left: 68px } @media only screen and (max-width: 1399.98px) { .ic-together-content-wrap .bottom { margin-left:18px } } @media only screen and (max-width: 1199.98px) { .ic-together-content-wrap .bottom { margin-left:0 } } @media only screen and (max-width: 991.98px) { .ic-together-content-wrap .bottom { gap:30px } } @media only screen and (max-width: 767.98px) { .ic-together-content-wrap .bottom { flex-direction:column-reverse; gap: 20px } } @media only screen and (max-width: 767.98px) { .ic-together-content-wrap .tag { display:none } } .ic-work-popup-cross { max-width: 1170px; border-radius: 10px; padding: 30px; position: relative; margin: 20px auto; background-color: #fff } @media only screen and (max-width: 1650px) { .ic-work-popup-cross { max-width:1000px } } @media only screen and (max-width: 1399.98px) { .ic-work-popup-cross { max-width:900px } } @media only screen and (max-width: 1199.98px) { .ic-work-popup-cross { max-width:800px } } @media only screen and (max-width: 991.98px) { .ic-work-popup-cross { max-width:680px } } @media only screen and (max-width: 767.98px) { .ic-work-popup-cross { max-width:480px; padding: 40px 20px } } @media only screen and (max-width: 575.98px) { .ic-work-popup-cross { max-width:100%; padding: 40px 20px } } .ic-work-popup-cross .mfp-close { position: absolute; top: -15px; right: -15px; border: 1px solid #d6dae1; background: #fff; width: 30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; opacity: 1; color: #dd3409; line-height: 27px } @media only screen and (max-width: 575.98px) { .ic-work-popup-cross .mfp-close { top:0; right: 0 } } .ic-popup-description-main { padding: 0; margin-bottom: 15px } .ic-new-popup-description { display: flex; gap: 20px; justify-content: space-between; align-items: start } @media only screen and (max-width: 480px) { .ic-new-popup-description { flex-direction:column } } .ic-new-popup-description .ic-project-titles h3,.ic-new-popup-description .ic-project-titles .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-new-popup-description .ic-project-titles h6,.ic-new-popup-description .ic-project-titles .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-new-popup-description .ic-project-titles span,.ic-new-popup-description .ic-project-titles h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-new-popup-description .ic-project-titles span,.ic-new-popup-description .ic-project-titles .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-new-popup-description .ic-project-titles h5,.ic-new-popup-description .ic-project-titles .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-new-popup-description .ic-project-titles span,.ic-new-popup-description .ic-project-titles h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-new-popup-description .ic-project-titles span,.ic-new-popup-description .ic-project-titles .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-new-popup-description .ic-project-titles span,.ic-new-popup-description .ic-project-titles .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-new-popup-description .ic-project-titles span,.ic-new-popup-description .ic-project-titles .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-new-popup-description .ic-project-titles h2,.ic-new-popup-description .ic-project-titles .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-new-popup-description .ic-project-titles span,.ic-new-popup-description .ic-project-titles h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-new-popup-description .ic-project-titles span,.ic-new-popup-description .ic-project-titles .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-new-popup-description .ic-project-titles h1,.ic-new-popup-description .ic-project-titles .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-new-popup-description .ic-project-titles span,.ic-new-popup-description .ic-project-titles h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-new-popup-description .ic-project-titles span,.ic-new-popup-description .ic-project-titles h3 span,.ic-workflow-right .service-tab-content .ic-new-popup-description .ic-project-titles h6 span,.ic-workflow-right .service-tab-content .ic-new-popup-description .ic-project-titles h5 span,.ic-workflow-right .service-tab-content .ic-new-popup-description .ic-project-titles h2 span,.ic-workflow-right .service-tab-content .ic-new-popup-description .ic-project-titles h1 span,h3 .ic-new-popup-description .ic-project-titles span,.ic-new-popup-description .ic-project-titles .sub-h3 span,.sub-h3 .ic-new-popup-description .ic-project-titles span { color: #121420 } .ic-new-popup-description .ic-project-titles p { color: #c1001b } .ic-works-popup-slide { -webkit-box-shadow: 0 0 60px 0 rgb(0 0 0 / .12); -moz-box-shadow: 0 0 60px 0 rgb(0 0 0 / .12); box-shadow: 0 0 60px 0 rgb(0 0 0 / .12); border-radius: 8px } .ic-works-popup-slide .owl-nav { position: absolute; width: 20%; right: 0; top: -58px; display: flex; align-items: center; justify-content: end; gap: 10px } @media only screen and (max-width: 575.98px) { .ic-works-popup-slide .owl-nav { justify-content:space-between; padding: 0 20px; top: 50%; transform: translateY(-50%); width: 100% } } .ic-works-popup-slide .owl-nav button { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #d6dae1!important } @media (max-width: 767px) { .ic-works-popup-slide .owl-nav button { width:40px; height: 40px } } .ic-works-popup-slide .owl-nav button i { font-size: 20px; color: #c1001b } .ic-works-popup-slider-item { border-radius: 8px; border: 1px solid #d6dae1; max-height: 540px; overflow-y: auto } .ic-works-popup-slider-item::-webkit-scrollbar { width: 6px } .ic-works-popup-slider-item::-webkit-scrollbar-track { background-color: #f5f5f5; border-radius: 10px } .ic-works-popup-slider-item::-webkit-scrollbar-thumb { background-color: #757171; border-radius: 10px } @media (max-width: 1550px) { .ic-works-popup-slider-item { max-height:400px } } @media (max-width: 1399px) { .ic-works-popup-slider-item { max-height:365px } } @media only screen and (max-width: 1199.98px) { .ic-works-popup-slider-item { max-height:320px } } .work-tags { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; margin-top: 18px } .work-tags .ic-popup-tags { display: flex; gap: 15px; flex-wrap: wrap } .work-tags .ic-popup-tags .tags-btns { height: 30px; border-radius: 50px; display: inline-flex; align-items: center; justify-content: center; color: #838e9e; border: 1px solid #d6dae1; padding: 6px 20px; background-color: #fff } @media only screen and (max-width: 767.98px) { .work-tags .ic-popup-tags .tags-btns { height:30px; padding: 8px 13px } } @media only screen and (max-width: 767.98px) { .work-tags .ic-popup-tags { gap:8px } } body .mfp-with-zoom.mfp-ready.mfp-bg { background-image: unset; opacity: .6 } .ic-technology-img { margin-top: 20px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap } @media only screen and (max-width: 767.98px) { .ic-technology-img { padding-right:114px } } @media only screen and (max-width: 575.98px) { .ic-technology-img { padding-right:0 } } .ic-technology-img li { width: 48px; height: 48px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #d6dae1; display: inline-flex; align-items: center; justify-content: center } .ic-technology-img li img { width: 20px } .ic-popup-two-buttons { display: flex; align-items: center; gap: 10px } .ic-popup-two-buttons a { white-space: nowrap } @media (max-width: 1550px) { .ic-popup-two-buttons a { height:44px } } @media only screen and (max-width: 767.98px) { .ic-popup-two-buttons { flex-direction:column } .ic-popup-two-buttons a { width: 100% } } @media only screen and (max-width: 480px) { .ic-popup-two-buttons { flex-direction:row } .ic-popup-two-buttons a { width: 100% } } .js-cookie-consent { display: none!important } .ic-location-section { background-color: #f1fafe } .ic-common-header { text-align: center } .ic-common-header .ic-contact-title { padding-bottom: 12px } .ic-common-header .ic-contact-title h3,.ic-common-header .ic-contact-title .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-common-header .ic-contact-title h6,.ic-common-header .ic-contact-title .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-common-header .ic-contact-title span,.ic-common-header .ic-contact-title h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-common-header .ic-contact-title span,.ic-common-header .ic-contact-title .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-common-header .ic-contact-title h5,.ic-common-header .ic-contact-title .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-common-header .ic-contact-title span,.ic-common-header .ic-contact-title h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-common-header .ic-contact-title span,.ic-common-header .ic-contact-title .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-common-header .ic-contact-title span,.ic-common-header .ic-contact-title .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-common-header .ic-contact-title span,.ic-common-header .ic-contact-title .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-common-header .ic-contact-title h2,.ic-common-header .ic-contact-title .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-common-header .ic-contact-title span,.ic-common-header .ic-contact-title h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-common-header .ic-contact-title span,.ic-common-header .ic-contact-title .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-common-header .ic-contact-title h1,.ic-common-header .ic-contact-title .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-common-header .ic-contact-title span,.ic-common-header .ic-contact-title h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-common-header .ic-contact-title span,.ic-common-header .ic-contact-title h3 span,.ic-workflow-right .service-tab-content .ic-common-header .ic-contact-title h6 span,.ic-workflow-right .service-tab-content .ic-common-header .ic-contact-title h5 span,.ic-workflow-right .service-tab-content .ic-common-header .ic-contact-title h2 span,.ic-workflow-right .service-tab-content .ic-common-header .ic-contact-title h1 span,h3 .ic-common-header .ic-contact-title span,.ic-common-header .ic-contact-title .sub-h3 span,.sub-h3 .ic-common-header .ic-contact-title span { font-weight: 700 } .ic-common-header .ic-contact-title p { color: #606a7a } .ic-location-wrap { display: flex; flex-wrap: wrap; gap: 30px; justify-content: center } @media only screen and (max-width: 991.98px) { .ic-location-wrap { gap:20px } } .ic-location-wrap .ic-location-item { width: calc(33.3333333333% - 30px + 10px); padding: 30px 48px; border-radius: 10px; background-color: #fff; display: flex; flex-direction: column; align-items: center } @media only screen and (max-width: 1199.98px) { .ic-location-wrap .ic-location-item { padding:30px } } @media only screen and (max-width: 767.98px) { .ic-location-wrap .ic-location-item { width:calc(50% - 20px + 10px) } } @media only screen and (max-width: 480px) { .ic-location-wrap .ic-location-item { width:100% } } .ic-location-wrap .ic-location-item .item-icon { width: 108px; height: 108px; border-radius: 100px; background-color: #f0f5ff; display: flex; justify-content: center; align-items: center } @media only screen and (max-width: 991.98px) { .ic-location-wrap .ic-location-item .item-icon { height:95px; width: 95px } } @media only screen and (max-width: 767.98px) { .ic-location-wrap .ic-location-item .item-icon { height:80px; width: 80px } } @media only screen and (max-width: 575.98px) { .ic-location-wrap .ic-location-item .item-icon { height:60px; width: 60px } } .ic-location-wrap .ic-location-item .item-icon svg { height: 30px; width: 30px } .ic-location-wrap .ic-location-item .item-title { display: flex; gap: 5px; align-items: center; position: relative; padding-bottom: 12px } .ic-location-wrap .ic-location-item .item-title h6,.ic-location-wrap .ic-location-item .item-title h6 span,h6 .ic-location-wrap .ic-location-item .item-title span { font-weight: 500 } .ic-location-wrap .ic-location-item .item-title::before { position: absolute; content: ""; width: 50px; height: 2px; background: linear-gradient(95deg,#c2121e 13.35%,#00a9c6 87.06%); bottom: 0; left: 50%; transform: translateX(-50%) } .ic-contact-form-wrap { display: flex; align-items: center; gap: 40px } @media only screen and (max-width: 767.98px) { .ic-contact-form-wrap { flex-direction:column; gap: 30px } } .ic-contact-form-wrap .select2-container { margin-bottom: 0px!important } .ic-contact-form-wrap .select2-selection--multiple { appearance: none; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: right 10px center; background-size: 24px } .ic-contact-form-wrap .form-content { max-width: 471px } @media only screen and (max-width: 767.98px) { .ic-contact-form-wrap .form-content { max-width:100% } } .ic-contact-form-wrap .form-content .mb-12 { padding-left: 58px; position: relative } .ic-contact-form-wrap .form-content .mb-12::before { position: absolute; content: ""; width: 50px; height: 1px; background: #fff; left: 0; top: 50%; transform: translateY(-50%) } .ic-contact-form-wrap .ic-contact-option { padding: 16px; border-radius: 5px; background: #fff; display: flex; align-items: center; gap: 5px; max-width: 315px } .ic-contact-form-wrap .ic-contact-option .ic-icon { width: 48px; height: 48px; border-radius: 50px; background-color: #f0f5ff; display: flex; justify-content: center; align-items: center } .ic-contact-form-wrap form { padding: 50px; border-radius: 10px; background-color: #fff } @media only screen and (max-width: 767.98px) { .ic-contact-form-wrap form { padding:30px } } .ic-contact-form-wrap form .ic-form-group .ic-form-group .form-label { margin-bottom: 6px; font-weight: 500 } .ic-contact-form-wrap form .ic-form-group .form-control::placeholder { color: #98a2b3 } .ic-contact-form-wrap form .ic-form-group .form-select { padding: 0 12px; border-radius: 5px; border: 1px solid #e7e6e6; width: 100% } .ic-contact-form-wrap form .ic-form-group textarea { max-height: 107px; padding: 12px 18px; border-radius: 5px; border: 1px solid #e7e6e6 } .ic-career-details-main { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 93px } @media only screen and (max-width: 1650px) { .ic-career-details-main { gap:50px } } @media only screen and (max-width: 991.98px) { .ic-career-details-main { flex-direction:column } } .ic-career-details-main .ic-carrer-details-right { width: 270px; flex: 0 0 auto } @media only screen and (max-width: 991.98px) { .ic-career-details-main .ic-carrer-details-right { order:1; width: 100% } } .ic-career-details-main .ic-carrer-details-right .ic-carrer-details-right-inner { padding: 30px 14px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid rgb(214 218 225 / .2); box-shadow: 0 10px 40px rgb(0 0 0 / .05) } @media only screen and (max-width: 991.98px) { .ic-career-details-main .ic-career-details-left { order:2 } } .ic-role-name { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 24px; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-bottom: 30px } @media only screen and (max-width: 1199.98px) { .ic-role-name { gap:10px } } @media only screen and (max-width: 991.98px) { .ic-role-name { margin-bottom:15px } } .ic-role-name img { width: 96px; height: 96px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; object-fit: cover } @media only screen and (max-width: 1399.98px) { .ic-role-name img { width:80px; height: 80px } } .ic-role-name h3,.ic-role-name .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-role-name h6,.ic-role-name .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-role-name span,.ic-role-name h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-role-name span,.ic-role-name .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-role-name h5,.ic-role-name .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-role-name span,.ic-role-name h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-role-name span,.ic-role-name .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-role-name span,.ic-role-name .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-role-name span,.ic-role-name .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-role-name h2,.ic-role-name .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-role-name span,.ic-role-name h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-role-name span,.ic-role-name .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-role-name h1,.ic-role-name .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-role-name span,.ic-role-name h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-role-name span,.ic-role-name h3 span,.ic-workflow-right .service-tab-content .ic-role-name h6 span,.ic-workflow-right .service-tab-content .ic-role-name h5 span,.ic-workflow-right .service-tab-content .ic-role-name h2 span,.ic-workflow-right .service-tab-content .ic-role-name h1 span,h3 .ic-role-name span,.ic-role-name .sub-h3 span,.sub-h3 .ic-role-name span { font-size: 28px; line-height: 32px; padding-bottom: 15px } @media only screen and (max-width: 1399.98px) { .ic-role-name h3,.ic-role-name .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-role-name h6,.ic-role-name .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-role-name span,.ic-role-name h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-role-name span,.ic-role-name .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-role-name h5,.ic-role-name .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-role-name span,.ic-role-name h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-role-name span,.ic-role-name .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-role-name span,.ic-role-name .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-role-name span,.ic-role-name .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-role-name h2,.ic-role-name .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-role-name span,.ic-role-name h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-role-name span,.ic-role-name .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-role-name h1,.ic-role-name .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-role-name span,.ic-role-name h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-role-name span,.ic-role-name h3 span,.ic-workflow-right .service-tab-content .ic-role-name h6 span,.ic-workflow-right .service-tab-content .ic-role-name h5 span,.ic-workflow-right .service-tab-content .ic-role-name h2 span,.ic-workflow-right .service-tab-content .ic-role-name h1 span,h3 .ic-role-name span,.ic-role-name .sub-h3 span,.sub-h3 .ic-role-name span { font-size:26px; line-height: 28px } } @media only screen and (max-width: 1366.98px) { .ic-role-name h3,.ic-role-name .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-role-name h6,.ic-role-name .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-role-name span,.ic-role-name h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-role-name span,.ic-role-name .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-role-name h5,.ic-role-name .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-role-name span,.ic-role-name h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-role-name span,.ic-role-name .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-role-name span,.ic-role-name .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-role-name span,.ic-role-name .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-role-name h2,.ic-role-name .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-role-name span,.ic-role-name h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-role-name span,.ic-role-name .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-role-name h1,.ic-role-name .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-role-name span,.ic-role-name h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-role-name span,.ic-role-name h3 span,.ic-workflow-right .service-tab-content .ic-role-name h6 span,.ic-workflow-right .service-tab-content .ic-role-name h5 span,.ic-workflow-right .service-tab-content .ic-role-name h2 span,.ic-workflow-right .service-tab-content .ic-role-name h1 span,h3 .ic-role-name span,.ic-role-name .sub-h3 span,.sub-h3 .ic-role-name span { font-size:25px; line-height: 28px } } @media only screen and (max-width: 1199.98px) { .ic-role-name h3,.ic-role-name .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-role-name h6,.ic-role-name .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-role-name span,.ic-role-name h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-role-name span,.ic-role-name .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-role-name h5,.ic-role-name .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-role-name span,.ic-role-name h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-role-name span,.ic-role-name .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-role-name span,.ic-role-name .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-role-name span,.ic-role-name .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-role-name h2,.ic-role-name .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-role-name span,.ic-role-name h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-role-name span,.ic-role-name .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-role-name h1,.ic-role-name .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-role-name span,.ic-role-name h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-role-name span,.ic-role-name h3 span,.ic-workflow-right .service-tab-content .ic-role-name h6 span,.ic-workflow-right .service-tab-content .ic-role-name h5 span,.ic-workflow-right .service-tab-content .ic-role-name h2 span,.ic-workflow-right .service-tab-content .ic-role-name h1 span,h3 .ic-role-name span,.ic-role-name .sub-h3 span,.sub-h3 .ic-role-name span { font-size:23px; line-height: 26px; padding-bottom: 8px } } .ic-role-name p span { display: inline-block; background: linear-gradient(144deg,#c2121e 5.75%,#00a9c6 94.25%); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 14px; padding: 4px 12px; font-weight: 500; margin-left: 15px } @media only screen and (max-width: 1199.98px) { .ic-role-name p span { padding:2px 10px; font-size: 12px } } .ic-job-icon { text-align: right } .ic-job-icon i { font-size: 40px; color: #c2121e } .ic-career-details-warper-area { padding: 75px 0 } .ic-career-details-banner { background-size: cover; background-repeat: no-repeat; background-position: center center; padding: 115px 0; margin-top: 102px } .ic-career-details-banner-content h1,.ic-career-details-banner-content h1 span,h1 .ic-career-details-banner-content span { color: #fff; font-size: 72px; font-family: "Manrope",sans-serif; text-transform: unset; width: 75%; padding-bottom: 30px } .ic-career-details-banner-content p { color: #fff; font-size: 24px; font-family: "Manrope",sans-serif; padding-bottom: 0 } .ic-career-details-banner-content p span { font-family: "Manrope",sans-serif } .ic-career-details-requirment { margin-bottom: 18px } .ic-career-details-requirment p { padding-bottom: 20px; font-family: "Manrope",sans-serif; color: #60656b; padding-bottom: 0 } .ic-career-details-requirment h5,.ic-career-details-requirment h5 span,h5 .ic-career-details-requirment span,.ic-career-details-requirment .sub-h5 span,.sub-h5 .ic-career-details-requirment span { margin-bottom: 18px } .ic-career-details-requirment ul li { font-size: 16px; font-family: "Inter",sans-serif; color: #60656b; margin-bottom: 4px; position: relative; padding-left: 26px } @media only screen and (max-width: 1199.98px) { .ic-career-details-requirment ul li { font-size:15px } } @media only screen and (max-width: 991.98px) { .ic-career-details-requirment ul li { font-size:13px } } .ic-career-details-requirment ul li::before { content: ""; position: absolute; width: 5px; height: 5px; border-radius: 50%; background-color: #60656b; top: 50%; transform: translateY(-50%); left: 5px } .ic-career-details-requirment ul li span { color: #c2121e } .ic-career-details-apply { padding-top: 35px } @media only screen and (max-width: 991.98px) { .ic-career-details-right { display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap } } .ic-career-details-right .ic-header { padding-bottom: 20px; text-align: center; border-bottom: 1px solid #E6E8EC } @media only screen and (max-width: 991.98px) { .ic-career-details-right .ic-header { flex-basis:100% } } .ic-career-details-right .ic-header h6,.ic-career-details-right .ic-header h6 span,h6 .ic-career-details-right .ic-header span { font-weight: 600 } .ic-career-details-right .ic-career-details-info-item { padding: 20px 0; text-align: center } @media only screen and (max-width: 991.98px) { .ic-career-details-right .ic-career-details-info-item { width:25% } } @media only screen and (max-width: 767.98px) { .ic-career-details-right .ic-career-details-info-item { width:33.3333333333% } } @media only screen and (max-width: 767.98px) { .ic-career-details-right .ic-career-details-info-item { width:50% } } @media (max-width: 400px) { .ic-career-details-right .ic-career-details-info-item { width:100% } } .ic-career-details-right .ic-career-details-info-item:last-child { padding-bottom: 0 } @media only screen and (max-width: 767.98px) { .ic-career-details-right .ic-career-details-info-item:last-child { padding-bottom:20px; flex-basis: 100% } } .ic-career-details-right .ic-career-details-info-item:not(:last-child) { border-bottom: 1px solid rgb(129 129 129 / .1019607843) } @media only screen and (max-width: 991.98px) { .ic-career-details-right .ic-career-details-info-item:not(:last-child) { border-right:1px solid rgb(129 129 129 / .1019607843) } } @media (max-width: 400px) { .ic-career-details-right .ic-career-details-info-item:not(:last-child) { border-right:0 } } @media only screen and (max-width: 991.98px) { .ic-career-details-right .ic-career-details-info-item:last-child { border-bottom:1px solid rgb(129 129 129 / .1019607843) } } .ic-career-details-right .ic-career-details-info-item i { font-size: 32px; display: block; margin-bottom: 12px; background: linear-gradient(144deg,#c2121e 5.75%,#00a9c6 94.25%); -webkit-background-clip: text; -webkit-text-fill-color: #fff0 } .ic-career-details-right .ic-career-details-info-item span { font-size: 12px; line-height: 18px; font-weight: 400; color: #838e9e; margin-bottom: 4px; display: inline-block; text-transform: uppercase; font-family: "Inter",sans-serif } .ic-career-details-right .ic-career-details-info-item p { font-size: 16px; color: #606a7a; padding-bottom: 0; font-weight: 500; font-family: "Inter",sans-serif } @media only screen and (max-width: 991.98px) { .ic-career-details-right .ic-career-details-info-item p { font-size:14px } } .ic-career-details-right .ic-career-details-info-item .ic-content { margin-left: 20px } .ic-career-details-view-all-jobs { padding: 20px 20px 40px 30px } .ic-career-details-view-all-jobs a { font-size: 16px; font-family: "Manrope",sans-serif; color: #2b2d5d; text-decoration: underline; transition: all 0.5s } .ic-career-details-view-all-jobs a:hover { color: #c2121e } .ic-job-social-share { margin-top: 35px } .ic-job-social-share h4,.ic-job-social-share h4 span,h4 .ic-job-social-share span,.ic-job-social-share .sub-h4 span,.sub-h4 .ic-job-social-share span { font-family: "Manrope",sans-serif; font-size: 24px; color: #c2121e; margin-bottom: 20px } .ic-job-social-share ul li a { border: 1px solid #c2121e; color: #c2121e } .job-app-header { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #d6dae1; text-align: center } .job-app-header p { display: inline-block; background: linear-gradient(144deg,#c2121e 5.75%,#00A9C6 94.25%); -webkit-background-clip: text; -webkit-text-fill-color: #fff0; background-clip: text; text-fill-color: #fff0; font-size: 24px; font-weight: 500; line-height: 30px } @media only screen and (max-width: 1199.98px) { .job-app-header p { font-size:20px; line-height: 24px } } @media only screen and (max-width: 991.98px) { .job-app-header p { font-size:18px; line-height: 22px } } .form-group-upload { background-color: #F5F6F7; padding: 12px 12px 12px 24px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; border-radius: 5px; margin-bottom: 15px } .form-group-upload input { display: none } .form-group-upload span { font-family: "Inter"; font-weight: 500 } .form-group-upload label { display: inline-flex; align-items: center; justify-content: center; height: 44px; border: 1px solid #E6E8EC; position: relative; padding: 0 20px; margin-bottom: 0; border-radius: 5px; position: relative; z-index: 1; cursor: pointer } .form-group-upload label span { font-family: "Inter"; font-weight: 500; font-size: 14px; background-image: linear-gradient(144deg,#c2121e 5.75%,#00A9C6 94.25%); -webkit-background-clip: text; -webkit-text-fill-color: #fff0; background-clip: text; text-fill-color: #fff0 } .form-group-upload label::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; border-radius: 5px; z-index: -1 } .modal-dialog.job-application-for { max-width: 1140px } .ic-application-form { padding: 50px; background: #FFF; border: 1px solid #D6DAE1; box-shadow: 0 10px 40px rgb(0 0 0 / .05); border-radius: 10px } .ic-application-form input,.ic-application-form select { color: #727272!important } @media only screen and (max-width: 1650px) { .ic-application-form input,.ic-application-form select { font-size:15px } } @media only screen and (max-width: 1199.98px) { .ic-application-form input,.ic-application-form select { font-size:14px } } .ic-application-form input::placeholder,.ic-application-form select::placeholder { color: #727272!important } @media only screen and (max-width: 991.98px) { .ic-application-form { padding:30px } } .ic-career-banner .ic-top-banner-content { justify-content: center; padding: 112px 0 } .ic-career-banner .ic-breadcrumb { justify-content: center } .ic-career-banner .ic-breadcrumb-item:not(:first-child):before { color: #606a7a } .ic-main-content-wrap .content-title { text-align: center; margin-bottom: 40px } .ic-career-item { padding: 22px 30px; border-radius: 8px; background: #fff; box-shadow: 0 10px 20px 0 rgb(0 0 0 / .05); display: flex; justify-content: space-between; margin-bottom: 20px } @media only screen and (max-width: 991.98px) { .ic-career-item { padding:20px } } @media only screen and (max-width: 767.98px) { .ic-career-item { flex-direction:column } } @media only screen and (max-width: 575.98px) { .ic-career-item { gap:10px; padding: 16px } } .ic-career-item .item-icon { display: flex; align-items: center; gap: 12px } .ic-career-item .item-icon img { width: 60px; height: 60px; border-radius: 8px } @media only screen and (max-width: 575.98px) { .ic-career-item .item-icon img { width:45px; height: 45px } } .ic-career-item .ic-item-content { display: flex; gap: 80px; align-items: center } @media only screen and (max-width: 1199.98px) { .ic-career-item .ic-item-content { gap:50px } } @media only screen and (max-width: 991.98px) { .ic-career-item .ic-item-content { gap:10px } } @media only screen and (max-width: 767.98px) { .ic-career-item .ic-item-content { gap:40px } } @media only screen and (max-width: 575.98px) { .ic-career-item .ic-item-content { flex-direction:column; align-items: flex-start; gap: 5px } } .ic-career-item .ic-item-content li { margin-left: 24px; position: relative } @media only screen and (max-width: 991.98px) { .ic-career-item .ic-item-content li { margin-left:10px } } @media only screen and (max-width: 575.98px) { .ic-career-item .ic-item-content li { margin-left:0 } } .ic-career-item .ic-item-content li::before { content: ""; position: absolute; top: 50%; left: -24px; transform: translateY(-50%); width: 1px; height: 25px; background: #d6dae1; display: inline-block } @media only screen and (max-width: 991.98px) { .ic-career-item .ic-item-content li::before { left:-10px; height: 18px } } @media only screen and (max-width: 575.98px) { .ic-career-item .ic-item-content li::before { content:unset } } .ic-career-item .ic-item-content li:first-child { margin-left: unset } .ic-career-item .ic-item-content li:first-child::before { content: unset } .ic-career-item .ic-item-content li:last-child { margin-left: unset } .ic-career-item .ic-item-content li:last-child::before { content: unset } .ic-career-select .form-select { height: 60px; padding: 0 25px; border-radius: 50px; border: 1px solid #d6dae1; background: #fff; box-shadow: 0 15px 50px 0 rgb(35 35 35 / .05); color: #c1001b } @media only screen and (max-width: 575.98px) { .ic-career-select .form-select { height:40px; padding: 0 12px } } .ic-career-select .form-select option { color: #c1001b } .ic-benefit-section .ic-section-title-content { max-width: 630px; margin: auto } .ic-benefit-section .ic-section-title-content h6,.ic-benefit-section .ic-section-title-content h6 span,h6 .ic-benefit-section .ic-section-title-content span { color: #4b95ff; font-weight: 600 } .ic-benefit-item-wrap { display: flex; flex-wrap: wrap; justify-content: center } .ic-benefit-item-wrap .ic-benefit-item { text-align: center; width: 20%; padding: 50px 40px; position: relative; border-bottom: 1px solid #d6dae1 } .ic-benefit-item-wrap .ic-benefit-item h4,.ic-benefit-item-wrap .ic-benefit-item h4 span,h4 .ic-benefit-item-wrap .ic-benefit-item span,.ic-benefit-item-wrap .ic-benefit-item .sub-h4 span,.sub-h4 .ic-benefit-item-wrap .ic-benefit-item span { font-weight: 500 } .ic-benefit-item-wrap .ic-benefit-item::after { position: absolute; content: ""; width: 1px; height: 147px; opacity: .5; background: #d6dae1; top: 50%; right: 0; transform: translateY(-50%) } .ic-benefit-item-wrap .ic-benefit-item:nth-child(5n+5)::after { content: unset } .ic-benefit-item-wrap .ic-benefit-item:nth-last-child(-n+5) { border-bottom: unset } @media only screen and (max-width: 1199.98px) { .ic-benefit-item-wrap .ic-benefit-item { width:25%; padding: 40px 20px } .ic-benefit-item-wrap .ic-benefit-item:nth-child(5n+5)::after { content: "" } .ic-benefit-item-wrap .ic-benefit-item:nth-child(4n+4)::after { content: unset } } @media only screen and (max-width: 991.98px) { .ic-benefit-item-wrap .ic-benefit-item { padding:30px 20px } } @media only screen and (max-width: 767.98px) { .ic-benefit-item-wrap .ic-benefit-item { width:33.3333333333% } .ic-benefit-item-wrap .ic-benefit-item:nth-child(3n+3)::after { content: unset } .ic-benefit-item-wrap .ic-benefit-item:nth-child(4n+4)::after { content: "" } } @media only screen and (max-width: 575.98px) { .ic-benefit-item-wrap .ic-benefit-item { width:50% } .ic-benefit-item-wrap .ic-benefit-item:nth-child(2n+2)::after { content: unset } .ic-benefit-item-wrap .ic-benefit-item:nth-child(3n+3)::after { content: "" } } .ic-benefit-item-wrap .ic-benefit-item:last-child::after { content: unset } .ic-achive-content-area .ic-achive-container { display: grid; grid-gap: 16px; grid-template-columns: repeat(auto-fit,minmax(208px,1fr)); grid-auto-rows: 200px; grid-auto-flow: dense } @media only screen and (max-width: 1199.98px) { .ic-achive-content-area .ic-achive-container { grid-template-columns:repeat(auto-fit,minmax(171px,1fr)) } } @media only screen and (max-width: 575.98px) { .ic-achive-content-area .ic-achive-container { grid-gap:8px } } .ic-achive-content-area .ic-achive-container div { display: flex; justify-content: center; align-items: center } .ic-achive-content-area .ic-achive-container img { width: 100%; height: 100%; object-fit: cover; border-radius: 8px } .ic-achive-content-area .ic-big-span { grid-column: span 2 } @media only screen and (max-width: 991.98px) { .ic-achive-content-area .ic-big-span { grid-column:span 1 } } @media only screen and (max-width: 767.98px) { .ic-achive-content-area .ic-big-span { grid-column:span 2 } } .ic_service_development { background: #f1fafe } .ic-cms-part,.ic-cms-part-2 { display: flex; gap: 80px; align-items: center } @media (max-width: 1550px) { .ic-cms-part,.ic-cms-part-2 { gap:30px } } @media (max-width: 1366px) { .ic-cms-part,.ic-cms-part-2 { gap:50px } } @media only screen and (max-width: 1199.98px) { .ic-cms-part,.ic-cms-part-2 { gap:30px } } @media only screen and (max-width: 991.98px) { .ic-cms-part,.ic-cms-part-2 { flex-direction:column; align-items: center } } @media only screen and (max-width: 991.98px) { .ic-cms-part .ic-cms-left,.ic-cms-part-2 .ic-cms-left { text-align:center } } .ic-cms-part .ic-cms-left h2,.ic-cms-part-2 .ic-cms-left h2,.ic-cms-part .ic-cms-left h2 span,.ic-cms-part-2 .ic-cms-left h2 span,h2 .ic-cms-part .ic-cms-left span,h2 .ic-cms-part-2 .ic-cms-left span { font-size: 32px; font-style: normal; font-weight: 700; line-height: 45px } @media only screen and (max-width: 1199.98px) { .ic-cms-part .ic-cms-left h2,.ic-cms-part-2 .ic-cms-left h2,.ic-cms-part .ic-cms-left h2 span,.ic-cms-part-2 .ic-cms-left h2 span,h2 .ic-cms-part .ic-cms-left span,h2 .ic-cms-part-2 .ic-cms-left span { font-size:26px; line-height: 33px } } @media only screen and (max-width: 767.98px) { .ic-cms-part .ic-cms-left h2,.ic-cms-part-2 .ic-cms-left h2,.ic-cms-part .ic-cms-left h2 span,.ic-cms-part-2 .ic-cms-left h2 span,h2 .ic-cms-part .ic-cms-left span,h2 .ic-cms-part-2 .ic-cms-left span { font-size:24px } } @media only screen and (max-width: 575.98px) { .ic-cms-part .ic-cms-left h2,.ic-cms-part-2 .ic-cms-left h2,.ic-cms-part .ic-cms-left h2 span,.ic-cms-part-2 .ic-cms-left h2 span,h2 .ic-cms-part .ic-cms-left span,h2 .ic-cms-part-2 .ic-cms-left span { font-size:22px; line-height: 30px } } .ic-cms-part .ic-cms-right,.ic-cms-part-2 .ic-cms-right { flex: 0 0 auto } .ic-cms-part .ic-cms-right img,.ic-cms-part-2 .ic-cms-right img { border-radius: 8px } .ic-cms-part-2 { flex-direction: row-reverse } @media only screen and (max-width: 991.98px) { .ic-cms-part-2 { flex-direction:column; align-items: center } } .ic-workflow-section .ic-section-title .ic-section-title-content { padding-bottom: 24px } .ic-workflow-section .ic-section-title .ic-section-title-content p { font-size: 16px; line-height: 26px } .ic_service__part.ic-workflow-section { padding-bottom: 90px } .ic-workflow-content-area .tab-pane.active { display: block } .ic-workflow-content { border-radius: 32px; background: #c1001b; box-shadow: 0 12px 56px 0 rgb(27 42 64 / .1); padding: 55px; display: flex; gap: 35px } @media only screen and (max-width: 1199.98px) { .ic-workflow-content { padding:40px } } @media only screen and (max-width: 991.98px) { .ic-workflow-content { flex-direction:column } } @media only screen and (max-width: 575.98px) { .ic-workflow-content { padding:15px } } .ic-workflow-item { width: 100%; border-radius: 16px; padding: 17px 24px; background: #f3f5f6; transition: all 0.3s; font-size: 22px; line-height: 26px; color: #121420; text-align: left; font-family: lufga-medium } .ic-workflow-item:last-child { margin-bottom: 0 } @media only screen and (max-width: 1650px) { .ic-workflow-item { font-size:18px } } @media only screen and (max-width: 575.98px) { .ic-workflow-item { padding:10px 10px; font-size: 18px; font-weight: 500 } } .ic-workflow-item:hover { background: #121420; color: #fff } .ic-workflow-item:hover button { color: #fff } .ic-workflow-item.active { background: #121420; color: #fff } .ic-workflow-right { width: calc(50% - 35px + 17.5px) } @media only screen and (max-width: 991.98px) { .ic-workflow-right { width:100% } } .ic-workflow-right .ic-right-item h4,.ic-workflow-right .ic-right-item h4 span,h4 .ic-workflow-right .ic-right-item span,.ic-workflow-right .ic-right-item .sub-h4 span,.sub-h4 .ic-workflow-right .ic-right-item span { color: #1b2a40; font-size: 24px; font-weight: 600; line-height: 32px; margin-bottom: 0 } @media only screen and (max-width: 575.98px) { .ic-workflow-right .ic-right-item h4,.ic-workflow-right .ic-right-item h4 span,h4 .ic-workflow-right .ic-right-item span,.ic-workflow-right .ic-right-item .sub-h4 span,.sub-h4 .ic-workflow-right .ic-right-item span { font-size:20px; line-height: 28px } } .ic-workflow-right .ic-tick-mark { display: flex; gap: 10px; align-items: center; margin-bottom: 16px } @media only screen and (max-width: 575.98px) { .ic-workflow-right .ic-tick-mark { margin-bottom:8px } } .ic-workflow-right .ic-tick-mark .ic-mark-title { color: #1b2a40 } .ic-workflow-right .service-tab-content h3,.ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content h6 span,h6 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content h5 span,h5 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content .sub-h5 span,.sub-h5 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content h2 span,h2 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content h1 span,h1 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h3 span,h3 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content .sub-h3 span,.sub-h3 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h4,.ic-workflow-right .service-tab-content h4 span,h4 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content .sub-h4 span,.sub-h4 .ic-workflow-right .service-tab-content span { color: #121420; font-size: 24px; font-style: normal; font-weight: 600; line-height: 32px; margin-bottom: 8px; position: relative; padding-left: 34px } @media only screen and (max-width: 1650px) { .ic-workflow-right .service-tab-content h3,.ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content h6 span,h6 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content h5 span,h5 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content .sub-h5 span,.sub-h5 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content h2 span,h2 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content h1 span,h1 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h3 span,h3 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content .sub-h3 span,.sub-h3 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content h4,.ic-workflow-right .service-tab-content h4 span,h4 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content .sub-h4 span,.sub-h4 .ic-workflow-right .service-tab-content span { font-size:18px; line-height: 25px } } .ic-workflow-right .service-tab-content h3::before,.ic-workflow-right .service-tab-content h6::before,.ic-workflow-right .service-tab-content h6 span::before,h6 .ic-workflow-right .service-tab-content span::before,.ic-workflow-right .service-tab-content h5::before,.ic-workflow-right .service-tab-content h5 span::before,h5 .ic-workflow-right .service-tab-content span::before,.ic-workflow-right .service-tab-content .sub-h5 span::before,.sub-h5 .ic-workflow-right .service-tab-content span::before,.ic-workflow-right .service-tab-content h2::before,.ic-workflow-right .service-tab-content h2 span::before,h2 .ic-workflow-right .service-tab-content span::before,.ic-workflow-right .service-tab-content h1::before,.ic-workflow-right .service-tab-content h1 span::before,h1 .ic-workflow-right .service-tab-content span::before,.ic-workflow-right .service-tab-content h3 span::before,h3 .ic-workflow-right .service-tab-content span::before,.ic-workflow-right .service-tab-content .sub-h3 span::before,.sub-h3 .ic-workflow-right .service-tab-content span::before,.ic-workflow-right .service-tab-content h4::before,.ic-workflow-right .service-tab-content h4 span::before,h4 .ic-workflow-right .service-tab-content span::before,.ic-workflow-right .service-tab-content .sub-h4 span::before,.sub-h4 .ic-workflow-right .service-tab-content span::before { content: ""; position: absolute; background-image: url(../../../nexumBit/tick.svg); width: 24px; height: 24px; left: 0; top: 50%; transform: translateY(-50%) } .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content h1 span,h1 .ic-workflow-right .service-tab-content span { font-size: 32px } .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content h2 span,h2 .ic-workflow-right .service-tab-content span { font-size: 28px } .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content h5 span,h5 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content .sub-h5 span,.sub-h5 .ic-workflow-right .service-tab-content span { font-size: 20px } .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content h6 span,h6 .ic-workflow-right .service-tab-content span { font-size: 18px } .ic-workflow-right .service-tab-content p { font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 25px; margin-bottom: 28px; color: #fff } .ic-workflow-right .service-tab-content p:last-child { margin-bottom: 0 } .ic-workflow-left { width: calc(50% - 35px + 17.5px) } @media only screen and (max-width: 991.98px) { .ic-workflow-left { width:100% } } .ic-workflow-content-Testing { border-radius: 10px; background: #fff; box-shadow: 0 12px 56px 0 rgb(27 42 64 / .1); padding: 55px } .ic-gallery-items-wrap .ic-gallery { margin-bottom: 22px } @media (max-width: 991px) { .ic-gallery-items-wrap .ic-gallery { margin-bottom:10px } } @media (max-width: 575px) { .ic-gallery-items-wrap .ic-gallery { margin-bottom:10px } } .ic-customize-content-area { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px } @media only screen and (max-width: 575.98px) { .ic-customize-content-area { gap:15px } } .ic-customize-title { height: 74px; border-radius: 10px; background: #fff; display: flex; justify-content: center; align-items: center } .ic-customize-title .sub-h4 { color: #c1001b } .ic-customize-item { box-shadow: 0 12px 40px 0 rgb(27 42 64 / .05); width: calc(25% - 30px + 7.5px); border-radius: 0 0 10px 10px; background-color: #fff } @media only screen and (max-width: 1199.98px) { .ic-customize-item { width:calc(33.3333333333% - 30px + 10px) } } @media only screen and (max-width: 991.98px) { .ic-customize-item { width:calc(50% - 30px + 15px) } } @media only screen and (max-width: 575.98px) { .ic-customize-item { width:100% } } .ic-customize-item .ic-customize-item-heading { height: 96px; padding: 0 32px; border-radius: 10px 10px 0 0; display: flex; align-items: center; justify-content: center } @media only screen and (max-width: 575.98px) { .ic-customize-item .ic-customize-item-heading { height:60px } } .ic-customize-item .ic-customize-item-heading .item-title { color: #fff; text-align: center; font-weight: 700 } .ic-customize-item .ic-customize-item-text { padding: 25px; border-radius: 0 0 10px 10px; background-color: #fff } @media only screen and (max-width: 575.98px) { .ic-customize-item .ic-customize-item-text { padding:20px } } .ic-customize-item .ic-customize-item-text p { font-size: 15px; text-align: center } .ic-benefit-content-wrap { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px } @media only screen and (max-width: 575.98px) { .ic-benefit-content-wrap { gap:15px } } .ic-benefit-item { padding: 30px; border-radius: 8px; width: calc(33.3333333333% - 30px + 10px); background: #fff; box-shadow: 0 12px 56px 0 rgb(6 28 61 / .1); transition: all 0.4s } @media only screen and (max-width: 1199.98px) { .ic-benefit-item { width:calc(50% - 30px + 15px) } } @media only screen and (max-width: 767.98px) { .ic-benefit-item { width:100% } } @media only screen and (max-width: 575.98px) { .ic-benefit-item { padding:20px } } .ic-benefit-item .item-title { display: flex; align-items: center; gap: 10px } .ic-benefit-item .item-title i { font-size: 22px; color: #c1001b; transition: all 0.4s } .ic-benefit-item h5,.ic-benefit-item h5 span,h5 .ic-benefit-item span,.ic-benefit-item .sub-h5 span,.sub-h5 .ic-benefit-item span,.ic-benefit-item .ic-title,.ic-benefit-item p { transition: all 0.4s } .ic-benefit-item:hover { background: #c1001b } .ic-benefit-item:hover h5,.ic-benefit-item:hover h5 span,h5 .ic-benefit-item:hover span,.ic-benefit-item:hover .sub-h5 span,.sub-h5 .ic-benefit-item:hover span,.ic-benefit-item:hover .ic-title,.ic-benefit-item:hover p,.ic-benefit-item:hover i { color: #fff } .ic-talk-about-project-content-wrap { padding: 74px 86px; border-radius: 8px; background: linear-gradient(144deg,#c2121e 5.75%,#00a9c6 94.25%) } @media only screen and (max-width: 575.98px) { .ic-talk-about-project-content-wrap { padding:30px 20px } } .ic-cms-item-wrap { display: flex; flex-wrap: wrap; gap: 30px } @media only screen and (max-width: 991.98px) { .ic-cms-item-wrap { gap:15px } } .ic-cms-item-wrap .ic-cms-item { width: calc(50% - 30px + 15px); border-radius: 16px; background: #fff; box-shadow: 15px 20px 70px -2px rgb(0 0 0 / .04); display: flex; padding: 30px 25px; align-items: flex-start; gap: 15px } .ic-cms-item-wrap .ic-cms-item.ic-cms-item-2 { border: 1px solid #d6dae1 } .ic-cms-item-wrap .ic-cms-item p { color: #606a7a } @media only screen and (max-width: 991.98px) { .ic-cms-item-wrap .ic-cms-item { width:100% } } @media only screen and (max-width: 575.98px) { .ic-cms-item-wrap .ic-cms-item { flex-direction:column; align-items: center; text-align: center } } .ic-cms-item-wrap .ic-cms-item img { width: 70px; height: 70px } @media only screen and (max-width: 575.98px) { .ic-cms-item-wrap .ic-cms-item img { width:66px; height: 66px } } .ic-pricing-item-wrapper { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px } .ic-pricing-item-wrapper .ic-pricing-item { width: calc(25% - 24px + 6px); border-radius: 10px; background: #fff; box-shadow: 0 12px 56px 0 rgb(27 42 64 / .1); display: flex; flex-direction: column; align-items: center; justify-content: flex-start } @media only screen and (max-width: 1199.98px) { .ic-pricing-item-wrapper .ic-pricing-item { width:calc(33.3333333333% - 24px + 8px) } } @media only screen and (max-width: 991.98px) { .ic-pricing-item-wrapper .ic-pricing-item { width:calc(50% - 24px + 12px) } } @media only screen and (max-width: 575.98px) { .ic-pricing-item-wrapper .ic-pricing-item { width:100% } } .ic-pricing-item-wrapper .ic-pricing-item .item-top { border-radius: 10px 10px 0 0; padding: 42px 25px; text-align: center; min-height: 175px; width: 100% } .ic-pricing-item-wrapper .ic-pricing-item .item-top h6,.ic-pricing-item-wrapper .ic-pricing-item .item-top h6 span,h6 .ic-pricing-item-wrapper .ic-pricing-item .item-top span { font-size: 20px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgb(255 255 255 / .2) } .ic-pricing-item-wrapper .ic-pricing-item .item-top .item-price { display: flex; gap: 12px; justify-content: center; align-items: center } .ic-pricing-item-wrapper .ic-pricing-item .item-top .item-price .price { display: inline-flex; height: 34px; padding: 0 15px; border-radius: 50px; background: rgb(27 42 64 / .5); font-size: 20px; font-weight: 600; color: #fff; align-items: center; flex: 0 0 auto } .ic-pricing-item-wrapper .ic-pricing-item .item-top .item-price .cl-white { font-size: 18px; font-weight: 600 } .ic-pricing-item-wrapper .ic-pricing-item .item-content { padding: 25px; justify-content: space-between; height: 100%; display: flex; flex-direction: column } .ic-pricing-item-wrapper .ic-pricing-item .item-content ul li { display: flex; gap: 12px; margin-bottom: 12px } .ic-pricing-item-wrapper .ic-pricing-item .item-content ul li:last-child { margin-bottom: 20px } .ic-pricing-item-wrapper .ic-pricing-item .item-content ul li span:first-child { display: inline-flex; width: 20px; height: 20px; background: red; border-radius: 50px; justify-content: center; align-items: center; background: rgb(40 170 169 / .2); flex: 0 0 auto } .ic-pricing-item-wrapper .ic-pricing-item .item-content ul li span:last-child { line-height: 24px } .ic-pricing-item-wrapper .ic-pricing-item .item-content ul li span i { color: #c2121e } .ic-pricing-item-wrapper .ic-pricing-item .item-content .ic-blank-circle i { font-size: 22px; color: #cdd2d8 } .ic-pricing-item-wrapper .ic-pricing-item .item-content .form-group { display: block; margin-bottom: 12px } .ic-pricing-item-wrapper .ic-pricing-item .item-content .form-group:last-child { margin-bottom: unset } .ic-pricing-item-wrapper .ic-pricing-item .item-content .form-group input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer } .ic-pricing-item-wrapper .ic-pricing-item .item-content .form-group label { position: relative; cursor: pointer; display: flex; line-height: 24px } .ic-pricing-item-wrapper .ic-pricing-item .item-content .form-group label:before { content: ""; background-color: #fff0; padding: 10px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 12px; border-radius: 100px; border: 1.5px solid #cdd2d8; width: 20px; height: 20px } .ic-pricing-item-wrapper .ic-pricing-item .item-content .form-group input:checked+label:after { content: ""; display: block; position: absolute; top: 3px; left: 8px; width: 6px; height: 12px; border: solid #c2121e; border-width: 0 2px 2px 0; transform: rotate(45deg); border-radius: 0 } .ic-pricing-item-wrapper .ic-pricing-item .item-content .form-group input:checked+label::before { border: 1.5px solid #fff0; background: rgb(40 170 169 / .2) } .ic-pricing-item-wrapper .ic-pricing-item .item-content .ic-btn,.ic-pricing-item-wrapper .ic-pricing-item .item-content .ic-btn-primary { height: 40px } .ic-pricing-item-wrapper .ic-pricing-item:first-child .item-content ul li span:first-child { background: rgb(40 170 169 / .2) } .ic-pricing-item-wrapper .ic-pricing-item:first-child .item-content ul li span i { color: #c2121e } .ic-pricing-item-wrapper .ic-pricing-item:nth-child(2) .item-content ul li span:first-child { background: rgb(41 207 147 / .2) } .ic-pricing-item-wrapper .ic-pricing-item:nth-child(2) .item-content ul li span i { color: #c2121e } .ic-pricing-item:nth-child(3) .item-content ul li span:first-child { background: rgb(41 207 147 / .2) } .ic-pricing-item:nth-child(3) .item-content ul li span i { color: #c2121e } .ic-pricing-item:last-child .item-content ul li span:first-child { background: rgb(41 207 147 / .2) } .ic-pricing-item:last-child .item-content ul li span i { color: #c2121e } .toggle { display: none } @media only screen and (max-width: 1199.98px) { .ic-service-caccordion-item-wrapper { gap:24px } } .ic-service-caccordion-item { position: relative; padding: 30px; border-radius: 10px; background: var(--Gray-00,#fff); box-shadow: 0 12px 56px 0 rgb(27 42 64 / .1) } @media only screen and (max-width: 1199.98px) { .ic-service-caccordion-item.ic-service-according-item-2 { padding:14px; border-radius: 10px; width: calc(100% - 24px + 24px) } } @media only screen and (max-width: 1199.98px) { .ic-service-caccordion-item { width:calc(50% - 24px + 12px) } } @media only screen and (max-width: 991.98px) { .ic-service-caccordion-item { padding:20px } } @media only screen and (max-width: 767.98px) { .ic-service-caccordion-item { width:100% } } @media only screen and (max-width: 575.98px) { .ic-service-caccordion-item { padding:12px } } .ic-service-caccordion-item.ic-service-according-item-2 .title { background-color: #121420 } .ic-service-caccordion-item .ic-title-left { display: flex; gap: 10px; align-items: center } .ic-service-caccordion-item .ic-title-left h6,.ic-service-caccordion-item .ic-title-left h6 span,h6 .ic-service-caccordion-item .ic-title-left span { font-size: 16px } .ic-service-caccordion-item .title,.ic-service-caccordion-item .content { backface-visibility: hidden; transform: translateZ(0); transition: all 0.2s } .ic-service-caccordion-item .title { max-height: 48px; padding: 14px; display: block; color: #fff; font-weight: 600; display: flex; align-items: center; justify-content: space-between; border-radius: 8px; margin-bottom: unset } .ic-service-caccordion-item .title h6,.ic-service-caccordion-item .title h6 span,h6 .ic-service-caccordion-item .title span { color: #fff } .ic-service-caccordion-item .content { max-height: 0; overflow: hidden; background-color: #fff; text-align: center } .ic-service-caccordion-item .content p { margin: 0; padding: 24px 0 0 0; font-size: .9em; line-height: 1.5 } @media only screen and (max-width: 575.98px) { .ic-service-caccordion-item .content p { padding:12px 0 0 0 } } .ic-service-caccordion-item .toggle:checked+.title+.content { max-height: 500px } .ic-service-caccordion-item .toggle:checked+.title:before { transform: rotate(45deg)!important } .ic-service-caccordion-item .toggle:checked+.title:after { transform: rotate(-45deg)!important } .ic-banner2nd { background: var(--Gradient,linear-gradient(144deg,#c2121e 5.75%,#00a9c6 94.25%)); height: 100px; display: flex; justify-content: center; align-items: center } .ic-banner2nd .breadcumb-text-wrap { text-align: center } .ic-banner2nd .breadcumb-text-wrap a { color: #fff } .ic-video-wrap { position: relative } .ic-video-wrap .ic-player-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) } .ic-service-list-item-wrap { display: flex; gap: 30px; flex-wrap: wrap } .ic-service-list-item { width: calc(33.3333333333% - 30px + 10px); border-radius: 10px; background: #fff; box-shadow: 0 12px 56px 0 rgb(6 28 61 / .12); position: relative; overflow: hidden } @media only screen and (max-width: 991.98px) { .ic-service-list-item { width:calc(50% - 30px + 15px) } } @media only screen and (max-width: 575.98px) { .ic-service-list-item { width:100% } } .ic-service-list-item .ic_top_rated_item { background: #fff0 } .ic-service-list-item .ic-item-link { border-radius: 10px; opacity: .95; background: var(--Gradient,linear-gradient(144deg,#c2121e 5.75%,#c1001b 94.25%)); position: absolute; left: 0; top: 100%; width: 100%; height: 100%; padding: 44px 42px; text-align: center; color: #fff; transition: all 0.5s } .ic-service-list-item .ic-item-link h4,.ic-service-list-item .ic-item-link h4 span,h4 .ic-service-list-item .ic-item-link span,.ic-service-list-item .ic-item-link .sub-h4 span,.sub-h4 .ic-service-list-item .ic-item-link span { position: relative; margin-bottom: 20px } .ic-service-list-item .ic-item-link h4::before,.ic-service-list-item .ic-item-link h4 span::before,h4 .ic-service-list-item .ic-item-link span::before,.ic-service-list-item .ic-item-link .sub-h4 span::before,.sub-h4 .ic-service-list-item .ic-item-link span::before { content: ""; position: absolute; bottom: -10px; left: 50%; width: 60px; height: 1px; background: #fff; transform: translateX(-50%) } .ic-service-list-item .ic-item-link p { font-weight: 500 } .ic-service-list-item:hover .ic-item-link { top: 0 } .ic-tick-menu li { display: flex; gap: 10px; margin-bottom: 15px } .ic-tick-menu .icon { height: 22px; width: 22px; display: inline-flex; align-items: center; justify-content: center; background: #f0f5ff; padding: 5px; flex: 0 0 auto; border-radius: 50% } .ic-tick-menu .icon i { font-size: 11px; color: #c2121e } .ic-blank-circle .ri-close-line { color: rgb(249 11 11 / .6705882353)!important; background: rgb(255 0 0 / .0784313725); border-radius: 50% } .ic-revive-item { border-radius: 8px; background: #fff; box-shadow: 0 12px 56px 0 rgb(27 42 64 / .1) } .ic-revive-item .ic-item-content { padding: 24px } .ic-revive-item .top-part { padding: 12px 12px 0 12px } .ic-revive-item .top-part img { border-radius: 5px } .ic-revive-item .top-part video { border-radius: 5px } .ic-revive-item .ic-client { display: flex; justify-content: space-between; align-items: center } .ic-revive-item .ic-client .user-profile { display: flex; gap: 10px } .ic-revive-item .ic-client h6,.ic-revive-item .ic-client h6 span,h6 .ic-revive-item .ic-client span { margin-bottom: 2px; font-weight: 500; font-size: 20px; color: #13213b; line-height: 28px } .ic-revive-item .ic-client p { color: #3f486a; font-size: 14px; font-weight: 400; line-height: 22px } .ic-revive-item .ic-client i { color: #fd960c } .ic-revive-item .ic-client .ic-user img { width: 52px; height: 52px; border-radius: 50px; padding: 2px; background: #fff; filter: drop-shadow(4.133px 7.233px 30px rgb(35 35 35 / .15)) } .ic-revive-item .ic_best_company_video_Card .plyr.plyr--full-ui { border-radius: 5px } .ic-revive-item .plyr__control--overlaid { width: 50px; height: 50px } :root { --font-eater: "Eater", serif; --font-nosifer: "Nosifer", sans-serif; --font-oswald: "Oswald", sans-serif; --font-creepster: "Creepster", system-ui; --primary: #f7a92d; --sky: #c1001b } .ic-hl-btn { color: #fff; font-family: Oswald; font-size: 18px; font-style: normal; font-weight: 400; line-height: 100%; padding: 12px 33px; background-image: url(../../itclan/images/halloween/btn-bg.png); background-color: #fff0; background-repeat: no-repeat; background-size: cover; background-position: center; cursor: pointer } .ic-hl-btn:hover { color: #fff } .ic-hl-btn.btn-red { background-image: url(../../itclan/images/halloween/btn-bg-red.png) } .ic-btn-group { position: relative; display: inline-block } .ic-btn-group svg { position: absolute; left: 6px; bottom: -30px; width: 90%; height: 100%; background-color: #fff0; display: block; z-index: 0 } .ic-halloween-banner { background-image: url(../../itclan/images/halloween/banner.png); background-repeat: no-repeat; background-size: cover; background-position: center; overflow: hidden } .ic-halloween-banner .ic-banner-content { padding-top: 120px; padding-bottom: 230px; position: relative } @media only screen and (max-width: 991.98px) { .ic-halloween-banner .ic-banner-content { text-align:center } } .ic-halloween-banner .ic-banner-content h1,.ic-halloween-banner .ic-banner-content h1 span,h1 .ic-halloween-banner .ic-banner-content span { color: var(--sky); font-family: Eater; font-size: 90px; font-style: normal; font-weight: 400; line-height: 100% } .ic-halloween-banner .ic-banner-content h1 span,h1 .ic-halloween-banner .ic-banner-content span span { color: var(--primary) } @media only screen and (max-width: 1399.98px) { .ic-halloween-banner .ic-banner-content h1,.ic-halloween-banner .ic-banner-content h1 span,h1 .ic-halloween-banner .ic-banner-content span { font-size:80px } } @media only screen and (max-width: 1199.98px) { .ic-halloween-banner .ic-banner-content h1,.ic-halloween-banner .ic-banner-content h1 span,h1 .ic-halloween-banner .ic-banner-content span { font-size:60px } } @media only screen and (max-width: 991.98px) { .ic-halloween-banner .ic-banner-content h1,.ic-halloween-banner .ic-banner-content h1 span,h1 .ic-halloween-banner .ic-banner-content span { font-size:52px } } @media only screen and (max-width: 575.98px) { .ic-halloween-banner .ic-banner-content h1,.ic-halloween-banner .ic-banner-content h1 span,h1 .ic-halloween-banner .ic-banner-content span { font-size:48px } } .ic-halloween-banner .ic-banner-content h2,.ic-halloween-banner .ic-banner-content h2 span,h2 .ic-halloween-banner .ic-banner-content span { color: #fff; font-family: Nosifer; font-size: 45px; font-style: normal; font-weight: 400; line-height: 150%; text-transform: capitalize; max-width: 708px } @media only screen and (max-width: 1199.98px) { .ic-halloween-banner .ic-banner-content h2,.ic-halloween-banner .ic-banner-content h2 span,h2 .ic-halloween-banner .ic-banner-content span { font-size:34px } } @media only screen and (max-width: 575.98px) { .ic-halloween-banner .ic-banner-content h2,.ic-halloween-banner .ic-banner-content h2 span,h2 .ic-halloween-banner .ic-banner-content span { font-size:24px } } .ic-halloween-banner .ic-banner-content .ic-btn-wrap { display: flex; gap: 24px } @media only screen and (max-width: 767.98px) { .ic-halloween-banner .ic-banner-content .ic-btn-wrap { justify-content:center } } .ic-halloween-banner .ic-banner-content .ic-banner-offer { position: absolute; bottom: 136px; right: 167px } @media only screen and (max-width: 1399.98px) { .ic-halloween-banner .ic-banner-content .ic-banner-offer { bottom:60px; right: 80px } } @media only screen and (max-width: 1199.98px) { .ic-halloween-banner .ic-banner-content .ic-banner-offer { right:0 } } @media only screen and (max-width: 991.98px) { .ic-halloween-banner .ic-banner-content .ic-banner-offer { bottom:0 } } @media only screen and (max-width: 767.98px) { .ic-halloween-banner .ic-banner-content .ic-banner-offer img { max-width:281px } } .ic-halloween-banner .ic-banner-content .ic-banner-hand { position: absolute; right: 597px; bottom: 20px; animation: hand-moving 8s infinite } @media only screen and (max-width: 1399.98px) { .ic-halloween-banner .ic-banner-content .ic-banner-hand { right:549px } } @media only screen and (max-width: 1199.98px) { .ic-halloween-banner .ic-banner-content .ic-banner-hand { right:430px } } @media only screen and (max-width: 767.98px) { .ic-halloween-banner .ic-banner-content .ic-banner-hand { right:268px } } @media only screen and (max-width: 575.98px) { .ic-halloween-banner .ic-banner-content .ic-banner-hand { right:225px } } @media only screen and (max-width: 575.98px) { .ic-halloween-banner .ic-banner-content .ic-banner-hand img { max-width:110px } } @keyframes hand-moving { 0% { transform: scale(0) } 100% { transform: scale(1.5) } } .ic-halloween-container-wrap { background-image: url(../../itclan/images/halloween/section-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; padding: 100px 0 } @media only screen and (max-width: 1650px) { .ic-halloween-container-wrap { padding:80px 0 } } @media only screen and (max-width: 1399.98px) { .ic-halloween-container-wrap { padding:70px 0 } } @media only screen and (max-width: 1199.98px) { .ic-halloween-container-wrap { padding:60px 0 } } @media only screen and (max-width: 991.98px) { .ic-halloween-container-wrap { padding:50px 0 } } @media only screen and (max-width: 767.98px) { .ic-halloween-container-wrap { padding:40px 0 } } @media only screen and (max-width: 575.98px) { .ic-halloween-container-wrap { padding:30px 0 } } .ic-halloween-container-wrap h2,.ic-halloween-container-wrap h2 span,h2 .ic-halloween-container-wrap span { font-size: 46px } @media only screen and (max-width: 1399.98px) { .ic-halloween-container-wrap h2,.ic-halloween-container-wrap h2 span,h2 .ic-halloween-container-wrap span { font-size:42px } } @media only screen and (max-width: 1199.98px) { .ic-halloween-container-wrap h2,.ic-halloween-container-wrap h2 span,h2 .ic-halloween-container-wrap span { font-size:38px } } @media only screen and (max-width: 991.98px) { .ic-halloween-container-wrap h2,.ic-halloween-container-wrap h2 span,h2 .ic-halloween-container-wrap span { font-size:32px } } @media only screen and (max-width: 767.98px) { .ic-halloween-container-wrap h2,.ic-halloween-container-wrap h2 span,h2 .ic-halloween-container-wrap span { font-size:28px } } @media only screen and (max-width: 575.98px) { .ic-halloween-container-wrap h2,.ic-halloween-container-wrap h2 span,h2 .ic-halloween-container-wrap span { font-size:24px } } .ic-halloween-container-wrap h3,.ic-halloween-container-wrap h3 span,h3 .ic-halloween-container-wrap span,.ic-halloween-container-wrap .sub-h3 span,.sub-h3 .ic-halloween-container-wrap span,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-halloween-container-wrap h1,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-halloween-container-wrap span,.ic-halloween-container-wrap h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-halloween-container-wrap span,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-halloween-container-wrap h2,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-halloween-container-wrap span,.ic-halloween-container-wrap h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-halloween-container-wrap span,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-halloween-container-wrap h5,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-halloween-container-wrap span,.ic-halloween-container-wrap h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-halloween-container-wrap span,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-halloween-container-wrap span,.ic-halloween-container-wrap .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-halloween-container-wrap span,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-halloween-container-wrap h6,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-halloween-container-wrap span,.ic-halloween-container-wrap h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-halloween-container-wrap span { font-size: 32px } @media only screen and (max-width: 575.98px) { .ic-halloween-container-wrap h3,.ic-halloween-container-wrap h3 span,h3 .ic-halloween-container-wrap span,.ic-halloween-container-wrap .sub-h3 span,.sub-h3 .ic-halloween-container-wrap span,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-halloween-container-wrap h1,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-halloween-container-wrap span,.ic-halloween-container-wrap h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-halloween-container-wrap span,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-halloween-container-wrap h2,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-halloween-container-wrap span,.ic-halloween-container-wrap h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-halloween-container-wrap span,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-halloween-container-wrap h5,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-halloween-container-wrap span,.ic-halloween-container-wrap h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-halloween-container-wrap span,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-halloween-container-wrap span,.ic-halloween-container-wrap .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-halloween-container-wrap span,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-halloween-container-wrap h6,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-halloween-container-wrap span,.ic-halloween-container-wrap h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-halloween-container-wrap span { font-size:20px } } .ic-container-title { border-bottom: 1px dashed rgb(239 229 224 / .2); padding: 40px 0; margin: 0 65px 0 100px } @media only screen and (max-width: 1199.98px) { .ic-container-title { margin:0 40px } } @media only screen and (max-width: 991.98px) { .ic-container-title { padding:24px 0 } } @media only screen and (max-width: 575.98px) { .ic-container-title { margin:0 15px; padding: 20px 0 } } .ic-container-title h2,.ic-container-title h2 span,h2 .ic-container-title span { color: #f7a92d; font-family: Eater; font-style: normal; font-weight: 400; line-height: normal } .ic-feature-product-container { background-image: url(../../itclan/images/halloween/feature-product.png); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; border-radius: 8px } .ic-feature-product-container .ic-makrosha-icon { position: absolute; top: 0; right: 0 } @media only screen and (max-width: 767.98px) { .ic-feature-product-container .ic-makrosha-icon { z-index:0 } } .ic-feature-product-container .ic-feature-product-content { display: flex; align-items: center; gap: 40px; padding: 50px 90px 68px 100px } @media only screen and (max-width: 1199.98px) { .ic-feature-product-container .ic-feature-product-content { padding:40px } } @media only screen and (max-width: 991.98px) { .ic-feature-product-container .ic-feature-product-content { flex-direction:column-reverse } } @media only screen and (max-width: 575.98px) { .ic-feature-product-container .ic-feature-product-content { padding:15px; padding-bottom: 36px } } .ic-feature-product-container .ic-feature-product-content h3,.ic-feature-product-container .ic-feature-product-content h3 span,h3 .ic-feature-product-container .ic-feature-product-content span,.ic-feature-product-container .ic-feature-product-content .sub-h3 span,.sub-h3 .ic-feature-product-container .ic-feature-product-content span,.ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content h1,.ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-feature-product-container .ic-feature-product-content span,.ic-feature-product-container .ic-feature-product-content h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content span,.ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content h2,.ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-feature-product-container .ic-feature-product-content span,.ic-feature-product-container .ic-feature-product-content h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content span,.ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content h5,.ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-feature-product-container .ic-feature-product-content span,.ic-feature-product-container .ic-feature-product-content h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content span,.ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-feature-product-container .ic-feature-product-content span,.ic-feature-product-container .ic-feature-product-content .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content span,.ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content h6,.ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-feature-product-container .ic-feature-product-content span,.ic-feature-product-container .ic-feature-product-content h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content span { color: #ff8f3f; font-family: Creepster; font-style: normal; font-weight: 400; line-height: 150%; text-transform: capitalize } .ic-feature-product-container .ic-feature-product-content h3 span,h3 .ic-feature-product-container .ic-feature-product-content span span,.ic-feature-product-container .ic-feature-product-content .sub-h3 span span,.sub-h3 .ic-feature-product-container .ic-feature-product-content span span,.ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-feature-product-container .ic-feature-product-content span span,.ic-feature-product-container .ic-feature-product-content h1 .ic-workflow-right .service-tab-content span span,h1 .ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content span span,.ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-feature-product-container .ic-feature-product-content span span,.ic-feature-product-container .ic-feature-product-content h2 .ic-workflow-right .service-tab-content span span,h2 .ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content span span,.ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-feature-product-container .ic-feature-product-content span span,.ic-feature-product-container .ic-feature-product-content h5 .ic-workflow-right .service-tab-content span span,h5 .ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content span span,.ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content .sub-h5 span span,.ic-workflow-right .service-tab-content .sub-h5 .ic-feature-product-container .ic-feature-product-content span span,.ic-feature-product-container .ic-feature-product-content .sub-h5 .ic-workflow-right .service-tab-content span span,.sub-h5 .ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content span span,.ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-feature-product-container .ic-feature-product-content span span,.ic-feature-product-container .ic-feature-product-content h6 .ic-workflow-right .service-tab-content span span,h6 .ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content span span { color: #c2121e } .ic-feature-product-container .ic-feature-product-content p { font-size: 20px } @media only screen and (max-width: 575.98px) { .ic-feature-product-container .ic-feature-product-content p { font-size:16px } } .ic-feature-product-container .ic-feature-product-content .content-left { max-width: 508px } @media only screen and (max-width: 1199.98px) { .ic-feature-product-container .ic-feature-product-content .content-left { max-width:380px } } @media only screen and (max-width: 991.98px) { .ic-feature-product-container .ic-feature-product-content .content-left { min-width:100% } } .ic-feature-product-container .ic-feature-product-content .content-right { position: relative } .ic-feature-product-container .ic-feature-product-content .content-right .feature-offer { position: absolute; top: 0; left: 0 } .ic-popular-product-container { border-radius: 8px } .ic-popular-product { background-image: none; background: #20252f } @media only screen and (max-width: 767.98px) { .ic-popular-product .content-right { z-index:9 } } .ic-popular-product h2,.ic-popular-product h2 span,h2 .ic-popular-product span { color: var(--sky) } .ic-popular-product .ic-hl-btn { background-image: url(../../itclan/images/halloween/btn-bg-sky.png) } .ic-popular-product .popular-offer { position: absolute; left: -74px; bottom: -22px } @media only screen and (max-width: 991.98px) { .ic-popular-product .popular-offer { left:0; bottom: 0 } } @media only screen and (max-width: 575.98px) { .ic-popular-product .popular-offer { max-width:120px } } .ic-popular-product-wrap { position: relative; border-radius: 8px } .ic-popular-product-wrap .ic-makrosha-icon { position: absolute; z-index: 9; top: 0; left: 0 } .ic-popular-product-wrap .ic-bhoot-icon { position: absolute; top: 40px; right: 50px; z-index: 9; animation: voot-moving 5s infinite } @media only screen and (max-width: 991.98px) { .ic-popular-product-wrap .ic-bhoot-icon { top:10px; right: 10px } } @media only screen and (max-width: 575.98px) { .ic-popular-product-wrap .ic-bhoot-icon { top:0; right: 0 } } @keyframes voot-moving { 0% { transform: scale(0) } 100% { transform: scale(1.5) } } .ic-popular-product-wrap .ic-popular-product { border-radius: unset } .ic-popular-product-wrap .ic-popular-product:nth-child(even) { border-radius: 0 0 8px 8px } .ic-popular-product-wrap .ic-popular-product:nth-child(even) .ic-feature-product-content { flex-direction: row-reverse } @media only screen and (max-width: 991.98px) { .ic-popular-product-wrap .ic-popular-product:nth-child(even) .ic-feature-product-content { flex-direction:column-reverse } } @media only screen and (max-width: 575.98px) { .ic-popular-product-wrap .ic-popular-product:nth-child(even) .ic-feature-product-content { gap:20px } } .ic-popular-product-wrap .ic-popular-product:nth-child(even) .ic-container-title { padding: unset } .ic-popular-product-wrap .ic-popular-product:nth-child(odd) { border-radius: 8px 8px 0 0 } .ic-market-product-container { border-radius: 8px; background: #20252f; position: relative } .ic-market-product-container .ic-market-product-content { display: flex; gap: 35px; flex-wrap: wrap; padding: 64px 100px 55px } @media only screen and (max-width: 991.98px) { .ic-market-product-container .ic-market-product-content { padding:50px } } @media only screen and (max-width: 575.98px) { .ic-market-product-container .ic-market-product-content { padding:15px } } .ic-market-product-container .ic-market-item { width: calc(50% - 35px + 17.5px); margin-bottom: 26px } @media only screen and (max-width: 767.98px) { .ic-market-product-container .ic-market-item { width:100% } } @media only screen and (max-width: 575.98px) { .ic-market-product-container .ic-market-item { position:relative; z-index: 9 } } .ic-market-product-container .ic-market-item img { width: 100%; height: auto } .ic-market-product-container .ic-makrosha-icon { position: absolute } .ic-market-product-container .ic-bhoot-icon { position: absolute; top: 40px; right: 55px; animation: voot-moving 5s infinite } @media only screen and (max-width: 575.98px) { .ic-market-product-container .ic-bhoot-icon { top:0; right: 0 } } .ic-market-product-container h2,.ic-market-product-container h2 span,h2 .ic-market-product-container span { color: #c1001b } .ic-market-product-container h2 span,h2 .ic-market-product-container span span { color: var(--primary) } .ic-market-product-container h3,.ic-market-product-container h3 span,h3 .ic-market-product-container span,.ic-market-product-container .sub-h3 span,.sub-h3 .ic-market-product-container span,.ic-market-product-container .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-market-product-container h1,.ic-market-product-container .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-market-product-container span,.ic-market-product-container h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-market-product-container span,.ic-market-product-container .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-market-product-container h2,.ic-market-product-container .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-market-product-container span,.ic-market-product-container h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-market-product-container span,.ic-market-product-container .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-market-product-container h5,.ic-market-product-container .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-market-product-container span,.ic-market-product-container h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-market-product-container span,.ic-market-product-container .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-market-product-container span,.ic-market-product-container .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-market-product-container span,.ic-market-product-container .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-market-product-container h6,.ic-market-product-container .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-market-product-container span,.ic-market-product-container h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-market-product-container span { color: var(--White,#fff); text-align: center; font-family: Creepster; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize } .ic-market-product-container h3 span,h3 .ic-market-product-container span span,.ic-market-product-container .sub-h3 span span,.sub-h3 .ic-market-product-container span span,.ic-market-product-container .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content .ic-market-product-container h1 span,.ic-workflow-right .service-tab-content h1 .ic-market-product-container span span,.ic-market-product-container h1 .ic-workflow-right .service-tab-content span span,h1 .ic-workflow-right .service-tab-content .ic-market-product-container span span,.ic-market-product-container .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content .ic-market-product-container h2 span,.ic-workflow-right .service-tab-content h2 .ic-market-product-container span span,.ic-market-product-container h2 .ic-workflow-right .service-tab-content span span,h2 .ic-workflow-right .service-tab-content .ic-market-product-container span span,.ic-market-product-container .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content .ic-market-product-container h5 span,.ic-workflow-right .service-tab-content h5 .ic-market-product-container span span,.ic-market-product-container h5 .ic-workflow-right .service-tab-content span span,h5 .ic-workflow-right .service-tab-content .ic-market-product-container span span,.ic-market-product-container .ic-workflow-right .service-tab-content .sub-h5 span span,.ic-workflow-right .service-tab-content .sub-h5 .ic-market-product-container span span,.ic-market-product-container .sub-h5 .ic-workflow-right .service-tab-content span span,.sub-h5 .ic-workflow-right .service-tab-content .ic-market-product-container span span,.ic-market-product-container .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content .ic-market-product-container h6 span,.ic-workflow-right .service-tab-content h6 .ic-market-product-container span span,.ic-market-product-container h6 .ic-workflow-right .service-tab-content span span,h6 .ic-workflow-right .service-tab-content .ic-market-product-container span span { color: var(--primary) } .ic-register-container { background-size: cover; background-position: center; background-repeat: no-repeat } .ic-register-container .ic-container-title { border: unset; padding: 64px 0 50px 0 } @media only screen and (max-width: 767.98px) { .ic-register-container .ic-container-title { position:relative; z-index: 9 } } .ic-register-content { padding-bottom: 360px } @media only screen and (max-width: 767.98px) { .ic-register-content { padding-bottom:200px } } @media only screen and (max-width: 575.98px) { .ic-register-content { padding-bottom:100px } } .ic-register-content .ic-register-mail { margin-left: auto; margin-right: auto; max-width: 668px; position: relative } @media only screen and (max-width: 767.98px) { .ic-register-content .ic-register-mail { max-width:450px } } .ic-register-content .ic-register-mail input { height: 80px; padding: 17px 166px 17px 35px; justify-content: space-between; align-items: center; flex-shrink: 0; border-radius: 100px; background: #2f3034; color: #fff } @media only screen and (max-width: 767.98px) { .ic-register-content .ic-register-mail input { height:70px } } .ic-register-content .ic-subscribe-btn { height: 48px; display: flex; padding: 0 24px; justify-content: center; align-items: center; gap: 9px; border-radius: 100px; background: #ff8f3f; transition: all 0.3s; position: absolute; top: 50%; transform: translateY(-50%); right: 16px } @media only screen and (max-width: 767.98px) { .ic-register-content .ic-subscribe-btn { right:12px } } .ic-register-content .ic-subscribe-btn:hover { background: #fff } :root { --font-eater: "Eater", serif; --font-nosifer: "Nosifer", sans-serif; --font-oswald: "Oswald", sans-serif; --font-creepster: "Creepster", system-ui; --font-anton: "Anton", sans-serif; --font-fugaz: "Fugaz One", sans-serif; --primary: #f7a92d; --sky: #c1001b } :root .mb-30 { margin-bottom: 30px } @media only screen and (max-width: 1366.98px) { :root .mb-30 { margin-bottom:14px } } :root .mb-80 { margin-bottom: 80px } @media only screen and (max-width: 991.98px) { :root .mb-80 { margin-bottom:60px } } @media only screen and (max-width: 767.98px) { :root .mb-80 { margin-bottom:40px } } @media only screen and (max-width: 575.98px) { :root .mb-80 { margin-bottom:30px } } :root .mb-24 { margin-bottom: 24px } @media only screen and (max-width: 575.98px) { :root .mb-24 { margin-bottom:12px } } :root .mb-12 { margin-bottom: 12px } .ic-hl-btn { color: #fff; font-family: Oswald; font-size: 18px; font-style: normal; font-weight: 400; line-height: 100%; padding: 12px 33px; background-image: url(../../itclan/images/halloween/btn-bg.png); background-color: #fff0; background-repeat: no-repeat; background-size: cover; background-position: center } .ic-hl-btn.btn-red { background-image: url(../../itclan/images/halloween/btn-bg-red.png) } .ic-btn-group { position: relative; display: inline-block } .ic-btn-group svg { position: absolute; left: 6px; bottom: -30px; width: 90%; height: 100%; background-color: #fff0; display: block; z-index: 0 } .ic-bg-style { background-repeat: no-repeat; background-size: cover; background-position: center } .ic-black-firday-banner { background-image: url(../../itclan/images/friday/banner-bg.png); background-repeat: no-repeat; background-size: cover; overflow: hidden } .ic-black-firday-banner .ic-banner-top { display: flex; flex-wrap: wrap; gap: 170px; justify-content: center } @media only screen and (max-width: 1399.98px) { .ic-black-firday-banner .ic-banner-top { gap:100px } } @media only screen and (max-width: 1199.98px) { .ic-black-firday-banner .ic-banner-top { gap:40px } } @media only screen and (max-width: 991.98px) { .ic-black-firday-banner .ic-banner-top { flex-direction:column; align-items: center; gap: 24px } } .ic-black-firday-banner .ic-banner-top img { max-width: 100%; height: auto } @media only screen and (max-width: 991.98px) { .ic-black-firday-banner .ic-banner-top img { max-width:370px } } @media only screen and (max-width: 575.98px) { .ic-black-firday-banner .ic-banner-top img { max-width:200px } } .ic-black-firday-banner .ic-banner-bottom { display: inline-flex; flex-direction: column; gap: 40px; align-items: center; justify-content: center; margin-top: -60px } @media only screen and (max-width: 1399.98px) { .ic-black-firday-banner .ic-banner-bottom { margin-top:0 } } @media only screen and (max-width: 991.98px) { .ic-black-firday-banner .ic-banner-bottom { margin-top:24px } } @media only screen and (max-width: 575.98px) { .ic-black-firday-banner .ic-banner-bottom { margin-top:10px; gap: 12px } } .ic-black-firday-banner .ic-banner-bottom img { max-width: 100%; height: auto } @media only screen and (max-width: 575.98px) { .ic-black-firday-banner .ic-banner-bottom img { max-width:300px } } .ic-black-firday-banner .ic-banner-content { padding-top: 106px; padding-bottom: 32px; text-align: center } @media only screen and (max-width: 991.98px) { .ic-black-firday-banner .ic-banner-content { text-align:center } } .ic-black-firday-banner .ic-banner-content h1,.ic-black-firday-banner .ic-banner-content h1 span,h1 .ic-black-firday-banner .ic-banner-content span { color: var(--sky); font-family: Eater; font-size: 90px; font-style: normal; font-weight: 400; line-height: 100% } .ic-black-firday-banner .ic-banner-content h1 span,h1 .ic-black-firday-banner .ic-banner-content span span { color: var(--primary) } @media only screen and (max-width: 1399.98px) { .ic-black-firday-banner .ic-banner-content h1,.ic-black-firday-banner .ic-banner-content h1 span,h1 .ic-black-firday-banner .ic-banner-content span { font-size:80px } } @media only screen and (max-width: 1199.98px) { .ic-black-firday-banner .ic-banner-content h1,.ic-black-firday-banner .ic-banner-content h1 span,h1 .ic-black-firday-banner .ic-banner-content span { font-size:60px } } @media only screen and (max-width: 991.98px) { .ic-black-firday-banner .ic-banner-content h1,.ic-black-firday-banner .ic-banner-content h1 span,h1 .ic-black-firday-banner .ic-banner-content span { font-size:52px } } @media only screen and (max-width: 575.98px) { .ic-black-firday-banner .ic-banner-content h1,.ic-black-firday-banner .ic-banner-content h1 span,h1 .ic-black-firday-banner .ic-banner-content span { font-size:48px } } .ic-black-firday-banner .ic-banner-content h2,.ic-black-firday-banner .ic-banner-content h2 span,h2 .ic-black-firday-banner .ic-banner-content span { color: #fff; font-family: Nosifer; font-size: 45px; font-style: normal; font-weight: 400; line-height: 150%; text-transform: capitalize; max-width: 708px } @media only screen and (max-width: 1199.98px) { .ic-black-firday-banner .ic-banner-content h2,.ic-black-firday-banner .ic-banner-content h2 span,h2 .ic-black-firday-banner .ic-banner-content span { font-size:34px } } @media only screen and (max-width: 575.98px) { .ic-black-firday-banner .ic-banner-content h2,.ic-black-firday-banner .ic-banner-content h2 span,h2 .ic-black-firday-banner .ic-banner-content span { font-size:24px } } .ic-black-firday-banner .ic-banner-content .ic-btn-wrap { display: flex; gap: 24px } @media only screen and (max-width: 767.98px) { .ic-black-firday-banner .ic-banner-content .ic-btn-wrap { justify-content:center } } .ic-black-firday-banner .ic-banner-content .ic-banner-offer { position: absolute; bottom: 136px; right: 167px } @media only screen and (max-width: 1399.98px) { .ic-black-firday-banner .ic-banner-content .ic-banner-offer { bottom:60px; right: 80px } } @media only screen and (max-width: 1199.98px) { .ic-black-firday-banner .ic-banner-content .ic-banner-offer { right:0 } } @media only screen and (max-width: 991.98px) { .ic-black-firday-banner .ic-banner-content .ic-banner-offer { bottom:0 } } @media only screen and (max-width: 767.98px) { .ic-black-firday-banner .ic-banner-content .ic-banner-offer img { max-width:281px } } .ic-black-firday-banner .ic-banner-content .ic-banner-hand { position: absolute; right: 597px; bottom: 20px; animation: hand-moving 8s infinite alternate } @media only screen and (max-width: 1399.98px) { .ic-black-firday-banner .ic-banner-content .ic-banner-hand { right:549px } } @media only screen and (max-width: 1199.98px) { .ic-black-firday-banner .ic-banner-content .ic-banner-hand { right:430px } } @media only screen and (max-width: 991.98px) { .ic-black-firday-banner .ic-banner-content .ic-banner-hand { bottom:-20px } } @media only screen and (max-width: 767.98px) { .ic-black-firday-banner .ic-banner-content .ic-banner-hand { right:268px } } @media only screen and (max-width: 575.98px) { .ic-black-firday-banner .ic-banner-content .ic-banner-hand { right:225px } } @media only screen and (max-width: 575.98px) { .ic-black-firday-banner .ic-banner-content .ic-banner-hand img { max-width:110px } } @keyframes hand-moving { 0% { transform: translateY(0) } 100% { transform: translateY(305px) } } .ic-friday-container-wrap { background: linear-gradient(28deg,#080808 94.04%,#171717 94.04%); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; padding: 100px 0 } @media only screen and (max-width: 1650px) { .ic-friday-container-wrap { padding:80px 0 } } @media only screen and (max-width: 1399.98px) { .ic-friday-container-wrap { padding:70px 0 } } @media only screen and (max-width: 1199.98px) { .ic-friday-container-wrap { padding:60px 0 } } @media only screen and (max-width: 991.98px) { .ic-friday-container-wrap { padding:50px 0 } } @media only screen and (max-width: 767.98px) { .ic-friday-container-wrap { padding:40px 0 } } @media only screen and (max-width: 575.98px) { .ic-friday-container-wrap { padding:30px 0 } } .ic-friday-container-wrap h2,.ic-friday-container-wrap h2 span,h2 .ic-friday-container-wrap span { font-size: 46px } @media only screen and (max-width: 1399.98px) { .ic-friday-container-wrap h2,.ic-friday-container-wrap h2 span,h2 .ic-friday-container-wrap span { font-size:42px } } @media only screen and (max-width: 1199.98px) { .ic-friday-container-wrap h2,.ic-friday-container-wrap h2 span,h2 .ic-friday-container-wrap span { font-size:38px } } @media only screen and (max-width: 991.98px) { .ic-friday-container-wrap h2,.ic-friday-container-wrap h2 span,h2 .ic-friday-container-wrap span { font-size:32px } } @media only screen and (max-width: 767.98px) { .ic-friday-container-wrap h2,.ic-friday-container-wrap h2 span,h2 .ic-friday-container-wrap span { font-size:28px } } @media only screen and (max-width: 575.98px) { .ic-friday-container-wrap h2,.ic-friday-container-wrap h2 span,h2 .ic-friday-container-wrap span { font-size:24px } } .ic-friday-container-wrap h3,.ic-friday-container-wrap h3 span,h3 .ic-friday-container-wrap span,.ic-friday-container-wrap .sub-h3 span,.sub-h3 .ic-friday-container-wrap span,.ic-friday-container-wrap .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-friday-container-wrap h1,.ic-friday-container-wrap .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-friday-container-wrap span,.ic-friday-container-wrap h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-friday-container-wrap span,.ic-friday-container-wrap .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-friday-container-wrap h2,.ic-friday-container-wrap .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-friday-container-wrap span,.ic-friday-container-wrap h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-friday-container-wrap span,.ic-friday-container-wrap .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-friday-container-wrap h5,.ic-friday-container-wrap .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-friday-container-wrap span,.ic-friday-container-wrap h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-friday-container-wrap span,.ic-friday-container-wrap .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-friday-container-wrap span,.ic-friday-container-wrap .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-friday-container-wrap span,.ic-friday-container-wrap .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-friday-container-wrap h6,.ic-friday-container-wrap .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-friday-container-wrap span,.ic-friday-container-wrap h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-friday-container-wrap span { font-size: 35px } @media only screen and (max-width: 575.98px) { .ic-friday-container-wrap h3,.ic-friday-container-wrap h3 span,h3 .ic-friday-container-wrap span,.ic-friday-container-wrap .sub-h3 span,.sub-h3 .ic-friday-container-wrap span,.ic-friday-container-wrap .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-friday-container-wrap h1,.ic-friday-container-wrap .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-friday-container-wrap span,.ic-friday-container-wrap h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-friday-container-wrap span,.ic-friday-container-wrap .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-friday-container-wrap h2,.ic-friday-container-wrap .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-friday-container-wrap span,.ic-friday-container-wrap h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-friday-container-wrap span,.ic-friday-container-wrap .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-friday-container-wrap h5,.ic-friday-container-wrap .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-friday-container-wrap span,.ic-friday-container-wrap h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-friday-container-wrap span,.ic-friday-container-wrap .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-friday-container-wrap span,.ic-friday-container-wrap .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-friday-container-wrap span,.ic-friday-container-wrap .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-friday-container-wrap h6,.ic-friday-container-wrap .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-friday-container-wrap span,.ic-friday-container-wrap h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-friday-container-wrap span { font-size:20px } } .ic-friday-container-title { border-bottom: 1px dashed rgb(239 229 224 / .2); margin-bottom: 54px; padding-bottom: 28px } @media only screen and (max-width: 991.98px) { .ic-friday-container-title { margin-bottom:30px } } @media only screen and (max-width: 575.98px) { .ic-friday-container-title { margin-bottom:15px; padding-bottom: 15px } } .ic-friday-container-title h2,.ic-friday-container-title h2 span,h2 .ic-friday-container-title span { font-family: var(--font-fugaz); font-size: 46px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #ef1532; color: #000 } @media only screen and (max-width: 1399.98px) { .ic-friday-container-title h2,.ic-friday-container-title h2 span,h2 .ic-friday-container-title span { font-size:40px } } @media only screen and (max-width: 1199.98px) { .ic-friday-container-title h2,.ic-friday-container-title h2 span,h2 .ic-friday-container-title span { font-size:36px } } @media only screen and (max-width: 991.98px) { .ic-friday-container-title h2,.ic-friday-container-title h2 span,h2 .ic-friday-container-title span { font-size:32px } } @media only screen and (max-width: 767.98px) { .ic-friday-container-title h2,.ic-friday-container-title h2 span,h2 .ic-friday-container-title span { font-size:28px } } @media only screen and (max-width: 575.98px) { .ic-friday-container-title h2,.ic-friday-container-title h2 span,h2 .ic-friday-container-title span { font-size:26px } } .ic-friday-feature-product-container { background-image: url(../../itclan/images/friday/feature-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; border-radius: 8px; padding: 40px 85px 80px 80px } @media only screen and (max-width: 1399.98px) { .ic-friday-feature-product-container { padding:40px 40px 80px 40px } } @media only screen and (max-width: 1199.98px) { .ic-friday-feature-product-container { padding:40px } } @media only screen and (max-width: 767.98px) { .ic-friday-feature-product-container { padding:20px } } .ic-friday-feature-product-container .ic-makrosha-icon { position: absolute; top: 0; right: 0 } @media only screen and (max-width: 767.98px) { .ic-friday-feature-product-container .ic-makrosha-icon { z-index:0 } } @media only screen and (max-width: 991.98px) { .ic-friday-feature-product-container .ic-feature-product-content .row { flex-direction:column-reverse; gap: 24px } } @media only screen and (max-width: 575.98px) { .ic-friday-feature-product-container .ic-feature-product-content { padding:15px 0 0 0 } } .ic-friday-feature-product-container .ic-feature-product-content h3,.ic-friday-feature-product-container .ic-feature-product-content h3 span,h3 .ic-friday-feature-product-container .ic-feature-product-content span,.ic-friday-feature-product-container .ic-feature-product-content .sub-h3 span,.sub-h3 .ic-friday-feature-product-container .ic-feature-product-content span,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content h1,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-friday-feature-product-container .ic-feature-product-content span,.ic-friday-feature-product-container .ic-feature-product-content h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content span,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content h2,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-friday-feature-product-container .ic-feature-product-content span,.ic-friday-feature-product-container .ic-feature-product-content h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content span,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content h5,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-friday-feature-product-container .ic-feature-product-content span,.ic-friday-feature-product-container .ic-feature-product-content h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content span,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-friday-feature-product-container .ic-feature-product-content span,.ic-friday-feature-product-container .ic-feature-product-content .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content span,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content h6,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-friday-feature-product-container .ic-feature-product-content span,.ic-friday-feature-product-container .ic-feature-product-content h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content span { color: #0f7bf2; font-family: Anton; font-size: 35px; font-style: normal; font-weight: 400; line-height: 150%; text-transform: capitalize } @media only screen and (max-width: 575.98px) { .ic-friday-feature-product-container .ic-feature-product-content h3,.ic-friday-feature-product-container .ic-feature-product-content h3 span,h3 .ic-friday-feature-product-container .ic-feature-product-content span,.ic-friday-feature-product-container .ic-feature-product-content .sub-h3 span,.sub-h3 .ic-friday-feature-product-container .ic-feature-product-content span,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content h1,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-friday-feature-product-container .ic-feature-product-content span,.ic-friday-feature-product-container .ic-feature-product-content h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content span,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content h2,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-friday-feature-product-container .ic-feature-product-content span,.ic-friday-feature-product-container .ic-feature-product-content h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content span,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content h5,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-friday-feature-product-container .ic-feature-product-content span,.ic-friday-feature-product-container .ic-feature-product-content h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content span,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-friday-feature-product-container .ic-feature-product-content span,.ic-friday-feature-product-container .ic-feature-product-content .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content span,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content h6,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-friday-feature-product-container .ic-feature-product-content span,.ic-friday-feature-product-container .ic-feature-product-content h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content span { font-size:26px } } .ic-friday-feature-product-container .ic-feature-product-content h3 span,h3 .ic-friday-feature-product-container .ic-feature-product-content span span,.ic-friday-feature-product-container .ic-feature-product-content .sub-h3 span span,.sub-h3 .ic-friday-feature-product-container .ic-feature-product-content span span,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-friday-feature-product-container .ic-feature-product-content span span,.ic-friday-feature-product-container .ic-feature-product-content h1 .ic-workflow-right .service-tab-content span span,h1 .ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content span span,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-friday-feature-product-container .ic-feature-product-content span span,.ic-friday-feature-product-container .ic-feature-product-content h2 .ic-workflow-right .service-tab-content span span,h2 .ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content span span,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-friday-feature-product-container .ic-feature-product-content span span,.ic-friday-feature-product-container .ic-feature-product-content h5 .ic-workflow-right .service-tab-content span span,h5 .ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content span span,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content .sub-h5 span span,.ic-workflow-right .service-tab-content .sub-h5 .ic-friday-feature-product-container .ic-feature-product-content span span,.ic-friday-feature-product-container .ic-feature-product-content .sub-h5 .ic-workflow-right .service-tab-content span span,.sub-h5 .ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content span span,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-friday-feature-product-container .ic-feature-product-content span span,.ic-friday-feature-product-container .ic-feature-product-content h6 .ic-workflow-right .service-tab-content span span,h6 .ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content span span { color: #f50000; font-family: Anton; font-size: 35px; font-style: normal; font-weight: 400; line-height: 150%; text-transform: capitalize } @media only screen and (max-width: 575.98px) { .ic-friday-feature-product-container .ic-feature-product-content h3 span,h3 .ic-friday-feature-product-container .ic-feature-product-content span span,.ic-friday-feature-product-container .ic-feature-product-content .sub-h3 span span,.sub-h3 .ic-friday-feature-product-container .ic-feature-product-content span span,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-friday-feature-product-container .ic-feature-product-content span span,.ic-friday-feature-product-container .ic-feature-product-content h1 .ic-workflow-right .service-tab-content span span,h1 .ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content span span,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-friday-feature-product-container .ic-feature-product-content span span,.ic-friday-feature-product-container .ic-feature-product-content h2 .ic-workflow-right .service-tab-content span span,h2 .ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content span span,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-friday-feature-product-container .ic-feature-product-content span span,.ic-friday-feature-product-container .ic-feature-product-content h5 .ic-workflow-right .service-tab-content span span,h5 .ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content span span,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content .sub-h5 span span,.ic-workflow-right .service-tab-content .sub-h5 .ic-friday-feature-product-container .ic-feature-product-content span span,.ic-friday-feature-product-container .ic-feature-product-content .sub-h5 .ic-workflow-right .service-tab-content span span,.sub-h5 .ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content span span,.ic-friday-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-friday-feature-product-container .ic-feature-product-content span span,.ic-friday-feature-product-container .ic-feature-product-content h6 .ic-workflow-right .service-tab-content span span,h6 .ic-workflow-right .service-tab-content .ic-friday-feature-product-container .ic-feature-product-content span span { font-size:26px } } .ic-friday-feature-product-container .ic-feature-product-content p { color: var(--White,#fff); font-family: Inter; font-size: 20px; font-style: normal; font-weight: 400; line-height: 29px; text-transform: capitalize } @media only screen and (max-width: 767.98px) { .ic-friday-feature-product-container .ic-feature-product-content p { font-size:16px; line-height: 24px } } .ic-friday-feature-product-container .ic-feature-product-content .content-right { height: 100% } @media only screen and (max-width: 1399.98px) { .ic-friday-feature-product-container .ic-feature-product-content .content-right { display:inline-flex; align-items: center } } .friday-popular-product { position: relative } .friday-popular-product .content-left { margin-left: 50px } @media only screen and (max-width: 1399.98px) { .friday-popular-product .content-left { margin-left:18px } } @media only screen and (max-width: 991.98px) { .friday-popular-product .content-left { margin-left:0 } } .friday-popular-product .ic-mic-right { position: absolute; top: -53px; right: -106px } @media only screen and (max-width: 1650px) { .friday-popular-product .ic-mic-right { top:-60px; right: -34px } } @media only screen and (max-width: 1399.98px) { .friday-popular-product .ic-mic-right { top:-26px; right: -20px } } @media only screen and (max-width: 1199.98px) { .friday-popular-product .ic-mic-right { top:0; right: 0 } } @media only screen and (max-width: 1650px) { .friday-popular-product .ic-mic-right img { max-width:200px } } @media only screen and (max-width: 1399.98px) { .friday-popular-product .ic-mic-right img { max-width:150px } } @media only screen and (max-width: 1199.98px) { .friday-popular-product .ic-mic-right img { max-width:120px } } @media only screen and (max-width: 991.98px) { .friday-popular-product .ic-mic-right img { max-width:90px } } @media only screen and (max-width: 767.98px) { .friday-popular-product .ic-mic-right img { max-width:70px } } @media only screen and (max-width: 575.98px) { .friday-popular-product .ic-mic-right img { max-width:40px } } .ic-popular-product-container { border-radius: 8px } .ic-popular-product { background-image: none; background: #20252f } @media only screen and (max-width: 767.98px) { .ic-popular-product .content-right { z-index:9 } } .ic-popular-product h2,.ic-popular-product h2 span,h2 .ic-popular-product span { color: var(--sky) } .ic-popular-product .ic-hl-btn { background-image: url(../../itclan/images/halloween/btn-bg-sky.png) } .ic-popular-product .popular-offer { position: absolute; left: -74px; bottom: -22px } @media only screen and (max-width: 991.98px) { .ic-popular-product .popular-offer { left:0; bottom: 0 } } @media only screen and (max-width: 575.98px) { .ic-popular-product .popular-offer { max-width:120px } } .ic-popular-product-wrap { position: relative; border-radius: 8px } .ic-popular-product-wrap .ic-makrosha-icon { position: absolute; z-index: 9; top: 0; left: 0 } .ic-popular-product-wrap .ic-bhoot-icon { position: absolute; top: 40px; right: 50px; z-index: 9; animation: voot-moving 5s infinite } @media only screen and (max-width: 991.98px) { .ic-popular-product-wrap .ic-bhoot-icon { top:10px; right: 10px } } @media only screen and (max-width: 575.98px) { .ic-popular-product-wrap .ic-bhoot-icon { top:0; right: 0 } } @keyframes voot-moving { 0% { transform: scale(0) } 100% { transform: scale(1.5) } } .ic-popular-product-wrap .ic-popular-product { border-radius: unset } .ic-popular-product-wrap .ic-popular-product:nth-child(even) { border-radius: 0 0 8px 8px } .ic-popular-product-wrap .ic-popular-product:nth-child(even) .ic-feature-product-content { flex-direction: row-reverse } @media only screen and (max-width: 991.98px) { .ic-popular-product-wrap .ic-popular-product:nth-child(even) .ic-feature-product-content { flex-direction:column-reverse } } @media only screen and (max-width: 575.98px) { .ic-popular-product-wrap .ic-popular-product:nth-child(even) .ic-feature-product-content { gap:20px } } .ic-popular-product-wrap .ic-popular-product:nth-child(even) .ic-friday-container-title { padding: unset } .ic-popular-product-wrap .ic-popular-product:nth-child(odd) { border-radius: 8px 8px 0 0 } .ic-friday-market-product-container { border-radius: 8px; background: #20252f; position: relative; padding: 40px 85px 80px 80px } @media only screen and (max-width: 1199.98px) { .ic-friday-market-product-container { padding:40px 50px 50px 50px } } @media only screen and (max-width: 991.98px) { .ic-friday-market-product-container { padding:35px } } @media only screen and (max-width: 575.98px) { .ic-friday-market-product-container { padding:15px } } .ic-friday-market-product-container .ic-mic-left { position: absolute; top: -53px; left: -106px } @media only screen and (max-width: 1650px) { .ic-friday-market-product-container .ic-mic-left { top:-60px; left: -34px } } @media only screen and (max-width: 1399.98px) { .ic-friday-market-product-container .ic-mic-left { top:-26px; left: -20px } } @media only screen and (max-width: 1199.98px) { .ic-friday-market-product-container .ic-mic-left { top:0; left: 0 } } @media only screen and (max-width: 1650px) { .ic-friday-market-product-container .ic-mic-left img { max-width:200px } } @media only screen and (max-width: 1399.98px) { .ic-friday-market-product-container .ic-mic-left img { max-width:150px } } @media only screen and (max-width: 1199.98px) { .ic-friday-market-product-container .ic-mic-left img { max-width:120px } } @media only screen and (max-width: 991.98px) { .ic-friday-market-product-container .ic-mic-left img { max-width:90px } } @media only screen and (max-width: 767.98px) { .ic-friday-market-product-container .ic-mic-left img { max-width:70px } } @media only screen and (max-width: 575.98px) { .ic-friday-market-product-container .ic-mic-left img { max-width:40px } } .ic-friday-market-product-container .ic-market-product-content { display: flex; gap: 35px; flex-wrap: wrap } @media only screen and (max-width: 575.98px) { .ic-friday-market-product-container .ic-market-product-content { gap:10px } } .ic-friday-market-product-container .ic-market-item { width: calc(50% - 35px + 17.5px); margin-bottom: 26px } @media only screen and (max-width: 767.98px) { .ic-friday-market-product-container .ic-market-item { width:100% } } @media only screen and (max-width: 575.98px) { .ic-friday-market-product-container .ic-market-item { position:relative; z-index: 9 } } .ic-friday-market-product-container .ic-market-item img { width: 100%; height: auto } .ic-friday-market-product-container .ic-makrosha-icon { position: absolute } .ic-friday-market-product-container .ic-bhoot-icon { position: absolute; top: 40px; right: 55px; animation: voot-moving 5s infinite } @media only screen and (max-width: 575.98px) { .ic-friday-market-product-container .ic-bhoot-icon { top:0; right: 0 } } .ic-friday-market-product-container h3,.ic-friday-market-product-container h3 span,h3 .ic-friday-market-product-container span,.ic-friday-market-product-container .sub-h3 span,.sub-h3 .ic-friday-market-product-container span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-friday-market-product-container h1,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-friday-market-product-container span,.ic-friday-market-product-container h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-friday-market-product-container h2,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-friday-market-product-container span,.ic-friday-market-product-container h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-friday-market-product-container h5,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-friday-market-product-container span,.ic-friday-market-product-container h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-friday-market-product-container span,.ic-friday-market-product-container .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-friday-market-product-container h6,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-friday-market-product-container span,.ic-friday-market-product-container h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span { color: var(--White,#fff); text-align: center; font-family: Anton; font-size: 32px; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize } @media only screen and (max-width: 991.98px) { .ic-friday-market-product-container h3,.ic-friday-market-product-container h3 span,h3 .ic-friday-market-product-container span,.ic-friday-market-product-container .sub-h3 span,.sub-h3 .ic-friday-market-product-container span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-friday-market-product-container h1,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-friday-market-product-container span,.ic-friday-market-product-container h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-friday-market-product-container h2,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-friday-market-product-container span,.ic-friday-market-product-container h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-friday-market-product-container h5,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-friday-market-product-container span,.ic-friday-market-product-container h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-friday-market-product-container span,.ic-friday-market-product-container .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-friday-market-product-container h6,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-friday-market-product-container span,.ic-friday-market-product-container h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span { font-size:26px } } @media only screen and (max-width: 575.98px) { .ic-friday-market-product-container h3,.ic-friday-market-product-container h3 span,h3 .ic-friday-market-product-container span,.ic-friday-market-product-container .sub-h3 span,.sub-h3 .ic-friday-market-product-container span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-friday-market-product-container h1,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-friday-market-product-container span,.ic-friday-market-product-container h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-friday-market-product-container h2,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-friday-market-product-container span,.ic-friday-market-product-container h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-friday-market-product-container h5,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-friday-market-product-container span,.ic-friday-market-product-container h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-friday-market-product-container span,.ic-friday-market-product-container .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-friday-market-product-container h6,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-friday-market-product-container span,.ic-friday-market-product-container h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span { font-size:22px } } .ic-friday-market-product-container h3 span,h3 .ic-friday-market-product-container span span,.ic-friday-market-product-container .sub-h3 span span,.sub-h3 .ic-friday-market-product-container span span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content .ic-friday-market-product-container h1 span,.ic-workflow-right .service-tab-content h1 .ic-friday-market-product-container span span,.ic-friday-market-product-container h1 .ic-workflow-right .service-tab-content span span,h1 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content .ic-friday-market-product-container h2 span,.ic-workflow-right .service-tab-content h2 .ic-friday-market-product-container span span,.ic-friday-market-product-container h2 .ic-workflow-right .service-tab-content span span,h2 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content .ic-friday-market-product-container h5 span,.ic-workflow-right .service-tab-content h5 .ic-friday-market-product-container span span,.ic-friday-market-product-container h5 .ic-workflow-right .service-tab-content span span,h5 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content .sub-h5 span span,.ic-workflow-right .service-tab-content .sub-h5 .ic-friday-market-product-container span span,.ic-friday-market-product-container .sub-h5 .ic-workflow-right .service-tab-content span span,.sub-h5 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content .ic-friday-market-product-container h6 span,.ic-workflow-right .service-tab-content h6 .ic-friday-market-product-container span span,.ic-friday-market-product-container h6 .ic-workflow-right .service-tab-content span span,h6 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span span { color: #f50000; font-size: 32px } @media only screen and (max-width: 991.98px) { .ic-friday-market-product-container h3 span,h3 .ic-friday-market-product-container span span,.ic-friday-market-product-container .sub-h3 span span,.sub-h3 .ic-friday-market-product-container span span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content .ic-friday-market-product-container h1 span,.ic-workflow-right .service-tab-content h1 .ic-friday-market-product-container span span,.ic-friday-market-product-container h1 .ic-workflow-right .service-tab-content span span,h1 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content .ic-friday-market-product-container h2 span,.ic-workflow-right .service-tab-content h2 .ic-friday-market-product-container span span,.ic-friday-market-product-container h2 .ic-workflow-right .service-tab-content span span,h2 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content .ic-friday-market-product-container h5 span,.ic-workflow-right .service-tab-content h5 .ic-friday-market-product-container span span,.ic-friday-market-product-container h5 .ic-workflow-right .service-tab-content span span,h5 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content .sub-h5 span span,.ic-workflow-right .service-tab-content .sub-h5 .ic-friday-market-product-container span span,.ic-friday-market-product-container .sub-h5 .ic-workflow-right .service-tab-content span span,.sub-h5 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content .ic-friday-market-product-container h6 span,.ic-workflow-right .service-tab-content h6 .ic-friday-market-product-container span span,.ic-friday-market-product-container h6 .ic-workflow-right .service-tab-content span span,h6 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span span { font-size:26px } } @media only screen and (max-width: 575.98px) { .ic-friday-market-product-container h3 span,h3 .ic-friday-market-product-container span span,.ic-friday-market-product-container .sub-h3 span span,.sub-h3 .ic-friday-market-product-container span span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content .ic-friday-market-product-container h1 span,.ic-workflow-right .service-tab-content h1 .ic-friday-market-product-container span span,.ic-friday-market-product-container h1 .ic-workflow-right .service-tab-content span span,h1 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content .ic-friday-market-product-container h2 span,.ic-workflow-right .service-tab-content h2 .ic-friday-market-product-container span span,.ic-friday-market-product-container h2 .ic-workflow-right .service-tab-content span span,h2 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content .ic-friday-market-product-container h5 span,.ic-workflow-right .service-tab-content h5 .ic-friday-market-product-container span span,.ic-friday-market-product-container h5 .ic-workflow-right .service-tab-content span span,h5 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content .sub-h5 span span,.ic-workflow-right .service-tab-content .sub-h5 .ic-friday-market-product-container span span,.ic-friday-market-product-container .sub-h5 .ic-workflow-right .service-tab-content span span,.sub-h5 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span span,.ic-friday-market-product-container .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content .ic-friday-market-product-container h6 span,.ic-workflow-right .service-tab-content h6 .ic-friday-market-product-container span span,.ic-friday-market-product-container h6 .ic-workflow-right .service-tab-content span span,h6 .ic-workflow-right .service-tab-content .ic-friday-market-product-container span span { font-size:22px } } .ic-friday-register-container { position: relative; padding: 64px 0 104px 0; background-size: cover; background-repeat: no-repeat; border-radius: 8px } @media only screen and (max-width: 575.98px) { .ic-friday-register-container { padding:50px 0 } } .ic-friday-register-container .ic-mic-right { position: absolute; top: -53px; right: -106px } @media only screen and (max-width: 1650px) { .ic-friday-register-container .ic-mic-right { top:-60px; right: -34px } } @media only screen and (max-width: 1399.98px) { .ic-friday-register-container .ic-mic-right { top:-26px; right: -20px } } @media only screen and (max-width: 1199.98px) { .ic-friday-register-container .ic-mic-right { top:0; right: 0 } } @media only screen and (max-width: 1650px) { .ic-friday-register-container .ic-mic-right img { max-width:200px } } @media only screen and (max-width: 1399.98px) { .ic-friday-register-container .ic-mic-right img { max-width:150px } } @media only screen and (max-width: 1199.98px) { .ic-friday-register-container .ic-mic-right img { max-width:120px } } @media only screen and (max-width: 991.98px) { .ic-friday-register-container .ic-mic-right img { max-width:90px } } @media only screen and (max-width: 767.98px) { .ic-friday-register-container .ic-mic-right img { max-width:70px } } @media only screen and (max-width: 575.98px) { .ic-friday-register-container .ic-mic-right img { max-width:40px } } .ic-friday-register-container .ic-title { margin-bottom: 36px } .ic-friday-register-container .ic-title h1,.ic-friday-register-container .ic-title h1 span,h1 .ic-friday-register-container .ic-title span { color: #f50000; text-align: center; font-family: Anton; font-size: 64px; font-style: normal; font-weight: 400; line-height: normal } @media only screen and (max-width: 991.98px) { .ic-friday-register-container .ic-title h1,.ic-friday-register-container .ic-title h1 span,h1 .ic-friday-register-container .ic-title span { font-size:50px } } @media only screen and (max-width: 991.98px) { .ic-friday-register-container .ic-title h1,.ic-friday-register-container .ic-title h1 span,h1 .ic-friday-register-container .ic-title span { font-size:50px } } @media only screen and (max-width: 575.98px) { .ic-friday-register-container .ic-title h1,.ic-friday-register-container .ic-title h1 span,h1 .ic-friday-register-container .ic-title span { font-size:40px } } .ic-friday-register-container .ic-title .ic-blue { color: #0f7bf2; font-family: Oswald; font-style: normal; font-weight: 700; line-height: normal } .ic-friday-register-container .ic-title .ic-white { color: #fff; font-family: Oswald; font-style: normal; font-weight: 700; line-height: normal } .ic-friday-register-container .ic-title h2,.ic-friday-register-container .ic-title h2 span,h2 .ic-friday-register-container .ic-title span { font-size: 46px } @media only screen and (max-width: 991.98px) { .ic-friday-register-container .ic-title h2,.ic-friday-register-container .ic-title h2 span,h2 .ic-friday-register-container .ic-title span { font-size:40px } } @media only screen and (max-width: 767.98px) { .ic-friday-register-container .ic-title h2,.ic-friday-register-container .ic-title h2 span,h2 .ic-friday-register-container .ic-title span { font-size:36px } } @media only screen and (max-width: 575.98px) { .ic-friday-register-container .ic-title h2,.ic-friday-register-container .ic-title h2 span,h2 .ic-friday-register-container .ic-title span { font-size:32px; line-height: 42px } } .ic-friday-register-container .ic-friday-register-wrap { max-width: 716px; margin-left: auto; margin-right: auto } .ic-friday-register-container .ic-friday-register-content .ic-register-mail { margin: 0 24px; position: relative } @media only screen and (max-width: 575.98px) { .ic-friday-register-container .ic-friday-register-content .ic-register-mail { margin:0 10px } } .ic-friday-register-container .ic-friday-register-content .ic-register-mail input { height: 80px; padding: 17px 166px 17px 35px; justify-content: space-between; align-items: center; flex-shrink: 0; border-radius: 100px; background: #2f3034; color: #fff } @media only screen and (max-width: 767.98px) { .ic-friday-register-container .ic-friday-register-content .ic-register-mail input { height:70px } } @media only screen and (max-width: 575.98px) { .ic-friday-register-container .ic-friday-register-content .ic-register-mail input { height:60px; padding: 17px 136px 17px 12px } } .ic-friday-register-container .ic-friday-register-content .ic-subscribe-btn { font-weight: 500; color: #fff; height: 48px; display: flex; padding: 0 24px; justify-content: center; align-items: center; gap: 9px; border-radius: 100px; background: linear-gradient(180deg,#ee1e37 15.72%,#c40d25 81.17%); transition: all 0.3s; position: absolute; top: 50%; transform: translateY(-50%); right: 16px } @media only screen and (max-width: 767.98px) { .ic-friday-register-container .ic-friday-register-content .ic-subscribe-btn { right:12px } } @media only screen and (max-width: 575.98px) { .ic-friday-register-container .ic-friday-register-content .ic-subscribe-btn { height:40px; padding: 0 12px } } .ic-friday-register-container .ic-friday-register-content .ic-subscribe-btn:hover { background: #fff; color: #000 } .ic-new-section-space { padding: 100px 0 } @media only screen and (max-width: 1399.98px) { .ic-new-section-space { padding:70px 0 } } @media only screen and (max-width: 1199.98px) { .ic-new-section-space { padding:60px 0 } } @media only screen and (max-width: 767.98px) { .ic-new-section-space { padding:50px 0 } } @media only screen and (max-width: 575.98px) { .ic-new-section-space { padding:40px 0 } } @media only screen and (max-width: 480px) { .ic-new-section-space { padding:30px 0 } } .ic-new-section-space-top { padding-top: 100px } @media only screen and (max-width: 1399.98px) { .ic-new-section-space-top { padding-top:70px } } @media only screen and (max-width: 1199.98px) { .ic-new-section-space-top { padding-top:60px } } @media only screen and (max-width: 767.98px) { .ic-new-section-space-top { padding-top:50px } } @media only screen and (max-width: 575.98px) { .ic-new-section-space-top { padding-top:40px } } @media only screen and (max-width: 480px) { .ic-new-section-space-top { padding-top:30px } } .ic-new-section-space-bottom { padding-bottom: 100px } @media only screen and (max-width: 1399.98px) { .ic-new-section-space-bottom { padding-bottom:70px } } @media only screen and (max-width: 1199.98px) { .ic-new-section-space-bottom { padding-bottom:60px } } @media only screen and (max-width: 767.98px) { .ic-new-section-space-bottom { padding-bottom:50px } } @media only screen and (max-width: 575.98px) { .ic-new-section-space-bottom { padding-bottom:40px } } @media only screen and (max-width: 480px) { .ic-new-section-space-bottom { padding-bottom:30px } } .ic-new-hero { padding-top: 130px; padding-bottom: 315px; background-size: cover; background-position: center; background-repeat: no-repeat } @media (max-width: 1399px) { .ic-new-hero { padding-top:100px; padding-bottom: 315px } } @media (max-width: 1199px) { .ic-new-hero { padding-top:50px; padding-bottom: 245px } } .ic-new-banner-container { display: flex; align-items: center } @media (max-width: 991px) { .ic-new-banner-container { flex-wrap:wrap; gap: 74px } } .ic-new-banner-left { position: relative; width: 767px } @media (max-width: 1399px) { .ic-new-banner-left { width:625px } } @media (max-width: 1199px) { .ic-new-banner-left { width:609px } } @media (max-width: 991px) { .ic-new-banner-left { width:77%; text-align: center; margin: 0 auto } } @media (max-width: 767px) { .ic-new-banner-left { width:100%; text-align: center; margin: 0 auto } } @media (max-width: 575px) { .ic-new-banner-left { width:90% } } .ic-new-banner-left h1,.ic-new-banner-left h1 span,h1 .ic-new-banner-left span { color: #121420; line-height: 60px } @media (max-width: 1199px) { .ic-new-banner-left h1,.ic-new-banner-left h1 span,h1 .ic-new-banner-left span { line-height:42px } } @media (max-width: 575px) { .ic-new-banner-left h1,.ic-new-banner-left h1 span,h1 .ic-new-banner-left span { font-size:30px; line-height: 36px } } .ic-new-banner-left h1 span,h1 .ic-new-banner-left span span { color: #c1001b; display: inline } .ic-new-banner-left .hero-text { padding-top: 14px; padding-bottom: 30px; text-align: justify; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; color: rgb(18 20 32 / .7); width: 77% } @media (max-width: 1399px) { .ic-new-banner-left .hero-text { font-size:15px } } @media (max-width: 991px) { .ic-new-banner-left .hero-text { margin:0 auto; text-align: center; width: 100% } } @media (max-width: 575px) { .ic-new-banner-left .hero-text { font-size:14px; width: 100% } } .ic-new-banner-left .trustpilot { margin-top: 50px; display: flex; align-items: center; gap: 15px } @media only screen and (max-width: 1650px) { .ic-new-banner-left .trustpilot { margin-top:48px; gap: 13px } } @media only screen and (max-width: 1399.98px) { .ic-new-banner-left .trustpilot { margin-top:45px } } @media only screen and (max-width: 1199.98px) { .ic-new-banner-left .trustpilot { margin-top:40px; gap: 11px } } @media only screen and (max-width: 991.98px) { .ic-new-banner-left .trustpilot { margin-top:30px; gap: 10px; justify-content: center } } @media only screen and (max-width: 767.98px) { .ic-new-banner-left .trustpilot { margin-top:22px; gap: 8px } } @media only screen and (max-width: 575.98px) { .ic-new-banner-left .trustpilot { justify-content:center } } .ic-new-banner-left .trustpilot p { font-size: 20px; font-style: normal; font-weight: 500; line-height: 100%; color: #121420 } @media only screen and (max-width: 991.98px) { .ic-new-banner-left .trustpilot p { font-size:19px } } @media only screen and (max-width: 767.98px) { .ic-new-banner-left .trustpilot p { font-size:18px } } @media only screen and (max-width: 575.98px) { .ic-new-banner-left .trustpilot p { font-size:15px } } .ic-new-banner-left .trustpilot span { color: #838e9e; font-size: 16px; font-style: normal; font-weight: 400; line-height: 15px } @media only screen and (max-width: 575.98px) { .ic-new-banner-left .trustpilot span { font-size:15px } } .ic-new-banner-left .trustpilot img { max-width: 130px } @media only screen and (max-width: 575.98px) { .ic-new-banner-left .trustpilot img { max-width:106px } } .ic-new-banner-left .ic_banner_logos { display: inline-flex; flex-wrap: wrap; margin-top: 40px; background-color: #fff; padding: 18px 19px; border-radius: 16px; gap: 24px } @media only screen and (max-width: 1650px) { .ic-new-banner-left .ic_banner_logos { margin-top:40px; gap: 22px } } @media only screen and (max-width: 1399.98px) { .ic-new-banner-left .ic_banner_logos { margin-top:35px; gap: 20px } } @media only screen and (max-width: 1199.98px) { .ic-new-banner-left .ic_banner_logos { margin-top:30px; gap: 18px } } @media only screen and (max-width: 991.98px) { .ic-new-banner-left .ic_banner_logos { margin-top:28px; gap: 16px } } @media only screen and (max-width: 767.98px) { .ic-new-banner-left .ic_banner_logos { margin-top:24px; gap: 14px } } @media only screen and (max-width: 575.98px) { .ic-new-banner-left .ic_banner_logos { margin-top:22px; gap: 12px } } .ic-new-banner-left .ic_banner_logos .logo-after { position: relative } .ic-new-banner-left .ic_banner_logos .logo-after:not(:last-child)::after { position: absolute; content: ""; top: 0; right: -15px; width: 1px; height: 24px; background-color: #d6dae1 } @media only screen and (max-width: 1650px) { .ic-new-banner-left .ic_banner_logos .logo-after:not(:last-child)::after { right:-14px } } @media only screen and (max-width: 1399.98px) { .ic-new-banner-left .ic_banner_logos .logo-after:not(:last-child)::after { right:-13px } } @media only screen and (max-width: 1199.98px) { .ic-new-banner-left .ic_banner_logos .logo-after:not(:last-child)::after { right:-12px } } @media only screen and (max-width: 991.98px) { .ic-new-banner-left .ic_banner_logos .logo-after:not(:last-child)::after { right:-11px } } @media only screen and (max-width: 767.98px) { .ic-new-banner-left .ic_banner_logos .logo-after:not(:last-child)::after { right:-10px } } @media only screen and (max-width: 575.98px) { .ic-new-banner-left .ic_banner_logos .logo-after:not(:last-child)::after { right:-9px } } @media only screen and (max-width: 480px) { .ic-new-banner-left .ic_banner_logos .logo-after img { max-width:72px } } .ic-new-banner-left .ic_banner_logos a { position: relative; display: inline-block } .ic-new-banner-left .ic_banner_logos a:not(:last-child)::after { position: absolute; content: ""; top: 0; right: -15px; width: 1px; height: 24px; background-color: #d6dae1 } @media only screen and (max-width: 1650px) { .ic-new-banner-left .ic_banner_logos a:not(:last-child)::after { right:-14px } } @media only screen and (max-width: 1399.98px) { .ic-new-banner-left .ic_banner_logos a:not(:last-child)::after { right:-13px } } @media only screen and (max-width: 1199.98px) { .ic-new-banner-left .ic_banner_logos a:not(:last-child)::after { right:-12px } } @media only screen and (max-width: 991.98px) { .ic-new-banner-left .ic_banner_logos a:not(:last-child)::after { right:-11px } } @media only screen and (max-width: 767.98px) { .ic-new-banner-left .ic_banner_logos a:not(:last-child)::after { right:-10px } } @media only screen and (max-width: 575.98px) { .ic-new-banner-left .ic_banner_logos a:not(:last-child)::after { right:-9px } } .ic-new-banner-left .ic_banner_logos a img { max-width: 100%; height: auto } .ic-new-banner-left .down-arrow { position: absolute; bottom: -22px; right: 130px } @media (max-width: 1399px) { .ic-new-banner-left .down-arrow { right:36px } } @media (max-width: 1199px) { .ic-new-banner-left .down-arrow { right:0 } } @media (max-width: 991px) { .ic-new-banner-left .down-arrow { position:relative; display: block; text-align: center } } .ic-new-banner-left .down-arrow .circle-name-img { -webkit-animation: circle-rotate 30s linear infinite both; animation: circle-rotate 30s linear infinite both } @media (max-width: 1399px) { .ic-new-banner-left .down-arrow .circle-name-img { max-width:120px } } .ic-new-banner-left .down-arrow .circle-arrows-image { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(-130deg); transition: 0.4s } @media (max-width: 1399px) { .ic-new-banner-left .down-arrow .circle-arrows-image { max-width:65px } } .ic-new-banner-left .down-arrow .circle-arrows-image:hover { transform: translate(-50%,-50%) rotate(0deg) } @media (max-width: 991px) { .ic-new-banner-right { width:100% } } .ic-associate-recommended { padding-top: 98px; padding-bottom: 100px; background-size: cover; background-position: center; background-repeat: no-repeat } @media (max-width: 1650px) { .ic-associate-recommended { padding-bottom:104px } } @media (max-width: 1399px) { .ic-associate-recommended { padding-bottom:132px } } @media (max-width: 1199px) { .ic-associate-recommended { padding-top:60px; padding-bottom: 80px; background-position: 52% } } @media (max-width: 991px) { .ic-associate-recommended { padding-top:60px; padding-bottom: 110px; background-position: 52% } } .ic-associates-info { padding-top: 35px } @media (max-width: 1199px) { .ic-associates-info { padding-top:0 } } .ic-hand-shape { position: absolute; bottom: -267px; left: 32px; height: 310px } @media (max-width: 1650px) { .ic-hand-shape { bottom:-270px } } @media (max-width: 1399px) { .ic-hand-shape { bottom:-267px } } @media (max-width: 1199px) { .ic-hand-shape { left:7px; bottom: -245px; height: 289px } } @media (max-width: 991px) { .ic-hand-shape { bottom:-112px; left: 50%; transform: translateX(-50%); height: 126px } } .mission-image-big { position: absolute; z-index: 1; width: 322px; height: 322px; border-radius: 50% } @media (max-width: 1199px) { .mission-image-big { width:266px; height: 266px } } @media (max-width: 575px) { .mission-image-big { width:190px; height: 190px } } .ic-show-case-big-image { width: 496px; height: 496px; border-radius: 50%; background: linear-gradient(180deg,rgb(255 255 255 / .6) 0%,#fff 100%); position: relative; display: flex; align-items: center; justify-content: center } @media (max-width: 1199px) { .ic-show-case-big-image { width:400px; height: 400px } } @media (max-width: 991px) { .ic-show-case-big-image { margin:0 auto } } @media (max-width: 575px) { .ic-show-case-big-image { width:312px; height: 312px } } @media (max-width: 1199px) { .border-image-big { width:91% } } .mission-circle { width: 60px; height: 60px; border-radius: 50%; border: 2px solid #fff } @media (max-width: 1199px) { .mission-circle { width:40px; height: 40px } } .mission-circle.img-1 { position: absolute; top: 40px; left: 61px; -webkit-animation: mission-scale-1 10s linear infinite alternate; animation: mission-scale-1 10s linear infinite alternate } .mission-circle.img-2 { position: absolute; bottom: 87px; left: 29px; -webkit-animation: mission-scale-2 5s linear infinite alternate; animation: mission-scale-2 5s linear infinite alternate } .mission-circle.img-3 { position: absolute; top: 215px; right: 25px; -webkit-animation: mission-scale-3 15s linear infinite alternate; animation: mission-scale-3 15s linear infinite alternate } @media (max-width: 575px) { .mission-circle.img-3 { top:132px; right: 17px } } .mission-circle.img-4 { position: absolute; bottom: 50px; right: 62px; -webkit-animation: mission-scale-4 10s linear infinite alternate; animation: mission-scale-4 10s linear infinite alternate } @media (max-width: 575px) { .mission-circle.img-4 { bottom:24px } } .ic-hand-world { position: relative } @media (max-width: 1199px) { .ic-hand-world { margin-top:33px } } @media (max-width: 991px) { .ic-hand-world { margin-top:63px } } .ic-hand-world .recommended-mission { border-radius: 16px; box-shadow: 0 30px 60px 0 rgb(99 122 166 / .15); position: absolute; z-index: 1; right: 0; top: -22px; -webkit-animation: mission-big-1 10s linear infinite alternate; animation: mission-big-1 10s linear infinite alternate; max-width: 298px } @media (max-width: 1399px) { .ic-hand-world .recommended-mission { max-width:238px } } @media (max-width: 767px) { .ic-hand-world .recommended-mission { max-width:204px } } @media (max-width: 575px) { .ic-hand-world .recommended-mission { max-width:185px } } @keyframes mission-scale-1 { 0% { -webkit-transform: scale(.8); transform: scale(.8) } 50% { -webkit-transform: scale(1.1); transform: scale(1.1) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes mission-scale-2 { 0% { -webkit-transform: scale(.9); transform: scale(.9) } 50% { -webkit-transform: scale(1.1); transform: scale(1.1) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes mission-scale-3 { 0% { -webkit-transform: scale(.5); transform: scale(.5) } 50% { -webkit-transform: scale(1.1); transform: scale(1.1) } 100% { -webkit-transform: scale(.9); transform: scale(.9) } } @keyframes mission-scale-4 { 0% { -webkit-transform: scale(.7); transform: scale(.7) } 50% { -webkit-transform: scale(1.1); transform: scale(1.1) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes mission-big-1 { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(10px); transform: translateY(10px) } } .ic-recommended-content { padding: 32px; border-radius: 16px; background-color: #fff } @media (max-width: 575px) { .ic-recommended-content { padding:14px } } .ic-recommended-content ul li { display: flex; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid rgb(18 20 32 / .12) } .ic-recommended-content ul li h2,.ic-recommended-content ul li h2 span,h2 .ic-recommended-content ul li span { color: #121420; font-family: lufga-semibold; padding-bottom: 10px; font-size: 32px } @media (max-width: 1399px) { .ic-recommended-content ul li h2,.ic-recommended-content ul li h2 span,h2 .ic-recommended-content ul li span { font-size:26px } } @media (max-width: 1199px) { .ic-recommended-content ul li h2,.ic-recommended-content ul li h2 span,h2 .ic-recommended-content ul li span { padding-bottom:0 } } @media (max-width: 575px) { .ic-recommended-content ul li h2,.ic-recommended-content ul li h2 span,h2 .ic-recommended-content ul li span { font-size:24px } } .ic-recommended-content ul li p { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: -.32px; color: #606a7a } @media (max-width: 1199px) { .ic-recommended-content ul li p { font-size:14px } } .ic-recommended-content ul li .ic-recommended-logos { display: flex } .ic-recommended-content ul li .ic-recommended-logos img { padding: 0 25px; max-width: 130px; height: auto; object-fit: contain } @media (max-width: 1366px) { .ic-recommended-content ul li .ic-recommended-logos img { padding:0 12px; max-width: 130px } } @media (max-width: 1199px) { .ic-recommended-content ul li .ic-recommended-logos img { padding:0 12px; max-width: 88px } } .ic-recommended-content ul li .ic-recommended-logos img:not(:last-child) { border-right: 1px solid #d6dae1 } .ic-recommended-content ul li .ic-recommended-logos img:first-child { padding-left: 0 } .ic-recommended-content ul li .ic-recommended-logos img:last-child { padding-right: 0 } .ic-itclan-meats { border-radius: 63.484px; border: 3px solid #fff; background: linear-gradient(106deg,#e0f5fa -1.4%,#fffde6 100.87%),#fff; box-shadow: 0 16px 52px 0 rgb(0 0 0 / .05); padding: 26px 35px 15px 35px; position: absolute; bottom: -30px } @media (max-width: 1399px) { .ic-itclan-meats { padding:16px 35px 15px 35px } } @media (max-width: 1399px) { .ic-itclan-meats { padding:10px 35px 10px 35px } } .ic-itclan-meats p { font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; color: #121420; padding-bottom: 8px; text-align: center } @media (max-width: 1399px) { .ic-itclan-meats p { font-size:16px } } .ic-itclan-meats .img-teams { display: flex; align-items: center } .ic-itclan-meats .img-teams span { width: 32px; height: 32px; border-radius: 50%; background-color: #fff; border: 1px solid #d6dae1; font-size: 25px; display: inline-flex; align-items: center; justify-content: center; color: #c1001b; margin-left: -8px } .ic-itclan-meats .img-teams img { margin-left: -8px; width: 32px; height: 32px; border-radius: 50% } .ic-itclan-meats .img-teams img:nth-child(3) { width: 50px; height: 50px; position: relative; z-index: 1 } @media (max-width: 1399px) { .ic-itclan-meats .img-teams img:nth-child(3) { width:40px; height: 40px } } .ic-itclan-meats .img-teams img:first-child { margin-left: 0 } @-webkit-keyframes circle-rotate { 0% { -webkit-transform: scale(1) rotateZ(0); transform: scale(1) rotateZ(0) } 50% { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg) } 100% { -webkit-transform: scale(1) rotateZ(360deg); transform: scale(1) rotateZ(360deg) } } @keyframes circle-rotate { 0% { -webkit-transform: scale(1) rotateZ(0); transform: scale(1) rotateZ(0) } 50% { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg) } 100% { -webkit-transform: scale(1) rotateZ(360deg); transform: scale(1) rotateZ(360deg) } } @media (min-width: 992px) { .stack-cards { --stack-cards-gap:calc(1 * 2rem); margin-top: 30px } .stack-cards__item { position: relative; position: sticky; top: 53px; min-height: calc(100vh - 161px)!important; transform-origin: center top } } @media (min-width: 992px) and (max-width:767px) { .stack-cards__item { min-height:calc(100vh + 0px)!important } } @media (min-width: 992px) { .stack-cards__item>* { position:absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .stack-cards { position: relative; z-index: 1 } } @media screen and (min-device-width: 1600px) and (max-device-width:1920px) { .stack-cards__item { margin:128px 0; top: 100px; margin-bottom: 140px; min-height: calc(100vh - 348px)!important } .stack-cards__item:first-child { margin-top: 0 } .stack-cards__item:last-child { margin-bottom: 40px } } @media screen and (min-device-width: 1200px) and (max-device-width:1600px) and (-webkit-min-device-pixel-ratio:1) { .stack-cards__item { margin:128px 0; top: 100px; margin-bottom: 140px } .stack-cards__item:first-child { margin-top: 0 } .stack-cards__item:last-child { margin-bottom: 48px } } @media screen and (min-device-width: 991px) and (max-device-width:1199px) { .stack-cards__item { min-height:calc(100vh - 145px)!important; margin: 70px 0 } .stack-cards__item:first-child { margin-top: 0 } .stack-cards__item:last-child { margin-bottom: 0 } } @media (max-width: 991px) { .stack-cards__item { margin-bottom:25px } .stack-cards { max-height: 500px; overflow-y: auto; margin: 50px 0 } } .ic-services-card { display: flex; align-items: center } @media (max-width: 767px) { .ic-services-card { display:block } } .ic-services-card .ic-service-left { width: 703px; flex: 0 0 auto } @media (max-width: 1399px) { .ic-services-card .ic-service-left { width:608px } } @media (max-width: 1199px) { .ic-services-card .ic-service-left { width:510px } } @media (max-width: 991px) { .ic-services-card .ic-service-left { width:330px } } @media (max-width: 767px) { .ic-services-card .ic-service-left { width:100% } } .ic-services-card .ic-service-left .best-services-icons .ic-icons { display: flex; align-items: center; padding-bottom: 18px } .ic-services-card .ic-service-left .best-services-icons .ic-icons img { position: relative } @media (max-width: 575px) { .ic-services-card .ic-service-left .best-services-icons .ic-icons img { max-width:40px } } .ic-services-card .ic-service-left .best-services-icons span { color: #fff; text-shadow: -1px -1px 0 rgb(193 208 229 / .3),1px -1px 0 rgb(193 208 229 / .3),-1px 1px 0 rgb(193 208 229 / .3),1px 1px 0 rgb(193 208 229 / .3); font-size: 80px; font-style: normal; font-weight: 700; line-height: 118%; display: inline-block; margin-left: -17px } @media (max-width: 575px) { .ic-services-card .ic-service-left .best-services-icons span { font-size:40px; margin-left: -9px } } .ic-services-card .ic-service-left h2,.ic-services-card .ic-service-left h2 span,h2 .ic-services-card .ic-service-left span { font-family: lufga-bold; font-size: 44px; font-style: normal; line-height: normal; text-transform: capitalize; color: #121420; padding-bottom: 16px } @media (max-width: 1650px) { .ic-services-card .ic-service-left h2,.ic-services-card .ic-service-left h2 span,h2 .ic-services-card .ic-service-left span { font-size:38px } } @media (max-width: 1399px) { .ic-services-card .ic-service-left h2,.ic-services-card .ic-service-left h2 span,h2 .ic-services-card .ic-service-left span { font-size:32px } } @media (max-width: 991px) { .ic-services-card .ic-service-left h2,.ic-services-card .ic-service-left h2 span,h2 .ic-services-card .ic-service-left span { font-size:28px } } .ic-services-card .ic-service-left h5,.ic-services-card .ic-service-left h5 span,h5 .ic-services-card .ic-service-left span,.ic-services-card .ic-service-left .sub-h5 span,.sub-h5 .ic-services-card .ic-service-left span { font-size: 22px; font-style: normal; font-family: lufga-medium; font-weight: 400; line-height: 32px; color: #121420; padding-bottom: 16px } @media (max-width: 1399px) { .ic-services-card .ic-service-left h5,.ic-services-card .ic-service-left h5 span,h5 .ic-services-card .ic-service-left span,.ic-services-card .ic-service-left .sub-h5 span,.sub-h5 .ic-services-card .ic-service-left span { font-size:18px } } @media (max-width: 991px) { .ic-services-card .ic-service-left h5,.ic-services-card .ic-service-left h5 span,h5 .ic-services-card .ic-service-left span,.ic-services-card .ic-service-left .sub-h5 span,.sub-h5 .ic-services-card .ic-service-left span { font-size:16px; line-height: 22px } } .ic-services-card .ic-service-left p { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; color: #42526b; padding-bottom: 35px } @media (max-width: 575px) { .ic-services-card .ic-service-left p { font-size:14px } } .ic-services-card .ic-service-left .btn { height: 54px; padding: 0 35px; border-radius: 10px; background: #fff; box-shadow: 0 16px 52px 0 rgb(0 0 0 / .05); display: inline-flex; align-items: center; justify-content: center; gap: 10px; transition: 0.4s; border: 1px solid #d6dae1 } @media (max-width: 1440px) { .ic-services-card .ic-service-left .btn { height:50px; font-size: 14px; padding: 0 20px } .ic-services-card .ic-service-left .btn svg { width: 20px } } .ic-services-card .ic-service-left .btn:hover { background-color: #c1001b; border: 1px solid #c1001b; color: #fff } .ic-services-card .ic-service-left .btn:hover svg path { stroke: #fff } .ic-service-right { width: calc(100% - 562px); padding-left: 62px } @media (max-width: 1399px) { .ic-service-right { width:calc(100% - 608px); padding-left: 30px } } @media (max-width: 1199px) { .ic-service-right { width:calc(100% - 510px); padding-left: 30px } } @media (max-width: 991px) { .ic-service-right { width:calc(100% - 330px); padding-left: 20px } } @media (max-width: 767px) { .ic-service-right { padding-left:0; width: calc(100% - 0px); margin-top: 30px } } .service-software-div { display: flex; flex-wrap: wrap; gap: 24px } @media (max-width: 1399px) { .service-software-div { gap:16px } } @media (max-width: 767px) { .service-software-div { gap:6px } } .service-software-div .service-software-items { width: calc(25% - 24px + 6px); padding: 18px 7px; background-color: #fff; border-radius: 8px; border: 1px solid #d6dae1; box-shadow: 0 20px 30px 0 rgb(99 122 166 / .05); text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center } @media (max-width: 1399px) { .service-software-div .service-software-items { width:calc(25% - 16px + 4px) } } @media (max-width: 1199px) { .service-software-div .service-software-items { width:calc(33.3333333333% - 16px + 5.3333333333px) } } @media (max-width: 991px) { .service-software-div .service-software-items { width:calc(33.3333333333% - 16px + 5.3333333333px) } } @media (max-width: 767px) { .service-software-div .service-software-items { width:calc(33.3333333333% - 8px + 2.6666666667px) } } .service-software-div .service-software-items img { margin-bottom: 12px; max-width: 90%; max-height: 40px; object-fit: contain } .service-software-div .service-software-items p { font-family: manrope-light; font-size: 14px; font-style: normal; font-weight: 300; line-height: normal; text-transform: capitalize } @media (max-width: 1399px) { .service-software-div .service-software-items p { font-size:14px } } @media (max-width: 767px) { .service-software-div .service-software-items p { font-size:13px } } .service-show { background-image: url(../images/servie-color-palate.png); background-position: 59% 33% } @media (max-width: 991px) { .service-show { background-size:84% } } @media (max-width: 767px) { .service-show { background-size:100% } } .service-show .service-show-item { padding: 50px 0; border-bottom: 1px solid #d6dae1 } .service-show .service-show-item .ic-services-card { padding-bottom: 0 } .hero-btn { display: flex; align-items: center; gap: 10px } @media (max-width: 991px) { .hero-btn { justify-content:center } } .hero-btn a { height: 52px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center } .hero-btn a.whats-up { border-radius: 10px; background: #c1001b; box-shadow: 0 16px 52px 0 rgb(0 0 0 / .05); padding: 0 28px 0 28px; color: #fff; gap: 3px } @media (max-width: 575px) { .hero-btn a.whats-up { padding:0 16px 0 16px } } .hero-btn a.consultation { border: 1px solid #d6dae1; background: #fff; box-shadow: 0 16px 52px 0 rgb(0 0 0 / .05); padding: 0 35px; font-size: 15px; color: #121420 } @media (max-width: 575px) { .hero-btn a.consultation { padding:0 17px } } .ic-banner-circle { width: 486px; height: 486px; border-radius: 515px; border: 5px solid #fff; display: flex; align-items: center; justify-content: center; position: relative } @media (max-width: 1399px) { .ic-banner-circle { width:465px; height: 465px } .ic-banner-circle img { max-width: 320px } } @media (max-width: 1199px) { .ic-banner-circle { width:320px; height: 320px; margin: 0 auto } .ic-banner-circle img { max-width: 230px } } @media (max-width: 575px) { .ic-banner-circle img { max-width:190px } } @media (max-width: 767px) { .ic-banner-circle { width:320px; height: 320px } } @media (max-width: 575px) { .ic-banner-circle { width:280px; height: 280px } } .ic-banner-circle .ic-middle-laptop { -webkit-animation: img-middle 8s linear infinite alternate; animation: img-middle 8s linear infinite alternate } @media (max-width: 1399px) { .ic-banner-circle .ic-middle-laptop { max-width:320px } } @media (max-width: 767px) { .ic-banner-circle .ic-middle-laptop { max-width:200px } } .ic-circle-img { width: 115px; height: 115px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #fff } @media (max-width: 1399px) { .ic-circle-img { width:80px; height: 80px } .ic-circle-img img { max-width: 60px } } .ic-circle-img.img-circle-1 { position: absolute; left: -61px; -webkit-animation: img-circle-1 8s linear infinite both; animation: img-circle-1 8s linear infinite both } @media (max-width: 1399px) { .ic-circle-img.img-circle-1 { left:-40px } } .ic-circle-img.img-circle-2 { position: absolute; top: -61px; -webkit-animation: img-circle-2 4s linear infinite both; animation: img-circle-2 20s linear infinite both } @media (max-width: 1399px) { .ic-circle-img.img-circle-2 { top:-40px } } .ic-circle-img.img-circle-3 { position: absolute; right: -61px } @media (max-width: 1399px) { .ic-circle-img.img-circle-3 { right:-40px } } @-webkit-keyframes img-middle { 0% { -webkit-transform: translateY(-52%); transform: translateY(-52%) } 50% { -webkit-transform: translateY(-50%); transform: translateY(-50%) } 100% { -webkit-transform: translateY(-48%); transform: translateY(-48%) } } @keyframes img-middle { 0% { -webkit-transform: translateY(10px); transform: translateY(10px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(-10px); transform: translateY(-10px) } } .ic-new-service { margin-top: -206px; padding-bottom: 100px; padding-top: 20px } @media (max-width: 1399px) { .ic-new-service { padding-bottom:80px } } @media (max-width: 911px) { .ic-new-service { padding-top:0; padding-bottom: 40px } } .ic-new-service a { height: 100% } .ic-new-service .container { position: relative } .ic-new-service .container::before { content: ""; position: absolute; bottom: -95px; left: 0; width: 179px; height: 179px; background-color: #c0011c; filter: blur(250px) } .ic-new-service .container::after { content: ""; position: absolute; bottom: -95px; right: 20%; width: 193px; height: 193px; background-color: #c0011c; filter: blur(250px) } .ic-service-items { border-radius: 16px; background: #fff; box-shadow: 0 20px 50px 0 rgb(35 35 35 / .05); padding: 35px 30px; text-align: center; transition: 0.4s; z-index: 1; position: relative; border: 1px solid #fff; height: 100% } @media (max-width: 1399px) { .ic-service-items { padding:26px } } @media (max-width: 1199px) { .ic-service-items { padding:26px 10px } } @media (max-width: 991px) { .ic-service-items { padding:26px 39px } } .ic-service-items .ic-service-img-box { display: inline-block } .ic-service-items img { object-fit: contain; transition: 0.4s; max-height: 100px; margin-bottom: 22px } @media (max-width: 1399px) { .ic-service-items img { max-width:80px } } @media (max-width: 1199px) { .ic-service-items img { max-width:68px; margin-bottom: 15px } } .ic-service-items h4,.ic-service-items h4 span,h4 .ic-service-items span,.ic-service-items .sub-h4 span,.sub-h4 .ic-service-items span { font-size: 26px; font-style: normal; font-weight: 700; line-height: 28px; color: #121420; padding-bottom: 15px; transition: 0.4s } @media (max-width: 1399px) { .ic-service-items h4,.ic-service-items h4 span,h4 .ic-service-items span,.ic-service-items .sub-h4 span,.sub-h4 .ic-service-items span { font-size:23px } } @media (max-width: 1199px) { .ic-service-items h4,.ic-service-items h4 span,h4 .ic-service-items span,.ic-service-items .sub-h4 span,.sub-h4 .ic-service-items span { font-size:20px; padding-bottom: 10px } } .ic-service-items p { color: #606a7a; transition: 0.4s } @media (max-width: 1199px) { .ic-service-items p { font-size:14px } } .ic-service-items:hover { box-shadow: 0 0 0 0 rgb(35 35 35 / .05); background-color: #fcfaf8 } .ic-rated-services-wrapper { top: 83px; z-index: 9 } .ic-rated-services-wrapper.hide { display: none } .ic-new-rated-slider-part { margin-top: 50px } @media (max-width: 1199px) { .ic-new-rated-slider-part { margin-top:20px } } .ic-new-rated-slider-part .ic-rated-slider img { border-radius: 8px; border: 6px solid var(--White,#fff); background: var(--White,#fff); box-shadow: 0 9px 29px 0 rgb(0 0 0 / .1); max-width: 100%; height: auto } .ic-new-rated-slider-part .ic-rated-slider .ic-slide { padding: 50px 0 } @media (max-width: 1199px) { .ic-new-rated-slider-part .ic-rated-slider .ic-slide { padding-top:30px } } .ic-new-rated-slider-part .slick-slide { margin: 0 27px } .ic-new-rated-slider-part .slick-list { margin: 0 -27px } .ic-new-rated-services { padding: 39px; border-radius: 16px; background-color: #fff; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1 } @media (max-width: 1199px) { .ic-new-rated-services { padding:20px; border-radius: 8px } } @media (max-width: 575px) { .ic-new-rated-services { flex-wrap:wrap; justify-content: center; text-align: center } } .ic-new-rated-services h2,.ic-new-rated-services h2 span,h2 .ic-new-rated-services span { color: #121420 } @media (max-width: 1024px) { .ic-new-rated-services h2,.ic-new-rated-services h2 span,h2 .ic-new-rated-services span { font-size:24px } } .ic-products-sass { padding: 100px 0; background-position: center; background-repeat: no-repeat; background-size: cover } @media (max-width: 1199px) { .ic-products-sass { padding-top:70px; padding-bottom: 56px } } @media (max-width: 991px) { .ic-products-sass { padding-top:50px; padding-bottom: 40px } } .ic-products-sass .ic-new-products-head { padding-bottom: 60px } @media (max-width: 991px) { .ic-products-sass .ic-new-products-head h2,.ic-products-sass .ic-new-products-head h2 span,h2 .ic-products-sass .ic-new-products-head span { text-align:center } } @media (max-width: 1199px) { .ic-products-sass .ic-new-products-head { padding-bottom:40px } } .ic-sass-products-items { border-radius: 16px; background: #24262e; box-shadow: 0 15.37px 22.357px -6.986px rgb(0 0 0 / .1); padding: 34px 28px; height: 100% } .ic-sass-products-items .text-center+div img { width: 100% } .ic-new-products-head h2,.ic-new-products-head h2 span,h2 .ic-new-products-head span { color: #fff } .ic-sass-products-items .ic-logo { margin-bottom: 40px } @media (max-width: 1199px) { .ic-sass-products-items .ic-logo { max-width:170px } } .ic-sass-products-items .btn { height: 60px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; background-color: #fff; border-radius: 10px; width: 100%; margin-top: 50px; font-family: manrope-semibold; transition: 0.4s } @media (max-width: 1199px) { .ic-sass-products-items .btn { height:44px; font-size: 14px } .ic-sass-products-items .btn svg { width: 25px } } .ic-sass-products-items .btn svg path { transition: 0.4s } .ic-sass-products-items .btn:hover { background-color: #c1001b; color: #fff } .ic-sass-products-items .btn:hover svg path { stroke: #fff } .ic-it-service { padding-top: 100px; background-position: center; background-repeat: no-repeat; background-size: cover; padding-bottom: 88px } @media (max-width: 1199px) { .ic-it-service { padding-top:70px; padding-bottom: 60px } } @media (max-width: 991px) { .ic-it-service { padding-top:50px; padding-bottom: 50px } } .ic-new-page-title { padding-bottom: 50px; text-align: center } @media (max-width: 1199px) { .ic-new-page-title { padding-bottom:30px } } .ic-new-page-title h2,.ic-new-page-title h2 span,h2 .ic-new-page-title span { color: #121420 } @media (max-width: 1199px) { .ic-new-page-title h2,.ic-new-page-title h2 span,h2 .ic-new-page-title span { width:76%; margin: 0 auto 10px auto } } @media (max-width: 480px) { .ic-new-page-title h2,.ic-new-page-title h2 span,h2 .ic-new-page-title span { width:90%; margin: 0 auto 10px auto } } .ic-new-page-title p { line-height: 24px } .ic-associate-recommended .ic-new-page-title p { width: 80%; margin: 0 auto } @media (max-width: 480px) { .ic-associate-recommended .ic-new-page-title p { width:94% } } .ic-our-project-section h2,.ic-our-project-section h2 span,h2 .ic-our-project-section span { width: 100% } .ic-it-service-content { position: relative; padding: 56px; border-radius: 16px; border-top: 4px solid #c1001b; background: linear-gradient(90deg,rgb(250 250 250 / .5) 0%,white 34%,white 62%,rgb(255 255 255 / .5) 100%); box-shadow: 0 40px 80px -16px rgb(0 0 0 / .06) } @media (max-width: 1199px) { .ic-it-service-content { padding:35px } } .ic-it-service-content::after { content: ""; position: absolute; top: 50%; left: 50%; width: 150px; height: 150px; border-radius: 50%; background-color: #f48a34; filter: blur(200px); transform: translate(-50%,-50%) } .ic-it-service-content .tab-content>.active { display: block!important } .ic-it-service-left { padding-right: 29px } @media (max-width: 1199px) { .ic-it-service-left { padding-right:0 } } @media (max-width: 991px) { .ic-it-service-left { padding-right:0 } } @media (max-width: 767px) { .ic-it-service-left { overflow-x:auto } .ic-it-service-left::-webkit-scrollbar { display: none } } .ic-it-service-left ul { display: flex; gap: 24px; border: 0 } @media (max-width: 1199px) { .ic-it-service-left ul { gap:18px } } @media (max-width: 767px) { .ic-it-service-left ul { flex-wrap:nowrap } } .ic-it-service-left ul li { width: calc(50% - 24px + 12px) } @media (max-width: 767px) { .ic-it-service-left ul li { width:calc(100% - 24px + 24px) } } .ic-it-service-left ul li button { gap: 10px; height: 60px; border-radius: 100px; border: 1px solid #ebedf0; background: #fff; display: inline-flex; padding: 0 30px; align-items: center; color: #242f3e; width: 100%; text-align: left; font-size: 17px; font-style: normal; font-family: manrope-medium; line-height: normal; transition: 0.3s; white-space: nowrap } .ic-it-service-left ul li button i { font-size: 30px } @media (max-width: 1199px) { .ic-it-service-left ul li button i { font-size:20px } } @media (max-width: 1550px) { .ic-it-service-left ul li button { font-size:16px; padding: 0 18px } } @media (max-width: 1199px) { .ic-it-service-left ul li button { font-size:14px; padding: 0 6px; height: 40px } } .ic-it-service-left ul li button.active { border: 1px solid #151519; background-color: #151519; color: #fff } @media (max-width: 1199px) { .ic-it-new-service-content-text { margin-top:40px } } .ic-it-new-service-content-text h3,.ic-it-new-service-content-text h3 span,h3 .ic-it-new-service-content-text span,.ic-it-new-service-content-text .sub-h3 span,.sub-h3 .ic-it-new-service-content-text span,.ic-it-new-service-content-text .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-it-new-service-content-text h1,.ic-it-new-service-content-text .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-it-new-service-content-text span,.ic-it-new-service-content-text h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-it-new-service-content-text span,.ic-it-new-service-content-text .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-it-new-service-content-text h2,.ic-it-new-service-content-text .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-it-new-service-content-text span,.ic-it-new-service-content-text h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-it-new-service-content-text span,.ic-it-new-service-content-text .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-it-new-service-content-text h5,.ic-it-new-service-content-text .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-it-new-service-content-text span,.ic-it-new-service-content-text h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-it-new-service-content-text span,.ic-it-new-service-content-text .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-it-new-service-content-text span,.ic-it-new-service-content-text .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-it-new-service-content-text span,.ic-it-new-service-content-text .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-it-new-service-content-text h6,.ic-it-new-service-content-text .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-it-new-service-content-text span,.ic-it-new-service-content-text h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-it-new-service-content-text span { font-style: normal; font-weight: 700; line-height: 28px; font-size: 18px; color: #121420; padding-bottom: 24px } .ic-it-new-service-content-text p { line-height: 24px; font-family: manrope-regular; color: #606a7a; padding-bottom: 32px } .ic-it-new-service-content-text ul { list-style-type: disc; list-style-position: inside; margin-bottom: 20px } .ic-it-new-service-content-text ul li:not(:last-child) { margin-bottom: 8px } .ic-it-new-service-content-text ul li::marker { color: #c1001b } .ic-it-new-service-content-text img { width: 100% } @media (max-width: 575px) { .ic-it-new-service-content-text img { height:auto } } .ic-new-technology-work { display: flex } @media (max-width: 767px) { .ic-new-technology-work { display:block } } .ic-new-technology-work .ic-technology-left { width: 317px; flex: 0 0 auto; position: relative; align-self: flex-start } .ic-new-technology-work .ic-technology-left svg { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); cursor: pointer } @media (max-width: 767px) { .ic-new-technology-work .ic-technology-left svg { display:none } } .ic-new-technology-work .ic-technology-left ul { max-height: 400px; overflow-y: auto; padding-bottom: 40px } @media (max-width: 767px) { .ic-new-technology-work .ic-technology-left ul { padding-bottom:0 } } .ic-new-technology-work .ic-technology-left ul::-webkit-scrollbar { width: 0 } .ic-new-technology-work .ic-technology-left::before { content: ""; position: absolute; bottom: 0; width: 100%; height: 50px; background: linear-gradient(178deg,#fff0 -10.87%,#fff 53.26%) } @media (max-width: 767px) { .ic-new-technology-work .ic-technology-left::before { display:none } } @media (max-width: 1550px) { .ic-new-technology-work .ic-technology-left { width:280px } } @media (max-width: 767px) { .ic-new-technology-work .ic-technology-left { width:100%; overflow-x: auto } } .ic-new-technology-work .ic-technology-left ul { border-bottom: 0 } @media (max-width: 767px) { .ic-new-technology-work .ic-technology-left ul { display:flex; flex-wrap: nowrap; gap: 10px } } .ic-new-technology-work .ic-technology-left ul li { width: 100% } .ic-new-technology-work .ic-technology-left ul li:not(:last-child) { margin-bottom: 20px } @media (max-width: 767px) { .ic-new-technology-work .ic-technology-left ul li:not(:last-child) { margin-bottom:0 } } .ic-new-technology-work .ic-technology-left button { gap: 5px; height: 48px; border-radius: 100px; border: 1px solid #ebedf0; background: #fff; display: inline-flex; padding: 0 17px; align-items: center; color: #242f3e; width: 100%; text-align: left; font-size: 16px; font-style: normal; font-family: manrope-medium; line-height: normal; transition: 0.3s } .ic-new-technology-work .ic-technology-left button i { font-size: 16px } @media (max-width: 1550px) { .ic-new-technology-work .ic-technology-left button { font-size:14px } } @media (max-width: 767px) { .ic-new-technology-work .ic-technology-left button { white-space:nowrap; height: 40px } } .ic-new-technology-work .ic-technology-left button.active { border: 1px solid #151519; background-color: #151519; color: #fff } .ic-new-technology-work .ic-technology-right { width: calc(100% - 250px); padding-left: 30px } @media (max-width: 767px) { .ic-new-technology-work .ic-technology-right { width:calc(100% - 0px); padding-left: 0; margin-top: 10px } } .ic-new-technology-work .ic-technology-right .tab-content>.active { display: block!important } .technology-logo { display: flex; gap: 24px; flex-wrap: wrap } @media only screen and (max-width: 1199.98px) { .technology-logo { gap:20px } } .technology-logo .ic-technology-logo-items { width: calc(16.6666666667% - 24px + 4px); border-radius: 10px; border: 1px solid #d6dae1; background: #fff; box-shadow: 0 20px 30px 0 rgb(99 122 166 / .05); display: inline-flex; align-items: center; justify-content: center; flex-direction: column; padding: 19px 15px; gap: 4px; text-align: center } @media only screen and (max-width: 1366.98px) { .technology-logo .ic-technology-logo-items { width:calc(20% - 24px + 4.8px) } } @media only screen and (max-width: 1199.98px) { .technology-logo .ic-technology-logo-items { width:calc(25% - 20px + 5px) } } @media only screen and (max-width: 991.98px) { .technology-logo .ic-technology-logo-items { width:calc(33.3333333333% - 20px + 6.6666666667px); padding: 12px 15px } } @media only screen and (max-width: 767.98px) { .technology-logo .ic-technology-logo-items { width:calc(33.3333333333% - 20px + 6.6666666667px) } } .technology-logo .ic-technology-logo-items h6,.technology-logo .ic-technology-logo-items h6 span,h6 .technology-logo .ic-technology-logo-items span { font-size: 14px; font-style: normal; font-weight: 300; line-height: 18px; font-family: lufga-regular; color: #121420; margin-top: 4px } .technology-logo .ic-technology-logo-items img { height: 64px; object-fit: scale-down } .ic-counter-bg { padding: 120px 0 } @media only screen and (max-width: 1650px) { .ic-counter-bg { padding:85px 0 } } @media only screen and (max-width: 767.98px) { .ic-counter-bg { padding:60px 0 } } .ic-counter-flex { display: flex; align-items: center; justify-content: center; gap: 76px } @media only screen and (max-width: 1199.98px) { .ic-counter-flex { justify-content:space-between; gap: 30px; flex-wrap: wrap } } @media only screen and (max-width: 767.98px) { .ic-counter-flex { gap:40px } } @media only screen and (max-width: 575.98px) { .ic-counter-flex { gap:15px } } .ic-counter-flex .ic-counter-new-items h2,.ic-counter-flex .ic-counter-new-items h2 span,h2 .ic-counter-flex .ic-counter-new-items span { display: flex; align-items: flex-end } @media (max-width: 991px) { .ic-counter-flex .ic-counter-new-items h2,.ic-counter-flex .ic-counter-new-items h2 span,h2 .ic-counter-flex .ic-counter-new-items span { justify-content:center } } @media (max-width: 767px) { .ic-counter-flex .ic-counter-new-items h2,.ic-counter-flex .ic-counter-new-items h2 span,h2 .ic-counter-flex .ic-counter-new-items span { justify-content:center; flex-direction: column; align-items: center } } .ic-counter-flex .ic-counter-new-items h2 .counter-text,h2 .ic-counter-flex .ic-counter-new-items span .counter-text { display: flex } @media only screen and (max-width: 991.98px) { .ic-counter-flex .ic-counter-new-items { width:calc(50% - 30px + 15px) } } @media only screen and (max-width: 767.98px) { .ic-counter-flex .ic-counter-new-items { width:calc(50% - 40px + 20px); text-align: center } } .ic-counter-flex .counter { font-size: 54px; font-style: normal; font-family: lufga-bold; font-weight: 800; line-height: 42px; color: #fff } @media (max-width: 1550px) { .ic-counter-flex .counter { font-size:48px } } @media only screen and (max-width: 1199.98px) { .ic-counter-flex .counter { font-size:40px } } @media only screen and (max-width: 575.98px) { .ic-counter-flex .counter { font-size:30px } } .ic-counter-flex span { color: #c1001b; font-size: 18px; font-style: normal; font-family: manrope-regular; line-height: 130%; letter-spacing: -.45px } @media only screen and (max-width: 575.98px) { .ic-counter-flex span { font-size:16px } } .ic-counter-flex .plus { font-size: 54px; font-style: normal; font-family: lufga-bold; font-weight: 800; line-height: 42px; color: #fff } @media only screen and (max-width: 1199.98px) { .ic-counter-flex .plus { font-size:40px } } @media only screen and (max-width: 575.98px) { .ic-counter-flex .plus { font-size:30px } } .ic-new-metting-section { /* padding-bottom: 278px; */ padding-top: 100px } @media only screen and (max-width: 1399.98px) { .ic-new-metting-section { padding-top:90px } } @media only screen and (max-width: 1199.98px) { .ic-new-metting-section { padding-top:80px } } @media only screen and (max-width: 991.98px) { .ic-new-metting-section { padding-top:70px; /* padding-bottom: 200px */ } } @media only screen and (max-width: 767.98px) { .ic-new-metting-section { padding-top:50px } } @media only screen and (max-width: 575.98px) { .ic-new-metting-section { padding-top:40px } } @media only screen and (max-width: 480px) { .ic-new-metting-section { padding-top:30px } } .ic-new-metting-wrapper { display: flex; gap: 67px } @media only screen and (max-width: 1399.98px) { .ic-new-metting-wrapper { gap:24px } } @media only screen and (max-width: 991.98px) { .ic-new-metting-wrapper { flex-direction:column } } .ic-new-metting-left { max-width: 662px } @media only screen and (max-width: 1399.98px) { .ic-new-metting-left { max-width:620px } } @media only screen and (max-width: 1199.98px) { .ic-new-metting-left { max-width:50% } } @media only screen and (max-width: 991.98px) { .ic-new-metting-left { max-width:100% } } .ic-new-metting-left .metting-img { border-radius: 16px; overflow: hidden; position: relative } .ic-new-metting-left .metting-img .big-img { border-radius: 16px; transition: all 0.3s } .ic-new-metting-left .metting-img .big-img:hover { transform: scale(1.05) } @media only screen and (max-width: 991.98px) { .ic-new-metting-left .metting-img .big-img { width:100% } } .ic-new-metting-left .ic-quate-wrap { position: absolute; left: 30px; bottom: 30px } .ic-new-metting-left .ic-quotation { max-width: 420px; padding: 30px; border-radius: 20px; background: var(--White,#fff) } @media only screen and (max-width: 1199.98px) { .ic-new-metting-left .ic-quotation { padding:20px; left: 20px; bottom: 20px; max-width: 350px } } @media only screen and (max-width: 575.98px) { .ic-new-metting-left .ic-quotation { max-width:300px; left: 23px } } .ic-new-metting-left .ic-quotation h4,.ic-new-metting-left .ic-quotation h4 span,h4 .ic-new-metting-left .ic-quotation span,.ic-new-metting-left .ic-quotation .sub-h4 span,.sub-h4 .ic-new-metting-left .ic-quotation span { color: var(--Black,#000); font-size: 28px; font-style: normal; font-weight: 600; line-height: 118%; margin-bottom: 6px } @media only screen and (max-width: 1199.98px) { .ic-new-metting-left .ic-quotation h4,.ic-new-metting-left .ic-quotation h4 span,h4 .ic-new-metting-left .ic-quotation span,.ic-new-metting-left .ic-quotation .sub-h4 span,.sub-h4 .ic-new-metting-left .ic-quotation span { font-size:24px } } @media only screen and (max-width: 991.98px) { .ic-new-metting-left .ic-quotation h4,.ic-new-metting-left .ic-quotation h4 span,h4 .ic-new-metting-left .ic-quotation span,.ic-new-metting-left .ic-quotation .sub-h4 span,.sub-h4 .ic-new-metting-left .ic-quotation span { font-size:20px } } @media only screen and (max-width: 767.98px) { .ic-new-metting-left .ic-quotation h4,.ic-new-metting-left .ic-quotation h4 span,h4 .ic-new-metting-left .ic-quotation span,.ic-new-metting-left .ic-quotation .sub-h4 span,.sub-h4 .ic-new-metting-left .ic-quotation span { font-size:18px } } .ic-new-metting-left .ic-quotation .qoute-text { font-size: 18px; line-height: 150% } @media only screen and (max-width: 1366.98px) { .ic-new-metting-left .ic-quotation .qoute-text { font-size:16px } } @media only screen and (max-width: 1199.98px) { .ic-new-metting-left .ic-quotation .qoute-text { font-size:14px } } @media only screen and (max-width: 767.98px) { .ic-new-metting-left .ic-quotation .qoute-text { font-size:14px } } .ic-new-metting-left .ic-quate-img { margin-bottom: 8px } @media only screen and (max-width: 1399.98px) { .ic-new-metting-left .ic-quate-img { top:302px } } @media only screen and (max-width: 1199.98px) { .ic-new-metting-left .ic-quate-img { top:180px } } @media only screen and (max-width: 991.98px) { .ic-new-metting-left .ic-quate-img { top:413px; left: 10px } } @media only screen and (max-width: 767.98px) { .ic-new-metting-left .ic-quate-img { display:none } } @media (max-width: 991px) { .ic-our-project-section .ic-setion-title-wrap { justify-content:center } } @media (max-width: 991px) { .ic-our-project-section .ic-setion-title-wrap .ic-section-title { text-align:center } } .ic-new-metting-right { flex: 1 } .ic-new-metting-right .ic-new-metting-item { border-radius: 20px; border: 1px solid var(--Border,#d6dae1); background: var(--White,#fff); box-shadow: 0 16px 52px 0 rgb(0 0 0 / .05); padding: 16px 20px 24px 24px } @media only screen and (max-width: 575.98px) { .ic-new-metting-right .ic-new-metting-item { padding:16px } } .ic-new-metting-right .ic-new-metting-item h4,.ic-new-metting-right .ic-new-metting-item h4 span,h4 .ic-new-metting-right .ic-new-metting-item span,.ic-new-metting-right .ic-new-metting-item .sub-h4 span,.sub-h4 .ic-new-metting-right .ic-new-metting-item span { margin-bottom: 16px; color: #000 } .ic-new-metting-right .ic-new-metting-item:not(:last-child) { margin-bottom: 16px } @media only screen and (max-width: 575.98px) { .ic-new-metting-right .ic-new-metting-item:not(:last-child) { margin-bottom:8px } } .ic-our-client-section { margin-top: -172px } @media only screen and (max-width: 575.98px) { .ic-our-client-section .ic-section-title { margin-bottom:28px!important } } .ic-our-client-content-area { border-radius: 24px; background: #fff; box-shadow: 0 20px 50px 0 rgb(35 35 35 / .05); padding: 65px 75px 60px } @media only screen and (max-width: 1199.98px) { .ic-our-client-content-area { padding:24px } } .ic-our-client-content-area .ic-our-client-content-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 30px; flex-wrap: wrap } @media only screen and (max-width: 767.98px) { .ic-our-client-content-area .ic-our-client-content-wrap { gap:24px } } @media only screen and (max-width: 480px) { .ic-our-client-content-area .ic-our-client-content-wrap { gap:15px } } .ic-our-client-content-area .ic-our-client-item { width: calc(20% - 30px + 6px); border-radius: 7px; border: 1px solid rgb(18 20 32 / .1); background: #fff; box-shadow: 0 20px 30px 0 rgb(99 122 166 / .05); display: inline-flex; align-items: center; justify-content: center; padding: 20px 28px; position: relative; } @media only screen and (max-width: 1199.98px) { .ic-our-client-content-area .ic-our-client-item { width:calc(25% - 30px + 7.5px) } } @media only screen and (max-width: 991.98px) { .ic-our-client-content-area .ic-our-client-item { width:calc(33.3333333333% - 30px + 10px) } } @media only screen and (max-width: 767.98px) { .ic-our-client-content-area .ic-our-client-item { width:calc(50% - 24px + 12px) } } @media only screen and (max-width: 480px) { .ic-our-client-content-area .ic-our-client-item { width:calc(50% - 15px + 7.5px) } } .ic-our-client-content-area .ic-our-client-item .item-tag { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); display: inline-flex; padding: 0 10px; justify-content: center; align-items: center; border-radius: 30px; border: 1px solid rgb(18 20 32 / .1); background: #fff; box-shadow: 0 16px 52px 0 rgb(0 0 0 / .05); height: 24px; white-space: nowrap } .ic-our-client-content-area .ic-our-client-item .item-tag p { color: var(--Text-Color-Paragraph,#606a7a); font-size: 11.409px; font-style: normal; font-weight: 400; line-height: normal; white-space: nowrap } .ic-setion-title-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-wrap: wrap; gap: 20px } .ic-our-project-content-area .ic-our-project-item .item-img-box img { max-height: 100%; height: 462px; width: 100%; object-fit: contain } @media (max-width: 1366px) { .ic-our-project-content-area .ic-our-project-item .item-img-box img { height:467px } } @media (max-width: 1199px) { .ic-our-project-content-area .ic-our-project-item .item-img-box img { height:389px } } @media (max-width: 991px) { .ic-our-project-content-area .ic-our-project-item .item-img-box img { height:286px } } @media (max-width: 767px) { .ic-our-project-content-area .ic-our-project-item .item-img-box img { height:218px } } @media (max-width: 575px) { .ic-our-project-content-area .ic-our-project-item .item-img-box img { height:unset } } .ic-our-project-content-area .colorful-tab-content .ic-our-project-item .item-img-box img { max-height: 100%; height: 352px; width: 100% } @media (max-width: 1550px) { .ic-our-project-content-area .colorful-tab-content .ic-our-project-item .item-img-box img { height:350px } } @media (max-width: 1366px) { .ic-our-project-content-area .colorful-tab-content .ic-our-project-item .item-img-box img { height:302px } } @media (max-width: 1199px) { .ic-our-project-content-area .colorful-tab-content .ic-our-project-item .item-img-box img { height:252px } } @media (max-width: 991px) { .ic-our-project-content-area .colorful-tab-content .ic-our-project-item .item-img-box img { height:292px } } @media (max-width: 767px) { .ic-our-project-content-area .colorful-tab-content .ic-our-project-item .item-img-box img { height:216px } } @media (max-width: 575px) { .ic-our-project-content-area .colorful-tab-content .ic-our-project-item .item-img-box img { height:unset } } @media only screen and (max-width: 991.98px) { .ic-our-project-item { text-align:center } } .ic-our-project-item .item-img-box { border-radius: 24px; overflow: hidden; position: relative; margin-bottom: 20px } .ic-our-project-item .item-img-box img { border-radius: 24px; transition: all 0.3s; max-width: 100%; max-height: 352px; object-fit: cover } @media (max-width: 1366px) { .ic-our-project-item .item-img-box img { max-height:304px } } @media (max-width: 1199px) { .ic-our-project-item .item-img-box img { max-height:240px } } @media only screen and (max-width: 991.98px) { .ic-our-project-item .item-img-box img { width:100% } } @media only screen and (max-width: 767.98px) { .ic-our-project-item .item-img-box img { max-height:213px; border-radius: 10px } } .ic-our-project-item .item-img-box .ic-link-icon { position: absolute; right: 20px; bottom: 20px; width: 56px; height: 56px; background: #c1001b; display: inline-flex; justify-content: center; align-items: center; border-radius: 50px; opacity: 0; visibility: hidden; transition: 0.4s } @media only screen and (max-width: 1199.98px) { .ic-our-project-item .item-img-box .ic-link-icon { right:15px; bottom: 15px; width: 48px; height: 48px } } .ic-our-project-item .item-img-box .ic-link-icon svg { transition: all 0.3s } .ic-our-project-item .item-img-box:hover .ic-link-icon { opacity: 1; visibility: visible } .ic-our-project-item .item-img-box:hover img { transform: scale(1.05) } .ic-our-project-item .item-img-box:hover svg { transform: rotate(45deg) } .ic-our-project-item h3,.ic-our-project-item h3 span,h3 .ic-our-project-item span,.ic-our-project-item .sub-h3 span,.sub-h3 .ic-our-project-item span,.ic-our-project-item .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-our-project-item h1,.ic-our-project-item .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-our-project-item span,.ic-our-project-item h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-our-project-item span,.ic-our-project-item .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-our-project-item h2,.ic-our-project-item .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-our-project-item span,.ic-our-project-item h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-our-project-item span,.ic-our-project-item .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-our-project-item h5,.ic-our-project-item .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-our-project-item span,.ic-our-project-item h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-our-project-item span,.ic-our-project-item .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-our-project-item span,.ic-our-project-item .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-our-project-item span,.ic-our-project-item .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-our-project-item h6,.ic-our-project-item .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-our-project-item span,.ic-our-project-item h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-our-project-item span { color: #121420; transition: all 0.3s; font-size: 26px } @media (max-width: 1199px) { .ic-our-project-item h3,.ic-our-project-item h3 span,h3 .ic-our-project-item span,.ic-our-project-item .sub-h3 span,.sub-h3 .ic-our-project-item span,.ic-our-project-item .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-our-project-item h1,.ic-our-project-item .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-our-project-item span,.ic-our-project-item h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-our-project-item span,.ic-our-project-item .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-our-project-item h2,.ic-our-project-item .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-our-project-item span,.ic-our-project-item h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-our-project-item span,.ic-our-project-item .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-our-project-item h5,.ic-our-project-item .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-our-project-item span,.ic-our-project-item h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-our-project-item span,.ic-our-project-item .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-our-project-item span,.ic-our-project-item .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-our-project-item span,.ic-our-project-item .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-our-project-item h6,.ic-our-project-item .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-our-project-item span,.ic-our-project-item h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-our-project-item span { font-size:22px } } .ic-our-project-item:hover h3,.ic-our-project-item:hover h3 span,h3 .ic-our-project-item:hover span,.ic-our-project-item:hover .sub-h3 span,.sub-h3 .ic-our-project-item:hover span,.ic-our-project-item:hover .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-our-project-item:hover h1,.ic-our-project-item:hover .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-our-project-item:hover span,.ic-our-project-item:hover h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-our-project-item:hover span,.ic-our-project-item:hover .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-our-project-item:hover h2,.ic-our-project-item:hover .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-our-project-item:hover span,.ic-our-project-item:hover h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-our-project-item:hover span,.ic-our-project-item:hover .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-our-project-item:hover h5,.ic-our-project-item:hover .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-our-project-item:hover span,.ic-our-project-item:hover h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-our-project-item:hover span,.ic-our-project-item:hover .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-our-project-item:hover span,.ic-our-project-item:hover .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-our-project-item:hover span,.ic-our-project-item:hover .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-our-project-item:hover h6,.ic-our-project-item:hover .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-our-project-item:hover span,.ic-our-project-item:hover h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-our-project-item:hover span { color: #c1001b } .ic-our-project-item span { color: #606a7a } .ic-testimonial-section { background: linear-gradient(180deg,#f5f7f9 1.8%,#fff 97.06%); background-repeat: no-repeat; background-size: cover } .ic-testimonial-section .ic-section-title .ic-title-tag { border-radius: 100px; border: 1px solid var(--Border,#d6dae1); background: var(--White,#fff); height: 32px; padding: 0 16px; color: #c1001b; display: inline-flex; align-items: center; font-size: 14px } .ic-testimonial-wrap .slick-list { padding: 30px 0 } @media (max-width: 767px) { .ic-testimonial-wrap .slick-list { padding:unset } } .ic-testimonial-wrap .slick-track { display: flex!important } .ic-testimonial-wrap .slick-slide { height: inherit!important } .ic-testimonial-wrap .ic-testimonial-item { border-radius: 16px; background: var(--White,#fff); box-shadow: 0 5px 12px 0 rgb(0 0 0 / .05); padding: 24px 26px; height: 100%; display: flex; flex-direction: column } @media only screen and (max-width: 767.98px) { .ic-testimonial-wrap .ic-testimonial-item { height:100% } } @media only screen and (max-width: 575.98px) { .ic-testimonial-wrap .ic-testimonial-item { padding:20px } } .ic-testimonial-wrap .ic-testimonial-item .item-rating { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px } .ic-testimonial-wrap .ic-testimonial-item .item-content { padding-bottom: 25px } .ic-testimonial-wrap .ic-testimonial-item .item-content p { color: var(--Text-Color-Paragraph,#606a7a); font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; display: inline; -webkit-line-clamp: 6; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word } @media (max-width: 1550px) { .ic-testimonial-wrap .ic-testimonial-item .item-content p { font-size:16px } } @media only screen and (max-width: 575.98px) { .ic-testimonial-wrap .ic-testimonial-item .item-content p { font-size:14px } } .ic-testimonial-wrap .ic-testimonial-item .item-content a { font-size: 18px; color: #c1001b } @media only screen and (max-width: 575.98px) { .ic-testimonial-wrap .ic-testimonial-item .item-content a { font-size:16px } } .ic-testimonial-wrap .ic-testimonial-item .item-user { display: flex; align-items: center; gap: 14px; margin-top: auto } @media (max-width: 1550px) { .ic-testimonial-wrap .ic-testimonial-item .item-user .user-info h4,.ic-testimonial-wrap .ic-testimonial-item .item-user .user-info h4 span,h4 .ic-testimonial-wrap .ic-testimonial-item .item-user .user-info span,.ic-testimonial-wrap .ic-testimonial-item .item-user .user-info .sub-h4 span,.sub-h4 .ic-testimonial-wrap .ic-testimonial-item .item-user .user-info span { font-size:20px } } @media (max-width: 1550px) { .ic-testimonial-wrap .ic-testimonial-item .item-user .user-info h4 p,h4 .ic-testimonial-wrap .ic-testimonial-item .item-user .user-info span p,.ic-testimonial-wrap .ic-testimonial-item .item-user .user-info .sub-h4 span p,.sub-h4 .ic-testimonial-wrap .ic-testimonial-item .item-user .user-info span p { font-size:14px } } .ic-testimonial-wrap .ic-testimonial-item .item-user img { width: 60px; height: 60px; border-radius: 50px } .ic-testimonial-wrap .slick-slide { margin: 0 12px } @media (max-width: 767px) { .ic-testimonial-wrap .slick-slide { margin:16px 12px } } .ic-testimonial-wrap .slick-dotted.slick-slider { margin-bottom: 0 } .ic-testimonial-wrap .slick-list { margin: 0 -12px } .ic-testimonial-wrap .slick-dots { bottom: -25px; position: static } @media only screen and (max-width: 575.98px) { .ic-testimonial-wrap .slick-dots { bottom:-12px } } .ic-testimonial-wrap .slick-dots button { width: 12px; height: 12px; background: #fff; border: 1px solid #c1001b; border-radius: 50px; transition: all 0.3s } .ic-testimonial-wrap .slick-dots button::before { content: none } .ic-testimonial-wrap .slick-dots .slick-active button { width: 32px; background: #c1001b } .ic-testimonial-wrap .slick-dots li { width: auto; height: auto } .ic-get-in-section { overflow: hidden } .ic-get-in-section .ic-get-in-title p { font-weight: 500; font-size: 14px } .ic-get-in-section .ic-form-btn { max-width: 800px; transition: all 0.3s; margin-left: auto; margin-right: auto } @media only screen and (max-width: 1199.98px) { .ic-get-in-section .ic-form-btn { max-width:50% } } @media only screen and (max-width: 991.98px) { .ic-get-in-section .ic-form-btn { max-width:100% } } .ic-get-in-section .ic-form-btn.form-active { max-width: 600px; margin: unset } @media only screen and (max-width: 1199.98px) { .ic-get-in-section .ic-form-btn.form-active { max-width:50% } } @media only screen and (max-width: 991.98px) { .ic-get-in-section .ic-form-btn.form-active { max-width:100% } } .ic-get-in-section .ic-form-btn .ic-btn:disabled,.ic-get-in-section .ic-form-btn .ic-btn-primary:disabled { color: #fafafa; border-color: #d6dae1; background: #d6dae1 } .ic-get-in-content-wrap { display: flex; gap: 68px } @media only screen and (max-width: 1399.98px) { .ic-get-in-content-wrap { gap:30px } } @media only screen and (max-width: 991.98px) { .ic-get-in-content-wrap { flex-direction:column } } .ic-get-in-content-wrap .ic-get-in-left { max-width: 800px; flex: 0 0 auto; transition: all 0.3s; margin-left: 260px } @media only screen and (max-width: 1399.98px) { .ic-get-in-content-wrap .ic-get-in-left { margin-left:170px } } @media only screen and (max-width: 1199.98px) { .ic-get-in-content-wrap .ic-get-in-left { max-width:50%; margin-left: 240px } } @media only screen and (max-width: 991.98px) { .ic-get-in-content-wrap .ic-get-in-left { max-width:100%; margin-left: 0 } } .ic-get-in-content-wrap .ic-get-in-left.form-active { max-width: 600px; margin-left: 0 } @media only screen and (max-width: 1199.98px) { .ic-get-in-content-wrap .ic-get-in-left.form-active { max-width:50% } } @media only screen and (max-width: 991.98px) { .ic-get-in-content-wrap .ic-get-in-left.form-active { max-width:100% } } .ic-get-in-content-wrap .ic-get-in-left.ic-hide-element .ic-check-warp input { margin-top: 6px } .ic-get-in-content-wrap .ic-get-in-right { opacity: 0; visibility: hidden; transition: all 0.3s; flex: 1; max-height: 400px } @media only screen and (max-width: 991.98px) { .ic-get-in-content-wrap .ic-get-in-right { display:none; max-height: 100% } } .ic-get-in-content-wrap .ic-get-in-right .ic-get-in-title h5,.ic-get-in-content-wrap .ic-get-in-right .ic-get-in-title h5 span,h5 .ic-get-in-content-wrap .ic-get-in-right .ic-get-in-title span,.ic-get-in-content-wrap .ic-get-in-right .ic-get-in-title .sub-h5 span,.sub-h5 .ic-get-in-content-wrap .ic-get-in-right .ic-get-in-title span { font-size: 20px; font-weight: 500!important } .ic-get-in-content-wrap .ic-get-in-right .ic-select-group .ic-select-item { height: 48px; width: 100%; text-align: center; border-radius: 10px; border: 1px solid var(--Border,#d6dae1); background: var(--White,#fff); padding: 0 14px; transition: all 0.3s; white-space: nowrap; display: inline-flex; justify-content: center; align-items: center; color: #58677d; cursor: pointer } .ic-get-in-content-wrap .ic-get-in-right .ic-select-group input:checked+label { color: #fff; border-color: #c1001b; background: #c1001b } .ic-get-in-content-wrap .ic-get-in-right .ic-select-group input:disabled+label { color: #fafafa; border-color: #d6dae1; background: #d6dae1 } .ic-get-in-content-wrap .ic-get-in-right.form-active { opacity: 1; visibility: visible; height: auto } @media only screen and (max-width: 991.98px) { .ic-get-in-content-wrap .ic-get-in-right.form-active { display:block } } .ic-form-label { font-size: 14px; font-weight: 600; color: #323b47 } .ic-input-wrap { position: relative; display: flex; align-items: center; flex-wrap: wrap } .ic-input-wrap .parsley-errors-list { flex-basis: 100% } .ic-input-wrap input { border-radius: 10px; background: var(--White,#fff); border: 1px solid var(--Border,#d6dae1); height: 48px; padding-left: 44px } .ic-input-wrap input::placeholder { font-size: 14px; font-weight: 500; color: #58677d } .ic-input-wrap .ic-input-icon { position: absolute; left: 16px; top: 10px } .ic-input-wrap .ic-input-icon svg { width: 20px; height: 20px } .ic-form-check { display: flex; align-items: flex-start; gap: 12px } .ic-form-check .ic-check-warp { width: 24px; height: 24px } .ic-form-check input { width: 20px; height: 20px } .ic-form-check label { margin-bottom: 0 } .ic-form-check label a { color: #c1001b } .ic-form-check label a:hover { font-weight: 500 } .ic-get-inf-form-wrap .ic-form-check-wrap .ic-form-check { display: flex } .ic-new-section-space { padding: 100px 0 } @media only screen and (max-width: 1399.98px) { .ic-new-section-space { padding:70px 0 } } @media only screen and (max-width: 1199.98px) { .ic-new-section-space { padding:60px 0 } } @media only screen and (max-width: 767.98px) { .ic-new-section-space { padding:50px 0 } } @media only screen and (max-width: 575.98px) { .ic-new-section-space { padding:40px 0 } } @media only screen and (max-width: 480px) { .ic-new-section-space { padding:30px 0 } } .ic-new-section-space-top { padding-top: 100px } @media only screen and (max-width: 1399.98px) { .ic-new-section-space-top { padding-top:70px } } @media only screen and (max-width: 1199.98px) { .ic-new-section-space-top { padding-top:60px } } @media only screen and (max-width: 767.98px) { .ic-new-section-space-top { padding-top:50px } } @media only screen and (max-width: 575.98px) { .ic-new-section-space-top { padding-top:40px } } @media only screen and (max-width: 480px) { .ic-new-section-space-top { padding-top:30px } } .ic-new-section-space-bottom { padding-bottom: 100px } @media only screen and (max-width: 1399.98px) { .ic-new-section-space-bottom { padding-bottom:70px } } @media only screen and (max-width: 1199.98px) { .ic-new-section-space-bottom { padding-bottom:60px } } @media only screen and (max-width: 767.98px) { .ic-new-section-space-bottom { padding-bottom:50px } } @media only screen and (max-width: 575.98px) { .ic-new-section-space-bottom { padding-bottom:40px } } @media only screen and (max-width: 480px) { .ic-new-section-space-bottom { padding-bottom:30px } } .ic-new-hero { padding-top: 130px; padding-bottom: 315px; background-size: cover; background-position: center; background-repeat: no-repeat } @media (max-width: 1399px) { .ic-new-hero { padding-top:100px; padding-bottom: 315px } } @media (max-width: 1199px) { .ic-new-hero { padding-top:50px; padding-bottom: 245px } } .ic-new-banner-container { display: flex; align-items: center } @media (max-width: 991px) { .ic-new-banner-container { flex-wrap:wrap; gap: 74px } } .ic-new-banner-left { position: relative; width: 767px } @media (max-width: 1399px) { .ic-new-banner-left { width:625px } } @media (max-width: 1199px) { .ic-new-banner-left { width:609px } } @media (max-width: 991px) { .ic-new-banner-left { width:77%; text-align: center; margin: 0 auto } } @media (max-width: 767px) { .ic-new-banner-left { width:100%; text-align: center; margin: 0 auto } } @media (max-width: 575px) { .ic-new-banner-left { width:90% } } .ic-new-banner-left h1,.ic-new-banner-left h1 span,h1 .ic-new-banner-left span { color: #121420; line-height: 60px } @media (max-width: 1199px) { .ic-new-banner-left h1,.ic-new-banner-left h1 span,h1 .ic-new-banner-left span { line-height:42px } } @media (max-width: 575px) { .ic-new-banner-left h1,.ic-new-banner-left h1 span,h1 .ic-new-banner-left span { font-size:30px; line-height: 36px } } .ic-new-banner-left h1 span,h1 .ic-new-banner-left span span { color: #c1001b; display: inline } .ic-new-banner-left .hero-text { padding-top: 14px; padding-bottom: 30px; text-align: justify; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; color: rgb(18 20 32 / .7); width: 77% } @media (max-width: 1399px) { .ic-new-banner-left .hero-text { font-size:15px } } @media (max-width: 991px) { .ic-new-banner-left .hero-text { margin:0 auto; text-align: center; width: 100% } } @media (max-width: 575px) { .ic-new-banner-left .hero-text { font-size:14px; width: 100% } } .ic-new-banner-left .trustpilot { margin-top: 50px; display: flex; align-items: center; gap: 15px } @media only screen and (max-width: 1650px) { .ic-new-banner-left .trustpilot { margin-top:48px; gap: 13px } } @media only screen and (max-width: 1399.98px) { .ic-new-banner-left .trustpilot { margin-top:45px } } @media only screen and (max-width: 1199.98px) { .ic-new-banner-left .trustpilot { margin-top:40px; gap: 11px } } @media only screen and (max-width: 991.98px) { .ic-new-banner-left .trustpilot { margin-top:30px; gap: 10px; justify-content: center } } @media only screen and (max-width: 767.98px) { .ic-new-banner-left .trustpilot { margin-top:22px; gap: 8px } } @media only screen and (max-width: 575.98px) { .ic-new-banner-left .trustpilot { justify-content:center } } .ic-new-banner-left .trustpilot p { font-size: 20px; font-style: normal; font-weight: 500; line-height: 100%; color: #121420 } @media only screen and (max-width: 991.98px) { .ic-new-banner-left .trustpilot p { font-size:19px } } @media only screen and (max-width: 767.98px) { .ic-new-banner-left .trustpilot p { font-size:18px } } @media only screen and (max-width: 575.98px) { .ic-new-banner-left .trustpilot p { font-size:15px } } .ic-new-banner-left .trustpilot span { color: #838e9e; font-size: 16px; font-style: normal; font-weight: 400; line-height: 15px } @media only screen and (max-width: 575.98px) { .ic-new-banner-left .trustpilot span { font-size:15px } } .ic-new-banner-left .trustpilot img { max-width: 130px } @media only screen and (max-width: 575.98px) { .ic-new-banner-left .trustpilot img { max-width:106px } } .ic-new-banner-left .ic_banner_logos { display: inline-flex; flex-wrap: wrap; margin-top: 40px; background-color: #fff; padding: 18px 19px; border-radius: 16px; gap: 24px } @media only screen and (max-width: 1650px) { .ic-new-banner-left .ic_banner_logos { margin-top:40px; gap: 22px } } @media only screen and (max-width: 1399.98px) { .ic-new-banner-left .ic_banner_logos { margin-top:35px; gap: 20px } } @media only screen and (max-width: 1199.98px) { .ic-new-banner-left .ic_banner_logos { margin-top:30px; gap: 18px } } @media only screen and (max-width: 991.98px) { .ic-new-banner-left .ic_banner_logos { margin-top:28px; gap: 16px } } @media only screen and (max-width: 767.98px) { .ic-new-banner-left .ic_banner_logos { margin-top:24px; gap: 14px } } @media only screen and (max-width: 575.98px) { .ic-new-banner-left .ic_banner_logos { margin-top:22px; gap: 12px } } .ic-new-banner-left .ic_banner_logos .logo-after { position: relative } .ic-new-banner-left .ic_banner_logos .logo-after:not(:last-child)::after { position: absolute; content: ""; top: 0; right: -15px; width: 1px; height: 24px; background-color: #d6dae1 } @media only screen and (max-width: 1650px) { .ic-new-banner-left .ic_banner_logos .logo-after:not(:last-child)::after { right:-14px } } @media only screen and (max-width: 1399.98px) { .ic-new-banner-left .ic_banner_logos .logo-after:not(:last-child)::after { right:-13px } } @media only screen and (max-width: 1199.98px) { .ic-new-banner-left .ic_banner_logos .logo-after:not(:last-child)::after { right:-12px } } @media only screen and (max-width: 991.98px) { .ic-new-banner-left .ic_banner_logos .logo-after:not(:last-child)::after { right:-11px } } @media only screen and (max-width: 767.98px) { .ic-new-banner-left .ic_banner_logos .logo-after:not(:last-child)::after { right:-10px } } @media only screen and (max-width: 575.98px) { .ic-new-banner-left .ic_banner_logos .logo-after:not(:last-child)::after { right:-9px } } @media only screen and (max-width: 480px) { .ic-new-banner-left .ic_banner_logos .logo-after img { max-width:72px } } .ic-new-banner-left .ic_banner_logos a { position: relative; display: inline-block } .ic-new-banner-left .ic_banner_logos a:not(:last-child)::after { position: absolute; content: ""; top: 0; right: -15px; width: 1px; height: 24px; background-color: #d6dae1 } @media only screen and (max-width: 1650px) { .ic-new-banner-left .ic_banner_logos a:not(:last-child)::after { right:-14px } } @media only screen and (max-width: 1399.98px) { .ic-new-banner-left .ic_banner_logos a:not(:last-child)::after { right:-13px } } @media only screen and (max-width: 1199.98px) { .ic-new-banner-left .ic_banner_logos a:not(:last-child)::after { right:-12px } } @media only screen and (max-width: 991.98px) { .ic-new-banner-left .ic_banner_logos a:not(:last-child)::after { right:-11px } } @media only screen and (max-width: 767.98px) { .ic-new-banner-left .ic_banner_logos a:not(:last-child)::after { right:-10px } } @media only screen and (max-width: 575.98px) { .ic-new-banner-left .ic_banner_logos a:not(:last-child)::after { right:-9px } } .ic-new-banner-left .ic_banner_logos a img { max-width: 100%; height: auto } .ic-new-banner-left .down-arrow { position: absolute; bottom: -22px; right: 130px } @media (max-width: 1399px) { .ic-new-banner-left .down-arrow { right:36px } } @media (max-width: 1199px) { .ic-new-banner-left .down-arrow { right:0 } } @media (max-width: 991px) { .ic-new-banner-left .down-arrow { position:relative; display: block; text-align: center } } .ic-new-banner-left .down-arrow .circle-name-img { -webkit-animation: circle-rotate 30s linear infinite both; animation: circle-rotate 30s linear infinite both } @media (max-width: 1399px) { .ic-new-banner-left .down-arrow .circle-name-img { max-width:120px } } .ic-new-banner-left .down-arrow .circle-arrows-image { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(-130deg); transition: 0.4s } @media (max-width: 1399px) { .ic-new-banner-left .down-arrow .circle-arrows-image { max-width:65px } } .ic-new-banner-left .down-arrow .circle-arrows-image:hover { transform: translate(-50%,-50%) rotate(0deg) } @media (max-width: 991px) { .ic-new-banner-right { width:100% } } .ic-associate-recommended { padding-top: 98px; padding-bottom: 100px; background-size: cover; background-position: center; background-repeat: no-repeat } @media (max-width: 1650px) { .ic-associate-recommended { padding-bottom:104px } } @media (max-width: 1399px) { .ic-associate-recommended { padding-bottom:132px } } @media (max-width: 1199px) { .ic-associate-recommended { padding-top:60px; padding-bottom: 80px; background-position: 52% } } @media (max-width: 991px) { .ic-associate-recommended { padding-top:60px; padding-bottom: 110px; background-position: 52% } } .ic-associates-info { padding-top: 35px } @media (max-width: 1199px) { .ic-associates-info { padding-top:0 } } .ic-hand-shape { position: absolute; bottom: -267px; left: 32px; height: 310px } @media (max-width: 1650px) { .ic-hand-shape { bottom:-270px } } @media (max-width: 1399px) { .ic-hand-shape { bottom:-267px } } @media (max-width: 1199px) { .ic-hand-shape { left:7px; bottom: -245px; height: 289px } } @media (max-width: 991px) { .ic-hand-shape { bottom:-112px; left: 50%; transform: translateX(-50%); height: 126px } } .mission-image-big { position: absolute; z-index: 1; width: 322px; height: 322px; border-radius: 50% } @media (max-width: 1199px) { .mission-image-big { width:266px; height: 266px } } @media (max-width: 575px) { .mission-image-big { width:190px; height: 190px } } .ic-show-case-big-image { width: 496px; height: 496px; border-radius: 50%; background: linear-gradient(180deg,rgb(255 255 255 / .6) 0%,#fff 100%); position: relative; display: flex; align-items: center; justify-content: center } @media (max-width: 1199px) { .ic-show-case-big-image { width:400px; height: 400px } } @media (max-width: 991px) { .ic-show-case-big-image { margin:0 auto } } @media (max-width: 575px) { .ic-show-case-big-image { width:312px; height: 312px } } @media (max-width: 1199px) { .border-image-big { width:91% } } .mission-circle { width: 60px; height: 60px; border-radius: 50%; border: 2px solid #fff } @media (max-width: 1199px) { .mission-circle { width:40px; height: 40px } } .mission-circle.img-1 { position: absolute; top: 40px; left: 61px; -webkit-animation: mission-scale-1 10s linear infinite alternate; animation: mission-scale-1 10s linear infinite alternate } .mission-circle.img-2 { position: absolute; bottom: 87px; left: 29px; -webkit-animation: mission-scale-2 5s linear infinite alternate; animation: mission-scale-2 5s linear infinite alternate } .mission-circle.img-3 { position: absolute; top: 215px; right: 25px; -webkit-animation: mission-scale-3 15s linear infinite alternate; animation: mission-scale-3 15s linear infinite alternate } @media (max-width: 575px) { .mission-circle.img-3 { top:132px; right: 17px } } .mission-circle.img-4 { position: absolute; bottom: 50px; right: 62px; -webkit-animation: mission-scale-4 10s linear infinite alternate; animation: mission-scale-4 10s linear infinite alternate } @media (max-width: 575px) { .mission-circle.img-4 { bottom:24px } } .ic-hand-world { position: relative } @media (max-width: 1199px) { .ic-hand-world { margin-top:33px } } @media (max-width: 991px) { .ic-hand-world { margin-top:63px } } .ic-hand-world .recommended-mission { border-radius: 16px; box-shadow: 0 30px 60px 0 rgb(99 122 166 / .15); position: absolute; z-index: 1; right: 0; top: -22px; -webkit-animation: mission-big-1 10s linear infinite alternate; animation: mission-big-1 10s linear infinite alternate; max-width: 298px } @media (max-width: 1399px) { .ic-hand-world .recommended-mission { max-width:238px } } @media (max-width: 767px) { .ic-hand-world .recommended-mission { max-width:204px } } @media (max-width: 575px) { .ic-hand-world .recommended-mission { max-width:185px } } @keyframes mission-scale-1 { 0% { -webkit-transform: scale(.8); transform: scale(.8) } 50% { -webkit-transform: scale(1.1); transform: scale(1.1) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes mission-scale-2 { 0% { -webkit-transform: scale(.9); transform: scale(.9) } 50% { -webkit-transform: scale(1.1); transform: scale(1.1) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes mission-scale-3 { 0% { -webkit-transform: scale(.5); transform: scale(.5) } 50% { -webkit-transform: scale(1.1); transform: scale(1.1) } 100% { -webkit-transform: scale(.9); transform: scale(.9) } } @keyframes mission-scale-4 { 0% { -webkit-transform: scale(.7); transform: scale(.7) } 50% { -webkit-transform: scale(1.1); transform: scale(1.1) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes mission-big-1 { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(10px); transform: translateY(10px) } } .ic-recommended-content { padding: 32px; border-radius: 16px; background-color: #fff } @media (max-width: 575px) { .ic-recommended-content { padding:14px } } .ic-recommended-content ul li { display: flex; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid rgb(18 20 32 / .12) } .ic-recommended-content ul li h2,.ic-recommended-content ul li h2 span,h2 .ic-recommended-content ul li span { color: #121420; font-family: lufga-semibold; padding-bottom: 10px; font-size: 32px } @media (max-width: 1399px) { .ic-recommended-content ul li h2,.ic-recommended-content ul li h2 span,h2 .ic-recommended-content ul li span { font-size:26px } } @media (max-width: 1199px) { .ic-recommended-content ul li h2,.ic-recommended-content ul li h2 span,h2 .ic-recommended-content ul li span { padding-bottom:0 } } @media (max-width: 575px) { .ic-recommended-content ul li h2,.ic-recommended-content ul li h2 span,h2 .ic-recommended-content ul li span { font-size:24px } } .ic-recommended-content ul li p { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: -.32px; color: #606a7a } @media (max-width: 1199px) { .ic-recommended-content ul li p { font-size:14px } } .ic-recommended-content ul li .ic-recommended-logos { display: flex } .ic-recommended-content ul li .ic-recommended-logos img { padding: 0 25px; max-width: 130px; height: auto; object-fit: contain } @media (max-width: 1366px) { .ic-recommended-content ul li .ic-recommended-logos img { padding:0 12px; max-width: 130px } } @media (max-width: 1199px) { .ic-recommended-content ul li .ic-recommended-logos img { padding:0 12px; max-width: 88px } } .ic-recommended-content ul li .ic-recommended-logos img:not(:last-child) { border-right: 1px solid #d6dae1 } .ic-recommended-content ul li .ic-recommended-logos img:first-child { padding-left: 0 } .ic-recommended-content ul li .ic-recommended-logos img:last-child { padding-right: 0 } .ic-itclan-meats { border-radius: 63.484px; border: 3px solid #fff; background: linear-gradient(106deg,#e0f5fa -1.4%,#fffde6 100.87%),#fff; box-shadow: 0 16px 52px 0 rgb(0 0 0 / .05); padding: 26px 35px 15px 35px; position: absolute; bottom: -30px } @media (max-width: 1399px) { .ic-itclan-meats { padding:16px 35px 15px 35px } } @media (max-width: 1399px) { .ic-itclan-meats { padding:10px 35px 10px 35px } } .ic-itclan-meats p { font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; color: #121420; padding-bottom: 8px; text-align: center } @media (max-width: 1399px) { .ic-itclan-meats p { font-size:16px } } .ic-itclan-meats .img-teams { display: flex; align-items: center } .ic-itclan-meats .img-teams span { width: 32px; height: 32px; border-radius: 50%; background-color: #fff; border: 1px solid #d6dae1; font-size: 25px; display: inline-flex; align-items: center; justify-content: center; color: #c1001b; margin-left: -8px } .ic-itclan-meats .img-teams img { margin-left: -8px; width: 32px; height: 32px; border-radius: 50% } .ic-itclan-meats .img-teams img:nth-child(3) { width: 50px; height: 50px; position: relative; z-index: 1 } @media (max-width: 1399px) { .ic-itclan-meats .img-teams img:nth-child(3) { width:40px; height: 40px } } .ic-itclan-meats .img-teams img:first-child { margin-left: 0 } @-webkit-keyframes circle-rotate { 0% { -webkit-transform: scale(1) rotateZ(0); transform: scale(1) rotateZ(0) } 50% { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg) } 100% { -webkit-transform: scale(1) rotateZ(360deg); transform: scale(1) rotateZ(360deg) } } @keyframes circle-rotate { 0% { -webkit-transform: scale(1) rotateZ(0); transform: scale(1) rotateZ(0) } 50% { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg) } 100% { -webkit-transform: scale(1) rotateZ(360deg); transform: scale(1) rotateZ(360deg) } } @media (min-width: 992px) { .stack-cards { --stack-cards-gap:calc(1 * 2rem); margin-top: 30px } .stack-cards__item { position: relative; position: sticky; top: 53px; min-height: calc(100vh - 161px)!important; transform-origin: center top } } @media (min-width: 992px) and (max-width:767px) { .stack-cards__item { min-height:calc(100vh + 0px)!important } } @media (min-width: 992px) { .stack-cards__item>* { position:absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .stack-cards { position: relative; z-index: 1 } } @media screen and (min-device-width: 1600px) and (max-device-width:1920px) { .stack-cards__item { margin:128px 0; top: 100px; margin-bottom: 140px; min-height: calc(100vh - 348px)!important } .stack-cards__item:first-child { margin-top: 0 } .stack-cards__item:last-child { margin-bottom: 40px } } @media screen and (min-device-width: 1200px) and (max-device-width:1600px) and (-webkit-min-device-pixel-ratio:1) { .stack-cards__item { margin:128px 0; top: 100px; margin-bottom: 140px } .stack-cards__item:first-child { margin-top: 0 } .stack-cards__item:last-child { margin-bottom: 48px } } @media screen and (min-device-width: 991px) and (max-device-width:1199px) { .stack-cards__item { min-height:calc(100vh - 145px)!important; margin: 70px 0 } .stack-cards__item:first-child { margin-top: 0 } .stack-cards__item:last-child { margin-bottom: 0 } } @media (max-width: 991px) { .stack-cards__item { margin-bottom:25px } .stack-cards { max-height: 500px; overflow-y: auto; margin: 50px 0 } } .ic-services-card { display: flex; align-items: center } @media (max-width: 767px) { .ic-services-card { display:block } } .ic-services-card .ic-service-left { width: 703px; flex: 0 0 auto } @media (max-width: 1399px) { .ic-services-card .ic-service-left { width:608px } } @media (max-width: 1199px) { .ic-services-card .ic-service-left { width:510px } } @media (max-width: 991px) { .ic-services-card .ic-service-left { width:330px } } @media (max-width: 767px) { .ic-services-card .ic-service-left { width:100% } } .ic-services-card .ic-service-left .best-services-icons .ic-icons { display: flex; align-items: center; padding-bottom: 18px } .ic-services-card .ic-service-left .best-services-icons .ic-icons img { position: relative } @media (max-width: 575px) { .ic-services-card .ic-service-left .best-services-icons .ic-icons img { max-width:40px } } .ic-services-card .ic-service-left .best-services-icons span { color: #fff; text-shadow: -1px -1px 0 rgb(193 208 229 / .3),1px -1px 0 rgb(193 208 229 / .3),-1px 1px 0 rgb(193 208 229 / .3),1px 1px 0 rgb(193 208 229 / .3); font-size: 80px; font-style: normal; font-weight: 700; line-height: 118%; display: inline-block; margin-left: -17px } @media (max-width: 575px) { .ic-services-card .ic-service-left .best-services-icons span { font-size:40px; margin-left: -9px } } .ic-services-card .ic-service-left h2,.ic-services-card .ic-service-left h2 span,h2 .ic-services-card .ic-service-left span { font-family: lufga-bold; font-size: 44px; font-style: normal; line-height: normal; text-transform: capitalize; color: #121420; padding-bottom: 16px } @media (max-width: 1650px) { .ic-services-card .ic-service-left h2,.ic-services-card .ic-service-left h2 span,h2 .ic-services-card .ic-service-left span { font-size:38px } } @media (max-width: 1399px) { .ic-services-card .ic-service-left h2,.ic-services-card .ic-service-left h2 span,h2 .ic-services-card .ic-service-left span { font-size:32px } } @media (max-width: 991px) { .ic-services-card .ic-service-left h2,.ic-services-card .ic-service-left h2 span,h2 .ic-services-card .ic-service-left span { font-size:28px } } .ic-services-card .ic-service-left h5,.ic-services-card .ic-service-left h5 span,h5 .ic-services-card .ic-service-left span,.ic-services-card .ic-service-left .sub-h5 span,.sub-h5 .ic-services-card .ic-service-left span { font-size: 22px; font-style: normal; font-family: lufga-medium; font-weight: 400; line-height: 32px; color: #121420; padding-bottom: 16px } @media (max-width: 1399px) { .ic-services-card .ic-service-left h5,.ic-services-card .ic-service-left h5 span,h5 .ic-services-card .ic-service-left span,.ic-services-card .ic-service-left .sub-h5 span,.sub-h5 .ic-services-card .ic-service-left span { font-size:18px } } @media (max-width: 991px) { .ic-services-card .ic-service-left h5,.ic-services-card .ic-service-left h5 span,h5 .ic-services-card .ic-service-left span,.ic-services-card .ic-service-left .sub-h5 span,.sub-h5 .ic-services-card .ic-service-left span { font-size:16px; line-height: 22px } } .ic-services-card .ic-service-left p { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; color: #42526b; padding-bottom: 35px } @media (max-width: 575px) { .ic-services-card .ic-service-left p { font-size:14px } } .ic-services-card .ic-service-left .btn { height: 54px; padding: 0 35px; border-radius: 10px; background: #fff; box-shadow: 0 16px 52px 0 rgb(0 0 0 / .05); display: inline-flex; align-items: center; justify-content: center; gap: 10px; transition: 0.4s; border: 1px solid #d6dae1 } @media (max-width: 1440px) { .ic-services-card .ic-service-left .btn { height:50px; font-size: 14px; padding: 0 20px } .ic-services-card .ic-service-left .btn svg { width: 20px } } .ic-services-card .ic-service-left .btn:hover { background-color: #c1001b; border: 1px solid #c1001b; color: #fff } .ic-services-card .ic-service-left .btn:hover svg path { stroke: #fff } .ic-service-right { width: calc(100% - 562px); padding-left: 62px } @media (max-width: 1399px) { .ic-service-right { width:calc(100% - 608px); padding-left: 30px } } @media (max-width: 1199px) { .ic-service-right { width:calc(100% - 510px); padding-left: 30px } } @media (max-width: 991px) { .ic-service-right { width:calc(100% - 330px); padding-left: 20px } } @media (max-width: 767px) { .ic-service-right { padding-left:0; width: calc(100% - 0px); margin-top: 30px } } .service-software-div { display: flex; flex-wrap: wrap; gap: 24px } @media (max-width: 1399px) { .service-software-div { gap:16px } } @media (max-width: 767px) { .service-software-div { gap:6px } } .service-software-div .service-software-items { width: calc(25% - 24px + 6px); padding: 18px 7px; background-color: #fff; border-radius: 8px; border: 1px solid #d6dae1; box-shadow: 0 20px 30px 0 rgb(99 122 166 / .05); text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center } @media (max-width: 1399px) { .service-software-div .service-software-items { width:calc(25% - 16px + 4px) } } @media (max-width: 1199px) { .service-software-div .service-software-items { width:calc(33.3333333333% - 16px + 5.3333333333px) } } @media (max-width: 991px) { .service-software-div .service-software-items { width:calc(33.3333333333% - 16px + 5.3333333333px) } } @media (max-width: 767px) { .service-software-div .service-software-items { width:calc(33.3333333333% - 8px + 2.6666666667px) } } .service-software-div .service-software-items img { margin-bottom: 12px; max-width: 90%; max-height: 40px; object-fit: contain } .service-software-div .service-software-items p { font-family: manrope-light; font-size: 14px; font-style: normal; font-weight: 300; line-height: normal; text-transform: capitalize } @media (max-width: 1399px) { .service-software-div .service-software-items p { font-size:14px } } @media (max-width: 767px) { .service-software-div .service-software-items p { font-size:13px } } .service-show { background-image: url(../images/servie-color-palate.png); background-position: 59% 33% } @media (max-width: 991px) { .service-show { background-size:84% } } @media (max-width: 767px) { .service-show { background-size:100% } } .service-show .service-show-item { padding: 50px 0; border-bottom: 1px solid #d6dae1 } .service-show .service-show-item .ic-services-card { padding-bottom: 0 } .hero-btn { display: flex; align-items: center; gap: 10px } @media (max-width: 991px) { .hero-btn { justify-content:center } } .hero-btn a { height: 52px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center } .hero-btn a.whats-up { border-radius: 10px; background: #c1001b; box-shadow: 0 16px 52px 0 rgb(0 0 0 / .05); padding: 0 28px 0 28px; color: #fff; gap: 3px } @media (max-width: 575px) { .hero-btn a.whats-up { padding:0 16px 0 16px } } .hero-btn a.consultation { border: 1px solid #d6dae1; background: #fff; box-shadow: 0 16px 52px 0 rgb(0 0 0 / .05); padding: 0 35px; font-size: 15px; color: #121420 } @media (max-width: 575px) { .hero-btn a.consultation { padding:0 17px } } .ic-banner-circle { width: 486px; height: 486px; border-radius: 515px; border: 5px solid #fff; display: flex; align-items: center; justify-content: center; position: relative } @media (max-width: 1399px) { .ic-banner-circle { width:465px; height: 465px } .ic-banner-circle img { max-width: 320px } } @media (max-width: 1199px) { .ic-banner-circle { width:320px; height: 320px; margin: 0 auto } .ic-banner-circle img { max-width: 230px } } @media (max-width: 575px) { .ic-banner-circle img { max-width:190px } } @media (max-width: 767px) { .ic-banner-circle { width:320px; height: 320px } } @media (max-width: 575px) { .ic-banner-circle { width:280px; height: 280px } } .ic-banner-circle .ic-middle-laptop { -webkit-animation: img-middle 8s linear infinite alternate; animation: img-middle 8s linear infinite alternate } @media (max-width: 1399px) { .ic-banner-circle .ic-middle-laptop { max-width:320px } } @media (max-width: 767px) { .ic-banner-circle .ic-middle-laptop { max-width:200px } } .ic-circle-img { width: 115px; height: 115px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #fff } @media (max-width: 1399px) { .ic-circle-img { width:80px; height: 80px } .ic-circle-img img { max-width: 60px } } .ic-circle-img.img-circle-1 { position: absolute; left: -61px; -webkit-animation: img-circle-1 8s linear infinite both; animation: img-circle-1 8s linear infinite both } @media (max-width: 1399px) { .ic-circle-img.img-circle-1 { left:-40px } } .ic-circle-img.img-circle-2 { position: absolute; top: -61px; -webkit-animation: img-circle-2 4s linear infinite both; animation: img-circle-2 20s linear infinite both } @media (max-width: 1399px) { .ic-circle-img.img-circle-2 { top:-40px } } .ic-circle-img.img-circle-3 { position: absolute; right: -61px } @media (max-width: 1399px) { .ic-circle-img.img-circle-3 { right:-40px } } @-webkit-keyframes img-middle { 0% { -webkit-transform: translateY(-52%); transform: translateY(-52%) } 50% { -webkit-transform: translateY(-50%); transform: translateY(-50%) } 100% { -webkit-transform: translateY(-48%); transform: translateY(-48%) } } @keyframes img-middle { 0% { -webkit-transform: translateY(10px); transform: translateY(10px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(-10px); transform: translateY(-10px) } } .ic-new-service { margin-top: -206px; padding-bottom: 100px; padding-top: 20px } @media (max-width: 1399px) { .ic-new-service { padding-bottom:80px } } @media (max-width: 911px) { .ic-new-service { padding-top:0; padding-bottom: 40px } } .ic-new-service a { height: 100% } .ic-new-service .container { position: relative } .ic-new-service .container::before { content: ""; position: absolute; bottom: -95px; left: 0; width: 179px; height: 179px; background-color: #c0011c; filter: blur(250px) } .ic-new-service .container::after { content: ""; position: absolute; bottom: -95px; right: 20%; width: 193px; height: 193px; background-color: #c0011c; filter: blur(250px) } .ic-service-items { border-radius: 16px; background: #fff; box-shadow: 0 20px 50px 0 rgb(35 35 35 / .05); padding: 35px 30px; text-align: center; transition: 0.4s; z-index: 1; position: relative; border: 1px solid #fff; height: 100% } @media (max-width: 1399px) { .ic-service-items { padding:26px } } @media (max-width: 1199px) { .ic-service-items { padding:26px 10px } } @media (max-width: 991px) { .ic-service-items { padding:26px 39px } } .ic-service-items .ic-service-img-box { display: inline-block } .ic-service-items img { object-fit: contain; transition: 0.4s; max-height: 100px; margin-bottom: 22px } @media (max-width: 1399px) { .ic-service-items img { max-width:80px } } @media (max-width: 1199px) { .ic-service-items img { max-width:68px; margin-bottom: 15px } } .ic-service-items h4,.ic-service-items h4 span,h4 .ic-service-items span,.ic-service-items .sub-h4 span,.sub-h4 .ic-service-items span { font-size: 26px; font-style: normal; font-weight: 700; line-height: 28px; color: #121420; padding-bottom: 15px; transition: 0.4s } @media (max-width: 1399px) { .ic-service-items h4,.ic-service-items h4 span,h4 .ic-service-items span,.ic-service-items .sub-h4 span,.sub-h4 .ic-service-items span { font-size:23px } } @media (max-width: 1199px) { .ic-service-items h4,.ic-service-items h4 span,h4 .ic-service-items span,.ic-service-items .sub-h4 span,.sub-h4 .ic-service-items span { font-size:20px; padding-bottom: 10px } } .ic-service-items p { color: #606a7a; transition: 0.4s } @media (max-width: 1199px) { .ic-service-items p { font-size:14px } } .ic-service-items:hover { box-shadow: 0 0 0 0 rgb(35 35 35 / .05); background-color: #fcfaf8 } .ic-rated-services-wrapper { top: 83px; z-index: 9 } .ic-rated-services-wrapper.hide { display: none } .ic-new-rated-slider-part { margin-top: 50px } @media (max-width: 1199px) { .ic-new-rated-slider-part { margin-top:20px } } .ic-new-rated-slider-part .ic-rated-slider img { border-radius: 8px; border: 6px solid var(--White,#fff); background: var(--White,#fff); box-shadow: 0 9px 29px 0 rgb(0 0 0 / .1); max-width: 100%; height: auto } .ic-new-rated-slider-part .ic-rated-slider .ic-slide { padding: 50px 0 } @media (max-width: 1199px) { .ic-new-rated-slider-part .ic-rated-slider .ic-slide { padding-top:30px } } .ic-new-rated-slider-part .slick-slide { margin: 0 27px } .ic-new-rated-slider-part .slick-list { margin: 0 -27px } .ic-new-rated-services { padding: 39px; border-radius: 16px; background-color: #fff; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1 } @media (max-width: 1199px) { .ic-new-rated-services { padding:20px; border-radius: 8px } } @media (max-width: 575px) { .ic-new-rated-services { flex-wrap:wrap; justify-content: center; text-align: center } } .ic-new-rated-services h2,.ic-new-rated-services h2 span,h2 .ic-new-rated-services span { color: #121420 } @media (max-width: 1024px) { .ic-new-rated-services h2,.ic-new-rated-services h2 span,h2 .ic-new-rated-services span { font-size:24px } } .ic-products-sass { padding: 100px 0; background-position: center; background-repeat: no-repeat; background-size: cover } @media (max-width: 1199px) { .ic-products-sass { padding-top:70px; padding-bottom: 56px } } @media (max-width: 991px) { .ic-products-sass { padding-top:50px; padding-bottom: 40px } } .ic-products-sass .ic-new-products-head { padding-bottom: 60px } @media (max-width: 991px) { .ic-products-sass .ic-new-products-head h2,.ic-products-sass .ic-new-products-head h2 span,h2 .ic-products-sass .ic-new-products-head span { text-align:center } } @media (max-width: 1199px) { .ic-products-sass .ic-new-products-head { padding-bottom:40px } } .ic-sass-products-items { border-radius: 16px; background: #24262e; box-shadow: 0 15.37px 22.357px -6.986px rgb(0 0 0 / .1); padding: 34px 28px; height: 100% } .ic-sass-products-items .text-center+div img { width: 100% } .ic-new-products-head h2,.ic-new-products-head h2 span,h2 .ic-new-products-head span { color: #fff } .ic-sass-products-items .ic-logo { margin-bottom: 40px } @media (max-width: 1199px) { .ic-sass-products-items .ic-logo { max-width:170px } } .ic-sass-products-items .btn { height: 60px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; background-color: #fff; border-radius: 10px; width: 100%; margin-top: 50px; font-family: manrope-semibold; transition: 0.4s } @media (max-width: 1199px) { .ic-sass-products-items .btn { height:44px; font-size: 14px } .ic-sass-products-items .btn svg { width: 25px } } .ic-sass-products-items .btn svg path { transition: 0.4s } .ic-sass-products-items .btn:hover { background-color: #c1001b; color: #fff } .ic-sass-products-items .btn:hover svg path { stroke: #fff } .ic-it-service { padding-top: 100px; background-position: center; background-repeat: no-repeat; background-size: cover; padding-bottom: 88px } @media (max-width: 1199px) { .ic-it-service { padding-top:70px; padding-bottom: 60px } } @media (max-width: 991px) { .ic-it-service { padding-top:50px; padding-bottom: 50px } } .ic-new-page-title { padding-bottom: 50px; text-align: center } @media (max-width: 1199px) { .ic-new-page-title { padding-bottom:30px } } .ic-new-page-title h2,.ic-new-page-title h2 span,h2 .ic-new-page-title span { color: #121420 } @media (max-width: 1199px) { .ic-new-page-title h2,.ic-new-page-title h2 span,h2 .ic-new-page-title span { width:76%; margin: 0 auto 10px auto } } @media (max-width: 480px) { .ic-new-page-title h2,.ic-new-page-title h2 span,h2 .ic-new-page-title span { width:90%; margin: 0 auto 10px auto } } .ic-new-page-title p { line-height: 24px } .ic-associate-recommended .ic-new-page-title p { width: 80%; margin: 0 auto } @media (max-width: 480px) { .ic-associate-recommended .ic-new-page-title p { width:94% } } .ic-our-project-section h2,.ic-our-project-section h2 span,h2 .ic-our-project-section span { width: 100% } .ic-it-service-content { position: relative; padding: 56px; border-radius: 16px; border-top: 4px solid #c1001b; background: linear-gradient(90deg,rgb(250 250 250 / .5) 0%,white 34%,white 62%,rgb(255 255 255 / .5) 100%); box-shadow: 0 40px 80px -16px rgb(0 0 0 / .06) } @media (max-width: 1199px) { .ic-it-service-content { padding:35px } } .ic-it-service-content::after { content: ""; position: absolute; top: 50%; left: 50%; width: 150px; height: 150px; border-radius: 50%; background-color: #f48a34; filter: blur(200px); transform: translate(-50%,-50%) } .ic-it-service-content .tab-content>.active { display: block!important } .ic-it-service-left { padding-right: 29px } @media (max-width: 1199px) { .ic-it-service-left { padding-right:0 } } @media (max-width: 991px) { .ic-it-service-left { padding-right:0 } } @media (max-width: 767px) { .ic-it-service-left { overflow-x:auto } .ic-it-service-left::-webkit-scrollbar { display: none } } .ic-it-service-left ul { display: flex; gap: 24px; border: 0 } @media (max-width: 1199px) { .ic-it-service-left ul { gap:18px } } @media (max-width: 767px) { .ic-it-service-left ul { flex-wrap:nowrap } } .ic-it-service-left ul li { width: calc(50% - 24px + 12px) } @media (max-width: 767px) { .ic-it-service-left ul li { width:calc(100% - 24px + 24px) } } .ic-it-service-left ul li button { gap: 10px; height: 60px; border-radius: 100px; border: 1px solid #ebedf0; background: #fff; display: inline-flex; padding: 0 30px; align-items: center; color: #242f3e; width: 100%; text-align: left; font-size: 17px; font-style: normal; font-family: manrope-medium; line-height: normal; transition: 0.3s; white-space: nowrap } .ic-it-service-left ul li button i { font-size: 30px } @media (max-width: 1199px) { .ic-it-service-left ul li button i { font-size:20px } } @media (max-width: 1550px) { .ic-it-service-left ul li button { font-size:16px; padding: 0 18px } } @media (max-width: 1199px) { .ic-it-service-left ul li button { font-size:14px; padding: 0 6px; height: 40px } } .ic-it-service-left ul li button.active { border: 1px solid #151519; background-color: #151519; color: #fff } @media (max-width: 1199px) { .ic-it-new-service-content-text { margin-top:40px } } .ic-it-new-service-content-text h3,.ic-it-new-service-content-text h3 span,h3 .ic-it-new-service-content-text span,.ic-it-new-service-content-text .sub-h3 span,.sub-h3 .ic-it-new-service-content-text span,.ic-it-new-service-content-text .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-it-new-service-content-text h1,.ic-it-new-service-content-text .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-it-new-service-content-text span,.ic-it-new-service-content-text h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-it-new-service-content-text span,.ic-it-new-service-content-text .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-it-new-service-content-text h2,.ic-it-new-service-content-text .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-it-new-service-content-text span,.ic-it-new-service-content-text h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-it-new-service-content-text span,.ic-it-new-service-content-text .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-it-new-service-content-text h5,.ic-it-new-service-content-text .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-it-new-service-content-text span,.ic-it-new-service-content-text h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-it-new-service-content-text span,.ic-it-new-service-content-text .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-it-new-service-content-text span,.ic-it-new-service-content-text .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-it-new-service-content-text span,.ic-it-new-service-content-text .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-it-new-service-content-text h6,.ic-it-new-service-content-text .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-it-new-service-content-text span,.ic-it-new-service-content-text h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-it-new-service-content-text span { font-style: normal; font-weight: 700; line-height: 28px; font-size: 18px; color: #121420; padding-bottom: 24px } .ic-it-new-service-content-text p { line-height: 24px; font-family: manrope-regular; color: #606a7a; padding-bottom: 32px } .ic-it-new-service-content-text ul { list-style-type: disc; list-style-position: inside; margin-bottom: 20px } .ic-it-new-service-content-text ul li:not(:last-child) { margin-bottom: 8px } .ic-it-new-service-content-text ul li::marker { color: #c1001b } .ic-it-new-service-content-text img { width: 100% } @media (max-width: 575px) { .ic-it-new-service-content-text img { height:auto } } .ic-new-technology-work { display: flex } @media (max-width: 767px) { .ic-new-technology-work { display:block } } .ic-new-technology-work .ic-technology-left { width: 317px; flex: 0 0 auto; position: relative; align-self: flex-start } .ic-new-technology-work .ic-technology-left svg { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); cursor: pointer } @media (max-width: 767px) { .ic-new-technology-work .ic-technology-left svg { display:none } } .ic-new-technology-work .ic-technology-left ul { max-height: 400px; overflow-y: auto; padding-bottom: 40px } @media (max-width: 767px) { .ic-new-technology-work .ic-technology-left ul { padding-bottom:0 } } .ic-new-technology-work .ic-technology-left ul::-webkit-scrollbar { width: 0 } .ic-new-technology-work .ic-technology-left::before { content: ""; position: absolute; bottom: 0; width: 100%; height: 50px; background: linear-gradient(178deg,#fff0 -10.87%,#fff 53.26%) } @media (max-width: 767px) { .ic-new-technology-work .ic-technology-left::before { display:none } } @media (max-width: 1550px) { .ic-new-technology-work .ic-technology-left { width:280px } } @media (max-width: 767px) { .ic-new-technology-work .ic-technology-left { width:100%; overflow-x: auto } } .ic-new-technology-work .ic-technology-left ul { border-bottom: 0 } @media (max-width: 767px) { .ic-new-technology-work .ic-technology-left ul { display:flex; flex-wrap: nowrap; gap: 10px } } .ic-new-technology-work .ic-technology-left ul li { width: 100% } .ic-new-technology-work .ic-technology-left ul li:not(:last-child) { margin-bottom: 20px } @media (max-width: 767px) { .ic-new-technology-work .ic-technology-left ul li:not(:last-child) { margin-bottom:0 } } .ic-new-technology-work .ic-technology-left button { gap: 5px; height: 48px; border-radius: 100px; border: 1px solid #ebedf0; background: #fff; display: inline-flex; padding: 0 17px; align-items: center; color: #242f3e; width: 100%; text-align: left; font-size: 16px; font-style: normal; font-family: manrope-medium; line-height: normal; transition: 0.3s } .ic-new-technology-work .ic-technology-left button i { font-size: 16px } @media (max-width: 1550px) { .ic-new-technology-work .ic-technology-left button { font-size:14px } } @media (max-width: 767px) { .ic-new-technology-work .ic-technology-left button { white-space:nowrap; height: 40px } } .ic-new-technology-work .ic-technology-left button.active { border: 1px solid #151519; background-color: #151519; color: #fff } .ic-new-technology-work .ic-technology-right { width: calc(100% - 250px); padding-left: 30px } @media (max-width: 767px) { .ic-new-technology-work .ic-technology-right { width:calc(100% - 0px); padding-left: 0; margin-top: 10px } } .ic-new-technology-work .ic-technology-right .tab-content>.active { display: block!important } .technology-logo { display: flex; gap: 24px; flex-wrap: wrap } @media only screen and (max-width: 1199.98px) { .technology-logo { gap:20px } } .technology-logo .ic-technology-logo-items { width: calc(16.6666666667% - 24px + 4px); border-radius: 10px; border: 1px solid #d6dae1; background: #fff; box-shadow: 0 20px 30px 0 rgb(99 122 166 / .05); display: inline-flex; align-items: center; justify-content: center; flex-direction: column; padding: 19px 15px; gap: 4px; text-align: center } @media only screen and (max-width: 1366.98px) { .technology-logo .ic-technology-logo-items { width:calc(20% - 24px + 4.8px) } } @media only screen and (max-width: 1199.98px) { .technology-logo .ic-technology-logo-items { width:calc(25% - 20px + 5px) } } @media only screen and (max-width: 991.98px) { .technology-logo .ic-technology-logo-items { width:calc(33.3333333333% - 20px + 6.6666666667px); padding: 12px 15px } } @media only screen and (max-width: 767.98px) { .technology-logo .ic-technology-logo-items { width:calc(33.3333333333% - 20px + 6.6666666667px) } } .technology-logo .ic-technology-logo-items h6,.technology-logo .ic-technology-logo-items h6 span,h6 .technology-logo .ic-technology-logo-items span { font-size: 14px; font-style: normal; font-weight: 300; line-height: 18px; font-family: lufga-regular; color: #121420; margin-top: 4px } .technology-logo .ic-technology-logo-items img { height: 64px; object-fit: scale-down } .ic-counter-bg { padding: 120px 0 } @media only screen and (max-width: 1650px) { .ic-counter-bg { padding:85px 0 } } @media only screen and (max-width: 767.98px) { .ic-counter-bg { padding:60px 0 } } .ic-counter-flex { display: flex; align-items: center; justify-content: center; gap: 76px } @media only screen and (max-width: 1199.98px) { .ic-counter-flex { justify-content:space-between; gap: 30px; flex-wrap: wrap } } @media only screen and (max-width: 767.98px) { .ic-counter-flex { gap:40px } } @media only screen and (max-width: 575.98px) { .ic-counter-flex { gap:15px } } .ic-counter-flex .ic-counter-new-items h2,.ic-counter-flex .ic-counter-new-items h2 span,h2 .ic-counter-flex .ic-counter-new-items span { display: flex; align-items: flex-end } @media (max-width: 991px) { .ic-counter-flex .ic-counter-new-items h2,.ic-counter-flex .ic-counter-new-items h2 span,h2 .ic-counter-flex .ic-counter-new-items span { justify-content:center } } @media (max-width: 767px) { .ic-counter-flex .ic-counter-new-items h2,.ic-counter-flex .ic-counter-new-items h2 span,h2 .ic-counter-flex .ic-counter-new-items span { justify-content:center; flex-direction: column; align-items: center } } .ic-counter-flex .ic-counter-new-items h2 .counter-text,h2 .ic-counter-flex .ic-counter-new-items span .counter-text { display: flex } @media only screen and (max-width: 991.98px) { .ic-counter-flex .ic-counter-new-items { width:calc(50% - 30px + 15px) } } @media only screen and (max-width: 767.98px) { .ic-counter-flex .ic-counter-new-items { width:calc(50% - 40px + 20px); text-align: center } } .ic-counter-flex .counter { font-size: 54px; font-style: normal; font-family: lufga-bold; font-weight: 800; line-height: 42px; color: #fff } @media (max-width: 1550px) { .ic-counter-flex .counter { font-size:48px } } @media only screen and (max-width: 1199.98px) { .ic-counter-flex .counter { font-size:40px } } @media only screen and (max-width: 575.98px) { .ic-counter-flex .counter { font-size:30px } } .ic-counter-flex span { color: #c1001b; font-size: 18px; font-style: normal; font-family: manrope-regular; line-height: 130%; letter-spacing: -.45px } @media only screen and (max-width: 575.98px) { .ic-counter-flex span { font-size:16px } } .ic-counter-flex .plus { font-size: 54px; font-style: normal; font-family: lufga-bold; font-weight: 800; line-height: 42px; color: #fff } @media only screen and (max-width: 1199.98px) { .ic-counter-flex .plus { font-size:40px } } @media only screen and (max-width: 575.98px) { .ic-counter-flex .plus { font-size:30px } } .ic-new-metting-section { /* padding-bottom: 278px; */ padding-top: 100px } @media only screen and (max-width: 1399.98px) { .ic-new-metting-section { padding-top:90px } } @media only screen and (max-width: 1199.98px) { .ic-new-metting-section { padding-top:80px } } @media only screen and (max-width: 991.98px) { .ic-new-metting-section { padding-top:70px; padding-bottom: 200px } } @media only screen and (max-width: 767.98px) { .ic-new-metting-section { padding-top:50px } } @media only screen and (max-width: 575.98px) { .ic-new-metting-section { padding-top:40px } } @media only screen and (max-width: 480px) { .ic-new-metting-section { padding-top:30px } } .ic-new-metting-wrapper { display: flex; gap: 67px } @media only screen and (max-width: 1399.98px) { .ic-new-metting-wrapper { gap:24px } } @media only screen and (max-width: 991.98px) { .ic-new-metting-wrapper { flex-direction:column } } .ic-new-metting-left { max-width: 662px } @media only screen and (max-width: 1399.98px) { .ic-new-metting-left { max-width:620px } } @media only screen and (max-width: 1199.98px) { .ic-new-metting-left { max-width:50% } } @media only screen and (max-width: 991.98px) { .ic-new-metting-left { max-width:100% } } .ic-new-metting-left .metting-img { border-radius: 16px; overflow: hidden; position: relative } .ic-new-metting-left .metting-img .big-img { border-radius: 16px; transition: all 0.3s } .ic-new-metting-left .metting-img .big-img:hover { transform: scale(1.05) } @media only screen and (max-width: 991.98px) { .ic-new-metting-left .metting-img .big-img { width:100% } } .ic-new-metting-left .ic-quate-wrap { position: absolute; left: 30px; bottom: 30px } .ic-new-metting-left .ic-quotation { max-width: 420px; padding: 30px; border-radius: 20px; background: var(--White,#fff) } @media only screen and (max-width: 1199.98px) { .ic-new-metting-left .ic-quotation { padding:20px; left: 20px; bottom: 20px; max-width: 350px } } @media only screen and (max-width: 575.98px) { .ic-new-metting-left .ic-quotation { max-width:300px; left: 23px } } .ic-new-metting-left .ic-quotation h4,.ic-new-metting-left .ic-quotation h4 span,h4 .ic-new-metting-left .ic-quotation span,.ic-new-metting-left .ic-quotation .sub-h4 span,.sub-h4 .ic-new-metting-left .ic-quotation span { color: var(--Black,#000); font-size: 28px; font-style: normal; font-weight: 600; line-height: 118%; margin-bottom: 6px } @media only screen and (max-width: 1199.98px) { .ic-new-metting-left .ic-quotation h4,.ic-new-metting-left .ic-quotation h4 span,h4 .ic-new-metting-left .ic-quotation span,.ic-new-metting-left .ic-quotation .sub-h4 span,.sub-h4 .ic-new-metting-left .ic-quotation span { font-size:24px } } @media only screen and (max-width: 991.98px) { .ic-new-metting-left .ic-quotation h4,.ic-new-metting-left .ic-quotation h4 span,h4 .ic-new-metting-left .ic-quotation span,.ic-new-metting-left .ic-quotation .sub-h4 span,.sub-h4 .ic-new-metting-left .ic-quotation span { font-size:20px } } @media only screen and (max-width: 767.98px) { .ic-new-metting-left .ic-quotation h4,.ic-new-metting-left .ic-quotation h4 span,h4 .ic-new-metting-left .ic-quotation span,.ic-new-metting-left .ic-quotation .sub-h4 span,.sub-h4 .ic-new-metting-left .ic-quotation span { font-size:18px } } .ic-new-metting-left .ic-quotation .qoute-text { font-size: 18px; line-height: 150% } @media only screen and (max-width: 1366.98px) { .ic-new-metting-left .ic-quotation .qoute-text { font-size:16px } } @media only screen and (max-width: 1199.98px) { .ic-new-metting-left .ic-quotation .qoute-text { font-size:14px } } @media only screen and (max-width: 767.98px) { .ic-new-metting-left .ic-quotation .qoute-text { font-size:14px } } .ic-new-metting-left .ic-quate-img { margin-bottom: 8px } @media only screen and (max-width: 1399.98px) { .ic-new-metting-left .ic-quate-img { top:302px } } @media only screen and (max-width: 1199.98px) { .ic-new-metting-left .ic-quate-img { top:180px } } @media only screen and (max-width: 991.98px) { .ic-new-metting-left .ic-quate-img { top:413px; left: 10px } } @media only screen and (max-width: 767.98px) { .ic-new-metting-left .ic-quate-img { display:none } } @media (max-width: 991px) { .ic-our-project-section .ic-setion-title-wrap { justify-content:center } } @media (max-width: 991px) { .ic-our-project-section .ic-setion-title-wrap .ic-section-title { text-align:center } } .ic-new-metting-right { flex: 1 } .ic-new-metting-right .ic-new-metting-item { border-radius: 20px; border: 1px solid var(--Border,#d6dae1); background: var(--White,#fff); box-shadow: 0 16px 52px 0 rgb(0 0 0 / .05); padding: 16px 20px 24px 24px } @media only screen and (max-width: 575.98px) { .ic-new-metting-right .ic-new-metting-item { padding:16px } } .ic-new-metting-right .ic-new-metting-item h4,.ic-new-metting-right .ic-new-metting-item h4 span,h4 .ic-new-metting-right .ic-new-metting-item span,.ic-new-metting-right .ic-new-metting-item .sub-h4 span,.sub-h4 .ic-new-metting-right .ic-new-metting-item span { margin-bottom: 16px; color: #000 } .ic-new-metting-right .ic-new-metting-item:not(:last-child) { margin-bottom: 16px } @media only screen and (max-width: 575.98px) { .ic-new-metting-right .ic-new-metting-item:not(:last-child) { margin-bottom:8px } } .ic-our-client-section { margin-top: -172px } @media only screen and (max-width: 575.98px) { .ic-our-client-section .ic-section-title { margin-bottom:28px!important } } .ic-our-client-content-area { border-radius: 24px; background: #fff; box-shadow: 0 20px 50px 0 rgb(35 35 35 / .05); padding: 65px 75px 60px } @media only screen and (max-width: 1199.98px) { .ic-our-client-content-area { padding:24px } } .ic-our-client-content-area .ic-our-client-content-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 30px; flex-wrap: wrap } @media only screen and (max-width: 767.98px) { .ic-our-client-content-area .ic-our-client-content-wrap { gap:24px } } @media only screen and (max-width: 480px) { .ic-our-client-content-area .ic-our-client-content-wrap { gap:15px } } .ic-our-client-content-area .ic-our-client-item { width: calc(20% - 30px + 6px); border-radius: 7px; border: 1px solid rgb(18 20 32 / .1); background: #fff; box-shadow: 0 20px 30px 0 rgb(99 122 166 / .05); display: inline-flex; align-items: center; justify-content: center; padding: 20px 28px; position: relative } @media only screen and (max-width: 1199.98px) { .ic-our-client-content-area .ic-our-client-item { width:calc(25% - 30px + 7.5px) } } @media only screen and (max-width: 991.98px) { .ic-our-client-content-area .ic-our-client-item { width:calc(33.3333333333% - 30px + 10px) } } @media only screen and (max-width: 767.98px) { .ic-our-client-content-area .ic-our-client-item { width:calc(50% - 24px + 12px) } } @media only screen and (max-width: 480px) { .ic-our-client-content-area .ic-our-client-item { width:calc(50% - 15px + 7.5px) } } .ic-our-client-content-area .ic-our-client-item .item-tag { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); display: inline-flex; padding: 0 10px; justify-content: center; align-items: center; border-radius: 30px; border: 1px solid rgb(18 20 32 / .1); background: #fff; box-shadow: 0 16px 52px 0 rgb(0 0 0 / .05); height: 24px; white-space: nowrap } .ic-our-client-content-area .ic-our-client-item .item-tag p { color: var(--Text-Color-Paragraph,#606a7a); font-size: 11.409px; font-style: normal; font-weight: 400; line-height: normal; white-space: nowrap } .ic-setion-title-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-wrap: wrap; gap: 20px } .ic-our-project-content-area .ic-our-project-item .item-img-box img { max-height: 100%; height: 462px; width: 100%; object-fit: contain } @media (max-width: 1366px) { .ic-our-project-content-area .ic-our-project-item .item-img-box img { height:467px } } @media (max-width: 1199px) { .ic-our-project-content-area .ic-our-project-item .item-img-box img { height:389px } } @media (max-width: 991px) { .ic-our-project-content-area .ic-our-project-item .item-img-box img { height:286px } } @media (max-width: 767px) { .ic-our-project-content-area .ic-our-project-item .item-img-box img { height:218px } } @media (max-width: 575px) { .ic-our-project-content-area .ic-our-project-item .item-img-box img { height:unset } } .ic-our-project-content-area .colorful-tab-content .ic-our-project-item .item-img-box img { max-height: 100%; height: 352px; width: 100% } @media (max-width: 1550px) { .ic-our-project-content-area .colorful-tab-content .ic-our-project-item .item-img-box img { height:350px } } @media (max-width: 1366px) { .ic-our-project-content-area .colorful-tab-content .ic-our-project-item .item-img-box img { height:302px } } @media (max-width: 1199px) { .ic-our-project-content-area .colorful-tab-content .ic-our-project-item .item-img-box img { height:252px } } @media (max-width: 991px) { .ic-our-project-content-area .colorful-tab-content .ic-our-project-item .item-img-box img { height:292px } } @media (max-width: 767px) { .ic-our-project-content-area .colorful-tab-content .ic-our-project-item .item-img-box img { height:216px } } @media (max-width: 575px) { .ic-our-project-content-area .colorful-tab-content .ic-our-project-item .item-img-box img { height:unset } } @media only screen and (max-width: 991.98px) { .ic-our-project-item { text-align:center } } .ic-our-project-item .item-img-box { border-radius: 24px; overflow: hidden; position: relative; margin-bottom: 20px } .ic-our-project-item .item-img-box img { border-radius: 24px; transition: all 0.3s; max-width: 100%; max-height: 352px; object-fit: cover } @media (max-width: 1366px) { .ic-our-project-item .item-img-box img { max-height:304px } } @media (max-width: 1199px) { .ic-our-project-item .item-img-box img { max-height:240px } } @media only screen and (max-width: 991.98px) { .ic-our-project-item .item-img-box img { width:100% } } @media only screen and (max-width: 767.98px) { .ic-our-project-item .item-img-box img { max-height:213px; border-radius: 10px } } .ic-our-project-item .item-img-box .ic-link-icon { position: absolute; right: 20px; bottom: 20px; width: 56px; height: 56px; background: #c1001b; display: inline-flex; justify-content: center; align-items: center; border-radius: 50px; opacity: 0; visibility: hidden; transition: 0.4s } @media only screen and (max-width: 1199.98px) { .ic-our-project-item .item-img-box .ic-link-icon { right:15px; bottom: 15px; width: 48px; height: 48px } } .ic-our-project-item .item-img-box .ic-link-icon svg { transition: all 0.3s } .ic-our-project-item .item-img-box:hover .ic-link-icon { opacity: 1; visibility: visible } .ic-our-project-item .item-img-box:hover img { transform: scale(1.05) } .ic-our-project-item .item-img-box:hover svg { transform: rotate(45deg) } .ic-our-project-item h3,.ic-our-project-item h3 span,h3 .ic-our-project-item span,.ic-our-project-item .sub-h3 span,.sub-h3 .ic-our-project-item span,.ic-our-project-item .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-our-project-item h1,.ic-our-project-item .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-our-project-item span,.ic-our-project-item h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-our-project-item span,.ic-our-project-item .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-our-project-item h2,.ic-our-project-item .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-our-project-item span,.ic-our-project-item h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-our-project-item span,.ic-our-project-item .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-our-project-item h5,.ic-our-project-item .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-our-project-item span,.ic-our-project-item h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-our-project-item span,.ic-our-project-item .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-our-project-item span,.ic-our-project-item .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-our-project-item span,.ic-our-project-item .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-our-project-item h6,.ic-our-project-item .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-our-project-item span,.ic-our-project-item h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-our-project-item span { color: #121420; transition: all 0.3s; font-size: 26px } @media (max-width: 1199px) { .ic-our-project-item h3,.ic-our-project-item h3 span,h3 .ic-our-project-item span,.ic-our-project-item .sub-h3 span,.sub-h3 .ic-our-project-item span,.ic-our-project-item .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-our-project-item h1,.ic-our-project-item .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-our-project-item span,.ic-our-project-item h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-our-project-item span,.ic-our-project-item .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-our-project-item h2,.ic-our-project-item .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-our-project-item span,.ic-our-project-item h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-our-project-item span,.ic-our-project-item .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-our-project-item h5,.ic-our-project-item .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-our-project-item span,.ic-our-project-item h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-our-project-item span,.ic-our-project-item .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-our-project-item span,.ic-our-project-item .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-our-project-item span,.ic-our-project-item .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-our-project-item h6,.ic-our-project-item .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-our-project-item span,.ic-our-project-item h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-our-project-item span { font-size:22px } } .ic-our-project-item:hover h3,.ic-our-project-item:hover h3 span,h3 .ic-our-project-item:hover span,.ic-our-project-item:hover .sub-h3 span,.sub-h3 .ic-our-project-item:hover span,.ic-our-project-item:hover .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-our-project-item:hover h1,.ic-our-project-item:hover .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-our-project-item:hover span,.ic-our-project-item:hover h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-our-project-item:hover span,.ic-our-project-item:hover .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-our-project-item:hover h2,.ic-our-project-item:hover .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-our-project-item:hover span,.ic-our-project-item:hover h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-our-project-item:hover span,.ic-our-project-item:hover .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-our-project-item:hover h5,.ic-our-project-item:hover .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-our-project-item:hover span,.ic-our-project-item:hover h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-our-project-item:hover span,.ic-our-project-item:hover .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-our-project-item:hover span,.ic-our-project-item:hover .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-our-project-item:hover span,.ic-our-project-item:hover .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-our-project-item:hover h6,.ic-our-project-item:hover .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-our-project-item:hover span,.ic-our-project-item:hover h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-our-project-item:hover span { color: #c1001b } .ic-our-project-item span { color: #606a7a } .ic-testimonial-section { background: linear-gradient(180deg,#f5f7f9 1.8%,#fff 97.06%); background-repeat: no-repeat; background-size: cover } .ic-testimonial-section .ic-section-title .ic-title-tag { border-radius: 100px; border: 1px solid var(--Border,#d6dae1); background: var(--White,#fff); height: 32px; padding: 0 16px; color: #c1001b; display: inline-flex; align-items: center; font-size: 14px } .ic-testimonial-wrap .slick-list { padding: 30px 0 } @media (max-width: 767px) { .ic-testimonial-wrap .slick-list { padding:unset } } .ic-testimonial-wrap .slick-track { display: flex!important } .ic-testimonial-wrap .slick-slide { height: inherit!important } .ic-testimonial-wrap .ic-testimonial-item { border-radius: 16px; background: var(--White,#fff); box-shadow: 0 5px 12px 0 rgb(0 0 0 / .05); padding: 24px 26px; height: 100%; display: flex; flex-direction: column } @media only screen and (max-width: 767.98px) { .ic-testimonial-wrap .ic-testimonial-item { height:100% } } @media only screen and (max-width: 575.98px) { .ic-testimonial-wrap .ic-testimonial-item { padding:20px } } .ic-testimonial-wrap .ic-testimonial-item .item-rating { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px } .ic-testimonial-wrap .ic-testimonial-item .item-content { padding-bottom: 25px } .ic-testimonial-wrap .ic-testimonial-item .item-content p { color: var(--Text-Color-Paragraph,#606a7a); font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; display: inline; -webkit-line-clamp: 6; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word } @media (max-width: 1550px) { .ic-testimonial-wrap .ic-testimonial-item .item-content p { font-size:16px } } @media only screen and (max-width: 575.98px) { .ic-testimonial-wrap .ic-testimonial-item .item-content p { font-size:14px } } .ic-testimonial-wrap .ic-testimonial-item .item-content a { font-size: 18px; color: #c1001b } @media only screen and (max-width: 575.98px) { .ic-testimonial-wrap .ic-testimonial-item .item-content a { font-size:16px } } .ic-testimonial-wrap .ic-testimonial-item .item-user { display: flex; align-items: center; gap: 14px; margin-top: auto } @media (max-width: 1550px) { .ic-testimonial-wrap .ic-testimonial-item .item-user .user-info h4,.ic-testimonial-wrap .ic-testimonial-item .item-user .user-info h4 span,h4 .ic-testimonial-wrap .ic-testimonial-item .item-user .user-info span,.ic-testimonial-wrap .ic-testimonial-item .item-user .user-info .sub-h4 span,.sub-h4 .ic-testimonial-wrap .ic-testimonial-item .item-user .user-info span { font-size:20px } } @media (max-width: 1550px) { .ic-testimonial-wrap .ic-testimonial-item .item-user .user-info h4 p,h4 .ic-testimonial-wrap .ic-testimonial-item .item-user .user-info span p,.ic-testimonial-wrap .ic-testimonial-item .item-user .user-info .sub-h4 span p,.sub-h4 .ic-testimonial-wrap .ic-testimonial-item .item-user .user-info span p { font-size:14px } } .ic-testimonial-wrap .ic-testimonial-item .item-user img { width: 60px; height: 60px; border-radius: 50px } .ic-testimonial-wrap .slick-slide { margin: 0 12px } @media (max-width: 767px) { .ic-testimonial-wrap .slick-slide { margin:16px 12px } } .ic-testimonial-wrap .slick-dotted.slick-slider { margin-bottom: 0 } .ic-testimonial-wrap .slick-list { margin: 0 -12px } .ic-testimonial-wrap .slick-dots { bottom: -25px; position: static } @media only screen and (max-width: 575.98px) { .ic-testimonial-wrap .slick-dots { bottom:-12px } } .ic-testimonial-wrap .slick-dots button { width: 12px; height: 12px; background: #fff; border: 1px solid #c1001b; border-radius: 50px; transition: all 0.3s } .ic-testimonial-wrap .slick-dots button::before { content: none } .ic-testimonial-wrap .slick-dots .slick-active button { width: 32px; background: #c1001b } .ic-testimonial-wrap .slick-dots li { width: auto; height: auto } .ic-get-in-section { overflow: hidden } .ic-get-in-section .ic-get-in-title p { font-weight: 500; font-size: 14px } .ic-get-in-section .ic-form-btn { max-width: 800px; transition: all 0.3s; margin-left: auto; margin-right: auto } @media only screen and (max-width: 1199.98px) { .ic-get-in-section .ic-form-btn { max-width:50% } } @media only screen and (max-width: 991.98px) { .ic-get-in-section .ic-form-btn { max-width:100% } } .ic-get-in-section .ic-form-btn.form-active { max-width: 600px; margin: unset } @media only screen and (max-width: 1199.98px) { .ic-get-in-section .ic-form-btn.form-active { max-width:50% } } @media only screen and (max-width: 991.98px) { .ic-get-in-section .ic-form-btn.form-active { max-width:100% } } .ic-get-in-section .ic-form-btn .ic-btn:disabled,.ic-get-in-section .ic-form-btn .ic-btn-primary:disabled { color: #fafafa; border-color: #d6dae1; background: #d6dae1 } .ic-get-in-content-wrap { display: flex; gap: 68px } @media only screen and (max-width: 1399.98px) { .ic-get-in-content-wrap { gap:30px } } @media only screen and (max-width: 991.98px) { .ic-get-in-content-wrap { flex-direction:column } } .ic-get-in-content-wrap .ic-get-in-left { max-width: 800px; flex: 0 0 auto; transition: all 0.3s; margin-left: 260px } @media only screen and (max-width: 1399.98px) { .ic-get-in-content-wrap .ic-get-in-left { margin-left:170px } } @media only screen and (max-width: 1199.98px) { .ic-get-in-content-wrap .ic-get-in-left { max-width:50%; margin-left: 240px } } @media only screen and (max-width: 991.98px) { .ic-get-in-content-wrap .ic-get-in-left { max-width:100%; margin-left: 0 } } .ic-get-in-content-wrap .ic-get-in-left.form-active { max-width: 600px; margin-left: 0 } @media only screen and (max-width: 1199.98px) { .ic-get-in-content-wrap .ic-get-in-left.form-active { max-width:50% } } @media only screen and (max-width: 991.98px) { .ic-get-in-content-wrap .ic-get-in-left.form-active { max-width:100% } } .ic-get-in-content-wrap .ic-get-in-left.ic-hide-element .ic-check-warp input { margin-top: 6px } .ic-get-in-content-wrap .ic-get-in-right { opacity: 0; visibility: hidden; transition: all 0.3s; flex: 1; max-height: 400px } @media only screen and (max-width: 991.98px) { .ic-get-in-content-wrap .ic-get-in-right { display:none; max-height: 100% } } .ic-get-in-content-wrap .ic-get-in-right .ic-get-in-title h5,.ic-get-in-content-wrap .ic-get-in-right .ic-get-in-title h5 span,h5 .ic-get-in-content-wrap .ic-get-in-right .ic-get-in-title span,.ic-get-in-content-wrap .ic-get-in-right .ic-get-in-title .sub-h5 span,.sub-h5 .ic-get-in-content-wrap .ic-get-in-right .ic-get-in-title span { font-size: 20px; font-weight: 500!important } .ic-get-in-content-wrap .ic-get-in-right .ic-select-group .ic-select-item { height: 48px; width: 100%; text-align: center; border-radius: 10px; border: 1px solid var(--Border,#d6dae1); background: var(--White,#fff); padding: 0 14px; transition: all 0.3s; white-space: nowrap; display: inline-flex; justify-content: center; align-items: center; color: #58677d; cursor: pointer } .ic-get-in-content-wrap .ic-get-in-right .ic-select-group input:checked+label { color: #fff; border-color: #c1001b; background: #c1001b } .ic-get-in-content-wrap .ic-get-in-right .ic-select-group input:disabled+label { color: #fafafa; border-color: #d6dae1; background: #d6dae1 } .ic-get-in-content-wrap .ic-get-in-right.form-active { opacity: 1; visibility: visible; height: auto } @media only screen and (max-width: 991.98px) { .ic-get-in-content-wrap .ic-get-in-right.form-active { display:block } } .ic-form-label { font-size: 14px; font-weight: 600; color: #323b47 } .ic-input-wrap { position: relative; display: flex; align-items: center; flex-wrap: wrap } .ic-input-wrap .parsley-errors-list { flex-basis: 100% } .ic-input-wrap input { border-radius: 10px; background: var(--White,#fff); border: 1px solid var(--Border,#d6dae1); height: 48px; padding-left: 44px } .ic-input-wrap input::placeholder { font-size: 14px; font-weight: 500; color: #58677d } .ic-input-wrap .ic-input-icon { position: absolute; left: 16px; top: 10px } .ic-input-wrap .ic-input-icon svg { width: 20px; height: 20px } .ic-form-check { display: flex; align-items: flex-start; gap: 12px } .ic-form-check .ic-check-warp { width: 24px; height: 24px } .ic-form-check input { width: 20px; height: 20px } .ic-form-check label { margin-bottom: 0 } .ic-form-check label a { color: #c1001b } .ic-form-check label a:hover { font-weight: 500 } .ic-get-inf-form-wrap .ic-form-check-wrap .ic-form-check { display: flex } .ic-inner-hero-title h1,.ic-inner-hero-title h1 span,h1 .ic-inner-hero-title span { color: #1b2a40; font-size: 44px } @media only screen and (max-width: 1399.98px) { .ic-inner-hero-title h1,.ic-inner-hero-title h1 span,h1 .ic-inner-hero-title span { font-size:36px; line-height: normal } } @media only screen and (max-width: 1199.98px) { .ic-inner-hero-title h1,.ic-inner-hero-title h1 span,h1 .ic-inner-hero-title span { font-size:34px } } @media only screen and (max-width: 991.98px) { .ic-inner-hero-title h1,.ic-inner-hero-title h1 span,h1 .ic-inner-hero-title span { font-size:32px } } @media only screen and (max-width: 767.98px) { .ic-inner-hero-title h1,.ic-inner-hero-title h1 span,h1 .ic-inner-hero-title span { font-size:28px } } @media only screen and (max-width: 575.98px) { .ic-inner-hero-title h1,.ic-inner-hero-title h1 span,h1 .ic-inner-hero-title span { font-size:26px } } .ic-inner-hero-title h1 span,h1 .ic-inner-hero-title span span { color: #c1001b; font-family: lufga-semibold } .ic-inner-hero-title p,.ic-inner-hero-title span { color: #606a7a; font-family: manrope-regular; font-size: 16px } .ic-best-it-section .ic-inner-hero-title h2,.ic-best-it-section .ic-inner-hero-title h2 span,h2 .ic-best-it-section .ic-inner-hero-title span { color: #1b2a40 } .ic-best-it-content-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; gap: 70px } @media only screen and (max-width: 1399.98px) { .ic-best-it-content-wrap { gap:40px } } @media only screen and (max-width: 1199.98px) { .ic-best-it-content-wrap { gap:30px } } @media only screen and (max-width: 991.98px) { .ic-best-it-content-wrap { flex-direction:column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start } } .ic-best-it-content-wrap .ic-best-it-left { width: calc(100% - 679px); border-radius: 16px; overflow: hidden } @media only screen and (max-width: 1199.98px) { .ic-best-it-content-wrap .ic-best-it-left { width:calc(100% - 457px) } } @media only screen and (max-width: 991.98px) { .ic-best-it-content-wrap .ic-best-it-left { width:100% } } .ic-best-it-content-wrap .ic-best-it-left img { border-radius: 16px; transition: 0.3s; height: 755px; object-fit: cover } @media (max-width: 160px) { .ic-best-it-content-wrap .ic-best-it-left img { height:678px } } @media (max-width: 1366px) { .ic-best-it-content-wrap .ic-best-it-left img { height:518px } } .ic-best-it-content-wrap .ic-best-it-left img:hover { transform: scale(1.1) } .ic-best-it-content-wrap .ic-best-it-right { width: 639px } @media only screen and (max-width: 1199.98px) { .ic-best-it-content-wrap .ic-best-it-right { width:610px } } .ic-best-it-content-wrap .ic-best-it-right .ic-best-it-right-bottom { border: 1px solid #d6dae1; border-radius: 8px } .ic-best-it-content-wrap .ic-best-it-right .ic-best-it-right-bottom .ic-best-mission-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 14px 0 } .ic-best-it-content-wrap .ic-best-it-right .ic-best-it-right-bottom .ic-item { padding: 14px 15px; text-align: center } @media only screen and (max-width: 575.98px) { .ic-best-it-content-wrap .ic-best-it-right .ic-best-it-right-bottom .ic-item { padding:8px } } .ic-best-it-content-wrap .ic-best-it-right .ic-best-it-right-bottom .ic-item p { color: #42526b } @media (max-width: 1550px) { .ic-best-it-content-wrap .ic-best-it-right .ic-best-it-right-bottom .ic-item p { font-size:14px; line-height: 22px } } .ic-best-it-content-wrap .ic-best-it-right .ic-best-it-right-bottom .ic-item:first-child { border-right: 1px solid #d6dae1 } .ic-best-it-content-wrap .ic-best-it-right .ic-best-it-right-bottom .ic-strength { padding: 30px 44px; text-align: center; border-radius: 0 0 8px 8px } @media (max-width: 1366px) { .ic-best-it-content-wrap .ic-best-it-right .ic-best-it-right-bottom .ic-strength { padding:20px 20px } } .ic-best-it-content-wrap .ic-best-it-right .ic-best-it-right-bottom .ic-strength p { color: #fff } @media (max-width: 1550px) { .ic-best-it-content-wrap .ic-best-it-right .ic-best-it-right-bottom .ic-strength p { font-size:14px; line-height: 22px } } .ic-book-content-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 112px } @media only screen and (max-width: 1399.98px) { .ic-book-content-wrap { gap:50px } } @media only screen and (max-width: 991.98px) { .ic-book-content-wrap { flex-direction:column; gap: 30px } } .ic-book-content-wrap .ic-book-left { max-width: 634px } @media only screen and (max-width: 1399.98px) { .ic-book-content-wrap .ic-book-left { max-width:550px } } @media only screen and (max-width: 1199.98px) { .ic-book-content-wrap .ic-book-left { max-width:450px } } @media only screen and (max-width: 991.98px) { .ic-book-content-wrap .ic-book-left { max-width:100% } } .ic-book-content-wrap .ic-book-left .ic-book-menu { list-style: disc; list-style-position: inside } .ic-book-content-wrap .ic-book-left .ic-book-menu li { color: #fff; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal; font-family: lufga-medium } @media only screen and (max-width: 991.98px) { .ic-book-content-wrap .ic-book-left .ic-book-menu li { font-size:20px } } @media only screen and (max-width: 767.98px) { .ic-book-content-wrap .ic-book-left .ic-book-menu li { font-size:16px } } .ic-book-content-wrap .ic-book-left .ic-book-menu li::marker { width: 50px; height: 50px } .ic-book-content-wrap .ic-book-left .ic-book-menu li:not(:last-child) { margin-bottom: 16px } @media only screen and (max-width: 991.98px) { .ic-book-content-wrap .ic-book-left .ic-book-menu li:not(:last-child) { margin-bottom:10px } } @media only screen and (max-width: 767.98px) { .ic-book-content-wrap .ic-book-left .ic-book-menu li:not(:last-child) { margin-bottom:8px } } .ic-book-content-wrap .ic-book-left .ic-book-menu.ic-white-menu li { color: #606a7a } .ic-book-content-wrap .ic-book-right { width: 100% } .ic-book-form-wrap { border-radius: 16px; background: var(--Gray-00,#fff); box-shadow: 0 24px 56px 0 rgb(6 28 61 / .12); padding: 32px } .ic-book-form-wrap .ic-form-label { font-size: 14px; color: #323b47; font-weight: 600; margin-top: 0; margin-bottom: 3px } .ic-book-form-wrap .form-control { height: 48px; border-color: #d6dae1!important; border-radius: 10px; padding-left: 44px; color: #58677d; font-size: 14px } .ic-book-form-wrap .form-control::placeholder { color: #58677d; font-size: 14px } .ic-book-form-wrap textarea.form-control { height: 62px; padding: 16px } .ic-book-form-wrap .ic-form-select { color: #58677d; font-size: 14px; appearance: none; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: right 10px center; background-size: 24px } .ic-book-form-wrap .ic-form-select:focus { outline: none } .ic-book-form-wrap .ic_b_form { position: absolute; top: 15px; left: 15px; line-height: unset; display: inline-flex; align-items: center } .ic-book-form-wrap .input-group-text { background: #fff0; border-right: unset!important; border-radius: 10px 0 0 10px!important; border-color: #d6dae1!important } .ic-book-form-wrap .ic-form-check-wrap .form-check { padding-left: 30px; margin-bottom: 0 } .ic-book-form-wrap .ic-form-check-wrap .form-check-input { width: 18px; height: 18px; left: 18px; margin-top: 2px; margin-left: -18px } .ic-book-form-wrap .ic-form-check-wrap .form-check-label { color: #606a7a } .ic-book-form-wrap .ic-form-check-wrap .form-check-label a { color: #c1001b } .ic_textArea .input-group { padding: 0!important } .ic-inner-hero-title .ic-text-white { opacity: 90% } .ic-inner-hero { padding-top: 100px } @media (max-width: 1550px) { .ic-inner-hero { padding-top:60px } } @media (max-width: 991px) { .ic-inner-hero { padding-top:50px } } @media (max-width: 575px) { .ic-inner-hero { padding-top:50px } } .ic-inner-hero .ic-btn,.ic-inner-hero .ic-btn-primary { background: #121420; color: #fff } .ic-inner-hero .ic-btn:hover,.ic-inner-hero .ic-btn-primary:hover { background: #c1001b; border-color: #c1001b; color: #fff } .ic-inner-hero .ic-inner-text { max-width: 640px; margin-left: auto; margin-right: auto } .ic-service-details-banner { padding-bottom: 425px } @media (max-width: 1199px) { .ic-service-details-banner { padding-bottom:371px } } .ic-proper-section { margin-top: -325px } .ic-proper-section .ic-our-client-content-area { margin-bottom: 100px } @media only screen and (max-width: 1399.98px) { .ic-proper-section .ic-our-client-content-area { margin-bottom:80px } } @media only screen and (max-width: 1199.98px) { .ic-proper-section .ic-our-client-content-area { margin-bottom:60px } } @media only screen and (max-width: 991.98px) { .ic-proper-section .ic-our-client-content-area { margin-bottom:50px } } @media only screen and (max-width: 767.98px) { .ic-proper-section .ic-our-client-content-area { margin-bottom:40px } } .ic-proper-content-wrap { display: flex; gap: 107px } @media only screen and (max-width: 1399.98px) { .ic-proper-content-wrap { gap:50px } } @media only screen and (max-width: 991.98px) { .ic-proper-content-wrap { flex-direction:column } } .ic-proper-content-wrap .ic-left-item { border-bottom: 1px solid var(--Primary-color-Gray-50,#e9eff7); padding-bottom: 20px } .ic-proper-content-wrap .ic-proper-right { flex: 0 0 auto } @media only screen and (max-width: 1199.98px) { .ic-proper-content-wrap .ic-proper-right { max-width:450px } } @media only screen and (max-width: 991.98px) { .ic-proper-content-wrap .ic-proper-right { max-width:100% } } .ic-proper-content-wrap .ic-proper-left { flex: 1 } .ic-proper-content-wrap .proper-img-box { position: relative } .ic-proper-content-wrap .proper-img-box .main-img { border-radius: 16px } .ic-proper-content-wrap .proper-img-box .ic-small-img { position: absolute; left: 20px; bottom: 20px } .ic-proper-content-wrap .proper-img-box .ic-small-img img { border-radius: 20px } .ic-service-video-section img { border-radius: 16px } .ic-service-video-section .ic-new-banner-left .down-arrow .circle-arrows-image { transform: translate(-50%,-50%) } .ic-service-video-part { width: 100%; position: relative } .ic-service-video-part .down-arrow { top: 50%; left: 50%; transform: translate(-50%,-50%); right: auto; bottom: auto; position: absolute; border-radius: 100px } .ic-service-video-part .down-arrow .ic-btn-wrap { position: relative } .ic-service-video-part .down-arrow .ic-btn-wrap::before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 100px; height: 100px; background: #fff; border-radius: 50%; animation: pulse-border 1500ms ease-out infinite } @media only screen and (max-width: 575.98px) { .ic-service-video-part .down-arrow .ic-btn-wrap::before { width:80px; height: 80px } } .ic-service-video-part .down-arrow .ic-btn-wrap .circle-name-img { animation: circle-rotate 30s linear infinite both } @media only screen and (max-width: 575.98px) { .ic-service-video-part .down-arrow .ic-btn-wrap .circle-name-img { width:70px; height: 70px } } .ic-service-video-part .down-arrow .ic-btn-wrap .circle-arrows-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) } .ic-bar_style { position: relative } .ic-bar_style::after { content: ""; position: absolute; bottom: 0; left: 50%; width: 87%; height: 1px; background: #d6dae1; transform: translateX(-50%) } .ic-explore-content-wrap .item { border-radius: 20px; background: #fff; padding: 20px 24px; border: 1px solid #d6dae1; background: #f3f5f6; height: 100% } .ic-explore-content-wrap .item .item-top { display: flex; justify-content: space-between; align-items: center; padding-bottom: 12px; border-bottom: 1px solid #c1d0e5; margin-bottom: 18px } @media only screen and (max-width: 1650px) { .ic-explore-content-wrap .item .item-top { margin-bottom:10px } } @media only screen and (max-width: 1650px) { .ic-explore-content-wrap .item .item-content h3,.ic-explore-content-wrap .item .item-content h3 span,h3 .ic-explore-content-wrap .item .item-content span,.ic-explore-content-wrap .item .item-content .sub-h3 span,.sub-h3 .ic-explore-content-wrap .item .item-content span,.ic-explore-content-wrap .item .item-content .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-explore-content-wrap .item .item-content h1,.ic-explore-content-wrap .item .item-content .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-explore-content-wrap .item .item-content span,.ic-explore-content-wrap .item .item-content h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-explore-content-wrap .item .item-content span,.ic-explore-content-wrap .item .item-content .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-explore-content-wrap .item .item-content h2,.ic-explore-content-wrap .item .item-content .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-explore-content-wrap .item .item-content span,.ic-explore-content-wrap .item .item-content h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-explore-content-wrap .item .item-content span,.ic-explore-content-wrap .item .item-content .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-explore-content-wrap .item .item-content h5,.ic-explore-content-wrap .item .item-content .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-explore-content-wrap .item .item-content span,.ic-explore-content-wrap .item .item-content h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-explore-content-wrap .item .item-content span,.ic-explore-content-wrap .item .item-content .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-explore-content-wrap .item .item-content span,.ic-explore-content-wrap .item .item-content .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-explore-content-wrap .item .item-content span,.ic-explore-content-wrap .item .item-content .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-explore-content-wrap .item .item-content h6,.ic-explore-content-wrap .item .item-content .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-explore-content-wrap .item .item-content span,.ic-explore-content-wrap .item .item-content h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-explore-content-wrap .item .item-content span { font-size:24px } } @media only screen and (max-width: 1199.98px) { .ic-explore-content-wrap .item .item-content h3,.ic-explore-content-wrap .item .item-content h3 span,h3 .ic-explore-content-wrap .item .item-content span,.ic-explore-content-wrap .item .item-content .sub-h3 span,.sub-h3 .ic-explore-content-wrap .item .item-content span,.ic-explore-content-wrap .item .item-content .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-explore-content-wrap .item .item-content h1,.ic-explore-content-wrap .item .item-content .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-explore-content-wrap .item .item-content span,.ic-explore-content-wrap .item .item-content h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-explore-content-wrap .item .item-content span,.ic-explore-content-wrap .item .item-content .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-explore-content-wrap .item .item-content h2,.ic-explore-content-wrap .item .item-content .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-explore-content-wrap .item .item-content span,.ic-explore-content-wrap .item .item-content h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-explore-content-wrap .item .item-content span,.ic-explore-content-wrap .item .item-content .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-explore-content-wrap .item .item-content h5,.ic-explore-content-wrap .item .item-content .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-explore-content-wrap .item .item-content span,.ic-explore-content-wrap .item .item-content h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-explore-content-wrap .item .item-content span,.ic-explore-content-wrap .item .item-content .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-explore-content-wrap .item .item-content span,.ic-explore-content-wrap .item .item-content .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-explore-content-wrap .item .item-content span,.ic-explore-content-wrap .item .item-content .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-explore-content-wrap .item .item-content h6,.ic-explore-content-wrap .item .item-content .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-explore-content-wrap .item .item-content span,.ic-explore-content-wrap .item .item-content h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-explore-content-wrap .item .item-content span { font-size:22px } } .ic-explore-content-wrap .item .item-content p { color: #606a7a } .ic-explore-content-wrap .item .icon { width: 40px; height: 40px; border-radius: 50px; display: inline-flex; background: #c1001b; justify-content: center; align-items: center; border: 1px solid #c1001b } .ic-explore-content-wrap .item .icon svg path { transition: 0.3s } .ic-explore-content-wrap .item:hover .icon { background: #fff } .ic-explore-content-wrap .item:hover .icon svg path { fill: #c1001b } .ic-gallery-items-wrap .ic-gallery a { border-radius: 16px; overflow: hidden; display: block } @media only screen and (max-width: 575.98px) { .ic-gallery-items-wrap .ic-gallery a { width:100%; border-radius: 6px } } .ic-gallery-items-wrap .ic-gallery a:not(:last-child) { display: inline-block; margin-bottom: 28px } @media only screen and (max-width: 575.98px) { .ic-gallery-items-wrap .ic-gallery a:not(:last-child) { margin-bottom:8px } } .ic-gallery-items-wrap .ic-gallery img { border-radius: 16px; transition: 0.3s; max-width: 100%; height: auto; width: 100% } @media only screen and (max-width: 575.98px) { .ic-gallery-items-wrap .ic-gallery img { width:100%; border-radius: 6px } } .ic-gallery-items-wrap .ic-gallery img:hover { transform: scale(1.1) } .ic-price-item-wrap .ic-price-card { border-radius: 16px; background: #fff; box-shadow: 0 10px 30px 0 rgb(35 35 35 / .05); height: 100%; display: flex; flex-direction: column; border-top: 4px solid #fff0; transition: 0.3s } .ic-price-item-wrap .ic-price-card .ic-card-top { text-align: center; padding: 36px 17px 26px } @media (max-width: 1550px) { .ic-price-item-wrap .ic-price-card .ic-card-top.ic-web-development { padding:36px 33px 26px } } .ic-price-item-wrap .ic-price-card .ic-card-top .price-icon { width: 88px; height: 88px; border-radius: 8px; background: #f7f7f7; display: inline-flex; align-items: center; justify-content: center } .ic-price-item-wrap .ic-price-card .ic-card-top h3,.ic-price-item-wrap .ic-price-card .ic-card-top h3 span,h3 .ic-price-item-wrap .ic-price-card .ic-card-top span,.ic-price-item-wrap .ic-price-card .ic-card-top .sub-h3 span,.sub-h3 .ic-price-item-wrap .ic-price-card .ic-card-top span,.ic-price-item-wrap .ic-price-card .ic-card-top .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card .ic-card-top h1,.ic-price-item-wrap .ic-price-card .ic-card-top .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-price-item-wrap .ic-price-card .ic-card-top span,.ic-price-item-wrap .ic-price-card .ic-card-top h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card .ic-card-top span,.ic-price-item-wrap .ic-price-card .ic-card-top .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card .ic-card-top h2,.ic-price-item-wrap .ic-price-card .ic-card-top .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-price-item-wrap .ic-price-card .ic-card-top span,.ic-price-item-wrap .ic-price-card .ic-card-top h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card .ic-card-top span,.ic-price-item-wrap .ic-price-card .ic-card-top .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card .ic-card-top h5,.ic-price-item-wrap .ic-price-card .ic-card-top .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-price-item-wrap .ic-price-card .ic-card-top span,.ic-price-item-wrap .ic-price-card .ic-card-top h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card .ic-card-top span,.ic-price-item-wrap .ic-price-card .ic-card-top .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-price-item-wrap .ic-price-card .ic-card-top span,.ic-price-item-wrap .ic-price-card .ic-card-top .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card .ic-card-top span,.ic-price-item-wrap .ic-price-card .ic-card-top .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card .ic-card-top h6,.ic-price-item-wrap .ic-price-card .ic-card-top .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-price-item-wrap .ic-price-card .ic-card-top span,.ic-price-item-wrap .ic-price-card .ic-card-top h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card .ic-card-top span { margin-bottom: 10px; transition: 0.3s } @media (max-width: 1440px) { .ic-price-item-wrap .ic-price-card .ic-card-top h3,.ic-price-item-wrap .ic-price-card .ic-card-top h3 span,h3 .ic-price-item-wrap .ic-price-card .ic-card-top span,.ic-price-item-wrap .ic-price-card .ic-card-top .sub-h3 span,.sub-h3 .ic-price-item-wrap .ic-price-card .ic-card-top span,.ic-price-item-wrap .ic-price-card .ic-card-top .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card .ic-card-top h1,.ic-price-item-wrap .ic-price-card .ic-card-top .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-price-item-wrap .ic-price-card .ic-card-top span,.ic-price-item-wrap .ic-price-card .ic-card-top h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card .ic-card-top span,.ic-price-item-wrap .ic-price-card .ic-card-top .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card .ic-card-top h2,.ic-price-item-wrap .ic-price-card .ic-card-top .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-price-item-wrap .ic-price-card .ic-card-top span,.ic-price-item-wrap .ic-price-card .ic-card-top h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card .ic-card-top span,.ic-price-item-wrap .ic-price-card .ic-card-top .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card .ic-card-top h5,.ic-price-item-wrap .ic-price-card .ic-card-top .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-price-item-wrap .ic-price-card .ic-card-top span,.ic-price-item-wrap .ic-price-card .ic-card-top h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card .ic-card-top span,.ic-price-item-wrap .ic-price-card .ic-card-top .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-price-item-wrap .ic-price-card .ic-card-top span,.ic-price-item-wrap .ic-price-card .ic-card-top .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card .ic-card-top span,.ic-price-item-wrap .ic-price-card .ic-card-top .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card .ic-card-top h6,.ic-price-item-wrap .ic-price-card .ic-card-top .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-price-item-wrap .ic-price-card .ic-card-top span,.ic-price-item-wrap .ic-price-card .ic-card-top h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card .ic-card-top span { font-size:21px } } .ic-price-item-wrap .ic-price-card .card-price { padding: 20px 0; text-align: center; border-top: 1px solid #d6dae1; border-bottom: 1px solid #d6dae1 } .ic-price-item-wrap .ic-price-card .ic-amount { font-family: lufga-bold; font-size: 44px; font-style: normal; font-weight: 600; line-height: 50px } @media only screen and (max-width: 1650px) { .ic-price-item-wrap .ic-price-card .ic-amount { font-size:40px } } .ic-price-item-wrap .ic-price-card .ic-month { font-family: lufga-regular; font-size: 30px; font-style: normal; font-weight: 400; line-height: 50px } .ic-price-item-wrap .ic-price-card .ic-card-main-part { padding: 24px; height: 100%; display: flex; flex-direction: column } .ic-price-item-wrap .ic-price-card .ic-card-main-part h4,.ic-price-item-wrap .ic-price-card .ic-card-main-part h4 span,h4 .ic-price-item-wrap .ic-price-card .ic-card-main-part span,.ic-price-item-wrap .ic-price-card .ic-card-main-part .sub-h4 span,.sub-h4 .ic-price-item-wrap .ic-price-card .ic-card-main-part span { font-size: 20px; text-align: center; font-family: manrope-medium } @media only screen and (max-width: 1650px) { .ic-price-item-wrap .ic-price-card .ic-card-main-part h4,.ic-price-item-wrap .ic-price-card .ic-card-main-part h4 span,h4 .ic-price-item-wrap .ic-price-card .ic-card-main-part span,.ic-price-item-wrap .ic-price-card .ic-card-main-part .sub-h4 span,.sub-h4 .ic-price-item-wrap .ic-price-card .ic-card-main-part span { font-size:18px } } .ic-price-item-wrap .ic-price-card .ic-price-menu-wrap { border-radius: 10px; background: #f7f7f7; padding: 25px; display: flex; flex-direction: column; gap: 40px; height: 100%; transition: 0.3s } @media only screen and (max-width: 575.98px) { .ic-price-item-wrap .ic-price-card .ic-price-menu-wrap { padding:18px } } .ic-price-item-wrap .ic-price-card .ic-price-menu-wrap .btn { border-radius: 16px; border: 1px solid var(--Border,#d6dae1); background: #fff; box-shadow: 0 4px 9px 0 rgb(0 0 0 / .05); height: 64px; display: flex; width: 100%; align-items: center; justify-content: center; margin-top: auto; font-weight: 600; font-size: 18px } @media only screen and (max-width: 1650px) { .ic-price-item-wrap .ic-price-card .ic-price-menu-wrap .btn { font-size:16px; height: 50px; border-radius: 10px } } .ic-price-item-wrap .ic-price-card .ic-price-menu li { display: flex; gap: 10px; transition: 0.3s } .ic-price-item-wrap .ic-price-card .ic-price-menu li:not(:last-child) { margin-bottom: 20px } @media only screen and (max-width: 575.98px) { .ic-price-item-wrap .ic-price-card .ic-price-menu li:not(:last-child) { margin-bottom:14px } } .ic-price-item-wrap .ic-price-card .ic-price-menu li i { font-size: 20px; color: #c1001b; transition: 0.3s } .ic-price-item-wrap .ic-price-card:hover { border-color: #c1001b; box-shadow: 0 44px 65px -20px rgb(35 35 35 / .14) } .ic-price-item-wrap .ic-price-card:hover h3,.ic-price-item-wrap .ic-price-card:hover h3 span,h3 .ic-price-item-wrap .ic-price-card:hover span,.ic-price-item-wrap .ic-price-card:hover .sub-h3 span,.sub-h3 .ic-price-item-wrap .ic-price-card:hover span,.ic-price-item-wrap .ic-price-card:hover .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card:hover h1,.ic-price-item-wrap .ic-price-card:hover .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-price-item-wrap .ic-price-card:hover span,.ic-price-item-wrap .ic-price-card:hover h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card:hover span,.ic-price-item-wrap .ic-price-card:hover .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card:hover h2,.ic-price-item-wrap .ic-price-card:hover .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-price-item-wrap .ic-price-card:hover span,.ic-price-item-wrap .ic-price-card:hover h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card:hover span,.ic-price-item-wrap .ic-price-card:hover .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card:hover h5,.ic-price-item-wrap .ic-price-card:hover .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-price-item-wrap .ic-price-card:hover span,.ic-price-item-wrap .ic-price-card:hover h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card:hover span,.ic-price-item-wrap .ic-price-card:hover .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-price-item-wrap .ic-price-card:hover span,.ic-price-item-wrap .ic-price-card:hover .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card:hover span,.ic-price-item-wrap .ic-price-card:hover .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card:hover h6,.ic-price-item-wrap .ic-price-card:hover .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-price-item-wrap .ic-price-card:hover span,.ic-price-item-wrap .ic-price-card:hover h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-price-item-wrap .ic-price-card:hover span { color: #c1001b } .ic-price-item-wrap .ic-price-card:hover .ic-price-menu-wrap { background: #c1001b } .ic-price-item-wrap .ic-price-card:hover li { color: #fff } .ic-price-item-wrap .ic-price-card:hover li i { color: #fff } .ic-price-toggle-header .toggle-container { display: flex; align-items: center; gap: 10px; justify-content: center } .ic-price-toggle-header .toggle-label { font-size: 16px; color: #666; font-weight: 700; cursor: pointer } .ic-price-toggle-header .toggle-label.active { color: #00c0a5 } .ic-price-toggle-header .toggle-switch { position: relative; width: 60px; height: 30px; background-color: #ccc; border-radius: 30px; cursor: pointer; transition: background-color 0.3s ease } .ic-price-toggle-header .toggle-switch.active { background-color: #00c0a5 } .ic-price-toggle-header .toggle-circle { position: absolute; top: 3px; left: 3px; width: 24px; height: 24px; background-color: #fff; border-radius: 50%; transition: left 0.3s ease } .ic-price-toggle-header .toggle-switch.active .toggle-circle { left: 33px } .ic-monthly-price.active { display: none } .ic-yearly-price { display: none } .ic-yearly-price.active { display: block } @media (max-width: 767px) { .ic-faq-image img { max-width:380px } } @media (max-width: 575px) { .ic-faq-image img { max-width:350px } } .ic-faq-right { max-height: 532px; overflow-y: auto; position: relative; padding-right: 10px } .ic-faq-right::-webkit-scrollbar { width: 5px } .ic-faq-right::-webkit-scrollbar-thumb { background: #ccc; border-radius: 10px; transition: background 0.3s ease } .ic-faq-right::-webkit-scrollbar-track { background: rgb(24 192 167 / .082) } .ic-faq-right .accordion { border-radius: 16px; overflow: hidden } @media only screen and (max-width: 767.98px) { .ic-faq-right .accordion { border-radius:10px } } .ic-faq-right .accordion:not(:last-child) { margin-bottom: 20px } @media only screen and (max-width: 575.98px) { .ic-faq-right .accordion:not(:last-child) { margin-bottom:16px } } .ic-faq-right .accordion.active { background: #000 } .ic-faq-right .accordion-header { background-color: #fff; cursor: pointer; padding: 24px; transition: background-color 0.3s ease; display: flex; align-items: center; border: 1px solid #d6dae1; border-radius: 16px; justify-content: space-between; font-size: 18px; font-weight: 500 } @media only screen and (max-width: 1650px) { .ic-faq-right .accordion-header { font-size:16px } } @media only screen and (max-width: 767.98px) { .ic-faq-right .accordion-header { font-size:16px; padding: 16px } } .ic-faq-right .accordion-header i { font-size: 24px; color: #838e9e } .ic-faq-right .accordion-header .ri-close-line { display: none } .ic-faq-right .accordion-header.active { background-color: #121420; color: #fff; border-radius: 16px 16px 0 0; border-bottom: unset; border-color: #121420 } .ic-faq-right .accordion-header.active i { color: #fff } .ic-faq-right .accordion-header.active .ri-close-line { display: block } .ic-faq-right .accordion-header.active .ri-add-line { display: none } .ic-faq-right .accordion-content { overflow: hidden; transition: all 0.3s ease; background-color: #121420; padding: 0 24px 24px; display: none } .ic-faq-right .accordion-content.open { display: block } .ic-faq-right .accordion-content p { color: #fff; padding-top: 20px; border-top: 1px solid rgb(255 255 255 / .15) } .ic-inner-outline { position: relative; text-align: center; margin-top: -54px } @media (max-width: 1550px) { .ic-inner-outline { margin-top:-42px } } @media only screen and (max-width: 991.98px) { .ic-inner-outline { margin-top:-35px } } @media only screen and (max-width: 767.98px) { .ic-inner-outline { margin-top:-35px } } @media only screen and (max-width: 575.98px) { .ic-inner-outline { margin-top:-21px } } .ic-inner-outline .ic-outline-text { font-size: 102px; font-weight: 700; color: #fff; -webkit-text-stroke: 2px rgb(0 0 0 / .1); text-transform: uppercase; line-height: 112% } @media (max-width: 1500px) { .ic-inner-outline .ic-outline-text { font-size:76px } } @media only screen and (max-width: 991.98px) { .ic-inner-outline .ic-outline-text { font-size:65px } } @media only screen and (max-width: 767.98px) { .ic-inner-outline .ic-outline-text { font-size:65px } } @media only screen and (max-width: 575.98px) { .ic-inner-outline .ic-outline-text { font-size:40px } } @keyframes color-slide { 0% { background-position: 0% 50% } 100% { background-position: 100% 50% } } .ic-contact-banner { padding-bottom: 130px } @media only screen and (max-width: 1399.98px) { .ic-contact-banner { padding-bottom:110px } } @media only screen and (max-width: 1199.98px) { .ic-contact-banner { padding-bottom:90px } } @media only screen and (max-width: 991.98px) { .ic-contact-banner { padding-bottom:70px } } @media only screen and (max-width: 767.98px) { .ic-contact-banner { padding-bottom:60px } } @media only screen and (max-width: 575.98px) { .ic-contact-banner { padding-bottom:50px } } .ic-contact-form-section { padding-top: 65px; background: linear-gradient(0deg,#f6f6f6 0%,#fff 100%) } .ic-contact-form-section .ic-update-contact-form { padding-bottom: 65px; border-bottom: 1px solid #d6dae1 } .ic-contact-form-section .ic-form-check { display: flex; flex-wrap: wrap } .ic-contact-form-section .ic-form-check .parsley-errors-list { flex-basis: 100% } .ic-update-contact-form { display: flex; gap: 74px } @media only screen and (max-width: 1399.98px) { .ic-update-contact-form { gap:40px } } @media only screen and (max-width: 1199.98px) { .ic-update-contact-form { gap:30px } } @media only screen and (max-width: 991.98px) { .ic-update-contact-form { flex-direction:column } } .ic-update-contact-form .form-control { height: 62px } .ic-update-contact-form .ic-form-select { /* border: unset; */ width: 100%; color: #58677d } .ic-contact-form-left { max-width: 625px } @media only screen and (max-width: 1199.98px) { .ic-contact-form-left { max-width:450px } } @media only screen and (max-width: 991.98px) { .ic-contact-form-left { max-width:100% } } .ic-contact-form-left .input-group input { border-top-right-radius: 0.75rem!important; border-bottom-right-radius: 0.75rem!important } .ic-contact-form-left .ic-check-warp { display: flex; align-items: center } .ic-contact-form-left .ic-check-warp label { cursor: pointer } .ic-contact-form-right { width: 100% } .ic-location-item { padding: 24px 26px 30px; border: 1px solid #d6dae1; border-left: 8px solid #d6dae1; border-radius: 0 8px 8px 0; transition: all 0.3s; position: relative } @media only screen and (max-width: 575.98px) { .ic-location-item { padding:16px } } .ic-location-item .item-bg-image { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; top: 0; left: 0; z-index: 1; border-radius: 0 8px 8px 0; transition: all 0.3s; opacity: 0; visibility: hidden } .ic-location-item .ic-item-content { position: relative; z-index: 999 } .ic-location-item .ic-title { transition: all 0.3s } .ic-location-item .ic-location-icon { display: flex; gap: 5px } .ic-location-item .ic-location-icon img { border-radius: 2px } .ic-location-item .ic-item-flag { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px } .ic-location-item .cl-text { margin-bottom: 8px; max-width: 292px; transition: all 0.3s } .ic-location-item .contact-number { display: flex; justify-content: space-between; align-items: center } .ic-location-item .contact-number .number { font-weight: 600; color: #1b2a40; transition: all 0.3s } .ic-location-item .contact-number .location-link { font-weight: 500; font-size: 18px; color: #c1001b; display: inline-flex; gap: 8px; align-items: center; transition: all 0.3s } @media only screen and (max-width: 575.98px) { .ic-location-item .contact-number .location-link { font-size:16px } } .ic-location-item .contact-number .location-link path { fill: #c1001b; transition: all 0.3s } .ic-location-item:hover { border-color: rgb(0 3 62 / .95); border-left: 8px solid #c1001b } .ic-location-item:hover .ic-title,.ic-location-item:hover .cl-text,.ic-location-item:hover .number { color: #fff } .ic-location-item:hover .item-bg-image { visibility: visible; opacity: 1 } .ic-text-area { border-radius: 8px; border: 1px solid var(--Border,#d6dae1); background: var(--White,#fff); padding: 14px; height: 74px } .ic-contact-form-bottom { display: flex; gap: 390px; padding-top: 40px; justify-content: space-between } @media only screen and (max-width: 1199.98px) { .ic-contact-form-bottom { gap:30px } } @media only screen and (max-width: 767.98px) { .ic-contact-form-bottom { flex-direction:column } } .ic-contact-form-bottom .ic-left .cl-text { font-size: 20px; font-weight: 500; margin-bottom: 20px; line-height: normal } @media only screen and (max-width: 991.98px) { .ic-contact-form-bottom .ic-left .cl-text { margin-bottom:18px } } @media only screen and (max-width: 767.98px) { .ic-contact-form-bottom .ic-left .cl-text { margin-bottom:14px } } @media only screen and (max-width: 575.98px) { .ic-contact-form-bottom .ic-left .cl-text { margin-bottom:10px; font-size: 16px } } .ic-contact-form-bottom .ic-left .ic-mail-link { font-size: 44px; font-weight: 600; color: #1b2a40; line-height: 118% } @media only screen and (max-width: 1199.98px) { .ic-contact-form-bottom .ic-left .ic-mail-link { font-size:42px } } @media only screen and (max-width: 991.98px) { .ic-contact-form-bottom .ic-left .ic-mail-link { font-size:38px } } @media only screen and (max-width: 767.98px) { .ic-contact-form-bottom .ic-left .ic-mail-link { font-size:36px } } @media only screen and (max-width: 575.98px) { .ic-contact-form-bottom .ic-left .ic-mail-link { font-size:24px } } .ic-contact-form-bottom .ic-left .ic-mail-link:hover { color: #c1001b } .ic-contact-form-bottom .ic-right .cl-text { font-size: 20px; font-weight: 500; margin-bottom: 20px; line-height: normal } @media only screen and (max-width: 991.98px) { .ic-contact-form-bottom .ic-right .cl-text { margin-bottom:18px } } @media only screen and (max-width: 767.98px) { .ic-contact-form-bottom .ic-right .cl-text { margin-bottom:14px } } @media only screen and (max-width: 575.98px) { .ic-contact-form-bottom .ic-right .cl-text { margin-bottom:10px; font-size: 16px } } .ic-contact-appointment-wrap { padding: 90px 30px 90px 30px; border-radius: 24px } @media (max-width: 991px) { .ic-contact-appointment-wrap #my-calendly-embed { margin-top:30px } } @media only screen and (max-width: 991.98px) { .ic-contact-appointment-wrap { flex-direction:column-reverse; gap: 40px; padding: 60px } } @media only screen and (max-width: 767.98px) { .ic-contact-appointment-wrap { gap:30px; padding: 40px } } @media only screen and (max-width: 575.98px) { .ic-contact-appointment-wrap { gap:20px; padding: 20px } } .ic-contact-appointment-wrap .ic-left .ic-section-title .title { font-size: 56px; font-style: normal; font-weight: 800; line-height: 130% } @media only screen and (max-width: 1650px) { .ic-contact-appointment-wrap .ic-left .ic-section-title .title { font-size:42px } } @media only screen and (max-width: 1399.98px) { .ic-contact-appointment-wrap .ic-left .ic-section-title .title { font-size:40px } } @media only screen and (max-width: 1199.98px) { .ic-contact-appointment-wrap .ic-left .ic-section-title .title { font-size:42px } } @media only screen and (max-width: 991.98px) { .ic-contact-appointment-wrap .ic-left .ic-section-title .title { font-size:38px } } @media only screen and (max-width: 991.98px) { .ic-contact-appointment-wrap .ic-left .ic-section-title .title { font-size:34px } } @media only screen and (max-width: 767.98px) { .ic-contact-appointment-wrap .ic-left .ic-section-title .title { font-size:30px } } @media only screen and (max-width: 575.98px) { .ic-contact-appointment-wrap .ic-left .ic-section-title .title { font-size:26px } } .ic-contact-appointment-wrap .ic-right iframe { border-radius: 16px } .ic-contact-divider .ic-case-divider { margin: unset } .ic-work-process-step { display: flex; gap: 48px; align-items: center; padding-top: 80px; justify-content: center } @media (max-width: 1550px) { .ic-work-process-step { gap:16px; padding-top: 70px } } @media only screen and (max-width: 1399.98px) { .ic-work-process-step { padding-top:70px } } @media only screen and (max-width: 1199.98px) { .ic-work-process-step { flex-wrap:wrap; padding-top: 60px } } @media only screen and (max-width: 991.98px) { .ic-work-process-step { padding-top:50px } } @media only screen and (max-width: 767.98px) { .ic-work-process-step { padding-top:40px } } @media only screen and (max-width: 575.98px) { .ic-work-process-step { flex-direction:column } } .ic-work-process-step .ic-step-left,.ic-work-process-step .ic-step-right { color: var(--Text-color,#121420); font-family: Lufga-bold; font-size: 26px; font-style: normal; font-weight: 800; line-height: 112% } @media (max-width: 1550px) { .ic-work-process-step .ic-step-left,.ic-work-process-step .ic-step-right { font-size:22px } } .ic-work-process-step .ic-step-wrap { display: flex } @media only screen and (max-width: 1199.98px) { .ic-work-process-step .ic-step-wrap { justify-content:center; gap: 20px; flex-wrap: wrap } } .ic-work-process-step .ic-step-wrap .ic-step-arrow { display: flex; align-items: center } @media only screen and (max-width: 1199.98px) { .ic-work-process-step .ic-step-wrap .ic-step-arrow { display:none } } @media only screen and (max-width: 575.98px) { .ic-work-process-step .ic-step-wrap .ic-step-arrow { transform:rotate(90deg); width: 30px; height: 30px; margin-bottom: 1px } } @media only screen and (max-width: 1399.98px) { .ic-work-process-step .ic-step-wrap .ic-step-arrow img { max-width:50px } } .ic-work-process-step .ic-step { border-radius: 16px; background-image: url('/assets/nexumbit/work-process-bg.png'); background-size: cover; background-repeat: no-repeat; text-align: center; padding: 30px 8px 24px; width: 150px; flex: 0 0 auto; display: flex; flex-direction: column; justify-content: center } .ic-work-process-step .ic-step .ic-icon { margin-bottom: 16px } .ic-work-process-step .ic-step .ic-icon svg path { transition: all 0.3s } .ic-work-process-step .ic-step h4,.ic-work-process-step .ic-step h4 span,h4 .ic-work-process-step .ic-step span,.ic-work-process-step .ic-step .sub-h4 span,.sub-h4 .ic-work-process-step .ic-step span { font-size: 18px; font-family: lufga-regular; color: #fff; line-height: 24px; transition: all 0.3s } .ic-work-process-step .ic-step:hover svg path { fill: #c1001b } .ic-work-process-step .ic-step:hover h4,.ic-work-process-step .ic-step:hover h4 span,h4 .ic-work-process-step .ic-step:hover span,.ic-work-process-step .ic-step:hover .sub-h4 span,.sub-h4 .ic-work-process-step .ic-step:hover span { color: #c1001b } @media only screen and (max-width: 1199.98px) { .ic-work-process-section { background-image:unset!important } } .ic-work-process-section .ic-methodology-card-wrap { display: flex; justify-content: center; gap: 32px; flex-wrap: wrap } .ic-work-process-section .ic-methodology-card { position: relative; width: calc(25% - 32px + 8px); transition: all 0.3s; border: 1px solid #d6dae1; border-radius: 30px; background: #fff } @media only screen and (max-width: 1199.98px) { .ic-work-process-section .ic-methodology-card { width:calc(50% - 32px + 16px) } } @media only screen and (max-width: 575.98px) { .ic-work-process-section .ic-methodology-card { width:100% } } .ic-work-process-section .ic-methodology-card .ic-icon { width: 60px; height: 60px; border-radius: 100px; display: inline-flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; background: #c1001b; z-index: 9 } .ic-work-process-section .ic-methodology-card .ic-icon img { width: 30px } .ic-work-process-section .ic-methodology-card .ic-card-shape { position: absolute; top: -1.7px; left: -1px; z-index: 5; display: block; background: #fff; border-top-left-radius: 32px } @media (max-width: 1550px) { .ic-work-process-section .ic-methodology-card .ic-card-shape { top:-.7px } } .ic-work-process-section .ic-methodology-card .ic-card-content { padding: 18px 24px 28px } .ic-work-process-section .ic-methodology-card .ic-number { text-align: end; margin-right: 45px; margin-bottom: 8px } .ic-work-process-section .ic-methodology-card .ic-number p { font-size: 56px; font-weight: 700; color: #fff; -webkit-text-stroke: 1px rgb(0 0 0 / .1); text-transform: uppercase; line-height: 118%; font-family: lufga-bold } .ic-work-process-section .ic-methodology-card .sub-3 { margin-bottom: 14px } @media (max-width: 1650px) { .ic-work-process-section .ic-methodology-card .sub-3 { font-size:26px } } .ic-work-process-section .ic-methodology-card .ic-card-menu { list-style: disc; list-style-position: inside } .ic-work-process-section .ic-methodology-card .ic-card-menu li { font-weight: 500; line-height: 28px } .ic-work-process-section .ic-methodology-card:hover { transform: translateY(-10px) } .ic-work-img-wrap .ic-img-box { border-radius: 16px; overflow: hidden } .ic-work-img-wrap .ic-img-box img { border-radius: 16px; transition: all 0.3s } .ic-work-img-wrap .ic-img-box img:hover { transform: scale(1.1) } .ic-case-study-banner { padding-top: 78px; padding-bottom: 320px } .ic-case-study-banner .ic-inner-tag { height: 30px; padding: 0 16px; background: #c1001b; color: #fff; border-radius: 8px; display: inline-flex; align-items: center } .ic-case-study-about { padding-top: 38px } .ic-case-study-top-img { margin-top: -294px } .ic-case-study-top-img .ic-top-img img { border-radius: 8px } .ic-case-small-card { display: flex; justify-content: space-between; align-items: center; gap: 34px; flex-wrap: wrap } @media only screen and (max-width: 991.98px) { .ic-case-small-card { gap:24px } } @media only screen and (max-width: 767.98px) { .ic-case-small-card { gap:16px } } @media only screen and (max-width: 575.98px) { .ic-case-small-card { gap:12px } } .ic-case-small-card .ic-card { height: 90px; border-radius: 16px; border: 1px solid var(--Border,#d6dae1); opacity: .9; background: var(--White,#fff); display: inline-flex; flex-direction: column; justify-content: center; padding-left: 20px; width: calc(25% - 34px + 8.5px); position: relative } @media only screen and (max-width: 991.98px) { .ic-case-small-card .ic-card { width:calc(25% - 24px + 6px) } } @media only screen and (max-width: 767.98px) { .ic-case-small-card .ic-card { width:calc(50% - 16px + 8px) } } @media only screen and (max-width: 575.98px) { .ic-case-small-card .ic-card { width:100% } } .ic-case-small-card .ic-card h5,.ic-case-small-card .ic-card h5 span,h5 .ic-case-small-card .ic-card span,.ic-case-small-card .ic-card .sub-h5 span,.sub-h5 .ic-case-small-card .ic-card span,.ic-case-small-card .ic-card p { transition: all 0.3s } .ic-case-small-card .ic-card .card-bg-image { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; top: 0; left: 0; z-index: 1; border-radius: 16px; transition: all 0.3s; opacity: 0; visibility: hidden } .ic-case-small-card .ic-card .ic-card-content { position: relative; z-index: 9 } .ic-case-small-card .ic-card:hover h5,.ic-case-small-card .ic-card:hover h5 span,h5 .ic-case-small-card .ic-card:hover span,.ic-case-small-card .ic-card:hover .sub-h5 span,.sub-h5 .ic-case-small-card .ic-card:hover span,.ic-case-small-card .ic-card:hover p { color: #fff } .ic-case-small-card .ic-card:hover .card-bg-image { opacity: 1; visibility: visible } .ic-case-about-text { display: flex; gap: 133px; align-items: flex-start } @media only screen and (max-width: 1399.98px) { .ic-case-about-text { gap:110px } } @media only screen and (max-width: 1199.98px) { .ic-case-about-text { gap:100px } } @media only screen and (max-width: 991.98px) { .ic-case-about-text { gap:40px } } @media only screen and (max-width: 575.98px) { .ic-case-about-text { flex-direction:column; gap: 20px } } .ic-case-about-text .ic-title { font-size: 36px; line-height: 130% } @media only screen and (max-width: 1399.98px) { .ic-case-about-text .ic-title { font-size:32px } } @media only screen and (max-width: 1199.98px) { .ic-case-about-text .ic-title { font-size:28px } } @media only screen and (max-width: 991.98px) { .ic-case-about-text .ic-title { font-size:26px } } @media only screen and (max-width: 767.98px) { .ic-case-about-text .ic-title { font-size:24px } } @media only screen and (max-width: 991.98px) { .ic-case-about-text .ic-title { font-size:22px } } .ic-case-about-text .ic-left { flex: 0 0 auto; max-width: 300px } @media only screen and (max-width: 575.98px) { .ic-case-about-text .ic-left { max-width:100% } } .ic-case-about-text .ic-right { flex: 1 } .ic-case-study-video .video-image { border-radius: unset } .ic-case-divider { width: 100%; height: 1px; background: #d6dae1; margin: 60px 0 } @media only screen and (max-width: 1399.98px) { .ic-case-divider { margin:55px 0 } } @media only screen and (max-width: 1199.98px) { .ic-case-divider { margin:50px 0 } } @media only screen and (max-width: 991.98px) { .ic-case-divider { margin:45px 0 } } @media only screen and (max-width: 767.98px) { .ic-case-divider { margin:40px 0 } } @media only screen and (max-width: 575.98px) { .ic-case-divider { margin:30px 0 } } .ic-case-design-process { position: relative } .ic-case-design-process .ic-case-design-shape { position: absolute; width: 100%; height: 100%; z-index: -1; top: 0; left: 0 } .ic-design-process-img-box { overflow: hidden; border-radius: 16px } .ic-design-process-img-box img { border-radius: 16px; transition: all 0.3s } .ic-design-process-img-box:hover img { transform: scale(1.1) } .ic-design-process-item-part .ic-inner-outline { margin-top: unset } .ic-design-process-item-part .ic-inner-outline .ic-outline-text { -webkit-text-stroke: 2px #c1001b } @media only screen and (max-width: 575.98px) { .ic-design-process-item-part .ic-inner-outline .ic-outline-text { -webkit-text-stroke:1px #c1001b } } .ic-design-process-item-part .ic-design-item-wrap { display: flex; gap: 16px; flex-wrap: wrap; justify-content: center } .ic-design-process-item-part .ic-design-item { border-radius: 16px; border: 1px solid #d6dae1; background: #fff; box-shadow: 0 16px 52px 0 rgb(0 0 0 / .05); padding: 30px 26px; text-align: center; transition: all 0.3s; width: calc(20% - 16px + 3.2px) } @media only screen and (max-width: 1399.98px) { .ic-design-process-item-part .ic-design-item { width:calc(25% - 16px + 4px) } } @media only screen and (max-width: 991.98px) { .ic-design-process-item-part .ic-design-item { width:calc(33.3333333333% - 16px + 5.3333333333px) } } @media only screen and (max-width: 767.98px) { .ic-design-process-item-part .ic-design-item { width:100% } } .ic-design-process-item-part .ic-design-item p { line-height: normal } .ic-design-process-item-part .ic-design-item:hover { transform: translateY(-10px); box-shadow: rgb(99 99 99 / .2) 0 2px 8px 0; border-color: #c1001b } .ic-design-process-item-part .ic-design-arrow { display: flex; flex-direction: column; justify-content: center } @media only screen and (max-width: 767.98px) { .ic-design-process-item-part .ic-design-arrow { align-items:center; transform: rotate(90deg) } } .ic-design-process-item-part .ic-design-arrow i { font-size: 28px } .ic-design-process-item-part .ic-arrow-wrap { display: flex; flex-direction: column; justify-content: center; gap: 30px } @media only screen and (max-width: 767.98px) { .ic-design-process-item-part .ic-arrow-wrap { align-items:center; transform: rotate(90deg); gap: 10px } } .ic-design-process-item-part .ic-arrow-wrap i { font-size: 28px } .ic-design-hax-color .color-container { display: grid; grid-template-columns: repeat(3,1fr); box-shadow: 0 0 60px 0 rgb(0 0 0 / .1) } .ic-design-hax-color .color-box { width: 100%; min-height: 212px; position: relative; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: transform 0.2s ease; overflow: hidden } @media only screen and (max-width: 767.98px) { .ic-design-hax-color .color-box { min-height:110px } } @media only screen and (max-width: 575.98px) { .ic-design-hax-color .color-box { min-height:90px } } .ic-design-hax-color .color-box::before { position: absolute; content: ""; width: 100%; height: 100%; background: rgb(0 0 0 / .337254902); transition: all 0.3s; opacity: 0; visibility: hidden } .ic-design-hax-color .color-box:first-child { border-radius: 16px 0 0 16px } .ic-design-hax-color .color-box:nth-child(3) { border-radius: 0 16px 0 0 } .ic-design-hax-color .color-box:last-child { border-radius: 0 0 16px 0 } .ic-design-hax-color .color-box:hover::before { opacity: 1; visibility: visible } .ic-design-hax-color .ic-big-color { grid-row: auto/span 2 } .ic-design-hax-color .color-code { position: absolute; color: #fff; font-size: 32px; transition: opacity 0.2s ease } @media only screen and (max-width: 767.98px) { .ic-design-hax-color .color-code { font-size:20px } } @media only screen and (max-width: 575.98px) { .ic-design-hax-color .color-code { font-size:16px } } .ic-design-hax-color .color-code.white-code { color: #606a7a } .ic-design-hax-color .color-box.clicked .color-code { color: #fff; opacity: 1; padding: 8px } .ic-design-hax-color .color-box.clicked .white-code { color: #606a7a } .ic-update-contact-form .parsley-errors-list { display: block; width: 100% } .ic-update-contact-form .form-control { /* border: none!important; */ /* padding: 0!important */ } .ic-update-contact-form .input-group-text { border: none; background: none } .ic-update-contact-form .input-group-text svg { width: 20px; height: 20px } .ic-update-contact-form .input-group { border-radius: 10px; border: 1px solid var(--Border,#d6dae1); background: var(--White,#fff); height: 48px } .ic-update-contact-form select { border-radius: 10px; border: 1px solid var(--Border,#d6dae1); background: var(--White,#fff); height: 48px; position: relative } .ic-update-contact-form .ic-form-select { background: none; /* border: none */ } .ic-form-check { display: initial } .ic-form-check .ic-check-warp { width: auto; height: auto } .ic-form-check .ic-get-in-touch { display: flex } .ic-book-content-wrap textarea.from-control { height: 62px!important; padding-left: 16px } .ic-book-form-wrap .parsley-errors-list { display: block; width: 100%; margin-bottom: 0; line-height: unset } .ic-book-form-wrap select { background: none; border: none; border-radius: 10px; border: 1px solid var(--Border,#d6dae1); background: var(--White,#fff); height: 48px; position: relative; padding: 0 16px; margin: 0; width: 100%; color: #58677d!important } .inovation_dedection { position: relative } .inovation_dedection::after { position: absolute; content: ""; top: 47%; right: 10%; width: 727px; height: 565px; background: #c1001b; opacity: .3; filter: blur(250px) } .ic-update-about-gallery-wrap { display: flex; gap: 24px; flex-wrap: wrap; padding-bottom: 60px } @media only screen and (max-width: 767.98px) { .ic-update-about-gallery-wrap { gap:16px } } @media only screen and (max-width: 575.98px) { .ic-update-about-gallery-wrap { gap:8px } } .ic-update-about-gallery-wrap .ic-gallery { width: calc(25% - 24px + 6px) } @media only screen and (max-width: 767.98px) { .ic-update-about-gallery-wrap .ic-gallery { width:calc(25% - 16px + 4px) } } @media only screen and (max-width: 575.98px) { .ic-update-about-gallery-wrap .ic-gallery { width:calc(25% - 8px + 2px) } } .ic-update-about-gallery-wrap .ic-gallery img { border-radius: 16px; max-width: 100%; height: auto } @media only screen and (max-width: 767.98px) { .ic-update-about-gallery-wrap .ic-gallery img { border-radius:8px } } @media only screen and (max-width: 575.98px) { .ic-update-about-gallery-wrap .ic-gallery img { border-radius:4px } } .ic-update-about-gallery-wrap .ic-gallery:nth-child(odd) { margin-top: 66px } @media only screen and (max-width: 1399.98px) { .ic-update-about-gallery-wrap .ic-gallery:nth-child(odd) { margin-top:50px } } @media only screen and (max-width: 1199.98px) { .ic-update-about-gallery-wrap .ic-gallery:nth-child(odd) { margin-top:40px } } @media only screen and (max-width: 991.98px) { .ic-update-about-gallery-wrap .ic-gallery:nth-child(odd) { margin-top:30px } } @media only screen and (max-width: 767.98px) { .ic-update-about-gallery-wrap .ic-gallery:nth-child(odd) { margin-top:20px } } .ic-about-through-content .ic-title { color: #121420; font-size: 36px; font-style: normal; font-weight: 600; line-height: 130%; text-transform: capitalize; margin-bottom: 16px } @media only screen and (max-width: 1399.98px) { .ic-about-through-content .ic-title { font-size:34px } } @media only screen and (max-width: 1199.98px) { .ic-about-through-content .ic-title { font-size:32px } } @media only screen and (max-width: 991.98px) { .ic-about-through-content .ic-title { font-size:30px } } @media only screen and (max-width: 767.98px) { .ic-about-through-content .ic-title { font-size:24px } } @media only screen and (max-width: 575.98px) { .ic-about-through-content .ic-title { font-size:22px } } .ic-about-through-content .ic-menu-wrap { max-width: 830px; position: relative } @media only screen and (max-width: 991.98px) { .ic-about-through-content .ic-menu-wrap { max-width:690px } } @media only screen and (max-width: 575.98px) { .ic-about-through-content .ic-menu-wrap { text-align:center } } .ic-about-through-content .ic-menu-wrap .ic-about-menu { display: flex; flex-direction: column; margin-top: 30px } .ic-about-through-content .ic-menu-wrap .ic-about-menu li { color: #606a7a; font-size: 18px; font-style: normal; font-weight: 500; line-height: 50px; display: inline-flex; align-items: center; gap: 15px; text-align: left; font-family: manrope-medium } @media (max-width: 1550px) { .ic-about-through-content .ic-menu-wrap .ic-about-menu li { font-size:18px; line-height: 32px; gap: 10px } } @media only screen and (max-width: 991.98px) { .ic-about-through-content .ic-menu-wrap .ic-about-menu li { font-size:18px; line-height: 42px; gap: 10px } } @media only screen and (max-width: 575.98px) { .ic-about-through-content .ic-menu-wrap .ic-about-menu li { font-size:16px; line-height: 35px } } .ic-about-through-content .ic-menu-wrap .ic-about-menu li i { font-size: 25px; color: #c1001b } .ic-about-through-content .ic-menu-wrap .down-arrow { position: absolute; right: 0; bottom: 0 } @media only screen and (max-width: 767.98px) { .ic-about-through-content .ic-menu-wrap .down-arrow { position:relative; margin-top: 20px } } .ic-about-through-content .ic-menu-wrap .down-arrow .circle-name-img { animation: circle-rotate 30s linear infinite both } .ic-about-through-content .ic-menu-wrap .down-arrow .circle-arrows-image { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(0deg); transition: 0.4s } .ic-about-through-content .ic-menu-wrap .down-arrow:hover .circle-arrows-image { transform: translate(-50%,-50%) rotate(135deg) } .ic-about-through-content .ic_paragraph_about p { margin-bottom: 30px } .ic-about-through-content .ic_paragraph_about ul li { position: relative; display: flex; align-items: center; gap: 11px; font-size: 18px } .ic-about-through-content .ic_paragraph_about ul li:not(:last-child) { padding-bottom: 15px } .ic-about-through-content .ic_paragraph_about ul li::before { font-family: "remixicon"!important; content: "\eb80"; color: #c1001b; font-size: 25px } .ic-about-through-content .ic_paragraph_about>div { font-family: manrope-regular; font-size: 16px; line-height: 31px } @media (max-width: 1550px) { .ic-about-through-content .ic_paragraph_about>div { font-size:15px; line-height: 26px; gap: 10px } } .ic-about-differ-content-wrap { display: flex; gap: 50px; flex-wrap: wrap } @media only screen and (max-width: 1199.98px) { .ic-about-differ-content-wrap { gap:30px } } @media only screen and (max-width: 767.98px) { .ic-about-differ-content-wrap { gap:24px } } .ic-about-differ-content-wrap .ic-differ-item { width: calc(33.3333333333% - 50px + 16.6666666667px) } @media only screen and (max-width: 1199.98px) { .ic-about-differ-content-wrap .ic-differ-item { width:calc(33.3333333333% - 30px + 10px) } } @media only screen and (max-width: 991.98px) { .ic-about-differ-content-wrap .ic-differ-item { width:calc(50% - 30px + 15px) } } @media only screen and (max-width: 767.98px) { .ic-about-differ-content-wrap .ic-differ-item { width:calc(50% - 24px + 12px) } } @media (max-width: 575px) { .ic-about-differ-content-wrap .ic-differ-item .ic-icon svg { width:56px } } .ic-about-differ-content-wrap .ic-differ-item .item-header { display: flex; align-items: center; justify-content: space-between; gap: 20px } .ic-about-differ-content-wrap .ic-differ-item .item-header .fw-500 { transition: all 0.3s } .ic-about-differ-content-wrap .ic-differ-item .item-header .header-icon { width: 50px; height: 50px; border: 1px solid #c1001b; border-radius: 50px; display: inline-flex; justify-content: center; align-items: center; transition: all 0.3s; flex: 0 0 auto } @media only screen and (max-width: 1399.98px) { .ic-about-differ-content-wrap .ic-differ-item .item-header .header-icon { width:45px; height: 45px } } @media only screen and (max-width: 1199.98px) { .ic-about-differ-content-wrap .ic-differ-item .item-header .header-icon { width:40px; height: 40px } } @media only screen and (max-width: 575.98px) { .ic-about-differ-content-wrap .ic-differ-item .item-header .header-icon { width:36px; height: 36px } } @media only screen and (max-width: 991.98px) { .ic-about-differ-content-wrap .ic-differ-item .item-header .header-icon.icon-2 { display:none } } .ic-about-differ-content-wrap .ic-differ-item .item-header .header-icon.icon-3 { display: none } @media only screen and (max-width: 991.98px) { .ic-about-differ-content-wrap .ic-differ-item .item-header .header-icon.icon-3 { display:flex } } @media only screen and (max-width: 991.98px) { .ic-about-differ-content-wrap .ic-differ-item .item-header .header-icon.icon-4 { display:none } } .ic-about-differ-content-wrap .ic-differ-item .item-header .header-icon.icon-6 { display: none } .ic-about-differ-content-wrap .ic-differ-item .item-header .header-icon i { color: #c1001b; transition: all 0.3s; font-size: 22px } .ic-about-differ-content-wrap .ic-differ-item .cl-text { max-width: 322px; line-height: 22px } .ic-about-differ-content-wrap .ic-differ-item:hover .fw-500 { color: #c1001b } .ic-about-differ-content-wrap .ic-differ-item:hover .header-icon { background: #c1001b } .ic-about-differ-content-wrap .ic-differ-item:hover .header-icon i { color: #fff } .ic-about-support-team-part { display: flex; gap: 70px; border-radius: 24px; background: linear-gradient(0deg,#fff 0%,#fff 100%),linear-gradient(104deg,#fff 4.38%,#f5f7f9 97.4%); box-shadow: 0 14px 28px 0 rgb(0 0 0 / .05); padding: 50px } @media only screen and (max-width: 1199.98px) { .ic-about-support-team-part { padding:30px; gap: 30px } } @media only screen and (max-width: 991.98px) { .ic-about-support-team-part { flex-direction:column-reverse } } @media only screen and (max-width: 575.98px) { .ic-about-support-team-part { padding:12px } } .ic-about-support-team-part .ic-left { max-width: 640px } @media only screen and (max-width: 1199.98px) { .ic-about-support-team-part .ic-left { max-width:500px } } @media only screen and (max-width: 991.98px) { .ic-about-support-team-part .ic-left { max-width:100% } } .ic-about-support-team-part .ic-left .ic-support-item { border-radius: 16px; background: #fff; box-shadow: 0 14px 28px 0 rgb(0 0 0 / .05); padding: 20px 24px; transition: all 0.3s } .ic-about-support-team-part .ic-left .ic-support-item .item-top { display: inline-flex; gap: 30px; align-items: flex-start } .ic-about-support-team-part .ic-left .ic-support-item .item-top .ic-item-number { color: var(--Text-color,#121420); font-size: 44px; font-style: normal; font-weight: 700; line-height: 169%; font-family: lufga-bold } @media only screen and (max-width: 1199.98px) { .ic-about-support-team-part .ic-left .ic-support-item .item-top .ic-item-number { font-size:34px } } .ic-about-support-team-part .ic-left .ic-support-item:hover { box-shadow: 0 4px 6px rgb(0 0 0 / .1); transform: translateY(-5px) } .ic-about-support-team-part .ic-right img { border-radius: 24px } @media only screen and (max-width: 991.98px) { .ic-about-support-team-part .ic-right img { width:100%; border-radius: 16px } } @media only screen and (max-width: 991.98px) { .ic-about-slider-content .row { flex-direction:column-reverse } } .ic-about-slider-content .slider-container { max-width: 666px } .ic-about-slider-content .user-info { display: flex; align-items: center } .ic-about-slider-content .user-info h4,.ic-about-slider-content .user-info h4 span,h4 .ic-about-slider-content .user-info span,.ic-about-slider-content .user-info .sub-h4 span,.sub-h4 .ic-about-slider-content .user-info span,.ic-about-slider-content p { color: #fff } .ic-about-slider-content .user-image img { border-radius: 50%; width: 70px; height: 70px; margin-right: 15px } .ic-about-slider-content .testimonial-text { font-size: 24px; line-height: normal; color: #fff; padding: 48px 0 } @media only screen and (max-width: 1199.98px) { .ic-about-slider-content .testimonial-text { font-size:20px } } @media only screen and (max-width: 991.98px) { .ic-about-slider-content .testimonial-text { font-size:18px } } @media only screen and (max-width: 767.98px) { .ic-about-slider-content .testimonial-text { font-size:16px } } .ic-about-slider-content .slider { display: flex; align-items: center; justify-content: space-between } .ic-about-slider-content .progress-bar { position: relative; flex: 1; height: 4px; background-color: #475569; border-radius: 2px; margin: 0 10px; overflow: hidden } .ic-about-slider-content .progress { height: 100%; margin-bottom: 0; width: 0; background-color: #00a98f; transition: width 0.5s ease,background-color 0.5s ease } .ic-about-slider-content .testimonial { opacity: 0; transform: translateY(20px); transition: opacity 0.5s ease,transform 0.5s ease } .ic-about-slider-content .testimonial.active { opacity: 1; transform: translateY(0) } .ic-about-slider-content #current-slide,.ic-about-slider-content #total-slides { font-size: 14px; font-weight: 700 } .ic-about-video-image .video-image { border-radius: 6px; width: 100% } .ic-about-video-image .ic-play-btn-wrap { position: absolute; top: 50%; left: -46px; transform: translateY(-50%); right: auto; bottom: auto; border-radius: 100px } @media only screen and (max-width: 991.98px) { .ic-about-video-image .ic-play-btn-wrap { left:50%; transform: translate(-50%,-50%) } } .ic-about-video-image .down-arrow { position: relative } .ic-about-video-image .down-arrow::before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 100px; height: 100px; background: #fff; border-radius: 50%; animation: pulse-border 1500ms ease-out infinite } @keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1 } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0 } } .ic-about-video-image .circle-name-img { animation: circle-rotate 30s linear infinite both } @media only screen and (max-width: 575.98px) { .ic-about-video-image .circle-name-img { width:80px; height: 80px } } .ic-about-video-image .circle-arrows-image { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: 0.4s } .ic-update-team-item { border-radius: 10px; background: #fff; box-shadow: 0 4px 56px 0 rgb(27 42 64 / .1); padding: 12px; position: relative; text-align: center; height: 100% } .ic-update-team-item .content-wrap { position: relative; z-index: 9 } .ic-update-team-item .img-box { border-radius: 5px; overflow: hidden } .ic-update-team-item .img-box img { border-radius: 5px; transition: all 0.3s; max-width: 100%; height: auto } @media only screen and (max-width: 575.98px) { .ic-update-team-item .img-box img { width:100% } } .ic-update-team-item .divider { width: 52px; height: 3px; flex-shrink: 0; background: #c1001b; margin: 10px auto; transition: all 0.3s } .ic-update-team-item .ic-title { transition: all 0.3s } .ic-update-team-item .ic-text { font-size: 14px; transition: all 0.3s; opacity: .7 } .ic-update-team-item .ic-item-bg { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; top: 0; left: 0; z-index: 1; border-radius: 10px; transition: all 0.3s; opacity: 0; visibility: hidden; display: none } .ic-update-team-item:hover img { transform: scale(1.05) } .ic-update-blog-top-img .img-box { position: relative } .ic-update-blog-top-img .img-box img { border-radius: 16px } @media only screen and (max-width: 575.98px) { .ic-update-blog-top-img .img-box img { min-height:250px; object-fit: cover } } .ic-update-blog-top-img .img-box::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; border-radius: 0 0 10px 10px; background: linear-gradient(180deg,#fff0 19.5%,#121420 100%); opacity: .9 } .ic-update-blog-top-img .image-content { position: absolute; z-index: 9; left: 78px; bottom: 48px } @media only screen and (max-width: 767.98px) { .ic-update-blog-top-img .image-content { left:35px; bottom: 14px } } @media only screen and (max-width: 575.98px) { .ic-update-blog-top-img .image-content { left:15px } } .ic-update-blog-top-img .image-content div,.ic-update-blog-top-img .image-content i,.ic-update-blog-top-img .image-content span,.ic-update-blog-top-img .image-content h1,.ic-update-blog-top-img .image-content a { color: #fff } .ic-update-blog-top-img .image-content .ic-date-wrap { display: flex; align-items: center; gap: 16px; margin-bottom: 10px } .ic-update-blog-top-img .image-content .ic-date-wrap .left { font-size: 12px; font-style: normal; font-weight: 400; line-height: 100%; background-color: #c1001b; border-radius: 4px; height: 24px; padding: 0 12px; display: inline-flex; align-items: center } .ic-update-blog-top-img .image-content .ic-date-wrap .right { display: flex; gap: 6px; align-items: center } .ic-update-blog-top-img .image-content .ic-date-wrap .right i { font-size: 24px } .ic-update-blog-top-img .image-content .ic-title { font-size: 35px; font-weight: 700; line-height: normal; margin-bottom: 10px } @media only screen and (max-width: 1399.98px) { .ic-update-blog-top-img .image-content .ic-title { font-size:30px } } @media only screen and (max-width: 1199.98px) { .ic-update-blog-top-img .image-content .ic-title { font-size:26px } } @media only screen and (max-width: 991.98px) { .ic-update-blog-top-img .image-content .ic-title { font-size:22px } } @media only screen and (max-width: 767.98px) { .ic-update-blog-top-img .image-content .ic-title { font-size:18px } } @media only screen and (max-width: 575.98px) { .ic-update-blog-top-img .image-content .ic-title { font-size:16px } } .ic-update-blog-top-img .image-content .ic-link { display: inline-flex; align-items: center; gap: 8px } .ic-update-blog-tabs-area .tabs { display: flex; gap: 10px; margin-bottom: 20px } .ic-update-blog-tabs-area .ic-tab { height: 48px; padding: 0 25px; cursor: pointer; border: 1px solid #d6dae1; background-color: #fff; border-radius: 8px; transition: background-color 0.3s; display: inline-flex; align-items: center } .ic-update-blog-tabs-area .ic-tab.active { background-color: #121420; color: #fff } .ic-update-blog-tabs-area .ic-card-container { display: flex; flex-wrap: wrap; gap: 30px } .ic-update-blog-tabs-area .ic-card { background: #fff0; border-radius: 8px; width: calc(33.333% - 30px); transition: all 0.3s; display: flex; flex-direction: column; align-items: flex-start } .ic-update-blog-tabs-area .ic-card img { width: 100%; border-radius: 10px } .ic-update-blog-tabs-area .ic-card h3,.ic-update-blog-tabs-area .ic-card h3 span,h3 .ic-update-blog-tabs-area .ic-card span,.ic-update-blog-tabs-area .ic-card .sub-h3 span,.sub-h3 .ic-update-blog-tabs-area .ic-card span,.ic-update-blog-tabs-area .ic-card .ic-workflow-right .service-tab-content h1,.ic-workflow-right .service-tab-content .ic-update-blog-tabs-area .ic-card h1,.ic-update-blog-tabs-area .ic-card .ic-workflow-right .service-tab-content h1 span,.ic-workflow-right .service-tab-content h1 .ic-update-blog-tabs-area .ic-card span,.ic-update-blog-tabs-area .ic-card h1 .ic-workflow-right .service-tab-content span,h1 .ic-workflow-right .service-tab-content .ic-update-blog-tabs-area .ic-card span,.ic-update-blog-tabs-area .ic-card .ic-workflow-right .service-tab-content h2,.ic-workflow-right .service-tab-content .ic-update-blog-tabs-area .ic-card h2,.ic-update-blog-tabs-area .ic-card .ic-workflow-right .service-tab-content h2 span,.ic-workflow-right .service-tab-content h2 .ic-update-blog-tabs-area .ic-card span,.ic-update-blog-tabs-area .ic-card h2 .ic-workflow-right .service-tab-content span,h2 .ic-workflow-right .service-tab-content .ic-update-blog-tabs-area .ic-card span,.ic-update-blog-tabs-area .ic-card .ic-workflow-right .service-tab-content h5,.ic-workflow-right .service-tab-content .ic-update-blog-tabs-area .ic-card h5,.ic-update-blog-tabs-area .ic-card .ic-workflow-right .service-tab-content h5 span,.ic-workflow-right .service-tab-content h5 .ic-update-blog-tabs-area .ic-card span,.ic-update-blog-tabs-area .ic-card h5 .ic-workflow-right .service-tab-content span,h5 .ic-workflow-right .service-tab-content .ic-update-blog-tabs-area .ic-card span,.ic-update-blog-tabs-area .ic-card .ic-workflow-right .service-tab-content .sub-h5 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-update-blog-tabs-area .ic-card span,.ic-update-blog-tabs-area .ic-card .sub-h5 .ic-workflow-right .service-tab-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-update-blog-tabs-area .ic-card span,.ic-update-blog-tabs-area .ic-card .ic-workflow-right .service-tab-content h6,.ic-workflow-right .service-tab-content .ic-update-blog-tabs-area .ic-card h6,.ic-update-blog-tabs-area .ic-card .ic-workflow-right .service-tab-content h6 span,.ic-workflow-right .service-tab-content h6 .ic-update-blog-tabs-area .ic-card span,.ic-update-blog-tabs-area .ic-card h6 .ic-workflow-right .service-tab-content span,h6 .ic-workflow-right .service-tab-content .ic-update-blog-tabs-area .ic-card span { font-size: 22px; margin: 20px 0 15px; color: #121420 } .ic-update-blog-tabs-area .ic-card p { color: #606a7a } .ic-update-blog-tabs-area .ic-card .ic-link { height: 48px; padding: 0 25px; cursor: pointer; border: 1px solid #d6dae1; background-color: #fff; border-radius: 8px; transition: background-color 0.3s; display: inline-flex; align-items: center; color: #c1001b; margin-top: auto } .ic-update-blog-tabs-area .ic-card:hover .ic-link { background-color: #121420; color: #fff } .ic-update-blog-tabs-area .hidden { display: none } @import url(https://fonts.googleapis.com/css2?family=Eater&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap);@import url(https://fonts.googleapis.com/css2?family=Eater&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nosifer&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap);@import url(https://fonts.googleapis.com/css2?family=Eater&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nosifer&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Oswald:wght@200..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Creepster&family=Eater&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nosifer&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Oswald:wght@200..700&display=swap);@font-face { src: url(../fonts/Scary-Halloween.ttf); font-family: scary-helloween; font-display: swap } @font-face { src: url(../fonts/Spooky-Monster.ttf); font-family: spocky-monster; font-display: swap } #product-details label input:checked~.checkmark:after,#request-form label input:checked~.checkmark:after,.ic-product-content ul li:nth-child(-n+3) { display: block } input.parsley-success,select.parsley-success,textarea.parsley-success { color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6 } input.parsley-error,select.parsley-error,textarea.parsley-error { color: #b94a48; border: 1px solid #eed3d7 } .parsley-errors-list,.parsley-errors-list li { color: #b94a48!important } .parsley-errors-list { margin: 2px 0 3px; padding: 0; list-style-type: none; font-size: .9em; line-height: .9em; opacity: 0; transition: .3s ease-in; -o-transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in } .parsley-errors-list.filled { opacity: 1 } #product-details form label .checkmark { width: 17px; height: 17px; border-radius: 0; background: #c2121e; top: 28%; left: 15px } #product-details form .checktext,#request-form form .checktext { font-family: manrope-regular; font-size: 15px; color: #c2121e; padding-left: 10px } #product-details label .checkmark:after,#request-form label .checkmark:after { left: 6px; top: 3px; width: 5px; height: 10px; border: solid #fff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } #product-details .form-group .iti { margin-bottom: 0!important } #order { padding-top: 72px; padding-bottom: 65px } .ic-review-rating { font-size: 20px; margin-top: -7px } .select2-container--default .select2-selection--multiple .select2-selection__choice__display,.select2-results__option { font-size: 14px; font-family: manrope-regular } .iti__selected-flag { margin-left: 10px } .iti--allow-dropdown input,.iti--allow-dropdown input[type=tel],.iti--allow-dropdown input[type=text],.iti--separate-dial-code input,.iti--separate-dial-code input[type=tel],.iti--separate-dial-code input[type=text] { padding-left: 59px!important } .selection { display: inline!important } .ic-color-ful-tabs,.ic-freamwork,.ic-grid,.ic-offer-countdown-wrap,.ic-popup .ic-modal-tag,.ic_helloween_body .ic_get_exclusive { display: flex; display: flex } .ic-btn-group,.selection span { display: inline-block } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #28a9a8!important; color: #fff!important; border: 1px solid #28a9a8!important; margin-top: 6px!important } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { background-color: #28a9a8!important } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #28a9a8!important; color: #fff!important } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #fff!important } .select2-container--default .select2-selection--multiple { border: none!important; height: 45px; font-family: manrope-regular; font-size: 15px; color: #58677d; box-shadow: 0 2px 7.68px .32px rgba(0,3,62,.1); padding: 5px 15px } .ic-contact-form-wrap .select2-container .select2-search--inline .select2-search__field { margin-top: 5px; margin-left: 0; font-family: manrope-regular; font-size: 14px; color: #58677d; height: 26px } .select2-container--default .select2-selection--multiple span { display: inline-block!important } .select2 .select2-container .select2-container--default .select2-container--above { margin-bottom: 20px } .select2 .select2-container .select2-container--default .select2-container--focus .select2-container--below .select2-container--open { margin-bottom: -20px!important } .select2-container { height: 45px; margin-bottom: 20px!important } .select2-container--default .select2-search--inline .select2-search__field { margin-top: 15px; height: -150px!important } #request-form .remove-style { margin-bottom: 0 } #request-form .remove-style textarea { height: 23px!important } #request-form .remove-style .select2-search__field { padding-top: 0!important } #request-form .remove-style button { margin-top: -2px!important } .toggle-handle { background: #fff } #request-form form label .checkmark { width: 17px; height: 17px; border-radius: 0; background: #c2121e; top: 45% } .team-item p { line-height: 22px } .experience p:last-child { padding-bottom: 0 } .team-item { min-height: 285px } body.swal2-toast-shown .swal2-container { z-index: 400000 } .ic-freamwork { justify-content: center } .ic--seeMore { background-position: right!important } .ic-head-top-halloween-offer.ic_2024_halloween_offer .ic_2024_halloween_offer_countdown .ic-countdown-item span:last-child,.ic-product-content ul li { display: none } .ic-text-editor-desc a { display: inline!important } .breadcumb-text p { text-transform: uppercase; color: #c2121e; font-family: asap-bold; padding-bottom: 3px; font-size: 24px } #banner { min-height: 662px } .ic-popup .modal-dialog { max-width: 732px; justify-content: center } .ic-popup .modal-content { padding: 48px 51px; border-radius: 16px } .ic-popup .modal-content .ic-btn-close { position: absolute; top: 30px; right: 30px; color: #ea4748!important; background: 0 0 } .ic-popup .modal-header { justify-content: center; padding: unset; padding-bottom: 24px } .ic-popup .ic-modal-tag { position: absolute; font-size: 22px; text-transform: uppercase; background: linear-gradient(90deg,#8b22fc .18%,#ff1b6c 43.93%,#ffae11 100.18%); color: #fff; border-radius: 50px; height: 50px; padding: 0 27px; align-items: center; transform: rotate(318deg); left: -71px; top: 42px } .ic-popup .ic-belun-img { position: absolute; bottom: 88%; left: -41px; animation-name: fade-rotate; animation-iteration-count: infinite; animation-duration: 2s; -webkit-transition: .9s; -moz-transition: .9s; -o-transition: .9s; transition: .9s; animation-direction: alternate } @keyframes fade-rotate { 0% { transform: translateX(10px) translateY(-10px) rotate(0) } 50% { transform: translateX(10px) translateY(8px) rotate(6deg) } 100% { transform: translateX(10px) translateY(5px) rotate(-6deg) } } .ic-popup .modal-content .ic-btn-close i { font-size: 30px } .ic-popup .modal-body h2,.ic-popup .modal-body h2 span,h2 .ic-popup .modal-body span { font-size: 46px; text-align: center; color: #1b2a40 } .ic-popup .modal-body { text-align: center; padding: 24px 0; border-bottom: 1px solid #dde6f8 } .ic-popup .ic-modal-footer { margin-top: 23px } .ic-popup .ic-modal-footer h3 { font-size: 28px; text-align: center; color: #ff5747; padding-bottom: 30px } .ic-popup .ic-modal-footer .ic-btn span { flex: 0 0 auto; display: -webkit-inline-box; display: -moz-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; width: 24px; height: 24px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: relative } @media (max-width: 1650px) { .ic-popup .modal-dialog { max-width:520px } .ic-popup .modal-content { padding: 25px 33px } .ic-popup .modal-body { padding: 12px 0 } .ic-popup .modal-body h2,.ic-popup .modal-body h2 span,h2 .ic-popup .modal-body span { font-size: 30px } .ic-popup .ic-modal-footer h3 { font-size: 18px; padding-bottom: 15px } .ic-popup .modal-header img { max-width: 150px } .ic-popup .ic-belun-img { max-height: 167px } .ic-popup .ic-modal-tag { height: 40px; font-size: 18px; left: -71px; top: 26px; z-index: 1 } } @media (max-width: 575.98px) { .ic-popup .modal-dialog { max-width:100% } .ic-popup .ic-modal-tag { left: -25px; top: 2px; z-index: 1; transform: rotate(340deg) } .ic-popup { padding-right: 0!important } #banner { min-height: 486px } } @media (min-width: 768px) and (max-width:991.98px) { #banner { min-height:543px } } .ic-widget-rating .widget-author svg { margin-top: -5px; margin-left: -8px } .ic-offer-countdown-wrap .ic-countdown-item { background-color: #232323; color: #f8ff55; text-align: center; background-color: rgb(0,130,111,.9); border-radius: 10px; min-width: auto!important; padding: 0!important } .ic-countdown-item .time { font-size: 24px; font-weight: 600; color: #f8ff55; margin-bottom: 1px } .ic-countdown-item span { line-height: 1.2; color: #fff; display: block; margin: 0; padding: 0; font-weight: 400; font-size: 12px } .navbar { top: 175px } .ic-head-top-halloween-offer { position: relative; height: 80px; object-fit: cover; width: 100%; font-family: Lexend,sans-serif } .h-80 { height: 80px } .ic-offer-countdown-wrap { flex-wrap: wrap; align-items: center; gap: 10px; flex-wrap: wrap; align-items: center; position: absolute; top: 50%; right: 2px; transform: translateY(-50%) } .ic-product-image { padding-top: 80px; height: 1148px } .ic-container { padding: 0 100px } .ic-showcase-heading { font-size: 107px; color: #fff; font-weight: 800; padding-bottom: 50px; border-bottom: 4px solid rgba(255,255,255,.1); text-align: center } .ic-card-case { padding: 80px 110px 60px; background: #fff; box-shadow: 0 0 150px rgba(35,35,35,.08); border-radius: 46px; margin-bottom: 65px } .ic-case-heading { text-align: center; padding-bottom: 57px } .ic-case-heading h2 { font-size: 40px; line-height: 46px; color: #c2121e } .ic-case-heading img { max-width: 370px; margin-bottom: 10px } .ic-product-case-card { border: 2px solid rgba(77,78,80,.1); filter: drop-shadow(0px 0px 100px rgba(35, 35, 35, .15)); border-radius: 8px; background-color: #fff; position: relative; overflow: hidden } .ic-product-case-card img { transition: .5s linear } .ic-product-case-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.205); border-radius: 8px; transition: .5s linear; z-index: 1 } .ic-product-case-card:hover img { transform: scale(1.1) } .ic-product-case-card a { position: absolute; top: 50%; left: 50%; transform: translate(-50%,0); font-size: 20px; height: 50px; padding: 0 22px; border-radius: 99999px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; background-image: linear-gradient(to right,#c2121e 66.666667%,#00a9c6 100%); background-size: 300% auto; background-position: right; color: #fff; opacity: 0; visibility: hidden; transition: .5s linear; animation-delay: 1s; z-index: 2 } .ic-main-banner,.ic-main-banner img { border-radius: 10px } .ic-product-case-card a:hover { transform: translate(-50%,-78%); background-position: center } .ic-product-case-card:hover a { transform: translate(-50%,-50%); opacity: 1; visibility: visible } .ic-main-banner { margin-top: 40px; margin-bottom: 50px } .ic-coming-soon { font-size: 52px; color: rgba(35,35,35,.541); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); white-space: nowrap; font-weight: 700 } .ic-grid { gap: 43px; flex-wrap: wrap } .ic-grid .ic-product-case-card { width: calc(100% / 2 - 43px + 43px / 2); border-radius: 16px } @media only screen and (max-width: 1366px) { .ic-head-top-halloween-offer img { height:120px } .navbar { top: 165px } } @media only screen and (max-width: 991px) { .navbar { top:187px } .ic-case-heading { padding-bottom: 33px } .ic-card-case { padding: 60px; border-radius: 25px } .ic-grid { gap: 20px } .ic-grid .ic-product-case-card { width: calc(100% / 2 - 20px + 20px / 2) } .ic-case-heading img { max-width: 300px } .ic-case-heading h2 { font-size: 30px; line-height: 36px } .ic-coming-soon { font-size: 22px } } @media only screen and (max-width: 767px) { .ic-card-case { padding:30px; border-radius: 15px } .ic-case-heading img { max-width: 250px } } .ic-popup.ic-halloween-popup .modal-dialog { max-width: 730px; width: 730px } .ic-halloween-popup .modal-content { background-image: url("../images/halloween-bg.png"); background-size: cover; position: relative; padding: 0 } .ic-halloween-popup .modal-content .ic-btn-close { width: 44px; height: 44px; border-radius: 50%; background-color: #fff; color: #ed5a29; display: inline-flex; align-items: center; justify-content: center; top: -20px; right: -20px } .ic-halloween-popup .modal-content .modal-body { overflow: hidden; padding: 30px 77px; border-bottom: 0 } .nest-vector { position: absolute; left: 0; top: 0 } .nest-dot-dot { position: absolute; right: 80px; top: 0; animation: 4s linear .5s forwards dot } .nest-mak-icon { position: absolute; right: 50px; top: 173px; animation: 4s linear 4s infinite forwards mak-icon; transform: scale(0) } @keyframes dot { from { transform: translateY(-100%) } to { transform: translateY(0) } } @keyframes mak-icon { 0% { transform: scale(0) } 25% { transform: scale(1) } 50% { transform: scale(1) rotate(-45deg) } 75% { transform: scale(1) rotate(-30deg) } 100% { transform: rotate(-20deg) } } .ic_helloween_logo { border-bottom: 1px solid #dde6f81a; padding-bottom: 20px } .ic_helloween_body { padding-top: 20px } .ic_helloween_body h2 { font-family: scary-helloween; font-weight: 700; font-size: 60px!important; line-height: 78px; color: #ffcf11!important } .ic_helloween_body .ic_get_exclusive { align-items: center; justify-content: center; gap: 27px; padding-top: 30px } .ic_helloween_body .ic_get_exclusive span { font-size: 40px; line-height: 48px; font-family: spocky-monster; color: #fff } .ic-halloween-popup .modal-content .ic-btn { height: 56px; font-size: 18px!important } .ic-head-top-halloween-offer.ic_2024_halloween_offer .ic_2024_halloween_offer_countdown .ic-countdown-item { width: 40px; height: 40px; display: inline-flex; justify-content: center; align-items: center; border: 2px solid #c40d25; border-radius: 4px; box-shadow: 0 4px 4px 0 rgba(238,20,48,.5); background-color: transparent } .ic-head-top-halloween-offer.ic_2024_halloween_offer .ic_2024_halloween_offer_countdown .ic-countdown-item .time { border-radius: 8px; background-color: transparent; color: #fff; font-size: 16px; margin-bottom: 0 } .ic_2024_halloween_offer .ic_offer_halloween_btn a { height: 40px; border-radius: 40px; background-color: #c40d25; color: #fff; font-size: 14px; padding: 0 30px; display: inline-flex; align-items: center; justify-content: center; font-weight: 600 } .ic_2024_halloween_offer .ic_2024_halloween_offer_countdown_wrapper { display: flex; align-items: center; justify-content: flex-end; gap: 60px } .ic_2024_halloween_offer .ic_2024_halloween_offer_countdown_wrapper .ic_2024_halloween_offer_countdown { position: static; transform: translateY(0) } .ic_2024_halloween_offer .ic_halloween_text { position: absolute; width: 767px; top: 50%; transform: translateY(-50%); right: 40%; height: auto!important } .ic_2024_halloween_offer .ic_halloween_kumra { position: absolute; top: 50%; transform: translateY(-50%); right: 10%; height: auto!important } @media only screen and (max-width: 1550px) { .ic-head-top-halloween-offer.ic_2024_halloween_offer { background-position:36% } } @media only screen and (max-width: 1366px) { .ic_2024_halloween_offer .ic_halloween_text { right:40%; width: 628px } .ic_2024_halloween_offer .ic_halloween_kumra { right: 3% } .ic-head-top-halloween-offer.ic_2024_halloween_offer { background-position: 45% } .ic_2024_halloween_offer .ic_2024_halloween_offer_countdown_wrapper { gap: 33px } .ic-head-top-halloween-offer img { height: 120px } .navbar { top: 165px } .ic-popup.ic-halloween-popup .modal-dialog { max-width: 600px; width: 600px } .ic-halloween-popup .modal-content .modal-body { overflow: hidden; padding: 30px 58px } .ic_helloween_body h2 { font-size: 48px!important; line-height: 63px } .ic_helloween_body .ic_get_exclusive img { max-width: 100px } .ic_helloween_body .ic_get_exclusive { padding-top: 18px } .ic_helloween_body .ic_get_exclusive span { font-size: 37px; line-height: 48px } .ic-halloween-popup .modal-content .ic-btn { height: 50px; font-size: 16px!important } } @media only screen and (max-width: 1199px) { .ic_2024_halloween_offer .ic_halloween_text { width:auto; right: 34% } .ic_2024_halloween_offer .ic_halloween_kumra { right: 3% } } @media only screen and (max-width: 991px) { .navbar { top:187px } .ic-case-heading { padding-bottom: 33px } .ic-card-case { padding: 60px; border-radius: 25px } .ic-grid { gap: 20px } .ic-grid .ic-product-case-card { width: calc(100% / 2 - 20px + 20px / 2) } .ic-case-heading img { max-width: 300px } .ic-case-heading h2 { font-size: 30px; line-height: 36px } .ic-coming-soon { font-size: 22px } .ic_2024_halloween_offer .ic_halloween_text { width: 470px; right: 37% } } @media only screen and (max-width: 767px) { .ic-card-case { padding:30px; border-radius: 15px } .ic-case-heading img { max-width: 250px } .ic-popup.ic-halloween-popup .modal-dialog { max-width: 500px; width: 500px } .ic_helloween_body h2 { font-size: 42px!important; line-height: 60px } .ic-halloween-popup .modal-content .modal-body { padding: 30px 26px } .ic_helloween_body .ic_get_exclusive span { font-size: 32px; line-height: 42px } .ic_helloween_logo { padding-bottom: 7px } .nest-dot-dot { right: 58px } .nest-mak-icon { right: 37px; max-width: 40px } .ic_2024_halloween_offer .ic_2024_halloween_offer_countdown_wrapper { padding-bottom: 6px; align-items: flex-end; justify-content: space-around; gap: 60px } .ic-head-top-halloween-offer.ic_2024_halloween_offer .ic_2024_halloween_offer_countdown .ic-countdown-item .time { padding: 4px; border-radius: 4px; margin-bottom: 3px; font-size: 12px } .ic-head-top-halloween-offer.ic_2024_halloween_offer .ic_2024_halloween_offer_countdown .ic-countdown-item { min-width: 22px; width: 30px; height: 30px } .ic-head-top-halloween-offer.ic_2024_halloween_offer .ic_2024_halloween_offer_countdown .ic-countdown-item .time+span { font-size: 10px } .ic_2024_halloween_offer .ic_halloween_text { width: 415px; right: unset; left: 50%; top: 20px; transform: translate(-50%,-50%) } } @media only screen and (max-width: 575px) { .ic_2024_halloween_offer .ic_offer_halloween_btn a { padding:0 15px; height: 30px } .ic-popup.ic-halloween-popup .modal-dialog { max-width: 100%; width: 100%; margin: 0; padding: .5rem } .ic_helloween_body h2 { font-size: 42px!important; line-height: 60px; padding: 0 20px } .nest-vector { max-width: 100px } .ic-halloween-popup .modal-content .ic-btn-close { width: 30px; height: 30px; top: -9px; right: -5px } .ic-popup .modal-content .ic-btn-close i { font-size: 24px } .ic_2024_halloween_offer .ic_halloween_kumra { max-width: 30px; top: 70% } } @media only screen and (max-width: 490px) { .ic_helloween_body h2 { font-size:32px!important; line-height: 42px; padding: 0 39px } .ic_helloween_body .ic_get_exclusive { gap: 10px; flex-direction: column } .ic_helloween_body .ic_get_exclusive span { font-size: 30px; line-height: 42px; display: inline-block; flex: 0 0 auto; width: 226px } .ic_helloween_body .ic_get_exclusive img { max-width: 76px } .ic_helloween_logo img { max-width: 120px } .ic_2024_halloween_offer .ic_halloween_text { width: 313px } .ic-head-top-halloween-offer.ic_2024_halloween_offer .ic_2024_halloween_offer_countdown .ic-countdown-item .time { font-size: 10px } .ic_2024_halloween_offer .ic_offer_halloween_btn a { height: 26px; font-size: 10px; margin-bottom: 5px; margin-right: 14px } } @media only screen and (max-width: 390px) { .ic_helloween_body h2 { padding:0 6px } } .ic-head-top-halloween-offer .ic-header-close-btn { position: absolute; width: 20px; height: 20px; background: #fff; border-radius: 5px; display: inline-flex; align-items: center; justify-content: center; top: 10px; right: 10px; color: #ff1f1f } .ic-hl-btn: hover,:.ic-hl-btn { color: #fff } .ic-btn-group svg,.ic-hl-btn { background-color: transparent } .ic-feature-product-container,.ic-halloween-banner,.ic-halloween-container-wrap,.ic-hl-btn { background-repeat: no-repeat; background-size: cover; background-position: center } :root { --font-eater: "Eater",serif; --font-nosifer: "Nosifer",sans-serif; --font-oswald: "Oswald",sans-serif; --font-creepster: "Creepster",system-ui; --primary: #f7a92d; --sky: #c1001b } .ic-hl-btn { font-family: Oswald; color: #fff; font-size: 18px; font-style: normal; font-weight: 400; line-height: 100%; padding: 12px 33px; background-image: url("../../itclan/images/halloween/btn-bg.png"); cursor: pointer } .ic-hl-btn.btn-red { background-image: url("../../itclan/images/halloween/btn-bg-red.png") } .ic-btn-group { position: relative } .ic-btn-group svg { position: absolute; left: 6px; bottom: -30px; width: 90%; height: 100%; display: block; z-index: 0 } .ic-halloween-banner { background-image: url("../../itclan/images/halloween/banner.png"); overflow: hidden } .ic-halloween-banner .ic-banner-content { padding-top: 120px; padding-bottom: 230px; position: relative } .ic-halloween-banner .ic-banner-content h1,.ic-halloween-banner .ic-banner-content h1 span,h1 .ic-halloween-banner .ic-banner-content span { color: var(--sky); font-family: Eater; font-size: 90px; font-style: normal; font-weight: 400; line-height: 100% } .ic-halloween-banner .ic-banner-content h1 span,.ic-market-product-container .ic-workflow-right .service-tab-content .sub-h5 span span,.ic-market-product-container .ic-workflow-right .service-tab-content h1 span,.ic-market-product-container .ic-workflow-right .service-tab-content h2 span,.ic-market-product-container .ic-workflow-right .service-tab-content h5 span,.ic-market-product-container .ic-workflow-right .service-tab-content h6 span,.ic-market-product-container .sub-h3 span span,.ic-market-product-container .sub-h5 .ic-workflow-right .service-tab-content span span,.ic-market-product-container h1 .ic-workflow-right .service-tab-content span span,.ic-market-product-container h2 .ic-workflow-right .service-tab-content span span,.ic-market-product-container h2 span,.ic-market-product-container h3 span,.ic-market-product-container h5 .ic-workflow-right .service-tab-content span span,.ic-market-product-container h6 .ic-workflow-right .service-tab-content span span,.ic-workflow-right .service-tab-content .ic-market-product-container h1 span,.ic-workflow-right .service-tab-content .ic-market-product-container h2 span,.ic-workflow-right .service-tab-content .ic-market-product-container h5 span,.ic-workflow-right .service-tab-content .ic-market-product-container h6 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-market-product-container span span,.ic-workflow-right .service-tab-content h1 .ic-market-product-container span span,.ic-workflow-right .service-tab-content h2 .ic-market-product-container span span,.ic-workflow-right .service-tab-content h5 .ic-market-product-container span span,.ic-workflow-right .service-tab-content h6 .ic-market-product-container span span,.sub-h3 .ic-market-product-container span span,.sub-h5 .ic-workflow-right .service-tab-content .ic-market-product-container span span,h1 .ic-halloween-banner .ic-banner-content span span,h1 .ic-workflow-right .service-tab-content .ic-market-product-container span span,h2 .ic-market-product-container span span,h2 .ic-workflow-right .service-tab-content .ic-market-product-container span span,h3 .ic-market-product-container span span,h5 .ic-workflow-right .service-tab-content .ic-market-product-container span span,h6 .ic-workflow-right .service-tab-content .ic-market-product-container span span { color: var(--primary) } .ic-halloween-banner .ic-banner-content h2,.ic-halloween-banner .ic-banner-content h2 span,h2 .ic-halloween-banner .ic-banner-content span { color: #fff; font-family: Nosifer; font-size: 45px; font-style: normal; font-weight: 400; line-height: 150%; text-transform: capitalize; max-width: 708px } .ic-halloween-banner .ic-banner-content .ic-btn-wrap { display: flex; gap: 24px } .ic-halloween-banner .ic-banner-content .ic-banner-offer { position: absolute; bottom: 136px; right: 167px } .ic-halloween-banner .ic-banner-content .ic-banner-hand { position: absolute; right: 597px; bottom: 20px; animation: 8s infinite hand-moving } @keyframes hand-moving { 0% { transform: scale(0) } 100% { transform: scale(1.5) } } .ic-halloween-container-wrap { background-image: url("../../itclan/images/halloween/section-bg.jpg"); position: relative; padding: 100px 0 } @media only screen and (max-width: 1650px) { .ic-halloween-container-wrap { padding:80px 0 } } .ic-halloween-container-wrap h2,.ic-halloween-container-wrap h2 span,h2 .ic-halloween-container-wrap span { font-size: 46px } @media only screen and (max-width: 1399.98px) { .ic-halloween-banner .ic-banner-content h1,.ic-halloween-banner .ic-banner-content h1 span,h1 .ic-halloween-banner .ic-banner-content span { font-size:80px } .ic-halloween-banner .ic-banner-content .ic-banner-offer { bottom: 60px; right: 80px } .ic-halloween-banner .ic-banner-content .ic-banner-hand { right: 549px } .ic-halloween-container-wrap { padding: 70px 0 } .ic-halloween-container-wrap h2,.ic-halloween-container-wrap h2 span,h2 .ic-halloween-container-wrap span { font-size: 42px } } .ic-halloween-container-wrap .ic-workflow-right .service-tab-content .sub-h5 span,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h1,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h1 span,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h2,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h2 span,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h5,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h5 span,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h6,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h6 span,.ic-halloween-container-wrap .sub-h3 span,.ic-halloween-container-wrap .sub-h5 .ic-workflow-right .service-tab-content span,.ic-halloween-container-wrap h1 .ic-workflow-right .service-tab-content span,.ic-halloween-container-wrap h2 .ic-workflow-right .service-tab-content span,.ic-halloween-container-wrap h3,.ic-halloween-container-wrap h3 span,.ic-halloween-container-wrap h5 .ic-workflow-right .service-tab-content span,.ic-halloween-container-wrap h6 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content .ic-halloween-container-wrap h1,.ic-workflow-right .service-tab-content .ic-halloween-container-wrap h2,.ic-workflow-right .service-tab-content .ic-halloween-container-wrap h5,.ic-workflow-right .service-tab-content .ic-halloween-container-wrap h6,.ic-workflow-right .service-tab-content .sub-h5 .ic-halloween-container-wrap span,.ic-workflow-right .service-tab-content h1 .ic-halloween-container-wrap span,.ic-workflow-right .service-tab-content h2 .ic-halloween-container-wrap span,.ic-workflow-right .service-tab-content h5 .ic-halloween-container-wrap span,.ic-workflow-right .service-tab-content h6 .ic-halloween-container-wrap span,.sub-h3 .ic-halloween-container-wrap span,.sub-h5 .ic-workflow-right .service-tab-content .ic-halloween-container-wrap span,h1 .ic-workflow-right .service-tab-content .ic-halloween-container-wrap span,h2 .ic-workflow-right .service-tab-content .ic-halloween-container-wrap span,h3 .ic-halloween-container-wrap span,h5 .ic-workflow-right .service-tab-content .ic-halloween-container-wrap span,h6 .ic-workflow-right .service-tab-content .ic-halloween-container-wrap span { font-size: 32px } .ic-container-title { border-bottom: 1px dashed rgba(239,229,224,.2); padding: 40px 0; margin: 0 65px 0 100px } .ic-container-title h2,.ic-container-title h2 span,h2 .ic-container-title span { color: #f7a92d; font-family: Eater; font-style: normal; font-weight: 400; line-height: normal } .ic-feature-product-container { background-image: url("../../itclan/images/halloween/feature-product.png"); position: relative; border-radius: 8px } .ic-feature-product-container .ic-makrosha-icon { position: absolute; top: 0; right: 0 } .ic-feature-product-container .ic-feature-product-content { display: flex; align-items: center; gap: 40px; padding: 50px 90px 68px 100px } .ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content .sub-h5 span,.ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h1,.ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h1 span,.ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h2,.ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h2 span,.ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h5,.ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h5 span,.ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h6,.ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h6 span,.ic-feature-product-container .ic-feature-product-content .sub-h3 span,.ic-feature-product-container .ic-feature-product-content .sub-h5 .ic-workflow-right .service-tab-content span,.ic-feature-product-container .ic-feature-product-content h1 .ic-workflow-right .service-tab-content span,.ic-feature-product-container .ic-feature-product-content h2 .ic-workflow-right .service-tab-content span,.ic-feature-product-container .ic-feature-product-content h3,.ic-feature-product-container .ic-feature-product-content h3 span,.ic-feature-product-container .ic-feature-product-content h5 .ic-workflow-right .service-tab-content span,.ic-feature-product-container .ic-feature-product-content h6 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content h1,.ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content h2,.ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content h5,.ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content h6,.ic-workflow-right .service-tab-content .sub-h5 .ic-feature-product-container .ic-feature-product-content span,.ic-workflow-right .service-tab-content h1 .ic-feature-product-container .ic-feature-product-content span,.ic-workflow-right .service-tab-content h2 .ic-feature-product-container .ic-feature-product-content span,.ic-workflow-right .service-tab-content h5 .ic-feature-product-container .ic-feature-product-content span,.ic-workflow-right .service-tab-content h6 .ic-feature-product-container .ic-feature-product-content span,.sub-h3 .ic-feature-product-container .ic-feature-product-content span,.sub-h5 .ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content span,h1 .ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content span,h2 .ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content span,h3 .ic-feature-product-container .ic-feature-product-content span,h5 .ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content span,h6 .ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content span { color: #ff8f3f; font-family: Creepster; font-style: normal; font-weight: 400; line-height: 150%; text-transform: capitalize } .ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content .sub-h5 span span,.ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h1 span,.ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h2 span,.ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h5 span,.ic-feature-product-container .ic-feature-product-content .ic-workflow-right .service-tab-content h6 span,.ic-feature-product-container .ic-feature-product-content .sub-h3 span span,.ic-feature-product-container .ic-feature-product-content .sub-h5 .ic-workflow-right .service-tab-content span span,.ic-feature-product-container .ic-feature-product-content h1 .ic-workflow-right .service-tab-content span span,.ic-feature-product-container .ic-feature-product-content h2 .ic-workflow-right .service-tab-content span span,.ic-feature-product-container .ic-feature-product-content h3 span,.ic-feature-product-container .ic-feature-product-content h5 .ic-workflow-right .service-tab-content span span,.ic-feature-product-container .ic-feature-product-content h6 .ic-workflow-right .service-tab-content span span,.ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content h1 span,.ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content h2 span,.ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content h5 span,.ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content h6 span,.ic-workflow-right .service-tab-content .sub-h5 .ic-feature-product-container .ic-feature-product-content span span,.ic-workflow-right .service-tab-content h1 .ic-feature-product-container .ic-feature-product-content span span,.ic-workflow-right .service-tab-content h2 .ic-feature-product-container .ic-feature-product-content span span,.ic-workflow-right .service-tab-content h5 .ic-feature-product-container .ic-feature-product-content span span,.ic-workflow-right .service-tab-content h6 .ic-feature-product-container .ic-feature-product-content span span,.sub-h3 .ic-feature-product-container .ic-feature-product-content span span,.sub-h5 .ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content span span,h1 .ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content span span,h2 .ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content span span,h3 .ic-feature-product-container .ic-feature-product-content span span,h5 .ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content span span,h6 .ic-workflow-right .service-tab-content .ic-feature-product-container .ic-feature-product-content span span { color: #c2121e } .ic-feature-product-container .ic-feature-product-content p { font-size: 20px } .ic-feature-product-container .ic-feature-product-content .content-left { max-width: 508px } @media only screen and (max-width: 1199.98px) { .ic-halloween-banner .ic-banner-content h1,.ic-halloween-banner .ic-banner-content h1 span,h1 .ic-halloween-banner .ic-banner-content span { font-size:60px } .ic-halloween-banner .ic-banner-content h2,.ic-halloween-banner .ic-banner-content h2 span,h2 .ic-halloween-banner .ic-banner-content span { font-size: 34px } .ic-halloween-banner .ic-banner-content .ic-banner-offer { right: 0 } .ic-halloween-banner .ic-banner-content .ic-banner-hand { right: 430px } .ic-halloween-container-wrap { padding: 60px 0 } .ic-halloween-container-wrap h2,.ic-halloween-container-wrap h2 span,h2 .ic-halloween-container-wrap span { font-size: 38px } .ic-container-title { margin: 0 40px } .ic-feature-product-container .ic-feature-product-content { padding: 40px } .ic-feature-product-container .ic-feature-product-content .content-left { max-width: 380px } } .ic-feature-product-container .ic-feature-product-content .content-right { position: relative } .ic-feature-product-container .ic-feature-product-content .content-right .feature-offer { position: absolute; top: 0; left: 0 } .ic-popular-product-container { border-radius: 8px } .ic-popular-product { background: #20252f } .ic-popular-product h2,.ic-popular-product h2 span,h2 .ic-popular-product span { color: var(--sky) } .ic-popular-product .ic-hl-btn { background-image: url("../../itclan/images/halloween/btn-bg-sky.png") } .ic-popular-product .popular-offer { position: absolute; left: -74px; bottom: -22px } .ic-popular-product-wrap { position: relative; border-radius: 8px } .ic-popular-product-wrap .ic-makrosha-icon { position: absolute; z-index: 9; top: 0; left: 0 } .ic-popular-product-wrap .ic-bhoot-icon { position: absolute; top: 40px; right: 50px; z-index: 9; animation: 5s infinite voot-moving } @keyframes voot-moving { 0% { transform: scale(0) } 100% { transform: scale(1.5) } } .ic-popular-product-wrap .ic-popular-product { border-radius: unset } .ic-popular-product-wrap .ic-popular-product:nth-child(2n) { border-radius: 0 0 8px 8px } .ic-popular-product-wrap .ic-popular-product:nth-child(2n) .ic-feature-product-content { flex-direction: row-reverse } .ic-popular-product-wrap .ic-popular-product:nth-child(2n) .ic-container-title { padding: unset } .ic-popular-product-wrap .ic-popular-product:nth-child(odd) { border-radius: 8px 8px 0 0 } .ic-market-product-container { border-radius: 8px; background: #20252f; position: relative } .ic-market-product-container .ic-market-product-content { display: flex; gap: 35px; flex-wrap: wrap; padding: 64px 100px 55px } @media only screen and (max-width: 991.98px) { .ic-halloween-banner .ic-banner-content { text-align:center } .ic-halloween-banner .ic-banner-content h1,.ic-halloween-banner .ic-banner-content h1 span,h1 .ic-halloween-banner .ic-banner-content span { font-size: 52px } .ic-halloween-banner .ic-banner-content .ic-banner-offer { bottom: 0 } .ic-halloween-container-wrap { padding: 50px 0 } .ic-halloween-container-wrap h2,.ic-halloween-container-wrap h2 span,h2 .ic-halloween-container-wrap span { font-size: 32px } .ic-container-title { padding: 24px 0 } .ic-feature-product-container .ic-feature-product-content,.ic-popular-product-wrap .ic-popular-product:nth-child(2n) .ic-feature-product-content { flex-direction: column-reverse } .ic-feature-product-container .ic-feature-product-content .content-left { min-width: 100% } .ic-popular-product .popular-offer { left: 0; bottom: 0 } .ic-popular-product-wrap .ic-bhoot-icon { top: 10px; right: 10px } .ic-market-product-container .ic-market-product-content { padding: 50px } } .ic-market-product-container .ic-market-item { width: calc(50% - 35px + 17.5px); margin-bottom: 26px } .ic-market-product-container .ic-market-item img { width: 100%; height: auto } .ic-market-product-container .ic-makrosha-icon { position: absolute } .ic-market-product-container .ic-bhoot-icon { position: absolute; top: 40px; right: 55px; animation: 5s infinite voot-moving } .ic-market-product-container h2,.ic-market-product-container h2 span,h2 .ic-market-product-container span { color: #c1001b } .ic-market-product-container .ic-workflow-right .service-tab-content .sub-h5 span,.ic-market-product-container .ic-workflow-right .service-tab-content h1,.ic-market-product-container .ic-workflow-right .service-tab-content h1 span,.ic-market-product-container .ic-workflow-right .service-tab-content h2,.ic-market-product-container .ic-workflow-right .service-tab-content h2 span,.ic-market-product-container .ic-workflow-right .service-tab-content h5,.ic-market-product-container .ic-workflow-right .service-tab-content h5 span,.ic-market-product-container .ic-workflow-right .service-tab-content h6,.ic-market-product-container .ic-workflow-right .service-tab-content h6 span,.ic-market-product-container .sub-h3 span,.ic-market-product-container .sub-h5 .ic-workflow-right .service-tab-content span,.ic-market-product-container h1 .ic-workflow-right .service-tab-content span,.ic-market-product-container h2 .ic-workflow-right .service-tab-content span,.ic-market-product-container h3,.ic-market-product-container h3 span,.ic-market-product-container h5 .ic-workflow-right .service-tab-content span,.ic-market-product-container h6 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content .ic-market-product-container h1,.ic-workflow-right .service-tab-content .ic-market-product-container h2,.ic-workflow-right .service-tab-content .ic-market-product-container h5,.ic-workflow-right .service-tab-content .ic-market-product-container h6,.ic-workflow-right .service-tab-content .sub-h5 .ic-market-product-container span,.ic-workflow-right .service-tab-content h1 .ic-market-product-container span,.ic-workflow-right .service-tab-content h2 .ic-market-product-container span,.ic-workflow-right .service-tab-content h5 .ic-market-product-container span,.ic-workflow-right .service-tab-content h6 .ic-market-product-container span,.sub-h3 .ic-market-product-container span,.sub-h5 .ic-workflow-right .service-tab-content .ic-market-product-container span,h1 .ic-workflow-right .service-tab-content .ic-market-product-container span,h2 .ic-workflow-right .service-tab-content .ic-market-product-container span,h3 .ic-market-product-container span,h5 .ic-workflow-right .service-tab-content .ic-market-product-container span,h6 .ic-workflow-right .service-tab-content .ic-market-product-container span { color: var(--White,#fff); text-align: center; font-family: Creepster; font-style: normal; font-weight: 400; line-height: normal; text-transform: capitalize } .ic-register-container { background-size: cover; background-position: center; background-repeat: no-repeat } .ic-register-container .ic-container-title { border: unset; padding: 64px 0 50px } .ic-register-content { padding-bottom: 360px } @media only screen and (max-width: 767.98px) { .ic-halloween-banner .ic-banner-content .ic-btn-wrap { justify-content:center } .ic-halloween-banner .ic-banner-content .ic-banner-offer img { max-width: 281px } .ic-halloween-banner .ic-banner-content .ic-banner-hand { right: 268px } .ic-halloween-container-wrap { padding: 40px 0 } .ic-halloween-container-wrap h2,.ic-halloween-container-wrap h2 span,h2 .ic-halloween-container-wrap span { font-size: 28px } .ic-feature-product-container .ic-makrosha-icon { z-index: 0 } .ic-popular-product .content-right { z-index: 9 } .ic-market-product-container .ic-market-item { width: 100% } .ic-register-container .ic-container-title { position: relative; z-index: 9 } .ic-register-content { padding-bottom: 200px } } .ic-register-content .ic-register-mail { margin-left: auto; margin-right: auto; max-width: 668px; position: relative } .ic-register-content .ic-register-mail input { height: 80px; padding: 17px 166px 17px 35px; justify-content: space-between; align-items: center; flex-shrink: 0; border-radius: 100px; background: #2f3034; color: #fff } .ic-register-content .ic-subscribe-btn { height: 48px; display: flex; padding: 0 24px; justify-content: center; align-items: center; gap: 9px; border-radius: 100px; background: #ff8f3f; transition: .3s; position: absolute; top: 50%; transform: translateY(-50%); right: 16px } .ic-register-content .ic-subscribe-btn:hover { background: #fff } .mb-24 { margin-bottom: 24px } @media only screen and (max-width: 1650px) { .mb-24 { margin-bottom:23px } } @media only screen and (max-width: 1399.98px) { .mb-24 { margin-bottom:22px } } @media only screen and (max-width: 991.98px) { .mb-24 { margin-bottom:20px } } @media only screen and (max-width: 767.98px) { .ic-register-content .ic-register-mail { max-width:450px } .ic-register-content .ic-register-mail input { height: 70px } .ic-register-content .ic-subscribe-btn { right: 12px } .mb-24 { margin-bottom: 18px } } .mb-30 { margin-bottom: 30px } @media only screen and (max-width: 1399.98px) { .mb-30 { margin-bottom:28px } } @media only screen and (max-width: 1199.98px) { .mb-30 { margin-bottom:27px } } @media only screen and (max-width: 991.98px) { .mb-30 { margin-bottom:26px } } @media only screen and (max-width: 767.98px) { .mb-30 { margin-bottom:22px } } .mb-26 { margin-bottom: 26px } @media only screen and (max-width: 1650px) { .mb-26 { margin-bottom:23px } } @media only screen and (max-width: 1399.98px) { .mb-26 { margin-bottom:22px } } @media only screen and (max-width: 991.98px) { .mb-26 { margin-bottom:20px } } @media only screen and (max-width: 767.98px) { .mb-26 { margin-bottom:18px } } @media only screen and (max-width: 575.98px) { .ic-halloween-banner .ic-banner-content h1,.ic-halloween-banner .ic-banner-content h1 span,h1 .ic-halloween-banner .ic-banner-content span { font-size:48px } .ic-halloween-banner .ic-banner-content h2,.ic-halloween-banner .ic-banner-content h2 span,.ic-halloween-container-wrap h2,.ic-halloween-container-wrap h2 span,h2 .ic-halloween-banner .ic-banner-content span,h2 .ic-halloween-container-wrap span { font-size: 24px } .ic-halloween-banner .ic-banner-content .ic-banner-hand { right: 225px } .ic-halloween-banner .ic-banner-content .ic-banner-hand img { max-width: 110px } .ic-halloween-container-wrap { padding: 30px 0 } .ic-halloween-container-wrap .ic-workflow-right .service-tab-content .sub-h5 span,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h1,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h1 span,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h2,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h2 span,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h5,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h5 span,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h6,.ic-halloween-container-wrap .ic-workflow-right .service-tab-content h6 span,.ic-halloween-container-wrap .sub-h3 span,.ic-halloween-container-wrap .sub-h5 .ic-workflow-right .service-tab-content span,.ic-halloween-container-wrap h1 .ic-workflow-right .service-tab-content span,.ic-halloween-container-wrap h2 .ic-workflow-right .service-tab-content span,.ic-halloween-container-wrap h3,.ic-halloween-container-wrap h3 span,.ic-halloween-container-wrap h5 .ic-workflow-right .service-tab-content span,.ic-halloween-container-wrap h6 .ic-workflow-right .service-tab-content span,.ic-workflow-right .service-tab-content .ic-halloween-container-wrap h1,.ic-workflow-right .service-tab-content .ic-halloween-container-wrap h2,.ic-workflow-right .service-tab-content .ic-halloween-container-wrap h5,.ic-workflow-right .service-tab-content .ic-halloween-container-wrap h6,.ic-workflow-right .service-tab-content .sub-h5 .ic-halloween-container-wrap span,.ic-workflow-right .service-tab-content h1 .ic-halloween-container-wrap span,.ic-workflow-right .service-tab-content h2 .ic-halloween-container-wrap span,.ic-workflow-right .service-tab-content h5 .ic-halloween-container-wrap span,.ic-workflow-right .service-tab-content h6 .ic-halloween-container-wrap span,.sub-h3 .ic-halloween-container-wrap span,.sub-h5 .ic-workflow-right .service-tab-content .ic-halloween-container-wrap span,h1 .ic-workflow-right .service-tab-content .ic-halloween-container-wrap span,h2 .ic-workflow-right .service-tab-content .ic-halloween-container-wrap span,h3 .ic-halloween-container-wrap span,h5 .ic-workflow-right .service-tab-content .ic-halloween-container-wrap span,h6 .ic-workflow-right .service-tab-content .ic-halloween-container-wrap span { font-size: 20px } .ic-container-title { margin: 0 15px; padding: 20px 0 } .ic-feature-product-container .ic-feature-product-content { padding: 15px 15px 36px } .ic-feature-product-container .ic-feature-product-content p { font-size: 16px } .ic-popular-product .popular-offer { max-width: 120px } .ic-market-product-container .ic-bhoot-icon,.ic-popular-product-wrap .ic-bhoot-icon { top: 0; right: 0 } .ic-popular-product-wrap .ic-popular-product:nth-child(2n) .ic-feature-product-content { gap: 20px } .ic-market-product-container .ic-market-product-content { padding: 15px } .ic-market-product-container .ic-market-item { position: relative; z-index: 9 } .ic-register-content { padding-bottom: 100px } .mb-24,.mb-26 { margin-bottom: 17px } .mb-30 { margin-bottom: 20px } } .mb-50 { margin-bottom: 50px } .mb-42 { margin-bottom: 42px } @media only screen and (max-width: 1650px) { .mb-50 { margin-bottom:48px } .mb-42 { margin-bottom: 36px } } @media only screen and (max-width: 1399.98px) { .mb-50 { margin-bottom:45px } .mb-42 { margin-bottom: 34px } } @media only screen and (max-width: 1199.98px) { .mb-50 { margin-bottom:40px } .mb-42 { margin-bottom: 30px } } @media only screen and (max-width: 991.98px) { .mb-50 { margin-bottom:30px } .mb-42 { margin-bottom: 28px } } a.ic-hl-btn:hover { color: #fff } .ic-text-editor-desc h6 { margin: 10px 0 } .terms-condition-area ul li { margin-bottom: 10px; line-height: 25px } #default { background: #f7fafd; padding-bottom: 50px } .ic-text-editor-desc h1 { margin: 25px 0; font-family: lufga-bold } .ic-text-editor-desc p { padding-bottom: 20px } .ic-friday-popup .modal-content { background-image: url("../images/friday/popup-bg.png"); position: relative } .ic-friday-popup .ic-friday-logo { border-bottom: 1px solid rgba(205,18,41,.5); padding-bottom: 18px } .ic-popup.ic-friday-popup .modal-body { padding: 0!important; border-bottom: none } .ic-popup.ic-friday-popup .modal-content { padding: 20px 50px 45px } .ic-popup.ic-friday-popup .modal-dialog { max-width: 700px } .ic-friday-popup .ic-friday-img-wrap { display: flex; gap: 94px; justify-content: space-between; padding-top: 42px } .ic-friday-popup .ic-offer { margin-top: -120px; margin-bottom: 10px } .ic-friday-popup .ic-modal-footer .ic-btn { height: 56px; background: #c40d25; font-size: 18px; font-weight: 600 } .ic-friday-popup .ic-modal-footer .ic-btn span { color: #c40d25 } .ic-friday-popup .ic-popup-belun { position: absolute; right: 40px; bottom: 40px } .ic-friday-popup .ic-shop-icon { position: absolute; top: 18px; left: 44px } .ic-popup.ic-friday-popup .modal-content .ic-btn-close { position: absolute; top: -20px; right: -20px; color: #ea4748!important; background: #f5f5f5; display: inline-flex; border-radius: 50px; width: 44px; height: 44px; justify-content: center; align-items: center } @media only screen and (max-width: 767.98px) { .mb-42,.mb-50 { margin-bottom:22px } .ic-popup.ic-friday-popup .modal-content { max-width: 540px } .ic-friday-popup .ic-offer { margin-top: -84px } .ic-friday-popup .ic-friday-img-wrap { gap: 20px } .ic-friday-popup .ic-friday-img-wrap img { max-width: 150px; object-fit: contain } } @media only screen and (max-width: 575px) { .ic-popup.ic-friday-popup .modal-content .ic-btn-close { top:-12px; right: -12px; width: 30px; height: 30px } .ic-friday-popup .ic-popup-belun { right: 0; bottom: 0 } .ic-friday-popup .ic-shop-icon { top: 5px; left: 5px } .ic-friday-popup .ic-modal-footer .ic-btn { height: 42px; font-size: 16px } .ic-friday-popup .ic-offer { margin-top: -100px } .ic-popup.ic-friday-popup .modal-content { padding: 15px; max-width: 340px } .ic-friday-popup .ic-friday-img-wrap img { max-width: 130px } } .ic-our-project-content-area .ic-our-project-item.ic-featured-product .item-img-box img { max-height: 100%; height: 462px; width: 100%; object-fit: cover } .ic-values-card { cursor: inherit }