*{
    padding:0;
    margin:0
}
@import 'https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap';
html{
    scroll-behavior:smooth
}
body,html{
    height:100%;
    margin:0;
    background:#0c0347
}
p{
    margin:0
}
html{
    height:100%;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    scroll-behavior:smooth
}
a{
    text-decoration:none
}
a:hover{
    text-decoration:none
}
h1,h2,h3,h4,h5{
    margin:0;
    padding:0
}
ul{
    list-style-type:none;
    display:inline-block;
    width:100%;
    padding:0;
    margin:0
}
.btn{
    border:none
}
h1{
    font-size:36px
}
h2{
    font-size:30px
}
h3{
    font-size:24px
}
h4{
    font-size:20px
}
h5{
    font-size:18px
}
h6{
    font-size:16px
}
.text-uppercase{
    text-transform:uppercase
}
.p-10{
    padding-top:10px;
    padding-bottom:10px
}
.p-20{
    padding-top:20px;
    padding-bottom:20px
}
.p-30{
    padding-top:30px;
    padding-bottom:30px
}
.p-40{
    padding-top:40px;
    padding-bottom:40px
}
.p-50{
    padding-top:50px;
    padding-bottom:50px
}
.p-60{
    padding-top:60px;
    padding-bottom:60px
}
.p-70{
    padding-top:70px;
    padding-bottom:70px
}
.p-80{
    padding-top:80px;
    padding-bottom:80px
}
.p-90{
    padding-top:90px;
    padding-bottom:90px
}
.p-100{
    padding-top:100px;
    padding-bottom:100px
}
.pt-10{
    padding-top:10px
}
.pt-20{
    padding-top:20px
}
.pt-30{
    padding-top:30px
}
.pt-40{
    padding-top:40px
}
.pt-50{
    padding-top:50px
}
.pt-60{
    padding-top:60px
}
.pt-70{
    padding-top:70px
}
.pt-80{
    padding-top:80px
}
.pt-90{
    padding-top:90px
}
.pt-100{
    padding-top:100px
}
.pb-10{
    padding-bottom:10px
}
.pb-20{
    padding-bottom:20px
}
.pb-30{
    padding-bottom:30px
}
.pb-40{
    padding-bottom:40px
}
.pb-50{
    padding-bottom:50px
}
.pb-60{
    padding-bottom:60px
}
.pb-70{
    padding-bottom:70px
}
.pb-80{
    padding-bottom:80px
}
.pb-90{
    padding-bottom:90px
}
.pb-100{
    padding-bottom:100px
}
.pb-150{
    padding-bottom:150px
}
.pb-200{
    padding-bottom:200px
}
.mt-10{
    margin-top:10px
}
.mt-20{
    margin-top:20px
}
.mt-30{
    margin-top:30px
}
.mt-40{
    margin-top:40px
}
.mt-50{
    margin-top:50px
}
.mt-60{
    margin-top:60px
}
.mt-70{
    margin-top:70px
}
.mt-80{
    margin-top:80px
}
.mt-90{
    margin-top:90px
}
.mt-100{
    margin-top:100px
}
.mb-10{
    margin-bottom:10px
}
.mb-20{
    margin-bottom:20px
}
.mb-30{
    margin-bottom:30px
}
.mb-40{
    margin-bottom:40px
}
.mb-50{
    margin-bottom:50px
}
.mb-60{
    margin-bottom:60px
}
.mb-70{
    margin-bottom:70px
}
.mb-80{
    margin-bottom:80px
}
.mb-90{
    margin-bottom:90px
}
.mb-100{
    margin-bottom:100px
}
.no-padding{
    padding:0
}
.no-margin{
    margin:0
}
.max-container90{
    max-width:90%;
    margin:0 auto
}
.site-office{
    color:#fff;
    font-size:14px;
    margin-bottom:10px
}
@font-face{
    font-family:butler;
    src:url(../fonts/Butler_Ultra_Light.otf) format("opentype"),url(Butler_Ultra_Light.woff) format('woff');
    font-weight:100;
    font-style:normal
}
@font-face{
    font-family:butler;
    src:url(../fonts/Butler_Light.otf) format("opentype"),url(../fonts/Butler_Light.woff) format('woff');
    font-weight:300;
    font-style:normal
}
@font-face{
    font-family:butler;
    src:url(../fonts/Butler_Regular.otf) format("opentype"),url(../fonts/Butler_Regular.woff) format('woff');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:butler;
    src:url(../fonts/Butler_Medium.otf) format("opentype"),url(../fonts/Butler_Medium.woff) format('woff');
    font-weight:500;
    font-style:normal
}
@font-face{
    font-family:butler;
    src:url(../fonts/Butler_Bold.otf) format("opentype"),url(../fonts/Butler_Bold.woff) format('woff');
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:butler;
    src:url(../fonts/Butler_ExtraBold.otf) format("opentype"),url(../fonts/Butler_ExtraBold.woff) format('woff');
    font-weight:800;
    font-style:normal
}
@font-face{
    font-family:butler;
    src:url(../fonts/Butler_Black.otf) format("opentype"),url(../fonts/Butler_Black.woff) format('woff');
    font-weight:900;
    font-style:normal
}
::-webkit-scrollbar{
    width:5px
}
::-webkit-scrollbar-track{
    background:#fff
}
::-webkit-scrollbar-thumb{
    background:#888
}
::-webkit-scrollbar-thumb:hover{
    background:#555
}

@keyframes boxRotate {

  0%,
  100% {
    transform: rotateY(0deg);
    visibility: visible;
  }

  25%,
  75% {
    visibility: hidden;
    transform: rotateY(-90deg);
  }

  50% {
    transform: rotateY(-180deg);
    visibility: visible;
  }
}

@keyframes boxRotateReverse {

  0%,
  100% {
    transform: rotateY(0deg);
    visibility: visible;
  }

  25%,
  75% {
    transform: rotateY(90deg);
    visibility: hidden;
  }

  50% {
    transform: rotateY(180deg);
    visibility: visible;
  }
}
#loader-wrapper{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000
}
#loader-wrapper .loader-section{
    position:fixed;
    top:0;
    width:51%;
    height:100%;
    background:#414141;
    z-index:1000
}
#loader-wrapper .loader-section.section-left{
    left:0
}
#loader-wrapper .loader-section.section-right{
    right:0
}
.loaded #loader-wrapper .loader-section.section-left{
    -webkit-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    transform:translateX(-100%);
    -webkit-transition:all .7s .3s cubic-bezier(.645,.045,.355,1);
    transition:all .7s .3s cubic-bezier(.645,.045,.355,1)
}
.loaded #loader-wrapper .loader-section.section-right{
    -webkit-transform:translateX(100%);
    -ms-transform:translateX(100%);
    transform:translateX(100%);
    -webkit-transition:all .7s .3s cubic-bezier(.645,.045,.355,1);
    transition:all .7s .3s cubic-bezier(.645,.045,.355,1)
}
.loaded #loader-wrapper{
    visibility:hidden;
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
    -webkit-transition:all .3s 1s ease-out;
    transition:all .3s 1s ease-out
}

.custom-checkbox {
    margin-top: 15px;
    margin-bottom: 15px;
}

.custom-checkbox label {
    font-size: 10px;
    color: #fff;
}

.custom-checkbox label a{
    text-decoration: underline;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #fee2ca;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2.75 8.75l3.5 3.5l7-7.5'/%3E%3C/svg%3E");
}

.custom-control-label::before{
top:0;
}

.custom-control-label::after{
top:0;
}

article{
    overflow:hidden
}
.bg-blue{
    background:#0c0347!important
}
.bg-white{
    background:#fff!important
}
.desk-view{
    display:block
}
.mob-view{
    display:none
}
.owl-dot{
    outline:none!important
}
.main-heading{
    position:relative;
    display:block;
    width:100%
}
.main-heading h5{
    font-size:14px;
    font-family:lato,sans-serif;
    font-weight:400;
    text-align:center;
    text-transform:uppercase;
    margin-bottom:20px;
    color:#fff
}
.main-heading h2{
    font-family:butler,sans-serif;
    font-weight:400;
    font-size:42px;
    text-align:center;
    background:-webkit-linear-gradient(#fff3cd,#ecc5a4);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    text-transform:capitalize
}
.main-heading img{
    text-align:center;
    width:140px;
    margin:0 auto;
    display:block;
    margin-bottom:20px
}
.zindex999999{
    z-index:999999;
    position:relative
}
.navigation-wrap{
    position:relative;
    z-index:99999999!important
}
.start-header{
    opacity:1;
    transform:translateY(0);
    padding:20px 0;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.home-header .logo{
    opacity:0;
    transition:visibility 0s linear 300ms,opacity 300ms
}
.scroll-on .logo{
    opacity:1;
    transition:visibility 0s linear 500ms,opacity 500ms
}
.start-header.scroll-on{
    padding:10px 0;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.navigation-wrap{
    position:fixed;
    width:100%;
    top:0;
    left:0;
    z-index:1000;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
    background:#0c0347
}
.navbar{
    padding:0
}
.navbar-nav{
    display:flex;
    align-items:center;
    justify-content:end
}
.navbar-brand img{
    display:block;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.navbar-toggler{
    float:right;
    border:none;
    padding-right:0
}
.navbar-toggler:active,.navbar-toggler:focus{
    outline:none
}
.navbar-light .navbar-toggler-icon{
    width:24px;
    height:17px;
    background-image:none;
    position:relative;
    border-bottom:1px solid #000;
    transition:all 300ms linear
}
.navbar-light .navbar-toggler-icon:after,.navbar-light .navbar-toggler-icon:before{
    width:24px;
    position:absolute;
    height:1px;
    background-color:#000;
    top:0;
    left:0;
    content:'';
    z-index:2;
    transition:all 300ms linear
}
.navbar-light .navbar-toggler-icon:after{
    top:8px
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after{
    transform:rotate(45deg)
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before{
    transform:translateY(8px) rotate(-45deg)
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon{
    border-color:transparent
}
.nav-link{
    color:#fff!important;
    text-transform:uppercase;
    font-weight:400;
    transition:all 200ms linear;
    letter-spacing:.3px;
    font-size:13px
}
.nav-item:hover .nav-link{
    color:#fef0ca!important
}
.nav-item.active .nav-link{
    color:#fef0ca!important
}
.nav-link{
    position:relative;
    padding:13px 0!important;
    display:inline-block
}
.nav-item:after{
    position:absolute;
    bottom:-5px;
    left:0;
    width:0;
    height:1px;
    content:'';
    background-color:#fef0ca;
    opacity:0;
    transition:width .5s,background-color .5s
}
.nav-item:hover:after{
    bottom:-2;
    opacity:1;
    width:100%;
    transition:width .5s,background-color .5s
}
.nav-item.active:hover:after{
    opacity:0
}
.nav-item.activeclass:after{
    bottom:-2;
    opacity:1;
    width:100%;
    transition:width .5s,background-color .5s
}
.nav-item{
    position:relative;
    transition:all 200ms linear
}
a:-webkit-any-link:focus-visible{
    outline-offset:0!important;
    border:none!important;
    outline:none!important
}
.dropdown-menu{
    position:absolute;
    top:100%;
    left:-1px;
    z-index:1000;
    display:none;
    float:left;
    min-width:10rem;
    padding:0;
    margin:2px 0 0;
    font-size:1rem;
    color:#212529;
    text-align:left;
    list-style:none;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid rgba(0,0,0,.15);
    border-radius:0
}
.dropdown-item{
    color:#0c0347!important;
    text-transform:uppercase;
    font-weight:400;
    transition:.5s;
    letter-spacing:.3px;
    font-size:13px;
    padding:8px 10px;
    border-bottom:1px solid #eee
}
.dropdown-item:hover{
    background:#fee2ca;
    color:#0c0347!important;
    transition:.5s
}
.full-height{
    height:100vh
}
.over-hide{
    overflow:hidden
}
.absolute-center{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    margin-top:40px;
    transform:translateY(-50%);
    z-index:20
}
.navbar-expand-md .navbar-nav{
    justify-content:end
}
.header-btn{
    font-family:Lato,sans-serif;
    font-weight:500;
    background:0 0;
    border-radius:0;
    padding:8px 15px;
    transition:all .3s;
    margin-top:-5px;
    color:#fff;
    border:2px solid #fff;
    text-transform:uppercase;
    font-size:13px
}
.header-btn:hover{
    background:#fee2ca;
    transition:all .3s;
    color:#0c0347;
    border:2px solid #fff
}
#custCarousel{
    position:relative;
    z-index:999;
    background:#0c0347;
    margin-top:95px;
}
.logo{
    width:200px;
    margin:0 auto
}
.banner{
    background-position:50% 0%;
    background-size:cover;
    height:100%;
}
.banner .visibility{
    visibility:hidden
}
.banner .banner-text{
    text-align:center
}
.banner .banner-text p{
    font-size:14px;
    font-family:lato,sans-serif;
    font-weight:400;
    text-align:center;
    text-transform:uppercase;
    margin-bottom:30px;
    color:#fff
}
.banner .banner-text h2{
    font-family:butler,sans-serif;
    font-weight:400;
    font-size:42px;
    text-align:center;
    background:-webkit-linear-gradient(#fff3cd,#ecc5a4);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    margin-bottom:35px
}
.banner-btn{
    font-family:Lato,sans-serif;
    font-weight:500;
    background:0 0;
    border-radius:0;
    padding:10px 30px;
    transition:all .3s;
    margin-top:20px;
    color:#fff;
    border:2px solid #fff;
    text-transform:uppercase;
    font-size:14px;
    color:#fff;
    display:block;
    margin-bottom:20px
}
.banner-btn:hover{
    background:#fee2ca;
    transition:all .3s;
    color:#0c0347;
    border:2px solid #fff
}
.banner2{
    background:url(../images/transparent-banner.webp);
    background-position:50% 0%;
    background-size:cover;
    height:100vh
}
.banner2 .banner-text{
    text-align:center
}
.banner2 .banner-text p{
    font-size:14px;
    font-family:lato,sans-serif;
    font-weight:400;
    text-align:center;
    text-transform:uppercase;
    margin-bottom:30px;
    color:#fff
}
.banner2 .banner-text h1{
    font-family:butler,sans-serif;
    font-weight:400;
    font-size:40px;
    text-align:center;
    background:-webkit-linear-gradient(#fff3cd,#ecc5a4);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    margin-bottom:50px
}
.carousel-control-next,.carousel-control-prev{
    position:absolute;
    top:auto;
    bottom:30px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:4%;
    color:#fff;
    text-align:center;
    opacity:1;
    background:#0c0347;
    width:35px;
    height:35px;
    padding:8px;
    border:2px solid #fff
}
.carousel-control-prev{
    right:70px;
    left:auto
}
.carousel-control-next{
    right:30px
}
.banner .left-box{
    position: absolute;
    background: #0c0347;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    left: 0;
    flex-wrap: wrap;
    max-width: 400px;
    right:0;
    margin: 0px auto;
    top:10px;
}
.banner .left-box .logo-box{padding-bottom: 80px;}
#homevideo iframe{
    max-width:90%!important;
    height:550px!important
}
.about{
    position:relative;
    background:#f1effd
}
.about h4{
    font-size:18px;
    font-family:butler,sans-serif;
    font-weight:400;
    color:#2d2d2d;
    line-height:26px;
    max-width:90%
}
.about p{
    font-size:14px;
    color:#2d2d2d;
    font-family:lato,sans-serif;
    font-weight:400;
    max-width:90%
}
.about .button .inner-button:before{
    content:"";
    position:absolute;
    height:1px;
    width:40px;
    background-color:#2d2d2d;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:background-color .3s;
    transition:background-color .3s
}
.about .button .inner-button{
    display:inline-block;
    font-family:lato,sans-serif;
    font-weight:400;
    transition:all .3s;
    color:#2d2d2d;
    position:relative;
    border:none;
    text-transform:uppercase;
    font-size:.8em;
    letter-spacing:1px;
    padding-left:50px;
    margin-bottom:5px;
    margin-top:20px
}
.about .button a:hover .inner-button:before{
    background-color:#110b46;
    transition:all .3s
}
.about .button a:hover .inner-button{
    color:#110b46;
    transition:all .3s
}
.explore-facilities{
    position:relative;
    background:#110b46
}
.explore-facilities .main-heading h5{
    color:#fff
}
.explore-facilities .main-heading h2{
    background:-webkit-linear-gradient(#fff3cd,#ecc5a4);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.explore-facilities .explore-facilities-box{
    width:100%;
    display:flex;
    justify-content:space-evenly
}
.explore-facilities .explore-facilities-box .explore-text-box{
    padding:0 20px
}
.explore-facilities .explore-facilities-box .explore-text-box h4{
    font-size:24px;
    font-family:butler,sans-serif;
    font-weight:400;
    background:-webkit-linear-gradient(#fff3cd,#ecc5a4);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    margin:15px auto
}
.explore-facilities .explore-facilities-box .explore-text-box p{
    font-family:lato,sans-serif;
    font-weight:300;
    color:#fff;
    font-size:13px
}
.explore-btn{
    font-family:butler,sans-serif;
    font-weight:500;
    background:0 0;
    border-radius:0;
    padding:8px 30px;
    transition:all .3s;
    margin-top:20px;
    border:2px solid #fff;
    color:#fff!important
}
.explore-btn:hover{
    background:#fee2ca;
    color:#110b46!important;
    border:2px solid #fff;
    transition:all .3s
}
.explore-freeport{
    position:relative;
    background:#f1effd
}
.explore-freeport .main-heading h5{
    color:#414141
}
.explore-freeport .main-heading h2{
    background:-webkit-linear-gradient(#414141,#414141);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.explore-freeport ul{
    margin:0;
    padding:0;
    display:inline-block;
    margin-top:50px
}
.explore-freeport ul li{
    width:100%;
    float:left;
    display:inline-block
}
.explore-freeport ul li .image-box{
    overflow:hidden
}
.explore-freeport ul li .image-box img{
    transition:transform .8s
}
.explore-freeport ul li:hover .image-box img{
    transform:scale(1.1)
}
.explore-freeport ul li .freeport-text-box{
    background:#110b46;
    padding:20px 15px;
    display:inline-block;
    width:100%;
    text-align:center
}
.freeport-btn{
    font-family:butler,sans-serif;
    font-weight:500;
    background:#52c9ee;
    border-radius:0;
    padding:8px 10px;
    transition:all .3s;
    color:#fff;
    text-align:center;
    margin-top:-40px;
    margin-bottom:20px;
    position:relative;
    z-index:99
}
.freeport-btn:hover{
    background:#52c9ee;
    transition:all .3s
}
.explore-freeport ul li .freeport-text-box p{
    font-family:butler,sans-serif;
    font-weight:400;
    color:#fff;
    font-size:16px;
    margin:5px auto
}
.explore-freeport ul li .freeport-text-box h3{
    font-family:lato,sans-serif;
    font-weight:600;
    color:#fff;
    font-size:28px;
    margin:5px auto
}
.project-image{
    position:relative;
    background:#f1effd
}
.project-image .main-heading h5{
    color:#414141
}
.project-image .main-heading h2{
    background:-webkit-linear-gradient(#414141,#414141);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.project-image .project-building{
    background:url(../images/project-building.webp);
    background-size:cover;
    background-position:center;
    height:700px;
    width:100%;
    background-attachment:fixed
}
.location-map{
    position:relative;
    background:#110b46;
    overflow:hidden
}
.location-map .main-heading h5{
    color:#fff
}
.location-map .main-heading h2{
    background:-webkit-linear-gradient(#fff3cd,#ecc5a4);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.location-map ul{
    list-style-type:square;
    padding-left:25px
}
.location-map ul li{
    font-family:lato,sans-serif;
    font-weight:300;
    font-size:13px;
    color:#414141;
    padding:1px 0
}
.location-map .table-bordered{
    width:100%
}
#accordionExample{
    max-height:500px;
    overflow-y:scroll;
    margin-right:10px;
    padding-right:0;
    margin-top:0px;
    margin-bottom:0px
}
#accordionExample .card{
    border-radius:0;
    border:none
}
#accordionExample h4{
    cursor:pointer;
    color:#414141;
    font-size:16px;
    font-family:lato,sans-serif;
    font-weight:400;
    text-transform:uppercase;
    padding:6px 10px;
    border:none;
    background:0 0;
    border-bottom:1px solid #d1d0d0;
    margin-left:0;
    display:flex;
    align-items:center;
    justify-content:space-between
}
#accordionExample section:first-child h4{
    border-top:1px solid #d1d0d0
}
#accordionExample h4[aria-expanded=true]{
    color:#110b46
}
#accordionExample h4[aria-expanded=true] .aero{
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
    transition:.5s
}
#accordionExample h4[aria-expanded=false] .aero{
    transition:.5s
}
#accordionExample h4 .title{
    margin-left:10px
}
#accordionExample h4 .aero{
    float:right;
    border:2px solid #aaa;
    border-radius:100px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:25px;
    height:25px
}
#accordionExample .hover-effect span{
    width:100%
}
#accordionExample .hover-effect span .hover-element:nth-child(2){
    width:100%
}
#accordionExample .panel-heading{
    cursor:pointer
}
#accordionExample .panel-body{
    padding:15px 10px;
    margin-left:0
}
#accordionExample .panel-body p:first-child{
    margin-top:10px
}
#accordionExample .panel-body p{
    width:100%;
    display:inline-block;
    font-size:14px;
    margin-bottom:10px;
    line-height:18px
}
#accordionExample .panel-body p .particular{
    width:80%;
    float:left
}
#accordionExample .panel-body p .kms{
    width:20%;
    text-align:right;
    float:right
}
.blog{
    position:relative;
    background:#fff;
    background:linear-gradient(to top,#110b46 0%,#110b46 50%,#110b46 50%,white 50%,white 100%)
}
.blog .main-heading h5{
    color:#414141
}
.blog .main-heading h2{
    background:-webkit-linear-gradient(#414141,#414141);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.blog ul{
    margin:0;
    padding:0;
    display:inline-block;
    margin-top:30px
}
.blog ul li{
    width:100%;
    float:left;
    display:inline-block;
    background:#fff
}
.blog ul li .blog-text-box{
    padding:30px 25px;
    min-height:300px;
}
.blog ul li .blog-text-box h3{
    font-family:butler,sans-serif;
    font-weight:600;
    font-size:22px;
    color:#414141;
    margin-bottom:5px
}
.blog ul li .blog-text-box span{
    font-family:lato,sans-serif;
    font-weight:400;
    font-size:14px;
    color:#ccc
}
.blog ul li .blog-text-box p{
    font-family:lato,sans-serif;
    font-weight:400;
    font-size:14px;
    color:#414141;
    margin:20px 0;
    margin-top:5px;
    max-width:100%
}
.read-btn{
    font-family:butler,sans-serif;
    font-weight:500;
    background:#110b46;
    border-radius:0;
    padding:8px 30px;
    transition:all .3s;
    margin-top:0;
    color:#fff
}
.read-btn:hover{
    background:#fee2ca;
    transition:all .3s;
    color:#110b46
}
.explore-investment{background: #fff;}
.explore-investment .explore-box{background: #041a28;display: flex;align-items: center;justify-content: space-between;max-width: 75%;padding: 0px 100px;margin: 0px auto;border-radius: 10px;}
.explore-investment .explore-box .explore-text{margin-right: 50px;}
.explore-investment .explore-box h3{font-family: butler,sans-serif;
    font-weight: 600;
    font-size: 22px;
    color: #fff;
    margin-bottom: 5px;}
.explore-investment .explore-box p{margin-bottom: 0px;
    color: #ffffff;
    font-weight: 300;
    line-height: 24px;
    font-family: lato,sans-serif;
    font-size: 14px;
    opacity: 100%;}
.explore-form-btn{background: #236077;color: #fff ! important;border-radius: 120px;font-family: lato,sans-serif;font-size: 14px;padding: 12px 40px ! important;transition: .5s;}
.explore-form-btn:hover{background: #144a5e;transition: .5s;}
.expand{
    background:#f1effd
}
.expand .tab-box{
    width:90%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto;
    margin-top:-130px;
    position:relative
}
.expand .tab-box .box{
    background:#52c9ee;
    padding:25px;
    text-align:left;
    flex:1;
    transition:.5s;
    height:250px
}
.expand .tab-box .box:first-child{
    background:#52c9ee
}
.expand .tab-box .box:nth-child(2){
    background:#f7b63d
}
.expand .tab-box .box:nth-child(3){
    background:#90c026
}
.expand .tab-box .box:hover{
    flex:2;
    transition:.5s
}
.expand .tab-box .box h3{
    font-family:butler,sans-serif;
    font-weight:600;
    font-size:22px;
    color:#fff;
    margin-bottom:5px
}
.expand .tab-box .box p{
    font-family:lato,sans-serif;
    font-weight:400;
    font-size:14px;
    color:#fff;
    margin:20px 0;
    max-width:90%
}
.expand .read-btn{
    font-family:butler,sans-serif;
    font-weight:500;
    background:#fff;
    border-radius:0;
    padding:8px 30px;
    transition:all .3s;
    margin-top:0;
    color:#414141
}
.expand .read-btn:hover{
    background:#080235;
    transition:all .3s;
    color:#fff
}
.expand .main-heading h5{
    color:#414141
}
.expand .main-heading h2{
    background:-webkit-linear-gradient(#414141,#414141);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.expand .service-block{
    border:1px solid #ccc
}
.newsletter{
    background:#080231;
    position:relative;
    z-index:999999
}
.newsletter .newsletter-box{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.newsletter .newsletter-box h3{
    font-family:butler,sans-serif;
    font-weight:600;
    font-size:22px;
    color:#fff;
    margin-bottom:5px
}
.newsletter .newsletter-box .newsletter-form .form-group{
    width:300px;
    border:1px solid rgb(255 255 255/10%)
}
.newsletter .newsletter-box #subscribe{
    background:#0f0a3a;
    color:#0b162a;
    width:100%;
    border-radius:0;
    font-size:14px;
    border:none
}
.newsletter .newsletter-box #subscribe::placeholder{
    color:#fff;
    font-family:lato,sans-serif;
    font-size:12px;
    opacity:40%
}
.newsletter .newsletter-box .subscribe-btn{
    float:right;
    position:absolute;
    outline:none!important;
    border:none;
    width:100px;
    height:38px;
    background:#080231;
    color:#fff;
    cursor:pointer;
    text-decoration:none;
    transition:all .3s;
    font-size:14px
}
.newsletter .newsletter-box .subscribe-btn:hover{
    background:#e9cbb1;
    transition:all .3s;
    color:#080231
}
footer{
    background:#040214;
    padding:80px 0;
    position:relative;
    z-index:999999
}
footer h3{
    font-family:butler,sans-serif;
    font-weight:600;
    font-size:18px;
    color:#fff;
    margin-bottom:15px;
    text-transform:uppercase
}
footer ul{
}
footer ul li{
    padding:2px 0
}
footer ul li a{
    color:#727277;
    font-family:lato,sans-serif;
    font-size:14px;
    transition:.5s
}
footer ul li a:hover{
    color:#fee2ca;
    transition:.5s
}
footer p{
    color:#727277;
    font-family:lato,sans-serif;
    font-size:14px;
    margin-bottom:15px
}
footer p a{
    color:#727277;
    font-family:lato,sans-serif;
    font-size:14px;
    transition:.5s
}
footer p a:hover{
    color:#fee2ca;
    transition:.5s
}
footer #footer-side-form{
    margin-bottom:20px;
}
footer #footer-side-form .form-control{
    background:0 0;
    border-radius:0;
    border:1px solid #2a2936
}
footer #footer-side-form .form-control::placeholder{
    color:#727277;
    font-family:lato,sans-serif;
    font-size:12px
}
footer .button_submit{
    position:relative;
    outline:none!important;
    border:none;
    width:auto;
    height:38px;
    background:#fee2ca;
    color:#0b162a;
    cursor:pointer;
    text-decoration:none;
    border-radius:0;
    text-transform:uppercase;
    padding:0 30px;
    margin-left:0
}
footer .button_submit:hover{
    background:#e9cbb1;
    transition:all .3s
}
footer .social{
    margin-top:20px
}
footer .social ul li{
    display:inline-block;
    margin-right:5px
}
footer .social ul li a{
    color:#727277;
    border:2px solid #727277;
    border-radius:50px;
    width:44px;
    height:44px;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.5s
}
footer .social ul li a i{
    font-size:16px;
    transition:.5s
}
footer .social ul li a:hover{
    border:2px solid #fee2ca;
    transition:.5s
}
footer .social ul li a:hover i{
    color:#fee2ca;
    transition:.5s
}

.construction-updates{}
.construction-updates .nav-pills{align-items:center;justify-content:flex-start;margin-bottom:15px;grid-gap:15px}
.construction-updates .nav-pills li .active{background: #fee2ca;color: #fff;padding: 6px 15px;border-radius: 4px;display: block;color:#000;transition:.5s;}
.construction-updates .nav-pills li a:hover{background: #fee2ca;color: #fff;padding: 6px 15px;border-radius: 4px;display: block;color:#000;transition:.5s;}
.construction-updates .nav-pills li a{background: #0c0347;color: #fff;padding: 6px 15px;border-radius: 4px;display: block;margin:0px 0px;font-size:14px;font-family:'butler',sans-serif;font-weight:600;}

.construction-gallery{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:15px}
.construction-gallery .construction-item{border:1px solid #aaa;padding:10px;text-align:center;font-size:14px;}
.construction-gallery .construction-item span{margin-top:5px;display:block}
.construction-gallery .construction-item a .card img{height:200px;object-fit:cover}

#construction-month{flex-direction:column;}
#construction-month li{width:100%;text-align:center;}
#construction-month li a{font-size:12pt;}

.month-dropdown { 
    background: #0c0347;
    list-style: none;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    color: #fff;
    font-family: 'butler',sans-serif;
    border: 1px solid #eee;
    width: 100%;
    border-radius: 4px;
}
.month-dropdown li { 
  padding: 19px 20px; z-index: 2;
}
.month-dropdown li:not(.init) { 
    float: left;
    padding: 0px;
    width: 100%;
    display: none;
    background: #fee2ca ! important;
    color: #000;
    position: relative;
    padding: 10px 10px ! important;
    border-bottom: 1px solid #eee;
}
.month-dropdown li:not(.init):hover, .month-dropdown li.selected:not(.init) { background: #eee ! important; color: #000;cursor:pointer;padding: 10px 10px;border-radius:0px ! important; }
li.init { cursor: pointer; }


.construction-gallery .construction-item a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #24247a;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.construction-gallery .construction-item a .card:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font: normal normal normal 26px/1 FontAwesome;
    content: '\f00e';
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}

.construction-gallery .construction-item a .card:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgb(12 3 71 / 50%);
    content: '';
    transition: 0.4s;
}

.construction-gallery .construction-item a .card:hover:after,
.construction-gallery .construction-item a .card:hover:before {
    opacity: 1;
}


#okCookie{
  background-color:#F2F2F2;
  color:#333333;
  position:fixed;
  top: auto;
  bottom:0;
  left:0;
  width:100%;
  padding:15px 15px;
  font-family:sans-serif;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
  border-top:1px solid #ccc;
  z-index:999999999;
  display: grid;
  grid-template-columns: 9fr 1fr 1fr;
  align-items: center;
  justify-content: flex-start;
  grid-gap:15px;
}

#okCookie p{ float:left;font-size: 8pt;text-align:justify;}

#okCookie #okClose, #okCookie #okCprivacy{
padding: 5px 20px;
    float: left;
    margin-left: 0px;
    text-decoration: none;
    border-radius: 0px;
    color: white;
    font-size: 10pt;
}

#okCookie #okClose{
  background:#39B54A;
    font-weight: 500;
    border-radius: 0;
    padding: 8px 15px;
    transition: all .3s;
    margin-top: 0;
    color: #fff;
    text-align: center;
}

#okCookie #okClose:hover{background-color:#42ce55}

#okCookie #okCprivacy{
    font-weight: 500;
    background: #110b46;
    border-radius: 0;
    padding: 8px 15px;
    transition: all .3s;
    margin-top: 0;
    color: #fff;
    text-align: center;
}

#okCookie #okCprivacy:hover{background-color:#a0a8ae}

.okcBeginAnimate{
    -webkit-animation: myfirst 2s; 
    animation: myfirst 2s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Standard syntax */
@keyframes myfirst {
    from {opacity: 0;}
    to {opacity: 1;}
} 

#disclaimerModal{
    z-index: 999999999;
}

#disclaimerModal .modal-dialog{
    background: #f7f7f7;
    border-radius: 4px;
    pointer-events: all;
    max-width:850px;
}

#disclaimerModal .modal-dialog p{
    text-align: justify;
    font-size: 7pt;
    margin-bottom: 10px;
}

.about-retailspace {position: relative;display: block;padding: 120px 0 120px;z-index: 1;background: #fff}
.section-title__tagline{font-family: 'lato', sans-serif;position: relative;display: block;color: #414141;font-size: 16px;line-height: 24px;text-transform: uppercase;letter-spacing: 0.1em;margin-bottom: 6px;font-weight: 500;}
.section-title__title{font-family: 'butler', sans-serif;margin: 0;font-size: 42px;line-height: 55px;text-transform: uppercase;}
.about-retailspace-shape {position: absolute;bottom: 0;left: 0;z-index: 2;}
.about-retailspace-left {position: relative;display: block;margin-right: 70px;z-index: 1;}
.about-retailspace-left:before {position: absolute;top: -120px;bottom: -140px;left: -10000000px;right: 230px;content: "";background-color: #f1effd;z-index: -1;}
.about-retailspace-img-box {position: relative;display: block;}
.about-retailspace-img-box:before {position: absolute;bottom: 0;left: -40px;height: 224px;width: 20px;content: "";background-color: #0c0347;border-radius: 2px}
.about-retailspace-img {position: relative;display: block;overflow: hidden;background: #17161a;z-index: 1;}
.about-retailspace-img:after {position: absolute;top: 0;left: -100%;display: block;content: '';width: 50%;height: 100%;background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);transform: skewX(-25deg);z-index: 1;}
.about-retailspace-img-box:hover .about-retailspace-img:after {-webkit-animation: shine 1.5s;animation: shine 1.5s;}
.about-retailspace-img img {width: 100%;transition: all 900ms ease;}
.about-retailspace-right {position: relative;display: block;}
.about-retailspace-right .section-title {margin-bottom: 15px;}
.about-retailspace-right-text {margin: 0;padding-bottom: 25px;font-family: 'lato', sans-serif;font-weight: 300;color:#414141}
.about-retailspace-bottom {position: relative;display: block;}
.about-retailspace-bottom-left {position: relative;display: block;margin-right: -35px;}
.about-retailspace-bottom-title {font-size: 22px;color: #414141;text-transform: uppercase;line-height: 35px;letter-spacing: 0.1em;font-family: 'butler', sans-serif;margin-bottom: 10px;}
.about-retailspace-points {position: relative;margin-top: 0px;margin-bottom: 0px;}
.about-retailspace-points li{display: flex;width:100%;float: left;align-items: center;margin-bottom: 10px;}
.about-retailspace-points li i{margin-right: 10px;color:#414141;}
.about-retailspace-points li span{font-family: 'lato', sans-serif;color:#414141;font-weight: 300;font-size: 14px;}
.about-retailspace-bottom-right {position: relative;display: block;margin-left: 42px;margin-top: 2px;}
.about-retailspace-bottom-right-content {position: relative;display: block;background-color: #f6f6f6;padding: 20px 39px 30px;}
.about-retailspace-bottom-right-icon span {font-size: 66px;color: #ea3f1c;position: relative;display: inline-block;transform: scale(1);transition: color 500ms ease, transform 500ms ease;}
.about-retailspace-bottom-right-content:hover .about-retailspace-bottom-right-icon span {transform: scale(.85);color: #17161a;}
.about-retailspace-bottom-right-title {font-size: 20px;line-height: 30px;text-transform: uppercase;margin-top: 16px;margin-bottom: 20px;font-family: 'lato', sans-serif;}



.about-officespace {position: relative;display: block;background: #110b46}
.color-white{color:#fff ! important;}
.about-officespace-left {position: relative;display: block;margin-left: 0px;}
.about-officespace-one-box-1 {position: absolute;bottom: 60px;right: 60px;height: 60px;width: 60px;background-color: #f7f7f7;animation: boxRotate 8s linear infinite;transform-origin: right;}
.about-officespace-one-box-2 {position: absolute;bottom: 0;right: 0;height: 60px;width: 60px;background-color: #f7f7f7;animation: boxRotate 8s linear infinite;transform-origin: left;}
.about-officespace-one-box-3 {position: absolute;bottom: -112px;right: 112px;height: 112px;width: 112px;background-color: #000000;animation: boxRotate 8s linear infinite;transform-origin: right;}
.about-officespace-img {position: relative;display: block;}
.about-officespace-img img {width: 100%;}
.about-officespace-right {position: relative;display: block;margin-left: 20px;}
.about-officespace-right .section-title {margin-bottom: 25px;}
.about-officespace-right-text {margin: 0;padding-bottom: 32px;font-family: 'lato', sans-serif;font-weight: 300;color: #fff}
.about-officespace-content {position: relative;display: flex;align-items: center;border-top: 0px solid #e3e3e3;padding-top: 0px;}
.about-officespace-content-img {position: relative;display: block;}
.about-officespace-content-list {margin-left: 15px;}
.about-officespace-points {position: relative;display: block;}
.about-officespace-points li {display: flex;align-items: center;}
.about-officespace-points li+li {margin-top: 2px;}
.about-officespace-points li .icon span {font-size: 16px;}
.about-officespace-points li .text {margin-left: 10px;}
.about-officespace-points li .text p {font-size: 16px;margin: 0;}


.inner-banner{
    background:linear-gradient(to top,#f1effd 0%,#f1effd 20%,#f1effd 20%,white 20%,white 50%);
    padding-top:150px
}
.inner-banner .main-heading h5{
    color:#414141
}
.inner-banner .main-heading h2{
    background:-webkit-linear-gradient(#414141,#414141);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.inner-banner img{
    margin:0 auto;
    display:block;
    margin-top:40px;
    width:100%
}
.blog_post_container{
    background:#f1effd;
    overflow:hidden
}
.feat_property{
    background-color:#fff;
    border:1px solid #e6e9ec;
    border-radius:3px;
    margin-bottom:30px;
    overflow:hidden;
    position:relative;
    font-family:lato,sans-serif;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.feat_property .thumb{
    background:#0d263b;
    overflow:hidden;
    position:relative;
    padding-bottom:0!important;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.for_blog.feat_property .thumb img{
    opacity:1
}
.feat_property .thumb img{
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.img-whp{
    width:100%!important
}
.for_blog.feat_property .thumb .tag{
    border-radius:3px;
    font-size:10px;
    font-weight:600;
    left:20px;
    line-height:20px;
    padding:3px 13px;
    position:absolute;
    text-transform:capitalize;
    top:20px
}
.bgc-thm{
    background-color:#0c0347!important
}
.bgc-thm-btn{
    background-color:#2e79bd!important
}
.feat_property .details{
    position:relative
}
.feat_property .details .tc_content{
    padding:20px
}
.for_blog.feat_property .details .tc_content{
    padding:20px 20px 30px
}
.media-img{background:#f3f3f3;position:relative;display:block;padding:15px;}
.media-img img{height:300px;object-fit:contain;}
.media-img .popup-img:before {position: absolute;top: 50%;left: 50%;margin-top: -13px;margin-left: -13px;opacity: 0;color: #fff;font-size: 26px;font: normal normal normal 26px/1 FontAwesome;content: '\f00e';pointer-events: none;z-index: 9000;transition: 0.4s;}
.media-img .popup-img:after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;background-color: rgb(49 50 140 / 70%);content: '';transition: 0.4s;}
.media-img .popup-img:hover:after, .media-img .popup-img:hover:before {opacity: 1;}
.for_blog.feat_property .details .bp_meta ul li:first-child{
    margin-right:20px
}
.for_blog.feat_property .details .bp_meta ul li a{
    font-size:14px;
    color:#696969;
    text-decoration:none
}
.mr10{
    margin-right:10px
}
.fz15{
    font-size:15px
}
#sidebar-blog .title{
    font-family:lato,sans-serif;
    text-transform:uppercase;
    font-size:16px;
    color:#0d263b;
    font-weight:600;
    line-height:21px;
    margin-bottom:20px
}
.feat_property .details .tc_content h4,.feat_property .details .tc_content h4 a,.feat_property.all_listing_style5 .fp_footer.all_listing_style5 h4 a,.feat_property.all_listing_style6 .fp_footer.all_listing_style6 h4 a{
    font-size:16px;
    color:#0d263b;
    font-weight:600;
    line-height:28px;
    margin:10px 0;
    font-family:lato,sans-serif;
    text-transform:uppercase
}
.feat_property .details .tc_content p{
    margin-bottom:17px;
    font-family:lato,sans-serif;
    font-size:14px
}
.read_more_btn{
    font-family:butler,sans-serif;
    font-weight:500;
    background:#110b46;
    border-radius:0;
    padding:8px 30px;
    transition:all .3s;
    margin-top:0;
    color:#fff;
    font-size:14px
}
.read_more_btn:hover{
    background:#fee2ca;
    transition:all .3s;
    color:#110b46
}
.list-inline-item{
    display:inline-block
}
.text-white{
    color:#fff!important;
    text-decoration:none!important
}
.mbp_pagination{
    display:inline-block;
    position:relative;
    width:100%;
    margin-bottom:30px
}
.mbp_pagination ul.page_navigation{
    margin-bottom:0;
    text-align:center;
    width:100%
}
.mbp_pagination ul.page_navigation li.page-item{
    display:inline-flex;
    margin-right:6px;
    margin-top:12px
}
.mbp_pagination ul.page_navigation li .page-link{
    background-color:transparent;
    border:1px solid transparent;
    border-radius:50%;
    color:#0d263b;
    font-size:14px;
    font-family:lato,sans-serif;
    height:40px;
    line-height:40px;
    overflow:hidden;
    padding:0;
    text-align:center;
    width:40px
}
.mbp_pagination ul.page_navigation li .page-link:hover{
    background-color:#f6f8f9
}
.mbp_pagination ul.page_navigation li.active .page-link{
    background-color:#fee2ca;
    color:#0b0346
}
.mbp_pagination .new_line_pagination{
    position:relative
}
.mbp_pagination .new_line_pagination p{
    color:#696969;
    font-size:15px;
    line-height:22px
}
.mbp_pagination .new_line_pagination .pagination_line{
    background-color:#e6e9ec;
    border-radius:10px;
    height:6px;
    margin:0 auto 15px;
    max-width:300px;
    position:relative;
    width:100%
}
.mbp_pagination .new_line_pagination .pagination_line:before{
    background-color:#234dd4;
    border-radius:10px;
    content:"";
    left:0;
    height:6px;
    max-width:119px;
    position:absolute;
    width:100%
}
.mbp_pagination .new_line_pagination .pagi_btn{
    position:relative
}
.mbp_pagination .new_line_pagination .pagi_btn:before{
    background-color:#234dd4;
    bottom:-3px;
    content:"";
    height:2px;
    left:0;
    position:absolute;
    width:60px
}
.sidebar_recent_product,.sidebar_feature_listing,.sidebar_search_widget{
    background-color:#fff;
    border:1px solid #e6e9ec;
    border-radius:3px;
    margin-bottom:30px;
    padding:30px;
    font-family:lato,sans-serif;
    -webkit-box-shadow:0 10px 30px rgb(13 38 59/5%);
    -moz-box-shadow:0 10px 30px rgba(13,38,59,.05);
    -o-box-shadow:0 10px 30px rgba(13,38,59,.05);
    box-shadow:0 10px 30px rgb(13 38 59/5%)
}
.blog_search_widget .title,.terms_condition_widget .title{
    font-size:16px;
    font-weight:600;
    line-height:32px
}
.mb25{
    margin-bottom:25px!important
}
.input-group{
    position:relative;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-align:stretch;
    align-items:stretch;
    width:100%
}
.input-group-append{
    margin-left:-1px
}
.input-group-append,.input-group-prepend{
    display:-ms-flexbox;
    display:flex
}
.blog_search_widget input.form-control{
    border:1px solid #f6f8f9;
    border-radius:3px;
    background-color:#f6f8f9;
    flex:1;
    height:55px;
    padding-left:20px;
    width:100%;
    -webkit-transition:all .3s ease 0s;
    -moz-transition:all .3s ease 0s;
    -o-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.terms_condition_widget{
    border:1px solid #e6e9ec;
    border-radius:3px;
    margin-bottom:30px;
    padding:20px 30px;
    position:relative;
    font-family:lato,sans-serif;
    -webkit-box-shadow:0 10px 30px rgb(13 38 59/5%);
    -moz-box-shadow:0 10px 30px rgba(13,38,59,.05);
    -o-box-shadow:0 10px 30px rgba(13,38,59,.05);
    box-shadow:0 10px 30px rgb(13 38 59/5%);
    background:#fff
}
.terms_condition_widget ul{
    margin-bottom:0
}
.terms_condition_widget ul li{
    border-bottom:1px solid #e6e9ec
}
.terms_condition_widget ul li a{
    color:#696969;
    font-size:14px;
    line-height:40px;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
    text-transform:capitalize
}
.terms_condition_widget ul li a span{
    color:#0d263b
}
.float-right{
    float:right!important
}
.sidebar_recent_product .media,.sidebar_feature_listing .media{
    margin-bottom:20px;
    margin-top:20px
}
.media{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:start;
    align-items:flex-start
}
.sidebar_recent_product .media img,.sidebar_feature_listing .media img{
    border-radius:6px;
    height:80px;
    width:80px
}
.mr-3,.mx-3{
    margin-right:1rem!important
}
.align-self-start{
    -ms-flex-item-align:start!important;
    align-self:flex-start!important
}
.media-body{
    -ms-flex:1;
    flex:1
}
.sidebar_recent_product .media .media-body .post_title,.sidebar_feature_listing .media .media-body .post_title{
    color:#0d263b;
    font-size:14px;
    font-weight:600;
    line-height:22px;
    margin-bottom:0
}
.mt-0,.my-0{
    margin-top:0!important
}
.sidebar_recent_product .media .media-body a,.sidebar_feature_listing .media .media-body a{
    font-size:12px;
    color:#696969;
    line-height:25px;
    text-decoration:none
}
.blog_tag_widget{
    background-color:#fff;
    border:1px solid #e6e9ec;
    border-radius:3px;
    padding:30px 30px 20px;
    font-family:lato,sans-serif;
    -webkit-box-shadow:0 10px 30px rgb(13 38 59/5%);
    -moz-box-shadow:0 10px 30px rgba(13,38,59,.05);
    -o-box-shadow:0 10px 30px rgba(13,38,59,.05);
    box-shadow:0 10px 30px rgb(13 38 59/5%)
}
.blog_tag_widget .title{
    font-size:16px;
    color:#0d263b;
    font-weight:600;
    line-height:21px;
    margin-bottom:20px
}
.blog_tag_widget .tag_list li{
    background-color:#e6e9ec;
    border-radius:3px;
    height:30px;
    line-height:30px;
    margin-bottom:10px;
    padding:0 11px
}
.blog_tag_widget .tag_list li a{
    font-size:12px;
    color:#0d263b;
    line-height:15px
}
.main_blog_post_content{
    position:relative;
    font-family:lato,sans-serif;
    box-shadow:0 10px 30px rgb(13 38 59/5%);
    background:#fff;
    padding:25px;
    border:1px solid #e6e9ec;
    margin-bottom:20px
}
.list-inline-item:not(:last-child){
    margin-right:5px
}
.blog_single_post_heading{
    position:relative
}
.blog_single_post_heading .contents .bsph_tag{
    border-radius:3px;
    color:#fff;
    font-size:10px;
    height:30px;
    line-height:30px;
    text-align:center;
    width:96px
}
.mb15{
    margin-bottom:15px
}
.blog_single_post_heading .contents ul li a{
    color:#696969;
    font-size:14px
}
.blog_single_post_heading .contents ul li a span{
    font-size:15px
}
.mr10{
    margin-right:10px
}
.mbp_thumb_post .thumb{
    border-radius:5px;
    overflow:hidden;
    position:relative
}
.main_blog_post_content p{
    margin:20px 0;
    color:#696969;
    font-weight:400;
    line-height:24px;
    font-family:lato,sans-serif;
    font-size:14px
}
.main_blog_post_content h2{
    margin:15px 0;
    font-family:butler,sans-serif
}
.mission{
    position:relative;
    background:#110b46
}
.mission h2{
    font-family:butler,sans-serif;
    background:-webkit-linear-gradient(#fff3cd,#ecc5a4);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.mission p{
    margin:20px 0;
    color:#fff;
    font-weight:400;
    line-height:24px;
    font-family:lato,sans-serif;
    font-size:14px;
    opacity:50%
}
.mission .max-container90 .row{
    justify-content:space-around
}
.team{
    position:relative;
    background:#f1effd
}
.team .main-heading h5{
    color:#414141
}
.team .main-heading h2{
    background:-webkit-linear-gradient(#414141,#414141);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.team .team-text-box{
    padding:0 20px
}
.team .team-text-box h4{
    font-size:24px;
    font-family:butler,sans-serif;
    font-weight:400;
    background:-webkit-linear-gradient(#414141,#414141);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    margin:15px auto
}
.team .team-text-box p{
    font-family:lato,sans-serif;
    font-weight:300;
    color:#414141;
    font-size:13px
}
.clientale{
    position:relative;
    background:#110b46
}
.footer-video{
    background:linear-gradient(to top,#0b0346 0%,#0b0346 40%,#0b0346 20%,white 20%,white 50%)
}
.footer-video .main-heading h5{
    color:#414141
}
.footer-video .main-heading h2{
    background:-webkit-linear-gradient(#414141,#414141);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.clientale-investment{
    position:relative;
    background:#fff
}
.clientale-investment .main-heading h5{
    color:#414141
}
.clientale-investment .main-heading h2{
    background:-webkit-linear-gradient(#414141,#414141);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.features{
    position:relative;
    background:#110b46;
    overflow:hidden
}
.features .main-heading h5{
    color:#fff
}
.features .main-heading h2{
    background:-webkit-linear-gradient(#fff3cd,#ecc5a4);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.features-box{
    background:rgb(79 76 134/20%);
    border:2px solid rgb(220 216 226/10%);
    border-radius:4px;
    text-align:center;
    width:100%;
    padding:20px 10px;
    margin-top:15px;
    margin-bottom:15px;
}
.features-box .features-icon{
    width:80px;
    height:80px;
    background:rgb(113 106 242/10%);
    display:block;
    margin:0 auto;
    border-radius:4px
}
.features-box h4{
    font-size:18px;
    font-family:butler,sans-serif;
    font-weight:400;
    margin:15px auto;
    color:#fff;
    margin-bottom:0
}
.features-box p{
    font-family:lato,sans-serif;
    font-weight:300;
    color:#fff;
    font-size:13px;
    margin-bottom:20px
}
.contact{
    background:#0c0347;
    position:relative;
    height:100%;
    display:flex;
    align-items:center
}
#contact .royal-contact-desc{
    margin-bottom:50px
}
#contact .royal-contact-desc>h3{
    color:#333;
    font-size:20px;
    font-weight:500;
    margin-bottom:10px;
    text-transform:capitalize;
    font-family:lato,sans-serif
}
#contact .single-contact-left:first-child{
    margin-top:0
}
#contact .single-contact-left{
    background:0 0;
    box-shadow:none;
    padding:8px;
    display:flex;
    align-items:center;
    width:100%;
    margin-bottom:15px
}
#contact .contact-icon{
    color:#fff;
    display:flex;
    float:left;
    font-size:22px;
    line-height:22px;
    margin-right:10px;
    width:80px;
    height:80px;
    vertical-align:middle;
    align-items:center;
    text-align:center;
    background:#0c0347;
    margin-right:20px;
    background:rgb(79 76 134/20%);
    border:2px solid rgb(220 216 226/10%)
}
#contact .contact-icon i{
    text-align:center;
    margin:0 auto
}
#contact .contact-text{
    float:left;
    font-family:lato,sans-serif;
    font-weight:500;
    width:70%
}
#contact .contact-text>h4{
    color:#fff;
    font-family:lato,sans-serif;
    font-size:14px;
    opacity:40%;
    font-weight:600;
    text-transform:uppercase;
    padding:0;
    padding-bottom:5px
}
#contact .contact-text span{
    font-size:14px;
    text-transform:capitalize
}
#contact .contact-text>p{
    font-size:14px;
    line-height:26px;
    font-family:lato,sans-serif;
    color:#fff;
    opacity:40%
}
#contact .contact-text>p a{
    color:#fff
}
#contact .heading h5{
    font-size:14px;
    font-family:lato,sans-serif;
    font-weight:400;
    text-align:left;
    text-transform:uppercase;
    margin-bottom:5px;
    color:#fff
}
#contact .heading h2{
    font-family:butler,sans-serif;
    font-weight:400;
    font-size:35px;
    text-align:left;
    background:-webkit-linear-gradient(#fff3cd,#ecc5a4);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
#contact .royal-contact-form-right{
    margin-top:0
}
#contact .royal-contact-form-right>form{
    background:0 0;
    box-shadow:none;
    padding:0 50px;
    margin-top:0
}
#contact .royal-contact-form-right input{
    font-family:lato,sans-serif;
    height:45px;
    padding:5px 10px;
    width:100%;
    -webkit-transition:all .4s ease 0s;
    transition:all .4s ease 0s;
    outline:none;
    background:rgb(79 76 134/20%);
    border:2px solid rgb(220 216 226/10%);
    color:#fff;
    font-size:14px
}
#contact .royal-contact-form-right input::placeholder{
    color:#fff;
    font-family:lato,sans-serif;
    font-size:12px;
    opacity:40%
}
#contact .royal-contact-form-right textarea::placeholder{
    color:#fff;
    font-family:lato,sans-serif;
    font-size:12px;
    opacity:40%
}
#contact input.cform{
    width:150px!important
}
#contact .royal-contact-form-right form p{
    margin:10px 0
}
#contact .royal-contact-form-right input:focus,.royal-contact-form-right textarea:focus{
    background:rgb(79 76 134/20%);
    border:2px solid rgb(220 216 226/10%)
}
#contact .royal-contact-form-right select{
    background:rgb(79 76 134/20%);
    border:2px solid rgb(220 216 226/10%);
    height:45px;
    padding:5px 10px;
    width:100%;
    -webkit-transition:all .4s ease 0s;
    transition:all .4s ease 0s;
    outline:none;
    color:#fff;
    font-size:14px;
    font-family:lato,sans-serif;
    margin-bottom:10px;
}
#contact .contact-btn{
    background:#0c0347;
    border:none;
    color:#fff;
    font-size:18px;
    font-weight:400;
    padding:8px 20px;
    transition:.5s;
    cursor:pointer;
    font-family:butler,sans-serif;
    outline:none;
    background:rgb(79 76 134/20%);
    border:2px solid rgb(220 216 226/10%)
}
#contact .contact-btn:hover{
    background:#fee2ca;
    transition:.5s;
    color:#0c0347
}
.line2{
    border-top:#353434 solid 1px;
    margin-top:30px
}
.thankyou{
    padding:40px;
    margin-bottom:85px;
    border:#ddd 1px solid
}
#myChart{
    height:400px;
    width:100%;
    max-width:60%;
    margin:0 auto
}
.tnc{
    background:#f1effd;
    position:relative
}
.tnc h4{
    font-size:22px;
    font-family:butler,sans-serif;
    font-weight:500;
    margin:15px auto;
    color:#0c0347
}
.tnc p{
    font-family:lato,sans-serif;
    font-weight:400;
    color:#414141;
    font-size:14px;
    margin-bottom:20px
}
.about-freeport{
    position:relative;
    background:#fff
}
.about-freeport .about-freeport-logo{
    width:120px;
    margin-bottom:10px;
    margin-left:-2px
}
.about-freeport h2{
    font-size:36px;
    font-family:butler,sans-serif;
    background:-webkit-linear-gradient(#414141,#414141);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    margin-bottom:20px
}
.about-freeport p{
    margin-bottom:20px;
    color:#414141;
    font-weight:300;
    line-height:24px;
    font-family:lato,sans-serif;
    font-size:14px;
    opacity:100%
}
.about-freeport p .line{
    width:40px;
    height:2px;
    background:#414141;
    display:flex;
    float:left;
    margin-right:10px;
    margin-top:10px;
    opacity:80%
}
.about-freeport .max-container90 .row{
    justify-content:space-around
}
.about-freeport ul{
    margin-left:15px;
    list-style-type: circle;
}
.about-freeport ul li{
    color:#414141;
    font-weight:300;
    line-height:24px;
    font-family:lato,sans-serif;
    font-size:14px;
    opacity:100%
}
.about-freeport h5{
    color:#414141;
    font-weight:600;
    line-height:24px;
    font-family:lato,sans-serif;
    font-size:14px;
    text-transform:uppercase;
    margin-bottom:0
}
.freeport-logos{
}
.freeport-logos ul{
    display:flex;
    flex-flow:wrap;
    justify-content:center;
    margin-top:20px;
    margin-bottom:20px
}
.freeport-logos ul li{
    width:14%;
    border:2px solid rgb(238 238 238/20%);
    border-radius:100%;
    padding:20px;
    margin-right:-22px;
    margin-top:-22px
}
#section1{
    background:#080231;
    position:fixed;
    bottom:0;
    width:100%;
    z-index:99
}
.eleven{
    background:#565469;
    position:relative;
    bottom:0;
    width:100%;
    z-index:99
}
#bottom-form form{
    display:block;
    margin-top:0
}
#bottom-form .form-inline .form-group{
    display:inline-block;
    margin-bottom:0;
    vertical-align:middle;
    width:18%
}
#bottom-form .form-inline .form-control{
    display:inline-block;
    vertical-align:middle
}
#bottom-form{
    background:#080231;
    padding-top:30px;
    padding-bottom:30px;
    margin:0;
    position:relative;
    border-radius:0;
    text-align:center
}
#bottom-form .first-box{
    width:100px!important
}
#bottom-form .first-box h4{
    color:#fff;
    font-family:butler,sans-serif;
    text-transform:uppercase;
    font-weight:600;
    text-align:right;
    float:left;
    margin:0;
    margin-right:5px;
    font-size:17px;
    line-height:22px
}
#bottom-form .second-box i{
    float:left;
    font-size:30px;
    margin-right:5px
}
#bottom-form .form-control{
    border-radius:0;
    height:40px;
    padding:6px 22px;
    margin-left:4px;
    background:#0f0a3a;
    color:#fff;
    width:100%;
    font-family:lato,sans-serif;
    font-size:14px;
    border:1px solid rgb(255 255 255/10%)
}
#bottom-form .form-control:focus{
    border:1px solid rgb(255 255 255/20%)
}
#bottom-form .form-control::placeholder{
    color:#eee;
    font-family:lato,sans-serif;
    font-size:12px
}
.btn{
    padding:7px 35px;
    margin-left:-3px
}
#bottom-form .form-control textarea{
    padding-top:9px
}
#bottom-form .form-control input{
    background:#0483d0;
    border-top:1px solid #59ade0;
    border-right:1px solid #59ade0
}


.modal-open{padding-right: 0px ! important;}
#myModal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 99999;background: rgb(0 0 0 / 50%);opacity:1 ! important;z-index: 99999999;}

#myModal .modal-body{padding: 0;}

#myModal .modal-dialog {background: transparent;width: 360px;margin: 0 auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

#myModal .modal-content{border: none;}
#myModal .form-slider-wrapper label{font-family: 'poppins', sans-serif;margin-bottom: 5px;text-transform: uppercase;font-weight: 400;font-size:12px;}
#myModal .form-slider-wrapper {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=98);opacity: 0.98;background-color: #110b46;display: block;height: auto;padding: 20px 30px 30px 30px;position: relative;width: 360px;z-index: 10;color:#fff;right: 0;bottom: 0;}
#myModal .form-slider-wrapper .form-control{border-radius:0px;margin-bottom:10px;background: #fff;}
#myModal .form-slider-wrapper h1 {margin-top: 0;margin-bottom: 0px;font-size: 28px;}
#myModal .form-slider-wrapper h3 {margin: 0;color:#fff;font-size: 20px;}
#myModal .form-slider-wrapper h3:after {display: none;}
#myModal .form-slider-wrapper hr {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);opacity: 0.2;margin: 15px 0;}
#myModal .form-slider-wrapper .btn {font-size: 18px;padding: 10px;width: 100%;position: relative;background: #51c5ea;color: #fff;margin: 0;margin-top: 10px;font-family:'poppins', sans-serif;height: auto}
#myModal .form-slider-wrapper figure {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);opacity: 0.6;}
#myModal .form-slider-wrapper .custom-radio{border: 2px solid #fff;padding: 2px 14px;text-align: center;margin: 0px auto;border-radius: 6px;margin-bottom: 0px;}
#myModal .form-slider-wrapper .custom-radio input{visibility: hidden;}
#myModal .form-slider-wrapper .custom-control-label::before{left: -20px;}
#myModal .form-slider-wrapper .custom-control-label::after{left: -20px;}
#myModal .form-slider-wrapper .custom-control-label {position: relative;margin-left: 10px;font-size: 14px;}
#myModal .form-slider-wrapper .list-inline-item:not(:last-child) {margin-right: 5px;}
#download-lb {max-width: 100%;margin: 0px auto;background: rgb(0 0 0 / 70%);z-index: 9999999;}
#download-lb .form-slider-wrapper{right: 0;left: 0;margin: 0px auto;position: absolute;top:10%}
#bottom-form select option { color: #fff;font-size: 14px; }
#myModal .close-btn {cursor:pointer;border-radius: 50px;border: 2px solid #fff;width: 30px;height: 30px;background: #51c5ea;color: #fff;outline: none;position: absolute;right: -20px;top: -20px;}
.modal-backdrop{background-color: #000}

.submit-btn{
    height:40px;
    background:#fee2ca;
    width:auto;
    border-radius:0;
    color:#0b162a;
    border:none;
    margin-top:0;
    margin-bottom:0;
    margin-left:10px;
    font-family:lato,sans-serif;
    text-transform:uppercase;
    font-weight:400;
    transition:.5s
}
.submit-btn:hover{
    background:#e9cbb1;
    color:#0b162a;
    transition:.5s
}
.close-btn{
    border-radius:50px;
    border:2px solid #fff;
    width:30px;
    height:30px;
    background:#70b248;
    color:#fff;
    outline:none;
    position:absolute;
    right:-20px;
    top:-20px
}

.counter{
    background: #4f4c86;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    padding: 60px 0px;
}
.counter .counter-box{
    align-items: center;
}
.counter .counter-box .icon-img{
}
.counter .counter-box .icon-img img{
    width: 70px;
    margin-right: 12px;
    color:#fff;
}
.counter .counter-box .icon-text{
}
.counter .counter-box .icon-text h3{
    color:#fff;
    font-weight: 600;
    font-size: 40px;
}
.counter .counter-box .icon-text p{
    color:#fff;
    font-size: 14px;
}

@media(min-width:1200px){
    .container{
      /*  max-width:80% */
    }
}
@media(min-width:1900px){
    .container{
        max-width:80%
    }
    .banner2 .banner-text{
        padding-top:60px
    }
    .banner2 .banner-text h1{
        font-size:50px
    }
    p{
        font-size:16px!important
    }
    #accordionExample h4{
        font-size:18px
    }
    .location-map ul li{
        font-size:15px
    }
    .location-map .container{
        max-width:70%
    }
    #accordionExample{
        max-height:525px;
        overflow-y:scroll
    }
}
@media only screen and (max-width:1320px){
}
@media only screen and (max-width:1280px){
}
@media only screen and (max-width:961px){
    .start-style .logo{
        opacity:1
    }
    .navbar-light .navbar-toggler-icon{
        border-bottom:1px solid #fff
    }
    .navbar-light .navbar-toggler-icon:after,.navbar-light .navbar-toggler-icon:before{
        background:#fff
    }
    .navbar-nav{
        display:flex;
        align-items:flex-start;
        justify-content:end
    }
    .navbar-nav li{
        padding-left:0!important;
        margin-left:0!important;
        padding:5px 0
    }
    .header-btn{
        margin-top:20px
    }
    .banner{
        height:450px;
        background-position:10% 0%
    }
    .banner .banner-text h2{
        margin-bottom:20px;
        font-size:35px
    }
    .banner .logo{
        display:none
    }
    .banner .pt-100{
        padding-top:80px
    }
    .banner2{
        background:url(../images/transparent-banner.webp);
        background-position:30% 0%;
        background-size:cover;
        height:100vh
    }
    .banner2 .logo{
        display:none
    }
    .banner2 .pt-100{
        padding-top:80px
    }
    .banner2 .banner-text{
        text-align:center
    }
    .banner2 .banner-text p{
        font-size:14px;
        font-family:lato,sans-serif;
        font-weight:400;
        text-align:center;
        text-transform:uppercase;
        margin-bottom:30px;
        color:#fff
    }
    .banner2 .banner-text h1{
        font-family:butler,sans-serif;
        font-weight:400;
        font-size:42px;
        text-align:center;
        background:-webkit-linear-gradient(#fff3cd,#ecc5a4);
        -webkit-background-clip:text;
        -webkit-text-fill-color:transparent;
        margin-bottom:50px
    }
    video{
        width:100%;
        height:auto
    }
    .project-image .project-building{
        background-attachment:scroll;
        height:450px
    }
    .expand .tab-box .box:hover{
        flex:1;
        transition:.5s
    }
    .expand .tab-box .box h3{
        font-size:18px
    }
    .expand .tab-box .box p{
        font-size:12px;
        margin:15px 0;
        max-width:100%
    }
    .copyright{
        margin-top:30px
    }
    .mission,.max-container90{
        max-width:100%
    }
    .mission p{
        font-weight:300;
        font-size:14px;
        line-height:20px
    }
    .team .team-text-box{
        padding:0
    }
    .team .team-text-box p{
        text-align:justify
    }
    #contact .royal-contact-form-right>form{
        padding:0 10px
    }
    .freeport-logos ul li{
        width:18%;
        padding:14px;
        margin-right:-14px;
        margin-top:-14px
    }
}


                /* Testimonials slider css */
                .section_testimonials{
                    background-color: #fff;
                    border-radius: 0px;
                    padding-top: 100px;
                    padding-bottom: 150px;
                    position: relative;
                    overflow: hidden;
                }

                .testimonials_component {
                    grid-row-gap: 30px;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    align-items: center;
                    padding-left: 4.375rem;
                    padding-right: 1rem;
                    display: flex;
                }

                .testimonials_content {
                    flex: 0 0 50%;
                    width: 100%;
                }

                .testimonials_content p{
                    font-family: lato, sans-serif;
                    font-size: 14px;
                }

                .testimonials_slide-img img{
                    width: 200px;
                }

                .testimonials_content.text-color-white {
                    max-width: 450px;
                }

                .testimonials_spacing {
                    padding-top: 1.625rem;
                }

                .testimonials_slide-img {
                    text-align: center;
                }

                .testimonials_slider {
                    flex: 0 0 50%;
                    height: 560px;
                    position: relative;
                }

                .testimonials_slide {
                    cursor: pointer;
                    background-color: #fbfafa;
                    width: 100%;
                    max-width: 650px;
                    padding: 40px 40px;
                    transition: all .5s;
                    position: absolute;
                    bottom: 0;
                    border:10px solid #ddd;

                }

                .testimonials_slide .text-size-regular{
                    font-style: italic;
                    font-weight: 600;
                    opacity: 0.7;
                }

                .testimonials_slide .text-size-small{
                    font-weight: 500;
                    font-size: 12px;
                    opacity: 0.5;
                }

                .testimonials_slide.slide1 {
                    z-index: 8;
                    transition: all .5s;
                    right: 0;
                }

                .testimonials_slide.slide2 {
                    z-index: 7;
                    background-color: #fff;
                    display: block;
                    right: 25px;
                }

                .testimonials_slide.slide2:hover {
                    right: 30px;
                }

                .testimonials_slide.slide3 {
                    z-index: 6;
                    background-color: #fff;
                    right: 50px;
                }

                .testimonials_slide.slide3:hover {
                    right: 55px;
                }

                .testimonials_slide.slide4 {
                    z-index: 5;
                    background-color: #fff;
                    right: 75px;
                }

                .testimonials_slide.slide4:hover {
                    right: 85px;
                }

                .testimonials_slide.slide5 {
                    z-index: 4;
                    right: 100px;
                }

                .testimonials_slide.slide5:hover {
                    right: 105px;
                }

                .testimonials_slide.slide6 {
                    z-index: 3;
                    background-color: #fff;
                    right: 125px;
                }

                .testimonials_slide.slide6:hover {
                    right: 130px;
                }

                .testimonials_slide.slide7 {
                    z-index: 2;
                    background-color: #fff;
                    right: 150px;
                }

                .testimonials_slide.slide7:hover {
                    right: 155px;
                }

                .testimonials_slide.slide8 {
                    z-index: 1;
                    background-color: #fff;
                    right: 175px;
                }

                .testimonials_slide.slide8:hover {
                    right: 180px;
                }

                .testimonials_slide-text {
                    padding-top: 20px;
                    padding-bottom: 20px;
                    font-size: 14px;
                    line-height: 24px;
                }

                .testimonials_wrapper {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    right: -10px;
                }

                .testimonials_navigation {
                    justify-content: space-between;
                    align-items: center;
                    width: 100%;
                    max-width: 290px;
                    display: flex;
                    position: absolute;
                    bottom: -100px;
                    left: 20%;
                    gap: 10px;
                }

                .testimonials_prev, .testimonials_next {
                    cursor: pointer;
                    background: #000;
                    border-radius: 100px;
                }

                .testimonials_navigation-list {
                    grid-column-gap: 11px;
                    grid-row-gap: 11px;
                    cursor: pointer;
                    display: flex;
                    justify-content: space-between;
                }

                .navigation_list-item {
                    background-color: rgba(0, 0, 0, .8);
                    border-radius: 100%;
                    width: 15px;
                    height: 15px;
                }

                .navigation_list-item.active {
                    background-color: #fee2ca;
                }

                .navmenu_overlay {
                    z-index: -1;
                    -webkit-backdrop-filter: blur(10px);
                    backdrop-filter: blur(10px);
                    background-color: rgba(234, 234, 232, .8);
                    width: 100%;
                    height: 100%;
                    display: none;
                    position: fixed;
                    top: 0;
                    left: 0;
                }

                .prevslide1, .prevslide2, .prevslide3, .prevslide4, .prevslide5, .prevslide6, .prevslide7, .prevslide8{
                    transform: translateX(90%);
                }

                @media only screen and (max-width:1024px){
                    .testimonials_component {
                        grid-row-gap: 20px;
                        flex-wrap: wrap;
                        justify-content: space-between;
                        align-items: center;
                        padding-left: 15px;
                        padding-right: 15px;
                        display: flex;
                    }
                    .testimonials_content.text-color-white{
                        max-width: 100%;
                        flex: none;
                    }
                    .testimonials_slider{
                        max-width: 550px;
                        width: 100%;
                        margin: 100px 220px 0 auto;
                    }
                    .testimonials_wrapper{
                        position: relative;
                    }
                }

                @media only screen and (max-width:575px){
                    .section_testimonials{
                        padding-top: 70px
                    }
                    .testimonials_slider{
                        margin: 50px 80px 0 auto;
                    }
                    .testimonials_blog {
                        width: 100%;
                        height: 100%;
                    }
                    .teatimonials_pattern {
                        display: none;
                    }
                    .testimonials_wrap .slick-dots {
                        margin: 30px auto;
                    }
                    .testimonials_wrap .slick-arrow {
                        bottom: -12px;
                    }
                    .testimonials_wrap .slick-prev {
                        left: 160px;
                    }
                    .testimonials_wrap .slick-next {
                        right: 160px;
                    }
                }
                @media only screen and (max-width:768px){
                    .testimonials_slider{

                        flex: none;
                        margin: 0;
                        max-width: 100%;
                    }
                    .testimonials_slide{
                        padding: 15px 15px;
                    }
                    .testimonials_slide.slide1{
                        right: -75px;
                    }
                    .testimonials_slide.slide2{
                        right: -50px;
                    }
                    .testimonials_slide.slide3{
                        right: -25px;
                    }
                    .testimonials_slide.slide4{
                        right: 0px;
                    }
                    .testimonials_slide.slide5{
                        right: 25px;
                    }
                    .testimonials_slide.slide6{
                        right: 50px;
                    }
                    .testimonials_slide.slide7{
                        right: 75px;
                    }
                    .testimonials_slide.slide8{
                        right: 100px;
                    }
                }
                @media only screen and (max-width:575px){
                    .testimonials_slide{
                        height: 480px;
                    }
                    .prevslide1, .prevslide2, .prevslide3, .prevslide4, .prevslide5, .prevslide6, .prevslide7, .prevslide8 {
                        transform: translateX(110%);
                    }
                    .testimonials_slider {
                        height: 520px;
                    }
                    .testimonials_wrapper{
                        right: 0;
                    }
                    .testimonials_slide-img img {
                        width: 120px;
                    }
                    .testimonials_slide h5{
                        font-size: 16px
                    }
                    .testimonials_slide-text{
                        font-size: 11px;
                        line-height: 15px
                    }
                    .testimonials_slide.slide1 {
                                    right: auto;
                                    left: 0;
                                    /* top: 60px;*/
                                    max-width: 100%;
                                }
                                .testimonials_slide.slide2 {
                                    right: auto;
                                    left: auto;
                                    /*   top: 70px;*/
                                    max-width: 100%;
                                }
                                .testimonials_slide.slide3 {
                                    right: auto;
                                    left: auto;
                                    /*  top: 70px;*/
                                    max-width: 100%;
                                }
                                .testimonials_slide.slide4 {
                                    right: auto;
                                    left: auto;
                                    /*   top: 50px; */
                                    max-width: 100%;
                                }
                                .testimonials_slide.slide5 {
                                    right: auto;
                                    left: auto;
                                    /*   top: 50px; */
                                    max-width: 100%;
                                }
                                .testimonials_slide.slide6 {
                                    right: auto;
                                    left: auto;
                                    /*   top: 50px; */
                                    max-width: 100%;
                                }
                                .testimonials_slide.slide7 {
                                    right: auto;
                                    left: auto;
                                    /*   top: 50px; */
                                    max-width: 100%;
                                }
                                .testimonials_slide.slide8 {
                                    right: auto;
                                    left: auto;
                                    /*   top: 50px; */
                                    max-width: 100%;
                                }
                    .testimonials_navigation {
                        justify-content: space-between;
                        align-items: center;
                        width: 100%;
                        max-width: 100%;
                        display: flex;
                        position: absolute;
                        bottom: -100px;
                        left: 0;
                    }
                }

@media(max-width:767px){
    .desk-view{
        display:none
    }
    .mob-view{
        display:block
    }
    .start-header{
        padding:15px 0
    }
    .start-style .logo{
        opacity:1
    }
    .dropdown-menu{
        min-width:100%;
        width:100%;
        border:none;
        background:0 0;
        color:#fff
    }
    .dropdown-item{
        color:#fff!important;
        border-bottom:none
    }
    .nav-link{
        padding:5px 0!important
    }
    .nav-item:after{
        background-color:transparent
    }
    .navbar-brand{
        padding:0
    }
    .navbar-toggler{
        padding:0
    }
    .navbar-nav li{
        padding-left:0!important;
        margin-left:0!important;
        padding:5px 0;
        width:100%;
        border-bottom:1px solid rgb(32 11 170/20%)
    }
    .navbar-light .navbar-toggler-icon{
        border-bottom:1px solid #fff
    }
    .navbar-light .navbar-toggler-icon:after,.navbar-light .navbar-toggler-icon:before{
        background:#fff
    }
    .navbar-nav{
        display:flex;
        align-items:flex-start;
        justify-content:end
    }
    .header-btn{
        margin-top:10px;
        display:inline-block
    }
    .explore-investment .explore-box{padding-top: 40px ! important;display: flex;flex-wrap:wrap;padding: 0px 20px;max-width: 100%;}
    .explore-investment .explore-box p{margin-bottom: 10px;}
    .features-box{padding: 20px 40px;}
    .banner{
        background:#0c0347!important;
        height:auto
    }
    .banner .visibility{
        visibility:visible
    }
    .banner .pt-100{
        padding-top:15px;
        justify-content:center
    }
    .banner .logo{
        display:none
    }
    .banner .banner-text{
        text-align:center
    }
    .banner .banner-text p{
        margin-bottom:15px;
        text-align:center
    }
    .banner .banner-text h2{
        margin-bottom:0;
        text-align:center;
        font-size:30px
    }
    .banner2{
        display:none
    }
    .banner-btn{
        margin-bottom:30px;
        display:inline-block;
        padding:10px 12px;
        font-size:13px
    }
    .banner .left-box .logo-box {padding-bottom: 0px;}
    .banner .left-box {position: relative;background: #0c0347;display: flex;align-items: flex-start;justify-content: center;height: auto;left: 0;flex-wrap: wrap;max-width: 100%;right: 0;margin: 0px auto;top: 0px;}
    .carousel-control-next,.carousel-control-prev{
        display:none
    }
    #homevideo iframe{
        max-width:100%!important;
        height:160px!important
    }
    .about{
        padding-top:50px!important;
        padding-bottom:50px!important
    }
    .about h4{
        max-width:100%
    }
    .about p{
        max-width:100%
    }
    .about .button .inner-button{
        margin:20px 0
    }
    .main-heading h2{
        font-size:28px
    }
    .explore-facilities,.p-80{
        padding-top:50px;
        padding-bottom:50px
    }
    video{
        width:100%;
        height:auto
    }
    .explore-facilities .explore-facilities-box{
        display:block
    }
    .explore-facilities .explore-facilities-box .col-12{
        margin-bottom:40px
    }
    .explore-facilities .explore-facilities-box .col-12:last-child{
        margin-bottom:50px
    }
    .project-image,.pt-80{
        padding-top:50px
    }
    .project-image .mt-80{
        margin-top:50px
    }
    .project-image .project-building{
        background-attachment:scroll;
        height:350px
    }
    .location-map,.p-80{
        padding-top:50px;
        padding-bottom:0
    }
    .location-map.mt-60{
        margin-top:50px
    }
    .blog.pb-200{
        padding-bottom:50px
    }
    .blog ul li .blog-text-box{min-height:auto;}
    .blog ul li .blog-text-box p{
        max-width:100%
    }
    .expand{
        padding-top:50px
    }
    .expand .tab-box{
        display:block;
        margin-top:0;
        width:100%
    }
    .expand .tab-box .box{
        height:auto
    }
    .expand .tab-box .box h3{
        font-size:22px
    }
    .expand .tab-box .box p{
        font-size:14px
    }
    .newsletter .newsletter-box{
        display:block
    }
    .newsletter .newsletter-box h3{
        font-size:20px;
        margin-bottom:20px
    }
    .newsletter .newsletter-box .newsletter-form .form-group{
        width:100%;
        margin-bottom:0
    }
    footer{
        padding:50px 0;
        padding-bottom:30px
    }
    footer .row .col-12{
        margin-bottom:30px;
        border-bottom:1px solid #131121;
        padding-bottom:30px
    }
    .footer-video{
        padding-top:50px;
        padding-bottom:50px
    }
    .inner-banner{
        padding-top:100px
    }
    .inner-banner img{
        margin-top:20px
    }
    .inner-banner .main-heading h5{
        margin-bottom:10px
    }
    .main_blog_post_content h2{
        font-size:24px
    }
    .main_blog_post_content p{
        text-align:justify
    }
    .team{
        padding-top:50px;
        padding-bottom:50px
    }
    .team .team-text-box{
        margin-bottom:30px
    }
    .team .team-text-box p{
        text-align:center
    }
    .mission,.max-container90{
        max-width:100%
    }
    .explore-freeport{
        padding-top:50px;
        padding-bottom:30px
    }
    .contact{
        height:auto
    }
    #contact .royal-contact-form-right>form{
        padding:0 10px
    }
    #myChart{
        height:400px;
        width:100%;
        max-width:100%;
        margin:0 auto
    }
    .features{
        padding-bottom:50px
    }
    .about-freeport{
        padding:50px 0
    }
    .about-freeport h2{
        font-size:28px
    }
    .about-freeport ul{
        margin-bottom:30px
    }
    .freeport-logos ul{
        display:inline-block
    }
    .freeport-logos ul li{
        width:28%;
        padding:10px;
        margin-right:-14px;
        margin-top:-14px;
        float:left
    }
    .tnc{
        padding-top:20px;
        padding-bottom:20px
    }
    #bottom-form .first-box{
        width:100%!important
    }
    #bottom-form .first-box h4{
        text-align:center;
        float:none
    }
    #bottom-form .form-inline .form-group{
        width:100%;
        margin-bottom:15px
    }
    #section1{
        display:none;
        z-index:9999
    }
    #bottom-form .close-btn{
        right:0;
        left:0;
        top:-20px;
        margin:0 auto
    }
    .form-slider-wrapper{
        width:100%
    }
    .form-slider-wrapper h1{
        margin-top:0;
        font-size:30px
    }
    .footer-btn{
        background:#565469;
        position:fixed;
        bottom:0;
        width:100%;
        z-index:99;
        padding:0
    }
    .about-officespace-left{margin-left: 0px}
   .section-title__title{font-size: 28px;line-height: 35px}
   .about-officespace-content{display: block;margin-bottom: 0px}
   .about-officespace-right{margin-left: 0px;padding-bottom: 20px;padding-top: 0px}
   .about-officespace-content-list {margin-left: 0px;margin-top: 30px;}
   .welcome-one{padding: 60px 0px}
   .about-retailspace{padding: 60px 0px 60px}
   .about-retailspace-left{margin-right: 0px;margin-bottom: 20px;}
   .about-retailspace-left:before{display: none}
   .about-retailspace-bottom-right {position: relative;display: block;margin-left: 0px;margin-top: 15px;}
   .section-title__tagline{font-size: 14px}
   .about-officespace-right .section-title {margin-bottom: 15px;}
   .about-officespace-right-text{font-size: 14px}
   .about-officespace .btn{margin-left: 0px;}
   .about-retailspace-right-text{font-size: 14px}
   .construction-gallery{display:grid;grid-template-columns:1fr;grid-gap:15px}
   #okCookie{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-gap: 10px !important;
        justify-content: center;
    }
    
    #okCookie p{
        grid-column: 1 / span 2;
        grid-row: 1 / span 2;
        margin-bottom: 15px;
        font-size:6pt;
        line-height:9px;
    }
    #disclaimerModal .modal-dialog{
       width:95%;
        margin: 0 auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    #disclaimerModal .modal-dialog p{
        font-size:6pt;
    }
    #disclaimerModal .modal-dialog .modal-body{
        height:200px;
        overflow-y:scroll;
    }
}