@import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400;0,500;0,700;0,800;0,900;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400;0,500;0,700;0,800;0,900;1,700&family=Poppins:wght@100;300;400;500;600;700&display=swap');



body {

    font-size: 16px;

    padding: 0;

    margin: 0;

    font-family: "Poppins", sans-serif;

}

.clearfix {

    clear: both;

}

.container {

    max-width: 1280px;

}

* {

    margin: 0;

    padding: 0;

}

a, a:hover {

    text-decoration: none!important;

}

a.button-btn {

    background: #f6a515;

    color: #000;

    padding: 10px 25px;

    font-size: 16px;

    letter-spacing: 1px;

    font-weight: 600;

    margin-top: 10px;

}

a.button-btn:hover {

    background: #fff;

    color: #036;

}

a.button-btn2 {

    background: #036;

    color: #fff;

    padding: 10px 15px;

    font-size: 16px;

    letter-spacing: 1px;

    font-weight: 600;

    margin-top: 10px;

}

a.button-btn2:hover {

    background: none;

    border: 1px solid#036;

    color: #036;

}

.border {

    border: 1px solid #e0e0e0 !important;

}

section {

    padding: 60px 0;

}

section.p0 {

    padding: 0;

}

.mt-50 {

    margin-top: 50px;

}

.section-heading span {

    font-size: 30px;

    color: #036;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 15px;

    display: block;

    letter-spacing: 1px;

}

.section-heading h4 {

    font-weight: 500;

    color: #036;

    margin-bottom: 0;

}

.section-heading p {

    margin-top: 10px;

    line-height: 28px;

    font-size: 16px;

    color: #4e4d4d;

    font-weight: 400;

    text-align: justify;

    letter-spacing: 1px;

}

span.span {

    margin-bottom: 40px;

    display: block;

}

header {

    background: #fff;

    padding: 10px 0;

    overflow: hidden;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 999;

}

.logo {

    width: 15%;

    display: inline-block;

}

nav {

    float: right;

}

nav ul {

    display: flex;

    margin: 27px 0px;

    padding: 0;

}

nav ul li {

    display: inline-block;

    box-sizing: border-box;

    position: relative;

    padding: 10px 5px;

}

nav ul li a {

    color: #000;

    font-size: 18px;

    letter-spacing: 1px;

    padding: 10px;

    transition: 0.6s all;

}

nav ul li a:hover {

    background-color: #036;

    color: #fff;

}

.toggle-bar {

    display: none;

}

section.main-slider {

    background-repeat: no-repeat;

    position: relative;

    height: 700px;

    background-attachment: fixed;

    background-size: cover;

}

.slider-contact {

    position: absolute;

    top: 40%;

}

.slider-contact span {

    color: #fff;

    font-size: 42px;

    letter-spacing: 1px;

    line-height: 70px;

    display: block;

     font-family: 'Alegreya', serif!important;

}

.slider-contact span abbr {

    color: #f6a515;

}

.slider-contact h4 {

    color: #fff;

    margin: 0;

    letter-spacing: 1px;

    padding-bottom: 30px;

    font-weight: normal!important;

    font-family: 'Alegreya', serif!important;

}

.page-title.title-bg-1 {

    background-image: url(../img/bg-2.jpg);

    height: 400px;

}

.page-title {

    position: relative;

    background-size: cover;

    background-attachment: fixed;

    background-position: top;

}

.title-text {

    text-align: center;

    position: absolute;

    top: 65%;

    left: 50%;

    transform: translate(-50%, -50%);

}

.page-title::before {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(60, 12, 112, 0.9)));

    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(60, 12, 112, 0.5) 100%);

    top: 0;

    left: 0;

    z-index: 0;

}

.page-title .title-text h2 {

    font-size: 36px;

    color: #f6a515;

    font-weight: 700;

    margin-bottom: 10px;

}

.page-title .title-text ul li {

    display: inline-block;

    color: #fff;

    font-size: 16px;

    margin: 0 5px;

}

.page-title .title-text ul li a {

    color: #fff;

}

.about-contact span {

    font-size: 30px;

    font-weight: 600;

    color: #036;

}

.about-contact p {

    font-size: 16px;

    color: #4e4d4d;

    font-weight: 400;

    text-align: justify;

    line-height: 36px;

    letter-spacing: 1px;

}

.about-img {

    margin-top: 30px;

}

section.service {

    padding: 60px 0;

}

.service-provide {

    background: #f8f8f8;

    padding: 20px;

    margin: 20px 0;

}

.service-provide span {

    display: block;

    font-size: 24px;

    font-weight: 600;

    color: #036;

    margin-top: 40px;

    padding-bottom: 20px;

    letter-spacing: 1px;

}

.service-provide span:before {

    text-align: center;

    border: 1px solid#e0e0e0;

    position: absolute;

    display: table;

    content: "";

    width: 85%;

    margin: 0 auto;

    margin-bottom: 20px;

    bottom: 90px;

}

.service-blog a:hover {

    background: #f6a515;

    box-shadow: none;

}

.service-blog a {

    width: 100%;

    float: left;

    text-align: center;

    background: #fff;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);

    padding: 0px 0 25px;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    transition: 0.3s;

    border-radius: 7px;

}

.service-blog a .service-icon {

    height: 110px;

    margin: 0 auto;

}

.service-blog a .service-icon svg {

    fill: #111;

    margin-top: 30px;

}

.service-blog h2 {

    font-size: 16px;

    /*   padding-top: 30px;*/

    letter-spacing: 1px;

    text-transform: uppercase;

    text-align: center;

    color: #111;

}

.our-service .section-heading p {

    text-align: center;

}

.partner-img img {

    width: 100%;

}

section.about-management {

    padding-top: 60px;

    text-align: center;

    padding-bottom: 70px;

    background-image: url(../img/dot.png);

    background-attachment: fixed;

}

.partner-about span {

    text-align: left;

    font-size: 36px;

    font-weight: 600;

     color: #036;;

}

.partner-about p {

    line-height: 32px;

    text-align: justify;

    letter-spacing: 1px;

}

.partner-about {

    margin-top: 60px;

}

.brands-name {

    margin-bottom: 50px;

    position: relative;

    overflow: hidden;

    padding: 20px 0px;

    font-size: 16px;

    font-weight: 500;

    transition: .6s all;

    background: #fff;

    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.16);

}

section.our-partners {

    padding-top: 50px;

    background: #f8f8f8;

}

.brands-name:hover {

    letter-spacing: 1.5px;

}

/*

.brands-name a img {

    padding: 8px;

    border: 1px solid#dedede;

}

.brands-name img {

    max-width: 100%;

    transition: all 0.3s;

    display: block;

    width: 100%;

    height: auto;

    transform: scale(1);

}

.brands-name:hover img {

    transform: scale(1.1);

}*/



footer {

    background: #036;

    padding: 60px 0;

    border-top: 5px solid#f6a515;

}

footer h3 {

    color: #fff;

    font-weight: 400;

    margin-bottom: 10px;

    padding-bottom: 10px;

    display: block;

    font-size: 28px;

    letter-spacing: 1px;

}

footer h3:after {

    position: absolute;

    content: "";

    border-bottom: 2px solid#dedede;

    width: 116px;

    height: 2px;

    display: block;

    padding-bottom: 5px;

}

.foot-contact ul li {

    list-style: none;

    line-height: 28px;

    margin-bottom: 10px;

}

.foot-contact ul li a {

    color: #fff;

    display: flex;

    font-size: 16px;

    font-weight: 400;

    letter-spacing: 1px;

}

.foot-contact ul li a span {

    padding-right: 20px;

}

.foot-link ul li {

    width: 45%;

    display: inline-block;

    box-sizing: border-box;

    line-height: 36px;

}

.foot-link ul li a {

    color: #fff;

    font-weight: 400;

    font-size: 16px;

    padding-left: 12px;

    letter-spacing: 1px;

}

.foot-link ul li a:hover {

    color: #f6a515;

}

.foot-link ul li:before {

    padding-right: 11px;

    content: "\f111";

    font-family: fontawesome;

    font-size: 6px;

    position: absolute;

    color: #fff;

}

.foot-logo img {

    width: 80%;

}

.foot-logo p {

    margin-top: 15px;

    color: #fff;

    line-height: 28px;

    text-align: justify;

}

.contact-info {

    -webkit-box-shadow: 0 0 30px 0 rgba(67, 67, 67, 0.15);

    box-shadow: 0 0 30px 0 rgba(67, 67, 67, 0.15);

    background: #fff;

    padding: 30px;

    border-top: 3px solid #0c5adb;

    border-bottom: 3px solid #0c5adb;

}

.contact-info ul li {

    position: relative;

    padding-left: 60px;

    font-size: 16px;

    margin-bottom: 30px;

    color: #151515;

}

.contact-info ul li:last-child {

    margin-bottom: 0;

}

.contact-info ul li i {

    position: absolute;

    left: 0;

    top: -11px;

    color: #0c5adb;

    font-size: 19px;

    background: #f6f6f6;

    width: 45px;

    height: 45px;

    line-height: 45px;

    text-align: center;

    border-radius: 50%;

}

.contact-info .follow-us {

    text-align: right;

    margin-top: 40px;

}

.contact-info .follow-us li {

    padding-left: 0;

    display: inline-block;

    margin-bottom: 0;

}

.contact-info .follow-us li:first-child {

    font-size: 16px;

    font-weight: 400;

    margin-right: 5px;

}

.contact-info .follow-us li a {

    width: 35px;

    height: 35px;

    text-align: center;

    line-height: 35px;

    border: 1px solid #000;

    border-radius: 50%;

}

.contact-info .follow-us li a:hover, .contact-info .follow-us li a:focus {

    background: #0c5adb;

    color: #fff;

    border-color: #0c5adb;

}

.contact-form {

    -webkit-box-shadow: 0 0 30px 0 rgba(67, 67, 67, 0.15);

    box-shadow: 0 0 30px 0 rgba(67, 67, 67, 0.15);

    padding: 20px;

    background: #fff;

}

.contact-form label {

    letter-spacing: 1px;

}

.contact-form .list-unstyled li {

    color: red;

}

.contact-contact span {

    font-size: 28px;

    font-weight: 600;

    color: #036;

    letter-spacing: 1px;

}

.contact-contact h3 {

    margin: 15px 0;

    font-size: 21px;

}

.contact-contact h5 {

    line-height: 30px;

    font-size: 18px;

    letter-spacing: 1px;

}

.contact-contact ul li {

    list-style: none;

    line-height: 36px;

    letter-spacing: 1px;

}

.contact-contact ul li span {

    font-size: 16px;

    color: #000;

}

.contact-contact ul li a {

    color: #000;

    letter-spacing: 1px;

}

.choose-info {

    position: relative;

    z-index: 1;

    padding: 0 0 30px 100px;

}

.dis-info p {

    font-size: 16px;

    text-align: justify;

    letter-spacing: 1px;

}

.choose-info img {

    padding: 15px;

    width: 80px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    border: 3px solid #036;

    position: absolute;

    left: 0;

    background: #fff;

}

.our-mission {

    /*  margin-bottom: 60px;*/

    display: inline-block;

}

.mission-info span.span{text-transform: capitalize;}

.choose-info span {

    font-size: 24px;

    font-weight: 600;

    color: #036;

    letter-spacing: 1px;

}

.mission-img {

    position: absolute;

    width: 50%;

    box-sizing: border-box;

    display: inline-block;

    left: 0;

}

.mission-info {

    /*    width: 48%;*/

    box-sizing: border-box;

    display: inline-block;

    float: right;

    top: 0;

}

.mission-img img {

    width: 100%;

    height: 600px;

    object-fit: cover;

    display: inline-grid;

    align-items: center;

    object-position: center;

    position

}

.mission-info span{

    font-weight: 400;

}



.city-name a {

    color: #000;

    border: 1px solid#ccc;

    padding: 15px;

    display: block;

    box-sizing: border-box;

    text-align: center;

    margin-bottom: 30px;

    font-size: 16px;

    transition: 0.6s all;

    position: relative;

    overflow: hidden;

}

.city-name a:hover {

    background: #f6a515;

    transform: scale(1.1);

}

.our-branch li {

    line-height: 40px;

    list-style: none;

    transition: 0.6s all;

    letter-spacing: 1px;

}

.our-branch li:hover {

    padding-left: 15px;

    letter-spacing: 1px;

}

span.our-branch {

    margin-bottom: 20px;

    display: block;

}

.our-branch li span {

    padding-right: 10px;

    font-weight: 700;

}

section.our-branch {

    position: relative;

    padding: 50px 0px;

    font-weight: 500;

    background-size: cover;

    z-index: 99;

}

span.our-branchs {

    color: #fff!important;

    margin-bottom: 20px;

    display: block;

}

section.our-branch.branch {

    position: relative;

    padding: 50px 0px;

    font-weight: 500;

    background-size: cover;

    z-index: 99;

    background: #036;

    color: #fff;

}

section.our-branch.branch::after {

    top: 0;

    position: absolute;

    width: 100%;

    height: 550px;

    content: "";

    background-image: url(../img/mape.png);

    opacity: 0.2;

    z-index: -1;

    padding: 50px 0px;

}

section.our-branch::after {

    top: 0;

    position: absolute;

    width: 100%;

    height: 550px;

    content: "";

    background-image: url(../img/mape.png);

    opacity: 0.2;

    z-index: -1;

    padding: 50px 0px;

}

.branches-list {

    margin-top: 30px;

}

.copy-right {

    background: #03274c;

    padding: 10px 0;

    color: #fff;

    text-align: center;

    font-size: 14px;

    letter-spacing: 1px;

}

.copy-right span {

    font-size: 12px;

}

.copy-right a {

    color: #fff;

}

.copy-right a:hover {

    color: #f6a515;

}

.blog {

    border: 1px solid#ccc;

}

.blog-img img {

    width: 100%;

}

.blog-contact h4 {

    font-size: 20px;

}

.blog-contact h5 {

    font-weight: 300;

    font-size: 15px;

}

.blog-contact p {

    font-size: 16px;

    padding-bottom: 10px;

}

.blog-contact {

    padding: 15px 15px 30px 15px;

}

.blog-contact a {

    color: #fff;

    background: #036;

    padding: 10px 15px;

}

h4.blog-heading {

    font-size: 20px;

}

h5.blog-date {

    color: #7d7d7d;

    font-size: 15px;

    padding-bottom: 10px;

}

.blog-details p {

    line-height: 30px;

    text-align: justify;

    letter-spacing: 1px;

}

.blog-details {

    padding: 20px 0px;

}

.blog-details li {

    letter-spacing: 1px;

}

.blog-post h5 {

    font-size: 14px;

    color: #808080;

}

.blog-post a h4 {

    font-size: 16px;

    line-height: 28px;

    color: #000;

}

.recent-blog {

    margin-bottom: 20px;

}