.invest-wrap {
    #margin: 0;
    padding-left: 12%;
    // overflow: hidden
}

.inner-wrap {
    position: relative;
    width: 500px;
    margin: 0 auto;
}
.title-1, .text-1{
    color:#F7A71C;
}

.title-2, .text-2{
    color:#076D96;
}

.title-3, .text-3{
    color: #1DAE5C;
}
.title-4, .text-4{
    color: #f75156;
}

.detail-invest-1{
    color:#F7A71C;
    margin: 30px 0 30px 0;
}

.detail-invest-2{
    color:#076D96;
    margin: 30px 0 30px 0;

}

.detail-invest-3{
    color: #1DAE5C;
    margin: 30px 0 30px 0;

}
.detail-invest-4{
    color: #f75156;
    margin: 30px 0 30px 0;

}
.pretzel-box-1 {
    margin: 50px auto;
    padding: 10px;
    text-align: center;
    top: 199px;
    position: absolute;
    left: 23%;
    z-index: 1;
}

.pretzel-box-1 svg {
    fill: #458599;
    transition: 1s;
    width: 152.447px;
    height: 163.02px;
}

.pretzel-box-1 svg:hover {
    transform: rotate(-6deg) scale(1.1);
    cursor: pointer;
}

.pretzel-box-2 {
    margin: 50px auto;
    padding: 10px;
    text-align: center;
    top: 207px;
    position: absolute;
    left: 46.5%;
    z-index: 2;
}

.pretzel-box-2 svg {
    fill: #458599;
    width: 129.214px;
    height: 202.02px;
    transition: 1s;
}

.pretzel-box-2 svg:hover {
    transform: rotate(-5deg) scale(1.1);
    cursor: pointer;
}

.pretzel-box-3 {
    margin: 50px auto;
    padding: 10px;
    text-align: center;
    top: 359px;
    position: absolute;
    left: 5.3%;
    z-index: 3;
}

.pretzel-box-3 svg {
    fill: #458599;
    transition: 1s;
    width: 319.224px;
    height: 150.225px;
}

.pretzel-box-3 svg:hover {
    transform: rotate(0deg) scale(1.1);
    cursor: pointer;
}

.pretzel-box-4 {
    margin: 50px auto;
    padding: 10px;
    text-align: center;
    top: 53px;
    position: absolute;
    left: -13px;
}

.pretzel-box-4 svg {
    fill: #458599;
    transition: 1s;
    width: 258.131px;
    height: 366.633px;
}

.pretzel-box-4 svg:hover {
    // fill: #CC0000;
    transform: rotate(3deg) scale(1.03);
    cursor: pointer;
}

.pretzel-box-5 {
    margin: 50px auto;
    padding: 10px;
    text-align: center;
    top: 260px;
    position: absolute;
    left: 27%;
    #z-index: -1;
}

.pretzel-box-5 svg {
    width: 130.677px;
    height: 130.677px;
}

.detail-info {
    text-align: right;
}

.text-1 {
    display: block;
    width: 200px;
    position: absolute;
    top: -30%;
    left: 60%;
    color: #F7A61B;
}

.text-2 {
      display: block;
    width: 200px;
    position: absolute;
    top: 20%;
    left: 60%;
    color: #2F97D3;
}

.text-3 {
    display: block;
    width: 300px;
    position: absolute;
    top: 110%;
    left: 10%;
    color: #03AB4F;
}

.text-4 {
    display: block;
    width: 200px;
    position: absolute;
    top: 0%;
    left: -20%;
    color: #F05D61;
}



@media screen and (max-width: 760px) {
    .inner-wrap {
        #display: none;
    }
    .text-1,
    .text-2,
    .text-3,
    .text-4,
    .text-5 {
        display: none;
    }
}

.text-1 p {
    text-align: left;
}

.text-2 p {
    text-align: left;
}

.text-3 p {
    text-align: left;
}

.text-4 p {
    text-align: left;
}

@media screen and (max-width: 500px) {
    .pia-investment-strategy {
        overflow-x: hidden;
        min-height: 580px;
    }
    .pia-investment-strategy {
        position: relative
    }
    .inner-wrap {
        position: relative;
        max-width: 420px;
        margin: 0 auto;
    }
    .pretzel-box-1 {
        margin: 50px auto;
        padding: 10px;
        text-align: center;
        top: 199px;
        position: absolute;
        left: 23%;
        z-index: 1;
    }
    .pretzel-box-1 svg {
        fill: #458599;
        transition: 1s;
        width: 137.2023px!important;
        height: 163.02px!important;
    }
    .pretzel-box-2 {
        margin: 50px auto;
        padding: 10px;
        text-align: center;
        top: 205px;
        position: absolute;
        left: 48.5%;
        z-index: 2;
    }
    .pretzel-box-2 svg {
        fill: #458599;
        width: 116.2926px!important;
        height: 202.02px!important;
        transition: 1s;
    }
    .pretzel-box-3 {
        margin: 50px auto;
        padding: 10px;
        text-align: center;
        top: 344px;
        position: absolute;
        left: 4.3%;
        z-index: 3;
    }
    .pretzel-box-3 svg {
        fill: #458599;
        transition: 1s;
        width: 287.3016px!important;
        ;
        height: 150.225px!important;
        ;
    }
    .pretzel-box-4 {
        margin: 50px auto;
        padding: 10px;
        text-align: center;
        top: 58px;
        position: absolute;
        left: -19px;
    }
    .pretzel-box-4 svg {
        fill: #458599;
        transition: 1s;
        width: 232.3179px!important;
        ;
        height: 366.633px!important;
        ;
    }
    .pretzel-box-5 {
        margin: 50px auto;
        padding: 10px;
        text-align: center;
        top: 263px;
        position: absolute;
        left: 27.5%;
        z-index: -1;
    }
    .pretzel-box-5 svg {
        width: 117.6093px!important;
        ;
        height: 117.6093px!important;
        ;
    }
}

@media screen and (max-width: 400px) {
    .pia-investment-strategy{
        overflow-x: hidden;
        min-height: 580px;
    }
    .pia-investment-strategy {
        position: relative
    }
    .inner-wrap {
        position: relative;
        max-width: 420px;
        margin: 0 auto;
    }
    .pretzel-box-1 {
        margin: 50px auto;
        padding: 10px;
        text-align: center;
        top: 198px;
        position: absolute;
        left: 21.5%;
        z-index: 1;
    }
    .pretzel-box-1 svg {
        fill: #458599;
        transition: 1s;
        width: 123.48207px!important;
        height: 163.02px!important;
    }
    .pretzel-box-2 {
        margin: 50px auto;
        padding: 10px;
        text-align: center;
        top: 201px;
        position: absolute;
        left: 44.4%;
        z-index: 2;
    }
    .pretzel-box-2 svg {
        fill: #458599;
        width: 104.66334px!important;
        height: 202.02px!important;
        transition: 1s;
    }
    .pretzel-box-3 {
        margin: 50px auto;
        padding: 10px;
        text-align: center;
        top: 328px;
        position: absolute;
        left: 4.3%;
        z-index: 3;
    }
    .pretzel-box-3 svg {
        fill: #458599;
        transition: 1s;
        width: 258.57144px!important;
        height: 150.225px!important;
    }
    .pretzel-box-4 {
        //    margin: 50px auto;
        // padding: 10px;
        // text-align: center;
        // top: 59.5px;
        // position: absolute;
        // left: -13.6px;
        margin: 50px auto;
        padding: 10px;
        text-align: center;
        top: 60px;
        position: absolute;
        left: -13.5px;
    }
    .pretzel-box-4 svg {
        fill: #458599;
        transition: 1s;
        width: 209.08611px!important;
        height: 366.633px!important;
    }
    .pretzel-box-5 {
        margin: 50px auto;
        padding: 10px;
        text-align: center;
        top: 263px;
        position: absolute;
        left: 25.5%;
        z-index: -1;
    }
    .pretzel-box-5 svg {
        width: 105.84837px!important;
        height: 105.84837px!important;
    }
    .modal-title {
        margin-left: 70px!important;
    }
    .img-2{
        height: 165px;
    }
    .img-3 {
        width: 250px;
    }
    .img-4{
        width: 235px;
        height: 165px;
    }
}



@media screen and (min-width: 1200px) {
    .pia-investment-strategy,
    .pia-investment-strategy {
        overflow-x: hidden;
        min-height: 880px;
    }
    .pia-investment-strategy {
        position: relative
    }
    .inner-wrap {
        position: relative;
        max-width: 600px;
        margin: 0 auto;
    }
.pretzel-box-1 {
 margin: 50px auto;
    padding: 10px;
    text-align: center;
    top: 179px;
    position: absolute;
    left: 21.6%;
    z-index: 1;
}

.pretzel-box-1 svg {
    fill: #458599;
    transition: 1s;
    width: 203.397px;
    height: 217.621px;
}

.pretzel-box-1 svg:hover {
    transform: rotate(-6deg) scale(1.1);
    cursor: pointer;
}

.pretzel-box-2 {
       margin: 50px auto;
    padding: 10px;
    text-align: center;
    top: 187px;
    position: absolute;
    left: 53.2%;
    z-index: 2;
}

.pretzel-box-2 svg {
    fill: #458599;
    width: 172.392px;
    height: 275.406px;
    transition: 1s;
}

.pretzel-box-2 svg:hover {
    transform: rotate(-5deg) scale(1.1);
    cursor: pointer;
}

.pretzel-box-3 {
    margin: 50px auto;
    padding: 10px;
    text-align: center;
    top: 391px;
    position: absolute;
    left: -1.8%;
    z-index: 3;
}

.pretzel-box-3 svg {
    fill: #458599;
    transition: 1s;
    width: 425.92px;
    height: 200.426px;
}

.pretzel-box-3 svg:hover {
    transform: rotate(0deg) scale(1.1);
    cursor: pointer;
}

.pretzel-box-4 {
    margin: 50px auto;
    padding: 10px;
    text-align: center;
    top: -16px;
    position: absolute;
    left: -62px;
}

.pretzel-box-4 svg {
    fill: #458599;
    transition: 1s;
    width: 344.409px;
    height: 489.175px;
}

.pretzel-box-4 svg:hover {
    // fill: #CC0000;
    transform: rotate(3deg) scale(1.03);
    cursor: pointer;
}

.pretzel-box-5 {
    margin: 50px auto;
    padding: 10px;
    text-align: center;
    top: 260px;
    position: absolute;
    left: 27.1%;
    #z-index: -1;
}

.pretzel-box-5 svg {
   width:174.678px; 
   height:174.353px;
}

.text-1 {
    display: block;
    width: 200px;
    position: absolute;
    top: -30%;
    left: 60%;
    color: #F7A61B;
}

.text-2 {
      display: block;
    width: 200px;
    position: absolute;
    top: 20%;
    left: 60%;
    color: #2F97D3;
}

.text-3 {
    display: block;
    width: 300px;
    position: absolute;
    top: 110%;
    left: 10%;
    color: #03AB4F;
}

.text-4 {
    display: block;
    width: 200px;
    position: absolute;
    top: 0%;
    left: -20%;
    color: #F05D61;
}

    .modal-title {
        margin-left: 70px!important;
    }
    .img-2{
        height: 165px;
    }
    .img-3 {
        width: 250px;
    }
    .img-4{
        width: 235px;
        height: 165px;
    }
}