.page-banner .pb-wrap h1,.title{text-transform:uppercase;color:var(--white-color)}.flip-box-front,.info-text,.page-banner .pb-wrap h1,.title{color:var(--white-color)}.page-banner{position:relative;height:100vh;min-height:570px}.page-banner .pb-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.page-banner .container{height:100vh;z-index:9;min-height:570px;position: relative}.page-banner .pb-wrap{position:absolute;left:0;top:50%;transform:translateX(0) translateY(-50%);background:var(--black-color);padding:40px}.page-banner .pb-wrap h1{font-size:44px;font-weight:400}.info-text span,.page-banner .pb-wrap p,.title span{color:var(--main-color)}.page-banner .pb-wrap p{font-size:32px;font-weight:400;margin:0}.info-text{font-family:var(--main-font-el);margin:70px 0}.info-text span{font-size:70px}.title{font-size:30px;font-weight:600;margin:0 0 40px}.gwadar-flip-box{margin-bottom:40px}.flip-col{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;position:relative;padding:0 15px}.flip-box{width:100%;height:280px;perspective:1000px;margin-bottom:30px}.flip-box-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s}.flip-box-back,.flip-box:hover .flip-box-inner{transform:rotateY(180deg)}.flip-box-back,.flip-box-front{width:100%;height:100%;position:absolute;top:0;left:0;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px}.flip-box h3{margin:0 0 10px;font-size:20px;font-weight:400}.flip-box p{margin:0;font-size:14px}.GinfoSFull span,.info-item h3{font-size:70px;color:var(--main-color)}.flip-box-front{background-size:cover!important;background-position:center top!important}.flip-box-back{background:var(--secound-color);color:var(--black-color)}.bcg-belt-road img{width:100%;height:auto}.info-col{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;position:relative;padding:0 15px}.info-wrap{margin:40px 0 0}.info-item{background:#252525;text-align:center;color:var(--white-color);padding:0 20px 30px;margin-top:45px;margin-bottom:30px;height:calc(100% - 75px)}.info-item span{width:90px;height:90px;background:var(--main-color);border-radius:100%;position:relative;display:inline-block;margin:-45px auto 0}.info-item span img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:45px;height:45px;filter:brightness(0) invert(1)}.GinfoSFull span sub,.info-item h3 sub{color:var(--white-color);text-transform:uppercase;position:relative;bottom:10px}.info-item h3{margin-bottom:5px}.info-item h3 sub{font-size:20px;font-family:mesmerize-rg}.GinfoSFull{float:left;width:100%;clear:both;border:1px solid var(--main-color);background:#252525;position:relative;color:var(--white-color);align-items:center;display:flex;padding:15px}.GinfoSFull span{float:left;margin-right:25px;padding-left:10px;font-family:var(--main-font-bd)}.GinfoSFull span sup{font-size:27px;color:var(--white-color);font-family:mesmerize-bd}.GinfoSFull span sub{font-size:18px;font-family:mesmerize-rg}.GinfoSFull .GinfoSFullIn{display:table}.GinfoSFull .GinfoSFullIn h4{font-size:14px;color:var(--main-color);font-family:mesmerize-bd;margin:0}.GinfoSFull .GinfoSFullIn p{font-size:14px;color:var(--white-color);font-family:mesmerize-rg;margin:0}@media(min-width:1024px) and (max-width:1250px){.info-col{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media(min-width:992px) and (max-width:1023px){.info-col{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media(min-width:768px) and (max-width:991px){.page-banner,.page-banner .container{height:50vh;min-height:570px}.flip-col{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;position:relative;padding:0 15px}.info-col{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}