body{
font-family: "Inter", sans-serif;
background:#000000;
}

.main_container{
    max-width:1240px;
    margin:0 auto;
    padding-top:40px;
}

.title{
font-weight: 300;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
opacity: 0.5;
margin-bottom:4px;
}

.desc{
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
}

.desc a{
    color:#ffffff;
    text-decoration: none;
    display: block;
}

.desc a:hover{
    color:#CB2A97;
}

.positioning_2{
    padding:0px 0px 0px 30px;
}

.positioning_3{
    margin-left:40px;
}

.positioning_4{
    margin-left:96px;
}

.designimage img{
    width:100%;
}

.linkmore{
display:block;
align-items: center;
text-decoration: none;
font-weight: 400;
display: block;
font-size: 16px;
line-height: 26px;
color: #FFFFFF;
background: rgba(255, 255, 255, 0.05);
border-radius: 2000px;
padding:9px 9px 9px 24px;
margin-top:32px;

}

.linkmore .copy{
    z-index:9;
    float:right;
    margin-top:-2px;
    font-size:12px;
    color:#121212;
    font-weight:600;
    padding:2px 12px;
    background: linear-gradient(180deg, #FF6B00 -100%, #CB2A97 100%);
    color:#fff;
    border-radius:2000px;
    cursor: pointer;
}

.linkmore:hover{
    color:#fff;
}

.copy:hover{
    box-shadow: 0px 0px 20px #C02466;
}

.buttononbigdevice{display: block;}
.buttononsmalldevice{display: none;}
.burgermenu{display: none;}
.openmenu{display: block;}
.closemenu{display: none;}
.othermenu{display: block;}

.desktopview{display: block;}
.mobileview{display: none;}
.linemobileviewtop{display: none;}
.linemobileviewbottom{display: none;}

@media only screen and (max-width: 1360px) {
    .main_container{
        padding-right:40px;
        padding-left:40px;
    }
    .positioning_2{
        padding:0px 0px 0px 30px;
    }    
    .positioning_3{
        margin-left:40px;
    }
    .positioning_4{
        margin-left:80px;
    }
}

@media only screen and (max-width: 1280px) {
   
    .positioning_2{
        padding:0px 0px 0px 20px;
    }    
    .positioning_3{
        margin-left:20px;
    }
    .positioning_4{
        margin-left:70px;
    }
}

@media only screen and (max-width: 1220px) {
  
    .positioning_2{
        padding:0px 0px 0px 0px;
    }    
    .positioning_3{
        margin-left:0px;
    }
    .positioning_4{
        margin-left:30px;
    }
}


@media only screen and (max-width: 990px) {
    .linkmore{
        margin:0px 0px 40px 0px;
    }
    .desc{
        margin-bottom: 20px;    
    }
    .main_container{
        padding-right:60px;
        padding-left:60px;
    }

    .positioning_2{
        padding:0px 0px 0px 0px;
    }    
    .positioning_3{
        margin-left:0px;
    }
    .positioning_4{
        margin-left:0px;
    }
}

@media only screen and (max-width: 768px) {
    .smallhide{display:none;}
    .main_container{
        padding-right:36px;
        padding-left:36px;
    }
    
}


@media only screen and (max-width: 430px) {
   
    .main_container{
        padding-right:24px;
        padding-left:24px;
    }
    .linkmore{
        padding: 9px 9px 9px 20px;
        /*margin-bottom:20px;*/
    }
    .desktopview{display: none;}
    .mobileview{display: block;}
    .linemobileviewtop{
        display: block;
        border-top:1px solid rgba(255, 255, 255, 0.1);
        padding-top:20px;
    }
    .linemobileviewbottom{
        display: block;
        border-top:1px solid rgba(255, 255, 255, 0.05);
        margin-bottom:20px;
    }
    .burgermenu{display: block;text-align: right;}
    .burgermenu img{width:40px;}
    .burgermenu span{text-align: right;}
    .othermenu{display: none;}
    .buttononbigdevice{display:none;}
    .buttononsmalldevice{display:block;}
}