@import url("https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');

html
{
    overflow-x: hidden;
    width: 100%;
}

body
{
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    overflow-x: hidden;
    width: 100%;
    color: #4A637F;
    font-size: 16px;
}

.company
{
    font-weight: 600;
}

.container
{
    max-width: 1340px;
    position: relative;
    z-index: 1;
}

.main-wrapper
{
    padding-top: 0;
    position: relative;
}

.equal-row
{
    display: flex;
    flex-flow: row wrap;
}

.equal-col
{
    display: flex;
}

.equal-card
{
    flex: 1 0 0;
}

/***************************************************************/
.btn
{
    font-size: 14px;
    border-radius: 50px;
    /* font-weight: 600; */
    padding: 7px 20px;
    border: 0;
}

.btn-main
{
    text-decoration: none;
    background-color: #F88520;
    color: #fff;
}

.btn-main:hover
{
    text-decoration: none;
    color: #fff;
    background-color: #163B65;
}

.btn-dark
{
    text-decoration: none;
    background-color: #0775C6;
    color: #fff;
}

.btn-dark:hover
{
    text-decoration: none;
    color: #fff;
    background-color: #F88520;
}

.btn-lg
{
    font-size: 18px;
    padding: 15px 60px;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: 700;
}

.relative
{
    position: relative;
}

/***************************************************************/
.topbar
{
    background-color: #F2F7FD;
    padding: 8px 0;
    position: relative;
    z-index: 1;
}

.topbar .inner
{
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
}

.topbar .contact
{
    display: flex;
    gap: 30px;
}

.topbar .contact a
{
    font-size: 14px;
    color: #4A637F;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
}

.topbar .contact a i
{
    color: #F88520;
}

.topbar .social
{
    font-size: 14px;
    text-align: center;
}

.topbar .social ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px;
}

.topbar .social ul li
{
    display: inline-block;
    padding: 0;
    margin: 0;
}

.topbar .social ul li a
{
    text-decoration: none;
    font-weight: 300;
    display: block;
    font-size: 16px;
    color: #4A637F;
}

.topbar .social ul li a:hover
{
    color: #F88520;
}

/***************************************************************/
.navbar
{
    background-color: #0F2642;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.4);
    padding: 0;
}

.navbar .inner
{
    display: flex;
    justify-content: space-between;
    gap: 50px;
    align-items: center;
}

.navbar .navbar-brand
{
    text-decoration: none;
    padding: 0 5px;
}

.navbar .navbar-brand .black
{
    display: none;
}

.navbar .navbar-brand .white
{
    display: block;
}

.navbar .navbar-brand img
{
    max-height: 60px;
}

.navbar .navbar-nav
{
    gap: 20px;
    justify-content: center;
}

.navbar .nav-item
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar .navbar-collapse
{
    gap: 30px;
    align-items: center;
    justify-content: center;
    order: 1;
}

.navbar .nav-link
{
    font-size: 16px;
    color: #F2F7FD;
    padding: 0 !important;
    font-weight: 500;
}

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

.navbar .nav-link.active
{
    text-decoration: none;
}

.navbar .phone
{
    background-color: #1d4f8d;
    color: #fff;
    order: 1;
    padding: 20px 25px;
    font-size: 14px;
    display: flex;
    gap: 10px;
}

.navbar .phone .icon
{
    text-decoration: none;
    display: block;
    background: #fff;
    color: #F88520;
    display: flex;
    width: 40px;
    height: 40px;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-size: 14px;
}

.navbar .phone .icon i
{
    text-decoration: none;
}

.navbar .phone .text
{
    text-decoration: none;
}

.navbar .phone .text span
{
    text-decoration: none;
    display: block;
    opacity: 0.8;
    font-size: 13px;
    letter-spacing: 0.;
}

.navbar .phone .text b
{
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0px;
}

/************************************************************/
.sticky-header header
{
    position: fixed;
    width: 100%;
    z-index: 1000;
    top: 0;
    background: #fff;
    height: auto;
    transition: all 0.3s;
}

.sticky-header .topbar
{
    background-color: #163B65;
    /* display: none; */
}

.sticky-header .topbar .link
{
    text-decoration: none;
    color: #fff;
}

.sticky-header .topbar .social ul li a
{
    text-decoration: none;
    color: #fff;
}

.sticky-header .topbar .social ul li a:hover
{
    color: #F88520;
}

.sticky-header .navbar .navbar-toggler
{
    color: #28323c;
    order: 3;
}

.sticky-header .navbar .navbar-brand .white
{
    display: none;
}

.sticky-header .navbar .navbar-brand .black
{
    display: block;
}

.sticky-header header .navbar .navbar-brand img
{
    max-height: 60px;
}

.sticky-header header .navbar
{
    background: #fff;
    transition: all 0.3s;
    box-shadow: 0px 14px 30px rgba(4, 24, 54, 0.1);
}

.sticky-header header .navbar .nav-link
{
    color: #28323c;
}

.sticky-header header .navbar .nav-link:hover
{
    color: #F88520;
}

.sticky-header header .navbar .phone
{
    padding: 20px 25px;
    order: 2;
}

/************************************************************/
.banner-section
{
    text-decoration: none;
}

.banner-section .carousel
{
    text-decoration: none;
}

.banner-section .carousel-inner
{
    text-decoration: none;
}

.banner-section .carousel-inner .carousel-item
{
    text-decoration: none;
    min-height: 600px;
    background-size: cover;
    background-position: left top;
}

.banner-section .carousel-inner .carousel-item img
{
    width: 100%;
    height: auto;
}

.banner-section .carousel-inner .carousel-item .carousel-caption
{
    font-size: 24px;
    background-color: #163b6505;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    color: #fff;
}

.banner-section .carousel-inner .carousel-item .carousel-caption::after
{
    content: "";
    /* background-image: linear-gradient(90deg, #000000 0%, #000000 100%); */
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.2;
}

.banner-section .carousel-inner .carousel-item .carousel-caption.dark
{
    color: #28323c;
}

.banner-section .carousel-indicators
{
    z-index: 555;
}

.banner-section .text
{
    max-width: 660px;
    text-align: LEFT;
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-size: 18px;
    padding-left: 10px;
    /* margin-left: auto; */
}

.banner-section .text .active
{
    color: #F88520;
}

.banner-section .text h2
{
    font-size: 60px;
    font-weight: 600;
    font-family: "PT Serif", serif;
}

.banner-section .text p
{
    text-decoration: none;
}

/************************************************************/
.sec-heading
{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

.sec-heading .inner
{
    margin-bottom: 80px;
    gap: 20px 140px;
    /* flex-wrap: wrap; */
}

.sec-heading .inner h2
{
    margin-bottom: 0;
    width: 100%;
}

.sec-heading .inner p
{
    margin-bottom: 0;
}

.sec-heading h2
{
    margin-bottom: 30px;
    font-size: 60px;
    font-weight: 600;
    font-family: "PT Serif", serif;
    color: #28323c;
}

.sec-heading .heading p
{
    text-decoration: none;
}

/************************************************************/
.committed-section
{
    padding: 110px 0;
    position: relative;
    color: #fff;
    background-color: #0F2642;
}

.committed-section::after
{
    content: "";
    background-image: url(../images/logo-icon.svg);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: 760px;
    background-repeat: no-repeat;
    opacity: 0.2;
    background-position: center top;
}

.committed-section .sec-heading h2
{
    color: #fff;
}

.committed-section .box
{
    text-align: left;
    padding-right: 20px;
    color: #fff;
    margin-bottom: 30px;
}

.committed-section .box .icon
{
    margin-bottom: 30px;
}

.committed-section .box .icon img
{
    text-align: center;
    max-width: 140px;
}

.committed-section .box h3
{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    border-bottom: 1px solid;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.committed-section .box h3 i
{
    color: #F88520;
    font-size: 30px;
}

.committed-section .box p
{
    text-align: left;
}

/***************************************************************/
.clients-section
{
    padding: 30px 0;
}

.clients-section .logo
{
    text-align: center;
    padding: 0 10px;
    display: flex;
    align-items: inherit;
    height: 70px;
    width: 100%;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}

.clients-section .logo img
{
    max-height: 60px;
    width: auto;
    max-width: 100%;
    display: inline-block;
}

.clients-section .owl-nav
{
    display: none;
}

.clients-section .owl-dots
{
    display: inline-block;
    margin-left: -8px;
    margin-top: 50px;
    display: none;
}

.clients-section .owl-dots .owl-dot
{
    border: 0px solid #efefef;
}

.clients-section .owl-dots .owl-dot span
{
    background-color: #C0C0C0;
    width: 4px;
    height: 4px;
    margin: 8px;
}

.clients-section .owl-dots .owl-dot.active span
{
    width: 20px;
}

/************************************************************/
.what-section
{
    position: relative;
    background-color: #0F2642;
    z-index: 1;
    padding-top: 110px;
    padding-bottom: 0;
    background-image: url(../images/bg6.png);
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}

.what-section .sec-heading
{
    color: #fff;
}

.what-section .sec-heading h2
{
    color: #fff;
}

.what-section .pic
{
    position: absolute;
    background-image: url(../images/flag.jpg);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 570px;
    width: 100%;
}

.what-section .content
{
    position: relative;
    z-index: 1;
    padding-bottom: 100px;
    padding-right: 50px;
    font-size: 14px;
}

.what-section .figure
{
    width: 100%;
    border: 0px solid #ccc;
    text-align: center;
    margin-top: 0;
    overflow-y: hidden;
    bottom: 0;
    right: 0;
}

.what-section .figure img
{
    position: relative;
    width: 100%;
    max-width: max-content;
}

.what-section .mdl
{
    text-align: right;
    border: 0px solid #ccc;
}

.what-section .box
{
    display: flex;
    gap: 20px;
    margin-bottom: 10px;
    background: #fff;
    box-shadow: 0 10px 60px rgba(0, 0, 0, .1);
    border-radius: 10px;
    padding: 30px;
}

.what-section .box .icon
{
    background: #F88520;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-right: -40px;
    border: 3px solid #F88520;
    margin-left: -70px;
    color: #fff;
    font-size: 30px;
}

.what-section .box .icon img
{
    max-height: 30px;
}

.what-section .box .text
{
    position: relative;
    /* background-color: #fff; */
    /* padding: 20px; */
    /* box-shadow: 0 10px 60px rgba(0, 0, 0, .1); */
    border-radius: 10px;
    transition: all .3s ease;
    margin-left: 40px;
}

.what-section .box .text h2
{
    color: #28323c;
    font-size: 24px;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.what-section .box .text p
{
    margin: 0;
}

/***************************************************************/
.offer-section
{
    padding: 110px 0;
    position: relative;
    background-color: #ffffff;
    background-image: url(../images/bg2.png);
}

.offer-section .pic
{
    height: 100%;
    background: #fff;
    display: flex;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    background-image: url(../images/services.png);
    box-shadow: 0px 14px 30px rgba(4, 24, 54, 0.1);
}

.offer-section .pic::after
{
    text-decoration: none;
    content: "";
    background-color: transparent;
    background-image: linear-gradient(90deg, #0F2642 0%, #F88520 100%);
    opacity: 0.5;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}

.offer-section .pic img
{
    max-height: 200px;
    background-image: url(../images/services.png);
    border-style: hidden;
    background-size: cover;
}

.offer-section .all
{
    gap: 25px 0;
}

.offer-section .box
{
    padding: 0;
    font-size: 14px;
    margin: 0;
    text-align: center;
    display: block;
    gap: 0;
    background: #fff;
    box-shadow: 0px 14px 30px rgba(4, 24, 54, 0.1);
    border-radius: 10px;
    overflow: hidden;
}

.offer-section .box .picture
{
    position: relative;
    margin: 0;
    margin-bottom: 0;
    max-height: 500px;
    overflow: hidden;
}

.offer-section .box .picture img
{
    max-width: 100%;
    width: 100%;
}

.offer-section .box .icon
{
    font-size: 24px;
    color: #F88520;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    background: none;
    border-radius: 10px 0 0 0;
}

.offer-section .box .icon i
{
    background: #000;
    font-size: 24px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    border-radius: 50%;
    background: #F88520;
    color: #fff;
}

.offer-section .box .icon img
{
    max-height: 40px;
}

.offer-section .box h2
{
    color: #28323c;
    font-size: 22px;
    margin: 0;
    font-weight: 600;
}

.offer-section .text
{
    padding: 24px;
    text-align: left;
}

.offer-section .text h3
{
    color: #28323c;
    font-size: 20px;
    margin: 0;
    font-weight: 600;
    margin-bottom: 15px;
}

.offer-section .text p
{
    text-decoration: none;
}

.offer-section .box p
{
    text-decoration: none;
    margin: 0;
}

.offer-section .text .button
{
    margin-top: 20px;
}

.offer-section .heading
{
    text-align: center;
    margin-bottom: 100px;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    color: #F88520;
}

.offer-section .heading h2
{
    font-size: 48px;
    font-weight: 700;
}

.offer-section .heading p
{
    font-size: 18px;
    font-weight: 500;
}

.offer-section .content
{
    margin: 0;
    margin-top: 50px;
    padding: 50px;
}

.offer-section .content h2
{
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #F88520;
}

.offer-section .content p
{
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 50px;
}

/***************************************************************/
.services-section
{
    padding: 80px 0;
    position: relative;
    background-color: #F2F7FD;
    background-image: url(../images/bg2.png);
}

.services-section .pic
{
    height: 100%;
    background: #fff;
    display: flex;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    background-image: url(../images/services.png);
    box-shadow: 0px 14px 30px rgba(4, 24, 54, 0.1);
}

.services-section .pic::after
{
    text-decoration: none;
    content: "";
    background-color: transparent;
    background-image: linear-gradient(90deg, #0F2642 0%, #F88520 100%);
    opacity: 0.5;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}

.services-section .pic img
{
    max-height: 200px;
    background-image: url(../images/services.png);
    border-style: hidden;
    background-size: cover;
}

.services-section .all
{
    gap: 25px 0;
}

.services-section .box
{
    padding: 30px;
    font-size: 14px;
    margin: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
    background: #fff;
    box-shadow: 0px 14px 30px rgba(4, 24, 54, 0.1);
}

.services-section .box .icon
{
    font-size: 24px;
    color: #F88520;
    border: 1px solid #F88520;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    border-radius: 50%;
}

.services-section .box .icon img
{
    max-height: 40px;
}

.services-section .box h2
{
    color: #28323c;
    font-size: 22px;
    margin: 0;
    font-weight: 600;
}

.services-section .box p
{
    text-decoration: none;
}

.services-section .heading
{
    text-align: center;
    margin-bottom: 100px;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    color: #F88520;
}

.services-section .heading h2
{
    font-size: 48px;
    font-weight: 700;
}

.services-section .heading p
{
    font-size: 18px;
    font-weight: 500;
}

.services-section .content
{
    margin: 0;
    margin-top: 50px;
    padding: 50px;
}

.services-section .content h2
{
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #F88520;
}

.services-section .content p
{
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 50px;
}

/************************************************************/
.why-section
{
    padding: 110px 0;
    position: relative;
    background-image: url(../images/bg2.png);
    background-size: contain;
    background-color: #ffffff;
    /* color: #fff; */
}

.why-section .sec-heading h2
{
    text-decoration: none;
}

.why-section .content
{
    position: relative;
}

.why-section .content::before
{
    content: url(../images/line.png);
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
}

.why-section .heading
{
    text-align: center;
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

.why-section .heading h2
{
    font-size: 60px;
    font-weight: 700;
    color: var(--gray-12);
    font-family: "PT Serif", serif;
    margin-bottom: 30px;
}

.why-section .heading p
{
    text-decoration: none;
}

.why-section .content
{
    margin: 0;
}

.why-section .content h2
{
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
}

.why-section .content p
{
    margin-bottom: 0;
}

.why-section .box
{
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}

.why-section .box .icon
{
    text-align: center;
    margin-bottom: 15px;
    height: 300px;
    overflow: hidden;
    border-radius: 390px;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
}

.why-section .box .icon img
{
    text-align: center;
    max-width: 100%;
}

.why-section .box h3
{
    text-align: center;
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
    color: #F88520;
}

.why-section .box p
{
    margin: 0;
    font-size: 14px;
}

/************************************************************/
.expert-section
{
    padding: 110px 0;
    position: relative;
    background-image: url(../images/bg4.jpg);
    background-size: contain;
    background-color: #F2F7FD;
    /* color: #fff; */
}

.expert-section .sec-heading h2
{
    text-decoration: none;
}

.expert-section .content
{
    position: relative;
}

.expert-section .content::before
{
    content: url(../images/line.png);
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
}

.expert-section .heading
{
    text-align: center;
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

.expert-section .heading h2
{
    font-size: 60px;
    font-weight: 700;
    color: var(--gray-12);
    font-family: "PT Serif", serif;
    margin-bottom: 30px;
}

.expert-section .heading p
{
    text-decoration: none;
}

.expert-section .content
{
    margin: 0;
}

.expert-section .content h2
{
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
}

.expert-section .content p
{
    margin-bottom: 0;
}

.expert-section .box
{
    text-align: center;
    position: relative;
    margin-bottom: 30px;
    text-decoration: none;
    display: inline-block;
}

.expert-section .box .icon
{
    text-align: center;
    margin-bottom: 15px;
    height: 240PX;
    overflow: hidden;
    border-radius: 200px;
    width: 240PX;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 14px 30px rgba(4, 24, 54, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: #fff;
}

.expert-section .box .icon img
{
    text-align: center;
    max-width: 100%;
}

.expert-section .box h3
{
    text-align: center;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
    color: #F88520;
}

.expert-section .box p
{
    margin: 0;
    font-size: 14px;
    color: #000;
}

/***************************************************************/
/***************************************************************/
.footer-section
{
    position: relative;
    overflow: hidden;
    padding: 100px 0;
    background-color: rgb(0 140 150 / 10%);
    background-image: url(../images/bg5.png);
    background-size: cover;
    color: #aab3bb;
    background-color: #0c0c0d;
}

.footer-section .logo
{
    margin-bottom: 30px;
    text-align: justify;
}

.footer-section .logo img
{
    max-height: 65px;
}

.footer-section .box
{
    margin-bottom: 0;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.footer-section .box h3
{
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 600;
    font-family: "PT Serif", serif;
    color: #ffffff;
}

.footer-section .box p
{
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    margin: 0;
    gap: 10px;
}

.footer-section .box p b
{
    color: #F88520;
    min-width: 20px;
    display: inline-flex;
}

.footer-section .box ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-section .box ul li
{
    margin-bottom: 5px;
}

.footer-section .box ul li a
{
    text-decoration: none;
    color: #F88520;
}

.footer-section .box ul li a:hover
{
    color: #F88520;
}

.footer-section .social
{
    margin-top: 20px;
}

.footer-section .social ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 15px;
    display: flex;
}

.footer-section .social ul li
{
    display: inline-block;
}

.footer-section .social ul li a
{
    text-decoration: none;
    font-weight: 300;
    display: block;
    font-size: 16px;
    background: #F88520;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    color: #ffff;
}

.footer-section .social ul li a:hover
{
    color: #F88520;
    background: #fff;
}

.copy-section
{
    border-top: 1px solid #353535;
    text-align: center;
    padding-top: 10px;
    font-size: 12px;
    color: #afaaa5;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    background: #0c0c0d;
}

.copy-section .dis
{
    font-size: 12px;
    text-align: center;
    color: #afaaa5;
}

/************************************************************/
.contact-form
{
    text-decoration: none;
    max-width: 500px;
    margin: auto;
}

.contact-form .form-group
{
    margin-bottom: 10px;
    background: #fff;
    padding: 7px 15px;
    border: 1px solid #4A637F;
    border-radius: 0;
    text-align: center;
}

.contact-form .form-group:hover
{
    border: 1px solid #212121;
}

.contact-form .form-group .form-control
{
    border: 0;
    font-weight: 500;
    opacity: 1;
    box-shadow: none;
    outline: none;
    border-bottom: 0px solid #ffffff;
    padding-left: 0;
    background-color: transparent;
    border-radius: 20%;
    padding: 0;
    text-align: center;
    font-size: 18px;
}

.contact-modal
{
    text-decoration: none;
}

.contact-modal .modal-dialog
{
    max-width: 540px;
}

.contact-modal .modal-content
{
    border-radius: 15px;
    border: 0;
}

.contact-modal .modal-header
{
    border: 0;
    height: auto;
    position: relative;
}

.contact-modal .modal-title
{
    display: none;
}

.contact-modal .btn-close
{
    padding: 0;
    margin: 0;
    position: absolute;
    background-color: #00000020;
    opacity: 1;
    padding: 0;
    border-radius: 50%;
    background-size: 14px;
    color: #fff;
    cursor: pointer;
    width: 40px;
    height: 40px;
    z-index: 9;
    top: 15px;
    right: 15px;
    border: 1px solid #ffffff;
}

.contact-modal .btn-close:hover
{
    background-color: #00000030;
}

.contact-modal .modal-body
{
    padding: 50px 40px;
}

.contact-modal .heading
{
    margin-bottom: 30px;
    text-align: center;
}

.contact-modal .heading .title
{
    margin-bottom: 30px;
    font-size: 60px;
    font-weight: 600;
    font-family: "PT Serif", serif;
    color: #28323c;
}

/************************************************************/
.head-section
{
    position: relative;
    margin-bottom: 0px;
}

.head-section .heading
{
    text-align: center;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    min-height: 200px;
    display: flex;
    width: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
}

.head-section .heading::after
{
    content: "";
    background-image: linear-gradient(90deg, #F88520 0%, #0F2642 100%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.8;
}

.head-section .heading .text
{
    margin: auto;
    display: flex;
    height: 100%;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    text-align: center;
    align-items: center;
}

.head-section .heading .text h2
{
    max-width: 800px;
    margin: auto;
    font-size: 50px;
    font-weight: 600;
    font-family: "PT Serif", serif;
    color: #ffffff;
}

.head-section .heading .text .back
{
    color: #fff;
    font-size: 16px;
    position: absolute;
    left: 25px;
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
}

.head-section .heading .text .back i
{
    font-size: 16px;
}

/************************************************************/
.content-section
{
    padding: 40px 0;
}

/************************************************************/
@media screen and (max-width: 1200px)
{
    .main-wrapper
    {
        padding-top: 0;
    }

    .topbar
    {
        display: none;
    }

    .navbar-toggler
    {
        padding: 0;
        margin-right: 15px;
        box-shadow: none !important;
        order: 2;
        color: #fff;
        font-size: 30px;
        margin-right: 10px;
    }

    .navbar-toggler:focus
    {
        opacity: 0.5;
    }

    .navbar .inner
    {
        gap: 0 20px;
        /* order: 3; */
    }

    .navbar .navbar-brand
    {
        order: 0;
        margin-right: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar .navbar-brand img
    {
        max-height: 50px;
    }

    .navbar .nav-item
    {
        text-align: center;
    }

    .navbar .navbar-collapse
    {
        order: 4;
        border-top: 1px solid #a3a3a3;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar .phone
    {
        display: none;
    }

    .navbar .social ul
    {
        justify-content: center;
    }

    .banner-section .text h2
    {
        font-size: 36px;
    }

    .banner-section .text
    {
        margin: auto;
    }

    .banner-section .carousel-inner .carousel-item .carousel-caption
    {
        color: #fff;
    }

    .banner-section .carousel-inner .carousel-item .carousel-caption::after
    {
        opacity: 0.5;
    }

    .what-section .content
    {
        padding-right: 10px;
        padding-left: 40px;
    }

    .sec-heading .inner
    {
        flex-wrap: wrap;
    }

    .services-section .all
    {
        gap: 15px;
    }

    .footer-section .box
    {
        margin-bottom: 30px;
    }

    .expert-section .box
    {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 768px)
{
    .banner-section .carousel-inner .carousel-item
    {
        min-height: 500px;
    }
}