body {

    font-family: var(--primary-font);

    line-height: 1.3;

    color: var(--primary-color);

}

.d-none{

    display: none !important;





}





:root {

    font-size: 16px;

    --primary-color: #1B3561;

    --secondary-color: #5DB6E6;

    --blue-color: #274d8e;

    --orange-color: #f38820;

    --brown-color: #e9e9f5;

    --primary-font: 'Lato';

    --section-gaps: 6.50rem;

    --lg-sz: 5rem;

    --llg-sz: 5.625rem;

    --mm-sz: 3rem;

    --md-sz: 2.375rem;

    --sm-sz: 2rem;

    --ssm-sz: 1.75rem;

    --xxm-sz: 1.2rem;

}



img {

    max-width: 100%;

}



a {

    color: inherit;

    text-decoration: underline;

}



a:hover {

    color: inherit;

    text-decoration: underline;

}



.img-cover {

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

}



a,

button,

input[type="submit"] {

    -webkit-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

    cursor: pointer;

}



a,

button,

span {

    display: inline-block;

    outline: none;

}



.list-none {

    list-style: none;

    margin: 0;

    padding: 0;

}





/*  Font links css  sty */



@font-face {

    font-family: 'Lato';

    src: local('Lato-Light'), url('fonts/Lato-Light.woff2') format('woff2'), url('fonts/Lato-Light.woff') format('woff');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Lato';

    src: local('Lato Regular'), local('Lato-Regular'), url('fonts/Lato-Regular.woff2') format('woff2'), url('fonts/Lato-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Lato';

    src: local('Lato Black'), local('Lato-Black'), url('fonts/Lato-Black.woff2') format('woff2'), url('fonts/Lato-Black.woff') format('woff');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Lato';

    src: local('Lato Bold'), local('Lato-Bold'), url('fonts/Lato-Bold.woff2') format('woff2'), url('fonts/Lato-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}





/*icon link */



@font-face {

    font-family: 'icomoon';

    src: url('fonts/icomoon.eot?wd8yj0');

    src: url('fonts/icomoon.eot?wd8yj0#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?wd8yj0') format('truetype'), url('fonts/icomoon.woff?wd8yj0') format('woff'), url('fonts/icomoon.svg?wd8yj0#icomoon') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: block;

}



[class^="ic-"],

[class*=" ic-"] {

    /* use !important to prevent issues with browser extensions that change fonts */

    font-family: 'icomoon' !important;

    speak: never;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    /* Better Font Rendering =========== */

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.ic-icon1:before {

    content: "\e903";

}



.ic-point-solulation:before {

    content: "\e904";

}



.ic-System-Integration:before {

    content: "\e905";

}



.ic-plane:before {

    content: "\e906";

}



.ic-Right-arrow:before {

    content: "\e900";

}



.ic-Left-arrow:before {

    content: "\e901";

}



.ic-dropdown:before {

    content: "\e902";

}



.ic-Close:before {

    content: "\e90b";

}



.ic-quotes-left:before {

    content: "\e977";

}



.ic-quotes-right:before {

    content: "\e978";

}





/*  End Font links css  sty */





/*  button css  sty*/



.box-btn {

    padding: 0.75rem 3.125rem;

    font-size: 1.2rem;

    color: #fff;

    border-radius: 15px;

}



.box-btn,

.request-btn,

.button-groups>a {

    text-decoration: none;

}



.box-btn:hover {

    color: #fff;

    text-decoration: none;

}



.primary.box-btn {

    background-color: var(--primary-color);

}



.blue.box-btn {

    background-color: var(--blue-color);

}



.secondary.box-btn {

    background-color: var(--secondary-color);

}





/*  End button css  sty*/





/*  color css */



.primary-color {

    color: var(--primary-color);

}



.secondary-color {

    color: var(--secondary-color);

}



.white-color {

    color: #fff;

}



.blue-color {

    color: var(--blue-color);

}



.orange-color {

    color: var(--orange-color);

}



.primary-bg {

    background-color: var(--primary-color);

}



.secondary-bg {

    background-color: var(--secondary-color);

}



.white-bg {

    background-color: #fff;

}



.blue-bg {

    background-color: var(--blue-color);

}



.orange-bg {

    background-color: var(--orange-color);

}



.brown-bg {

    background-color: var(--brown-color);

}



.p-s-linearGradient-bg {

    background: rgb(88, 173, 222);

    background: -o-linear-gradient(left, rgba(88, 173, 222, 1) 34%, rgba(58, 112, 170, 1) 63%);

    background: -webkit-gradient(linear, left top, right top, color-stop(34%, rgba(88, 173, 222, 1)), color-stop(63%, rgba(58, 112, 170, 1)));

    background: linear-gradient(90deg, rgba(88, 173, 222, 1) 34%, rgba(58, 112, 170, 1) 63%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#58adde", endColorstr="#3a70aa", GradientType=1);

}



.mix-linearGradient-bg {

    background: rgb(39, 61, 119);

    background: -o-linear-gradient(253deg, rgba(39, 61, 119, 1) 12%, rgba(41, 60, 113, 1) 54%, rgba(32, 97, 152, 1) 86%, rgba(58, 153, 205, 1) 100%);

    background: linear-gradient(197deg, rgba(39, 61, 119, 1) 12%, rgba(41, 60, 113, 1) 54%, rgba(32, 97, 152, 1) 86%, rgba(58, 153, 205, 1) 100%);

}





/*  End color css */





/*  font sz css */



.lg-sz {

    font-size: var(--lg-sz);

}



.mm-sz {

    font-size: var(--mm-sz);

}



.md-sz {

    font-size: var(--md-sz);

}



.sm-sz {

    font-size: var(--sm-sz);

}



.ssm-sz {

    font-size: var(--ssm-sz);

}



.xx-sz {

    font-size: var(--xxm-sz);

}



.font-weight-600 {

    font-weight: 600;

}



.font-weight-900 {

    font-weight: 900;

}





/*  End font sz css */





/*  gaps css */



body>section {

    padding: var(--section-gaps) 0;

}



.max-md-w {

    max-width: 1202px;

    margin-left: auto;

    margin-right: auto;

}



.m-top-20 {

    margin-top: 1.25rem;

}



.mt-5-5 {

    margin-top: 5.55rem;

}





/*  End gaps css */





/* Header section css */



.site-header {

    padding: 3rem 0;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;

    color: #fff;

    right: 0;

    -webkit-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}



.fixed-header {

    position: fixed;

    left: 0;

    top: 0;

    right: 0;

    background: rgba(8, 26, 52, 0.97);

    padding: 1rem 0;

    z-index: 91;

}



.brand-log img {

    width: 200px;

    -webkit-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}



.fixed-header .brand-log img {

    width: 150px;

}



.bar-menu {

    font-size: 1.875rem;

    display: block;

    cursor: pointer;

    text-align: right;

    width: 35px;

    margin: 0 0 0 auto;

}





/* End Header section css */





/* hero section css */



.hero-banner {

    min-height: 105vh;

    padding: 9rem 0;

    position: relative;

    overflow: hidden;

}



.hero-banner .container {

    position: relative;

}



.hero-banner #wavesVideo {

    position: absolute;

    top: 0;

    left: 0;

    min-width: 100%;

    min-height: 100%;

}



.wave-bg {

    background-size: cover;

    padding: 17rem 0;

    background-position: top;

}



.hero-banner {

    background-size: cover;

    background-position: bottom;

}



.hero-banner .caption .num {

    font-size: 12rem;

    line-height: 1;

}



.hero-banner .caption {

    margin: 4% auto 0;

    color: var(--white);

}



.hero-banner .caption sup {

    top: -1em;

    font-size: 40%;

}





/* End hero section css */



.brd-l-content-sty {

    padding-top: 20px;

    font-size: 1.54rem;

    border-left: 4px solid #fff;

    padding-left: 20px;

    padding-bottom: 9px;

}



.section-one .content {

    max-width: 1213px;

    margin: 0 auto;

}



.top-wave-bg {

    position: relative;

}



.top-wave-bg:before {

    content: "";

    width: 100%;

    position: absolute;

    top: 1px;

    left: 0;

    height: 8.25rem;

    background: url(images/curve-bottom.png) no-repeat center;

    background-size: cover;

    -webkit-transform: translateY(-8.25rem);

    -ms-transform: translateY(-8.25rem);

    transform: translateY(-8.25rem);

}





/*  list sty css */



.list-sty-dis ul {

    list-style: none;

    padding-left: 0;

}



.list-sty-dis ul li {

    position: relative;

    padding-left: 30px;

    padding-bottom: 2.2rem;

    font-size: 1.54rem;

}



.list-sty-dis ul li:before {

    content: '';

    position: absolute;

    left: 0;

    top: 7px;

    width: 16px;

    height: 16px;

    border-radius: 50%;

    background: transparent;

    border: 4px solid #fff;

}



.list-sty-dis ul li:after {

    content: '';

    position: absolute;

    left: 7px;

    top: 23px;

    bottom: 0;

    height: calc(100% - 13px);

    width: 2px;

    background-color: #fff;

}



.list-sty-dis.primary-color ul li:before {

    border-color: var(--primary-color);

}



.list-sty-dis.primary-color ul li:after {

    background-color: var(--primary-color)

}



.list-sty-dis>ul>li:last-child:after {

    display: none;

}



.section-two .list-sty-dis {

    margin-left: 3rem;

}



.box-content {

    padding: 10px 47px;

    border-radius: 34px;

}



.box-content.md {

    padding: 25px 47px;

    max-width: 1324px;

    margin: 0 auto;

}



.box-content>p:last-child {

    margin-bottom: 0;

}



.section-three .content-wrapper .content {

    font-size: 1.30rem;

    padding: 0 48px;

    max-width: 1368px;

    margin: 0 auto;

}



.service-content-sec,

section.section-three {

    overflow: hidden;

}





/*  End list sty css */





/* Service section css */



.service-section {

    padding: 0;

    margin: 70px 0;

}

#main-navigation-wrapper .fa-close{

        font-size: 75px;

    }   

.inner-footer .cta {

    padding: 20px 32px;

    border-radius: 16px;

    margin-top: 4rem;

    font-size: 16px;

}

section.section-four .hda-3-fmwk p:nth-of-type(1){

    bottom: -4rem;

}

section.section-four .hda-3-fmwk p:nth-of-type(3) {

   bottom: -4rem;

}

section.section-four  .hda-3-fmwk p:nth-of-type(2) {

    top: -1rem;

}



#main-navigation-wrapper .fa-close:before{

    display: none;

}

.ico-list-items .item .icon-holder,

.icon-box-sty .item {

    padding: 30px 20px;

    background: #ffff;

    border-radius: 10px;

    text-align: center;

    color: var(--primary-color);

    -webkit-box-shadow: rgb(50 50 93 / 25%) 0px -1px 12px -2px, rgb(0 0 0 / 18%) 0px 3px 15px 5px;

    box-shadow: rgb(50 50 93 / 25%) 0px -1px 12px -2px, rgb(0 0 0 / 18%) 0px 3px 15px 5px;

    cursor: pointer;

    -webkit-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.icon-box-sty .item:hover {

    background: var(--primary-color);

    color: #fff;

}



.icon-box-sty .item:hover .content>* {

    color: #fff;

}



.service-section .icon-box-sty .item {

    margin: -40px 0 -70px;

}



.service-section .icon-box-sty>.row>div:nth-child(even) .item {

    margin-top: -90px;

}



.ico-list-items .item .icon-holder .icon-fig,

.icon-box-sty .item .icon-holder {

    height: 185px;

    margin-bottom: 20px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 130px;

}



.icon-box-sty .item .icon-holder {

    height: 200px;

}



.ico-list-items .item .icon-holder .icon-fig img,

.icon-box-sty .item .icon-holder img {

    height: 109px;

}



.ico-list-items .item .content span,

.icon-box-sty .item .content>* {

    display: block;

    font-size: 1.2rem;

    font-weight: bold;

    color: var(--primary-color);

    -webkit-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.ico-list-items .item .content .sub-title,

.icon-box-sty .item .content .sub-title {

    margin-top: 6px;

}



.ico-list-items .item .icon-holder {

    padding: 50px 20px;

    cursor: inherit;

}



.ico-list-items>.item {

    position: relative;

}



.ico-list-items>.item+.item {

    margin-top: 6rem;

}



.ico-list-items .item:before {

    content: '';

    position: absolute;

    top: 50%;

    bottom: 3rem;

    /* left: 0; */

    right: 100%;

    width: 100%;

    height: 291px;

    background: #4e95c9;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}



.ico-list-items .item>.content {

    padding-left: 3rem;

    font-size: 1.4rem;

}



.ico-list-items .icon-holder {

    -webkit-box-flex: 0;

    flex: 0 0 250px;

    -ms-flex: 0 0 250px;

    max-width: 250px;

}



.icon-box-info-sty .main-title {

    padding-bottom: 9rem;

    border-left: 4px solid var(--primary-color);

    font-size: 3.2rem;

    margin-bottom: -2.875rem;

    padding-left: 30px;

    padding-right: 30px;

}



.icon-box-info-sty .ico-list-items {

    padding-left: 2.4rem;

}



.l-r-content-wrapper .col-lg-6.left-content>div {

    padding-right: 40px;

}



.service-content-sec .icon-box-info-sty {

    padding-top: 9rem;

}



.service-content-sec {

    padding-top: 8rem;

}

.single-text-sty ul li {

    padding-left: 20px;

    margin-top: 15px;

    position: relative;

}

section.section-one {

    padding: 6rem 2rem;

}



.single-text-sty ul li:before {

    content: '';

    position: absolute;

    width: 10px;

    height: 10px;

    background: var(--secondary-color);

    left: 0;

    border-radius: 50%;

    top: 8px;

    }



/* End Service section css */





/* Request section css */



.request-section .message {

    max-width: 782px;

    margin: 0 auto;

    font-size: 16px;

    word-spacing: 2px;

}



.request-section .message>p:last-child {

    margin-bottom: 0;

}



.request-section .button-groups .request-btn {

    font-size: 1.5rem;

    padding: 20px;

    background: var(--orange-color);

    color: #fff;

    border-radius: 21px;

    font-weight: 600;

}



.request-section .content {

    max-width: 1273px;

    margin: 0 auto;

    font-size: 1.4rem;

    font-weight: 600;

}





/* End Request section css */





/* Step section css */



.step-section .step-list-item {

    max-width: 795px;

    margin: 0 auto;

}



.step-section .box-content {}



.big-list-sty {

    position: relative;

    z-index: 1;

    max-width: 1244px;

    margin-left: auto;

    margin-right: auto;

}



.big-list-sty>.item .num span,

.step-list-item .item .num-holder span {

    width: 150px;

    height: 150px;

    border: 4px solid var(--secondary-color);

    line-height: 129px;

    font-size: 100px;

    font-weight: 700;

    border-radius: 50%;

    color: var(--secondary-color);

    margin: 0 auto;

    background-color: #fff;

    outline: 8px solid #fff;

    display: block;

    text-align: center;

}







.step-list-sec .message {

    font-size: 18px;

    max-width: 928px;

    margin-left: auto;

    margin-right: auto;

    line-height: 1.3;

    margin-top: 5.3rem;

    color: var(--primary-color);

    word-spacing: 2px;

}



.step-list-item .item .num-holder {

    position: relative;

}

.icon-box-sty .item a:hover {

    text-decoration: none;

}



.icon-box-sty .item a:hover .content {

    text-decoration: underline;

} 



.step-list-item>.row>div:first-child>.item .num-holder:before {

    display: none;

}



.step-list-item .item .num-holder:before {

    content: '';

    position: absolute;

    right: calc(100% - 20%);

    z-index: -1;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 100%;

    height: 4px;

    background-color: var(--secondary-color);

}



.step-list-item .item .content {

    margin-top: 1.9rem;

}



.step-list-item.mt-5 .item .box-btn {

    font-size: 18px;

    font-weight: 600;

    padding: 8px;

    min-width: 200px;

}



.step-list-item .item .content .title {

    font-size: 16px;

    color: var(--primary-color);

    font-weight: 600;

    text-transform: uppercase;

    min-height: 45px;

}



.step-list-item .item .content .step-content {

    margin-top: 15px;

    opacity: 0;

    -webkit-transition: all 0.2s ease-out;

    -o-transition: all 0.2s ease-out;

    transition: all 0.2s ease-out;

}



.step-list-item .item:hover .content .step-content {

    opacity: 1;

}



.step-list-item .item .content .button-groups {

    margin-top: 3rem;

}





/* End Step section css */





/* Big list section css */



.section-two .brd-l-content-sty {

    padding-right: 60px;

    text-align: justify;

}



.big-list-sty>.item .content {

    padding-left: 3rem;

    padding-right: 3rem;

}



.big-list-sty>.item .content p {

    font-size: 1.1rem;

    font-weight: 600;

    margin-bottom: 0;

}



.big-list-sty>.item {

    position: relative;

}



.big-list-sty>.item:first-child:before {

    display: none;

}



.big-list-sty>.item:before {

    content: '';

    position: absolute;

    top: -39%;

    left: -64px;

    height: 100%;

    width: 4px;

    background: var(--secondary-color);

    -webkit-transform: rotate(319deg);

    -ms-transform: rotate(319deg);

    transform: rotate(319deg);

    z-index: -1;

}



.big-list-sty>.item .num span {

    position: relative;

    outline: none;

    height: 150px;

    width: 150px;

    line-height: 140px;

    font-size: 6rem;

}



.big-list-sty>.item .num span:after {

    content: '';

    position: absolute;

    right: -28px;

    left: -28px;

    bottom: -28px;

    border-radius: 50%;

    top: -28px;

    border: 25px solid #fff;

}



.big-list-sty>.item+.item {

    padding-top: 8rem;

}



.big-list-sty>.item:nth-child(odd):before {

    -webkit-transform: rotate(39deg);

    -ms-transform: rotate(39deg);

    transform: rotate(39deg);

    left: 200px;

}



.big-list-sty>.item .content {

    max-width: 820px

}



.section-three .big-list-sty {

    margin-top: 50px;

    margin-bottom: 70px;

}



.big-list-sty>.item .content h3.title {

    margin-bottom: 15px;

}



.big-list-sty>.item:nth-child(even) {

    margin-left: 19%;

}





/* End Big list section css */

.navigation-section a.fx-32:hover{

        font-weight:bold;

        text-decoration: none;

}

.step-section .easy-steps ul {

    position: relative;

    max-width: 80rem;

    margin: 0 auto;

}



.step-section .easy-steps {

    padding-top: 5rem;

    padding-bottom: 0;

    background: none;

}



.link-text{

    text-decoration: underline;

}

.request-section .button-groups .request-btn.sm-sz{

        font-size: 1.3rem;

    padding: 17px 30px;

    font-weight: 500;

}

/* responsive menu */



.bar-menu {

    display: block;

    cursor: pointer;

    text-align: right;

}



.bar-menu .bar {

    position: relative;

    width: 35px;

    height: 3px;

    margin: 15px 0;

    background-color: #fff;

    -webkit-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}



.bar-menu .bar:before,

.bar-menu .bar:after {

    content: '';

    position: absolute;

    width: inherit;

    height: inherit;

    background-color: inherit;

    left: 0;

}



.bar-menu .bar:before {

    top: -10px;

}



.bar-menu .bar:after {

    top: 10px;

}



.close-btn {

    display: block;

    position: fixed;

    top: 15px;

    right: 50px;

    font-size: 30px;

    color: #fff;

    z-index: 99;

    cursor: pointer;

    -webkit-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    opacity: 0;

    visibility: hidden;

}



.close-btn:hover {

    color: var(--secondary-color);

}



.close-btn.show {

    opacity: 1;

    visibility: visible;

}



.nav {

    position: fixed;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    opacity: 0;

    z-index: 9911;

    -webkit-transition-delay: 1s;

    -o-transition-delay: 1s;

    transition-delay: 1s;

    -webkit-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    padding: 2rem;

}



.nav.show {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    opacity: 1;

}



.nav .menu-wrap {

    width: 100%;

}



body.admin-bar .site-header nav {

    padding-top: 90px;

}



body.admin-bar .site-header nav .close-btn {

    top: 35px;

}



.site-header nav .menu-wrapper {

    display: block;

    overflow-y: auto;

    padding: 0;

    width: 100%;

    margin: 0 auto;

    max-width: 40rem;

    max-height: 100vh;

}



.menu-wrapper {

    -webkit-box-flex: 0;

    flex: 0 0 100%;

    -ms-flex: 0 0 100%;

    max-width: 100%;

    text-align: left;

}



.primary-menu li {

    margin-bottom: 2rem;

}



.primary-menu {

    padding-left: 0;

}



.primary-menu li a {

    color: #ffffff;

    font-size: 24px;

    position: relative;

    text-decoration: none;

    padding-left: 30px;

}



.primary-menu li a:before {

    content: "\e900";

    position: absolute;

    left: 0px;

    top: 7px;

    font-size: 14px;

    -webkit-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

    font-family: icomoon;

}



.overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    visibility: hidden;

    opacity: 0;

    z-index: 99;

    padding: 1.5rem;

    /*background: rgba(8, 26, 52, 0.95);*/

    -webkit-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.overlay.show {

    visibility: visible;

    opacity: 1;

}



.sub-menu {

    display: none;

    list-style: none;

    padding: 0;

    margin: 0;

    background: #f2f2f2;

}



.sub-menu a {

    color: #12284e;

}



.primary-menu li a:hover:before {

    left: 8px;

}



.primary-menu li.menu-btn.current_page_item>a {

    color: #fff;

}



body.form-active,

body.menu-active {

    overflow: hidden;

}





/* responsive menu */



.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



@-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;

}





/*  form overlay */



.form-overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    opacity: 0;

    padding: 75px 20px 30px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    visibility: hidden;

}



.form-overlay.show {

    opacity: 1;

    z-index: 991;

    visibility: visible;

}



#contact-form {

    z-index: 99999;

}



.form-overlay:after {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: "";

    background: rgba(8, 26, 52, 0.95);

}



.contact-form-sec .container {

    position: relative;

    z-index: 1;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    max-height: 100%;

    overflow-y: auto;

}



.contact-form-sec form {

    max-width: 600px;

    margin: 0 auto;

}





.contact-form-sec form h3 {

    margin-bottom: 3rem;

    font-size: 22px;

}



.contact-form-sec form .error {

    margin-bottom: 2rem;

    color: #ffffff;

}



.contact-form-sec .form-group {

    margin-bottom: 1.5rem;

}



.contact-form-sec .form-group label {

    display: block;

    margin-bottom: 16px;

    font-size: 18px;

}



.contact-form-sec .form-group input,

.contact-form-sec .form-group textarea {

    width: 100%;

    display: block;

    padding: 16px;

    border-radius: 8px;

    border: 0;

    font-size: 18px;

}



.contact-form-sec .form-group textarea {

    height: 200px;

}



.contact-form-sec button {

    background: #f18721;

    color: #ffffff;

    display: inline-block;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    border: 0;

}



.contact-form-sec button {

    cursor: pointer;

    padding: 15px;

    border-radius: 8px;

    font-size: 18px;

}



.form-close {

    position: absolute;

    top: 37px;

    right: 55px;

    color: #ffffff;

    cursor: pointer;

    z-index: 2;

    font-size: 30px;

    font-weight: 600;

}



.request-section .button-groups .request-btn:hover,

.contact-form-sec button:hover {

    background: #234c8d;

    -webkit-box-shadow: 0 3px 10px rgb(0 0 0 / 50%);

            box-shadow: 0 3px 10px rgb(0 0 0 / 50%);

}

section.section-four.pt-90 .hda-3-fmwk {

    margin-top: 50px;

}





/*  End form overlay */

.hda-full-bg-sec{

    padding: 15rem 0;

}

.ico-list-items .item .content .title {

    font-size: 24px;

    margin-bottom: 21px;

    font-weight: bold;

}

section.section-three.hda-full-bg-sec{

    overflow: visible;

}

section.section-three.hda-full-bg-sec:after {

    content: "";

    width: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    height: 8.25rem;

    background: url('images/curve-bottom.png') no-repeat center;

    background-size: cover;

    -webkit-transform: translateY();

        -ms-transform: translateY();

            transform: translateY();

    z-index: 1;

}

.top-nav .menu-toggle>span:before {

    top: -12px;

}

.top-nav .menu-toggle>span:after {

    bottom: -12px;

}

.service-content-sec .left-content p, .service-content-sec .right-content p {

    font-size: 1.6rem;

}