/* fonts import start */
@font-face {
    font-family: 'Clash Display';
    src: url('../fonts/clash-display/false.eot');
    src: url('../fonts/clash-display/false.eot?#iefix') format('embedded-opentype'),
    url('../fonts/clash-display/false.woff2') format('woff2'),
    url('../fonts/clash-display/false.woff') format('woff'),
    url('../fonts/clash-display/false.ttf') format('truetype'),
    url('../fonts/clash-display/false.svg#false') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clash Display';
    src: url('../fonts/clash-display/ClashDisplay-Light.eot');
    src: url('../fonts/clash-display/ClashDisplay-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/clash-display/ClashDisplay-Light.woff2') format('woff2'),
    url('../fonts/clash-display/ClashDisplay-Light.woff') format('woff'),
    url('../fonts/clash-display/ClashDisplay-Light.ttf') format('truetype'),
    url('../fonts/clash-display/ClashDisplay-Light.svg#ClashDisplay-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clash Display';
    src: url('../fonts/clash-display/false_1.eot');
    src: url('../fonts/clash-display/false_1.eot?#iefix') format('embedded-opentype'),
    url('../fonts/clash-display/false_1.woff2') format('woff2'),
    url('../fonts/clash-display/false_1.woff') format('woff'),
    url('../fonts/clash-display/false_1.ttf') format('truetype'),
    url('../fonts/clash-display/false_1.svg#false') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clash Display';
    src: url('../fonts/clash-display/false_2.eot');
    src: url('../fonts/clash-display/false_2.eot?#iefix') format('embedded-opentype'),
    url('../fonts/clash-display/false_2.woff2') format('woff2'),
    url('../fonts/clash-display/false_2.woff') format('woff'),
    url('../fonts/clash-display/false_2.ttf') format('truetype'),
    url('../fonts/clash-display/false_2.svg#false') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clash Display';
    src: url('../fonts/clash-display/false_3.eot');
    src: url('../fonts/clash-display/false_3.eot?#iefix') format('embedded-opentype'),
    url('../fonts/clash-display/false_3.woff2') format('woff2'),
    url('../fonts/clash-display/false_3.woff') format('woff'),
    url('../fonts/clash-display/false_3.ttf') format('truetype'),
    url('../fonts/clash-display/false_3.svg#false') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clash Display';
    src: url('../fonts/clash-display/ClashDisplay-Bold.eot');
    src: url('../fonts/clash-display/ClashDisplay-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/clash-display/ClashDisplay-Bold.woff2') format('woff2'),
    url('../fonts/clash-display/ClashDisplay-Bold.woff') format('woff'),
    url('../fonts/clash-display/ClashDisplay-Bold.ttf') format('truetype'),
    url('../fonts/clash-display/ClashDisplay-Bold.svg#ClashDisplay-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'false';
    src: url('../fonts/clash-display/false_4.eot');
    src: url('../fonts/clash-display/false_4.eot?#iefix') format('embedded-opentype'),
    url('../fonts/clash-display/false_4.woff2') format('woff2'),
    url('../fonts/clash-display/false_4.woff') format('woff'),
    url('../fonts/clash-display/false_4.ttf') format('truetype'),
    url('../fonts/clash-display/false_4.svg#false') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clash Display';
    src: url('../fonts/clash-display/ClashDisplay-Extralight.eot');
    src: url('../fonts/clash-display/ClashDisplay-Extralight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/clash-display/ClashDisplay-Extralight.woff2') format('woff2'),
    url('../fonts/clash-display/ClashDisplay-Extralight.woff') format('woff'),
    url('../fonts/clash-display/ClashDisplay-Extralight.ttf') format('truetype'),
    url('../fonts/clash-display/ClashDisplay-Extralight.svg#ClashDisplay-Extralight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clash Display';
    src: url('../fonts/clash-display/ClashDisplay-Medium.eot');
    src: url('../fonts/clash-display/ClashDisplay-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/clash-display/ClashDisplay-Medium.woff2') format('woff2'),
    url('../fonts/clash-display/ClashDisplay-Medium.woff') format('woff'),
    url('../fonts/clash-display/ClashDisplay-Medium.ttf') format('truetype'),
    url('../fonts/clash-display/ClashDisplay-Medium.svg#ClashDisplay-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'false';
    src: url('../fonts/clash-display/false_5.eot');
    src: url('../fonts/clash-display/false_5.eot?#iefix') format('embedded-opentype'),
    url('../fonts/clash-display/false_5.woff2') format('woff2'),
    url('../fonts/clash-display/false_5.woff') format('woff'),
    url('../fonts/clash-display/false_5.ttf') format('truetype'),
    url('../fonts/clash-display/false_5.svg#false') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clash Display';
    src: url('../fonts/clash-display/false_6.eot');
    src: url('../fonts/clash-display/false_6.eot?#iefix') format('embedded-opentype'),
    url('../fonts/clash-display/false_6.woff2') format('woff2'),
    url('../fonts/clash-display/false_6.woff') format('woff'),
    url('../fonts/clash-display/false_6.ttf') format('truetype'),
    url('../fonts/clash-display/false_6.svg#false') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'false';
    src: url('../fonts/clash-display/false_7.eot');
    src: url('../fonts/clash-display/false_7.eot?#iefix') format('embedded-opentype'),
    url('../fonts/clash-display/false_7.woff2') format('woff2'),
    url('../fonts/clash-display/false_7.woff') format('woff'),
    url('../fonts/clash-display/false_7.ttf') format('truetype'),
    url('../fonts/clash-display/false_7.svg#false') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clash Display';
    src: url('../fonts/clash-display/ClashDisplay-Regular.eot');
    src: url('../fonts/clash-display/ClashDisplay-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/clash-display/ClashDisplay-Regular.woff2') format('woff2'),
    url('../fonts/clash-display/ClashDisplay-Regular.woff') format('woff'),
    url('../fonts/clash-display/ClashDisplay-Regular.ttf') format('truetype'),
    url('../fonts/clash-display/ClashDisplay-Regular.svg#ClashDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clash Display';
    src: url('../fonts/clash-display/false_8.eot');
    src: url('../fonts/clash-display/false_8.eot?#iefix') format('embedded-opentype'),
    url('../fonts/clash-display/false_8.woff2') format('woff2'),
    url('../fonts/clash-display/false_8.woff') format('woff'),
    url('../fonts/clash-display/false_8.ttf') format('truetype'),
    url('../fonts/clash-display/false_8.svg#false') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'false';
    src: url('../fonts/clash-display/false_9.eot');
    src: url('../fonts/clash-display/false_9.eot?#iefix') format('embedded-opentype'),
    url('../fonts/clash-display/false_9.woff2') format('woff2'),
    url('../fonts/clash-display/false_9.woff') format('woff'),
    url('../fonts/clash-display/false_9.ttf') format('truetype'),
    url('../fonts/clash-display/false_9.svg#false') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clash Display Variable';
    src: url('../fonts/clash-display/ClashDisplayVariable-Bold.eot');
    src: url('../fonts/clash-display/ClashDisplayVariable-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/clash-display/ClashDisplayVariable-Bold.woff2') format('woff2'),
    url('../fonts/clash-display/ClashDisplayVariable-Bold.woff') format('woff'),
    url('../fonts/clash-display/ClashDisplayVariable-Bold.ttf') format('truetype'),
    url('../fonts/clash-display/ClashDisplayVariable-Bold.svg#ClashDisplayVariable-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clash Display Variable';
    src: url('../fonts/clash-display/ClashDisplayVariable-Bold_1.eot');
    src: url('../fonts/clash-display/ClashDisplayVariable-Bold_1.eot?#iefix') format('embedded-opentype'),
    url('../fonts/clash-display/ClashDisplayVariable-Bold_1.woff2') format('woff2'),
    url('../fonts/clash-display/ClashDisplayVariable-Bold_1.woff') format('woff'),
    url('../fonts/clash-display/ClashDisplayVariable-Bold_1.ttf') format('truetype'),
    url('../fonts/clash-display/ClashDisplayVariable-Bold_1.svg#ClashDisplayVariable-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clash Display';
    src: url('../fonts/clash-display/false_10.eot');
    src: url('../fonts/clash-display/false_10.eot?#iefix') format('embedded-opentype'),
    url('../fonts/clash-display/false_10.woff2') format('woff2'),
    url('../fonts/clash-display/false_10.woff') format('woff'),
    url('../fonts/clash-display/false_10.ttf') format('truetype'),
    url('../fonts/clash-display/false_10.svg#false') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clash Display';
    src: url('../fonts/clash-display/ClashDisplay-Semibold.eot');
    src: url('../fonts/clash-display/ClashDisplay-Semibold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/clash-display/ClashDisplay-Semibold.woff2') format('woff2'),
    url('../fonts/clash-display/ClashDisplay-Semibold.woff') format('woff'),
    url('../fonts/clash-display/ClashDisplay-Semibold.ttf') format('truetype'),
    url('../fonts/clash-display/ClashDisplay-Semibold.svg#ClashDisplay-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clash Display Variable';
    src: url('../fonts/clash-display/ClashDisplayVariable-Bold_2.eot');
    src: url('../fonts/clash-display/ClashDisplayVariable-Bold_2.eot?#iefix') format('embedded-opentype'),
    url('../fonts/clash-display/ClashDisplayVariable-Bold_2.woff2') format('woff2'),
    url('../fonts/clash-display/ClashDisplayVariable-Bold_2.woff') format('woff'),
    url('../fonts/clash-display/ClashDisplayVariable-Bold_2.ttf') format('truetype'),
    url('../fonts/clash-display/ClashDisplayVariable-Bold_2.svg#ClashDisplayVariable-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clash Display';
    src: url('../fonts/clash-display/false_11.eot');
    src: url('../fonts/clash-display/false_11.eot?#iefix') format('embedded-opentype'),
    url('../fonts/clash-display/false_11.woff2') format('woff2'),
    url('../fonts/clash-display/false_11.woff') format('woff'),
    url('../fonts/clash-display/false_11.ttf') format('truetype'),
    url('../fonts/clash-display/false_11.svg#false') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'false';
    src: url('../fonts/clash-display/false.eot');
    src: url('../fonts/clash-display/false.eot?#iefix') format('embedded-opentype'),
    url('../fonts/clash-display/false.woff2') format('woff2'),
    url('../fonts/clash-display/false.woff') format('woff'),
    url('../fonts/clash-display/false.ttf') format('truetype'),
    url('../fonts/clash-display/false.svg#false') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'false';
    src: url('../fonts/clash-display/false_1.eot');
    src: url('../fonts/clash-display/false_1.eot?#iefix') format('embedded-opentype'),
    url('../fonts/clash-display/false_1.woff2') format('woff2'),
    url('../fonts/clash-display/false_1.woff') format('woff'),
    url('../fonts/clash-display/false_1.ttf') format('truetype'),
    url('../fonts/clash-display/false_1.svg#false') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

/* gilroy*/
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy/Gilroy-Light.eot');
    src: url('../fonts/gilroy/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/gilroy/Gilroy-Light.woff2') format('woff2'),
    url('../fonts/gilroy/Gilroy-Light.woff') format('woff'),
    url('../fonts/gilroy/Gilroy-Light.ttf') format('truetype'),
    url('../fonts/gilroy/Gilroy-Light.svg#Gilroy-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy/Gilroy-Medium.eot');
    src: url('../fonts/gilroy/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/gilroy/Gilroy-Medium.woff2') format('woff2'),
    url('../fonts/gilroy/Gilroy-Medium.woff') format('woff'),
    url('../fonts/gilroy/Gilroy-Medium.ttf') format('truetype'),
    url('../fonts/gilroy/Gilroy-Medium.svg#Gilroy-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy/Gilroy-Regular.eot');
    src: url('../fonts/gilroy/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/gilroy/Gilroy-Regular.woff2') format('woff2'),
    url('../fonts/gilroy/Gilroy-Regular.woff') format('woff'),
    url('../fonts/gilroy/Gilroy-Regular.ttf') format('truetype'),
    url('../fonts/gilroy/Gilroy-Regular.svg#Gilroy-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy/Gilroy-Bold.eot');
    src: url('../fonts/gilroy/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/gilroy/Gilroy-Bold.woff2') format('woff2'),
    url('../fonts/gilroy/Gilroy-Bold.woff') format('woff'),
    url('../fonts/gilroy/Gilroy-Bold.ttf') format('truetype'),
    url('../fonts/gilroy/Gilroy-Bold.svg#Gilroy-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy/Gilroy-Heavy.eot');
    src: url('../fonts/gilroy/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'),
    url('../fonts/gilroy/Gilroy-Heavy.woff2') format('woff2'),
    url('../fonts/gilroy/Gilroy-Heavy.woff') format('woff'),
    url('../fonts/gilroy/Gilroy-Heavy.ttf') format('truetype'),
    url('../fonts/gilroy/Gilroy-Heavy.svg#Gilroy-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* fonts import end */

/* global styling start */
html {
    overflow-x: hidden !important;
}

body {
    overflow-x: hidden !important;
    background: #f9f9f9;
}

.section-title {
    font-family: Clash Display;
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
    color: #193A48;
}


.section-content {
    font-family: Gilroy;
    font-size: 18px;
    font-weight: normal;
    line-height: 28px;
    color: #808080;
}

/* global styling end */

/* header styling start */

nav.navbar.navbar-expand-lg {
    padding-top: 15px;
    position: absolute;
    left: 0;
    right: 0;
}

header .navbar-toggler:focus {
    box-shadow: none;
}

.navbar-nav {
    margin-right: 20px;
}

nav.navbar a.nav-link {
    font-family: "Clash Display";
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    color: #193A48;
    margin: 0 5px;
}

nav.navbar a.nav-link:hover {
    color: #FA7E0B;
}

nav.navbar a.nav-link.active,
.current-menu-item .nav-link{
    font-weight: 700 !important;
    color: #FA7E0B !important;;
}

.navbar-collapse .contact-btn a {
    background: linear-gradient(180deg, #2D5D71 0%, #193A48 100%);
    border: 1px solid transparent;
    font-family: Clash Display;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    text-decoration: none;
    color: #fff;
    border-radius: 59px;
    padding: 12px 23px;
    transition: .5s;
}

.navbar-collapse .contact-btn a:hover {
    color: #000;
    border: 1px solid #193A48;
    transition: .5s;
    background: transparent;
}

.navbar-collapse .contact-btn a svg {
    margin-right: 5px;
}

/* header styling end */

/*BANNER STYLING START*/
.banner {
    background-image: url("../img/banner-bg.png");
    background-repeat: no-repeat;
    background-position: top right;
    padding: 6rem 0 0;
}

.banner .text-cont h1 {
    font-family: Clash Display;
    font-size: 70px;
    font-weight: 700;
    line-height: 69px;
    color: #193A48;
}

.banner .text-cont p {
    font-family: Gilroy;
    font-size: 18px;
    font-weight: normal;
    line-height: 28px;
    color: #808080;
}

.banner .cutomer-ratting ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 45px 0;
}

.banner .cutomer-ratting ul li:nth-child(1) {
    margin-right: 0;
}

.banner .cutomer-ratting ul li {
    margin: 0 25px;
    position: relative;
}

.banner .cutomer-ratting ul li:nth-child(3):before {
    content: '';
    position: absolute;
    width: 2px;
    height: 40px;
    background: #193a48;
    bottom: 35px;
    left: -25px;
}

.banner .cutomer-ratting ul li h3 {
    font-family: Gilroy;
    font-size: 28px;
    font-weight: 700;
    line-height: 39px;
    letter-spacing: -0.9325000047683716px;
    text-align: left;
    color: #193A48;
}

.banner .cutomer-ratting ul li p {
    font-family: Gilroy;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #383A47;
}

.banner .download-btns ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
}

.banner .download-btns ul li {
    margin: 0 15px;
}

.banner .download-btns ul li:nth-child(1),
.banner .cutomer-ratting ul li:nth-child(1) {
    margin-left: 0;
}

/*BANNER STYLING END*/

/*FEATURES STYLING START*/
.features {
    padding: 0;
    background-image: url("../img/about-bg.png");
    background-repeat: no-repeat;
    background-position: top 500px left;
}

.features .text-cont span {
    font-family: Clash Display;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #FA7E0B;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.features .text-cont h3 {
    font-family: Clash Display;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    color: #193A48;
    margin-bottom: 0;
}

.features .text-cont h4 {
    font-family: Clash Display;
    font-size: 28px;
    font-weight: 600;
    line-height: 28px;
    color: #193A48;
}

/*FEATURES STYLING END*/

/*CONNECT CHAT STYLING START*/
.connect-chat {
    padding: 5% 0;
}

.connect-chat .text-cont h2 {
    font-family: Clash Display;
    font-size: 28px;
    font-weight: 600;
    line-height: 28px;
    color: #193A48;
    margin-bottom: 30px;
}

/*CONNECT CHAT STYLING END*/

/*FAQ's STYLING START*/
.faq {
    background-image: url("../img/faq-bg.png");
    background-repeat: no-repeat;
    background-position: top right;
}

.faq .text-cont span {
    font-family: Clash Display;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0.16em;
    color: #FA7E0B;
    margin-bottom: 10px;
    display: block;
}

.faq .faq-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin-top: 40px;
}

.faq .faq-list li {
    width: 48%;
    padding: 35px;
    margin: 0 10px 20px;
}

.faq .faq-list li:nth-child(1),
.faq .faq-list li:nth-child(3),
.faq .faq-list li:nth-child(5) {
    margin-left: 0;
}

.faq .faq-list li:nth-child(1),
.faq .faq-list li:nth-child(4),
.faq .faq-list li:nth-child(5) {
    background: linear-gradient(180deg, #2D5D71 0%, #193A48 100%);
    border-radius: 18px;
}

.faq .faq-list li:nth-child(1) h3,
.faq .faq-list li:nth-child(4) h3,
.faq .faq-list li:nth-child(5) h3 {
    font-family: Clash Display;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    color: #FFFFFF;
    text-transform: capitalize;
}

.faq .faq-list li:nth-child(1) p,
.faq .faq-list li:nth-child(4) p,
.faq .faq-list li:nth-child(5) p {
    font-family: Gilroy;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #F9F9F9;
    text-transform: capitalize;
}

.faq .faq-list li:nth-child(2),
.faq .faq-list li:nth-child(3),
.faq .faq-list li:nth-child(6) {
    background: #fff;
    border-radius: 18px;
}

.faq .faq-list li:nth-child(2) h3,
.faq .faq-list li:nth-child(3) h3,
.faq .faq-list li:nth-child(6) h3 {
    font-family: Clash Display;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    color: #193A48;
    text-transform: capitalize;
}

.faq .faq-list li:nth-child(2) p,
.faq .faq-list li:nth-child(3) p,
.faq .faq-list li:nth-child(6) p {
    font-family: Gilroy;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #808080;
    text-transform: capitalize;
}

/*FAQ's STYLING END*/

/*GET STARTED STYLING START*/
.get-started {
    background-image: url("../img/download-bg.png");
    background-repeat: no-repeat;
    background-position: top 10px left 130px;
    padding-top: 152px;
}

.get-started .box {
    background-image: url("../img/get-started-bg.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    padding-left: 75px;
}

.get-started .box .download-btns ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin-top: 30px;
}

.get-started .box .download-btns ul li {
    margin: 0 15px;
}

.get-started .box .download-btns ul li:nth-child(1) {
    margin-left: 0;
}

.get-started .box .text-cont h2 {
    font-family: Clash Display;
    font-size: 48px;
    font-weight: 700;
    line-height: 48px;
    color: #FFFFFF;
    margin-bottom: 30px;
    text-transform: capitalize;
}

.get-started .box .text-cont p {
    font-family: Gilroy;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #F9F9F9;
}

.get-started .box .img-cont {
    margin-right: -60px;
}

/*GET STARTED STYLING END*/

/*FOOTER STYLING START*/
footer {
    padding: 75px 0 0;
}

footer .footer-cont p {
    font-family: Gilroy;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    color: #808080;
    margin-top: 18px;
    margin-right: 5rem;
}

footer .link-cont h3,
footer .contact-info h3 {
    font-family: Clash Display;
    font-size: 32px;
    font-weight: 500;
    line-height: 42px;
    color: #193A48;
    margin-bottom: 30px;
}

footer .link-cont ul {
    list-style: none;
    padding: 0;
}

footer .link-cont ul li {
    margin-bottom: 15px;
    margin-right: 0 !important;
}

footer .link-cont ul li a {
    text-decoration: none;
    font-family: Gilroy;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: #193A48;
}

footer .contact-info {
    text-align: right;
}

footer .contact-info ul {
    list-style: none;
    padding: 0;
}

footer .contact-info ul li {
    margin-bottom: 23px;
}

footer .contact-info ul li a {
    text-decoration: none;
    font-family: Gilroy;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    color: #193A48;
}

footer .contact-info ul li a svg {
    margin-right: 10px;
}

footer .contact-info h3 {
    margin-bottom: 23px;
}

footer .copyright {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 45px;
    flex-wrap: wrap;
}

footer .copyright:before {
    content: '';
    width: 1090px;
    height: 3px;
    background-image: url("../img/rectangle.png");
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    margin: auto;
}

footer .copyright p {
    font-family: Gilroy;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    color: #808080;
}

footer .copyright .social-icons {
    display: flex;
    list-style: none;
    padding: 0;
}

footer .copyright .social-icons li {
    margin: 0 10px;
}
footer .quick-links{
    display: flex;
    list-style: none;
    padding: 0;
}
footer .quick-links li:nth-child(1){
    margin-right: 65px;
}
/*FOOTER STYLING END*/

/*MEDIA QUERY START*/
@media screen and (max-width: 1699px){
    .get-started{
        background-position: top 10px left -20px;
    }

}
@media screen and (max-width: 1399px) {
    .features {
        padding: 3rem 0 0;
		background-position: top 480px left -40px;
    }
}

@media screen and (max-width: 1199px) {
    .banner .text-cont h1 {
        font-size: 50px;
        line-height: 49px;
    }

    .banner .cutomer-ratting ul li {
        margin: 0 22px;
    }

    .connect-chat {
        padding: 2% 0;
    }

    .get-started {
        background-position: top 10px left -130px;
    }
}

@media screen and (max-width: 991px) {
    .banner .text-cont {
        text-align: center;
    }

    .cutomer-ratting ul,
    .download-btns ul {
        justify-content: center;
    }

    .features {
        background-position: top 410px left;
    }

    .faq .faq-list li {
        width: 47%;
    }

    .get-started .box {
        background-size: cover;
        padding: 2rem 0;
        border-radius: 20px;
    }

    .get-started .text-cont {
        text-align: center;
    }

    .get-started .box .download-btns ul {
        justify-content: center;
    }

    .get-started .box .img-cont {
        text-align: center;
        margin: 0;
    }

    nav.navbar.navbar-expand-lg {
        background: #fff;
    }
 .copyright:before {
    left: -60px !important;
    background-size: 70%;
	}

}

@media screen and (max-width: 767px) {
	.banner{
		padding: 8rem 0 0;
	}
    .features .text-cont,
    .connect-chat .text-cont {
        text-align: center;
		padding: 30px;
    }

    .faq .faq-list li {
        width: 100%;
        margin: 0 0 20px;
    }

    .faq .faq-list li:nth-child(odd) {
        background: linear-gradient(180deg, #2D5D71 0%, #193A48 100%);
    }

    .faq .faq-list li:nth-child(odd) h3,
    .faq .faq-list li:nth-child(odd) p {
        color: #FFFFFF;
    }

    .faq .faq-list li:nth-child(even) {
        background: #fff;
    }

    .faq .faq-list li:nth-child(even) h3,
    .faq .faq-list li:nth-child(even) p {
        color: #193A48;
    }

    .get-started {
        padding-top: 0;
    }

    footer .contact-info {
        text-align: left;
    }
	.connect-chat{
		padding: 3rem 0;
	}
	.faq{
		 background-position: top right -130px;
	}
	.copyright:before {
    left: -120px !important;
}
}

@media screen and (max-width: 575px) {
    .banner .cutomer-ratting ul li h3,
    .banner .cutomer-ratting ul li p {
        text-align: center;
    }

    .banner .cutomer-ratting ul li {
        text-align: center;
    }

    .banner .cutomer-ratting ul {
        display: block;
    }

    .banner .cutomer-ratting ul li:nth-child(3):before {
        display: none;
    }

    .banner .download-btns ul li,
    .get-started .box .download-btns ul li {
        margin: 0 10px 20px;
    }

    .get-started .box .text-cont h2 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 20px;
    }

}

/*MEDIA QUERY END*/