.ul_clear{
  clear:both;
}


.ul_clear{
  clear:both;
}

@font-face {
  font-family: 'font_reg';
  font-display: swap;
  src: url('../fonts/poppings_reg.ttf')
}

@font-face {
  font-family: 'font_med';
  font-display: swap;
  src: url('../fonts/poppings_med.ttf')
}
@font-face {
  font-family: 'font_bold';
  font-display: swap;
  src: url('../fonts/popping_bold.ttf')
}
@font-face {
  font-family: 'font_semibold';
  font-display: swap;
  src: url('../fonts/popping_semibold.ttf')
}


*{
  word-wrap: break-word;
  margin: 0;
  padding: 0;
}
a {color:inherit;
  text-decoration: none;

  }      /* unvisited link */
  a:visited {color:inherit;
    text-decoration: none;

    }  /* visited link */
    a:hover {color:inherit;
      text-decoration: none;

      }  /* mouse over link */
      a:active {color:inherit;
        text-decoration: none;

        }  /* selected link */

        textarea{
          resize:vertical;
        }

        body{
          font-family: font_reg, sans-serif;
        }

        .landing_header_div{
          width: 100%;
          height: 80px;
          padding: 25px 0;
          border-bottom: solid 2px #eee;
          box-shadow: 0 0px 10px 2px rgba(0,0,0,0.04);

          background-color: #fff;
          position: fixed;
          top: 0;
          left: 0;
          z-index:900;
        }
        .landing_header_div_holder{
          width: 100%;
          height: 80px;
        }

        .landing_header_logo img{
          width: 180px;
        }
        .landing_header_bar{
          float: right;
        }
        .landing_header_bar img{
          width: 30px;
          cursor: pointer;

        }
        .main_line{
          width: 50px;
          height: 2px;
          background-color: #0918D6;
        }
        .text_title{
          font-family: font_semibold, sans-serif;
          font-size: 19px;
          color: #0918D6;
          margin: 0;
          margin-top: 10px;
        }
        .text_subtitle{
          font-family: font_semibold, sans-serif;
          font-size: 22px;
          color: #000;
          margin: 0;
          margin-top: 10px;
          /* text-transform: uppercase; */
          line-height: 35px;
        }
        .text_title_p{
          font-family: font_med, sans-serif;
          font-size: 19px;
          color: #0918D6;
          margin: 0;
          margin-top: 30px;

        }

        .gray_text{
          color: #565656;
          font-size: 18px;
          padding-left: 25px;
        }

        .gray_text_2{
          color: #565656;
          font-size: 18px;
          /* padding-left: 25px;s */
        }
        .gray_text_2_home{
          color: #565656;
          font-size: 18px;
          /* padding-left: 25px; */
          margin-top: 20px;
        }
        .landing_right_img img{
          float: right;
          width: 300px;
        }
        .text_subtitle_size{
          font-family: font_semibold, sans-serif;
          font-size: 22px;
          color: #0918D6;
          margin: 0;
          margin-top: 20px;
          line-height: 35px;
        }
        .gray_bg{
          background-color: #f7f7f7;
        }
        .question_img img{
          float: right;
          height: 290px;
          margin-right: 40px;
          margin-top: -30px;
        }

        .center_line{
          width: 40px;
          height: 2px;
          background-color: #0918D6;
          display: inline-block;
        }
        .portfolio_grid {
          width: 100%;
          /* height: 100%; */
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
          grid-gap:20px;
        }
        .portfolio_grid img{
          width: 100%;
          /* height: 100%; */
          box-shadow: 0 0px 10px 2px rgba(0,0,0,0.2);
        }
        .gray_sub_sub_text{
          color:#5E5E5E;
          font-size: 17px;
        }
        .package_title{
          font-family: font_semibold, sans-serif;
          font-size: 28px;
          text-transform: uppercase;
          transition: all 300ms;
        }
        .package_price{
          font-family: font_semibold, sans-serif;
          font-size: 40px;
          text-transform: uppercase;
          color:#0918D6;

          transition: all 300ms;
        }
        .package_price span{
          font-size: 21px;
          display: inline-block;
          vertical-align: top;
          padding-top: 11px;
          padding-right: 4px;
        }
        .package_list p{
          line-height: 28px;
        }
        .package_padding{
          padding: 40px 0;
          cursor: pointer;
          /* padding-top: 50px; */
        }
        .package_hover{
          box-shadow: 1px 1px 15px #e1e1e1;
          transition: all 300ms;
        }

        .package_hover .package_title{
          color: #000;

        }

        .package_btn{
        background-color: #0918D6;
        border: solid 2px #0918D6;

          border-radius: 70px;
          display: inline-block;
          transition: all 300ms;
          -webkit-user-select: none; /* Chrome, Opera, Safari */
          -moz-user-select: none; /* Firefox 2+ */
          -ms-user-select: none; /* IE 10+ */
          user-select: none; /* Standard syntax */
          cursor: pointer;

        }

        .package_btn p{
          margin: 7px 0;
          font-family: font_semibold, sans-serif;
          transition: all 300ms;
          color: #fff;



        }


        /* .package_hover .package_btn{
          border: solid 2px #0918D6;
          background-color: #0918D6;

        } */
        .package_hover .package_btn p{
          color:  #fff;
        }
        .package_hover .package_price{
          /* color:  #0918D6; */
        }
        .blue_bg{

          background-color: #0918D6;
        }
        .blue_bg .review_text{
          color: #fff;
          margin-top: 17px;
          font-size: 16px;
        }
        .review_img{
          width: 30px;
        }
        .blue_bg .review_name{
          font-family: font_semibold, sans-serif;
          font-size: 26px;
          color: #fff;

        }
        .review_face{
          display: inline-block;
          width: 50px;
        }
        .review_frame{
          margin-bottom: 60px;
          position: relative;
          padding-bottom: 60px;
        }


        .review_bottom_div{
          position: absolute;
          bottom: 0;
          width: 100%;
        }
        .review_frame_grid{
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
          grid-gap:20px;
        }
        .white_colo{
          background-color: #fff;
        }
        .white_colo_p{
          color: #fff;
        }
        .faq_frame{
          width: 100%;
          text-align: left;
          background-color: #ebebeb;
          margin-bottom: 10px;
        }
        .faq_question_div{
          padding: 20px 30px;

        }
        .faq_question h2{
          margin: 0;
          font-family: font_semibold, sans-serif;
          font-size: 16px;

        }
        .faq_arrow{
          float: right;
          width: 30px;
          margin-top: -5px;
          -webkit-user-select: none; /* Chrome, Opera, Safari */
          -moz-user-select: none; /* Firefox 2+ */
          -ms-user-select: none; /* IE 10+ */
          user-select: none; /* Standard syntax */
          cursor: pointer;
          transition: all 300ms;

          -ms-transform:rotate(-90deg);
          -webkit-transform:rotate(-90deg);
          transform:rotate(-90deg);


        }
        .faq_answer{
          padding: 20px 30px;
          border-top: solid 2px #fff;
          /* display: none; */
          border-bottom: solid 4px #0918D6;

        }
        .faq_answer p{
          font-size: 15px;
          /* font-family: font_med, sans-serif; */

        }
        .footer_div{
          background-color: #0918D6;
          width: 100%;
          padding: 10px 0;
          /* text-align: center; */
        }
        .footer_div p{
          color: #fff;
          margin: 0;
          font-size: 12px;
        }
        .make_sure_div{
          display: grid;
          grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
          text-align: center;
        }
        .make_sure_frame img{
          width: 60px;
          display: inline-block;
        }
        .make_sure_frame p{
          font-family: font_semibold, sans-serif;
          font-size: 16px;
          padding-top: 10px;
        }
        .img_bulb_small{
          width:19px;
          margin-top: 2px;
          position: absolute;
        }





        /* menu css */

        .menu_slider_bg{
          width: 100%;
          height: 100vh;
          background-color: #fff;
          position: fixed;
          top:80px;
          left: 0;
          z-index: 100;
          margin-left: 100%;
          transition: all 500ms;
        }
        .menu_slider_bg p{
          font-family: font_med, sans-serif;
          font-size: 16px;
          margin-bottom: 20px;
          display: inline-block;
        }
        .menu_slider_bg_list{
          margin-top: 20vh;
        }

        /* menu css */
        .how_it_works_icons{
          height: 50px;
          display: none;
        }



        .case_study_first_outer {
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
          grid-gap: 30px;
        }

        .case_study_first_img {
          width: 100%;
          height: 360px;
          background-color: #fff;
          transition: all 300ms ease-out;

          background-position:  bottom;
          background-size: cover;
        }
        .case_study_first:hover .case_study_first_img {
          height: 315px;
          width: 100%;

        }
        .case_study_first {
          overflow: hidden;
          height: 360px;
          box-shadow: 0 0px 10px 2px rgba(0,0,0,0.2);

        }
        .case_study_first_btn {
          width: 100%;
          height: 45px;
          background-color: #0918D6;
          cursor: pointer;
        }

        .case_study_first_btn p {
          line-height: 45px;
          margin: 0;
          text-align: center;
          color: #fff;
          font-family: font_med, sans-serif;;
          font-size: 15px;
          /* letter-spacing: 1px; */
          text-decoration: none ;
          text-transform: capitalize;
        }
        .header_band{
          width: 100%;
          height: 400px;
          border-bottom: solid 6px #0918D6;
          overflow: hidden;
        }
        .header_band_title{
          margin-top: 110px;

        }
        .header_band_title h1{
          font-size: 33px;
          font-family: font_med, sans-serif;;
          }.header_band_title p{
            font-size: 18px;
            font-family: font_med, sans-serif;;
            line-height: 28px;
            color: #444;
          }


          .header_band_btn{
            border: solid 2px #0918D6;
            background-color: #0918D6;
            border-radius: 70px;
            display: inline-block;
            transition: all 300ms;
            margin-top: 10px;
            -webkit-user-select: none; /* Chrome, Opera, Safari */
            -moz-user-select: none; /* Firefox 2+ */
            -ms-user-select: none; /* IE 10+ */
            user-select: none; /* Standard syntax */
            cursor: pointer;
          }

          .header_band_btn p{
            margin: 4px 47px;
            font-family: font_med, sans-serif;
            transition: all 300ms;
            font-size: 15px;
            color: #fff;


          }
          .header_band_right{
            float: right;
          }
          .header_band_right img{
            padding: 20px;
            height: 420px;

          }
          .header_band_btn{
            border: solid 2px #0918D6;
            /* background-color: #0918D6; */
            /* box-shadow: 0 0px 10px 2px rgba(0,0,0,0.1); */
          }
          .header_band_btn p{
            color:  #fff;
          }
          .header_band_btn:hover{
            background-color: #0918D6;

          }
          .header_band_btn:hover p{
            color:  #fff;

          }
.package_size{
  width: 380px;
  display: inline-block;
  /* box-shadow: 1px 1px 15px #e1e1e1; */
  margin: 0px 20px;
  border: solid 4px #0918d6;
  box-shadow: 1px 1px 10px #e1e1e1;
margin-bottom: 20px;
  /* border-radius: 13px; */
  overflow: hidden;
}
.package_item_row{
  text-align: center;
}
.package_size_top{
  width: 100%;
  height: 68px;
  background-color: #0918D6;
}
.package_size_top p{
  color: #fff;
  line-height: 68px;
  margin: 0;
  padding: 0;
}

.package_top{
  width: 100%;
  height: 73px;
  background-color: #0918D6;

}
.package_top p{
  color: #fff;
  margin: 0;
  padding: 0;
  line-height: 73px;
font-size: 24px;
}


.package_picker{
  width: 291px;
  height: 50px;
  border: solid 2px #0918D6;
  display: inline-block;
  margin-bottom: 40px;
overflow: hidden;

}
.package_picker_grid{
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
}


.package_picker_left{
  width: 100%;
  height: 50px;
  background-color: #0918D6;
  text-align: center;
}
.package_picker_left p{
  color: #fff;
  font-size: 16px;
  line-height: 50px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
font-family: font_semibold, sans-serif;
}

.package_picker_inner{
  width: 100%;
  height: 50px;
cursor: pointer;
  text-align: center;
}
.package_picker_inner p{
  color: #0918D6;
  font-size: 16px;
  line-height: 50px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
font-family: font_semibold, sans-serif;
}
.package_picker_active{
  background-color: #0918D6;

}
.package_picker_active p{
  color: #fff;


}





/* new packages */

.new_package_frame{
text-align: left;

}
.package_size{
vertical-align: top;
width: 400px;
}
.new_package_frame_names p{
font-size: 21px;
font-family: font_semibold, sans-serif;
margin: 0;
text-transform: uppercase;
}
.new_package_frame_line{
  width: 160px;
  height: 3px;
  background-color: #0918D6;
margin: 7px 0;
}
.new_package_frame_revision p{
font-size: 18px;
font-family: font_med, sans-serif;
margin: 0;
}
.new_package_frame_list img{
width: 31px;
  position: absolute;
}
.new_package_frame_list p{
  margin-left: 40px;
  font-size: 15px;
  font-family: font_med, sans-serif;
padding-top: 5px;
  margin-bottom: 20px;
}
.new_package_frame_price p{
  font-size: 26px;
  font-family: font_semibold, sans-serif;
  margin: 10px 0;
}
.package_btn{
  width: 100%;
}
.package_padding{
  padding: 40px 25px;

}

/* mobile imag disable */