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

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

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

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

@font-face {
    font-family: 'Gilroy';
    src: url('fonts/Gilroy-Light.eot');
    src: url('fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-Light.woff2') format('woff2'), url('fonts/Gilroy-Light.woff') format('woff'), url('fonts/Gilroy-Light.ttf') format('truetype'), url('fonts/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-Medium.eot');
    src: url('fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-Medium.woff2') format('woff2'), url('fonts/Gilroy-Medium.woff') format('woff'), url('fonts/Gilroy-Medium.ttf') format('truetype'), url('fonts/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-Regular.eot');
    src: url('fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-Regular.woff2') format('woff2'), url('fonts/Gilroy-Regular.woff') format('woff'), url('fonts/Gilroy-Regular.ttf') format('truetype'), url('fonts/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-Bold.eot');
    src: url('fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-Bold.woff2') format('woff2'), url('fonts/Gilroy-Bold.woff') format('woff'), url('fonts/Gilroy-Bold.ttf') format('truetype'), url('fonts/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-Semibold.eot');
    src: url('fonts/Gilroy-Semibold.eot?#iefix') format('embedded-opentype'), url('fonts/Gilroy-Semibold.woff2') format('woff2'), url('fonts/Gilroy-Semibold.woff') format('woff'), url('fonts/Gilroy-Semibold.ttf') format('truetype'), url('fonts/Gilroy-Semibold.svg#Gilroy-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

html {
    margin: 0;
    padding: 0;
    font-size: 17px;
    color: #000000;
    background-color: #fff;
    overflow-x: hidden;
}

body {
    font-size: 17px;
    color: #000000;
    min-height: 100%;
    position: relative;
    font-family: 'Gilroy';
}

section {
    position: relative;
    padding: 70px 0;
    background: #F9F9F9;
    border-radius: 13px;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #232020;
    margin: 0;
    line-height: 1.3;
    font-weight: 600;
    margin-top: -4px;
    font-family: 'Sen', sans-serif;
}

p,
ul li {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #232020;
    opacity: 0.6;
}

a {
    position: relative;
    color: #1678FB;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #1678FB;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

figure img,
a,
.transition {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.bg-img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.modal-backdrop.show {
    opacity: .85;
}

.fw-medium {
    font-weight: 600;
}

.fw-400 {
    font-weight: 400;
}

.cursor-pointer {
    cursor: pointer;
}

.f-14 {
    font-size: 14px;
    line-height: 18px;
}

.f-15 {
    font-size: 15px;
}

.f-16 {
    font-size: 16px;
}

.z-index-1 {
    z-index: 1;
}

.mt-80 {
    margin-top: 80px;
}

.text-theme {
    color: #1678FB;
}

.br-13 {
    border-radius: 13px;
}

.title .text-theme {
    opacity: 1;
}

.text-dark {
    color: #232020 !important;
    opacity: 1;
}

.border-dark {
    border-color: #232020 !important;
}

small {
    color: #707073;
    font-size: 12px;
}

.bg-light-blue {
    background: #D2E5FF;
}

.opacity-1 {
    opacity: 1;
}

.banner-sec h1,
.banner-sec h2 {
    font-weight: 700;
    font-size: 70px;
}

.banner-sec p {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: #828282;
    opacity: 1;
}

.form-control {
    font-size: 15px;
    font-weight: 500;
    color: #7B7979;
    background: #F9F9F9;
    border-radius: 13px;
    border: 0;
    padding: 16px 24px;
    height: auto;
}

input:focus:not([readonly]),
textarea.form-control:focus,
textarea:focus,
select.form-control:focus {
    border: 1px solid #1678FB;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

:focus {
    box-shadow: none !important;
    outline: none !important;
}

textarea.form-control {
    min-height: 200px;
    resize: none;
    height: 200px;
    padding: .5rem 1rem;
}

.round-shape {
    color: #828282;
    padding: 8px 10px;
    border-radius: 60px;
    font-size: 16px;
    line-height: 20px;
}

.sec-shape {
    color: #7B7979;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 20px;
    background: #F9F9F9;
    border-radius: 49px;
    font-weight: 500;
}

.round-txt {
    padding: 1px;
    background: linear-gradient(90deg, #1678FB 0%, rgba(22, 120, 251, 0) 26.56%, rgba(22, 120, 251, 0) 51.56%, rgba(22, 120, 251, 0) 76.56%, #1678FB 100%);
    border-radius: 20px;
}

.round-txt h3 {
    background: #f9f9f9;
    font-weight: 700;
    font-size: 41px;
    color: #1678FB;
    border-radius: 20px;
    padding: 32px 22px;
    margin: 0;
}

.blue-btn {
    font-size: 16px;
    line-height: 1em;
    position: relative;
    display: inline-block;
    border: 0;
    border-radius: 50px;
    padding: 18px 30px;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    text-align: center;
    font-weight: 600;
    color: #fff;
    background-color: #1678FB;
}

.blue-btn:hover {
    color: #fff;
    background: #1678FB;
}

.box {
    background: #F4F9FF;
    border-radius: 13px;
    padding: 26px;
}

.footer li {
    opacity: 1;
}

.footer li a {
    color: #828282;
    font-size: 14px;
}

.footer li a:hover {
    color: #1678FB;
}

.modal-header,
.modal-content {
    border-radius: 20px;
    background: #fff;
}

.modal-header .btn-close {
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    margin: -26px -20px 0 0;
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 700px;
    }
}

.f-20 {
    font-size: 20px;
}

.tab-content>.tab-pane {
    display: block;
    visibility: hidden;
}

.tab-content>.active {
    display: block;
    visibility: visible;
}

.nav-item>div {
    border-top: 1px solid #dee2e6 !important;
    cursor: pointer;
}

.nav-item>div.active {
    border-color: #232020 !important;
}

.nav-item>div.active p {
    opacity: 1;
}

.nav-item .h6 {
    color: #232020;
    opacity: 0.4;
}

.arrow,
.arrow1 {
    top: 76px;
    left: 80px;
}

.brush1 {
    top: 78px;
    left: 206px;
}

.brush2 {
    bottom: -10px;
    left: 0;
}

.brush3 {
    left: 0;
    bottom: -5px;
}

.brush4 {
    bottom: -10px;
    right: 150px;
}

/* Responsive */

@media screen and (min-width: 1280px) and (max-width:1400px) {
    body {
        font-size: 90%;
    }
}

@media screen and (max-width: 1200px) {
    body {
        line-height: 1.4;
    }
    section {
        padding: 60px 0;
    }
    p,
    ul li {
        font-size: 15px;
    }
    .banner-sec h1,
    .banner-sec h2 {
        font-size: 46px;
        line-height: 58px;
    }
}

@media screen and (max-width: 992px) {
    section {
        text-align: center;
    }
    .banner-sec h1,
    .banner-sec h2 {
        font-size: 36px;
        line-height: 48px;
    }
}

@media screen and (max-width: 767px) {
    section {
        padding: 26px 0;
        text-align: center;
    }
    .mt-80 {
        margin-top: 26px;
    }
    .round-shape {
        padding: 6px 10px;
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .round-txt h3 {
        font-size: 24px;
        border-radius: 16px;
        padding: 14px 26px;
    }
    .round-txt {
        border-radius: 16px;
    }
    .banner-sec {
        background: #f9f9f9 !important;
    }
    .banner-sec p {
        font-size: 15px;
        line-height: 26px;
    }
    .blue-btn {
        font-size: 15px;
        border-radius: 50px;
        padding: 16px 28px;
    }
    .h5,
    .f-20 {
        font-size: 18px;
        margin: 0;
    }
    .tab-content>.tab-pane {
        display: none;
    }
    .tab-content>.active {
        display: block;
        visibility: visible;
    }
    .box {
        padding: 20px;
    }
    .brush {
        position: absolute;
        top: 100px;
        width: 150px;
        left: 60px;
    }
    .arrow,
    .arrow1 {
        top: 62px;
        left: 50px;
    }
    .brush1 {
        top: 65px;
        left: 136px;
    }
    .brush2 {
        left: 60px;
    }
    .brush3 {
        bottom: -5px;
        left: 90px;
    }
    .brush4 {
        bottom: -4px;
        right: 54px;
    }
	.nav-brand img {
	    width: 250px;
	}
}

@media (min-width: 992px) {
	.w-20 .col-lg-3 {
	    flex: 0 0 auto;
	    width: 20%;
	}
}


/*project custom*/
label.error{
  display: none !important;
}
input.error{
  border-color: red !important;
}
textarea.error{
  border-color: red !important;
}
select.error{
  border-color: red !important;
}
.error{
font-size:1rem !important;
}

.homepage-images{
    max-width: 70%;
    border-radius: 10%;
    opacity: 75%;
    }