* {
    padding: 0;
    margin: 0;
    outline: none;
    text-decoration: none;
    box-sizing: border-box;
}
@font-face {
    font-family: "Poppins", sans-serif;
    src: url("fonts/Gilroy-Bold.eot");
    src:
        url("fonts/Gilroy-Bold.eot?#iefix") format("embedded-opentype"),
        url("fonts/Gilroy-Bold.woff2") format("woff2"),
        url("fonts/Gilroy-Bold.woff") format("woff"),
        url("fonts/Gilroy-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "gilroyextrabold";
    src: url("fonts/Gilroy-ExtraBold.eot");
    src:
        url("fonts/Gilroy-ExtraBold.eot?#iefix") format("embedded-opentype"),
        url("fonts/Gilroy-ExtraBold.woff2") format("woff2"),
        url("fonts/Gilroy-ExtraBold.woff") format("woff"),
        url("fonts/Gilroy-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins", sans-serif;
    src: url("fonts/Gilroy-Regular.eot");
    src:
        url("fonts/Gilroy-Regular.eot?#iefix") format("embedded-opentype"),
        url("fonts/Gilroy-Regular.woff2") format("woff2"),
        url("fonts/Gilroy-Regular.woff") format("woff"),
        url("fonts/Gilroy-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
body {
    overflow-x: hidden;
}
.headerstrip {
    width: 100%;
    height: 50px;
    background: #165fac;
    display: flex;
    align-items: center;
}
.headerstrip .inner {
    width: 100%;
    /* padding: 0px 160px; */
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.headerstrip .inner a {
    color: #fff;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-right: 49px;
}

.headerstrip .inner a:last-child {
    margin-right: 0;
}
.headerstrip .inner a.enquirenowbtn {
    width: 123.852px;
    height: 35.996px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 2px 4px 4px 2px rgba(0, 0, 0, 0.3);
    color: #f26921;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
}
header {
    height: 100px;
    width: 100%;
    display: flex;
    align-items: center;
    background: #f6f6f6;
}
header .inner {
    width: 100%;
    /* padding: 0px 160px; */
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    align-items: center;
}
header .inner a.logo {
    display: flex;
    align-items: center;
}
header .inner a.logo img {
    width: 200px;
    height: 61.407px;
}
header .inner nav {
    display: flex;
    align-items: center;
    margin-left: auto;
}
header .inner nav a {
    padding-right: 32px;
    padding-left: 32px;
    color: #31302f;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    border-right: 1px solid #31302f;
}
header .inner nav a:first-child {
    padding-left: 0;
}
header .inner .searchbtn {
    margin-left: 32px;
    width: 16.521px;
    height: 16.521px;
    background: url(../public/images/searchbtn.png) no-repeat;
    background-size: 100%;
    position: relative;
    transition: all 0.1s linear;
}
header .inner .searchbtn.visible {
    width: 150px;
    transition: all 0.1s linear;
}
header .inner .searchbtn input[type="text"] {
    width: 0;
    overflow: hidden;
    border: none;
    transition: all 0.1s linear;
    position: relative;
    height: 35px;
    top: -10px;
    right: 0;
}
header .inner .searchbtn.visible input[type="text"] {
    overflow: hidden;
    border: 1px solid #27408a;
    width: 150px;
    z-index: 9;
    border-radius: 5px;
    outline: none;
    transition: all 0.1s linear;
    padding-left: 8px;
    padding-right: 8px;
}
.herosection {
    width: 100%;
    position: relative;
    max-height: 625px;
}
.herosection .slider {
    width: 100%;
    position: relative;
}
.herosection .slider > div {
    width: 100%;
}
.herosection .slider > div img {
    width: 100%;
    max-height: 525px;
    object-fit: cover;
}
.herosection .slider > div .slick-slide {
    position: relative;
}
.herosection .slider > div .slick-slide:before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
    background: linear-gradient(160deg, rgba(0, 20, 39, 0.67) 35.77%, rgba(71, 71, 71, 0) 100.53%);
    position: absolute;
}
.herosection .slider > div .slick-slide .contentbox {
    position: absolute;
    z-index: 2;
    width: 100%;
    /* padding: 0px 160px; */
    margin: 0 auto;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    right: 0;
}
.herosection .slider > div .slick-slide .contentbox .heading {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.herosection .slider > div .slick-slide .contentbox .subheading {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.herosection .slider > div .slick-slide .contentbox .buttons {
    margin-top: 50px;
    width: 100%;
    max-width: 480px;
    display: flex;
    justify-content: space-between;
}
.herosection .slider > div .slick-slide .contentbox .buttons a {
    width: 210px;
    height: 50px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}
.herosection .slider > div .slick-slide .contentbox .buttons a.explore {
    border-radius: 8px;
    border: 2px solid #fff;
    box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.15);
    color: #1c2b3b;
    font-family: "Gothic A1", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: #fff;
}
.herosection .slider > div .slick-slide .contentbox .buttons a.explore:after {
    content: "";
    display: flex;
    width: 15px;
    height: 15px;
    background: url(../public/images/bluearrow.png) no-repeat;
    background-size: 100%;
    margin-left: 5px;
    margin-top: -3px;
}
.herosection .slider > div .slick-slide .contentbox .buttons a.explore:hover:after {
    background: url(../public/images/rightarrow.png) no-repeat;
    background-size: 100%;
}
.herosection .slider > div .slick-slide .contentbox .buttons a.request {
    border-radius: 8px;
    background: #f26921;
    border: 2px solid #f26921;
    box-shadow: 0px 4px 5px 4px rgba(0, 0, 0, 0.4);
    color: #fff;
    font-family: "Gothic A1", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.herosection .slider > div .slick-slide .contentbox .buttons a.explore:hover {
    background: #f26921;
    border-color: #f26921;
    color: #fff;
}
.herosection .slider > div .slick-slide .contentbox .buttons a.request:hover {
    background: transparent;
}
.herosection .slider ul.slick-dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex !important;
    width: 109px;
    justify-content: center;
}
.herosection .slider ul.slick-dots li {
    list-style: none;
    margin-right: 10px;
}
.herosection .slider ul.slick-dots li:last-child {
    margin: 0;
}
.herosection .slider ul.slick-dots li button {
    font-size: 0;
    border-radius: 16.612px;
    background: #c5c5c5;
    width: 16.612px;
    height: 16.612px;
    border: none;
    cursor: pointer;
}
.herosection .slider ul.slick-dots li.slick-active button {
    background: #f26921;
}
.matrixbar {
    width: 100%;
    background: url(../img/MetrixBar.png) no-repeat;
    background-size: cover;padding: 70px 0px;
}
.matrixbar .inner {
    width: 100%;
    /* padding: 66px 160px; */
    display: flex;
    align-items: center;
    margin: 0 auto;
    /* padding: 66px 0; */
    justify-content: space-between;
}
.matrixbar .inner div {
    /* width: 33.33%; */
}
.matrixbar .inner div .counters {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 100%;
}
.matrixbar .inner div .txt {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
}
.structureparent {
    width: 100%;
    margin-top: 50px;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.structureparent h1 {
    width: 100%;
    max-width: 700px;
    color: #414141;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.structureparent img {
    width: 100%;
    display: flex;
    align-items: center;
    /* max-width: 1170px; */
    /* padding: 0px 160px; */
    margin-top: 50px;
}
.ourclientshome,
.testmonialshome {
    margin: 0 auto;
    margin-top: 100px;
    width: 100%;
    max-width: 1170px;
    /* padding: 0px 160px; */
}
.ourclientshome h2,
.testmonialshome h3 {
    color: #414141;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.ourclientshome .slidrparent {
    margin-top: 30px;
    width: 100%;
    background: #fff;
    box-shadow: 0px 13px 20px 10px rgba(0, 0, 0, 0.15);
    padding: 54px 10px;
}
.ourclientshome .slides ul.slick-dots {
    position: absolute;
    bottom: -90px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex !important;
    width: 109px;
    justify-content: space-between;
}
.ourclientshome .slides ul.slick-dots li {
    list-style: none;
}
.ourclientshome .slides ul.slick-dots li button {
    font-size: 0;
    border-radius: 16.612px;
    background: #c5c5c5;
    width: 16.612px;
    height: 16.612px;
    border: none;
    cursor: pointer;
}
.ourclientshome .slides ul.slick-dots li.slick-active button {
    background: #f26921;
}
.testmonialshome {
    margin-top: 80px;
}
.testmonialshome .testemonialssliderparent {
    width: 100%;
    padding: 0px 160px;
    margin: 0 auto;
    margin-top: 50px;
    padding: 80px 60px 12px 60px;
    border-radius: 70.236px 0px 70.236px 0;
    background: #ffc7aa;
    position: relative;
}
.testmonialshome .testemonialssliderparent .slides .slick-slide {
    width: 100%;
    display: flex;
    margin-right: 0;
    justify-content: space-between;
    position: relative;
}
.testmonialshome .testemonialssliderparent .slides .slick-slide .detailbox {
    display: flex;
    width: 100%;
    max-width: 350px;
}
.testmonialshome .testemonialssliderparent .slides .slick-slide .detailbox img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-right: 10px;
}
.testmonialshome .testemonialssliderparent .slides .slick-slide .detailbox .detail .name {
    color: #000;
    font-family: "Poppins", sans-serif;
    font-size: 23.884px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 6px;
}
.testmonialshome .testemonialssliderparent .slides .slick-slide .detailbox .detail .designation {
    color: #000;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
}
.testmonialshome .testemonialssliderparent .slides .slick-slide .testimonial {
    color: #000;
    font-family: "Poppins", sans-serif;
    font-size: 15.286px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    padding-bottom: 150px;
    width: 100%;
    max-width: calc(100% - 350px);
    position: relative;
}
.testmonialshome .testemonialssliderparent .slides .slick-slide .testimonial:before {
    content: "";
    min-width: 12px;
    height: 12px;
    background: url(../public/images/leftquote.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    position: absolute;
    left: -15px;
}
.testmonialshome .testemonialssliderparent .slides .slick-slide .testimonial:after {
    content: "";
    min-width: 12px;
    height: 12px;
    background: url(../public/images/rightquote.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    top: 20px;
    position: relative;
    right: 15px;
}
.testmonialshome .testemonialssliderparent .slides .slick-slide .logo {
    position: absolute;
    bottom: 0;
    max-width: 140px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
}
.testmonialshome .testemonialssliderparent .slides .slick-slide .logo img {
    width: 100%;
}
.testmonialshome .testemonialssliderparent .slides button.slick-prev,
.testmonialshome .testemonialssliderparent .slides button.slick-next {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 0;
    width: 40px;
    height: 40px;
    background-size: 100% !important;
    border: none;
    cursor: pointer;
}
.testmonialshome .testemonialssliderparent .slides button.slick-prev {
    left: 0;
    background: url(../public/images/testimonialprev.png) no-repeat;
    left: -60px;
}
.testmonialshome .testemonialssliderparent .slides button.slick-next {
    right: 0;
    background: url(../public/images/testimonialnext.png) no-repeat;
    right: -60px;
}
.leagueserviceparenthome {
    width: 100%;
    background: #f2f2f2;
    padding: 55px 0;
    margin-top: 100px;
}
.leagueserviceparenthome .inner {
    width: 100%;
    /* padding: 0px 160px; */
    /* max-width: 1170px; */
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.leagueserviceparenthome .inner .leftsec {
    width: 400px;
    display: flex;
    flex-flow: column;
}
.leagueserviceparenthome .inner .leftsec h3 {
    color: #414141;
    font-family: "Poppins", sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-top: 65px;
}
.leagueserviceparenthome .inner .leftsec p {
    color: #414141;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.leagueserviceparenthome .inner .leftsec .line {
    width: 100%;
    margin-top: 35px;
}
.leagueserviceparenthome .inner .leftsec .line svg {
    width: 100%;
}
.leagueserviceparenthome .inner .leftsec a {
    width: 187px;
    height: 64px;
    border-radius: 8px;
    border: 2px solid #414141;
    box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.15);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #414141;
    font-family: "Gothic A1", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-top: auto;
    background: #fff;
}
.leagueserviceparenthome .inner .leftsec a:after {
    content: "";
    display: flex;
    width: 15px;
    height: 15px;
    background: url(../public/images/rightarrowblack.png) no-repeat;
    background-size: 100%;
    margin-left: 5px;
    margin-top: -3px;
}
.leagueserviceparenthome .inner .rightsec {
    width: 750px;
    background: linear-gradient(114deg, #3988d1 3.84%, rgba(3, 57, 108, 0.92) 98.59%);
    padding: 77px 41px 45px 41px;
    border-radius: 38px;
}
.leagueserviceparenthome .inner .rightsec .progress {
    display: block;
    width: calc(100% - 120px);
    height: 2px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #6085a7;
    background-image: linear-gradient(to right, #b5b5b5, #b5b5b5);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size 0.4s ease-in-out;
    margin-top: 54px;
}
.leagueserviceparenthome .inner .rightsec .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.leagueserviceparenthome .inner .rightsec .legaueslider .slick-slide > div {
    display: flex;
    justify-content: space-between;
    position: relative;
}
.leagueserviceparenthome .inner .rightsec .legaueslider .slick-slide > div > div {
    width: calc(50% - 32px);
}
.leagueserviceparenthome .inner .rightsec .legaueslider .slick-slide > div .imagebox {
    border-radius: 8.585px;
    background: #f6f6f6;
    padding-bottom: 15px;
    width: 90%;
}
.leagueserviceparenthome .inner .rightsec .legaueslider .slick-slide > div .imagebox img {
    width: 100%;
    border-radius: 8.585px 8.585px 0 0;
    height: 290px;
    object-fit: cover;
}
.leagueserviceparenthome .inner .rightsec .legaueslider .slick-slide > div .imagebox .title {
    color: #414141;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    padding: 6px 0 0 7px;
    line-height: normal;
}
.leagueserviceparenthome .inner .rightsec .legaueslider .slick-slide > div .imagebox a {
    color: #414141;
    font-family: "Poppins", sans-serif;
    font-size: 10.302px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    align-items: center;
    margin: 6px 0 0 7px;
}
.leagueserviceparenthome .inner .rightsec .legaueslider .slick-slide > div .imagebox a:after {
    content: "";
    width: 6.305px;
    height: 6.164px;
    display: flex;
    background: url(../public/images/learnmoreicon.png) no-repeat;
    background-size: 100%;
    margin-left: 8px;
}
.leagueserviceparenthome .inner .rightsec .legaueslider .slick-slide > div .imagebox a span {
    border-bottom: 1px solid #414141;
    padding-bottom: 5px;
}
.leagueserviceparenthome .inner .rightsec .legaueslider .slick-slide > div .textareabox {
    border-radius: 10px;
    background: linear-gradient(180deg, #f26921 0%, #f84119 100%);
    padding: 36px 24px 0 14px;
    position: absolute;
    width: 90%;
    height: 100%;
    opacity: 0;
    z-index: -1;
    transition: all .1s ease-in-out;
}
.leagueserviceparenthome .inner .rightsec .legaueslider .slick-slide > div .imagebox:hover + .textareabox {
    z-index: 5;
    opacity: 1;
    transition: all .1s ease-in-out;
}
.leagueserviceparenthome .inner .rightsec .legaueslider .slick-slide > div .textareabox:hover {
    opacity: 1;
    z-index: 5;
}
.leagueserviceparenthome .inner .rightsec .legaueslider .slick-slide > div .textareabox h3 {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 11px;
}
.leagueserviceparenthome .inner .rightsec .legaueslider .slick-slide > div .textareabox p {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 35px;
}
.leagueserviceparenthome .inner .rightsec .legaueslider button.slick-prev,
.leagueserviceparenthome .inner .rightsec .legaueslider button.slick-next {
    position: absolute;
    bottom: -74px;
    font-size: 0;
    width: 40px;
    height: 40px;
    background-size: 100% !important;
    border: none;
    cursor: pointer;
    right: 0;
}
.leagueserviceparenthome .inner .rightsec .legaueslider button.slick-prev {
    right: 60px;
    background: url(../public/images/leagueprev.png) no-repeat;
}
.leagueserviceparenthome .inner .rightsec .legaueslider button.slick-next {
    background: url(../public/images/leaguenext.png) no-repeat;
}
.buildtosuithome {
    width: 100%;
    padding-top: 100px;
}
.buildtosuithome .title {
    color: #414141;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 80px;
}
.buildtosuithome .acc-container {
    /* max-width: 1170px; */
    margin: 0 auto;
    width: 100%;
}

.buildtosuithome .acc {
    margin-bottom: 10px;
    border-bottom: 1px solid #414141;
}

.buildtosuithome .acc-head {
    padding: 15px 0;
    /* font-size: 22px; */
    position: relative;
    cursor: pointer;
    color: #414141;
    font-family: "Poppins", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 0;
}

.buildtosuithome .acc-head::before,
.buildtosuithome .acc-head::after {
    content: "";
    position: absolute;
    top: 50%;
    background-color: #414141;
    transition: all 0.3s;
}

.buildtosuithome .acc-head::before {
    right: 30px;
    width: 3px;
    height: 20px;
    margin-top: -10px;
}

.buildtosuithome .acc-head::after {
    right: 21px;
    width: 20px;
    height: 3px;
    margin-top: -2px;
}

.buildtosuithome .acc-head p {
    /* color: #fff;
    font-weight: bold; */
}

.buildtosuithome .acc-content {
    padding: 15px 0;
    display: none;
    color: #414141;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.buildtosuithome .acc-content > div {
    display: flex;
    justify-content: space-between;
}
.buildtosuithome .acc-content > div p {
    max-width: 600px;
    width: 100%;
}
.buildtosuithome .acc-content > div .sliderf1 {
    width: 400px;
    left: -50px;
}
.buildtosuithome .acc-head.active::before {
    transform: rotate(90deg);
}
.buildtosuithome ul.slick-dots {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex !important;
    width: 100%;
    justify-content: center;
}
.buildtosuithome .sliderf1 ul.slick-dots li {
    list-style: none;
    margin-right: 10px;
}
.buildtosuithome .sliderf1 ul.slick-dots li:last-child {
    margin-right: 0;
}
.buildtosuithome .sliderf1 ul.slick-dots li button {
    font-size: 0;
    border-radius: 16.612px;
    background: #c5c5c5;
    width: 16.612px;
    height: 16.612px;
    border: none;
    cursor: pointer;
}
.buildtosuithome .sliderf1 ul.slick-dots li.slick-active button {
    background: #0c7057;
}
.buildtosuithome .sliderf1 button.slick-prev,
.buildtosuithome .sliderf1 button.slick-next {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 0;
    width: 40px;
    height: 40px;
    background-size: 100% !important;
    border: none;
    cursor: pointer;
}
.buildtosuithome .sliderf1 button.slick-prev {
    left: 0;
    background: url(../public/images/testimonialprev.png) no-repeat;
    left: -60px;
}
.buildtosuithome .sliderf1 button.slick-next {
    right: 0;
    background: url(../public/images/testimonialnext.png) no-repeat;
    right: -60px;
}
.buildtosuithome .sliderf1 img {
    height: 334px;
    width: 100%;
}
.mapAreahomepage {
    width: 100%;
    background: url(../public/images/mapbg.png) no-repeat;
    min-height: 800px;
    background-size: cover;
    background-position: -550px 0;
    margin-top: 40px;
    display: flex;
    position: relative;
}
.mapAreahomepage .mapbox {
    width: 50%;
    position: relative;
}
.mapAreahomepage .mapbox a {
    position: absolute;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    align-items: center;
}
.mapAreahomepage .mapbox a:before {
    content: "";
    width: 29px;
    height: 29px;
    display: flex;
    background: url(../public/images/mapsymbol.png) no-repeat;
    background-size: 100%;
    margin-right: 5px;
}
.mapAreahomepage .mapbox a span {
    display: flex;
    border-radius: 4px;
    background: #969696;
    align-items: center;
    padding-left: 5px;
    height: 20px;
}
.mapAreahomepage .mapbox a span span {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #175eac;
    margin-left: 5px;
    padding-left: 8px;
    padding-right: 8px;
}
.mapAreahomepage .mapbox a:hover > span,
.mapAreahomepage .mapbox a.active > span {
    background: #f64e1c;
}
.mapAreahomepage .contentboxarea {
    width: 50%;
    background: #1f578c;
    padding-top: 66px;
    padding-left: 16px;
    margin-left: auto;padding-right: 100px;
}
/* .mapAreahomepage .contentboxarea .contentparent:nth-child(2), .mapAreahomepage .contentboxarea .contentparent:nth-child(3) {
    display: flex;
} */
.mapAreahomepage .contentboxarea h4 {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 30px;
}
.mapAreahomepage .contentboxarea .contentparent {
    width: 100%;
    display: none;
    margin-bottom: 20px;
    align-items: flex-start;
}
.mapAreahomepage .contentboxarea .contentparent.show {
    display: flex;
}
.mapAreahomepage .contentboxarea .contentparent img {
    border-radius: 14.387px;
    border: 6.294px solid #fff;
    width: 240px;
    margin-right: 10px;
}

.mapAreahomepage .contentboxarea .contentparent > div .title {
    color: #fff;
    font-family: "Poppins";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.mapAreahomepage .contentboxarea .contentparent > div .location {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 7px;
}
.mapAreahomepage .contentboxarea .contentparent > div .location:before {
    width: 11.407px;
    height: 15.249px;
    content: "";
    display: inline-block;
    background: url(../public/images/location.png) no-repeat;
    background-size: 100%;
    margin-right: 5px;
}
.mapAreahomepage .contentboxarea .contentparent > div > div {
    display: flex;
}
.mapAreahomepage .contentboxarea .contentparent > div > div > div {
    margin-right: 15px;
    border-left: 2px solid #ff825e;
    padding: 4px 0 0 5px;
}
.mapAreahomepage .contentboxarea .contentparent > div > div > div p {
    color: #ff825e;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: normal;
}
.mapAreahomepage .contentboxarea .contentparent > div > div > div span {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.mapAreahomepage .contentboxarea .contentparent > div a {
    border-radius: 28.775px;
    background: #f64e1c;
    box-shadow: 0px 3.59684px 3.59684px 0px rgba(0, 0, 0, 0.25);
    width: 118.994px;
    height: 36.574px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 13.859px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 15px;
}
.blogs_and_news {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 80px;
}
.blogs_and_news h4 {
    width: 100%;
    max-width: 800px;
    color: #414141;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 auto;
    margin-bottom: 34px;
}
.blogs_and_news .newssliders {
    width: 100%;
}
.blogs_and_news .newssliders .slick-slide {
    position: relative;
}
.blogs_and_news .newssliders .slick-slide img {
    width: 100%;
}

.blogs_and_news .newssliders .slick-slide .front {
    width: calc(100% - 50px);
    position: absolute;
    z-index: 9;
    top: 50px;
    right: 25px;
    bottom: 25px;
    left: 25px;
    height: calc(100% - 75px);
}
.blogs_and_news .newssliders .slick-slide .front:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
}
.blogs_and_news .newssliders .slick-slide .front .insight {
    display: flex;
    justify-content: space-between;
    padding: 15px;flex-direction: column;
    position: relative;
}
.blogs_and_news .newssliders .slick-slide .front .insight p {
    color: #fff;
    font-family: "Poppins", sans-serif;    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;justify-content: space-between;
}
.blogs_and_news .newssliders .slick-slide .front .insight span {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.blogs_and_news .newssliders .slick-slide .front .maintext {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    display: none;
    line-height: normal;
    padding: 35px 20px 0 20px;
    position: relative;
}
.blogs_and_news .newssliders .slick-slide .back {
    opacity: 0;
    z-index: 8;
    top: 0;
    background: linear-gradient(180deg, #f26820 0%, #f74219 100%);
    width: calc(100% - 50px);
    position: absolute;
    z-index: 9;
    top: 25px;
    right: 25px;
    bottom: 25px;
    left: 25px;
    top: 50px;
    right: 25px;
    bottom: 25px;
    left: 25px;
    height: calc(100% - 75px);
}
.blogs_and_news .newssliders .slick-slide .front:hover + .back,
.blogs_and_news .newssliders .slick-slide .back:hover {
    opacity: 1;
    z-index: 10;
}
.blogs_and_news .newssliders .slick-slide .back .insight p {width: 100%;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;display: flex;justify-content: space-between;
    line-height: normal;
}
.blogs_and_news .newssliders .slick-slide .back .insight span {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.blogs_and_news .newssliders .slick-slide .back .maintext {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0px 20px 0 15px;
}
.blogs_and_news .newssliders .slick-slide .back .insight {
    display: flex;
    justify-content: space-between;
    padding: 15px;
}
.blogs_and_news .newssliders .slick-slide .back .description {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 15px;
}
.blogs_and_news .newssliders .slick-slide > div {
    padding: 25px;
}
.blogs_and_news .newssliders .slick-slide:nth-child(even) {
    position: relative;
    top: -50px;
}
.blogs_and_news .newssliders .slick-slide:nth-child(odd) {
    position: relative;
    top: 50px;
}
.blogs_and_news .newssliders button.slick-prev,
.blogs_and_news .newssliders button.slick-next {
    position: absolute;
    top: 50%;
    font-size: 0;
    width: 40px;
    height: 40px;
    background-size: 100% !important;
    border: none;
    cursor: pointer;
    right: 0;
    z-index: 99;
    transform: translate(0, -50%);
}
.blogs_and_news .newssliders button.slick-prev {
    left: 0;
    right: auto;
    background: rgb(247 75 27 / 40%) url(../public/images/leagueprev.png) no-repeat;
    border-radius: 50%;
    border: 1px solid #f74b1b;
}
.blogs_and_news .newssliders button.slick-next {
    right: 0;
    background: rgb(247 75 27 / 40%) url(../public/images/leaguenext.png) no-repeat;
    border: 1px solid #f74b1b;
    border-radius: 50%;
}
.blogs_and_news .newssliders ul.slick-dots {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex !important;
    text-align: center;
    justify-content: center;
    margin-top: 15px;
}
.blogs_and_news .newssliders ul.slick-dots li {
    list-style: none;
    margin-right: 10px;
}
.blogs_and_news .newssliders ul.slick-dots li button {
    font-size: 0;
    border-radius: 16.612px;
    background: #c5c5c5;
    width: 16.612px;
    height: 16.612px;
    border: none;
    cursor: pointer;
}
.blogs_and_news .newssliders ul.slick-dots li.slick-active button {
    background: #f26921;
}
.blogs_and_news .newssliders .slick-slide:nth-child(odd) .front,
.blogs_and_news .newssliders .slick-slide:nth-child(odd) .back {
    top: 25px;
}
.blogs_and_news .newssliders .back a.readmore {
    display: flex;
    position: absolute;
    bottom: 15px;
    right: 15px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.blogs_and_news .newssliders .back a.readmore::after {
    content: "";
    display: flex;
    margin-left: 8px;
    width: 15px;
    height: 15px;
    background: url(../public/images/rightarrowwhite.png) no-repeat;
    background-size: 100%;
}
/* footer css starts here */
footer {
    width: 100%;
    position: relative;
    background: #f2f1ef;
}
footer .footerupper {
    width: 100%;
    height: 390px;
    background: url(../public/images/footerupper.png) no-repeat;
    background-size: cover;
}
footer .footerbottom {
    width: 100%;
    height: auto;
    background: linear-gradient(180deg, #1a3753 0%, #00182e 100%);
    padding-top: 85px;
}
footer .upperinner {
    width: 100%;
    position: absolute;
    /* padding: 0px 160px; */
    /* max-width: 1170px; */
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 15px;
    padding-top: 40px;
    padding-bottom: 90px;
    background: linear-gradient(95deg, #3887d1 -26.01%, #164877 99.09%);
    box-shadow: -8px -6px 20px 10px rgba(0, 0, 0, 0.3);
}
footer .upperinner h3 {
    color: #fff;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
footer .upperinner p {
    color: #fff;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 900px;
    margin: 0 auto;
    margin-top: 15px;
}
footer .upperinner .buttons {
    width: 100%;
    max-width: 480px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 50px;
}
footer .upperinner .buttons a {
    width: 220px;
    height: 50px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}
footer .upperinner .buttons a.explore {
    border-radius: 8px;
    border: 2px solid #fff;
    box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.15);
    color: #fff;
    font-family: "Gothic A1", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: transparent;
}
footer .upperinner .buttons a.explore:after {
    content: "";
    display: flex;
    width: 15px;
    height: 15px;
    background: url(../public/images/rightarrow.png) no-repeat;
    background-size: 100%;
    margin-left: 5px;
    margin-top: -3px;
}
footer .upperinner .buttons a.request {
    border-radius: 8px;
    background: #f26921;
    border: 2px solid #f26921;
    box-shadow: 0px 4px 5px 4px rgba(0, 0, 0, 0.4);
    color: #fff;
    font-family: "Gothic A1", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
footer .upperinner .buttons a.explore:hover {
    background: #f26921;
    border-color: #f26921;
}
footer .upperinner .buttons a.request:hover {
    background: transparent;
}
footer .mainfooter {
    width: 100%;
    border-top: 1px solid #d4e0ec;
    padding-bottom: 32px;
    padding-top: 12px;
    border-bottom: 1px solid #d4e0ec;
}
footer .mainfooter .inner {
    width: 100%;
    /* padding: 0px 160px; */
    margin: 0 auto;
    display: flex;
}
footer .mainfooter .inner > div {
    width: 33.33%;
    border-right: 1px solid #fff;
    padding: 0 15px;
}
footer .mainfooter .inner > div .title {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 35px;
}
footer .mainfooter .inner > div p {
    margin-top: 13px;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
footer .mainfooter .inner > div a.email {
    display: flex;
    align-items: center;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    margin-bottom: 9px;
    margin-top: 9px;
}
footer .mainfooter .inner > div a.email img {
    margin-right: 5px;
}

footer .mainfooter .inner > div.locations a {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 13px 0;
    border-bottom: 1px solid #d4e0ec;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
footer .mainfooter .inner > div.locations a:after {
    content: "";
    display: flex;
    width: 15px;
    height: 15px;
    background: url(../public/images/rightarrowwhite.png) no-repeat;
    background-size: 100%;
}
footer .mainfooter .inner > div.locations a:last-child {
    border: none;
}
footer .mainfooter .inner > div .subscribebox {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
footer .mainfooter .inner > div .subscribebox .menu {
    display: flex;
    flex-flow: column;
    width: 50%;
    padding-top: 70px;
}
footer .mainfooter .inner > div .subscribebox .menu a {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 15px;
}
footer .mainfooter .inner > div .subscribebox .social {
    /* display: flex;
    margin-top: 15px; */
}
footer .mainfooter .inner > div .subscribebox .social > div:last-child {
    margin-top: 15px;
}
footer .mainfooter .inner > div .subscribebox .social a {
    text-decoration: none;
    margin-right: 8px;
}
footer .mainfooter .inner > div .subscribebox .social a:last-child {
    margin: 0;
}
footer .mainfooter .inner > div .subscribesection .title {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
    text-transform: lowercase;
}
footer .mainfooter .inner > div .subscribesection .title:first-letter {
    text-transform: capitalize;
}
footer .mainfooter .inner > div .subscribesection .searchbox {
    border-radius: 8px;
    background: #486177;
    padding: 10px;
    display: flex;
    align-items: center;
}
footer .mainfooter .inner > div .subscribesection .searchbox input[type="text"] {
    width: calc(100% - 80px);
    border: none;
    outline: none;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: transparent;
    padding-left: 10px;
    align-items: center;
    display: flex;
    padding-top: 4px;
}
footer .mainfooter .inner > div .subscribesection .searchbox input[type="text"]::placeholder {
    color: #fff;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
}
footer .mainfooter .inner > div .subscribesection .searchbox input[type="submit"] {
    width: 67.393px;
    height: 27.162px;
    border-radius: 6px;
    background: #d9d9d9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #072038;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    outline: none;
    border: none;
}
footer .mainfooter .inner > div .subscribesection .unsubscribetxt {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 10px;
    padding-left: 8px;
}
footer .copyright {
    padding: 15px;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}
footer .mainfooter .inner > div:last-child {
    border: none;
}

/* Our locations page css stats here */
.locationsherosec {
    width: 100%;
    position: relative;
    background: #f2f1ef;
}
.locationsherosec > img {
    width: 100%;
    min-height: 600px;
}
.locationsherosec .contentbox {
    position: absolute;
    width: 100%;
    /* padding: 0px 160px; */
    top: 40%;
    transform: translate(0, -50%);
    left: 0;
    right: 0;
    margin: 0 auto;
}
.locationsherosec .contentbox .title {
    color: #fff;
    font-family: "Poppins";
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 63.99px;
    max-width: 865px;
}
.locationsherosec .contentbox .title span {
    color: #f15300;
}
.locationsherosec .contentbox .title span.space {
    color: #4fa4fd;
}
.locationsherosec .contentbox .subtitle {
    color: #fff;
    font-family: "Poppins";
    font-size: 33.25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 9px;
}
.locationsallParent {
    width: 100%;
    background: #f2f1ef;
    padding-bottom: 150px;
}
.locationsallParent > div {
    /* padding: 0px 160px; */
    margin: 0 auto;
}
.locationsallParent .slectbox {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    justify-content: center;
    align-items: center;
}
.locationsallParent .slectbox .text {
    color: #000;
    text-align: center;
    font-family: "Poppins";
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-right: 50px;
}
.locationsallParent .slectbox select {
    appearance: none;
    background: #fc4900;
    background-image: url(../public/images/locationddl.svg);
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    padding: 0.25rem 2rem 0.25rem 0.75rem;
    border-radius: 6px;
    height: 60px;
    color: #ffffff;
    border: none;
    width: 365px;
    color: #fff;
    font-family: "Poppins";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.locationsallParent .locationsbox {
    width: 100%;
    max-width: 100%;
    margin-top: 80px;
}
.locationsallParent .locationsbox .title {
    color: #000;
    text-align: center;
    font-family: "Poppins";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.locationsallParent .locationsbox .siteboxparent {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-top: 25px;
}
.locationsallParent .locationsbox .siteboxparent > div {
    width: 380px;
    border-radius: 22px;
    background: #fff;
    margin-left: 10px;
    margin-right: 10px;
}
.locationsallParent .locationsbox .siteboxparent > div img {
    width: 100%;
    border-radius: 22px 22px 0 0;
}
.locationsallParent .locationsbox .siteboxparent > div .sitename {
    text-align: center;
    margin-top: 16px;
    color: #08080c;
    text-align: center;
    font-family: "Poppins";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.locationsallParent .locationsbox .siteboxparent > div .siteaddress {
    color: #000;
    text-align: center;
    font-family: "Poppins";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    padding: 0 10px;
}
.locationsallParent .locationsbox .siteboxparent > div a.btn {
    border-radius: 8px;
    background: #fc4900;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
    width: 243.053px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: "Gothic A1", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    position: relative;
    margin: 0 auto 0 auto;
    bottom: -30px;
}
.locationsallParent .locationsbox .siteboxparent > div a.btn::after {
    content: "";
    display: flex;
    margin-left: 8px;
    width: 15px;
    height: 15px;
    background: url(../public/images/rightarrowwhite.png) no-repeat;
    background-size: 100%;
}
header.locationdetalgeader {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.locationdetailparent {
    padding-top: 80px;
}
.locationdetailparent .heroarea {
    width: 100%;
    /* padding: 0px 160px; */
    margin: 0 auto;
}
.locationdetailparent .heroarea h1 {
    color: #2b2b2b;
    font-family: "Poppins", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
}
.locationdetailparent .heroarea .locationname {
    color: #2b2b2b;
    font-family: "Poppins", sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
}
.locationdetailparent .heroarea .locationname img {
    margin-top: -4px;
    margin-right: 4px;
}
.locationdetailparent .heroarea .banner {
    width: 100%;
    margin-top: 25px;
}
.locationdetailparent .heroarea .banner img,
.locationdetailparent .heroarea .banner video {
    width: 100%;
}
.locationdetailparent .heroarea .whiteinfobox {
    width: calc(100% - 200px);
    margin: 0 auto;
    position: relative;
    top: -70px;
    border-radius: 19px;
    background: #fff;
    box-shadow: 7px 4px 21px 0px rgba(0, 0, 0, 0.25);
    padding-top: 50px;
    padding-bottom: 36px;
    padding-left: 50px;
    padding-right: 50px;
}
.locationdetailparent .heroarea .whiteinfobox .parent {
    display: flex;
}
.locationdetailparent .heroarea .whiteinfobox .parent > div {
    padding: 20px 30px;
    text-align: center;
    border-right: 1px solid #ff825e;
}
.locationdetailparent .heroarea .whiteinfobox .parent > div:last-child {
    border: none;
}
.locationdetailparent .heroarea .whiteinfobox .parent > div p {
    color: #000;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.locationdetailparent .heroarea .whiteinfobox .parent > div span {
    color: #000;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.locationdetailparent .heroarea .whiteinfobox .btnbox {
    width: 300px;
    margin: 30px auto 0 auto;
    display: flex;
    justify-content: space-between;
}
.locationdetailparent .heroarea .whiteinfobox .btnbox a {
    width: 146.145px;
    height: 45.823px;
    border-radius: 4.063px;
    border: 1px solid #f64e1c;
    color: #f64e1c;
    text-align: center;
    font-family: "Poppins";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
}
.locationdetailparent .heroarea .whiteinfobox .btnbox a.download::after {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../public/images/downloadorange.svg) no-repeat;
    background-size: 100% !important;
    margin-left: 8px;
}
.locationdetailparent .heroarea .whiteinfobox .btnbox a.download:hover {
    background: #f64e1c;
    color: #fff;
}
.locationdetailparent .heroarea .whiteinfobox .btnbox a.download:hover::after {
    background: url(../public/images/downloadwhite.svg) no-repeat;
}

.locationdetailparent .heroarea .whiteinfobox .btnbox a.enquire {
    color: #fff;
    background: #f64e1c;
}
.locationdetailparent .heroarea .whiteinfobox .btnbox a.enquire:after {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #fff;
    display: flex;
    margin-left: 8px;
}
.locationdetailparent .heroarea .whiteinfobox .btnbox a.enquire:hover {
    color: #f64e1c;
    background: transparent;
}
.locationdetailparent .heroarea .whiteinfobox .btnbox a.enquire:hover:after {
    border-left-color: #f64e1c;
}
.locationdetailparent .welcomesec {
    width: 100%;
    /* padding: 0px 160px; */
    margin: 80px auto 80px auto;
    display: flex;
}
.locationdetailparent .welcomesec .contentbox {
    width: 650px;
    padding-right: 10px;
}
.locationdetailparent .welcomesec .contentbox h2 {
    color: #063c75;
    font-family: "Poppins";
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    max-width: 535px;
}
.locationdetailparent .welcomesec .contentbox h2 span {
    color: #f15300;
}
.locationdetailparent .welcomesec .contentbox p {
    color: #000;
    font-family: "Poppins";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 15px;
}
.locationdetailparent .welcomesec .contentbox .featurebox_parent {
    margin-top: 50px;
    position: relative;
}
.locationdetailparent .welcomesec .contentbox .featuresbox {
    display: flex;
    border-bottom: 1px solid #ff825e;
}
.locationdetailparent .welcomesec .contentbox .featurebox_parent > div:first-child {
    margin-bottom: 18px;
    border-bottom: none;
    position: relative;
}
.locationdetailparent .welcomesec .contentbox .featurebox_parent > div:first-child:after {
    content: "";
    display: flex;
    width: 100%;
    position: absolute;
    background: #ff825e;
    bottom: -9px;
    height: 1px;
}
.locationdetailparent .welcomesec .contentbox .featuresbox:nth-last-child(2) {
    margin-top: 15px;
    margin-bottom: 7px;
    padding-bottom: 7px;
}
.locationdetailparent .welcomesec .contentbox .featuresbox:last-child {
    border: none;
}
.locationdetailparent .welcomesec .contentbox .featuresbox > div {
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #ff825e;
    flex-flow: column;
    width: 33.33%;
    padding: 0 16px;
}
.locationdetailparent .welcomesec .contentbox .featuresbox > div:last-child {
    border: none;
}
.locationdetailparent .welcomesec .contentbox .featuresbox > div p {
    padding-bottom: 10px;
    color: #000;
    text-align: center;
    font-family: "Poppins";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}
.locationdetailparent .welcomesec .imagebox {
    width: calc(100% - 650px);
}
.locationdetailparent .welcomesec .imagebox img {
    width: 100%;
}
.scheduleatourparet {
    width: 100%;
    justify-content: center;
    display: flex;
    background: #063c75;
    padding: 43px 0;
}
.scheduleatourparet > div {
    width: 100%;
    /* padding: 0px 160px; */
    display: flex;
}
.scheduleatourparet > div .mapbox {
    width: 50%;
    padding-right: 20px;
}
.scheduleatourparet > div .mapbox iframe {
    width: 100%;
    border-radius: 10px;
    height: calc(100% - 20px);
}
.scheduleatourparet > div .mapbox img {
    width: 100%;
}
.scheduleatourparet > div .formbox {
    width: 40%;
}
.scheduleatourparet > div .formbox .heading {
    margin-bottom: 20px;
    color: #fff;
    font-family: "Poppins";
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.scheduleatourparet > div .formbox .heading span {
    color: #ff965f;
}
.scheduleatourparet > div .formbox form {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.scheduleatourparet > div .formbox form input,
.scheduleatourparet > div .formbox form textarea {
    width: 100%;
    height: 36px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(0px);
    color: #31302f;
    font-family: "Poppins";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.scheduleatourparet > div .formbox form textarea {
    color: #fff;
}
.scheduleatourparet > div .formbox form textarea {
    background: transparent;
    border: 1px solid #fff;
    height: 98px;
}
.scheduleatourparet > div .formbox form textarea::placeholder {
    color: #fff !important;
}
.scheduleatourparet > div .formbox form label {
    color: #d2d2d2;
    font-family: "Poppins";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    width: 100%;
}
.scheduleatourparet > div .formbox form > div {
    margin-bottom: 20px;
    width: 100%;
}
.scheduleatourparet > div .formbox form select {
    appearance: none;
    height: 36px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(0px);
    color: #fff;
    font-family: "Poppins";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background-image: url(../public/images/ddlenquirytype.png);
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    padding: 0.25rem 2rem 0.25rem 0.75rem;
    width: 100%;
}
.scheduleatourparet > div .formbox form .fifty {
    width: calc(50% - 30px);
}
.scheduleatourparet > div .formbox form .consentbox {
    display: flex;
    color: #fff;
    font-family: "Poppins";
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    align-items: flex-start;
}
.scheduleatourparet > div .formbox form .consentbox a {
    text-decoration: underline;
    color: #fff;
    font-family: "Poppins";
    font-size: 11.519px;
    font-style: normal;
    font-weight: 300;
}
.scheduleatourparet > div .formbox form input[type="submit"] {
    width: 193.564px;
    height: 46.596px;
    border-radius: 7.679px;
    background: #f26921;
    box-shadow: 0px 3.83975px 4.79969px 3.83975px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: "Gothic A1";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
}
.scheduleatourparet > div .formbox form input[type="checkbox"] {
    width: auto;
    height: auto;
    margin-right: 10px;
    margin-top: 3px;
}
.explorebox {
    padding: 0px 160px;
    margin: 50px auto 50px auto;
}
.explorebox h3 {
    color: #f15300;
    font-family: "Poppins";
    font-size: 52px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}
.explorebox h3 span {
    color: #063c75;
    margin-bottom: 30px;
}
.explorebox .videobox {
    position: relative;
    width: 100%;
    margin-top: 30px;
}
.explorebox .videobox img,
.explorebox .videobox video {
    width: 100%;
}
.infrastructurebox {
    width: 100%;
    /* padding: 0px 160px; */
    margin: 50px auto 50px auto;
}
.infrastructurebox h3 {
    color: #f15300;
    font-family: "Poppins";
    font-size: 52px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    max-width: 949px;
    margin: 0 auto;
}
.infrastructurebox h3 span {
    color: #063c75;
    margin-bottom: 30px;
}
.infrastructurebox .tabbutton {
    display: flex;
    justify-content: center;
    margin: 0 autos;
    margin-top: 25px;
}
.infrastructurebox .tabbutton a {
    width: 200px;
    border-radius: 57px;
    border: 1px solid #f15300;
    background: #fff;
    color: #f15300;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    margin-right: 10px;
    margin-left: 10px;
}
.infrastructurebox .tabbutton a.active,
.infrastructurebox .tabbutton a:hover {
    background: #f15300;
    color: #fff;
}
.infrastructurebox .tabbox {
    margin-top: 50px;
    width: 100%;
    position: relative;
}
.infrastructurebox .tabbox > div {
    display: none;
}
.infrastructurebox .tabbox > div img {
    width: 100%;
}
.parkgallery {
    width: 100%;
    background: #f2f2f2;
    padding: 40px 0;
}
.parkgallery > div {
    width: 100%;
    /* padding: 0px 160px; */
    margin: 0 auto;
}
.parkgallery > div h3 {
    color: #f15300;
    font-family: "Poppins";
    font-size: 52px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    margin: 0 auto;
}
.parkgallery > div h3 span {
    color: #1b3a5a;
}
.parkgallery > div .item_imgbox {
    width: 100%;
    margin-top: 30px;
    display: flex;
}
.parkgallery > div .item_imgbox .menuarea {
    width: 450px;
    background: #165fac;
    border-radius: 20px 0 0 20px;
    padding: 15px 15px 15px 0;
}
.parkgallery > div .item_imgbox .menuarea ul {
    list-style: none;
}
.parkgallery > div .item_imgbox .menuarea ul li {
    position: relative;
    cursor: pointer;
    color: #fbfbfd;
    font-family: "Poppins";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 75px;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    padding-left: 15px;
}
.parkgallery > div .item_imgbox .menuarea ul li:last-child {
    border: navajowhite;
}
.parkgallery > div .item_imgbox .menuarea ul li.active:after {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #165fac;
    display: flex;
    margin-left: 8px;
    position: absolute;
    right: -25px;
    top: 10px;
}
.parkgallery > div .item_imgbox .sliderarea {
    width: 750px;
    padding-left: 13px;
    display: flex;
    position: relative;
}
.parkgallery > div .item_imgbox .sliderarea > div {
    width: 100%;
    height: 100%;
    display: none;
}
.parkgallery > div .item_imgbox .sliderarea > div img {
    height: 100%;
    width: 100%;
}
.parkgallery > div .item_imgbox .sliderarea > div ul.slick-dots {
    position: absolute;
    z-index: -1;
    visibility: hidden;
}
.parkgallery > div .item_imgbox .sliderarea > div button.slick-prev,
.parkgallery > div .item_imgbox .sliderarea > div button.slick-next {
    position: absolute;
    top: 50%;
    font-size: 0;
    width: 40px;
    height: 40px;
    background-size: 100% !important;
    border: none;
    cursor: pointer;
    right: 10px;
    transform: translate(0, -50%);
    z-index: 9;
}
.parkgallery > div .item_imgbox .sliderarea > div button.slick-prev {
    left: 10px;
    right: auto;
    background: url(../public/images/leagueprev.png) no-repeat;
}
.parkgallery > div .item_imgbox .sliderarea > div button.slick-next {
    background: url(../public/images/leaguenext.png) no-repeat;
}
.theonestopsec {
    margin-top: 43px;
}
.theonestopsec h3 {
    max-width: 949px;
    margin: 0 auto;
    color: #1b3a5a;
    text-align: center;
    font-family: "Poppins";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.theonestopsec h3 span {
    color: #f15300;
}
.theonestopsec p {
    margin: 32px auto;
    max-width: 1100px;
    color: #000;
    text-align: center;
    font-family: "Poppins";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.theonestopsec a {
    border-radius: 8.897px;
    background: #165fac;
    box-shadow: 0px 4.44837px 4.44837px 0px rgba(0, 0, 0, 0.2);
    width: 250px;
    height: 60px;
    color: #fff;
    font-family: "Poppins";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.theonestopsec a:after {
    content: "";
    display: flex;
    margin-left: 8px;
    width: 15px;
    height: 15px;
    background: url(../public/images/rightarrowwhite.png) no-repeat;
    background-size: 100%;
}
.threedstyle {
    margin: 0 auto;
    margin-top: 80px;
    width: 100%;
    /* padding: 0px 160px; */
    display: flex;
    align-items: flex-end;
}
.threedstyle > div {
    width: 50%;
    height: 550px;
}
.threedstyle .bluebox {
    height: 450px;
    padding: 50px 50px 35px 50px;
    position: relative;
    display: flex;
    flex-flow: column;
    background: #165fac;
}
.threedstyle .bluebox .heading {
    color: #fff;
    font-family: "Poppins";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.threedstyle .bluebox .subheading {
    margin-top: 19px;
    color: #fff;
    font-family: "Poppins";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.threedstyle .bluebox p,
.threedstyle .bluebox ul li {
    color: #fff;
    font-family: "Poppins";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}
.threedstyle .bluebox a {
    border-radius: 8.897px;
    background: #f26921;
    box-shadow: 0px 4.44837px 4.44837px 0px rgba(0, 0, 0, 0.2);
    width: 200px;
    height: 50px;
    margin-top: auto;
    color: #fff;
    font-family: "Poppins";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
}
.threedstyle .bluebox a:after {
    content: "";
    display: flex;
    margin-left: 8px;
    width: 15px;
    height: 15px;
    background: url(../public/images/rightarrowwhite.png) no-repeat;
    background-size: 100%;
}
.threedstyle .bluebox ul {
    /* list-style: none; */
    margin-left: 25px;
    margin-bottom: 10px;
}
.threedstyle .yellowbox {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f26921;
}
.accessbilitysec {
    width: 100%;
    /* padding: 0px 160px; */
    margin: 100px auto;
    display: flex;
}
.accessbilitysec .namesec {
    width: 40%;
    padding-right: 80px;
}
.accessbilitysec .namesec .title {
    color: #f15300;
    font-family: "Poppins";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.accessbilitysec .namesec .name {
    color: #165fac;
    font-family: "Poppins";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.accessbilitysec .namesec a {
    width: 150px;
    height: 50px;
    border-radius: 5.968px;
    border: 0.995px solid #f64e1c;
    background: #f64e1c;
    box-shadow: 2.8602px 2.8602px 3.57525px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    font-family: "Poppins";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration: none;
    margin-top: 33px;
}
.accessbilitysec .namesec a:after {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #fff;
    display: flex;
    margin-left: 8px;
}
.accessbilitysec .descriptionparent {
    width: 60%;
    padding-top: 30px;
}
.accessbilitysec .descriptionparent .buttons {
    display: flex;
    padding-left: 40px;
}
.accessbilitysec .descriptionparent .buttons a {
    border: 1.183px solid #f15300;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
    width: 100%;
    color: #f15300;
    font-family: "Poppins";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #f15300;
    background: transparent;
}
.accessbilitysec .descriptionparent .buttons a.location:before {
    content: "";
    width: 27px;
    height: 36px;
    background: url(../public/images/location.svg) no-repeat;
    background-size: 100% !important;
    margin-right: 10px;
}
.accessbilitysec .descriptionparent .buttons a.location:hover:before,
.accessbilitysec .descriptionparent .buttons a.location.active:before {
    background: url(../public/images/locationwhite.svg) no-repeat;
}
.accessbilitysec .descriptionparent .buttons a:hover,
.accessbilitysec .descriptionparent .buttons a.active {
    color: #fff;
    background: #f15300;
}
.accessbilitysec .descriptionparent .buttons a.transportations {
    border-left: none;
}
.accessbilitysec .descriptionparent .buttons a.transportations:before {
    content: "";
    width: 28px;
    height: 36px;
    background: url(../public/images/transportationorage.svg) no-repeat;
    background-size: 100% !important;
    margin-right: 10px;
}
.accessbilitysec .descriptionparent .buttons a.transportations:hover:before,
.accessbilitysec .descriptionparent .buttons a.transportations.active:before {
    background: url(../public/images/transportation.svg) no-repeat;
    background-size: 100%;
}
.accessbilitysec .descriptionparent .content {
    margin-top: 46px;
    display: none;
    padding-left: 58px;
}
.accessbilitysec .descriptionparent .content ul li {
    color: #424242;
    font-family: "Poppins";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.locationsherosec .contentbox .subtitle.bloglisbannersubtitle {
    max-width: 700px;
}
.locationsherosec .contentbox .othertitle {
    font-family: "Poppins";
    color: #fff;
    font-size: 26.143px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.listpagemainheading {
    color: #165fac;
    text-align: center;
    font-family: "Poppins";
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: relative;
    z-index: 9;
    margin-top: -35px;
}
.listpagemainheading span {
    color: #f15300;
}
.listpagecategorybox {
    width: 100%;
    padding: 0px 160px;
    margin: 40px auto 0 auto;
    display: flex;
    flex-flow: row wrap;
    /* justify-content: space-between; */
}
.listpagecategorybox a {
    display: flex;
    border-radius: 70px;
    border: 1px solid #f15300;
    height: 75px;
    color: #525559;
    text-align: center;
    font-family: "Poppins";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    margin-bottom: 30px;
    padding: 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* flex-grow: 1; */
    margin-right: 15px;
}
.listpagecategorybox a.active,
.listpagecategorybox a:hover {
    background: #f15300;
    color: #fff;
}
.listpageblogparent {
    width: 100%;
    position: relative;
    margin-bottom: 80px;
}
.listpageblog {
    width: 100%;
    background: #ededed;
    border-bottom: 1px solid #c6c6c6;
}
.listpageblog.searchpage {
    border: none;
}
.listpageblog:last-child {
    border: navajowhite;
}
.listpageblog > div {
    width: 100%;
    padding: 0px 160px;
    margin: 0 auto;
    padding: 50px 0;
    display: flex;
    /* align-items: flex-start; */
}
.listpageblog.searchpage > div {
    border-bottom: 1px solid #c6c6c6;
}
.listpageblog.searchpage > div:last-child {
    border: none;
}
.listpageblog > div > img {
    width: 300px;
    height: 300px;
    object-fit: cover;
}

.listpageblog > div .contentarea {
    display: flex;
    flex-flow: column;
    margin-left: 30px;
    width: calc(100% - 330px);
}
.listpageblog > div .contentarea .date {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: auto;
    background: #165fac;
    color: #fff;
    text-align: center;
    font-family: "Poppins";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px;
    max-width: 100px;
    position: relative;
    top: 5px;
}
.listpageblog > div .contentarea .bannertitle {
    color: #08080c;
    text-align: left;
    font-family: "Poppins";
    font-size: 26.895px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 5px;
}
.listpageblog.searchpage > div .contentarea  {
    margin-left: 0;
}
.listpageblog.searchpage > div .contentarea {
    width: 100%;
}
.listpageblog > div .contentarea .bannertitle a {
    color: #08080c;
}
.listpageblog > div .contentarea .text {
    color: #706d6d;
    font-family: "Poppins";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}
.listpageblog > div .contentarea .readmoreparent,
.blogdetailhero .readmoreparent {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    align-items: center;
}
.listpageblog > div .contentarea .readmoreparent .readtime,
.blogdetailhero .readmoreparent .readtime {
    display: flex;
    align-items: center;
    color: #000;
    text-align: center;
    font-family: "Poppins";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.listpageblog > div .contentarea .readmoreparent .readtime svg,
.blogdetailhero .readmoreparent .readtime svg {
    margin-right: 6px;
}
.listpageblog > div .contentarea .readmoreparent a.readmore {
    width: 163.899px;
    height: 40px;
    border-radius: 4.557px;
    border: 0.759px solid #f64e1c;
    box-shadow: 2.1838px 2.1838px 2.72975px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #f64e1c;
    text-align: center;
    font-family: "Poppins";
    font-size: 15.586px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.blogbannerbox {
    background: #fff;
}
.blogsparent {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    display: flex;
    padding: 0px 160px;
}
.blogsparent .listingparent {
    padding-right: 20px;
    width: 70%;
    position: relative;
}
.blogsparent .listingparent:after {
    content: "";
    width: 1px;
    position: absolute;
    right: 0;
    background: #c6c6c6;
    height: calc(100% - 76px);
    display: flex;
    top: 0;
}
.blogsparent .listingparent .list {
    display: flex;
    padding-bottom: 50px;
    display: flex;
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 0;
}
.blogsparent .listingparent .list:last-child {
    border: none;
}
.blogsparent .listingparent .list .imagebox {
    width: 40%;
    border-radius: 22px;
    position: relative;
}
.blogsparent .listingparent .list .imagebox:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    /* background: linear-gradient(133deg, #000 1.93%, rgba(0, 0, 0, 0.00) 100%); */
    opacity: 0.6;
    display: block;
    top: 0px;
    z-index: 1;
    border-radius: 22px;
}
.blogsparent .listingparent .list .imagebox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 22px;
}
.blogsparent .listingparent .list .contentarea {
    width: 100%;
    padding-left: 0;
    display: flex;
    flex-flow: column;
}
.blogsparent .listingparent .list .contentarea .title,
.blogsparent .listingparent .list .contentarea h1,
.blogsparent .listingparent .list .contentarea h2,
.blogsparent .listingparent .list .contentarea h3,
.blogsparent .listingparent .list .contentarea h4,
.blogsparent .listingparent .list .contentarea h5,
.blogsparent .listingparent .list .contentarea h6 {
    color: #000 !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-family: "Poppins" !important;
    font-weight: 700 !important;
    line-height: normal !important;
    margin-bottom: 15px !important;
}
.blogsparent .listingparent .list .contentarea .text,
.blogsparent .listingparent .list .contentarea p,
.blogsparent .listingparent .list .contentarea p span,
.blogsparent .listingparent .list .contentarea span {
    color: #706d6d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    font-family: "Poppins";
    margin-bottom: 15px;
}
.blogsparent .listingparent .list .contentarea a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 163.899px;
    height: 51.39px;
    border-radius: 4.557px;
    border: 1px solid #f64e1c;
    box-shadow: 2.1838px 2.1838px 2.72975px 0px rgba(0, 0, 0, 0.25);
    color: #f64e1c;
    text-align: center;
    font-size: 15.586px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: auto;
    text-decoration: none;
}
.blogsparent .sidebar {
    width: 30%;
    padding-left: 16px;
    padding-top: 0;
}
.blogsparent .sidebar .title {
    font-family: "Poppins";
    margin-bottom: 8px;
    color: #165fac;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.blogsparent .sidebar .categories {
    display: flex;
    flex-flow: column;
    margin-bottom: 30px;
}
.blogsparent .sidebar .categories a {
    font-family: "Poppins";
    white-space: nowrap;
    display: flex;
    align-items: center;
    margin-bottom: 6px;
    color: #525559;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
    margin-bottom: 15px;
}
.blogsparent .sidebar .categories a:before {
    display: flex;
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 6px;
    background: #c4c4c4;
    margin-right: 8px;
}
.blogsparent .sidebar .featured {
    margin-bottom: 12px;
    display: flex;
    background: #ededed;
}
.blogsparent .sidebar .featured .imagebox {
    width: 104.136px;
    height: 92.086px;
    margin-right: 8px;
}
.blogsparent .sidebar .featured .imagebox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blogsparent .sidebar .featured .contentarea {
    width: calc(100% - 105px);
    padding: 6px 10px 8px 0;
    display: flex;
    flex-flow: column;
}
.blogsparent .sidebar .featured .contentarea .date {
    display: flex;
    justify-content: space-between;
    color: #000;
    text-align: center;
    font-size: 13.05px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 5px;
    font-family: "Poppins";
}
.blogsparent .sidebar .featured .contentarea .date span {
    color: #737373;
    text-align: center;
    font-size: 9.089px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.blogsparent .sidebar .featured .contentarea .featuredtitle {
    color: #08080c;
    font-size: 16.663px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    font-family: "Poppins";
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blogsparent .sidebar .featured .contentarea a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72.715px;
    height: 22.799px;
    border-radius: 3px;
    border: 1px solid #f64e1c;
    background: #f64e1c;
    box-shadow: 0.96886px 0.96886px 1.21107px 0px rgba(0, 0, 0, 0.25);
    color: #fff;
    text-align: center;
    font-size: 8px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: auto;
    text-decoration: none;
    font-family: "Poppins";
}
.relatedblogsec {
    margin-top: 25px;
    background: #f2f2f2;
    padding-top: 27px;
    padding-bottom: 50px;
}
.relatedPostsec {
    width: 100%;
    padding: 0px 160px;
    margin: 0 auto;
}
.relatedPostsec .title {
    color: #304770;
    font-family: "Poppins";
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
    line-height: normal;
}
.relatedPostsec .blogsparent {
    display: flex;
    /* justify-content: space-between; */
    width: 100%;
    margin: 0;
}
.relatedPostsec .blogsparent > div {
    width: 100%;
}
.relatedPostsec .blogsparent > div {
    width: calc(33.33% - 20px);
    border-radius: 20px;
    height: auto;
    position: relative;
    filter: drop-shadow(5.200122833251953px 4.160098075866699px 10.400245666503906px rgba(0, 0, 0, 0.25));
    background: #ffffff;
    margin-left: 10px;
    margin-right: 10px;
}
.relatedPostsec .blogsparent > div .slick-slide {
    /* padding: 15px; */
}
.relatedPostsec .blogsparent > div img {
    width: 100%;
    object-fit: cover;
    height: 340px;
    border-radius: 20px 20px 0 0;
}
.relatedPostsec .blogsparent > div .uppercontent {
    position: relative;
    width: 100%;
    bottom: 0;
    padding: 0 15px 25px 15px;
    background: #ffffff;
    border-radius: 0 0 20px 20px;
}
.relatedPostsec .blogsparent > div .uppercontent .date {
    color: #252525;
    text-align: left;
    font-family: "Poppins";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
}
.relatedPostsec .blogsparent > div .uppercontent .title {
    color: #0e0e0e;
    font-family: "Poppins";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    max-width: calc(100% - 120px);
    margin-bottom: 0;
}
.relatedPostsec .blogsparent > div .uppercontent .detailbtn_text {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 8.725px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    justify-content: space-between;
}
.relatedPostsec .blogsparent > div .uppercontent .detailbtn_text a {
    width: 100px;
    height: 35px;
    border-radius: 4.557px;
    border: 0.759px solid #f64e1c;
    box-shadow: 2.1838px 2.1838px 2.72975px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #f64e1c;
    text-align: center;
    font-family: "Poppins";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    position: absolute;
    bottom: 25px;
    right: 15px;
}
.blogdetailhero {
    width: 100%;
    padding: 0px 160px;
    margin: 57px auto 57px auto;
}
.blogdetailhero .readmoreparent .date {
    color: #000;
    text-align: center;
    font-family: "Poppins";
    font-size: 17.035px;
    font-style: normal;
    font-weight: 600;
}
.blogdetailhero .readmoreparent {
    margin-top: 0;
}
.blogdetailhero .heading {
    color: #08080c;
    text-align: left;
    font-family: "Poppins";
    font-size: 46.895px;
    font-style: normal;
    font-weight: 600;
    margin-top: 10px;
}
.blogdetailhero .banner {
    width: 100%;
    margin-top: 11px;
}
.blogdetailhero .banner img {
    width: 100%;
    min-height: 620px;
    object-fit: cover;
}

.specialitiespagehero {
    background: #fff;
}
.specialitiespagehero .contentbox {
    display: flex;
}
.specialitiespagehero .contentbox .contentsec {
    width: 100%;
    max-width: 400px;
}
.specialitiespagehero .contentbox .contentsec p {
    color: #063c75;
    font-family: "Poppins";
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.specialitiespagehero .contentbox .contentsec h2 {
    color: #f15300;
    font-family: "Poppins";
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.specialitiespagehero .imagearea {
    width: 100%;
    max-width: calc(100% - 490px);
    padding-top: 46px;
}
.specialitiespagehero .imagearea img {
    width: 100%;
    border-radius: 30px;
}
.specialitiespagehero .contentbox {
    top: 0;
    transform: none;
    position: relative;
}
.locationsherosec.specialitiespagehero > div {
    position: absolute;
    width: 100%;
    /* padding: 0px 160px; */
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
}
.locationsherosec.specialitiespagehero > div .contentbox {
    /* max-width: 400px; */
    padding-top: 120px;
}
.YourTransportationtitle {
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
    text-align: center;
    color: #063c75;
    text-align: center;
    font-family: "Poppins";
    font-size: 50.286px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.YourTransportationtitle span {
    color: #f15300;
}
.YourTransportationsubtitle {
    max-width: 1050px;
    margin: 0 auto;
    color: #000;
    text-align: center;
    font-family: "Poppins";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.transportationmanagementboxparent {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    padding-top: 40px;
    /* padding: 0px 160px; */
    margin: 0 auto;
    margin-top: 80px;
}
.transportationmanagementboxparent > div {
    width: 25%;
    margin-bottom: 80px;
    display: flex;
    justify-content: center;
}
.transportationmanagementboxparent div i {
    width: 40px;
    height: 40px;
    background: url(../public/images/checkicon.svg) no-repeat;
    background-size: 100%;
    margin-right: 5px;
}
.transportationmanagementboxparent div .stepcontent {
    width: calc(100% - 45px);
    max-width: 240px;
}
.transportationmanagementboxparent div .stepcontent .title {
    color: #000;
    font-family: "Poppins";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.transportationmanagementboxparent div .stepcontent p {
    color: #000;
    font-family: "Poppins";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 8px;
}
.takeboxparent {
    width: 100%;
    background: #f2f2f2;
    padding: 45px 0;
}
.takeboxparent > div {
    width: 100%;
    /* padding: 0px 160px; */
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.takeboxparent > div .textarea {
    width: 100%;
    max-width: 450px;
}
.takeboxparent > div .textarea h3 {
    color: #063c75;
    font-family: "Poppins", sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.takeboxparent > div .textarea h3 span {
    color: #f15300;
}
.takeboxparent > div .textarea p {
    padding-top: 20px;
    color: #000;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.takeboxparent > div .textarea p:after {
    content: "";
    width: 100%;
    height: 2px;
    background: url(../public/images/takeboxparentline.svg) no-repeat;
    background-size: 100%;
    margin-top: 20px;
    display: flex;
}
.takeboxparent > div .imagearea {
    padding-left: 60px;
    width: calc(100% - 450px);
}
.takeboxparent > div .imagearea img {
    width: 100%;
}
.valueaddedbox {
    width: 100%;
    padding: 60px 0;
    background: #fff;
}
.valueaddedbox > div {
    width: 100%;
    /* padding: 0px 160px; */
    margin: 0 auto;
}
.valueaddedbox > div h3 {
    color: #063c75;
    text-align: center;
    font-family: "Poppins";
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    max-width: 830px;
    margin: 0 auto;
}
.valueaddedbox > div h3 span {
    color: #f15300;
}
.valueaddedbox > div .subtitle {
    max-width: 950px;
    margin: 0 auto;
    color: #000;
    text-align: center;
    font-family: "Poppins";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 15px;
}
.valueaddedbox .buildtosuithome .acc {
    padding-top: 26px;
    box-shadow: 2px 1px 18px 0px rgba(0, 0, 0, 0.2);
    padding: 0 15px;
    border: none;
    border-radius: 12px;
}
.valueaddedbox .buildtosuithome .acc .acc-head {
    padding: 0;
}
.valueaddedbox .buildtosuithome .acc .acc-head p {
    color: #313131;
    font-family: "Poppins";
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 15px 0;
}
.valueaddedbox .acc-content {
    padding: 0;
    padding-bottom: 15px;
}
.valueaddedbox .buildtosuithome .acc-content > div p {
    max-width: calc(100% - 480px);
}
.askexpertparent {
    width: 100%;
    background: #f2f2f2;
    padding: 80px 0;
}
.askexpertparent > div {
    width: 100%;
    /* padding: 0px 160px; */
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.askexpertparent > div .imagearea {
    width: 100%;
    max-width: 550px;
}
.askexpertparent > div .imagearea img {
    width: 100%;
    border-radius: 20px;
}
.askexpertparent > div .textareabox {
    width: calc(100% - 650px);
    padding-top: 25px;
}
.askexpertparent > div .textareabox h3 {
    color: #000;
    font-family: "Poppins";
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.askexpertparent > div .textareabox p {
    margin-top: 18px;
    color: #333131;
    font-family: "Poppins";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.askexpertparent > div .textareabox .contactbox {
    margin-top: 50px;
    display: flex;
}
.askexpertparent > div .textareabox .contactbox a {
    display: flex;
    margin-right: 18px;
    align-items: center;
    color: #000;
    font-family: "Poppins";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}
.askexpertparent > div .textareabox .contactbox a svg {
    margin-right: 5px;
}
.askexpertparent > div .textareabox a.enquirebtn {
    width: 146.145px;
    height: 45.823px;
    border-radius: 4.063px;
    border: 1px solid #f64e1c;
    color: #fff;
    text-align: center;
    font-family: "Poppins";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f64e1c;
    margin-top: 25px;
}
.askexpertparent > div .textareabox a.enquirebtn:after {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #fff;
    display: flex;
    margin-left: 8px;
}
.specialitiespagehero.servicespagehero > div .contentbox {
    /* padding: 0px 160px; */
}
.specialitiespagehero.servicespagehero > div .contentbox .contentsec {
    max-width: 100%;
}
.specialitiespagehero.servicespagehero > div .contentbox .contentsec h2 {
    margin-top: 10px;
}
.specialitiespagehero.servicespagehero > div .contentbox .contentsec h2 span {
    color: #fff;
}
.specialitiespagehero.servicespagehero > div .contentbox .contentsec h2 span.blue {
    color: #4fa4fd;
}
.specialitiespagehero.servicespagehero > div .contentbox .contentsec p {
    color: #fff;
}
.specialitiespagehero.servicespagehero > div .contentbox .contentsec p strong {
    color: #c0c0c0;
}
.specialitiespagehero.servicespagehero > div .contentbox a {
    width: 200.054px;
    height: 75.129px;
    border-radius: 8.346px;
    background: #165fac;
    box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    font-family: "Poppins";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 33px;
    margin-left: 25px;
}
.specialitiespagehero.servicespagehero > div .contentbox a:after {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #fff;
    display: flex;
    margin-left: 8px;
}
.businessweserve {
    width: 100%;
    /* padding: 0px 160px; */
    margin: 0 auto;
    position: relative;
}
.businessweserve h2 {
    color: #f15300;
    text-align: center;
    font-family: "Poppins";
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}
.businessweserve h2 span {
    color: #063c75;
}
.businessweserve .slides {
    width: 100%;
    position: relative;
    margin-top: 50px;
}
.businessweserve .slides .threedstyle {
    display: flex;
    margin-top: 0;
}
.businessweserve .slides .slick-track {
    display: flex;
    gap: 20px;
}
.businessweserve .slides .slick-list {
    padding: 0 20% 0 0;
}
.businessweserve .slides .threedstyle .yellowbox {
    background: transparent;
}
.businessweserve .slides .threedstyle .yellowbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.businessweserve .slides .threedstyle:nth-child(odd) .bluebox {
    background: #f26921;
}
.businessweserve .slides .threedstyle .bluebox {
    padding: 50px 15px 35px 10px;
}
.businessweserve .slides .threedstyle .bluebox .subheading {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400;
}
.businessweserve .slides button.slick-prev,
.businessweserve .slides button.slick-next {
    position: absolute;
    bottom: 30px;
    font-size: 0;
    width: 21px;
    height: 41px;
    background: url(../public/images/businesssliderprev.png) no-repeat;
    background-size: 100% !important;
    border: none;
    cursor: pointer;
    left: 30px;
    z-index: 9;
}
.businessweserve .slides button.slick-next {
    left: 90px;
    background: url(../public/images/businessslidernext.png) no-repeat;
}
.businessweserve .countofslides {
    position: absolute;
    bottom: 29px;
    left: 120px;
    color: #fff;
    font-family: "Poppins";
    font-size: 28.156px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    z-index: 9;
}
.spaces {
    width: 100%;
    margin-top: 80px;
    padding-top: 18px;
    background: #ededed;
    padding-bottom: 40px;
}
.spaces h3 {
    max-width: 1170px;
    color: #063c75;
    text-align: center;
    font-family: "Poppins";
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 auto;
}
.spaces h3 span {
    color: #f15300;
}
.spaces .boxesparent {
    margin: 0 auto;
    margin-top: 50px;
    width: 100%;
    /* padding: 0px 160px; */
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.spaces .boxesparent > div {
    width: calc(33% - 15px);
    border-radius: 22px;
    background: #fff;
    margin-bottom: 47px;
}
.spaces .boxesparent > div img {
    width: 100%;
    border-radius: 22px 22px 0 0;
    height: 337px;
    object-fit: cover;
}
.spaces .boxesparent > div .contentpart {
    padding: 23px 55px 42px 55px;
}
.spaces .boxesparent > div .contentpart .title {
    color: #08080c;
    text-align: center;
    font-family: "Poppins";
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
}
.spaces .boxesparent > div .contentpart .text {
    color: #000;
    text-align: center;
    font-family: "Poppins";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.whatitmeantparent {
    margin-top: 50px;
    width: 100%;
}
.whatitmeantparent h3 {
    color: #000;
    text-align: center;
    font-family: "Poppins";
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 57px;
    width: 777px;
    margin: 0 auto;
}
.whatitmeantparent p {
    color: #000;
    text-align: center;
    font-family: "Poppins";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.36px;
    max-width: 820px;
    margin: 0 auto;
    margin-top: 20px;
}
.whatitmeantparent > a.download {
    width: 146.145px;
    height: 45.823px;
    border-radius: 4.063px;
    border: 1px solid #f64e1c;
    color: #fff;
    text-align: center;
    font-family: "Poppins";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f64e1c;
    margin: 0 auto;
    margin-top: 27px;
}
.whatitmeantparent > a.download:after {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../public/images/downloadwhite.svg) no-repeat;
    background-size: 100% !important;
    margin-left: 8px;
}
.whatitmeantparent .findoutparent {
    width: 100%;
    /* padding: 0px 160px; */
    margin: 0 auto;
    margin-top: 80px;
}
.whatitmeantparent .findoutparent h4 {
    color: #000;
    text-align: center;
    font-family: "Poppins";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
}
.whatitmeantparent .findoutparent > div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 38px;
    margin-bottom: 100px;
}
.whatitmeantparent .findoutparent > div div {
    width: 31%;
    position: relative;
    box-shadow: 5px 4px 12px 0px rgba(0, 0, 0, 0.25);
}
.whatitmeantparent .findoutparent > div div img {
    width: 100%;
    display: block;
}
.whatitmeantparent .findoutparent > div div a {
    padding: 25px 15px;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    color: #fff;
    text-align: center;
    font-family: "Poppins";
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 29px;
    background: #165fac;
    align-items: center;
}
.whatitmeantparent .findoutparent > div div a:after {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #fff;
    display: flex;
}
.whatitmeantparent .findoutparent > div div a:hover {
    background: #f64e1c;
}
.specialitiespagehero.servicespagehero.clientsherosl > div .contentbox .contentsec h2 {
    margin-top: 0;
    font-size: 57px;
}
.specialitiespagehero.servicespagehero.clientsherosl > div .contentbox .contentsec h2 + p {
    max-width: 611px;
    font-size: 30px;
}
.specialitiespagehero.servicespagehero.clientsherosl > div .contentbox {
    padding-top: 0;
}
.specialitiespagehero.servicespagehero.clientsherosl > div {
    top: 40%;
    transform: translate(0, -50%);
}
.yourtransportationtext {
    color: #063c75;
    text-align: center;
    font-family: "Poppins";
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    max-width: 1170px;
    margin: 0 auto;
}
.yourtransportationtext span {
    color: #f15300;
}
.yourtransportationtextsub {
    color: #000;
    text-align: center;
    font-family: "Poppins";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 20px;
}
.brandsparent {
    width: 100%;
    background: #f26921;
    margin-top: 100px;
    padding: 100px 0;
}
.brandsparent h3 {
    color: #fff;
    font-family: "Poppins";
    font-size: 90px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}
.brandsparent > div {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    /* padding: 0px 160px; */
    margin: 0 auto;
    align-items: center;
}
.ourclientshome .slidrparent a > img {
    max-width: 100%;
}
.brandsparent > div img {
    display: flex;
    margin-right: 30px;
    margin-top: 60px;
    max-width: 200px;
}
.clienttestimonial {
    width: 100%;
    position: relative;
    background: url(../public/images/clienttestimonialbg.png) no-repeat;
    background-size: cover;
    padding: 54px 0 100px 0;
}
.clienttestimonial .testmonialshome {
    margin-top: 0;
}
.clienttestimonial .testmonialshome h3 {
    color: #fff;
    font-weight: 700;
}
.clienttestimonial .testmonialshome h3 span {
    font-weight: 400;
}
.clienttestimonial .testmonialshome .testemonialssliderparent {
    background: #fff;
}
.clienttestimonial .testmonialshome .testemonialssliderparent .slides .slick-slide .detailbox {
    flex-flow: column;
    align-items: center;
    max-width: 400px;
    padding-left: 100px;
}
.clienttestimonial .testmonialshome .testemonialssliderparent .slides .slick-slide .detailbox .detail > div {
    text-align: center;
    width: 100%;
    justify-content: center;
}
.clienttestimonial .testmonialshome .testemonialssliderparent .slides ul.slick-dots {
    position: absolute;
    bottom: -60px;
    display: flex;
    justify-content: center;
    width: 100%;
}
.clienttestimonial .testmonialshome .testemonialssliderparent .slides ul.slick-dots li {
    list-style: none;
    margin-right: 10px;
}
.clienttestimonial .testmonialshome .testemonialssliderparent .slides ul.slick-dots li:last-child {
    margin-right: 0;
}
.clienttestimonial .testmonialshome .testemonialssliderparent .slides ul.slick-dots li button {
    font-size: 0;
    border-radius: 16.612px;
    background: #d9d9d9;
    width: 16.612px;
    height: 16.612px;
    border: none;
    cursor: pointer;
}

.clienttestimonial .testmonialshome .testemonialssliderparent .slides ul.slick-dots li.slick-active button {
    background: #f26921;
}
.specialitiespagehero.servicespagehero.aboutherosec > div .contentbox .contentsec h2 {
    margin-top: 0;
    max-width: 100%;
    color: #fff;
}
.specialitiespagehero.servicespagehero.aboutherosec > div .contentbox .contentsec h2 span {
    color: #f26921;
}
.locationsherosec.specialitiespagehero.aboutherosec > div .contentbox {
    padding-top: 0;
}
.locationsherosec.specialitiespagehero.aboutherosec > div {
    top: 50%;
    transform: translate(0, -50%);
}
.herobeloabout {
    width: 100%;
    /* padding: 0px 160px; */
    margin: 0 auto;
}
.herobeloabout p {
    margin-bottom: 15px;
    color: #000;
    font-family: "Poppins";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.visionmissionparent {
    width: 100%;
    position: relative;
    display: flex;
    margin-top: 80px;
}
.visionmissionparent > div {
    width: 50%;
    position: relative;
}
.visionmissionparent > div img {
    width: 100%;
}
.visionmissionparent > div .title {
    color: #fff;
    text-align: center;
    font-family: "Poppins";
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: absolute;
    bottom: 42px;
    left: 0;
    right: 0;
    max-width: 470px;
    margin: 0 auto;
}
.visionmissionparent > div .title:after {
    content: "";
    position: absolute;
    bottom: -5px;
    background: #f26921;
    height: 5px;
    left: 50px;
    width: 150px;
}
.visionmissionparent > div .maincontent {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-flow: column;
    background: rgb(246 78 28 / 80%);
    display: none;
    padding: 0 35px;
    justify-content: flex-end;
}
.visionmissionparent > div:hover .maincontent {
    display: flex;
}
.visionmissionparent > div .maincontent:hover {
    display: flex;
}
.visionmissionparent > div:hover .title {
    display: none;
}
.visionmissionparent > div .maincontent .heading {
    color: #fff;
    text-align: center;
    font-family: "Poppins";
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 40px;
}
.visionmissionparent > div .maincontent .heading:after {
    content: "";
    width: 150px;
    height: 5px;
    margin: 0 auto;
    display: flex;
    background: #fff;
}
.visionmissionparent > div .maincontent p {
    margin-bottom: 40px;
    color: #fff;
    text-align: center;
    font-family: "Poppins";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.aboutglance h2 {
    color: #063c75;
    text-align: center;
    font-family: "Poppins";
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 17px;
    margin-top: 50px;
}
.aboutglance h2 span {
    color: #f15300;
}
.aboutglance p {
    margin: 0 auto;
    margin-bottom: 20px;
    color: #000;
    text-align: center;
    font-family: "Poppins";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 1150px;
}
.aboutglance .buttons {
    width: 420px;
    margin: 0 auto;
    margin-top: 30px;
    display: flex;
}
.aboutglance .buttons a.download {
    width: 146.145px;
    height: 45.823px;
    border-radius: 4.063px;
    border: 1px solid #f64e1c;
    color: #f64e1c;
    text-align: center;
    font-family: "Poppins";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    margin: 0 auto;
}
.aboutglance .buttons a.download:after {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../public/images/downloadorange.svg) no-repeat;
    background-size: 100% !important;
    margin-left: 8px;
}
.aboutglance .buttons a.enquiry {
    width: 146.145px;
    height: 45.823px;
    border-radius: 4.063px;
    border: 1px solid #f64e1c;
    color: #fff;
    text-align: center;
    font-family: "Poppins";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f64e1c;
    margin: 0 auto;
}
.aboutglance .buttons a.enquiry:after {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #fff;
    display: flex;
    margin-left: 8px;
}
.aboutglance .buttons a.download:hover {
    background: #f64e1c;
    color: #fff;
}
.aboutglance .buttons a.download:hover:after {
    background: url(../public/images/downloadwhite.svg);
}
.aboutglance .buttons a.enquiry:hover {
    background: transparent;
    color: #f64e1c;
}
.aboutglance .buttons a.enquiry:hover:after {
    border-left: 8px solid #f64e1c;
}
.aboutglance img {
    width: 100%;
    display: flex;
    /* padding: 0px 160px; */
    margin: 0 auto;
    margin-top: 80px;
}
.valuesbox {
    width: 100%;
    margin-top: 80px;
}
.valuesbox h3 {
    color: #063c75;
    text-align: center;
    font-family: "Poppins";
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.valuesbox h3 span {
    color: #f15300;
}
.valuesbox > p {
    color: #000;
    text-align: center;
    font-family: "Poppins";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 auto;
    max-width: 1100px;
    margin-top: 15px;
}
.valuesbox .boxparent {
    width: 100%;
    /* padding: 0px 160px; */
    margin: 0 auto;
    /* padding: 0px 160px; */
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
}
.valuesbox .boxparent > div {
    width: 280px;
    height: 280px;
    position: relative;
}
.valuesbox .boxparent > div img {
    width: 100%;
    height: 100%;
    display: flex;
    object-fit: cover;
}
.valuesbox .boxparent > div .content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    padding: 0 10px 30px 10px;
}
.valuesbox .boxparent > div .content .heading {
    color: #fff;
    text-align: left;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: "Poppins";
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}
.valuesbox .boxparent > div .content .heading:after {
    content: "";
    display: flex;
    background: #f15300;
    height: 4px;
    width: 125px;
}
.valuesbox .boxparent > div .content > p {
    color: #fff;
    font-family: "Poppins";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: none;
}
.valuesbox .boxparent > div:hover .content > p {
    display: flex;
}
.valuesbox .boxparent > div:hover .content {
    background: rgb(241 83 0 / 70%);
}
.valuesbox .boxparent > div:hover .content .heading::after {
    background: #fff;
}
.valuesbox .boxparent > div:hover .content .heading {
    margin-bottom: 15px;
}
.aboutpagefind {
    background: #f2f1ef;
    padding: 38px 0 100px 0;
}
.aboutpagefind .findoutparent {
    margin-top: 0;
}
.specialitiespagehero.servicespagehero.aboutherosec > div .contentbox .contentsec h2.contact {
    max-width: 100%;
}
.scheduleatourparet.contactusquerybox {
    background: linear-gradient(94deg, #3077ba -0.61%, #184b7b 98.29%);
    margin-top: 100px;
}
.scheduleatourparet.contactusquerybox > div .mapbox {
    width: 50%;
    position: relative;
    padding-top: 13px;
}
.scheduleatourparet.contactusquerybox > div .mapbox .inner {
    position: absolute;
    top: 33px;
    left: 45px;
}
.scheduleatourparet.contactusquerybox > div .mapbox .inner .heading {
    color: #fff;
    font-family: "Poppins";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.scheduleatourparet.contactusquerybox > div .mapbox .inner ul {
    margin-top: 16px;
    padding-left: 18px;
}
.scheduleatourparet.contactusquerybox > div .mapbox .inner ul li {
    color: #fff;
    font-family: "Poppins";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    max-width: 400px;
}
.scheduleatourparet.contactusquerybox > div .formbox .heading {
    margin-bottom: 15px;
}
.scheduleatourparet.contactusquerybox > div .formbox form input[type="text"],
.scheduleatourparet.contactusquerybox > div .formbox form input[type="email"] {
    height: 30px;
}
.scheduleatourparet.contactusquerybox > div .formbox form label {
    font-size: 14px;
}
.scheduleatourparet.contactusquerybox > div .formbox form > div {
    margin-bottom: 15px;
}
.scheduleatourparet.contactusquerybox > div .formbox form textarea {
    height: 80px;
}
.scheduleatourparet.contactusquerybox > div .formbox form > div:last-child {
    margin-bottom: 0;
}
.ourwarehouseandparks {
    width: 100%;
    background: #063c75;
    position: relative;
    padding: 28px 0 60px 0;
    margin-top: 100px;
    display: none;
}
.ourwarehouseandparks > div {
    width: 100%;
    /* padding: 0px 160px; */
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.ourwarehouseandparks > div > div {
    width: 100%;
    max-width: 380px;
    background: #f6f6f6;
    margin-bottom: 40px;
}
.ourwarehouseandparks > div > div img {
    width: 100%;
}
.ourwarehouseandparks > div > div .contentpart {
    padding: 28px 15px 18px 46px;
}
.ourwarehouseandparks > div > div .contentpart .title {
    color: #0b0b0b;
    font-family: "Poppins";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.ourwarehouseandparks > div > div .contentpart ul {
    padding-left: 18px;
}
.ourwarehouseandparks > div > div .contentpart ul li,
.ourwarehouseandparks > div > div .contentpart ul li a {
    color: #0b0b0b;
    font-family: "Poppins";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 37px;
}
.matrixbar .inner > div:first-child {
    /* max-width: 173px; */
}
.matrixbar .inner > div:nth-child(2) {
    /* max-width: 215px; */
}
.matrixbar .inner > div:nth-child(3) {
    /* max-width: 222px; */
}
.blogs_and_news .newssliders .slick-slide .back .description a {
    color: #ffffff;
    position: absolute;
    right: 29px;
    bottom: 29px;
    display: flex;
    align-items: center;
}
.blogs_and_news .newssliders .slick-slide .back .description a:after {
    content: "";
    display: flex;
    width: 15px;
    height: 15px;
    background: url(../public/images/rightarrow.png) no-repeat;
    background-size: 100%;
    margin-left: 5px;
    margin-top: -3px;
}
.showonweb {
    display: flex !important;
}
.showonmobile {
    display: none !important;
}
/* Enquiry popup */
.enquirypopup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.7);
    display: none;
}
.enquirypopup .close {
    width: 36px;
    height: 36px;
    max-width: 36px;
    max-height: 36px;
    background: url(../public/images/closeicon.png) center/36px no-repeat;
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: flex-end;
    float: right;
    right: 0;
}
.enquirypopup .formbox {
    padding: 15px;
    width: 95%;
    background: linear-gradient(94deg, #3077ba -0.61%, #184b7b 98.29%);
    max-width: 520px;
    border-radius: 15px;
}
.enquirypopup.visible {
    display: flex;
}
.enquirypopup .formbox .heading {
    margin-bottom: 20px;
    color: #fff;
    font-family: "Poppins";
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.enquirypopup.sucessfulpop .formbox .heading {
    font-size: 20px;
}
.enquirypopup .formbox .heading span {
    color: #ff965f;
}
.enquirypopup .formbox form {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.enquirypopup .formbox form input,
.enquirypopup .formbox form textarea {
    width: 100%;
    height: 36px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(0px);
    color: #31302f;
    font-family: "Poppins";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.enquirypopup .formbox form textarea {
    background: transparent;
    border: 1px solid #fff;
    height: 98px;
}
.enquirypopup .formbox form textarea::placeholder {
    color: #31302f !important;
}
.enquirypopup .formbox form label {
    color: #d2d2d2;
    font-family: "Poppins";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    width: 100%;
}
.enquirypopup .formbox form > div {
    margin-bottom: 15px;
    width: 100%;
}
.enquirypopup .formbox form select {
    appearance: none;
    height: 36px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(0px);
    color: #31302f;
    font-family: "Poppins";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background-image: url(../public/images/ddlenquirytype.png);
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    padding: 0.25rem 2rem 0.25rem 0.75rem;
    width: 100%;
}
.enquirypopup .formbox form .fifty {
    width: calc(50% - 30px);
}
.enquirypopup .formbox form .consentbox {
    display: flex;
    color: #fff;
    font-family: "Poppins";
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    align-items: flex-start;
}
.enquirypopup .formbox form .consentbox a {
    text-decoration: underline;
    color: #fff;
    font-family: "Poppins";
    font-size: 11.519px;
    font-style: normal;
    font-weight: 300;
}
.enquirypopup .formbox form input[type="submit"] {
    width: 193.564px;
    height: 46.596px;
    border-radius: 7.679px;
    background: #f26921;
    box-shadow: 0px 3.83975px 4.79969px 3.83975px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: "Gothic A1";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
}
.enquirypopup .formbox form input[type="checkbox"] {
    width: auto;
    height: auto;
    margin-right: 10px;
    margin-top: 3px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
    .headerstrip {
        display: none;
    }
    header .inner a.logo img {
        width: 120px;
        height: auto;
    }
    .herosection .slider > div img {
        width: 100%;
        height: 430px;
        object-fit: cover;
    }
    .herosection .slider > div .slick-slide:before {
        background: linear-gradient(102deg, rgba(0, 20, 39, 0.67) 35.77%, rgba(71, 71, 71, 0) 100.53%);
    }
    .herosection .slider > div .slick-slide .contentbox .heading {
        font-size: 32px;
        font-weight: 400;
        text-align: center;
    }
    .herosection .slider > div .slick-slide .contentbox .subheading {
        background: rgba(255, 255, 255, 0.7);
        font-size: 18px;
        text-align: center;
        max-width: 300px;
        margin: 0 auto;
        color: #23303c;
        padding: 7px 0;
    }
    .herosection .slider > div .slick-slide .contentbox .buttons {
        margin-top: 20px;
        justify-content: center;
    }
    .herosection .slider > div .slick-slide .contentbox .buttons a {
        width: 140px;
        height: 35px;
        margin-right: 20px;
    }

    .herosection .slider > div .slick-slide .contentbox .buttons a.explore,
    .herosection .slider > div .slick-slide .contentbox .buttons a.request {
        font-size: 12px;
    }
    .herosection .slider > div .slick-slide .contentbox .buttons a.explore {
        margin-right: 20px;
    }
    .herosection .slider > div .slick-slide .contentbox {
        top: auto;
        transform: none;
        left: 0;
        right: 0;
        bottom: 80px;
    }
    .herosection .slider ul.slick-dots {
        justify-content: center;
        width: 100%;
    }
    .herosection .slider ul.slick-dots li {
        margin-left: 5px;
        margin-right: 5px;
    }
    .matrixbar .inner {
        /*flex-flow: column;*/
    }
    .matrixbar .inner > div {
        width: 100%;
        text-align: center;
        /*margin-bottom: 35px;*/
    }
    .matrixbar .inner > div:last-child {
        margin: 0;
    }
    .matrixbar {
        background: url(../public/images/MetrixBarmobile.png) no-repeat;
    }
    .showonweb {
        display: none !important;
    }
    .showonmobile {
        display: flex !important;
    }
    .structureparent {
        padding-left: 15px;
        padding-right: 15px;
    }
    .testmonialshome .testemonialssliderparent {
        padding: 12px 16px;
    }
    .testmonialshome .testemonialssliderparent .slides .slick-slide {
        flex-flow: column;
    }
    .testmonialshome .testemonialssliderparent .slides .slick-slide .detailbox {
        max-width: 100%;
        flex-flow: column;
        align-items: center;
    }
    .testmonialshome .testemonialssliderparent .slides .slick-slide .detailbox img {
        margin-right: 0;
    }
    .testmonialshome .testemonialssliderparent .slides .slick-slide .testimonial {
        max-width: 100%;
        font-size: 12px;
        line-height: 16px;
        padding-bottom: 100px;
        text-align: center;
    }
    .testmonialshome .testemonialssliderparent .slides .slick-slide .detailbox .detail {
        display: flex;
        flex-flow: column;
        align-items: center;
    }
    .testmonialshome .testemonialssliderparent .slides .slick-slide .testimonial:before {
        position: relative;
        left: 0;
        color: #21588e;
    }
    .leagueserviceparenthome .inner {
        flex-flow: column;
    }
    .leagueserviceparenthome .inner .leftsec {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .leagueserviceparenthome .inner .leftsec h3 {
        padding-top: 0;
        font-size: 26px;
        text-align: center;
    }
    .leagueserviceparenthome .inner .leftsec .line {
        display: none;
    }
    .leagueserviceparenthome .inner .leftsec a {
        width: 153px;
        height: 44px;
        margin: 36px auto;
        font-size: 13px;
    }
    .leagueserviceparenthome .inner .rightsec {
        width: 100%;
    }
    .leagueserviceparenthome .inner .rightsec .legaueslider .slick-slide > div .textareabox {
       width: 100%;
       padding-top: 15px;
    }
    .leagueserviceparenthome .inner .rightsec .legaueslider .slick-slide > div .textareabox p {
        font-size: 17px;
    }
    .leagueserviceparenthome .inner .rightsec .legaueslider .slick-slide > div > div {
        width: 100%;
    }
    .mobilebtn {
        width: 23.358px;
        height: 17.129px;
        background: url(../public/images/mobilemenu.png) no-repeat;
        background-size: 100%;
        display: flex;
        margin-right: 15px;
    }
    header .inner nav {
        position: absolute;
        flex-flow: column;
        width: 100%;
        top: 70px;
        background: #253b83;
        align-items: flex-start;
        padding: 15px 0;
        z-index: -1;
        opacity: 0;
        transition: all 0.5s ease-in-out;
    }
    header .inner.show nav {
        z-index: 99;
        opacity: 1;
        transition: all 0.5s ease-in-out;
    }
    header .inner nav a {
        color: #fff;
        line-height: 45px;
        padding-left: 20px !important;
        border: none;
    }
    header .inner .searchbtn {
        margin-left: auto;
        margin-right: 20px;
    }
    header {
        height: 70px;
    }
    .ourclientshome .slidrparent .slick-track {
        display: flex;
        gap: 1rem;
    }
    .ourclientshome .slidrparent .slick-track a img {
        width: 100%;
    }
    .buildtosuithome {
        padding-top: 25px;
    }
    .buildtosuithome .title {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .buildtosuithome .acc-content > div p + div {
        /* display: none; */
        margin-top: 10px;
        left: 0 !important;
        width: 100% !important;
    }
    .buildtosuithome .sliderf1 img {
        height: auto !important;
    }
    .buildtosuithome .acc-container {
        padding: 0 15px;
    }
    .buildtosuithome .acc-head {
        font-size: 14px;
    }
    .buildtosuithome .acc-content {
        font-size: 12px;
    }
    .mapAreahomepage {
        flex-flow: column;
        background: none;
    }
    .mapAreahomepage .contentboxarea {
        width: 100%;
        padding-top: 15px;
    }
    .mapAreahomepage .mapbox {
        width: 100%;
        min-height: 554px;
        max-height: 554px;
        background: url(../public/images/mapbgmobile.png) no-repeat;
        background-size: cover;
    }
    .mapAreahomepage .mapbox a {
        font-weight: 400;
        font-size: 10px;
    }
    .mapAreahomepage .mapbox a:before {
        content: "";
        width: 20px;
        height: 20px;
    }
    .mapAreahomepage .contentboxarea h4 {
        font-size: 23px;
    }
    .mapAreahomepage .contentboxarea .contentparent img {
        border-radius: 7.387px;
        border: 3.294px solid #fff;
        width: 100px;
        margin-right: 10px;
    }
    .mapAreahomepage .contentboxarea .contentparent > div .title {
        font-size: 12px;
        line-height: normal;
        margin-top: -4px;
    }
    .mapAreahomepage .contentboxarea .contentparent > div .location {
        font-size: 10px;
        line-height: normal;
        margin-bottom: 7px;
    }
    .mapAreahomepage .contentboxarea .contentparent > div > div > div p {
        font-size: 10px;
    }
    .mapAreahomepage .contentboxarea .contentparent > div > div > div span {
        font-size: 10px;
        line-height: 0;
    }
    .blogs_and_news .newssliders .slick-slide .back .insight {
        padding-bottom: 5px;
    }
    .blogs_and_news .newssliders .slick-slide .back .maintext {
        font-size: 12px;
    }
    .blogs_and_news .newssliders .slick-slide .back .description {
        font-size: 10px;
        padding-top: 5px;
    }
    .blogs_and_news .newssliders .slick-slide .front .maintext {
        font-size: 25px;
    }
    footer .upperinner {
        max-width: calc(100% - 30px);
        padding-top: 13px;
    }
    footer .upperinner h3 {
        font-size: 17px;
    }
    footer .upperinner p {
        font-size: 12px;
        max-width: 320px;
        margin-top: 10px;
    }
    footer .upperinner .buttons {
        margin-top: 16px;
        max-width: 200px;
    }
    footer .upperinner {
        max-width: calc(100% - 30px);
        padding-top: 13px;
        font-size: 10px !important;
        padding-bottom: 20px;
        top: 30px;
    }
    footer .upperinner h3 {
        font-size: 17px;
    }
    footer .upperinner p {
        font-size: 12px;
        max-width: 320px;
        margin-top: 10px;
    }
    footer .upperinner .buttons {
        margin-top: 16px;
        max-width: 240px;
    }
    footer .upperinner .buttons a {
        width: 115px;
        height: 34px;
        font-size: 10px !important;
    }
    footer .footerupper {
        background: url(../public/images/footeruppermobile.png) no-repeat;
        background-size: auto;
        height: 200px;
    }
    footer .mainfooter .inner {
        flex-flow: column;
    }
    footer .mainfooter {
        border-top: none;
    }
    footer .mainfooter .inner > div {
        width: 100%;
    }
    footer .mainfooter .inner > div.locations a:last-child {
        border-bottom: 1px solid #d4e0ec;
    }
    footer .mainfooter .inner > div .subscribebox {
        flex-flow: column;
    }
    footer .mainfooter .inner > div .subscribebox .menu {
        width: 100%;
        padding-top: 25px;
        border-bottom: 1px solid #d4e0ec;
    }
    footer .mainfooter .inner > div .subscribebox .social {
        border-bottom: 1px solid #d4e0ec;
        padding-bottom: 20px;
    }
    a.enquirenowbtn.showonmobile {
        width: 36.52px;
        height: 167.923px;
        position: fixed;
        z-index: 99;
        right: 0;
        top: 50%;
    }
    .locationsherosec:before {
        content: "";
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        background: linear-gradient(180deg, rgba(17, 29, 37, 0) 0%, #173f5a 99.03%);
        mix-blend-mode: multiply;
    }
    .locationsherosec .contentbox {
        top: auto;
        transform: none;
        bottom: 50px;
    }
    .locationsherosec .contentbox .title {
        font-size: 22px;
        text-align: center;
        line-height: normal;
        max-width: 90%;
        margin: 0 auto;
    }
    .locationsherosec .contentbox .subtitle {
        font-size: 14px;
        text-align: center;
        max-width: 90%;
        margin: 0 auto;
        margin-top: 15px;
    }
    .locationsherosec .contentbox .title span {
        color: #fff;
    }
    .locationsallParent .slectbox {
        flex-flow: column;
        width: 100%;
        margin-top: 20px;
    }
    .locationsallParent .slectbox .text {
        margin: 0;
    }
    .locationsallParent .slectbox select {
        margin-top: 10px;
        max-width: 251px;
        height: 35px;
        font-size: 15px;
        background-size: 15px;
    }
    .locationsallParent .locationsbox {
        margin-top: 60px;
    }
    .locationsallParent .locationsbox .siteboxparent > div .slick-slide {
        width: 380px;
        border-radius: 22px;
        background: #fff;
        margin-left: 10px;
        margin-right: 10px;
    }
    .locationsallParent .locationsbox .siteboxparent > div {
        width: auto;
        border-radius: 0;
        background: transparent;
        margin-left: 0;
        margin-right: 0;
        padding: 0 20px 40px 20px !important;
    }
    .locationsallParent .locationsbox .siteboxparent > div a.btn {
        margin-top: 0;
        width: 145px;
        height: 36px;
        font-size: 10px;
        bottom: -17px;
    }
    .locationsallParent .locationsbox .siteboxparent > div .siteaddress {
        font-size: 12px;
    }
    .locationsallParent .locationsbox .siteboxparent > div .sitename {
        font-size: 18px;
    }
    .locationdetailparent {
        padding-top: 15px;
    }
    .locationdetailparent .heroarea h1 {
        padding-left: 15px;
        font-size: 26px;
    }
    .locationdetailparent .heroarea .locationname {
        font-size: 16px;
        padding-left: 15px;
        align-items: flex-start;
    }
    .locationdetailparent .heroarea .locationname img {
        margin-top: 0;
    }
    .locationdetailparent .heroarea .banner {
        margin-top: 10px;
        height: 435px;
    }
    .locationdetailparent .heroarea .banner img {
        height: 100%;
        object-fit: cover;
    }
    .locationdetailparent .heroarea .banner img {
        width: 100%;
        top: 0;
        border-radius: 0;
    }
    .locationdetailparent .heroarea .whiteinfobox {
        width: 100%;
        top: 0;
        border-radius: 0;
        padding: 15px;
        background: #f4f3f3;
    }
    .locationdetailparent .heroarea .whiteinfobox .parent {
        flex-flow: row wrap;
    }
    .locationdetailparent .heroarea .whiteinfobox .parent > div {
        width: 50%;
        padding: 15px;
    }
    .locationdetailparent .heroarea .whiteinfobox .parent > div p {
        color: #fc4900;
        font-size: 12px;
    }
    .locationdetailparent .heroarea .whiteinfobox .parent > div span {
        font-size: 13px;
        color: #21588e;
    }
    .locationdetailparent .heroarea .whiteinfobox .parent > div:nth-child(2),
    .locationdetailparent .heroarea .whiteinfobox .parent > div:nth-child(4) {
        border-right: none;
    }
    .locationdetailparent .heroarea .whiteinfobox .parent > div:nth-child(2),
    .locationdetailparent .heroarea .whiteinfobox .parent > div:first-child {
        margin-bottom: 20px;
        position: relative;
    }
    .locationdetailparent .heroarea .whiteinfobox .parent > div:nth-child(2):after,
    .locationdetailparent .heroarea .whiteinfobox .parent > div:first-child:after {
        content: "";
        height: 1px;
        width: 100%;
        background: #fc4900;
        display: flex;
        position: absolute;
        bottom: -10px;
        max-width: 75%;
    }
    .locationdetailparent .welcomesec {
        flex-flow: column;
        margin-top: 40px;
        margin-bottom: 20px;
    }
    .locationdetailparent .welcomesec .contentbox {
        width: 100%;
        padding: 0 15px;
    }
    .locationdetailparent .welcomesec .contentbox h2 {
        font-size: 18px;
    }
    .locationdetailparent .welcomesec .contentbox p {
        font-size: 14px;
    }
    .locationdetailparent .welcomesec .contentbox .featuresbox > div {
        width: 50%;
    }
    .locationdetailparent .welcomesec .imagebox {
        width: 100%;
        margin-top: 15px;
    }
    .scheduleatourparet > div .mapbox {
        display: none;
    }
    .scheduleatourparet > div .formbox {
        width: 100%;
        padding: 0 15px;
    }
    .scheduleatourparet > div .formbox .heading {
        font-size: 29px;
    }
    .scheduleatourparet {
        padding: 31px 0 41px 0;
    }
    .scheduleatourparet > div .formbox form .fifty {
        width: calc(50% - 10px);
    }
    .scheduleatourparet > div .formbox form input[type="submit"] {
        width: 115px;
        height: 35px;
        margin: 0 auto;
        font-size: 12px;
    }

    .explorebox {
        margin: 17px auto 50px auto;
    }
    .explorebox h3 {
        font-size: 26px;
        max-width: 250px;
        margin: 0 auto;
    }
    .explorebox .videobox {
        margin-top: 15px;
        padding: 0 15px;
        border-radius: 13px;
    }
    .explorebox .videobox img,
    .explorebox .videobox video {
        border-radius: 13px;
    }
    .infrastructurebox {
        margin-top: 40px;
    }
    .infrastructurebox h3 {
        font-size: 24px;
    }
    .infrastructurebox .tabbutton a {
        font-size: 10px;
        height: 35px;
    }
    .parkslide > div {
        max-width: 100%;
        padding: 15px;
    }
    .parkslide > div img {
        max-width: 100%;
        display: flex;
        width: 100%;
    }
    .parkgallery {
        background: #165fac;
        margin-bottom: 38px;
    }
    .parkgallery > div h3 {
        font-size: 24px;
        color: #fefefe;
        text-align: center;
    }
    .parkgallery > div h3 span {
        color: #fefefe;
    }
    .parkgallery .slick-arrow {
        position: absolute;
        bottom: -25px;
        width: 36px;
        height: 36px;
        display: flex !important;
        font-size: 0;
        border: none;
    }
    .parkslide > div .slick-next {
        left: 65px;
        background: url(../public/images/leaguenext.png) no-repeat;
        background-size: 100%;
    }
    .parkslide > div .slick-prev {
        background: url(../public/images/leagueprev.png) no-repeat;
        background-size: 100%;
    }
    .accessbilitysec,
    .threedstyle,
    .theonestopsec {
        display: none;
    }
    .locationsherosec.specialitiespagehero > div {
        height: 100%;transform: none !important;
        top: 0 !important;
    }
    .locationsherosec.specialitiespagehero > div .contentbox {
        position: absolute;
        z-index: 9;
    }
    .specialitiespagehero .contentbox .contentsec p {
        color: #fff;
        text-align: center;
    }
    .specialitiespagehero .contentbox .contentsec h2 {
        font-size: 41px;
        text-align: center;
        color: #fff;
    }
    .specialitiespagehero .contentbox .contentsec p {
        color: #fff;
        text-align: center;
        font-size: 18px;
    }
    .locationsherosec.specialitiespagehero > div:after {
        content: "";
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        background: linear-gradient(180deg, rgba(17, 29, 37, 0) 0%, #173f5a 99.03%);
        mix-blend-mode: multiply;
    }
    .YourTransportationtitle {
        font-size: 26px;
        padding-top: 16px;
        padding-bottom: 17px;
    }
    .YourTransportationsubtitle {
        padding: 0 15px;
        font-size: 18px;
        text-align: left;
    }
    .transportationmanagementboxparent {
        flex-flow: column;
        padding: 0 15px;
        margin-top: 24px;
    }
    .transportationmanagementboxparent > div {
        width: 100%;
        margin-bottom: 24px;
    }
    .takeboxparent {
        padding: 29px 15px;
    }
    .takeboxparent > div {
        flex-flow: column;
    }
    .takeboxparent > div .textarea h3 {
        font-size: 24px;
    }
    .takeboxparent > div .textarea p {
        padding-top: 10px;
    }
    .takeboxparent > div .imagearea {
        width: 100%;
        padding: 0;
        margin-top: 30px;
    }
    .valueaddedbox {
        padding-top: 16px;
    }
    .valueaddedbox > div h3 {
        font-size: 22px;
    }
    .valueaddedbox > div .subtitle {
        padding: 0 15px;
    }
    .valueaddedbox .buildtosuithome .acc .acc-head p {
        font-size: 16px;
        padding-right: 25px;
    }
    .askexpertparent {
        padding-top: 25px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .askexpertparent > div {
        flex-flow: column;
    }
    .askexpertparent > div .textareabox {
        width: 100%;
    }
    .askexpertparent > div .textareabox h3 {
        font-size: 26px;
    }
    .askexpertparent > div .textareabox p {
        margin-top: 0;
    }
    .askexpertparent > div .textareabox .contactbox {
        margin-top: 21px;
    }
    .specialitiespagehero.servicespagehero > div .contentbox .contentsec p {
        text-align: center;
    }
    .specialitiespagehero.servicespagehero > div .contentbox .contentsec h2 {
        font-size: 25px;
        margin-top: 0;
    }
    .specialitiespagehero.servicespagehero > div .contentbox a {
        display: none;
    }
    .businessweserve h2 {
        font-size: 26px;
        margin-top: 35px;
    }
    .businessweserve .slides {
        margin-top: 35px;
    }
    .businessweserve .slides .threedstyle {
        flex-flow: column;
        background: transparent;
        padding: 15px;
    }
    .businessweserve .slides .threedstyle > div {
        width: 100%;
    }
    .businessweserve .slides .threedstyle .bluebox {
        padding: 10px 10px 10px 10px;
        order: 2;
        background: #fff;
        height: auto;
        border-radius: 0 0 8px 8px;
        min-height: 200px;
    }
    .businessweserve .slides .threedstyle .yellowbox {
        order: 1;
        height: auto;
    }
    .threedstyle .bluebox .heading {
        font-size: 16px;
        color: #414141;
    }
    .businessweserve .slides .threedstyle .bluebox .subheading {
        color: #0f0f0f;
        font-size: 12px;
    }
    .businessweserve .slides .threedstyle:nth-child(odd) .bluebox {
        background: #fff;
    }
    .businessweserve .slides button.slick-prev,
    .businessweserve .slides button.slick-next,
    .businessweserve .countofslides {
        display: none !important;
    }
    .spaces {
        margin-top: 20px;
    }
    .spaces h3 {
        font-size: 25px;
    }
    .spaces .boxesparent {
        padding: 0 15px;
    }
    .spaces .boxesparent > div {
        width: calc(50% - 5px);
        border-radius: 8px;
        margin-bottom: 17px;
    }
    .spaces .boxesparent > div img {
        height: auto;
    }
    .spaces .boxesparent > div img {
        border-radius: 8px 8px 0 0;
        min-height: 138px;
        max-height: 138px;
    }
    .spaces .boxesparent > div .contentpart .title {
        font-size: 12px;
    }
    .spaces .boxesparent > div .contentpart .text {
        line-height: 15px;
        font-size: 8px;
    }
    .whatitmeantparent h3 {
        font-size: 32px;
        max-width: 90%;
        line-height: 40px;
    }
    .whatitmeantparent p {
        line-height: 20.36px;
        font-size: 16px;
    }
    .whatitmeantparent {
        margin-top: 30px;
    }
    .whatitmeantparent .findoutparent {
        margin-top: 27px;
    }
    .spaces .boxesparent > div .contentpart {
        padding: 5px;
    }
    .whatitmeantparent .findoutparent > div div {
        width: 100%;
        padding: 0 25px 0 0;
    }
    .whatitmeantparent .findoutparent > div {
        padding-left: 15px;
    }
    .locationsherosec.specialitiespagehero.servicespagehero.clientsherosl > div:after {
        display: none;
    }
    .specialitiespagehero.servicespagehero.clientsherosl > div .contentbox .contentsec h2 {
        margin-top: 0;
        font-size: 24px;
        color: #f26921;
    }
    .specialitiespagehero.servicespagehero.clientsherosl > div .contentbox .contentsec h2 + p {
        font-size: 18px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .yourtransportationtext {
        font-size: 26px;
        padding-top: 10px;
    }
    .yourtransportationtextsub {
        margin-top: 10px;
        font-size: 16px;
        padding: 0 15px;
    }
    .brandsparent {
        margin-top: 37px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .brandsparent h3 {
        font-size: 32px;
    }
    .brandsparent > div img {
        display: flex;
        margin-right: 30px;
        margin-top: 20px;
        max-width: 135px;
        margin-left: auto;
        margin-right: auto;
    }
    .clienttestimonial {
        padding-top: 20px;
    }
    .clienttestimonial .testmonialshome h3 {
        font-size: 18px;
    }
    .clienttestimonial .testmonialshome .testemonialssliderparent {
        margin-top: 20px;
        border-radius: 14.232px 0px;
    }
    .clienttestimonial .testmonialshome .testemonialssliderparent .slides .slick-slide .detailbox {
        padding-left: 0;
    }
    .locationsherosec .contentbox .othertitle {
        text-align: center;
        font-size: 20px;
    }
    .locationsherosec.blogbannerbox .contentbox .title {
        font-size: 32px;
        color: #f26921 !important;
    }
    .locationsherosec.blogbannerbox .contentbox .title span {
        color: #f26921 !important;
    }
    .listpagemainheading {
        font-size: 32px;
        margin-top: 11px;
    }
    .listpagecategorybox a {
        font-size: 14px;
        height: 36px;
        margin-bottom: 8px;
    }
    .listpageblog > div {
        padding: 20px 15px;
        align-items: flex-start;
    }
    .listpageblog > div > img {
        width: 126px;
        height: 111px;
        object-fit: cover;
        border-radius: 10px;
    }
    .listpageblog > div .contentarea {
        margin-left: 10px;
        width: calc(100% - 120px);
    }
    .listpageblog > div .contentarea .date {
        height: 20px;
        font-size: 9px;
        max-width: 70px;
        top: 0;
    }
    .listpageblog > div .contentarea .bannertitle {
        line-height: 10px;
    }
    .listpageblog > div .contentarea .bannertitle a {
        color: #08080c;
        font-size: 13px;
        line-height: 10px;
        display: block;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .listpageblog > div .contentarea .text {
        line-height: 15px;
        font-size: 10px;
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
    }
    .listpageblog > div .contentarea .readmoreparent a.readmore {
        width: 63px;
        height: 20px;
        font-size: 9px;
    }
    .blogdetailhero {
        margin-top: 30px;
    }
    .blogdetailhero .readmoreparent .date {
        padding-left: 15px;
        font-size: 14px;
    }
    .blogdetailhero .heading {
        font-size: 24px;
        margin-top: 0;
        padding-left: 15px;
        padding-right: 15px;
        line-height: 27px;
    }
    .blogdetailhero .banner img {
        width: 100%;
        min-height: 100%;
        height: 435px;
        object-fit: cover;
    }
    .blogdetailhero {
        margin-bottom: 20px;
    }
    .blogsparent {
        padding: 0 15px;
        flex-flow: column;
    }
    .blogsparent .listingparent {
        padding-right: 0;
        width: 100%;
        position: relative;
    }
    .blogsparent .listingparent:after {
        display: none;
    }
    .blogsparent .listingparent .list .contentarea .title {
        font-size: 12px;
    }
    .blogsparent .listingparent .list .contentarea .text {
        font-size: 12px;
        line-height: 21px;
    }
    .blogsparent .sidebar {
        width: 100%;
        padding-left: 0;
        padding-top: 0;
    }
    .blogsparent .sidebar > .title:first-child,
    .blogsparent .sidebar .categories {
        display: none;
    }
    .relatedPostsec .blogsparent > div {
        width: 100%;
    }
    .herobeloabout p {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 14px;
    }
    .visionmissionparent {
        margin-top: 24px;
    }
    .visionmissionparent {
        flex-flow: column;
    }
    .visionmissionparent > div {
        width: 100%;
    }
    .visionmissionparent > div .title:after {
        right: 0;
        margin: 0 auto;
        left: 0;
    }
    .visionmissionparent > div .maincontent {
        padding: 0 15px;
    }
    .visionmissionparent > div .maincontent p {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .visionmissionparent > div .maincontent .heading {
        font-size: 26px;
    }
    .visionmissionparent > div .title {
        font-size: 26px;
    }
    .aboutglance h2 {
        max-width: 80%;
        margin: 0 auto;
        margin-top: 24px;
        font-size: 24px;
        margin-bottom: 10px;
    }
    .aboutglance p {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .aboutglance .buttons {
        max-width: 90%;
    }
    .aboutglance img {
        margin-top: 24px;
    }
    .valuesbox {
        margin-top: 26px;
    }
    .valuesbox h3 {
        font-size: 26px;
    }
    .valuesbox > p {
        font-size: 16px;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 10px;
    }
    .valuesbox .boxparent {
        margin-top: 15px;
        flex-flow: column;
    }
    .valuesbox .boxparent {
        margin-top: 15px;
        flex-flow: column;
    }
    .valuesbox .boxparent > div {
        width: 310px;
        height: 310px;
        position: relative;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .whatitmeantparent.aboutpagefind {
        padding-bottom: 0;
    }
    .ourwarehouseandparks > div {
        padding: 0 15px;
    }
    .ourwarehouseandparks {
        margin-top: 20px;
    }
    .scheduleatourparet.contactusquerybox {
        margin-top: 20px;
        padding-top: 0;
    }
    .scheduleatourparet > div {
        flex-flow: column;
    }
    .scheduleatourparet.contactusquerybox > div .mapbox {
        width: 50%;
        position: relative;
        padding-top: 13px;
        display: flex;
        width: 100%;
        padding: 0;
    }
    .scheduleatourparet.contactusquerybox > div .mapbox .inner {
        position: absolute;
        top: 30px;
        left: 20px;
    }
    .scheduleatourparet.contactusquerybox > div .mapbox .inner .heading {
        font-size: 18px;
    }
    .scheduleatourparet.contactusquerybox > div .mapbox .inner ul li {
        font-size: 15px;
        line-height: 30px;
    }
    .leagueserviceparenthome .inner .rightsec .legaueslider .slick-slide > div .imagebox img {
        height: auto;
    }
    .parkslide {
        width: 100%;
        display: flex;
    }
    .parkslide > div {
        width: 100%;
    }
    .locationsherosec > img {
        min-height: 100%;
    }
    header .inner .searchbtn input[type="text"] {
        position: absolute;
    }
    .buildtosuithome .acc-head::before {
        right: 15px;
        width: 2px;
        height: 13px;
        margin-top: -8px;
    }
    .buildtosuithome .acc-head::after {
        right: 10px;
        width: 13px;
        height: 2px;
        margin-top: -2px;
    }
    .valueaddedbox .buildtosuithome .acc-content > div p {
        max-width: 100%;
    }
    .buildtosuithome .acc-content > div {
        flex-flow: wrap;
    }
    /* Enquiry popup responsive */
    .enquirypopup {
        z-index: 100;
    }
    .enquirypopup .formbox {
        width: 100%;
        padding: 0 15px;
    }
    .enquirypopup .formbox .heading {
        font-size: 20px;
        padding-top: 10px;
        margin-bottom: 10px;
    }
    .scheduleatourparet {
        padding: 31px 0 41px 0;
    }
    .enquirypopup .formbox form .fifty {
        width: calc(50% - 10px);
    }
    .enquirypopup .formbox form input[type="submit"] {
        width: 115px;
        height: 35px;
        margin: 0 auto;
        font-size: 12px;
    }
    .buildtosuithome .sliderf1 button.slick-next {
        right: 0;
    }
    .buildtosuithome .sliderf1 button.slick-prev {
        left: 0;
        z-index: 9;
    }
    .blogs_and_news .newssliders .slick-slide .back,
    .blogs_and_news .newssliders .slick-slide .front {
        height: calc(100% - 50px);
    }
    .listpagecategorybox {
        padding-left: 15px;
        padding-right: 15px;
    }
    .blogdetailhero .readmoreparent {
        padding-right: 15px;
    }
    .listpageblog > div .contentarea .readmoreparent .readtime {
        font-size: 12px;
    }
    .listpageblog > div .contentarea .readmoreparent .readtime svg {
        width: 15px;
    }
    .parkgallery > div .item_imgbox {
        width: 100%s;
        display: flex !important;
        flex-flow: column;
    }
    .parkgallery > div .item_imgbox .menuarea {
        max-width: 100%;
    }
    .parkgallery > div .item_imgbox .menuarea ul {
        display: flex;
        overflow-x: auto;
    }
    .parkgallery > div .item_imgbox .menuarea ul li {
        border: none;
        padding-right: 15px;
        white-space: nowrap;
        word-wrap: normal;
        display: flex;
    }
    .parkgallery > div .item_imgbox .menuarea ul li.active:after {
        content: "";
        width: 0px;
        height: 0px;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 7px solid #fff;
        display: flex;
        margin-left: 8px;
        position: absolute;
        right: 0;
        top: auto;
        bottom: 6px;
        transform: rotate(90deg);
        left: 0;
        margin: 0 auto;
    }
    .parkgallery > div .item_imgbox .sliderarea {
        width: 100%;
        padding: 0 15px;
    }
    .businessweserve .slides .slick-track {
        background: #165fac;
    }
    .businessweserve .slides .slick-list {
        margin-left: 15px;
    }
    .businessweserve .slides .threedstyle .yellowbox img {
        border-radius: 10px 10px 0 0;
    }
    .leagueserviceparenthome .inner .rightsec .legaueslider .slick-slide > div .imagebox {
        width: 100%;
    }
    .leagueserviceparenthome .inner .rightsec .legaueslider .slick-slide > div .imagebox .title {
        font-size: 18px;
    }
    .leagueserviceparenthome .inner .rightsec .legaueslider .slick-slide > div .textareabox h3 {
        font-size: 25px;
    }
}
.enquirypopup .formbox form input::placeholder,
.enquirypopup .formbox form textarea::placeholder,
.enquirypopup .formbox form textarea {
    color: #fff !important;
}
.scheduleatourparet > div .formbox form input[type="text"],
.scheduleatourparet > div .formbox form input[type="email"],
.scheduleatourparet > div .formbox form textarea,
.enquirypopup .formbox form input,
.enquirypopup .formbox form textarea {
    padding-left: 10px;
}
.scheduleatourparet > div .formbox form input[type="submit"] {
    cursor: pointer;
}
.aboutglance .buttons{padding-bottom: 30px;}
/* ...................mj_css.................. */
@media screen and (max-width: 1320px) and (min-width: 1000px) {
    .wrapper_ {
    padding: 0px 100px !important;}
    .wrapper_{padding: 40px 20px important;}
    .accessbilitysec .descriptionparent .buttons{padding-left: 0px;}
    .locationdetailparent .welcomesec .contentbox .featurebox_parent{margin-top: 10px;}
    .locationdetailparent .welcomesec .contentbox h2{font-size: 20px;}
    .spaces .boxesparent > div .contentpart .title{font-size: 24px;}
    .spaces .boxesparent > div .contentpart {padding: 23px 15px 42px 15px;}
    .spaces .boxesparent > div img{height: 290px;}
    .specialitiespagehero.servicespagehero > div .contentbox a{width: 170px;font-size: 18px;height: 60px;}
    .valuesbox .boxparent > div .content .heading{font-size: 30px;}
    .aboutglance p{max-width: 1000px;font-size: 18px;}
    .visionmissionparent > div .maincontent .heading{font-size: 40px;margin-bottom: 0px;}
    .herobeloabout p{font-size: 17px;}
    .specialitiespagehero .contentbox .contentsec h2{font-size: 30px;}
    .brandsparent h3{font-size: 40px;}
    .yourtransportationtextsub{font-size: 17px;max-width: 930px;}
    .yourtransportationtext{font-size: 30px;}
    .specialitiespagehero.servicespagehero.clientsherosl > div .contentbox .contentsec h2 + p{font-size: 22px;}
    .specialitiespagehero.servicespagehero.clientsherosl > div .contentbox .contentsec h2{font-size: 30px;
    }
    .takeboxparent > div .textarea h3{font-size: 30px;}
    body.specific_ .buildtosuithome .acc-content > div .sliderf1{top: -10px;}
    .locationsherosec .contentbox .subtitle{font-size: 30px;}
    .locationsallParent .locationsbox .siteboxparent > div img{height: 340px;}
    .locationsallParent .slectbox{width: 100%;}
    .mapAreahomepage{background: url(../public/images/picture_map.png) no-repeat;min-height: 450px;background-position: -270px 0;}
    footer .upperinner{max-width: 1000px;}
    .buildtosuithome .acc-head p {padding: 0px 0px 10px 0px;text-transform: capitalize;font-weight: 700;}
    .buildtosuithome .acc-content > div .sliderf1{top: -50px;}
    .testmonialshome .testemonialssliderparent{padding: 45px 60px 12px 60px;}
    .testmonialshome .testemonialssliderparent .slides .slick-slide .testimonial{padding-bottom: 80px;}
    .matrixbar{padding: 30px 0px;}
    .herosection .slider > div img{max-height: 400px;}
    .headerstrip{height: 40px;}
    .headerstrip .inner a.enquirenowbtn{height: auto;padding: 3px 0px;font-size: 14px;}
    header .inner nav a{font-size: 14px;}
    header{height: auto;}
    .locationdetailparent .heroarea .whiteinfobox .parent > div{padding: 20px 8px;width: 25%;}
    .locationdetailparent .heroarea .whiteinfobox .parent{justify-content: space-between;}
    .locationsherosec > img{min-height: 500px;}
    .locationsallParent .locationsbox{
        max-width: 33%;
    display: inline-block;
    }
    footer .mainfooter .inner, .matrixbar .inner, .herosection .slider > div .slick-slide .contentbox{padding: 0px 100px;}
    .mapAreahomepage .contentboxarea h4{font-size: 30px;}
    .buildtosuithome .acc-head{font-size: 25px;}
    .leagueserviceparenthome .inner .rightsec{
        margin-left: 20px;
    }
    .leagueserviceparenthome .inner .leftsec p{
        font-size: 16px;
    }
    .structureparent img, .headerstrip .inner, header .inner, .locationdetailparent .welcomesec, .scheduleatourparet > div, .infrastructurebox, .parkgallery > div, .accessbilitysec, .locationsherosec.specialitiespagehero > div, .transportationmanagementboxparent, .takeboxparent > div, .valueaddedbox > div, .askexpertparent > div, .brandsparent > div, .aboutglance img, .valuesbox .boxparent, .whatitmeantparent .findoutparent, .ourwarehouseandparks > div, .businessweserve, .spaces .boxesparent{ 
        padding: 0px 100px;}
    .ourclientshome, .testmonialshome, .leagueserviceparenthome .inner, .buildtosuithome .acc-container, .structureparent img, .locationsherosec .contentbox, .locationsallParent > div, .locationdetailparent .heroarea, .herobeloabout{
        padding: 0px 100px;
    }
    .mapAreahomepage .contentboxarea{
        padding-right: 0px;
    }
    .leagueserviceparenthome .inner .leftsec h3{
        font-size: 20px;
    }
    .buildtosuithome .acc-content > div .sliderf1{
        left: 0;
    }
    footer .upperinner h3{
        font-size: 30px;
    }
}
@media screen and (max-width: 768px) and (min-width: 300px) {.wrapper_{padding: 40px 15px !important;}}
@media screen and (max-width: 15000px) and (min-width: 1321px) {
    .wrapper_ {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;}
    .locationdetailparent .heroarea .whiteinfobox .parent > div{padding: 20px 15px;width: 25%;}
    .locationdetailparent .heroarea .whiteinfobox .parent{justify-content: space-between;}
    .locationsherosec > img{min-height: 550px;}
    .locationsallParent .locationsbox{max-width: 33%;display: inline-block;}
    .structureparent img, .headerstrip .inner, header .inner, .matrixbar .inner, .herosection .slider > div .slick-slide .contentbox, footer .mainfooter, footer .upperinner, .buildtosuithome .acc-container, .leagueserviceparenthome .inner, .locationsherosec .contentbox, .locationsallParent > div, .locationdetailparent .heroarea, .locationdetailparent .welcomesec, .scheduleatourparet > div, .infrastructurebox, .parkgallery > div, .accessbilitysec, .locationsherosec.specialitiespagehero > div, .transportationmanagementboxparent, .takeboxparent > div, .valueaddedbox > div, .askexpertparent > div, .brandsparent > div, .aboutglance img, .valuesbox .boxparent, .whatitmeantparent .findoutparent, .ourwarehouseandparks > div, .businessweserve, .spaces .boxesparent, .herobeloabout{max-width: 1280px;margin: 0 auto;}
}
header .inner nav a:last-child {
    border: none;
}

.accessbilitysec .namesec .name{display: none;}
.blogs_and_news .newssliders .slick-slide img {
    height: 500px;
    object-fit: cover;
}
.wrapper_ {
    position: relative;
    /*max-width: 100%;*/
    margin: 0 auto;
    padding: 40px 0px;
}
.wrapper_ h1 {
    font-size: 30px;
    font-family: 'Poppins';    margin-bottom: 20px;
}
.wrapper_ p {
    font-family: 'Poppins';
}
.blog-post h2 {
    font-size: 24px;
    font-family: 'Poppins';
    margin: 30px 0px 10px 0px;
}
.blog-post img {
    width: 100%;
}
.maintext h2 {
    font-size: 26px;
    margin-bottom: 8px;
}
.insight h2 {
    position: relative;
    font-size: 35px;
    font-family: 'Poppins';
    color: #fff;
    letter-spacing: normal;
    line-height: normal;
    margin-top: 30px;
}
.maintext p {
    position: relative;
    height: 114px;
    overflow: hidden;
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
    .locationdetailparent .heroarea h1{
        font-size: 30px;
    }
    .locationdetailparent .heroarea .locationname{font-size: 19px;}
    .infrastructurebox h3{font-size: 38px;}
}
@media screen and (max-width: 768px) and (min-width: 300px) {
    .locationsherosec.specialitiespagehero > div .contentbox{padding-top: 0px;}
    .specialitiespagehero .contentbox .contentsec p{font-size: 16px !important;}
    .visionmissionparent > div .maincontent .heading{margin-bottom: 0px;}
    .brandsparent div {
    padding: 0px 15px;
}
    .brandsparent > div img{height: 40px;}
    .wrapper_ h1{font-size: 25px;}.blog-post h2{font-size: 20px;}
    .blogs_details_{flex-direction: column;}.left_pnl_{width: 100% !important;}.right_pnl_{width: 100% !important;}
    .wrapper_s .wrapper_{flex-direction: column;}.img_blog_ {
    width: 100% !important;
}
.img_blog_ img {
    height: 260px !important;
}
.blogs_and_news .newssliders .slick-slide img{height: 380px;}.insight h2{font-size: 20px;}.maintext h2{font-size: 18px;}
.back {
    /*width: 100% !important;*/
}.wrapper_s .description{margin-top: 20px;}
    /*.slick-slide.slick-current.slick-active.slick-center{width: 300px !important;}*/
    .matrixbar{padding: 20px 0px;background-size: cover;}
    .matrixbar .inner div .counters{font-size: 16px;}.matrixbar .inner div .txt{font-size: 11px;}.structureparent h1{font-size: 25px;}
}
@media screen and (max-width: 80000px) and (min-width: 769px) {
.blogs_and_news .slick-list.draggable:after {
    position: absolute;
    display: block;
    content: "";
    width: 80px;
    height: 100%;
    background: #000;
    top: 0;
    left: 0;
    background: #fffbd5;
    background: -webkit-linear-gradient(to right, #b20a2c, #fffbd5);
    background: linear-gradient(to right, #0000008c, #ffffff00);
    /* border-radius: 0px 50px 50px 0px; */
}
}
.img_blog_ {
    width: 40%;
}
.back {
    width: 60%;
}
.img_blog_ img {
    width: 100%;height: 350px;
}
.wrapper_s {
    position: relative;
    display: block;
    background: #EDEDED;
    border-bottom: 2px solid #aaa;
}
.wrapper_s .wrapper_ {
    position: relative;
    display: flex;
    gap: 50px;
}
.wrapper_s .insight p {
    position: relative;
    display: inline-block;
    background: #165fac;
    width: auto;
    padding: 6px 10px;
    color: #fff;
    margin-bottom: 10px;
}
.wrapper_s h2 {
    font-family: 'Poppins';
}
.wrapper_s .description {
    position: relative;
    display: flex;
    justify-content: flex-end;
}
.wrapper_s a {
    position: relative;
    background: #ffffff00;
    padding: 10px 10px;
    color: #f26921;
    border: 1px solid #f26921;
    font-size: 18px;
    border-radius: 5px;
}
.blogs_details_ {
    position: relative;
    display: flex;
    gap: 50px;
}
.left_pnl_ {
    position: relative;
    width: 70%;
}
.right_pnl_ {
    position: relative;
    width: 30%;
}
.right_pnl_ li.latest-blog-item {
    position: relative;
    display: flex;background: #e2e2e2;margin-bottom: 15px;
    gap: 10px;
}
.right_t {
    position: relative;
    width: 70%;
    padding: 6px 6px;
}
.left_img {
    position: relative;
    width: 30%;
}
.left_img img {
    height: 100%;
    object-fit: cover;
}
.right_t p {
    font-size: 12px;
}
.right_t h3 {
    font-size: 12px;
    font-family: 'Poppins';
}
.right_t a {
    position: relative;
    padding: 4px 6px;
    font-size: 13px;
    display: inline-block;
    font-family: 'Poppins';
    background: #f26921;
    color: #fff;
    border-radius: 4px;
}
.right_pnl_ h2 {
    color: #165fac;
}
.img_blog_ img{object-fit: cover;}


/* ...................mj_css.................. */