/*
========================
Header area start
========================
*/
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}

ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

*,
*:after,
*:before {
    box-sizing: border-box;
}


body {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    background: #FEFEFE;
    color: #333333;
}

a {
    text-decoration: none;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}

a:hover {
    text-decoration: none;
}

::selection {
    color: white;
    background: #ff7675;
}

::-webkit-selection {
    color: white;
    background: #ff7675;
}

::-moz-selection {
    color: white;
    background: #ff7675;
}

.scrolltotop {
    width: 40px;
    height: 40px;
    border-radius: 20px 20px 0 0;
    background: rgba(0, 0, 0, .5);
    text-align: center;
    padding-top: 8px;
    font-size: 22px;
    color: #ffffff;
    position: fixed;
    right: 5px;
    bottom: 5px;
    display: none;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}

.scrolltotop:hover {
    background: #000;
    color: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
}

/*header-area start*/
.header-area {
    background: #00325d;
}

.header-bg0 {
    position: relative;
}

.header-bg1 {
    position: absolute;
    top: 0;
    right: -45px;
}

@media screen and (min-width: 1180px) and (max-width: 1340px) {

    .who-we-bg0 {
        display: none;
    }

    .services {
        grid-template-columns: 0fr 0fr;
    }
}


.menu-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 34px;
    white-space: nowrap;
}

.menu-item ul {
    display: flex;
    align-items: center;
}

.menu-item ul li {
    padding: 0 23.5px;
}

.menu-item ul li:last-child {
    padding: 0 0 0 23.5px;
}

.menu-item ul li a {
    display: inline-block;
    text-decoration: none;
    font-family: Work Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    transition: 0.2s all ease;
}

.menu-item ul li a:hover {
    color: #E39156;
}

.gst {
    background: #E39156;
    padding: 14px 25px;
    margin-left: 23px;
    transition: 0.2s all ease;
}

.menu-item ul li .gst:hover {
    background: #FFF;
    color: #E39156;
}

.mobile-menu {
    display: none;
}

.m-menu-item {
    background: #01488A;
}

.m-menu-item ul {
    padding: 20px 10px;
}

.m-menu-item ul li a {

    display: block;
    text-decoration: none;
    font-family: Work Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    padding: 15px 10px;
}

.m-menu-item ul li a:hover {
    background: #002D56;
}

.offcanvas-header {
    padding: 14px;
}

.offcanvas-header .btn-close {
    padding: 15px;
    margin: 0;
}

.hero-sec {
    padding: 15px 0 120px;
}

.hero-left h2 {
    font-family: Work Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 58px;
    line-height: 68px;
    color: #fff;
    margin: 92px 0 16px;
}

.hero-left h2 span {
    color: #E39156;
}

.hero-left p {
    font-family: Work Sans;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #FFFFFF;
    margin-bottom: 31px;
    position: relative;
    z-index: 99;
}

.hero-left a {
    text-decoration: none;
    display: inline-block;
    font-family: Work Sans;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #E39156;
}

.hero-right {
    position: relative;
}

.hero-right-img {
    width: 100%;
    position: relative;
    margin-bottom: -202px;
}

.header-bg2 {
    position: absolute;
    bottom: -120px;
    left: -45px;
    z-index: 0;
}

.mobile-menu .hamb-barm img {
    max-width: 34px;
    transition: 0.2s all ease;
}

.mobile-menu .hamb-barm img:hover {
    opacity: 0.8;
}

.offcanvas-header button {
    outline: none !important;
    box-shadow: none !important;
    color: #FFF;
}

.offcanvas-header .btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
    opacity: 1;
    font-size: 20px;
    transition: 0.2s all ease;
    padding-right: 0;
}

.offcanvas-header .btn-close:hover {
    opacity: 0.8;
}

.offcanvas-header {
    padding-top: 20px;
}

.offcanvas-header img {
    max-width: 150px;
}

/*customers-logo-area start*/
.customers-logo-area {
    padding: 121px 0 110px;
}

.customers-logo-area .row {
    --bs-gutter-y: 30px;
}

/*who-we-area start*/
.who-we-area {
    background: #F5F5F5;
    padding: 77px 0 250px;
}

.who-we-bg0 {
    position: relative;
}

.who-we-bg1 {
    position: absolute;
    top: -77px;
    right: -77px;
}

.who-we-bg2 {
    position: absolute;
    top: -77px;
    right: -42px;
}

.who-we-header {
    font-family: Work Sans;
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    color: #002D56;
    margin-bottom: 81px;
}

.line1 {
    margin-bottom: 20px;
    position: relative;
}

.line1 img {
    margin-right: 19px;
    position: absolute;
    top: 6px;
    right: 100%;
}

.line1 span {
    font-family: Work Sans;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #E39156;
}

.who-we-left p {
    font-family: Work Sans;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #131313;
    margin-bottom: 25px;

}

.who-we-right {
    position: relative;
}

.quality {
    width: 167px;
    display: flex;
    align-items: center;
    padding: 15px 25px 15px 15px;
    background: #fff;
    box-shadow: 0px 15px 257px rgba(113, 113, 113, 0.13), 0px 6.26664px 107.368px rgba(113, 113, 113, 0.0934511), 0px 3.35045px 57.4043px rgba(113, 113, 113, 0.0774939), 0px 1.87823px 32.1804px rgba(113, 113, 113, 0.065), 0px 0.997515px 17.0908px rgba(113, 113, 113, 0.0525061), 0px 0.415088px 7.11185px rgba(113, 113, 113, 0.0365489);
    position: absolute;
    left: -50px;
    bottom: 20px;
}

.quality img {
    width: 56px;
    padding-right: 15px;
}

.quality span {
    font-family: Work Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-transform: capitalize;
    color: #131313;
}

.angle {
    position: absolute;
    right: 0;
    bottom: 0;
}

/*service-area start*/
.service-area,
.guide-area,
.who-we-area {
    padding: 116px 0 140px;
}

.guide-area {
    margin-top: 10
}

.service-title {
    font-family: Work Sans;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #E39156;
    margin-bottom: 15px;
}

.service-header {
    font-family: Work Sans;
    font-weight: 600;
    font-size: 44px;
    line-height: 52px;
    text-align: center;
    color: #002D56;
    margin-bottom: 95px;
}

.service-item {
    padding: 0 15px 0 18px;
}

.service-inner {
    position: relative;
}

.service-text {
    text-align: center;
    padding: 71px 30px 30px 30px;
    background: #FFFFFF;
    box-shadow: 0px 27px 277px rgba(123, 123, 123, 0.07), 0px 11.28px 115.724px rgba(123, 123, 123, 0.0503198), 0px 6.0308px 61.8716px rgba(123, 123, 123, 0.0417275), 0px 3.38082px 34.6847px rgba(123, 123, 123, 0.035), 0px 1.79553px 18.4208px rgba(123, 123, 123, 0.0282725), 0px 0.747159px 7.6653px rgba(123, 123, 123, 0.0196802);

}

.service-text h2 {
    font-family: Work Sans;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #131313;
    margin-bottom: 10px;
}

.service-text p {
    font-family: Work Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: rgba(19, 19, 19, 0.6);
}

.square {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 50px;
    height: 50px;
    background: #fff;
    border: 15px solid #E39156;
    box-shadow: 0px 9px 239px rgba(0, 0, 0, 0.08), 0px 3.75998px 99.8485px rgba(0, 0, 0, 0.0575083), 0px 2.01027px 53.3838px rgba(0, 0, 0, 0.0476886), 0px 1.12694px 29.9265px rgba(0, 0, 0, 0.04), 0px 0.598509px 15.8937px rgba(0, 0, 0, 0.0323114), 0px 0.249053px 6.61374px rgba(0, 0, 0, 0.0224916);
    transform: rotate(-45deg);
    padding: 25px;
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -33px;
}

.square i {
    transform: rotate(45deg);
    font-size: 25px;
    color: #E39156;
}

.service-text:hover .square i,
.active i {
    color: #fff;
}

.service-text:hover .square,
.active1 {
    background: #E39156;
    border: 15px solid #fff;

}

.service-text:hover,
.active {
    background: #E39156;
    color: #fff;
}

.service-text:hover h2,
.active h2 {
    color: #fff;
}

.service-text:hover p,
.active p {
    color: #fff;
}

.service-area .row .row {
    --bs-gutter-y: 95px;
}

/*about-us-area start*/
.about-us-area {
    background: #F5F5F5;
    padding: 70px 0;
    position: relative;
}

.about-us-area>img {
    position: absolute;
    top: -65px;
    right: 70px;
    display: block;
}

.about-us-left {
    padding-right: 60px;
}

.about-us-right {
    padding-left: 40px;
}

.about-us-inner h3 {
    font-family: Work Sans;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #002D56;
    margin-bottom: 26px;
}

.about-us-right-ctn {
    display: flex;
    margin-left: -40px;
    align-items: center;
    margin-bottom: 46px;
}

.about-us-inner h2 {
    font-family: Work Sans;
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
    color: #002D56;
}

.about-us-right-ctn span {
    width: 10px;
    height: 100px;
    background: #002D56;
    border-radius: 10px;
    display: inline-block;
    margin-right: 30px;
}

.come-up span {
    font-family: Work Sans;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #E39156;
    padding-right: 20px;
}

.come-up {
    position: relative;
    display: block;
}

.come-up .come-up-line {
    width: 45%;
    height: 3px;
    background: #E39156;
    display: block;
    position: absolute;
    left: 299px;
    top: 11px;
}

.come-up-line:after {
    display: block;
    content: "";
    width: 13px;
    height: 13px;
    background: #fff;
    border-radius: 50%;
    border: 3px solid #E39156;
    position: absolute;
    top: -5px;
    left: 100%;
}

.about-us-inner p {
    font-family: Work Sans;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #131313;
    margin-top: 20px;
}

.about-us-inner a {
    text-decoration: none;
    display: inline-block;
    margin-top: 40px;
}

.about-us-inner a img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.about-us-inner a span {
    font-family: Work Sans;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #E39156;
}

/*testimonials-area start*/
.testimonials-area {
    padding-top: 118px;
    padding-bottom: 97px;
    background: #FEFEFE;
}

.testimonials-title {
    font-family: Work Sans;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #E39156;
    text-align: center;
    margin-bottom: 15px;
}

.testimonials-header {
    font-family: Work Sans;
    font-weight: 600;
    font-size: 44px;
    line-height: 52px;
    text-align: center;
    color: #002D56;
    margin-bottom: 69px;
}

.main-carousel {
    box-shadow: 0px 27px 277px rgba(123, 123, 123, 0.07), 0px 11.28px 115.724px rgba(123, 123, 123, 0.0503198), 0px 6.0308px 61.8716px rgba(123, 123, 123, 0.0417275), 0px 3.38082px 34.6847px rgba(123, 123, 123, 0.035), 0px 1.79553px 18.4208px rgba(123, 123, 123, 0.0282725), 0px 0.747159px 7.6653px rgba(123, 123, 123, 0.0196802);
}

.carousel-cell {
    background: #fff;
    width: 50%;
    margin: 0 41.5px;

}

.carousel-cell-container {
    box-shadow: 0px 27px 277px rgba(123, 123, 123, 0.07), 0px 11.28px 115.724px rgba(123, 123, 123, 0.0503198), 0px 6.0308px 61.8716px rgba(123, 123, 123, 0.0417275), 0px 3.38082px 34.6847px rgba(123, 123, 123, 0.035), 0px 1.79553px 18.4208px rgba(123, 123, 123, 0.0282725), 0px 0.747159px 7.6653px rgba(123, 123, 123, 0.0196802);
    padding: 31px 54px 37px 0;
}

.carousel-cell-right h2 {
    font-family: Work Sans;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #131313;
    margin-bottom: 2px;

}

.carousel-cell-right h3 {
    font-family: Work Sans;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: rgba(19, 19, 19, 0.6);
    margin-bottom: 39px;
}

.carousel-cell-right p {
    font-family: Work Sans;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #131313;
    margin-bottom: 16px;
}

.carousel-cell-right span {
    font-family: Work Sans;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: rgba(19, 19, 19, 0.6);
}

.carousel-cell img {
    width: auto;
}

.carousel-cell.is-selected {
    background: unset;
}

.flickity-prev-next-button.previous {
    left: 20%;
}

.flickity-prev-next-button.next {
    right: 20%;
}

.flickity-page-dots {
    bottom: -97px;
}

.flickity-prev-next-button {
    background: #E39156;
    border-radius: unset;
    width: 45px;
    height: 45px;
    transform: rotate(45deg);
}

.flickity-prev-next-button:hover {
    background: #dddd;
}

.flickity-prev-next-button .flickity-button-icon {
    transform: rotate(-45deg);
}

.flickity-button {
    color: #fff;
}

.flickity-page-dots .dot {
    width: 200px;
    height: 3px;
    border-radius: unset;
    background: #E39156;
    margin: 0;
}


/*sign-up-area start*/
.sign-up-area {
    padding: 126px 0 0;
    background: #fff;
}

.sign-up-form {
    background: url(images/Vector3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 58px 81px;
}

.sign-up-form1 {
    background: url(images/Vector-4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 58px 84px;
}

.sign-up-form2 {
    background: url(images/Vector-5.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 87px 38px;
}

.sign-up-form2 h3 {
    font-family: Work Sans;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.sign-up-form2 form {
    display: flex;
    margin-bottom: 30px;

}

.sign-up-form2 form [type="text"] {
    width: 70%;
    padding: 15px 20px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    outline: none;
    font-family: Work Sans;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #fff;

}

.sign-up-form2 form [type="text"]::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.sign-up-form2 form [type="submit"] {
    width: 30%;
    font-family: Work Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #002D56;
    padding: 15px 0;
    background: #fff;
    border: 1px solid #fff;
}


.sign-up-form2 ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sign-up-form2 ul li {
    padding: 0 7.5px;
}

.sign-up-form2 ul li a {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 16px;
    color: #002D56;
}


/*contact-area start*/
.contact-area {
    background: url(images/Vector-6.png);
    background-position: left top;
    background-size: 51% 100%;
    background-repeat: no-repeat;
}

.contact-area-overly {
    background: url(images/Vector000.png);
    background-position: right top;
    background-size: 51% 100%;
    background-repeat: no-repeat;
    padding-top: 150px;
    padding-bottom: 119px;
    margin-top: -60px;
}


.contact-header {
    text-align: center;
    font-family: Work Sans;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #E39156;
    margin-bottom: 15px;
}

.contact-title {
    font-family: Work Sans;
    font-weight: 600;
    font-size: 44px;
    line-height: 52px;
    text-align: center;
    color: #012E56;
    margin-bottom: 30px;
}


.contact-form form {
    text-align: center;
}

.contact-form form input {
    width: 100%;
    font-family: Work Sans;
    font-weight: normal;
    font-size: 14px;
    color: rgba(19, 19, 19, 0.6);
    padding: 15px 20px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    outline: none;
}

.contact-form form select {
    width: 100%;
    padding: 15px 20px;
    background: #fff;
    border: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    outline: none;
}

.contact-form [type="submit"] {
    width: 100%;
    font-family: Work Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: #012E56;
    padding: 16.5px 0;
    transition: 0.2s all ease;
}

.contact-form [type="submit"]:hover {
    background: #FFF;
    color: #012E56;
}

.contact-form form .row {
    margin-bottom: 30px;
    --bs-gutter-x: 30px;

}


/*footer-area start*/
.footer-area {
    background: #012E56;
}

.footer-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0 50px;
    border-bottom: 1px solid #345878;
}

.f-menu ul {
    display: flex;
}

.f-menu ul li {
    padding: 0 40px;
}

.f-menu ul li:last-child {
    padding-right: 0;
}

.f-menu ul li a {
    text-decoration: none;
    display: inline-block;
    font-family: Work Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    transition: 0.2s all ease;
}

.f-menu ul li a:hover,
.c-menu ul li a:hover {
    color: #E39156;
}

.copyright-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 0 35px;
}

.copy-left span {
    font-family: Work Sans;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: #D9DBE1;
}

.copy-left span br {
    display: none;
}

.c-menu ul {
    display: flex;
}


.c-menu ul li a {
    text-decoration: none;
    display: inline-block;
    font-family: Work Sans;
    font-weight: normal;
    font-size: 14px;
    color: #D9DBE1;
    padding: 0 10px;
    border-left: 1px solid #fff;

}

.c-menu ul li:first-child a {
    border-left: none;
    padding-left: 0;
}

/*=== service-page start ===*/
.service-mainprt {
    padding: 100px 0 125px;
}

.serv-hdbg {
    background-image: url(images/bg-1.png);
    background-repeat: no-repeat;
    background-position: 0% 60%;
    background-size: 280px;
}

.serv-hdbg2 {
    background-image: url(images/bg-2.png);
    background-repeat: no-repeat;
    background-position: 100% 60%;
    background-size: 280px;
}

.serv-maincnt h2 {
    font-weight: 600;
    font-size: 58px;
    text-align: center;
    color: #E39156;
}

.serv-maincnt h2 span {
    color: #FFFFFF;
}

.serv-maincnt p {
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 16px;
}

.serv-maincnt {
    max-width: 670px;
    margin: 0 auto;
}

.servcnt-area {
    padding: 130px 0;
}

.servcnt-title {
    max-width: 1000px;
    margin: 0 auto 46px;
}

.servcnt-title h4 {
    font-weight: 600;
    font-size: 44px;
    text-align: center;
    color: #002D56;
}

.sercnt-item p {
    font-weight: normal;
    font-size: 16px;
    color: #131313;
    margin-top: 20px;
}

/*=== present-area start ===*/
.present-area {
    padding: 10px 0 130px;
}

.present-left h4 {
    font-weight: 600;
    font-size: 32px;
    color: #002D56;
    position: relative;
    margin-bottom: 40px;
}

.present-left {
    position: relative;
}

.present-left::before {
    content: "";
    display: block;
    width: 10px;
    height: 100px;
    background: #E39156;
    border-radius: 100px;
    position: absolute;
    left: 0;
    top: 0;
}

.present-left p {
    font-weight: normal;
    font-size: 16px;
    color: #131313;
    margin-top: 20px;
}

.present-right img {
    width: 100%;
}

/*=== differ-aream start ===*/
.differ-aream {
    background: #F5F5F5;
    padding: 115px 0;
    position: relative;
}

.differ-logo img {
    max-width: 130px;
    right: 40px;
    top: -65px;
    position: absolute;
}


.differ-item ul li {
    display: flex;
    align-items: flex-start;
    width: 100%;
    font-weight: 500;
    font-size: 18px;
    color: #002D56;
    padding: 8px 0;
}

.differ-item ul li img {
    max-width: 18px;
    margin-right: 14px;
    margin-top: 4px;
}

/*=== accum-area start ===*/
.accum-area {
    padding: 145px 0;
}

.accum-item {
    background: #E39156;
    padding: 65px 35px;
    margin: 0 10px;
}

.accum-item h4 {
    font-weight: 500;
    font-size: 22px;
    color: #FFFFFF;
    text-align: center;
}

.accum-item p {
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: rgba(255, 255, 255, 0.9);
    margin-top: 21px;
}

.accumsan-area {
    padding-bottom: 240px;
}

/*=== blog page start ===*/
.blog-main {
    padding: 100px 0 120px;
}

.blog-item {
    background: #FFFFFF;
    margin: 30px 0;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
}

.blog-item img {}

.blog-cnt {
    padding: 40px 24px;
}

.blog-cnt h4 {
    font-weight: 600;
    font-size: 23px;
    color: #002D56;
}

.blog-cnt p {
    font-weight: normal;
    font-size: 16px;
    color: #5A5A5A;
    margin: 20px 0;
}

.blog-cnt span {
    font-weight: 500;
    font-size: 14px;
    color: #E39156;
}

.blog-cnt a {
    font-weight: 500;
    font-size: 16px;
    color: #E39156;
    width: 160px;
    display: block;
    text-align: center;
    margin: 30px auto 0;
    padding: 10px 10px;
    border: 1.5px solid #E39156;
    transition: 0.2s all ease;
}

.blog-cnt a:hover {
    background: #E39156;
    color: #FFF;
}

.pagination-part ul li {
    display: inline-block;
}

.pagination-part ul li a {
    font-weight: 500;
    font-size: 16px;
    color: #002D56;
    width: 45px;
    height: 45px;
    background: #FFFFFF;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s all ease;
}

.pagination-part ul li a:hover,
.pagination-part ul li .active {
    border-color: #E39156;
    color: #E39156;
}

.pagination-part ul li .disabled {
    opacity: 0.4;
}

.pagination-part {
    padding: 40px 0 100px;
}

/*=== customer_stories page start ===*/
.toyota-area {
    background: #FFFFFF;
    padding: 70px 0;
}

.toyota-first {
    padding-top: 135px;
}

.toyota-part {
    max-width: 806px;
}

.toyota-left img {
    max-width: 285px;
}

.toyota-right h4,
.ebay-left h4 {
    font-weight: 500;
    font-size: 18px;
    color: #131313;
    margin-bottom: 5px;
}

.toyota-right h6,
.ebay-left h6 {
    font-weight: normal;
    font-size: 14px;
    color: rgba(19, 19, 19, 0.6);
}

.toyota-right p,
.ebay-left p {
    font-weight: normal;
    font-size: 16px;
    color: #131313;
    margin-top: 36px;
}

.toyota-right span,
.ebay-left span {
    font-weight: normal;
    font-size: 14px;
    color: rgba(19, 19, 19, 0.6);
    display: inline-block;
    margin-top: 15px;
}

.toyota-right {
    padding-left: 50px;
    position: relative;
}

.toyota-right::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: #E39156;
    border-radius: 100px;
    position: absolute;
    top: 58px;
    left: 0;
}

.toyota-right::before {
    content: "";
    width: block;
    width: 14px;
    height: 14px;
    background: #FFF;
    border: 4px solid #E39156;
    border-radius: 50px;
    position: absolute;
    left: -4px;
    top: 51.5px;
    z-index: 999;
}

.toyota-left img,
.ebay-right img {
    max-width: 100%;
}

.ebay-area {
    background: #F9F9F9;
    padding: 65px 0;
}

.ebay-part {
    max-width: 806px;
    margin-left: auto;
}

.ebay-left {
    padding-right: 50px;
    position: relative;
}

.ebay-left::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: #E39156;
    border-radius: 100px;
    position: absolute;
    top: 58px;
    right: 0;
}

.ebay-left::before {
    content: "";
    width: block;
    width: 14px;
    height: 14px;
    background: #FFF;
    border: 4px solid #E39156;
    border-radius: 50px;
    position: absolute;
    right: -4px;
    top: 51.5px;
    z-index: 999;
}

.toyota-last {
    padding-bottom: 220px;
}

/*=== blog_article page start ===*/
.serv-maincnt h4 {
    font-weight: 600;
    font-size: 35px;
    text-align: center;
    color: #E39156;
}

.article-area {
    padding: 20px 0 100px;
}

.article-main img {
    max-width: 730px;
    display: block;
    margin: 0 auto;
}

.article-main {}

.article-cnt p {
    font-weight: normal;
    font-size: 16px;
    color: #131313;
    margin-top: 20px;
}

.article-cnt {
    padding-top: 60px;
}

.article-cnt a {
    font-weight: 500;
    font-size: 16px;
    color: #E39156;
    width: 170px;
    display: block;
    text-align: center;
    margin: 64px auto 0;
    padding: 11px 15px;
    border: 1.5px solid #E39156;
    transition: 0.2s all ease;
}

.article-cnt a:hover {
    background: #E39156;
    color: #FFF;
}

.article-mainprt {
    padding-bottom: 225px;
}

.blog-uppera h4 {
    font-weight: 600;
    font-size: 44px;
    text-align: center;
    color: #002D56;
    margin-bottom: 45px;
}

.other-artmain {
    padding: 34px 0 205px;
}

.article-slider .carousel-cell {
    width: 100%;
    padding: 10px;
    margin: 5px;
}

.article-slider .flickity-page-dots .dot {
    width: 12px;
    height: 12px;
    background: #9A9A9A;
    border-radius: 50px;
    margin: 0 6px;
}