.image-border{border-top-right-radius:15px;border-top-left-radius:15px}.example{padding:0;position:relative;display:block;cursor:pointer;overflow:hidden;background:#fff}.content{opacity:0;font-size:40px;position:absolute;top:-140px;left:0;color:#1c87c9;background-color:rgba(58,58,58,.8);border-top-right-radius:30px;border-top-left-radius:30px;width:100%;height:200%;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;-ms-transition:all .4s ease-out;transition:all .4s ease-out;text-align:center}.example .content:hover{opacity:1}.example .content .text{text-transform:uppercase;font-size:16px;color:#fff;height:0;opacity:1;transition-delay:0s;transition-duration:.8s}.example .content:hover .text{opacity:1;transform:translateY(250px);-webkit-transform:translateY(250px);background:rgba(0,0,0,.7)}.w2p{color:#000;font-size:16px;text-align:center;font-weight:400;margin-top:17px;margin-bottom:25px;padding:0 10px 10px 10px}.case-head{margin:10px 0 10px 0;padding:0 10px 0 10px;font-size:22px}.heading-hover{color:#000;text-decoration:none}.heading-hover:hover{color:#f4c108}.box1{display:inline-flex;margin:0 auto;margin-top:0;box-shadow:0 0 6px 1px #c8c8c8;margin-top:-40px;width:100%;background:#fff}.box-bottom{margin-bottom:50px;width:80%}.box1 p{color:#000;font-size:14px;margin-bottom:0}@media (min-width:320px) and (max-width:680px){.box1{width:100%}}.example_bg ul{padding:0}.box-margin ul{padding:0}.box1 h5{font-weight:700}.box1 li{list-style:none;display:inline-block;width:100%;padding:10px 4px 10px 4px;text-align:center;vertical-align:middle}.box1 h3{font-weight:700;font-size:28px}.box1 h4{font-weight:600;font-size:18px;text-transform:uppercase;margin:0}.box1 i{font-size:24px;background:0 0}.box_p2{margin-top:-13px;margin-bottom:5px}.y-our_{background:#212529!important;padding:160px 24px 62px 24px;text-align:center}.bg-grey{background:#f1f1f1}.box_yellow{background:#fcce05}.content_bg{background-color:#fff9f1;padding:10px 10px 0;margin-top:-15px}.content_bg h3{font-size:24px;font-weight:700}.example_bg{background:#fff9f1;box-shadow:1px 1px 10px 2px #e9e9e9;margin-top:0;margin-bottom:0}.example a{color:#fff;text-decoration:none;border:2px solid #fff;padding:12px}.our-title{font-size:45px;text-transform:uppercase;margin-bottom:20px;color:#f4c108;font-weight:700}.yellow_bg{background:#fcce05}.mySlides div{font-size:16px;padding-left:70px;padding-right:70px;height:200px;text-align:center;font-weight:400;line-height:1.5}#icon{font-size:50px;color:#fcce05}.paragraph1{font-size:23px}.header2_image{box-shadow:0 0 8px 1px #c4c4c4}.bg-yellow-case{background:linear-gradient(90deg,#fff 20%,#fff 20% 60%,#fcce05 50% 80%,#fcce05 80%);padding:70px 0 120px 0}.black_bg{background:#111;color:#fff}.bg-white{background:#fff}.bg_grey{background:#f1f1f1;color:#000}.yellow_heading{text-align:center;padding:15px;font-weight:600}.bg_yellow{background:#fcce05!important;padding-top:20px;padding-bottom:10px}ul.yellow-sq li{padding-top:12px;list-style-type:none}ul.yellow-sq li:before{content:url(https://api.iconify.design/emojione-monotone:black-large-square.svg?color=%23fcce05&height=6);vertical-align:middle;color:#fcce05;font-size:6px;margin-right:10px;list-style:none;vertical-align:middle}.p1_underline{border:1px solid #ffd000;width:200px;margin:auto;margin-bottom:30px;margin-top:0;text-align:center}.box1 h3{font-weight:700;font-size:28px}.app_develop{padding:80px 80px 0px 80px;text-align:left}.example_bg{margin-top:15px;margin-bottom:15px}@media (min-width:320px) and (max-width:680px){.mySlides div{height:300px;overflow-y:scroll;padding-left:20px;padding-right:20px;text-align:center}}.y-subcase-head{font-size:60px;font-weight:600;margin-bottom:20px}@media (min-width:320px) and (max-width:680px){.y-subcase-head{font-size:40px}}

    .dropdown-container,.dropdown-container1, .dropdown-container2, .dropdown-container3, .dropdown-container4, .dropdown-container5, .dropdown-container6, .dropdown-container7 {

      flex-direction: column;
      color:white;
      font-size:16px;
      text-decoration: none;
      font-family: Roboto,sans-serif;
      letter-spacing: 1px;
      display: block;
      transition: .3s;
      padding-top:2px;
      padding-bottom:2px;

    }
    .dropdown, .dropdown1, .dropdown2, .dropdown3, .dropdown4, .dropdown5, .dropdown6, .dropdown7 {
      cursor: pointer; 

    }


    .fa-angle-down {
      color:white;
      position: absolute;
      left:85%;
      transform: translateY(-30px);
      font-size: 1.3rem;
      transition: transform 0.3s ease;
    }



    .dropdown-menu, .dropdown-menu1, .dropdown-menu2, .dropdown-menu3, .dropdown-menu4, .dropdown-menu5, .dropdown-menu6, .dropdown-menu7 {
      display: none;
      flex-direction: column;

    }
    #openDropdown:checked + .dropdown-menu {
      display: flex;
      animation: openDropDown 0.4s ease 0s 1 forwards;
    }

    @keyframes openDropDown {
      from { transform: rotateX(50deg); }
      to { transform: rotateX(0deg); }
    }
    #openDropdown1:checked + .dropdown-menu1 {
      /*margin-left:15px;*/
      display: flex;
      animation: openDropDown1 0.4s ease 0s 1 forwards;
    }

    @keyframes openDropDown1 {
      from { transform: rotateX(50deg); }
      to { transform: rotateX(0deg); }
    }

    #openDropdown2:checked + .dropdown-menu2 {
      margin-left:15px;     
      display: flex;
      animation: openDropDown2 0.4s ease 0s 1 forwards;
    }

    @keyframes openDropDown2 {
      from { transform: rotateX(50deg); }
      to { transform: rotateX(0deg); }
    }

    #openDropdown3:checked + .dropdown-menu3 {
      margin-left:15px;     
      display: flex;
      animation: openDropDown3 0.4s ease 0s 1 forwards;
    }

    @keyframes openDropDown3 {
      from { transform: rotateX(50deg); }
      to { transform: rotateX(0deg); }
    }

    #openDropdown4:checked + .dropdown-menu4 {
      margin-left:15px;     
      display: flex;
      animation: openDropDown4 0.4s ease 0s 1 forwards;
    }

    @keyframes openDropDown4 {
      from { transform: rotateX(50deg); }
      to { transform: rotateX(0deg); }
    }

    #openDropdown5:checked + .dropdown-menu5 {
      margin-left:15px;

      display: flex;
      animation: openDropDown5 0.4s ease 0s 1 forwards;
    }

    @keyframes openDropDown5 {
      from { transform: rotateX(50deg); }
      to { transform: rotateX(0deg); }
    }

    #openDropdown6:checked + .dropdown-menu6 {
      margin-left:15px;     
      display: flex;
      animation: openDropDown6 0.4s ease 0s 1 forwards;
    }

    @keyframes openDropDown6 {
      from { transform: rotateX(50deg); }
      to { transform: rotateX(0deg); }
    }

    #openDropdown7:checked + .dropdown-menu7 {
      margin-left:15px;     
      display: flex;
      animation: openDropDown6 0.4s ease 0s 1 forwards;
    }

    @keyframes openDropDown7 {
      from { transform: rotateX(50deg); }
      to { transform: rotateX(0deg); }
    }