.paskong-paloan #main-content{
  display:none;
}

.paskong-paloan .navbar-fixed-top .logo img { 
   display: block;
  -moz-box-sizing: border-box;
   box-sizing: border-box;
   background:url(/themes/tonikbankv1/images/tinder/tonik_white_logo.svg) no-repeat;
   width: 123px;
   height: 40px;
   padding-left: 123px;
}

.paskong-paloan .navbar-default .navbar-toggle, 
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background: transparent;
    color: #785aff;
    margin-right: 5px;
    margin-top: 15px;
    border-color: #fff;
    color: #fff;
}

.paskong-paloan .navbar-default .navbar-toggle .icon-bar, 
.navbar-default .navbar-toggle:hover .icon-bar, 
.navbar-default .navbar-toggle:focus .icon-bar{
    background-color: #fff !important;
}


.paskong-paloan .menu li a {
  color:#fff;
}

.paskong-paloan .menu li a:hover{
  color:#fff;
}

.paskong-paloan  header.navbar-fixed-top {
     background:#785AFF;
 }
.paskong-paloan .main-container{
     margin-top:0px;
  }

.paskong-paloan .paskong-banner{
       background-image: url('/themes/tonikbankv1/images/promos/hero img.png');
       background-repeat: no-repeat;
       background-size: 100%;
       height: 946px;
       /* background-position: right 2rem top 50%; */
}

.paskong-banner .title-1 p{
     padding: 72px 0 14px 0;
     font-size: 64px;
     font-style: normal;
     font-weight: 600;
     line-height: 76px;
     letter-spacing: -1.408px;
     color: #fff;
} 

.paskong-banner .title-2 p{
   font-size: 23px;
   font-weight: 600;
   line-height: 32px;
   color: #fff;
}

.paskong-banner .title-3 p{
   font-size: 18px;
   color:#fff;
   margin-top:24px;
   font-weight: 400;
   line-height: 26px;
}



.paskong-paloan .paragraph.paragraph--type--content-container-row.con-border {
    margin-top: -124px;
    background: #fff;
}

.paskong-paloan .con-border .field--name-field-paragraph-title{
    max-width: none !important;
}

.paskong-paloan .paragraph--type--content-container-row .ptitle .field--name-field-paragraph-title{
    width: 900px  !important;
    text-align: center;
    font-size: 40px !important;
    font-weight: 600;
    color: #785AFF;
    padding: 50px 0 0 0 ;
}

@media screen and (max-width: 767px){
  .paskong-paloan .paskong-banner{
       background-image: url('/themes/tonikbankv1/images/promos/hero img mobile.png');
       background-repeat: no-repeat;
       background-size: 100%;
       height: 946px;
       margin-top: -66px;
}

.paskong p:nth-child(3) {
  padding-bottom: 30px;
}

.paskong-banner .title-1 p {
    padding: 152px  0 16px  0;
    font-size: 42px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: -0.924px;
    width: 309px;
    margin: 0 auto;
}
.paskong-banner .title-2 p {
   font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #fff;
    width: 258px;
    letter-spacing: -0.042px;
    margin: 0 auto 16px auto;
}
.paskong-banner .title-3 p {
    font-size: 11px;
    color: #fff;
    margin-top: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.033px;
}

.paskong-paloan .pdesc{
  margin: 0 25px 0 25px;
}

.paskong-paloan .paragraph--type--content-container-row .field--type-image img{
   width: 36px;
}

.paskong-paloan .con-border{
    border-radius: 16px;
}
.paskong-paloan .con-border .field--name-field-column-description {
    font-size: 12px;
    margin-bottom: 24px !important;
    font-weight: 400;
    letter-spacing: -0.036px;
    line-height: 16px;
    padding:0;
     width: 259px;
}

.paskong-paloan .paragraph--type--content-container-row .ptitle .field--name-field-paragraph-title {
    width: 253px !important;
    text-align: center;
    font-size: 22px !important;
    line-height: 28px !important;
    color: #785AFF;
    padding:30px 0 0 0;
    letter-spacing: -0.418px !important;
}

.paskong-paloan .con-border .ptitle .field--name-field-paragraph-title{
   margin-bottom: 24px !important;
}

.paskong-paloan .con-border .column-title .field--name-field-column-title{
    margin-bottom: 8px;
    margin-top: 16px;
}

.paskong-paloan .paragraph.paragraph--type--content-container-row.con-border {
    margin-top: -124px;
}
 }

@media screen and (max-width: 415px){
.paskong-paloan .paragraph.paragraph--type--content-container-row.con-border {
    margin-top: -100px;
  }
}

@media screen and (max-width: 395px){
.paskong-paloan .paragraph.paragraph--type--content-container-row.con-border {
    margin-top: -153px;
  }
}

@media screen and (max-width: 375px){
.paskong-paloan .paragraph.paragraph--type--content-container-row.con-border{
    margin-top: -185px;
  }
}

@media screen and (max-width: 360px){
.paskong-paloan .paragraph.paragraph--type--content-container-row.con-border{
    margin-top: -215px;
  }
}



.paskong-paloan .ready-to-shop .title{
   font-size: 40px;
   font-weight: 600;
   line-height: 52px; 
   letter-spacing: -0.88px;
   color:#785AFF;
   padding-bottom:16px;
 }

.paskong-paloan .ready-to-shop .content{
   font-size: 23px;
   font-style: normal;
   font-weight: 500;
   line-height: 32px;
   padding-bottom:32px;
}

.paskong-paloan .ready-to-shop .view-list{
  margin-top:32px;
}
.paskong-paloan .ready-to-shop .view-list a{
    padding: 24px 32px;
    margin: 0 auto;
    border-radius: 20px;
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.242px;
   background-color: #785AFF;
    color:#fff;
}



@media screen and (max-width: 767px){
.paskong-paloan .ready-to-shop .title {
    font-size: 22px ;
    line-height: 28px;
    letter-spacing: -0.418px;
    margin-top: 60px ;
    padding-bottom: 14px ;
}

.paskong-paloan .ready-to-shop .content {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.036px;
    width: 265px;
    margin: auto;
    padding-bottom: 24px;

}
.paskong-paloan .ready-to-shop .view-list {
    margin-top: 0px;
    margin-bottom: 10px;
}
.paskong-paloan .ready-to-shop .view-list a{
    border-radius: 12px;
    padding: 8px 24px;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.165px;
}
}