/*******************************************************
 *
 * Compass One
 *
 *******************************************************/

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


.ip-compass-one-wrap {
    background: #000;
    color: #fff;
    position: relative;
}

.ip-compass-one-wrap::before {
    content: '';
    pointer-events: none;
    background: #fff;
    position: absolute;
    width: 100%;
    /* height: 1865px; */
    height: 116.56249999999999vw;
    bottom: 0;
    left: 0;
}

.ip-compass-one-wrap:has(#for-sellers.in)::before {
    /* height: 1270px; */
    height: 79.375vw;
}

.ip-compass-one-wrap p {
    font-size: 17px !important;
    margin-top: 25px;
}

.ip-banner {
    display: none;
}
#inner-page-wrapper{
    margin-bottom: 0;
}

#inner-page-wrapper .container{
    width: 100%;
    padding: 0;
}
.img-canvas {
    position: relative;
    overflow: hidden;
}
.img-canvas > canvas {
    display: block;
    width: 100%;
    height: auto;
}
.img-canvas > img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: var(--animate);
    -o-transition: var(--animate);
    transition: var(--animate);
}

.header {
    background: #000;
}
.con-hdng h2 {
    font-family: "CompassSerif";
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
}

/* Banner */
.ip-compass-one-banner {
    position: relative;
}
.ip-compass-one-banner .img-canvas > img {
    filter: brightness(0.8);
}
.ip-compass-one-banner .img-canvas canvas {
    min-height: 400px;
}
.ip-compass-one-tagline {
    position: absolute;
    top: 63%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    padding: 0 20px;
    z-index: 2;
}
.ip-compass-one-tagline img {
    width: 95%;
    max-width: 519px;
    height: auto;
}
.ip-compass-one-tagline h1 {
    font-size: 60px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.150em;
    margin: 15px 0;
}


/* breadcrumbs */
.ip-compass-one-bc {
    padding: 0 15px;
}
.ip-compass-one-bc p {
    width: 100%;
    /* max-width: 1140px; */
    max-width: 71.25vw;
    margin: 0 auto;
    font-size: 17px;
    letter-spacing: 0;
    padding: 15px 0;
    color: #fff;
}


/* intro */
.ip-compass-one-intro {
    text-align: center;
    /* max-width: 1020px; */
    max-width: 63.74999999999999vw;
    margin: 80px auto 0;
}

.ip-compass-one-intro h2 {
    font-size: 32px;
    font-weight: 700;
    font-family: "CompassSerif";
}

.ip-compass-one-intro p {
    color: #bfbfbf;
    font-size: 15px;
    line-height: 1.6;
}

/* main */
.ip-compass-one-main {
    /* max-width: 1020px; */
    max-width: 63.74999999999999vw;
    margin: 65px auto 130px;    
    box-shadow: 0px 10px 55px 0px rgba(68, 68, 68, 0.3);
    position: relative;
}

.ip-compass-one-main .nav {
    display: flex;
}

.ip-compass-one-main .nav li {    
    width: 50%;
    font-size: 20px;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    background: #e6e6e6;
    /* border-top-left-radius: 30px;
    border-top-right-radius: 30px;    */
    border-top-left-radius: 1.875vw;
    border-top-right-radius: 1.875vw;   
    box-shadow: 0px 10px 55px 0px rgba(68, 68, 68, 0.3);
    letter-spacing: .5px;
}

.ip-compass-one-main .nav li.active {    
    background: #fff;
    box-shadow: none;
    margin-right: -1%;
    width: 51%;
    z-index: 1;
}

.ip-compass-one-main .nav li.active:nth-child(2) {
    margin-left: -1%;
    margin-right: 0;
}

.tab-content {
    background: #fff;
}


.ip-compass-one-main .nav li a {
    display: block;
    /* padding: 24px 0; */
    padding: 1.5vw 0;
    text-align: center;
    color: #000;
}

.ip-compass-one-main .tab-content > .tab-pane {
    display: none;
}

.ip-compass-one-main .tab-content > .tab-pane.active {
    display: block;
}

.info-box {
    position: absolute;
    top: 0;
    z-index: 10;
    /* width: 270px;
    min-height: 300px; */
    width: 16.875vw;
    min-height: 18.75vw;
}
.info-box-inner {
    border-radius: 20px;
    overflow: hidden;    
    box-shadow: 0px 4px 50px 0px rgba(41, 37, 37, 0.4);
}
.info-box-head {
    background: #bfbfbf;
    /* padding: 35px 35px 20px; */
    padding: 2.1875vw 2.1875vw 1.25vw;
    font-family: "Poppins", sans-serif;
    /* font-size: 20px; */
    font-size: clamp(14px,1.25vw,20px);
    font-weight: 700;
    color: #000;
    text-wrap: balance;
    line-height: 1.2;
}
.info-box-body {
    background: #fff;
    color: #000;
    /* padding: 20px 35px; */
    padding: 1.25vw 2.1875vw;
    /* font-size: 15px; */
    font-size: clamp(11px,0.9375vw,15px);
    font-weight: 300;
    font-family: "Poppins", sans-serif;
    line-height: 1.5;
    /* min-height: 230px; */
    min-height: 14.374999999999998vw;
}
.info-box-pointer {
    width: 50%;
    height: 25px;
    /* height: 1.5625vw; */
    position: absolute;
    border-top: 1px #bfbfbf dashed;
    border-right: 1px #bfbfbf dashed;
    /* top: -25px; */
    top: -1.5625vw;
}
.info-box-pointer::before {
    content: '';
    pointer-events: none;
    /* width: 10px;
    height: 10px; */
    width: 0.625vw;
    height: 0.625vw;
    background: #bfbfbf;
    position: absolute;
    border-radius: 50%;
    /* top: -6px;     */
    top: -0.375vw;    
}
.info-box-pointer--right {
    transform: scaleX(-1);
    right: 0;
}

#buy-box-1 {
    /* top: 705px;
    left: -240px; */
    top: 44.0625vw;
    left: -15vw;
}

#buy-box-2 {
    /* top: 957px;
    right: -243px; */
    top: 59.8125vw;
    right: -15.187500000000002vw;
}

#buy-box-3 {
    /* top: 1203px;
    left: -242px; */
    top: 75.1875vw;
    left: -15.125vw;
}

#buy-box-4 {
    /* top: 1520px;
    right: -242px; */
    top: 95vw;
    right: -15.125vw;
}

#buy-box-5 {
    /* top: 1596px;
    left: -242px; */
    top: 99.75vw;
    left: -15.125vw;
}


#sell-box-1 {
    /* top: 347px;
    left: -242px; */
    top: 21.6875vw;
    left: -15.125vw;
}

#sell-box-2 {
    /* top: 513px;
    right: -243px; */
    top: 32.0625vw;
    right: -15.187500000000002vw;
}

#sell-box-3 {
    /* top: 802px;
    left: -240px; */
    top: 50.125vw;
    left: -15vw;
}

#sell-box-4 {
    /* top: 1070px;
    right: -243px; */
    top: 66.875vw;
    right: -15.187500000000002vw;
}

#sell-box-4 .info-box-pointer {
    width: 315%;
    right: 50%
}

#sell-box-5 {
    /* top: 1280px;
    left: -241px; */
    top: 80vw;
    left: -15.0625vw;
}


/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/

 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {

} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {


} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {
    .info-box {
        display: none;
    }

    .ip-compass-one-main {
        max-width: 90%;
    }
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {

}