*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.mr-0
{
 margin: 0px !important;
}

/* .respon_img
{
   width: 100%;
   height: auto;
} */

a
{
   text-decoration: none;
}

/* call button css start */

@-webkit-keyframes pulse{
   0%{
     -webkit-transform: scale(0.9);
   }
   50%{
     -webkit-transform: scale(1.1);
   }
   100%{ 
     -webkit-transform: scale(0.9);
   }
 }
 .mypage-alo-phone {
     position: fixed;
     right: 30px;
     bottom:80px;
     visibility: visible;
     background-color: transparent;
     width: 110px;
     height: 110px;
     cursor: pointer;
     z-index: 200000 !important;
 }
 .mypage-alo-ph-img-circle {
         width: 30px;
         height: 30px;
         top: 43px;
         left: 43px;
         position: absolute;
         background:  url(https://i.imgur.com/J9AXAq7.png) no-repeat center center;
         -webkit-border-radius: 100%;
         -moz-border-radius: 100%;
         border-radius: 100%;
         border: 2px solid transparent;
         opacity: .7;
         -webkit-transition: all 0.2s ease-in-out;
         -moz-transition: all 0.2s ease-in-out;
         -ms-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
         transition: all 0.2s ease-in-out;
         -webkit-transform-origin: 50% 50%;
         -moz-transform-origin: 50% 50%;
         -ms-transform-origin: 50% 50%;
         -o-transform-origin: 50% 50%;
         transform-origin: 50% 50%;
         background-color: #7d1aa8;
         background-size: 70%;
       -webkit-animation: pulse 01s infinite;
 }
 .mypage-alo-ph-circle-fill {
   
     width: 60px;
     height: 60px;
     top: 28px;
     left: 28px;
     position: absolute;
     -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -ms-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     border-radius: 100%;
     border: 2px solid transparent;
     -webkit-transition: all .5s;
     -moz-transition: all .5s;
     -o-transition: all .5s;
     transition: all .5s;
     background-color: rgba(125, 26, 168, 0.5);
     opacity: .75 !important;
     -webkit-animation: pulse 1s infinite;
 }
 .mypage-alo-ph-circle{
     width: 90px;
     height: 90px;
     top: 12px;
     left: 12px;
     position: absolute;
     background-color: transparent;
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     border-radius: 100%;
     border: 2px solid rgba(30, 30, 30, 0.4);
     opacity: .1;
     border-color:#ffb56b;
     opacity: .5;
 }

 
 /* call button css end */

 /* modal box css start */
      .cookie-box--hide {
  opacity: 0;
  bottom: -100%;
}  


.modal.modal-static .modal-dialog {
  -webkit-transform: none !important;
  transform: none !important;
}

.close
{
   position: absolute;
   top: -20px;
   right: -20px;
   font-size: 22px;
   background-color: #fff;
   color: #7d1aa8;
   font-weight: bold;
   border-radius: 50%;
   padding-top: 10px;
   padding-left: 20px;
   padding-right: 20px;
   padding-bottom: 10px;
   transition: all 1s ease;
}

.close:hover
{
   background-color: #7d1aa8;
   color: #fff;
}


.main_banner_logo2
{
   animation-name: updown_animation;
   animation-duration: 1s !important;
   animation-iteration-count: infinite;
   animation-direction: alternate;
   animation-fill-mode: both;
}

form.coupen_form
{
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

form.coupen_form input
{
   width: 70%;
   height: 40px;
   border: none;
   outline: none;
   background-color: #ffffff;
   color: #313341;
   padding-left: 15px;
   padding-top: 10px;
   padding-bottom: 10px;
}

form.coupen_form .sale_btn
{
   background-color: #7d1aa8;
   color: #fff;
   width: 250px;
   height: 50px;
   border-radius: 30px;
   font-size: 18px;
}

form.coupen_form .sale_btn:hover
{
   background-color: #d9bae6;
}

.coupen_social_icons
{
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
}

.coupen_social_icons a
{
   margin-left: 10px;
   margin-top: 20px;
   font-size: 35px;
   color: #fff;
}

.coupen_social_icons a:hover
{
   color: #d9bae6;
}

 /* modal box css end */
/* main banner section start */

.main_section
{
    background-image: url(../images/main_banner.png);
    width: 100%;
    height: 850px;
    background-size: cover;
    background-position: center;
    background-origin: border-box;
}

.main_banner_logo
{
   margin-left: 30px;
   margin-top: 60px;
   animation-name: updown_animation;
   animation-duration: 1s !important;
   animation-iteration-count: infinite;
   animation-direction: alternate;
   animation-fill-mode: both;
}


@keyframes updown_animation {
from {
    transform: translateY(0%);
    }
to {transform: translateY(-6%)}
}
/* main banner section end */

/* posting section start */

      .posting
      {
         position: relative;
         width: 100%;
         overflow: hidden;
      }
      .posting_heading1
      {
         text-transform: capitalize;
         color: #313341;
         font-family: myFont;
         text-align: center;
         padding-top: 60px;
      }

      .posting_heading2
      {
         text-transform: capitalize;
         color: #7d1aa8;
         font-family: myFont;
         text-align: center;
      }

      .posting_paragraph
      {
         text-transform: capitalize;
         color: #313341;
         font-family: myFont2;
         text-align: center;
         width: 20%;
         font-size: 14px;
         padding-top: 15px;
      }

      .posting_information
      {
         display: flex;
         flex-direction: row;
         width: 70%;
         margin-top: 40px;
      }

      .engaging_Audience
      {
         padding-left: 15px;
      }

      .attracting_Audience
      {
         padding-left: 15px;
         margin-top: 30px;
         width: 40%;
         margin-bottom: 50px;
      }

      .posting_information img
      {
         width: 40px;
         height: 40px;
      }

      .growing_Audience h5
      {
         font-size: 15px;
         color: #7d1aa8;
         font-family: packFont3;
         padding-top: 15px;
      }


      .growing_Audience p
      {
         font-size: 15px;
         color: #313341;
         font-family: packFont2;
         padding-top: 15px;
         font-size: 12px;
      }

      .engaging_Audience h5
      {
         font-size: 15px;
         color: #7d1aa8;
         font-family: packFont3;
         padding-top: 15px;
      }

      .engaging_Audience p
      {
         font-size: 15px;
         color: #313341;
         font-family: packFont2;
         padding-top: 15px;
         font-size: 12px;
      }

      .attracting_Audience h5
      {
         font-size: 15px;
         color: #7d1aa8;
         font-family: packFont3;
         padding-top: 15px;
      }

      .attracting_Audience p
      {
         color: #313341;
         font-family: packFont2;
         padding-top: 15px;
         font-size: 12px;
      }

      @font-face {
         font-family: packFont3;
         src: url(../fonts/Poppins-SemiBold.ttf);
       }

       .posting_banner_img
       {
          margin-top: 40px;
          animation-name: updown2_animation;
          animation-duration: 1.5s !important;
          animation-iteration-count: infinite;
          animation-direction: alternate;
          animation-fill-mode: both;
       }

       .ellipse_1
       {
          position: absolute;
          top:-13%;
          left: -10%;
          z-index: -1;
       }

       .ellipse_3
       {
          position: absolute;
          top:-8%;
          right: -5%;
          z-index: -1;
       }

       .ellipse_2
       {
          position: absolute;
          bottom:-19%;
          left: -13%;
          z-index: -1;
       }

       .ellipse_4
       {
          position: absolute;
          bottom:-15%;
          right: -10%;
          z-index: -1;
       }

       @keyframes updown2_animation {
         from {
             transform: translateY(0%);
             }
         to {transform: translateY(-3%)}
         }

         .call_us_heading
         {
            color: #ffffff;
            font-family: myFont;
            text-transform: uppercase;
            margin-left: 70px;
            margin-top: 110px;
            font-size: 50px;
         }

         /* @keyframes zoom_animation {
            from {
                  transform: scaleX(0%);
                  }
            to {transform: scaleX(100%);}
          } */

         .phone_heading
         {
            color: #e400ff;
            font-family: myFont;
            text-transform: uppercase;
            margin-left: 70px;
            font-size: 50px;
         }

         .social_heading
         {
            color: #ffffff;
            font-family: myFont;
            text-transform: capitalize;
            margin-left: 70px;  
            font-size: 50px;
         }

         .social_heading span
         {
            background-color: #c40e3d;
         }

         .package_heading
         {
            color: #ffffff;
            font-family: myFont;
            text-transform: capitalize; 
            margin-left: 70px; 
            font-size: 50px;
         }

         .call_us_paragraph
         {
            color: #ffffff;
            font-family: myFont2;
            font-size: 16px;
            width: 70%;
            margin-left: 70px;
         }

         .custom
         {
            width: 72%;
            height: 555px;
            border: 3px dashed #5b5b5b;
            border-radius: 10px;
            margin-top: 30px;
            position: relative;
         }

         .main_form
         {
            background-color: #ffffff;
            height: 550px;
            border-radius: 10px;
            padding: 20px;
         }

         .main_form_heading
         {
            text-align: center;
            text-transform: capitalize;
            color: #1f1933;
         }

         .main_form_heading span
         {
            color: #7d1aa8;
         }

         .main_form input
         {
             border:2px solid #d7dee5;
             padding: 10px;
             color: #000000;
             width: 100%;
             border-radius: 5px;
             /* text-transform: capitalize; */
             letter-spacing: 1px;
             margin-top: -10px;   
             margin-bottom: 10px;
             position: relative;
             z-index: 4;      
         }

         .main_form label
         {
            margin-left: 10px;
            background-color: #ffffff;
            position: absolute;
            z-index: 5;
            padding-left: 8PX;
            padding-right: 8PX;
         }

         .diamond1
         {
            width: 5px;
            height: 5px;
            background-color: #1f1933;
            transform: rotate(40deg);
            position: absolute;
            top: 50%;
            left: 0;
         }

         .diamond2
         {
            width: 5px;
            height: 5px;
            background-color: #1f1933;
            transform: rotate(40deg);
            position: absolute;
            top: 50%;
            right: 0;
         }

         .main_form .message_box
         {
             border:2px solid #d7dee5;
             padding: 10px;
             color: #000;
             width: 95%;
             border-radius: 5px;
             text-transform: capitalize;
             margin-top: -10px;   
             letter-spacing: 1px;
             height: 80px;
             position: relative;
             z-index: 4;   
         }

         .main_form .talk_button
         {
            width: 82%;
            height: 60px;
            background-color: #7d1aa8;
            text-transform: capitalize;
            color: #ffffff;
            border-radius: 5px;
            outline: none;
            border: none;
            margin-top: 10px;
            transition: all 1s ease-in-out;
            position: relative;
             z-index: 4;   
         }

         .main_form .talk_button:hover
         {
            cursor: pointer;
            transform: scale(0.9);
         }

         .main_form input:focus
         {
            outline: 1px solid #292929;
            border   : 1px solid #292929;
         }

         .phone_img2
         {
          position: absolute;
            top: 150px;
            left: 60px;
            z-index: 3;
            animation-name: phone_animation;
            animation-duration: 1.5s !important;
            animation-iteration-count: infinite;
            animation-direction: alternate;
            animation-fill-mode: both;
            transition: all;
         }

         .phone_img2:hover
         {
            transform: scale(1.2);
         }
       
         @keyframes phone_animation {
          from {
                transform: rotate(0deg);
                }
          to {transform: rotate(5deg);}
        }

         @font-face {
            font-family: packFont3;
            src: url(../fonts/Branding_Pro_Bold.otf);
          }

/* posting section end */

/* influencial clent section start */

.influential_client
{
    background-color: #20022d;
    width: 100%;
    /* height: auto; */
    height: 450px;
}

.influential_client_img
{
    float: right;
}

hr.line {
    border-top: 5px solid #449952;
    width: 30px;
    opacity: 1;
  }

.business
{
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 2px;
    font-size: 10px;
    font-family: myFont;
}

.influential_client_heading1
{
    text-transform: capitalize;
    color: #ffffff;
    font-family: myFont;
}

.influential_client_heading2
{
    text-transform: capitalize;
    color: #7d1aa8;
    font-family: myFont;
}

.influential_client_paragraph{
    color: #ffffff;
    font-size: 12px;
    font-family: myFont2;
    width: 60%;
    word-spacing: 3px;
}

@font-face {
    font-family: myFont;
    src: url(../fonts/VisbyBold.otf);
  }

  @font-face {
    font-family: myFont2;
    src: url(../fonts/VisbyMedium.otf);
  }

  .chat_section
  {
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
  }

  .live_chat
  {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-left: 30px;
  }

  .get_button
  {
     width: 170px;
     height: 40px;
     border: none;
     border-radius: 30px;
     background-image: linear-gradient(130deg,#7d1aa8,#418984,#0c79ad );
     text-align: center;
     color: #ffffff;
     font-family: myFont;
     transition: all 1s ease-in-out;
  }

  .get_button:hover
  {
   background-image: none;
   background-color: #313341;
   color: #ffffff;
   transform: scale(1.1);
  }
  
  .get_button i
  {
     padding-left: 10px;
     color: #ffffff;
  }

  .icon img
  {
     width: 30px;
     height: 30px;
  }

  .icon_text
  {
     padding-left: 15px;
     padding-top: 15px;
  }

  .icon_text a
  {
     text-decoration: none;
     transition: all 1s ease-in-out;
  }

  .icon_text a:hover .chat
  {
     color: #ffffff;
     pointer-events: painted;
     transform: scale(1.1);
  }

  .icon_text .chat
  {
     color: #db90fb;
     font-size: 18px;
     text-transform: capitalize;
     font-family: myFont;
  }

  .icon_text p
  {
     color: #ffffff;
     text-transform: capitalize;
     font-family: myFont2;
     font-size: 12px;
  }

  .text_us
  {
    color: #ffffff;
    font-size: 18px;
    text-transform: capitalize;
    font-family: myFont;
  }

  /* influencial clent section end */

  /* package section start */

  hr.line2 {
    border-top: 5px solid #7d1aa8;
    width: 30px;
    opacity: 1;
  }

  .package_section
  {
     padding-top: 60px;
     padding-bottom: 60px;
  }

  .package_paragraph1
  {
     text-transform: uppercase;
     font-family: pFont;
     letter-spacing: 6px;
     font-size: 16px;
  }

  .package_heading1
  {
    text-transform: capitalize;
    font-family: myFont;
    font-size: 60px;
  }

  .package_heading1 span
  {
    color: #7d1aa8;
  }

  @font-face {
    font-family: pFont;
    src: url(../fonts/BebasNeue-Regular.ttf);
  }

  hr.card_line
  {
    border-top: 5px solid #ffffff;
    width: 30px;
    opacity: 1;
  }

  .package_card1
  {
     width: 400px;
     height: auto;
     margin-left: 20px;
  }

  .package_card2
  {
     width: 400px;
     height: auto;
     margin-left: 20px;
  }

  .name_container
  {
    clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 3% 73%, 0 83%, 0% 75%, 0 75%);
    width: 100%;
    height: 120px;
    background-color: #cc2d2c;
  }

  .name_container2
  {
    clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 3% 73%, 0 83%, 0% 75%, 0 75%);
    width: 100%;
    height: 120px;
    background-color: #313341;
    z-index: -1;
    margin-top: 36px;
  }

  .package_card1
  {
     background-color: #313341;
     transition: all 1s ease-in-out;
  }

  .package_card1:hover
  {
   transform: scale(0.9);
  }

  .package_card2
  {
   background-image: linear-gradient(to right,#7d1aa8,#0773b4);
     transition: all 1s ease-in-out;
  }

  .package_card2:hover
  {
      transform: scale(0.9);
  }

  .name_container h1
  {
      color: #ffffff;
      font-size: 30px;
      text-align: center;
      width: 70%;
      transform: translateX(22%);
      padding-top: 8px;
      font-family: myFont;
  }

  .name_container2 h1
  {
      color: #ffffff;
      font-size: 30px;
      text-align: center;
      width: 70%;
      transform: translateX(22%);
      padding-top: 8px;
      font-family: myFont;
  }

  .package_card1 p
  {
     color: #ffffff;
     font-family: pFont;
     letter-spacing: 3px;
  }

  .package_card2 p
  {
     color: #ffffff;
     font-family: pFont;
     letter-spacing: 3px;
     transform: translateX(8%);
  }

  .package_card1 .offer_price
  {
    text-decoration: 3px solid #cc2d2c line-through;
     color: #ffffff;
     text-align: center;
     font-size: 22px;
  }

  .package_card1 .offer_price2
  {
     color: #ffffff;
     text-align: center;
     font-size: 45px;
  }

  .package_card2 .offer_price2
  {
     color: #ffffff;
     text-align: center;
     font-size: 45px;
  }



  .package_card2 .offer_price
  {
    text-decoration: 3px solid #cc2d2c line-through;
     color: #ffffff;
     text-align: center;
     font-size: 22px;
  }

  .package_card1 h2
  {
     color: #ffffff;
     text-align: center;
  }

  .package_card2 h2
  {
     color: #ffffff;
     text-align: center;
  }

  .package_section .package_paragraph2
  {
     letter-spacing: 2px;
     font-size: 10px;
     font-family: myFont2;
     width: 70%;
     transform: translateX(25%);
     padding-top: 15px;
     font-family: packFont;
  }

  @font-face {
    font-family: packFont;
    src: url(../fonts/MYRIADPRO-REGULAR.OTF);
  }

  @font-face {
    font-family: packFont2;
    src: url(../fonts/Poppins-Regular.ttf);
  }

  .details p
  {
    font-family: packFont2;
    font-size: 18px;
    letter-spacing: 0px;
    padding-top: 5px;
  }

  .details2 p
  {
    font-family: packFont2;
    font-size: 18px;
    letter-spacing: 0px;
    padding-top: 5px;
    margin-left: -82px;
  }

  .icon_text2
  {
     padding-left: 15px;
     padding-top: 15px;
  }

  .icon_text2 .chat2
  {
     color: #cc2d2c;
     font-size: 14px;
     text-transform: capitalize;
     font-family: myFont;
  }

  .icon_text2 p
  {
     color: #ffffff;
     text-transform: capitalize;
     font-family: myFont2;
     font-size: 10px;
  }

  .text_us2
  {
    color: #ffffff;
    font-size: 14px;
    text-transform: capitalize;
    font-family: myFont;
  }

  .chat_section2
  {
    display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     padding: 20px;
  }

  .icon2 img
  {
     width: 25px;
     height: 25px;
  }

  .package_cards
  {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
  }

  .get_button2
  {
     width: 170px;
     height: 40px;
     border: none;
     border-radius: 30px;
     background-color: #313341;
     text-align: center;
     color: #ffffff;
     font-family: myFont;
     transition: all 1s ease;
  }

  .get_button2:hover
  {
   transform: scale(1.1);
  }

  .offer_image
  {
    float: right;
    z-index: 1;
    position: relative;
    padding-right: 10px;
  }

/* offer section end */

/* combo package section start */

.combo_packages
{
   background-image: url(../images/combo_pack_bg.png);
   width: 100%;
   height: 1250px;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   padding-top: 50px;
}

.combo_pach_col
{
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
}

.combo_pack_post
{
   position: absolute;
   bottom: 22%;
   right: -10%;
   width: 700px;
}

.combo_packages li
{
   list-style-image: url(../images/tick_icon.png);
   color: #ffffff;
   padding-top: 8px;
   font-size: 14px;
}
.combo_packages .fa-solid
{
   color: #32ba7c;
}

.combo_heading
{
   color: #ffffff;
   letter-spacing: 5px;
   font-size: 12px;
   text-transform: uppercase;
}

.combo_heading2
{
   color: #ffffff;
   letter-spacing: 2px;
   font-size: 50px;
   text-transform: capitalize;
}

.element1 h6
{
   margin-top: 15px;
   margin-left: 15px;
   color: #ffffff;
   font-size: 16px;
   text-transform: capitalize;
}

.element2 h6
{
   margin-top: 25px;
   margin-left: 15px;
   color: #ffffff;
   font-size: 16px;
   text-transform: capitalize;
}

.combo_line
{
   border: 2px solid #ffffff;
   width: 15px;
   margin-bottom: 8px;
   margin-left: 15px;
   opacity: 1;
}

.get_button4
{
   width: 170px;
   height: 40px;
   border: none;
   border-radius: 30px;
   background-image: linear-gradient(130deg,#7d1aa8,#418984,#0c79ad );
   text-align: center;
   color: #ffffff;
   font-family: myFont;
   transition: all 1s ease-in-out;
   margin-top: 20px;
   font-size: 14px;
}

.live_chat4
{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 30px;
}

.get_button4:hover
{
 background-image: none;
 background-color: #313341;
 color: #ffffff;
 transform: scale(1.1);
}

.get_button4 i
{
   padding-left: 10px;
   color: #ffffff;
}

.icon4 img
{
   width: 30px;
   height: 30px;
}

.icon_text4
{
   padding-left: 15px;
   padding-top: 15px;
}

.icon_text4 a
{
   text-decoration: none;
   transition: all 1s ease-in-out;
}

.icon_text4 a:hover .chat4
{
   color: #ffffff;
   pointer-events: painted;
}

.icon_text4 .chat4
{
   color: #ffffff;
   font-size: 18px;
   text-transform: capitalize;
   font-family: myFont;
}

.icon_text4 p
{
   color: #ffffff;
   text-transform: capitalize;
   font-family: myFont2;
   font-size: 12px;
}

.text_us4
{
  color: #ffffff;
  font-size: 16px;
  text-transform: capitalize;
  font-family: myFont;
}

.row.social_container {
   margin-top: 30px;
   margin-bottom: 30px;
}

   ul {
      overscroll-behavior-y: auto;
      height: 200px;
      overflow-y: scroll;
      scroll-behavior: auto;
  }

/* combo package section end */

/* about us section start */
      .about_us
      {
         background-image: url(../images/about_us_bg.png);
         width: 100%;
         height: 100%;
         padding-top: 50px;
      }

      .about_us_line
      {
         border: 2px solid #7d1aa8;
         width: 20px;
         opacity: 1;
      }

      .about_us h6
      {
         color: #292929;
         letter-spacing: 3px;
         text-transform: uppercase;
         text-align: center;
         font-size: 12px;
         font-family: pFont;
      }

      .about_heading1
      {
         text-transform: capitalize;
         text-align: center;
         color: #313341;
         font-size: 50px;
         font-family: myFont;
      }

      .about_heading2
      {
         text-transform: capitalize;
         text-align: center;
         color: #7d1aa8;
         font-size: 50px;
         font-family: myFont;
      }

      .item
      {
         background-image: url(../images/bg_tringle.png);
         background-size: contain;
         background-position: center;
         background-repeat: no-repeat;
         height: 370px;
         transform: scale(0.9);
         transition: all 0.3s;
      }

      #get_started_img
      {
         position: absolute;
         top: -40px;
         left: 15px;
         z-index: 5;
         color: #292929;
         width: 100px;
         height: 80px;
      }

      #square_img
      {
         position: absolute;
         top: -90px;
         right: -65px;     
         z-index: 2;
         width: 120px;
         height: 100px;
      }

      .about_card
      {
         width: 85%;
         height: 200px;
         border: 2px solid #7d1aa8;
         position: absolute;
         top: 90px;
         left: 20px;
         z-index: 1;
         background-color: #ffffff;
      }

      .about_card .card_para
      {
         color: #292929;
         padding: 10px 20px 5px 20px;
         margin-top: 30px;
         font-size: 12px;
      }

      .about_card h3
      {
         color: #7d1aa8;
         margin-left: 20px;
      }

      .card_para2
      {
         color: #292929;
         margin-left: 20px;
         font-size: 16px;
         text-transform: capitalize;
      }
/* about us section end */

/* get in touch section */

.get_in_touch
{
   background-image: url(../images/get_touch_bg.png);
   background-repeat: no-repeat;
   background-size: cover;
   width: 100%;
   height: auto;
}

.get_touch_section
{
   display: flex;
   flex-direction: row;
   justify-content: right;
   align-items: right;
}

.get_touch_live_chat
{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 30px;
  margin-top: 125px;
  /* margin-right: 20px; */
}

.get_image
{
   width: 100%;
   height: auto;
   margin-top: 40px;
}

.get_Touch_button
{
   width: 150px;
   height: 40px;
   border: none;
   border-radius: 30px;
   background-color: #313341;
   text-align: center;
   color: #ffffff;
   font-family: myFont;
   font-size: 12px;
   margin-top: 150px;
}

.get_Touch_button i
{
   padding-left: 10px;
   color: #ffffff;
}

.get_touch_icon img
{
   width: 40px;
   height: 40px;
}

.get_touch_icon_text
{
   padding-left: 10px;
   padding-top: 15px;
}

.get_touch_icon_text .chat
{
   color: #ffffff;
   font-size: 12px;
   text-transform: capitalize;
   font-family: myFont;
}

.get_touch_icon_text p
{
   color: #ffffff;
   text-transform: capitalize;
   font-family: myFont2;
   font-size: 10px;
}

.get_touch_text_us
{
  color: #ffffff;
  font-size: 12px;
  text-transform: capitalize;
  font-family: myFont;
}

/* get started section start */

hr.started_ruler {
   border-top: 5px solid #7d1aa8;
   width: 30px;
   opacity: 1;
 }

 .heading1
 {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 3px;
    font-family: pFont;
 }

 .heading2
 {
    color: #313341;
    font-family: myFont;
    text-transform: uppercase;
 }

 .heading2 span
 {
    color: #7d1aa8;
    font-family: myFont;
    text-transform: uppercase;
 }

 .box1,.box2,.box3
 {
    border-bottom: 2px solid #c1c1c6;
 }

 .box1 input
 {
    border: none;
    outline: none;
    padding-left: 10px;
    padding-top: 30px;
    padding-bottom: 15px;
    width: 80%;
 }

 .box2 input
 {
    border: none;
    outline: none;
    padding-left: 10px;
    padding-top: 40px;
    padding-bottom: 15px;
    width: 80%;
 }

 .box3 input
 {
    border: none;
    outline: none;
    padding-left: 10px;
    padding-top: 40px;
    padding-bottom: 70px;
    width: 80%;
 }

 .form_column
 {
    padding-bottom: 100px;
 }

 .get_button_form
  {
     width: 170px;
     height: 60px;
     border: none;
     border-radius: 30px;
     background-image: linear-gradient(130deg,#7d1aa8,#418984,#0c79ad );
     text-align: center;
     color: #ffffff;
     font-family: myFont;
     margin-top: 40px;
     font-size: 15px;
     transition: all 0.5s ease-in-out;
  }

  .get_button_form:hover
  {
      background-image: none;
      background-color: #292929;
      cursor: pointer;
  }
  
  .get_button_form i
  {
     padding-left: 10px;
     color: #ffffff;
  }

  .form_container
  {
    background-color: #313341;
    height: 75%;
    width: 70%;
    border-bottom: 5px solid #7d1aa8;
    position: relative;
  }

  .get_started_img2
  {
     position: absolute;
     top: 40px;
     left: 30px;
     z-index: 5;
     color: #292929;
     width: 100px;
     height: 80px;
     border: none;
     outline: none;
  }

  .get_started_flag_img
  {
    float: right;
    padding-right: 20px;
  }


 .get_started_para
 {
    color: #ffffff;
    font-family: myFont;
    padding-left: 50px;
    padding-top: 165px;
    width: 40%;
 }

 .get_started_heading
 {
    color: #ffffff;
    padding-left: 50px;
    padding-top: 20px;
    line-height: 20px;
    font-family: myFont;
    font-size: 25px;
 }
 .get_live_chat
 {
   display: flex;
   flex-direction: row;
   justify-content: start;
   align-items: start;
   padding-left: 50px;
   padding-top: 20px;
 }

 .get_icon img
 {
    width: 25px;
    height: 25px;
    transform: translateY(100%);
 }

 .get_icon_text
  {
     padding-left: 15px;
     padding-top: 15px;
  }

  .get_icon_text .get_chat
  {
     color: #ffffff;
     font-size: 18px;
     text-transform: capitalize;
     font-family: myFont;
  }

  .get_icon_text p
  {
     color: #ffffff;
     text-transform: capitalize;
     font-family: myFont2;
     font-size: 12px;
  }


  .phone_img
  {
   position: absolute;
     top: 150px;
     left: 70px;
     z-index: 3;
     animation-name: phone_animation;
     animation-duration: 1.5s !important;
     animation-iteration-count: infinite;
     animation-direction: alternate;
     animation-fill-mode: both;
  }

  @keyframes phone_animation {
   from {
         transform: rotate(0deg);
         }
   to {transform: rotate(5deg);}
 }
  .information_image
  {
   height: 560px;
   width: 464px;
  }
 /* get started section start */

/* last section start */

hr.techability_ruler {
   border-top: 5px solid #ffffff;
   width: 30px;
   opacity: 1;
   margin-top: 30px;
 }
  .techability
  {
    background-image: url(../images/techability_bg.png);
    background-size: cover;
    width: 100%;
    height: auto;
  }

  .bg
  {
      padding-top: 40px;
      animation-name: updown_animation2;
      animation-duration: 1s !important;
      animation-iteration-count: infinite;
      animation-direction: alternate;
      animation-fill-mode: both;
  }

  @keyframes updown_animation2 {
   from {
       transform: translateY(0%);
       }
   to {transform: translateY(-6%)}
   }
   

  .bg_paragraph
  {
      color: #ffffff;
      font-family: MyFont2;
      width: 30%;
      font-size: 12px;
  }

  .all_right{
    color: #ffffff;
    text-align: center;
  }

  .terms_condition{
   color: #ffffff;
 }
 .information_sec
 {
    padding-top: 50px;
    border-top: 1px solid #513861;
    font-family: packFont;
 }

 .terms_condition a
 {
    text-decoration: none;
    color: #fff;
 }

 .terms_condition a:hover
 {
    text-decoration: none;
    color: #fff;
 }

/* last section end */
#overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #000;
   filter:alpha(opacity=70);
   -moz-opacity:0.7;
   -khtml-opacity: 0.7;
   opacity: 0.7;
   z-index: 100;
   display: none;
   }
   .popup-content{
      padding: 14px 10px;
      line-height: 1.5;
   }
   .cnt223 a{
   text-decoration: none;
   }
   .popup-onload{
   margin: 0 auto;
   display: none;
   position: fixed;
   z-index: 101;
   top: 50%;
   left: 50%;
   margin-top: -300px;
   margin-left: -300px;
   }
   .cnt223{
   min-width: 600px;
   width: 600px;
   min-height: 150px;
   margin: 100px auto;
   background: #f3f3f3;
   position: relative;
   z-index: 103;
   padding: 15px 35px;
   border-radius: 5px;
   box-shadow: 0 2px 5px #000;
   background-image: url(../images/coupen_bg.jpg);
   background-position: center;
   background-size: cover;
   }
   .cnt223 p{
   clear: both;
       color: #555555;
       /* text-align: justify; */
       font-size: 20px;
       font-family: sans-serif;
   }
   .cnt223 p a{
   color: #d91900;
   font-weight: bold;
   }
   .cnt223 .x{
   float: right;
   height: 35px;
   left: 22px;
   position: relative;
   top: -25px;
   width: 34px;
   }
   .cnt223 .x:hover{
   cursor: pointer;
   }