/*=================Scss Indexing============= 1.variables 2.typography 3.spacing 4.reset 5.forms 6.mixins 7.shortcode 8.animations 9.text-animation 10.sal 11.header 12.mobile-menu 13.button 14.nav 15.banner 16.swiper 17.funfacts 18.cta 19.about 20.common 21.service 22.projects 23.working-process 24.blog 25.blog-details 26.footer 27.search-input 28./side-bar 29.team 30.testimonials 31.faq 32.pricing 33.date-picker 34.time-picker 35.appoinment 36.awesome-feedback 37.contact 38.pre-loader.scss 39.back-to-top ============================================== */ /* Default */ :root { --color-primary: #20282D; --color-secondary: #1F1F25; --color-blue: #0b4df5; --color-sky: #82b440; --color-body: #5D666F; --color-heading-1: #1C2539; --color-title: #141416; --color-heading-dark: #141416; --transition: .3s; --bg-dark-1: #1E1E20; --color-white: #fff; --color-border: #DDD8F9; --border-width: 1px; --radius: 10px; --color-success: #3EB75E; --color-danger: #FF0003; --color-warning: #FF8F3C; --color-info: #1BA2DB; --color-facebook: #3B5997; --color-twitter: #1BA1F2; --color-youtube: #ED4141; --color-linkedin: #0077B5; --color-pinterest: #E60022; --color-instagram: #C231A1; --color-vimeo: #00ADEF; --color-twitch: #6441A3; --color-discord: #7289da; --p-light: 300; --p-regular: 400; --p-medium: 500; --p-semi-bold: 600; --p-bold: 700; --p-extra-bold: 800; --p-black: 900; --s-light: 300; --s-regular: 400; --s-medium: 500; --s-semi-bold: 600; --s-bold: 700; --s-extra-bold: 800; --s-black: 900; --transition: 0.3s; --font-primary: "Red Hat Display", serif; --font-secondary: "Tajawal", serif; --font-3: "fontawesome"; --font-size-b1: 16px; --font-size-b2: 15px; --font-size-b3: 22px; --line-height-b1: 26px; --line-height-b2: 26px; --line-height-b3: 1.7; --h1: 60px; --h2: 48px; --h3: 30px; --h4: 26px; --h5: 24px; --h6: 18px; } * { box-sizing: border-box; } html { margin: 0; padding: 0; font-size: 10px; overflow: hidden; overflow-y: auto; scroll-behavior: auto !important; } body { font-size: var(--font-size-b1); line-height: var(--line-height-b1); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Tajawal", serif; color: var(--color-body); font-weight: var(--p-regular); position: relative; overflow-x: hidden; margin: 0; background: #fff; } @media only screen and (min-width: 992px) and (max-width: 1199px) { body { overflow: hidden; } } @media only screen and (min-width: 768px) and (max-width: 991px) { body { overflow: hidden; } } @media only screen and (max-width: 767px) { body { overflow: hidden; } } body::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0.05; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, address, p, pre, blockquote, menu, ol, ul, table, hr { margin: 0; margin-bottom: 20px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { word-break: break-word; font-family: Tajawal, serif; line-height: 1.4074; color: var(--color-heading-1); } h1, .h1 { font-size: var(--h1); line-height: 1.3; font-weight: 700; } h2, .h2 { font-size: var(--h2); line-height: 1.1; } h3, .h3 { font-size: var(--h3); line-height: 1.2; } h4, .h4 { font-size: var(--h4); line-height: 1.2; } h5, .h5 { font-size: var(--h5); line-height: 1.2; } h6, .h6 { font-size: var(--h6); line-height: 1.2; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { color: inherit; } .bg-color-tertiary h1, .bg-color-tertiary h2, .bg-color-tertiary h3, .bg-color-tertiary h4, .bg-color-tertiary h5, .bg-color-tertiary h6, .bg-color-tertiary .h1, .bg-color-tertiary .h2, .bg-color-tertiary .h3, .bg-color-tertiary .h4, .bg-color-tertiary .h5, .bg-color-tertiary .h6 { color: #fff; } .bg-color-tertiary p { color: #6c7279; } .bg-color-tertiary a { color: #6c7279; } @media only screen and (min-width: 768px) and (max-width: 991px) { h1, .h1 { font-size: 38px; } h2, .h2 { font-size: 32px; } h3, .h3 { font-size: 28px; } h4, .h4 { font-size: 24px; } h5, .h5 { font-size: 18px; } } @media only screen and (max-width: 767px) { h1, .h1 { font-size: 34px; } h2, .h2 { font-size: 28px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 20px; } h5, .h5 { font-size: 20px; } } h1, .h1, h2, .h2, h3, .h3 { font-weight: var(--s-bold); } h4, .h4, h5, .h5 { font-weight: var(--s-bold); } h6, .h6 { font-weight: var(--s-bold); } p { font-size: var(--font-size-b2); line-height: var(--line-height-b2); font-weight: var(--p-regular); color: var(--color-body); margin: 0 0 40px; } @media only screen and (max-width: 767px) { p { margin: 0 0 20px; font-size: 16px; line-height: 28px; } } p.b1 { font-size: var(--font-size-b1); line-height: var(--line-height-b1); } p.b3 { font-size: var(--font-size-b3); line-height: var(--line-height-b3); } p.has-large-font-size { line-height: 1.5; font-size: 36px; } p.has-medium-font-size { font-size: 24px; line-height: 36px; } p.has-small-font-size { font-size: 13px; } p.has-very-light-gray-color { color: var(--color-white); } p.has-background { padding: 20px 30px; } p.b1 { font-size: var(--font-size-b1); line-height: var(--line-height-b1); } p.b2 { font-size: var(--font-size-b2); line-height: var(--line-height-b2); } p.b3 { font-size: var(--font-size-b3); line-height: var(--line-height-b3); } p:last-child { margin-bottom: 0; } .b1 { font-size: var(--font-size-b1); line-height: var(--line-height-b1); } .b2 { font-size: var(--font-size-b2); line-height: var(--line-height-b2); } .b3 { font-size: var(--font-size-b3); line-height: var(--line-height-b3); } .b4 { font-size: var(--font-size-b4); line-height: var(--line-height-b4); } table { border-collapse: collapse; border-spacing: 0; margin: 0 0 20px; width: 100%; } table a, table a:link, table a:visited { text-decoration: none; } cite, .wp-block-pullquote cite, .wp-block-pullquote.is-style-solid-color blockquote cite, .wp-block-quote cite { color: var(--color-heading); } var { font-family: Tajawal, serif; } /*--------------------------- List Style ---------------------------*/ ul, ol { padding-left: 18px; } ul { list-style: square; margin-bottom: 30px; padding-left: 20px; } ul.liststyle.bullet li { font-size: 18px; line-height: 30px; color: var(--color-body); position: relative; padding-left: 30px; } @media only screen and (max-width: 767px) { ul.liststyle.bullet li { padding-left: 19px; } } ul.liststyle.bullet li::before { position: absolute; content: ""; width: 6px; height: 6px; border-radius: 100%; background: var(--color-body); left: 0; top: 10px; } ul.liststyle.bullet li + li { margin-top: 8px; } ul li { font-size: var(--font-size-b1); line-height: var(--line-height-b1); margin-top: 10px; margin-bottom: 10px; color: var(--color-body); } ul li a { text-decoration: none; color: var(--color-gray); } ul li a:hover { color: var(--color-primary); } ul ul { margin-bottom: 0; } ol { margin-bottom: 30px; } ol li { font-size: var(--font-size-b1); line-height: var(--line-height-b1); color: var(--color-body); margin-top: 10px; margin-bottom: 10px; } ol li a { color: var(--color-heading); text-decoration: none; } ol li a:hover { color: var(--color-primary); } ol ul { padding-left: 30px; } .typo-title-area .title { margin-top: 0; } .paragraph-area p.disc { margin-bottom: 20px; color: #fff; } @media only screen and (max-width: 1199px) { h1 { font-size: 1.3; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { h1 { font-size: 54px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { h1 { font-size: 40px; line-height: 1.4; } } @media only screen and (max-width: 767px) { h1 { font-size: 30px; line-height: 1.3; } } @media only screen and (max-width: 575px) { h1 { font-size: 28px; line-height: 1.3; } } @media only screen and (max-width: 479px) { h1 { font-size: 26px; line-height: 1.3; } } @media only screen and (max-width: 1199px) { h2 { font-size: 54px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { h2 { font-size: 44px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { h2 { font-size: 36px; line-height: 1.4; } } @media only screen and (max-width: 767px) { h2 { font-size: 32px; line-height: 1.4; } } @media only screen and (max-width: 575px) { h2 { font-size: 32px; line-height: 1.4; } } @media only screen and (max-width: 479px) { h2 { font-size: 26px; line-height: 1.4; } } @media only screen and (max-width: 1199px) { h3 { font-size: 40px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { h3 { font-size: 36px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { h3 { font-size: 30px; line-height: 56px; } } @media only screen and (max-width: 767px) { h3 { font-size: 30px; line-height: 45px; } } @media only screen and (max-width: 575px) { h3 { font-size: 24px; line-height: 36px; } } @media only screen and (max-width: 479px) { h3 { font-size: 22px; line-height: 30px; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } a { color: var(--color-heading); text-decoration: none; outline: none; } a:hover, a:focus, a:active { text-decoration: none; outline: none; color: var(--color-primary); } a:focus { outline: none; } address { margin: 0 0 24px; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } mark { background: var(--color-primary); color: #ffffff; } code, kbd, pre, samp { font-size: var(--font-size-b3); -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; color: var(--color-primary); } kbd, ins { color: #ffffff; } pre { font-family: "Raleway", sans-serif; font-size: var(--font-size-b3); margin: 10px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; color: var(--color-body); background: var(--color-lighter); } small { font-size: smaller; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl { margin-top: 0; margin-bottom: 10px; } dd { margin: 0 15px 15px; } dt { font-weight: bold; color: var(--color-heading); } menu, ol, ul { margin: 16px 0; padding: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } li > ul, li > ol { margin: 0; } ol ul { margin-bottom: 0; } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; max-width: 100%; height: auto; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid var(--color-border); margin: 0 2px; min-width: inherit; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; } button, input { line-height: normal; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; -moz-appearance: button; appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type=checkbox], input[type=radio] { padding: 0; } input[type=search] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; appearance: textfield; padding-right: 2px; width: 270px; } input[type=search]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } caption, th, td { font-weight: normal; } th { font-weight: 500; text-transform: uppercase; } td, .wp-block-calendar tfoot td { border: 1px solid var(--color-border); padding: 7px 10px; } del { color: #333; } ins { background: rgba(255, 47, 47, 0.4); text-decoration: none; } hr { background-size: 4px 4px; border: 0; height: 1px; margin: 0 0 24px; } table a, table a:link, table a:visited { text-decoration: underline; } dt { font-weight: bold; margin-bottom: 10px; } dd { margin: 0 15px 15px; } caption { caption-side: top; } kbd { background: var(--heading-color); } dfn, cite, em { font-style: italic; } /* BlockQuote */ blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } blockquote { font-size: var(--font-size-b1); font-style: italic; font-weight: var(--p-light); margin: 24px 40px; } blockquote blockquote { margin-right: 0; } blockquote cite, blockquote small { font-size: var(--font-size-b3); font-weight: normal; } blockquote strong, blockquote b { font-weight: 700; } /* ========= Forms Styles ========= */ input, button, select, textarea { background: transparent; border: 1px solid var(--color-border); transition: all 0.4s ease-out 0s; color: var(--color-body); width: 100%; } input:focus, input:active, button:focus, button:active, select:focus, select:active, textarea:focus, textarea:active { outline: none; border-color: var(--color-primary); } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } input { height: 40px; padding: 0 15px; } input[type=text], input[type=password], input[type=email], input[type=number], input[type=tel], textarea { font-size: var(--font-size-b2); font-weight: 400; height: auto; line-height: 28px; background: transparent; -webkit-box-shadow: none; box-shadow: none; padding: 0 20px; outline: none; border: var(--border-width) solid var(--color-border); border-radius: var(--radius); /* -- Placeholder -- */ } input[type=text]::placeholder, input[type=password]::placeholder, input[type=email]::placeholder, input[type=number]::placeholder, input[type=tel]::placeholder, textarea::placeholder { color: var(--body-color); /* Firefox */ opacity: 1; } input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--body-color); } input[type=text]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, textarea::-ms-input-placeholder { /* Microsoft Edge */ color: var(--body-color); } input[type=text].p-holder__active, .input-active input[type=text], input[type=text].input-active, input[type=password].p-holder__active, .input-active input[type=password], input[type=password].input-active, input[type=email].p-holder__active, .input-active input[type=email], input[type=email].input-active, input[type=number].p-holder__active, .input-active input[type=number], input[type=number].input-active, input[type=tel].p-holder__active, .input-active input[type=tel], input[type=tel].input-active, textarea.p-holder__active, textarea.input-active { border-color: var(--color-primary); /* -- Placeholder -- */ } input[type=text].p-holder__active::placeholder, .input-active input[type=text]::placeholder, input[type=text].input-active::placeholder, input[type=password].p-holder__active::placeholder, .input-active input[type=password]::placeholder, input[type=password].input-active::placeholder, input[type=email].p-holder__active::placeholder, .input-active input[type=email]::placeholder, input[type=email].input-active::placeholder, input[type=number].p-holder__active::placeholder, .input-active input[type=number]::placeholder, input[type=number].input-active::placeholder, input[type=tel].p-holder__active::placeholder, .input-active input[type=tel]::placeholder, input[type=tel].input-active::placeholder, textarea.p-holder__active::placeholder, textarea.input-active::placeholder { color: var(--color-primary); /* Firefox */ opacity: 1; } input[type=text].p-holder__active:-ms-input-placeholder, .input-active input[type=text]:-ms-input-placeholder, input[type=text].input-active:-ms-input-placeholder, input[type=password].p-holder__active:-ms-input-placeholder, .input-active input[type=password]:-ms-input-placeholder, input[type=password].input-active:-ms-input-placeholder, input[type=email].p-holder__active:-ms-input-placeholder, .input-active input[type=email]:-ms-input-placeholder, input[type=email].input-active:-ms-input-placeholder, input[type=number].p-holder__active:-ms-input-placeholder, .input-active input[type=number]:-ms-input-placeholder, input[type=number].input-active:-ms-input-placeholder, input[type=tel].p-holder__active:-ms-input-placeholder, .input-active input[type=tel]:-ms-input-placeholder, input[type=tel].input-active:-ms-input-placeholder, textarea.p-holder__active:-ms-input-placeholder, textarea.input-active:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--color-primary); } input[type=text].p-holder__active::-ms-input-placeholder, .input-active input[type=text]::-ms-input-placeholder, input[type=text].input-active::-ms-input-placeholder, input[type=password].p-holder__active::-ms-input-placeholder, .input-active input[type=password]::-ms-input-placeholder, input[type=password].input-active::-ms-input-placeholder, input[type=email].p-holder__active::-ms-input-placeholder, .input-active input[type=email]::-ms-input-placeholder, input[type=email].input-active::-ms-input-placeholder, input[type=number].p-holder__active::-ms-input-placeholder, .input-active input[type=number]::-ms-input-placeholder, input[type=number].input-active::-ms-input-placeholder, input[type=tel].p-holder__active::-ms-input-placeholder, .input-active input[type=tel]::-ms-input-placeholder, input[type=tel].input-active::-ms-input-placeholder, textarea.p-holder__active::-ms-input-placeholder, textarea.input-active::-ms-input-placeholder { /* Microsoft Edge */ color: var(--color-primary); } input[type=text].p-holder__error, .input-error input[type=text], input[type=text].input-error, input[type=password].p-holder__error, .input-error input[type=password], input[type=password].input-error, input[type=email].p-holder__error, .input-error input[type=email], input[type=email].input-error, input[type=number].p-holder__error, .input-error input[type=number], input[type=number].input-error, input[type=tel].p-holder__error, .input-error input[type=tel], input[type=tel].input-error, textarea.p-holder__error, textarea.input-error { border-color: #f4282d; /* -- Placeholder -- */ } input[type=text].p-holder__error::placeholder, .input-error input[type=text]::placeholder, input[type=text].input-error::placeholder, input[type=password].p-holder__error::placeholder, .input-error input[type=password]::placeholder, input[type=password].input-error::placeholder, input[type=email].p-holder__error::placeholder, .input-error input[type=email]::placeholder, input[type=email].input-error::placeholder, input[type=number].p-holder__error::placeholder, .input-error input[type=number]::placeholder, input[type=number].input-error::placeholder, input[type=tel].p-holder__error::placeholder, .input-error input[type=tel]::placeholder, input[type=tel].input-error::placeholder, textarea.p-holder__error::placeholder, textarea.input-error::placeholder { color: #f4282d; /* Firefox */ opacity: 1; } input[type=text].p-holder__error:-ms-input-placeholder, .input-error input[type=text]:-ms-input-placeholder, input[type=text].input-error:-ms-input-placeholder, input[type=password].p-holder__error:-ms-input-placeholder, .input-error input[type=password]:-ms-input-placeholder, input[type=password].input-error:-ms-input-placeholder, input[type=email].p-holder__error:-ms-input-placeholder, .input-error input[type=email]:-ms-input-placeholder, input[type=email].input-error:-ms-input-placeholder, input[type=number].p-holder__error:-ms-input-placeholder, .input-error input[type=number]:-ms-input-placeholder, input[type=number].input-error:-ms-input-placeholder, input[type=tel].p-holder__error:-ms-input-placeholder, .input-error input[type=tel]:-ms-input-placeholder, input[type=tel].input-error:-ms-input-placeholder, textarea.p-holder__error:-ms-input-placeholder, textarea.input-error:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #f4282d; } input[type=text].p-holder__error::-ms-input-placeholder, .input-error input[type=text]::-ms-input-placeholder, input[type=text].input-error::-ms-input-placeholder, input[type=password].p-holder__error::-ms-input-placeholder, .input-error input[type=password]::-ms-input-placeholder, input[type=password].input-error::-ms-input-placeholder, input[type=email].p-holder__error::-ms-input-placeholder, .input-error input[type=email]::-ms-input-placeholder, input[type=email].input-error::-ms-input-placeholder, input[type=number].p-holder__error::-ms-input-placeholder, .input-error input[type=number]::-ms-input-placeholder, input[type=number].input-error::-ms-input-placeholder, input[type=tel].p-holder__error::-ms-input-placeholder, .input-error input[type=tel]::-ms-input-placeholder, input[type=tel].input-error::-ms-input-placeholder, textarea.p-holder__error::-ms-input-placeholder, textarea.input-error::-ms-input-placeholder { /* Microsoft Edge */ color: #f4282d; } input[type=text].p-holder__error:focus, .input-error input[type=text]:focus, input[type=text].input-error:focus, input[type=password].p-holder__error:focus, .input-error input[type=password]:focus, input[type=password].input-error:focus, input[type=email].p-holder__error:focus, .input-error input[type=email]:focus, input[type=email].input-error:focus, input[type=number].p-holder__error:focus, .input-error input[type=number]:focus, input[type=number].input-error:focus, input[type=tel].p-holder__error:focus, .input-error input[type=tel]:focus, input[type=tel].input-error:focus, textarea.p-holder__error:focus, textarea.input-error:focus { border-color: #f4282d; } input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, input[type=tel]:focus, textarea:focus { border-color: var(--color-primary); } input[type=checkbox], input[type=radio] { opacity: 1; position: relative; height: auto !important; max-width: 18px; width: max-content; } input[type=checkbox] ~ label, input[type=radio] ~ label { position: relative; font-size: 12px; line-height: 17px; color: var(--color-body); font-weight: 400; padding-left: 25px; cursor: pointer; } input[type=checkbox] ~ label::before, input[type=radio] ~ label::before { content: " "; position: absolute; top: 1 px; left: 0; width: 15px; height: 15px; background-color: #5d5d7e; border-radius: 2px; transition: all 0.3s; border-radius: 2px; } input[type=checkbox] ~ label::after, input[type=radio] ~ label::after { content: " "; position: absolute; top: 16%; left: 2px; width: 10px; height: 6px; background-color: transparent; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; border-radius: 2px; transform: rotate(-45deg); opacity: 0; transition: all 0.3s; } input[type=checkbox]:checked ~ label::after, input[type=radio]:checked ~ label::after { opacity: 1; } input:checked ~ .rn-check-box-label::before { background: var(--color-primary) !important; } input[type=radio] ~ label::before { border-radius: 50%; } input[type=radio] ~ label::after { width: 8px; height: 8px; left: 3px; background: #fff; border-radius: 50%; } .form-group { margin-bottom: 20px; } .form-group label { margin-bottom: 6px; font-size: 14px; line-height: 22px; font-weight: 500; } .form-group input { border: 0 none; border-radius: 4px; height: 50px; font-size: var(--font-size-b2); transition: var(--transition); padding: 0 20px; background-color: var(--color-lightest); border: 1px solid transparent; transition: var(--transition); } .form-group input:focus { border-color: var(--color-primary); box-shadow: none; } .form-group textarea { min-height: 160px; border: 0 none; border-radius: 4px; resize: none; padding: 15px; font-size: var(--font-size-b2); transition: var(--transition); background-color: var(--color-lightest); border: 1px solid transparent; } .form-group textarea:focus { border-color: var(--color-primary); } input[type=submit] { width: auto; padding: 0 30px; border-radius: 500px; display: inline-block; font-weight: 500; transition: 0.3s; height: 60px; background: var(--color-primary); color: var(--color-white); font-weight: var(--p-medium); font-size: var(--font-size-b2); line-height: var(--line-height-b3); height: 50px; border: 2px solid var(--color-primary); transition: var(--transition); } input[type=submit]:hover { background: transparent; color: var(--color-primary); transform: translateY(-5px); } /*============================== * Utilities =================================*/ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .fix { overflow: hidden; } .slick-initialized .slick-slide { margin-bottom: -10px; } .slick-gutter-15 { margin: -30px -15px; } .slick-gutter-15 .slick-slide { padding: 30px 15px; } iframe { width: 100%; } /*=========================== Background Image =============================*/ .bg_image { background-repeat: no-repeat; background-size: cover; background-position: center center; } .bg_image--1 { background-image: url(../images/bg/bg-image-1.jpg); } .bg_image--2 { background-image: url(../images/bg/bg-image-2.jpg); } .bg_image--3 { background-image: url(../images/bg/bg-image-3.jpg); } .bg_image--4 { background-image: url(../images/bg/bg-image-4.jpg); } .bg_image--5 { background-image: url(../images/bg/bg-image-5.jpg); } .bg_image--6 { background-image: url(../images/bg/bg-image-6.jpg); } .bg_image--7 { background-image: url(../images/bg/bg-image-7.jpg); } .bg_image--8 { background-image: url(../images/bg/bg-image-8.jpg); } .bg_image--9 { background-image: url(../images/bg/bg-image-9.jpg); } .bg_image--10 { background-image: url(../images/bg/bg-image-10.jpg); } .bg_image--11 { background-image: url(../images/bg/bg-image-11.jpg); } .bg_image--12 { background-image: url(../images/bg/bg-image-12.jpg); } .bg_image--13 { background-image: url(../images/bg/bg-image-13.jpg); } .bg_image--14 { background-image: url(../images/bg/bg-image-14.jpg); } .bg_image--15 { background-image: url(../images/bg/bg-image-15.jpg); } .bg_image--16 { background-image: url(../images/bg/bg-image-16.jpg); } .bg_image--17 { background-image: url(../images/bg/bg-image-17.jpg); } .bg_image--18 { background-image: url(../images/bg/bg-image-18.jpg); } .bg_image--19 { background-image: url(../images/bg/bg-image-19.jpg); } .bg_image--20 { background-image: url(../images/bg/bg-image-20.jpg); } .bg_image--21 { background-image: url(../images/bg/bg-image-21.jpg); } .bg_image--22 { background-image: url(../images/bg/bg-image-22.jpg); } .bg_image--23 { background-image: url(../images/bg/bg-image-23.jpg); } .bg_image--24 { background-image: url(../images/bg/bg-image-24.jpg); } .bg_image--25 { background-image: url(../images/bg/bg-image-25.jpg); } .bg_image--26 { background-image: url(../images/bg/bg-image-26.jpg); } .bg_image--27 { background-image: url(../images/bg/bg-image-27.jpg); } .bg_image--28 { background-image: url(../images/bg/bg-image-28.jpg); } .bg_image--29 { background-image: url(../images/bg/bg-image-29.jpg); } .bg_image--30 { background-image: url(../images/bg/bg-image-30.jpg); } .bg_image--31 { background-image: url(../images/bg/bg-image-31.jpg); } .bg_image--32 { background-image: url(../images/bg/bg-image-32.jpg); } .bg_image--33 { background-image: url(../images/bg/bg-image-33.jpg); } .bg_image--34 { background-image: url(../images/bg/bg-image-34.jpg); } .bg_image--35 { background-image: url(../images/bg/bg-image-35.jpg); } .bg_image--36 { background-image: url(../images/bg/bg-image-36.jpg); } .bg_image--37 { background-image: url(../images/bg/bg-image-37.jpg); } .bg_image--38 { background-image: url(../images/bg/bg-image-38.jpg); } .bg_image--39 { background-image: url(../images/bg/bg-image-39.jpg); } .bg_image--40 { background-image: url(../images/bg/bg-image-40.jpg); } /*=================== Custom Row ======================*/ .row--0 { margin-left: 0px; margin-right: 0px; } .row--0 > [class*=col] { padding-left: 0px; padding-right: 0px; } .row--5 { margin-left: -5px; margin-right: -5px; } .row--5 > [class*=col] { padding-left: 5px; padding-right: 5px; } .row--10 { margin-left: -10px; margin-right: -10px; } .row--10 > [class*=col] { padding-left: 10px; padding-right: 10px; } .row--20 { margin-left: -20px; margin-right: -20px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--20 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--20 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--20 { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 767px) { .row--20 { margin-left: -15px !important; margin-right: -15px !important; } } .row--20 > [class*=col], .row--20 > [class*=col-] { padding-left: 20px; padding-right: 20px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--20 > [class*=col], .row--20 > [class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--20 > [class*=col], .row--20 > [class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--20 > [class*=col], .row--20 > [class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .row--20 > [class*=col], .row--20 > [class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } .row--25 { margin-left: -25px; margin-right: -25px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--25 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--25 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--25 { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 767px) { .row--25 { margin-left: -15px !important; margin-right: -15px !important; } } .row--25 > [class*=col], .row--25 > [class*=col-] { padding-left: 25px; padding-right: 25px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--25 > [class*=col], .row--25 > [class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--25 > [class*=col], .row--25 > [class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--25 > [class*=col], .row--25 > [class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .row--25 > [class*=col], .row--25 > [class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } .row--30 { margin-left: -30px; margin-right: -30px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--30 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--30 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--30 { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 767px) { .row--30 { margin-left: -15px !important; margin-right: -15px !important; } } .row--30 > [class*=col], .row--30 > [class*=col-] { padding-left: 30px; padding-right: 30px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--30 > [class*=col], .row--30 > [class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--30 > [class*=col], .row--30 > [class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--30 > [class*=col], .row--30 > [class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .row--30 > [class*=col], .row--30 > [class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } .row--45 { margin-left: -45px; margin-right: -45px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--45 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--45 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--45 { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 767px) { .row--45 { margin-left: -15px !important; margin-right: -15px !important; } } .row--45 > [class*=col], .row--45 > [class*=col-] { padding-left: 45px; padding-right: 45px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--45 > [class*=col], .row--45 > [class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--45 > [class*=col], .row--45 > [class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--45 > [class*=col], .row--45 > [class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .row--45 > [class*=col], .row--45 > [class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } .row--40 { margin-left: -40px; margin-right: -40px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--40 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--40 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--40 { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 767px) { .row--40 { margin-left: -15px !important; margin-right: -15px !important; } } .row--40 > [class*=col], .row--40 > [class*=col-] { padding-left: 40px; padding-right: 40px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--40 > [class*=col], .row--40 > [class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--40 > [class*=col], .row--40 > [class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--40 > [class*=col], .row--40 > [class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .row--40 > [class*=col], .row--40 > [class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } .row--60 { margin-left: -60px; margin-right: -60px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--60 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--60 { margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--60 { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 767px) { .row--60 { margin-left: -15px !important; margin-right: -15px !important; } } .row--60 > [class*=col], .row--60 > [class*=col-] { padding-left: 60px; padding-right: 60px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .row--60 > [class*=col], .row--60 > [class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .row--60 > [class*=col], .row--60 > [class*=col-] { padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .row--60 > [class*=col], .row--60 > [class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .row--60 > [class*=col], .row--60 > [class*=col-] { padding-left: 15px !important; padding-right: 15px !important; } } /*=========================== Input Placeholder =============================*/ input:-moz-placeholder, textarea:-moz-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /*============================= Overlay styles ==============================*/ [data-overlay], [data-black-overlay], [data-white-overlay] { position: relative; z-index: 2; } [data-overlay] > div, [data-overlay] > *, [data-black-overlay] > div, [data-black-overlay] > *, [data-white-overlay] > div, [data-white-overlay] > * { position: relative; z-index: 2; } [data-overlay]:before, [data-black-overlay]:before, [data-white-overlay]:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: -1; } [data-overlay]:before { background: var(--color-primary); } [data-black-overlay]:before { background-color: #000000; } [data-white-overlay]:before { background-color: #ffffff; } [data-overlay="1"]:before, [data-black-overlay="1"]:before, [data-white-overlay="1"]:before { opacity: 0.1; } [data-overlay="2"]:before, [data-black-overlay="2"]:before, [data-white-overlay="2"]:before { opacity: 0.2; } [data-overlay="3"]:before, [data-black-overlay="3"]:before, [data-white-overlay="3"]:before { opacity: 0.3; } [data-overlay="4"]:before, [data-black-overlay="4"]:before, [data-white-overlay="4"]:before { opacity: 0.4; } [data-overlay="5"]:before, [data-black-overlay="5"]:before, [data-white-overlay="5"]:before { opacity: 0.5; } [data-overlay="6"]:before, [data-black-overlay="6"]:before, [data-white-overlay="6"]:before { opacity: 0.6; } [data-overlay="7"]:before, [data-black-overlay="7"]:before, [data-white-overlay="7"]:before { opacity: 0.7; } [data-overlay="8"]:before, [data-black-overlay="8"]:before, [data-white-overlay="8"]:before { opacity: 0.8; } [data-overlay="9"]:before, [data-black-overlay="9"]:before, [data-white-overlay="9"]:before { opacity: 0.9; } [data-overlay="10"]:before, [data-black-overlay="10"]:before, [data-white-overlay="10"]:before { opacity: 1; } /*! Animate.css - http://daneden.me/animate Version - 3.4.0 Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } /*jump animation */ @keyframes jump-1 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40% { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes jump-2 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes jump-3 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40% { -webkit-transform: translate3d(0, 50px, 0) scale(0.7); transform: translate3d(0, 50px, 0) scale(0.7); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes jump-4 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40% { -webkit-transform: translate3d(0, 20px, 0) scale(0.8); transform: translate3d(0, 20px, 0) scale(0.8); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes jump-5 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40% { transform: translate3d(0, 10px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @keyframes fadeInUp2 { from { opacity: 0; -webkit-transform: translate3d(0, 40%, 0); transform: translate3d(0, 40%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; transition: 0.2s; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) 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 { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 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: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 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: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft2 { from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp2 { from { -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); visibility: hidden; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } } @keyframes slideInUp3 { from { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); visibility: hidden; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } } [data-aos=slideInUp2] { opacity: 0; transition-property: transform, opacity; } [data-aos=slideInUp2].aos-animate { opacity: 1; } @media screen and (min-width: 768px) { [data-aos=slideInUp2] { transform: translateY(30px); } [data-aos=slideInUp2].aos-animate { transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @keyframes jump-1 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40% { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes jump-2 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes jump-3 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rotateIt { to { transform: rotate(-360deg); } } @keyframes rotateIt2 { to { transform: rotate(360deg); } } @keyframes shape-service-1 { 0% { right: -40%; top: 30%; } 100% { right: -23%; top: 0; } } @keyframes animate-floting { 0% { transform: translateX(50%); } 50% { transform: translateX(-40%); } 100% { transform: translateX(40%); } } @keyframes animate-floting-2 { 0% { transform: translateX(-50%); } 50% { transform: translateX(40%); } 100% { transform: translateX(-40%); } } @keyframes animate-floting-3 { 0% { transform: translateX(-20%); } 50% { transform: translateX(0%); } 100% { transform: translateX(-20%); } } .floting-line { animation: animate-floting 15s linear infinite; } .floting-line:hover { animation-play-state: paused; } .floting-line-2 { animation: animate-floting-2 15s linear infinite; } .floting-line-2:hover { animation-play-state: paused; } @keyframes waves { 0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } 50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } 100% { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @keyframes vsmorph { 0% { border-radius: var(--morp-value); } 50% { border-radius: var(--morp-md-value); } 100% { border-radius: 40% 60%; } } @keyframes morpspin { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .reveal-item { position: relative; display: block; overflow: hidden; } .reveal-item .reveal-animation { position: absolute; top: 0; width: 100%; height: 101%; background: var(--color-primary); } .reveal-item .reveal-animation::before { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--bs-gray-400); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 1s; transition-duration: 1s; } .reveal-animation.reveal-primary::before { background: #0c0c0a; } .reveal-animation.reveal-dark::before { background: #000; } .reveal-animation.reveal-white::before { background: #000; } .reveal-animation.reveal-top.aos-animate::before, .reveal-animation.reveal-bottom.aos-animate::before { -webkit-transform: scaleY(1); transform: scaleY(1); } .reveal-animation.reveal-start.aos-animate::before, .reveal-animation.reveal-end.aos-animate::before { -webkit-transform: scaleX(1); transform: scaleX(1); } .reveal-animation.reveal-top::before { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } .reveal-animation.reveal-start::before { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } .reveal-animation.reveal-end::before { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } .reveal-animation.reveal-bottom::before { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } [data-aos=reveal-top], [data-aos=reveal-start], [data-aos=reveal-end], [data-aos=reveal-bottom] { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-delay: 1s; transition-delay: 1s; } [data-aos=reveal-top] { -webkit-transform: scaleY(1); transform: scaleY(1); } [data-aos=reveal-top].aos-animate { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } [data-aos=reveal-start] { -webkit-transform: scaleX(1); transform: scaleX(1); } [data-aos=reveal-start].aos-animate { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } [data-aos=reveal-end] { -webkit-transform: scaleX(1); transform: scaleX(1); } [data-aos=reveal-end].aos-animate { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } [data-aos=reveal-bottom] { -webkit-transform: scaleY(1); transform: scaleY(1); } [data-aos=reveal-bottom].aos-animate { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; } [data-aos=reveal-item] { visibility: hidden; -webkit-transition-property: visibility; transition-property: visibility; -webkit-transition-duration: 0s; transition-duration: 0s; } [data-aos=reveal-item].aos-animate { visibility: visible; } @keyframes scaleIn { from { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .scaleIn { -webkit-animation-name: scaleIn; animation-name: scaleIn; } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @keyframes fadeInUp-small { 0% { opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp-small { -webkit-animation-name: fadeInUp-small; animation-name: fadeInUp-small; } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(30%, 0, 0); transform: translate3d(30%, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.6, 0.6, 0.6); transform: scale3d(0.6, 0.6, 0.6); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } /* header */ .header-top-area-wrapper { background: #20282D; } @media only screen and (min-width: 768px) and (max-width: 991px) { .header-top-area-wrapper { display: none; } } @media only screen and (max-width: 767px) { .header-top-area-wrapper { display: none; } } .header-top-area-wrapper .header-top-one-wrapper { display: flex; align-items: center; justify-content: space-between; } .header-top-area-wrapper .header-top-one-wrapper .left { display: flex; align-items: center; } .header-top-area-wrapper .header-top-one-wrapper .left .mail { position: relative; } .header-top-area-wrapper .header-top-one-wrapper .left .mail::after { position: absolute; content: ""; width: 1px; height: 14px; background: #fff; right: 25px; top: 50%; transform: translateY(-50%); } .header-top-area-wrapper .header-top-one-wrapper .left .mail a { padding: 11px 0; display: block; color: #fff; margin-right: 50px; font-size: 14px; position: relative; transition: var(--transition); } .header-top-area-wrapper .header-top-one-wrapper .left .mail a::after { content: ""; position: absolute; left: 0; bottom: 12px; height: 1px; width: 0%; background: #fff; transition: var(--transition); } .header-top-area-wrapper .header-top-one-wrapper .left .mail a i { margin-right: 6px; } .header-top-area-wrapper .header-top-one-wrapper .left .mail a:hover::after { width: 100%; } .header-top-area-wrapper .header-top-one-wrapper .left .working-time p { color: #fff; font-size: 14px; } .header-top-area-wrapper .header-top-one-wrapper .right { display: flex; justify-content: flex-end; } .header-top-area-wrapper .header-top-one-wrapper .right .top-nav { display: flex; list-style: none; padding-left: 0; margin: 0; } .header-top-area-wrapper .header-top-one-wrapper .right .top-nav li { margin: 0; margin-right: 20px; } .header-top-area-wrapper .header-top-one-wrapper .right .top-nav li a { font-size: 14px; transition: var(--transition); position: relative; padding: 11px 0; display: block; color: #fff; } .header-top-area-wrapper .header-top-one-wrapper .right .top-nav li a::after { content: ""; position: absolute; left: 0; bottom: 12px; height: 1px; width: 0%; background: #fff; transition: var(--transition); } .header-top-area-wrapper .header-top-one-wrapper .right .social-wrapper-one { margin-left: 30px; position: relative; } .social-wrapper-one { list-style: none; display: flex; margin: 0; padding: 0; align-items: center; } .social-wrapper-one li { margin: 0; } .social-wrapper-one li a { color: #fff; margin-right: 20px; padding: 11px 0; } .social-wrapper-one li a i { transition: 0.3s; color: #fff; } .social-wrapper-one::after { position: absolute; content: ""; width: 1px; height: 14px; left: -25px; top: 50%; transform: translateY(-50%); background: #fff; } .header-main-one-wrapper { display: flex; align-items: center; justify-content: space-between; position: relative; } @media only screen and (max-width: 1199px) { .header-main-one-wrapper { padding: 15px 0; } } @media only screen and (max-width: 575px) { .header-main-one-wrapper .thumbnail a img { max-width: 130px; } } .header-main-one-wrapper .main-header { display: flex; align-items: center; } .header-main-one-wrapper .main-header .nav-main ul { display: flex; align-items: center; } .header-main-one-wrapper .main-header .button-area { display: flex; align-items: center; } @media only screen and (max-width: 575px) { .header-main-one-wrapper .button-area .rts-btn.btn-primary { display: none !important; } } .header-one .nav-area { margin-right: 80px; } #search, #menu-btn { background: #F2F2F2; height: 55px; min-width: 55px; display: flex; align-items: center; justify-content: center; border-radius: 15px; border: none; } #search i, #menu-btn i { color: #1C2539; font-size: 18px; } .header--sticky.sticky { position: fixed !important; top: 0; display: block; z-index: 999; width: 100%; background: #fff; box-shadow: 0px 7px 18px rgba(24, 16, 16, 0.0509803922); } .header--sticky.sticky .header-top-area-wrapper { display: none; } .header--sticky.sticky.header-one { background: #fff; } @media only screen and (max-width: 1199px) { .header-seven { padding: 12px 0 !important; } } .header-seven .action-area { display: flex; align-items: center; gap: 15px; } @media only screen and (max-width: 479px) { .header-seven .action-area .rts-btn.btn-primary { display: none !important; } } .header-seven .menu-btn { display: none !important; } @media only screen and (max-width: 1199px) { .header-seven .menu-btn { display: block !important; } } .header-two .header-top { background: #fff; align-items: center; position: relative; z-index: 1; overflow: hidden; border-bottom: 1px solid #EAECF2; } @media only screen and (max-width: 1199px) { .header-two .header-top { display: none; } } .header-two .header-top::after { position: absolute; left: -5%; content: ""; top: 0; width: 40%; height: 100%; background: var(--color-primary); z-index: -1; transform: skew(-20deg); } .header-two .header-top .content { max-width: 1560px; margin: 0 auto; display: flex; height: 45px; display: flex; align-items: center; width: 98%; } .header-two .header-top .content .left-header-top p { font-size: 16px; color: #fff; } .header-two .header-top .content .left-header-top p a { font-weight: 500; } .header-two .header-top .content .left-header-top p a i { transition: 0.3s; } .header-two .header-top .content .left-header-top p a:hover { color: #fff; } .header-two .header-top .content .left-header-top p a:hover i { margin-left: 6px; } .header-two .header-top .content .right-header-top { margin-left: auto; display: flex; align-items: center; } .header-two .header-top .content .right-header-top .working-time i { color: #1C2539; } .header-two .header-top .content .right-header-top .working-time span { color: #1C2539; font-size: 16px; font-weight: 400; margin-left: 7px; } .header-two .header-top .content .right-header-top .ht-social { display: flex; align-items: center; margin-left: 60px; position: relative; } .header-two .header-top .content .right-header-top .ht-social::after { position: absolute; left: -17%; content: ""; height: 100%; width: 1px; background: #CFD2DC; transform: skew(-10deg); } .header-two .header-top .content .right-header-top .ht-social span { color: #1C2539; font-weight: 400; } .header-two .header-top .content .right-header-top .ht-social ul { list-style: none; padding: 0; display: flex; margin: 0; margin-left: 20px; } .header-two .header-top .content .right-header-top .ht-social ul li { margin-right: 20px; } .header-two .header-top .content .right-header-top .ht-social ul li a i { color: #1C2539; transition: 0.3s; } .header-two .header-top .content .right-header-top .ht-social ul li a:hover i { color: var(--color-primary); } .header-two .header-top .content .right-header-top .ht-social ul li:last-child { margin-right: 0; } .header-two .main-header { justify-content: flex-start; display: block; background: #fff; } .header-two .main-header .content { max-width: 1560px; margin: 0 auto; display: flex; align-items: center; width: 98%; position: relative; } @media only screen and (max-width: 1199px) { .header-two .main-header .content { max-width: 97%; margin: auto; } } @media only screen and (max-width: 479px) { .header-two .main-header .content { max-width: 99%; } } .header-two .main-header .content .header-left { display: flex; align-items: center; } .header-two .main-header .content .header-left a.thumbnail { margin-right: 20px; } @media only screen and (max-width: 767px) { .header-two .main-header .content .header-left a.thumbnail { margin-right: 0; } } .header-two .main-header .content .header-left a.thumbnail img { width: 100%; } @media only screen and (max-width: 479px) { .header-two .main-header .content .header-left a.thumbnail img { width: 73%; } } @media only screen and (max-width: 1199px) { .header-two .main-header .content .header-left a { padding: 20px 0; } } @media only screen and (max-width: 767px) { .header-two .main-header .content .header-left a { padding: 20px 0 20px 15px; width: 80%; margin-right: 0; } } @media only screen and (max-width: 479px) { .header-two .main-header .content .header-left a { width: 90%; } } .header-two .main-header .content .header-right { margin-left: auto; display: flex; align-items: center; } @media (max-width: 767px) { .header-two .main-header .content .header-right { padding-right: 15px; } } .header-two .main-header .content .header-right .call-area { display: flex; align-items: center; } @media only screen and (max-width: 767px) { .header-two .main-header .content .header-right .call-area { display: none; } } .header-two .main-header .content .header-right .call-area .icon { position: relative; z-index: 1; cursor: pointer; } .header-two .main-header .content .header-right .call-area .icon::after { position: absolute; content: ""; left: 50%; top: 50%; background: #F6F6F6; height: 55px; width: 55px; z-index: -1; border-radius: 10px; transform: translate(-50%, -50%); transition: 0.3s; } .header-two .main-header .content .header-right .call-area .icon:hover::after { background: #fff; box-shadow: 0px 9px 18px rgba(24, 16, 16, 0.05); } .header-two .main-header .content .header-right .call-area .number-area { margin-left: 30px; } .header-two .main-header .content .header-right .call-area .number-area span { color: #5D666F; font-size: 14px; } .header-two .main-header .content .header-right .call-area .number-area a .call { margin-bottom: 0; margin-top: 4px; min-width: max-content; } .header-two .main-header .content .header-right a.rts-btn { margin-left: 40px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .header-two .main-header .content .header-right a.rts-btn { margin-left: 20px; } } @media only screen and (max-width: 575px) { .header-two .main-header .content .header-right a.rts-btn { margin-left: 0; padding: 12px 15px; font-size: 14px; display: none; } } .header-two .main-header .content .header-right button { max-width: fit-content; background: #F7F7F7; padding: 19px; } .header-two .main-header .content .header-right button .menu-dark { display: block; } .header-two .main-header .content .header-right button .menu-light { display: none; } .header-two .main-header .content .header-right button:hover { background: var(--color-primary) !important; } .header-two .main-header .content .header-right button:hover .menu-dark { display: none; } .header-two .main-header .content .header-right button:hover .menu-light { display: block; } .header-two .main-header nav { margin-left: 135px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .header-two .main-header nav { margin-left: 10px; } } .header-two .nav-area { margin-left: 135px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .header-two .nav-area { margin-left: 50px; } } .header-five { position: absolute; width: 100%; z-index: 1000; } .header-five .main-header .nav-main ul li a { padding: 42px 0; } .header-five .main-header .nav-main ul li a::after { bottom: 46px; } .header-five .header-top-three { background: rgb(255, 255, 255); border-bottom: 1px solid #EDEDED; } @media only screen and (max-width: 1199px) { .header-five .header-top-three { display: none; } } .header-five .header-top-three .top-left { padding: 10px 0; padding-left: 50px; font-size: 16px; font-weight: 400; color: #5D666F; display: flex; align-items: center; } .header-five .header-top-three .top-left a { color: var(--color-primary); display: flex; align-items: center; margin-left: 5px; } .header-five .header-top-three .top-left a i { transition: 0.3s; margin-left: 5px; } .header-five .header-top-three .top-left a:hover i { margin-left: 10px; } .header-five .header-top-three .right-h-three { display: flex; align-items: center; justify-content: flex-end; } .header-five .header-top-right { display: flex; align-items: center; justify-content: flex-end; margin-right: 30px; } .header-five .header-top-right .email { margin-right: 30px; } .header-five .header-top-right .email i { margin-right: 10px; color: var(--color-primary); } .header-five .header-top-right .email a { color: #1C2539; transition: 0.3s; font-weight: 500; } .header-five .header-top-right .email a:hover { color: var(--color-primary); } .header-five .header-top-right .call { margin-right: 30px; } .header-five .header-top-right .call i { margin-right: 10px; color: var(--color-primary); transform: rotate(-30deg); } .header-five .header-top-right .call a { color: #1C2539; transition: 0.3s; font-weight: 500; } .header-five .header-top-right .call a:hover { color: var(--color-primary); } .header-five .main-header-three { background: #F2F2F2; } .header-five .main-header-three.main-header { justify-content: flex-start; position: relative; align-items: center; } .header-five .main-header-three.main-header::after { content: ""; position: absolute; left: -6px; top: -48%; height: 148%; background: var(--color-primary); width: 6px; border-radius: 0 0 0 0; } .header-five .main-header-three.main-header::before { content: ""; position: absolute; right: -6px; top: -48%; height: 148%; background: var(--color-primary); width: 6px; border-radius: 0 0 0 0; } .header-five .main-header-three.main-header .nav-main ul li a:hover { color: var(--color-primary); } .header-five .main-header-three.main-header .nav-main ul li a::after { background: var(--color-primary); } .header-five .main-header-three.main-header .mainmenu li.has-droupdown .submenu { border-top-color: var(--color-primary); } .header-five .main-header-three.main-header-four::after { display: none; } .header-five .main-header-three.main-header-four::before { display: none; } .header-five .main-header-three a.thumbnail-logo img { padding: 27px 48px; } @media only screen and (max-width: 479px) { .header-five .main-header-three a.thumbnail-logo img { padding: 30px 15px; } } .header-five .main-header-three .right { display: flex; align-items: center; margin-right: 55px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .header-five .main-header-three .right { margin-right: 30px; } } @media only screen and (max-width: 1199px) { .header-five .main-header-three .right { margin-right: 15px; } } @media only screen and (max-width: 479px) { .header-five .main-header-three .right { margin-right: 5px; } } @media only screen and (max-width: 479px) { .header-five .main-header-three .right .rts-btn { padding: 11px; font-size: 14px; } } @media only screen and (max-width: 479px) { .header-five .main-header-three .right #menu-btn { margin-left: 5px !important; } } .header-five .button-area-wrapper { display: flex; align-items: center; gap: 20px; justify-content: flex-end; padding-right: 57px; } @media only screen and (max-width: 575px) { .header-five .button-area-wrapper { padding-right: 0; } } @media only screen and (max-width: 575px) { .header-five .button-area-wrapper .rts-btn.btn-primary { display: none; } } .header-five .button-area-wrapper #menu-btn { background: #fff; height: 55px; min-width: 55px; max-width: 55px; display: flex; align-items: center; justify-content: center; border-radius: 15px; border: none; padding: 0; margin-left: 0; } .header-five .button-area-wrapper #menu-btn img { min-width: max-content; transition: 0.3s; } .header-five .button-area-wrapper #menu-btn:hover img { filter: brightness(0) saturate(100%) invert(92%) sepia(52%) saturate(0%) hue-rotate(38deg) brightness(109%) contrast(100%); } .header-five .button-area-wrapper .header-one-btn.quote-btn:before { background: #fff; } .header-five.header--sticky.sticky { backdrop-filter: none; box-shadow: none; } .top-transparent-header .header-top-area-wrapper { background: transparent; border-bottom: 1px solid #EDEDED; } .top-transparent-header .header-top-area-wrapper * { color: #1C2539 !important; } .top-transparent-header .header-top-area-wrapper .header-top-one-wrapper .right p { margin: 0; color: #5D666F; } .top-transparent-header .header-top-area-wrapper .header-top-one-wrapper .right p a { font-weight: 600; color: var(--color-primary) !important; } .top-transparent-header .header-top-area-wrapper .header-top-one-wrapper .right p a i { color: var(--color-primary) !important; } .top-transparent-header .header-top-area-wrapper .header-top-one-wrapper .left a { font-weight: 600; } .top-transparent-header .header-top-area-wrapper .header-top-one-wrapper .left a:hover { color: var(--color-primary) !important; } .header-transparent { position: absolute; left: 0; top: 0; right: 0; z-index: 100; } .header-transparent.header--sticky.sticky { position: fixed !important; top: 0; display: block; backdrop-filter: blur(9px); z-index: 999; width: 100%; box-shadow: 0px 7px 18px rgba(24, 16, 16, 0.0509803922); background: #20282d; } .header-transparent-main-wrapper { display: flex; align-items: center; justify-content: space-between; } .header-transparent-main-wrapper .main-nav > a { color: #fff !important; } .header-transparent-main-wrapper .has-dropdown::after, .header-transparent-main-wrapper .has-dropdown.mega-menu > a::after { color: #fff !important; } .header-transparent-main-wrapper .rts-btn.btn-primary { border-radius: 100px; } @media only screen and (max-width: 575px) { .header-transparent-main-wrapper .rts-btn.btn-primary { display: none; } } .in-full-screen .header-transparent-main-wrapper { position: relative; } .in-full-screen .header-transparent-main-wrapper .rts-mega-menu { left: 50%; width: 80%; transform: translateX(-50%) scaleY(0); } .in-full-screen .header-transparent-main-wrapper .has-dropdown.mega-menu:hover .rts-mega-menu { transform: translateX(-50%) scaleY(1); } @media only screen and (max-width: 1199px) { .nav-area { display: none; } } .nav-area ul { display: flex; align-items: center; gap: 50px; padding: 0; margin: 0; list-style: none; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .nav-area ul { gap: 40px; } } @media screen and (max-width: 1300px) { .nav-area ul { gap: 35px; } } .nav-area ul li { margin: 0; padding: 0; } .nav-area ul li a { color: #111032; font-weight: 600 !important; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { header.header-three .nav-area ul { gap: 25px !important; } } @media only screen and (max-width: 1199px) { header.header-five .header-top-area { display: none; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { header.header-five .nav-area ul { gap: 25px !important; } } .header-bottom-five-wrapper .logo-hide-show { display: none; } @media only screen and (max-width: 1199px) { .header-bottom-five-wrapper .logo-hide-show { display: block; } } .has-dropdown.mega-menu > a { position: relative; } .has-dropdown::after { position: absolute; content: "\f078"; right: -22px; top: 51%; transform: translateY(-50%); font-weight: 400; color: #1C2539; font-family: "Font Awesome 6 Pro"; font-weight: 300; font-size: 14px; } .has-dropdown.mega-menu > a::after { position: absolute; content: "\f078"; right: -22px; top: 53%; transform: translateY(-50%); font-weight: 400; color: #1C2539; font-family: "Font Awesome 6 Pro"; font-weight: 300; font-size: 14px; } .nav-area ul li.main-nav { padding: 40px 0; cursor: pointer; } header .main-nav > a { color: #1C2539 !important; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { header.header-two .nav-area ul { gap: 40px !important; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { header.header-five .nav-area ul { gap: 40px !important; } } .submenu:hover li a { opacity: 0.6; } .mega-menu-item.with-list li a { position: relative; } .mega-menu-item.with-list li a span { padding: 3px 9px; border-radius: 33px; background: var(--color-sky); color: #fff; line-height: 1; font-size: 14px; transition: 0.3s; } .mega-menu-item.with-list li a:hover span { margin-left: 20px; } .side-bar { position: fixed; overflow: hidden; top: 0; right: -100%; width: 365px; padding: 40px 30px; padding-top: 50px; height: 100%; display: block; background-color: white; backdrop-filter: blur(7px); z-index: 1900; transition: all 600ms ease; box-shadow: -5px 0 20px -5px rgba(149, 22, 22, 0.12); display: flex; flex-direction: column; overflow-y: auto; } @media only screen and (max-width: 479px) { .side-bar { width: 320px; box-shadow: none; } } .side-bar.show { right: 0; } .side-bar button { max-width: max-content; border: none; } .side-bar button i { color: #fff; height: 50px; width: 50px; min-width: 50px; border-radius: 5px; background: var(--color-primary); display: flex; align-items: center; justify-content: center; margin-left: -8px; margin-top: -3px; } .rts-sidebar-menu-desktop .logo { margin-top: 50px; } .rts-sidebar-menu-desktop p.disc { margin-top: 30px; font-size: 16px; line-height: 26px; } .rts-sidebar-menu-desktop .get-in-touch .title { margin-bottom: 30px; } .rts-sidebar-menu-desktop .get-in-touch .wrapper .single i { color: var(--color-primary); margin-right: 10px; margin-bottom: 15px; } .rts-sidebar-menu-desktop .get-in-touch .wrapper .single i:last-child { margin-bottom: 0; } .rts-sidebar-menu-desktop .get-in-touch .wrapper .single a { transition: 0.3s; } .social-wrapper-two.menu { margin-top: 50px; margin-left: 12px; padding-left: 0; } .social-wrapper-two a { margin-right: 40px; z-index: 1; position: relative; } .social-wrapper-two a i { color: #fff; transition: 0.3s; font-size: 16px; } .social-wrapper-two a::after { position: absolute; height: 45px; width: 45px; border-radius: 50%; content: ""; z-index: -1; background: var(--color-primary); top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.3s; } .social-wrapper-two a:hover i { color: var(--color-primary); } .social-wrapper-two a:hover::after { background: #ffecec; box-shadow: 0px 10px 30px rgba(33, 5, 5, 0.05); } .logo-1 { display: block; } .logo-2 { display: none; } .logo-3 { display: none; } .logo-4 { display: none; } .home-blue .side-bar button i { background: var(--color-primary); } .home-blue .logo-1 { display: none; } .home-blue .logo-2 { display: block; } .home-blue .rts-sidebar-menu-desktop .get-in-touch .wrapper .single i { color: var(--color-primary); } .home-blue .social-wrapper-two a::after { background: var(--color-primary); color: #fff; } .home-blue .social-wrapper-two a:hover { color: var(--color-primary); } .home-blue .social-wrapper-two a:hover i { color: var(--color-primary); } .home-blue .social-wrapper-two a:hover::after { background: rgba(142, 143, 147, 0.0784313725); color: var(--color-primary); } .home-blue .rts-sidebar-menu-desktop .get-in-touch .wrapper .single a:hover { color: var(--color-primary); } .home-yellow #menu-btn:hover { background: var(--color-primary) !important; } .home-yellow .side-bar button i { background: var(--color-primary); } .home-yellow .logo-1 { display: none; } .home-yellow .logo-2 { display: none; } .home-yellow .logo-3 { display: block; } .home-yellow .rts-sidebar-menu-desktop .get-in-touch .wrapper .single i { color: var(--color-primary); } .home-yellow .social-wrapper-two a::after { background: var(--color-primary); color: #fff; } .home-yellow .social-wrapper-two a:hover { color: var(--color-primary); } .home-yellow .social-wrapper-two a:hover i { color: var(--color-primary); } .home-yellow .social-wrapper-two a:hover::after { background: rgba(142, 143, 147, 0.0784313725); color: var(--color-primary); } .home-yellow .rts-sidebar-menu-desktop .get-in-touch .wrapper .single a:hover { color: var(--color-primary); } .home-violet .side-bar button i { background: var(--color-primary); } .home-violet .logo-1 { display: none; } .home-violet .logo-2 { display: none; } .home-violet .logo-3 { display: none; } .home-violet .logo-4 { display: block; } .home-violet .rts-sidebar-menu-desktop .get-in-touch .wrapper .single i { color: var(--color-primary); } .home-violet .social-wrapper-two a::after { background: var(--color-primary); color: #fff; } .home-violet .social-wrapper-two a:hover { color: var(--color-primary); } .home-violet .social-wrapper-two a:hover i { color: var(--color-primary); } .home-violet .social-wrapper-two a:hover::after { background: #E4E7FF; color: var(--color-primary); } .home-violet .rts-sidebar-menu-desktop .get-in-touch .wrapper .single a:hover { color: var(--color-primary); } .index-six .side-bar button i { background: var(--color-primary); } .index-six .logo-1 { display: none; } .index-six .logo-2 { display: none; } .index-six .logo-3 { display: block; } .index-six .logo-4 { display: none; } .index-six .rts-sidebar-menu-desktop .get-in-touch .wrapper .single i { color: var(--color-primary); } .index-six .social-wrapper-two a::after { background: var(--color-primary); color: var(--color-primary) !important; } .index-six .social-wrapper-two a:hover { color: var(--color-primary); } .index-six .social-wrapper-two a:hover i { color: var(--color-primary); } .index-six .social-wrapper-two a:hover::after { background: #E4E7FF !important; color: var(--color-primary); } .index-six .rts-sidebar-menu-desktop .get-in-touch .wrapper .single a:hover { color: var(--color-primary); } .index-seven .side-bar button i { background: var(--color-primary); } .index-seven .logo-1 { display: block; } .index-seven .logo-2 { display: none; } .index-seven .logo-3 { display: none; } .index-seven .logo-4 { display: none; } .index-seven .rts-sidebar-menu-desktop .get-in-touch .wrapper .single i { color: var(--color-primary); } .index-seven .social-wrapper-two a::after { background: var(--color-primary); color: #fff; } .index-seven .social-wrapper-two a:hover { color: var(--color-primary); } .index-seven .social-wrapper-two a:hover i { color: var(--color-primary); } .index-seven .social-wrapper-two a:hover::after { background: #E4E7FF; color: var(--color-primary); } .index-seven .rts-sidebar-menu-desktop .get-in-touch .wrapper .single a:hover { color: var(--color-primary); } .rts-sidebar-menu-desktop .body-mobile .mainmenu-nav .mainmenu li a { color: #000; display: block; } .rts-sidebar-menu-desktop .body-mobile .mainmenu-nav .mainmenu li a.open { color: var(--color-primary); } .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown > a.open::before { content: "\f077" !important; } .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu::after { display: none; } .rts-sidebar-menu-desktop .body-mobile .mainmenu { padding-left: 0; margin-top: 50px; } .rts-sidebar-menu-desktop .body-mobile .mainmenu > li { padding: 10px; border-radius: 5px; box-shadow: 0px 11px 30px rgba(0, 0, 0, 0.07); width: 100%; } .rts-sidebar-menu-desktop .body-mobile .mainmenu ul { padding: 0; margin: 0; } .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu { display: none !important; position: inherit; border-top: none; padding-left: 14px; } .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu .tag { padding: 0 15px; margin: 20px 0 5px 0; font-size: 18px; font-weight: 500; color: #1C2539; } .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu .mobile-menu-link { margin: 0; } .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu .mobile-menu-link:hover a { color: var(--color-primary) !important; } .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu.third-lvl.mobile-menu li:hover a { color: var(--color-primary); } .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu.active { display: block !important; visibility: visible; opacity: 1; } .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu.active .mobile-menu-link a { color: #000; } .rts-sidebar-menu-desktop .body-mobile .menu-item:hover .menu-link { color: var(--color-primary) !important; } .home-violet .rts-sidebar-menu-desktop .body-mobile .mainmenu-nav .mainmenu li a { color: #000; display: block; } .home-violet .rts-sidebar-menu-desktop .body-mobile .mainmenu-nav .mainmenu li a.open { color: var(--color-primary); } .home-violet .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown > a::before { content: "\f078" !important; right: 10px; } .home-violet .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown > a.open::before { content: "\f077" !important; } .home-violet .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu::after { display: none; } .home-violet .rts-sidebar-menu-desktop .body-mobile .mainmenu { padding-left: 0; margin-top: 50px; } .home-violet .rts-sidebar-menu-desktop .body-mobile .mainmenu > li { padding: 10px; border-radius: 5px; box-shadow: 0px 11px 30px rgba(0, 0, 0, 0.07); width: 100%; } .home-violet .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu { display: none !important; position: inherit; border-top: none; } .home-violet .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu li { margin: 0; } .home-violet .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu.active { display: block !important; visibility: visible; opacity: 1; } .home-violet .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu.active li a { color: #000; } .home-violet .rts-sidebar-menu-desktop .body-mobile .social-wrapper-two.menu { margin-top: 50px; margin-left: 12px; padding-left: 0; } .home-violet .rts-sidebar-menu-desktop .body-mobile .social-wrapper-two a { margin-right: 40px; z-index: 1; position: relative; } .home-violet .rts-sidebar-menu-desktop .body-mobile .social-wrapper-two a i { color: #fff; transition: 0.3s; font-size: 16px; } .home-violet .rts-sidebar-menu-desktop .body-mobile .social-wrapper-two a::after { position: absolute; height: 45px; width: 45px; border-radius: 50%; content: ""; z-index: -1; background: var(--color-primary); top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.3s; } .home-violet .rts-sidebar-menu-desktop .body-mobile .social-wrapper-two a:hover i { color: var(--color-primary); } .home-violet .rts-sidebar-menu-desktop .body-mobile .social-wrapper-two a:hover::after { background: #ffecec; box-shadow: 0px 10px 30px rgba(33, 5, 5, 0.05); } .home-blue2 .side-bar button i { background: var(--color-primary); } .home-blue2 .logo-1 { display: none; } .home-blue2 .logo-2 { display: block; } .home-blue2 .rts-sidebar-menu-desktop .get-in-touch .wrapper .single i { color: var(--color-primary); } .home-blue2 .social-wrapper-two a::after { background: var(--color-primary); color: #fff; } .home-blue2 .social-wrapper-two a:hover { color: var(--color-primary); } .home-blue2 .social-wrapper-two a:hover i { color: var(--color-primary); } .home-blue2 .social-wrapper-two a:hover::after { background: rgba(142, 143, 147, 0.0784313725); color: var(--color-primary); } .home-blue2 .rts-sidebar-menu-desktop .get-in-touch .wrapper .single a:hover { color: var(--color-primary); } .home-blue .rts-sidebar-menu-desktop .body-mobile .menu-item:hover .menu-link, .home-blue2 .rts-sidebar-menu-desktop .body-mobile .menu-item:hover .menu-link { color: var(--color-primary) !important; } .home-yellow .rts-sidebar-menu-desktop .body-mobile .menu-item:hover .menu-link { color: var(--color-primary) !important; } .home-violet .rts-sidebar-menu-desktop .body-mobile .menu-item:hover .menu-link { color: var(--color-primary) !important; } .index-six .rts-sidebar-menu-desktop .body-mobile .menu-item:hover .menu-link { color: var(--color-primary) !important; } .index-seven .rts-sidebar-menu-desktop .body-mobile .menu-item:hover .menu-link { color: var(--color-primary) !important; } .home-blue .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu.active .mobile-menu-link:hover a, .home-blue2 .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu.active .mobile-menu-link:hover a { color: var(--color-primary) !important; } .home-yellow .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu.active .mobile-menu-link:hover a { color: var(--color-primary) !important; } .home-violet .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu.active .mobile-menu-link:hover a { color: var(--color-primary) !important; } .index-six .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu.active .mobile-menu-link:hover a { color: var(--color-primary) !important; } .index-seven .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu.active .mobile-menu-link:hover a { color: var(--color-primary) !important; } .home-blue .rts-sidebar-menu-desktop .body-mobile .mainmenu-nav .mainmenu li a.open, .home-blue2 .rts-sidebar-menu-desktop .body-mobile .mainmenu-nav .mainmenu li a.open { color: var(--color-primary) !important; } .home-yellow .rts-sidebar-menu-desktop .body-mobile .mainmenu-nav .mainmenu li a.open { color: var(--color-primary) !important; } .home-violet .rts-sidebar-menu-desktop .body-mobile .mainmenu-nav .mainmenu li a.open { color: var(--color-primary) !important; } .index-six .rts-sidebar-menu-desktop .body-mobile .mainmenu-nav .mainmenu li a.open { color: var(--color-primary) !important; } .index-seven .rts-sidebar-menu-desktop .body-mobile .mainmenu-nav .mainmenu li a.open { color: var(--color-primary) !important; } .home-blue .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu.third-lvl.mobile-menu li:hover a, .home-blue2 .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu.third-lvl.mobile-menu li:hover a { color: var(--color-primary); } .home-yellow .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu.third-lvl.mobile-menu li:hover a { color: var(--color-primary); } .home-violet .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu.third-lvl.mobile-menu li:hover a { color: var(--color-primary); } .index-six .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu.third-lvl.mobile-menu li:hover a { color: var(--color-primary); } .index-seven .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu.third-lvl.mobile-menu li:hover a { color: var(--color-primary); } #anywhere-home { cursor: url(../images/banner/shape/close.png), auto; background: #0e1013; position: fixed; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity 500ms ease-in-out; pointer-events: none; z-index: 50; } #anywhere-home.bgshow { background: #0e1013; opacity: 70%; visibility: visible; pointer-events: visible; z-index: 1000; top: 0; } .mobile-menu nav ul { padding: 0 20px; } .mobile-menu nav ul li { margin: 0; padding: 0; } .mobile-menu nav ul li.has-droupdown { position: relative; } .mobile-menu nav ul li.has-droupdown ul a.tag { font-weight: 700; margin-top: 15px; font-size: 18px; } .mobile-menu nav ul li.has-droupdown ul li { margin: 10px 0 !important; } .mobile-menu nav ul li.has-droupdown::after { position: absolute; content: "\f078"; font-family: "Font Awesome 6 pro" !important; font-size: 16px; right: 0; font-weight: 400; top: 5px; padding: 8px 13px; color: var(--heading-color); background: transparent !important; pointer-events: none; cursor: pointer; } .mobile-menu nav ul li.has-droupdown.mm-active::after { content: "\f077"; } .mobile-menu nav ul li.has-droupdown.third-lvl::after { font-size: 10px; padding: 3px 10px; } .mobile-menu nav ul li.has-droupdown.third-lvl ul { padding: 0 20px; } .mobile-menu nav ul li.has-droupdown.third-lvl ul li { margin: 10px 0 !important; position: relative; z-index: 1; transition: all 0.3s; } .mobile-menu nav ul li.has-droupdown.third-lvl ul li:hover { color: var(--color-primary); } .mobile-menu nav ul li.has-droupdown.third-lvl ul li a { position: absolute; width: 100%; height: 100%; transition: all 0.3s; } .mobile-menu nav ul li a { display: block; } .mobile-menu .social-wrapper-one { margin-top: 50px; } @media screen and (max-width: 1199px) { .side-bar.header-two .inner-main-wrapper-desk, .side-bar.header-three .inner-main-wrapper-desk { display: none; } } @media screen and (min-width: 1199px) { .side-bar.header-two .mobile-menu, .side-bar.header-three .mobile-menu { display: none !important; } } .header-one .main-nav-desk nav ul li.has-droupdown .submenu.inner-page .sub-dropdown { position: relative; } .header-one .main-nav-desk nav ul li.has-droupdown .submenu.inner-page .sub-dropdown:hover::after { color: var(--color-primary); } .header-one .main-nav-desk nav ul li.has-droupdown .submenu.inner-page .sub-dropdown::after { position: absolute; content: "\f105"; font-family: "Font Awesome 6 Pro" !important; font-size: 16px; right: 25px; top: 50%; transform: translateY(-50%); color: #fff; } .header-one .main-nav-desk nav ul li.has-droupdown .submenu.inner-page .sub-dropdown .third-lvl { margin-left: -4px; } .header-three .main-nav-desk nav ul li.has-droupdown .submenu.inner-page { padding: 15px 0; } .header-three .main-nav-desk nav ul li.has-droupdown .submenu.inner-page .sub-dropdown { position: relative; } .header-three .main-nav-desk nav ul li.has-droupdown .submenu.inner-page .sub-dropdown:hover::after { color: var(--color-primary); } .header-three .main-nav-desk nav ul li.has-droupdown .submenu.inner-page .sub-dropdown::after { position: absolute; content: "\f105"; font-family: "Font Awesome 6 Pro" !important; font-size: 16px; right: 25px; top: 50%; transform: translateY(-50%); color: #fff; } .header-three .main-nav-desk nav ul li.has-droupdown .submenu.inner-page .sub-dropdown .third-lvl { margin-left: -4px; } .header-three .main-nav-desk nav ul li.has-droupdown .submenu.inner-page li { margin: 0; width: 100%; } .header-three .main-nav-desk nav ul li.has-droupdown .submenu.inner-page li a { display: block; width: 100%; padding: 0 15px; } .sub-dropdown { position: relative !important; display: block !important; } .sub-dropdown .submenu.third-lvl { opacity: 0 !important; min-width: 185px !important; left: 100% !important; top: -13% !important; margin: 0; border-radius: 0 !important; } .sub-dropdown .submenu.third-lvl.base { display: none !important; } .sub-dropdown:hover .sub-menu-link { color: var(--color-primary); } .sub-dropdown:hover .submenu.third-lvl.base { opacity: 1 !important; min-width: 185px !important; top: 0 !important; right: -3px; display: block !important; } .sub-dropdown:hover .submenu.third-lvl.base li { display: block; } .sub-dropdown:hover .submenu.third-lvl.base li a { display: block !important; } .header-three .sub-dropdown:hover .submenu.third-lvl.base { margin-left: -14px !important; } .header-two .header-main-wrapper .sub-dropdown:hover .submenu.third-lvl.base { margin-left: 90px !important; } header.heder-two .sub-dropdown:hover .submenu.third-lvl.base { opacity: 1 !important; min-width: 185px !important; top: 0 !important; right: 3px; display: block; margin-left: 0 !important; } header.heder-two .sub-dropdown::after { position: absolute; content: "\f105"; font-family: "Font Awesome 6 Pro" !important; font-size: 16px; right: 20px; top: 8px; color: #fff; } header.heder-two .sub-dropdown:hover a.sub-menu-link { color: var(--color-primary) !important; } header.heder-two .sub-dropdown:hover::after { color: var(--color-primary) !important; } header.heder-two .sub-dropdown .submenu.third-lvl.base { display: block; } header.header-three .sub-dropdown:hover .submenu.third-lvl.base { opacity: 1 !important; min-width: 185px !important; top: 0 !important; right: 3px; display: block; margin-left: 0 !important; } header.header-three .sub-dropdown::after { position: absolute; content: "\f105"; font-family: "Font Awesome 6 Pro" !important; font-size: 16px; right: 10px; top: 50%; transform: translateY(-50%); color: #fff; } header.header-three .sub-dropdown:hover a.sub-menu-link { color: var(--color-primary) !important; } header.header-three .sub-dropdown:hover::after { color: var(--color-primary) !important; } header.header-three .sub-dropdown .submenu.third-lvl.base { display: block; } .side-bar .social-wrapper-one ul { list-style: none; display: flex; align-items: center; padding-left: 0; margin: 0; } .side-bar .social-wrapper-one li { margin-right: 0; margin-top: 0; margin-bottom: 0; } .side-bar .social-wrapper-one li a { width: 40px; height: 40px; display: block; background: transparent; border: 1px solid transparent; display: flex; align-items: center; justify-content: center; transition: 0.3s; margin-right: 0; } .side-bar .social-wrapper-one li a i { font-weight: 400; font-size: 18px; line-height: 14px; color: var(--color-primary); } .side-bar .social-wrapper-one li a:hover { background: var(--color-primary); } .mobile-menu nav ul li a { display: block; padding: 2px 0; } @media only screen and (max-width: 1199px) { .pl_lg--0 { padding-left: 0 !important; } } .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu.mm-collapse.mm-show { display: block !important; } .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu.mm-collapse.mm-show .main::before { display: none; } .rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown { display: block !important; } .mobile-menu nav ul li a.main { padding: 12px 0 17px 0; border-bottom: 1px solid #f3f3f3; cursor: pointer; font-weight: 600; color: #20282d; } li.has-dropdown { position: relative; } li.has-dropdown .submenu { min-width: 230px; height: auto; position: absolute; top: 100%; left: 0; z-index: 90; opacity: 0; visibility: hidden; text-align: left; transition: 0.3s; border-radius: 0 0 6px 6px; background-color: #fff; border-left: 0; border-bottom: 0; border-right: 0; display: inline-block; box-shadow: 0 36px 35px rgba(0, 0, 0, 0.08); padding: 15px 10px; transform-origin: 0 0; transform: scaleY(0); } li.has-dropdown .submenu li { margin-right: 0; padding: 0; } li.has-dropdown .submenu li a { padding: 6px 16px !important; font-size: 16px; transition: all 0.3s; border-radius: 4px; display: block; padding: 12px 45px 12px 15px; border-radius: 5px; background: #FFFFFF; transition: all 0.3s; text-align: left; font-size: 14px; font-weight: 600; } li.has-dropdown .submenu li a:hover { opacity: 1; background: #F2F2F8; opacity: 1; color: var(--color-primary) !important; } li.has-dropdown:hover .submenu { opacity: 1; visibility: visible; top: 100%; transform: translateY(0); transform: scaleY(1); } li.has-dropdown:hover::after { content: "\f077"; } .has-dropdown.mega-menu::after { display: none; } .rts-btn.btn-primary.border.bg-transparent { color: var(--color-primary); border: 1px solid var(--color-primary) !important; } .rts-btn.btn-primary.border.bg-transparent img { filter: brightness(0) saturate(100%) invert(46%) sepia(55%) saturate(5974%) hue-rotate(228deg) brightness(98%) contrast(103%); } .rts-btn.btn-primary.border.bg-transparent:hover { background: var(--color-primary) !important; color: #fff; } .rts-btn.btn-primary.border.bg-transparent:hover img { filter: brightness(0) saturate(100%) invert(100%) sepia(10%) saturate(7500%) hue-rotate(241deg) brightness(114%) contrast(108%); } header .nav-area ul li.main-nav:hover > a { transition: 0.3s; color: var(--color-primary) !important; } header .nav-area ul li.main-nav:hover::after { color: var(--color-primary) !important; } .rts-mega-menu { position: absolute; width: 100%; height: auto; top: 100%; transform: scaleY(0); left: 0; z-index: 90; opacity: 0; visibility: hidden; text-align: left; transition: all 0.5s; border-radius: 0 0 5px 5px !important; background-color: #ffffff; display: inline-block; box-shadow: 0 36px 35px rgba(61, 60, 60, 0.08); transform-origin: 0 0 0; padding: 30px 30px; } .rts-mega-menu.with-add { padding: 0; overflow: hidden; border-radius: 0 0 10px 10px; } .rts-mega-menu.with-add .menu-add-top-area { padding: 30px 0 25px 0; border-bottom: 1px solid #E1E1FF; margin-left: 50px; } .rts-mega-menu.with-add .menu-add-top-area .title { margin-bottom: 0; font-size: 24px; color: var(--color-primary); } .rts-mega-menu.with-add .menu-right-add { display: flex; justify-content: flex-end; align-items: end; max-width: max-content; margin-left: auto; position: relative; border-radius: 0 0 7px 0; overflow: hidden; } .rts-mega-menu.with-add .menu-right-add .absolute-image img { position: absolute; right: 0; bottom: 0; width: 100%; } .rts-mega-menu.with-add .menu-right-add .absolute-image .inner-content { position: absolute; left: 23px; bottom: 23px; } .rts-mega-menu.with-add .menu-right-add .absolute-image .inner-content .title { color: #fff; font-size: 24px; } .rts-mega-menu.with-add .menu-right-add .absolute-image .inner-content .rts-btn { background: #fff; color: var(--color-primary); } .rts-mega-menu.with-add .mega-menu-item li a { display: flex; align-items: center; gap: 5px; width: 100%; } .rts-mega-menu.with-add .mega-menu-item li a img { max-width: 30px; height: auto; padding: 0; background: transparent; transition: 0.3s; margin-right: 5px; } .rts-mega-menu.with-add .mega-menu-item li a:hover img { filter: brightness(0) saturate(100%) invert(97%) sepia(3%) saturate(0%) hue-rotate(288deg) brightness(103%) contrast(100%); } .rts-mega-menu.with-add .mega-menu-item li a.active img { filter: brightness(0) saturate(100%) invert(97%) sepia(3%) saturate(0%) hue-rotate(288deg) brightness(103%) contrast(100%); } .mega-menu-item { padding: 0; margin: 0; flex-direction: column; display: flex; align-items: flex-start !important; } .mega-menu-item li { margin-bottom: 19px; margin-top: 0; margin-right: 0; margin-left: 0; width: 100%; } .mega-menu-item li:hover a { border: 1px solid #E6E5FF; border-radius: 4px; } .mega-menu-item li a { display: flex !important; align-items: center; padding: 6px 12px !important; border: 1px solid transparent; width: 100%; } .mega-menu-item li a img { margin-right: 16px; padding: 10px; max-width: max-content; background: #F0F0FF; border-radius: 4px; } .mega-menu-item li a .info p { margin-bottom: 2px; font-weight: 500; font-size: 16px; line-height: 26px; color: #083A5E; } .mega-menu-item li a .info span { font-weight: 400; font-size: 14px; line-height: 24px; color: #497696; } .has-dropdown.mega-menu { position: static !important; } .has-dropdown.mega-menu:hover .rts-mega-menu { opacity: 1; visibility: visible; top: 100%; transform: scaleY(1); } .container-full-header .rts-mega-menu { transform: translateX(-50%) scaleY(0); left: 50%; max-width: 80%; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .container-full-header .rts-mega-menu { max-width: 90%; } } .container-full-header .has-dropdown.mega-menu:hover .rts-mega-menu { transform: translateX(-50%) scaleY(1); } .has-dropdown.mega-menu:hover > a::after { content: "\f077"; color: var(--color-primary); } .appoinment-area-main.contact-page { border-radius: 10px; background: #F9F8FF; border: 1px solid #DDD8F9; background-image: none; } .appoinment-area-main.contact-page input, .appoinment-area-main.contact-page textarea, .appoinment-area-main.contact-page .custom-select { color: var(--color-primary) !important; border-color: var(--color-primary) !important; } .appoinment-area-main.contact-page input span, .appoinment-area-main.contact-page textarea span, .appoinment-area-main.contact-page .custom-select span { color: var(--color-primary) !important; } .appoinment-area-main.contact-page .rts-btn { background: var(--color-primary); color: #fff; } header.header-three .rts-mega-menu.service-mega-menu-style { width: 75%; } .rts-mega-menu.service-mega-menu-style { padding: 30px 30px 0 30px; z-index: 1000; } .rts-mega-menu.service-mega-menu-style li { margin-bottom: 20px; } .rts-mega-menu.service-mega-menu-style li a { border: none; width: 100%; padding: 18px 25px !important; border-radius: 5px; background: #f9f9f9; display: block; transition: 0.3s; } .rts-mega-menu.service-mega-menu-style li a.free-consultation { background: var(--color-primary); } .rts-mega-menu.service-mega-menu-style li a.free-consultation .title { color: #fff !important; } .rts-mega-menu.service-mega-menu-style li a.free-consultation p.details { color: #fff !important; } .rts-mega-menu.service-mega-menu-style li a.free-consultation:hover { background: var(--color-primary); } .rts-mega-menu.service-mega-menu-style li a .single-service-menu { display: flex; align-items: flex-start; } .rts-mega-menu.service-mega-menu-style li a .single-service-menu .icon { border-radius: 4px; display: flex; align-items: center; justify-content: center; margin-right: 15px; } .rts-mega-menu.service-mega-menu-style li a .single-service-menu .icon img { background: none; padding: 0; max-width: 40px; margin: auto; } .rts-mega-menu.service-mega-menu-style li a .single-service-menu .title { color: var(--color-title); margin-bottom: 11px; line-height: 1.3; } .rts-mega-menu.service-mega-menu-style li a .single-service-menu p.details { max-width: 100%; font-size: 14px; color: var(--color-body); } .rts-mega-menu.service-mega-menu-style li:hover a { border: none; background: rgba(32, 40, 45, 0.0784313725); } .rts-mega-menu.service-mega-menu-style .menu-thumb { height: auto; } .rts-mega-menu.service-mega-menu-style .menu-thumb img { height: auto; object-fit: cover; } header .menu-item-open > a { color: var(--color-primary) !important; } header .menu-item-open > a::after { content: "\f077" !important; color: var(--color-primary) !important; } header .menu-item-open.project-a-after > a::after { display: none; } .menu-item-open::after { color: var(--color-primary) !important; } .mega-menu-item.with-list { gap: 0; } .mega-menu-item.with-list li a { border: none !important; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #f3f3f3 !important; padding: 12px 12px !important; transition: 0.3s; } .mega-menu-item.with-list li a i { font-size: 12px; } .mega-menu-item.with-list li a.active { color: var(--color-primary); border: none !important; gap: 12px; border-radius: 0 !important; border-bottom: 1px solid var(--color-primary) !important; } .mega-menu-item.with-list li:hover a { border: none !important; gap: 12px; border-radius: 0 !important; border-bottom: 1px solid var(--color-primary) !important; } .sub-dropdown.down { position: relative !important; display: block !important; } .sub-dropdown.down::after { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); content: "\f054"; font-family: var(--font-3); } .sub-dropdown.down .submenu.third-lvl.base { opacity: 0 !important; visibility: hidden; min-width: 225px !important; left: 100% !important; top: -25px !important; margin: 0; border-radius: 0 !important; border-radius: 10px !important; transition: 0.3s; display: block !important; } .sub-dropdown.down:hover::after { color: var(--color-primary); } .sub-dropdown.down:hover .submenu.third-lvl.base { opacity: 1 !important; top: 0 !important; right: 0 !important; visibility: visible; margin-left: 0 !important; min-width: 225px !important; } li.has-dropdown .submenu li a.active { color: var(--color-primary); background: #F2F2F8; } .rts-mega-menu.service-mega-menu-style li a.active { background: #fff3f3; } .rts-mega-menu.service-mega-menu-style li a.active.free-consultation { background: var(--color-primary); } header.header-two .menu-item-open > a { color: var(--color-primary) !important; } .hega-menu-head-wrapper { margin: 0; margin-bottom: 10px !important; margin-left: 10px !important; padding-bottom: 10px !important; border-bottom: 1px solid var(--color-primary); } .hega-menu-head-wrapper p { font-weight: 700; color: var(--color-title); font-size: 17px; display: flex; align-items: center; } .hega-menu-head-wrapper p i { font-size: 24px; margin-right: 8px; color: var(--color-primary); font-weight: 600; } ul.mega-menu-item.parent-nav { gap: 0 !important; } header.header--sticky.sticky .nav-area ul li.main-nav { padding: 30px 0; cursor: pointer; } .header-transparent.header--sticky .nav-area ul li.main-nav:hover > a { transition: 0.3s; color: #fff !important; } .side-bar { position: fixed; overflow: hidden; top: 0; right: -100%; width: 365px; padding: 40px 30px; padding-top: 50px; height: 100%; display: block; background-color: white; backdrop-filter: blur(7px); z-index: 1900; transition: all 600ms ease; display: flex; flex-direction: column; overflow-y: auto; overflow: visible; } @media only screen and (max-width: 575px) { .side-bar { width: 320px; } } .side-bar .inner-main-wrapper-desk .thumbnail { display: flex; justify-content: center; } .side-bar .inner-main-wrapper-desk .thumbnail img { width: 85%; margin: auto; } .side-bar .inner-main-wrapper-desk .inner-content { text-align: center; margin-top: 30px; } .side-bar .inner-main-wrapper-desk .inner-content p { max-width: 95%; text-align: center; margin: auto; } .side-bar .inner-main-wrapper-desk .inner-content .title { font-weight: 600; color: var(--color-title); } .side-bar .inner-main-wrapper-desk .inner-content .footer { padding-top: 50px; margin-top: 80px; border-top: 1px solid #c2c2c2; } .side-bar .inner-main-wrapper-desk .inner-content .footer .title { font-weight: 500; } .side-bar .inner-main-wrapper-desk .inner-content .footer a.rts-btn { margin: auto; } .side-bar.show { right: 0; overflow-y: auto; } .side-bar button { /* max-width: max-content; */ margin-right: auto; margin-left: -28px; margin-top: -51px; position: absolute; display: flex; min-height: 45px; width: 45px; align-items: center; justify-content: center; position: relative; } .side-bar button i { color: #ffffff; border-radius: 0; display: flex; align-items: center; justify-content: center; font-size: 27px; } .header-five .nav-btn { height: 50px; width: 50px; border: 1px solid #ffffff; display: flex; align-items: center; justify-content: center; border-radius: 5px; cursor: pointer; display: none; } @media only screen and (max-width: 1199px) { .header-five .nav-btn { display: flex; } } .header-five .nav-btn img { filter: brightness(0) saturate(100%) invert(100%) sepia(42%) saturate(0%) hue-rotate(345deg) brightness(106%) contrast(106%); } .header-four .nav-btn { height: 50px; width: 50px; border: 1px solid #ffffff; display: flex; align-items: center; justify-content: center; border-radius: 5px; cursor: pointer; display: none; } @media only screen and (max-width: 1199px) { .header-four .nav-btn { display: flex; } } .header-four .nav-btn img { filter: brightness(0) saturate(100%) invert(100%) sepia(42%) saturate(0%) hue-rotate(345deg) brightness(106%) contrast(106%); } .header-three .nav-btn { height: 50px; width: 50px; border: 1px solid #ffffff; display: flex; align-items: center; justify-content: center; border-radius: 5px; cursor: pointer; display: none; } @media only screen and (max-width: 1199px) { .header-three .nav-btn { display: flex; } } .header-three .nav-btn img { filter: brightness(0) saturate(100%) invert(100%) sepia(42%) saturate(0%) hue-rotate(345deg) brightness(106%) contrast(106%); } /* elements */ .banner-style-one { background-image: url(../images/banner/01.webp); height: 850px; position: relative; z-index: 1; } @media only screen and (max-width: 575px) { .banner-style-one { height: auto; background-position: 18%, 45%; } .banner-style-one::after { content: ""; position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.4509803922); z-index: -1; } } @media only screen and (max-width: 479px) { .banner-style-one { height: auto; background-position: 18%, 45%; } } .banner-style-one .banner-one-inner { width: 57%; margin-left: auto; padding: 160px 0 190px 0; position: relative; display: block; margin-top: 43px; } @media only screen and (max-width: 1199px) { .banner-style-one .banner-one-inner { margin-left: 0; width: 100%; } } @media only screen and (max-width: 575px) { .banner-style-one .banner-one-inner { padding: 106px 5px 126px 5px; } } .banner-style-one .banner-one-inner .pre-title { color: #1C2539; text-transform: uppercase; font-size: 16px; margin-bottom: 10px; font-family: var(--font-secondary); letter-spacing: 1px; } .banner-style-one .banner-one-inner .pre-title span { color: var(--color-primary); font-weight: 800; } .banner-style-one .banner-one-inner .title { font-weight: 700; line-height: 82px; margin-bottom: 23px; font-size: 60px; color: var(--color-primary); line-height: 1.3; } @media only screen and (max-width: 575px) { .banner-style-one .banner-one-inner .title { font-size: 36px; } } .banner-style-one .banner-one-inner .title span { font-style: italic; color: var(--color-primary); font-weight: 400; font-size: 70px; line-height: 1.3; } @media only screen and (max-width: 575px) { .banner-style-one .banner-one-inner .title span { font-size: 36px; } } .banner-style-one .banner-one-inner p.disc.banner-para { font-size: 18px; line-height: 28px; font-weight: 400; color: #1C2539; } @media only screen and (max-width: 575px) { .banner-style-one .shape-iamge-area { display: none; } } .banner-style-one .shape-iamge-area .one { position: absolute; right: 0; bottom: 0; z-index: -1; } .banner-style-one .shape-iamge-area .two { position: absolute; right: 15%; bottom: 55%; z-index: -1; animation: jump-2 10s linear infinite; } .rts-banner-area-two { background-image: url(../images/banner/02.webp); height: 850px; display: flex; align-items: center; justify-content: center; } @media only screen and (max-width: 575px) { .rts-banner-area-two { height: 580px; } } .rts-banner-area-two.two { background-image: url(../images/banner/20.webp); } .rts-banner-area-two.three { background-image: url(../images/banner/21.webp); } .banner-inner-two-content { text-align: center; max-width: 80%; margin: auto; } @media only screen and (max-width: 991px) { .banner-inner-two-content { max-width: 100%; } } .banner-inner-two-content .pre-title { margin-bottom: 25px; text-transform: uppercase; } .banner-inner-two-content .pre-title span { text-transform: uppercase; font-weight: 700; letter-spacing: 1px; } .banner-inner-two-content * { color: #fff; } .banner-inner-two-content .title { font-size: 80px; line-height: 1.2; } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-inner-two-content .title { font-size: 50px; } } @media only screen and (max-width: 767px) { .banner-inner-two-content .title { font-size: 50px; } } @media only screen and (max-width: 575px) { .banner-inner-two-content .title { font-size: 36px; } } .banner-inner-two-content .rts-btn { margin: auto; } .banner-inner-two-content p.disc { max-width: 65%; margin: auto; margin-bottom: 40px; font-size: 18px; } @media only screen and (max-width: 767px) { .banner-inner-two-content p.disc { max-width: 100%; } } .banner-four-area-main-wrapper { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 81.536% 93.689%, 50.99% 100%, 25.313% 93.689%, 0% 100%, 0% 0%); } .banner-four-area-main-wrapper .banner-four-bg { background-image: url(../images/banner/03.webp); height: 824px; display: flex; align-items: center; justify-content: center; margin: auto; } .banner-four-area-main-wrapper .banner-four-bg.two { background-image: url(../images/banner/25.webp); } .banner-four-area-main-wrapper .banner-four-bg.three { background-image: url(../images/banner/26.webp); } @media only screen and (max-width: 767px) { .banner-four-area-main-wrapper .banner-four-bg { height: 600px; } } .banner-four-area-main-wrapper .banner-four-bg .inner-content-wrapper-four-banner span { display: flex; justify-content: center; } .inner-content-wrapper-four-banner .pre { font-weight: 700; font-size: 25px; line-height: 21px; /*letter-spacing: 0.3em;*/ text-transform: uppercase; color: #FFFFFF; } @media only screen and (max-width: 575px) { .inner-content-wrapper-four-banner .pre { text-align: center; } } .inner-content-wrapper-four-banner .title { font-weight: 900; font-size: 100px; text-align: center; justify-content: center; text-transform: uppercase; color: #FFFFFF; margin-bottom: 20px; margin-top: 25px; line-height: 1.3; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .inner-content-wrapper-four-banner .title { font-size: 80px; } } @media only screen and (max-width: 1199px) { .inner-content-wrapper-four-banner .title { font-size: 66px; } } @media only screen and (max-width: 991px) { .inner-content-wrapper-four-banner .title { font-size: 32px; } } .inner-content-wrapper-four-banner .title span.in { -webkit-text-fill-color: #fff8c1; display: inline; } /*.inner-content-wrapper-four-banner .title span.in { -webkit-text-stroke-color: #1C2539; -webkit-text-stroke: 1px; -webkit-text-fill-color: transparent; display: inline; }*/ .inner-content-wrapper-four-banner p.disc { max-width: 60%; margin: auto; text-align: center; margin-bottom: 25px; font-weight: 500; color: #fff; font-size: 18px; margin-bottom: 45px; line-height: 1.5; } @media only screen and (max-width: 991px) { .inner-content-wrapper-four-banner p.disc { max-width: 100%; } } @media only screen and (max-width: 575px) { .inner-content-wrapper-four-banner p.disc { font-size: 16px; font-weight: 400; } } .inner-content-wrapper-four-banner .button-wrapper { justify-content: center; } .button-wrapper { display: flex; align-items: center; gap: 25px; flex-wrap: wrap; } .banner-three-box-clip-area { clip-path: polygon(0% 0%, 100% 0%, 100% 85.059%, 83.523% 100%, 16.406% 100%, 0% 84.941%, 0% 0%); max-width: 1754px; margin: auto; height: 850px; background: #F2F2F2; display: flex; align-items: center; position: relative; } @media only screen and (max-width: 575px) { .banner-three-box-clip-area { height: 500px; } } .banner-three-box-clip-area svg { height: 500px; } .banner-three-box-clip-area .right-thumbnail { clip-path: polygon(59.225% 100%, 0% 100%, 0% 14.588%, 43.944% 0%, 99.93% 0%, 99.93% 100%, 59.225% 100%); position: absolute; right: 0; top: 0; bottom: 0; max-width: 709px; z-index: -1; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .banner-three-box-clip-area .right-thumbnail { max-width: 550px; height: 100%; } } @media only screen and (max-width: 1199px) { .banner-three-box-clip-area .right-thumbnail { max-width: 550px; height: 100%; } } @media only screen and (max-width: 991px) { .banner-three-box-clip-area .right-thumbnail { max-width: 100%; height: 100%; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .banner-three-box-clip-area .right-thumbnail img { max-width: 550px; height: 100%; object-fit: cover; } } @media only screen and (max-width: 1199px) { .banner-three-box-clip-area .right-thumbnail img { max-width: 550px; height: 100%; object-fit: cover; } } @media only screen and (max-width: 991px) { .banner-three-box-clip-area .right-thumbnail img { max-width: 100%; height: 100%; } } .banner-three-box-clip-area .banner-inner-conten .pre { color: #5D666F; font-size: 22px; font-weight: 500; } .banner-three-box-clip-area .banner-inner-conten .title { font-size: 86px; font-weight: 700px; margin-top: 20px; margin-bottom: 25px; line-height: 1.2; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .banner-three-box-clip-area .banner-inner-conten .title { font-size: 60px; } } @media only screen and (max-width: 1199px) { .banner-three-box-clip-area .banner-inner-conten .title { font-size: 54px; } } @media only screen and (max-width: 991px) { .banner-three-box-clip-area .banner-inner-conten .title { font-size: 44px; } } @media only screen and (max-width: 767px) { .banner-three-box-clip-area .banner-inner-conten .title { font-size: 34px; } } .banner-three-box-clip-area .banner-inner-conten .title span { font-style: italic; font-weight: 500; } @media only screen and (max-width: 991px) { .banner-three-box-clip-area .banner-inner-conten { padding: 50px; background: #fff; z-index: 10; position: relative; border-radius: 6px; } } @media only screen and (max-width: 767px) { .banner-three-box-clip-area .banner-inner-conten { padding: 25px; border-radius: 6px; } } .banner-three-box-clip-area .all-shape img { position: absolute; } .banner-three-box-clip-area .all-shape img.one { left: 0; top: 0; animation: jump-2 5s linear infinite; } .banner-three-box-clip-area .all-shape img.two { top: 10%; left: 37%; animation: rotateIt 10s linear infinite; } .banner-three-box-clip-area .all-shape img.three { bottom: 0; left: 40%; animation: jump-2 3s linear infinite; } .rts-banner-area-two { position: relative; } .rts-banner-area-two .shape { position: absolute; } .rts-banner-area-two .shape.shape-one { position: absolute; right: -100%; bottom: 0; transition: 1s; } @media only screen and (max-width: 575px) { .rts-banner-area-two .shape.shape-one { max-width: 220px; } } .rts-banner-area-two .shape.shape-two { position: absolute; right: 0%; top: 35%; animation: jump-2 5s linear infinite; transform: scale(0); transition: 0.4s; } .rts-banner-area-two .shape.shape-three { position: absolute; left: 0%; animation: jump-2 8s linear infinite; top: 60%; transition: 0.6s; } .rts-banner-area-two .shape.shape-four { position: absolute; left: -100%; top: 0; transition: 0.7s; } .mySwiper-banner-two { position: relative; } .mySwiper-banner-two .swiper-button-next, .mySwiper-banner-two .swiper-button-prev { height: 60px; width: 60px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; transition: 0.3s; } @media only screen and (max-width: 767px) { .mySwiper-banner-two .swiper-button-next, .mySwiper-banner-two .swiper-button-prev { display: none; } } .mySwiper-banner-two .swiper-button-next i, .mySwiper-banner-two .swiper-button-prev i { font-size: 25px; transition: 0.3s; color: #1C2539; } .mySwiper-banner-two .swiper-button-next::after, .mySwiper-banner-two .swiper-button-prev::after { display: none; } .mySwiper-banner-two .swiper-button-next:hover, .mySwiper-banner-two .swiper-button-prev:hover { background: var(--color-primary); transform: scale(1.1); } .mySwiper-banner-two .swiper-button-next:hover i, .mySwiper-banner-two .swiper-button-prev:hover i { color: #fff; } .mySwiper-banner-two .swiper-button-next { right: 120px; } .mySwiper-banner-two .swiper-button-prev { left: 120px; } .banner-swiper-two .swiper-slide-active .pre-title { animation: fadeInUp 1s; animation-delay: 0s; display: block; } .banner-swiper-two .swiper-slide-active .title { animation: fadeInUp-small 1.5s; animation-delay: 0s; } .banner-swiper-two .swiper-slide-active p.disc { animation: fadeInUp 2.5s; animation-delay: 0s; } .banner-swiper-two .swiper-slide-active .rts-btn { animation: fadeInUp 3s; animation-delay: 0s; } .banner-swiper-two .swiper-slide-active .shape-two { right: 10%; } .banner-swiper-two .swiper-slide-active .shape-three { left: 16%; } .banner-swiper-two .swiper-slide-active .shape-one { right: 0; } .banner-swiper-two .swiper-slide-active .shape-four { left: 0; } .banner-four-area-main-wrapper { position: relative; } .banner-four-area-main-wrapper .swiper-pagination { position: absolute; left: auto; right: 70px; top: 50%; transform: translateY(-50%); max-width: max-content; display: flex; flex-direction: column; z-index: 10; } @media only screen and (max-width: 767px) { .banner-four-area-main-wrapper .swiper-pagination { display: none; } } .banner-four-area-main-wrapper .swiper-pagination .swiper-pagination-bullet { background: #fff; opacity: 0.66; height: 14px; width: 14px; } .banner-four-area-main-wrapper .swiper-pagination .swiper-pagination-bullet-active { height: 48px; width: 48px; background-image: url(../images/gallery/bullet.svg); background-color: transparent; opacity: 1; } .banner-four-area-main-wrapper { position: relative; z-index: 1; } .banner-four-area-main-wrapper .banner-shape-left-right { pointer-events: none; } @media only screen and (max-width: 991px) { .banner-four-area-main-wrapper .banner-shape-left-right { display: none; } } .banner-four-area-main-wrapper .banner-shape-left-right .left { position: absolute; left: 0; top: 10%; z-index: 10; } .banner-four-area-main-wrapper .banner-shape-left-right .right { position: absolute; right: 0; top: 13%; z-index: 1; } .banner-five-content { padding-top: 283px; display: flex; align-items: flex-end; justify-content: space-between; } @media only screen and (max-width: 1199px) { .banner-five-content { padding-top: 160px; } } @media only screen and (max-width: 991px) { .banner-five-content { flex-direction: column; align-items: flex-start; gap: 30px; } } .banner-five-content .title-area { flex-basis: 54%; } .banner-five-content .title-area p.pre { font-size: 18px; text-transform: uppercase; color: #5D666F; margin-bottom: 28px; } .banner-five-content .title-area p.pre span { font-weight: 700; color: var(--color-primary); } .banner-five-content .title-area .title { font-size: 86px; line-height: 1.1; margin-bottom: 0; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .banner-five-content .title-area .title { font-size: 54px; } } @media only screen and (max-width: 1199px) { .banner-five-content .title-area .title { font-size: 54px; } } @media only screen and (max-width: 575px) { .banner-five-content .title-area .title { font-size: 38px; } } .banner-five-content .title-area .title span { font-weight: 500; font-style: italic; } .banner-five-content .description-area { flex-basis: 40%; padding-left: 6%; margin-bottom: 17px; } @media only screen and (max-width: 991px) { .banner-five-content .description-area { padding-left: 0; } } .banner-image-primary-five { border-radius: 20px; overflow: hidden; display: block; } .banner-image-primary-five img { transition: 0.3s; } .banner-contact-form-five { background: var(--color-primary); padding: 30px; border-radius: 16px; margin-left: -86px; position: relative; z-index: 30; text-align: center; } @media only screen and (max-width: 991px) { .banner-contact-form-five { margin-left: 0; margin-top: 30px; } } @media only screen and (max-width: 479px) { .banner-contact-form-five { padding: 22px; } } .banner-contact-form-five .title { color: #fff; margin-bottom: 26px; font-size: 24px; } .banner-contact-form-five input { height: 52px; background: #363D42; margin-bottom: 20px; border: none; color: #E0E0E0; padding: 15px; } .banner-contact-form-five textarea { height: 110px; background: #363D42; margin-bottom: 20px; border: none; color: #E0E0E0; padding: 15px; } .banner-contact-form-five .rts-btn { border-radius: 10px !important; max-width: 100%; } .banner-contact-form-five .rts-btn::before { background: #0f141f !important; } .bg_banner-five { background-image: url(../images/banner/06.webp); height: 900px; } @media only screen and (max-width: 575px) { .bg_banner-five { height: 730px; } } .rts-banner-area-six { display: flex; align-items: flex-end; } .banner-content-six { display: flex; align-items: flex-end; gap: 210px; justify-content: space-between; } @media only screen and (max-width: 1199px) { .banner-content-six { gap: 30px; } } @media only screen and (max-width: 767px) { .banner-content-six { flex-direction: column; align-items: flex-start; } } .banner-content-six .left-side { max-width: 722px; } .banner-content-six .left-side .title { font-size: 80px; margin-bottom: 30px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .banner-content-six .left-side .title { font-size: 60px; } } @media only screen and (max-width: 1199px) { .banner-content-six .left-side .title { font-size: 60px; } } @media only screen and (max-width: 767px) { .banner-content-six .left-side .title { font-size: 42px; } .banner-content-six .left-side .title br { display: none; } } .banner-content-six .left-side p { margin-bottom: 0; font-size: 18px; } .banner-content-six .left-side * { color: #fff; } .banner-content-six .right-stars-area { max-width: 357px; } .banner-content-six .right-stars-area .title { color: #fff; } .banner-content-six .right-stars-area p { text-transform: uppercase; color: #FFFFFF; font-size: 20px; margin-bottom: 25px; } .banner-content-six .right-stars-area .stars-wrapper { display: flex; align-items: center; gap: 10px; margin-bottom: 50px; } .banner-content-six .right-stars-area .stars-wrapper i { color: #fff; } .bg_banner-seven { height: 1076px; background-image: url(../images/banner/07.webp); display: flex; align-items: center; } @media only screen and (max-width: 991px) { .bg_banner-seven { height: 800px; } } @media only screen and (max-width: 767px) { .bg_banner-seven { height: 700px; } } .bg_banner-seven.two { background-image: url(../images/banner/08.webp); position: relative; } .bg_banner-seven.two.with-video { position: relative; z-index: 1; } .bg_banner-seven.two.with-video::after { position: absolute; content: ""; left: 0; height: 100%; width: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0.836) 0%, rgba(0, 0, 0, 0.596) 35%, rgba(0, 212, 255, 0) 100%); top: 0; bottom: 0; z-index: -1; } .bg_banner-seven.two.with-video .hero-bg-video { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; } .bg_banner-seven.two.with-video .hero-bg-video video { width: 100%; height: 100%; object-fit: cover; } .bg_banner-seven.three { background-image: url(../images/banner/09.webp); } .banner-seven-inner-content { padding-left: 90px; position: relative; } @media only screen and (max-width: 575px) { .banner-seven-inner-content { padding-left: 45px; } } @media only screen and (max-width: 479px) { .banner-seven-inner-content { padding-left: 10px; } } .banner-seven-inner-content .counter-area-banner-7 { position: absolute; left: 90px; top: 50%; background: linear-gradient(90deg, #49565E 0%, rgba(95, 95, 95, 0) 100%); padding: 64px 57px; border-left: 8px solid rgba(255, 255, 255, 0.507); } @media only screen and (max-width: 991px) { .banner-seven-inner-content .counter-area-banner-7 { display: none; } } .banner-seven-inner-content .counter-area-banner-7 .title-counter { font-size: 54px; color: #fff; } .banner-seven-inner-content .counter-area-banner-7 p { margin-bottom: 20px; text-transform: uppercase; color: #fff; } .banner-seven-inner-content .counter-area-banner-7 .stars-area-main { display: flex; align-items: center; gap: 5px; } .banner-seven-inner-content .counter-area-banner-7 .stars-area-main i { color: #fff; } .banner-seven-inner-content .pre-title { display: flex; align-items: center; font-size: 20px; color: #FFFFFF; } @media only screen and (max-width: 575px) { .banner-seven-inner-content .pre-title { font-size: 16px; margin-bottom: 15px; } } .banner-seven-inner-content .pre-title img { margin-right: 10px; } .banner-seven-inner-content .title { font-size: 160px; text-transform: uppercase; color: #fff; font-weight: 800; line-height: 1.1; } @media only screen and (max-width: 1199px) { .banner-seven-inner-content .title { font-size: 96px; } } @media only screen and (max-width: 991px) { .banner-seven-inner-content .title { font-size: 86px; } .banner-seven-inner-content .title br { display: none; } } @media only screen and (max-width: 767px) { .banner-seven-inner-content .title { font-size: 54px !important; } } @media only screen and (max-width: 575px) { .banner-seven-inner-content .title { font-size: 44px !important; } } .banner-seven-inner-content .title span { padding-left: 350px; } @media only screen and (max-width: 1199px) { .banner-seven-inner-content .title span { padding-left: 0; } } @mediaonly screen and (max-width: 479px) { .banner-seven-inner-content .title span { font-size: 46px; } } .banner-seven-inner-content p.disc { padding-left: 360px; max-width: 80%; color: #EAEAEA; font-size: 20px; line-height: 1.5; font-weight: 400; margin-bottom: 40px; } @media only screen and (max-width: 991px) { .banner-seven-inner-content p.disc { padding-left: 0; max-width: 100%; margin-bottom: 40px; } } .banner-seven-inner-content .rts-btn { margin-left: 360px; } @media only screen and (max-width: 991px) { .banner-seven-inner-content .rts-btn { margin-left: 0; } } .banner-seven-swiper-wrapper { position: relative; } .banner-seven-swiper-wrapper .language-area { writing-mode: vertical-rl; transform: rotate(180deg) translateY(-50%); position: absolute; top: 50%; left: 60px; display: flex; align-items: center; gap: 25px; z-index: 10; } @media only screen and (max-width: 575px) { .banner-seven-swiper-wrapper .language-area { left: 25px; } } @media only screen and (max-width: 479px) { .banner-seven-swiper-wrapper .language-area { display: none; } } .banner-seven-swiper-wrapper .language-area span { color: #fff; font-size: 16px; } .banner-seven-swiper-wrapper .to-bottom-area { writing-mode: vertical-rl; transform: rotate(180deg) translateY(-50%); position: absolute; bottom: 150px; left: 60px; display: flex; align-items: center; gap: 25px; color: #fff; z-index: 10; } @media only screen and (max-width: 575px) { .banner-seven-swiper-wrapper .to-bottom-area { left: 25px; } } @media only screen and (max-width: 479px) { .banner-seven-swiper-wrapper .to-bottom-area { display: none; } } .banner-seven-swiper-wrapper .to-bottom-area i { animation: jump-3 2s linear infinite; } .banner-seven-swiper-wrapper .email-area-left { writing-mode: vertical-rl; transform: rotate(180deg); position: absolute; top: 127px; left: 60px; display: flex; align-items: center; gap: 60px; z-index: 10; } @media only screen and (max-width: 575px) { .banner-seven-swiper-wrapper .email-area-left { left: 25px; } } @media only screen and (max-width: 479px) { .banner-seven-swiper-wrapper .email-area-left { display: none; } } .banner-seven-swiper-wrapper .email-area-left::after { position: absolute; content: ""; left: 12px; bottom: 148px; width: 1px; height: 40px; background: #fff; } .banner-seven-swiper-wrapper .email-area-left a { font-weight: 600; font-size: 16px; } .banner-seven-swiper-wrapper .email-area-left i { transform: rotate(90deg); } .banner-seven-swiper-wrapper .email-area-left * { color: #fff; } .banner-seven-swiper-wrapper .swiper-pagination { max-width: max-content; display: flex; flex-direction: column; top: 50%; right: 120px; left: auto; transform: translateY(-50%); } @media only screen and (max-width: 991px) { .banner-seven-swiper-wrapper .swiper-pagination { display: none; } } .banner-seven-swiper-wrapper .swiper-pagination .swiper-pagination-bullet { height: 60px; width: 60px; display: flex; align-items: center; justify-content: center; background: transparent; color: #fff; } .banner-seven-swiper-wrapper .swiper-pagination .swiper-pagination-bullet-active { background-image: none; background: rgba(0, 0, 0, 0.2); } .banner-bg_eight { background-image: url(../images/banner/10.webp); height: 900px; display: flex; align-items: center; position: relative; } @media only screen and (max-width: 575px) { .banner-bg_eight { height: 700px; } } .banner-inner-content-eight { padding-bottom: 160px; } .banner-inner-content-eight .pre-title-area { display: flex; align-items: center; gap: 15px; border: 1px solid #999999; padding: 5px 15px; border-radius: 10px; max-width: max-content; margin-bottom: 45px; } .banner-inner-content-eight .pre-title-area p { margin-bottom: 0; font-size: 16px; color: #5D666F; } .banner-inner-content-eight .title { font-size: 100px; text-transform: uppercase; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .banner-inner-content-eight .title { font-size: 91px; } } @media only screen and (max-width: 1199px) { .banner-inner-content-eight .title { font-size: 44px; } } @media only screen and (max-width: 575px) { .banner-inner-content-eight .title { font-size: 32px; } } .banner-inner-content-eight .title span { font-weight: 400; } .banner-inner-content-eight p.disc { font-size: 18px; line-height: 1.5; color: #5D666F; max-width: 56%; } @media only screen and (max-width: 767px) { .banner-inner-content-eight p.disc { max-width: 100%; } } .uppercase { text-transform: uppercase; } .padding-extend-300 { padding-top: 300px !important; } .rts-banner-area-9 { background: #F2F2F2; height: 850px; display: flex; align-items: center; position: relative; z-index: 1; } @media only screen and (max-width: 1199px) { .rts-banner-area-9 { height: 630px; } } @media only screen and (max-width: 575px) { .rts-banner-area-9 { height: 710px; } } @media only screen and (max-width: 479px) { .rts-banner-area-9 { height: 500px; } } .rts-banner-area-9 span.pre { text-transform: uppercase; color: #1C2539; display: block; margin-bottom: 12px; } .rts-banner-area-9 p.disc { font-size: 18px; color: #5D666F; line-height: 1.7; } .rts-banner-area-9 .image-right-absolute { position: absolute; right: 0; top: 0; bottom: 0; clip-path: polygon(68.225% 100%, 0% 100%, 0% -0.411%, 43.944% 0%, 99.93% 0%, 99.93% 100%, 59.225% 100%); z-index: -1; } @media only screen and (min-width: 1600px) and (max-width: 1919px) { .rts-banner-area-9 .image-right-absolute { max-width: 700px; height: 100%; min-height: 100%; object-fit: cover; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .rts-banner-area-9 .image-right-absolute { max-width: 600px; height: 100%; min-height: 100%; object-fit: cover; } } @media only screen and (max-width: 1199px) { .rts-banner-area-9 .image-right-absolute { display: none; } } @media only screen and (min-width: 1600px) and (max-width: 1919px) { .rts-banner-area-9 .image-right-absolute img { height: 100%; min-height: 100%; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .rts-banner-area-9 .image-right-absolute img { height: 100%; min-height: 100%; object-fit: cover; } } @media only screen and (max-width: 575px) { .rts-banner-area-9 .circle-text-main { position: absolute; left: 74%; bottom: 15px; transform: translateX(-50%); } } .easy-contact-left-funfacts-8 { background: #20282D; padding: 89px 66px; border-radius: 10px; margin-right: -40px; position: relative; z-index: 5; } @media only screen and (max-width: 991px) { .easy-contact-left-funfacts-8 { margin-right: 0; margin-top: 30px; } } @media only screen and (max-width: 767px) { .easy-contact-left-funfacts-8 { padding: 25px; } } .easy-contact-left-funfacts-8 .signle-contact { display: flex; align-items: flex-start; gap: 30px; margin-bottom: 35px; } @media only screen and (max-width: 479px) { .easy-contact-left-funfacts-8 .signle-contact { flex-direction: column; gap: 15px; } } .easy-contact-left-funfacts-8 .signle-contact:last-child { margin-bottom: 0; } .easy-contact-left-funfacts-8 .signle-contact .icon { height: 51px; min-width: 51px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #F2F2F2; } .easy-contact-left-funfacts-8 .signle-contact .icon i { color: #20282D; } .easy-contact-left-funfacts-8 .signle-contact .main-contact span { display: block; color: #B3B7C1; font-size: 20px; margin-bottom: 10px; } .easy-contact-left-funfacts-8 .signle-contact .main-contact a { font-size: 22px; color: #fff; } .rts-fun-facts-area-8 .modern-funfacts-area-wrapper { margin-left: -30px; padding-right: 20px; } @media only screen and (max-width: 991px) { .rts-fun-facts-area-8 .modern-funfacts-area-wrapper { margin-left: 0; padding-right: 0; margin-top: 30px; } } .rts-fun-facts-area-8 .single-counter-wrapper-8 { padding: 35px 45px; background: #F2F2F2; margin-bottom: 50px; border-radius: 10px; text-align: center; } .rts-fun-facts-area-8 .single-counter-wrapper-8 .title { font-size: 70px; margin-bottom: 0; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .rts-fun-facts-area-8 .single-counter-wrapper-8 .title { font-size: 40px; } } @media only screen and (max-width: 1199px) { .rts-fun-facts-area-8 .single-counter-wrapper-8 .title { font-size: 34px !important; } } @media only screen and (max-width: 767px) { .rts-fun-facts-area-8 .single-counter-wrapper-8 .title { font-size: 38px !important; } } .rts-fun-facts-area-8 .single-counter-wrapper-8 p { margin-bottom: 0; text-transform: uppercase; font-size: 16px; color: #1C2539; font-weight: 700; } .rts-fun-facts-area-8 .single-counter-wrapper-8:last-child { margin-bottom: 0; } .counter-modern-lfun-facts-wrapper { margin-left: -50px; } @media only screen and (max-width: 991px) { .counter-modern-lfun-facts-wrapper { margin-left: 0; margin-top: 30px; } } .banner-bg_12 { height: 900px; background-image: url(../images/banner/13.webp); display: flex; align-items: center; } @media only screen and (max-width: 991px) { .banner-bg_12 { height: 650px; } } @media only screen and (max-width: 575px) { .banner-bg_12 { background-position: 75% center; } } .banner-inner-content-12 .pre { display: flex; align-items: center; gap: 10px; font-size: 20px; color: #FFFFFF; } .banner-inner-content-12 .title { font-size: 80px; line-height: 1.1; color: #fff; } @media only screen and (max-width: 991px) { .banner-inner-content-12 .title { font-size: 44px; } } @media only screen and (max-width: 575px) { .banner-inner-content-12 .title { font-size: 36px; } } .banner-inner-content-12 p.disc { font-size: 18px; color: #fff; max-width: 55%; font-weight: 300; line-height: 1.8; margin-bottom: 53px; } @media only screen and (max-width: 991px) { .banner-inner-content-12 p.disc { max-width: 75%; } } @media only screen and (max-width: 575px) { .banner-inner-content-12 p.disc { max-width: 100%; } } .flex-end-footer { justify-content: flex-end; } @media only screen and (max-width: 991px) { .flex-end-footer { justify-content: flex-start; margin-top: 25px; } } .rts-banner-ten-area { position: relative; z-index: 1; } @media only screen and (max-width: 575px) { .rts-banner-ten-area::after { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.3882352941); z-index: -1; } } .rts-banner-ten-area .chart-image img { animation: jump-2 5s linear infinite; } .rts-banner-ten-area .chart-image .one { position: absolute; right: 317px; top: 40%; transform: translateY(-50%); } @media only screen and (max-width: 1199px) { .rts-banner-ten-area .chart-image .one { right: 50px; } } @media only screen and (max-width: 991px) { .rts-banner-ten-area .chart-image .one { display: none; } } .rts-banner-ten-area .chart-image .two { position: absolute; left: 52%; bottom: 99px; animation: jump-2 10s linear infinite; } @media only screen and (max-width: 991px) { .rts-banner-ten-area .chart-image .two { max-width: 133px; left: 75%; } } @media only screen and (max-width: 991px) { .rts-banner-ten-area .chart-image .two { display: none; } } .rts-banner-five-wrapper { position: relative; z-index: 1; } .rts-banner-five-wrapper .shape-area img { z-index: -1; } .rts-banner-five-wrapper .shape-area .one { position: absolute; left: 50%; top: 220px; } .rts-banner-five-wrapper .shape-area .two { position: absolute; right: 80px; top: 40%; } .rts-banner-five-wrapper .shape-area .three { position: absolute; left: 140px; top: 55%; z-index: -1; } .blog-details-banner-large-image { height: 703px; background-image: url(../images/blog/18.webp); background-attachment: fixed; background-position: center, center; background-size: cover; } @media only screen and (max-width: 767px) { .blog-details-banner-large-image { height: 450px; } } @media only screen and (max-width: 575px) { .blog-details-banner-large-image { height: 350px; } } .partner-breadcrumb { background-image: url(../images/banner/23.webp); height: 477px; } @media only screen and (max-width: 575px) { .partner-breadcrumb { height: 400px; } } .our-partner-bottom-wrapper { display: flex; align-items: center; justify-content: space-between; gap: 65px; } @media only screen and (max-width: 991px) { .our-partner-bottom-wrapper { flex-wrap: wrap; gap: 20px; } } .our-partner-bottom-wrapper > * { flex-basis: 50%; } @media only screen and (max-width: 991px) { .our-partner-bottom-wrapper > * { flex-basis: 100%; } } .our-partner-bottom-wrapper .title { font-size: 42px; } @media only screen and (max-width: 991px) { .our-partner-bottom-wrapper .title { font-size: 32px; } } @media only screen and (max-width: 575px) { .our-partner-bottom-wrapper .title { font-size: 25px; } } .with-video .banner-seven-inner-content .title span { padding-left: 0; } .with-video .banner-seven-inner-content p.disc { padding-left: 0; } .with-video .banner-seven-inner-content .rts-btn { margin-left: 0; } .with-video .banner-seven-inner-content { padding-left: 0; } @media only screen and (max-width: 1199px) { .with-video .banner-seven-inner-content { padding-left: 70px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .with-video .banner-seven-inner-content { padding-left: 70px; } } @media only screen and (max-width: 479px) { .with-video .banner-seven-inner-content { padding-left: 0; } } .banner-accountent-bg { background-image: url(../images/banner/28.webp); height: 900px; display: flex; align-items: center; } @media only screen and (max-width: 991px) { .banner-accountent-bg { height: auto; } } .banner-accountent-content .pre-title { display: flex; align-content: center; gap: 10px; font-size: 20px; color: #1C2539; margin-bottom: 10px; } .banner-accountent-content .title { font-size: 80px; } @media only screen and (max-width: 767px) { .banner-accountent-content .title { font-size: 50px; } } @media only screen and (max-width: 575px) { .banner-accountent-content .title { font-size: 44px; } } @media only screen and (max-width: 479px) { .banner-accountent-content .title { font-size: 32px; } } .banner-accountent-content p.disc { font-size: 18px; } .banner-accountent-content .button-wrapper .btn-border { border-color: var(--color-primary); color: #1C2539; } .banner-accountent-content .button-wrapper .btn-border::before { background: var(--color-primary); } .banner-accountent-content .button-wrapper .btn-border:hover { color: #fff; } .thumbnail-banner-area-accountent { position: relative; } .thumbnail-banner-area-accountent .absolute-rating-area { position: absolute; left: -1%; padding: 20px 27px; background: #FFFFFF; border-radius: 20px; top: 11%; text-align: center; display: flex; flex-direction: column; justify-content: center; } .thumbnail-banner-area-accountent .absolute-rating-area img { margin-bottom: 15px; } .thumbnail-banner-area-accountent .absolute-rating-area .stars-area { display: flex; align-items: center; gap: 7px; margin-bottom: 14px; } .thumbnail-banner-area-accountent .absolute-rating-area .stars-area i { color: #FBB002; } .thumbnail-banner-area-accountent .absolute-rating-area span { color: #5D666F; font-size: 22px; font-weight: 500; } .rts-banner-accountent-two { background-image: url(../images/banner/29.webp); height: 1020px; display: flex; align-items: center; } @media only screen and (max-width: 991px) { .rts-banner-accountent-two { height: 700px; } } .rts-banner-accountent-two .banner-accountent-content { padding: 45px 51px; background: rgba(32, 40, 45, 0.34); border-radius: 7px 30px 30px 7px; border-left: 7px solid var(--color-primary); } @media only screen and (max-width: 575px) { .rts-banner-accountent-two .banner-accountent-content { padding: 40px 20px; } } .rts-banner-accountent-two .banner-accountent-content .pre-title, .rts-banner-accountent-two .banner-accountent-content .title, .rts-banner-accountent-two .banner-accountent-content p.disc { color: #fff; } .rts-banner-accountent-two .banner-accountent-content .pre-title img { filter: brightness(0) saturate(100%) invert(100%) sepia(12%) saturate(7488%) hue-rotate(268deg) brightness(125%) contrast(99%); } .rts-banner-accountent-two .banner-accountent-content .btn-border { border-color: #fff; color: #fff; } .rts-banner-accountent-two .banner-accountent-content .btn-border:hover { border-color: var(--color-primary); } .rts-banner-hr { clip-path: polygon(0% 92.405%, 0% 0%, 100% 0%, 100% 92.405%, 100% 92.405%, 98.982% 94.447%, 97.636% 96.315%, 95.99% 97.904%, 94.075% 99.109%, 91.919% 99.825%, 89.553% 99.948%, 87.005% 99.372%, 84.305% 97.993%, 81.483% 95.706%, 78.568% 92.405%, 78.568% 92.405%, 75.926% 89.487%, 73.234% 87.448%, 70.533% 86.201%, 67.866% 85.661%, 65.277% 85.74%, 62.806% 86.352%, 60.498% 87.411%, 58.395% 88.83%, 56.54% 90.524%, 54.974% 92.405%, 54.974% 92.405%, 53.091% 94.564%, 51.053% 96.359%, 48.84% 97.748%, 46.432% 98.686%, 43.809% 99.13%, 40.949% 99.035%, 37.833% 98.359%, 34.441% 97.058%, 30.751% 95.088%, 26.745% 92.405%, 26.745% 92.405%, 22.475% 89.584%, 18.583% 87.6%, 15.059% 86.373%, 11.895% 85.825%, 9.083% 85.878%, 6.613% 86.453%, 4.479% 87.472%, 2.671% 88.856%, 1.181% 90.526%, 0% 92.405%); height: 947.81px; background-image: url(../images/banner/30.webp); } @media only screen and (max-width: 767px) { .rts-banner-hr { height: 600px; } } @media only screen and (max-width: 575px) { .rts-banner-hr { height: 500px; } } .rts-banner-hr { display: flex; align-items: center; } .rts-banner-hr .banner-hr-content-wrapper { text-align: center; max-width: 614px; margin: auto; position: relative; z-index: 1; } .rts-banner-hr .banner-hr-content-wrapper::after { content: ""; border-radius: 50%; position: absolute; width: 506px; height: 506px; left: 50%; top: 40%; transform: translate(-50%, -50%); background: #493BFF; opacity: 0.3; z-index: -1; } .rts-banner-hr .banner-hr-content-wrapper::before { content: ""; border-radius: 50%; position: absolute; width: 710px; height: 710px; left: 50%; top: 40%; transform: translate(-50%, -50%); background: #493BFF; opacity: 0.3; z-index: -1; } .rts-banner-hr .banner-hr-content-wrapper .pre-title, .rts-banner-hr .banner-hr-content-wrapper .title, .rts-banner-hr .banner-hr-content-wrapper .disc { color: #fff; } .rts-banner-hr .banner-hr-content-wrapper .pre-title { display: flex; align-items: flex-end; justify-content: center; gap: 10px; } .rts-banner-hr .banner-hr-content-wrapper .pre-title img { filter: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(7500%) hue-rotate(292deg) brightness(117%) contrast(105%); } .rts-banner-hr .banner-hr-content-wrapper .rts-btn { margin: auto; } .rts-banner-business-coach { height: 1020px; background-image: url(../images/banner/31.webp); display: flex; align-items: center; } @media only screen and (max-width: 991px) { .rts-banner-business-coach { height: 800px; } } @media only screen and (max-width: 767px) { .rts-banner-business-coach { height: 750px; } } .banner-busines-coatch-wrapper .pre-title { display: flex; align-items: center; gap: 10px; } .banner-busines-coatch-wrapper .pre-title span { color: #fff; font-size: 20px; } .banner-busines-coatch-wrapper .title { font-size: 80px; color: #fff; font-weight: 700; max-width: 666px; line-height: 85px; margin-top: 20px; margin-bottom: 40px; } @media only screen and (max-width: 991px) { .banner-busines-coatch-wrapper .title { font-size: 54px; line-height: 1.25; } } @media only screen and (max-width: 767px) { .banner-busines-coatch-wrapper .title { font-size: 44px; } } .rts-banner-business-coach { position: relative; } .rts-banner-business-coach .button-image-lead { position: absolute; bottom: 76px; display: flex; align-items: center; gap: 20px; } .rts-banner-business-coach .button-image-lead span { font-size: 20px; color: #fff; } .banner-seo { z-index: 1; position: relative; } .banner-seo .button-wrapper .btn-border { border-color: var(--color-primary); color: #1C2539; } .banner-seo .button-wrapper .btn-border::before { background: var(--color-primary); } .banner-seo .button-wrapper .btn-border:hover { color: #fff; } .banner-seo .ellips-left { position: absolute; width: 628px; height: 827px; left: 0px; top: 0px; z-index: -1; background: #E04700; opacity: 0.12; filter: blur(150px); } .banner-seo .ellips-right { position: absolute; width: 792px; height: 827px; right: 0px; top: 0px; background: #E04700; opacity: 0.12; filter: blur(150px); z-index: -1; } .banner-area-seo-agency { padding-bottom: 280px; position: relative; } @media only screen and (max-width: 575px) { .banner-area-seo-agency { padding-bottom: 230px; } } .banner-area-seo-agency .title { font-size: 100px; line-height: 105px; margin-bottom: 80px; } @media only screen and (max-width: 1199px) { .banner-area-seo-agency .title { font-size: 65px; line-height: 1.2; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-area-seo-agency .title { font-size: 54px; } } @media only screen and (max-width: 767px) { .banner-area-seo-agency .title { font-size: 40px; margin-bottom: 44px; } } @media only screen and (max-width: 575px) { .banner-area-seo-agency .title { font-size: 34px; } } .banner-area-seo-agency p.disc { font-size: 30px; font-weight: 400; line-height: 28px; margin-bottom: 60px; } @media only screen and (max-width: 767px) { .banner-area-seo-agency p.disc { line-height: 1.2; } } @media only screen and (max-width: 575px) { .banner-area-seo-agency p.disc { font-size: 24px; } } .banner-area-seo-agency .brand-wrapper { display: flex; align-items: center; gap: 60px; margin-bottom: 60px; max-width: max-content; } .banner-area-seo-agency .bottom-right-image { max-width: 415px; right: 0; bottom: 0; position: absolute; border-radius: 16px; overflow: hidden; } @media only screen and (max-width: 1199px) { .banner-area-seo-agency .bottom-right-image { position: relative; margin-top: 35px; max-width: max-content; } } .banner-seo .stars-area-bottom { position: absolute; bottom: 120px; } .banner-seo .stars-area-bottom .stars-wrapper { display: flex; align-items: center; gap: 10px; margin-bottom: 13px; } .banner-seo .stars-area-bottom .stars-wrapper i { color: #FBB002; } .banner-seo .stars-area-bottom p { color: #5D666F; font-size: 18px; font-weight: 500; margin-bottom: 20px; } .demo-seo .rts-about-area-6 { position: relative; z-index: 1; } .demo-seo .rts-about-area-6 .ellips-left { position: absolute; width: 628px; height: 827px; left: 0px; top: 0px; z-index: -1; background: #E04700; opacity: 0.12; filter: blur(150px); } .demo-seo .why-chooseus-area { position: relative; } .demo-seo .why-chooseus-area .ellips-right { position: absolute; width: 792px; height: 827px; right: 0px; top: 0px; background: #E04700; opacity: 0.12; filter: blur(150px); z-index: -1; } .mySwiper-brand-banner { max-width: max-content; max-width: 700px; } .rts-technology-banner-area { background-image: url(../images/banner/33.webp); height: 1007px; } @media only screen and (max-width: 575px) { .rts-technology-banner-area { height: 767px; } } .demo-technology .rts-btn { border-radius: 15px !important; } .inner-content-technology-banner { max-width: 943px; margin: auto; text-align: center; margin-top: -95px; } @media only screen and (max-width: 991px) { .inner-content-technology-banner { margin-top: -200px; } } .inner-content-technology-banner .title { color: #fff; font-size: 100px; line-height: 105px; } @media only screen and (max-width: 1199px) { .inner-content-technology-banner .title { font-size: 74px; line-height: 85px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .inner-content-technology-banner .title { font-size: 54px; line-height: 1.4; } } @media only screen and (max-width: 767px) { .inner-content-technology-banner .title { font-style: 44px; line-height: 1.4; } } @media only screen and (max-width: 575px) { .inner-content-technology-banner .title { font-size: 32px; } } .inner-content-technology-banner p.disc { color: #fff; font-size: 24px; line-height: 34px; } @media only screen and (max-width: 575px) { .inner-content-technology-banner p.disc { font-size: 16px; line-height: 1.4; } } .inner-content-technology-banner .button-wrapper { justify-content: center; } .large-image-clip-path-technology { width: 1291px; height: 480px; clip-path: polygon(1290.96px 464px, 1290.96px 464px, 1290.75041px 466.595391px, 1290.14368px 469.057408px, 1289.17287px 471.353117px, 1287.87104px 473.449584px, 1286.27125px 475.313875px, 1284.40656px 476.913056px, 1282.31003px 478.214193px, 1280.01472px 479.184352px, 1277.55369px 479.790599px, 1274.96px 480px, 16.9548px 480px, 16.9548px 480px, 14.359503736px 479.790599px, 11.897536448px 479.184352px, 9.601840392px 478.214193px, 7.505357824px 476.913056px, 5.641031px 475.313875px, 4.041802176px 473.449584px, 2.740613608px 471.353117px, 1.770407552px 469.057408px, 1.164126264px 466.595391px, 0.954712px 464px, 0.954712px 148px, 0.954712px 148px, 1.164125084px 145.404609px, 1.770402912px 142.942592px, 2.740603348px 140.646883px, 4.041784256px 138.550416px, 5.6410035px 136.686125px, 7.505318944px 135.086944px, 9.601788452px 133.785807px, 11.897469888px 132.815648px, 14.359421116px 132.209401px, 16.9547px 132px, 222.455px 132px, 222.455px 132px, 225.050148px 131.790599px, 227.512024px 131.184352px, 229.807676px 130.214193px, 231.904152px 128.913056px, 233.7685px 127.313875px, 235.367768px 125.449584px, 236.669004px 123.353117px, 237.639256px 121.057408px, 238.245572px 118.595391px, 238.455px 116px, 238.455px 16.9848px, 238.455px 16.9848px, 238.664143px 14.391186234px, 239.269664px 11.930648712px, 240.238701px 9.636085098px, 241.538392px 7.540393056px, 243.135875px 5.67647025px, 244.998288px 4.077214344px, 247.092769px 2.775523002px, 249.386456px 1.804293888px, 251.846487px 1.196424666px, 254.44px 0.984813px, 1274.94px 0.0152164px, 1274.94px 0.0152164px, 1277.5364px 0.2224271706px, 1279.9996px 0.8271095168px, 1282.2966px 1.7962772302px, 1284.3944px 3.0969441024px, 1286.26px 4.696123925px, 1287.8604px 6.5608304896px, 1289.1626px 8.6580775878px, 1290.1336px 10.9548790112px, 1290.7404px 13.4182485514px, 1290.95px 16.0152px, 1290.96px 464px); background-color: bisque; position: relative; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .large-image-clip-path-technology { width: 100%; } .large-image-clip-path-technology img { height: 100%; object-fit: cover; width: 100%; } } @media only screen and (max-width: 1199px) { .large-image-clip-path-technology { width: 100%; } .large-image-clip-path-technology img { height: 100%; } } @media only screen and (max-width: 1199px) and (max-width: 991px) { .large-image-clip-path-technology img { object-fit: cover; } } @media only screen and (max-width: 575px) { .large-image-clip-path-technology { clip-path: none; } } .large-image-with-rating { position: relative; } .large-image-with-rating .rating-area-top-left-technology { position: absolute; left: 0; top: 0; } @media only screen and (max-width: 575px) { .large-image-with-rating .rating-area-top-left-technology { left: 15px; top: 15px; border-radius: 10px; background: #0f141f; padding: 15px; } } .large-image-with-rating .rating-area-top-left-technology ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 7px; margin-bottom: 10px; } .large-image-with-rating .rating-area-top-left-technology ul li { margin: 0; } .large-image-with-rating .rating-area-top-left-technology ul li i { color: #FBB002; } .large-image-with-rating .rating-area-top-left-technology p { margin: 0; font-size: 18px; color: #EAEAEA; margin-bottom: 15px; } .mt-dec-large-img-b-bottom { margin-top: -315px; } .rts-btn { height: 55px; max-width: max-content; padding: 13px 29px; border: none; box-shadow: none; min-width: max-content; border-radius: 15px; transition: 800ms; font-weight: 600; } @media only screen and (max-width: 575px) { .rts-btn { height: 47px; padding: 13px 20px; display: flex !important; align-items: center !important; } } .rts-btn.btn-primary { background: var(--color-primary); overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; } .rts-btn.btn-primary::before { content: ""; position: absolute; -webkit-transition-duration: 800ms; transition-duration: 800ms; width: 200%; height: 200%; top: 110%; left: 50%; background: #F2F2F2; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; z-index: -1; } .rts-btn.btn-primary:hover { background: #F2F2F2; color: var(--color-primary); } .rts-btn.btn-primary:hover::before { top: -40%; } .rts-btn.btn-primary.btn-white { background: #F2F2F2; color: #20282D; } .rts-btn.btn-primary.btn-white::before { background: var(--color-primary); } .rts-btn.btn-primary.btn-white:hover { background: var(--color-primary); color: #F2F2F2; } .rts-btn.btn-primary.btn-white:hover::before { top: -40%; } .rts-btn.btn-border { background: transparent; border: 1px solid #E9ECF1; } .rts-btn:focus { border: none; box-shadow: none; } .about-content-left-one .call-and-sign-area { display: flex; align-items: center; gap: 43px; } @media only screen and (max-width: 767px) { .about-content-left-one .call-and-sign-area { flex-wrap: wrap; gap: 15px; } } .about-content-left-one .call-and-sign-area .call-area { display: flex; align-items: center; gap: 20px; } .about-content-left-one .call-and-sign-area .call-area .icon { height: 55px; width: 55px; border-radius: 50px; background: var(--color-primary); display: flex; align-items: center; justify-content: center; } .about-content-left-one .call-and-sign-area .call-area .icon i { font-size: 20px; color: #fff; transform: rotate(-45deg); } .about-content-left-one .call-and-sign-area .call-area .information span { font-weight: 500; font-size: 14px; line-height: 18px; color: #5D666F; margin-bottom: 7px; display: block; } .about-content-left-one .call-and-sign-area .call-area .information .title { font-weight: 700; font-size: 20px; line-height: 26px; color: #1C2539; margin: 0; } .about-content-left-one .call-and-sign-area .sign-area img { max-width: max-content; } .about-content-left-one .rts-btn { margin-top: 40px; padding: 13px 36px; } .thumbnail-about-1 { border-radius: 600px; overflow: hidden; } .thumbnail-about-1 img { width: 100%; } .thumbnail-about-and-progress-1 { max-width: 600px; margin: auto; position: relative; } .thumbnail-about-and-progress-1 .progress-area-wrapper { position: absolute; left: -10%; bottom: 20px; background: var(--color-primary); padding: 28px 25px; border-radius: 10px; transform: translateX(-40%); } .thumbnail-about-and-progress-1 .progress-area-wrapper .title { color: #fff; font-size: 20px; margin-top: 20px; margin-bottom: 0; } .thumbnail-about-and-progress-1 .progress-circle-main-wrapper svg.radial-progress circle.bar--animated { stroke: #fff; } .thumbnail-about-and-progress-1 .progress-circle-main-wrapper svg.radial-progress text { fill: #fafafa !important; } .thumbnail-about-and-progress-1 .progress-circle-main-wrapper svg.radial-progress { max-width: 90px; } .thumbnail-about-and-progress-1 .progress-circle-main-wrapper svg.radial-progress circle.bar-static { stroke: rgba(255, 255, 255, 0.46) !important; } .thumbnail-about-and-progress-1 .single-progress-circle { display: flex; justify-content: center; position: relative; } .thumbnail-about-and-progress-1 .single-progress-circle .small-text { position: absolute; top: 55%; font-weight: 400; font-size: 18px; line-height: 24px; color: #1F1F21; font-family: var(--font-primary); } .consultancy-thumbnail-area { display: flex; justify-content: flex-end; position: relative; } .consultancy-thumbnail-area .large-image { max-width: 570px; border-radius: 100%; overflow: hidden; } .consultancy-thumbnail-area .small-iamge { position: absolute; left: -140px; bottom: -50px; border-radius: 50%; overflow: hidden; max-width: 246px; border: 8px solid #fff; } @media only screen and (max-width: 479px) { .consultancy-thumbnail-area .small-iamge { max-width: 170px; } } .consultancy-style-one .signle-consultancy { display: flex; align-items: flex-start; gap: 29px; } @media only screen and (max-width: 479px) { .consultancy-style-one .signle-consultancy { flex-direction: column; align-items: flex-start; } } .consultancy-style-one .signle-consultancy .icon { display: flex; align-items: center; justify-content: center; height: 60px; min-width: 60px; background: #F2F2F2; border-radius: 50%; } .consultancy-style-one .signle-consultancy .information .title { margin-bottom: 5px; font-size: 20px; } .left-thumbnail-about-area-two { display: flex; justify-content: center; max-width: 490px; margin: auto; position: relative; } .left-thumbnail-about-area-two .small-image { position: absolute; right: -63px; bottom: 40px; max-width: 211px; animation: jump-2 5s linear infinite; } @media only screen and (max-width: 1199px) { .left-thumbnail-about-area-two .small-image { right: 15px; } } .about-inner-content-two { padding-left: 20px; } .about-inner-content-two .about-between-wrapper { display: flex; align-items: flex-start; justify-content: space-between; margin-top: 35px; flex-wrap: wrap; gap: 15px; } @media only screen and (max-width: 991px) { .about-inner-content-two .about-between-wrapper { flex-wrap: wrap; } } .about-inner-content-two .about-between-wrapper p.disc { max-width: 333px; font-size: 16px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .about-inner-content-two .about-between-wrapper p.disc { margin-bottom: 20px; max-width: 100%; } } @media only screen and (max-width: 1199px) { .about-inner-content-two .about-between-wrapper p.disc { max-width: 100%; } } .about-inner-content-two .about-between-wrapper .check-wrapper-area .single-check { display: flex; align-items: center; gap: 10px; margin: 5px 0; } .about-inner-content-two .about-between-wrapper .check-wrapper-area .single-check i { color: #20282D; } .about-inner-content-two .about-between-wrapper .check-wrapper-area .single-check p { margin: 0; color: #1C2539; font-size: 16px; } .rts-about-area-two { position: relative; } .rts-about-area-two .shape-area .one { position: absolute; right: 0; top: 50%; animation: jump-2 8s linear infinite; } @media only screen and (max-width: 575px) { .rts-about-area-two .shape-area .one { display: none; } } .rts-about-area-two .shape-area .two { position: absolute; left: 0; top: 20%; animation: jump-2 12s linear infinite; } .thumbnail-business-area-right-two { position: relative; } .thumbnail-business-area-right-two .small-thumbnail { position: absolute; top: 50%; left: -100px; transform: translateY(-50%); max-width: 301px; z-index: 10; } @media only screen and (max-width: 575px) { .thumbnail-business-area-right-two .small-thumbnail { top: 65%; max-width: 195px; } } .thumbnail-business-area-right-two .large-thumbnail { display: flex; align-items: center; justify-content: flex-end; position: relative; z-index: 5; max-width: 440px; margin-left: auto; } @media only screen and (max-width: 767px) { .thumbnail-business-area-right-two .large-thumbnail { max-width: max-content; margin-left: 0; margin-top: 30px; } } .business-goal-area-2 .consultancy-style-one .signle-consultancy { max-width: 84%; } .left-thumbnail-about-area-two { position: relative; } .left-thumbnail-about-area-two .counter-about-area { position: absolute; padding: 50px 33px; background: #20282D; position: absolute; top: 50px; left: -75px; text-align: center; border-radius: 15px; } @media only screen and (max-width: 575px) { .left-thumbnail-about-area-two .counter-about-area { padding: 20px; left: 6px; } } .left-thumbnail-about-area-two .counter-about-area .title { font-size: 48px; margin-bottom: 5px; } .left-thumbnail-about-area-two .counter-about-area * { color: #fff; } .about-thumbnail-style-three { clip-path: polygon(59.232% 99.954%, 0% 99.954%, 0% 0%, 43.948% 0%, 99.94% 0%, 99.94% 85.02%, 59.232% 99.954%); margin-right: -30px; } .main-thumnal-inner-about-three { position: relative; z-index: 1; } .main-thumnal-inner-about-three .shape img { position: absolute; position: absolute; left: -30px; top: -40px; z-index: -1; animation: jump-2 7s linear infinite; } @media only screen and (max-width: 575px) { .main-thumnal-inner-about-three .shape img { max-width: 50%; } } .about-content-right-three .about-feature { border: 1px solid rgba(32, 40, 45, 0.1490196078); border-radius: 20px; margin-bottom: 55px; max-width: 80%; } @media (max-width: 576px) { .about-content-right-three .about-feature { max-width: 100%; } } .about-content-right-three .about-feature .single-feature-wrap { display: flex; align-items: center; padding: 17px 20px; border-bottom: 1px solid rgba(32, 40, 45, 0.1490196078); } .about-content-right-three .about-feature .single-feature-wrap .single { flex-basis: 48%; color: #5D666F; font-size: 18px; } .about-content-right-three .about-feature .single-feature-wrap:last-child { border: none; } .about-bg-four { background-image: url(../images/about/07.webp); margin-top: -70px; } .thumbnail-about-right-4 { position: relative; } .thumbnail-about-right-4 .large-iamge, .thumbnail-about-right-4 .small-image { clip-path: polygon(48.93% 0.356%, 48.93% 0.356%, 49.136% 0.264%, 49.349% 0.194%, 49.568% 0.143%, 49.791% 0.113%, 50.015% 0.103%, 50.24% 0.113%, 50.463% 0.143%, 50.681% 0.194%, 50.895% 0.264%, 51.101% 0.356%, 98.912% 24.359%, 98.912% 24.359%, 99.106% 24.469%, 99.283% 24.594%, 99.444% 24.734%, 99.586% 24.887%, 99.708% 25.052%, 99.811% 25.227%, 99.892% 25.411%, 99.951% 25.602%, 99.988% 25.798%, 100% 26%, 100% 74%, 100% 74%, 99.988% 74.202%, 99.951% 74.398%, 99.892% 74.589%, 99.811% 74.773%, 99.708% 74.948%, 99.586% 75.113%, 99.444% 75.266%, 99.283% 75.406%, 99.106% 75.531%, 98.912% 75.641%, 51.101% 99.645%, 51.101% 99.645%, 50.895% 99.736%, 50.681% 99.806%, 50.463% 99.857%, 50.24% 99.887%, 50.015% 99.897%, 49.791% 99.887%, 49.568% 99.857%, 49.349% 99.806%, 49.136% 99.736%, 48.93% 99.645%, 1.119% 75.641%, 1.119% 75.641%, 0.925% 75.531%, 0.747% 75.406%, 0.587% 75.266%, 0.445% 75.113%, 0.322% 74.948%, 0.22% 74.773%, 0.138% 74.589%, 0.079% 74.398%, 0.043% 74.202%, 0.031% 74%, 0.031% 26%, 0.031% 26%, 0.043% 25.798%, 0.079% 25.602%, 0.138% 25.411%, 0.22% 25.227%, 0.322% 25.052%, 0.445% 24.887%, 0.587% 24.734%, 0.747% 24.594%, 0.925% 24.469%, 1.119% 24.359%, 48.93% 0.356%); } .thumbnail-about-right-4 .large-iamge { max-width: 459px; margin-left: auto; } .thumbnail-about-right-4 .small-image { position: absolute; left: -140px; bottom: -36px; max-width: 219px; z-index: 10; } @media only screen and (max-width: 575px) { .thumbnail-about-right-4 .small-image { left: 0; } } .thumbnail-about-right-4 .poligon-shape { position: absolute; left: -147px; bottom: -47px; max-width: 245px; z-index: 9; } @media only screen and (max-width: 575px) { .thumbnail-about-right-4 .poligon-shape { left: -7px; } } .thumbnail-about-right-4 .video-area { position: absolute; right: -39px; top: 44%; cursor: pointer; } .thumbnail-about-right-4 .video-area .vedio-icone .video-play-button { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 32px; height: 44px; border-radius: 50%; padding: 18px 20px 18px 28px; display: flex; opacity: 0; height: 100%; width: 100%; } .about-content-four-left p.disc { padding-left: 65px; position: relative; margin-bottom: 40px; margin-top: 10px; } @media only screen and (max-width: 575px) { .about-content-four-left p.disc { padding-left: 0; } } .about-content-four-left p.disc::after { content: ""; position: absolute; left: 0; width: 51px; height: 3px; background: var(--color-primary); top: 8px; } @media only screen and (max-width: 575px) { .about-content-four-left p.disc::after { display: none; } } .thumbnail-about-five { border-radius: 0 10px 10px 0; display: block; overflow: hidden; } .about-content-inner-five { max-width: 65%; } @media only screen and (max-width: 1199px) { .about-content-inner-five { max-width: 95%; } } @media only screen and (max-width: 991px) { .about-content-inner-five { padding-left: 15px; } } .about-content-inner-five .about-single-home-7 { display: flex; align-items: flex-start; margin-bottom: 46px; position: relative; z-index: 1; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .about-content-inner-five .about-single-home-7 { margin-bottom: 25px; } } @media only screen and (max-width: 1199px) { .about-content-inner-five .about-single-home-7 { margin-bottom: 25px; } } @media only screen and (max-width: 575px) { .about-content-inner-five .about-single-home-7 { flex-direction: column; align-items: flex-start; gap: 25px; } } .about-content-inner-five .about-single-home-7:last-child { margin-bottom: 0; } .about-content-inner-five .about-single-home-7:last-child::after { display: none; } .about-content-inner-five .about-single-home-7::after { position: absolute; content: ""; left: 30px; top: 65%; bottom: 0; height: 120px; width: 1px; background: #D9D9D9; z-index: -1; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .about-content-inner-five .about-single-home-7::after { left: 21px; top: 39%; } } @media only screen and (max-width: 1199px) { .about-content-inner-five .about-single-home-7::after { left: 21px; top: 39%; } } @media only screen and (max-width: 991px) { .about-content-inner-five .about-single-home-7::after { display: none; } } @media only screen and (max-width: 575px) { .about-content-inner-five .about-single-home-7::after { display: none; } } .about-content-inner-five .about-single-home-7 .discription p.disc { max-width: 90%; } .about-content-inner-five .about-single-home-7 .icon { margin-right: 25px; } .about-content-inner-five .about-single-home-7 .icon img { border-radius: 50%; } .about-content-inner-five .about-single-home-7 .discription .title { margin-bottom: 7px; } .about-right-six-wrapper .about-service-wrapper-main { display: flex; align-items: center; gap: 30px; } @media only screen and (max-width: 575px) { .about-right-six-wrapper .about-service-wrapper-main { flex-wrap: wrap; } } .about-right-six-wrapper .about-service-wrapper-main .single-about-service { padding: 40px; background: #F2F2F2; border-radius: 10px; min-width: 235px; } @media only screen and (max-width: 575px) { .about-right-six-wrapper .about-service-wrapper-main .single-about-service { padding: 15px; width: 100%; } } .about-right-six-wrapper .about-service-wrapper-main .single-about-service .icon { background: var(--color-primary); padding: 17px; border-radius: 10px; max-width: max-content; margin-bottom: 36px; height: 75px; width: 75px; display: flex; align-items: center; justify-content: center; } .about-right-six-wrapper .about-service-wrapper-main .single-about-service .title { margin: 0; font-size: 24px; } .about-6-thumbnail-left-wrapper { display: flex; align-items: flex-start; gap: 30px; margin-left: -70px; position: relative; } @media only screen and (max-width: 767px) { .about-6-thumbnail-left-wrapper { margin-left: 0px; } } .about-6-thumbnail-left-wrapper .progress-area-wrapper { position: absolute; left: 32%; bottom: -40px; background: var(--color-primary); padding: 28px 25px; border-radius: 10px; transform: translateX(-40%); } @media only screen and (min-width: 768px) and (max-width: 991px) { .about-6-thumbnail-left-wrapper .progress-area-wrapper { left: 51%; } } .about-6-thumbnail-left-wrapper .progress-area-wrapper .title { color: #fff; font-size: 20px; margin-top: 20px; margin-bottom: 0; } .about-6-thumbnail-left-wrapper .progress-circle-main-wrapper svg.radial-progress circle.bar--animated { stroke: #fff; } .about-6-thumbnail-left-wrapper .progress-circle-main-wrapper svg.radial-progress text { fill: #fafafa !important; } .about-6-thumbnail-left-wrapper .progress-circle-main-wrapper svg.radial-progress { max-width: 90px; } .about-6-thumbnail-left-wrapper .progress-circle-main-wrapper svg.radial-progress circle.bar-static { stroke: rgba(255, 255, 255, 0.46) !important; } .about-6-thumbnail-left-wrapper .single-progress-circle { display: flex; justify-content: center; position: relative; } .about-6-thumbnail-left-wrapper .single-progress-circle .small-text { position: absolute; top: 55%; font-weight: 400; font-size: 18px; line-height: 24px; color: #1F1F21; font-family: var(--font-primary); } .about-6-inner-content-content .call-and-sign-area { display: flex; align-items: center; gap: 43px; } .about-6-inner-content-content .call-and-sign-area .call-area { display: flex; align-items: center; gap: 20px; } .about-6-inner-content-content .call-and-sign-area .call-area .icon { height: 55px; width: 55px; border-radius: 50px; background: var(--color-primary); display: flex; align-items: center; justify-content: center; } .about-6-inner-content-content .call-and-sign-area .call-area .icon i { font-size: 20px; color: #fff; transform: rotate(-45deg); } .about-6-inner-content-content .call-and-sign-area .call-area .information span { font-weight: 500; font-size: 14px; line-height: 18px; color: #5D666F; } .about-6-inner-content-content .call-and-sign-area .call-area .information .title { font-weight: 700; font-size: 20px; line-height: 26px; color: #1C2539; margin: 0; } .about-6-inner-content-content .call-and-sign-area .sign-area img { max-width: max-content; } .about-6-inner-content-content p.disc { color: #5D666F; font-size: 16px; } .about-6-inner-content-content .rts-btn { margin-top: 40px; padding: 13px 36px; } .just-a-consultancy-area .button-wrapper .video-play-button { position: relative; transform: none; left: 0; top: 0; } .consultancy-style-one .vedio-icone .video-play-button { position: relative; z-index: 2; top: 0; left: 0; transform: none; } .rts-about-us-area-8 span.pre { color: #FFFFFF; } .rts-about-us-area-8 .title { color: #fff; } .rts-about-us-area-8 .title span { font-weight: 400; } .rts-about-us-area-8 p.disc { color: #B3B7C1; } .counter-up-main-wrapper-8 { display: flex; align-items: center; gap: 95px; } @media only screen and (max-width: 991px) { .counter-up-main-wrapper-8 { flex-wrap: wrap; gap: 35px; } } .counter-up-main-wrapper-8 .single-counter-up .tilte { font-size: 50px; margin-bottom: 0; } .counter-up-main-wrapper-8 .single-counter-up p.bottom { color: #B3B7C1; font-size: 16px; text-transform: uppercase; font-weight: 700; min-width: max-content; } .sign-and-contact-area-8 { display: flex; align-items: center; gap: 48px; margin-top: 45px; } @media only screen and (max-width: 575px) { .sign-and-contact-area-8 { flex-wrap: wrap; gap: 20px; } } .sign-and-contact-area-8 .number-area-start span { color: #B3B7C1; } .sign-and-contact-area-8 .number-area-start .number { color: #fff; font-size: 20px; margin: 0; margin-top: 10px; } .rts-about-us-area-8 { position: relative; } .rts-about-us-area-8 .right-content-image { position: absolute; right: 315px; bottom: 0; max-width: 479px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .rts-about-us-area-8 .right-content-image { right: 20px; } } @media only screen and (max-width: 1199px) { .rts-about-us-area-8 .right-content-image { right: 20px; max-width: 340px; } } @media only screen and (max-width: 767px) { .rts-about-us-area-8 .right-content-image { display: none; } } @media only screen and (max-width: 575px) { .rts-about-us-area-8 .right-content-image { display: none; } } .rts-about-us-area-8 .text-stock-area { margin-right: -111px; } @media only screen and (max-width: 767px) { .rts-about-us-area-8 .text-stock-area { margin-right: 0; display: none; } } @media only screen and (max-width: 575px) { .rts-about-us-area-8 .text-stock-area { display: none; } } .rts-about-us-area-8 .text-stock-area .border-text { text-transform: uppercase; font-size: 200px; text-align: center; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px; -webkit-text-stroke-color: rgba(158, 158, 158, 0.5); } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .rts-about-us-area-8 .text-stock-area .border-text { font-size: 97px; } } @media only screen and (max-width: 1199px) { .rts-about-us-area-8 .text-stock-area .border-text { font-size: 97px; } } @media only screen and (max-width: 767px) { .rts-about-us-area-8 .text-stock-area .border-text { font-size: 74px; } } .title-style-one.eight.center .title span { font-weight: 400; } .title-style-one.eight.left .title span { font-weight: 400; } .thumbnail-about-10-wrapper { max-width: 487px; margin: auto; } .about-area-wrapper-content-10 .single-progress { padding: 10px; border: 1px solid #000000; border-radius: 33px; } .about-area-wrapper-content-10 .single-progress .progress { background: transparent; background-color: transparent; } .about-area-wrapper-content-10 .single-progress .progress .progress-bar { background: #F2F2F2; border-radius: 33px; } .about-area-wrapper-content-10 p.disc { padding-left: 70px; position: relative; font-size: 16px; color: #5D666F; } @media only screen and (max-width: 575px) { .about-area-wrapper-content-10 p.disc { padding-left: 0; } } .about-area-wrapper-content-10 p.disc::after { position: absolute; content: ""; height: 5px; width: 51px; background: var(--color-primary); left: 0; top: 7px; border-radius: 5px; } @media only screen and (max-width: 575px) { .about-area-wrapper-content-10 p.disc::after { display: none; } } .thumbnail-about-10-wrapper { position: relative; } .thumbnail-about-10-wrapper .top-counter-area { background: var(--color-primary); padding: 30px 38px; border-radius: 10px; max-width: 234px; text-align: center; position: absolute; top: 30px; left: -70px; } @media only screen and (max-width: 575px) { .thumbnail-about-10-wrapper .top-counter-area { left: 0; padding: 15px; } } .thumbnail-about-10-wrapper .top-counter-area .title { color: #fff; margin-bottom: 15px; margin-top: 19px; } .thumbnail-about-10-wrapper .top-counter-area p { margin: 0; text-transform: uppercase; font-size: 16px; font-weight: 700; color: #B3B7C1; min-width: max-content; } .thumbnail-about-10-wrapper .top-counter-area.bottom { bottom: -23px; top: auto; right: -33px; left: auto; padding: 30px 30px; } @media only screen and (max-width: 1199px) { .thumbnail-about-10-wrapper .top-counter-area.bottom { right: 20px; } } @media only screen and (max-width: 575px) { .thumbnail-about-10-wrapper .top-counter-area.bottom { right: 0; bottom: 0; padding: 15px; } } .rts-breadcrumb-area { height: 477px; background: linear-gradient(180deg, rgba(32, 40, 45, 0.1) 0%, rgba(255, 255, 255, 0.1) 96.54%); display: flex; align-items: center; position: relative; } @media only screen and (max-width: 575px) { .rts-breadcrumb-area { height: 370px; } } .rts-breadcrumb-area.bg_primary { height: 348px; } .rts-breadcrumb-area.bg_primary .title-area-left * { color: #fff; } .rts-breadcrumb-area.bg_primary .title-area-left .title { position: relative; z-index: 5; margin-top: 80px; } .rts-breadcrumb-area.bg_primary .title-area-left .bg-title { z-index: 1; -webkit-text-stroke-color: rgba(255, 255, 255, 0.42); top: -81px; } .rts-breadcrumb-area.bg_primary .title-area-left .bg-title::after { height: 108%; background: linear-gradient(0deg, rgb(32, 40, 45) 0%, rgba(32, 40, 45, 0.8) 35%, rgba(32, 40, 45, 0.3) 100%); } .rts-breadcrumb-area.small-h { height: 326px; } .rts-breadcrumb-area .title-area-left { position: relative; } .rts-breadcrumb-area .title-area-left.center { text-align: center; } .rts-breadcrumb-area .title-area-left.center .bg-title { left: 50%; transform: translateX(-50%); } .rts-breadcrumb-area .title-area-left .bg-title { font-size: 150px; position: absolute; font-weight: 900; letter-spacing: 0; left: -90px; z-index: -1; top: -65px; font-family: var(--font-primary); min-width: max-content; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(0, 0, 0, 0.1); line-height: 1; } @media only screen and (max-width: 575px) { .rts-breadcrumb-area .title-area-left .bg-title { font-size: 50px; left: 0; } } .rts-breadcrumb-area .title-area-left .bg-title::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 107%; background: linear-gradient(0deg, rgba(255, 255, 255, 0.8855917367) 0%, rgba(255, 255, 255, 0.6082808123) 35%, rgba(255, 255, 255, 0) 100%); } .rts-breadcrumb-area .title-area-left .title { font-size: 54px; line-height: 1.23; } @media only screen and (max-width: 575px) { .rts-breadcrumb-area .title-area-left .title { font-size: 34px; } .rts-breadcrumb-area .title-area-left .title br { display: none; } } @media only screen and (max-width: 991px) { .rts-breadcrumb-area .title-area-left p.disc { max-width: 100% !important; } } .rts-breadcrumb-area .shape-area img { position: absolute; } .rts-breadcrumb-area .shape-area .one { position: absolute; left: 80px; animation: jump-2 8s linear infinite; } .rts-breadcrumb-area .shape-area .two { left: 50%; top: 40%; animation: jump-2 6s linear infinite; } @media only screen and (max-width: 575px) { .rts-breadcrumb-area .shape-area .two { display: none; } } .rts-breadcrumb-area .shape-area .three { left: auto; right: 0; top: 60%; animation: jump-2 5s linear infinite; } @media only screen and (max-width: 575px) { .rts-breadcrumb-area .shape-area .three { display: none; } } .about-invena-large-image { margin-top: -120px; } .large-image-bottm-breadcrumb { position: relative; z-index: 5; } @media only screen and (max-width: 767px) { .large-image-bottm-breadcrumb { margin-top: 40px; } } .thumbnail-accountent-why-choose { position: relative; } .thumbnail-accountent-why-choose .counter-about-area { position: absolute; padding: 50px 33px; background: #20282D; position: absolute; top: 50px; left: -75px; text-align: center; border-radius: 15px; } @media only screen and (max-width: 575px) { .thumbnail-accountent-why-choose .counter-about-area { padding: 20px; left: 6px; } } .thumbnail-accountent-why-choose .counter-about-area .title { font-size: 48px; margin-bottom: 5px; } .thumbnail-accountent-why-choose .counter-about-area * { color: #fff; } .thumbnail-accountent-why-choose.style-two .counter-about-area { top: 0; left: 0; padding: 27px 33px; } .demo-seo .about-6-thumbnail-left-wrapper .progress-area-wrapper { left: 15%; top: 15%; bottom: auto; } .demo-seo .about-6-thumbnail-left-wrapper .single-thumbnail { border-radius: 194px; overflow: hidden; } .floating-div-23 { width: 125%; } @media only screen and (max-width: 575px) { .floating-div-23 { width: 100%; } } .feature-between-flex { display: flex; align-items: center; gap: 25px; } @media only screen and (max-width: 575px) { .feature-between-flex { flex-wrap: wrap; } } .feature-between-flex .single-feature-service-wrapper-8 { align-items: center; } @media only screen and (max-width: 575px) { .feature-between-flex .single-feature-service-wrapper-8 { align-items: flex-start; } } section.main-wrapper-sticky { height: 735px; } @media only screen and (max-width: 1199px) { section.main-wrapper-sticky { height: auto; } } section.main-wrapper-sticky .sticky-statement { background: #F2F2F2; padding: 43px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; position: sticky; top: 150px; background-repeat: no-repeat; background-size: cover; background-position: left center; transition: 0.3s; background-image: none; } @media only screen and (min-width: 768px) and (max-width: 991px) { section.main-wrapper-sticky .sticky-statement { flex-wrap: wrap; gap: 25px; } } @media only screen and (max-width: 767px) { section.main-wrapper-sticky .sticky-statement { flex-wrap: wrap; gap: 25px; padding: 20px; } } section.main-wrapper-sticky .sticky-statement * { transition: 0.3s; } section.main-wrapper-sticky .sticky-statement:hover { background-image: url(../images/service/06.webp); background-position: center center; } section.main-wrapper-sticky .sticky-statement:hover .left-side img { filter: brightness(0) saturate(100%) invert(97%) sepia(97%) saturate(0%) hue-rotate(325deg) brightness(102%) contrast(100%); } section.main-wrapper-sticky .sticky-statement:hover * { color: #fff; } section.main-wrapper-sticky .sticky-statement:hover .right .arrow { background: #fff; } section.main-wrapper-sticky .sticky-statement:hover .right .arrow i { color: #1C2539; } section.main-wrapper-sticky .sticky-statement:last-child { top: 30px !important; margin-bottom: 0; } section.main-wrapper-sticky .sticky-statement .left-side { display: flex; align-items: center; gap: 50px; flex-basis: 36%; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { section.main-wrapper-sticky .sticky-statement .left-side { gap: 25px; } } @media only screen and (max-width: 1199px) { section.main-wrapper-sticky .sticky-statement .left-side { gap: 10px; } } @media only screen and (max-width: 767px) { section.main-wrapper-sticky .sticky-statement .left-side { flex-basis: 100%; } } @media only screen and (max-width: 479px) { section.main-wrapper-sticky .sticky-statement .left-side { gap: 18px; } } section.main-wrapper-sticky .sticky-statement .left-side .title { margin: 0; } section.main-wrapper-sticky .sticky-statement .right { flex-basis: 65%; display: flex; align-items: center; justify-content: space-between; } @media only screen and (max-width: 991px) { section.main-wrapper-sticky .sticky-statement .right { flex-basis: 100%; } } @media only screen and (max-width: 767px) { section.main-wrapper-sticky .sticky-statement .right { flex-basis: 100%; } } @media only screen and (max-width: 575px) { section.main-wrapper-sticky .sticky-statement .right { flex-direction: column; gap: 15px; align-items: flex-start; } } section.main-wrapper-sticky .sticky-statement .right p { margin: 0; max-width: 70%; } @media only screen and (max-width: 575px) { section.main-wrapper-sticky .sticky-statement .right p { max-width: 100%; } } section.main-wrapper-sticky .sticky-statement .right .arrow { height: 62px; width: 62px; background: #20282D; display: flex; align-items: center; justify-content: center; } @media only screen and (max-width: 575px) { section.main-wrapper-sticky .sticky-statement .right .arrow { height: 40px; width: 40px; } } section.main-wrapper-sticky .sticky-statement .right .arrow i { font-size: 18px; color: #FFFFFF; } .service-bg-style-one-wrapper { background-image: url(../images/service/01.webp); padding: 80px 100px 50px 100px; background-size: cover; background-position: center; } @media only screen and (max-width: 767px) { .service-bg-style-one-wrapper { padding: 15px; } } .single-service-signle-wrapper { padding: 50px; display: flex; align-items: flex-start; gap: 36px; } @media only screen and (max-width: 991px) { .single-service-signle-wrapper { flex-direction: column; padding: 22px; } } .single-service-signle-wrapper .icons { min-width: max-content; } .single-service-signle-wrapper .information .title { font-size: 22px; font-weight: 700; } .single-service-signle-wrapper .information p.disc { line-height: 1.5; color: #5D666F; margin-bottom: 25px; } .single-service-signle-wrapper .information .arrow-right { display: flex; align-items: center; gap: 9px; color: #1C2539; } .single-service-signle-wrapper .information .arrow-right i { height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; color: #1C2539; box-shadow: 0px 9px 18px rgba(24, 16, 16, 0.05); } .service-style-swiper-wrapper-two { position: relative; } .service-style-swiper-wrapper-two .mySwiper-service-1 { padding-bottom: 90px; } .service-style-swiper-wrapper-two .swiper-slide-active .single-service-signle-wrapper { background: #FFFFFF; box-shadow: 0px 30px 20px rgba(182, 182, 182, 0.1); } .service-style-swiper-wrapper-two .swiper-slide-active .single-service-signle-wrapper .arrow-right i { background: #20282D; color: #fff; } .swiper-pagination { display: flex; align-items: center; gap: 10px; justify-content: center; } @media only screen and (max-width: 575px) { .swiper-pagination { gap: 1px; } } .swiper-pagination .swiper-pagination-bullet { background: rgba(32, 40, 45, 0.2); opacity: 1; } .swiper-pagination .swiper-pagination-bullet-active { background-image: url(../images/service/icons/bullet-active.svg); background-image: cover; height: 20px; width: 20px; background-size: contain; background-color: transparent; } .single-service-style-three { position: relative; z-index: 1; } .single-service-style-three .inner { clip-path: polygon(0.167% 0.175%, 99.833% 0.175%, 99.833% 86.41%, 93.226% 92.322%, 93.225% 92.322%, 84.772% 99.825%, 0.167% 99.825%, 0.167% 0.175%); background: #fff; padding: 30px; text-align: center; } .single-service-style-three .inner .icon { height: 76px; width: 76px; display: flex; align-items: center; justify-content: center; background: #F2F2F2; margin: auto; margin-bottom: 25px; clip-path: polygon(0.167% 0.175%, 99.833% 0.175%, 99.833% 86.41%, 93.226% 92.322%, 93.225% 92.322%, 84.772% 99.825%, 0.167% 99.825%, 0.167% 0.175%); } .single-service-style-three .inner .title { font-size: 22px; font-weight: 700; color: #1C2539; margin-bottom: 17px; } .single-service-style-three .inner p.disc { font-size: 16px; margin-bottom: 20px; } .single-service-style-three .inner a.read-more { color: #5D666F; font-weight: 700; display: flex; align-items: center; gap: 7px; justify-content: center; transition: 0.3s; } .single-service-style-three .inner a.read-more i { font-size: 0px; transition: 0.3s; } .single-service-style-three:hover a.read-more i { font-size: 16px; } .single-service-style-three::after { position: absolute; content: ""; clip-path: polygon(0.167% 0.175%, 99.833% 0.175%, 99.833% 86.41%, 93.226% 92.322%, 93.225% 92.322%, 84.772% 99.825%, 0.167% 99.825%, 0.167% 0.175%); height: 101%; width: 101%; z-index: -1; left: -0.5%; top: -0.5%; bottom: 0; right: 0; background: #E4E7EE; } .service-single-main-wrapper-five { background: #F2F2F2; padding: 40px; border-radius: 10px; text-align: center; } .service-single-main-wrapper-five .icon { height: 85px; width: 85px; margin: auto; display: flex; align-items: center; justify-content: center; margin-bottom: 35px; background: #fff; border-radius: 100%; } .service-single-main-wrapper-five .title { font-weight: 700; font-weight: 24px; } .service-single-main-wrapper-five p.disc { font-size: 16px; line-height: 1.5; margin-bottom: 25px; } .service-single-main-wrapper-five .rts-btn { max-width: max-content; margin: auto; background: #FFFFFF !important; } .rts-business-goal-area-wrapper-6 .nav-tabs { border-bottom: none !important; } .rts-business-goal-area-wrapper-6 .nav-link { padding: 0; border: none; position: relative; z-index: 2; margin-bottom: 25px; border-radius: 10px; } .rts-business-goal-area-wrapper-6 .nav-link.active .business-goal-main-wrapper-6 { background: var(--color-primary); } .rts-business-goal-area-wrapper-6 .nav-link.active .business-goal-main-wrapper-6 .left-icon-number { color: var(--color-primary); } .rts-business-goal-area-wrapper-6 .nav-link.active .business-goal-main-wrapper-6 .inner-content * { color: #fff; } .rts-business-goal-area-wrapper-6 .nav-link:last-child { margin-bottom: 0; } .rts-business-goal-area-wrapper-6 .tab-content { margin-left: -200px; } @media only screen and (max-width: 991px) { .rts-business-goal-area-wrapper-6 .tab-content { margin-left: 0; } } .business-goal-main-wrapper-6 { background: #FFFFFF; box-shadow: 0px 20px 35px rgba(120, 120, 120, 0.08); border-radius: 10px; padding: 32px 30px; display: flex; align-items: center; gap: 35px; cursor: pointer; } @media only screen and (max-width: 1199px) { .business-goal-main-wrapper-6 { flex-direction: column; align-items: flex-start; } } @media only screen and (max-width: 575px) { .business-goal-main-wrapper-6 { gap: 15px; } } .business-goal-main-wrapper-6 .left-icon-number { height: 61px; min-width: 61px; background: #F2F2F2; display: flex; align-items: center; justify-content: center; border-radius: 10px; font-weight: 700; font-size: 30px; color: #20282D; } .business-goal-main-wrapper-6 .inner-content .title { margin-bottom: 7px; } .top--120 { top: 120px; } section.main-wrapper-sticky .sticky-statement.narrow { position: static; border-radius: 10px; } section.main-wrapper-sticky .sticky-statement.narrow .right { justify-content: flex-end !important; flex-basis: 10% !important; } section.main-wrapper-sticky .sticky-statement.narrow .left-side .title { min-width: max-content; } section.main-wrapper-sticky .sticky-statement.narrow .left-side { flex-basis: 67% !important; } section.main-wrapper-sticky .sticky-statement.narrow .left-side img { min-width: 40px; } @media only screen and (max-width: 575px) { section.main-wrapper-sticky .sticky-statement.narrow .left-side { flex-direction: column; align-items: flex-start; } } .service-bottom-cta { display: flex; align-items: center; justify-content: space-between; padding: 28px 30px; border-radius: 50px; background: #20282D; position: relative; } @media only screen and (min-width: 768px) and (max-width: 991px) { .service-bottom-cta { flex-direction: column; align-items: flex-start; gap: 15px; } } @media only screen and (max-width: 767px) { .service-bottom-cta { flex-direction: column; align-items: flex-start; gap: 15px; } } @media only screen and (max-width: 575px) { .service-bottom-cta { border-radius: 5px; } } .service-bottom-cta .title { margin: 0; font-size: 24px; color: #fff; font-weight: 500; } @media only screen and (max-width: 767px) { .service-bottom-cta .title { font-size: 20px; } } @media only screen and (max-width: 575px) { .service-bottom-cta .title { font-size: 16px; } } .service-bottom-cta p { margin: 0; font-size: 24px; font-weight: 500; color: #fff; } @media only screen and (max-width: 767px) { .service-bottom-cta p { font-size: 20px; } } @media only screen and (max-width: 575px) { .service-bottom-cta p { font-size: 16px; } } .service-bottom-cta p a { font-weight: 600; color: #fff; } .service-bottom-cta .mid-image { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0px 8px 55px rgba(0, 0, 0, 0.12); border-radius: 50%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .service-bottom-cta .mid-image { display: none; } } @media only screen and (max-width: 767px) { .service-bottom-cta .mid-image { display: none; } } .single-service-nine { background-image: url(../images/service/02.webp); height: 196px; border-radius: 10px; display: flex; align-items: center; padding: 35px; justify-content: space-between; } .single-service-nine.two { background-image: url(../images/service/03.webp); } .single-service-nine.three { background-image: url(../images/service/04.webp); } .single-service-nine.four { background-image: url(../images/service/05.webp); } .single-service-nine .title { color: #fff; font-size: 43px; font-weight: 700; margin-bottom: 0; } @media only screen and (max-width: 991px) { .single-service-nine .title { font-size: 30px; } } .single-service-nine .icon { height: 68px; width: 68px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 6px; border: 1px solid transparent; transition: 0.3s; } .single-service-nine .icon i { color: var(--color-heading-1); transition: 0.3s; } .single-service-nine .icon:hover { border: 1px solid #fff; background: transparent; } .single-service-nine .icon:hover i { color: #fff; } @media only screen and (max-width: 1199px) { br { display: none; } } .rts-service-main-wrapper-10 { display: flex; flex-wrap: wrap; border: 1px solid #E3E0E6; } .rts-service-main-wrapper-10 .signle-service-style-10 { flex-basis: 50%; display: flex; align-items: center; } @media only screen and (max-width: 991px) { .rts-service-main-wrapper-10 .signle-service-style-10 { flex-basis: 100%; } } @media only screen and (max-width: 767px) { .rts-service-main-wrapper-10 .signle-service-style-10 { flex-direction: column; align-items: flex-start; } } .rts-service-main-wrapper-10 .signle-service-style-10 .thumbnail { overflow: hidden; display: block; } @media only screen and (max-width: 767px) { .rts-service-main-wrapper-10 .signle-service-style-10 .thumbnail { width: 100%; } } @media only screen and (max-width: 575px) { .rts-service-main-wrapper-10 .signle-service-style-10 .thumbnail { width: 100%; } } .rts-service-main-wrapper-10 .signle-service-style-10 .thumbnail img { transition: 0.5s; } @media only screen and (max-width: 767px) { .rts-service-main-wrapper-10 .signle-service-style-10 .thumbnail img { width: 100%; } } @media only screen and (max-width: 575px) { .rts-service-main-wrapper-10 .signle-service-style-10 .thumbnail img { width: 100%; } } .rts-service-main-wrapper-10 .signle-service-style-10 .content-area-wrapper { padding: 30px 50px; flex-basis: 50%; min-width: 50%; max-width: 50%; } @media only screen and (max-width: 767px) { .rts-service-main-wrapper-10 .signle-service-style-10 .content-area-wrapper { flex-basis: 35%; min-width: 100%; max-width: 100%; } } @media only screen and (max-width: 575px) { .rts-service-main-wrapper-10 .signle-service-style-10 .content-area-wrapper { padding: 22px; } } .rts-service-main-wrapper-10 .signle-service-style-10 .content-area-wrapper .icon { margin-bottom: 45px; } @media only screen and (max-width: 1199px) { .rts-service-main-wrapper-10 .signle-service-style-10 .content-area-wrapper .icon { margin-bottom: 11px; } } .rts-service-main-wrapper-10 .signle-service-style-10 .content-area-wrapper .title { margin-bottom: 12px; } .rts-service-main-wrapper-10 .signle-service-style-10 .content-area-wrapper p.disc { margin-bottom: 14px; } .rts-service-main-wrapper-10 .signle-service-style-10 .content-area-wrapper .arrow-right-btn { display: flex; align-items: center; gap: 7px; transition: 0.3s; } .rts-service-main-wrapper-10 .signle-service-style-10:hover .thumbnail img { transform: scale(1.1); } .service-arrow-bottom-main { margin-left: 30px; margin-top: 25px; } @media only screen and (max-width: 991px) { .service-arrow-bottom-main { display: none; } } @media only screen and (max-width: 575px) { .service-arrow-bottom-main { max-width: 35%; } } .container-1754 { max-width: 1754px; margin: auto; } .banner-inner-service-details-1 { background-image: url(../images/banner/22.webp); height: 477px; display: flex; align-items: center; justify-content: flex-start; background-attachment: fixed; background-position: center, center; background-repeat: no-repeat; } .banner-inner-service-details-1.large-height { height: 608px; } .banner-inner-service-details-1.large-height .title-area-left { text-align: left; background: #fff; padding: 110px 130px 75px 130px; z-index: 1; max-width: 849px; left: 50%; transform: translateX(-50%); } @media only screen and (max-width: 767px) { .banner-inner-service-details-1.large-height .title-area-left { padding: 45px; } } .banner-inner-service-details-1.large-height .title-area-left .bg-title { top: 0px; left: 80px; font-family: var(--font-primary) !important; z-index: 1; -webkit-text-stroke: 1px rgba(28, 37, 57, 0.07); } @media only screen and (max-width: 767px) { .banner-inner-service-details-1.large-height .title-area-left .bg-title { font-size: 50px; } } .banner-inner-service-details-1.large-height .title-area-left p { color: #5D666F; } .banner-inner-service-details-1.large-height .title-area-left * { color: #161921; } .banner-inner-service-details-1 .title-area-left { position: relative; z-index: 1; max-width: 849px; } .banner-inner-service-details-1 .bg-title { position: absolute; left: 91px !important; letter-spacing: 3px; top: -100px; font-weight: 800; font-size: 131px; line-height: 198px; display: flex; align-items: center; color: transparent; -webkit-text-stroke: 1px rgba(28, 37, 57, 0.07); background: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; z-index: -1; font-family: var(--font-secondary); } @media only screen and (max-width: 575px) { .banner-inner-service-details-1 .bg-title { font-size: 54px; } } .banner-inner-service-details-1 .title { font-size: 60px; line-height: 1.1; color: #fff; } @media only screen and (max-width: 767px) { .banner-inner-service-details-1 .title { font-size: 40px; } .banner-inner-service-details-1 .title br { display: none; } } .banner-inner-service-details-1 p.disc { font-size: 16px; margin-bottom: 0; color: #fff; } .service-details-left-area { margin-top: -120px; } @media only screen and (max-width: 767px) { .service-details-left-area { margin-top: -60px; } } .service-details-left-area .thumbnail { margin-bottom: 50px; } .service-details-left-area .title { font-size: 36px; } @media only screen and (max-width: 575px) { .service-details-left-area .title { font-size: 22px; } } .service-details-left-area p.disc { margin-bottom: 45px; } .service-details-left-area .service-short-main-wrapper { display: flex; align-items: center; gap: 50px; margin-top: 50px; flex-wrap: wrap; } .service-details-left-area .service-short-main-wrapper .single-short-service { display: flex; align-items: center; gap: 25px; max-width: 350px; } @media only screen and (max-width: 575px) { .service-details-left-area .service-short-main-wrapper .single-short-service { flex-wrap: wrap; } } .service-details-left-area .service-short-main-wrapper .single-short-service .icon { height: 60px; min-width: 60px; background: #F2F2F2; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .service-details-left-area .service-short-main-wrapper .single-short-service .inner-content .title-sm { margin-bottom: 10px; font-size: 20px; } .service-details-left-area .service-short-main-wrapper .single-short-service .inner-content p.disc { margin-bottom: 0; } .single-step-service-details { padding: 31px 0; border-top: 1px solid rgba(32, 40, 45, 0.219); display: flex; align-items: center; justify-content: space-between; } @media only screen and (max-width: 991px) { .single-step-service-details { flex-wrap: wrap; gap: 18px; } } .single-step-service-details .thumbnail { max-width: 231px; margin-bottom: 0; } .single-step-service-details .inner .title-f { font-size: 18px; color: #161921; } .single-step-service-details .feature p { margin: 0; } .rts-single-wized { background: #20282D; border-radius: 15px; padding: 40px; margin-bottom: 40px; } .rts-single-wized:last-child { margin-bottom: 0; } @media only screen and (max-width: 479px) { .rts-single-wized { padding: 20px; } } .rts-single-wized.service { border-radius: 0; } .rts-single-wized.service .single-categories li a { border-radius: 0; } .rts-single-wized.download { background: #1C2539; } .rts-single-wized.download .title { color: #fff; } .rts-single-wized.download .single-download-area { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #2E3951; } .rts-single-wized.download .single-download-area:first-child { padding-top: 0; } .rts-single-wized.download .single-download-area:last-child { border-bottom: none; padding-bottom: 0; } .rts-single-wized.download .single-download-area .mid { margin-right: auto; margin-left: 15px; } .rts-single-wized.download .single-download-area .mid .title { margin-bottom: 0; font-size: 18px; font-family: var(--font-primary); } .rts-single-wized.download .single-download-area .mid span { font-weight: 400; font-size: 14px; line-height: 18px; color: #FFFFFF; } .rts-single-wized.download .single-download-area a.rts-btn { height: 40px; max-width: 40px; } .rts-single-wized.contact { background: #1C2539; display: flex; flex-direction: column; align-items: center; padding: 60px; } @media only screen and (max-width: 479px) { .rts-single-wized.contact { padding: 25px 20px; } } @media only screen and (max-width: 479px) { .rts-single-wized.contact:last-child { margin-bottom: 0; } } .rts-single-wized.contact .wized-body { text-align: center; } .rts-single-wized.contact .wized-body .title { color: #fff; margin-bottom: 30px; font-size: 22px; line-height: 32px; } .rts-single-wized.contact .wized-body a.rts-btn { display: block; max-width: max-content; margin: auto; } .rts-single-wized .wized-header .title { margin-bottom: 10px; color: #fff; } .rts-single-wized .wized-body { margin-top: 30px; } .rts-single-wized .wized-body .rts-search-wrapper { position: relative; } .rts-single-wized .wized-body .rts-search-wrapper input { background: #fff; height: 55px; border-radius: 5px; padding-right: 70px; padding-left: 25px; border: 1px solid transparent; } .rts-single-wized .wized-body .rts-search-wrapper input:focus { border: 1px solid var(--color-primary); } .rts-single-wized .wized-body .rts-search-wrapper button { position: absolute; max-width: max-content; height: 55px; width: 55px; border-radius: 5px; background: var(--color-primary); display: inline-block; padding: 0 19px; right: 0; } .rts-single-wized .wized-body .rts-search-wrapper button i { color: #fff; font-size: 16px; line-height: 16px; } .rts-single-wized .single-categories { margin-bottom: 15px; padding: 0; } .rts-single-wized .single-categories:last-child { margin-bottom: 0; } .rts-single-wized .single-categories li { list-style: none; } .rts-single-wized .single-categories li a { display: flex; align-items: center; justify-content: space-between; padding: 15px 25px; background: #283136; color: #ffffff; font-weight: 500; transition: 0.3s; border-radius: 5px; } .rts-single-wized .single-categories li a i { color: #ffffff; transition: 0.3s; } .rts-single-wized .single-categories li a:hover { background: var(--color-primary); transform: translateY(-5px) scale(1.03); color: var(--color-white); } .rts-single-wized .single-categories li a:hover i { color: var(--color-primary); } .rts-single-wized .recent-post-single { display: flex; align-items: center; margin-bottom: 20px; } .rts-single-wized .recent-post-single:last-child { margin-bottom: 0; } .rts-single-wized .recent-post-single .thumbnail { margin-right: 20px; overflow: hidden; max-width: max-content; width: 100%; border-radius: 5px; } .rts-single-wized .recent-post-single .thumbnail img { min-width: 85px; height: auto; transition: 0.3s; } .rts-single-wized .recent-post-single .thumbnail:hover img { transform: scale(1.2); } .rts-single-wized .recent-post-single .user { display: flex; align-items: center; } .rts-single-wized .recent-post-single .user span { margin-left: 9px; } .rts-single-wized .recent-post-single .post-title .title { margin-bottom: 0; font-size: 16px; font-weight: 600; color: #1C2539; line-height: 26px; margin-top: 5px; transition: 0.3s; } @media only screen and (max-width: 479px) { .rts-single-wized .recent-post-single .post-title .title { font-size: 14px; line-height: 26px; margin-top: 0; } } .rts-single-wized .recent-post-single .post-title:hover .title { color: var(--color-primary); } .rts-single-wized .gallery-inner { display: flex; flex-direction: column; } .rts-single-wized .gallery-inner .single-row { display: flex; align-items: center; justify-content: space-between; } .rts-single-wized .gallery-inner .single-row a { overflow: hidden; border-radius: 6px; } @media only screen and (max-width: 479px) { .rts-single-wized .gallery-inner .single-row a { display: block; width: 100%; } } .rts-single-wized .gallery-inner .single-row a img { max-width: 97px; height: auto; transition: 0.3s; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .rts-single-wized .gallery-inner .single-row a img { max-width: 80px; } } @media only screen and (max-width: 1199px) { .rts-single-wized .gallery-inner .single-row a img { min-width: 269px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-single-wized .gallery-inner .single-row a img { min-width: 193px; } } @media only screen and (max-width: 767px) { .rts-single-wized .gallery-inner .single-row a img { min-width: 135px; } } @media only screen and (max-width: 575px) { .rts-single-wized .gallery-inner .single-row a img { min-width: 140px; } } @media only screen and (max-width: 479px) { .rts-single-wized .gallery-inner .single-row a img { min-width: 80px; } } .rts-single-wized .gallery-inner .single-row a:hover img { transform: scale(1.2); } .rts-single-wized .gallery-inner .single-row.row-1 { margin-bottom: 20px; } .rts-single-wized .tags-wrapper { display: flex; flex-wrap: wrap; margin-bottom: -10px; } .rts-single-wized .tags-wrapper a { padding: 5px 16px; background: #fff; border-radius: 5px; margin-right: 10px; margin-bottom: 10px; color: #1C2539; font-size: 14px; font-weight: 500; transition: 0.3s; } .rts-single-wized .tags-wrapper a:hover { background: var(--color-primary); color: #fff; transform: translateY(-3px) scale(1.09); } .mt-service-shorter { margin-top: -350px; } @media only screen and (max-width: 1199px) { .mt-service-shorter { margin-top: 0; } } .rts-service-details-area-main-bottom .rts-single-wized.service .single-categories li a:hover i { color: #fff; } .title-area-between-hr { display: flex; align-items: flex-end; justify-content: space-between; } @media only screen and (max-width: 575px) { .title-area-between-hr { flex-wrap: wrap; gap: 25px; } } .title-area-between-hr .title-area-hr-left .pre { font-weight: 600; font-size: 16px; padding: 8px 20px; border: 1px solid #999999; border-radius: 10px; display: block; margin-bottom: 15px; max-width: max-content; } .title-area-between-hr .title-area-hr-left .title { font-size: 48px; color: #1C2539; margin-bottom: 0; } @media only screen and (max-width: 767px) { .title-area-between-hr .title-area-hr-left .title { font-size: 32px; } } @media only screen and (max-width: 575px) { .title-area-between-hr .title-area-hr-left .title { font-size: 28px; } } .title-area-between-hr .rts-btn { border: 1px solid #999999; color: #1C2539; } .title-area-between-hr .rts-btn::before { background: var(--color-primary); } .title-area-between-hr .rts-btn:hover { color: #fff; } .banner-service-wrapper-bg { background: #F2F2F2; } .single-service-hr { background: #fff; padding: 22px 22px 30px 22px; border-radius: 10px; text-align: center; } .single-service-hr .rts-btn { margin: auto; } .single-service-hr .inner { z-index: 2; position: relative; margin-top: -40px; } .single-service-hr .inner .icon-area { height: 85px; width: 85px; margin: auto; background: #F2F2F2; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-bottom: 30px; } .single-service-hr .inner .disc { margin-bottom: 25px; } .color-blue-demo .left-thumbnail-about-area-two .counter-about-area { background: var(--color-primary); } @media only screen and (max-width: 767px) { .rts-service-main-wrapper-10 .signle-service-style-10.order-control-sm-device { flex-direction: column-reverse; } } .service-main-wrapper-list { display: flex; align-items: center; flex-wrap: wrap; gap: 30px; justify-content: center; } .service-main-wrapper-list .single-service-wrapper { display: flex; align-items: center; background: #F6F6F6; border-radius: 100px; transition: all 0.3s; } .service-main-wrapper-list .single-service-wrapper .content .title { margin: 0; padding: 0 30px; font-size: 24px; } @media only screen and (max-width: 575px) { .service-main-wrapper-list .single-service-wrapper .content .title { font-size: 18px; } } .service-main-wrapper-list .single-service-wrapper .thumbnail { max-width: 94px; display: block; overflow: hidden; border-radius: 50%; } .service-main-wrapper-list .single-service-wrapper .thumbnail img { transition: 0.6s; } .service-main-wrapper-list .single-service-wrapper:hover { transform: translateY(-5px); } .service-main-wrapper-list .single-service-wrapper:hover .thumbnail img { transform: scale(1.08); } .bg_color-dark-1 { background: #20282D; position: relative; z-index: 1; } .bg_color-dark-1 .title-style-10 .pre { color: #B3B7C1; } .bg_color-dark-1 .title-style-10 .title { color: #fff; } .bg_color-dark-1 .rts-service-main-wrapper-10 { border: 1px solid rgba(227, 224, 230, 0.1294117647); } .bg_color-dark-1 .rts-service-main-wrapper-10 .content-area-wrapper .icon img { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7434%) hue-rotate(67deg) brightness(99%) contrast(100%); } .bg_color-dark-1 .rts-service-main-wrapper-10 .content-area-wrapper .title { color: #fff; } .bg_color-dark-1 .rts-service-main-wrapper-10 .content-area-wrapper p.disc { color: #B3B7C1; } .bg_color-dark-1 .rts-service-main-wrapper-10 .content-area-wrapper a { color: #FFFFFF; } .bg_color-dark-1 .rts-service-main-wrapper-10 .signle-service-style-10 .thumbnail { overflow: hidden; display: block; min-width: 50%; } .bg_color-dark-1 .rts-service-main-wrapper-10 .signle-service-style-10 .thumbnail img { width: 100%; } .bg_color-dark-1 .filter-right { position: absolute; width: 551px; height: 674px; right: -551px; top: 80px; background: #493BFF; opacity: 0.15; filter: blur(150px); transform: rotate(90deg); z-index: -1; } .bg_color-dark-1 .filter-left { position: absolute; width: 550.73px; height: 673.12px; left: 10%; top: 10%; background: #493BFF; opacity: 0.15; filter: blur(150px); transform: rotate(90deg); z-index: -1; } .bg_color-dark-1 .filter-center { position: absolute; width: 551px; height: 673px; left: 35%; top: 40%; background: #493BFF; opacity: 0.15; filter: blur(150px); transform: rotate(90deg); z-index: -1; } .counter-main-wrapper-inner-seo { padding: 74px 55px; background: #F2F2F2; border: 1px solid #E9EDF2; border-radius: 10px; } .counter-main-wrapper-inner-seo .single-counter-wrapper { text-align: center; } .counter-main-wrapper-inner-seo .single-counter-wrapper .icon { margin-bottom: 35px; } .counter-main-wrapper-inner-seo .single-counter-wrapper .title { font-size: 48px; margin-bottom: 13px; } .counter-main-wrapper-inner-seo .single-counter-wrapper span.pre { text-transform: uppercase; font-size: 16px; } .single-service-technical-area { text-align: center; background: #FFFFFF; border: 1px solid #E4E7EE; padding: 30px; transition: 0.4s; height: 100%; } .single-service-technical-area .icon { margin-bottom: 32px; } .single-service-technical-area .title { font-size: 22px; } .single-service-technical-area p.disc { margin-bottom: 15px; } .single-service-technical-area .read-more { color: #5D666F; font-weight: 600; display: flex; align-items: center; gap: 4px; justify-content: center; } .single-service-technical-area .read-more:hover { color: var(--color-primary); } .single-service-technical-area:hover { box-shadow: 0px 12px 24px rgba(18, 22, 34, 0.07); } .title-style-one .pre { flex-direction: row; justify-content: center; align-items: center; padding: 8px 16px; border: 1px solid #E9E9E9; font-size: 16px; color: #5D666F; display: flex; max-width: max-content; text-transform: uppercase; margin-bottom: 30px; font-weight: 700; border-radius: 6px; } @media (max-width: 576px) { .title-style-one .pre { margin-bottom: 15px; } } .title-style-one .title { font-size: 48px; font-weight: 700; } @media only screen and (max-width: 1199px) { .title-style-one .title { font-size: 42px; } } @media only screen and (max-width: 991px) { .title-style-one .title { font-size: 32px; line-height: 1.4; } .title-style-one .title br { display: none; } } @media only screen and (max-width: 575px) { .title-style-one .title { font-size: 28px; } } .title-style-one.left { text-align: left; } .title-style-one.center { text-align: center; } .title-style-one.center .pre { margin: auto; margin-bottom: 30px; } @media (max-width: 576px) { .title-style-one.center .pre { margin-bottom: 15px; } } .title-style-two { position: relative; z-index: 1; } .title-style-two .bg-content { font-size: 150px; position: absolute; font-weight: 900; letter-spacing: 0; left: -90px; z-index: -1; top: -65px; font-family: var(--font-primary); min-width: max-content; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(0, 0, 0, 0.1); line-height: 1; } @media only screen and (max-width: 575px) { .title-style-two .bg-content { font-size: 100px; } } .title-style-two .bg-content::after { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(255, 255, 255, 0.8855917367) 0%, rgba(255, 255, 255, 0.6082808123) 35%, rgba(255, 255, 255, 0) 100%); } .title-style-two .pre { font-size: 16px; color: #000000; display: flex; text-transform: uppercase; margin-bottom: 22px; font-weight: 600; border-radius: 6px; letter-spacing: 2px; } .title-style-two .title { font-size: 48px; font-weight: 700; line-height: 1.35; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .title-style-two .title { font-size: 36px; } } @media only screen and (max-width: 1199px) { .title-style-two .title { font-size: 32px; } } @media only screen and (max-width: 767px) { .title-style-two .title { font-size: 32px; } } @media only screen and (max-width: 575px) { .title-style-two .title { font-size: 26px; } } .title-style-two.center { text-align: center; } .title-style-two.center .pre { text-align: center; justify-content: center; } .title-style-two.center .bg-content { left: 50%; transform: translateX(-50%); } .title-style-three { position: relative; } .title-style-three.center { text-align: center; } .title-style-three.center .bg-title { left: 50%; transform: translateX(-50%); top: -60px; } .title-style-three.left .bg-title { left: 0; } .title-style-three .pre { font-size: 18px; color: #5D666F; font-weight: 500; } .title-style-three .title { font-size: 48px; margin-top: 15px; } @media only screen and (max-width: 767px) { .title-style-three .title { font-size: 32px; } } @media only screen and (max-width: 575px) { .title-style-three .title { font-size: 28px; } } .title-style-three .bg-title { font-size: 150px; position: absolute; font-weight: 900; letter-spacing: 0; left: -90px; z-index: -1; top: -50px; font-family: var(--font-primary); min-width: max-content; color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: rgba(0, 0, 0, 0.1); line-height: 1; } .title-style-three .bg-title::after { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(255, 255, 255, 0.8855917367) 0%, rgba(255, 255, 255, 0.6082808123) 35%, rgba(255, 255, 255, 0) 100%); } .container { padding: 0 15px; } .grow { transform: scale(1.25); } .title-style-four .pre { font-weight: 700; font-size: 16px; line-height: 21px; letter-spacing: 0.3em; text-transform: uppercase; color: #5D666F; } .title-style-four .title { font-weight: 700; font-size: 48px; line-height: 65px; text-transform: uppercase; color: #1C2539; -webkit-text-stroke-color: #1C2539; -webkit-text-stroke: 1px; margin-top: 20px; } @media only screen and (max-width: 1199px) { .title-style-four .title { font-size: 42px; } } @media only screen and (max-width: 991px) { .title-style-four .title { font-size: 32px; line-height: 1.3; } } @media only screen and (max-width: 767px) { .title-style-four .title { font-size: 28px; line-height: 1.3; } } .title-style-four .title span { font-size: 48px; -webkit-text-fill-color: transparent; letter-spacing: 3px; } @media only screen and (max-width: 1199px) { .title-style-four .title span { font-size: 42px; } } @media only screen and (max-width: 991px) { .title-style-four .title span { font-size: 32px; line-height: 1.3; } } @media only screen and (max-width: 991px) { .title-style-four .title span { font-size: 28px; line-height: 1.3; } } .title-style-four.center { text-align: center; } .title-style-four.center span { font-size: unset; } .title-style-five.center { text-align: center; } .title-style-five span.pre { font-weight: 600; font-size: 16px; line-height: 21px; letter-spacing: 0.1em; text-transform: uppercase; color: #5D666F; } @media only screen and (max-width: 575px) { .title-style-five span.pre { font-size: 14px; } } .title-style-five .title { font-size: 48px; font-weight: 700; margin-top: 15px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .title-style-five .title { font-size: 36px; } .title-style-five .title br { display: none; } } @media only screen and (max-width: 1199px) { .title-style-five .title { font-size: 36px; } .title-style-five .title br { display: none; } } @media only screen and (max-width: 575px) { .title-style-five .title { font-size: 28px; line-height: 1.3; } } .bg-main { background: #20282D; } .bg-main .title-style-one .pre { border: 1px solid #E9E9E9; color: #fff; border-radius: 6px; } @media only screen and (max-width: 575px) { .bg-main .title-style-one .pre { font-size: 14px; } } .bg-main .title-style-one .title { color: #fff; } .bg-main .title-style-one.left { text-align: left; } .bg-main .title-style-one.center { text-align: center; } .bg-main .title-style-one.center .pre { margin: auto; margin-bottom: 30px; } @media only screen and (max-width: 575px) { .bg-main .title-style-one.center .pre { font-size: 14px; } } .container-2 { max-width: 1680px; margin: auto; } .call-and-sign-area { display: flex; align-items: center; gap: 43px; } @media only screen and (max-width: 767px) { .call-and-sign-area { flex-wrap: wrap; gap: 20px !important; margin-top: 30px; } } .call-and-sign-area.two { gap: 84px; } @media only screen and (max-width: 1199px) { .call-and-sign-area.two { gap: 5px; margin-top: 15px; } } .call-and-sign-area.two .icon { border-radius: 15px !important; } .call-and-sign-area.two .call-area { position: relative; } .call-and-sign-area.two .call-area::after { content: ""; position: absolute; right: 0; height: 70px; width: 1px; background: #EBEBEB; right: -40px; } @media only screen and (max-width: 1199px) { .call-and-sign-area.two .call-area::after { display: none; } } .call-and-sign-area .call-area { display: flex; align-items: center; gap: 20px; } .call-and-sign-area .call-area .icon { height: 55px; width: 55px; border-radius: 50px; background: var(--color-primary); display: flex; align-items: center; justify-content: center; } .call-and-sign-area .call-area .icon i { font-size: 20px; color: #fff; transform: rotate(-45deg); } .call-and-sign-area .call-area .information span { font-weight: 500; font-size: 14px; line-height: 18px; color: #5D666F; } .call-and-sign-area .call-area .information .title { font-weight: 700; font-size: 20px; line-height: 26px; color: #1C2539; margin: 0; } .call-and-sign-area .sign-area img { max-width: max-content; } .title-style-three-between { display: flex; align-items: center; justify-content: space-between; } .bg-black-content .title-style-three-between .pre { color: #fff; } @media only screen and (max-width: 575px) { .bg-black-content .title-style-three-between .pre { font-size: 14px; } } .bg-black-content .title-style-three-between .title { color: #fff; } .container-1680 { max-width: 1680px; margin: auto; } .index-five .rts-btn { border-radius: 100px; } .index-five #menu-btn { border-radius: 50% !important; } .primary-blue { --color-primary: var(--color-blue); } .primary-blue .rts-btn.btn-primary { background: var(--color-blue); } .primary-sky { --color-primary: var(--color-sky); } .primary-sky .rts-btn.btn-primary { background: var(--color-primary); border-radius: 33px; } .radious-none-button .rts-btn { border-radius: 0; } .radious-none-button .title-style-one .pre { border-radius: 0; } @media only screen and (max-width: 575px) { .radious-none-button .title-style-one .pre { font-size: 14px; } } .radious-none-button .rts-call-to-action-area-two { background-image: url(../images/cta/07.webp); } .bg_primary { background: var(--color-primary); } .rts-breadcrumb-area.career-page { height: 566px; } .rts-breadcrumb-area.career-page .title-area-left { padding-bottom: 180px; } .tite-between-area-8 { display: flex; align-items: center; justify-content: space-between; } .tite-between-area-8 .next-prev-area .swiper-button-next, .tite-between-area-8 .next-prev-area .swiper-button-prev { height: 55px; width: 55px; background: #F2F2F2; color: #1C2539; transition: 0.3s; } @media only screen and (max-width: 575px) { .tite-between-area-8 .next-prev-area .swiper-button-next, .tite-between-area-8 .next-prev-area .swiper-button-prev { display: none; } } .tite-between-area-8 .next-prev-area .swiper-button-next::after, .tite-between-area-8 .next-prev-area .swiper-button-prev::after { display: none; } .tite-between-area-8 .next-prev-area .swiper-button-next:hover, .tite-between-area-8 .next-prev-area .swiper-button-prev:hover { background: var(--color-primary); color: #fff; } .tite-between-area-8 .next-prev-area .swiper-button-prev { right: 75px; left: auto; } .title-style-10 { text-align: center; } .title-style-10 span.pre { font-size: 18px; } @media only screen and (max-width: 575px) { .title-style-10 span.pre { font-size: 14px; } } .title-style-10 .title { font-size: 60px; margin-top: 10px; } @media only screen and (max-width: 1199px) { .title-style-10 .title { font-size: 42px; } } @media only screen and (max-width: 767px) { .title-style-10 .title { font-size: 46px; } .title-style-10 .title br { display: none; } } @media only screen and (max-width: 575px) { .title-style-10 .title { font-size: 34px; } } .title-style-10.left { text-align: left; } @media only screen and (max-width: 767px) { .g-sm-30 { --bs-gutter-y: 100px; --bs-gutter-x: 40px; } } .pagination { margin: auto; max-width: max-content; margin-top: 25px; } .pagination button { max-width: max-content; padding: 15px; border: 1px solid #EBEBEB; border-radius: 15px; margin-right: 10px; color: #1C2539; font-weight: 700; height: 50px; width: 50px; line-height: 18px; } .pagination button.active { background: var(--color-primary); color: white; } .pagination button:hover { background: var(--color-primary); color: #fff; } .pagination button:last-child { margin-right: 0; font-size: 24px; } .pagination button:last-child i { margin-top: -3px; } .partner-breadcrumb { display: flex; align-items: center; justify-content: center; } .partner-breadcrumb .title-area-left { text-align: center; } .partner-breadcrumb .title-area-left .bg-title { font-size: 150px; font-weight: 700; font-family: var(--font-secondary); -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px; -webkit-text-stroke-color: rgba(141, 141, 141, 0.3098039216); letter-spacing: 2px; } @media only screen and (max-width: 991px) { .partner-breadcrumb .title-area-left .bg-title { font-size: 80px; } } @media only screen and (max-width: 575px) { .partner-breadcrumb .title-area-left .bg-title { font-size: 42px; } } .partner-breadcrumb .title-area-left * { color: #fff; } @media only screen and (max-width: 575px) { .partner-breadcrumb .title-area-left * { font-size: 44px; } } @media only screen and (max-width: 575px) { .container { max-width: 100% !important; } } .rtl-ltr-switcher-btn { position: fixed; right: 0; top: 55%; left: auto; transform: translateY(-50%); writing-mode: vertical-rl; transform: rotate(180deg); padding: 25px 6px; background: var(--color-primary); background-size: 400% 400%; animation: gradient 5s ease infinite; z-index: 1000; color: #fff; cursor: pointer; } .rtl-ltr-switcher-btn .ltr, .rtl-ltr-switcher-btn .rtl { display: none; } .rtl-ltr-switcher-btn .ltr.show, .rtl-ltr-switcher-btn .rtl.show { display: block; } @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .color-yellow-demo { --color-primary: #E04700; } .color-yellow-demo .testimonails-8-mian-wrapper { background: #20282D; } .color-yellow-demo .why-choose-8-wrapper-content { max-width: 100%; } .color-yellow-demo .cta-style-10-wrapper .right-side form input { color: #fff; } .color-yellow-demo .title-area-client-client::before, .color-yellow-demo .title-area-client-client::after { background: #20282D; } .color-yellow-demo .single-feature-service-wrapper-8 .icon { height: 60px; width: 60px; border-radius: 10px; } .color-blue-demo { --color-primary: #493BFF; } .color-blue-demo .rts-btn { border-radius: 100px; } .swiper-pagination { width: 100% !important; bottom: 8px !important; } .page-wrapper-business-coach { margin: 50px; } @media only screen and (max-width: 1199px) { .page-wrapper-business-coach { margin: 0; } } .page-wrapper-business-coach .header-transparent.header--sticky.sticky { width: calc(100% - 99px); transform: translateX(-50%); left: 50%; } @media only screen and (max-width: 1199px) { .page-wrapper-business-coach .header-transparent.header--sticky.sticky { width: 100%; } } .page-wrapper-business-coach .progress-wrap { right: 80px; bottom: 80px; } @media only screen and (max-width: 1199px) { .page-wrapper-business-coach .progress-wrap { right: 30px; bottom: 30px; } } .page-wrapper-business-coach .thumbnail-working-procss-one img { border-radius: 0; margin-left: 0; padding-right: 30px; } @media only screen and (max-width: 575px) { .page-wrapper-business-coach .thumbnail-working-procss-one img { padding-right: 0; } } .single-working-process-one { display: flex; align-items: center; gap: 110px; margin-bottom: 40px; } @media only screen and (max-width: 575px) { .single-working-process-one { gap: 25px; } } @media only screen and (max-width: 479px) { .single-working-process-one { gap: 10px; } } .single-working-process-one:last-child { margin-bottom: 0; } .single-working-process-one .left { position: relative; z-index: 5; } .single-working-process-one .left .icon { height: 110px; width: 110px; display: flex; align-items: center; justify-content: center; background: #3E484E; border-radius: 100%; position: relative; } @media only screen and (max-width: 575px) { .single-working-process-one .left .icon { height: 90px; width: 90px; } } @media only screen and (max-width: 479px) { .single-working-process-one .left .icon { height: 75px; width: 75px; } } .single-working-process-one .left .icon::after { position: absolute; content: ""; background-image: url(../images/process/01.png); height: 19px; width: 19px; background-repeat: no-repeat; background-position: center; right: -8px; top: 50%; transform: translateY(-50%); } @media only screen and (max-width: 575px) { .single-working-process-one .left .icon::after { display: none; } } .single-working-process-one .inner-content { border-radius: 10px; padding: 40px 50px; background: #3E484E; position: relative; z-index: 1; } @media only screen and (max-width: 479px) { .single-working-process-one .inner-content { padding: 15px 5px 15px 50px; } } .single-working-process-one .inner-content .number-main { position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .single-working-process-one .inner-content .number-main::after { content: ""; position: absolute; height: 50px; width: 50px; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #3E484E; z-index: -2; border-radius: 50%; } @media only screen and (max-width: 575px) { .single-working-process-one .inner-content .number-main::after { display: none; } } .single-working-process-one .inner-content .number-main::before { content: ""; position: absolute; width: 150px; border: 1px dashed #474E52; left: -150px; z-index: -2; } @media only screen and (max-width: 479px) { .single-working-process-one .inner-content .number-main::before { display: none; } } .single-working-process-one .inner-content .number { color: #fff; width: 32px; height: 32px; border-radius: 500%; background: #20282D; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; left: -16px; z-index: -1; position: absolute; top: 50%; transform: translateY(-16px); } @media only screen and (max-width: 575px) { .single-working-process-one .inner-content .number { left: 10px; } } .single-working-process-one .inner-content .title { color: #fff; font-size: 20px; margin-bottom: 15px; } .single-working-process-one .inner-content p.disc { color: #C9C9C9; } .thumbnail-working-procss-one img { border-radius: 50%; overflow: hidden; margin-left: 50px; } @media only screen and (max-width: 991px) { .thumbnail-working-procss-one img { margin-left: 0; } } @media only screen and (max-width: 767px) { .thumbnail-working-procss-one img { margin-left: 0; border-radius: 5px; } } .working-process-one.without-clip-radious .thumbnail-working-procss-one img { border-radius: 10px; } .working-process-one.without-clip-radious .single-working-process-one .inner-content { border-radius: 0; } .working-process-one.without-clip-radious .single-working-process-one .left .icon { border-radius: 0; } .business-process-hr-left-thumbnail { display: flex; justify-content: center; max-width: 456px; margin: auto; position: relative; } .business-process-hr-left-thumbnail .right-top { display: flex; align-items: center; gap: 25px; padding: 20px 35px; border-radius: 20px; border: 1px solid #E3E0E6; position: absolute; top: 40px; right: -60px; background: #fff; } @media only screen and (max-width: 1199px) { .business-process-hr-left-thumbnail .right-top { right: 15px; } } .business-process-hr-left-thumbnail .right-top .title { margin-bottom: 0px; font-size: 36px; } .business-process-hr-left-thumbnail .right-top.bottom { top: auto; bottom: 40px; left: -60px; right: auto; } @media only screen and (max-width: 767px) { .business-process-hr-left-thumbnail .right-top.bottom { left: 15px; } } .business-process-hr-content .title { margin-top: 20px; } .business-process-hr-content p.disc { margin-top: 20px; margin-bottom: 40px; } .color-blue-demo .title-area-client-client::before, .color-blue-demo .title-area-client-client::after { background: #1c2539; } .signle-fun-facts-one { text-align: center; background: #F2F2F2; padding: 30px; } .signle-fun-facts-one .icon { height: 92px; width: 92px; display: flex; align-items: center; justify-content: center; margin: auto; border-radius: 50%; margin-bottom: 20px; background: var(--color-heading-1); } .signle-fun-facts-one .title { font-size: 48px; margin-bottom: 5px; } .signle-fun-facts-one span.bototm { font-size: 18px; color: var(--color-heading-1); } .index-one { overflow-x: visible; } @media only screen and (max-width: 1199px) { .index-one { overflow-x: hidden; } } .title-area-between-9 { display: flex; align-items: center; justify-content: space-between; gap: 50px; } @media only screen and (max-width: 991px) { .title-area-between-9 { flex-direction: column; align-items: flex-start; } } @media only screen and (max-width: 767px) { .title-area-between-9 { gap: 0; } } .title-area-between-9 > div { flex-basis: 112%; } .single-team-area-one-start { position: relative; } .single-team-area-one-start .thumbnail { display: block; overflow: hidden; border-radius: 15px; } .single-team-area-one-start .thumbnail img { transition: 0.5s; } .single-team-area-one-start:hover img { transform: scale(1.07); } .single-team-area-one-start .inner-content { position: absolute; left: 50%; background: #FFFFFF; box-shadow: 0px 4px 27px rgba(0, 0, 0, 0.07); border-radius: 10px; text-align: center; margin-top: -96px; transform: translateX(-50%); width: max-content; } .single-team-area-one-start .inner-content .title { margin-bottom: 5px; } .single-team-area-one-start .inner-content .text-top { border-bottom: 1px solid #F0F0F0; padding: 21px 60px 15px 60px; } .single-team-area-one-start .inner-content .social-one-wrapper { display: flex; justify-content: center; } .single-team-area-one-start .inner-content .social-one-wrapper ul { padding: 0; display: flex; align-items: center; align-items: center; gap: 10px; list-style: none; } .single-team-area-one-start .inner-content .social-one-wrapper ul li { margin: 0; padding: 0; } .single-team-area-one-start .inner-content .social-one-wrapper ul li a { display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; background: #F6F6F6; border-radius: 50%; color: #1C2539; transition: 0.4s; } .single-team-area-one-start .inner-content .social-one-wrapper ul li a:hover { background: #1C2539; color: #fff; } .team-single-one-start { background: #fff; border-radius: 8px; transition: 0.3s; box-shadow: 0px 12px 52px rgba(27, 23, 23, 0.03); border-radius: 8px; } .team-single-one-start:hover { transform: translateY(-20px); } .team-single-one-start .team-image-area a { overflow: hidden; display: block; position: relative; border-radius: 8px 8px 0 0; } .team-single-one-start .team-image-area a:hover img { transform: scale(1.1); } .team-single-one-start .team-image-area a img { width: 100%; transition: 0.3s; } .team-single-one-start .team-image-area a .team-social { position: absolute; bottom: 30px; right: 30px; } .team-single-one-start .team-image-area a .team-social .main i { padding: 16px; background: #fff; border-radius: 50%; font-size: 16px; line-height: 12px; font-weight: 600; color: var(--color-primary); transition: 0.3s; height: 44px; width: 44px; display: flex; align-items: center; justify-content: flex-end; } .team-single-one-start .team-image-area a .team-social:hover .main i { background: var(--color-primary); color: #fff; } .team-single-one-start .team-image-area a .team-social .team-social-one { display: flex; flex-direction: column; position: absolute; transform: translateY(50px); transition: 1s; opacity: 0; } .team-single-one-start .team-image-area a .team-social .team-social-one i { background: #fff; border-radius: 60%; font-size: 16px; line-height: 23px; font-weight: 500; color: var(--color-primary); transition: 0.3s; margin-bottom: 10px; height: 45px; width: 45px; display: flex; align-items: center; justify-content: center; } .team-single-one-start .team-image-area a .team-social .team-social-one i:hover { background: var(--color-primary); color: #fff; } .team-single-one-start .team-image-area a .team-social:hover .main { opacity: 0; } .team-single-one-start .team-image-area a .team-social:hover .team-social-one { transform: translateY(-96%); z-index: 2; opacity: 1; } .team-single-one-start .single-details { padding: 28px 30px 27px 30px; } .team-single-one-start .single-details a .title { margin-bottom: 0px; transition: 0.3s; } .team-single-one-start .single-details a:hover .title { color: var(--color-primary); } .team-single-one-start .single-details p { color: var(--color-primary); font-size: 16px; } .rts-team-area-start-four .single-team-area-one-start { position: relative; } .rts-team-area-start-four .single-team-area-one-start::after { position: absolute; left: 50%; bottom: -82px; content: ""; height: 200px; width: 200px; background: rgba(28, 37, 57, 0.1803921569); filter: blur(79px); transform: translateX(-50%); z-index: -1; } .rts-team-area-start-four .single-team-area-one-start .inner-content { margin-top: -165px; height: 308px; width: 280px; margin-left: auto; left: 50%; transform: translateX(-50%); clip-path: polygon(48.93% 0.356%, 48.93% 0.356%, 49.136% 0.264%, 49.349% 0.194%, 49.568% 0.143%, 49.791% 0.113%, 50.015% 0.103%, 50.24% 0.113%, 50.463% 0.143%, 50.681% 0.194%, 50.895% 0.264%, 51.101% 0.356%, 98.912% 24.359%, 98.912% 24.359%, 99.106% 24.469%, 99.283% 24.594%, 99.444% 24.734%, 99.586% 24.887%, 99.708% 25.052%, 99.811% 25.227%, 99.892% 25.411%, 99.951% 25.602%, 99.988% 25.798%, 100% 26%, 100% 74%, 100% 74%, 99.988% 74.202%, 99.951% 74.398%, 99.892% 74.589%, 99.811% 74.773%, 99.708% 74.948%, 99.586% 75.113%, 99.444% 75.266%, 99.283% 75.406%, 99.106% 75.531%, 98.912% 75.641%, 51.101% 99.645%, 51.101% 99.645%, 50.895% 99.736%, 50.681% 99.806%, 50.463% 99.857%, 50.24% 99.887%, 50.015% 99.897%, 49.791% 99.887%, 49.568% 99.857%, 49.349% 99.806%, 49.136% 99.736%, 48.93% 99.645%, 1.119% 75.641%, 1.119% 75.641%, 0.925% 75.531%, 0.747% 75.406%, 0.587% 75.266%, 0.445% 75.113%, 0.322% 74.948%, 0.22% 74.773%, 0.138% 74.589%, 0.079% 74.398%, 0.043% 74.202%, 0.031% 74%, 0.031% 26%, 0.031% 26%, 0.043% 25.798%, 0.079% 25.602%, 0.138% 25.411%, 0.22% 25.227%, 0.322% 25.052%, 0.445% 24.887%, 0.587% 24.734%, 0.747% 24.594%, 0.925% 24.469%, 1.119% 24.359%, 48.93% 0.356%); display: flex; align-items: center; justify-content: center; } .rts-team-area-start-four .single-team-area-one-start .inner-content .text-top { padding: 21px 70px 15px 70px; } @media (max-width: 576px) { .rts-team-area-start-four .single-team-area-one-start.wide-space .inner-content { margin-top: -230px; } } .single-team-style-5 .thumbnail { display: block; overflow: hidden; border-radius: 10px; margin-bottom: 30px; } .single-team-style-5 .thumbnail img { transition: 0.3s; } .single-team-style-5 .inner a .title { margin-bottom: 10px; font-size: 24px; } .single-team-style-5 .inner span { font-size: 16px; font-weight: 400; } .single-team-style-5:hover .thumbnail img { transform: scale(1.05); } .bg_team-area-five { background-image: url(../images/team/bg.webp); } .mt-dec-section-inner { margin-top: -130px; position: relative; z-index: 5; } .mt-dec-section-inner.with-pricing { margin-top: -250px; } @media only screen and (max-width: 991px) { .mt-dec-section-inner.with-pricing { margin-top: -120px; } } .single-about-skill-inner .title { position: relative; margin-bottom: 40px; } .single-about-skill-inner .title::after { content: ""; position: absolute; bottom: -20px; left: 0; width: 100%; height: 1px; background: #F1F1F1; } .rts-progress-one-wrapper-td .single-progress { margin-bottom: 20px; border-bottom: 1px solid #F1F1F1; } .rts-progress-one-wrapper-td .progress-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; } .rts-progress-one-wrapper-td .progress-top p { margin-bottom: 0; color: var(--color-primary); font-weight: 500; font-size: 16px; } .rts-progress-one-wrapper-td .progress-top .persectage { color: var(--color-primary); font-weight: 500; font-size: 16px; } .rts-progress-one-wrapper-td .meter { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); display: block; height: 8px; margin-bottom: 10px; position: relative; } .rts-progress-one-wrapper-td .meter > span { display: block; height: 100%; background-color: var(--color-primary); position: relative; overflow: hidden; transition: width 2s ease-out; } .rts-progress-one-wrapper-td .orange > span { background-color: var(--color-primary); } .rts-progress-one-wrapper-td .red > span { background-color: var(--color-primary); } .rts-progress-one-wrapper-td .cadetblue > span { background-color: var(--color-primary); } .education-skill-wrapper { display: flex; box-shadow: 0px 13px 21px rgba(0, 0, 0, 0.03); flex-wrap: wrap; } .education-skill-wrapper .number-area { position: absolute; height: 60px; width: 60px; background: var(--color-primary); border-radius: 50%; left: -4%; top: -10%; display: flex; align-items: center; justify-content: center; } .education-skill-wrapper .number-area p { font-size: 22px; color: #fff; margin-left: auto; margin-top: auto; margin-right: 12px; margin-bottom: 8px; } .education-skill-wrapper .number-area p span { font-size: 12px; color: #fff; margin-left: -3px; } .education-skill-wrapper .single-skill { padding: 30px 60px; border: 1px solid #F1F1F1; width: 50%; position: relative; overflow: hidden; transition: 0.3s; background: #fff; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .education-skill-wrapper .single-skill { padding: 30px 11px 30px 50px; } } @media only screen and (max-width: 1199px) { .education-skill-wrapper .single-skill { padding: 30px 10px 30px 40px; width: 100%; } } @media only screen and (max-width: 767px) { .education-skill-wrapper .single-skill { padding: 30px 10px 30px 50px; } } .education-skill-wrapper .single-skill .experience { margin-bottom: 3px; } .education-skill-wrapper .single-skill .date span { color: var(--color-primary); } .education-skill-wrapper .single-skill:hover { transform: scale(1.05); } .team-details-right-inner .title-area { margin-bottom: 16px; } .team-details-right-inner .title-area span { color: #5D666F; font-weight: 500; font-size: 16px; } .team-details-right-inner p.disc { font-weight: 400; font-size: 16px; line-height: 26px; margin-bottom: 33px; color: #5D666F; } .team-details-right-inner .team-details-support-wrapper { display: flex; align-items: center; margin-bottom: 25px; } .team-details-right-inner .team-details-support-wrapper i { height: 60px; width: 60px; border-radius: 15px; border: 1px solid #EDEDED; box-shadow: 0px 9px 18px rgba(24, 16, 16, 0.05); display: flex; align-items: center; justify-content: center; font-weight: 400; font-size: 20px; line-height: 20px; color: var(--color-primary); } .team-details-right-inner .team-details-support-wrapper .support-innner { margin-left: 20px; } .team-details-right-inner .team-details-support-wrapper .support-innner span { margin-bottom: 5px; color: #5D666F; font-size: 16px; font-weight: 400; } .team-details-right-inner .team-details-support-wrapper .support-innner a .title { margin-bottom: 0; transition: 0.3s; } .business-boost-wrapper-main { background: #F2F2F2; border-bottom: 5px solid #20282D; box-shadow: 0px 22px 23px rgba(0, 0, 0, 0.07); } .business-boost-wrapper-main .business-marklting-area-thumb img { clip-path: polygon(90.979% 76.176%, 90.979% 76.176%, 87.388% 81.516%, 83.451% 86.042%, 79.278% 89.812%, 74.979% 92.886%, 70.667% 95.322%, 66.452% 97.179%, 62.445% 98.517%, 58.756% 99.393%, 55.497% 99.868%, 52.778% 99.999%, 52.778% 99.999%, 42.4% 98.943%, 33.16% 95.938%, 25.057% 91.227%, 18.089% 85.055%, 12.257% 77.665%, 7.557% 69.302%, 3.989% 60.209%, 1.553% 50.631%, 0.245% 40.812%, 0.065% 30.995%, 0.065% 30.995%, 1.106% 22.187%, 3.343% 15.123%, 6.605% 9.637%, 10.719% 5.561%, 15.511% 2.73%, 20.809% 0.978%, 26.44% 0.137%, 32.231% 0.041%, 38.009% 0.525%, 43.602% 1.421%, 43.602% 1.421%, 48.661% 2.87%, 53.065% 5.004%, 56.977% 7.646%, 60.562% 10.618%, 63.982% 13.743%, 67.403% 16.844%, 70.987% 19.742%, 74.9% 22.261%, 79.304% 24.222%, 84.363% 25.45%, 84.363% 25.45%, 89.337% 26.87%, 93.369% 29.444%, 96.454% 33.043%, 98.585% 37.539%, 99.755% 42.803%, 99.959% 48.709%, 99.19% 55.127%, 97.441% 61.93%, 94.706% 68.989%, 90.979% 76.176%); height: 480px; width: auto; object-fit: cover; } @media only screen and (max-width: 575px) { .business-boost-wrapper-main .business-marklting-area-thumb img { clip-path: none; margin-bottom: 30px; height: auto; } } @media (max-width: 991px) { .business-boost-wrapper-main .business-marklting-area-thumb img { margin-bottom: 40px; } } .boosting-business-right-area .pre { color: #000000; text-transform: uppercase; padding: 0; border: none; font-size: 16px; letter-spacing: 1px; } .boosting-business-right-area .feature-one-wrapper { display: flex; flex-wrap: wrap; } .boosting-business-right-area .feature-one-wrapper .single-feature-one { display: flex; align-items: center; padding: 15px 29px; background: transparent; border: 1px solid #d8d8d8; border-radius: 15px; max-width: 290px; margin-right: 25px; margin-bottom: 25px; cursor: pointer; transition: 0.3s; width: 282px; } .boosting-business-right-area .feature-one-wrapper .single-feature-one i { padding: 5px; background: var(--color-primary); border-radius: 50%; color: #fff; margin-right: 15px; font-size: 14px; line-height: 12px; } .boosting-business-right-area .feature-one-wrapper .single-feature-one p { color: #1C2539; font-weight: 500; font-size: 18px; } .boosting-business-right-area .feature-one-wrapper .single-feature-one:hover { border: 1px solid #EEEEEE; box-shadow: 0px 9px 18px rgba(24, 16, 16, 0.05); border-radius: 15px; background: #fff; } .pricing-three-title-area { display: flex; align-items: center; justify-content: space-between; } @media only screen and (max-width: 575px) { .pricing-three-title-area { flex-wrap: wrap; gap: 15px; align-items: flex-start; } } .pricing-three-title-area .pricing-tab-button-area { margin-left: auto; } @media only screen and (max-width: 575px) { .pricing-three-title-area .pricing-tab-button-area { margin: auto; } .pricing-three-title-area .pricing-tab-button-area ul.nav { margin-top: 0; } } @media (max-width: 576px) { .pricing-three-title-area .pricing-tab-button-area { margin-left: 0; } } .rts-pricing-area-one .pricing-tab-button-area ul.nav { justify-content: center; align-items: center; border: 1px solid #EFEEF2; max-width: max-content; margin: auto; border-radius: 0; box-shadow: 0px 9px 18px rgba(24, 16, 16, 0.05); margin-top: 25px; } .rts-pricing-area-one .pricing-tab-button-area ul.nav li { margin: 0; } .rts-pricing-area-one .pricing-tab-button-area ul.nav li button { border: none; background: transparent; color: #fff; border-radius: 0; padding: 12px 25px; color: #1C2539; font-weight: 500; } .rts-pricing-area-one .pricing-tab-button-area ul.nav li button.active { background: var(--color-primary); color: #fff; border-radius: 0; } .pricing-wrapper-one { background-image: url(../images/pricing/bg_img.webp); width: 100%; background-size: cover; background-repeat: no-repeat; padding: 92px 50px 50px 50px; position: relative; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .pricing-wrapper-one { padding: 92px 35px 50px 35px; } } @media only screen and (max-width: 479px) { .pricing-wrapper-one { padding: 26px; padding-top: 65px; } } .pricing-wrapper-one .plane-process { position: absolute; top: -10%; left: 13%; background: var(--color-primary); padding: 18px 40px; text-align: right; animation: jump-1 5s linear infinite; border-radius: 6px; } @media only screen and (max-width: 575px) { .pricing-wrapper-one .plane-process { top: -15%; left: 22px; } } .pricing-wrapper-one .plane-process span { color: #fff; font-size: 16px; font-weight: 200; } .pricing-wrapper-one .plane-process .title { margin-bottom: 0; color: #fff; margin-top: 0; font-size: 36px; } .pricing-wrapper-one .pricing-header-start { padding-bottom: 7px; border-bottom: 1px solid #EAE2E2; } .pricing-wrapper-one .pricing-body { padding-top: 32px; } .pricing-wrapper-one .pricing-body .single-pricing { display: flex; align-items: center; margin-bottom: 14px; } .pricing-wrapper-one .pricing-body .single-pricing:last-child { margin-bottom: 0; } .pricing-wrapper-one .pricing-body .single-pricing .icon { margin-right: 15px; } .pricing-wrapper-one .pricing-body .single-pricing .icon i { border: 1px solid #5D666F; padding: 2px; border-radius: 50%; font-size: 12px; } .pricing-wrapper-one .pricing-body .single-pricing .price-details { color: #5D666F; font-size: 16px; font-weight: 400; } .pricing-wrapper-one .pricing-body .single-pricing.available .icon i { border: 1px solid var(--color-primary); background: var(--color-primary); color: #FFF; } .pricing-wrapper-one .pricing-body .single-pricing.available .price-details { color: #1C2539; font-weight: 400; } .pricing-wrapper-one .pricing-body a.rts-btn { display: block; max-width: max-content; margin-top: 42px; font-weight: 700; padding: 17px 40px; border-radius: 6px; box-shadow: 0px 9px 18px rgba(24, 16, 16, 0.05); border-radius: 6px; } .pricing-wrapper-one .pricing-body a.rts-btn.btn-white { background: #fff; } @media only screen and (max-width: 479px) { .pricing-wrapper-one .pricing-body a.rts-btn { margin-top: 30px; } } .pricing-h2 p.offer { font-size: 18px; font-weight: 400; color: #5D666F; margin-bottom: 25px; margin-top: 40px; } .pricing-h2 p.offer span { font-weight: 700 !important; color: var(--color-primary) !important; } .pricing-2-tab.nav li button.active { background: var(--color-primary); color: #fff; } .pricing-2-tab.nav li { margin: 0; } .pricing-2-tab.nav li button { border: none; background: transparent; color: var(--color-white); border-radius: 100px; padding: 12px 25px; color: #1C2539; font-weight: 500; } .pricing-2-tab.nav { justify-content: center; align-items: center; border: 1px solid #EFEEF2; max-width: max-content; margin: auto; border-radius: 100px; box-shadow: 0px 9px 18px rgba(24, 16, 16, 0.05); margin-top: 25px; } .pricing-wrapper-one.home-two { background-image: none; border: 1px solid #E9ECF1; border-radius: 20px; background: #fff; padding: 60px; transition: 0.3s; } @media only screen and (max-width: 1199px) { .pricing-wrapper-one.home-two { padding: 30px; } } .pricing-wrapper-one.home-two.active { border: 2px solid var(--color-primary); box-shadow: 0px 17px 39px rgba(6, 33, 101, 0.13); } .pricing-wrapper-one.home-two .pricing-body .single-pricing.available .icon i { color: #fff; background: var(--color-primary); border-color: var(--color-primary); } .pricing-wrapper-one.home-two .pricing-header-start { border-bottom: 2px solid #E9ECF1; } .pricing-wrapper-one.home-two .title { margin-bottom: 5px; } .pricing-wrapper-one.home-two .pric-area { display: flex; align-items: flex-start; } .pricing-wrapper-one.home-two .pric-area .title { color: var(--color-primary); font-weight: 700; font-size: 48px; line-height: 64px; min-width: max-content; } .pricing-wrapper-one.home-two .pric-area span { margin-top: 10px; margin-left: 7px; color: #1C2539; font-weight: 400; font-size: 16px; } .pricing-wrapper-one.home-two .discription p.disc { font-size: 16px; line-height: 26px; font-weight: 400; color: #5D666F; } .pricing-wrapper-one.home-two .pricing-body a.rts-btn { display: block; max-width: inherit; text-align: center; background: #FFFFFF; box-shadow: 0px 9px 18px rgba(24, 16, 16, 0.05); border-radius: 15px; border: 1px solid #E9ECF1; color: #1C2539; } .pricing-wrapper-one.home-two .pricing-body a.rts-btn.active { background: var(--color-primary); color: #fff; } .pricing-wrapper-one.home-two .pricing-body a.rts-btn.active:hover { display: block; max-width: inherit; text-align: center; background: #FFFFFF; box-shadow: 0px 9px 18px rgba(24, 16, 16, 0.05); border-radius: 15px; border: 1px solid #E9ECF1; color: #1C2539; } .pricing-wrapper-one.home-two .pricing-body a:hover.rts-btn { background: var(--color-primary); color: #fff; } .pricing-list-style-wrapper .single-list-pricing-area { background: #F6F6F6; padding: 55px 40px; display: flex; align-items: center; border-radius: 20px; gap: 5%; margin-bottom: 40px; background-image: none; background-size: cover; background-position: left center; background-repeat: no-repeat; transition: 0.3s; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .pricing-list-style-wrapper .single-list-pricing-area { gap: 0; } } @media only screen and (max-width: 991px) { .pricing-list-style-wrapper .single-list-pricing-area { padding: 25px; flex-direction: column; align-items: flex-start; } } .pricing-list-style-wrapper .single-list-pricing-area * { transition: 0.3s; } .pricing-list-style-wrapper .single-list-pricing-area:hover { background-image: url(../images/pricing/01.webp); background-position: right center; } .pricing-list-style-wrapper .single-list-pricing-area:hover .pricing-area *, .pricing-list-style-wrapper .single-list-pricing-area:hover .feature-area-wrapper * { color: #fff !important; } .pricing-list-style-wrapper .single-list-pricing-area:last-child { margin-bottom: 0; } .pricing-list-style-wrapper .single-list-pricing-area .pricing-area { flex-basis: 40%; display: flex; align-items: center; justify-content: space-between; } @media only screen and (max-width: 991px) { .pricing-list-style-wrapper .single-list-pricing-area .pricing-area { flex-direction: column; align-items: flex-start; } } .pricing-list-style-wrapper .single-list-pricing-area .pricing-area .head span { font-size: 16px; display: block; margin-bottom: 15px; } .pricing-list-style-wrapper .single-list-pricing-area .pricing-area .head .title { font-size: 36px; color: #1C2539; } .pricing-list-style-wrapper .single-list-pricing-area .pricing-area .pricing .pricing { font-size: 50px; } .pricing-list-style-wrapper .single-list-pricing-area .pricing-area .pricing .pricing span { font-size: 16px; color: #70787F; } .pricing-list-style-wrapper .single-list-pricing-area .feature-button-wrapper { flex-basis: 55%; display: flex; align-items: center; justify-content: space-between; gap: 30px; } @media only screen and (max-width: 767px) { .pricing-list-style-wrapper .single-list-pricing-area .feature-button-wrapper { flex-direction: column; align-items: flex-start; gap: 30px; } } .pricing-list-style-wrapper .single-list-pricing-area .feature-button-wrapper .feature-area-wrapper { display: flex; align-items: center; gap: 42px; } @media only screen and (max-width: 1199px) { .pricing-list-style-wrapper .single-list-pricing-area .feature-button-wrapper .feature-area-wrapper { gap: 0px; } } @media only screen and (max-width: 767px) { .pricing-list-style-wrapper .single-list-pricing-area .feature-button-wrapper .feature-area-wrapper { flex-direction: column; align-items: flex-start; gap: 14px; } } .pricing-list-style-wrapper .single-list-pricing-area .feature-button-wrapper .feature-area-wrapper .feature-row-wrapper .signle { display: flex; align-items: center; gap: 21px; color: #1C2539; margin-bottom: 15px; } .pricing-list-style-wrapper .single-list-pricing-area .feature-button-wrapper .feature-area-wrapper .feature-row-wrapper .signle:last-child { margin-bottom: 0; } .pricing-list-style-wrapper .single-list-pricing-area .feature-button-wrapper .feature-area-wrapper .feature-row-wrapper .signle i { color: #1C2539; } .pricing-list-style-wrapper .single-list-pricing-area .feature-button-wrapper .feature-area-wrapper .feature-row-wrapper .signle p { color: #1C2539; } .pricing-list-style-wrapper .single-list-pricing-area .feature-button-wrapper .feature-area-wrapper .feature-row-wrapper.light i, .pricing-list-style-wrapper .single-list-pricing-area .feature-button-wrapper .feature-area-wrapper .feature-row-wrapper.light p { color: #5D666F; } .pricing-list-style-wrapper .single-list-pricing-area .feature-button-wrapper .rts-btn { background: #FFFFFF !important; /* arrow shawdo */ box-shadow: 0px 9px 18px rgba(24, 16, 16, 0.05) !important; border-radius: 6px !important; } .pricing-list-style-wrapper.service-details-page .single-list-pricing-area .pricing-area .head .title { font-size: 28px; } .pricing-list-style-wrapper.service-details-page .single-list-pricing-area .pricing .pricing { font-size: 40px; } .pricing-list-style-wrapper.service-details-page .single-list-pricing-area .pricing-area { flex-basis: 46%; } .pricing-list-style-wrapper.service-details-page .feature-button-wrapper { flex-basis: 48%; } .cta-main-area-wrapper-one { background-image: url(../images/cta/01.webp); height: 175px; background-color: #20282D; border-radius: 10px; display: flex; align-items: center; padding: 80px; justify-content: space-between; } @media only screen and (min-width: 768px) and (max-width: 991px) { .cta-main-area-wrapper-one { height: auto; flex-direction: column; } } @media only screen and (max-width: 767px) { .cta-main-area-wrapper-one { flex-direction: column; height: auto; padding: 25px; } } @media only screen and (max-width: 575px) { .cta-main-area-wrapper-one { flex-direction: column; height: auto; padding: 25px; text-align: center; } } .cta-main-area-wrapper-one .left-areas span { text-transform: uppercase; letter-spacing: 1.5px; font-size: 16px; } .cta-main-area-wrapper-one .left-areas .title { font-size: 36px; margin-top: 10px; margin-bottom: 0; } @media only screen and (max-width: 767px) { .cta-main-area-wrapper-one .left-areas .title { font-size: 26px; margin-bottom: 15px; } } @media only screen and (max-width: 575px) { .cta-main-area-wrapper-one .left-areas .title { font-size: 26px; margin-bottom: 15px; } } .cta-main-area-wrapper-one .left-areas * { color: #fff; } @media only screen and (max-width: 575px) { .cta-main-area-wrapper-one .right-area { width: 100%; } } .cta-main-area-wrapper-one .right-area .inpur-area-main { position: relative; } .cta-main-area-wrapper-one .right-area .inpur-area-main input { height: 63px; background: #FFFFFF; color: #8B8F99; width: 547px; padding-right: 200px; } @media only screen and (max-width: 767px) { .cta-main-area-wrapper-one .right-area .inpur-area-main input { width: 100%; } } @media only screen and (max-width: 575px) { .cta-main-area-wrapper-one .right-area .inpur-area-main input { width: 100%; padding-right: 0; } } .cta-main-area-wrapper-one .right-area .inpur-area-main button { position: absolute; right: 10px; top: 50%; height: 45px; transform: translateY(-50%); border-radius: 6px; } @media only screen and (max-width: 575px) { .cta-main-area-wrapper-one .right-area .inpur-area-main button { position: unset; transform: none; margin: auto; margin-top: 15px; } } .container-full { width: 100%; } .rts-call-to-action-area-two { background-image: url(../images/cta/02.webp); height: 280px; display: flex; align-items: center; justify-content: space-between; } @media only screen and (max-width: 767px) { .rts-call-to-action-area-two { height: auto; flex-direction: column; align-items: flex-start; } } .cta-style-two-area { display: flex; align-items: center; justify-content: space-between; } @media only screen and (max-width: 767px) { .cta-style-two-area { flex-direction: column; align-items: flex-start; padding: 25px 0; } } .cta-style-two-area .title { font-size: 40px; line-height: 1.4; } @media only screen and (min-width: 768px) and (max-width: 991px) { .cta-style-two-area .title { font-size: 26px; } } @media only screen and (max-width: 767px) { .cta-style-two-area .title { font-size: 26px; } .cta-style-two-area .title br { display: none; } } .cta-style-two-area * { color: #fff; } .rts-call-to-action-area-three { height: 361px; background-image: url(../images/cta/03.webp); display: flex; align-items: center; } .rts-call-to-action-area-three .cta-main-wrapper-inner { display: flex; align-items: center; justify-content: space-between; } @media only screen and (max-width: 1199px) { .rts-call-to-action-area-three .cta-main-wrapper-inner { flex-wrap: wrap; } } @media only screen and (max-width: 991px) { .rts-call-to-action-area-three .cta-main-wrapper-inner { flex-direction: column; align-items: flex-start; } } .rts-call-to-action-area-three .cta-main-wrapper-inner .title { font-size: 44px; font-weight: 400; color: #fff; line-height: 1.4; } @media only screen and (max-width: 1199px) { .rts-call-to-action-area-three .cta-main-wrapper-inner .title { font-size: 30px; } .rts-call-to-action-area-three .cta-main-wrapper-inner .title br { display: none; } } .rts-call-to-action-area-three .cta-main-wrapper-inner .title span { font-weight: 700; } .rts-call-to-action-area-three .cta-main-wrapper-inner .call-area { display: flex; align-items: center; gap: 17px; } .rts-call-to-action-area-three .cta-main-wrapper-inner .call-area .icon { height: 82px; width: 82px; background: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .rts-call-to-action-area-three .cta-main-wrapper-inner .call-area .icon i { font-size: 22px; color: #20282D; } .rts-call-to-action-area-three .cta-main-wrapper-inner .call-area a { font-size: 60px; color: #fff; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .rts-call-to-action-area-three .cta-main-wrapper-inner .call-area a { font-size: 38px; } } @media only screen and (max-width: 1199px) { .rts-call-to-action-area-three .cta-main-wrapper-inner .call-area a { font-size: 36px; } } @media only screen and (max-width: 575px) { .rts-call-to-action-area-three .cta-main-wrapper-inner .call-area a { font-size: 32px; } } .bg_call-toaction-4 { background-image: url(../images/cta/04.webp); } .bg_call-toaction-4 .cta-four-wrapper { display: flex; align-items: center; gap: 31px; justify-content: space-between; } @media only screen and (max-width: 991px) { .bg_call-toaction-4 .cta-four-wrapper { flex-direction: column; align-items: flex-start; gap: 30px; } } .bg_call-toaction-4 .cta-four-wrapper .left { display: flex; align-items: center; gap: 40px; } @media only screen and (max-width: 991px) { .bg_call-toaction-4 .cta-four-wrapper .left { flex-direction: column; align-items: flex-start; gap: 30px; } } .bg_call-toaction-4 .cta-four-wrapper .left .title { font-size: 36px; font-weight: 800; margin: 0; line-height: 1.5; text-transform: uppercase; -webkit-text-stroke-color: #1C2539; -webkit-text-stroke: 1px; } @media only screen and (max-width: 991px) { .bg_call-toaction-4 .cta-four-wrapper .left .title { font-size: 22px; } } .bg_call-toaction-4 .cta-four-wrapper .left .title span { -webkit-text-stroke-color: #1C2539; -webkit-text-stroke: 1px; -webkit-text-fill-color: transparent; letter-spacing: 3px; font-size: 30px; } .rts-cta-area-six { background-image: url(../images/cta/06.webp); } .cta-main-wrapper-six { display: flex; align-items: center; justify-content: space-between; } @media only screen and (max-width: 767px) { .cta-main-wrapper-six { flex-wrap: wrap; gap: 30px; } } .cta-main-wrapper-six .title { font-size: 36px; margin-bottom: 0; line-height: 1.3; } @media only screen and (max-width: 575px) { .cta-main-wrapper-six .title { font-size: 24px; } } .cta-main-wrapper-six * { color: #fff; } .rts-subscribe-area-8 { background-image: url(../images/cta/08.webp); } .rts-subscribe-area-8 form { position: relative; max-width: 547px; margin: auto; margin-top: 35px; } .rts-subscribe-area-8 form input { height: 63px; background: var(--color-primary); color: #fff; border-radius: 6px; } .rts-subscribe-area-8 form button { position: absolute !important; right: 10px; border-radius: 6px; left: auto; top: 50%; transform: translateY(-50%); height: 43px; } .bg_cts-10 { background-image: url(../images/cta/09.webp); } .cta-style-10-wrapper { display: flex; align-items: center; justify-content: space-between; } @media only screen and (max-width: 991px) { .cta-style-10-wrapper { flex-direction: column; align-items: flex-start; } } .cta-style-10-wrapper .left-side span { display: block; margin-bottom: 15px; } .cta-style-10-wrapper .left-side .title { font-size: 60px; color: #1C2539; } @media only screen and (max-width: 1199px) { .cta-style-10-wrapper .left-side .title { font-size: 32px; } } @media only screen and (max-width: 767px) { .cta-style-10-wrapper .left-side .title { font-size: 32px; line-height: 1.3; } } .cta-style-10-wrapper .right-side form { position: relative; width: 547px; } @media only screen and (max-width: 767px) { .cta-style-10-wrapper .right-side form { width: 100%; } } .cta-style-10-wrapper .right-side form input { background: var(--color-primary); height: 63px; border-radius: 6px; color: #8B8F99; padding-right: 200px; } .cta-style-10-wrapper .right-side form button { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); height: 43px; border-radius: 6px; } .rts-cta-area-inner { background-image: url(../images/cta/10.webp); } .cta-inner-content-inner-page { display: flex; align-items: center; justify-content: space-between; } @media only screen and (max-width: 1199px) { .cta-inner-content-inner-page { flex-direction: column; align-items: flex-start; gap: 25px; } .cta-inner-content-inner-page br { display: none; } } .cta-inner-content-inner-page .left-side-content .title { font-size: 60px; } @media only screen and (max-width: 991px) { .cta-inner-content-inner-page .left-side-content .title { font-size: 44px; line-height: 1.5; } } @media only screen and (max-width: 575px) { .cta-inner-content-inner-page .left-side-content .title { font-size: 28px; } } .cta-inner-content-inner-page form { position: relative; } @media only screen and (max-width: 767px) { .cta-inner-content-inner-page form { width: 100%; } } .cta-inner-content-inner-page form input { height: 63px; width: 547px; background: var(--color-primary); color: #8B8F99; } @media only screen and (max-width: 767px) { .cta-inner-content-inner-page form input { width: 100%; } } .cta-inner-content-inner-page form button.rts-btn { position: absolute; right: 10px; height: 43px; top: 50%; transform: translateY(-50%); border-radius: 6px; } .footer-bg-two { background: url(../images/footer/02.webp); background-repeat: no-repeat; background-position: center; background-size: cover; margin: auto; border-radius: 0; } .footer-two-single-wized.right { margin-top: 77px; } @media only screen and (max-width: 767px) { .footer-two-single-wized.right { margin-top: 0; } } .footer-two-single-wized.left .title { font-size: 36px; color: #1C2539; line-height: 46px; } .footer-two-single-wized.left .title span { font-weight: 300; } .footer-two-single-wized.left p.disc { font-size: 16px; color: #5D666F; line-height: 26px; } .footer-two-single-wized.left a.rts-btn:hover { background: white; box-shadow: 0px 2px 20px rgba(24, 16, 16, 0.07); } .footer-two-single-wized .wized-title-area .wized-title { margin-bottom: 4px; } .footer-two-single-wized .wized-2-body ul { list-style: none; padding-left: 0; } .footer-two-single-wized .wized-2-body ul li a { color: #5D666F; font-size: 16px; font-weight: 400; display: flex; align-items: center; transition: 0.3s; } .footer-two-single-wized .wized-2-body ul li a i { font-size: 14px; margin-right: 10px; } .footer-two-single-wized .wized-2-body ul li a:hover { color: var(--color-primary-2); } .footer-two-single-wized .wized-2-body ul li a:hover { color: var(--color-primary-2); margin-left: 10px; } .footer-two-single-wized .contact-info-1 { display: flex; align-items: center; margin-top: 18px; margin-bottom: 18px; } .footer-two-single-wized .contact-info-1 .icon i { position: relative; z-index: 1; font-size: 14px; color: var(--color-primary-2); } .footer-two-single-wized .contact-info-1 .icon i::after { position: absolute; content: ""; z-index: -1; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; box-shadow: 0px 9px 18px rgba(24, 16, 16, 0.05); height: 35px; width: 35px; } .footer-two-single-wized .contact-info-1 .disc { display: flex; flex-direction: column; margin-left: 30px; } .footer-two-single-wized .contact-info-1 .disc span { color: #5D666F; font-size: 16px; font-weight: 400; } .footer-two-single-wized .contact-info-1 .disc a { color: #1C2539; font-weight: 500; font-size: 16px; transition: 0.3s; } .footer-two-single-wized .contact-info-1 .disc a:hover { color: var(--color-primary-2); margin-left: 10px; } .rts-copy-right-1 .copyright-h-2-wrapper { display: flex; align-items: center; } @media only screen and (max-width: 767px) { .rts-copy-right-1 .copyright-h-2-wrapper { flex-wrap: wrap; justify-content: center; } } .rts-copy-right-1 .copyright-h-2-wrapper p.disc { margin-bottom: 0; color: #1C2539; font-weight: 500; } @media only screen and (max-width: 575px) { .rts-copy-right-1 .copyright-h-2-wrapper p.disc { text-align: center; } } .rts-copy-right-1 .copyright-h-2-wrapper .right { margin-left: auto; } @media only screen and (max-width: 767px) { .rts-copy-right-1 .copyright-h-2-wrapper .right { margin: auto; order: -1; } } .rts-copy-right-1 .copyright-h-2-wrapper .right ul { padding: 0; display: flex; align-items: center; gap: 20px; list-style: none; } .rts-copy-right-1 .copyright-h-2-wrapper .right ul li { margin: 0; padding: 0; } .rts-copy-right-1 .copyright-h-2-wrapper .right ul li a { transition: 0.3s; color: #1C2539; font-weight: 500; } .rts-footer-area-two { background-color: #20282D; } .bg-footer-two { background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; background-image: url(../images/footer/01.webp); } .footer-two .margin-left-65 { margin-left: 65px; } @media only screen and (max-width: 991px) { .footer-two .margin-left-65 { margin-left: 10px; } } @media only screen and (max-width: 575px) { .footer-two .margin-left-65 { margin-left: 10px; } } .footer-two .rts-copyright-area { border-top: 1px solid #3D4352; padding: 30px 0; } .footer-two .rts-copyright-area p { font-size: 16px; color: #fff; } .footer-two .footer-one-single-wized .wized-title { margin-bottom: 25px; } .footer-two .footer-one-single-wized .wized-title .title { color: #fff; margin-bottom: 10px; } .footer-two .footer-one-single-wized .quick-link-inner { display: flex; } .footer-two .footer-one-single-wized .quick-link-inner .links { list-style: none; padding-left: 0; margin: 0; } .footer-two .footer-one-single-wized .quick-link-inner .links.margin-left-70 { margin-left: 70px; } .footer-two .footer-one-single-wized.mid-bg { background: linear-gradient(180deg, #0E1422 -4.66%, #212631 100%); border-radius: 15px; padding: 40px; margin-top: -40px; margin: -40px 30px 0 30px; margin-left: 0; } @media only screen and (max-width: 767px) { .footer-two .footer-one-single-wized.mid-bg { margin-left: 0; margin-top: 30px; margin-bottom: 50px; margin-right: 0; } } @media only screen and (max-width: 575px) { .footer-two .footer-one-single-wized.mid-bg { margin-top: 20px; margin-bottom: 30px; } } @media only screen and (max-width: 479px) { .footer-two .footer-one-single-wized.mid-bg { margin-right: 0; padding: 10px; } } .footer-two .footer-one-single-wized.mid-bg .opening-time-inner .single-opening { display: flex; justify-content: space-between; } .footer-two .footer-one-single-wized.mid-bg .opening-time-inner .single-opening p { margin-bottom: 15px; color: #fff; font-family: var(--font-primary); } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer-two .footer-one-single-wized.mid-bg .opening-time-inner .single-opening p { font-size: 14px; } } .footer-two .footer-one-single-wized.mid-bg .opening-time-inner .rts-btn.contact-us { display: block; max-width: max-content; } @media only screen and (max-width: 479px) { .footer-two .footer-one-single-wized.mid-bg .opening-time-inner .rts-btn.contact-us { padding: 12px 22px; } } .footer-two .footer-one-single-wized .wized-title { margin-bottom: 25px; } .footer-two .footer-one-single-wized .wized-title .title { color: #fff; margin-bottom: 10px; } .footer-two .footer-one-single-wized .quick-link-inner { display: flex; } @media only screen and (max-width: 767px) { .footer-two .footer-one-single-wized .quick-link-inner { gap: 40px; flex-wrap: wrap; margin-bottom: 30px; } } @media only screen and (max-width: 479px) { .footer-two .footer-one-single-wized .quick-link-inner { flex-direction: column; } } .footer-two .footer-one-single-wized .quick-link-inner .links { list-style: none; padding-left: 0; margin: 0; } .footer-two .footer-one-single-wized .quick-link-inner .links.margin-left-70 { margin-left: 70px; } @media only screen and (max-width: 479px) { .footer-two .footer-one-single-wized .quick-link-inner .links.margin-left-70 { margin-left: 0; } } .footer-two .footer-one-single-wized .quick-link-inner .links li { margin-top: 0; } .footer-two .footer-one-single-wized .quick-link-inner .links li a { color: #8B8F99; transition: var(--transition); position: relative; max-width: max-content; } .footer-two .footer-one-single-wized .quick-link-inner .links li a::after { position: absolute; content: ""; width: 0%; height: 1px; background: var(--color-primary); left: 29px; bottom: 0; transition: 0.3s; } .footer-two .footer-one-single-wized .quick-link-inner .links li a i { margin-right: 12px; transition: 0.3s; } .footer-two .footer-one-single-wized .quick-link-inner .links li a:hover { color: #fff; } .footer-two .footer-one-single-wized .quick-link-inner .links li a:hover::after { position: absolute; width: 76%; } .footer-two .footer-one-single-wized .quick-link-inner .links li a:hover i { color: #fff; } .footer-two .footer-one-single-wized .post-wrapper .single-footer-post { display: flex; align-items: flex-start; } .footer-two .footer-one-single-wized .post-wrapper .single-footer-post .left-thumbnail { margin-right: 20px; display: block; overflow: hidden; border-radius: 15px; } .footer-two .footer-one-single-wized .post-wrapper .single-footer-post .left-thumbnail img { width: 130px; height: auto; transition: var(--transition); } .footer-two .footer-one-single-wized .post-wrapper .single-footer-post .left-thumbnail:hover img { transform: scale(1.2); } .footer-two .footer-one-single-wized .post-wrapper .single-footer-post .post-right p { margin-bottom: 0; color: #8B8F99; font-size: 14px; margin-top: -6px; } .footer-two .footer-one-single-wized .post-wrapper .single-footer-post .post-right a .title { color: #fff; font-weight: 500; font-size: 17px; line-height: 26px; margin-bottom: 0; transition: var(--transition); } .footer-two .footer-one-single-wized .post-wrapper .single-footer-post .post-right a:hover .title { color: var(--color-primary); } .footer-two .footer-one-single-wized .post-wrapper .single-footer-post .post-right a { max-width: max-content; padding-left: 0; color: #DF0A0A; display: flex; align-items: center; margin-top: -1px; } .footer-two .footer-one-single-wized .post-wrapper .single-footer-post .post-right a i { margin-left: 6px; margin-bottom: -4px; position: relative; transition: var(--transition); } .footer-two .footer-one-single-wized .post-wrapper .single-footer-post .post-right a.red-more { display: block; max-width: max-content; } .footer-two .footer-one-single-wized .post-wrapper .single-footer-post .post-right a.red-more:hover i { margin-left: 15px; } .footer-two .update-wrapper p.disc { font-size: 16px; line-height: 26px; margin-bottom: 33px; color: #8B8F99; } .footer-two .update-wrapper .email-footer-area { display: flex; position: relative; } .footer-two .update-wrapper .email-footer-area input { height: 55px; border: 1px solid #E3E3E3; border-radius: 8px; padding-right: 60px; background: #FFFFFF; } .footer-two .update-wrapper .email-footer-area input:focus { border: 1px solid #20282D; } .footer-two .update-wrapper .email-footer-area button { height: 55px; width: 55px; border-radius: 8px; background: #20282D; color: #fff; position: absolute; right: 0; top: 0; } .footer-two .update-wrapper .note-area p { color: #8B8F99; margin-top: 25px; font-weight: 400; font-size: 16px; line-height: 26px; margin-bottom: 33px; } .map-area-main-wrapper { background: #FFFFFF; box-shadow: 30px 0px 60px rgba(128, 128, 128, 0.1); border-radius: 10px; overflow: hidden; } .mb--310 { margin-bottom: 310px; } .mt-dec-footer-map .map-area-main-wrapper { margin-top: -310px; position: relative; z-index: 50; height: 625px; } .map-information-2-footer { padding: 82px 75px; } @media only screen and (max-width: 1199px) { .map-information-2-footer { padding: 35px; } } @media only screen and (max-width: 991px) { .map-information-2-footer { padding: 25px; } } .map-information-2-footer .title-main { font-size: 40px; color: #1C2539; margin-bottom: 13px; margin-top: 20px; } .map-information-2-footer .line { margin-bottom: 35px; } .map-information-2-footer .contact-information-main-wrapper .signle-contact-information { display: flex; align-items: center; gap: 30px; margin-bottom: 55px; } .map-information-2-footer .contact-information-main-wrapper .signle-contact-information:last-child { margin-bottom: 0; } .map-information-2-footer .contact-information-main-wrapper .signle-contact-information .icon { height: 50px; width: 50px; background: #F6F6F6; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .map-information-2-footer .contact-information-main-wrapper .signle-contact-information .icon i { color: #20282D; } .map-information-2-footer .contact-information-main-wrapper .signle-contact-information .information-wrapper span { display: block; font-size: 24px; margin-bottom: 5px; } .map-information-2-footer .contact-information-main-wrapper .signle-contact-information .information-wrapper .title { font-size: 22px; margin: 0; font-weight: 500; } .footer-bg-three { background: url(../images/footer/03.webp); background-repeat: no-repeat; background-position: center; background-size: cover; max-width: 92%; margin: auto; border-radius: 0; clip-path: polygon(6.399% 19.703%, 11.726% 0.157%, 100% 0.157%, 100% 48.112%, 100% 66.748%, 95.268% 81.862%, 89.702% 99.93%, 0% 99.93%, 0% 42.089%, 6.399% 19.703%); } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .footer-bg-three { clip-path: none; } } @media only screen and (max-width: 1199px) { .footer-bg-three { clip-path: none; } } .rts-footer-area.footer-three.footer-bg-2 { background: url(../images/footer/footer-bg-2.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .rts-footer-area.footer-three .footer-three-single-wized.mid-left { padding-left: 15px; } @media only screen and (max-width: 1199px) { .rts-footer-area.footer-three .footer-three-single-wized.mid-left { padding-left: 0; margin-left: -67px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-footer-area.footer-three .footer-three-single-wized.mid-left { margin-left: 5px; } } @media only screen and (max-width: 767px) { .rts-footer-area.footer-three .footer-three-single-wized.mid-left { margin-left: 5px; } } .rts-footer-area.footer-three .footer-three-single-wized.mid-right { margin-left: -38px; margin-right: 37px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-footer-area.footer-three .footer-three-single-wized.mid-right { margin-left: 0; margin-top: 30px; } } @media only screen and (max-width: 767px) { .rts-footer-area.footer-three .footer-three-single-wized.mid-right { margin-left: 0; margin-top: 30px; } } .rts-footer-area.footer-three .footer-three-single-wized.mid-right .body p { font-size: 16px; line-height: 26px; margin-bottom: 33px; } .rts-footer-area.footer-three .footer-three-single-wized.mid-right .body .update-wrapper .email-footer-area { display: flex; position: relative; } .rts-footer-area.footer-three .footer-three-single-wized.mid-right .body .update-wrapper .email-footer-area input { height: 55px; border: 1px solid #E3E3E3; border-radius: 8px; padding-right: 60px; } .rts-footer-area.footer-three .footer-three-single-wized.mid-right .body .update-wrapper .email-footer-area input:focus { border: 1px solid var(--color-primary); } .rts-footer-area.footer-three .footer-three-single-wized.mid-right .body .update-wrapper .email-footer-area button { height: 55px; width: 55px; border-radius: 8px; background: var(--color-primary); color: #fff; position: absolute; right: 0; top: 0; } .rts-footer-area.footer-three .footer-three-single-wized.mid-right .body .update-wrapper .note-area p { color: #5D666F; margin-top: 25px; font-weight: 400; } .rts-footer-area.footer-three .footer-three-single-wized.mid-right .body .update-wrapper .note-area p span { color: var(--color-primary); } .rts-footer-area.footer-three .footer-three-single-wized.left a.logo_footer { padding-bottom: 25px; display: block; } .rts-footer-area.footer-three .footer-three-single-wized.left p.disc { margin-bottom: 40px; font-size: 16px; line-height: 26px; } .rts-footer-area.footer-three .footer-three-single-wized.right .footer-gallery-inner { display: flex; flex-wrap: wrap; margin-top: 30px; } .rts-footer-area.footer-three .footer-three-single-wized.right .footer-gallery-inner a { overflow: hidden; max-width: max-content; height: 90px; width: 90px; border-radius: 10px; margin-right: 10px; margin-bottom: 10px; } .rts-footer-area.footer-three .footer-three-single-wized.right .footer-gallery-inner a img { max-width: 90px; transition: 0.3s; } .rts-footer-area.footer-three .footer-three-single-wized.right .footer-gallery-inner a:hover img { transform: scale(1.2); } .rts-footer-area.footer-three .footer-three-single-wized .title { font-size: 22px; } .rts-footer-area.footer-three .footer-three-single-wized .body .info-wrapper .single { display: flex; align-items: center; margin-bottom: 20px; } .rts-footer-area.footer-three .footer-three-single-wized .body .info-wrapper .single:last-child { margin-bottom: 0; } .rts-footer-area.footer-three .footer-three-single-wized .body .info-wrapper .single:last-child .icon { position: relative; margin-top: -20px; } .rts-footer-area.footer-three .footer-three-single-wized .body .info-wrapper .single .icon { margin-right: 25px; padding: 0; margin-top: 0; margin-bottom: 0; } .rts-footer-area.footer-three .footer-three-single-wized .body .info-wrapper .single .icon li { list-style: none; position: relative; z-index: 1; color: var(--color-primary); } .rts-footer-area.footer-three .footer-three-single-wized .body .info-wrapper .single .icon li i { font-size: 14px; } .rts-footer-area.footer-three .footer-three-single-wized .body .info-wrapper .single .icon li::after { position: absolute; content: ""; height: 35px; width: 35px; background: #FFFFFF; box-shadow: 0px 9px 18px rgba(24, 16, 16, 0.0509803922); top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; border-radius: 50%; } .rts-footer-area.footer-three .footer-three-single-wized .body .info-wrapper .single .info span { display: block; color: #5D666F; font-size: 15px; font-weight: 400; } .rts-footer-area.footer-three .footer-three-single-wized .body .info-wrapper .single .info a { color: #1C2539; font-size: 16px; font-weight: 600; transition: 0.3s; line-height: 22px; } .rts-footer-area.footer-three .footer-three-single-wized .body .info-wrapper .single .info a:hover { color: var(--color-primary); } .rts-footer-area.footer-three .social-three-wrapper { display: flex; align-items: center; padding-left: 0; } .rts-footer-area.footer-three .social-three-wrapper li { list-style: none; margin: 0 21px; } .rts-footer-area.footer-three .social-three-wrapper li:first-child { margin-left: 16px; } .rts-footer-area.footer-three .social-three-wrapper li a { position: relative; z-index: 1; transition: 0.3s; color: #1C2539; } .rts-footer-area.footer-three .social-three-wrapper li a::after { position: absolute; content: ""; background: #E8E8E8; height: 40px; width: 40px; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 5px; z-index: -1; transition: 0.3s; } .rts-footer-area.footer-three .social-three-wrapper li a:hover { color: #fff; } .rts-footer-area.footer-three .social-three-wrapper li a:hover::after { background: var(--color-primary); } @media only screen and (max-width: 575px) { .rts-footer-area.footer-three { padding: 35px 15px 0 15px; } } .footer-three .copyright-area { border-top: 1px solid #E2E2E2; font-weight: 400; font-size: 16px; line-height: 21px; color: #1C2539; } .footer-three .copyright-area P { color: #1C2539; flex-wrap: 400; font-size: 16px; } .footer-six.bg-footer-one { background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; z-index: 1; background-image: url(../images/footer/01.webp); } .footer-six.bg-footer-one .bg-shape-f1 { position: relative; z-index: 1; } .footer-six .background-cta { background-image: url(../images/footer/04.webp); background-repeat: no-repeat; background-color: var(--color-primary); background-blend-mode: multiply; overflow: hidden; border-radius: 10px; background-position: center; object-fit: contain; background-size: cover; } @media only screen and (max-width: 991px) { .footer-six .background-cta { padding: 15px; margin-left: 0; } } .footer-six .rts-cta-wrapper .background-cta .cta-left-wrapepr { margin-left: 80px; padding: 45px 0; } @media only screen and (max-width: 991px) { .footer-six .rts-cta-wrapper .background-cta .cta-left-wrapepr { padding: 12px 0; } } @media only screen and (max-width: 575px) { .footer-six .rts-cta-wrapper .background-cta .cta-left-wrapepr { margin-left: 0; } } .footer-six .rts-cta-wrapper .background-cta .cta-left-wrapepr p { margin-bottom: 0; color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 16px; } .footer-six .rts-cta-wrapper .background-cta .cta-left-wrapepr .title { color: #fff; margin-bottom: 0; margin-top: 10px; font-size: 36px; } @media only screen and (max-width: 575px) { .footer-six .rts-cta-wrapper .background-cta .cta-left-wrapepr .title { line-height: 1.5; } } .footer-six .rts-cta-wrapper .background-cta .cta-input-arae { padding: 60px 0; position: relative; } @media only screen and (max-width: 991px) { .footer-six .rts-cta-wrapper .background-cta .cta-input-arae { padding: 12px 0; } } @media only screen and (max-width: 575px) { .footer-six .rts-cta-wrapper .background-cta .cta-input-arae { padding: 12px 0; } } .footer-six .rts-cta-wrapper .background-cta .cta-input-arae input { background: #FFFFFF; border-radius: 10px; height: 63px; width: 547px; color: #000; padding: 0 186px 0 25px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .footer-six .rts-cta-wrapper .background-cta .cta-input-arae input { width: 469px; } } @media only screen and (max-width: 1199px) { .footer-six .rts-cta-wrapper .background-cta .cta-input-arae input { width: 382px; } } @media only screen and (max-width: 991px) { .footer-six .rts-cta-wrapper .background-cta .cta-input-arae input { width: 100%; } } .footer-six .rts-cta-wrapper .background-cta .cta-input-arae button { position: absolute; border-radius: 10px; max-width: max-content; right: 92px; top: 50.1%; transform: translateY(-50%); height: 47px; } @media only screen and (max-width: 991px) { .footer-six .rts-cta-wrapper .background-cta .cta-input-arae button { right: 10px; } } @media only screen and (max-width: 575px) { .footer-six .rts-cta-wrapper .background-cta .cta-input-arae button { right: 10px; } } .footer-six .footer-one-single-wized.mid-bg { padding: 40px; background: linear-gradient(180deg, #354046 -15.16%, #20282D 100%); border-radius: 15px; margin-top: -40px; margin: -40px 30px 0 30px; } @media only screen and (max-width: 767px) { .footer-six .footer-one-single-wized.mid-bg { margin-left: 0; margin-top: 30px; margin-bottom: 50px; } } @media only screen and (max-width: 575px) { .footer-six .footer-one-single-wized.mid-bg { margin-top: 20px; margin-bottom: 30px; } } @media only screen and (max-width: 479px) { .footer-six .footer-one-single-wized.mid-bg { margin-right: 0; padding: 10px; } } .footer-six .footer-one-single-wized.mid-bg .opening-time-inner .single-opening { display: flex; justify-content: space-between; } .footer-six .footer-one-single-wized.mid-bg .opening-time-inner .single-opening p { margin-bottom: 15px; color: #fff; font-family: var(--font-primary); } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer-six .footer-one-single-wized.mid-bg .opening-time-inner .single-opening p { font-size: 14px; } } .footer-six .footer-one-single-wized.mid-bg .opening-time-inner .rts-btn.contact-us { display: block; max-width: max-content; } @media only screen and (max-width: 479px) { .footer-six .footer-one-single-wized.mid-bg .opening-time-inner .rts-btn.contact-us { padding: 12px 22px; } } .footer-six .footer-one-single-wized.six .quick-link-inner .links li a:hover { color: var(--color-primary-6); } .footer-six .footer-one-single-wized.six .quick-link-inner .links li a::after { background: var(--color-primary-6); } .footer-six .footer-one-single-wized.six .post-wrapper .single-footer-post .post-right a:hover .title { color: var(--color-primary-6); } .footer-six .footer-one-single-wized.six .post-wrapper .single-footer-post .post-right .red-more { color: var(--color-primary-6); } .footer-six .footer-one-single-wized.seven .quick-link-inner .links li a:hover { color: var(--color-primary); } .footer-six .footer-one-single-wized.seven .quick-link-inner .links li a::after { background: var(--color-primary); } .footer-six .footer-one-single-wized.seven .post-wrapper .single-footer-post .post-right a:hover .title { color: var(--color-primary); } .footer-six .footer-one-single-wized.seven .post-wrapper .single-footer-post .post-right .red-more { color: var(--color-primary); } .footer-six .footer-one-single-wized .wized-title { margin-bottom: 25px; } .footer-six .footer-one-single-wized .wized-title .title { color: #fff; margin-bottom: 10px; } .footer-six .footer-one-single-wized .quick-link-inner { display: flex; } @media only screen and (max-width: 479px) { .footer-six .footer-one-single-wized .quick-link-inner { flex-direction: column; } } .footer-six .footer-one-single-wized .quick-link-inner .links { list-style: none; padding-left: 0; margin: 0; } .footer-six .footer-one-single-wized .quick-link-inner .links.margin-left-70 { margin-left: 70px; } @media only screen and (max-width: 479px) { .footer-six .footer-one-single-wized .quick-link-inner .links.margin-left-70 { margin-left: 0; } } .footer-six .footer-one-single-wized .quick-link-inner .links li { margin-top: 0; } .footer-six .footer-one-single-wized .quick-link-inner .links li a { color: #8B8F99; transition: var(--transition); position: relative; max-width: max-content; } .footer-six .footer-one-single-wized .quick-link-inner .links li a::after { position: absolute; content: ""; width: 0%; height: 1px; background: var(--color-primary); left: 29px; bottom: 0; transition: 0.3s; } .footer-six .footer-one-single-wized .quick-link-inner .links li a i { margin-right: 12px; transition: 0.3s; } .footer-six .footer-one-single-wized .quick-link-inner .links li a:hover { color: var(--color-primary); } .footer-six .footer-one-single-wized .quick-link-inner .links li a:hover::after { position: absolute; width: 76%; } .footer-six .footer-one-single-wized .quick-link-inner .links li a:hover i { color: #fff; } .footer-six .footer-one-single-wized .post-wrapper .single-footer-post { display: flex; align-items: flex-start; } .footer-six .footer-one-single-wized .post-wrapper .single-footer-post .left-thumbnail { margin-right: 20px; display: block; overflow: hidden; border-radius: 15px; } .footer-six .footer-one-single-wized .post-wrapper .single-footer-post .left-thumbnail img { height: auto; transition: var(--transition); } .footer-six .footer-one-single-wized .post-wrapper .single-footer-post .left-thumbnail:hover img { transform: scale(1.2); } .footer-six .footer-one-single-wized .post-wrapper .single-footer-post .post-right p { margin-bottom: 0; color: #8B8F99; font-size: 14px; margin-top: -6px; } .footer-six .footer-one-single-wized .post-wrapper .single-footer-post .post-right a .title { color: #fff; font-weight: 500; font-size: 17px; line-height: 26px; margin-bottom: 0; transition: var(--transition); } .footer-six .footer-one-single-wized .post-wrapper .single-footer-post .post-right a:hover .title { color: var(--color-primary); } .footer-six .footer-one-single-wized .post-wrapper .single-footer-post .post-right a { max-width: max-content; padding-left: 0; color: var(--color-primary); display: flex; align-items: center; margin-top: -1px; } .footer-six .footer-one-single-wized .post-wrapper .single-footer-post .post-right a i { margin-left: 6px; margin-bottom: -4px; position: relative; transition: var(--transition); } .footer-six .footer-one-single-wized .post-wrapper .single-footer-post .post-right a.red-more { display: block; max-width: max-content; } .footer-six .footer-one-single-wized .post-wrapper .single-footer-post .post-right a.red-more:hover i { margin-left: 15px; } .footer-six .rts-copyright-area { border-top: 1px solid #3D4352; padding: 30px 0; } .footer-six .rts-copyright-area p { font-size: 16px; color: #fff; } .footer-8-area-bg { background-image: url(../images/footer/05.webp); } .footer-logo-area-left-8 { text-align: left; } .footer-logo-area-left-8 .logo { display: block; margin-bottom: 25px; } .footer-logo-area-left-8 p.disc { color: #8B8F99; margin-bottom: 25px; } .footer-logo-area-left-8 ul { padding: 0; margin: 0; display: flex; align-items: center; gap: 8px; list-style: none; } .footer-logo-area-left-8 ul li a { height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; border-radius: 5px; background: #3E484E; transition: 0.3s; } .footer-logo-area-left-8 ul li a i { color: #fff; } .footer-logo-area-left-8 ul li a:hover { transform: translateY(-5px); } .footer-8-area-bg .footer-one-single-wized .wized-title { margin-bottom: 25px; } @media (max-width: 991px) { .footer-8-area-bg .footer-one-single-wized .wized-title { margin-top: 15px; } } .footer-8-area-bg .footer-one-single-wized .wized-title .title { color: #fff; margin-bottom: 10px; } .footer-8-area-bg .footer-one-single-wized .quick-link-inner { display: flex; } @media only screen and (max-width: 479px) { .footer-8-area-bg .footer-one-single-wized .quick-link-inner { flex-direction: column; } } .footer-8-area-bg .footer-one-single-wized .quick-link-inner .links { list-style: none; padding-left: 0; margin: 0; } .footer-8-area-bg .footer-one-single-wized .quick-link-inner .links.margin-left-70 { margin-left: 70px; } @media only screen and (max-width: 1199px) { .footer-8-area-bg .footer-one-single-wized .quick-link-inner .links.margin-left-70 { margin-left: 20px; } } @media only screen and (max-width: 479px) { .footer-8-area-bg .footer-one-single-wized .quick-link-inner .links.margin-left-70 { margin-left: 0; } } .footer-8-area-bg .footer-one-single-wized .quick-link-inner .links li { margin-top: 0; } .footer-8-area-bg .footer-one-single-wized .quick-link-inner .links li a { color: #8B8F99; transition: var(--transition); position: relative; max-width: max-content; } .footer-8-area-bg .footer-one-single-wized .quick-link-inner .links li a::after { position: absolute; content: ""; width: 0%; height: 1px; background: var(--color-primary); left: 29px; bottom: 0; transition: 0.3s; } .footer-8-area-bg .footer-one-single-wized .quick-link-inner .links li a i { margin-right: 12px; transition: 0.3s; } .footer-8-area-bg .footer-one-single-wized .quick-link-inner .links li a:hover { color: var(--color-white); } .footer-8-area-bg .footer-one-single-wized .quick-link-inner .links li a:hover::after { position: absolute; width: 76%; } .footer-8-area-bg .footer-one-single-wized .quick-link-inner .links li a:hover i { color: #fff; } .footer-8-area-bg .footer-one-single-wized .signle-footer-contact-8 { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 20px; } .footer-8-area-bg .footer-one-single-wized .signle-footer-contact-8 .icon { height: 35px; width: 35px; display: flex; align-content: center; justify-content: center; background: #3E484E; border-radius: 5px; } .footer-8-area-bg .footer-one-single-wized .signle-footer-contact-8 .icon i { color: #fff; line-height: 2; } .footer-8-area-bg .footer-one-single-wized .signle-footer-contact-8 .inner-content .title { color: #fff; margin-bottom: 7px; font-size: 16px; font-weight: 400; } .footer-8-area-bg .footer-one-single-wized .signle-footer-contact-8 .inner-content a { color: #8B8F99; font-size: 16px; font-weight: 500; transition: 0.4s; } .footer-8-area-bg .footer-one-single-wized .signle-footer-contact-8 .inner-content a:hover { color: #fff; } .copyright-area-main-wrapper { border-top: 1px solid #3D4352; } .copyright-8-wrapper { display: flex; align-items: center; justify-content: space-between; } @media only screen and (max-width: 575px) { .copyright-8-wrapper { flex-direction: column; align-items: center; } } .copyright-8-wrapper p { margin: 0; padding: 30px 0; } @media only screen and (max-width: 575px) { .copyright-8-wrapper p { padding: 30px 0 0 0; text-align: center; } } .copyright-8-wrapper * { color: #fff; } .copyright-8-wrapper ul { display: flex; align-items: center; gap: 12px; list-style: none; } @media only screen and (max-width: 575px) { .copyright-8-wrapper ul { padding-left: 0; } } .copyright-8-wrapper ul li { padding: 0; margin: 0; } .copyright-8-wrapper ul li a:hover { color: #fff; } .rts-banner-area-eight { position: relative; z-index: 1; } .rts-banner-area-eight .banner-shape-area { position: absolute; left: 28%; bottom: 18%; z-index: -1; } .rts-footer-area.in-green-demo .footer-three-single-wized.left p.disc { max-width: 60%; } @media only screen and (max-width: 575px) { .rts-footer-area.in-green-demo .footer-three-single-wized.left p.disc { max-width: 100%; } } .mt-dec-blog-bread { margin-top: -113px; } .with-hr-demo.rts-footer-area { clip-path: polygon(0% 11.526%, 0% 100%, 100% 100%, 100% 11.526%, 100% 11.526%, 98.982% 8.419%, 97.636% 5.577%, 95.99% 3.159%, 94.075% 1.325%, 91.919% 0.235%, 89.553% 0.048%, 87.005% 0.924%, 84.305% 3.023%, 81.483% 6.504%, 78.568% 11.526%, 78.568% 11.526%, 75.926% 15.966%, 73.234% 19.069%, 70.533% 20.966%, 67.866% 21.789%, 65.277% 21.669%, 62.806% 20.737%, 60.498% 19.126%, 58.395% 16.966%, 56.54% 14.389%, 54.974% 11.526%, 54.974% 11.526%, 53.091% 8.241%, 51.053% 5.509%, 48.84% 3.396%, 46.432% 1.968%, 43.809% 1.293%, 40.949% 1.437%, 37.833% 2.465%, 34.441% 4.446%, 30.751% 7.444%, 26.745% 11.526%, 26.745% 11.526%, 22.475% 15.818%, 18.583% 18.838%, 15.059% 20.706%, 11.895% 21.539%, 9.083% 21.459%, 6.613% 20.583%, 4.479% 19.033%, 2.671% 16.927%, 1.181% 14.385%, 0% 11.526%); padding-top: 200px; } @media only screen and (max-width: 991px) { .with-hr-demo.rts-footer-area { clip-path: none; padding-top: 80px; } } .single-blog-area-one.column-reverse { display: flex; flex-direction: column-reverse; } .single-blog-area-one.column-reverse .bottom-details { margin-bottom: 25px; padding-bottom: 56px; border-bottom: 1px solid #E9ECF1; border-top: none; margin-top: 0; padding-top: 0; } .single-blog-area-one.without-radious .bottom-details .thumbnail { border-radius: 0; } .single-blog-area-one p { display: flex; align-items: center; color: #20282D; font-weight: 500; font-size: 16px; margin-bottom: 25px; } @media only screen and (max-width: 767px) { .single-blog-area-one p { flex-wrap: wrap; } } .single-blog-area-one p span { color: #5D666F; } .single-blog-area-one .title { font-size: 30px; font-weight: 700; } @media only screen and (max-width: 991px) { .single-blog-area-one .title { font-size: 24px; } } @media only screen and (max-width: 767px) { .single-blog-area-one .title { font-size: 20px; } } .single-blog-area-one .bottom-details { margin-top: 25px; padding-top: 56px; border-top: 1px solid #E9ECF1; } .single-blog-area-one .bottom-details .thumbnail { display: block; overflow: hidden; border-radius: 10px; } .single-blog-area-one .bottom-details .thumbnail img { transition: 0.4s; width: 100%; } .single-blog-area-one:hover .thumbnail img { transform: scale(1.07); } .mySwiper-blog-one { padding-bottom: 70px; } .rts-blog-h-2-wrapper { padding: 40px; border-radius: 30px; border: 1px solid #EDEFF3; height: 100%; } @media only screen and (max-width: 1199px) { .rts-blog-h-2-wrapper { padding: 20px; } } @media only screen and (max-width: 575px) { .rts-blog-h-2-wrapper { padding: 15px; } } .rts-blog-h-2-wrapper .thumbnail { overflow: hidden; display: block; max-width: max-content; margin-bottom: 30px; border-radius: 30px; } .rts-blog-h-2-wrapper .thumbnail img { width: 100%; transition: 0.5s; } .rts-blog-h-2-wrapper .thumbnail:hover img { transform: scale(1.1); } .rts-blog-h-2-wrapper .body span { color: var(--color-primary); font-size: 16px; font-weight: 500; } .rts-blog-h-2-wrapper .body a .title { margin-top: 15px; transition: 0.3s; color: #1C2539; font-weight: 700; line-height: 40px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-blog-h-2-wrapper .body a .title br { display: none; } } @media only screen and (max-width: 479px) { .rts-blog-h-2-wrapper .body a .title { font-size: 18px; line-height: 29px; } } .rts-blog-h-2-wrapper .body a:hover .title { color: var(--color-primary); } .rts-blog-h-2-wrapper .body .rts-read-more { color: #1C2539; } .rts-blog-h-2-wrapper .body .rts-read-more:hover { color: var(--color-primary); } .rts-blog-h-2-wrapper .body .rts-read-more:hover i { background: var(--color-primary); color: #fff; } .rts-blog-h-2-wrapper .body .rts-read-more i { background: #F5F5F5; color: #000; } .rts-read-more { font-weight: 600; color: #1C2539; transition: var(--transition); } .rts-read-more i { padding: 13px; background: #fff; border-radius: 50%; margin-right: 12px; color: #1C2539; line-height: 12px; font-size: 14px; transition: var(--transition); box-shadow: 0px 9px 18px rgba(24, 16, 16, 0.05); } .rts-read-more.btn-primary { background: transparent; color: #1C2539; } .rts-read-more:hover { color: var(--color-primary); } .rts-read-more:hover i { background: var(--color-primary); color: var(--color-white); } .rts-read-more:focus { box-shadow: none; outline: none; } .single-blog-area-four { position: relative; } .single-blog-area-four a.thumbnail { overflow: hidden; display: block; border-radius: 10px; } .single-blog-area-four a.thumbnail img { width: 100%; transition: 0.5s; } .single-blog-area-four:hover a.thumbnail img { transform: scale(1.1); } .single-blog-area-four .inner-content { position: absolute; left: 30px; bottom: 30px; } .single-blog-area-four .inner-content * { color: #fff; } .single-blog-area-four .inner-content .tag-area-wrapper { display: flex; align-items: center; gap: 25px; margin-bottom: 20px; } @media only screen and (max-width: 1199px) { .single-blog-area-four .inner-content .tag-area-wrapper { gap: 10px; } } .single-blog-area-four .inner-content .tag-area-wrapper .single { display: flex; align-items: center; gap: 10px; } .single-blog-area-four .inner-content .tag-area-wrapper .single p { margin: 0; font-size: 16px; font-weight: 400; } .single-blog-area-four .inner-content .title { font-weight: 700; line-height: 1.5; } .gallery-area-main-wrapper-4 { display: flex; align-items: center; gap: 30px; justify-content: space-between; margin-bottom: -2px; } @media only screen and (max-width: 767px) { .gallery-area-main-wrapper-4 { gap: 5px; } } .gallery-area-main-wrapper-4 .single-gallery { position: relative; } .gallery-area-main-wrapper-4 .single-gallery .instagram { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); transition: 0.3s; pointer-events: none; } .gallery-area-main-wrapper-4 .single-gallery:hover .instagram { transform: translate(-50%, -50%) scale(1); } .single-blog-card-6 { border: 1px solid #E3E0E6; border-radius: 10px; box-shadow: 0px 10px 15px rgba(129, 129, 129, 0.06); height: 100%; } .single-blog-card-6.list p.disc { margin-bottom: 0 !important; } .single-blog-card-6.list .inner-content { padding: 29px 40px; } @media only screen and (max-width: 575px) { .single-blog-card-6.list .inner-content { padding: 25px; } } .single-blog-card-6 .inner-content { padding: 40px; } @media only screen and (max-width: 575px) { .single-blog-card-6 .inner-content { padding: 20px; } } .single-blog-card-6 .inner-content p.top { margin-bottom: 10px; text-transform: uppercase; color: #20282D; font-weight: 600; } .single-blog-card-6 .inner-content p.top span { color: #5D666F; font-weight: 400; } .single-blog-card-6 .inner-content .title { font-size: 24px; color: #1C2539; margin-bottom: 20px; transition: 0.3s; } @media (max-width: 576px) { .single-blog-card-6 .inner-content .title { font-size: 22px; } } .single-blog-card-6 .inner-content .title:hover { color: var(--color-primary); } .single-blog-card-6 .inner-content p.disc { font-size: 16px; color: #5D666F; margin-bottom: 20px; } .blog-single-post-listing { margin-right: 30px; border: 1px solid #E6E9F0; margin-bottom: 50px; } @media only screen and (max-width: 1199px) { .blog-single-post-listing { margin-right: 0; } } .blog-single-post-listing.details { border-radius: 15px; } .blog-single-post-listing.details .thumbnail { border-radius: 15px 15px 0 0; } .blog-single-post-listing.details .thumbnail.details { border-radius: 15px; width: 100%; max-width: max-content; } @media only screen and (max-width: 1199px) { .blog-single-post-listing.details .thumbnail.details { max-width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .blog-single-post-listing.details .thumbnail.details { margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .blog-single-post-listing.details .thumbnail.details { margin-bottom: 20px; } } @media only screen and (max-width: 575px) { .blog-single-post-listing.details .thumbnail.details { margin-bottom: 0; } } .blog-single-post-listing.details .rts-quote-area { padding: 50px; background: #F6F6F6; border-radius: 15px; margin-bottom: 40px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .blog-single-post-listing.details .rts-quote-area { padding: 30px; } } @media only screen and (max-width: 767px) { .blog-single-post-listing.details .rts-quote-area { padding: 10px; margin-bottom: 25px; } } @media only screen and (max-width: 479px) { .blog-single-post-listing.details .rts-quote-area { margin-top: 15px; } } .blog-single-post-listing.details .rts-quote-area .title { margin-bottom: 25px; } @media only screen and (max-width: 479px) { .blog-single-post-listing.details .rts-quote-area .title { font-size: 16px; margin-bottom: 15px; } } .blog-single-post-listing.details .rts-quote-area .name { font-size: 18px; color: var(--color-primary); font-weight: 700; } .blog-single-post-listing.details .rts-quote-area span { display: block; font-weight: 400; font-size: 14px; color: #5D666F; } .blog-single-post-listing.details .check-area-details .single-check { display: flex; align-items: center; margin-bottom: 5px; } .blog-single-post-listing.details .check-area-details .single-check i { margin-right: 15px; color: var(--color-primary); } @media only screen and (max-width: 479px) { .blog-single-post-listing.details .check-area-details .single-check i { margin-top: -26px; } } .blog-single-post-listing.details .check-area-details .single-check span { color: #5D666F; } .blog-single-post-listing.details .details-tag { display: flex; align-items: center; flex-wrap: wrap; } @media only screen and (max-width: 479px) { .blog-single-post-listing.details .details-tag { justify-content: flex-start; } } .blog-single-post-listing.details .details-tag h6 { margin-bottom: 0; font-size: 18px; margin-right: 15px; } .blog-single-post-listing.details .details-tag button { padding: 8px 12px; background: #F6F6F6; max-width: max-content; margin-left: 10px; font-size: 14px; font-weight: 500; border-radius: 5px; color: #1C2539; transition: 0.3s; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .blog-single-post-listing.details .details-tag button:last-child { margin-top: 10px; margin-left: -2px; } } .blog-single-post-listing.details .details-tag button:hover { background: var(--color-primary); color: #fff; transform: translateY(-2px) scale(1.02); } .blog-single-post-listing.details .details-share { display: flex; align-items: center; justify-content: flex-end; } @media only screen and (min-width: 768px) and (max-width: 991px) { .blog-single-post-listing.details .details-share { justify-content: flex-start; margin-top: 30px; } } @media only screen and (max-width: 767px) { .blog-single-post-listing.details .details-share { justify-content: flex-start; margin-top: 30px; } } @media only screen and (max-width: 575px) { .blog-single-post-listing.details .details-share { justify-content: flex-start; margin-top: 20px; } } .blog-single-post-listing.details .details-share button { max-width: max-content; position: relative; z-index: 1; margin-left: 23px; color: #1C2539; transition: 0.3s; font-size: 14px; } .blog-single-post-listing.details .details-share button::after { position: absolute; content: ""; background: #F6F6F6; height: 40px; width: 40px; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; transition: 0.3s; } .blog-single-post-listing.details .details-share button:hover { color: #fff; transform: scale(1.2); } .blog-single-post-listing.details .details-share button:hover::after { background: var(--color-primary); } .blog-single-post-listing.details .details-share h6 { font-size: 18px; margin-bottom: 0; margin-right: 15px; } .blog-single-post-listing.details .author-area { margin-top: 44px; display: flex; align-items: center; padding: 40px 0; border-top: 1px solid #E6E9F0; border-bottom: 1px solid #E6E9F0; } @media only screen and (max-width: 767px) { .blog-single-post-listing.details .author-area { align-items: flex-start; } } @media only screen and (max-width: 575px) { .blog-single-post-listing.details .author-area { flex-wrap: wrap; } } .blog-single-post-listing.details .author-area .thumbnail { margin-right: 30px; } @media only screen and (max-width: 767px) { .blog-single-post-listing.details .author-area .thumbnail { margin-right: 0; } } @media only screen and (max-width: 767px) { .blog-single-post-listing.details .author-area .author-details { margin-left: 15px; } } .blog-single-post-listing.details .author-area .author-details h5 { margin-bottom: 10px; } .blog-single-post-listing.details .author-area .author-details p { line-height: 26px; } .blog-single-post-listing.inner { border: none; max-width: 950px; margin: 0 auto; } .blog-single-post-listing.inner2 .blog-listing-content .rts-quote-area { position: relative; background: #000; padding-top: 120px; } .blog-single-post-listing.inner2 .blog-listing-content .rts-quote-area::before { position: absolute; left: 50%; top: 40px; transform: translate(-50%, 0); content: "\f10d"; font-family: "Font Awesome 5 Pro"; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #fff; color: var(--color-primary); font-weight: 900; font-size: 20px; } .blog-single-post-listing.inner2 .blog-listing-content .rts-quote-area .title { color: #f7f7f7; } .blog-single-post-listing .replay-area-details { margin-top: 40px; } .blog-single-post-listing .replay-area-details form input { height: 55px; border-radius: 15px; background: #F6F6F6; border: 1px solid transparent; } .blog-single-post-listing .replay-area-details form input:focus { border: 1px solid var(--color-primary); } .blog-single-post-listing .replay-area-details form textarea { border-radius: 15px; background: #F6F6F6; height: 140px; margin-top: 20px; padding: 15px; border: 1px solid transparent; } .blog-single-post-listing .replay-area-details form textarea:focus { border: 1px solid var(--color-primary); } .blog-single-post-listing .thumbnail { overflow: hidden; } .blog-single-post-listing .thumbnail img { transition: 0.3s; width: 100%; } .blog-single-post-listing .thumbnail:hover img { transform: scale(1.2); } .blog-single-post-listing .blog-listing-content { padding: 50px; } @media only screen and (max-width: 767px) { .blog-single-post-listing .blog-listing-content { padding: 25px 10px; } } .blog-single-post-listing .blog-listing-content .user-info { display: flex; align-items: center; margin-bottom: 15px; flex-wrap: wrap; } .blog-single-post-listing .blog-listing-content .user-info .single { margin-right: 30px; min-width: max-content; } @media only screen and (max-width: 767px) { .blog-single-post-listing .blog-listing-content .user-info .single { margin-right: 5px; } } @media only screen and (max-width: 575px) { .blog-single-post-listing .blog-listing-content .user-info .single { margin-right: 5px; } } .blog-single-post-listing .blog-listing-content .user-info .single i { margin-right: 10px; color: var(--color-primary); } @media only screen and (max-width: 575px) { .blog-single-post-listing .blog-listing-content .user-info .single i { margin-right: 2px; font-size: 14px; } } @media only screen and (max-width: 575px) { .blog-single-post-listing .blog-listing-content .user-info .single span { font-size: 13px; } } .blog-single-post-listing .blog-listing-content .blog-title { transition: 0.3s; } .blog-single-post-listing .blog-listing-content .blog-title .title { transition: 0.3s; margin-bottom: 16px; } .blog-single-post-listing .blog-listing-content .blog-title:hover .title { color: var(--color-primary); } .blog-single-post-listing .blog-listing-content p.disc { font-size: 16px; line-height: 26px; } @media only screen and (max-width: 479px) { .blog-single-post-listing .blog-listing-content p.disc { margin-bottom: 15px; } } .blog-single-post-listing .blog-listing-content a.rts-btn { margin-top: 35px; display: block; max-width: max-content; } @media only screen and (max-width: 479px) { .blog-single-post-listing .blog-listing-content a.rts-btn { margin-top: 20px; } } .blog-list-style .rts-single-wized.Recent-post { background: #F2F2F2; } .blog-list-style .rts-single-wized.tags { background: #F2F2F2; } .blog-list-style .rts-single-wized.search1 { background: #F2F2F2; } .blog-list-style .rts-single-wized.Categories { background: #F2F2F2; } .blog-list-style .rts-single-wized.Categories li a { background: #FFFFFF; color: #5D666F; } .blog-list-style .rts-single-wized.Categories li a * { color: #5D666F; } .blog-list-style .rts-single-wized .wized-header .title { color: var(--color-primary); } .container-blog-details { max-width: 843px; margin: auto; } .blog-details-area-inner-content { padding: 50px; border: 1px solid #E6E9F0; border-radius: 15px; background: #fff; } @media only screen and (max-width: 575px) { .blog-details-area-inner-content { padding: 20px; } } .blog-details-area-inner-content .blog-details-top-wrapper { display: flex; align-items: center; gap: 30px; margin-bottom: 30px; } @media only screen and (max-width: 767px) { .blog-details-area-inner-content .blog-details-top-wrapper { flex-wrap: wrap; gap: 20px; } } .blog-details-area-inner-content .blog-details-top-wrapper .single { display: flex; align-items: center; gap: 10px; } .blog-details-area-inner-content .blog-details-top-wrapper .single span { color: #5D666F; font-weight: 400; } .blog-details-area-inner-content .title { font-size: 36px; } @media only screen and (max-width: 575px) { .blog-details-area-inner-content .title { font-size: 24px; } } .blog-details-area-inner-content p.disc { font-size: 16px; } .details-tag { display: flex; align-items: center; flex-wrap: wrap; } @media only screen and (max-width: 575px) { .details-tag { gap: 5px; } } @media only screen and (max-width: 479px) { .details-tag { justify-content: flex-start; } } .details-tag h6 { margin-bottom: 0; font-size: 18px; margin-right: 15px; } .details-tag button { padding: 8px 12px; background: #F6F6F6; max-width: max-content; margin-left: 10px; font-size: 14px; font-weight: 500; border-radius: 5px; color: #1C2539; transition: 0.3s; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .details-tag button:last-child { margin-top: 10px; margin-left: -2px; } } .details-tag button:hover { background: var(--color-primary); color: #fff; transform: translateY(-2px) scale(1.02); } .details-share { display: flex; align-items: center; justify-content: flex-end; } @media only screen and (min-width: 768px) and (max-width: 991px) { .details-share { justify-content: flex-start; margin-top: 30px; } } @media only screen and (max-width: 767px) { .details-share { justify-content: flex-start; margin-top: 30px; } } @media only screen and (max-width: 575px) { .details-share { justify-content: flex-start; margin-top: 20px; } } .details-share button { max-width: max-content; position: relative; z-index: 1; margin-left: 23px; color: #1C2539; transition: 0.3s; font-size: 14px; } .details-share button::after { position: absolute; content: ""; background: #F6F6F6; height: 40px; width: 40px; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; transition: 0.3s; } .details-share button:hover { color: #fff; transform: scale(1.2); } .details-share button:hover::after { background: var(--color-primary); } .details-share h6 { font-size: 18px; margin-bottom: 0; margin-right: 15px; } .author-area-blog { margin-top: 44px; display: flex; align-items: center; padding: 40px 0; border-top: 1px solid #E6E9F0; border-bottom: 1px solid #E6E9F0; } @media only screen and (max-width: 767px) { .author-area-blog { align-items: flex-start; } } @media only screen and (max-width: 575px) { .author-area-blog { flex-wrap: wrap; } } .author-area-blog .thumbnail { margin-right: 30px; } @media only screen and (max-width: 767px) { .author-area-blog .thumbnail { margin-right: 0; } } .author-area-blog .thumbnail { overflow: hidden; max-width: max-content; width: 100%; } .author-area-blog .thumbnail img { transition: 0.3s; width: 100%; } .author-area-blog .thumbnail:hover img { transform: scale(1.2); } @media only screen and (max-width: 767px) { .author-area-blog .author-details { margin-left: 0px; } } .author-area-blog .author-details h5 { margin-bottom: 10px; } .author-area-blog .author-details p { line-height: 26px; } .replay-area-details { margin-top: 40px; } .replay-area-details form input { height: 55px; border-radius: 15px; background: #F6F6F6; border: 1px solid transparent; } .replay-area-details form input:focus { border: 1px solid var(--color-primary); } .replay-area-details form textarea { border-radius: 15px; background: #F6F6F6; height: 140px; margin-top: 20px; padding: 15px; border: 1px solid transparent; } .replay-area-details form textarea:focus { border: 1px solid var(--color-primary); } .rts-quote-area { padding: 50px; background: #F6F6F6; border-radius: 15px; margin-bottom: 40px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-quote-area { padding: 30px; } } @media only screen and (max-width: 767px) { .rts-quote-area { padding: 10px; margin-bottom: 25px; } } @media only screen and (max-width: 479px) { .rts-quote-area { margin-top: 15px; } } .rts-quote-area .title { margin-bottom: 25px; font-size: 24px; } @media only screen and (max-width: 479px) { .rts-quote-area .title { font-size: 16px; margin-bottom: 15px; } } .rts-quote-area .name { font-size: 18px; color: var(--color-primary); font-weight: 700; } .rts-quote-area span { display: block; font-weight: 400; font-size: 14px; color: #5D666F; } .mt-dec-180 { margin-top: -480px; position: relative; z-index: 5; } @media only screen and (max-width: 767px) { .mt-dec-180 { margin-top: -200px; } } .single-blog-area-one.in-full-screen .bottom-details { margin: 0; border-top: none; padding: 0; } .single-blog-area-one.in-full-screen p { margin-top: 30px; } .gallery-bg { background-image: url(../images/counterup/01.svg); position: relative; margin-top: -23%; } @media only screen and (max-width: 991px) { .gallery-bg { margin-top: 0; } } .title-area-between-wrapper-gallery-project { position: relative; display: flex; align-items: center; justify-content: space-between; } .title-area-between-wrapper-gallery-project .swiper-paginations { display: flex; align-items: center; gap: 10px; justify-content: center; width: max-content; } .title-area-between-wrapper-gallery-project .swiper-paginations .swiper-pagination-bullet { background: rgba(32, 40, 45, 0.2); opacity: 1; } .title-area-between-wrapper-gallery-project .swiper-paginations .swiper-pagination-bullet-active { background-image: url(../images/service/icons/bullet-active.svg); background-image: cover; height: 20px; width: 20px; background-size: contain; background-color: transparent; } .project-style-one { position: relative; } .project-style-one .inner-content { position: absolute; padding: 32px; border-radius: 15px; background: #fff; left: 30px; bottom: 44px; min-width: 337px; } .project-style-one .inner-content .title { margin-bottom: 5px; font-size: 24px; } .project-style-one .inner-content span { color: #5D666F; font-size: 16px; } .single-project-style-three { position: relative; clip-path: polygon(0% 0.076%, 100% 0.076%, 100% 77.428%, 92.903% 88.814%, 85.885% 99.829%, 0% 99.829%, 0% 0.076%); } .single-project-style-three .inner-content { position: absolute; left: 30px; bottom: 30px; background: #FFFFFF; border-radius: 20px; padding: 22px 60px 22px 22px; } .single-project-style-three .inner-content .title { margin-bottom: 8px; } .single-project-style-three .thumbnail img { width: 100%; transition: 0.5s; } .single-project-style-three:hover .thumbnail img { transform: scale(1.08); } .single-case-studies-four { position: relative; overflow: hidden; } .single-case-studies-four .eye { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); transition: 0.5s; } .single-case-studies-four .inner { position: absolute; left: 40px; right: 40px; bottom: -150px; padding: 27px 40px; border-left: 8px solid #fff; background: var(--color-primary); border-radius: 5px; transition: 0.5s; } .single-case-studies-four .inner * { color: #fff; } .single-case-studies-four .inner .title { margin-bottom: 10px; font-size: 24px; } @media only screen and (max-width: 991px) { .single-case-studies-four .inner .title { font-size: 18px; line-height: 1.3; } } .single-case-studies-four:hover .eye { transform: translate(-50%, -50%) scale(1); pointer-events: none; } .single-case-studies-four:hover .inner { bottom: 40px; } .mySwiper-case-studies-5 { padding-bottom: 90px; position: relative; } .mySwiper-case-studies-5 .swiper-button-next, .mySwiper-case-studies-5 .swiper-button-prev { width: 40px; height: 35px; background: #FFFFFF; box-shadow: 0px 10px 20px rgba(24, 16, 16, 0.06); border-radius: 8px; position: absolute; bottom: 20px; top: auto; } .mySwiper-case-studies-5 .swiper-button-next i, .mySwiper-case-studies-5 .swiper-button-prev i { color: var(--color-primary); } .mySwiper-case-studies-5 .swiper-button-next::after, .mySwiper-case-studies-5 .swiper-button-prev::after { display: none; } .mySwiper-case-studies-5 .swiper-button-next { right: calc(50% - 100px); } .mySwiper-case-studies-5 .swiper-button-prev { left: calc(50% - 100px); } .mySwiper-case-studies-5 .swiper-pagination-fraction { left: 50%; transform: translateX(-50%); position: absolute; bottom: 20px; right: auto; max-width: max-content; } .mySwiper-case-studies-5 .swiper-pagination-fraction span { font-weight: 700; } .mySwiper-case-studies-5 .swiper-pagination-fraction span.swiper-pagination-current { color: var(--color-primary); } .mySwiper-case-studies-5 .swiper-pagination-fraction span.swiper-pagination-total { color: #5D666F; } .bg_project-5 { background-image: url(../images/project/10.webp); } .bg_project-5 .title-style-five * { color: #fff !important; } .project-content-left-5 { background: #fff; border-radius: 15px; padding: 102px 50px 63px 50px; } @media only screen and (max-width: 767px) { .project-content-left-5 { padding: 35px; } } @media only screen and (max-width: 575px) { .project-content-left-5 { padding: 25px; } } .project-content-left-5 .title-area { margin-bottom: 30px; margin-top: 25px; } .project-content-left-5 .title-area .title { margin-bottom: 7px; font-size: 30px; font-weight: 700; color: #1C2539; } .project-content-left-5 p.disc { margin-bottom: 35px; } .project-content-left-5 .rts-btn { border-radius: 15px; } .mySwiper-project-five { padding-bottom: 90px; position: relative; } .mySwiper-project-five .swiper-button-next, .mySwiper-project-five .swiper-button-prev { width: 40px; height: 35px; background: transparent; box-shadow: 0px 10px 20px rgba(24, 16, 16, 0.06); border-radius: 8px; position: absolute; bottom: 20px; top: auto; border: 1px solid rgb(93, 102, 111); } .mySwiper-project-five .swiper-button-next i, .mySwiper-project-five .swiper-button-prev i { color: rgb(93, 102, 111); } .mySwiper-project-five .swiper-button-next::after, .mySwiper-project-five .swiper-button-prev::after { display: none; } .mySwiper-project-five .swiper-button-next { right: calc(50% - 100px); } .mySwiper-project-five .swiper-button-prev { left: calc(50% - 100px); } .mySwiper-project-five .swiper-pagination-fraction { left: 50%; transform: translateX(-50%); position: absolute; bottom: 20px; right: auto; max-width: max-content; } .mySwiper-project-five .swiper-pagination-fraction span { font-weight: 700; } .mySwiper-project-five .swiper-pagination-fraction span.swiper-pagination-current { color: #fff; } .mySwiper-project-five .swiper-pagination-fraction span.swiper-pagination-total { color: #5D666F; } .rts-testimonials-area-five .pagination-wrapper { display: flex; align-items: center; gap: 15px; } .rts-testimonials-area-five .swiper-button-nexts, .rts-testimonials-area-five .swiper-button-prevs { width: 40px; height: 35px; background: #F2F2F2; border-radius: 8px; border: 1px solid transparent; display: flex; align-items: center; justify-content: center; } .rts-testimonials-area-five .swiper-button-nexts i, .rts-testimonials-area-five .swiper-button-prevs i { color: #1C2539; } .rts-testimonials-area-five .swiper-button-nexts::after, .rts-testimonials-area-five .swiper-button-prevs::after { display: none; } .rts-testimonials-area-five .swiper-button-nexts { right: calc(50% - 100px); } .rts-testimonials-area-five .swiper-button-prevs { left: calc(50% - 100px); } .rts-testimonials-area-five .swiper-pagination-fractions { max-width: max-content; } .rts-testimonials-area-five .swiper-pagination-fractions span { font-weight: 700; } .rts-testimonials-area-five .swiper-pagination-fractions span.swiper-pagination-current { color: #1b1b1b; } .rts-testimonials-area-five .swiper-pagination-fractions span.swiper-pagination-total { color: #5D666F; } .g-75 { --bs-gutter-x: 75px; --bs-gutter-y: 75px; } @media only screen and (max-width: 991px) { .g-75 { --bs-gutter-x: 25px; --bs-gutter-y: 25px; } } .single-project-area-main-wrapper-6 .thumbnail { border-radius: 10px; display: block; overflow: hidden; } .single-project-area-main-wrapper-6 .thumbnail img { transition: 0.3s; } .single-project-area-main-wrapper-6 .inner { margin-top: 30px; } .single-project-area-main-wrapper-6 .inner .title { font-size: 30px; } .single-project-area-main-wrapper-6 .inner p.disc { margin-bottom: 0; font-size: 16px; } .single-project-area-main-wrapper-6:hover .thumbnail img { transform: scale(1.058); } .rts-project-area.without-bg-image .project-content-left-5 { background: #20282D; border-radius: 0; } .rts-project-area.without-bg-image .project-content-left-5 .title, .rts-project-area.without-bg-image .project-content-left-5 span, .rts-project-area.without-bg-image .project-content-left-5 p.disc { color: #fff; } .rts-project-area.without-bg-image .mySwiper-project-five .swiper-pagination-fraction span.swiper-pagination-current { color: #1b1b1b; } .flowating-right { width: 128%; } .rts-projects-area-start-10 { background-image: url(../images/project/17.webp); } .rts-projects-area-start-10 .title-style-10 * { color: #fff; } .rts-projects-area-start-10 .swiper-pagination-current { color: #fff !important; } .project-breadcrumb { padding: 130px 70px 70px 70px; background: #fff; z-index: 1; max-width: max-content; margin: auto; position: relative; z-index: 10; } @media only screen and (max-width: 575px) { .project-breadcrumb { padding: 20px; } } .project-breadcrumb .bg-title { top: 35px !important; z-index: 1; } .project-breadcrumb p.disc { max-width: 70%; margin: auto; } @media only screen and (max-width: 767px) { .project-breadcrumb p.disc { max-width: 100%; } } @media only screen and (max-width: 575px) { .project-breadcrumb p.disc { max-width: 100%; } } @media only screen and (max-width: 575px) { .bread-td { max-width: 100% !important; } } .rts-project-details-area-end { margin-top: -160px; } @media only screen and (max-width: 575px) { .rts-project-details-area-end { margin-top: -20px; } } .nav-project-tab { display: flex; align-items: center; gap: 20px; padding: 0; margin: 0; border: none; box-shadow: none; border-radius: 0; justify-content: center; } .nav-project-tab li { margin: 0; padding: 0; border: none; box-shadow: none; border-radius: 0; } .nav-project-tab li button { background: #FFFFFF; border: 1px solid #EDEFF3 !important; box-shadow: 0px 9px 18px rgba(24, 16, 16, 0.05); border-radius: 15px; padding: 13px 25px; border-radius: 10px !important; font-size: 16px; color: #1C2539; font-weight: 500; transition: 0.3s; } .nav-project-tab li button:hover { background-color: #20282D !important; box-shadow: 0px 9px 18px rgba(24, 16, 16, 0.05) !important; color: #fff !important; } .nav-project-tab li button.active { background-color: #20282D !important; box-shadow: 0px 9px 18px rgba(24, 16, 16, 0.05) !important; color: #fff !important; } .thumbnail-project-5 { height: 100%; } .thumbnail-project-5 img { height: auto; object-fit: cover; } .title-area-client-client { position: relative; } .title-area-client-client p.client-title { max-width: max-content; margin: auto; font-weight: 700; color: #1C2539; text-transform: uppercase; } .title-area-client-client.six::after { background: var(--color-primary); } .title-area-client-client.six::before { background: var(--color-primary); } .title-area-client-client::after { content: ""; position: absolute; left: 0; width: 100%; height: 2px; width: 41%; background: var(--color-primary); display: flex; align-items: center; margin-top: -14px; } @media only screen and (max-width: 1199px) { .title-area-client-client::after { width: 38%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .title-area-client-client::after { width: 35%; } } @media only screen and (max-width: 767px) { .title-area-client-client::after { width: 30%; } } @media only screen and (max-width: 575px) { .title-area-client-client::after { display: none; } } .title-area-client-client::before { content: ""; position: absolute; left: 59%; width: 100%; height: 2px; width: 41%; background: var(--color-primary); display: flex; align-items: center; margin-top: 15px; } @media only screen and (max-width: 1199px) { .title-area-client-client::before { left: 62%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .title-area-client-client::before { left: 65%; width: 35%; } } @media only screen and (max-width: 767px) { .title-area-client-client::before { left: 69%; width: 30%; } } @media only screen and (max-width: 575px) { .title-area-client-client::before { display: none; } } .client-wrapper-one { margin-top: 40px; display: flex; justify-content: space-between; flex-wrap: wrap; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .client-wrapper-one { justify-content: center; } } @media only screen and (max-width: 1199px) { .client-wrapper-one { justify-content: center; } } @media only screen and (max-width: 767px) { .client-wrapper-one { position: relative; z-index: 50; gap: 15px; } } .client-wrapper-one a img { transition: var(--transition); max-width: 130px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .client-wrapper-one a img { margin-right: 10px; } } @media only screen and (max-width: 1199px) { .client-wrapper-one a img { margin-right: 10px; margin-bottom: 10px; } } @media only screen and (max-width: 479px) { .client-wrapper-one a img { max-width: 80px; } } .client-wrapper-one a:hover img { transform: scale(1.1) translateY(-5px); } .counter-bg { background-image: url(../images/counterup/01.webp); height: 762px; background-size: cover; background-repeat: no-repeat; } @media only screen and (max-width: 991px) { .counter-bg { height: auto; } } .counter-bg .single-counter { display: flex; align-items: center; gap: 25px; } @media only screen and (max-width: 767px) { .counter-bg .single-counter { justify-content: flex-start !important; padding-left: 0 !important; margin: 15px 0; } } .counter-bg .single-counter .icon { height: 90px; min-width: 90px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; } .counter-bg .single-counter .counter-details .title { color: #fff; margin-bottom: -2px; font-weight: 700; } .counter-bg .single-counter .counter-details p { color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .counter-bg .single-counter .counter-details p { font-size: 14px; } } .counter-main-wrapper-area-start-6 { display: flex; align-items: center; justify-content: space-between; border: 1px solid rgba(32, 40, 45, 0.1294117647); } @media only screen and (max-width: 1199px) { .counter-main-wrapper-area-start-6 { flex-wrap: wrap; } } .counter-main-wrapper-area-start-6 .single-counter-area-main { padding: 90px 55px 73px 55px; border-right: 1px solid rgba(32, 40, 45, 0.1294117647); } @media only screen and (max-width: 1199px) { .counter-main-wrapper-area-start-6 .single-counter-area-main { border: none; } } @media only screen and (max-width: 767px) { .counter-main-wrapper-area-start-6 .single-counter-area-main { padding: 25px; } } .counter-main-wrapper-area-start-6 .single-counter-area-main .title { font-size: 70px; margin-bottom: 3px; } @media only screen and (max-width: 575px) { .counter-main-wrapper-area-start-6 .single-counter-area-main .title { font-size: 32px; } } .counter-main-wrapper-area-start-6 .single-counter-area-main span.bottom { font-weight: 700; font-size: 16px; text-transform: uppercase; color: #1C2539; } .counter-main-wrapper-area-start-6 .single-counter-area-main:last-child { border: none; } .rts-counter-up-area-eight { position: absolute; bottom: -180px; left: 50%; transform: translateX(-50%); } @media only screen and (max-width: 1199px) { .rts-counter-up-area-eight { width: 100%; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .rts-counter-up-area-eight { width: 100%; } } .counter-up-area-eight-banner-bottom { padding: 94px 62px; border-radius: 40px; background: var(--color-primary); width: 1290px; margin: auto; height: 326px; display: flex; align-items: center; gap: 90px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .counter-up-area-eight-banner-bottom { width: 100%; } } @media only screen and (max-width: 1199px) { .counter-up-area-eight-banner-bottom { width: 100%; } } @media only screen and (max-width: 767px) { .counter-up-area-eight-banner-bottom { gap: 30px; padding: 25px; } } .counter-up-area-eight-banner-bottom .absolute-image { position: absolute; right: 40px; bottom: 0; } @media only screen and (max-width: 1199px) { .counter-up-area-eight-banner-bottom .absolute-image { max-width: 31%; } } @media only screen and (max-width: 991px) { .counter-up-area-eight-banner-bottom .absolute-image { max-width: 23%; } } @media only screen and (max-width: 767px) { .counter-up-area-eight-banner-bottom .absolute-image { display: none; } } .single-counter-area-eight .title { color: #fff; } .single-counter-area-eight span.business { text-transform: uppercase; color: #B3B7C1; font-size: 24px; } .single-counter-area-eight span.business br { display: block; } @media only screen and (max-width: 575px) { .single-counter-area-eight span.business { font-size: 16px; } } .single-counter-area-eight .star-icon { margin-top: 20px; } .single-counter-area-eight .star-icon i { color: #B3B7C1; font-size: 22px; } .brand-bg-three { background-image: url(../images/brand/bg.webp); } .mr--0 { margin-right: 0 !important; } .client-three-wrapper { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .client-three-wrapper { gap: 30px; justify-content: center; } } @media only screen and (max-width: 1199px) { .client-three-wrapper { gap: 30px; justify-content: center; } } @media only screen and (max-width: 991px) { .client-three-wrapper { gap: 20px; } } @media only screen and (max-width: 575px) { .client-three-wrapper { justify-content: center; } } .client-three-wrapper .single { width: 190px; height: 80px; display: flex; align-items: center; justify-content: center; background: #FFFFFF; box-shadow: 0px 10px 30px rgba(33, 5, 5, 0.05); border-radius: 15px; transition: 0.3s; cursor: pointer; } @media only screen and (max-width: 575px) { .client-three-wrapper .single { width: 160px; height: 64px; } } .client-three-wrapper .single:hover { transform: scale(1.05) translateY(-5px); } .client-three-wrapper img { max-width: 130px; } @media only screen and (max-width: 575px) { .client-three-wrapper img { max-width: 90px; } } .brand-list-area-wrapper { display: flex; align-items: center; gap: 50px; } @media only screen and (max-width: 991px) { .brand-list-area-wrapper { flex-direction: column; gap: 25px; align-items: center; } } .brand-list-area-wrapper .left-paragraph { min-width: max-content; } .brand-list-area-wrapper .left-paragraph p { font-weight: 700; font-size: 16px; text-transform: uppercase; color: #132243; } .brand-list-area-wrapper .right-brand-area-wrapper { display: flex; align-items: center; justify-content: space-between; width: 100%; } @media only screen and (max-width: 991px) { .brand-list-area-wrapper .right-brand-area-wrapper { gap: 25px; justify-content: center; flex-wrap: wrap; } } .brand-list-area-wrapper .right-brand-area-wrapper img { max-width: 130px; } @media only screen and (max-width: 575px) { .brand-list-area-wrapper .right-brand-area-wrapper img { max-width: 90px; } } .brand-area-main-wrapper--box { display: flex; align-items: center; flex-wrap: wrap; } @media only screen and (max-width: 991px) { .brand-area-main-wrapper--box { gap: 20px; justify-content: center; } } .brand-area-main-wrapper--box .single-brand { width: 33.1%; height: 265px; display: flex; align-items: center; justify-content: center; border-left: 1px solid rgba(32, 40, 45, 0.21); border-top: 1px solid rgba(32, 40, 45, 0.21); } @media only screen and (max-width: 991px) { .brand-area-main-wrapper--box .single-brand { height: auto; border: none !important; width: auto; } .brand-area-main-wrapper--box .single-brand img { max-width: 95px; } } .brand-area-main-wrapper--box .single-brand.border-last { border-right: 1px solid rgba(32, 40, 45, 0.21); } .brand-area-main-wrapper--box .single-brand.border-bottom { border-bottom: 1px solid rgba(32, 40, 45, 0.21); } .brand-area-main-wrapper--box .single-brand:last-child { border-right: 1px solid rgba(32, 40, 45, 0.21); } .progress-wrapper-about-4 { max-width: 85%; } @media only screen and (max-width: 575px) { .progress-wrapper-about-4 { max-width: 100%; } } .single-progress { position: relative; margin-bottom: 25px; } .single-progress .title { position: absolute; margin: 0; top: 50%; transform: translateY(-50%); left: 30px; font-size: 16px; text-transform: uppercase; font-weight: 700; } .single-progress .progress { height: 40px; background: linear-gradient(90deg, rgba(32, 40, 45, 0.1607843137) 0%, rgba(242, 242, 242, 0.0196078431) 100%); opacity: 1; border-radius: 40px; background-color: transparent; } .single-progress .progress span { position: absolute; right: 25px; top: 50%; transform: translateY(-50%); font-size: 16px; color: var(--color-primary); font-weight: 700; } .single-progress .progress .progress-bar { background-color: transparent; } .progress-circle-main-wrapper { display: flex; align-items: center; justify-content: space-between; /*For CodePen*/ } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .progress-circle-main-wrapper { gap: 15px; } } @media only screen and (max-width: 1199px) { .progress-circle-main-wrapper { flex-wrap: wrap; gap: 30px; } } @media only screen and (max-width: 479px) { .progress-circle-main-wrapper { justify-content: center; } } .progress-circle-main-wrapper .single-progress-circle { display: flex; justify-content: center; position: relative; } .progress-circle-main-wrapper .single-progress-circle .small-text { position: absolute; top: 55%; font-weight: 400; font-size: 18px; line-height: 24px; color: #1F1F21; font-family: var(--font-primary); } .progress-circle-main-wrapper svg.radial-progress { height: auto; max-width: 140px; padding: 0; border-radius: 50%; transform: rotate(-90deg); width: 100%; background-image: none; border-radius: 50%; transition: 0.3s; } .progress-circle-main-wrapper svg.radial-progress circle { fill: transparent; stroke: #fff; } .progress-circle-main-wrapper svg.radial-progress circle.bar-static { stroke: rgba(31, 31, 33, 0.08) !important; stroke-width: 3px; transition: 0.3s; } .progress-circle-main-wrapper svg.radial-progress circle.bar--animated { stroke-dasharray: 219.9114857513; stroke: var(--color-primary); stroke-dashoffset: 219.9114857513; stroke-width: 3px; transition: 0.3s; stroke-linecap: round; } .progress-circle-main-wrapper svg.radial-progress text { fill: #1F1F21 !important; font-size: 16px; font-weight: 700; text-anchor: middle; font-family: var(--font-primary); fill: rgba(31, 31, 33, 0.2); transition: 0.3s; color: var(--color-primary); } .progress-circle-main-wrapper svg.radial-progress:hover circle.bar-static { stroke-width: 1px; } .progress-circle-main-wrapper svg.radial-progress:hover circle.bar--animated { stroke-width: 4px; } .progress-circle-main-wrapper svg.radial-progress:hover text { fill: #1F1F21; } .progress-circle-main-wrapper section.svg-container svg.radial-progress:nth-child(even) { margin: 0 15px; } .progress-circle-main-wrapper section.svg-container:nth-last-of-type(1) svg.radial-progress { background: linear-gradient(260deg, #ff0300, #ffc900); } .progress-circle-main-wrapper section.svg-container:nth-last-of-type(0) svg.radial-progress { background-image: linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%); } .progress-circle-main-wrapper .devider { font-size: 50px; padding: 20px; min-height: 11vh; color: #fff; width: 100%; display: flex; align-items: center; justify-content: center; background: linear-gradient(-225deg, #FF057C 0%, #FF057C 40%, #321575 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 600; } .progress-circle-main-wrapper .devider:nth-last-of-type(2) { background-image: linear-gradient(260deg, #ff0300, #ffc900); } .progress-circle-main-wrapper .single-progress-area { display: flex; align-items: center; gap: 30px; position: relative; } @media only screen and (max-width: 479px) { .progress-circle-main-wrapper .single-progress-area { flex-direction: column; align-items: center; } } .progress-circle-main-wrapper .single-progress-area.ininner { display: flex; align-items: center; gap: 30px; position: relative; background: #20282D; padding: 20px 42px; border-radius: 10px; } @media only screen and (max-width: 575px) { .progress-circle-main-wrapper .single-progress-area.ininner { width: 100%; } } .progress-circle-main-wrapper .single-progress-area.ininner .right-counter * { color: #fff; } .progress-circle-main-wrapper .single-progress-area::after { position: absolute; right: -86px; height: 100%; width: 1px; background: #D9D9D9; content: ""; } @media only screen and (max-width: 1199px) { .progress-circle-main-wrapper .single-progress-area::after { display: none; } } .progress-circle-main-wrapper .single-progress-area:last-child::after { display: none; } .progress-circle-main-wrapper .single-progress-area svg text { opacity: 0; } .progress-circle-main-wrapper .single-progress-area img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .progress-circle-main-wrapper .single-progress-area .right-counter .title { margin-bottom: 0; font-size: 48px; } .progress-circle-main-wrapper .single-progress-area .right-counter p { margin-bottom: 0; font-size: 16px; font-weight: 600; text-transform: uppercase; color: #5D666F; } @media only screen and (max-width: 575px) { .shape-iamge-line { display: none; } } .progress-area-wrapper.style-8 { display: flex; align-items: center; gap: 26px; } .progress-area-wrapper.style-8 .title { font-size: 20px; margin-bottom: 7px; } .progress-area-wrapper.style-8 p.disc { margin-bottom: 0; font-weight: 400; color: #5D666F; } .progress-area-wrapper.style-8 svg.radial-progress circle.bar--animated { stroke-width: 5px; } .faq-bg-one { background-image: url(../images/faq/bg.webp); } .faq-one-thumbnail-wrapper-right { display: flex; align-items: center; justify-content: center; } .faq-one-thumbnail-wrapper-right .thumbnail { max-width: 520px; clip-path: polygon(48.93% 0.356%, 48.93% 0.356%, 49.136% 0.264%, 49.349% 0.194%, 49.568% 0.143%, 49.791% 0.113%, 50.015% 0.103%, 50.24% 0.113%, 50.463% 0.143%, 50.681% 0.194%, 50.895% 0.264%, 51.101% 0.356%, 98.912% 24.359%, 98.912% 24.359%, 99.106% 24.469%, 99.283% 24.594%, 99.444% 24.734%, 99.586% 24.887%, 99.708% 25.052%, 99.811% 25.227%, 99.892% 25.411%, 99.951% 25.602%, 99.988% 25.798%, 100% 26%, 100% 74%, 100% 74%, 99.988% 74.202%, 99.951% 74.398%, 99.892% 74.589%, 99.811% 74.773%, 99.708% 74.948%, 99.586% 75.113%, 99.444% 75.266%, 99.283% 75.406%, 99.106% 75.531%, 98.912% 75.641%, 51.101% 99.645%, 51.101% 99.645%, 50.895% 99.736%, 50.681% 99.806%, 50.463% 99.857%, 50.24% 99.887%, 50.015% 99.897%, 49.791% 99.887%, 49.568% 99.857%, 49.349% 99.806%, 49.136% 99.736%, 48.93% 99.645%, 1.119% 75.641%, 1.119% 75.641%, 0.925% 75.531%, 0.747% 75.406%, 0.587% 75.266%, 0.445% 75.113%, 0.322% 74.948%, 0.22% 74.773%, 0.138% 74.589%, 0.079% 74.398%, 0.043% 74.202%, 0.031% 74%, 0.031% 26%, 0.031% 26%, 0.043% 25.798%, 0.079% 25.602%, 0.138% 25.411%, 0.22% 25.227%, 0.322% 25.052%, 0.445% 24.887%, 0.587% 24.734%, 0.747% 24.594%, 0.925% 24.469%, 1.119% 24.359%, 48.93% 0.356%); } .faq-main-wrapper-content-inner-four .title-style-four { margin-right: -50px; } .faq-main-wrapper-content-inner-four .title-style-four * { color: #fff; } .faq-main-wrapper-content-inner-four .accordion .accordion-item { margin-bottom: 30px; background: transparent; border: 1px solid rgb(65, 72, 87); border-radius: 5px; } .faq-main-wrapper-content-inner-four .accordion .accordion-item .accordion-button { background: transparent; font-size: 18px; color: #fff; padding: 18px 35px; font-weight: 700; border-bottom: none; box-shadow: none !important; } .faq-main-wrapper-content-inner-four .accordion .accordion-item .accordion-button::after { filter: brightness(0) saturate(100%) invert(100%) sepia(66%) saturate(49%) hue-rotate(182deg) brightness(119%) contrast(100%); } .faq-main-wrapper-content-inner-four .accordion .accordion-item .accordion-button:focus { box-shadow: none; } .faq-main-wrapper-content-inner-four .accordion .accordion-item .accordion-button[aria-expanded=true] { background: #fff; color: #1C2539; } .faq-main-wrapper-content-inner-four .accordion .accordion-item .accordion-button[aria-expanded=true]::after { filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7500%) hue-rotate(242deg) brightness(109%) contrast(108%); } .faq-main-wrapper-content-inner-four .accordion .accordion-item .accordion-collapse .accordion-body { transition: 0s; transition-delay: 0s; padding: 25px 30px 30px 30px; font-size: 16px; color: #5D666F; } .faq-main-wrapper-content-inner-four .accordion .accordion-item .accordion-collapse.show .accordion-body { background: #fff; } .faq-main-wrapper-content-inner-four .accordion .accordion-item .accordion-collapse.collapsing .accordion-body { background: #fff; } .faq-wrapper-inner-page .accordion-item { margin-bottom: 30px; background: #F2F2F2; border: 1px solid #E3E0E6; box-shadow: 0px 7px 18px rgba(24, 16, 16, 0.05); border-radius: 6px; } @media only screen and (max-width: 575px) { .faq-wrapper-inner-page .accordion-item { margin: 0 15px; margin-bottom: 30px; } } .faq-wrapper-inner-page .accordion-item .accordion-header { border: none; box-shadow: none; } .faq-wrapper-inner-page .accordion-item .accordion-header button { padding: 24px 40px; border: none; box-shadow: none; font-size: 18px; color: #1C2539; background: transparent; font-weight: 700; } @media only screen and (max-width: 767px) { .faq-wrapper-inner-page .accordion-item .accordion-header button { padding: 24px 15px; } } .faq-wrapper-inner-page .accordion-item .accordion-header button::after { content: "\f078"; font-family: var(--font-3); background-image: none; transform: none; margin-top: -5px; } .faq-wrapper-inner-page .accordion-item .accordion-header button[aria-expanded=true]::after { content: "\f077"; } .faq-wrapper-inner-page .accordion-item .accordion-body { padding: 0 20px 20px 40px; } @media only screen and (max-width: 767px) { .faq-wrapper-inner-page .accordion-item .accordion-body { padding: 0 20px 20px 20px; } } .vedio-icone .video-play-button { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); box-sizing: content-box; display: block; width: 32px; height: 44px; border-radius: 50%; padding: 18px 20px 18px 28px; display: flex; } .vedio-icone .video-play-button::before { content: ""; position: absolute; z-index: 0; left: -32%; top: -31%; display: block; width: 130px; height: 130px; background: transparent; border-radius: 50%; border: 1px solid var(--color-primary); animation: waves 3s ease-in-out infinite; } .vedio-icone .video-play-button::after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 60px; height: 60px; background: #F2F2F2; transition: all 200ms; border-radius: 50%; } .vedio-icone .video-play-button span { display: block; position: relative; z-index: 3; width: 0; height: 0; border-left: 15px solid var(--color-primary); border-top: 8px solid transparent; border-bottom: 8px solid transparent; top: 50%; transform: translate(-50%, -50%); left: 47%; } .vedio-icone .video-play-button span.outer-text { border: none; min-width: max-content; margin-left: 75px; position: relative; margin-top: -12px; color: var(--color-primary); font-weight: 500; } .vedio-icone .video-overlay { position: fixed; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.8); opacity: 0; transition: all ease 500ms; display: none; } .vedio-icone .video-overlay iframe { width: 70%; height: 70%; margin: auto; display: flex; align-items: center; justify-content: center; top: 50%; top: 50%; position: relative; transform: translateY(-50%); } .vedio-icone .video-overlay.open { position: fixed; z-index: 1000; opacity: 1; display: block; } .vedio-icone .video-overlay .video-overlay-close { position: absolute; z-index: 1000; top: 15px; right: 20px; font-size: 36px; line-height: 1; font-weight: 400; color: #fff; text-decoration: none; cursor: pointer; transition: all 200ms; } .rts-bg-video-area-large { height: 640px; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(../images/banner/05.webp); } @media only screen and (max-width: 575px) { .rts-bg-video-area-large { height: 400px; } } .working-process-bg { background-image: url(../images/wokring-process/bg-01.jpg); max-width: 1680px; margin: 0 auto; background-repeat: no-repeat; background-size: cover; background-position: center; clip-path: polygon(6.399% 10.697%, 11.726% 0%, 100% 0%, 100% 50%, 100% 81.841%, 95.268% 90.112%, 89.702% 100%, 0% 100%, 0% 22.948%, 6.399% 10.697%); } @media only screen and (max-width: 767px) { .working-process-bg { clip-path: none; } } .working-process-area-three .title-style-three .bg-title::after { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgb(246, 246, 246) 0%, rgba(246, 246, 246, 0.73) 35%, rgba(255, 255, 255, 0) 100%); } .working-process-area-three .title-style-three { z-index: 1; } .working-process-area-three .title-style-three .bg-title { z-index: -1; } @media only screen and (max-width: 1199px) { .working-process-one.bg-main.rts-section-gap { overflow: hidden; } } .rts-working-process-1 { display: flex; flex-direction: column; align-items: center; } .rts-working-process-1 .inner { width: 192px; height: 192px; border: 2px dashed rgba(32, 40, 45, 0.18); display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-bottom: 33px; transition: 0.3s; position: relative; } .rts-working-process-1 .inner.two::after { content: "02"; } .rts-working-process-1 .inner.three::after { content: "03"; } .rts-working-process-1 .inner.four::after { content: "04"; } .rts-working-process-1 .inner::after { position: absolute; right: 5px; top: 7px; content: "01"; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--color-primary); color: #fff; transform: scale(0); transition: 0.3s; } .rts-working-process-1 .inner .icon { height: 144px; width: 144px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .rts-working-process-1 .content .title { margin-bottom: 7px; } .rts-working-process-1.process-lg .inner { width: 245px; height: 245px; } .rts-working-process-1.process-lg .inner::after { width: 60px; height: 60px; } .rts-working-process-1.process-lg .inner .icon { width: 193.03px; height: 193.03px; } .rts-working-process-1:hover .inner { border: 2px dashed var(--color-primary); } .rts-working-process-1:hover .inner::after { transform: scale(1); } .thumbnail-area-wrapper-inner-6 { padding-left: -150px; } .demo-technology .thumbnail-working-procss-one img { margin-left: 0; } .demo-technology .appoinment-area-seven { background-image: url(../images/appoinment/08.webp); } .demo-technology .cta-style-10-wrapper .right-side form input { background: #20282D; } .why-choose-us-three-content-left .why-choose-feature { display: flex; align-items: center; gap: 24px; padding-bottom: 40px; border-bottom: 1px solid rgba(32, 40, 45, 0.15); max-width: 81%; } @media (max-width: 576px) { .why-choose-us-three-content-left .why-choose-feature { max-width: 100%; flex-direction: column; align-items: flex-start; } } .why-choose-us-three-content-left .why-choose-feature .single { padding: 14px 18px; background: #FFFFFF; border: 1px solid rgba(32, 40, 45, 0.15); box-shadow: 0px 9px 18px rgba(24, 16, 16, 0.05); border-radius: 15px; display: flex; align-items: center; gap: 10px; } .why-choose-us-three-content-left .why-choose-feature .single p { color: #1C2539; font-weight: 500; font-size: 18px; } .why-choose-us-three-content-left .call-area { display: flex; align-items: center; gap: 30px; margin-top: 40px; } @media only screen and (max-width: 575px) { .why-choose-us-three-content-left .call-area { margin-bottom: 30px; } } .why-choose-us-three-content-left .call-area .thumb { max-width: 70px; } .why-choose-us-three-content-left .call-area .inner span { margin-bottom: 10px; display: block; } .why-choose-us-three-content-left .call-area .inner a .title { font-size: 22px; color: #1C2539; margin: 0; } .right-image-inner-why-choose-three { position: relative; z-index: 1; } .right-image-inner-why-choose-three .thumbnail-large { max-width: 488px; clip-path: polygon(40.786% 0%, 99.842% 0%, 99.842% 99.878%, 43.761% 99.878%, 0% 99.878%, 0% 15.353%, 40.786% 0%); margin-left: auto; padding-bottom: 120px; } .right-image-inner-why-choose-three .small { clip-path: polygon(46.449% 99.791%, 100% 99.791%, 100% 0.093%, 49.854% 0.093%, 0% 0.093%, 0% 83.272%, 46.449% 99.791%); position: absolute; left: 0; bottom: 0; max-width: 279px; z-index: 2; } .right-image-inner-why-choose-three .black-shape { clip-path: polygon(46.449% 99.791%, 100% 99.791%, 100% 0.093%, 49.854% 0.093%, 0% 0.093%, 0% 83.272%, 46.449% 99.791%); width: 279px; height: 332px; position: absolute; left: 30px; bottom: 30px; max-width: 279px; z-index: 1; background: #20282D; animation: jump-2 5s linear infinite; } .single-why-choose-four { position: relative; } .single-why-choose-four .thumbnail { z-index: 1; display: block; position: relative; overflow: hidden; } .single-why-choose-four .thumbnail::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; z-index: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 24.52%, rgba(6, 9, 12, 0.85) 87.86%); border-radius: 10px; } .single-why-choose-four .inner-content { position: absolute; left: 50%; transform: translateX(-50%); bottom: 30px; text-align: center; min-width: max-content; z-index: 5; } @media only screen and (max-width: 1199px) { .single-why-choose-four .inner-content { min-width: 100%; } } .single-why-choose-four .inner-content .icon { margin-bottom: 20px; } .single-why-choose-four .inner-content .title { margin-bottom: 10px; } .single-why-choose-four .inner-content * { color: #fff; } .single-why-choose-four .inner-content p.disc { max-width: 55%; font-weight: 500; font-size: 16px; margin: auto; margin-bottom: 25px; } @media only screen and (max-width: 1199px) { .single-why-choose-four .inner-content p.disc { max-width: 100%; } } .business-solution-area-left-thumbnail { display: flex; justify-content: center; position: relative; } .business-solution-area-left-thumbnail .iamge-large { max-width: 459px; display: flex; justify-content: center; clip-path: polygon(48.93% 0.356%, 48.93% 0.356%, 49.136% 0.264%, 49.349% 0.194%, 49.568% 0.143%, 49.791% 0.113%, 50.015% 0.103%, 50.24% 0.113%, 50.463% 0.143%, 50.681% 0.194%, 50.895% 0.264%, 51.101% 0.356%, 98.912% 24.359%, 98.912% 24.359%, 99.106% 24.469%, 99.283% 24.594%, 99.444% 24.734%, 99.586% 24.887%, 99.708% 25.052%, 99.811% 25.227%, 99.892% 25.411%, 99.951% 25.602%, 99.988% 25.798%, 100% 26%, 100% 74%, 100% 74%, 99.988% 74.202%, 99.951% 74.398%, 99.892% 74.589%, 99.811% 74.773%, 99.708% 74.948%, 99.586% 75.113%, 99.444% 75.266%, 99.283% 75.406%, 99.106% 75.531%, 98.912% 75.641%, 51.101% 99.645%, 51.101% 99.645%, 50.895% 99.736%, 50.681% 99.806%, 50.463% 99.857%, 50.24% 99.887%, 50.015% 99.897%, 49.791% 99.887%, 49.568% 99.857%, 49.349% 99.806%, 49.136% 99.736%, 48.93% 99.645%, 1.119% 75.641%, 1.119% 75.641%, 0.925% 75.531%, 0.747% 75.406%, 0.587% 75.266%, 0.445% 75.113%, 0.322% 74.948%, 0.22% 74.773%, 0.138% 74.589%, 0.079% 74.398%, 0.043% 74.202%, 0.031% 74%, 0.031% 26%, 0.031% 26%, 0.043% 25.798%, 0.079% 25.602%, 0.138% 25.411%, 0.22% 25.227%, 0.322% 25.052%, 0.445% 24.887%, 0.587% 24.734%, 0.747% 24.594%, 0.925% 24.469%, 1.119% 24.359%, 48.93% 0.356%); } .business-solution-area-left-thumbnail .small-mobile { position: absolute; bottom: -41px; left: 0; max-width: 235px; } @media only screen and (max-width: 575px) { .business-solution-area-left-thumbnail .small-mobile { max-width: 160px; } } .business-solution-area-left-thumbnail .success-rate-area { clip-path: polygon(48.93% 0.356%, 48.93% 0.356%, 49.136% 0.264%, 49.349% 0.194%, 49.568% 0.143%, 49.791% 0.113%, 50.015% 0.103%, 50.24% 0.113%, 50.463% 0.143%, 50.681% 0.194%, 50.895% 0.264%, 51.101% 0.356%, 98.912% 24.359%, 98.912% 24.359%, 99.106% 24.469%, 99.283% 24.594%, 99.444% 24.734%, 99.586% 24.887%, 99.708% 25.052%, 99.811% 25.227%, 99.892% 25.411%, 99.951% 25.602%, 99.988% 25.798%, 100% 26%, 100% 74%, 100% 74%, 99.988% 74.202%, 99.951% 74.398%, 99.892% 74.589%, 99.811% 74.773%, 99.708% 74.948%, 99.586% 75.113%, 99.444% 75.266%, 99.283% 75.406%, 99.106% 75.531%, 98.912% 75.641%, 51.101% 99.645%, 51.101% 99.645%, 50.895% 99.736%, 50.681% 99.806%, 50.463% 99.857%, 50.24% 99.887%, 50.015% 99.897%, 49.791% 99.887%, 49.568% 99.857%, 49.349% 99.806%, 49.136% 99.736%, 48.93% 99.645%, 1.119% 75.641%, 1.119% 75.641%, 0.925% 75.531%, 0.747% 75.406%, 0.587% 75.266%, 0.445% 75.113%, 0.322% 74.948%, 0.22% 74.773%, 0.138% 74.589%, 0.079% 74.398%, 0.043% 74.202%, 0.031% 74%, 0.031% 26%, 0.031% 26%, 0.043% 25.798%, 0.079% 25.602%, 0.138% 25.411%, 0.22% 25.227%, 0.322% 25.052%, 0.445% 24.887%, 0.587% 24.734%, 0.747% 24.594%, 0.925% 24.469%, 1.119% 24.359%, 48.93% 0.356%); background: var(--color-primary); height: 220px; width: 190px; position: absolute; right: 30px; top: 0; display: flex; align-items: center; justify-content: center; } .business-solution-area-left-thumbnail .success-rate-area .inner { text-align: center; } .business-solution-area-left-thumbnail .success-rate-area .inner .title { margin-bottom: 7px; } .business-solution-area-left-thumbnail .success-rate-area * { color: #fff; } .business-solution-area-right-content .featuremain-wrapper .single-feature-wrapper { padding: 30px 60px 30px 45px; position: relative; z-index: 5; background: #FFFFFF; box-shadow: 0px 2px 20px rgba(24, 16, 16, 0.07); padding-left: 50px; margin-bottom: 25px; transition: 0.3s; } @media (max-width: 576px) { .business-solution-area-right-content .featuremain-wrapper .single-feature-wrapper { padding-left: 100px; padding-right: 40px; } } .business-solution-area-right-content .featuremain-wrapper .single-feature-wrapper img { position: absolute; left: -41px; top: 50%; transform: translateY(-50%); } @media (max-width: 576px) { .business-solution-area-right-content .featuremain-wrapper .single-feature-wrapper img { left: 10px; } } .business-solution-area-right-content .featuremain-wrapper .single-feature-wrapper:hover { transform: translateY(-15px); transform-origin: 0.5; } .why-choose-area-right-content-8 .signle-consultancy { max-width: 84%; } .why-choose-area-right-content-8 .signle-consultancy { display: flex; align-items: flex-start; gap: 29px; } @media only screen and (max-width: 575px) { .why-choose-area-right-content-8 .signle-consultancy { flex-direction: column; align-items: flex-start; gap: 25px; } } .why-choose-area-right-content-8 .signle-consultancy .icon { display: flex; align-items: center; justify-content: center; height: 60px; min-width: 60px; background: #F2F2F2; border-radius: 50%; } .why-choose-area-right-content-8 .signle-consultancy .information .title { margin-bottom: 5px; font-size: 20px; } .rts-why-choose-us-section-8 { background: #F2F2F2; } @media only screen and (max-width: 1199px) { .rts-why-choose-us-section-8 { background: transparent; } } .why-choose-8-wrapper-content { max-width: 70%; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .why-choose-8-wrapper-content { max-width: 100%; } } @media only screen and (max-width: 1199px) { .why-choose-8-wrapper-content { max-width: 100%; } } @media only screen and (max-width: 575px) { .why-choose-8-wrapper-content { max-width: 100%; } } .single-feature-service-wrapper-8 { display: flex; align-items: flex-start; gap: 29px; margin-bottom: 35px; } @media only screen and (max-width: 1199px) { .single-feature-service-wrapper-8 { margin-bottom: 10px; } } @media only screen and (max-width: 575px) { .single-feature-service-wrapper-8 { flex-direction: column; align-items: flex-start; } } .single-feature-service-wrapper-8 .icon { height: 60px; min-width: 60px; background: #20282D; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .single-feature-service-wrapper-8 .inner-wrapper .title { margin-bottom: 5px; } .single-feature-service-wrapper-8 .inner-wrapper p.disc { max-width: 85%; font-size: 16px; } .appoinment-wrapper-one-start { background: #FFFFFF; box-shadow: 0px 21px 46px rgba(0, 0, 0, 0.04); border-radius: 10px; margin-right: -20px; } @media only screen and (max-width: 991px) { .appoinment-wrapper-one-start { margin-right: 0; } } .appoinment-wrapper-one-start { padding: 73px 100px; } @media only screen and (max-width: 767px) { .appoinment-wrapper-one-start { padding: 25px; margin-right: 0; } } .appoinment-wrapper-one-start form input { background: #F6F6F6; width: 100%; height: 55px; border: 1px solid transparent; } .appoinment-wrapper-one-start form input:focus { border: 1px solid var(--color-primary) !important; } .appoinment-wrapper-one-start form textarea { background: #F6F6F6; height: 150px; padding: 15px; border: none; border: 1px solid transparent !important; } .appoinment-wrapper-one-start form textarea:focus { border: 1px solid var(--color-primary) !important; } .appoinment-wrapper-one-start form .single-input { margin-bottom: 20px; } .appoinment-wrapper-one-start form .single-input-wrapper { display: flex; align-items: center; justify-content: space-between; gap: 20px; } .appoinment-wrapper-one-start form .single-input-wrapper .single-input { width: 100%; } .appoinment-wrapper-one-start form .single-input-wrapper .single-input input { background: #F6F6F6; width: 100%; height: 55px; border: 1px solid transparent; } .appoinment-thumbnail { margin-left: -30px; } @media only screen and (max-width: 991px) { .appoinment-thumbnail { margin-left: 0; } } .appoinment-area-four-wrapper { background-image: url(../images/appoinment/02.webp); height: calc(100% - 8px); } .appoinment-area-four-wrapper .inner { padding: 83px 120px; } @media only screen and (max-width: 1199px) { .appoinment-area-four-wrapper .inner { padding: 35px; } } @media only screen and (max-width: 767px) { .appoinment-area-four-wrapper .inner { padding: 25px !important; padding-bottom: 60px; } } .appoinment-area-four-wrapper .inner .title-style-four * { color: #fff; } .appoinment-area-four-wrapper form { max-width: 77%; } @media only screen and (max-width: 1199px) { .appoinment-area-four-wrapper form { max-width: 100%; } } @media only screen and (max-width: 991px) { .appoinment-area-four-wrapper form { max-width: 100%; } } .appoinment-area-four-wrapper form .input-group { display: flex; align-items: center; justify-content: space-between; gap: 20px; } .appoinment-area-four-wrapper form .input-group .single-input { width: 48%; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .appoinment-area-four-wrapper form .input-group .single-input { width: 100%; } } @media only screen and (max-width: 1199px) { .appoinment-area-four-wrapper form .input-group .single-input { width: 100%; } } @media only screen and (max-width: 991px) { .appoinment-area-four-wrapper form .input-group .single-input { width: 100%; } } .appoinment-area-four-wrapper form .input-group input { width: 100%; } .appoinment-area-four-wrapper form .single-input { margin-bottom: 20px; } .appoinment-area-four-wrapper form .single-input input { background: #FFFFFF; height: 55px; } .appoinment-area-four-wrapper form textarea { height: 160px; background: #FFFFFF; padding: 15px; margin-bottom: 25px; } .appoinment-area-seven { background-image: url(../images/appoinment/03.webp); background-attachment: fixed; } .appoinment-main-wrapper-7 { max-width: 712px; padding: 61px; border-radius: 10px; background: rgba(255, 255, 255, 0.281); margin: auto; } @media only screen and (max-width: 575px) { .appoinment-main-wrapper-7 { padding: 25px; } } .appoinment-main-wrapper-7 span { padding: 3px 12px; display: block; border-radius: 33px; border: 1px solid #E9E9E9; max-width: max-content; font-size: 16px; color: #fff; } .appoinment-main-wrapper-7 .title { font-size: 48px; color: #fff; margin-bottom: 40px; margin-top: 25px; } .appoinment-main-wrapper-7 .input-half-wrapper { display: flex; align-items: center; gap: 20px; } .appoinment-main-wrapper-7 .signle-input { width: 100%; margin-bottom: 20px; } .appoinment-main-wrapper-7 input { height: 55px; background: #fff; border-radius: 15px; } .appoinment-main-wrapper-7 textarea { height: 150px; background: #F6F6F6; padding: 15px; border-radius: 15px; } .appoinment-main-wrapper-7 .btn-primary { border-radius: 15px; margin-top: 30px; } .rts-appoinment-area-9 { background-image: url(../images/appoinment/04.webp); } .appoinment-area-9 { background: #fff; border-radius: 0 10px 10px 0; padding: 70px 53px; height: 100%; display: flex; align-items: center; } @media only screen and (max-width: 575px) { .appoinment-area-9 { padding: 25px; } } .appoinment-area-9 .single-input { width: 100%; } .appoinment-area-9 input { width: 100%; margin-bottom: 20px; height: 55px; border-radius: 15px; background: #F6F6F6; border: 1px solid transparent; } .appoinment-area-9 textarea { height: 150px; border-radius: 15px; background: #F6F6F6; margin-bottom: 30px; border: 1px solid transparent; padding: 15px; } .appoinment-area-9 textarea:focus { border: 1px solid var(--color-primary); } .appoinment-area-9 .half-input-wrapper { display: flex; align-items: center; gap: 20px; } .appoinment-area-accountent { background: #fff; border-radius: 10px; } .appoinment-area-accountent .form-area-right { padding: 60px 62px; } @media only screen and (max-width: 575px) { .appoinment-area-accountent .form-area-right { padding: 20px; } } .appoinment-area-accountent .form-area-right .input-wrapper { display: flex; align-items: center; gap: 20px; } .appoinment-area-accountent .form-area-right .input-wrapper .single-input { flex-basis: 50%; } .appoinment-area-accountent .form-area-right .single-input .form-select { width: 100%; height: 55px; border-radius: 15px; background: #F6F6F6; font-size: 16px; color: #5D666F; border: none; padding: 15px; } .appoinment-area-accountent .form-area-right label { color: #20282D; font-size: 18px; margin-bottom: 7px; margin-top: 25px; } @media only screen and (max-width: 575px) { .appoinment-area-accountent .form-area-right label { font-size: 14px; } } .appoinment-area-accountent .form-area-right input { height: 55px; border-radius: 15px; background: #F6F6F6; border: none; font-size: 16px; color: #5D666F; } .appoinment-area-accountent .form-area-right textarea { border: none; height: 150px; border-radius: 15px; background: #F6F6F6; padding: 15px; font-size: 16px; } .title-area-between-wrapper { display: flex; align-items: center; justify-content: space-between; } .testimonials-main-wrapper-two { display: flex; align-items: center; gap: 30px; background: #20282D; border-radius: 20px; overflow: hidden; } @media only screen and (max-width: 991px) { .testimonials-main-wrapper-two { flex-direction: column; align-items: center; } } .testimonials-main-wrapper-two .left-thumbnail { max-width: 545px; min-width: 545px; background: #fff; } .testimonials-main-wrapper-two .right-content-testimonials { padding-left: 30px; } @media only screen and (max-width: 767px) { .testimonials-main-wrapper-two .right-content-testimonials { padding-bottom: 20px; } } @media only screen and (max-width: 575px) { .testimonials-main-wrapper-two .right-content-testimonials { padding: 30px; } } .testimonials-main-wrapper-two .right-content-testimonials p.disc { font-size: 30px; line-height: 1.45; color: #fff; max-width: 90%; } @media only screen and (max-width: 1199px) { .testimonials-main-wrapper-two .right-content-testimonials p.disc { font-size: 18px; } } .testimonials-main-wrapper-two .right-content-testimonials .name-desig .title { font-size: 22px; line-height: 1.3; color: #FFF; } .testimonials-main-wrapper-two .right-content-testimonials .name-desig p { font-size: 14px; color: #B3B7C1; } .testimonials-main-wrapper-two .right-content-testimonials .name-desig p b { color: #fff; } .bg-client-r-h2 { background-image: url(../images/testimonials/02.webp); background-position: top center; background-repeat: no-repeat; } .rts-client-reviews-h2 { padding: 50px 50px 30px 50px; background: #fff; border-radius: 20px; border: 1px solid #E9ECF1; } @media only screen and (max-width: 575px) { .rts-client-reviews-h2 { padding: 20px; } } .rts-client-reviews-h2 .review-header { display: flex; align-items: center; } .rts-client-reviews-h2 .review-header .thumbnail { position: relative; } .rts-client-reviews-h2 .review-header .thumbnail.thumb::after { background-image: url(../images/testimonials/icon/01.png); } .rts-client-reviews-h2 .review-header .discription { margin-left: 30px; } .rts-client-reviews-h2 .review-header .discription a:hover .title { color: var(--color-primary); } .rts-client-reviews-h2 .review-header .discription .title { margin-bottom: 0; transition: 0.3s; } .rts-client-reviews-h2.six .review-header .discription a:hover .title { color: var(--color-primary-6); } .rts-client-reviews-h2 .review-body p.disc { font-size: 16px; line-height: 26px; color: #5D666F; margin-top: 35px; padding-bottom: 30px; border-bottom: 2px solid #E9ECF1; margin-bottom: 25px; text-align: left; } @media only screen and (max-width: 575px) { .rts-client-reviews-h2 .review-body p.disc { font-size: 20px; } } .rts-client-reviews-h2 .review-body .body-end { display: flex; align-items: center; justify-content: space-between; } .rts-client-reviews-h2 .review-body .body-end .star-icon i { color: var(--color-primary); } .rts-client-reviews-h2 .review-body .body-end .star-icon.icon-2 i { color: var(--color-primary); } .mySwiperh2_clients { padding-bottom: 70px; } .single-testimonials-style-five { display: flex; align-items: center; gap: 36px; padding: 23px; border: 1px solid rgb(233, 236, 241); border-radius: 20px; } @media only screen and (max-width: 1199px) { .single-testimonials-style-five { flex-direction: column; align-items: flex-start; } } @media only screen and (max-width: 991px) { .single-testimonials-style-five { flex-direction: column; align-items: flex-start; } } .single-testimonials-style-five .thumbnail img { min-width: 260px; } .single-testimonials-style-five .inner-content .name-area { margin-bottom: 20px; } .single-testimonials-style-five .inner-content .name-area .title { font-size: 22px; color: #1C2539; margin-bottom: 13px; } .single-testimonials-style-five .inner-content .name-area span { color: #5D666F; font-size: 16px; } .single-testimonials-style-five .inner-content p.disc { font-size: 16px; color: #5D666F; } .single-testimonials-style-five .inner-content .body-end { display: flex; align-items: center; justify-content: space-between; } .single-testimonials-style-five .inner-content .body-end .star-icon { color: var(--color-primary); } .title-between-area { display: flex; align-items: center; justify-content: space-between; } @media only screen and (max-width: 575px) { .title-between-area { flex-direction: column; align-items: flex-start; } } .bg_testimonials-6 { background-image: url(../images/testimonials/05.webp); } .bg_testimonials-6 .title-style-five * { color: #fff !important; } .single-testimonials-6 { padding: 40px 50px; background: #FFFFFF; border-radius: 15px; } @media only screen and (max-width: 575px) { .single-testimonials-6 { padding: 25px; } } .single-testimonials-6 .top .title { font-size: 22px; margin-bottom: 15px; } .single-testimonials-6 .top p.disc { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #ECECF2; max-width: 95%; color: #6F737B; font-size: 18px; } .single-testimonials-6 .botton-content { display: flex; align-items: center; justify-content: space-between; } @media only screen and (max-width: 991px) { .single-testimonials-6 .botton-content { flex-wrap: wrap; gap: 15px; } } .single-testimonials-6 .botton-content .avatar-area { display: flex; align-items: center; gap: 20px; } .single-testimonials-6 .botton-content .avatar-area .thumbnail { max-width: 46px; height: auto; } .single-testimonials-6 .botton-content .avatar-area .inner .title { margin-bottom: 2px; font-size: 20px; } .single-testimonials-6 .botton-content .avatar-area .inner p { font-size: 14px; color: #6F737B; margin: 0; } .single-testimonials-6 .botton-content .avatar-area .inner p span { font-weight: 600; color: #20282D; } .mySwiper-testimoanils-6 { padding-bottom: 70px; } .mySwiper-testimoanils-6 .swiper-pagination-bullet { background: #fff; } .mySwiper-testimoanils-6 .swiper-pagination-bullet-active { background-image: url(../images/testimonials/icons/01.svg); background-color: transparent; } .testimonials-seo-17 { padding-bottom: 70px; } .testimonials-seo-17 .mySwiper-testimoanils-6 { padding-bottom: 40px; } .testimonials-seo-17 .swiper-pagination1 { display: flex; align-items: center; gap: 10px; max-width: max-content; margin: auto; } .testimonials-seo-17 .swiper-pagination-bullet { background: #fff; opacity: 1; } .testimonials-seo-17 .swiper-pagination-bullet-active { background-image: url(../images/testimonials/icons/01.svg); background-color: transparent; height: 20px; width: 20px; } .testimonails-area-seven { max-width: 78%; margin: auto; display: flex; align-items: center; gap: 66px; } @media only screen and (max-width: 1199px) { .testimonails-area-seven { flex-direction: column; align-items: flex-start; gap: 25px; max-width: 100%; } } .testimonails-area-seven .thumbnail-testimoanis { min-width: 353px; } @media only screen and (max-width: 991px) { .testimonails-area-seven .thumbnail-testimoanis { min-width: 100%; } .testimonails-area-seven .thumbnail-testimoanis img { width: 100%; } } .testimonails-area-seven .right-content-area-main-wrapper p.disc { font-size: 30px; color: #212429; line-height: 1.4; margin-top: 25px; } @media only screen and (max-width: 1199px) { .testimonails-area-seven .right-content-area-main-wrapper p.disc { font-size: 24px; } } .testimonails-area-seven .right-content-area-main-wrapper .botton-user .title { font-size: 22px; color: #1C2539; margin-bottom: 10px; } .testimonails-area-seven .right-content-area-main-wrapper .botton-user p.desig { color: #6F737B; } .testimonails-area-seven .right-content-area-main-wrapper .botton-user p.desig span { font-weight: 600; color: var(--color-primary); } .mySwiper-testimoanils-7 .swiper-button-next, .mySwiper-testimoanils-7 .swiper-button-prev { height: 55px; width: 55px; background: #F2F2F2; } @media only screen and (max-width: 479px) { .mySwiper-testimoanils-7 .swiper-button-next, .mySwiper-testimoanils-7 .swiper-button-prev { display: none; } } .mySwiper-testimoanils-7 .swiper-button-next i, .mySwiper-testimoanils-7 .swiper-button-prev i { color: #1C2539; } .mySwiper-testimoanils-7 .swiper-button-next::after, .mySwiper-testimoanils-7 .swiper-button-prev::after { display: none; } .testimonails-8-mian-wrapper { padding: 80px; border-radius: 20px; background: var(--color-primary); } @media only screen and (max-width: 575px) { .testimonails-8-mian-wrapper { padding: 30px; } } .testimonails-8-mian-wrapper .testimonails-inner-content { max-width: 80%; direction: ltr; } @media only screen and (max-width: 991px) { .testimonails-8-mian-wrapper .testimonails-inner-content { max-width: 100%; margin-top: 40px; font-size: 22px; } } @media only screen and (max-width: 767px) { .testimonails-8-mian-wrapper .testimonails-inner-content { max-width: 100%; } } .testimonails-8-mian-wrapper .testimonails-inner-content p.disc { font-size: 30px; color: #fff; line-height: 1.4; font-weight: 400; text-align: left; } @media only screen and (max-width: 767px) { .testimonails-8-mian-wrapper .testimonails-inner-content p.disc { font-size: 18px; max-width: 100%; margin: 25px 0; } } .testimonails-8-mian-wrapper .testimonails-inner-content .author-area { display: flex; align-items: center; gap: 30px; justify-content: flex-start; } @media only screen and (max-width: 575px) { .testimonails-8-mian-wrapper .testimonails-inner-content .author-area { flex-direction: column; align-items: flex-start; gap: 20px; } } .testimonails-8-mian-wrapper .testimonails-inner-content .author-area .content .title { color: #fff; font-size: 22px; margin-bottom: 7px; } .testimonails-8-mian-wrapper .testimonails-inner-content .author-area .content p { margin-bottom: 0; font-size: 14px; color: #B3B7C1; } .testimonails-8-mian-wrapper .testimonails-inner-content .author-area .content p span { font-weight: 600; color: #fff; } .rts-testimonials-area-main-wrapper { position: relative; } .rts-testimonials-area-main-wrapper .swiper-button-next, .rts-testimonials-area-main-wrapper .swiper-button-prev { height: 55px; width: 55px; background: #F2F2F2; display: flex; align-items: center; justify-content: center; transition: 0.3s; } @media only screen and (max-width: 575px) { .rts-testimonials-area-main-wrapper .swiper-button-next, .rts-testimonials-area-main-wrapper .swiper-button-prev { height: 40px; width: 40px; } } .rts-testimonials-area-main-wrapper .swiper-button-next i, .rts-testimonials-area-main-wrapper .swiper-button-prev i { color: #1C2539; transition: 0.3s; } .rts-testimonials-area-main-wrapper .swiper-button-next::after, .rts-testimonials-area-main-wrapper .swiper-button-prev::after { display: none; } .rts-testimonials-area-main-wrapper .swiper-button-next:hover, .rts-testimonials-area-main-wrapper .swiper-button-prev:hover { background: var(--color-primary); } .rts-testimonials-area-main-wrapper .swiper-button-next:hover i, .rts-testimonials-area-main-wrapper .swiper-button-prev:hover i { color: #fff; } .rts-testimonials-area-main-wrapper .swiper-button-next { right: 0; left: auto; } .rts-testimonials-area-main-wrapper .swiper-button-prev { left: 0; right: auto; } .mySwiper-testimonails-9 { max-width: 744px; margin: auto; padding-bottom: 110px; } .mySwiper-testimonails-9 .swiper-pagination .swiper-pagination-bullet { height: 50px; width: 50px; border-radius: 50%; transition: 0s; background-image: url(../images/testimonials/avatar/01.png); } .mySwiper-testimonails-9 .swiper-pagination .swiper-pagination-bullet:nth-child(2) { background-image: url(../images/testimonials/avatar/02.png); } .mySwiper-testimonails-9 .swiper-pagination .swiper-pagination-bullet:nth-child(3) { background-image: url(../images/testimonials/avatar/03.png); } .mySwiper-testimonails-9 .swiper-pagination .swiper-pagination-bullet:nth-child(4) { background-image: url(../images/testimonials/avatar/04.png); } .mySwiper-testimonails-9 .swiper-pagination .swiper-pagination-bullet:nth-child(5) { background-image: url(../images/testimonials/avatar/05.png); } .mySwiper-testimonails-9 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 6px solid var(--color-primary); height: 62px; width: 62px; } .single-testimoanils-9 { text-align: center; } .single-testimoanils-9 .brand-logo { margin-bottom: 25px; } .single-testimoanils-9 p.disc { font-style: normal; font-weight: 400; font-size: 30px; line-height: 40px; color: #212429; } @media only screen and (max-width: 575px) { .single-testimoanils-9 p.disc { font-size: 18px; } } .single-testimoanils-9 .author-area .title { font-size: 22px; margin-bottom: 0; } .single-testimoanils-9 .author-area .name { color: #6F737B; font-size: 14px; margin-bottom: 5px; } .single-testimoanils-9 .author-area .name span { color: var(--color-primary); font-weight: 600; } .rts-testimonials-area-five.with-bg-shape-image { background-image: url(../images/testimonials/08.webp); } .rts-testimonials-area-five.with-bg-shape-image .single-testimonials-style-five { background: #fff; } @media only screen and (max-width: 991px) { .rts-testimonials-area-five.with-bg-shape-image .single-testimonials-style-five .thumbnail { width: 100%; } .rts-testimonials-area-five.with-bg-shape-image .single-testimonials-style-five .thumbnail img { width: 100%; } } .title-area-between-wrapper { position: relative; } .title-area-between-wrapper .pagination-wrapper { display: flex; align-items: center; gap: 15px; } .title-area-between-wrapper .swiper-button-next, .title-area-between-wrapper .swiper-button-prev { width: 40px; height: 35px; background: #F2F2F2; border-radius: 8px; border: 1px solid transparent; display: flex; align-items: center; justify-content: center; } .title-area-between-wrapper .swiper-button-next i, .title-area-between-wrapper .swiper-button-prev i { color: #1C2539; } .title-area-between-wrapper .swiper-button-next::after, .title-area-between-wrapper .swiper-button-prev::after { display: none; } .title-area-between-wrapper .swiper-button-next { right: 0; } .title-area-between-wrapper .swiper-button-prev { left: calc(100% - 150px); } .title-area-between-wrapper .swiper-pagination-fraction { max-width: max-content; right: 50px; position: absolute; left: auto; top: 40%; } .title-area-between-wrapper .swiper-pagination-fraction span { font-weight: 700; } .title-area-between-wrapper .swiper-pagination-fraction span.swiper-pagination-current { color: #1b1b1b; } .title-area-between-wrapper .swiper-pagination-fraction span.swiper-pagination-total { color: #5D666F; } .single-testimonials-hr { text-align: center; border-right: 1px solid #E2E2E2; margin-right: -10px; } .single-testimonials-hr .brand { margin-bottom: 25px; } .single-testimonials-hr p.disc { margin-bottom: 20px; } .single-testimonials-hr .stars-wrapper { display: flex; align-items: center; gap: 6px; justify-content: center; } .single-testimonials-hr .stars-wrapper i { color: #493BFF; } .mySwiper-testimnials-hr .swiper-button-next, .mySwiper-testimnials-hr .swiper-button-prev { width: 55px; height: 55px; background: #FFFFFF; border-radius: 50%; transition: 0.3s; } .mySwiper-testimnials-hr .swiper-button-next i, .mySwiper-testimnials-hr .swiper-button-prev i { color: #181A1C; } .mySwiper-testimnials-hr .swiper-button-next::after, .mySwiper-testimnials-hr .swiper-button-prev::after { display: none; } .mySwiper-testimnials-hr .swiper-button-next:hover, .mySwiper-testimnials-hr .swiper-button-prev:hover { box-shadow: 0px 10px 20px #E8E8E8; } .thumbnail-image-gallery { position: relative; z-index: 100; border-radius: 10px; overflow: hidden; } .thumbnail-image-gallery::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(180deg, rgba(156, 0, 0, 0) 50.33%, var(--color-primary)); border-radius: 15px; z-index: 1; } .thumbnail-image-gallery a.vedio-icone { position: initial; } .thumbnail-image-gallery a.vedio-icone .video-play-button { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .thumbnail-image-gallery .video-play-button::after { height: 115px; width: 115px; background: #fff; } @media only screen and (min-width: 768px) and (max-width: 991px) { .thumbnail-image-gallery .video-play-button::after { height: 80px; width: 80px; } } @media only screen and (max-width: 767px) { .thumbnail-image-gallery .video-play-button::after { height: 80px; width: 80px; } } @media only screen and (max-width: 575px) { .thumbnail-image-gallery .video-play-button::after { height: 60px; width: 60px; } } .thumbnail-image-gallery .video-play-button span { left: 11px; border-left: 19px solid var(--color-primary); border-top: 12px solid transparent; border-bottom: 12px solid transparent; } @media only screen and (max-width: 575px) { .thumbnail-image-gallery .video-play-button span { border-left: 15px solid var(--color-primary); border-top: 8px solid transparent; border-bottom: 8px solid transparent; } } .thumbnail-image-gallery .vedio-title-area { position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; z-index: 2; } .thumbnail-image-gallery .vedio-title-area .title { font-weight: 700; font-size: 120px; line-height: 159px; text-shadow: 0px 13px 33px rgba(0, 0, 0, 0.2); color: #fff; min-width: max-content; margin-bottom: 0; } @media only screen and (max-width: 1199px) { .thumbnail-image-gallery .vedio-title-area .title { font-size: 80px; line-height: 120px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .thumbnail-image-gallery .vedio-title-area .title { font-size: 60px; line-height: 90px; } } @media only screen and (max-width: 767px) { .thumbnail-image-gallery .vedio-title-area .title { font-size: 36px; line-height: 40px; } } @media only screen and (max-width: 575px) { .thumbnail-image-gallery .vedio-title-area .title { font-size: 26px; line-height: 0px; } } .testimonials-seo-17 { position: relative; } .progress-wrap { position: fixed; right: 30px; bottom: 30px; height: 46px; width: 46px; cursor: pointer; display: block; border-radius: 50px; z-index: 999; opacity: 1; visibility: hidden; transform: translateY(15px); -webkit-transition: all 200ms linear; transition: all 200ms linear; } .progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0); } .progress-wrap::after { position: absolute; font-family: var(--font-3); content: "\f077"; text-align: center; line-height: 46px; font-size: 24px; color: var(--color-primary); left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 200ms linear; transition: all 200ms linear; border: 1px solid var(--color-primary); border: none !important; box-shadow: none; border-radius: 50% !important; border-radius: 5px; } .progress-wrap:hover::after { opacity: 1; content: "\f077"; } .progress-wrap::before { position: absolute; font-family: var(--font-3); content: "\f077"; text-align: center; line-height: 46px; font-size: 24px; opacity: 0; background: var(--color-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent; left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 2; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .progress-wrap:hover::before { opacity: 0; } .progress-wrap svg path { fill: none; } .progress-wrap svg { color: var(--color-primary); border-radius: 50%; background: transparent; } .progress-wrap svg.progress-circle path { stroke: var(--color-primary); stroke-width: 4px; box-sizing: border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .home-blue .progress-wrap svg.progress-circle path { stroke: var(--color-primary); } .home-blue .progress-wrap::after { border-color: var(--color-primary); box-shadow: 0px 3px 20px 6px rgba(7, 66, 233, 0.3215686275); color: var(--color-primary); } .progress-wrap { position: fixed; right: 30px; bottom: 30px; height: 46px; width: 46px; cursor: pointer; display: block; border-radius: 50px; z-index: 999; opacity: 1; visibility: hidden; transform: translateY(15px); -webkit-transition: all 200ms linear; transition: all 200ms linear; } .progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0); } .progress-wrap::after { position: absolute; font-family: var(--font-3); content: "\f077"; text-align: center; line-height: 46px; font-size: 24px; color: var(--color-primary); left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 200ms linear; transition: all 200ms linear; border: 1px solid var(--color-primary); border: none !important; box-shadow: none; border-radius: 50% !important; border-radius: 5px; } .progress-wrap:hover::after { opacity: 1; content: "\f077"; } .progress-wrap::before { position: absolute; font-family: var(--font-3); content: "\f077"; text-align: center; line-height: 46px; font-size: 24px; opacity: 0; background: var(--color-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent; left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 2; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .progress-wrap:hover::before { opacity: 0; } .progress-wrap svg path { fill: none; } .progress-wrap svg { color: var(--color-primary); border-radius: 50%; background: transparent; } .progress-wrap svg.progress-circle path { stroke: var(--color-primary); stroke-width: 4px; box-sizing: border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear; } .home-blue .progress-wrap svg.progress-circle path { stroke: var(--color-primary); } .home-blue .progress-wrap::after { border-color: var(--color-primary); box-shadow: 0px 3px 20px 6px rgba(7, 66, 233, 0.3215686275); color: var(--color-primary); } .search-input-area { transition: all 500ms ease; visibility: hidden; transform: translateY(-100%); opacity: 0; position: fixed; top: 0; left: 0; width: 100%; padding: 57px 0; background: white; box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.46); z-index: 9999; display: flex; justify-content: center; align-items: center; } @media only screen and (max-width: 575px) { .search-input-area { padding: 70px 0 30px 0; } } .search-input-area.show { visibility: visible; transform: inherit; opacity: 1; } .search-input-area .search-input-inner { display: flex; align-items: center; position: relative; } .search-input-area .search-input-inner .input-div { width: 80%; display: flex; align-items: center; margin: auto; } @media only screen and (max-width: 575px) { .search-input-area .search-input-inner .input-div { width: 100%; } } .search-input-area .search-input-inner .input-div input { background: #F7F7F7; border-radius: 5px; height: 55px; border: 1px solid transparent; } .search-input-area .search-input-inner .input-div input:focus { border: 1px solid var(--color-primary); } .search-input-area .search-input-inner .input-div button { max-width: max-content; padding: 18px 21px; background: var(--color-primary); display: flex; color: #fff; align-items: center; justify-content: center; display: block; margin-left: -9px; border-radius: 0 5px 5px 0; } .search-input-area .search-close-icon { cursor: pointer; position: absolute; right: 38px; top: 22px; } @media only screen and (max-width: 575px) { .search-input-area .search-close-icon { right: 20px; top: 15px; } } .search-input-area .search-close-icon i { position: relative; z-index: 1; color: var(--color-primary); transition: 0.3s; font-size: 18px; } .search-input-area .search-close-icon i:hover { color: #F7F7F7; } .search-input-area .search-close-icon i:hover::after { background: var(--color-primary); } .search-input-area .search-close-icon i::after { position: absolute; height: 45px; width: 45px; content: ""; border-radius: 5px; background: rgba(85, 60, 223, 0.0784313725); top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; transition: 0.3s; } #anywhere-home { cursor: url(../images/banner/shape/close.png), auto; background: #0e1013; position: fixed; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity 500ms ease-in-out; pointer-events: none; z-index: 50; } #anywhere-home.bgshow { background: #0e1013; opacity: 70%; visibility: visible; pointer-events: visible; z-index: 999; top: 0; } .circle-text-main { position: absolute; left: 52%; bottom: 75px; transform: translateX(-50%); } .circle-text-main .circle { position: relative; width: 170px; height: 170px; border-radius: 100vmax; display: flex; align-items: center; justify-content: center; background: #fff; padding: 10px; } .circle-text-main .logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .circle-text-main .text { position: absolute; width: 100%; height: 100%; font-family: consolas; color: #1C2539; text-transform: uppercase; font-size: 17px; animation: textRotation 8s linear infinite; } .circle-text-main .text-1 { position: absolute; width: 100%; height: 100%; font-family: consolas; color: #1C2539; text-transform: uppercase; font-size: 17px; animation: textRotation 8s linear infinite; } @keyframes textRotation { to { transform: rotate(360deg); } } .circle-text-main .text span { position: absolute; left: 50%; transform-origin: 0 84px; } .circle-text-main .text-1 span { position: absolute; left: 50%; transform-origin: 0 84px; } .circle-text-main .vedio-icone { opacity: 0; } .circle-text-main .vedio-icone .video-play-button { height: 100%; width: 100%; padding: 0; } .testimonials-full-screen-area-wrapper .circle-text-main { position: relative; } .company-history-main-wrapper { height: 100%; } .company-history-main-wrapper .single-company-history { display: flex; align-items: flex-start; justify-content: space-between; background: #F6F6F6; border-radius: 20px; padding: 43px; margin-bottom: 40px; position: relative; z-index: 1; overflow: hidden; } @media only screen and (max-width: 575px) { .company-history-main-wrapper .single-company-history { padding: 22px; } } .company-history-main-wrapper .single-company-history::after { position: absolute; right: 0; top: 0; bottom: 0; content: ""; background-image: url(../images/appoinment/06.webp); height: 100%; width: 0%; z-index: -1; background-position: center; background-size: cover; border-radius: 20px; transition: 0.3s; } .company-history-main-wrapper .single-company-history:hover::after { width: 100%; left: 0; } .company-history-main-wrapper .single-company-history:hover .left .title::after { background: linear-gradient(90deg, #63686C 0%, #FFFFFF 100%); } .company-history-main-wrapper .single-company-history:hover * { color: #fff; } .company-history-main-wrapper .single-company-history:last-child { margin-bottom: 0; } .company-history-main-wrapper .single-company-history .left { max-width: 525px; } .company-history-main-wrapper .single-company-history .left .title { position: relative; } .company-history-main-wrapper .single-company-history .left .title::after { content: ""; right: -20px; top: 15px; position: absolute; width: 177px; height: 4px; background: linear-gradient(90deg, #F6F6F6 0%, #20282D 100%); border-radius: 6px; transition: all 0.3s; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .company-history-main-wrapper .single-company-history .left .title::after { right: 20px; } } @media only screen and (max-width: 1199px) { .company-history-main-wrapper .single-company-history .left .title::after { display: none; } } @media only screen and (max-width: 767px) { .company-history-main-wrapper .single-company-history .left .title::after { display: none; } } .company-history-main-wrapper .single-company-history .right .title-year { margin-bottom: 0; min-width: max-content; } .bg_primary .title-style-five * { color: #fff; } .large-thumbnail-career { margin-top: -170px; position: relative; z-index: 2; } @media only screen and (max-width: 575px) { .large-thumbnail-career { margin-top: -120px; } } .single-open-career { padding: 36px 40px; border-radius: 10px; border: 1px solid #515B61; display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; transition: 0.3s; } @media only screen and (max-width: 991px) { .single-open-career { flex-wrap: wrap; gap: 25px; } } .single-open-career:hover { background: #3E484E; border-color: transparent; } .single-open-career:last-child { margin-bottom: 0; } .single-open-career .left-side { flex-basis: 50%; } @media only screen and (max-width: 991px) { .single-open-career .left-side { flex-basis: 100%; } } .single-open-career .left-side .title { color: #fff; position: relative; max-width: max-content; margin-bottom: 30px; } .single-open-career .left-side .title span { position: absolute; right: -58%; top: -2px; font-size: 12px; font-weight: 500; display: block; padding: 13px 20px; border-radius: 6px; background: #404548; } .single-open-career .left-side .bottom { display: flex; align-items: center; gap: 34px; } @media only screen and (max-width: 575px) { .single-open-career .left-side .bottom { flex-wrap: wrap; gap: 25px; } } .single-open-career .left-side .bottom .single { display: flex; align-items: center; gap: 12px; } .single-open-career .left-side .bottom .single i { color: #FFFFFF; } .single-open-career .left-side .bottom .single span { font-size: 18px; color: #8B8F99; } .single-open-career .right-side { flex-basis: 50%; } @media only screen and (max-width: 991px) { .single-open-career .right-side { flex-basis: 100%; } } .single-open-career .right-side .bottom { display: flex; align-items: center; justify-content: space-between; } @media only screen and (max-width: 767px) { .single-open-career .right-side .bottom { flex-wrap: wrap; gap: 20px; } } .single-open-career .right-side .bottom .single p { display: block; font-size: 18px; color: #fff; font-weight: 500; margin-bottom: 20px; } .single-open-career .right-side .bottom .single span { display: block; font-size: 18px; color: #8B8F99; } .rts-mission-image-page { margin-top: -120px; } .contact-info-area-wrapper-p { background: var(--color-primary); padding: 90px 60px; border-radius: 10px; margin-right: -30px; z-index: 2; position: relative; } @media only screen and (max-width: 991px) { .contact-info-area-wrapper-p { margin-right: 0; padding: 25px; } } .contact-info-area-wrapper-p .single-contact-info { display: flex; align-items: center; gap: 20px; margin-bottom: 60px; } @media only screen and (max-width: 575px) { .contact-info-area-wrapper-p .single-contact-info { flex-direction: column; align-items: flex-start; margin-bottom: 10px; } } .contact-info-area-wrapper-p .single-contact-info:last-child { margin-bottom: 0; } .contact-info-area-wrapper-p .single-contact-info .icon { height: 51px; width: 51px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .contact-info-area-wrapper-p .single-contact-info .icon i { color: var(--color-primary); } .contact-info-area-wrapper-p .single-contact-info .info-wrapper span { color: #B3B7C1; display: block; margin-bottom: 10px; } .contact-info-area-wrapper-p .single-contact-info .info-wrapper a { color: #FFFFFF; font-size: 22px; font-weight: 500; } .contact-info-area-wrapper-p.new { margin-right: 0; padding: 93px 60px; } @media only screen and (max-width: 575px) { .contact-info-area-wrapper-p.new { padding: 35px; margin-bottom: 25px; } } .rts-contact-area-in-page { margin-top: -120px; } body.contact-page .rts-breadcrumb-area .title-area-left { margin-top: -70px; } #form-messages { margin-bottom: 20px; } #form-messages.success { color: green; } .contact-form-p { margin-left: -90px; background: #fff; border-radius: 10px; padding: 40px; border: 1px solid rgba(32, 40, 45, 0.2); } @media only screen and (max-width: 991px) { .contact-form-p { margin-left: 0; padding: 25px; } } .contact-form-p input { height: 54px; border: 1px solid rgba(32, 40, 45, 0.2); border-radius: 6px; margin-bottom: 30px; } .contact-form-p textarea { margin-bottom: 30px; border: 1px solid rgba(32, 40, 45, 0.2); border-radius: 6px; height: 92px; padding: 10px 15px; } .contact-form-p textarea:focus { border: 1px solid var(--color-primary); } .contact-form-p.new { margin-left: 0; } .thumbnail-contact-form { margin: 0 -30px; } @media only screen and (max-width: 767px) { .thumbnail-contact-form { margin: 0 0; } } .contactform-accountentarea { background-image: url(../images/appoinment/07.webp); } .contactform-accountentarea .appoinment-left { height: 100%; } .contactform-accountentarea .appoinment-left .easy-contact-left-funfacts-8 { height: 100%; } .contactform-accountentarea .appoinment-left .easy-contact-left-funfacts-8 .pre { text-transform: uppercase; font-size: 16px; color: #FFFFFF; } .contactform-accountentarea .appoinment-left .easy-contact-left-funfacts-8 .title { font-size: 48px; color: #fff; margin-bottom: 55px; margin-top: 12px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .contactform-accountentarea .appoinment-left .easy-contact-left-funfacts-8 .title { font-style: 30px; } } @media only screen and (max-width: 767px) { .contactform-accountentarea .appoinment-left .easy-contact-left-funfacts-8 .title { font-size: 28px; } } .contactform-accountentarea .appoinment-left .easy-contact-left-funfacts-8 .signle-contact { margin-bottom: 56px; } .contactform-accountentarea .appoinment-left .easy-contact-left-funfacts-8 .signle-contact .icon { background: #3E484E; height: 59.81px; width: 59.81px; border-radius: 8px; } .contactform-accountentarea .appoinment-left .easy-contact-left-funfacts-8 .signle-contact .icon i { color: #FFFFFF; } .contactform-accountentarea .appoinment-left .easy-contact-left-funfacts-8 .signle-contact .main-contact span { color: #fff; font-size: 24px; } .contactform-accountentarea .appoinment-left .easy-contact-left-funfacts-8 .signle-contact .main-contact a { color: #8B8F99; font-size: 22px; } #form-messages.error { color: red; } #form-messages.success { color: green; } .rts-single-shop-area { border: 1px solid rgba(32, 40, 45, 0.2); border-radius: 15px; display: block; overflow: hidden; transition: 0.3s; } .rts-single-shop-area .inner-content { padding: 25px 30px; } .rts-single-shop-area .inner-content .stars-area { display: flex; align-items: center; gap: 5px; margin-bottom: 20px; } .rts-single-shop-area .inner-content .stars-area i { color: var(--color-primary); } .rts-single-shop-area .inner-content a .title { font-size: 24px; font-weight: 500; } .rts-single-shop-area .inner-content .pricing-area-wrapper { display: flex; align-items: center; justify-content: space-between; } .rts-single-shop-area .inner-content .pricing-area-wrapper p { margin: 0; font-size: 20px; font-weight: 700; color: var(--color-primary); } .rts-single-shop-area .inner-content .pricing-area-wrapper .rts-btn { height: 38px; border-radius: 5px; padding: 5px 15px; } .rts-single-shop-area .inner-content .pricing-area-wrapper .rts-btn i { font-size: 12px; margin-right: 8px; } .rts-single-shop-area:hover { border: 1px solid transparent; background: #FFFFFF; box-shadow: 0px 30px 20px rgba(101, 101, 101, 0.1); } .slider-pagination-area-shop-details { position: relative; } .slider-pagination-area-shop-details .swiper-pagination { bottom: -160px; text-align: center; right: 50%; transform: translateX(50%); display: flex; left: auto; } .slider-pagination-area-shop-details .swiper-pagination .swiper-pagination-bullet-active { border-width: 1px !important; border-style: solid !important; border-color: rgba(32, 40, 45, 0.301) !important; border-radius: 3px !important; } .slider-pagination-area-shop-details .swiper-pagination .swiper-pagination-bullet { padding: 10px; width: 120px; height: 120px; border-radius: 0; background-image: url(../images/shop/shop-03.jpg); border-width: 2px; border-style: solid; border-color: #f9f9f9; opacity: 1; background-size: cover; background-position: center; margin-right: 5px; } .slider-pagination-area-shop-details .swiper-pagination .swiper-pagination-bullet:first-child { background-image: url(../images/shop/shop-01.jpg); } .slider-pagination-area-shop-details .swiper-pagination .swiper-pagination-bullet:last-child { background-image: url(../images/shop/shop-02.jpg); } .ms-single-product__content { padding-left: 3rem; position: relative; } .ms-single-product__content .ms-single-product_title { font-size: 28px; margin-bottom: 2rem; } .ms-single-product__content .price bdi { font-weight: 700; letter-spacing: -1pt; color: var(--color-primary); } .ms-single-product__content .ms-woocommerce-product-rating { display: flex; align-items: center; line-height: initial; margin-bottom: 2rem; } .ms-single-product__content .stock.in-stock { color: #2eb740; font-weight: 700; margin-top: 10px; font-size: 18px; } .ms-single-product__content .quantity-area { display: flex; margin-bottom: 30px; } .ms-single-product__content .quantity-area .cart-edit { margin-right: 20px; } .ms-single-product__content .quantity-area .cart-edit button { background: none; font-size: 0; width: 45px; height: 55px; border-radius: 5px; border: 1px solid var(--color-primary); } .ms-single-product__content .quantity-area .cart-edit .quantity-edit { background: #f7f7f7; padding: 11px 15px; border-radius: 0; display: flex; padding: 3px 10px; border-radius: 5px; gap: 12px; } .ms-single-product__content .quantity-area .cart-edit .quantity-edit input { text-align: center; max-width: 55px; font-size: 16px; font-weight: 700; color: #040404; border-radius: 5px; border: 1px solid var(--color-primary); } .ms-single-product__content .quantity-area .cart-edit .quantity-edit i { font-size: 16px; color: var(--color-primary); } .tab-area-shop .nav-tabs .nav-item .nav-link.active { background: var(--color-primary); color: #ffffff; border-color: #dee2e6 #dee2e6; } .tab-area-shop .nav-tabs .nav-item { margin-top: 0; margin-bottom: 0; } .tab-area-shop .nav-tabs .nav-item .nav-link { color: #777777; padding: 8pt 20pt; border-color: #dee2e6 #dee2e6; } .tab-area-shop .tab-content { border: solid 1px #dee2e6; border-bottom-left-radius: 12pt; border-bottom-right-radius: 12pt; padding: 20pt; line-height: 1.8; margin-top: -1px; } .tab-area-shop .reveiw-form .contact-form .input-box textarea:hover { border: 1px solid var(--color-primary); } .tab-area-shop .reveiw-form .contact-form .input-box textarea { width: 100%; padding: 0.5em 1em 0.5em 1em; background: #F6F6F6 !important; border: 1px solid transparent; transition: all 0.4s; background: unset; } .tab-area-shop .reveiw-form .contact-form .input-box { width: 100%; } .tab-area-shop .reveiw-form .contact-form .input-box { width: 100%; } .tab-area-shop .reveiw-form .contact-form .input-box input { width: 100%; padding: 0.5em 1em 0.5em 1em; background: #F6F6F6 !important; height: 55px; margin-bottom: 25px; border: 1px solid transparent; border: 1px solid transparent; margin-bottom: 25px; transition: all 0.4s; background: unset; } .tab-area-shop .reveiw-form .contact-form .rating { display: flex; align-items: center; margin-bottom: 25px; gap: 10px; } .tab-area-shop .reveiw-form .contact-form .rating p { margin-bottom: 0; } .mySwiper-related-shop { position: relative; padding-bottom: 50px; } .swiper-container-h1 { border-radius: 16px; } .cart-page { background: #fff; } .cart-page .ms-single-product__content .shop_table tr, .cart-page .ms-woocommerce-cart-form-wrapper .shop_table tr { text-align: left; } .cart-page .ms-single-product__content .shop_table th, .cart-page .ms-single-product__content .shop_table td, .cart-page .ms-woocommerce-cart-form-wrapper .shop_table th, .cart-page .ms-woocommerce-cart-form-wrapper .shop_table td { border-left: none; border-right: none; } .cart-page .ms-single-product__content .shop_table td, .cart-page .ms-woocommerce-cart-form-wrapper .shop_table td { padding: 2rem 0; text-align: center; border-left: none; border-right: none; border-color: #f1f1f1; } .cart-page .ms-single-product__content .product-remove, .cart-page .ms-woocommerce-cart-form-wrapper .product-remove { width: 3rem; padding-left: 0; } .cart-page .ms-single-product__content .product-thumbnail, .cart-page .ms-woocommerce-cart-form-wrapper .product-thumbnail { width: 10rem; } .cart-page .ms-single-product__content .product-name, .cart-page .ms-woocommerce-cart-form-wrapper .product-name { font-size: 18px; font-weight: 600; } .cart-page .ms-single-product__content .ms-actions-inner, .cart-page .ms-woocommerce-cart-form-wrapper .ms-actions-inner { display: flex; justify-content: space-between; width: 40%; } .cart-page .ms-single-product__content .coupon, .cart-page .ms-woocommerce-cart-form-wrapper .coupon { display: inline-flex; overflow: hidden; width: 100%; } .cart-page .ms-single-product__content #coupon_code, .cart-page .ms-woocommerce-cart-form-wrapper #coupon_code { border: none; background-color: #f7f7f7; padding: 0.5em 1em 0.5em 1em; height: 55px; border-radius: 15px 0 0 15px; } .cart-page .woocommerce-cart-form button { width: 50%; max-width: 100%; border-radius: 0 15px 15px 0; } .cart-page .woocommerce-cart-form input { width: 100%; } .cart-page .ms-single-product__content .ms-cart-totals, .cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals { margin-top: 6rem; margin-bottom: 0; background-color: #f7f7f7; padding: 2rem; } .cart-page .ms-single-product__content .ms-cart-totals h3, .cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals h3 { margin-bottom: 2rem; font-size: 24px; font-weight: 700; color: var(--color-title); } .cart-page .ms-single-product__content .ms-cart-totals tr, .cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals tr { border-bottom: 1px solid #e2e2e2; } .cart-page .ms-single-product__content .ms-cart-totals th, .cart-page .ms-single-product__content .ms-cart-totals td, .cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals th, .cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals td { border: none; padding: 0 0 1rem; text-align: start; } .cart-page .ms-single-product__content .shop_table th, .cart-page .ms-woocommerce-cart-form-wrapper .shop_table th { padding: 15px 0; } .cart-page .ms-single-product__content .shop_table th, .cart-page .ms-woocommerce-cart-form-wrapper .shop_table th { border-top: none; font-size: 16px; font-weight: 800; color: #000000; padding-left: 0; text-align: center; } .cart-page .ms-single-product__content .ms-cart-totals .shop_table td, .cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals .shop_table td { text-align: right; } .cart-page .ms-single-product__content .ms-cart-totals .order-total th, .cart-page .ms-single-product__content .ms-cart-totals .order-total td, .cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals .order-total th, .cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals .order-total td { padding: 1rem 0 1rem; } .cart-page .ms-single-product__content .ms-cart-totals th, .cart-page .ms-single-product__content .ms-cart-totals td, .cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals th, .cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals td { border: none; padding: 0 0 1rem; text-align: start; } .cart-page .ms-single-product__content .ms-cart-totals .ms-proceed-to-checkout, .cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals .ms-proceed-to-checkout { margin-top: 3rem; display: flex; flex-direction: row-reverse; } .cart-page .cart-edit { margin-right: 0; } .cart-page .cart-bar { position: fixed; top: 0; right: 0; background: #fff; width: 360px; height: 100%; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1000; } .cart-page .cart-bar.show { visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); } .cart-page .cart-bar .cart-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #E7E7E7; } .cart-page .cart-bar .cart-header .cart-heading { font-size: 17px; font-weight: 600; color: #000000; font-family: var(--font-secondary); } .cart-page .close-cart { cursor: pointer; margin-top: -11px; } .cart-page .close-cart i { transition: 0.3s; } .cart-page .close-cart:hover i { transform: scale(1.3); color: var(--color-primary); } .cart-page .cart-bar .product-item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #E7E7E7; } .cart-page .product-item { margin-bottom: 65px; position: relative; overflow: hidden; } .cart-page .cart-bar .product-item:last-child { margin-bottom: 0; } .cart-page .cart-bar .product-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cart-page .cart-bar .cart-edit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .cart-page .cart-bar .product-detail .product-thumb { margin-right: 15px; max-width: 75px; } .cart-page .cart-bar .cart-edit .quantity-edit { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #E7E7E7; padding: 3px 10px; border-radius: 5px; margin-bottom: 3px; } .cart-page .cart-edit .quantity-edit { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 3px 10px; border-radius: 5px; justify-content: center; } .cart-page .cart-bar .cart-edit .item-wrapper { display: inline-block; } .cart-page .cart-bar .cart-edit .quantity-edit button { background: none; font-size: 0; } .cart-page .cart-bar .cart-edit .quantity-edit button i { font-size: 14px; color: #C0C0C0; } .cart-page .cart-edit .quantity-edit button i { font-size: 16px; color: #d3d3d3; } .cart-page .cart-edit .quantity-edit button { background: none; font-size: 0; } .cart-page .cart-edit .quantity-edit button { background: none; font-size: 0; border: none; } .cart-page .cart-bar .cart-edit .quantity-edit button i { font-size: 14px; color: #000000; } .cart-page .cart-bar .cart-edit .quantity-edit button i:hover { color: var(--color-primary); } .cart-page .cart-edit .quantity-edit button i { font-size: 16px; color: #d3d3d3; } .cart-page .cart-bar .cart-edit .quantity-edit input { text-align: center; max-width: 26px; padding: 0; } .cart-page .cart-edit .quantity-edit input { text-align: center; max-width: 55px; font-size: 16px; font-weight: 700; color: #040404; border-radius: 0; border: 1px solid #f1f1f1; } .cart-page .cart-bar .cart-edit .product-edit { margin-right: 15px; } .cart-page .cart-bar .product-detail .product-name { font-size: 14px; font-weight: 400; color: var(--color-primary); } .cart-page .cart-bar .product-detail span { display: inline-block; line-height: 19px !important; } .cart-page .cart-bar .product-detail .product-variation span { color: #868686; font-family: roboto; font-weight: 400; font-size: 13px; line-height: 15px; } .cart-page .cart-bar .product-detail .product-qnty, .cart-page .cart-bar .product-detail .product-price { color: #404040; font-weight: 500; font-size: 13px; font-family: roboto; } .cart-page .cart-bar .cart-bottom-area { margin-top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cart-page .cart-bar .cart-bottom-area .spend-shipping { margin-bottom: 30px; background: #F5F5F5; padding: 10px 15px; font-size: 12px; font-weight: 500; color: var(--color-primary); text-align: center; } .cart-page .cart-bar .cart-bottom-area .spend-shipping i { font-size: 15px; margin-right: 7px; } .cart-page .cart-bar .cart-bottom-area .spend-shipping .amount { font-weight: 700; color: #040404; } .cart-page .cart-bar .cart-bottom-area .total-price { font-size: 18px; color: #040404; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } .cart-page .cart-bar .cart-bottom-area .total-price span { color: var(--color-primary); } .cart-page .cart-bar .cart-bottom-area .checkout-btn { border: 1px solid var(--color-primary); margin-bottom: 10px; color: var(--color-primary); } .cart-page .cart-bar .cart-bottom-area .cart-btn { width: 100%; padding: 10px 20px; border-radius: 7px; font-size: 14px; text-align: center; -webkit-transition: all 300ms; transition: all 300ms; } .cart-page .cart-bar .cart-bottom-area .view-btn { border: 1px solid transparent; background: var(--color-primary); color: #fff; } .cart-page .cart-bar .cart-bottom-area .cart-btn { width: 100%; padding: 10px 20px; border-radius: 7px; font-size: 14px; text-align: center; -webkit-transition: all 300ms; transition: all 300ms; } .cart-page .cart-bar .cart-bottom-area .checkout-btn:hover { background: var(--color-primary); color: #fff; } .ms-single-product__content .shop_table th, .ms-woocommerce-cart-form-wrapper .shop_table th { border-top: none; font-size: 16px; font-weight: 800; color: #000000; padding-left: 0; text-align: center; } @media (max-width: 767px) { .ms-single-product__content .shop_table thead, .ms-woocommerce-cart-form-wrapper .shop_table thead { display: none; } } .ms-single-product__content .shop_table td, .ms-woocommerce-cart-form-wrapper .shop_table td { padding: 2rem 0; text-align: center; border-left: none; border-right: none; border: 1px solid #e2e2e2; } .ms-single-product__content .shop_table th, .ms-single-product__content .shop_table td, .ms-woocommerce-cart-form-wrapper .shop_table th, .ms-woocommerce-cart-form-wrapper .shop_table td { border-left: none; border-right: none; } .ms-single-product__content .shop_table th, .ms-woocommerce-cart-form-wrapper .shop_table th { padding: 15px 0; } .ms-single-product__content .shop_table tr, .ms-woocommerce-cart-form-wrapper .shop_table tr { text-align: left; } .ms-single-product__content .product-remove, .ms-woocommerce-cart-form-wrapper .product-remove { font-size: 28px; } .ms-single-product__content .product-thumbnail, .ms-woocommerce-cart-form-wrapper .product-thumbnail { width: 10rem; } .ms-single-product__content .product-thumbnail img, .ms-woocommerce-cart-form-wrapper .product-thumbnail img { width: 7rem; border-radius: 0; } .ms-single-product__content .product-name, .ms-woocommerce-cart-form-wrapper .product-name { font-size: 18px; font-weight: 600; } .ms-single-product__content .product-name a, .ms-woocommerce-cart-form-wrapper .product-name a { color: #000000; transition: all 0.3s; } .ms-single-product__content .product-name a:hover, .ms-woocommerce-cart-form-wrapper .product-name a:hover { color: var(--color-primary); } .ms-single-product__content .product-remove, .ms-woocommerce-cart-form-wrapper .product-remove { width: 3rem; padding-left: 0; } .ms-single-product__content .product-remove svg, .ms-woocommerce-cart-form-wrapper .product-remove svg { fill: var(--color-contrast-higher); transition: fill 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ms-single-product__content .product-remove svg:hover, .ms-woocommerce-cart-form-wrapper .product-remove svg:hover { fill: var(--color-error); } .ms-single-product__content .ms-quantity, .ms-woocommerce-cart-form-wrapper .ms-quantity { position: relative; width: 8rem; display: flex; } .ms-single-product__content .ms-quantity .input-text, .ms-woocommerce-cart-form-wrapper .ms-quantity .input-text { padding: 0.5em; height: 45px; border: none; width: 100%; text-align: center; color: #000000; background-color: #f7f7f7; appearance: none; } .ms-single-product__content .ms-quantity .input-text:focus-visible, .ms-woocommerce-cart-form-wrapper .ms-quantity .input-text:focus-visible { outline: none; } .ms-single-product__content .ms-quantity input::-webkit-outer-spin-button, .ms-single-product__content .ms-quantity input::-webkit-inner-spin-button, .ms-woocommerce-cart-form-wrapper .ms-quantity input::-webkit-outer-spin-button, .ms-woocommerce-cart-form-wrapper .ms-quantity input::-webkit-inner-spin-button { appearance: none; margin: 0; } .ms-single-product__content .ms-quantity .button-minus, .ms-single-product__content .ms-quantity .button-plus, .ms-woocommerce-cart-form-wrapper .ms-quantity .button-minus, .ms-woocommerce-cart-form-wrapper .ms-quantity .button-plus { border: none; background-color: transparent; display: flex; align-items: center; background-color: var(--color-contrast-lower); transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .ms-single-product__content .ms-quantity .button-minus svg, .ms-single-product__content .ms-quantity .button-plus svg, .ms-woocommerce-cart-form-wrapper .ms-quantity .button-minus svg, .ms-woocommerce-cart-form-wrapper .ms-quantity .button-plus svg { width: 20px; stroke-width: 2pt; stroke: var(--color-contrast-higher); } .ms-single-product__content .ms-quantity .button-minus:hover, .ms-single-product__content .ms-quantity .button-plus:hover, .ms-woocommerce-cart-form-wrapper .ms-quantity .button-minus:hover, .ms-woocommerce-cart-form-wrapper .ms-quantity .button-plus:hover { background-color: var(--color-contrast-low); } .ms-single-product__content .ms-quantity .button-minus:active, .ms-single-product__content .ms-quantity .button-plus:active, .ms-woocommerce-cart-form-wrapper .ms-quantity .button-minus:active, .ms-woocommerce-cart-form-wrapper .ms-quantity .button-plus:active { transform: translateY(2px); } .ms-single-product__content .ms-quantity .button-minus, .ms-woocommerce-cart-form-wrapper .ms-quantity .button-minus { border-top-left-radius: 6pt; border-bottom-left-radius: 6pt; border-right: solid 1px var(--color-bg); } .ms-single-product__content .ms-quantity .button-minus svg, .ms-woocommerce-cart-form-wrapper .ms-quantity .button-minus svg { margin-left: 1pt; } .ms-single-product__content .ms-quantity .button-plus, .ms-woocommerce-cart-form-wrapper .ms-quantity .button-plus { border-top-right-radius: 6pt; border-bottom-right-radius: 6pt; border-left: solid 1px var(--color-bg); } .ms-single-product__content .ms-quantity .button-plus svg, .ms-woocommerce-cart-form-wrapper .ms-quantity .button-plus svg { margin-right: 1pt; } .ms-single-product__content .ms-actions-inner, .ms-woocommerce-cart-form-wrapper .ms-actions-inner { display: flex; justify-content: space-between; } @media (max-width: 767px) { .ms-single-product__content .ms-actions-inner, .ms-woocommerce-cart-form-wrapper .ms-actions-inner { display: block; } } .ms-single-product__content .coupon, .ms-woocommerce-cart-form-wrapper .coupon { display: inline-flex; overflow: hidden; background-color: var(--color-contrast-lower); } @media (max-width: 767px) { .ms-single-product__content .coupon, .ms-woocommerce-cart-form-wrapper .coupon { width: 100%; } } .ms-single-product__content .coupon .button, .ms-woocommerce-cart-form-wrapper .coupon .button { border: none; padding: 15px 33px; color: var(--color-white); padding-left: 1.2rem; padding-right: 1.2rem; line-height: 1; } @media (max-width: 400px) { .ms-single-product__content .coupon .button, .ms-woocommerce-cart-form-wrapper .coupon .button { width: 50%; } } .ms-single-product__content .coupon + .button, .ms-woocommerce-cart-form-wrapper .coupon + .button { padding-left: 1rem; padding-right: 1rem; background-color: var(--color-primary); color: var(--color-white); border: none; margin-right: 0; margin-left: auto; line-height: 2.4; font-size: 15px; border: solid 1px transparent; transition: transform 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .ms-single-product__content .coupon + .button:disabled, .ms-woocommerce-cart-form-wrapper .coupon + .button:disabled { color: var(--color-contrast-high); background-color: transparent; border: solid 1px var(--color-contrast-high); } @media (max-width: 767px) { .ms-single-product__content .coupon + .button:disabled, .ms-woocommerce-cart-form-wrapper .coupon + .button:disabled { display: none; } } .ms-single-product__content .coupon + .button:active, .ms-woocommerce-cart-form-wrapper .coupon + .button:active { transform: translateY(2px); } .ms-single-product__content #coupon_code, .ms-woocommerce-cart-form-wrapper #coupon_code { border: none; background-color: #f7f7f7; padding: 0.5em 1em 0.5em 1em; height: 45px; } @media (max-width: 400px) { .ms-single-product__content #coupon_code, .ms-woocommerce-cart-form-wrapper #coupon_code { width: 50%; } } .ms-single-product__content #coupon_code:focus-visible, .ms-woocommerce-cart-form-wrapper #coupon_code:focus-visible { outline: none; } .ms-single-product__content .ms-cart-totals, .ms-woocommerce-cart-form-wrapper .ms-cart-totals { margin-top: 6rem; margin-bottom: 6rem; background-color: #f7f7f7; padding: 2rem; } .ms-single-product__content .ms-cart-totals .cart-subtotal td, .ms-single-product__content .ms-cart-totals .order-total td, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .cart-subtotal td, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .order-total td { text-align: right; } .ms-single-product__content .ms-cart-totals tr, .ms-woocommerce-cart-form-wrapper .ms-cart-totals tr { border-bottom: 1px solid #e2e2e2; } .ms-single-product__content .ms-cart-totals th, .ms-single-product__content .ms-cart-totals td, .ms-woocommerce-cart-form-wrapper .ms-cart-totals th, .ms-woocommerce-cart-form-wrapper .ms-cart-totals td { border: none; padding: 0 0 1rem; text-align: start; } .ms-single-product__content .ms-cart-totals .order-total th, .ms-single-product__content .ms-cart-totals .order-total td, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .order-total th, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .order-total td { padding: 1rem 0 1rem; } .ms-single-product__content .ms-cart-totals h3, .ms-woocommerce-cart-form-wrapper .ms-cart-totals h3 { margin-bottom: 2rem; font-size: 24px; font-weight: 700; } .ms-single-product__content .ms-cart-totals .woocommerce-shipping-methods, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-methods { padding-left: 0; list-style: none; } .ms-single-product__content .ms-cart-totals .woocommerce-shipping-destination, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-destination { margin: 4pt 0; } .ms-single-product__content .ms-cart-totals .ms-proceed-to-checkout, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .ms-proceed-to-checkout { margin-top: 3rem; display: flex; flex-direction: row-reverse; } @media (max-width: 767px) { .ms-single-product__content .ms-cart-totals .ms-proceed-to-checkout, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .ms-proceed-to-checkout { flex-direction: unset; } } .ms-single-product__content .ms-cart-totals .ms-proceed-to-checkout a, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .ms-proceed-to-checkout a { padding: 0.5em 1.2em 0.5em 1.2em; height: 45px; color: #ffffff; display: flex; align-items: center; } .ms-single-product__content .ms-cart-totals .ms-proceed-to-checkout a:active, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .ms-proceed-to-checkout a:active { transform: translateY(2px); } .ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator { max-width: 100%; display: flex; flex-direction: column; } .ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form { text-align: left; } .ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p { max-width: 100%; padding-top: 15px; } .ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text { background-color: #f7f7f7; width: 100%; height: 45px; padding-left: 1rem; padding-right: 1rem; border-radius: 0; color: #000000; transition: border-color 150ms var(--ease-in-out), box-shadow 150ms var(--ease-in-out), -webkit-box-shadow 150ms var(--ease-in-out); } .ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text:hover, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text:hover { border-color: var(--color-primary); } .ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text:focus-visible, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .input-text:focus-visible { z-index: 1; border-color: var(--color-primary); outline: 0; } .ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2-container .select2-selection--single, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2-container .select2-selection--single { height: 45px; display: flex; align-items: center; border-radius: 6pt; background-color: var(--color-bg); border: 1px solid #f7f7f7; } .ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2-container--default .select2-selection--single .select2-selection__rendered, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--color-contrast-higher); } .ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2-container .select2-selection--single .select2-selection__rendered, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 1rem; width: 100%; } .ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2-container--default .select2-selection--single .select2-selection__arrow, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .select2-container--default .select2-selection--single .select2-selection__arrow { height: 45px; right: 8pt; } .ms-single-product__content .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .woocommerce-shipping-calculator .shipping-calculator-form p .button { height: 45px; padding: 0 1rem; border: none; color: #ffffff; border-radius: 6pt; float: right; } .ms-single-product__content .ms-cart-totals .shop_table td, .ms-woocommerce-cart-form-wrapper .ms-cart-totals .shop_table td { text-align: right; } .ms-woocommerce-MyAccount-content h3, .ms-woocommerce-checkout h3 { font-size: 24px; font-weight: 700; margin-bottom: 2rem; margin-top: 25px; } .ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row, .ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.form-row, .ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper p.form-row, .ms-woocommerce-checkout .woocommerce-EditAccountForm p.form-row, .ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper p.form-row, .ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row { display: flex; flex-direction: column; margin-bottom: 1.5rem; } .ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row label, .ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.form-row label, .ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper p.form-row label, .ms-woocommerce-checkout .woocommerce-EditAccountForm p.form-row label, .ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper p.form-row label, .ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row label { font-size: 14px; margin-bottom: 4pt; } .ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row label .required, .ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.form-row label .required, .ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper p.form-row label .required, .ms-woocommerce-checkout .woocommerce-EditAccountForm p.form-row label .required, .ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper p.form-row label .required, .ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row label .required { text-decoration: none; } .ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row .input-text, .ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.form-row .input-text, .ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper p.form-row .input-text, .ms-woocommerce-checkout .woocommerce-EditAccountForm p.form-row .input-text, .ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper p.form-row .input-text, .ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row .input-text { width: 100%; padding: 0.5em 1.2em 0.5em 1.2em; height: 45px; border: none; border-radius: 0; color: #000000; background-color: #f7f7f7; transition: border-color 150ms var(--ease-in-out), box-shadow 150ms var(--ease-in-out), -webkit-box-shadow 150ms var(--ease-in-out); } .ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row .input-text:hover, .ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.form-row .input-text:hover, .ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper p.form-row .input-text:hover, .ms-woocommerce-checkout .woocommerce-EditAccountForm p.form-row .input-text:hover, .ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper p.form-row .input-text:hover, .ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row .input-text:hover { border-color: var(--color-primary); } .ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row .input-text:focus-visible, .ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.form-row .input-text:focus-visible, .ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper p.form-row .input-text:focus-visible, .ms-woocommerce-checkout .woocommerce-EditAccountForm p.form-row .input-text:focus-visible, .ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper p.form-row .input-text:focus-visible, .ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row .input-text:focus-visible { z-index: 1; border-color: var(--color-primary); outline: 0; } .ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row select, .ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.form-row select, .ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper p.form-row select, .ms-woocommerce-checkout .woocommerce-EditAccountForm p.form-row select, .ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper p.form-row select, .ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper p.form-row select { background: #f7f7f7; padding: 1em 1.2em 1em 1.2em; } .ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm .select2-container--default .select2-selection--single, .ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single, .ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single, .ms-woocommerce-checkout .woocommerce-EditAccountForm .select2-container--default .select2-selection--single, .ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single, .ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single { padding: 0.5em 1.2em 0.5em 1.2em; height: 45px; position: relative; border: solid 1px #e2e2e2; } .ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm .select2-container--default .select2-selection--single .select2-selection__arrow, .ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow, .ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow, .ms-woocommerce-checkout .woocommerce-EditAccountForm .select2-container--default .select2-selection--single .select2-selection__arrow, .ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow, .ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; top: 0; bottom: 0; right: 8px; width: 32px; } .ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm .select2-container--default .select2-selection--single .select2-selection__rendered, .ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered, .ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered, .ms-woocommerce-checkout .woocommerce-EditAccountForm .select2-container--default .select2-selection--single .select2-selection__rendered, .ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered, .ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered { color: #000000; background-color: #f7f7f7; padding-left: 0; } .ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm .select2-container--default .select2-selection--single, .ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single, .ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single, .ms-woocommerce-checkout .woocommerce-EditAccountForm .select2-container--default .select2-selection--single, .ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single, .ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single { background-color: #f7f7f7; transition: border-color 150ms var(--ease-in-out); } .ms-woocommerce-MyAccount-content .woocommerce-EditAccountForm .select2-container--default .select2-selection--single:hover, .ms-woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single:hover, .ms-woocommerce-MyAccount-content .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single:hover, .ms-woocommerce-checkout .woocommerce-EditAccountForm .select2-container--default .select2-selection--single:hover, .ms-woocommerce-checkout .woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single:hover, .ms-woocommerce-checkout .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single:hover { border-color: var(--color-primary); } .ms-woocommerce-MyAccount-content .woocommerce-additional-fields .form-row, .ms-woocommerce-checkout .woocommerce-additional-fields .form-row { display: flex; flex-direction: column; } .ms-woocommerce-MyAccount-content .woocommerce-additional-fields .form-row label, .ms-woocommerce-checkout .woocommerce-additional-fields .form-row label { margin-bottom: 8pt; } .ms-woocommerce-MyAccount-content .woocommerce-additional-fields .form-row .input-text, .ms-woocommerce-checkout .woocommerce-additional-fields .form-row .input-text { width: 100%; border-radius: 0; padding: 0.5em 1.2em 0.5em 1.2em; margin-bottom: 2rem; background-color: #f7f7f7; color: #000000; } .woocommerce-form-coupon-toggle { margin-bottom: 3rem; } .wc_payment_methods { list-style: none; padding-left: 0; } .woocommerce-checkout-review-order .wc_payment_methods, .woocommerce-checkout-review-order .woocommerce-terms-and-conditions-wrapper, .woocommerce-checkout-review-order .woocommerce-checkout-review-order-table { margin-bottom: 2rem; } .woocommerce-checkout-review-order .button { display: block; width: 100%; text-align: center; border: none; color: #fff; max-width: 100%; border-radius: 0; } @media (max-width: 767px) { .woocommerce-checkout-review-order .woocommerce-checkout-payment { margin-bottom: 50px; } } .woocommerce-info { padding: 2.5rem 2rem; border-radius: 6pt; background-color: #f7f7f7; } .woocommerce-info .showcoupon { position: relative; color: var(--color-primary); text-decoration: none; } .ms-checkout-review-order-table .ms-checkout-product { display: flex; align-items: center; } .ms-checkout-review-order-table .ms-checkout-product .ms-checkout-product__thumbnail img { width: 90px; margin-right: 20px; } .ms-checkout-review-order-table .ms-checkout-product .ms-checkout-product__content h5 { font-size: 16px; } .ms-checkout-review-order-table .ms-checkout-product .ms-checkout-product__content .woocommerce-Price-amount { color: var(--color-primary); } .ms-checkout-review-order-table .cart_item td { border: none; padding: 0; padding-bottom: 2rem; } .ms-checkout-review-order-table tfoot th { text-align: left; padding-left: 0; } .ms-checkout-review-order-table tfoot td { text-align: right; padding-right: 0; } .ms-checkout-review-order-table tfoot th, .ms-checkout-review-order-table tfoot td { border: none; } .ms-checkout-review-order-table tfoot tr { border-bottom: dotted 1px #e2e2e2; } .ms-checkout-review-order-table tfoot tr:last-child { border-bottom: none; } .ms-checkout-review-order-table tfoot .woocommerce-shipping-methods { list-style: none; } .checkout_coupon.woocommerce-form-coupon { margin-bottom: 2rem; } .checkout_coupon.woocommerce-form-coupon p:first-child { margin-bottom: 1rem; } .checkout_coupon.woocommerce-form-coupon .form-row-first, .checkout_coupon.woocommerce-form-coupon .form-row-last { display: inline-flex; } .checkout_coupon.woocommerce-form-coupon .form-row-first input { border: none; border-radius: 6pt; background-color: #f7f7f7; padding: 0.5em 1.6em 0.5em 1em; height: 45px; } .checkout_coupon.woocommerce-form-coupon .form-row-first input:focus-visible { outline: none; } .checkout_coupon.woocommerce-form-coupon .form-row-last { margin-left: -12pt; } .checkout_coupon.woocommerce-form-coupon .form-row-last button { border: none; height: 45px; background-color: var(--color-primary); color: var(--color-white); border-radius: 6pt; padding-left: 1.2rem; padding-right: 1.2rem; line-height: 2.4; } .ms-woocommerce-order .ms-woocommerce-order-overview { list-style: none; padding-left: 0; display: flex; margin: 2rem 0 4rem; } .ms-woocommerce-order .ms-woocommerce-order-overview li { display: flex; flex-direction: column; margin-right: 1.5rem; padding-right: 1.5rem; color: #000000; } .ms-woocommerce-order .ms-woocommerce-order-overview li strong { margin-top: 4pt; color: #000000; } .ms-woocommerce-order .ms-woocommerce-order-overview li:last-child { border-right: none; } .ms-woocommerce-order .woocommerce-order-details h2 { margin: 2rem 0; font-weight: 700; } .ms-woocommerce-order .woocommerce-order-details thead, .ms-woocommerce-order .woocommerce-order-details tfoot { text-align: left; } .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details { margin-bottom: 4rem; background-color: #f7f7f7; border-radius: 12pt; overflow: hidden; } .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details thead > tr > th { font-weight: 700; font-size: 24px; border-bottom: solid 1px #e2e2e2; } .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tr > th, .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tr > td { padding: 1rem 2rem; } .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details a { font-weight: bold; } .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tr, .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details td, .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details th { border: none; } .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tr { border-bottom: solid 1px #e2e2e2; } .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot { border-top: solid 1px #e2e2e2; background-color: #f7f7f7; } .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot tr:last-child { font-weight: 700; } .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot th, .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot td { padding-bottom: 0; } .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tr:last-child th, .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tr:last-child td { padding-bottom: 1rem; } .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tr:last-child { border-bottom: none; } .ms-woocommerce-order .woocommerce-order-details .woocommerce-table--order-details td.woocommerce-table__product-total.product-total { display: flex; } .ms-woocommerce-order .woocommerce-columns--addresses { display: flex; flex-wrap: wrap; } .ms-woocommerce-order .woocommerce-columns--addresses .woocommerce-column__title { font-size: 24px; font-weight: 700; margin-bottom: 2rem; } .ms-woocommerce-order .woocommerce-columns--addresses .woocommerce-column--billing-address, .ms-woocommerce-order .woocommerce-columns--addresses .woocommerce-column--shipping-address { width: auto; } .ms-woocommerce-order .woocommerce-columns--addresses .woocommerce-column--billing-address address, .ms-woocommerce-order .woocommerce-columns--addresses .woocommerce-column--shipping-address address { font-style: italic; } .ms-woocommerce-order .woocommerce-columns--addresses .woocommerce-column--billing-address address .woocommerce-customer-details--email, .ms-woocommerce-order .woocommerce-columns--addresses .woocommerce-column--shipping-address address .woocommerce-customer-details--email { margin-top: 8pt; } .ms-woocommerce-order .woocommerce-columns--addresses .woocommerce-column--billing-address { margin-right: 4rem; margin-bottom: 2rem; } .ms-woocommerce-order .woocommerce-table.woocommerce-table--order-details.shop_table.order_details strong.product-quantity { margin-left: 4pt; color: #000000; } .ms-woocommerce-order .woocommerce-table.woocommerce-table--order-details.shop_table.order_details .wc-item-meta { list-style: none; padding-left: 0; } .ms-woocommerce-order .woocommerce-table.woocommerce-table--order-details.shop_table.order_details .wc-item-meta li { display: flex; } .ms-woocommerce-order .woocommerce-table.woocommerce-table--order-details.shop_table.order_details .wc-item-meta li strong { margin-right: 8pt; } .ms-woocommerce-order .woocommerce-table.woocommerce-table--order-details.shop_table.order_details .wc-item-meta li p { color: #000000; } .woocommerce-page.woocommerce-order-received .woocommerce { margin-bottom: 8vh; } .pl-lg-5 { padding-left: 4rem !important; } .coupon-toggle .accordion .card { border: unset; border-top: 3px solid var(--color-primary); border-radius: 0; } .coupon-toggle .accordion .card .card-header { border: none; margin: 0; border-radius: unset; padding: 15px 10px; } .coupon-toggle .accordion .card .card-header .card-title { margin: 0; } .coupon-toggle .accordion .card .card-header .card-title span i { margin-right: 10px; } .coupon-toggle .accordion .card .card-header .card-title button { background: unset; width: unset; border: none; color: var(--color-primary); transition: all 0.3s ease; outline: none; cursor: pointer; } .coupon-toggle .accordion .card .card-header .card-title button:hover { color: var(--color-primary); } .coupon-toggle .accordion .card .card-body { border: 1px solid #d3ced2; padding: 20px 20px 50px 20px; margin-top: 2em; text-align: left; } .coupon-toggle .accordion .card .card-body button { padding: 17px 32px; border-radius: 0 15px 15px 0; } .coupon-toggle .accordion .card .card-body .coupon-code-input { width: 47%; float: left; } .coupon-toggle .accordion .card .card-body .coupon-code-input input { width: 100%; height: 55px; outline: none; padding: 10px 18px; color: #454545; background: #f7f7f7; border: 1px solid #f1f1f1; border-radius: 15px 0 0 15px; } .full-grid { margin-top: 25px; } .full-grid .form-content-box { margin-bottom: 50px; } .full-grid .form-content-box .form-group label { line-height: 2; display: block; margin-bottom: 5px; font-weight: 600; } .full-grid .form-content-box .form-group select { color: #666666; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #f7f7f7; border-radius: 0; height: 45px; line-height: 45px; cursor: pointer; width: 100%; outline: none; } .full-grid .form-content-box .form-group textarea { height: 4em; line-height: 1.5; display: block; box-shadow: none; width: 100%; padding: 10px 18px; background: #f7f7f7; margin: 0; outline: none; } .full-grid .form-content-box .form-group .form-control-mod { height: 45px; padding: 10px 18px; background: #f7f7f7; width: 100%; margin: 0; outline: none; line-height: normal; border-radius: unset; } .full-grid .form-content-box .form-group .form-control-mod.margin-bottom { margin-bottom: 10px !important; } .full-grid .ordered-product table { width: 100%; } .full-grid .ordered-product table tr th { border: 1px solid #ccc; padding: 9px 12px; } .full-grid .ordered-product table tr td { border: 1px solid #ccc; padding: 6px 12px; } .full-grid .payment-method .top-area { border-bottom: 1px solid #d3ced2; } .full-grid .payment-method .top-area .payment-co { margin-bottom: 20px; } .full-grid .payment-method .top-area .payment-co span { font-weight: 600; margin-right: 10px; } .full-grid .payment-method .top-area .p-msg { position: relative; box-sizing: border-box; width: 100%; padding: 1em; margin: 1em 0 2em; font-size: 0.92em; border-radius: 2px; line-height: 1.5; background-color: #f9f9f9; } .full-grid .payment-method .top-area .p-msg:before { content: ""; display: block; border: 1em solid #f9f9f9; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -0.75em; left: 0; margin: -1em 0 0 2em; } .woocommerce-result-count { font-size: 15px; line-height: 26px; color: #454545; font-weight: 400; margin-bottom: 35px !important; } .from-control { float: right; font-size: 15px; color: #454545; font-weight: 400; vertical-align: top; padding: 10px; border: 1px solid #E9E9E9; border-radius: 0; margin-bottom: 35px; } .from-control:hover { border: 1px solid var(--color-primary); } .single-project-info-wrapper-inner { background: #f4f4f4; padding: 50px; border-radius: 10px; } @media only screen and (max-width: 575px) { .single-project-info-wrapper-inner { padding: 15px; } } .single-project-info-wrapper-inner .title { font-size: 36px; } .single-project-info-wrapper-inner .single-project-info { padding: 20px; background: #ffffff; border: 1px solid #EDECEC; border-radius: 6px; height: 100%; } .single-project-info-wrapper-inner .single-project-info span { font-weight: 400; font-size: 15px; line-height: 18px; color: #7C7C84; display: block; margin-bottom: 8px; } .single-project-info-wrapper-inner .single-project-info p { margin: 0; font-weight: 600; font-size: 16px; line-height: 22px; color: #141416; } .project-details-content-bottom p.disc { margin-bottom: 30px; font-size: 15px; } .project-details-content-bottom p.bold { font-weight: 500; font-size: 18px; line-height: 28px; color: #141416; margin-bottom: 30px; } .counterup-area-project-details { display: flex; align-items: center; background: #f4f4f4; padding: 60px; border-radius: 10px; } @media only screen and (max-width: 991px) { .counterup-area-project-details { flex-wrap: wrap; gap: 25px; } } @media only screen and (max-width: 767px) { .counterup-area-project-details { padding: 25px; } } .counterup-area-project-details .single-counter-up-area { flex-basis: 25%; border-right: 1px solid #EDECEC; } @media only screen and (max-width: 991px) { .counterup-area-project-details .single-counter-up-area { flex-basis: 45%; border: none; padding-left: 0 !important; } } @media only screen and (max-width: 767px) { .counterup-area-project-details .single-counter-up-area { flex-basis: 100%; } } .counterup-area-project-details .single-counter-up-area .icon { margin-bottom: 20px; } .counterup-area-project-details .single-counter-up-area .title { color: var(--color-title); margin-bottom: 12px; } .counterup-area-project-details .single-counter-up-area p.disc { max-width: 90%; } .counterup-area-project-details .single-counter-up-area.with-pl { padding-left: 50px; } @media only screen and (max-width: 991px) { .counterup-area-project-details .single-counter-up-area.with-pl { padding-left: 0 !important; } } @media only screen and (max-width: 767px) { .counterup-area-project-details .single-counter-up-area.with-pl { flex-basis: 100%; } } .counterup-area-project-details .single-counter-up-area.with-pl.b-n { border: none; justify-content: flex-end; margin-left: auto; } .faq-inner-wrapper-one.project-detils button { font-size: 22px !important; } @media only screen and (max-width: 575px) { .faq-inner-wrapper-one.project-detils button { font-size: 16px !important; } } .faq-inner-wrapper-one.project-detils .accordion-body .left { max-width: 436px; } .faq-inner-wrapper-one .accordion-item { background-color: #f4f4f4; border: 1px solid rgba(0, 0, 0, 0.125); } .faq-inner-wrapper-one .accordion-button:not(.collapsed) { color: var(--color-primary); } .faq-inner-wrapper-one .accordion-item { margin-bottom: 20px; border: none; border-radius: 5px; overflow: hidden; display: block; } .faq-inner-wrapper-one .accordion-item .accordion-header button { font-size: 16px; font-weight: 700; padding: 22px 25px; background: transparent; box-shadow: none; border-bottom: 1px solid #EDECEC; } .faq-inner-wrapper-one .accordion-item .accordion-body { display: flex; align-items: center; gap: 20px; padding: 15px 22px; } @media only screen and (max-width: 767px) { .faq-inner-wrapper-one .accordion-item .accordion-body { flex-direction: column; align-items: flex-start; gap: 20px; } } .faq-inner-wrapper-one .accordion-item .accordion-body .left { min-width: 129px; } .next-prev-project-wrapper { display: flex; align-items: center; justify-content: space-between; padding-top: 40px; margin-top: 80px; border-top: 1px solid #DED7CF; } @media only screen and (max-width: 991px) { .next-prev-project-wrapper { flex-direction: column; gap: 35px; } } .next-prev-project-wrapper .single-next-prev-wrapper { flex-basis: 50%; display: flex; align-items: center; gap: 20px; } .next-prev-project-wrapper .single-next-prev-wrapper.last { text-align: right; } .next-prev-project-wrapper .single-next-prev-wrapper.last p { margin-left: auto; } .next-prev-project-wrapper .single-next-prev-wrapper img { max-width: 140px; } .next-prev-project-wrapper .single-next-prev-wrapper .info p { margin-bottom: 0; font-weight: 700; font-size: 20px; color: #121212; max-width: 70%; } @media only screen and (max-width: 575px) { .next-prev-project-wrapper .single-next-prev-wrapper .info p { font-size: 17px; max-width: 100%; } } .project-details-wrapper-image-top .with-video-area iframe { height: 650px; } .mySwiper-pd-slider { position: relative; } .mySwiper-pd-slider .swiper-button-next, .mySwiper-pd-slider .swiper-button-prev { height: 55px; width: 55px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; } .mySwiper-pd-slider .swiper-button-next i, .mySwiper-pd-slider .swiper-button-prev i { font-size: 18px; color: var(--color-primary) !important; } .mySwiper-pd-slider .swiper-button-next::after, .mySwiper-pd-slider .swiper-button-prev::after { display: none; } @media only screen and (max-width: 767px) { .mySwiper-pd-slider .swiper-button-next, .mySwiper-pd-slider .swiper-button-prev { display: none; } } .mySwiper-pd-slider .swiper-button-next { right: 60px; left: auto; } .mySwiper-pd-slider .swiper-button-prev { left: 60px; right: auto; } #gallery { padding-top: 40px; } @media screen and (min-width: 991px) { #gallery { padding: 0; } } .img-wrapper { position: relative; margin-top: 15px; } .img-wrapper img { width: 100%; } .img-overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; opacity: 0; } .img-overlay i { color: #fff; font-size: 3em; cursor: pointer; } .coming-soon-body { background: #fff; } #overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: flex; justify-content: center; align-items: center; z-index: 999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #overlay img { margin: 0; width: 80%; height: auto; object-fit: contain; padding: 5%; } @media screen and (min-width: 768px) { #overlay img { width: 60%; } } @media screen and (min-width: 1200px) { #overlay img { width: 50%; } } #nextButton { color: #fff; font-size: 2em; transition: opacity 0.8s; cursor: pointer; } #nextButton:hover { opacity: 0.7; } @media screen and (min-width: 768px) { #nextButton { font-size: 3em; } } #prevButton { color: #fff; font-size: 2em; transition: opacity 0.8s; cursor: pointer; } #prevButton:hover { opacity: 0.7; } @media screen and (min-width: 768px) { #prevButton { font-size: 3em; } } #exitButton { color: #fff; font-size: 2em; transition: opacity 0.8s; position: absolute; top: 15px; right: 15px; cursor: pointer; } #exitButton:hover { opacity: 0.7; } @media screen and (min-width: 768px) { #exitButton { font-size: 3em; } } .project-details-carousel-big { overflow: hidden; position: relative; } .account-page-body { background: #fff; } .account-page-body .rts-contact-page-form-area.account .mian-wrapper-form { padding: 60px; height: 100%; border: 1px solid #f5f5f5; } .account-page-body .mian-wrapper-form { padding: 120px 135px; border: 1px solid #E9E9E9; box-shadow: 0px 24px 39px rgba(0, 0, 0, 0.05); } .account-page-body .mian-wrapper-form input { height: 50px; border-radius: 0; margin-bottom: 15px; border-color: #f1f1f1; } .account-page-body .mian-wrapper-form input:focus { border: 1px solid var(--color-primary); } .account-page-body button { border: none; } .account-page-body .checkbox { margin-bottom: 15px; } .account-page-body .checkbox input { margin-bottom: 0; } .account-page-body .checkbox label { font-size: 16px; padding-left: 15px; } .account-page-body .checkbox label::after { display: none; } .account-page-body .checkbox label::before { display: none; } .account-page-body .rts-contact-page-form-area.account .mian-wrapper-form .forgot-password { margin-top: 30px; } .page-not-found-main { text-align: center; } .page-not-found-main .title { font-size: 260px; margin-bottom: 5px; color: var(--color-title); } @media only screen and (max-width: 575px) { .page-not-found-main .title { font-size: 200px; } } @media only screen and (max-width: 479px) { .page-not-found-main .title { font-size: 150px; } } .page-not-found-main .para { font-size: 120px; font-weight: 400; color: var(--color-title); } @media only screen and (max-width: 1199px) { .page-not-found-main .para { font-size: 80px; } } @media only screen and (max-width: 767px) { .page-not-found-main .para { font-size: 60px; } } @media only screen and (max-width: 575px) { .page-not-found-main .para { font-size: 40px; } } .page-not-found-main .rts-btn { margin: auto; } .loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 5000; } .loader-wrapper .loader-section { position: fixed; top: 0; background: var(--color-white); width: 50%; height: 100%; z-index: 5000; } .loader-wrapper .loader-section.section-left { left: 0; } .loader-wrapper .loader-section.section-right { right: 0; } /* Loaded Styles */ .loaded .loader-wrapper .loader-section.section-left { transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); opacity: 0; } .loaded .loader-wrapper .loader-section.section-right { transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); opacity: 0; } .loaded .loader { opacity: 0; transition: all 0.3s ease-out; } .loaded .loader-wrapper { visibility: hidden; transform: translateY(-100%); transition: all 0.3s 1s ease-out; } .loader:after { content: ""; position: absolute; top: 14px; left: 14px; right: 14px; bottom: 14px; border: 4px solid transparent; border-top-color: var(--color-primary); border-right-color: var(--color-primary); border-bottom-color: var(--color-primary); border-radius: 100%; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } .loader { display: block; position: relative; top: 50%; left: 50%; width: 70px; height: 70px; z-index: 5001; transform: translate(-50%, -50%); } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .h-100-vh { height: 100vh; } .coming-soon-wrapper-main { text-align: center; } .coming-soon-wrapper-main h3 { font-size: 62px; margin-bottom: 70px; color: #141416; } @media only screen and (max-width: 575px) { .coming-soon-wrapper-main h3 { font-size: 44px; } } .coming-soon-wrapper-main .para { font-size: 18px; max-width: 40%; margin: auto; margin-top: 80px; font-size: 22px; line-height: 1.6; } @media only screen and (max-width: 767px) { .coming-soon-wrapper-main .para { max-width: 95%; } } @media only screen and (max-width: 575px) { .coming-soon-wrapper-main .para { margin-top: 40px; max-width: 98%; font-size: 18px; } } .coming-soon-wrapper-main #countdown .timer-section { justify-content: center; display: flex; align-items: center; gap: 25px; } .coming-soon-wrapper-main #countdown .timer-section .time-unit span { font-size: 44px; color: var(--color-primary); } @media only screen and (max-width: 575px) { .coming-soon-wrapper-main #countdown .timer-section .time-unit span { font-size: 32px; } } [dir=rtl] .header-one .nav-area { margin-left: 80px; } [dir=rtl] .ml--20 { margin-right: 20px !important; margin-left: 0 !important; } [dir=rtl] .banner-style-one .banner-one-inner { text-align: right !important; } [dir=rtl] .banner-style-one .banner-one-inner .title { text-align: right !important; direction: ltr; } [dir=rtl] .banner-style-one .banner-one-inner .title .split-line { text-align: right !important; } [dir=rtl] .business-solution-area-left-thumbnail .success-rate-area { right: unset; left: 30px; } [dir=rtl] .business-solution-area-left-thumbnail .small-mobile { left: unset; right: 0; } [dir=rtl] .business-solution-area-right-content .featuremain-wrapper .single-feature-wrapper img { left: unset; right: -41px; } @media (max-width: 576px) { [dir=rtl] .business-solution-area-right-content .featuremain-wrapper .single-feature-wrapper img { right: 10px; } } @media only screen and (max-width: 991px) { [dir=rtl] .banner-contact-form-five { margin-right: 0; margin-top: 30px; } } [dir=rtl] .pricing-three-title-area .pricing-tab-button-area { margin-right: auto; margin-left: 0; } [dir=rtl] .footer-two-single-wized .contact-info-1 .disc { margin-left: 0; margin-right: 30px; } [dir=rtl] .mega-menu-item.with-list li a i::before { content: "\f053"; } [dir=rtl] .hega-menu-head-wrapper p i { margin-left: 8px; margin-right: 0; } [dir=rtl] .has-dropdown.mega-menu > a::after { left: -22px; right: auto; } [dir=rtl] .has-dropdown::after { left: -22px; right: auto; } [dir=rtl] .banner-three-box-clip-area .right-thumbnail { left: 0; right: auto; top: 0; bottom: 0; transform: scaleX(-1); } [dir=rtl] .header-two .header-top .content .right-header-top .ht-social ul li { margin-left: 20px; margin-right: 0; } [dir=rtl] .header-two .header-top .content .right-header-top .ht-social { margin-right: 60px; margin-left: 0; } [dir=rtl] .header-two .nav-area { margin-right: 135px; margin-left: 0; } [dir=rtl] .header-two .main-header .content .header-right .call-area .number-area { margin-right: 30px; margin-left: 0; } [dir=rtl] .header-two .main-header .content .header-right { margin-left: 0; margin-right: auto; } [dir=rtl] .header-two .main-header .content .header-right a.rts-btn { margin-right: 40px; margin-left: 0; } [dir=rtl] .title-style-three.left .rts-text-anime-style-1.title { direction: ltr !important; } [dir=rtl] .title-style-three.left .rts-text-anime-style-1.title .split-line { text-align: right !important; } [dir=rtl] .title-style-three.center .rts-text-anime-style-1.title { direction: ltr !important; } [dir=rtl] .title-style-three.center .rts-text-anime-style-1.title .split-line { text-align: center !important; } [dir=rtl] .rts-call-to-action-area-three .cta-main-wrapper-inner .title { direction: ltr; text-align: right; } [dir=rtl] .rts-call-to-action-area-three .cta-main-wrapper-inner .title .split-line { text-align: right !important; } [dir=rtl] .header-two .header-top .content .right-header-top .ht-social ul { margin-right: 20px; margin-left: 0; } [dir=rtl] .col-lg-7.pl--100.pl_md--0.mt_md--80.pl_sm--0.mt_sm--80 { padding-right: 70px; padding-left: 0; } [dir=rtl] .about-thumbnail-style-three { margin-left: -30px; padding-right: 0; transform: scaleX(-1); } [dir=rtl] .main-thumnal-inner-about-three .shape img { right: -60px; bottom: -15px; left: auto; } [dir=rtl] .single-project-style-three .inner-content { right: 30px; bottom: 30px; max-width: max-content; } [dir=rtl] .rts-client-reviews-h2 .review-header .discription { margin-right: 30px; } [dir=rtl] .banner-three-box-clip-area .all-shape img.one { right: 0; top: 0; animation: jump-2 5s linear infinite; left: auto; } [dir=rtl] .banner-three-box-clip-area .banner-inner-conten .title { direction: ltr; text-align: right; } [dir=rtl] .banner-three-box-clip-area .banner-inner-conten .title .split-line { text-align: right !important; } [dir=rtl] .title-style-one.left { text-align: right; } [dir=rtl] .title-style-one.left .title { direction: ltr; text-align: right; } [dir=rtl] .title-style-one.left .title .split-line { text-align: right !important; } [dir=rtl] .col-lg-6.pl--50.pl_sm--15.mt_md--100.mt_sm--100 { padding-left: 0; padding-right: 50px; } [dir=rtl] .consultancy-thumbnail-area { justify-content: flex-start; } [dir=rtl] .vedio-icone .video-play-button span { transform: translate(-50%, -50%) scaleX(-1); left: -27%; } @media only screen and (max-width: 767px) { [dir=rtl] .pl_sm--0 { padding-right: 0 !important; } } [dir=rtl] .single-working-process-one .inner-content .number-main::before { left: unset; right: -150px; } [dir=rtl] .boosting-business-right-area .feature-one-wrapper .single-feature-one { margin-left: 25px; margin-right: 0; } [dir=rtl] .title-style-one.center .title { direction: ltr; } @media (max-width: 576px) { [dir=rtl] .business-solution-area-right-content .featuremain-wrapper .single-feature-wrapper { padding-right: 100px; padding-left: 40px; } } [dir=rtl] .rts-copy-right-1 .copyright-h-2-wrapper .right { margin-left: 0; margin-right: auto; } [dir=rtl] .left-thumbnail-about-area-two .counter-about-area { right: -75px; left: auto; } @media only screen and (max-width: 767px) { [dir=rtl] .left-thumbnail-about-area-two .counter-about-area { right: 10px; } } [dir=rtl] .title-style-two.center .title { direction: ltr; } [dir=rtl] .cta-style-two-area .title { direction: ltr; text-align: right; } [dir=rtl] .cta-style-two-area .title .split-line { text-align: right !important; } [dir=rtl] .service-style-swiper-wrapper-two .mySwiper-service-1 .swiper-wrapper, [dir=rtl] .mySwiperh2_clients .swiper-wrapper, [dir=rtl] .mySwiper-case-studies-5 .swiper-wrapper, [dir=rtl] .mySwiper-testimonials-5 .swiper-wrapper, [dir=rtl] .mySwiper-testimoanils-6 .swiper-wrapper, [dir=rtl] .mySwiper-banner-seven .swiper-wrapper, [dir=rtl] .mySwiper-blog-one .swiper-wrapper, [dir=rtl] .mySwiper-full-screen-wrapper .swiper-wrapper, [dir=rtl] .mySwiperh1_team .swiper-wrapper { direction: ltr; } [dir=rtl] .faq-main-wrapper-content-inner-four .accordion .accordion-item .accordion-button::after { margin-left: 0; margin-right: auto; } [dir=rtl] .appoinment-thumbnail { margin-left: 0; margin-right: -30px; } [dir=rtl] .title-style-two { direction: ltr; text-align: right; } [dir=rtl] .title-style-two .split-line { text-align: right !important; } [dir=rtl] .title-style-two .pre { direction: rtl; } [dir=rtl] .faq-main-wrapper-content-inner-four .title-style-four { margin-left: -50px; margin-right: unset; } [dir=rtl] .project-style-one .inner-content { right: 30px; left: auto; } [dir=rtl] .side-bar button { margin-right: -36px; margin-left: auto; } [dir=rtl] .side-bar { left: -100%; right: unset; } [dir=rtl] .side-bar.show { left: 0; right: unset; } [dir=rtl] .title-style-two.center { text-align: center !important; } [dir=rtl] .title-style-two.center .title { text-align: center; } [dir=rtl] .title-style-two.center .title .split-line { text-align: center !important; } [dir=rtl] .title-style-two .bg-content { right: -90px; left: unset; } [dir=rtl] .mobile-menu nav ul li.has-droupdown::after { left: 0; right: unset; } [dir=rtl] .footer-two .footer-one-single-wized .quick-link-inner .links.margin-left-70 { margin-right: 70px; margin-left: 0; } @media only screen and (max-width: 767px) { [dir=rtl] .footer-two .footer-one-single-wized .quick-link-inner .links.margin-left-70 { margin-right: 0; } } [dir=rtl] .footer-two .footer-one-single-wized.mid-bg { margin-right: 0; margin-left: 0; } [dir=rtl] .footer-two .footer-one-single-wized .quick-link-inner .links li a i { margin-left: 12px; margin-right: 0; } [dir=rtl] .footer-two .footer-one-single-wized .quick-link-inner .links li a i::before { content: "\f060"; } [dir=rtl] .footer-two .update-wrapper .email-footer-area button { left: 0; right: auto; } [dir=rtl] .footer-two-single-wized .wized-2-body ul li a i { margin-right: 0; margin-left: 10px; } [dir=rtl] .footer-two-single-wized .wized-2-body ul li a i::before { content: "\f323"; } [dir=rtl] .rts-footer-area.footer-three .footer-three-single-wized .body .info-wrapper .single .icon { margin-left: 25px; margin-right: 0; } [dir=rtl] .rts-footer-area.footer-three .footer-three-single-wized.mid-right .body .update-wrapper .email-footer-area button { left: 0; top: 0; right: auto; } [dir=rtl] .about-content-inner-five .about-single-home-7 .icon { margin-left: 25px; margin-right: 0; } [dir=rtl] .header-two .header-top::after { left: unset; right: -5%; } [dir=rtl] .header-two .header-top .content .right-header-top .ht-social::after { left: unset; right: -17%; } [dir=rtl] .header-two .header-top .content .right-header-top { margin-left: 0; margin-right: auto; } [dir=rtl] .title-style-five .title { direction: ltr; text-align: right; } [dir=rtl] .title-style-five .title .split-line { text-align: right !important; } [dir=rtl] .title-style-five.center { text-align: center; } [dir=rtl] .title-style-five.center .title { direction: ltr; text-align: center; } [dir=rtl] .title-style-five.center .title .split-line { text-align: center !important; } [dir=rtl] .banner-content-six .left-side .title { direction: ltr; text-align: right; } [dir=rtl] .banner-content-six .left-side .title .split-line { text-align: right !important; } [dir=rtl] .col-lg-6.pr--40.pr_sm--10 { padding-left: 40px; padding-right: 0; } [dir=rtl] .rts-business-goal-area-wrapper-6 .tab-content { margin-right: -200px; margin-left: 0; } [dir=rtl] .full-screen-slider-demo .about-6-inner-content-content .title-style-one * { margin-left: auto; } [dir=rtl] .counter-up-area-eight-banner-bottom .absolute-image { left: 40px; right: auto; } [dir=rtl] .col-lg-6.pr--30.pr_sm--10 { padding-left: 30px; } [dir=rtl] .rts-about-us-area-8 .right-content-image { left: 315px; max-width: 479px; right: auto; } [dir=rtl] .footer-logo-area-left-8 { text-align: right; } [dir=rtl] .footer-8-area-bg .footer-one-single-wized .quick-link-inner .links.margin-left-70 { margin-left: 0; margin-right: 70px; } [dir=rtl] .rts-banner-area-9 .image-right-absolute { right: auto; left: 0; } [dir=rtl] .pl--30 { padding-right: 30px; padding-left: unset; } [dir=rtl] .about-6-thumbnail-left-wrapper { margin-right: -70px; margin-left: 0; } [dir=rtl] .rts-banner-area-9 .title { text-align: right !important; direction: ltr; } [dir=rtl] .rts-banner-area-9 .title .split-line { text-align: right !important; } @media only screen and (max-width: 767px) { [dir=rtl] .rts-copy-right-1 .copyright-h-2-wrapper .right { margin-left: auto; } } [dir=rtl] .single-service-nine .icon i::before { content: "\f060"; } [dir=rtl] .col-lg-6.pl--50.pl_sm--10.mt_md--50.mt_sm--50.pb_md--50.pb_sm--40 { padding-right: 50px; padding-left: 0; } [dir=rtl] .rts-banner-ten-area .chart-image .one { left: 317px; right: auto; } [dir=rtl] .rts-banner-ten-area .chart-image .two { right: 52%; left: auto; } [dir=rtl] .cta-style-10-wrapper .right-side form button { left: 10px; right: auto; } [dir=rtl] .cta-style-10-wrapper .right-side form input { padding-left: 200px; padding-right: 12px; } [dir=rtl] .footer-8-area-bg .footer-one-single-wized .quick-link-inner .links li a i { margin-left: 12px; margin-right: 0; } [dir=rtl] .footer-8-area-bg .footer-one-single-wized .quick-link-inner .links li a i::before { content: "\f060"; } [dir=rtl] .rts-service-main-wrapper-10 .signle-service-style-10 .content-area-wrapper .arrow-right-btn i::before { content: "\f060"; } [dir=rtl] .title-style-10.left { text-align: right; } [dir=rtl] .title-style-10.left .split-line { text-align: right !important; } [dir=rtl] .thumbnail-about-10-wrapper .top-counter-area { right: -70px; left: auto; } [dir=rtl] .banner-inner-content-12 .title { text-align: right; } [dir=rtl] .banner-inner-content-12 .title .split-line { text-align: right !important; } [dir=rtl] .banner-inner-content-12 .pre { justify-content: end; } [dir=rtl] .banner-inner-content-12 p.disc { margin-left: auto; margin-right: 0; text-align: end; } [dir=rtl] .banner-inner-content-12 .button-wrapper { justify-content: end; } [dir=rtl] .title-style-10 .title { direction: ltr; } [dir=rtl] .rts-banner-area-start-11 .circle-text-main { left: 282px; right: auto; } [dir=rtl] .cta-inner-content-inner-page form button.rts-btn { right: auto; left: 10px; } [dir=rtl] .rts-breadcrumb-area .title-area-left .title { direction: ltr; } [dir=rtl] .rts-single-wized .single-categories li a i::before { content: "\f177"; } @media only screen and (max-width: 575px) { [dir=rtl] .single-working-process-one .inner-content .number { right: 10px; } } [dir=rtl] .rts-single-wized.download .single-download-area a.rts-btn i::before { content: "\f060"; } [dir=rtl] .banner-inner-service-details-1.large-height .title-area-left { text-align: right; direction: ltr; } [dir=rtl] .banner-inner-service-details-1.large-height .title-area-left .split-line { text-align: right !important; } [dir=rtl] .col-lg-6.pl--35.pl_sm--15.mt_md--30.mt_sm--50 { padding-right: 35px; padding-left: 0; } [dir=rtl] .team-details-right-inner .team-details-support-wrapper .support-innner { margin-left: 0; margin-right: 20px; } [dir=rtl] .education-skill-wrapper .number-area p { margin-right: 19px; line-height: 0.8; } [dir=rtl] .progress-circle-main-wrapper .single-progress-area::after { display: none; } [dir=rtl] .company-history-main-wrapper .single-company-history .left .title::after { left: -20px; right: auto; } [dir=rtl] .title-style-two .title { direction: ltr; text-align: right; } [dir=rtl] .title-style-two .title .split-line { text-align: right; } [dir=rtl] .author-area-blog .thumbnail { margin-right: 0; margin-left: 30px; } [dir=rtl] .details-share button { margin-right: 23px; margin-left: 0; } [dir=rtl] .rts-single-wized .wized-body .rts-search-wrapper button { left: 0; right: auto; } [dir=rtl] .rts-single-wized .wized-body .rts-search-wrapper input { padding-left: 70px; padding-right: 25px; } [dir=rtl] .single-open-career .left-side .title span { right: auto; left: -58%; } [dir=rtl] .partner-breadcrumb .title-area-left * { color: #fff; direction: ltr; } [dir=rtl] .ms-single-product__content { padding-right: 3rem; padding-left: 0; } [dir=rtl] button#menu-btn { margin-right: 0; margin-left: 0; } [dir=rtl] .header-top-area-wrapper .header-top-one-wrapper .right .social-wrapper-one { margin-right: 30px; position: relative; margin-left: 0; } [dir=rtl] .social-wrapper-one li a { margin-left: 20px; margin-right: 0; } [dir=rtl] .social-wrapper-one::after { right: -25px; left: auto; } [dir=rtl] .header-top-area-wrapper .header-top-one-wrapper .right .top-nav li { margin-right: 0; margin-left: 20px; } [dir=rtl] .header-top-area-wrapper .header-top-one-wrapper .left .mail a { margin-left: 50px; margin-right: 0; } [dir=rtl] .header-top-area-wrapper .header-top-one-wrapper .left .mail::after { left: 25px; right: unset; } [dir=rtl] .faq-wrapper-inner-page .accordion-item .accordion-header button::after { margin-right: auto; margin-left: 0; } [dir=rtl] .banner-inner-service-details-1 .title { text-align: right; direction: ltr; } [dir=rtl] .banner-inner-service-details-1 .title .split-line { text-align: right !important; } [dir=rtl] .col-lg-4.pl--20.pl_md--0.pl_sm--0 { padding-left: 0; padding-right: 20px; } [dir=rtl] .faq-inner-wrapper-one .accordion-item .accordion-header button::after { margin-right: auto; margin-left: 0; } [dir=rtl] .pagination button { margin-left: 10px; margin-right: 0; } [dir=rtl] .rts-single-wized .recent-post-single .thumbnail { margin-left: 20px; margin-right: 0; } [dir=rtl] .rts-single-wized .recent-post-single .user span { margin-right: 9px; margin-left: 0; } [dir=rtl] .search-input-area .search-input-inner .input-div button { border-radius: 5px 0 0 5px; } [dir=rtl] .search-input-area .search-close-icon { left: 38px; right: unset; } [dir=rtl] .boosting-business-right-area .feature-one-wrapper .single-feature-one i { margin-left: 15px; margin-right: 0; } [dir=rtl] section.main-wrapper-sticky .sticky-statement .right .arrow i, [dir=rtl] .rts-blog-h-2-wrapper .body .rts-read-more i, [dir=rtl] .header-five .header-top-three .top-left a i, [dir=rtl] .top-transparent-header .header-top-area-wrapper .header-top-one-wrapper .right p a i { transform: scaleX(-1); } [dir=rtl] .project-content-left-5, [dir=rtl] .testimonails-8-mian-wrapper .testimonails-inner-content { direction: rtl !important; margin-left: auto; } @media (min-width: 992px) { [dir=rtl] .offset-lg-1 { margin-right: 8.33333333%; margin-left: 0%; } } [dir=rtl] .about-content-inner-five .about-single-home-7::after { right: 30px; left: unset; } [dir=rtl] li.has-dropdown .submenu li a { text-align: right; } [dir=rtl] .single-working-process-one .left .icon::after { right: auto; left: -8px; } [dir=rtl] .rts-read-more i { margin-right: 0; margin-left: 12px; } [dir=rtl] .footer-six .rts-cta-wrapper .background-cta .cta-input-arae button { right: auto; left: 92px; } @media only screen and (max-width: 991px) { [dir=rtl] .footer-six .rts-cta-wrapper .background-cta .cta-input-arae button { left: 10px; } } [dir=rtl] .cta-main-area-wrapper-one .right-area .inpur-area-main button { left: 10px; right: auto; } [dir=rtl] .cta-main-area-wrapper-one .right-area .inpur-area-main input { padding-right: 15px; padding-left: 200px; } [dir=rtl] .footer-six .rts-cta-wrapper .background-cta .cta-input-arae input { padding: 0 25px 0 186px; } [dir=rtl] .footer-six .footer-one-single-wized .post-wrapper .single-footer-post .left-thumbnail { margin-right: 0px; margin-left: 20px; } [dir=rtl] .rts-banner-accountent-two .banner-accountent-content { padding: 45px 51px; border-radius: 30px 7px 7px 30px; border-right: 7px solid var(--color-primary); border-left: none; } [dir=rtl] .single-working-process-one .inner-content .number-main { right: 0; left: auto; } [dir=rtl] .pricing-wrapper-one .pricing-body .single-pricing .icon { margin-right: 0; margin-left: 15px; } [dir=rtl] .single-service-signle-wrapper .information .arrow-right i { transform: scaleX(-1); } [dir=rtl] .single-service-style-three::after { z-index: -1; right: -0.5%; bottom: -0.5%; top: -0.5%; left: 0; } [dir=rtl] .pl-lg-5 { padding-right: 4rem !important; padding-left: 0 !important; } [dir=rtl] .ms-checkout-review-order-table .ms-checkout-product .ms-checkout-product__thumbnail img { margin-right: 0; margin-left: 20px; } [dir=rtl] .ms-checkout-review-order-table tfoot th { text-align: right; } [dir=rtl] .ms-checkout-review-order-table tfoot td { text-align: left; } [dir=rtl] .coupon-toggle .accordion .card .card-body .coupon-code-input { float: right; } [dir=rtl] .coupon-toggle .accordion .card .card-body .coupon-code-input input, [dir=rtl] .cart-page .ms-single-product__content #coupon_code, [dir=rtl] .cart-page .ms-woocommerce-cart-form-wrapper #coupon_code { border-radius: 0 15px 15px 0; } [dir=rtl] .coupon-toggle .accordion .card .card-body p { text-align: right; } [dir=rtl] .coupon-toggle .accordion .card .card-body button, [dir=rtl] .ms-single-product__content .coupon .button, [dir=rtl] .ms-woocommerce-cart-form-wrapper .coupon .button { border-radius: 15px 0 0 15px; } [dir=rtl] .cart-page .ms-single-product__content .ms-cart-totals .shop_table td .woocommerce-Price-amount, [dir=rtl] .cart-page .ms-woocommerce-cart-form-wrapper .ms-cart-totals .shop_table td .woocommerce-Price-amount { text-align: left; display: block; } @media (min-width: 768px) { [dir=rtl] .offset-md-7 { margin-right: 58.33333333%; margin-left: 0; } } [dir=rtl] .header-top-area-wrapper .header-top-one-wrapper .left .mail a i { margin-left: 6px; margin-right: 0; } [dir=rtl] .header-five .button-area-wrapper #menu-btn { margin-right: 0 !important; } [dir=rtl] .header-five .button-area-wrapper { padding-left: 57px; padding-right: 0; } [dir=rtl] .header-five .header-top-right { margin-right: 0; margin-left: 30px; } [dir=rtl] .header-five .header-top-right .email, [dir=rtl] .header-five .header-top-right .call { margin-right: 0; margin-left: 30px; } [dir=rtl] .header-five .header-top-right .email i, [dir=rtl] .header-five .header-top-right .call i { margin-right: 0; margin-left: 10px; } [dir=rtl] .header-five .header-top-three .top-left { padding-left: 0; padding-right: 50px; } [dir=rtl] .banner-contact-form-five { margin-left: unset; margin-right: -86px; } @media only screen and (max-width: 991px) { [dir=rtl] .banner-contact-form-five { margin-right: 0; } } [dir=rtl] .pr--70 { padding-left: 70px; padding-right: 0; } @media only screen and (max-width: 767px) { [dir=rtl] .pr_sm--0 { padding-left: 0; } } @media only screen and (max-width: 991px) { [dir=rtl] .about-content-inner-five { padding-right: 15px; padding-left: unset; } } [dir=rtl] .counter-main-wrapper-area-start-6 .single-counter-area-main:last-child { border-right: 1px solid rgba(32, 40, 45, 0.1294117647); } [dir=rtl] .banner-seven-swiper-wrapper .email-area-left::after { top: 148px; bottom: unset; } [dir=rtl] .thumbnail-working-procss-one img { margin-left: 0; margin-right: 50px; } [dir=rtl].demo-technology .thumbnail-working-procss-one img { margin-left: 50px; margin-right: 0; } [dir=rtl].demo-technology .single-working-process-one .inner-content { padding: 15px 50px 15px 5px; } [dir=rtl].demo-technology .faq-wrapper-inner-page .accordion-item .accordion-header button { text-align: right; } @media only screen and (max-width: 767px) { [dir=rtl] .thumbnail-working-procss-one img { margin-right: 0; } } [dir=rtl] .rts-banner-area-eight .banner-shape-area { left: unset; right: 28%; } [dir=rtl] .pl--60 { padding-right: 60px; padding-left: 0; } [dir=rtl] .rts-subscribe-area-8 form button { right: auto; left: 10px; } [dir=rtl] .rts-fun-facts-area-8 .modern-funfacts-area-wrapper { margin-right: -30px; padding-left: 20px; padding-right: unset; margin-left: auto; } [dir=rtl] .counter-modern-lfun-facts-wrapper { margin-left: auto; margin-right: -50px; } [dir=rtl] .appoinment-area-9 { border-radius: 10px 0 0 10px; } [dir=rtl] .thumbnail-appoinment-9 img { transform: scaleX(-1); } [dir=rtl] .about-area-wrapper-content-10 p.disc { padding-left: 0; padding-right: 70px; } [dir=rtl] .about-area-wrapper-content-10 p.disc::after { right: 0; left: unset; } [dir=rtl] .about-area-wrapper-content-10 .single-progress .progress { flex-direction: row-reverse; } [dir=rtl] .testimonials-main-wrapper-two .right-content-testimonials { padding-right: 30px; padding-left: 0; } @media only screen and (max-width: 991px) { [dir=rtl] .appoinment-thumbnail { margin-right: 0; } } [dir=rtl] .thumbnail-accountent-why-choose .counter-about-area { top: 50px; right: -75px; left: auto; } @media only screen and (max-width: 575px) { [dir=rtl] .thumbnail-accountent-why-choose .counter-about-area { right: -10px; } } [dir=rtl] .mega-menu-item.with-list li a span { left: 27%; right: auto; } [dir=rtl] .testimonails-8-mian-wrapper .testimonails-inner-content p.disc { text-align: right; } [dir=rtl] .rts-blog-h-2-wrapper { direction: rtl; } [dir=rtl] .rts-blog-h-2-wrapper .body .rts-read-more i { margin-left: 10px; } [dir=rtl] .single-blog-area-one.without-radious, [dir=rtl] .single-testimonials-style-five { direction: rtl; } [dir=rtl] .title-area-between-hr .title-area-hr-left .title { direction: ltr; text-align: right; } [dir=rtl] .title-area-between-hr .title-area-hr-left .title .split-line { text-align: right !important; } [dir=rtl] .rts-blog-h-2-wrapper .body .rts-read-more { color: #1C2539; display: flex; flex-direction: row-reverse; text-align: right; direction: rtl; margin-left: auto; align-items: center; justify-content: flex-end; gap: 15px; } [dir=rtl].full-screen-slider-demo .footer-two-single-wized { direction: rtl; } [dir=rtl].full-screen-slider-demo .about-6-thumbnail-left-wrapper { margin-right: 0; margin-left: -70px; } [dir=rtl].full-screen-slider-demo .about-6-inner-content-content .title-style-one .pre { margin-left: auto; } [dir=rtl].full-screen-slider-demo .swiper-slide-active .rts-banner-area-start-11 .about-6-inner-content-content .rts-btn { margin-left: auto; } [dir=rtl] .pricing-wrapper-one .plane-process { right: 13%; left: auto; } [dir=rtl] .rts-breadcrumb-area .title-area-left .title { direction: rtl; } [dir=rtl] .rts-breadcrumb-area .title-area-left .title .split-line { direction: ltr; text-align: right !important; } [dir=rtl] .blog-single-post-listing .blog-listing-content .user-info .single { margin-left: 30px; margin-right: 0; } [dir=rtl] .blog-single-post-listing .blog-listing-content .user-info .single i { margin-left: 10px; margin-right: 0; } [dir=rtl] .pagination button:last-child i { transform: scaleX(-1); } [dir=rtl] .details-tag h6 { margin-left: 15px; margin-right: 0; } [dir=rtl] .progress-wrap { right: auto; left: 30px; } [dir=rtl] li.has-dropdown .submenu { right: 0; left: auto; } [dir=rtl] .banner-inner-service-details-1.large-height .title-area-left { left: 0; transform: none; margin: auto; } @media (min-width: 992px) { [dir=rtl].service-details-page .offset-lg-2 { margin-right: 16.66666667%; } } [dir=rtl] .rts-service-details-area-main-bottom .pl--50 { padding-right: 50px; padding-left: 0 !important; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { [dir=rtl] .rts-service-details-area-main-bottom .pl--50 { padding-right: 50px; padding-left: 0 !important; } } @media only screen and (max-width: 1199px) { [dir=rtl] .rts-service-details-area-main-bottom .pl--50 { padding-left: 0 !important; padding-right: 10px !important; } } [dir=rtl] .footer-six .rts-cta-wrapper .background-cta .cta-left-wrapepr { margin-left: 0; margin-right: 80px; padding: 45px 0; } [dir=rtl] .rts-about-area-start-six .pr--40 { padding-left: 40px; padding-right: 0; } [dir=rtl] .single-testimonials-6 { direction: rtl; } [dir=rtl] .rts-client-reviews-h2 { direction: rtl; } [dir=rtl] .rts-client-reviews-h2 .disc { text-align: right !important; } [dir=rtl] .single-case-studies-four, [dir=rtl] .single-testimonials-style-five, [dir=rtl] .testimonails-area-seven, [dir=rtl] .single-blog-area-one .without-radious, [dir=rtl] .single-testimonials-style-five, [dir=rtl] .testimonials-main-wrapper-two { direction: rtl; } [dir=rtl] .education-skill-wrapper .number-area { right: -4%; left: auto; } [dir=rtl].page-wrapper-business-coach .thumbnail-working-procss-one img { margin-right: 0; padding-right: 0; padding-left: 30px; } [dir=rtl].page-wrapper-business-coach .header-transparent.header--sticky.sticky { width: calc(100% - 99px); transform: translateX(50%); right: 50%; left: auto; } [dir=rtl] .single-blog-area-four .inner-content { right: 30px; left: auto; } [dir=rtl] .banner-area-seo-agency .bottom-right-image { right: auto; left: 0; } /* demos */ .header-transparent.in-full-screen .container { max-width: 1651px; margin: auto; } .full-screen-height { height: 100vh; display: flex; align-items: center; } @media only screen and (max-width: 575px) { .full-screen-height { height: 100vh; } } .color-white-title * { color: #fff; } .rts-banner-area-start-11 { background-image: url(../images/banner/14.webp); position: relative; } .rts-banner-area-start-11.two { background-image: url(../images/banner/15.webp); } .rts-banner-area-start-11.three { background-image: url(../images/banner/16.webp); } .rts-banner-area-start-11.four { background-image: url(../images/banner/17.webp); } .rts-banner-area-start-11.five { background-image: url(../images/banner/18.webp); } .rts-banner-area-start-11.six { background-image: url(../images/banner/19.webp); } .rts-banner-area-start-11 .circle-text-main { position: absolute; right: 282px; top: 64%; transform: translateY(-50%); max-width: max-content; left: auto; } @media only screen and (max-width: 1199px) { .rts-banner-area-start-11 .circle-text-main { right: 120px; top: 76%; } } @media only screen and (max-width: 575px) { .rts-banner-area-start-11 .circle-text-main { display: none; } } .rts-banner-area-start-11 .circle-text-main .circle { width: 255px; height: 255px; background: var(--color-primary); } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-banner-area-start-11 .circle-text-main .circle { display: none; } } @media only screen and (max-width: 767px) { .rts-banner-area-start-11 .circle-text-main .circle { display: none; } } .rts-banner-area-start-11 .circle-text-main .circle .logo img { max-width: max-content; } .rts-banner-area-start-11 .circle-text-main .circle * { color: #fff; } .rts-banner-area-start-11 .circle-text-main .text span { position: absolute; left: 50%; transform-origin: 0 126px; } .rts-banner-area-start-11 .circle-text-main .text-1 span { position: absolute; left: 50%; transform-origin: 0 126px; } .swiper-slide-active .rts-banner-area-start-11 .about-6-inner-content-content .title-style-one { animation: fadeInUp-small 0.5s; animation-delay: 0s; animation-duration: 1s; } .swiper-slide-active .rts-banner-area-start-11 .about-6-inner-content-content p.disc { animation: fadeInUp-small 1s; animation-delay: 0s; animation-duration: 1s; } .swiper-slide-active .rts-banner-area-start-11 .about-6-inner-content-content .call-and-sign-area { animation: fadeInUp-small 1.5s; animation-delay: 0s; animation-duration: 1s; } .swiper-slide-active .rts-banner-area-start-11 .about-6-inner-content-content .rts-btn { animation: fadeInUp-small 2s; animation-delay: 0s; animation-duration: 1s; } .swiper-slide-active .rts-banner-area-start-11 .about-6-thumbnail-left-wrapper { animation: fadeInLeft 1.5s; } .swiper-slide-active .rts-banner-area-start-11 .client-three-wrapper .single { animation: zoomIn 1.5s; } .swiper-slide-active .rts-banner-area-start-11 .banner-inner-content-12 { animation: fadeInLeft 1.5s; } .full-screen-slider-demo .title-style-10 .title { font-size: 44px; margin-top: 10px; } .full-screen-slider-demo .about-6-inner-content-content .title-style-one *, .full-screen-slider-demo .about-6-inner-content-content .call-area * { color: #fff !important; } .full-screen-slider-demo .about-6-inner-content-content p.disc { color: #fff; } @media only screen and (max-width: 991px) { .full-screen-slider-demo .about-6-thumbnail-left-wrapper { display: none; } } @media only screen and (max-width: 575px) { .full-screen-slider-demo .header-transparent-main-wrapper .logo img { max-width: 140px; } } .testimonials-full-screen-area-wrapper { max-width: 1076px; margin: auto; display: flex; align-items: center; gap: 90px; } @media only screen and (max-width: 575px) { .testimonials-full-screen-area-wrapper { flex-direction: column; align-items: flex-start; } } @media only screen and (max-width: 575px) { .testimonials-full-screen-area-wrapper { gap: 0; } } .testimonials-full-screen-area-wrapper .circle-text-main .circle { background: transparent; } .testimonials-full-screen-area-wrapper .left-circle-text .circle-text-main { position: static; left: auto; right: auto; transform: none; } .testimonials-full-screen-area-wrapper .right-text-area-main-wrapper p.disc { font-size: 36px; line-height: 46px; color: #fff; margin-bottom: 55px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonials-full-screen-area-wrapper .right-text-area-main-wrapper p.disc { font-size: 24px; line-height: 1.5; } } @media only screen and (max-width: 575px) { .testimonials-full-screen-area-wrapper .right-text-area-main-wrapper p.disc { font-size: 20px; } } .testimonials-full-screen-area-wrapper .right-text-area-main-wrapper .avatar-user-area { display: flex; align-items: center; gap: 29px; } .testimonials-full-screen-area-wrapper .right-text-area-main-wrapper .avatar-user-area .information-wrapper .title { margin: 0; font-size: 22px; color: #fff; margin-bottom: 10px; } .testimonials-full-screen-area-wrapper .right-text-area-main-wrapper .avatar-user-area .information-wrapper p { margin: 0; color: #B4B6B7; } .testimonials-full-screen-area-wrapper .right-text-area-main-wrapper .avatar-user-area .information-wrapper p span { font-weight: 600; color: #fff; } @media only screen and (max-width: 575px) { .d-sm--none { display: none; } } .blog-area-full-screen .single-blog-area-one * { color: #fff; } .blog-area-full-screen .single-blog-area-one .title { border-top: 1px solid rgb(170, 170, 170); padding-top: 20px; } .blog-area-full-screen .mySwiper-blog-one { padding-bottom: 0; } .blog-area-full-screen .swiper-pagination { display: none; } .blog-area-full-screen .swiper-pagination * { background: #fff; } .blog-area-full-screen .single-blog-area-one .bottom-details { border-top: none; } .footer-area-full-screen .footer-two-single-wized.left .title, .footer-area-full-screen .footer-two-single-wized.left p.disc { color: #fff; } .footer-area-full-screen .footer-two-single-wized.two .wized-title-area .wized-title { color: #FFFFFF; } .footer-area-full-screen .footer-two-single-wized.two ul li a { color: #E8E8E8; } .footer-area-full-screen .footer-two-single-wized .wized-title-area .wized-title { color: #FFFFFF; } .footer-area-full-screen .footer-two-single-wized .wized-2-body .contact-info-1 .disc span { color: #fff; } .footer-area-full-screen .footer-two-single-wized .wized-2-body .contact-info-1 .disc a { color: #B3B7C1; } .full-screen-demo-swiper-main-wrapper .swiper-pagination { bottom: 35px; } .full-screen-demo-swiper-main-wrapper .swiper-pagination .swiper-pagination-bullet { height: 14px; width: 14px; background: rgba(255, 255, 255, 0.5254901961); } .full-screen-demo-swiper-main-wrapper .swiper-pagination .swiper-pagination-bullet-active { background-image: url(../images/footer/bullet.png); height: 48px; width: 48px; background-position: center; background-size: contain; background-color: transparent; } @media only screen and (max-width: 575px) { .full-screen-demo-swiper-main-wrapper .client-three-wrapper .single { width: 140px; } .full-screen-demo-swiper-main-wrapper .client-three-wrapper .single img { max-width: 96px; } } @media only screen and (max-width: 575px) { header.header-transparent.in-full-screen { padding: 10px 0; } } header.header-transparent.in-full-screen .action-area { display: flex; align-items: center; } header.header-transparent.in-full-screen .action-area .menu-btn { display: none !important; } @media only screen and (max-width: 1199px) { header.header-transparent.in-full-screen .action-area .menu-btn { display: block !important; } } .mt-dec-blog-list { margin-top: -177px; } @media only screen and (max-width: 767px) { .mt-dec-blog-list { margin-top: -120px; } } /*========================= Section Separation ==========================*/ .mb_dec--25 { margin-bottom: -25px; } .mb_dec--30 { margin-bottom: -30px; } .m--0 { margin: 0; } .rts-section-gap { padding: 120px 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-section-gap { padding: 80px 0; } } @media only screen and (max-width: 767px) { .rts-section-gap { padding: 60px 0; } } .rts-section-gapBottom { padding-bottom: 120px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-section-gapBottom { padding-bottom: 80px; } } @media only screen and (max-width: 767px) { .rts-section-gapBottom { padding-bottom: 60px; } } .rts-section-gapTop { padding-top: 120px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-section-gapTop { padding-top: 70px; } } @media only screen and (max-width: 767px) { .rts-section-gapTop { padding-top: 60px; } } .rts-section-gap2 { padding: 100px 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-section-gap2 { padding: 80px 0; } } @media only screen and (max-width: 767px) { .rts-section-gap2 { padding: 60px 0; } } .rts-section-gap2Bottom { padding-bottom: 100px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-section-gap2Bottom { padding-bottom: 80px; } } @media only screen and (max-width: 767px) { .rts-section-gap2Bottom { padding-bottom: 60px; } } .rts-section-gap2Top { padding-top: 100px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-section-gap2Top { padding-top: 70px; } } @media only screen and (max-width: 767px) { .rts-section-gap2Top { padding-top: 60px; } } .rts-section-gap3 { padding: 150px 0; } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-section-gap3 { padding: 80px 0; } } @media only screen and (max-width: 767px) { .rts-section-gap3 { padding: 60px 0; } } .rts-section-gap3Bottom { padding-bottom: 150px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-section-gap3Bottom { padding-bottom: 80px; } } @media only screen and (max-width: 767px) { .rts-section-gap3Bottom { padding-bottom: 60px; } } .rts-section-gap3Top { padding-top: 150px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .rts-section-gap3Top { padding-top: 70px; } } @media only screen and (max-width: 767px) { .rts-section-gap3Top { padding-top: 60px; } } .pl--0 { padding-left: 0; } .pr--0 { padding-right: 0; } .pt--0 { padding-top: 0; } .pb--0 { padding-bottom: 0; } .mr--0 { margin-right: 0; } .ml--0 { margin-left: 0; } .mt--0 { margin-top: 0; } .mb--0 { margin-bottom: 0; } .ptb--5 { padding: 5px 0; } .plr--5 { padding: 0 5px; } .pt--5 { padding-top: 5px; } .pb--5 { padding-bottom: 5px; } .pl--5 { padding-left: 5px; } .pr--5 { padding-right: 5px; } .mt--5 { margin-top: 5px; } .mb--5 { margin-bottom: 5px; } .mr--5 { margin-right: 5px; } .ml--5 { margin-left: 5px; } .ptb--10 { padding: 10px 0; } .plr--10 { padding: 0 10px; } .pt--10 { padding-top: 10px; } .pb--10 { padding-bottom: 10px; } .pl--10 { padding-left: 10px; } .pr--10 { padding-right: 10px; } .mt--10 { margin-top: 10px; } .mb--10 { margin-bottom: 10px; } .mr--10 { margin-right: 10px; } .ml--10 { margin-left: 10px; } .ptb--15 { padding: 15px 0; } .plr--15 { padding: 0 15px; } .pt--15 { padding-top: 15px; } .pb--15 { padding-bottom: 15px; } .pl--15 { padding-left: 15px; } .pr--15 { padding-right: 15px; } .mt--15 { margin-top: 15px; } .mb--15 { margin-bottom: 15px; } .mr--15 { margin-right: 15px; } .ml--15 { margin-left: 15px; } .ptb--20 { padding: 20px 0; } .plr--20 { padding: 0 20px; } .pt--20 { padding-top: 20px; } .pb--20 { padding-bottom: 20px; } .pl--20 { padding-left: 20px; } .pr--20 { padding-right: 20px; } .mt--20 { margin-top: 20px; } .mb--20 { margin-bottom: 20px; } .mr--20 { margin-right: 20px; } .ml--20 { margin-left: 20px; } .ptb--25 { padding: 25px 0; } .plr--25 { padding: 0 25px; } .pt--25 { padding-top: 25px; } .pb--25 { padding-bottom: 25px; } .pl--25 { padding-left: 25px; } .pr--25 { padding-right: 25px; } .mt--25 { margin-top: 25px; } .mb--25 { margin-bottom: 25px; } .mr--25 { margin-right: 25px; } .ml--25 { margin-left: 25px; } .ptb--30 { padding: 30px 0; } .plr--30 { padding: 0 30px; } .pt--30 { padding-top: 30px; } .pb--30 { padding-bottom: 30px; } .pl--30 { padding-left: 30px; } .pr--30 { padding-right: 30px; } .mt--30 { margin-top: 30px; } .mb--30 { margin-bottom: 30px; } .mr--30 { margin-right: 30px; } .ml--30 { margin-left: 30px; } .ptb--35 { padding: 35px 0; } .plr--35 { padding: 0 35px; } .pt--35 { padding-top: 35px; } .pb--35 { padding-bottom: 35px; } .pl--35 { padding-left: 35px; } .pr--35 { padding-right: 35px; } .mt--35 { margin-top: 35px; } .mb--35 { margin-bottom: 35px; } .mr--35 { margin-right: 35px; } .ml--35 { margin-left: 35px; } .ptb--40 { padding: 40px 0; } .plr--40 { padding: 0 40px; } .pt--40 { padding-top: 40px; } .pb--40 { padding-bottom: 40px; } .pl--40 { padding-left: 40px; } .pr--40 { padding-right: 40px; } .mt--40 { margin-top: 40px; } .mb--40 { margin-bottom: 40px; } .mr--40 { margin-right: 40px; } .ml--40 { margin-left: 40px; } .ptb--45 { padding: 45px 0; } .plr--45 { padding: 0 45px; } .pt--45 { padding-top: 45px; } .pb--45 { padding-bottom: 45px; } .pl--45 { padding-left: 45px; } .pr--45 { padding-right: 45px; } .mt--45 { margin-top: 45px; } .mb--45 { margin-bottom: 45px; } .mr--45 { margin-right: 45px; } .ml--45 { margin-left: 45px; } .ptb--50 { padding: 50px 0; } .plr--50 { padding: 0 50px; } .pt--50 { padding-top: 50px; } .pb--50 { padding-bottom: 50px; } .pl--50 { padding-left: 50px; } .pr--50 { padding-right: 50px; } .mt--50 { margin-top: 50px; } .mb--50 { margin-bottom: 50px; } .mr--50 { margin-right: 50px; } .ml--50 { margin-left: 50px; } .ptb--55 { padding: 55px 0; } .plr--55 { padding: 0 55px; } .pt--55 { padding-top: 55px; } .pb--55 { padding-bottom: 55px; } .pl--55 { padding-left: 55px; } .pr--55 { padding-right: 55px; } .mt--55 { margin-top: 55px; } .mb--55 { margin-bottom: 55px; } .mr--55 { margin-right: 55px; } .ml--55 { margin-left: 55px; } .ptb--60 { padding: 60px 0; } .plr--60 { padding: 0 60px; } .pt--60 { padding-top: 60px; } .pb--60 { padding-bottom: 60px; } .pl--60 { padding-left: 60px; } .pr--60 { padding-right: 60px; } .mt--60 { margin-top: 60px; } .mb--60 { margin-bottom: 60px; } .mr--60 { margin-right: 60px; } .ml--60 { margin-left: 60px; } .ptb--65 { padding: 65px 0; } .plr--65 { padding: 0 65px; } .pt--65 { padding-top: 65px; } .pb--65 { padding-bottom: 65px; } .pl--65 { padding-left: 65px; } .pr--65 { padding-right: 65px; } .mt--65 { margin-top: 65px; } .mb--65 { margin-bottom: 65px; } .mr--65 { margin-right: 65px; } .ml--65 { margin-left: 65px; } .ptb--70 { padding: 70px 0; } .plr--70 { padding: 0 70px; } .pt--70 { padding-top: 70px; } .pb--70 { padding-bottom: 70px; } .pl--70 { padding-left: 70px; } .pr--70 { padding-right: 70px; } .mt--70 { margin-top: 70px; } .mb--70 { margin-bottom: 70px; } .mr--70 { margin-right: 70px; } .ml--70 { margin-left: 70px; } .ptb--75 { padding: 75px 0; } .plr--75 { padding: 0 75px; } .pt--75 { padding-top: 75px; } .pb--75 { padding-bottom: 75px; } .pl--75 { padding-left: 75px; } .pr--75 { padding-right: 75px; } .mt--75 { margin-top: 75px; } .mb--75 { margin-bottom: 75px; } .mr--75 { margin-right: 75px; } .ml--75 { margin-left: 75px; } .ptb--80 { padding: 80px 0; } .plr--80 { padding: 0 80px; } .pt--80 { padding-top: 80px; } .pb--80 { padding-bottom: 80px; } .pl--80 { padding-left: 80px; } .pr--80 { padding-right: 80px; } .mt--80 { margin-top: 80px; } .mb--80 { margin-bottom: 80px; } .mr--80 { margin-right: 80px; } .ml--80 { margin-left: 80px; } .ptb--85 { padding: 85px 0; } .plr--85 { padding: 0 85px; } .pt--85 { padding-top: 85px; } .pb--85 { padding-bottom: 85px; } .pl--85 { padding-left: 85px; } .pr--85 { padding-right: 85px; } .mt--85 { margin-top: 85px; } .mb--85 { margin-bottom: 85px; } .mr--85 { margin-right: 85px; } .ml--85 { margin-left: 85px; } .ptb--90 { padding: 90px 0; } .plr--90 { padding: 0 90px; } .pt--90 { padding-top: 90px; } .pb--90 { padding-bottom: 90px; } .pl--90 { padding-left: 90px; } .pr--90 { padding-right: 90px; } .mt--90 { margin-top: 90px; } .mb--90 { margin-bottom: 90px; } .mr--90 { margin-right: 90px; } .ml--90 { margin-left: 90px; } .ptb--95 { padding: 95px 0; } .plr--95 { padding: 0 95px; } .pt--95 { padding-top: 95px; } .pb--95 { padding-bottom: 95px; } .pl--95 { padding-left: 95px; } .pr--95 { padding-right: 95px; } .mt--95 { margin-top: 95px; } .mb--95 { margin-bottom: 95px; } .mr--95 { margin-right: 95px; } .ml--95 { margin-left: 95px; } .ptb--100 { padding: 100px 0; } .plr--100 { padding: 0 100px; } .pt--100 { padding-top: 100px; } .pb--100 { padding-bottom: 100px; } .pl--100 { padding-left: 100px; } .pr--100 { padding-right: 100px; } .mt--100 { margin-top: 100px; } .mb--100 { margin-bottom: 100px; } .mr--100 { margin-right: 100px; } .ml--100 { margin-left: 100px; } .ptb--105 { padding: 105px 0; } .plr--105 { padding: 0 105px; } .pt--105 { padding-top: 105px; } .pb--105 { padding-bottom: 105px; } .pl--105 { padding-left: 105px; } .pr--105 { padding-right: 105px; } .mt--105 { margin-top: 105px; } .mb--105 { margin-bottom: 105px; } .mr--105 { margin-right: 105px; } .ml--105 { margin-left: 105px; } .ptb--110 { padding: 110px 0; } .plr--110 { padding: 0 110px; } .pt--110 { padding-top: 110px; } .pb--110 { padding-bottom: 110px; } .pl--110 { padding-left: 110px; } .pr--110 { padding-right: 110px; } .mt--110 { margin-top: 110px; } .mb--110 { margin-bottom: 110px; } .mr--110 { margin-right: 110px; } .ml--110 { margin-left: 110px; } .ptb--115 { padding: 115px 0; } .plr--115 { padding: 0 115px; } .pt--115 { padding-top: 115px; } .pb--115 { padding-bottom: 115px; } .pl--115 { padding-left: 115px; } .pr--115 { padding-right: 115px; } .mt--115 { margin-top: 115px; } .mb--115 { margin-bottom: 115px; } .mr--115 { margin-right: 115px; } .ml--115 { margin-left: 115px; } .ptb--120 { padding: 120px 0; } .plr--120 { padding: 0 120px; } .pt--120 { padding-top: 120px; } .pb--120 { padding-bottom: 120px; } .pl--120 { padding-left: 120px; } .pr--120 { padding-right: 120px; } .mt--120 { margin-top: 120px; } .mb--120 { margin-bottom: 120px; } .mr--120 { margin-right: 120px; } .ml--120 { margin-left: 120px; } .ptb--125 { padding: 125px 0; } .plr--125 { padding: 0 125px; } .pt--125 { padding-top: 125px; } .pb--125 { padding-bottom: 125px; } .pl--125 { padding-left: 125px; } .pr--125 { padding-right: 125px; } .mt--125 { margin-top: 125px; } .mb--125 { margin-bottom: 125px; } .mr--125 { margin-right: 125px; } .ml--125 { margin-left: 125px; } .ptb--130 { padding: 130px 0; } .plr--130 { padding: 0 130px; } .pt--130 { padding-top: 130px; } .pb--130 { padding-bottom: 130px; } .pl--130 { padding-left: 130px; } .pr--130 { padding-right: 130px; } .mt--130 { margin-top: 130px; } .mb--130 { margin-bottom: 130px; } .mr--130 { margin-right: 130px; } .ml--130 { margin-left: 130px; } .ptb--135 { padding: 135px 0; } .plr--135 { padding: 0 135px; } .pt--135 { padding-top: 135px; } .pb--135 { padding-bottom: 135px; } .pl--135 { padding-left: 135px; } .pr--135 { padding-right: 135px; } .mt--135 { margin-top: 135px; } .mb--135 { margin-bottom: 135px; } .mr--135 { margin-right: 135px; } .ml--135 { margin-left: 135px; } .ptb--140 { padding: 140px 0; } .plr--140 { padding: 0 140px; } .pt--140 { padding-top: 140px; } .pb--140 { padding-bottom: 140px; } .pl--140 { padding-left: 140px; } .pr--140 { padding-right: 140px; } .mt--140 { margin-top: 140px; } .mb--140 { margin-bottom: 140px; } .mr--140 { margin-right: 140px; } .ml--140 { margin-left: 140px; } .ptb--145 { padding: 145px 0; } .plr--145 { padding: 0 145px; } .pt--145 { padding-top: 145px; } .pb--145 { padding-bottom: 145px; } .pl--145 { padding-left: 145px; } .pr--145 { padding-right: 145px; } .mt--145 { margin-top: 145px; } .mb--145 { margin-bottom: 145px; } .mr--145 { margin-right: 145px; } .ml--145 { margin-left: 145px; } .ptb--150 { padding: 150px 0; } .plr--150 { padding: 0 150px; } .pt--150 { padding-top: 150px; } .pb--150 { padding-bottom: 150px; } .pl--150 { padding-left: 150px; } .pr--150 { padding-right: 150px; } .mt--150 { margin-top: 150px; } .mb--150 { margin-bottom: 150px; } .mr--150 { margin-right: 150px; } .ml--150 { margin-left: 150px; } .ptb--155 { padding: 155px 0; } .plr--155 { padding: 0 155px; } .pt--155 { padding-top: 155px; } .pb--155 { padding-bottom: 155px; } .pl--155 { padding-left: 155px; } .pr--155 { padding-right: 155px; } .mt--155 { margin-top: 155px; } .mb--155 { margin-bottom: 155px; } .mr--155 { margin-right: 155px; } .ml--155 { margin-left: 155px; } .ptb--160 { padding: 160px 0; } .plr--160 { padding: 0 160px; } .pt--160 { padding-top: 160px; } .pb--160 { padding-bottom: 160px; } .pl--160 { padding-left: 160px; } .pr--160 { padding-right: 160px; } .mt--160 { margin-top: 160px; } .mb--160 { margin-bottom: 160px; } .mr--160 { margin-right: 160px; } .ml--160 { margin-left: 160px; } .ptb--165 { padding: 165px 0; } .plr--165 { padding: 0 165px; } .pt--165 { padding-top: 165px; } .pb--165 { padding-bottom: 165px; } .pl--165 { padding-left: 165px; } .pr--165 { padding-right: 165px; } .mt--165 { margin-top: 165px; } .mb--165 { margin-bottom: 165px; } .mr--165 { margin-right: 165px; } .ml--165 { margin-left: 165px; } .ptb--170 { padding: 170px 0; } .plr--170 { padding: 0 170px; } .pt--170 { padding-top: 170px; } .pb--170 { padding-bottom: 170px; } .pl--170 { padding-left: 170px; } .pr--170 { padding-right: 170px; } .mt--170 { margin-top: 170px; } .mb--170 { margin-bottom: 170px; } .mr--170 { margin-right: 170px; } .ml--170 { margin-left: 170px; } .ptb--175 { padding: 175px 0; } .plr--175 { padding: 0 175px; } .pt--175 { padding-top: 175px; } .pb--175 { padding-bottom: 175px; } .pl--175 { padding-left: 175px; } .pr--175 { padding-right: 175px; } .mt--175 { margin-top: 175px; } .mb--175 { margin-bottom: 175px; } .mr--175 { margin-right: 175px; } .ml--175 { margin-left: 175px; } .ptb--180 { padding: 180px 0; } .plr--180 { padding: 0 180px; } .pt--180 { padding-top: 180px; } .pb--180 { padding-bottom: 180px; } .pl--180 { padding-left: 180px; } .pr--180 { padding-right: 180px; } .mt--180 { margin-top: 180px; } .mb--180 { margin-bottom: 180px; } .mr--180 { margin-right: 180px; } .ml--180 { margin-left: 180px; } .ptb--185 { padding: 185px 0; } .plr--185 { padding: 0 185px; } .pt--185 { padding-top: 185px; } .pb--185 { padding-bottom: 185px; } .pl--185 { padding-left: 185px; } .pr--185 { padding-right: 185px; } .mt--185 { margin-top: 185px; } .mb--185 { margin-bottom: 185px; } .mr--185 { margin-right: 185px; } .ml--185 { margin-left: 185px; } .ptb--190 { padding: 190px 0; } .plr--190 { padding: 0 190px; } .pt--190 { padding-top: 190px; } .pb--190 { padding-bottom: 190px; } .pl--190 { padding-left: 190px; } .pr--190 { padding-right: 190px; } .mt--190 { margin-top: 190px; } .mb--190 { margin-bottom: 190px; } .mr--190 { margin-right: 190px; } .ml--190 { margin-left: 190px; } .ptb--195 { padding: 195px 0; } .plr--195 { padding: 0 195px; } .pt--195 { padding-top: 195px; } .pb--195 { padding-bottom: 195px; } .pl--195 { padding-left: 195px; } .pr--195 { padding-right: 195px; } .mt--195 { margin-top: 195px; } .mb--195 { margin-bottom: 195px; } .mr--195 { margin-right: 195px; } .ml--195 { margin-left: 195px; } .ptb--200 { padding: 200px 0; } .plr--200 { padding: 0 200px; } .pt--200 { padding-top: 200px; } .pb--200 { padding-bottom: 200px; } .pl--200 { padding-left: 200px; } .pr--200 { padding-right: 200px; } .mt--200 { margin-top: 200px; } .mb--200 { margin-bottom: 200px; } .mr--200 { margin-right: 200px; } .ml--200 { margin-left: 200px; } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .ptb_lp--5 { padding: 5px 0; } .plr_lp--5 { padding: 0 5px; } .pt_lp--5 { padding-top: 5px; } .pb_lp--5 { padding-bottom: 5px; } .pl_lp--5 { padding-left: 5px; } .pr_lp--5 { padding-right: 5px; } .mt_lp--5 { margin-top: 5px; } .mb_lp--5 { margin-bottom: 5px; } .ptb_lp--10 { padding: 10px 0; } .plr_lp--10 { padding: 0 10px; } .pt_lp--10 { padding-top: 10px; } .pb_lp--10 { padding-bottom: 10px; } .pl_lp--10 { padding-left: 10px; } .pr_lp--10 { padding-right: 10px; } .mt_lp--10 { margin-top: 10px; } .mb_lp--10 { margin-bottom: 10px; } .ptb_lp--15 { padding: 15px 0; } .plr_lp--15 { padding: 0 15px; } .pt_lp--15 { padding-top: 15px; } .pb_lp--15 { padding-bottom: 15px; } .pl_lp--15 { padding-left: 15px; } .pr_lp--15 { padding-right: 15px; } .mt_lp--15 { margin-top: 15px; } .mb_lp--15 { margin-bottom: 15px; } .ptb_lp--20 { padding: 20px 0; } .plr_lp--20 { padding: 0 20px; } .pt_lp--20 { padding-top: 20px; } .pb_lp--20 { padding-bottom: 20px; } .pl_lp--20 { padding-left: 20px; } .pr_lp--20 { padding-right: 20px; } .mt_lp--20 { margin-top: 20px; } .mb_lp--20 { margin-bottom: 20px; } .ptb_lp--25 { padding: 25px 0; } .plr_lp--25 { padding: 0 25px; } .pt_lp--25 { padding-top: 25px; } .pb_lp--25 { padding-bottom: 25px; } .pl_lp--25 { padding-left: 25px; } .pr_lp--25 { padding-right: 25px; } .mt_lp--25 { margin-top: 25px; } .mb_lp--25 { margin-bottom: 25px; } .ptb_lp--30 { padding: 30px 0; } .plr_lp--30 { padding: 0 30px; } .pt_lp--30 { padding-top: 30px; } .pb_lp--30 { padding-bottom: 30px; } .pl_lp--30 { padding-left: 30px; } .pr_lp--30 { padding-right: 30px; } .mt_lp--30 { margin-top: 30px; } .mb_lp--30 { margin-bottom: 30px; } .ptb_lp--35 { padding: 35px 0; } .plr_lp--35 { padding: 0 35px; } .pt_lp--35 { padding-top: 35px; } .pb_lp--35 { padding-bottom: 35px; } .pl_lp--35 { padding-left: 35px; } .pr_lp--35 { padding-right: 35px; } .mt_lp--35 { margin-top: 35px; } .mb_lp--35 { margin-bottom: 35px; } .ptb_lp--40 { padding: 40px 0; } .plr_lp--40 { padding: 0 40px; } .pt_lp--40 { padding-top: 40px; } .pb_lp--40 { padding-bottom: 40px; } .pl_lp--40 { padding-left: 40px; } .pr_lp--40 { padding-right: 40px; } .mt_lp--40 { margin-top: 40px; } .mb_lp--40 { margin-bottom: 40px; } .ptb_lp--45 { padding: 45px 0; } .plr_lp--45 { padding: 0 45px; } .pt_lp--45 { padding-top: 45px; } .pb_lp--45 { padding-bottom: 45px; } .pl_lp--45 { padding-left: 45px; } .pr_lp--45 { padding-right: 45px; } .mt_lp--45 { margin-top: 45px; } .mb_lp--45 { margin-bottom: 45px; } .ptb_lp--50 { padding: 50px 0; } .plr_lp--50 { padding: 0 50px; } .pt_lp--50 { padding-top: 50px; } .pb_lp--50 { padding-bottom: 50px; } .pl_lp--50 { padding-left: 50px; } .pr_lp--50 { padding-right: 50px; } .mt_lp--50 { margin-top: 50px; } .mb_lp--50 { margin-bottom: 50px; } .ptb_lp--55 { padding: 55px 0; } .plr_lp--55 { padding: 0 55px; } .pt_lp--55 { padding-top: 55px; } .pb_lp--55 { padding-bottom: 55px; } .pl_lp--55 { padding-left: 55px; } .pr_lp--55 { padding-right: 55px; } .mt_lp--55 { margin-top: 55px; } .mb_lp--55 { margin-bottom: 55px; } .ptb_lp--60 { padding: 60px 0; } .plr_lp--60 { padding: 0 60px; } .pt_lp--60 { padding-top: 60px; } .pb_lp--60 { padding-bottom: 60px; } .pl_lp--60 { padding-left: 60px; } .pr_lp--60 { padding-right: 60px; } .mt_lp--60 { margin-top: 60px; } .mb_lp--60 { margin-bottom: 60px; } .ptb_lp--65 { padding: 65px 0; } .plr_lp--65 { padding: 0 65px; } .pt_lp--65 { padding-top: 65px; } .pb_lp--65 { padding-bottom: 65px; } .pl_lp--65 { padding-left: 65px; } .pr_lp--65 { padding-right: 65px; } .mt_lp--65 { margin-top: 65px; } .mb_lp--65 { margin-bottom: 65px; } .ptb_lp--70 { padding: 70px 0; } .plr_lp--70 { padding: 0 70px; } .pt_lp--70 { padding-top: 70px; } .pb_lp--70 { padding-bottom: 70px; } .pl_lp--70 { padding-left: 70px; } .pr_lp--70 { padding-right: 70px; } .mt_lp--70 { margin-top: 70px; } .mb_lp--70 { margin-bottom: 70px; } .ptb_lp--75 { padding: 75px 0; } .plr_lp--75 { padding: 0 75px; } .pt_lp--75 { padding-top: 75px; } .pb_lp--75 { padding-bottom: 75px; } .pl_lp--75 { padding-left: 75px; } .pr_lp--75 { padding-right: 75px; } .mt_lp--75 { margin-top: 75px; } .mb_lp--75 { margin-bottom: 75px; } .ptb_lp--80 { padding: 80px 0; } .plr_lp--80 { padding: 0 80px; } .pt_lp--80 { padding-top: 80px; } .pb_lp--80 { padding-bottom: 80px; } .pl_lp--80 { padding-left: 80px; } .pr_lp--80 { padding-right: 80px; } .mt_lp--80 { margin-top: 80px; } .mb_lp--80 { margin-bottom: 80px; } .ptb_lp--85 { padding: 85px 0; } .plr_lp--85 { padding: 0 85px; } .pt_lp--85 { padding-top: 85px; } .pb_lp--85 { padding-bottom: 85px; } .pl_lp--85 { padding-left: 85px; } .pr_lp--85 { padding-right: 85px; } .mt_lp--85 { margin-top: 85px; } .mb_lp--85 { margin-bottom: 85px; } .ptb_lp--90 { padding: 90px 0; } .plr_lp--90 { padding: 0 90px; } .pt_lp--90 { padding-top: 90px; } .pb_lp--90 { padding-bottom: 90px; } .pl_lp--90 { padding-left: 90px; } .pr_lp--90 { padding-right: 90px; } .mt_lp--90 { margin-top: 90px; } .mb_lp--90 { margin-bottom: 90px; } .ptb_lp--95 { padding: 95px 0; } .plr_lp--95 { padding: 0 95px; } .pt_lp--95 { padding-top: 95px; } .pb_lp--95 { padding-bottom: 95px; } .pl_lp--95 { padding-left: 95px; } .pr_lp--95 { padding-right: 95px; } .mt_lp--95 { margin-top: 95px; } .mb_lp--95 { margin-bottom: 95px; } .ptb_lp--100 { padding: 100px 0; } .plr_lp--100 { padding: 0 100px; } .pt_lp--100 { padding-top: 100px; } .pb_lp--100 { padding-bottom: 100px; } .pl_lp--100 { padding-left: 100px; } .pr_lp--100 { padding-right: 100px; } .mt_lp--100 { margin-top: 100px; } .mb_lp--100 { margin-bottom: 100px; } .ptb_lp--105 { padding: 105px 0; } .plr_lp--105 { padding: 0 105px; } .pt_lp--105 { padding-top: 105px; } .pb_lp--105 { padding-bottom: 105px; } .pl_lp--105 { padding-left: 105px; } .pr_lp--105 { padding-right: 105px; } .mt_lp--105 { margin-top: 105px; } .mb_lp--105 { margin-bottom: 105px; } .ptb_lp--110 { padding: 110px 0; } .plr_lp--110 { padding: 0 110px; } .pt_lp--110 { padding-top: 110px; } .pb_lp--110 { padding-bottom: 110px; } .pl_lp--110 { padding-left: 110px; } .pr_lp--110 { padding-right: 110px; } .mt_lp--110 { margin-top: 110px; } .mb_lp--110 { margin-bottom: 110px; } .ptb_lp--115 { padding: 115px 0; } .plr_lp--115 { padding: 0 115px; } .pt_lp--115 { padding-top: 115px; } .pb_lp--115 { padding-bottom: 115px; } .pl_lp--115 { padding-left: 115px; } .pr_lp--115 { padding-right: 115px; } .mt_lp--115 { margin-top: 115px; } .mb_lp--115 { margin-bottom: 115px; } .ptb_lp--120 { padding: 120px 0; } .plr_lp--120 { padding: 0 120px; } .pt_lp--120 { padding-top: 120px; } .pb_lp--120 { padding-bottom: 120px; } .pl_lp--120 { padding-left: 120px; } .pr_lp--120 { padding-right: 120px; } .mt_lp--120 { margin-top: 120px; } .mb_lp--120 { margin-bottom: 120px; } .ptb_lp--125 { padding: 125px 0; } .plr_lp--125 { padding: 0 125px; } .pt_lp--125 { padding-top: 125px; } .pb_lp--125 { padding-bottom: 125px; } .pl_lp--125 { padding-left: 125px; } .pr_lp--125 { padding-right: 125px; } .mt_lp--125 { margin-top: 125px; } .mb_lp--125 { margin-bottom: 125px; } .ptb_lp--130 { padding: 130px 0; } .plr_lp--130 { padding: 0 130px; } .pt_lp--130 { padding-top: 130px; } .pb_lp--130 { padding-bottom: 130px; } .pl_lp--130 { padding-left: 130px; } .pr_lp--130 { padding-right: 130px; } .mt_lp--130 { margin-top: 130px; } .mb_lp--130 { margin-bottom: 130px; } .ptb_lp--135 { padding: 135px 0; } .plr_lp--135 { padding: 0 135px; } .pt_lp--135 { padding-top: 135px; } .pb_lp--135 { padding-bottom: 135px; } .pl_lp--135 { padding-left: 135px; } .pr_lp--135 { padding-right: 135px; } .mt_lp--135 { margin-top: 135px; } .mb_lp--135 { margin-bottom: 135px; } .ptb_lp--140 { padding: 140px 0; } .plr_lp--140 { padding: 0 140px; } .pt_lp--140 { padding-top: 140px; } .pb_lp--140 { padding-bottom: 140px; } .pl_lp--140 { padding-left: 140px; } .pr_lp--140 { padding-right: 140px; } .mt_lp--140 { margin-top: 140px; } .mb_lp--140 { margin-bottom: 140px; } .ptb_lp--145 { padding: 145px 0; } .plr_lp--145 { padding: 0 145px; } .pt_lp--145 { padding-top: 145px; } .pb_lp--145 { padding-bottom: 145px; } .pl_lp--145 { padding-left: 145px; } .pr_lp--145 { padding-right: 145px; } .mt_lp--145 { margin-top: 145px; } .mb_lp--145 { margin-bottom: 145px; } .ptb_lp--150 { padding: 150px 0; } .plr_lp--150 { padding: 0 150px; } .pt_lp--150 { padding-top: 150px; } .pb_lp--150 { padding-bottom: 150px; } .pl_lp--150 { padding-left: 150px; } .pr_lp--150 { padding-right: 150px; } .mt_lp--150 { margin-top: 150px; } .mb_lp--150 { margin-bottom: 150px; } .ptb_lp--155 { padding: 155px 0; } .plr_lp--155 { padding: 0 155px; } .pt_lp--155 { padding-top: 155px; } .pb_lp--155 { padding-bottom: 155px; } .pl_lp--155 { padding-left: 155px; } .pr_lp--155 { padding-right: 155px; } .mt_lp--155 { margin-top: 155px; } .mb_lp--155 { margin-bottom: 155px; } .ptb_lp--160 { padding: 160px 0; } .plr_lp--160 { padding: 0 160px; } .pt_lp--160 { padding-top: 160px; } .pb_lp--160 { padding-bottom: 160px; } .pl_lp--160 { padding-left: 160px; } .pr_lp--160 { padding-right: 160px; } .mt_lp--160 { margin-top: 160px; } .mb_lp--160 { margin-bottom: 160px; } .ptb_lp--165 { padding: 165px 0; } .plr_lp--165 { padding: 0 165px; } .pt_lp--165 { padding-top: 165px; } .pb_lp--165 { padding-bottom: 165px; } .pl_lp--165 { padding-left: 165px; } .pr_lp--165 { padding-right: 165px; } .mt_lp--165 { margin-top: 165px; } .mb_lp--165 { margin-bottom: 165px; } .ptb_lp--170 { padding: 170px 0; } .plr_lp--170 { padding: 0 170px; } .pt_lp--170 { padding-top: 170px; } .pb_lp--170 { padding-bottom: 170px; } .pl_lp--170 { padding-left: 170px; } .pr_lp--170 { padding-right: 170px; } .mt_lp--170 { margin-top: 170px; } .mb_lp--170 { margin-bottom: 170px; } .ptb_lp--175 { padding: 175px 0; } .plr_lp--175 { padding: 0 175px; } .pt_lp--175 { padding-top: 175px; } .pb_lp--175 { padding-bottom: 175px; } .pl_lp--175 { padding-left: 175px; } .pr_lp--175 { padding-right: 175px; } .mt_lp--175 { margin-top: 175px; } .mb_lp--175 { margin-bottom: 175px; } .ptb_lp--180 { padding: 180px 0; } .plr_lp--180 { padding: 0 180px; } .pt_lp--180 { padding-top: 180px; } .pb_lp--180 { padding-bottom: 180px; } .pl_lp--180 { padding-left: 180px; } .pr_lp--180 { padding-right: 180px; } .mt_lp--180 { margin-top: 180px; } .mb_lp--180 { margin-bottom: 180px; } .ptb_lp--185 { padding: 185px 0; } .plr_lp--185 { padding: 0 185px; } .pt_lp--185 { padding-top: 185px; } .pb_lp--185 { padding-bottom: 185px; } .pl_lp--185 { padding-left: 185px; } .pr_lp--185 { padding-right: 185px; } .mt_lp--185 { margin-top: 185px; } .mb_lp--185 { margin-bottom: 185px; } .ptb_lp--190 { padding: 190px 0; } .plr_lp--190 { padding: 0 190px; } .pt_lp--190 { padding-top: 190px; } .pb_lp--190 { padding-bottom: 190px; } .pl_lp--190 { padding-left: 190px; } .pr_lp--190 { padding-right: 190px; } .mt_lp--190 { margin-top: 190px; } .mb_lp--190 { margin-bottom: 190px; } .ptb_lp--195 { padding: 195px 0; } .plr_lp--195 { padding: 0 195px; } .pt_lp--195 { padding-top: 195px; } .pb_lp--195 { padding-bottom: 195px; } .pl_lp--195 { padding-left: 195px; } .pr_lp--195 { padding-right: 195px; } .mt_lp--195 { margin-top: 195px; } .mb_lp--195 { margin-bottom: 195px; } .ptb_lp--200 { padding: 200px 0; } .plr_lp--200 { padding: 0 200px; } .pt_lp--200 { padding-top: 200px; } .pb_lp--200 { padding-bottom: 200px; } .pl_lp--200 { padding-left: 200px; } .pr_lp--200 { padding-right: 200px; } .mt_lp--200 { margin-top: 200px; } .mb_lp--200 { margin-bottom: 200px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .ptb_lg--5 { padding: 5px 0; } .plr_lg--5 { padding: 0 5px; } .pt_lg--5 { padding-top: 5px; } .pb_lg--5 { padding-bottom: 5px; } .pl_lg--5 { padding-left: 5px; } .pr_lg--5 { padding-right: 5px; } .mt_lg--5 { margin-top: 5px; } .mb_lg--5 { margin-bottom: 5px; } .ml_lg--5 { margin-left: 5px; } .ptb_lg--10 { padding: 10px 0; } .plr_lg--10 { padding: 0 10px; } .pt_lg--10 { padding-top: 10px; } .pb_lg--10 { padding-bottom: 10px; } .pl_lg--10 { padding-left: 10px; } .pr_lg--10 { padding-right: 10px; } .mt_lg--10 { margin-top: 10px; } .mb_lg--10 { margin-bottom: 10px; } .ml_lg--10 { margin-left: 10px; } .ptb_lg--15 { padding: 15px 0; } .plr_lg--15 { padding: 0 15px; } .pt_lg--15 { padding-top: 15px; } .pb_lg--15 { padding-bottom: 15px; } .pl_lg--15 { padding-left: 15px; } .pr_lg--15 { padding-right: 15px; } .mt_lg--15 { margin-top: 15px; } .mb_lg--15 { margin-bottom: 15px; } .ml_lg--15 { margin-left: 15px; } .ptb_lg--20 { padding: 20px 0; } .plr_lg--20 { padding: 0 20px; } .pt_lg--20 { padding-top: 20px; } .pb_lg--20 { padding-bottom: 20px; } .pl_lg--20 { padding-left: 20px; } .pr_lg--20 { padding-right: 20px; } .mt_lg--20 { margin-top: 20px; } .mb_lg--20 { margin-bottom: 20px; } .ml_lg--20 { margin-left: 20px; } .ptb_lg--25 { padding: 25px 0; } .plr_lg--25 { padding: 0 25px; } .pt_lg--25 { padding-top: 25px; } .pb_lg--25 { padding-bottom: 25px; } .pl_lg--25 { padding-left: 25px; } .pr_lg--25 { padding-right: 25px; } .mt_lg--25 { margin-top: 25px; } .mb_lg--25 { margin-bottom: 25px; } .ml_lg--25 { margin-left: 25px; } .ptb_lg--30 { padding: 30px 0; } .plr_lg--30 { padding: 0 30px; } .pt_lg--30 { padding-top: 30px; } .pb_lg--30 { padding-bottom: 30px; } .pl_lg--30 { padding-left: 30px; } .pr_lg--30 { padding-right: 30px; } .mt_lg--30 { margin-top: 30px; } .mb_lg--30 { margin-bottom: 30px; } .ml_lg--30 { margin-left: 30px; } .ptb_lg--35 { padding: 35px 0; } .plr_lg--35 { padding: 0 35px; } .pt_lg--35 { padding-top: 35px; } .pb_lg--35 { padding-bottom: 35px; } .pl_lg--35 { padding-left: 35px; } .pr_lg--35 { padding-right: 35px; } .mt_lg--35 { margin-top: 35px; } .mb_lg--35 { margin-bottom: 35px; } .ml_lg--35 { margin-left: 35px; } .ptb_lg--40 { padding: 40px 0; } .plr_lg--40 { padding: 0 40px; } .pt_lg--40 { padding-top: 40px; } .pb_lg--40 { padding-bottom: 40px; } .pl_lg--40 { padding-left: 40px; } .pr_lg--40 { padding-right: 40px; } .mt_lg--40 { margin-top: 40px; } .mb_lg--40 { margin-bottom: 40px; } .ml_lg--40 { margin-left: 40px; } .ptb_lg--45 { padding: 45px 0; } .plr_lg--45 { padding: 0 45px; } .pt_lg--45 { padding-top: 45px; } .pb_lg--45 { padding-bottom: 45px; } .pl_lg--45 { padding-left: 45px; } .pr_lg--45 { padding-right: 45px; } .mt_lg--45 { margin-top: 45px; } .mb_lg--45 { margin-bottom: 45px; } .ml_lg--45 { margin-left: 45px; } .ptb_lg--50 { padding: 50px 0; } .plr_lg--50 { padding: 0 50px; } .pt_lg--50 { padding-top: 50px; } .pb_lg--50 { padding-bottom: 50px; } .pl_lg--50 { padding-left: 50px; } .pr_lg--50 { padding-right: 50px; } .mt_lg--50 { margin-top: 50px; } .mb_lg--50 { margin-bottom: 50px; } .ml_lg--50 { margin-left: 50px; } .ptb_lg--55 { padding: 55px 0; } .plr_lg--55 { padding: 0 55px; } .pt_lg--55 { padding-top: 55px; } .pb_lg--55 { padding-bottom: 55px; } .pl_lg--55 { padding-left: 55px; } .pr_lg--55 { padding-right: 55px; } .mt_lg--55 { margin-top: 55px; } .mb_lg--55 { margin-bottom: 55px; } .ml_lg--55 { margin-left: 55px; } .ptb_lg--60 { padding: 60px 0; } .plr_lg--60 { padding: 0 60px; } .pt_lg--60 { padding-top: 60px; } .pb_lg--60 { padding-bottom: 60px; } .pl_lg--60 { padding-left: 60px; } .pr_lg--60 { padding-right: 60px; } .mt_lg--60 { margin-top: 60px; } .mb_lg--60 { margin-bottom: 60px; } .ml_lg--60 { margin-left: 60px; } .ptb_lg--65 { padding: 65px 0; } .plr_lg--65 { padding: 0 65px; } .pt_lg--65 { padding-top: 65px; } .pb_lg--65 { padding-bottom: 65px; } .pl_lg--65 { padding-left: 65px; } .pr_lg--65 { padding-right: 65px; } .mt_lg--65 { margin-top: 65px; } .mb_lg--65 { margin-bottom: 65px; } .ml_lg--65 { margin-left: 65px; } .ptb_lg--70 { padding: 70px 0; } .plr_lg--70 { padding: 0 70px; } .pt_lg--70 { padding-top: 70px; } .pb_lg--70 { padding-bottom: 70px; } .pl_lg--70 { padding-left: 70px; } .pr_lg--70 { padding-right: 70px; } .mt_lg--70 { margin-top: 70px; } .mb_lg--70 { margin-bottom: 70px; } .ml_lg--70 { margin-left: 70px; } .ptb_lg--75 { padding: 75px 0; } .plr_lg--75 { padding: 0 75px; } .pt_lg--75 { padding-top: 75px; } .pb_lg--75 { padding-bottom: 75px; } .pl_lg--75 { padding-left: 75px; } .pr_lg--75 { padding-right: 75px; } .mt_lg--75 { margin-top: 75px; } .mb_lg--75 { margin-bottom: 75px; } .ml_lg--75 { margin-left: 75px; } .ptb_lg--80 { padding: 80px 0; } .plr_lg--80 { padding: 0 80px; } .pt_lg--80 { padding-top: 80px; } .pb_lg--80 { padding-bottom: 80px; } .pl_lg--80 { padding-left: 80px; } .pr_lg--80 { padding-right: 80px; } .mt_lg--80 { margin-top: 80px; } .mb_lg--80 { margin-bottom: 80px; } .ml_lg--80 { margin-left: 80px; } .ptb_lg--85 { padding: 85px 0; } .plr_lg--85 { padding: 0 85px; } .pt_lg--85 { padding-top: 85px; } .pb_lg--85 { padding-bottom: 85px; } .pl_lg--85 { padding-left: 85px; } .pr_lg--85 { padding-right: 85px; } .mt_lg--85 { margin-top: 85px; } .mb_lg--85 { margin-bottom: 85px; } .ml_lg--85 { margin-left: 85px; } .ptb_lg--90 { padding: 90px 0; } .plr_lg--90 { padding: 0 90px; } .pt_lg--90 { padding-top: 90px; } .pb_lg--90 { padding-bottom: 90px; } .pl_lg--90 { padding-left: 90px; } .pr_lg--90 { padding-right: 90px; } .mt_lg--90 { margin-top: 90px; } .mb_lg--90 { margin-bottom: 90px; } .ml_lg--90 { margin-left: 90px; } .ptb_lg--95 { padding: 95px 0; } .plr_lg--95 { padding: 0 95px; } .pt_lg--95 { padding-top: 95px; } .pb_lg--95 { padding-bottom: 95px; } .pl_lg--95 { padding-left: 95px; } .pr_lg--95 { padding-right: 95px; } .mt_lg--95 { margin-top: 95px; } .mb_lg--95 { margin-bottom: 95px; } .ml_lg--95 { margin-left: 95px; } .ptb_lg--100 { padding: 100px 0; } .plr_lg--100 { padding: 0 100px; } .pt_lg--100 { padding-top: 100px; } .pb_lg--100 { padding-bottom: 100px; } .pl_lg--100 { padding-left: 100px; } .pr_lg--100 { padding-right: 100px; } .mt_lg--100 { margin-top: 100px; } .mb_lg--100 { margin-bottom: 100px; } .ml_lg--100 { margin-left: 100px; } .ptb_lg--105 { padding: 105px 0; } .plr_lg--105 { padding: 0 105px; } .pt_lg--105 { padding-top: 105px; } .pb_lg--105 { padding-bottom: 105px; } .pl_lg--105 { padding-left: 105px; } .pr_lg--105 { padding-right: 105px; } .mt_lg--105 { margin-top: 105px; } .mb_lg--105 { margin-bottom: 105px; } .ml_lg--105 { margin-left: 105px; } .ptb_lg--110 { padding: 110px 0; } .plr_lg--110 { padding: 0 110px; } .pt_lg--110 { padding-top: 110px; } .pb_lg--110 { padding-bottom: 110px; } .pl_lg--110 { padding-left: 110px; } .pr_lg--110 { padding-right: 110px; } .mt_lg--110 { margin-top: 110px; } .mb_lg--110 { margin-bottom: 110px; } .ml_lg--110 { margin-left: 110px; } .ptb_lg--115 { padding: 115px 0; } .plr_lg--115 { padding: 0 115px; } .pt_lg--115 { padding-top: 115px; } .pb_lg--115 { padding-bottom: 115px; } .pl_lg--115 { padding-left: 115px; } .pr_lg--115 { padding-right: 115px; } .mt_lg--115 { margin-top: 115px; } .mb_lg--115 { margin-bottom: 115px; } .ml_lg--115 { margin-left: 115px; } .ptb_lg--120 { padding: 120px 0; } .plr_lg--120 { padding: 0 120px; } .pt_lg--120 { padding-top: 120px; } .pb_lg--120 { padding-bottom: 120px; } .pl_lg--120 { padding-left: 120px; } .pr_lg--120 { padding-right: 120px; } .mt_lg--120 { margin-top: 120px; } .mb_lg--120 { margin-bottom: 120px; } .ml_lg--120 { margin-left: 120px; } .ptb_lg--125 { padding: 125px 0; } .plr_lg--125 { padding: 0 125px; } .pt_lg--125 { padding-top: 125px; } .pb_lg--125 { padding-bottom: 125px; } .pl_lg--125 { padding-left: 125px; } .pr_lg--125 { padding-right: 125px; } .mt_lg--125 { margin-top: 125px; } .mb_lg--125 { margin-bottom: 125px; } .ml_lg--125 { margin-left: 125px; } .ptb_lg--130 { padding: 130px 0; } .plr_lg--130 { padding: 0 130px; } .pt_lg--130 { padding-top: 130px; } .pb_lg--130 { padding-bottom: 130px; } .pl_lg--130 { padding-left: 130px; } .pr_lg--130 { padding-right: 130px; } .mt_lg--130 { margin-top: 130px; } .mb_lg--130 { margin-bottom: 130px; } .ml_lg--130 { margin-left: 130px; } .ptb_lg--135 { padding: 135px 0; } .plr_lg--135 { padding: 0 135px; } .pt_lg--135 { padding-top: 135px; } .pb_lg--135 { padding-bottom: 135px; } .pl_lg--135 { padding-left: 135px; } .pr_lg--135 { padding-right: 135px; } .mt_lg--135 { margin-top: 135px; } .mb_lg--135 { margin-bottom: 135px; } .ml_lg--135 { margin-left: 135px; } .ptb_lg--140 { padding: 140px 0; } .plr_lg--140 { padding: 0 140px; } .pt_lg--140 { padding-top: 140px; } .pb_lg--140 { padding-bottom: 140px; } .pl_lg--140 { padding-left: 140px; } .pr_lg--140 { padding-right: 140px; } .mt_lg--140 { margin-top: 140px; } .mb_lg--140 { margin-bottom: 140px; } .ml_lg--140 { margin-left: 140px; } .ptb_lg--145 { padding: 145px 0; } .plr_lg--145 { padding: 0 145px; } .pt_lg--145 { padding-top: 145px; } .pb_lg--145 { padding-bottom: 145px; } .pl_lg--145 { padding-left: 145px; } .pr_lg--145 { padding-right: 145px; } .mt_lg--145 { margin-top: 145px; } .mb_lg--145 { margin-bottom: 145px; } .ml_lg--145 { margin-left: 145px; } .ptb_lg--150 { padding: 150px 0; } .plr_lg--150 { padding: 0 150px; } .pt_lg--150 { padding-top: 150px; } .pb_lg--150 { padding-bottom: 150px; } .pl_lg--150 { padding-left: 150px; } .pr_lg--150 { padding-right: 150px; } .mt_lg--150 { margin-top: 150px; } .mb_lg--150 { margin-bottom: 150px; } .ml_lg--150 { margin-left: 150px; } .ptb_lg--155 { padding: 155px 0; } .plr_lg--155 { padding: 0 155px; } .pt_lg--155 { padding-top: 155px; } .pb_lg--155 { padding-bottom: 155px; } .pl_lg--155 { padding-left: 155px; } .pr_lg--155 { padding-right: 155px; } .mt_lg--155 { margin-top: 155px; } .mb_lg--155 { margin-bottom: 155px; } .ml_lg--155 { margin-left: 155px; } .ptb_lg--160 { padding: 160px 0; } .plr_lg--160 { padding: 0 160px; } .pt_lg--160 { padding-top: 160px; } .pb_lg--160 { padding-bottom: 160px; } .pl_lg--160 { padding-left: 160px; } .pr_lg--160 { padding-right: 160px; } .mt_lg--160 { margin-top: 160px; } .mb_lg--160 { margin-bottom: 160px; } .ml_lg--160 { margin-left: 160px; } .ptb_lg--165 { padding: 165px 0; } .plr_lg--165 { padding: 0 165px; } .pt_lg--165 { padding-top: 165px; } .pb_lg--165 { padding-bottom: 165px; } .pl_lg--165 { padding-left: 165px; } .pr_lg--165 { padding-right: 165px; } .mt_lg--165 { margin-top: 165px; } .mb_lg--165 { margin-bottom: 165px; } .ml_lg--165 { margin-left: 165px; } .ptb_lg--170 { padding: 170px 0; } .plr_lg--170 { padding: 0 170px; } .pt_lg--170 { padding-top: 170px; } .pb_lg--170 { padding-bottom: 170px; } .pl_lg--170 { padding-left: 170px; } .pr_lg--170 { padding-right: 170px; } .mt_lg--170 { margin-top: 170px; } .mb_lg--170 { margin-bottom: 170px; } .ml_lg--170 { margin-left: 170px; } .ptb_lg--175 { padding: 175px 0; } .plr_lg--175 { padding: 0 175px; } .pt_lg--175 { padding-top: 175px; } .pb_lg--175 { padding-bottom: 175px; } .pl_lg--175 { padding-left: 175px; } .pr_lg--175 { padding-right: 175px; } .mt_lg--175 { margin-top: 175px; } .mb_lg--175 { margin-bottom: 175px; } .ml_lg--175 { margin-left: 175px; } .ptb_lg--180 { padding: 180px 0; } .plr_lg--180 { padding: 0 180px; } .pt_lg--180 { padding-top: 180px; } .pb_lg--180 { padding-bottom: 180px; } .pl_lg--180 { padding-left: 180px; } .pr_lg--180 { padding-right: 180px; } .mt_lg--180 { margin-top: 180px; } .mb_lg--180 { margin-bottom: 180px; } .ml_lg--180 { margin-left: 180px; } .ptb_lg--185 { padding: 185px 0; } .plr_lg--185 { padding: 0 185px; } .pt_lg--185 { padding-top: 185px; } .pb_lg--185 { padding-bottom: 185px; } .pl_lg--185 { padding-left: 185px; } .pr_lg--185 { padding-right: 185px; } .mt_lg--185 { margin-top: 185px; } .mb_lg--185 { margin-bottom: 185px; } .ml_lg--185 { margin-left: 185px; } .ptb_lg--190 { padding: 190px 0; } .plr_lg--190 { padding: 0 190px; } .pt_lg--190 { padding-top: 190px; } .pb_lg--190 { padding-bottom: 190px; } .pl_lg--190 { padding-left: 190px; } .pr_lg--190 { padding-right: 190px; } .mt_lg--190 { margin-top: 190px; } .mb_lg--190 { margin-bottom: 190px; } .ml_lg--190 { margin-left: 190px; } .ptb_lg--195 { padding: 195px 0; } .plr_lg--195 { padding: 0 195px; } .pt_lg--195 { padding-top: 195px; } .pb_lg--195 { padding-bottom: 195px; } .pl_lg--195 { padding-left: 195px; } .pr_lg--195 { padding-right: 195px; } .mt_lg--195 { margin-top: 195px; } .mb_lg--195 { margin-bottom: 195px; } .ml_lg--195 { margin-left: 195px; } .ptb_lg--200 { padding: 200px 0; } .plr_lg--200 { padding: 0 200px; } .pt_lg--200 { padding-top: 200px; } .pb_lg--200 { padding-bottom: 200px; } .pl_lg--200 { padding-left: 200px; } .pr_lg--200 { padding-right: 200px; } .mt_lg--200 { margin-top: 200px; } .mb_lg--200 { margin-bottom: 200px; } .ml_lg--200 { margin-left: 200px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .ptb_md--0 { padding: 0; } .pl_md--0 { padding-left: 0; } .pr_md--0 { padding-right: 0; } .pt_md--0 { padding-top: 0; } .pb_md--0 { padding-bottom: 0; } .mr_md--0 { margin-right: 0; } .ml_md--0 { margin-left: 0; } .mt_md--0 { margin-top: 0; } .mb_md--0 { margin-bottom: 0; } .ptb_md--250 { padding: 250px 0; } .ptb_md--5 { padding: 5px 0; } .plr_md--5 { padding: 0 5px; } .pt_md--5 { padding-top: 5px; } .pb_md--5 { padding-bottom: 5px; } .pl_md--5 { padding-left: 5px; } .pr_md--5 { padding-right: 5px; } .mt_md--5 { margin-top: 5px; } .mb_md--5 { margin-bottom: 5px; } .ptb_md--10 { padding: 10px 0; } .plr_md--10 { padding: 0 10px; } .pt_md--10 { padding-top: 10px; } .pb_md--10 { padding-bottom: 10px; } .pl_md--10 { padding-left: 10px; } .pr_md--10 { padding-right: 10px; } .mt_md--10 { margin-top: 10px; } .mb_md--10 { margin-bottom: 10px; } .ptb_md--15 { padding: 15px 0; } .plr_md--15 { padding: 0 15px; } .pt_md--15 { padding-top: 15px; } .pb_md--15 { padding-bottom: 15px; } .pl_md--15 { padding-left: 15px; } .pr_md--15 { padding-right: 15px; } .mt_md--15 { margin-top: 15px; } .mb_md--15 { margin-bottom: 15px; } .ptb_md--20 { padding: 20px 0; } .plr_md--20 { padding: 0 20px; } .pt_md--20 { padding-top: 20px; } .pb_md--20 { padding-bottom: 20px; } .pl_md--20 { padding-left: 20px; } .pr_md--20 { padding-right: 20px; } .mt_md--20 { margin-top: 20px; } .mb_md--20 { margin-bottom: 20px; } .ptb_md--25 { padding: 25px 0; } .plr_md--25 { padding: 0 25px; } .pt_md--25 { padding-top: 25px; } .pb_md--25 { padding-bottom: 25px; } .pl_md--25 { padding-left: 25px; } .pr_md--25 { padding-right: 25px; } .mt_md--25 { margin-top: 25px; } .mb_md--25 { margin-bottom: 25px; } .ptb_md--30 { padding: 30px 0; } .plr_md--30 { padding: 0 30px; } .pt_md--30 { padding-top: 30px; } .pb_md--30 { padding-bottom: 30px; } .pl_md--30 { padding-left: 30px; } .pr_md--30 { padding-right: 30px; } .mt_md--30 { margin-top: 30px; } .mb_md--30 { margin-bottom: 30px; } .ptb_md--35 { padding: 35px 0; } .plr_md--35 { padding: 0 35px; } .pt_md--35 { padding-top: 35px; } .pb_md--35 { padding-bottom: 35px; } .pl_md--35 { padding-left: 35px; } .pr_md--35 { padding-right: 35px; } .mt_md--35 { margin-top: 35px; } .mb_md--35 { margin-bottom: 35px; } .ptb_md--40 { padding: 40px 0; } .plr_md--40 { padding: 0 40px; } .pt_md--40 { padding-top: 40px; } .pb_md--40 { padding-bottom: 40px; } .pl_md--40 { padding-left: 40px; } .pr_md--40 { padding-right: 40px; } .mt_md--40 { margin-top: 40px; } .mb_md--40 { margin-bottom: 40px; } .ptb_md--45 { padding: 45px 0; } .plr_md--45 { padding: 0 45px; } .pt_md--45 { padding-top: 45px; } .pb_md--45 { padding-bottom: 45px; } .pl_md--45 { padding-left: 45px; } .pr_md--45 { padding-right: 45px; } .mt_md--45 { margin-top: 45px; } .mb_md--45 { margin-bottom: 45px; } .ptb_md--50 { padding: 50px 0; } .plr_md--50 { padding: 0 50px; } .pt_md--50 { padding-top: 50px; } .pb_md--50 { padding-bottom: 50px; } .pl_md--50 { padding-left: 50px; } .pr_md--50 { padding-right: 50px; } .mt_md--50 { margin-top: 50px; } .mb_md--50 { margin-bottom: 50px; } .ptb_md--55 { padding: 55px 0; } .plr_md--55 { padding: 0 55px; } .pt_md--55 { padding-top: 55px; } .pb_md--55 { padding-bottom: 55px; } .pl_md--55 { padding-left: 55px; } .pr_md--55 { padding-right: 55px; } .mt_md--55 { margin-top: 55px; } .mb_md--55 { margin-bottom: 55px; } .ptb_md--60 { padding: 60px 0; } .plr_md--60 { padding: 0 60px; } .pt_md--60 { padding-top: 60px; } .pb_md--60 { padding-bottom: 60px; } .pl_md--60 { padding-left: 60px; } .pr_md--60 { padding-right: 60px; } .mt_md--60 { margin-top: 60px; } .mb_md--60 { margin-bottom: 60px; } .ptb_md--65 { padding: 65px 0; } .plr_md--65 { padding: 0 65px; } .pt_md--65 { padding-top: 65px; } .pb_md--65 { padding-bottom: 65px; } .pl_md--65 { padding-left: 65px; } .pr_md--65 { padding-right: 65px; } .mt_md--65 { margin-top: 65px; } .mb_md--65 { margin-bottom: 65px; } .ptb_md--70 { padding: 70px 0; } .plr_md--70 { padding: 0 70px; } .pt_md--70 { padding-top: 70px; } .pb_md--70 { padding-bottom: 70px; } .pl_md--70 { padding-left: 70px; } .pr_md--70 { padding-right: 70px; } .mt_md--70 { margin-top: 70px; } .mb_md--70 { margin-bottom: 70px; } .ptb_md--75 { padding: 75px 0; } .plr_md--75 { padding: 0 75px; } .pt_md--75 { padding-top: 75px; } .pb_md--75 { padding-bottom: 75px; } .pl_md--75 { padding-left: 75px; } .pr_md--75 { padding-right: 75px; } .mt_md--75 { margin-top: 75px; } .mb_md--75 { margin-bottom: 75px; } .ptb_md--80 { padding: 80px 0; } .plr_md--80 { padding: 0 80px; } .pt_md--80 { padding-top: 80px; } .pb_md--80 { padding-bottom: 80px; } .pl_md--80 { padding-left: 80px; } .pr_md--80 { padding-right: 80px; } .mt_md--80 { margin-top: 80px; } .mb_md--80 { margin-bottom: 80px; } .ptb_md--85 { padding: 85px 0; } .plr_md--85 { padding: 0 85px; } .pt_md--85 { padding-top: 85px; } .pb_md--85 { padding-bottom: 85px; } .pl_md--85 { padding-left: 85px; } .pr_md--85 { padding-right: 85px; } .mt_md--85 { margin-top: 85px; } .mb_md--85 { margin-bottom: 85px; } .ptb_md--90 { padding: 90px 0; } .plr_md--90 { padding: 0 90px; } .pt_md--90 { padding-top: 90px; } .pb_md--90 { padding-bottom: 90px; } .pl_md--90 { padding-left: 90px; } .pr_md--90 { padding-right: 90px; } .mt_md--90 { margin-top: 90px; } .mb_md--90 { margin-bottom: 90px; } .ptb_md--95 { padding: 95px 0; } .plr_md--95 { padding: 0 95px; } .pt_md--95 { padding-top: 95px; } .pb_md--95 { padding-bottom: 95px; } .pl_md--95 { padding-left: 95px; } .pr_md--95 { padding-right: 95px; } .mt_md--95 { margin-top: 95px; } .mb_md--95 { margin-bottom: 95px; } .ptb_md--100 { padding: 100px 0; } .plr_md--100 { padding: 0 100px; } .pt_md--100 { padding-top: 100px; } .pb_md--100 { padding-bottom: 100px; } .pl_md--100 { padding-left: 100px; } .pr_md--100 { padding-right: 100px; } .mt_md--100 { margin-top: 100px; } .mb_md--100 { margin-bottom: 100px; } .ptb_md--105 { padding: 105px 0; } .plr_md--105 { padding: 0 105px; } .pt_md--105 { padding-top: 105px; } .pb_md--105 { padding-bottom: 105px; } .pl_md--105 { padding-left: 105px; } .pr_md--105 { padding-right: 105px; } .mt_md--105 { margin-top: 105px; } .mb_md--105 { margin-bottom: 105px; } .ptb_md--110 { padding: 110px 0; } .plr_md--110 { padding: 0 110px; } .pt_md--110 { padding-top: 110px; } .pb_md--110 { padding-bottom: 110px; } .pl_md--110 { padding-left: 110px; } .pr_md--110 { padding-right: 110px; } .mt_md--110 { margin-top: 110px; } .mb_md--110 { margin-bottom: 110px; } .ptb_md--115 { padding: 115px 0; } .plr_md--115 { padding: 0 115px; } .pt_md--115 { padding-top: 115px; } .pb_md--115 { padding-bottom: 115px; } .pl_md--115 { padding-left: 115px; } .pr_md--115 { padding-right: 115px; } .mt_md--115 { margin-top: 115px; } .mb_md--115 { margin-bottom: 115px; } .ptb_md--120 { padding: 120px 0; } .plr_md--120 { padding: 0 120px; } .pt_md--120 { padding-top: 120px; } .pb_md--120 { padding-bottom: 120px; } .pl_md--120 { padding-left: 120px; } .pr_md--120 { padding-right: 120px; } .mt_md--120 { margin-top: 120px; } .mb_md--120 { margin-bottom: 120px; } .ptb_md--125 { padding: 125px 0; } .plr_md--125 { padding: 0 125px; } .pt_md--125 { padding-top: 125px; } .pb_md--125 { padding-bottom: 125px; } .pl_md--125 { padding-left: 125px; } .pr_md--125 { padding-right: 125px; } .mt_md--125 { margin-top: 125px; } .mb_md--125 { margin-bottom: 125px; } .ptb_md--130 { padding: 130px 0; } .plr_md--130 { padding: 0 130px; } .pt_md--130 { padding-top: 130px; } .pb_md--130 { padding-bottom: 130px; } .pl_md--130 { padding-left: 130px; } .pr_md--130 { padding-right: 130px; } .mt_md--130 { margin-top: 130px; } .mb_md--130 { margin-bottom: 130px; } .ptb_md--135 { padding: 135px 0; } .plr_md--135 { padding: 0 135px; } .pt_md--135 { padding-top: 135px; } .pb_md--135 { padding-bottom: 135px; } .pl_md--135 { padding-left: 135px; } .pr_md--135 { padding-right: 135px; } .mt_md--135 { margin-top: 135px; } .mb_md--135 { margin-bottom: 135px; } .ptb_md--140 { padding: 140px 0; } .plr_md--140 { padding: 0 140px; } .pt_md--140 { padding-top: 140px; } .pb_md--140 { padding-bottom: 140px; } .pl_md--140 { padding-left: 140px; } .pr_md--140 { padding-right: 140px; } .mt_md--140 { margin-top: 140px; } .mb_md--140 { margin-bottom: 140px; } .ptb_md--145 { padding: 145px 0; } .plr_md--145 { padding: 0 145px; } .pt_md--145 { padding-top: 145px; } .pb_md--145 { padding-bottom: 145px; } .pl_md--145 { padding-left: 145px; } .pr_md--145 { padding-right: 145px; } .mt_md--145 { margin-top: 145px; } .mb_md--145 { margin-bottom: 145px; } .ptb_md--150 { padding: 150px 0; } .plr_md--150 { padding: 0 150px; } .pt_md--150 { padding-top: 150px; } .pb_md--150 { padding-bottom: 150px; } .pl_md--150 { padding-left: 150px; } .pr_md--150 { padding-right: 150px; } .mt_md--150 { margin-top: 150px; } .mb_md--150 { margin-bottom: 150px; } .ptb_md--155 { padding: 155px 0; } .plr_md--155 { padding: 0 155px; } .pt_md--155 { padding-top: 155px; } .pb_md--155 { padding-bottom: 155px; } .pl_md--155 { padding-left: 155px; } .pr_md--155 { padding-right: 155px; } .mt_md--155 { margin-top: 155px; } .mb_md--155 { margin-bottom: 155px; } .ptb_md--160 { padding: 160px 0; } .plr_md--160 { padding: 0 160px; } .pt_md--160 { padding-top: 160px; } .pb_md--160 { padding-bottom: 160px; } .pl_md--160 { padding-left: 160px; } .pr_md--160 { padding-right: 160px; } .mt_md--160 { margin-top: 160px; } .mb_md--160 { margin-bottom: 160px; } .ptb_md--165 { padding: 165px 0; } .plr_md--165 { padding: 0 165px; } .pt_md--165 { padding-top: 165px; } .pb_md--165 { padding-bottom: 165px; } .pl_md--165 { padding-left: 165px; } .pr_md--165 { padding-right: 165px; } .mt_md--165 { margin-top: 165px; } .mb_md--165 { margin-bottom: 165px; } .ptb_md--170 { padding: 170px 0; } .plr_md--170 { padding: 0 170px; } .pt_md--170 { padding-top: 170px; } .pb_md--170 { padding-bottom: 170px; } .pl_md--170 { padding-left: 170px; } .pr_md--170 { padding-right: 170px; } .mt_md--170 { margin-top: 170px; } .mb_md--170 { margin-bottom: 170px; } .ptb_md--175 { padding: 175px 0; } .plr_md--175 { padding: 0 175px; } .pt_md--175 { padding-top: 175px; } .pb_md--175 { padding-bottom: 175px; } .pl_md--175 { padding-left: 175px; } .pr_md--175 { padding-right: 175px; } .mt_md--175 { margin-top: 175px; } .mb_md--175 { margin-bottom: 175px; } .ptb_md--180 { padding: 180px 0; } .plr_md--180 { padding: 0 180px; } .pt_md--180 { padding-top: 180px; } .pb_md--180 { padding-bottom: 180px; } .pl_md--180 { padding-left: 180px; } .pr_md--180 { padding-right: 180px; } .mt_md--180 { margin-top: 180px; } .mb_md--180 { margin-bottom: 180px; } .ptb_md--185 { padding: 185px 0; } .plr_md--185 { padding: 0 185px; } .pt_md--185 { padding-top: 185px; } .pb_md--185 { padding-bottom: 185px; } .pl_md--185 { padding-left: 185px; } .pr_md--185 { padding-right: 185px; } .mt_md--185 { margin-top: 185px; } .mb_md--185 { margin-bottom: 185px; } .ptb_md--190 { padding: 190px 0; } .plr_md--190 { padding: 0 190px; } .pt_md--190 { padding-top: 190px; } .pb_md--190 { padding-bottom: 190px; } .pl_md--190 { padding-left: 190px; } .pr_md--190 { padding-right: 190px; } .mt_md--190 { margin-top: 190px; } .mb_md--190 { margin-bottom: 190px; } .ptb_md--195 { padding: 195px 0; } .plr_md--195 { padding: 0 195px; } .pt_md--195 { padding-top: 195px; } .pb_md--195 { padding-bottom: 195px; } .pl_md--195 { padding-left: 195px; } .pr_md--195 { padding-right: 195px; } .mt_md--195 { margin-top: 195px; } .mb_md--195 { margin-bottom: 195px; } .ptb_md--200 { padding: 200px 0; } .plr_md--200 { padding: 0 200px; } .pt_md--200 { padding-top: 200px; } .pb_md--200 { padding-bottom: 200px; } .pl_md--200 { padding-left: 200px; } .pr_md--200 { padding-right: 200px; } .mt_md--200 { margin-top: 200px; } .mb_md--200 { margin-bottom: 200px; } } @media only screen and (max-width: 767px) { .ptb_sm--250 { padding: 250px 0; } .ptb_sm--0 { padding: 0; } .pl_sm--0 { padding-left: 0; } .pr_sm--0 { padding-right: 0; } .pt_sm--0 { padding-top: 0; } .pb_sm--0 { padding-bottom: 0; } .mr_sm--0 { margin-right: 0; } .ml_sm--0 { margin-left: 0; } .mt_sm--0 { margin-top: 0; } .mb_sm--0 { margin-bottom: 0; } .pt_sm--150 { padding-top: 150px; } .pb_sm--110 { padding-bottom: 110px; } .ptb_sm--5 { padding: 5px 0; } .plr_sm--5 { padding: 0 5px; } .pt_sm--5 { padding-top: 5px; } .pb_sm--5 { padding-bottom: 5px; } .pl_sm--5 { padding-left: 5px; } .pr_sm--5 { padding-right: 5px; } .mt_sm--5 { margin-top: 5px; } .ml_sm--5 { margin-left: 5px; } .mr_sm--5 { margin-right: 5px; } .mb_sm--5 { margin-bottom: 5px; } .ptb_sm--10 { padding: 10px 0; } .plr_sm--10 { padding: 0 10px; } .pt_sm--10 { padding-top: 10px; } .pb_sm--10 { padding-bottom: 10px; } .pl_sm--10 { padding-left: 10px; } .pr_sm--10 { padding-right: 10px; } .mt_sm--10 { margin-top: 10px; } .ml_sm--10 { margin-left: 10px; } .mr_sm--10 { margin-right: 10px; } .mb_sm--10 { margin-bottom: 10px; } .ptb_sm--15 { padding: 15px 0; } .plr_sm--15 { padding: 0 15px; } .pt_sm--15 { padding-top: 15px; } .pb_sm--15 { padding-bottom: 15px; } .pl_sm--15 { padding-left: 15px; } .pr_sm--15 { padding-right: 15px; } .mt_sm--15 { margin-top: 15px; } .ml_sm--15 { margin-left: 15px; } .mr_sm--15 { margin-right: 15px; } .mb_sm--15 { margin-bottom: 15px; } .ptb_sm--20 { padding: 20px 0; } .plr_sm--20 { padding: 0 20px; } .pt_sm--20 { padding-top: 20px; } .pb_sm--20 { padding-bottom: 20px; } .pl_sm--20 { padding-left: 20px; } .pr_sm--20 { padding-right: 20px; } .mt_sm--20 { margin-top: 20px; } .ml_sm--20 { margin-left: 20px; } .mr_sm--20 { margin-right: 20px; } .mb_sm--20 { margin-bottom: 20px; } .ptb_sm--25 { padding: 25px 0; } .plr_sm--25 { padding: 0 25px; } .pt_sm--25 { padding-top: 25px; } .pb_sm--25 { padding-bottom: 25px; } .pl_sm--25 { padding-left: 25px; } .pr_sm--25 { padding-right: 25px; } .mt_sm--25 { margin-top: 25px; } .ml_sm--25 { margin-left: 25px; } .mr_sm--25 { margin-right: 25px; } .mb_sm--25 { margin-bottom: 25px; } .ptb_sm--30 { padding: 30px 0; } .plr_sm--30 { padding: 0 30px; } .pt_sm--30 { padding-top: 30px; } .pb_sm--30 { padding-bottom: 30px; } .pl_sm--30 { padding-left: 30px; } .pr_sm--30 { padding-right: 30px; } .mt_sm--30 { margin-top: 30px; } .ml_sm--30 { margin-left: 30px; } .mr_sm--30 { margin-right: 30px; } .mb_sm--30 { margin-bottom: 30px; } .ptb_sm--35 { padding: 35px 0; } .plr_sm--35 { padding: 0 35px; } .pt_sm--35 { padding-top: 35px; } .pb_sm--35 { padding-bottom: 35px; } .pl_sm--35 { padding-left: 35px; } .pr_sm--35 { padding-right: 35px; } .mt_sm--35 { margin-top: 35px; } .ml_sm--35 { margin-left: 35px; } .mr_sm--35 { margin-right: 35px; } .mb_sm--35 { margin-bottom: 35px; } .ptb_sm--40 { padding: 40px 0; } .plr_sm--40 { padding: 0 40px; } .pt_sm--40 { padding-top: 40px; } .pb_sm--40 { padding-bottom: 40px; } .pl_sm--40 { padding-left: 40px; } .pr_sm--40 { padding-right: 40px; } .mt_sm--40 { margin-top: 40px; } .ml_sm--40 { margin-left: 40px; } .mr_sm--40 { margin-right: 40px; } .mb_sm--40 { margin-bottom: 40px; } .ptb_sm--45 { padding: 45px 0; } .plr_sm--45 { padding: 0 45px; } .pt_sm--45 { padding-top: 45px; } .pb_sm--45 { padding-bottom: 45px; } .pl_sm--45 { padding-left: 45px; } .pr_sm--45 { padding-right: 45px; } .mt_sm--45 { margin-top: 45px; } .ml_sm--45 { margin-left: 45px; } .mr_sm--45 { margin-right: 45px; } .mb_sm--45 { margin-bottom: 45px; } .ptb_sm--50 { padding: 50px 0; } .plr_sm--50 { padding: 0 50px; } .pt_sm--50 { padding-top: 50px; } .pb_sm--50 { padding-bottom: 50px; } .pl_sm--50 { padding-left: 50px; } .pr_sm--50 { padding-right: 50px; } .mt_sm--50 { margin-top: 50px; } .ml_sm--50 { margin-left: 50px; } .mr_sm--50 { margin-right: 50px; } .mb_sm--50 { margin-bottom: 50px; } .ptb_sm--55 { padding: 55px 0; } .plr_sm--55 { padding: 0 55px; } .pt_sm--55 { padding-top: 55px; } .pb_sm--55 { padding-bottom: 55px; } .pl_sm--55 { padding-left: 55px; } .pr_sm--55 { padding-right: 55px; } .mt_sm--55 { margin-top: 55px; } .ml_sm--55 { margin-left: 55px; } .mr_sm--55 { margin-right: 55px; } .mb_sm--55 { margin-bottom: 55px; } .ptb_sm--60 { padding: 60px 0; } .plr_sm--60 { padding: 0 60px; } .pt_sm--60 { padding-top: 60px; } .pb_sm--60 { padding-bottom: 60px; } .pl_sm--60 { padding-left: 60px; } .pr_sm--60 { padding-right: 60px; } .mt_sm--60 { margin-top: 60px; } .ml_sm--60 { margin-left: 60px; } .mr_sm--60 { margin-right: 60px; } .mb_sm--60 { margin-bottom: 60px; } .ptb_sm--65 { padding: 65px 0; } .plr_sm--65 { padding: 0 65px; } .pt_sm--65 { padding-top: 65px; } .pb_sm--65 { padding-bottom: 65px; } .pl_sm--65 { padding-left: 65px; } .pr_sm--65 { padding-right: 65px; } .mt_sm--65 { margin-top: 65px; } .ml_sm--65 { margin-left: 65px; } .mr_sm--65 { margin-right: 65px; } .mb_sm--65 { margin-bottom: 65px; } .ptb_sm--70 { padding: 70px 0; } .plr_sm--70 { padding: 0 70px; } .pt_sm--70 { padding-top: 70px; } .pb_sm--70 { padding-bottom: 70px; } .pl_sm--70 { padding-left: 70px; } .pr_sm--70 { padding-right: 70px; } .mt_sm--70 { margin-top: 70px; } .ml_sm--70 { margin-left: 70px; } .mr_sm--70 { margin-right: 70px; } .mb_sm--70 { margin-bottom: 70px; } .ptb_sm--75 { padding: 75px 0; } .plr_sm--75 { padding: 0 75px; } .pt_sm--75 { padding-top: 75px; } .pb_sm--75 { padding-bottom: 75px; } .pl_sm--75 { padding-left: 75px; } .pr_sm--75 { padding-right: 75px; } .mt_sm--75 { margin-top: 75px; } .ml_sm--75 { margin-left: 75px; } .mr_sm--75 { margin-right: 75px; } .mb_sm--75 { margin-bottom: 75px; } .ptb_sm--80 { padding: 80px 0; } .plr_sm--80 { padding: 0 80px; } .pt_sm--80 { padding-top: 80px; } .pb_sm--80 { padding-bottom: 80px; } .pl_sm--80 { padding-left: 80px; } .pr_sm--80 { padding-right: 80px; } .mt_sm--80 { margin-top: 80px; } .ml_sm--80 { margin-left: 80px; } .mr_sm--80 { margin-right: 80px; } .mb_sm--80 { margin-bottom: 80px; } .ptb_sm--85 { padding: 85px 0; } .plr_sm--85 { padding: 0 85px; } .pt_sm--85 { padding-top: 85px; } .pb_sm--85 { padding-bottom: 85px; } .pl_sm--85 { padding-left: 85px; } .pr_sm--85 { padding-right: 85px; } .mt_sm--85 { margin-top: 85px; } .ml_sm--85 { margin-left: 85px; } .mr_sm--85 { margin-right: 85px; } .mb_sm--85 { margin-bottom: 85px; } .ptb_sm--90 { padding: 90px 0; } .plr_sm--90 { padding: 0 90px; } .pt_sm--90 { padding-top: 90px; } .pb_sm--90 { padding-bottom: 90px; } .pl_sm--90 { padding-left: 90px; } .pr_sm--90 { padding-right: 90px; } .mt_sm--90 { margin-top: 90px; } .ml_sm--90 { margin-left: 90px; } .mr_sm--90 { margin-right: 90px; } .mb_sm--90 { margin-bottom: 90px; } .ptb_sm--95 { padding: 95px 0; } .plr_sm--95 { padding: 0 95px; } .pt_sm--95 { padding-top: 95px; } .pb_sm--95 { padding-bottom: 95px; } .pl_sm--95 { padding-left: 95px; } .pr_sm--95 { padding-right: 95px; } .mt_sm--95 { margin-top: 95px; } .ml_sm--95 { margin-left: 95px; } .mr_sm--95 { margin-right: 95px; } .mb_sm--95 { margin-bottom: 95px; } .ptb_sm--100 { padding: 100px 0; } .plr_sm--100 { padding: 0 100px; } .pt_sm--100 { padding-top: 100px; } .pb_sm--100 { padding-bottom: 100px; } .pl_sm--100 { padding-left: 100px; } .pr_sm--100 { padding-right: 100px; } .mt_sm--100 { margin-top: 100px; } .ml_sm--100 { margin-left: 100px; } .mr_sm--100 { margin-right: 100px; } .mb_sm--100 { margin-bottom: 100px; } .ptb_sm--105 { padding: 105px 0; } .plr_sm--105 { padding: 0 105px; } .pt_sm--105 { padding-top: 105px; } .pb_sm--105 { padding-bottom: 105px; } .pl_sm--105 { padding-left: 105px; } .pr_sm--105 { padding-right: 105px; } .mt_sm--105 { margin-top: 105px; } .ml_sm--105 { margin-left: 105px; } .mr_sm--105 { margin-right: 105px; } .mb_sm--105 { margin-bottom: 105px; } .ptb_sm--110 { padding: 110px 0; } .plr_sm--110 { padding: 0 110px; } .pt_sm--110 { padding-top: 110px; } .pb_sm--110 { padding-bottom: 110px; } .pl_sm--110 { padding-left: 110px; } .pr_sm--110 { padding-right: 110px; } .mt_sm--110 { margin-top: 110px; } .ml_sm--110 { margin-left: 110px; } .mr_sm--110 { margin-right: 110px; } .mb_sm--110 { margin-bottom: 110px; } .ptb_sm--115 { padding: 115px 0; } .plr_sm--115 { padding: 0 115px; } .pt_sm--115 { padding-top: 115px; } .pb_sm--115 { padding-bottom: 115px; } .pl_sm--115 { padding-left: 115px; } .pr_sm--115 { padding-right: 115px; } .mt_sm--115 { margin-top: 115px; } .ml_sm--115 { margin-left: 115px; } .mr_sm--115 { margin-right: 115px; } .mb_sm--115 { margin-bottom: 115px; } .ptb_sm--120 { padding: 120px 0; } .plr_sm--120 { padding: 0 120px; } .pt_sm--120 { padding-top: 120px; } .pb_sm--120 { padding-bottom: 120px; } .pl_sm--120 { padding-left: 120px; } .pr_sm--120 { padding-right: 120px; } .mt_sm--120 { margin-top: 120px; } .ml_sm--120 { margin-left: 120px; } .mr_sm--120 { margin-right: 120px; } .mb_sm--120 { margin-bottom: 120px; } .ptb_sm--125 { padding: 125px 0; } .plr_sm--125 { padding: 0 125px; } .pt_sm--125 { padding-top: 125px; } .pb_sm--125 { padding-bottom: 125px; } .pl_sm--125 { padding-left: 125px; } .pr_sm--125 { padding-right: 125px; } .mt_sm--125 { margin-top: 125px; } .ml_sm--125 { margin-left: 125px; } .mr_sm--125 { margin-right: 125px; } .mb_sm--125 { margin-bottom: 125px; } .ptb_sm--130 { padding: 130px 0; } .plr_sm--130 { padding: 0 130px; } .pt_sm--130 { padding-top: 130px; } .pb_sm--130 { padding-bottom: 130px; } .pl_sm--130 { padding-left: 130px; } .pr_sm--130 { padding-right: 130px; } .mt_sm--130 { margin-top: 130px; } .ml_sm--130 { margin-left: 130px; } .mr_sm--130 { margin-right: 130px; } .mb_sm--130 { margin-bottom: 130px; } .ptb_sm--135 { padding: 135px 0; } .plr_sm--135 { padding: 0 135px; } .pt_sm--135 { padding-top: 135px; } .pb_sm--135 { padding-bottom: 135px; } .pl_sm--135 { padding-left: 135px; } .pr_sm--135 { padding-right: 135px; } .mt_sm--135 { margin-top: 135px; } .ml_sm--135 { margin-left: 135px; } .mr_sm--135 { margin-right: 135px; } .mb_sm--135 { margin-bottom: 135px; } .ptb_sm--140 { padding: 140px 0; } .plr_sm--140 { padding: 0 140px; } .pt_sm--140 { padding-top: 140px; } .pb_sm--140 { padding-bottom: 140px; } .pl_sm--140 { padding-left: 140px; } .pr_sm--140 { padding-right: 140px; } .mt_sm--140 { margin-top: 140px; } .ml_sm--140 { margin-left: 140px; } .mr_sm--140 { margin-right: 140px; } .mb_sm--140 { margin-bottom: 140px; } .ptb_sm--145 { padding: 145px 0; } .plr_sm--145 { padding: 0 145px; } .pt_sm--145 { padding-top: 145px; } .pb_sm--145 { padding-bottom: 145px; } .pl_sm--145 { padding-left: 145px; } .pr_sm--145 { padding-right: 145px; } .mt_sm--145 { margin-top: 145px; } .ml_sm--145 { margin-left: 145px; } .mr_sm--145 { margin-right: 145px; } .mb_sm--145 { margin-bottom: 145px; } .ptb_sm--150 { padding: 150px 0; } .plr_sm--150 { padding: 0 150px; } .pt_sm--150 { padding-top: 150px; } .pb_sm--150 { padding-bottom: 150px; } .pl_sm--150 { padding-left: 150px; } .pr_sm--150 { padding-right: 150px; } .mt_sm--150 { margin-top: 150px; } .ml_sm--150 { margin-left: 150px; } .mr_sm--150 { margin-right: 150px; } .mb_sm--150 { margin-bottom: 150px; } .ptb_sm--155 { padding: 155px 0; } .plr_sm--155 { padding: 0 155px; } .pt_sm--155 { padding-top: 155px; } .pb_sm--155 { padding-bottom: 155px; } .pl_sm--155 { padding-left: 155px; } .pr_sm--155 { padding-right: 155px; } .mt_sm--155 { margin-top: 155px; } .ml_sm--155 { margin-left: 155px; } .mr_sm--155 { margin-right: 155px; } .mb_sm--155 { margin-bottom: 155px; } .ptb_sm--160 { padding: 160px 0; } .plr_sm--160 { padding: 0 160px; } .pt_sm--160 { padding-top: 160px; } .pb_sm--160 { padding-bottom: 160px; } .pl_sm--160 { padding-left: 160px; } .pr_sm--160 { padding-right: 160px; } .mt_sm--160 { margin-top: 160px; } .ml_sm--160 { margin-left: 160px; } .mr_sm--160 { margin-right: 160px; } .mb_sm--160 { margin-bottom: 160px; } .ptb_sm--165 { padding: 165px 0; } .plr_sm--165 { padding: 0 165px; } .pt_sm--165 { padding-top: 165px; } .pb_sm--165 { padding-bottom: 165px; } .pl_sm--165 { padding-left: 165px; } .pr_sm--165 { padding-right: 165px; } .mt_sm--165 { margin-top: 165px; } .ml_sm--165 { margin-left: 165px; } .mr_sm--165 { margin-right: 165px; } .mb_sm--165 { margin-bottom: 165px; } .ptb_sm--170 { padding: 170px 0; } .plr_sm--170 { padding: 0 170px; } .pt_sm--170 { padding-top: 170px; } .pb_sm--170 { padding-bottom: 170px; } .pl_sm--170 { padding-left: 170px; } .pr_sm--170 { padding-right: 170px; } .mt_sm--170 { margin-top: 170px; } .ml_sm--170 { margin-left: 170px; } .mr_sm--170 { margin-right: 170px; } .mb_sm--170 { margin-bottom: 170px; } .ptb_sm--175 { padding: 175px 0; } .plr_sm--175 { padding: 0 175px; } .pt_sm--175 { padding-top: 175px; } .pb_sm--175 { padding-bottom: 175px; } .pl_sm--175 { padding-left: 175px; } .pr_sm--175 { padding-right: 175px; } .mt_sm--175 { margin-top: 175px; } .ml_sm--175 { margin-left: 175px; } .mr_sm--175 { margin-right: 175px; } .mb_sm--175 { margin-bottom: 175px; } .ptb_sm--180 { padding: 180px 0; } .plr_sm--180 { padding: 0 180px; } .pt_sm--180 { padding-top: 180px; } .pb_sm--180 { padding-bottom: 180px; } .pl_sm--180 { padding-left: 180px; } .pr_sm--180 { padding-right: 180px; } .mt_sm--180 { margin-top: 180px; } .ml_sm--180 { margin-left: 180px; } .mr_sm--180 { margin-right: 180px; } .mb_sm--180 { margin-bottom: 180px; } .ptb_sm--185 { padding: 185px 0; } .plr_sm--185 { padding: 0 185px; } .pt_sm--185 { padding-top: 185px; } .pb_sm--185 { padding-bottom: 185px; } .pl_sm--185 { padding-left: 185px; } .pr_sm--185 { padding-right: 185px; } .mt_sm--185 { margin-top: 185px; } .ml_sm--185 { margin-left: 185px; } .mr_sm--185 { margin-right: 185px; } .mb_sm--185 { margin-bottom: 185px; } .ptb_sm--190 { padding: 190px 0; } .plr_sm--190 { padding: 0 190px; } .pt_sm--190 { padding-top: 190px; } .pb_sm--190 { padding-bottom: 190px; } .pl_sm--190 { padding-left: 190px; } .pr_sm--190 { padding-right: 190px; } .mt_sm--190 { margin-top: 190px; } .ml_sm--190 { margin-left: 190px; } .mr_sm--190 { margin-right: 190px; } .mb_sm--190 { margin-bottom: 190px; } .ptb_sm--195 { padding: 195px 0; } .plr_sm--195 { padding: 0 195px; } .pt_sm--195 { padding-top: 195px; } .pb_sm--195 { padding-bottom: 195px; } .pl_sm--195 { padding-left: 195px; } .pr_sm--195 { padding-right: 195px; } .mt_sm--195 { margin-top: 195px; } .ml_sm--195 { margin-left: 195px; } .mr_sm--195 { margin-right: 195px; } .mb_sm--195 { margin-bottom: 195px; } .ptb_sm--200 { padding: 200px 0; } .plr_sm--200 { padding: 0 200px; } .pt_sm--200 { padding-top: 200px; } .pb_sm--200 { padding-bottom: 200px; } .pl_sm--200 { padding-left: 200px; } .pr_sm--200 { padding-right: 200px; } .mt_sm--200 { margin-top: 200px; } .ml_sm--200 { margin-left: 200px; } .mr_sm--200 { margin-right: 200px; } .mb_sm--200 { margin-bottom: 200px; } .pl_sm--0 { padding-left: 0; } .pr_sm--0 { padding-right: 0; } .pt_sm--0 { padding-top: 0; } .pb_sm--0 { padding-bottom: 0; } .mr_sm--0 { margin-right: 0; } .ml_sm--0 { margin-left: 0; } .mt_sm--0 { margin-top: 0; } .mb_sm--0 { margin-bottom: 0; } } @media only screen and (max-width: 575px) { .ptb_mobile--5 { padding: 5px 0; } .plr_mobile--5 { padding: 0 5px; } .pt_mobile--5 { padding-top: 5px; } .pb_mobile--5 { padding-bottom: 5px; } .pl_mobile--5 { padding-left: 5px; } .pr_mobile--5 { padding-right: 5px; } .mt_mobile--5 { margin-top: 5px; } .mb_mobile--5 { margin-bottom: 5px; } .ptb_mobile--10 { padding: 10px 0; } .plr_mobile--10 { padding: 0 10px; } .pt_mobile--10 { padding-top: 10px; } .pb_mobile--10 { padding-bottom: 10px; } .pl_mobile--10 { padding-left: 10px; } .pr_mobile--10 { padding-right: 10px; } .mt_mobile--10 { margin-top: 10px; } .mb_mobile--10 { margin-bottom: 10px; } .ptb_mobile--15 { padding: 15px 0; } .plr_mobile--15 { padding: 0 15px; } .pt_mobile--15 { padding-top: 15px; } .pb_mobile--15 { padding-bottom: 15px; } .pl_mobile--15 { padding-left: 15px; } .pr_mobile--15 { padding-right: 15px; } .mt_mobile--15 { margin-top: 15px; } .mb_mobile--15 { margin-bottom: 15px; } .ptb_mobile--20 { padding: 20px 0; } .plr_mobile--20 { padding: 0 20px; } .pt_mobile--20 { padding-top: 20px; } .pb_mobile--20 { padding-bottom: 20px; } .pl_mobile--20 { padding-left: 20px; } .pr_mobile--20 { padding-right: 20px; } .mt_mobile--20 { margin-top: 20px; } .mb_mobile--20 { margin-bottom: 20px; } .ptb_mobile--25 { padding: 25px 0; } .plr_mobile--25 { padding: 0 25px; } .pt_mobile--25 { padding-top: 25px; } .pb_mobile--25 { padding-bottom: 25px; } .pl_mobile--25 { padding-left: 25px; } .pr_mobile--25 { padding-right: 25px; } .mt_mobile--25 { margin-top: 25px; } .mb_mobile--25 { margin-bottom: 25px; } .ptb_mobile--30 { padding: 30px 0; } .plr_mobile--30 { padding: 0 30px; } .pt_mobile--30 { padding-top: 30px; } .pb_mobile--30 { padding-bottom: 30px; } .pl_mobile--30 { padding-left: 30px; } .pr_mobile--30 { padding-right: 30px; } .mt_mobile--30 { margin-top: 30px; } .mb_mobile--30 { margin-bottom: 30px; } .ptb_mobile--35 { padding: 35px 0; } .plr_mobile--35 { padding: 0 35px; } .pt_mobile--35 { padding-top: 35px; } .pb_mobile--35 { padding-bottom: 35px; } .pl_mobile--35 { padding-left: 35px; } .pr_mobile--35 { padding-right: 35px; } .mt_mobile--35 { margin-top: 35px; } .mb_mobile--35 { margin-bottom: 35px; } .ptb_mobile--40 { padding: 40px 0; } .plr_mobile--40 { padding: 0 40px; } .pt_mobile--40 { padding-top: 40px; } .pb_mobile--40 { padding-bottom: 40px; } .pl_mobile--40 { padding-left: 40px; } .pr_mobile--40 { padding-right: 40px; } .mt_mobile--40 { margin-top: 40px; } .mb_mobile--40 { margin-bottom: 40px; } .ptb_mobile--45 { padding: 45px 0; } .plr_mobile--45 { padding: 0 45px; } .pt_mobile--45 { padding-top: 45px; } .pb_mobile--45 { padding-bottom: 45px; } .pl_mobile--45 { padding-left: 45px; } .pr_mobile--45 { padding-right: 45px; } .mt_mobile--45 { margin-top: 45px; } .mb_mobile--45 { margin-bottom: 45px; } .ptb_mobile--50 { padding: 50px 0; } .plr_mobile--50 { padding: 0 50px; } .pt_mobile--50 { padding-top: 50px; } .pb_mobile--50 { padding-bottom: 50px; } .pl_mobile--50 { padding-left: 50px; } .pr_mobile--50 { padding-right: 50px; } .mt_mobile--50 { margin-top: 50px; } .mb_mobile--50 { margin-bottom: 50px; } .ptb_mobile--55 { padding: 55px 0; } .plr_mobile--55 { padding: 0 55px; } .pt_mobile--55 { padding-top: 55px; } .pb_mobile--55 { padding-bottom: 55px; } .pl_mobile--55 { padding-left: 55px; } .pr_mobile--55 { padding-right: 55px; } .mt_mobile--55 { margin-top: 55px; } .mb_mobile--55 { margin-bottom: 55px; } .ptb_mobile--60 { padding: 60px 0; } .plr_mobile--60 { padding: 0 60px; } .pt_mobile--60 { padding-top: 60px; } .pb_mobile--60 { padding-bottom: 60px; } .pl_mobile--60 { padding-left: 60px; } .pr_mobile--60 { padding-right: 60px; } .mt_mobile--60 { margin-top: 60px; } .mb_mobile--60 { margin-bottom: 60px; } .ptb_mobile--65 { padding: 65px 0; } .plr_mobile--65 { padding: 0 65px; } .pt_mobile--65 { padding-top: 65px; } .pb_mobile--65 { padding-bottom: 65px; } .pl_mobile--65 { padding-left: 65px; } .pr_mobile--65 { padding-right: 65px; } .mt_mobile--65 { margin-top: 65px; } .mb_mobile--65 { margin-bottom: 65px; } .ptb_mobile--70 { padding: 70px 0; } .plr_mobile--70 { padding: 0 70px; } .pt_mobile--70 { padding-top: 70px; } .pb_mobile--70 { padding-bottom: 70px; } .pl_mobile--70 { padding-left: 70px; } .pr_mobile--70 { padding-right: 70px; } .mt_mobile--70 { margin-top: 70px; } .mb_mobile--70 { margin-bottom: 70px; } .ptb_mobile--75 { padding: 75px 0; } .plr_mobile--75 { padding: 0 75px; } .pt_mobile--75 { padding-top: 75px; } .pb_mobile--75 { padding-bottom: 75px; } .pl_mobile--75 { padding-left: 75px; } .pr_mobile--75 { padding-right: 75px; } .mt_mobile--75 { margin-top: 75px; } .mb_mobile--75 { margin-bottom: 75px; } .ptb_mobile--80 { padding: 80px 0; } .plr_mobile--80 { padding: 0 80px; } .pt_mobile--80 { padding-top: 80px; } .pb_mobile--80 { padding-bottom: 80px; } .pl_mobile--80 { padding-left: 80px; } .pr_mobile--80 { padding-right: 80px; } .mt_mobile--80 { margin-top: 80px; } .mb_mobile--80 { margin-bottom: 80px; } .ptb_mobile--85 { padding: 85px 0; } .plr_mobile--85 { padding: 0 85px; } .pt_mobile--85 { padding-top: 85px; } .pb_mobile--85 { padding-bottom: 85px; } .pl_mobile--85 { padding-left: 85px; } .pr_mobile--85 { padding-right: 85px; } .mt_mobile--85 { margin-top: 85px; } .mb_mobile--85 { margin-bottom: 85px; } .ptb_mobile--90 { padding: 90px 0; } .plr_mobile--90 { padding: 0 90px; } .pt_mobile--90 { padding-top: 90px; } .pb_mobile--90 { padding-bottom: 90px; } .pl_mobile--90 { padding-left: 90px; } .pr_mobile--90 { padding-right: 90px; } .mt_mobile--90 { margin-top: 90px; } .mb_mobile--90 { margin-bottom: 90px; } .ptb_mobile--95 { padding: 95px 0; } .plr_mobile--95 { padding: 0 95px; } .pt_mobile--95 { padding-top: 95px; } .pb_mobile--95 { padding-bottom: 95px; } .pl_mobile--95 { padding-left: 95px; } .pr_mobile--95 { padding-right: 95px; } .mt_mobile--95 { margin-top: 95px; } .mb_mobile--95 { margin-bottom: 95px; } .ptb_mobile--100 { padding: 100px 0; } .plr_mobile--100 { padding: 0 100px; } .pt_mobile--100 { padding-top: 100px; } .pb_mobile--100 { padding-bottom: 100px; } .pl_mobile--100 { padding-left: 100px; } .pr_mobile--100 { padding-right: 100px; } .mt_mobile--100 { margin-top: 100px; } .mb_mobile--100 { margin-bottom: 100px; } } .mt-dec-30 { margin-top: -30px; } .mt_dec--30 { margin-top: -30px; } .mt-dec-100 { margin-top: -100px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .mb_dec--35 { margin-bottom: -50px; } } @media only screen and (max-width: 767px) { .mb_dec--35 { margin-bottom: -75px; } } @media only screen and (max-width: 575px) { .mb_dec--35 { margin-bottom: 0; } } .pb_xl--130 { padding-bottom: 100px; } @media only screen and (max-width: 1199px) { .pb_xl--130 { padding-bottom: 110px; } } .mt_dec--120 { margin-top: -120px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .plr_md--0 { padding-left: 0; padding-right: 0; } } .g-24 { --bs-gutter-x: 24px; --bs-gutter-y: 24px; } .g-40 { --bs-gutter-x: 40px; --bs-gutter-y: 40px; } /*# sourceMappingURL=../maps/style.css.map */ .single-project-area-main-wrapper-6 .inner .title { font-size: 18px !important; } .single-project-area-main-wrapper-6 .inner { margin-top: 30px; margin-bottom: 30px; padding: 10px 20px; } .partner-breadcrumb .title-area-left .bg-title { font-size: 50px !important; opacity: 1 !important; }