.bkict {
background-color: #FF3112;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1408' height='169' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%23F5F5F5' stroke-width='11.1' stroke-opacity='0.39'%3E%3Cpath d='M-500 75c0 0 125-30 250-30S0 75 0 75s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 45c0 0 125-30 250-30S0 45 0 45s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 105c0 0 125-30 250-30S0 105 0 105s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 15c0 0 125-30 250-30S0 15 0 15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500-15c0 0 125-30 250-30S0-15 0-15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 135c0 0 125-30 250-30S0 135 0 135s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3C/g%3E%3C/svg%3E");
}

.a1 .zoom {transition:0.2s ease-in-out;}
.a1 .zoom:hover {transform: scale(1.05);transition:0.2s ease-in-out;}

.verticalLine {
    border-left: thick solid #f4429f;
  }
@keyframes rotate {0% {transform: rotate(0)} 100% {transform: rotate(360deg);}}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    box-shadow: -10px 10px #f4429F;

  }
  
  /* Modal Content/Box */
  .modal-content {
    background-color: #fefefe;
    margin: 5% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
    box-shadow: -10px 10px #f4429F;
  }
  
  /* The Close Button */
  .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }
  .work-grid-int {display:grid; grid-template-columns:1fr 1fr 1fr; column-gap: 1%;cursor:pointer;}

@media(max-width: 767px)
{
  
    .a2_1{height: 240px !important;}
    .a2_2{height: 100px !important;}
    .a2_3{height: 50px !important;}

    .a3{width: 100%;}
    .a3_1{right:0px;height: 100px;}
    .a3_2{font-size:22px;}
    .a3_3{font-size:18px;}

    .a4{padding: 20px 0px 0px 20px;}

    .a1{padding: 30px 0px 0px 0px;}
    .a1_1{padding: 0px 16px 0px 16px;}
    .a1_2{margin: 0px 0px 60px 0px;}

    .a6{width: calc(100% - 32px);}
    .a6_1{padding: 16px 16px 32px 16px;}
    .work-grid-int {grid-template-columns:1fr 1fr;}

}

@media(max-width: 480px)
{
  
    .work-grid-int {grid-template-columns:1fr;}
   
}