@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap');

 @font-face {
   font-family: 'Proxima-Bold';
   src: url('../fonts/proxima_nova_black.otf');
   font-display: swap
 }

 @font-face {
   font-family: 'Proxima-Light';
   src: url('../fonts/proxima_nova.otf');
   font-display: swap
 }

 .images-step {
   display: flex;
   justify-content: flex-end;
   margin: 25px 0;
 }

 .lets-chat-title {
   padding-top: 100px;
 }

 .lets-chat-title h2 {
   font-size: 30px;
   font-weight: 700;
   text-transform: uppercase;
 }

 .lets-chat-title hr {
   width: 60px;
   border-color: #ee390f;
 }


 .tes.active {
   /* background-color: orangered; */
   color: white;
   cursor: pointer;
 }

 .tes {
   /* background-color: orangered; */
   cursor: pointer;
 }

 .dropdown-item.active,
 .dropdown-item:active {
   background-color: transparent;

 }


 .column {
   display: none;
   /* Hide all elements by default */
 }

 .form-control {
   display: block;
   width: 100%;
   height: calc(1.5em + .75rem + 2px);
   padding: .375rem .75rem;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #495057;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ced4da;
   border-radius: .25rem;
   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   height: 50px;
 }

 .contact .col-md-7 .col-md-12 p{
    margin-top: 20px; 
    margin-bottom:0px; 
    font-size:inherit; 
    line-height:inherit; 
    color:gray;
 } 

 .contact .col-md-7 .col-md-12 .g-recaptcha button{
    border-radius: 5px;
    color: white; 
    font-size: 14px; 
    margin-bottom: 20px; 
    width:293px; 
    text-align: center;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-family: 'Proxima-Bold' !important;
 }


 p,
 ul,
 a,
 li,
 select,
 label,
 input,
 span {
   font-family: 'Proxima-Light' !important;
   font-weight: 300;

 }

 .previous-move {
   margin-top: 5px;
   float: left;
   cursor: pointer;
 }

 .previous-move:hover {
   color: #F7CC7B;
 }

 .form-section {
   display: none
 }

 .form-section.active {
   display: block;
 }

 .checkbox-only {
   position: relative;
   transition: 0.2s ease-in-out;
 }


 .on-hover-menu {
   position: absolute;
   background-color: white;
   top: 30px;
   display: none;
   width: 280px;
   padding: 0 15px;
   z-index: 99999;

 }


 .main_menu ul li:hover .on-hover-menu {
   display: block !important;
   color: #fff !important;

 }

 .on-hover-menu a {
   color: black!important;
   font-weight: 500;
   font-weight: normal !important;
 }

 .on-hover-menu ul {
   padding: 0;
   line-height: 25px;

 }

 .on-hover-menu ul li {
   list-style-type: none;
 }



 /* box lets chat 1 */



 .box-lets-chat input {
   height: 100%;
   width: 100%;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 9999999;
   opacity: 0;
 }

 .box-hover-container {
   transition: 0.2s ease-in-out;
 }

 .box-lets-chat:hover .box-hover-container {
   background-color: rgb(241, 255, 249);
   border-radius: 15px;
   transform: translate3d(0px, 0px, 0px) scale3d(1.05, 1.05, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
   transform-style: preserve-3d;
   border-color: rgb(54, 179, 126);
   border: 1px solid rgb(14, 255, 111) !important;

 }

 .box-lets-chat:hover .box-hover-container h4 {
   color: black;
 }

 .box-lets-chat input:checked~.box-hover-container {
   background-color: rgb(241, 255, 249);
   border-radius: 15px;
   transform: translate3d(0px, 0px, 0px) scale3d(1.05, 1.05, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
   transform-style: preserve-3d;
   border-color: rgb(54, 179, 126);
   border: 1px solid rgb(14, 255, 111) !important;


 }

 .box-lets-chat input:checked~.box-hover-container h4 {
   color: black;
 }

 /* box lets chat 2 */

 .box-lets-chat-2 input {
   height: 100%;
   width: 100%;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 9999999;
   opacity: 0;
 }

 .box-hover-container {
   transition: 0.2s ease-in-out;
 }

 .box-lets-chat-2:hover .box-hover-container {
   background-color: rgb(241, 255, 249);
   border-radius: 15px;
   transform: translate3d(0px, 0px, 0px) scale3d(1.05, 1.05, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
   transform-style: preserve-3d;
   border-color: rgb(54, 179, 126);
   border: 1px solid rgb(14, 255, 111) !important;



 }

 .box-lets-chat-2:hover .box-hover-container h4 {
   color: black;
 }

 .box-lets-chat-2 input:checked~.box-hover-container {
   background-color: rgb(241, 255, 249);
   border-radius: 15px;
   transform: translate3d(0px, 0px, 0px) scale3d(1.05, 1.05, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
   transform-style: preserve-3d;
   border-color: rgb(54, 179, 126);
   border: 1px solid rgb(14, 255, 111) !important;


 }

 .box-lets-chat-2 input:checked~.box-hover-container h4 {
   color: black;
 }

 /* box lets chat 3 */

 .box-lets-chat-3 input {
   height: 100%;
   width: 100%;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 9999999;
   opacity: 0;
 }

 .box-hover-container {
   transition: 0.2s ease-in-out;
 }

 .box-lets-chat-3:hover .box-hover-container {
   background-color: rgb(241, 255, 249);
   border-radius: 15px;
   transform: translate3d(0px, 0px, 0px) scale3d(1.05, 1.05, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
   transform-style: preserve-3d;
   border-color: rgb(54, 179, 126);
   border: 1px solid rgb(14, 255, 111) !important;


 }

 .box-lets-chat-3:hover .box-hover-container h4 {
   color: black;
 }


 .box-lets-chat-3 input:checked~.box-hover-container {
   background-color: rgb(241, 255, 249);
   border-radius: 15px;
   transform: translate3d(0px, 0px, 0px) scale3d(1.05, 1.05, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
   transform-style: preserve-3d;
   border-color: rgb(54, 179, 126);
   border: 1px solid rgb(14, 255, 111) !important;


 }

 .box-lets-chat-3 input:checked~.box-hover-container h4 {
   color: black;
 }

 /* box lets chat 4 */

 .lets-chat-step-ends .box-lets input {
   height: 100%;
   width: 100%;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 9999999;
   opacity: 0;
 }

 .box-hover-container {
   transition: 0.2s ease-in-out;
 }

 .lets-chat-step-ends .box-lets:hover .box-hover-container {
   background-color: rgb(241, 255, 249);
   border-radius: 15px;
   transform: translate3d(0px, 0px, 0px) scale3d(1.05, 1.05, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
   transform-style: preserve-3d;
   border-color: rgb(54, 179, 126);
   border: 1px solid rgb(14, 255, 111) !important;


 }

 .lets-chat-step-ends .box-lets:hover .box-hover-container h4 {
   color: black;
 }


 .lets-chat-step-ends .box-lets input:checked~.box-hover-container {
   background-color: rgb(241, 255, 249);
   border-radius: 15px;
   transform: translate3d(0px, 0px, 0px) scale3d(1.05, 1.05, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
   transform-style: preserve-3d;
   border-color: rgb(54, 179, 126);
   border: 1px solid rgb(14, 255, 111) !important;


 }

 .lets-chat-step-ends .box-lets input:checked~.box-hover-container h4 {
   color: black;
 }

 .table {
   display: table;
   width: 100%;
   height: 100%;
 }

 .table-cell {
   display: table-cell;
   width: 100%;
   height: 100%;
   vertical-align: middle;
 }

 label {
   display: block !important;
   margin-bottom: .5rem;
   text-align: left;
   margin-top: 18px;
 }

 a {
   color: #40cbfb;
   text-decoration: none;
   background-color: transparent;
 }


 /* menu */

 .menu_fixed {
   position: fixed !important;
   z-index: 9999 !important;
   width: 100%;
   background-color: #fff;
   box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
   top: 0;
 }

 .menu_fixed .logo_2 {
   display: inherit;
 }

 .menu_fixed .logo_1 {
   display: none;
 }

 .menu_fixed .main-menu-item ul li .nav-link {
   color: #000;
 }


 /* .main_menu {
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  z-index: 1;
} */

 .main_menu {
   position: relative;
   left: 0;
   top: 0;
   width: 100%;
   z-index: 999;
 }

 .nav-item {
   margin: 0 5px;
   letter-spacing: 1px;
 }

 .navv {
   text-transform: uppercase;
   font-size: 15px;
   color: black;
 }

 .navbar-light .navbar-nav .nav-link {
   color: black;
 }

 .nav-item .nav-link a:hover {
   color: #ee390f !important;

 }

 .navbar-brand img {
   height: 40px;
   width: auto;
 }

 .btn_1,
 .btn_2,
 .btn_3,
 .btn_4,
 .submit_button {
   background-image: linear-gradient(to left, #ee390f 0%, #f9b700 51%, #ee390f 100%);
   display: inline-block;
   padding: 13.5px 45px;
   font-size: 14px;
   color: #fff;
   transition: all .6s;
   text-transform: capitalize;
   background-size: 200% auto;
   border: 1px solid transparent;
   box-shadow: 0px 12px 20px 0px rgba(255, 126, 95, 0.15);
   transition: 0.5s;
 }

 :hover .btn_1,
 :hover .btn_2,
 :hover .btn_3,
 :hover .btn_4,
 :hover .submit_button {
   color: white;
   background-color: rgb(0, 0, 0, 0.5);
   text-decoration: none;
 }


 .btn_2 {
   text-transform: uppercase;
 }


 .leeads .btn_2:hover {
   color: white;
   background: black;
   text-decoration: none;
 }

 .relative .btn_3 {
   margin-right: 155px;
   margin-bottom: 100px;
 }

 .main_menu .main-menu-item ul .btn_1 {
   color: #fff;
   font-size: 14px;
   padding: 11.5px 33px;
   margin-left: 41px;
 }

 .main_menu .navbar-brand {
   padding: 0rem !important;
 }

 .main_menu .navbar {
   padding: 20px 0px;
 }


 .main_menu .main-menu-item ul li .nav-link:hover {
   color: #ee390f;
 }

 /* line 51, E:/172 Etrain Education/172_Etrain_Education_html/sass/_menu.scss */
 .main_menu .main-menu-item ul .btn_1 {
   color: #fff;
   font-size: 14px;
   padding: 11.5px 33px;
   margin-left: 41px;
 }

.main_menu .main-menu-item .navbar-nav .dropdown .dropdown-toggle i {
   align-items: center;
   position: absolute;
   right: 0px;
   top: 0px;
   bottom: 0px;
   padding-left: 10px !important;
   display: block;
 }

 /* home */
 .background-hero {
   height: 105vh;
 }

 .text h1 {
   font-size: 40px;
   font-weight: bolder;
   color: black;
   text-transform: uppercase;
 }

 .text h2 {
   font-size: 30px;
   font-weight: 450 !important;
 }

 .background-hero-2 {
   height: 120vh;
 }


 .text2 h1 {
   font-size: 40px;
   font-weight: bolder;
   color: white;
   text-transform: uppercase;
 }

 .text2 p {
   margin-top: 30px;
   color: white;
 }

 .we-can {
   margin-top: 100px;
 }

 .we-can h2 {
   font-size: 30px;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 20px;
 }

 .we-can p {
   margin-bottom: 50px;
 }

 .can-we-help {
   margin: 0px 0px 40px;
 }


 .we-can .box-we-can {
   text-align: center;
   height: 210px;
   border: 1px solid #d0cdcd;
   margin: 10px;
   transition: 0.5s;
   border-radius: 4px;
   padding: 30px 10px !important;
   /* box-shadow: 0px 0px 22px 0px rgb(202 199 199); */
 }

 .we-can a {
   text-decoration: none;
   color: black !important;
 }

 /* .we-can .box-we-can .texts {
   margin-left: 5px;
 } */

 .we-can .box-we-can .images {
  width: 65px;
  height: 55px;
}

 .we-can .box-we-can .images .img-thumbnail {
   padding: .25rem;
   background-color: #fff;
   border: 1px solid transparent;
   /* max-width: 100%; */
   height: 55px;
   width: 65px;
   display: block;
   /* margin-right: 5px; */
 }

 .we-can .box-we-can h4 {
   margin-top: 10px;
   font-size: 18px;
 }

 .texts {
   margin: 0 15px;
 }

 .we-can .box-we-can p {
   margin-top: 10px;
   font-size: 12px;
   margin-bottom: 10px !important;
 }

 .we-can .box-we-can .links {
   font-weight: bolder;
   color: #40cbfb !important;
 }

 .testimonials {
   margin-top: 100px;
 }

 .testimonials h2 {
   font-weight: bolder;
   text-transform: uppercase;
   font-size: 30px;
 }

 .testimonials p {
   margin-top: 30px;
   font-size: 20px;
   padding: 0 10px;
 }

 .testimonials span {
   margin-top: 30px;
   font-size: 20px;
   color: #F16449;
 }


 .our-client {
   margin-top: 50px;
   background-color: #EEEEEE;
   padding-bottom: 70px;
 }

 .our-client h2 {
   font-weight: bolder;
   text-transform: uppercase;
   font-size: 30px;
   margin-top: 60px;
   margin-bottom: 30px;
 }

 .our-client .img-thumbnail {
   padding: 10px 10px;
   max-width: 86%;
   height: auto;
   margin: 10px 15px;
   background-color: transparent !important;
   border: 1px solid transparent;
   width: 190px;
 }

 .desktop-only {
   display: none;

 }

 .mobile-only {
   display: block;

 }

 .form-search {
   margin-top: 0px;
   background-color: #0B3064;
   padding-bottom: 100px;
   padding-top: 50px;
   margin-bottom: 30px;
 }

 .form-search h2 {
   text-transform: uppercase;
   font-size: 30px;
   color: white;
   font-weight: bolder;
   margin-top: 40px;
   margin-bottom: 40px;

 }

 .input {
   margin: auto;
   text-align: center;
 }

 .form-search .btn_2 {
   height: 50px;
   width: auto;
   font-size: 10px;

 }


 footer h6 {
   color: #F27259;
 }

 footer a {
   color: black;
 }

 footer a:hover {
   color: #ee390f;

 }

 footer .footer-copyright {
   border-top: 1px solid;
 }

 .owl-prev {

   font-size: 50px !important;
 }

 .owl-next {

   font-size: 50px !important;

 }




 /* about us */
 .about-us {
   margin-bottom: 100px;
 }

 .about-us h2 {
   font-size: 35px;
   font-weight: bolder;
   margin-bottom: 30px;
 }

 .about-us p {
   margin-top: 20px;
 }

 .about-us .img-thumbnail {
   padding: .25rem;
   background-color: #fff;
   border: 1px solid transparent;
   border-radius: .25rem;
   max-width: 100%;
   height: auto;
   margin-top: 35px;
 }

 /* service */

 .service {
   margin: 50px 0;
 }

 .service h2 {
   font-size: 30px;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 20px;
 }

 .service p {
   margin-bottom: 50px;
 }


 .service .box-service {
   text-align: center;
   height: 250px;
   border: 1px solid #d0cdcd;
   margin: 10px;
   /* box-shadow: 0px 0px 22px 0px rgb(202 199 199); */
   transition: 0.2s;
   border-radius: 10px;


 }

 .service .box-service .img-thumbnail {
   padding: .25rem;
   background-color: #fff;
   border: 1px solid transparent;
   max-width: 100%;
   height: 100px;
 }

 .service .box-service h4 {
   margin-top: 10px;
   font-size: 18px;
 }

 .service .box-service p {
   margin-top: 10px;
   font-size: 12px;
   margin-bottom: 10px !important;
 }

 .service .box-service a {
   font-weight: bolder;
 }

 .box-service:hover {
   -ms-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
   box-shadow: 0px 0px 20px 0px rgb(202 199 199);

 }

 .box-we-can:hover {
   -ms-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
   box-shadow: 0px 0px 20px 0px rgb(202 199 199);

 }

 /* portfolio */

 .portfolio h3 {
   font-size: 20px;
   margin-bottom: 20px;
   font-family: 'Proxima-Light', sans-serif !important;
   font-weight: 600;
 }

 .portfolio h4 {
   font-size: 15px;
   margin-bottom: 15px;
   color: grey;
   font-family: 'Proxima-Light',
     sans-serif !important;
   font-weight: 600;

 }

 .portfolio .menus {
   /* border-bottom: 1px solid grey; */
   margin-bottom: 10px;
 }

 .portfolio a {
   color: black;
 }

 .portfolio a:hover {
   color: #ee390f;

 }

 .portfolio hr {
   width: 250px;
   /* border-color: gray; */
 }

 .portfolio .portfolio-images {
   margin: 10px 0;
 }


 /* contact */

 .contact {
   margin-top: 100px;
 }

 .contact h4 {
   font-size: 5px;
 }

 .contact .btn {
   margin-top: 20px;
 }

 .contact .names {
   margin-top: 20px;
 }

 .contact .emails {
   margin-top: 20px;
 }

 .contact p {
   line-height: 5px;
 }

 .contac h1 {
   margin-top: 20px;
 }

 /* digital marketing */
 .digital {
   margin-bottom: 100px;
 }

 .digital h2 {
   font-size: 30px;
   font-weight: bolder;
   margin-bottom: 30px;
 }

 .digital p {
   margin-top: 20px;
 }

 .digital .img-thumbnail {
   padding: .25rem;
   background-color: #fff;
   border: 1px solid transparent;
   border-radius: .25rem;
   max-width: 100%;
   height: auto;
 }

 /* search marketing */
 .search-marketing {
   margin-bottom: 100px;
 }

 .search-marketing h2 {
   font-size: 30px;
   font-weight: bolder;
   margin-bottom: 30px;
 }

 .search-marketing p {
   margin-top: 20px;
 }

 .search-marketing .img-thumbnail {
   padding: .25rem;
   background-color: #fff;
   border: 1px solid transparent;
   border-radius: .25rem;
   max-width: 100%;
   height: auto;
 }

 /* marketing strategy */
 .strategy {
   margin-bottom: 100px;
 }

 .strategy h2 {
   font-size: 30px;
   font-weight: bolder;
   margin-bottom: 30px;
 }

 .strategy p {
   margin-top: 20px;
 }

 .strategy .img-thumbnail {
   padding: .25rem;
   background-color: #fff;
   border: 1px solid transparent;
   border-radius: .25rem;
   max-width: 100%;
   height: auto;
   margin-top: 50px;
 }

 .section-2 {
   margin-top: 50px;
 }

 /* development marketing */

 .development {
   margin-top: 180px;
   padding-bottom: 80px;
 }

 .development h2 {
   font-size: 30px;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 20px;
 }

 .development p {
   margin-bottom: 50px;
 }



 .development .box-development {
   text-align: center;
   height: 250px;
   border: 1px solid #d0cdcd;
   margin: 10px;
   transition: 0.5s;
   border-radius: 4px;

   /* box-shadow: 0px 0px 22px 0px rgba(10, 113, 185, 0.29); */
 }


 /* .box-development:hover {
   -ms-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
   box-shadow: 0px 0px 20px 0px rgb(202 199 199);

 } */

 .development .box-development .img-thumbnail {
   padding: .25rem;
   background-color: #fff;
   border: 1px solid transparent;
   max-width: 100%;
   height: 100px;
 }

 .development .box-development h4 {
   margin-top: 10px;
   font-size: 18px;
 }

 .development .box-development p {
   margin-top: 10px;
   font-size: 12px;
   margin-bottom: 10px !important;
 }

 .development .box-development a {
   /* font-weight: bolder; */
   color: black !important;
   text-decoration: none;

 }

 /* lead generation */
 .leeads {
   margin-top: 50px;
 }

 .leeads h4 {
   font-size: 30px;
   font-weight: bolder;
   margin-bottom: 20px;
   color: #F16449;
   text-align: left;
   margin: 10px 10px;
 }

 /* 
.box ul {
 text-align: left;
 list-style: inherit;
 color: #F16449;
font-size: 15px;
}

.box li {
 
  color: black
 } */

 .box .box-lead ul li {
   list-style-type: none !important;
 }

 .leeads p {
   margin-top: 20px;
 }

 .leeads .img-thumbnail {
   padding: .25rem;
   background-color: #fff;
   border: 1px solid transparent;
   border-radius: .25rem;
   max-width: 100%;
   height: auto;
   margin-top: 40px;
 }

 .box .box-leeads {
   text-align: center;
   height: 250px;
   border: 1px solid transparent;
   margin: 10px;
   box-shadow: 0px 0px 22px 0px rgba(10, 113, 185, 0.29);

 }

 .box .box-lead .img-thumbnail {
   padding: .25rem;
   background-color: #fff;
   border: 1px solid transparent;
   max-width: 100%;
   height: 100px;
 }

 .box-lead {
   border: 1px solid white;
   box-shadow: 0 0px 15px 0 #bfe9ec;
   margin: 10px;
   height: 250px;
 }

 .box .box-lead h4 {
   margin-top: 10px;
   font-size: 18px;
   color: #F16449;
   text-align: left;

 }

 .box .box-lead p {
   margin-top: 20px;
   font-size: 12px;
   margin-bottom: 10px !important;
 }

 .box .box-lead a {
   font-weight: bolder;
   color: black !important;

 }



 /* lets chat */

 /* .lets-chat {
  margin-top: 100px;
} */

 .lets-chat h2 {
   font-size: 30px;
   font-weight: 700;
   text-transform: uppercase;

 }

 .lets-chat p {
   margin-bottom: 50px;
 }

 .lets-chat .box-lets-chat {
   text-align: center;
   height: 200px;
   border: 1px solid transparent;
   box-shadow: 0px 0px 22px 0px rgba(10, 113, 185, 0.29);
   width: 250px;
   margin-top: 10px;
   /* margin-left: 75px; */
   margin-right: 20px;
   margin-bottom: 20px;
   border-radius: 20px;
 }

 .lets-chat .box-lets-chat .img-thumbnail {
   padding: .25rem;
   background-color: transparent;
   border: 1px solid transparent;
   max-width: 100%;
   height: 100px;
 }

 .lets-chat .box-lets-chat h4 {
   margin-top: 10px;
   font-size: 18px;
 }

 .lets-chat .box-lets-chat p {
   margin-top: 10px;
   font-size: 12px;
   margin-bottom: 10px !important;
 }

 .lets-chat .box-lets-chat a {

   color: black !important;

 }

 .lets-chat hr {
   width: 60px;
   border-color: #ee390f;
 }


 /* lets chat 2 */

 /* .lets-chat-2 {
  margin-top: 100px;
} */

 .lets-chat-2 h2 {
   font-size: 30px;
   font-weight: 700;
   text-transform: uppercase;
   margin-top: 0;
 }

 .lets-chat-2 p {
   margin-bottom: 50px;
   /* margin-top: 60px; */
 }


 .lets-chat-2 .box-lets-chat-2 {
   text-align: center;
   height: 200px;
   border: 1px solid transparent;
   margin: auto 10px;
   box-shadow: 0px 0px 22px 0px rgba(10, 113, 185, 0.29);
   width: 210px;
   margin-top: 10px;
   border-radius: 20px;
 }

 .lets-chat-2 .box-lets-chat-2 .img-thumbnail {
   padding: .25rem;
   background-color: transparent;
   border: 1px solid transparent;
   max-width: 100%;
   height: 100px;
 }

 .lets-chat-2 .box-lets-chat-2 h4 {
   margin-top: 10px;
   font-size: 18px;
 }

 .lets-chat-2 .box-lets-chat-2 p {
   margin-top: 10px;
   font-size: 12px;
   margin-bottom: 10px !important;
 }

 .lets-chat-2 .box-lets-chat-2 a {

   color: black !important;

 }

 .lets-chat-2 hr {
   width: 60px;
   border-color: #ee390f;
 }


 /* lets chat 3 */

 /* .lets-chat-3 {
  margin-top: 100px;
} */

 .lets-chat-3 h2 {
   font-size: 30px;
   font-weight: 700;
   text-transform: uppercase;

 }


 .lets-chat-3 p {
   margin-bottom: 50px;
   /* margin-top: 60px; */
 }



 .lets-chat-3 .box-lets-chat-3 {
   text-align: center;
   height: 100px;
   border: 1px solid transparent;
   margin: auto;
   box-shadow: 0px 0px 22px 0px rgba(10, 113, 185, 0.29);
   width: 200px;
   margin-top: 10px;


 }

 .lets-chat-3 .box-lets-chat-3 .img-thumbnail {
   padding: .25rem;
   background-color: #fff;
   border: 1px solid transparent;
   max-width: 100%;
   height: 100px;
 }

 .lets-chat-3 .box-lets-chat-3 h4 {
   margin-top: 10px;
   font-size: 18px;
 }

 .lets-chat-3 .box-lets-chat-3 p {
   margin-top: 10px;
   font-size: 12px;
   margin-bottom: 10px !important;
 }

 .lets-chat-3 .box-lets-chat-3 a {

   color: black !important;

 }

 .lets-chat-3 hr {
   width: 60px;
   border-color: #ee390f;
 }

 /* lets chat step ends */

 /* .lets-chat-step-ends {
   margin-top: 100px;
 } */

 .lets-chat-step-ends h2 {
   font-size: 30px;
   font-weight: 700;
   text-transform: uppercase;

 }

 .lets-chat-step-ends p {
   margin-bottom: 50px;
   /* margin-top: 60px; */
 }

 .right {
   margin-right: 0px !important;

 }

 .left {
   margin-left: 10px !important;
 }

 .lets-chat-step-ends .box-lets {
   text-align: center;
   height: 200px;
   border: 1px solid transparent;
   margin: auto 10px;
   box-shadow: 0px 0px 22px 0px rgba(10, 113, 185, 0.29);
   width: 210px;
   margin-top: 10px;
   border-radius: 20px;
 }

 .lets-chat-step-ends .box-lets .img-thumbnail {
   padding: .25rem;
   background-color: transparent;
   border: 1px solid transparent;
   max-width: 100%;
   height: 80px;
 }

 .lets-chat-step-ends .box-lets h4 {
   margin-top: 10px;
   font-size: 18px;
 }

 .lets-chat-step-ends .box-lets p {
   margin-top: 10px;
   font-size: 12px;
   margin-bottom: 10px !important;
 }


 .lets-chat-step-ends .box-lets a {

   color: black !important;

 }

 .lets-chat-step-ends hr {
   width: 60px;
   border-color: #ee390f;

 }

 .forms-4 {
   width: auto;
 }

 .portfolio-image img {
   width: 100%;
   display: block;
   margin: 10px auto !important;
   box-shadow: 3px 4px 8px 2px #eee;
   border-radius: 5px;
   transition: 0.2s ease-in-out;
 }

 .button-forms {
   margin: 40px 0;
 }

 footer {
   margin-top: 100px;
 }

 footer .teks a {
   color:#40cbfb;
 }

 footer .teks {
   color: gray;
   text-align: left;
   font-size: smaller;
   margin-left: 15px;
 }

 /* Terms and Condition */
 .terms-and-conditions-content {
   padding-top: 100px;
   /* padding-bottom: 30px; */
   padding-left: 20px;
   padding-right: 20px;
 }

.terms-and-conditions-content .title-term p { 
   font-size: 40px;
   text-align: center;
   font-weight: bolder;
   padding-bottom: 40px;
 }

 .title-term .subtitle-term h4{
   font-weight: bold;
 }

 .title-term .subtitle-term p{
  font-weight: 200px;
}

.terms-and-conditions-content .col-md-10 {
  margin-left: 90px;
}

 /* End Terms and Conditions */

 /* Privacy & Policy */
 .privacy-content {
  padding-top: 100px;
  /* padding-bottom: 30px; */
  padding-left: 20px;
  padding-right: 20px;
 }

 .privacy-content .title-privacy p { 
  font-size: 40px;
  text-align: center;
  font-weight: bolder;
  padding-bottom: 40px;
}

.privacy-content .col-md-10 {
  margin-left: 90px;
}

/* branding */

.branding {
  margin-top: 50px;
  margin-bottom: 50px;
}

.branding h2 {
 font-weight: 700;
}

.branding h2, 
.branding h3, 
.branding p {
  margin-left: 24px;
} 

.branding .img-thumbnail {
  padding: .25rem;
  background-color: #fff;
  border-radius: .25rem;
  border: transparent;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-top: 25px;
}

/* brand-box */

.brand-box .box-brand {
  display: block;
  width: 100%;
  height: auto;
  margin: 5px;
  transition: 0.5s;
  border-radius: 4px;
  padding: 30px 10px !important;
  box-shadow: 0px 0px 35px 2px #ceeaf8;
}

.brand-box .box-brand .img-thumbnail {
  padding: .25rem;
  background-color: #fff;
  border: 1px solid transparent;
  max-width: 100%;
  margin-left: 40px;
  height: 80px;
  width: 100px;
}

.brand-box .box-brand h4 {
  font-size: 18px;
  text-align: left;
  margin-bottom: 10px;
  margin-top: 0px;
}

.brand-box .box-brand p {
  margin-top: 10px;
  font-size: 12px;
  margin-bottom: 10px !important;
}

.brand-box .box-brand .links {
  font-weight: bolder;
  color: #40cbfb !important;
}

.brand-box .box-brand .texts {
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 0px;
  margin-bottom: 10px;
  display: block;
}

/* brand-box .mobile-only */

.mobile-only .brand-box .box-brand {
  width: 100%;
  height: auto;
}

.mobile-only .brand-box .box-brand .texts {
  width: 100%;
  height: 180px;
  display: block;
  font-size: 12px; 
  margin-bottom: 5px;
  margin: auto;
}

.mobile-only .brand-box ul {
  color: grey; 
  list-style-type:none; 
  padding-inline-start:0px;
}

.mobile-only .brand-box .box-brand .img-thumbnail {
  width: 40%; 
  height:50%; 
  margin-bottom:10px; 
  margin-left:auto;
}

/* localisation */

.localisation {
  margin-top: 50px;
  margin-bottom: 80px;
}

.localisation h2 {
  font-weight: 700;
}

.localisation .col-md-5 h3 {
  font-weight:normal!important;
}
.localisation h2, 
.localisation h3, 
.localisation p {
  margin-left: 18px;
}
.localisation .img-thumbnail {
  padding: .25rem;
  background-color: #fff;
  border-radius: .25rem;
  border: transparent;
  max-width: 100%;
  height: auto;
  margin: auto;
  margin-left: auto;
  margin-top: 25px;
} 

/* video-editing */
.video-editing {
  margin-top: 50px;
  margin-bottom: 50px;
}

.video-editing .img-thumbnail {
  padding: .25rem;
  background-color: #fff;
  border-radius: .25rem;
  border: transparent;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-top: 25px;
} 

.video-editing h2, 
.video-editing h3, 
.video-editing p,
.video-editing a {
  margin-left: 23px;
}


 /* End Privacy & Policy */

 /* .lets-chat {
   margin-top: 100px;
 } */

 /* desktop responsive */

 @media screen and (min-width:1920px) {
  .background-hero {
    height: 100vh;
  }

  .text {
    padding: 100px 25px;
  }

  .background-hero-2 {
    height: 100vh;
  }

  .text2 {
    padding: 100px 25px;
  }

  .lets-chat h2 {
    padding-top: 100px;
  }

  .btn_3 {
    margin-bottom: 400px !important;
  }

  .grecaptcha-badge {
   display: none !important;
  }

  .lets-chat .box-lets-chat {
   text-align: center;
   border: 1px solid transparent;
   box-shadow: 0px 0px 22px 0px rgba(10, 113, 185, 0.29);
   width: 260px;
   height: 200px;
  }

  .lets-chat .col-md-11 {
   width: auto; 
   height: auto; 
   margin-left: 140px;
  }


}

 @media (min-width:997px) {

   .border-mid {
     display: flex;
     justify-content: center;
     margin: auto;
     flex-wrap: wrap;
     flex-direction: row;
   }

   .forms-4 {
     width: 850px !important;
   }

   .main_menu {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     z-index: 999;
   }

   .text {
     padding: 50px 25px;
   }

   .text h1 {
     margin-top: 130px;
   }

   .text h1 {
     margin-top: 130px;
   }

   .text2 h1 {
     margin-top: 130px;
   }

   .text p {
     margin-top: 20px;
     margin-bottom: 30px;
     padding-right: 20px;
   }

   .text h2 {
     margin-top: 50px;
   }

   .text a {
     margin-left: 0px;

   }

   .we-can .box-we-can h4 {
     text-align: left;

   }

   .we-can .box-we-can p {
     text-align: left;

   }

   .we-can .box-we-can a {
     font-weight: bolder;
     text-align: left;
   }

   .desktop-only {
     display: block;

   }

   .mobile-only {
     display: none;

   }

   .owl-prev,
   .owl-next {
     position: absolute;
   }

   .owl-prev {
     left: -20px;
     top: 100px;
     font-size: 50px !important;
   }

   .owl-next {
     right: -20px;
     top: 100px;
     font-size: 50px !important;

   }

   .form-search .btn_2 {
     height: 50px;
     width: auto;
     margin-top: 0;
     font-size: 15px;

   }

   .form-select {
     height: 50px;
   }


   /* about desktop */

   .about-us {
     margin-top: 150px;
   }

   /* service */

   .service {
     margin: 150px 0;
   }

   .service .box-service h4 {
     text-align: left;

   }

   .service .box-service p {
     text-align: left;

   }

   .service .box-service a {
     font-weight: bolder;
     text-align: left;
   }

    .main_menu a:hover .on-hover-menu {
      display: block !important;
      color:black !important;
    } 

  
  
   /* portfolio */

   .portfolio {
     margin-top: 150px;
   }


   .portfolio .images {
     margin-top: 100px;
   }

   /* contatc */

   .contact .info {
     margin-top: -50px;
   }

   .contact .col-md-7 {
     display:block;
   }

   .contact .col-md-5 {
    display: block;
    }

   .contact .g-recaptcha {
    width: 293px;
    }

   .grecaptcha-badge {
    display: none !important;
   }

   /* digital marketing */

   .digital {
     margin-top: 150px;
   }

   /* search marketing */

   .search-marketing {
     margin-top: 150px;
   }

   /* marketing strategy */

   .strategy {
     margin-top: 150px;
   }

   /* lead */
   .leeads {
     margin-top: 150px;
   }

   .leeads h2 {
     margin-top: 50px;
   }

   .leeads hr {
     margin-top: 50px;
     width: 100%;
     border-color: grey;
   }

   .brand-box .box-brand {
     width: 100%;
     height: 200px;
   }
   .brand-box .box-brand h4 {
    color: #F27259;
    font-weight: 400!important;

  }

  .brand-box .box-brand .texts li {
    list-style-type: none;
    font-size: 12px;
    text-align: left;
  }

  .brand-box .box-brand .texts ul{
    padding-inline-start: 0px;
  } 

  .brand-box .box-brand .imagesdescr img {
    width: 100px;
    height: auto;
    flex-direction: column !important
  }

  .brand-box .box-brand .text p {
   /* margin-top: 10px; */
   font-size: 18px;
   margin-bottom: 10px !important;
 }

 .brand-box .box-brand .imagesdescr {
  flex-direction: column !important;
 }

 .grecaptcha-badge {
  display: none !important;
 }

 .lets-chat .col-md-11 {
  width: auto; 
  height: auto; 
  margin-left: 140px;
 }

 .lets-chat .box-lets-chat {
  text-align: center;
  height: 210px;
  border: 1px solid transparent;
  box-shadow: 0px 0px 22px 0px rgba(10, 113, 185, 0.29);
  width: 260px;
  margin-top: 10px;
  border-radius: 20px;
}


}


 @media (max-width:768px) {

   .relative .btn_3 {
     margin-right: 315px;
     margin-bottom: 240px;
   }

   .grecaptcha-badge {
    display: none !important;
   }

   .lets-chat .box-lets-chat {
    width: 160px;
    height: 155px;
    margin: 5px auto;
  }

 }

 @media (width:768px) {

  .lets-chat .col-md-11 {
   width: auto; 
   height: auto; 
   margin-left: 30px;
  }

}


 .owl-prev {
   top: 0 !important;
 }


 .owl-next {
   top: 0 !important;
 }

 @media (max-width:600px) {


   h1 {
     font-size: 25px !important;
   }

   h2 {
     font-size: 20px !important;
   }

   .imagesdescr {
     flex-direction: column !important;
   }

   .we-can .box-we-can {
     height: auto;
   }

   .we-can .box-we-can .images {
     width: 80px;
     height: 70px;
     margin: auto;
   }
   .we-can .box-we-can .images .img-thumbnail {
     width: 80px;
     height: 70px;
     margin: auto;
   }

   /* .lets-chat-2 p {
     margin-bottom: 0px;
     margin-top: 0px;
   } */

   .btn_3 {
     position: relative !important;
     display: block;
     line-height: 10px;
     /* margin-left: 125px;
    margin-top: 75px; */
   }

   .submit_button {
     position: relative !important;
     display: block;
     line-height: 10px;
     /* margin-left: 125px;
    margin-top: 75px; */
   }

   /* .box-lets {
     margin-right: 60px !important;
     margin-left: 60px !important;
   } */

   .btn_4 {
     margin-top: 40px;
     margin-left: -10px !important;
   }

   .contact .contacts {
     margin-top: 40px;
   }

   .contact .contacts {
     margin-top: 40px;
   }

   .relative .btn_3 {
     margin-right: 115px;
     margin-bottom: -390px;
   }

   .digitals {
     margin-top: -73px;
   }

   .contact {
     margin-top: 20px;
   }

   .development h2 {
     margin-top: -70px;
   }

   .development h2 {
     margin-top: -70px;
   }

   .teks {
     margin-top: 22px;
   }

   .pricing {
     margin-top: 20px;
   }

   .navbar-brand img {
     height: 25px;
     width: auto;
     ;
   }

   /* .form-search .btn_2 {
     height: 38px;
   } */

   .lets-chat {
     height: 1500px;
   }

   .lets-chat .box-lets-chat {
     width: 160px;
     height: 155px;
     margin: 5px auto;
   }

   .lets-chat-2 .box-lets-chat-2 {
     width: 160px;
     height: 150px;
     margin: 5px auto;
   }

   .lets-chat-step-ends .box-lets {
     width: 160px;
     height: 110px;
     margin: 5px;
   }

   label {
     margin-top: 3px;
   }

   .button-forms {
     position: fixed;
     left: 0%;
     top: auto;
     right: 0%;
     bottom: 0%;
     z-index: 5;
     display: block;
     height: 70px;
     border-top: 1px solid rgba(131, 149, 177, 0.15);
     background-color: #fff;
     margin: 0 !important;
     padding: 0px 20px;
   }

   .main_menu .main-menu-item ul .btn_1 {
     color: #fff;
     font-size: 14px;
     padding: 11.5px 33px;
     margin-left: 0;
   }

   .grecaptcha-badge {
    display: none !important;
   }

 }

 @media screen and (max-width:330px) {
   .lets-chat .box-lets-chat {
    text-align: center;
    border: 1px solid transparent;
    box-shadow: 0px 0px 22px 0px rgba(10, 113, 185, 0.29);
    width: 119px;
    height: 133px;
   }

   .lets-chat-2 {
      height: 600px;
   }

   .lets-chat-2 .box-lets-chat-2 {
     width: 130px;
   }

   .grecaptcha-badge {
    display: none !important;
   }

 }

 @media screen and (max-width:997px) {
   .dropdown-toggle {
     position: inherit !important;
   }

   .grecaptcha-badge {
    display: none !important;
   }

   .lets-chat {
     height: 900px;
   }

   .lets-chat .box-lets-chat {
    text-align: center;
    border: 1px solid transparent;
    box-shadow: 0px 0px 22px 0px rgba(10, 113, 185, 0.29);
    width: 202px;
    height: 165px;
   }
 }

 /* @media (min-width:1024px) {
  .lets-chat .box-lets-chat {
    text-align: center;
    border: 1px solid transparent;
    box-shadow: 0px 0px 22px 0px rgba(10, 113, 185, 0.29);
    width: 202px;
    height: 165px;
   }

  .lets-chat .col-md-11 {
    width: auto; 
    height: auto; 
    margin-left: 30px;
   }
 } */

 @media (width:1024px) {
  .lets-chat .box-lets-chat {
    text-align: center;
    border: 1px solid transparent;
    box-shadow: 0px 0px 22px 0px rgba(10, 113, 185, 0.29);
    width: 202px;
    height: 165px;
   }

  .lets-chat .col-md-11 {
    width: auto; 
    height: auto; 
    margin-left: 140px;
   }
 }

 @media screen and (width:540px) {
   .lets-chat {
      height: 1100px;
   }

   .lets-chat .box-lets-chat {
       text-align: center;
       border: 1px solid transparent;
       box-shadow: 0px 0px 22px 0px rgba(10, 113, 185, 0.29);
       width: 153px;
       height: 159px;
   }

 }


 @media (max-width:500px) {
   .images-step {
     display: flex;
     justify-content: center;
     margin: 0;
   }

   .lets-chat-title {
     padding-top: 0;
   }

   .background-hero {
     height: 90vh;
   }

   .background-hero-2 {
     height: auto;
     padding: 50px 0;
   }

   .can-we-help {
     margin: 0px 0px 40px;
     padding: 10px 30px;
   }

   .form-search .form-control {
     width: 200px;
   }


   .portfolio h3 {
     font-size: 14px;
   }

   .portfolio h4 {
     font-size: 12px;
   }

   .portfolio-image img {
     width: 100%;
     display: block;
     margin: 10px auto !important;
     box-shadow: 3px 4px 8px 2px #eee;
     border-radius: 5px;
     transition: 0.2s ease-in-out;
   }

   .lets-chat .box-lets-chat {
    text-align: center;
    border: 1px solid transparent;
    box-shadow: 0px 0px 22px 0px rgba(10, 113, 185, 0.29);
    width: 155px;
    height: 119px;
   }

   .lets-chat .box-lets-chat .img-thumbnail {
     height: 50px;
   }

   .lets-chat p {
     margin-bottom: 20px;
   }

   .dropdown-item {
     text-align: center !important;
   }

   .lets-chat-2 .box-lets-chat-2 .img-thumbnail {
     height: 50px !important;
   }

   .lets-chat-2 .box-lets-chat-2 span {
     font-size: 14px;
   }

   .lets-chat .box-lets-chat span {
     font-size: 14px;
   }

   .lets-chat-step-ends .box-lets .img-thumbnail {
     height: 50px;
   }

   .lets-chat-step-ends .box-lets span {
     font-size: 14px;
   }

   .grecaptcha-badge {
    display: none !important;
   }

   /* .lets-chat {
     margin-top: 35px;
   } */

 }



 @media screen and (max-width:380px) {

   .input-group>.custom-select:not(:last-child),
   .input-group>.form-control:not(:last-child) {
     border-top-right-radius: 20px;
     border-bottom-right-radius: 20px;
   }

   .form-search .btn_2 {
     height: auto;
     width: 100% !important;
     font-size: 15px;
     border-radius: 20px !important;
   }

   .form-search .next-moves {
     margin: 30px auto;
     width: 100% !important;

   }

   .form-search .form-control {
     width: 200px;
     border-radius: 20px;
   }

   .grecaptcha-badge {
    display: none !important;
   }

   .lets-chat .box-lets-chat {
    text-align: center;
    height: 119px;
    border: 1px solid transparent;
    box-shadow: 0px 0px 22px 0px rgba(10, 113, 185, 0.29);
    width: 155px;
    margin-top: 5px;
    border-radius: 20px;
  }

  .lets-chat {
    height: 850px;
  }

 }

 @media screen and (width:320px) {

  .lets-chat .box-lets-chat {
    text-align: center;
    height: 119px;
    border: 1px solid transparent;
    box-shadow: 0px 0px 22px 0px rgba(10, 113, 185, 0.29);
    width: 133px;
    margin-top: 5px;
    border-radius: 20px;
  }
  .lets-chat {
    height: 1400px;
  }
 }

 @media screen and (max-width:300px) {
  .lets-chat {
    height: 1400px;
  }
 }

 @media screen and (width:280px) {

  .lets-chat .box-lets-chat {
    text-align: center;
    height: 119px;
    border: 1px solid transparent;
    box-shadow: 0px 0px 22px 0px rgba(10, 113, 185, 0.29);
    width: 115px;
    margin-top: 5px;
    border-radius: 20px;
  }
  
  .lets-chat {
    height: 1400px;
  }

  .lets-chat-2 {
    height: 800px;
  }

  .lets-chat-2 .box-lets-chat-2 {
    width: 130px;
    height: 130px;
  }

 }