:root {
    /* --primary-color: #FF6D45; */
    /* --primary-color: #ffd700; */
    --primary-color: #f60;
    --secondary-color: #FF6D45;
    --white-color: #ffffff;
    --dark-color: #1e1e1e;
}


* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    padding: 0;
    margin: 0;
    /* font-family: "Jost", sans-serif; */
    font-family: 'Roboto', sans-serif;
}

p {
    font-size: 16px;
    line-height: 26px;
    color: #616161;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

img {
    width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    padding: 0;
    font-weight: bold;
    color: #363636;
}

h1 {
    font-size: 40px;
    line-height: 48px;
}

h2 {
    font-size: 40px;
    line-height: 47px;
}

h3 {
    font-size: 30px;
    line-height: 35px;
}

h4 {
    font-size: 18px;
    line-height: 24px;
}

h5 {
    font-size: 14px;
    line-height: 24px;
}

a {
    color: #0a58e7;
    display: block;
    text-decoration: none !important;
    transition: ease-in-out 0.3s;
}

a:hover {
    color: #ef360f;
}

.mt {
    margin-top: 80px;
}

.mb {
    margin-bottom: 80px;
}

.pt {
    padding-top: 80px;
}

.pb {
    padding-bottom: 80px;
}

.m-10 {
    margin-left: -10px;
    margin-right: -10px;
}

.p-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.form-control:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid #f94944;
}

.container {
    max-width: 1200px;
}

.bg-grey {
    background: #f7f9fc;
}

.bg-orange {
    background: #fff8f4;
}


/* Skip Ads */

.skip-ads-col {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 9999;
    background: white;
    padding: 20px 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.skip-ad-wrap {
    height: 100vh;
    position: relative;
    max-width: 850px;
    margin: auto;
    text-align: center;
}

.skip-logo {
    margin-bottom: 20px;
}

.skip-ad-wrap a {
    position: relative;
}

.skip-ads-btn {
    position: absolute;
    top: -40px;
    right: 0;
    background: #FF6D45;
    color: white;
    border: none;
    padding: 6px 10px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    cursor: pointer;
}

.skip-ads-btn:focus {
    outline: none;
    box-shadow: none;
}

.skip-logo img {
    max-width: 200px;
    margin: auto;
}

.skip-logo a {
    display: block;
}

.skip-ad-wrap h3 {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.skip-ads-img img {
    border: 1px solid #c7c7c7;
    padding: 2px;
}

.skip-ads-col.active {
    display: none;
}

.ads-mobile {
    display: none;
}

.ads-desktop .skip-logo img {
    max-width: 460px;
}

.mobile-contact-details {
    display: none;
    background: #f1f1f1;
}

/* Skip Ads End */


/* Header */

.th-right ul li {
    display: flex;
    align-items: center;
}

.th-icon i {
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    background: #FF6D45;
    color: #fff;
    font-size: 30px;
    border-radius: 4px;
}

.th-content {
    margin-left: 15px;
}

.th-content span {
    display: block;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #FF6D45;
}

.th-content p {
    margin-bottom: 0;
    font-size: 15px;
    color: #FF6D45;
}

.th-right ul li+li {
    margin-left: 40px;
}

.top-header {
    background: #ffffff;
    padding: 0;
    border-bottom: 1px solid #ececec;
    padding: 12px 0 5px;
}

.th-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.th-wrap .th-left {
    display: flex;
}

.th-right ul {
    display: flex;
    align-items: center;
}

.th-wrap ul li {
    color: #363636;
    font-size: 15px;
    border-radius: 100%;
    margin-right: 10px;
}

.mh-wrap .logo {
    display: flex;
}

.th-left ul li i {
    font-size: 21px;
    margin-right: 5px;
    vertical-align: middle;
    color: #FF6D45;
}

.th-wrap .th-left .location-top p {
    padding: 15px;
}

.mh-wrap {
    display: flex;
    /* justify-content: space-between; */
    /* justify-content: right; */
    /* align-items: center; */
}

.logo img {
    max-width: 150px;
}

.th-right {
    flex: 2;
}

.socail-media ul {
    display: flex;
    align-items: center;
}

.socail-media ul li {
    margin-right: 7px;
}

.socail-media ul li i {
    margin-right: 9px;
    font-size: 20px;
    vertical-align: middle;
    line-height: 1.4;
    color: #FF6D45;
}

.socail-media ul li a {
    font-size: 16px;
    transition: ease-in-out 0.3s;
    color: #fff !important;
    height: 28px;
    width: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 100%;
}

.socail-media ul li.facebook a {
    background: #1877f2;
}

.socail-media ul li.youtube a {
    background: #ff0000;
}

.socail-media ul li.whatsapp a {
    background: #25d366;
}

.socail-media ul li.skype a {
    background: #00aff0;
}

.socail-media ul li+li {
    margin-left: 8px;
}

#header {
    /* max-width: 1200px; */
    margin: auto;
    margin-bottom: -15px;
    /* padding-left: 0.75rem;
    padding-right: 0.75rem; */
    position: relative;
    z-index: 1020;
}

.header-col {
    z-index: 1020;
    background: #E0541F;
    box-shadow: 0px -3px 5px 0px rgb(93 87 119 / 15%);
    position: relative;
    padding-right: 0;
    /* border-top-left-radius: 7px;
    border-top-right-radius: 7px; */
}

#header.active {
    position: fixed;
    top: 0;
    z-index: 1020;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0px;
}

#header.active .header-col {
    border-radius: 0;
}

#header.active .search {
    border-radius: 0;
}

#header .container {
    padding-right: 0;
}

.header-middle {
    /* padding: 20px 0; */
    padding: 3px 0 13px;
    /* background-image: url(../img/header.jpg); */
    background-position: center;
    background-size: cover;
    border-bottom: 1px solid #b0b8bf1c;
}

.navbar {
    padding: 0;
}

.navbar-light .navbar-nav .nav-link {
    color: #ffffff;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.3px;
    padding: 17px 15px;
    transition: ease-in-out 0.3s;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #E0541F ! important;
}

.dropdown-menu {
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 20%);
    border-radius: 0;
}

.dropdown-menu a {
    padding: 13px 15px;
    transition: ease-in-out 0.3s;
    font-size: 13px;
    font-weight: 600;
    color: #5d5d5d;
    text-transform: uppercase;
}

.dropdown-menu a:hover {
    background: #FF6D45;
    color: #fff;
}

.dropdown-menu li+li a {
    border-top: 1px solid #e0e0e0;
}

.search {
    background: transparent;
    padding: 9px 20px;
    border-top-right-radius: 7px;
    position: relative;
    z-index: 5;
}

.search::before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 30px;
    background-color: rgb(255 255 255 / 7%);
    content: "";
    z-index: -1;
}

.search-overlay.search-overlay-active.search-overlay {
    opacity: 1;
    visibility: visible;
}

.search-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

.d-table {
    width: 100%;
    height: 100%;
}

.d-table-cell {
    vertical-align: middle;
}

.search-overlay.search-overlay-active.search-overlay .search-overlay-layer {
    transform: translateX(0);
}

.search-overlay .search-overlay-layer:nth-child(1) {
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease-in-out 0s;
}

.search-overlay .search-overlay-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transform: translateX(100%);
}

.search-overlay .search-overlay-layer:nth-child(2) {
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease-in-out 0.3s;
}

.search-overlay .search-overlay-layer:nth-child(3) {
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.9s ease-in-out 0.6s;
}

.search-overlay.search-overlay-active.search-overlay .search-overlay-close {
    opacity: 1;
    visibility: visible;
}

.search-overlay .search-overlay-close {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 50px;
    z-index: 2;
    text-align: center;
    cursor: pointer;
    padding: 10px;
    transition: all 0.9s ease-in-out 1.5s;
    opacity: 0;
    visibility: hidden;
}

.search-overlay .search-overlay-close .search-overlay-close-line:nth-child(1) {
    transform: rotate(45deg);
}

.search-overlay .search-overlay-close .search-overlay-close-line {
    width: 100%;
    height: 3px;
    float: left;
    margin-bottom: 5px;
    transition: all 500ms ease;
    background: white;
}

.search-overlay .search-overlay-close .search-overlay-close-line:nth-child(2) {
    margin-top: -7px;
    transform: rotate(-45deg);
}

.search-overlay.search-overlay-active.search-overlay .search-overlay-form {
    opacity: 1;
    visibility: visible;
}

.search-overlay .search-overlay-form {
    transition: all 0.9s ease-in-out 1.4s;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 2;
    max-width: 500px;
    width: 500px;
}

.search-overlay .search-overlay-form form {
    position: relative;
}

.search-overlay .search-overlay-form form .input-search {
    display: block;
    width: 100%;
    height: 60px;
    border: none;
    border-radius: 30px;
    padding: 3px 70px 0 25px;
    font-size: 15px;
}

.search-overlay .search-overlay-form form .input-search:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

.search-overlay .search-overlay-form form button {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    font-size: 24px;
    line-height: 50px;
    background: var(--primary-color);
    color: #fff;
}

.search-overlay .search-overlay-form form button i:before {
    font-size: 24px;
}

.search-box i {
    color: var(--dark-color);
    cursor: pointer;
}

.h-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.h-wrap::before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 30px;
    background-color: rgb(255 255 255 / 7%);
    content: "";
    z-index: -1;
}

.search-box i:before {
    font-size: 24px;
    font-weight: 600;
}

.th-left ul {
    display: flex;
    align-items: center;
    padding: 7px 1px 2px 31px;
    justify-content: center;
    /* background: var(--white-color); */
}


.th-left ul li {
    margin-right: 10px;
}

.th-left ul li:last-child {
    margin-right: 0px;
}

/* .th-left ul li+li {
    margin-left: 30px;
} */

.ads {
    flex: 1;
}

.sec-bottom-ads .ads-list {
    margin-top: 40px;
}

.sec-top-ads .ads-list {
    margin-bottom: 40px;
}

.scroll-news {
    background: #ffffff;
    display: flex;
    /* border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px; */
    align-items: center;
    padding-right: 15px;
    border: 1px solid #E0541F;
    border-top: none;
}

.scroll-news h3 {
    font-weight: normal;
    font-size: 16px;
    white-space: nowrap;
    margin-bottom: 0;
    color: #000;
    background: #f1f1f1;
    margin-right: 10px;
    border-bottom-left-radius: 7px;
    box-shadow: 2px 0px 5px rgb(0 0 0 / 20%);
    padding: 2px 25px 2px 25px;
}

.scroll-news ul {
    display: flex;
    position: relative;
    align-items: center;
}

.scroll-news ul li a {
    color: black;
}

.scroll-news ul li+li {
    margin-left: 20px;
}

.scroll-news-wrap {
    display: flex;
    align-items: center;
}

.scroll-news .container {
    padding-left: 0;
}

#header.active .scroll-news {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#header.active .scroll-news h3 {
    border-bottom-left-radius: 0;
}

#header.active .container {
    padding-left: 0.75rem;
}

.flag img {
    width: 40px;
    object-fit: contain;
}

.socail-media {
    display: flex;
    align-items: center;
}

.account {
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #cccccc;
}

.thl-right {
    display: flex;
    align-items: center;
}

.account ul {
    display: flex;
    align-items: center;
    justify-content: center;

}

.account i {
    color: #FF6D45;
    margin-right: 5px;
}

.account ul li a {
    color: #363636;
    font-size: 14px;
}

.account ul li+li {
    margin-left: 15px;
}

.account ul li a:hover {
    color: #FF6D45;
}


/* Header End */


/* Mobile Menu */

#mySidenav {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    z-index: 1020;
    background: #fff;
    width: 280px;
    height: 100%;
    overflow-x: hidden;
}

.sidenav {
    margin-left: -280px;
    transition: ease-in-out 0.3s;
    opacity: 0;
    visibility: hidden;
}

.sidenav.active {
    margin-left: 0;
    box-shadow: 5px 0px 10px 0 rgb(0 0 0 / 30%);
    opacity: 1;
    visibility: visible;
}

#menu1 li a {
    display: block;
    padding: 15px 20px;
    color: #4c4d4f;
    border-top: 1px solid #efefef;
    transition: ease-in-out 0.3s;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}

#menu1 li a:hover {
    color: #d25d62;
}

.mobile-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    background: #fff;
    box-shadow: 0 6px 20px 0 rgb(0 0 0 / 10%);
}

.mobile-logo img {
    max-width: 100px;
}

#close-btn {
    background: #d25d62;
    color: #fff;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 26px;
    font-size: 22px;
    border-radius: 100%;
}

#mySidenav::-webkit-scrollbar {
    width: 7px;
}

#mySidenav::-webkit-scrollbar-track {
    background: #fff;
    display: none;
}

#mySidenav::-webkit-scrollbar-thumb {
    background: rgb(208 208 208);
    border-radius: 10px;
}

.mobile-only {
    display: none;
}

.toggle-btn span {
    display: block;
    height: 5px;
    background: #d35d61;
    margin: 3px;
    width: 5px;
}

.toggle-wrap {
    display: flex;
}

.toggle-btn {
    display: none;
    cursor: pointer;
}

.header-mobile {
    display: none;
}


/* Mobile Menu End */


/* Slider */

.carousel-item {
    /* height: 1000px; */
    overflow: hidden;
}

.carousel-item img {
    height: 560px;
    width: 100%;
    object-fit: cover;
}

.carousel-control-next,
.carousel-control-prev {
    width: 10%;
    opacity: 1;
    opacity: 0;
    visibility: hidden;
    transition: ease-in-out 0.3s;
}

.slider:hover .carousel-control-next,
.slider:hover .carousel-control-prev {
    opacity: 1;
    visibility: visible;
}


/* Slider End */


/* Welcome */

.welcome {
    background: url(http://127.0.0.1:8000/front/img/pattern.png);
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: contain;
}

.welcome-wrap {
    position: relative;
}

.welcome-wrap::before {
    position: absolute;
    content: "";
    width: 0;
    height: 7px;
    background: #FF6D45;
    top: -30px;
    left: 0px;
    transition: .8s;
    border-radius: 0 0 50px 50px;
    display: none;
}

.welcome:hover .welcome-wrap::before {
    width: 100%;
}

.welcome-message h4 {
    font-size: 20px;
    color: var(--primary-color);
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.welcome-message h3 {
    margin-bottom: 20px;
    font-size: 34px;
    text-transform: uppercase;
    line-height: 44px;
}

.welcome-message span {
    display: block;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 15px;
    color: var(--primary-color);
    text-transform: uppercase;
}

.welcome-message p {
    font-size: 17px;
    line-height: 30px;
    color: #2f2f2f;
}

.welcome-team {
    margin-left: 50px;
    text-align: center;
    background: #ffffff;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 15%);
    border-radius: 4px;
    position: relative;
}

.welcome-team:before {
    content: '';
    height: 100%;
    width: 100%;
    border: 20px solid var(--primary-color);
    position: absolute;
    left: 50px;
    top: 50px;
    z-index: -1;
}

.welcome-team img {
    margin: auto;
    object-fit: cover;
}

.welcome-team h3 {
    font-size: 20px;
    margin-bottom: 0;
    line-height: 22px;
    margin-top: 10px;
}

.welcome-team p {
    margin-bottom: 0;
    color: #FF6D45;
}

.welcome-team li+li {
    border-top: 1px solid #dedede;
}

.welcome-team li {
    padding: 20px 20px;
}


/* Welcome End */


/* About Section */

/* .about-sec {
    background-image: url("../img/pattern.png");
    background-repeat: no-repeat;
} */

.main-title {
    position: relative;
    text-align: center;
    margin: auto;
    margin-bottom: 70px;
    /* padding-top: 80px; */
    /* border-bottom:2px solid #FF6D45; */
    padding-bottom: 20px;
}

.main-title:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    background: url(../img/icons1.png);
    width: auto;
    height: 130px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    /* content: ""; */
    z-index: -1;
}

.main-title a {
    font-size: 30px;
    font-weight: bold;
    color: var(--primary-color);
    display: inline-block;
    line-height: 35px;
    transition: ease-in-out 0.3s;
    padding-bottom: 0px;
    margin-top: 20px;
}

.main-title a:hover {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color);
}

.main-title h2 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 20px;
    margin-top: 15px;
}

.abt-wrap {
    /* padding: 30px; */
    text-align: center;
    transition: ease-in-out 0.3s;
    position: relative;
    /* min-height: 504px; */
    box-shadow: 0 3px 20px 1px rgb(0 0 0 / 10%);
    margin-bottom: 130px;
}

.abt-wrap::before {
    position: absolute;
    /* content: ""; */
    width: 0;
    height: 10px;
    background: #FF6D45;
    top: -10px;
    left: -10px;
    transition: 0.7s;
    border-radius: 0 0 50px 0;
}

.abt-wrap::after {
    position: absolute;
    /* content: ""; */
    width: 10px;
    height: 0%;
    background: #FF6D45;
    top: -10px;
    left: -10px;
    transition: 0.7s;
    border-radius: 0 0 50px 0;
}

.abt-wrap:hover::before {
    width: 50%;
}

.abt-wrap:hover::after {
    height: 50%;
}

.abt-wrap.active {
    box-shadow: 0 3px 20px 1px rgb(0 0 0 / 10%);
    background: #fff;
}

.abt-wrap:hover {
    box-shadow: 0 3px 20px 1px rgb(0 0 0 / 10%);
    background: #fff;
}

.abt-icon i:before {
    font-size: 65px;
}

.abt-icon i {
    color: #FF6D45;
    display: block;
}

.abt-icon {
    margin-bottom: 20px;
    position: relative;
}

.abt-icon:before {
    position: absolute;
    content: "";
    background-image: -webkit-linear-gradient(45deg, #fefeff00 0, #0000001a 100%);
    width: 80px;
    height: 80px;
    top: -3px;
    right: 79px;
    border-radius: 50%;
    z-index: 1;
    transition: all 0.7s ease;
}

.abt-wrap:hover .abt-icon:before {
    position: absolute;
    content: "";
    background-image: -webkit-linear-gradient(45deg, #fefeff00 0, #ff45552b 100%);
    width: 100px;
    height: 100px;
    top: -3px;
    right: 79px;
    border-radius: 50%;
    z-index: 1;
    transition: all 0.7s ease;
}

.abt-content h3 a {
    color: #525252;
    transition: ease-in-out 0.3s;
}

.abt-content h3 a:hover {
    color: #FF6D45;
}

.abt-content h3 {
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
}

.abt-btn {
    font-weight: bold;
    color: #FF6D45;
}

.abt-btn i {
    margin-left: 5px;
    font-size: 20px;
    vertical-align: middle;
}

.service-page.pb {
    padding-bottom: 50px;
}

.about-sec.pb {
    padding-bottom: 50px;
}

.main-title ul {
    display: flex;
    justify-content: center;
    margin-top: 15px;
    flex-wrap: wrap;
}

.main-title ul li a {
    display: block;
    white-space: nowrap;
    font-size: 15px;
    background: #FF6D45;
    color: #fff;
    padding: 5px 15px 5px;
    line-height: normal;
    border-radius: 3px;
    text-transform: uppercase;
}

.main-title ul li a:hover {
    color: #fff;
}

.main-title ul li+li {
    margin-left: 7px;
}

.main-title ul li:nth-child(2) a {
    background: #E0541F;
    border-bottom-color: #E0541F;
}

.main-title ul li:nth-child(4) a {
    background: #E0541F;
    border-bottom-color: #E0541F;
}

/* About Section End */


/* News */

.news {
    /* background-image: url("../img/bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; */
    overflow: hidden;
    padding: 0;
    /* background: #eee; */
}

/* .news .main-title1:before {
    background: #eaf1f9;
} */

.news-list {
    background: #fff;
    padding: 12px;
    display: flex;
    align-items: top;
    border-radius: 3px;
    /* box-shadow: 0 3px 20px 1px rgb(0 0 0 / 10%); */
    border: 1px solid var(--primary-color);
}

.about-sec .abt-content p {
    color: var(--white-color);
}

.main-title1 {
    text-align: center;
    /* margin-bottom: 60px; */
    position: relative;
    /* padding-bottom: 20px; */
}

/* .main-title1:before {
    position: absolute;
    content: "\f11f";
    font-family: Flaticon;
    bottom: -20px;
    font-size: 40px;
    color: #FF6D45;
    background: #f1f1f1;
    line-height: 20px;
    padding: 0px 5px;
    left: 0;
    right: 0;
    margin: auto;
    width: 80px;
    z-index: 2;
} */

.main-title1:after {
    position: absolute;
    /* content: ""; */
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
    border-bottom: 1px solid #dedede;
    z-index: 1;
}

.main-title1 h2 {
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 10px;
    font-size: 35px;
}

.main-title1 p {
    margin-bottom: 0;
    font-size: 17px;
    color: #5d5d5d;
    font-style: italic;
}

.news-left li {
    display: flex;
    align-items: center;
}

.date {
    background: #f5f5f5;
    height: 70px;
    width: 70px;
    text-align: center;
    border-radius: 100%;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-right: 20px;
    position: relative;
}

.date b {
    display: block;
    font-size: 20px;
    color: #FF6D45;
    line-height: 25px;
}

/* .dates {
    margin-top: 10px;
} */

.dates b {
    font-weight: 500;
    color: var(--primary-color);
}

.news-left {
    margin-right: 25px;
    flex: 1;
}

.news-right {
    flex: 4;
}

.date span {
    color: red;
}

.news-left span {
    color: #5d5d5d;
    font-size: 16px;
}

.news-right h3 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 0;
}

.news-right h3 a {
    color: #5d5d5d;
    transition: ease-in-out 0.3s;
    font-size: 14px;
}

.news-right h3 a:hover {
    color: #FF6D45;
}

.news-list+.news-list {
    margin-top: 25px;
}

.information {
    background-image: url("../img/slider1.webp");
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
    z-index: 0;
    padding: 30px;
    border-radius: 3px;
}

.information:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    content: "";
    z-index: -1;
    border-radius: 3px;
}

.inform-icon i:before {
    font-size: 40px;
}

.inform-icon img {
    width: auto;
}

.information ul li {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.inform-icon i {
    color: #ffffff;
}

.inform-icon {
    margin-right: 25px;
}

.inform-content span {
    display: block;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 5px;
}

.inform-content p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 22px;
    color: var(--white-color);
}

/* .information ul li+li {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #ffffff2e;
} */

.information ul {
    column-count: 2;
}

.information ul li {
    border: none !important;
    padding: 20px 0;
    border-top: 1px solid #ffffff2e !important;
}

/* News End */


/* Content Section */

.content-list h3 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 20px;
}

.content-list span {
    font-size: 20px;
    font-weight: bold;
    color: var(--primary-color);
    display: block;
    margin-bottom: 20px;
}

.counter .row {
    align-items: center;
}

.cnt-btn {
    background: var(--secondary-color);
    display: inline-block;
    padding: 13px 25px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    border-radius: 4px;
}

.cnt-btn:hover {
    color: white;
    background: #FF6D45;
}

.counter-icon i:before {
    font-size: 40px;
    color: #FF6D45;
}

.counter-content span {
    color: #363636;
    font-size: 22px;
    margin-bottom: 0;
    font-weight: 800;
    line-height: normal;
}

.counter-wrap {
    display: flex;
}

.counter-content p {
    margin-bottom: 0;
    font-size: 15px;
}

.counter-icon {
    margin-right: 15px;
}

.counter {
    margin-top: 25px;
}

.content-sec {
    overflow: hidden;
}

.content-sec-left {
    margin-right: 30px;
    position: relative;
    padding-left: 30px;
    z-index: 0;
}

.content-sec-left:after {
    position: absolute;
    content: "";
    left: 0px;
    bottom: -30px;
    width: 200px;
    height: 213px;
    z-index: -1;
    background: url(../img/pattern1.png) no-repeat;
}

.content-sec-left:before {
    position: absolute;
    content: "";
    left: 0px;
    top: -30px;
    width: 330px;
    height: 105px;
    background-image: linear-gradient(to right, #FF6D45 0%, #FF6D45 100%);
    z-index: -1;
}

.content-sec-left img {
    width: 100%;
    object-fit: cover;
}


/* Content Section End */


/* Blog */

.blog {
    background: #f1f1f1;
}

.white h2 {
    color: #fff;
}

.white p {
    color: #fff;
}

.white:before {
    background: #FF6D45;
    color: #fff;
}

.blog-img {
    height: 250px;
    overflow: hidden;
    position: relative;
}

.blog-img::before {
    position: absolute;
    content: "";
    background: #000;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: 0.5s;
}

.blog-wrap:hover .blog-img::before {
    transform: scale(1.2);
}

.blog-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: ease-in-out 0.8s;
}

.blog-img a {
    width: 100%;
    height: 100%;
}

.blog-wrap {
    position: relative;
    overflow: hidden;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
    border-radius: 4px;
}

.blog-content {
    background: #fff;
    padding: 25px;
    transition: ease-in-out 0.3s;
}

.blog-wrap:hover .blog-content {
    bottom: 0;
}

.blog-content h3 {
    margin-bottom: 15px;
}

.blog-content h3 a {
    color: #363636;
    transition: ease-in-out 0.3s;
}

.blog-content h3 a:hover {
    color: #FF6D45;
}

.blog-content p {
    margin-bottom: 0;
    font-size: 17px;
    line-height: 25px;
}

.blog-img .date {
    position: absolute;
    top: 20px;
    right: 20px;
    margin-right: 0;
}

.date::before {
    position: absolute;
    content: "";
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    border: 2px solid #f3f5f5;
    border-radius: 100%;
}


/* Blog End */


/* Partner */

.logo-partner .main-title1::before {
    background: #fff;
}

.partner-wrap img {
    width: auto !important;
    margin: auto;
    height: 70px;
}

.partner-wrap {
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    padding: 15px 10px;
}

.logo-partner .item {
    padding: 0 10px;
}


/* Partner End */


/* Newsletter */

.newsletter-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.newsletter {
    background: #ffd400;
    padding: 15px 0;
}

.newsletter-form {
    position: relative;
    width: 700px;
}

.newsletter-form .btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: #FF6D45;
    border-radius: 0;
    border: none;
    padding: 10px 15px;
    font-size: 18px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.newsletter-wrap h3 {
    margin-bottom: 0;
}

.newsletter-form .form-control {
    border: none;
    border-radius: 4px;
    height: 45px;
    padding-right: 147px;
}

.newsletter-form .btn i {
    font-size: 22px;
    margin-left: 5px;
}


/* Newsletter End */


/* Footer */

.footer {
    background-color: #15254b;
    padding: 60px 0;
    position: relative;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    z-index: 0;
}

.footer::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("../img/footer4.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.6;
    z-index: -1;
}

.footer-contact img {
    margin-bottom: 25px;
    max-width: 180px;
}

.footer-contact {
    padding-right: 10px;
}

.footer-contact p {
    font-size: 16px;
    margin-bottom: 0;
    color: #ffffff;
}

.footer-contact ul {
    display: flex;
    margin-top: 20px;
}

.footer-contact ul li a {
    display: block;
    font-size: 18px;
    color: #FF6D45;
    background: #ffffff;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 100%;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 30%);
    transition: ease-in-out 0.3s;
}

.footer-contact ul li a:hover {
    background: #FF6D45;
    color: #fff;
}

.footer-contact ul li+li a {
    margin-left: 10px;
}

.footer h3 {
    color: #ffffff;
    margin-bottom: 10px;
    /* margin-bottom: 20px; */
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
}

.footer-links ul li a {
    font-size: 16px;
    color: var(--white-color);
    position: relative;
    padding-left: 25px;
    transition: ease-in-out 0.4s;
    font-weight: 500;
}

.footer-links ul li a:hover {
    color: #FF6D45;
    margin-left: 10px;
}

.footer-links ul li+li {
    margin-top: 15px;
}

.footer-links ul li a::before {
    position: absolute;
    content: "\f30b";
    left: 0;
    font-family: "Line Awesome Free";
    font-weight: 900;
}

.footer-info ul li {
    display: flex;
    color: #d8d8d8;
    font-size: 16px;
}

.footer-info ul li span {
    display: block;
    padding-left: 12px;
    font-size: 16px;
    color: var(--white-color);
    font-weight: 500;
}

.footer-info ul li+li {
    margin-top: 15px;
}

.links-only {
    padding-left: 15px;
}

.footer-bottom ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-bottom ul li {
    font-size: 16px;
    color: #ffffff;
}

.footer-bottom ul li a {
    display: inline-block;
    color: #ffffff;
    font-weight: 600;
}

.footer-bottom {
    background-color: #FF6D45;
    padding: 15px 0;
    background-image: url(../img/footer4.png);
    background-position: center;
    background-size: cover;
}

.shape1 {
    background-image: url(../img/plane1.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
    position: absolute;
    width: 100px;
    height: 50px;
    right: 0;
    bottom: 0;
    animation: running-anim 20s linear infinite;
    z-index: -1;
    opacity: 0.4;
}


/* .shape2 {
    background-image: url(../img/plane1.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
    position: absolute;
    width: 90px;
    height: 40px;
    right: 30%;
    bottom: 0;
    animation: running-anim 30s linear infinite;
    z-index: -1;
} */

.shape3 {
    background-image: url(../img/plane2.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
    position: absolute;
    width: 100px;
    height: 100px;
    right: 70%;
    bottom: 0;
    animation: running-anim-left 20s linear infinite;
    z-index: -1;
    opacity: 0.4;
}

.footer-info ul li i {
    color: #fff;
}

.footer-info ul li i:before {
    font-size: 18px;
}

@-moz-keyframes running-anim {
    0% {
        right: -30%;
    }

    100% {
        right: 100%;
    }
}

@-webkit-keyframes running-anim {
    0% {
        right: -30%;
    }

    100% {
        right: 100%;
    }
}

@keyframes running-anim {
    0% {
        right: -30%;
    }

    100% {
        right: 100%;
    }
}

@-moz-keyframes running-anim-left {
    0% {
        left: -30%;
    }

    100% {
        left: 100%;
    }
}

@-webkit-keyframes running-anim-left {
    0% {
        left: -30%;
    }

    100% {
        left: 100%;
    }
}

@keyframes running-anim-left {
    0% {
        left: -30%;
    }

    100% {
        left: 100%;
    }
}

.light {
    width: 10px;
    height: 10px;
    background: red;
    border-radius: 50%;
    bottom: 0px;
    position: absolute;
    z-index: 10;
    left: -6px;
    top: 20px;
    animation: light 800ms ease-in-out 0s infinite alternate;
    opacity: 1;
}

.cloud {
    position: absolute;
    right: -500px;
    opacity: 0.8;
    animation: cloud 25s linear 0s infinite reverse;
    z-index: 99;
    bottom: 100px;
    opacity: 0.2;
}

.cloud {
    width: 300px;
}

@keyframes light {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes cloud {
    from {
        right: -500px;
    }

    to {
        right: 102%;
    }
}


/* Footer End */


/* Scroll Top */

.go-top {
    position: fixed;
    cursor: pointer;
    transition: ease-in-out 0.5s;
    bottom: 30px;
    right: 30px;
    opacity: 0;
    visibility: hidden;
    z-index: 1021;
}

.go-top.active {
    opacity: 1;
    visibility: visible;
    bottom: 30px;
}

.pulse {
    z-index: 4;
    text-align: center;
    font-size: 27px;
    height: 40px;
    width: 40px;
    line-height: 44px;
    background: var(--secondary-color);
    color: #fff;
    border-radius: 100%;
    font-size: 16px;
    position: relative;
    z-index: 0;
}

.pulse:after {
    animation: ripple-white3 0.8s linear infinite;
    background: rgb(217 93 93 / 30%);
    border-radius: 100%;
    content: "";
    height: 60px;
    left: -10px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 60px;
    line-height: 60px;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    z-index: -1;
}

@keyframes ripple-white3 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    40% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        -o-transform: scale(1.4);
        transform: scale(1.4);
    }
}


/* Scroll Top End */


/* Details Page */

.banner {
    background-color: #f7f7f7;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
    background-size: cover;
    height: 280px;
    z-index: 1;
}

.banner h1 {
    color: #fff;
    margin-bottom: 0;
    /* display: none; */
}

.breadcrumb {
    justify-content: center;
    margin-bottom: 0;
    margin-top: 15px;
    /* display: none; */
}

.breadcrumb a {
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}

.breadcrumb-item.active {
    color: #FF6D45;
    font-size: 17px;
    font-weight: 500;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #e2e2e2;
}

.details-wrap {
    display: flex;
}

.details-left {
    margin-right: 30px;
}

.details-right h2 {
    margin-bottom: 20px;
    font-size: 35px;
    line-height: 42px;
}

.details-right img {
    margin-bottom: 20px;
}

.details-right p {
    font-size: 17px;
    line-height: 28px;
}

.details-right h3 {
    margin-bottom: 15px;
    margin-top: 30px;
}


/* Details Page End */


/* About Page */

.page-title {
    margin-bottom: 15px;
}

.page-content p {
    font-size: 17px;
    line-height: 28px;
}

.page-content {
    margin-top: 46px;
    text-align: justify;
}


/* About Page End */


/* Contact Us Page */

.contact-left {
    background: #f1f1f1;
    padding: 40px;
    border-radius: 5px;
}

.contact-left .form-control {
    height: 50px;
    border: 1px solid #e0e0e0;
}

.contact-left .form-group {
    margin-bottom: 20px;
}

.contact-left textarea.form-control {
    height: 120px;
}

.contact-left .btn {
    border: none;
    padding: 10px 20px;
    font-size: 20px;
    background: #FF6D45;
    transition: ease-in-out 0.3s;
    margin-top: 10px;
}

.contact-left .btn:hover {
    background: #FF6D45;
}

.contact-right ul li {
    display: flex;
}

.contact-right ul li i::before {
    font-size: 40px;
    color: #FF6D45;
}

.contact-content span {
    display: block;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

.contact-content p {
    margin-bottom: 0;
}

.contact-right ul li+li {
    margin-top: 25px;
    border-top: 1px solid #efefef;
    padding-top: 25px;
}

.contact-content {
    padding-left: 25px;
}

.contact-right {
    padding-left: 30px;
}


/* Contact Us Page End */


/* Gallery Page */

.album-wrap img {
    height: 200px;
    width: 100%;
    object-fit: cover;
    position: relative;
}

.album-wrap span {
    display: block;
    font-size: 20px;
    font-weight: 600;
    margin-top: 15px;
    line-height: 25px;
    text-transform: capitalize;
}

.album-wrap p {
    margin-bottom: 0;
    font-size: 15px;
}

.album-wrap {
    margin-bottom: 30px;
}

.gallery-page.mb {
    margin-bottom: 50px;
}

.album-wrap a {
    color: #231f20;
    transition: ease-in-out 0.3s;
}

.album-wrap a:hover {
    color: #FF6D45;
}


/* Gallery Page End */


/* Gallery Details Page End */

.gallery-details-wrap img {
    height: 250px;
    width: 100%;
    object-fit: cover;
    transition: ease-in-out 0.5s;
}

.gallery-details-wrap li a:hover img {
    transform: scale(1.1);
}

.gallery-details-wrap span {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(5, 5, 5, 0) 0, rgba(0, 0, 0, 0) 0, rgba(71, 71, 71, 0) 0, rgba(102, 102, 102, 0) 0, rgba(28, 28, 28, 0) 0, rgba(20, 20, 20, 0.59) 32%, rgba(13, 13, 13, 1) 62%, rgba(3, 3, 3, 1) 100%) repeat scroll 0 0;
}

.gallery-details-wrap li a {
    position: relative;
    display: block;
    overflow: hidden;
}

.gallery-details-wrap li {
    margin-bottom: 30px;
}

.gallery-details.mb {
    margin-bottom: 50px;
}

#lightgallery {
    margin-right: 0;
    margin-left: 0;
}

.h-gallery {
    background: #ffffff;
}

.h-gallery .album-wrap {
    margin-bottom: 0;
    text-align: center;
    border: 1px solid #e8e8e8;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 10%);
}

.h-gallery .album-wrap p {
    margin-bottom: 10px;
}

.h-gallery .main-title1:before {
    background: #fff;
}

.g-img {
    overflow: hidden;
}

.g-img img {
    transition: ease-in-out 0.3s;
}

.album-wrap:hover .g-img img {
    transform: scale(1.15);
}

#h-gallery .item {
    padding: 10px 0;
}


/* Gallery Details Page End */


/* Team Page */

.team-img {
    height: 250px;
    overflow: hidden;
    margin: auto;
    position: relative;
}

.team-img::before {
    position: absolute;
    content: "";
    background: rgb(0 0 0 / 70%);
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: 0.5s;
}

.team-wrap:hover .team-img::before {
    transform: scale(1.2);
}

.team-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.team-wrap {
    text-align: center;
    margin-bottom: 30px;
}

.team-content {
    box-shadow: 0px 10px 30px rgb(0 0 0 / 15%);
    padding: 20px;
}

.team-content h3 {
    font-size: 25px;
    margin-bottom: 0;
}

.team-content span {
    display: block;
    font-size: 17px;
    color: #eb373b;
}

.team.mb {
    margin-bottom: 50px;
}

.team-next table th {
    background: #231e5a;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 18px 10px;
    white-space: nowrap;
}

.team-next table td {
    padding: 18px 10px;
    font-size: 17px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.service-page .abt-wrap {
    margin-bottom: 30px;
    box-shadow: 0 3px 20px 1px rgb(0 0 0 / 10%);
    background: #fff;
    min-height: 504px;
}

.pagination {
    justify-content: center;
    margin-top: 10px;
}

.pagination .page-link {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    padding: 0;
    color: #363636;
    font-size: 16px;
    margin: 0 10px;
    border-radius: 2px !important;
    border: 1px solid #eaeaea;
    background: whitesmoke;
}

.pagination .page-link:hover {
    background: #e82c33;
    border: 1px solid #e9272e;
    color: #fff;
}

.page-item.active .page-link {
    background: #E0541F;
    border: 1px solid #E0541F;
}


/* Team Page End */

.tracking-page .shipment-search {
    text-align: center;
    background: #ffffff;
    padding: 30px 45px 31px;
    border-radius: 10px;
}

.tracking-page .shipment-search h2 {
    margin-bottom: 23px;
    text-transform: uppercase;
    font-size: 27px;
    /* color: #ffffff; */
    color: #000;
}

.tracking-page .shipment-search form {
    position: relative;
}

.tracking-page .shipment-search .btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 5px 20px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: #E0541F;
    border: none;
}

.tracking-page .shipment-search .form-control {
    height: 48px;
    background: #f1f1f1;
    border: 1px solid #dadada;
    padding-right: 110px;
}

.form-text {
    font-size: 16px;
    font-weight: 500;
    margin-top: 12px;
}

.timeline {
    position: relative;
}

.timeline::before {
    border-radius: .25rem;
    background-color: #dee2e6;
    bottom: 0;
    content: "";
    left: 55px;
    margin: 0;
    position: absolute;
    top: 0;
    width: 3px;
}

.timeline span {
    margin-bottom: 15px;
    margin-right: 10px;
    position: relative;
    border-radius: 50px;
    display: inline-block;
    font-weight: 600;
    padding: 7px 15px;
    border: 2px solid #dee2e6;
    background: #fff;
    color: #E0541F;
}

.timeline li {
    margin-bottom: 0px;
    /* padding-left: 90px; */
    padding-left: 130px;
    margin-top: 0;
    position: relative;
}

.timeline-items {
    margin-bottom: 0px;
    border-radius: .25rem;
    background-color: #fff;
    position: relative;
    padding: 20px;
    box-shadow: 0 0px 7px 0 rgb(0 0 0 / 15%);
    border: 1px solid #e9e9ef;
}

.timeline+.timeline {
    padding-top: 15px;
}

.timeline li>i {
    background-color: #ffffff;
    border-radius: 50%;
    font-size: 16px;
    height: 35px;
    left: 39px;
    line-height: 32px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 35px;
    border: 2px solid #dee2e6;
    color: #E0541F;
}

.timeline-items p:last-child {
    margin-bottom: 0;
}

.timeline-items p {
    font-size: 18px;
    margin-bottom: 5px;
}

.timeline-repeat>b {
    font-size: 18px;
    color: #E0541F;
    display: block;
    margin-bottom: 10px;
}

.timeline-repeat+.timeline-repeat {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #d5d5d5;
}

.timeline-items p i {
    color: #28a745;
    margin-right: 7px;
    font-size: 20px;
}

.timeline-items p b {
    display: inline-block;
    margin-right: 5px;
}

.tracking-box-list {
    max-width: 900px;
    margin: auto;
}

.animate-charcter {
    text-transform: uppercase;
    background-image: linear-gradient(-225deg,
            #E0541F 0%,
            #E0541F 29%,
            #ff1361 67%,
            #fff800 100%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 3s linear infinite;
    display: inline-block;
    font-size: 190px;
}

@keyframes textclip {
    to {
        background-position: 200% center;
    }
}





.rate-form {
    position: absolute;
    top: 11em;
    z-index: 1;
    max-width: 1200px;
    left: 0;
    right: 0;
    margin: auto;
}

.rate-form-wrap {
    max-width: 420px;
    background: var(--white-color);
    padding: 30px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
    border-radius: 4px;
}

.rate-form-wrap h3 {
    background: var(--primary-color);
    color: var(--white-color);
    padding: 10px 15px;
    font-size: 22px;
    margin-top: -30px;
    margin-left: -30px;
    margin-right: -30px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.rate-form-wrap p {
    margin-top: 20px;
    font-size: 18px;
    margin-bottom: 0;
}

.rate-form-wrap form {
    margin-top: 20px;
}

.rate-form-wrap label {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
}

.rate-form-wrap .form-control {
    height: 32px;
    font-size: 14px;
    border-radius: 3px;
}

.rate-form-wrap .form-group {
    margin-bottom: 15px;
}

.rate-form-wrap .btn {
    background: var(--secondary-color);
    border: none;
    border-radius: 3px;
    margin-top: 10px;
}

.slider {
    position: relative;
}

#price {
    background: #c02126;
    color: #fff;
    padding: 6px 10px;
    border-radius: 3px;
    text-align: center;
    margin-top: 10px;
}





/* New Form css */
.form-cover,
.form-cover1 {
    border: 1px solid #000;
    font-size: 11px;
    background: #f4fff3;
    max-width: 797px;
    margin: auto;
    height: 1070px;
    overflow: hidden;
    line-height: 1.2;
}

.form-cover1 {
    background: #f5f8ff;
    max-width: 850px;
    font-size: 13px;
    height: auto;
}

.form-input-page {
    font-family: 'Roboto', sans-serif;
}

.form-input-page .form-control {
    border: none;
    font-size: 12px;
    background: transparent;
    padding: 5px 0;
    line-height: 15px;
}

.form-input-page .form-control:focus {
    border: none;
}

.part1-right {
    padding: 10px 10px;
    max-height: 192px;
}

.part1-right1 {
    padding: 10px 10px;
    height: 306px;
}

.form-part1 {
    border-bottom: 1px solid #000;
}

.part1-right-text {
    text-align: center;
}

.part1-right-text p {
    margin-bottom: 0;
    color: #000;
}

.form-part2::placeholder {
    vertical-align: top;
    line-height: 0;
}

.form-part3 table {
    border-top: 1px solid #000;
    height: 438px;
}

.form-part3 table th {
    padding: 7px 7px;
    border-right: 1px solid #000;
    vertical-align: top;
}

.form-part3 table th:last-child {
    border-right: none;
}

.form-part3 table td {
    padding: 7px 7px;
    border-right: 1px solid #000;
    vertical-align: top;
}

.form-part3 table td:last-child {
    border-right: none;
}

.form-part3 .form-control {
    height: 340px;
}

.form-part4 {
    border-top: 1px solid #000;
}

.form-part4-left {
    padding: 10px 10px;
    height: 223px;
}

.form-part4-right {
    padding: 10px 10px;
    height: 257px;
}

.form-part4 p {
    font-size: 11px;
    color: #000;
    line-height: 1.3;
}

.form-part4 label {
    margin-bottom: 10px;
}

.form-cover1 label {
    font-weight: 500;
}

.lists li {
    display: flex;
    white-space: nowrap;
    align-items: center;
}

.lists li label {
    margin-right: 10px;
    font-weight: normal;
}

.form1-part3 table th {
    border-bottom: 1px solid #000;
    font-weight: 500;
    text-align: center;
}

.form1-part3 table {
    height: 314px;
}

.form1-part3 .form-control {
    height: 236px;
}

.form-part7 ul li {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.form1-part4-right p,
.form1-part4-left p {
    font-size: 13px;
    color: #000;
    line-height: 1.4;
}

.details li {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.details label {
    margin-bottom: 0;
    margin-right: 10px;
}

.details li+li {
    margin-top: 5px;
}

.details {
    margin-top: 80px;
}

.form1-part4-left {
    height: 257px;
}

.awbs-cover {
    max-width: 896px;
    height: auto;
    margin: auto;
    border: 1px solid #785e9b;
    font-size: 11px;
    line-height: 15px;
    color: #785e9b;
}

.awbs-cover p {
    font-size: 11px;
    line-height: 15px;
    color: #785e9b;
}

.imp-text {
    border-top: 1px solid #785e9b;
}

.awbs-cover .form-control {
    border: none;
    font-size: 11px;
    padding: 5px 3px;
    line-height: 11px;
    border-radius: 0;
}

.hbl-logo img {
    max-width: 180px;
    margin: auto;
}

.hbl-logo {
    text-align: center;
    margin-top: 52px;
}

.form3-part3 .form-control {
    height: 253px;
}

.form3-part3 table {
    height: 320px;
}

.header-middle .header-col {
    background: transparent;
    box-shadow: none;
}

.header-middle .header-col ul li a {
    color: #212529d6 !important;
}

.header-middle .header-col .search {
    background: transparent;
    padding: 0;
}

.header-middle .header-col .search i {
    color: #1e1e1e;
}

.banner-contents-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner-contents-wrapper h1,
.banner-content {
    color: #fff;
}

.banner-contents-wrapper .banner-content {
    margin: 3rem 0;
}

.banner-contents-wrapper h1 {
    font-size: 80px;
    line-height: 1.1;
}

.banner-contents-wrapper .btnbanner {
    background: var(--secondary-color);
    color: #fff;
    text-transform: uppercase;
    border: 1px solid transparent;
    padding: 20px 30px;
    border-radius: 0;
}

.banner-contents-wrapper .banner-title {
    width: 55%;
    margin-right: auto;
}

/* .banner-contents-wrapper .btnbanner:hover {
    background: transparent;
    color: #c02126;
    border: 1px solid #c02126;
} */

.slider .carousel-item {
    position: relative;
}

.slider .carousel-item:before {
    content: '';
    height: 100%;
    width: 100%;
    background: #000000b0;
    position: absolute;
    top: 0;
}

.section-title h2 span {
    display: inline;
}

.welcome-team li:nth-child(2) {
    display: none;
}

.btn {
    background: var(--secondary-color);
    color: #fff;
    text-transform: uppercase;
    border: 1px solid transparent;
}

.about-sec .abt-content {
    width: 90%;
    position: absolute;
    background: var(--primary-color);
    bottom: -100px;
    left: 20px;
    padding: 1rem;
    border-radius: 5px;
}

.about-sec .abt-content a {
    color: var(--white-color);
}

.about-sec .abt-content a:hover {
    color: var(--white-color);
}

.welcome-message ul {
    display: flex;
    margin: 0 0 30px 0;
}

.welcome-message ul li {
    width: 25%;
    text-align: center;
}

.welcome-message ul li a {
    padding: 10px 0;
    background: var(--primary-color);
    color: var(--white-color);
    margin-right: 25px;
    border-radius: 7px;
}

.welcome-message ul li a span {
    font-size: 12px;
    text-transform: capitalize;
    color: var(--white-color);
    margin: 0;
}

.welcome-message ul li a i {
    font-size: 30px;
}

.content-sec .content-list p {
    color: var(--dark-color);
}

.content-sec-left .team-images {
    display: flex;
    gap: 20px;
}

.content-sec-left .team-images .team-imagetop {
    height: 350px;
    overflow: hidden;
}

.content-sec-left .team-images .team-imagebottom {
    height: 350px;
    overflow: hidden;
    margin-top: 9rem;
}

.top-service .servicethumb {
    background: var(--white-color);
    padding: 25px;
    text-align: center;
}

.top-service .servicethumb a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /* color: var(--white-color); */
}

.top-service .servicethumb i {
    background-color: var(--primary-color);
    border-radius: 50%;
    height: 110px;
    line-height: 110px;
    color: var(--white-color);
    text-align: center;
    width: 110px;
    margin-top: -75px;
    font-size: 65px;
    box-shadow: 0 0 0 10px rgba(240, 243, 242, 0.3);
}

.top-service .row .col-md-4:nth-child(2) .servicethumb {
    margin: 60px 0 0 0;
}

.top-service .servicethumb a span {
    font-size: 24px;
    color: var(--dark-color);
}

.call-to-action {
    background-image: url('/uploads/dummy/back-001.jpeg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    /* margin-top: 50px; */
    position: relative;
}

/* .call-to-action:before {
    content: '';
    height: 100%;
    width: 100%;
    background: #00000070;
    position: absolute;
    top: 0;
    z-index: 0;
} */

.call-to-action .quote {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #000000b5;
    padding: 70px 0;
}

.call-to-action .quote h2,
.call-to-action .quote p {
    color: var(--white-color);
}

.call-to-action .quote h2,
.call-to-action .quote .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.call-to-action .quote .btn {
    padding: 1rem 4rem;
    text-transform: uppercase;
    font-size: 21px;
}

.top-service {
    background: url(https://kodesolution.com/2022/logixs/wp-content/uploads/2022/08/slider-bg1.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 0px;
    padding: 0px 0px 100px 0px;
    position: relative;
    z-index: 6;
    margin-top: -150px;
}

.top-service .servicethumb .box-thumb {
    padding: 60px 30px 33px;
}

.top-service .servicethumb .box-thumb a {
    margin-bottom: 1rem;
}

.top-service .text-center {
    color: var(--white-color);
    opacity: 0.6;
}

.top-service .text-center a {
    opacity: 1 !important;
    color: var(--white-color);
    display: inline;
}

.bigservice-aside button.btn {
    padding: 0;
    border: none;
    position: relative;
}

.bigservice-aside .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    color: var(--primary-color);
    height: 60px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

section.service-big {
    /* background: url(https://kodesolution.com/2022/logixs/wp-content/uploads/2022/08/bg-right.png); */
    /* background-repeat: no-repeat;
    background-position: top right; */
    background: #f8f9facc;
}

.service-big .service-images {
    position: relative;
}

.service-big .service-images .servicethumbnail {
    position: absolute;
    top: 50px;
    background: var(--primary-color);
    width: 189px;
    padding: 15px 40px 35px 40px;
    left: -45px;
}

.service-big .service-images .servicethumbnail span {
    font-size: 3.125rem;
    color: var(--white-color);
}

.service-big .service-images .servicethumbnail p {
    color: var(--white-color);
}

.bottom-imageservice {
    width: 300px;
    border: 20px solid red;
    position: absolute;
    bottom: -100px;
    left: -44px;
}

.service-big .bigservice-aside .note {
    font-size: 1.5rem;
    color: var(--primary-color);
    font-weight: 500;
    border-left: 4px solid var(--dark-color);
    padding: 0 0 0 30px;
    margin: 20px 0 35px 0;
}

.service-big .bigservice-aside .note .videorow ul li {
    font-size: 21px;
}

.service-big .bigservice-aside .videorow ul li {
    font-weight: 600;
    margin: 0 0 8px 0;
    font-size: 17px;
}

.service-big .bigservice-aside .videorow ul li i {
    color: var(--primary-color);
    margin-right: 10px;

}


.service-big .bigservice-aside .videorow ul {
    /* margin: 0 0 4.5rem 0; */
    margin-bottom: 0px;
}

.bigservice-aside {
    background: #fff;
    padding: 36px 31px 30px 42px;
    margin-left: -95px;
    margin-top: 29px;
}

.videorow .btn {
    background: var(--secondary-color);
    color: #fff;
    text-transform: uppercase;
    border: 1px solid transparent;
    padding: 1rem 2rem;
    border-radius: 0;
}

/* .service-big .service-images:before {
    content: '';
    height: 90%;
    width: 45px;
    background: #fff;
    position: absolute;
    top: 54px;
    right: 0;
} */

.date-parcel-process {
    position: relative;
}

.new-icon-process {
    position: absolute;
    left: -21%;
}

.new-icon-process i {
    background-color: #ffffff;
    border-radius: 50%;
    font-size: 16px;
    height: 35px;
    left: 42px;
    line-height: 32px;
    position: absolute;
    text-align: center;
    top: 56px;
    width: 35px;
    border: 2px solid #dee2e6;
    color: #E0541F
}


/* .arrow-up {
    transform: rotate(44deg);
} */


/* .arrow-up {
    display: block;
    margin: 30px auto;
    width: 25px;
    height: 25px;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
} */
/* .arrow-up::after {
    content: "";
    display: block;
    width: 2px;
    height: 45px;
    background-color: black;
    transform: rotate(-45deg) translate(15px, 4px);
    left: 0;
    top: 0;
} */


/*how-it-works-css*/
.process-box {
    background: #fff;
    padding: 10px;
    border-radius: 15px;
    position: relative;
    box-shadow: 2px 2px 7px 0 #00000057;
}

.process-left:after {
    content: "";
    border-top: 15px solid #ffffff;
    border-bottom: 15px solid #ffffff;
    border-left: 15px solid #ffffff;
    border-right: 15px solid #ffffff;
    display: inline-grid;
    position: absolute;
    right: -15px;
    top: 42%;
    transform: rotate(45deg);
    box-shadow: 3px -2px 3px 0px #00000036;
    z-index: 1;
}

.process-right:after {
    content: "";
    border-top: 15px solid #ffffff00;
    border-bottom: 15px solid #ffffff;
    border-left: 15px solid #ffffff;
    border-right: 15px solid #ffffff00;
    display: inline-grid;
    position: absolute;
    left: -15px;
    top: 42%;
    transform: rotate(45deg);
    box-shadow: -1px 1px 3px 0px #0000001a;
    z-index: 1;
}

.process-step {
    background: #bb151a;
    text-align: center;
    width: 80%;
    margin: 0 auto;
    color: #fff;
    height: 100%;
    padding-top: 8px;
    position: relative;
    top: -26px;
    border-radius: 0px 0px 10px 10px;
    box-shadow: -6px 8px 0px 0px #00000014;
}

.process-point-right {
    background: #ffffff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 8px solid #bb151a;
    box-shadow: 0 0 0px 4px #5c5c5c;
    margin: auto 0;
    position: absolute;
    bottom: 40px;
    left: -63px;
}

.process-point-right:before {
    content: "";
    height: 144px;
    width: 11px;
    background: #5c5c5c;
    display: inline-grid;
    transform: rotate(36deg);
    position: relative;
    left: -50px;
    top: -0px;
}

.process-point-left {
    background: #ffffff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 8px solid #bb151a;
    box-shadow: 0 0 0px 4px #5c5c5c;
    margin: auto 0;
    position: absolute;
    bottom: 47px;
    right: -63px;
}

.process-point-leftcopy {
    background: #ffffff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 8px solid #bb151a;
    box-shadow: 0 0 0px 4px #5c5c5c;
    margin: auto 0;
    position: absolute;
    bottom: 40px;
    right: -63px;
}

.process-point-left:before {
    content: "";
    height: 144px;
    width: 11px;
    background: #5c5c5c;
    display: inline-grid;
    transform: rotate(-38deg);
    position: relative;
    left: 50px;
    top: 0px;

}

.process-point-left-01 {
    background: #ffffff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 8px solid #bb151a;
    box-shadow: 0 0 0px 4px #5c5c5c;
    margin: auto 0;
    position: absolute;
    bottom: 40px;
    right: -63px;
}

.process-last:before {
    display: none;
}

.process-box p {
    z-index: 9;
    font-size: 14px;
}

.process-step p {
    font-size: 20px;
    color: rgb(255, 255, 255);
}

.process-step h2 {
    font-size: 39px;
    color: #ffffff;
}

.process-step:after {
    content: "";
    border-top: 8px solid #04889800;
    border-bottom: 8px solid #bb151a;
    border-left: 8px solid #04889800;
    border-right: 8px solid #bb151a;
    display: inline-grid;
    position: absolute;
    left: -16px;
    top: 0;
}

.process-step:before {
    content: "";
    border-top: 8px solid #ff000000;
    border-bottom: 8px solid #bb151a;
    border-left: 8px solid #bb151a;
    border-right: 8px solid #ff000000;
    display: inline-grid;
    position: absolute;
    right: -16px;
    top: 0;
}

/* .process-line-l {
    background: white;
    height: 4px;
    position: absolute;
    width: 136px;
    right: -153px;
    top: 64px;
    z-index: 9;
} */

/* .process-line-r {
    background: white;
    height: 4px;
    position: absolute;
    width: 136px;
    left: -153px;
    top: 63px;
    z-index: 9;
} */

.step-solid-border {
    position: relative;
}

.form-search-all {
    z-index: 9;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
}

.notice-parcel {
    margin-top: 9px;
}

.logo-top-header {
    height: 100%;
    width: 67%;
    object-fit: cover;
}

.logo-top-header img {
    height: 78px;
    width: 282px;
    object-fit: contain;
}

.border-left-solid-all {
    border-left: 1px solid #cccccc47;
}

.process-all {

    padding: 75px 0;
}

.phl-left-all {
    background: #fff;
    padding: 31px 23px 31px 34px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    margin-top: 72px;
    margin-right: -83px;
    border-radius: 4px;
}

.phl-all-det {
    z-index: 3;
}

.videorow-doc ul {
    display: block;
}

.videorow-doc ul li {
    font-weight: 600;
    margin: 0 0 11px 0;
    font-size: 17px;
    display: inline-block;
    margin-right: 12px;
}

.videorow-doc ul li i {
    color: var(--primary-color);
    margin-right: 5px;
}

.service-images-new img {
    height: 451px;
    object-fit: cover;
}

.form-quote-phl .form-control {
    margin: 10px 0;
}

.header-form-label {
    padding: 13px 0 0 10px;
    font-size: 16px;
    font-weight: 600;
}

.quote-wrapper-all h2 {
    text-align: center;
    margin: 13px 0 19px;
}

.volume-calculaor {
    padding: 46px 0 30px;
}

.testimonial_images {
    width: 88px;
    height: 88px;
    margin: 0 auto;
    position: relative;
    /* overflow: hidden; */
}

.testimonial-new-section i {
    font-size: 38px;
    color: #FF6D45;
}

.testimonial_images img {
    width: 100%;
    object-fit: cover;
    border: 2px solid #FFF;
    /* box-shadow: rgb(100 100 111 / 45%) 0px 7px 29px 0px; */
    margin: 0 auto;
    border-radius: 88px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    position: absolute;
    width: 88px;
    height: 88px;
    top: 44%;
    left: 2%;
    z-index: 1;
}

.testimonial-all-details {
    border: 2px solid #d7d7d7d9;
    border-radius: 42px;
    background: rgba(255, 255, 255, 0.13);
    backdrop-filter: blur(10px);
    padding: 57px 60px 23px;
}

.testimonial_items {
    width: 57%;
    margin: auto;

}

.testimonial_items h4 {
    margin-top: 8px;
    margin-bottom: 15px;
    color: var(--primary-color, #4A5561);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0.48px;
}

.testimonial_items p {
    color: #3d4b58;
}



div#testimonial_carousel .owl-nav button.disabled {
    background-color: rgb(78 87 93 / 18%);
}

div#testimonial_carousel .owl-nav button {
    position: absolute;
    background-color: rgb(78 87 93 / 74%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    bottom: -2%;
}

div#testimonial_carousel .owl-nav .owl-prev {

    left: 41%;
}

div#testimonial_carousel .owl-nav .owl-next {

    right: 41%;
}

#testimonial_carousel .owl-dots button span {
    width: 14px;
    height: 14px;
    border: 3px solid rgb(0 0 0 / 21%);
    margin-right: 7px;
    border-radius: 50%;
    display: inline-block;
}

#testimonial_carousel .owl-dots button.active span {
    border-color: #4a5561;
}

#testimonial_carousel .owl-dots {
    text-align: center;
    margin-top: 32px;
}

.quote-all-wrapper-section {
    /* background: #f8f9facc;
    padding: 60px 0; */
}

.quote-wrapper {
    background: #ffffff;
    padding: 32px 38px 35px;
    border-radius: 4px;
    border: 1px solid #80808045;
}

.volume-all-wrapper {
    background: #ffffff;
    padding: 32px 47px 35px;
    border-radius: 4px;
}

.testimonial-wrapper-all {
    background: #ffffff;
    padding: 60px 0 75px;
}

.offer-right {
    /* padding: 31px 23px 31px 34px; */
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    border-radius: 4px;
}

.offer-img-all .img-001 {
    height: 493px;
    object-fit: cover;
}

.pad-all-bt {
    padding: 87px 0 90px;
}

div#testimonial_carousel .owl-nav .owl-prev i {
    color: #ffffff;
}

div#testimonial_carousel .owl-nav .owl-next i {
    color: #ffffff;
}

.heading-divider {
    display: block;
    width: 75px;
    height: 3px;
    /* margin-top: 19px; */
    margin-top: 10px;
    margin-bottom: 21px;
    background-color: #0ec6d5;
}

.heading-divider {
    background-color: #E0541F ! important;
}

.mb-155 {
    margin-bottom: 50px;
}

.addCalculateFormclass {
    background: #E0541F;
    color: #fff !important;
    border: none;
    padding: 4px 9px 5px;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    white-space: nowrap;
    font-size: 14px;
}

.get-inquary {
    background: var(--secondary-color);
    position: fixed;
    right: 0;
    top: 50%;
    padding: 0;
    z-index: 11;
}

.text-color-inquary a {
    color: #ffffff;
}

.phl-left-all h2 {
    color: #FF6D45;
}

.notice-parcel marquee {
    color: #FF6D45;
}

/* .header-form-label{
    color: #FF6D45;
} */
.offer-right h2 {
    color: #FF6D45;
}

.tb-01 {
    border: 1px solid #80808036;
}

.input-left-pd {
    margin-left: 10px;
}

.p-tesi {
    border: 1px #E0E0E0;
    border-style: dashed;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 20px 15px;
    position: relative;
    margin: 55px 0 16px;
}

.p-tesi h4 {
    color: #253D52;
    margin-top: 0px;
}

.p_testimonial p {
    color: #888888;
    line-height: 24px;
    margin-bottom: 10px;
    padding-top: 10px;
    text-align: left;
}

.p-tesi address {
    color: #253D52;
    font-weight: 600;
    /* font-style: italic; */
    margin-bottom: 0px;
    margin-top: 5px;
}

.testimonial-new img {
    height: 114px;
    border-radius: 50%;
    width: 122px;
    margin: auto;
    object-fit: cover;
}

.testimonial-new-section p {
    text-align: justify;
    padding: 6px 10px 10px 0px;
}

.testimonial-new-section p i {
    font-size: 22px;
    color: #d36569;
}

.new-offer-list {
    background: #fff;
    border: 1px dashed #c0676a59;
    transition: .5s;
    text-align: center;
}

.wrap-new-list {
    background-color: #c0676a0a;
    border-radius: 4px;
    padding: 31px;
    margin-bottom: 26px;
}

.new-offer-list .icon {
    padding: 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff !important;
    border-radius: 50%;
    border: 1px dashed #c0676a59;
    height: 131px;
    width: 131px;
}

.new-offer-list .icon img {
    max-width: 100%;
    height: 73px;
    width: auto;
    object-fit: cover;
    padding: 6px;
}

.new-offer-list:hover {
    background: #FF6D45;
}

.new-offer-list h4 {
    color: #000;
    font-size: 20px;
    transition: .5s;
    padding: 0 6px;
}

.new-offer-list p {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    transition: .5s;
    margin-bottom: 0px;
}

.new-offer-list:hover h4 {
    color: #ffffff;
}

.new-offer-list:hover p {
    color: #ffffff;
}

.bigservice-wrap {
    margin-top: 59px;
}

.our-info-area {
    background: #efefefad;
}

.pb-40 {
    padding-bottom: 40px;
}

.pt-70 {
    padding-top: 70px;
}

.our-info-area .single-info {
    display: flex;
    align-items: center;
}

.our-info-area .single-info .info-caption {
    padding-left: 20px;
}

.our-info-area .single-info .info-caption p {
    color: #677294;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 0;
}

.our-info-area .single-info .info-caption span {
    color: #0C2E37;
    font-size: 20px;
    margin-bottom: 0px;
    display: block;
    font-weight: 600;
}

.our-info-area .single-info .info-icon i {
    color: #FF6D45;
    font-size: 44px;
    margin-bottom: 0;
    display: block;
}

.section-tittle span {
    font-size: 18px;
    display: block;
    color: #FF6D45;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 7px;
}

.section-tittle h2 {
    font-size: 50px;
    display: block;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.3;
    color: #0C2E37;
}

.section-tittle p {
    color: #717b9b;
}

.background-quote-wrap {
    padding: 64px 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.sendQuoteBtn:hover {
    color: #ffffff;
}

.sendQuoteBtn {
    padding: 11px;
    font-size: 18px;
}

.img-req-01 {
    padding: 27px 8px;
    align-items: center;
    background: #fff !important;
    border-radius: 50%;
    border: 1px dashed #c0676a59;
    height: 104px;
    width: 105px;
    margin: auto;
}

.img-req-01 img {
    width: 100%;
    height: 47px;
    object-fit: contain;
}

.wrap-11 {
    margin-bottom: 23px;
}

.wrap-11 h4 {
    text-align: center;
    margin-top: 15px;
    font-size: 16px;
}

.new-req-001 {
    padding: 10px 10px 10px 21px;
}

.new-req-001 span {
    font-size: 18px;
    display: block;
    color: #FF6D45;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 7px;
}

.new-req-001 h2 {
    font-size: 50px;
    display: block;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.3;
    color: #0C2E37;
}

.new-req-001 h4 {
    font-size: 15px;
    margin: 15px 0;
    color: #0C2E37;
}

.new-req-001 p {
    text-align: justify;
}

.main_btn {
    position: relative;
    display: inline-block;
    background: #FF6D45;
    padding: 0px 60px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 60px;
    border: 0px;
    outline: none !important;
    box-shadow: none !important;
    text-align: center;
    cursor: pointer;
    border-radius: 0px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 29px;
    z-index: 1;
    transition: all 300ms linear 0s;
}

.main_btn:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
    background: #FF6D45;
    border: 1px solid #ffffff;
    z-index: -1;
    transition: all 300ms linear 0s;
}

.main_btn:after {
    content: '';
    position: absolute;
    bottom: 5px;
    right: 5px;
    border-right: 10px solid #ffffff;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
    border-top: 10px solid transparent;
    transition: all 300ms linear 0s;
}

.main_btn:hover {
    color: #262533;
}

.main_btn:hover:before {
    background: #ffffff;
}

.main_btn:hover:after {
    border-right: 10px solid #FF6D45;
    border-bottom: 10px solid #FF6D45;
}


/*our-team*/
.card {
    transition: all .2s;
}

.card-02 img {
    height: 140px;
    width: 140px;
    object-fit: cover;
}

.card-1 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.social-icon-team {
    display: flex;
    align-items: center;
    justify-content: center;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
}

.list-inline-item {
    display: inline-block;
}

.social-icon-team ul li i {
    font-size: 1.2rem;
    color: darkgray;
    transition: transform .5s;
    margin-top: 10px;
}

.card-1:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.team-new-1 {
    font-weight: 600;
    margin-top: 17px;
    color: #0C2E37cf;
}

.phl-wrapper-01 {
    padding: 100px 0;
}

.banner {
    position: relative;
}

/* .overly-all-phl{
    position: absolute;
    bottom: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    width: 100%;
    transition: .5s ease;
    color: white;
    font-size: 20px;
    padding: 20px;
    text-align: center;
} */
.banner:before {
    content: '';
    height: 100%;
    width: 100%;
    background: #000000b0;
    position: absolute;
    top: 0;
    left: 0px;
    margin: auto;
    z-index: -1;
}

/*our-service*/
.services-page-all-wrap {
    padding: 70px 0 38px;
}

.section-header h3 {
    font-size: 36px;
    color: #413e66;
    text-align: center;
    font-weight: 700;
    position: relative;

}

.section-header p {
    text-align: center;
    margin: auto;
    font-size: 15px;
    padding-bottom: 60px;
    color: #535074;
    width: 50%;
}



#services-new-11 {
    padding: 50px 0 15px 0;
}

#services-new-11 .box {
    padding: 30px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 10px 40px 10px;
    background: #fff;
    box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
    transition: all 0.3s ease-in-out;
    text-align: center;
    /* min-height: 240px; */
}

#services-new-11 .box:hover {
    transform: scale(1.1);
}

#services-new-11 .icon {
    margin: 0 auto 15px auto;
    padding-top: 12px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background: #000;
    color: #ba141a;
}

#services-new-11 .icon .service-icon {
    font-size: 36px;
    line-height: 1;
}

#services-new-11 .title {
    font-weight: 700;
    margin-bottom: 11px;
    font-size: 18px;
    margin-top: 11px;
}

#services-new-11 .title a {
    color: #111;
}

#services-new-11 .box:hover .title a {
    color: #FF6D45;
}

#services-new-11 .box:hover .title a:hover {
    text-decoration: none;
}

#services-new-11 .description {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 0;
    text-align: center;
}

.team-page-wrap {
    margin-top: 68px;
}

.img-req-02 {
    padding: 24px 8px;
    align-items: center;
    background: #fff !important;
    border-radius: 50%;
    border: 1px dashed #c0676a59;
    height: 90px;
    width: 90px;
    margin: auto;
}

.img-req-02 img {
    width: 100%;
    height: 45px;
    object-fit: contain;
}



/* carrers */
.services-page-all-wrap-01{
    padding: 70px 0;
}

.carrer-title-all {
    display: flex;
    justify-content: space-between;
}

.titles-01 h4 {
    color: #222222;
    line-height: 1.2em !important;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 600;
    margin-bottom: 10px;
}

.titles-01 h6 {
    margin-top: 10px;
    color: #222;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 15px;
}

.carrer-title-all .btns li {
    list-style: none;
    display: inline-block;
    background-color: #fff;
    /* border: 1px solid #eee; */
    /* padding: 10px 15px; */
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.carrer-title-all .btns li a {
    text-transform: uppercase;
    font-weight: 600;

}

.titles-01 h5 {
    color: #222;
    font-weight: 300;
    margin-bottom: 15px;
}

.titles-01 .address {
    color: #222;
    margin-bottom: 15px;
}

.details {
    background: #ffffff;
    padding: 25px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    border-left: 17px solid #FF6D45;
}

.job-all-new p {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 7px;
}

.job-all-new p i {
    margin-right: 6px;
    font-size: 20px;
    color: #FF6D45;

}

.carrer-wrap-page {
    padding: 85px 0;
}

.btn-apply-01 {
    margin-top: 0px;
    font-size: 14px;
    line-height: 3;
    padding: 5px 47px;
}

.modal-wrapper-001 {
    padding: 25px 35px;
}

.job-apply-bottom {
    margin-bottom: 23px;
}

.job-apply-bottom label {
    padding-bottom: 11px;
}

.submit-button-job {
    text-align: right;
}

.new-cat-01 {
    display: flex;
    flex-wrap: wrap;

}

.new-cat-01 p {
    margin-right: 13px;
}

.service-logistic-wrapper {
    padding: 0px 0 65px;
}

.about-logistic-service p {
    text-align: justify;
    font-size: 16px;
}

.logistic-position h2 {
    text-align: left;
}

.about-logistic-service {
    margin-top: 28px;
}

.edit-img-phl img {
    height: 78px;
    width: 282px;
    object-fit: contain;
}