/*
Theme Name: techintro-child
Theme URI: https://wordpress.org/themes/twentyfourteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Template: techintro
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 3.9
Requires at least: 3.6
Tested up to: 6.5
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, news, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready, block-patterns
Text Domain: twentyfourteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Contributor Page
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries
 * 12.0 - Print
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 *
 * -----------------------------------------------------------------------------
 */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    overflow-x: hidden;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    scroll-padding: 7rem;
}

:root {
    --orange: #A020F0;
    --white: #ffffff;
    --blue: #0D0A3D;
	--purple: #A020F0;
    --color373737: #373737;
    --roboto: "Roboto", sans-serif;
}

/**
 * Remove default margin.
 */

ul {
    list-style: none;
}

a {
    text-decoration: none;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */

    vertical-align: baseline;
    /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
    outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */

    font: inherit;
    /* 2 */

    margin: 0;
    /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
/* 1 */

input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */

    cursor: pointer;
    /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */

    padding: 0;
    /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */

    box-sizing: content-box;
    /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0;
    /* 1 */

    padding: 0;
    /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
    font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

::-moz-selection {
    background-color: #007d9d;
    color: #fff;
    text-shadow: none;
}

::selection {
    background-color: #007d9d;
    color: #fff;
    text-shadow: none;
}

input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
    color: inherit;
    opacity: 0.7;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
    color: inherit;
    opacity: 0.7;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.7;
}

body {
    margin: 0;
    padding: 0;
    font-size: 18px !important;
    overflow-x: hidden;
    color: var(--color373737) !important;
    background: var(--white);
    font-family: var(--roboto) !important;
    position: relative;
}

body p {
    line-height: 28px;
}

.container:after,
.container:before {
    content: " ";
    display: table;
}

.container:after {
    clear: both;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
figure {
    margin: 0;
    padding: 0;
}

img {
    margin: 0;
    padding: 0;
    border: none;
    max-width: 100%;
    height: auto !important;
    display: block;
}

a,
button,
input {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a {
    text-decoration: none !important;
}

/**************global css end*******/

.container {
    position: relative;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
    width: 100% !important;
}


/* Header Start */
header#header {
    position: fixed;
    top: 40px;
    width: 100%;
    z-index: 99;
    transition: all 0.3s ease-in-out;
}

.main_header.fixed {
    position: fixed;
    top: 0 !important;
    left: 0;
    z-index: 999;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    background-color: var(--white);
    width: 100%;
    transition: all 0.3s ease-in-out;
    animation: smoothScroll 1s forwards;
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}


.nav_bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--white);
    border-radius: 100px;
    padding: 12px 12px 12px 30px;
}

.nav_bar .nav_sec ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.nav_bar .nav_sec ul li {
    display: inline-block;
    position: relative;
}

.nav_bar .nav_sec ul li+li {
    margin-left: 34px;
}

.nav_bar .nav_sec ul li a {
    display: block;
    position: relative;
    z-index: 99;
    font-size: 16px;
    line-height: 27px;
}

.nav_bar .nav_sec ul li:not(:last-child) a {
    background: linear-gradient(to right, var(--orange) 50%, var(--blue) 50%);
    background-size: 200% 100%;
    background-position: 100% 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: background-position 0.5s ease;
}

.nav_bar .nav_sec ul li:not(:last-child):hover>a,
.nav_bar .nav_sec ul li:not(:last-child).active>a,
.nav_bar .nav_sec ul li:not(:last-child).current-menu-item>a {
    background-position: 0 0;
}

input[type=submit] {
    border: none;
}

.nav_bar .nav_sec ul li.nav-btn a,
a.cmn-btn,
input[type=submit].cmn-btn {
    background: linear-gradient(85.05deg, #93bcee 4.11%, #A020F0 100.48%);
    color: var(--white);
    min-width: 167px;
    min-height: 56px;
    border-radius: 100px;
    outline: 1px #ffffff8f solid;
    outline-offset: -1px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
    position: relative;
}

input[type=submit].cmn-btn {
    min-width: 179px;
    min-height: 50px;
    font-weight: 400;
    background: #0377A8;
    outline: none;
}

a.cmn-btn,
input[type=submit].cmn-btn {
    margin-top: 20px;
}


.nav_bar .nav_sec ul li.nav-btn a:hover,
a.cmn-btn:hover,
input[type=submit].cmn-btn:hover {
    transform: translateY(-5px);
    box-shadow: 0 3px 10px #0000003c;
}

span.toggle-menu {
    display: none;
}

/* Header End */

/* Banner Start */
.home-banner {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: linear-gradient(259.01deg, #163B57 -2.03%, #0377A8 100.58%);
    padding-top: 120px;
    padding-bottom: 84px;
    color: var(--white);
}

.home-banner::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 175px;
    background: url('data:image/svg+xml,<svg width="1920" height="175" viewBox="0 0 1920 175" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2001_2)"><path fill-rule="evenodd" clip-rule="evenodd" d="M1920 21.9067L1873.6 35.3589C1828.8 48.8111 1737.6 75.7156 1646.4 71.2315C1553.6 66.7474 1462.4 30.8748 1371.2 12.9385C1280 -4.99778 1188.8 -4.99778 1097.6 17.4226C1006.4 39.843 913.6 84.6837 822.4 111.588C731.2 138.493 640 147.461 548.8 138.493C457.6 129.524 366.4 102.62 273.6 102.62C182.4 102.62 91.2 129.524 46.3999 142.977L0 156.429V168.333H46.3999C91.2 168.333 182.4 168.333 273.6 168.333C366.4 168.333 457.6 168.333 548.8 168.333C640 168.333 731.2 168.333 822.4 168.333C913.6 168.333 1006.4 168.333 1097.6 168.333C1188.8 168.333 1280 168.333 1371.2 168.333C1462.4 168.333 1553.6 168.333 1646.4 168.333C1737.6 168.333 1828.8 168.333 1873.6 168.333H1920V21.9067Z" fill="%23A020F0"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1920 47.5169L1873.6 59.8371C1828.8 72.1572 1737.6 96.7974 1646.4 92.6907C1553.6 88.584 1462.4 49.1098 1371.2 32.6829C1280 16.2561 1188.8 16.2561 1097.6 36.7896C1006.4 57.3232 913.6 98.3902 822.4 123.03C731.2 147.671 640 155.884 548.8 147.671C457.6 139.457 366.4 106.684 273.6 106.684C182.4 106.684 91.2 131.324 46.3999 143.644L0 155.964V175H46.3999C91.2 175 182.4 175 273.6 175C366.4 175 457.6 175 548.8 175C640 175 731.2 175 822.4 175C913.6 175 1006.4 175 1097.6 175C1188.8 175 1280 175 1371.2 175C1462.4 175 1553.6 175 1646.4 175C1737.6 175 1828.8 175 1873.6 175H1920V47.5169Z" fill="white"/></g><defs><clipPath id="clip0_2001_2"><rect width="1920" height="175" fill="white"/></clipPath></defs></svg>') no-repeat center bottom;
    background-size: cover;
}

.banner-content {
    position: relative;
    z-index: 9;
}

.banner-content h1 {
    font-weight: 700;
    font-size: 56px;
    line-height: 64px;
    margin-bottom: 15px;
}

.banner-content a.cmn-btn {
    margin-top: 33px;
}

.banner-bubble {
    position: absolute;
    left: 0;
    bottom: 0;
}

/* Banner css end */

.main-heading h2 {
    font-weight: 700;
    font-size: 48px;
    line-height: 58px;
    color: #104862;
    margin-bottom: 20px;
}

.main-heading h2 em {
    color: var(--purple);
    font-style: normal;
}

.about-sec {
    padding: 40px 0 275px;
    background-image: url('data:image/svg+xml,<svg width="1439" height="1481" viewBox="0 0 1439 1481" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2011_8)"><g filter="url(%23filter0_f_2011_8)"><path fill-rule="evenodd" clip-rule="evenodd" d="M1537.69 513.814C1469.75 573.975 1393.53 639.169 1317.93 640.914C1240.95 642.691 1190.23 589.812 1177.69 522.125C1167 464.431 1227.89 399.665 1261.12 334.25C1301.41 254.911 1305.52 156.012 1386.97 110.064C1473.74 61.1254 1558.01 92.7624 1617.02 133.5C1672.25 171.632 1701.5 236.91 1685.03 315.843C1669.71 389.316 1604.06 455.041 1537.69 513.814Z" fill="%23E6FCFA"/></g><path opacity="0.05" fill-rule="evenodd" clip-rule="evenodd" d="M1395.67 546.476C1497.13 518.662 1579 609.535 1638.79 696.093C1684.36 762.077 1686.83 842.657 1649.16 913.455C1591.38 1022.06 1524.09 1161.39 1403.11 1139.07C1261.13 1112.87 1170.9 969.229 1169.09 824.859C1167.43 692.59 1268.1 581.449 1395.67 546.476Z" fill="%235EC3EE"/><path opacity="0.05" fill-rule="evenodd" clip-rule="evenodd" d="M-10.3837 548.119C89.8441 520.891 155.281 630.894 217.312 714.196C270.469 785.582 328.169 867.561 285.755 945.81C231.449 1046 123.697 1117.96 12.8952 1091.32C-108.984 1062.01 -197.464 953.569 -202.831 828.331C-208.195 703.172 -131.276 580.96 -10.3837 548.119Z" fill="%2305E3D1"/><circle cx="173.5" cy="173.5" r="173.5" transform="matrix(-0.998038 -0.0626132 -0.0626132 0.998038 1561.56 1134.73)" fill="url(%23paint0_radial_2011_8)"/></g><defs><filter id="filter0_f_2011_8" x="876.447" y="-214.797" width="1113.16" height="1155.75" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="150" result="effect1_foregroundBlur_2011_8"/></filter><radialGradient id="paint0_radial_2011_8" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(221 42.5) rotate(114.97) scale(297.289)"><stop stop-color="%2338E6DB" stop-opacity="0.15"/><stop offset="1" stop-color="white" stop-opacity="0.2"/></radialGradient><clipPath id="clip0_2011_8"><rect width="1439" height="1481" fill="white"/></clipPath></defs></svg>');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100%;
    position: relative;
}

.about-holder:nth-child(even) .row {
    flex-direction: row-reverse;
}

.consulting-sec {
    position: relative;
    background: #d4f1f9;
    margin-top: -240px;
    padding: 295px 0 174px;
}

.consulting-sec::before {
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    bottom: -140px;
    width: 100%;
    height: 222px;
    background: url('data:image/svg+xml,<svg width="1920" height="222" viewBox="0 0 1920 222" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2002_5)"><mask id="mask0_2002_5" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="1920" height="222"><path d="M1920 0H0V222H1920V0Z" fill="white"/></mask><g mask="url(%23mask0_2002_5)"><mask id="mask1_2002_5" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="-37" width="1920" height="268"><path d="M1920 -36.3333H0V230.333H1920V-36.3333Z" fill="white"/></mask><g mask="url(%23mask1_2002_5)"><path d="M0 -36.3333H1920V185C1920 185 1816 137 1688 122.333C1506.67 117.667 1470 237 1204.67 214.333C1132 199 816 61.0001 695.333 48.3334C582.672 64.428 401.333 152.333 269.333 191.667C67.3333 176.333 0 157 0 157V-36.3333Z" fill="white"/><path d="M540.017 65.5743C628.873 31.0393 719.816 24.1881 813.364 51.9415C906.913 79.6951 1004.67 141.933 1098.74 176.608C1192.81 211.283 1284.79 218.272 1374.69 197.579C1464.59 176.885 1552.4 128.509 1644.95 121.537C1735.88 114.687 1829.96 149.36 1876.2 166.757L1924.03 184.035L1924.01 187.019L1878.35 172.347C1832.25 156.905 1738.48 120.42 1647.55 127.271C1555 134.243 1467.83 191.121 1377.83 210.511C1287.83 229.899 1195.95 224.213 1102.17 193.452C1008.4 162.691 911.136 106.973 817.832 82.4806C724.528 57.9879 633.585 64.8391 544.532 96.7657C455.48 128.692 369.077 195.801 277.012 209.041C186.541 222.161 92.7643 191.4 46.6742 175.96L-1.01075 160.637V290.809L-6.62012 290.824L-6.19044 120.645L41.6429 137.921C87.8805 155.319 181.952 189.993 272.372 176.221C364.389 162.329 451.16 100.109 540.017 65.5743Z" fill="%23A020F0"/></g></g></g><defs><clipPath id="clip0_2002_5"><rect width="1920" height="222" fill="white"/></clipPath></defs></svg>') no-repeat top;
    background-size: cover;
}

.consulting-sec::after {
    content: '';
    bottom: 0;
    left: 0;
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 163px;
    background: url('data:image/svg+xml,<svg width="1440" height="163" viewBox="0 0 1440 163" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2002_16)"><path fill-rule="evenodd" clip-rule="evenodd" d="M-1 78.3313H106.2C211.8 78.3313 426.2 78.3313 639 91.3865C851.8 104.442 1066.2 130.552 1279 117.497C1491.8 104.442 1706.2 52.2209 1811.8 26.1104L1919 0V144H1811.8C1706.2 144 1491.8 144 1279 144C1066.2 144 851.8 144 639 144C426.2 144 211.8 144 106.2 144H-1V78.3313Z" fill="%23A020F0"/><path fill-rule="evenodd" clip-rule="evenodd" d="M-1 88.986H106.2C211.8 88.986 426.2 88.986 639 102.091C851.8 115.195 1065.81 147.286 1279 137.546C1537.67 125.728 1680.33 94.8183 1821.67 64.8183L1919 43V163H1811.8C1706.2 163 1491.8 163 1279 163C1066.2 163 851.8 163 639 163C426.2 163 211.8 163 106.2 163H-1V88.986Z" fill="white"/></g><defs><clipPath id="clip0_2002_16"><rect width="1440" height="163" fill="white"/></clipPath></defs></svg>') no-repeat bottom;
    background-size: cover;
}

.consulting-sec>.container>.main-heading h2 {
    color: var(--purple);
}

.consult-box {
    background: var(--white);
    border: 1px solid #F6F7FFCC;
    border-radius: 45px;
    padding: 0 37px 53px;
    height: 100%;
    position: relative;
}

.consulting-sec .row>* {
    margin: 100px 0 16px 0;
}

/* .consult-box::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -128px;
    width: 100%;
    height: 262px;
    background: url('data:image/svg+xml,<svg width="622" height="262" viewBox="0 0 622 262" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_f_24_526)"><rect x="100" y="99.9995" width="422" height="62" rx="31" fill="%23032037"/><rect x="100.5" y="100.5" width="421" height="61" rx="30.5" stroke="white" stroke-opacity="0.8"/></g><defs><filter id="filter0_f_24_526" x="0" y="-0.000488281" width="622" height="262" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="50" result="effect1_foregroundBlur_24_526"/></filter></defs></svg>') no-repeat bottom;
    background-size: contain;
} */

.consult-box .main-heading h2,
.training-box .main-heading h2,
.contact-social-links .main-heading h2,
.why-chooseus-part .main-heading h2 {
    font-size: 30px;
    line-height: 28px;
    position: relative;
    z-index: 1;
}

.consult-box .main-heading h2 {
	color: #104862;
}

.why-chooseus-part {
    text-align: center;
    margin: 15px 0;
}

.consult-box p {
    position: relative;
    z-index: 1;
}

.solution-training-sec {
    background: url('data:image/svg+xml,<svg width="1524" height="1648" viewBox="0 0 1524 1648" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2023_26)"><circle cx="141.546" cy="-7.5" r="173.5" fill="url(%23paint0_radial_2023_26)"/><circle cx="57.0693" cy="468.023" r="173.5" transform="rotate(-3.58982 57.0693 468.023)" fill="url(%23paint1_radial_2023_26)" fill-opacity="0.67"/><circle cx="294.325" cy="555.277" r="108.686" transform="rotate(-3.58982 294.325 555.277)" fill="url(%23paint2_radial_2023_26)" fill-opacity="0.67"/><circle cx="49.023" cy="1386.98" r="173.5" transform="rotate(-3.58982 49.023 1386.98)" fill="url(%23paint3_radial_2023_26)"/><circle cx="286.278" cy="1474.24" r="108.686" transform="rotate(-3.58982 286.278 1474.24)" fill="url(%23paint4_radial_2023_26)"/><g filter="url(%23filter0_f_2023_26)"><path fill-rule="evenodd" clip-rule="evenodd" d="M1552.9 1451.49C1484.96 1511.65 1408.73 1576.85 1333.14 1578.59C1256.16 1580.37 1205.43 1527.49 1192.89 1459.8C1182.21 1402.11 1243.1 1337.34 1276.32 1271.93C1316.62 1192.59 1320.72 1093.69 1402.18 1047.74C1488.94 998.805 1573.22 1030.44 1632.22 1071.18C1687.46 1109.31 1716.7 1174.59 1700.24 1253.52C1684.91 1327 1619.27 1392.72 1552.9 1451.49Z" fill="%23E6FCFA"/></g></g><defs><filter id="filter0_f_2023_26" x="891.652" y="722.883" width="1113.16" height="1155.75" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="150" result="effect1_foregroundBlur_2023_26"/></filter><radialGradient id="paint0_radial_2023_26" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(189.046 -138.5) rotate(114.97) scale(297.289)"><stop stop-color="%23103251" stop-opacity="0.26"/><stop offset="1" stop-color="%233886D1" stop-opacity="0"/></radialGradient><radialGradient id="paint1_radial_2023_26" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(104.569 337.023) rotate(114.97) scale(297.289)"><stop stop-color="%235EC3EE" stop-opacity="0.15"/><stop offset="1" stop-color="white" stop-opacity="0.2"/></radialGradient><radialGradient id="paint2_radial_2023_26" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(324.08 473.214) rotate(114.97) scale(186.232)"><stop stop-color="%235EC3EE" stop-opacity="0.15"/><stop offset="1" stop-color="white" stop-opacity="0.2"/></radialGradient><radialGradient id="paint3_radial_2023_26" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(96.5229 1255.98) rotate(114.97) scale(297.289)"><stop stop-color="%2338E6DB" stop-opacity="0.15"/><stop offset="1" stop-color="white" stop-opacity="0.2"/></radialGradient><radialGradient id="paint4_radial_2023_26" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(316.034 1392.17) rotate(114.97) scale(186.232)"><stop stop-color="%2338E6DB" stop-opacity="0.15"/><stop offset="1" stop-color="white" stop-opacity="0.2"/></radialGradient><clipPath id="clip0_2023_26"><rect width="1524" height="1648" fill="white"/></clipPath></defs></svg>') no-repeat center top;
    background-size: 100%;
}

.solution-sec {
    padding: 80px 0 230px;
    position: relative;
}

.solution-sec::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 175px;
    background: url('data:image/svg+xml,<svg width="1920" height="175" viewBox="0 0 1920 175" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2002_19)"><path fill-rule="evenodd" clip-rule="evenodd" d="M1920 21.9067L1873.6 35.3589C1828.8 48.8111 1737.6 75.7156 1646.4 71.2315C1553.6 66.7474 1462.4 30.8748 1371.2 12.9385C1280 -4.99778 1188.8 -4.99778 1097.6 17.4226C1006.4 39.843 913.6 84.6837 822.4 111.588C731.2 138.493 640 147.461 548.8 138.493C457.6 129.524 366.4 102.62 273.6 102.62C182.4 102.62 91.2 129.524 46.3999 142.977L0 156.429V168.333H46.3999C91.2 168.333 182.4 168.333 273.6 168.333C366.4 168.333 457.6 168.333 548.8 168.333C640 168.333 731.2 168.333 822.4 168.333C913.6 168.333 1006.4 168.333 1097.6 168.333C1188.8 168.333 1280 168.333 1371.2 168.333C1462.4 168.333 1553.6 168.333 1646.4 168.333C1737.6 168.333 1828.8 168.333 1873.6 168.333H1920V21.9067Z" fill="%23A020F0"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1920 47.5169L1873.6 59.8371C1828.8 72.1572 1737.6 96.7974 1646.4 92.6907C1553.6 88.584 1462.4 49.1098 1371.2 32.6829C1280 16.2561 1188.8 16.2561 1097.6 36.7896C1006.4 57.3232 913.6 98.3902 822.4 123.03C731.2 147.671 640 155.884 548.8 147.671C457.6 139.457 366.4 106.684 273.6 106.684C182.4 106.684 91.2 131.324 46.3999 143.644L0 155.964V175H46.3999C91.2 175 182.4 175 273.6 175C366.4 175 457.6 175 548.8 175C640 175 731.2 175 822.4 175C913.6 175 1006.4 175 1097.6 175C1188.8 175 1280 175 1371.2 175C1462.4 175 1553.6 175 1646.4 175C1737.6 175 1828.8 175 1873.6 175H1920V47.5169Z" fill="%23D4F1F9"/></g><defs><clipPath id="clip0_2002_19"><rect width="1920" height="175" fill="white"/></clipPath></defs></svg>') no-repeat center bottom;
    background-size: cover;
}

.solution-sec>.container>.main-heading h2,
.training-sec>.container>.main-heading h2,
.why-chooseus-sec>.container>.main-heading h2 {
    color: var(--purple);
}

.solution-box {
    background: var(--white);
    padding: 0 34px 64px 34px;
    height: 100%;
    position: relative;
    border-radius: 40px;
}

.solution-box::after,
.training-box::after,
.consult-box::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 40px;
    border: 2px solid transparent;
    background: linear-gradient(85.73deg, rgba(116, 75, 255, 0.2) -4.16%, rgba(5, 227, 209, 0.2) 100%) border-box;
    mask:
        linear-gradient(var(--white) 0 0) padding-box,
        linear-gradient(var(--white) 0 0);
    mask-composite: exclude;
}

.consult-box::after {
    inset: -1px;
}

.solution-box::before,
.consult-box::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -70px;
    width: 100%;
    height: 207px;
    background: url('data:image/svg+xml,<svg width="538" height="207" viewBox="0 0 538 207" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_f_24_542)"><rect x="60.5627" y="60.9268" width="416.874" height="86.0728" rx="22" fill="%235EC3EE" fill-opacity="0.2"/></g><defs><filter id="filter0_f_24_542" x="0.562744" y="0.926758" width="536.875" height="206.073" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="30" result="effect1_foregroundBlur_24_542"/></filter></defs></svg>') no-repeat center;
    background-size: contain;
    z-index: -1;
}

.solution-box h3 {
    font-weight: 400;
    font-size: 30px;
    line-height: 25.63px;
    color: #104862;
    margin-bottom: 25px;
    font-weight: 700;
}

.solution-box h3 em,
.why-chooseus-part .main-heading h2 em {
    color: var(--purple);
    font-style: normal;
}

.solution-sec .row>* {
    margin: 100px 0 22px 0;
}

.why-chooseus-sec {
    padding: 40px 0;
}

.why-choose-img img {
    border-radius: 50%;
    max-width: 350px;
    min-height: 350px !important;
    margin: 0 auto 30px;
    width: 100%;
}

.training-sec {
    padding: 40px 0 262px;
    background: #d4f1f9;
}

.training-box {
    background: var(--white);
    padding: 0 34px 90px;
    height: 100%;
    position: relative;
    border-radius: 45px;
}

.training-box::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -75px;
    width: 100%;
    height: 297px;
    background: url('data:image/svg+xml,<svg width="605" height="297" viewBox="0 0 605 297" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_f_24_585)"><rect x="50" y="50" width="505" height="197" rx="98.5" fill="%23CFCFCF" fill-opacity="0.3"/></g><defs><filter id="filter0_f_24_585" x="0" y="0" width="605" height="297" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="25" result="effect1_foregroundBlur_24_585"/></filter></defs></svg>') no-repeat center;
    background-size: contain;
    z-index: -1;
}

.training-img {
    text-align: center;
    position: relative;
    z-index: 9;
}

.training-img img {
    margin: -76px auto 57px;
    border-radius: 50px;
    display: inline-block;
    height: 252px !important;
    object-fit: contain;
}

.training-sec .row>* {
    margin: 100px 0 15px;
}

.training-content p {
    font-size: 16px;
    line-height: 26px;
}

.product-sec {
    background: linear-gradient(253.73deg, #0377A8 1.56%, #163B57 99.71%);
    position: relative;
    padding: 0 0 217px 0;
    color: var(--white);
    position: relative;
}

.product-sec::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 182px;
    background: url('data:image/svg+xml,<svg width="1920" height="182" viewBox="0 0 1920 182" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2002_22)"><mask id="mask0_2002_22" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="1920" height="182"><path d="M1920 0H0V182H1920V0Z" fill="white"/></mask><g mask="url(%23mask0_2002_22)"><path fill-rule="evenodd" clip-rule="evenodd" d="M-22.3223 94.8536L86.1412 94.3866C192.986 93.9266 409.913 92.9926 625.334 106.48C840.754 119.968 1057.91 147.864 1273.1 132.522C1488.3 117.18 1704.77 58.5866 1811.39 29.2968L1919.63 0L1920.87 158.997L1812.41 159.464C1705.57 159.924 1488.64 160.858 1273.33 161.785C1058.02 162.712 841.097 163.646 625.789 164.573C410.481 165.501 193.554 166.435 86.7094 166.895L-21.7541 167.362L-22.3223 94.8536Z" fill="%23A020F0"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0.233493 98.5003L108.698 98.6416C215.544 98.7807 432.475 99.0632 647.755 113.759C863.035 128.454 1079.5 164.036 1295.22 153.602C1556.97 140.943 1701.39 107.131 1844.47 74.3175L1943 50.4458L1942.72 182.445L1834.25 182.304C1727.4 182.165 1510.47 181.882 1295.16 181.602C1079.85 181.322 862.921 181.039 647.61 180.759C432.299 180.478 215.369 180.196 108.522 180.057L0.0576172 179.915L0.233493 98.5003Z" fill="white"/></g></g><defs><clipPath id="clip0_2002_22"><rect width="1920" height="182" fill="white"/></clipPath></defs></svg>') no-repeat top;
    background-size: cover;
}

.product-box {
    position: relative;
    padding: 75px 84px;
    color: var(--white); 
    background: linear-gradient(85.05deg, #0377A8 4.11%, #05A199 100.48%);
    border-radius: 66px;
    margin-top: -135px;
}

.product-box .main-heading {
    position: relative;
    z-index: 9;
}

.product-sec .main-heading h2 {
    color: var(--white);
}

.product-box::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 66px;
    border: 1px solid transparent;
    background: linear-gradient(265.15deg, #B4F7F1 0%, #E9E1FF 106.08%) border-box;
    mask:
        linear-gradient(var(--white) 0 0) padding-box,
        linear-gradient(var(--white) 0 0);
    mask-composite: exclude;
}

.product-box::before {
    content: '';
    position: absolute;
    left: 0;
    top: -125px;
    width: 100%;
    height: 308px;
    background: url('data:image/svg+xml,<svg width="1235" height="308" viewBox="0 0 1235 308" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_f_24_606)"><rect x="100" y="100" width="1034.11" height="107.931" rx="53.9656" fill="%2300FFFF" fill-opacity="0.16"/></g><defs><filter id="filter0_f_24_606" x="0" y="0" width="1234.11" height="307.931" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="50" result="effect1_foregroundBlur_24_606"/></filter></defs></svg>')no-repeat center;
    background-size: cover;
    z-index: -1;
}

.product-box p:last-child {
    margin: 0;
}

.product-bubble {
    position: absolute;
    right: 0;
    bottom: 0;
}

.product-content-area {
    margin-top: 95px;
}

.product-text-content {
    padding-left: 88px;
}

.product-content-img img {
    width: 100%;
    border-radius: 28px;
}

.bottom-sec {
    padding: 86px 0 53px;
    background: url('data:image/svg+xml,<svg width="1439" height="1309" viewBox="0 0 1439 1309" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_2023_30)"><rect opacity="0.1" x="-871" y="1041.05" width="935" height="935" rx="170" transform="rotate(-65.3874 -871 1041.05)" fill="%230377A8" fill-opacity="0.51"/><rect opacity="0.1" x="1023" y="218.05" width="935" height="935" rx="170" transform="rotate(-65.3874 1023 218.05)" fill="%230377A8" fill-opacity="0.38"/></g><defs><clipPath id="clip0_2023_30"><rect width="1439" height="1309" fill="white"/></clipPath></defs></svg>') no-repeat center;
    background-size: cover;
}

.contact-sec {
    padding-bottom: 50px;
}

.contact-left {
    /* background: #103251; */
    color: var(--white);
    padding: 60px 35px;
    border-radius: 45px;
    position: relative;
    background: linear-gradient(259.01deg, #163B57 -2.03%, #0377A8 100.58%);
}

.contact-left::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -150px;
    width: 100%;
    height: 463px;
    background: url('data:image/svg+xml,<svg width="705" height="463" viewBox="0 0 705 463" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_f_24_619)"><rect x="100" y="100" width="505" height="263" rx="100" fill="%230A4D66" fill-opacity="0.32"/></g><defs><filter id="filter0_f_24_619" x="0" y="0" width="705" height="463" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="50" result="effect1_foregroundBlur_24_619"/></filter></defs></svg>') no-repeat center;
    background-size: contain;
    z-index: -1;
}


.contact-left .main-heading h2 {
    font-size: 34px;
    line-height: 44px;
    color: var(--white);
    margin-bottom: 40px;
}

input.custom-form-control,
select.custom-form-control,
textarea.custom-form-control {
    width: 100%;
    box-shadow: 0px 4px 10px 0px #00000033 inset;
    border: 1.5px solid #3886D1;
    background-color: var(--white);
    height: 54px;
    border-radius: 100px;
    font-size: 15px;
    line-height: 26px;
    color: #5C5C5C;
    padding: 10px 20px;
    outline: none;
}

input.custom-form-control::placeholder,
select.custom-form-control::placeholder,
textarea.custom-form-control::placeholder {
    color: #5C5C5C;
}

.custom-form-wrapper {
    margin-bottom: 20px;
}

textarea.custom-form-control {
    height: 98px;
    border-radius: 32px;
    padding: 20px;
}

.contact-right .main-heading h2 {
    margin-bottom: 15px;
}

.contact-list {
    display: flex;
    align-items: center;
    gap: 30px;
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 25px;
	color: #104862;
}

.contact-list a {
    color: #104862;
}

.contact-list a:hover {
    color: var(--purple);
}

.contact-list .item:first-child {
    width: 35px;
}

.contact-social-links {
    margin-top: 35px;
}

.contact-social-links ul {
    padding: 0;
    margin: 25px 0 0 0;
    display: flex;
    gap: 22px;
}

.contact-social-links ul li a {
    width: 68px;
    height: 68px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #103251;
    color: var(--white);
    border-radius: 50%;
}

.contact-social-links ul li a:hover {
    transform: translateY(-5px);
}

.contact-social-links ul li i {
    font-size: 27px;
}

footer.main-footer {
    padding-top: 50px;
}

.footer-box {
    /* background: #103251; */
    color: var(--white);
    border-radius: 60px;
    padding: 35px;
    background: linear-gradient(259.01deg, #163B57 -2.03%, #0377A8 100.58%);
}

.footer-box h4 {
    font-weight: 500;
    font-size: 22px;
    line-height: 34px;
    color: var(--white);
}

.footer-up {
    border-bottom: 1px #9F9F9F solid;
    padding-bottom: 35px;
    margin-bottom: 35px;
}

.footer-logo {
    padding: 60px 0 0 30px;
}

.footer-link ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.footer-link ul li {
    width: 50%;
    float: left;
    margin-top: 25px;
}

.footer-link ul li a {
    background: linear-gradient(to right, var(--orange) 50%, var(--white) 50%);
    background-size: 200% 100%;
    background-position: 100% 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: background-position 0.5s ease;
}

.footer-link ul li a:hover {
    background-position: 0 0;
}

.footer-down {
    text-align: center;
}

.footer-down a {
    color: var(--white);
}

.footer-down a:hover {
    color: var(--orange);
}

.footer-top-show {
    position: fixed;
    right: 20px;
    bottom: 30px;
    z-index: 9;
    display: none;
}

a.top-scroll-arrow {
    background-color: var(--purple);
    color: var(--white);
    padding: 10px 14px;
    border-radius: 10px;
}

.footer-logo img {
    max-width: 260px;
}