.tnt_main_bg_image {
    background-image: url("../images/Hero-Image.png");
   background-position: center;
   background-repeat: none;
   width:100%;
   height:700px;
   margin-top: 0px;
   position: relative;
   background-position: right;
   background-repeat: no-repeat;
  
}
.how-to-grow{
    height: 320px !important;
    margin-top: 30px;
}
.main_bg_dots_img{
    /* border:1px solid red; */
    margin-top: -40px;
    margin-right: 100px;
    visibility: hidden;
   
}
.growth_text{
    color: #f3bc50;
  
    
}
.we_are h1{
    font-size: 50px;
    font-weight: 900;
   
    line-height: 60px;
}
.we_are p{
    color: #767676;
    font-size: 18px;
        padding: 5px 0px 50px 0px;
    font-weight: 600;
}
.we_are{
    margin-top: -130px;
    /* border: 1px solid red; */
  
}
.exp_more_btn{
    border: 2px solid #f3bc50;
    color: black;
    border-radius: 0px;
    font-weight: 700;
    background: linear-gradient(to left, transparent 50%, #f3bc50 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    margin-left: 10px;
    transition: all 2s ease;
}
.exp_more_btn:hover{
    background-color:white;
    border: 2px solid #f3bc50;
    transition: all 0.3s;
    background-position: left bottom;
color:#fff;
}
/* .main_how_to_grow{
    margin: 50px 0px;
} */
.how_to_grow_txt{
    /* border: 1px solid red; */
}
.fastest_text_right{
    /* border: 1px solid red; */
    margin-left: 10px;
    padding: 10px 30px;
}
.how_to_txt {
    font-size: 45px;
    color: #f3bc50;
    font-weight: 500;
}
.ten_x_txt {
    margin: 0 0 25px 10px;
    font-size: 147px;
    color: black;
    font-weight: 300;
    line-height: 100px;
}
.whatsapp_img{
    margin-left: 10px;
    margin-top: 10px;
}
.git_image{
    margin-top: 45px;
}
.the_fastest_texttt{
    font-size: 24px;
    font-weight: 500;
    color: black;
    line-height: 33px;
}
.growing_txt{
    font-size: 28px;
    color: black;
    font-weight: 700;
}
.growthh_hack{
    color: #f3bc50;
}
.marketing_txt{
    font-size: 24px;
    color: black;
    font-weight: 500;
}
.special_skill_txt{
    margin-top: 26px;
    font-size: 24px;
    color: black;
    font-weight: 500;
}
.graph_bg{
    background-image: url(../images/Graph.png);
    background-position: center;
    background-repeat: none;
    width: 100%;
    height: 430px;
    margin-top: 110px;
    position: relative;
}
.graph_left-txt{
    margin-left: 100px;
    font-size: 18px;
    font-weight: 600;
    margin-top: 104px;
}
.graph_right-txt{
    margin-left: 94px;
    font-size: 18px;
    font-weight: 600;
    margin-top: -40px;
}
.growth_hack_txt{
    font-size: 46px;
    color: #f3f3f3;
    /* margin-bottom: -125px; */
    margin-top: 10px;
    position: absolute;
}
.graph_center-txt{
    margin-left: 180px;
    font-size: 18px;
    font-weight: 600;
    margin-top: 34px;
}
.circle_round{
    width:200px;
    height: 200px;
    border-radius: 50%;
    border:2px solid #9b9b9b;
    display:inline-block;
    margin: 20px;
}
.circle_center_round{
    width:200px;
    height: 200px;
    border-radius: 50%;
    border:2px solid #9b9b9b;
    display:inline-block;
    margin: 20px;
}
/* .growth_hack_circle_main {
    margin-top: 30px;
} */

.top_circles_txt{
    
    margin: 0 0 10px;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    position: relative;
    top: 89px;
}
.online_markettt_main{
    margin-top: 30px;
}
.online_marketting{
    color: #f3bc50;
    font-size: 32px;
    font-weight: 500;
	margin-top: 230px;
}
.how_marketing_txt{
    font-size: 18px;
    margin-bottom: 86px;
    color: #767676;
}
.tnt_next_big_text{
    color: #f3bc50;
    font-size: 46px;
}
/* .tnt_next_big_main{
    margin-top: 100px;
} */
.view_all_btn {
    border: 2px solid #f3bc50;
    color: black;
    border-radius: 0px;
    font-weight: 700;
    margin-top: 45px;
    margin-left: 40px;
    float: right;
    background: linear-gradient(to left, transparent 50%, #f3bc50 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    margin-left: 10px;
    transition: all 2s ease;
   
}
.view_all_btn:hover{
     background-color:white;
        border: 2px solid #f3bc50;
        transition: all 0.3s;
        background-position: left bottom;
color:#fff;
    }
/* .clients_img_main{
    margin-top: 70px;
} */
.want_to_learn_main {
    background-color: #f1f1f1;
   
}
.want_to_learn_sub {
    padding: 55px 0px;
    /* width: 80%;
    margin: auto; */
}
.want_to_learn_txt{
    font-size: 22px;
    color: black;
    font-weight: 500;
}
.view_resource_btn {
    border: 2px solid #f3bc50;
    color: black;
    border-radius: 0px;
    font-weight: 700;
    margin-top: 15px;
    margin-left: 40px;
    float: right;
    padding: 13px;
    background-color: #f1f1f1;
    background: linear-gradient(to left, transparent 50%, #f3bc50 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    margin-left: 10px;
    transition: all 2s ease;
}
.view_resource_btn:hover{
 background-color:white;
    border: 2px solid #f3bc50;
    transition: all 0.3s;
    background-position: left bottom;
color:#fff;
}
.tailored_made_border{
    width: 70px;
    height: 5px;
    background-color: #f3bc50;
    margin-bottom: 20px;
    margin-top: 20px;
}
.tailored_made_hed{
    height: 80px;
}
.tailored_made_hed h3{
    color: black;
    font-weight: 700;
    text-align: left;
	font-size:22px;
}
.tailored_main_boxes{
    border: 1px solid #e7e7e7;
    padding: 5px 20px;
    margin: 10px 0px;
    min-height: 320px;
}
.tailored_main_boxes p{
    color: #969696;
    text-align: left;
    font-size: 12px;
}
.tailored_main_boxes:hover{
    background-color: #f3bc50;
    box-shadow: -5px 5px 15px #e9e9e9;
    border: 1px solid #f3bc50;

}

.tailored_main_boxes:hover p{
   color: black
    
}
.tailored_main_boxes:hover .tailored_made_border{
   background-color: black;
     
 }
 .tailored_boxes_a{
     text-decoration: none;
 }
 a.tailored_boxes_a:hover {
    text-decoration: none;
}
.services_main_txt h1 {
    font-size: 45px;
    font-weight: 800;
    color: black;
}
.powered_by_txt{
    color: #f3bc50;
}

/* circle css */
/* .growth_hack_circle_main{
    padding: 50px 0px
} */
.growth_hack{
    font-size: 30px !important;
    padding: 66px 10px 10px 10px !important;
    line-height: 32px !important;
    font-weight: 700 !important;
    background-color: #f3bc50;
    border: 1px solid #f3bc50 !important;
}

.row {
    float: left;
    width: 100%;
}
.row .circle_top {
    margin-left:100px;
}
.row .circle_bottom {
    margin-left:100px;
}
.row .block {
    float: left;
    width: 20%;
    height: 200px;
    margin: 10px;
    
}
.row .block1 {
    float: left;
    width: 20%;
    height: 200px;
}
.hovicon {
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
    cursor: pointer;
    margin: 20px;
    width: 200px;
    padding-top: 80px;
    height: 200px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 1;
    color: black;
    border: 1px solid #c7c7c7;
    font-weight: 600;
   
}
.animation_circle_three_line{
    padding-top: 70px !important;
}

.hovicon.small {
    font-size: 20px;
    line-height:45px;
    width:100px;
    height:100px;
    margin:7px;
}
.hovicon.mini {
    font-size: 15px;
    line-height:32px;
    width:70px;
    height:70px;
    margin:7px;
}
.hovicon.auto-width {
    width: auto;
    height: auto;
    padding: 15px;
}
.hovicon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content:'';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.hovicon:before {
    speak: none;
    font-size: 48px;
    line-height: 90px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}
/* Effect 1 */
 .hovicon.effect-1 {
    background: rgba(255, 255, 255, 0.1);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}
.hovicon.effect-1:after {
    top: 0px;
    left: 0px;
    padding: 0px;
    box-shadow: 0 0 0 2px #f3bc50;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
}
/* Effect 1a */
 .hovicon.effect-1.sub-a:hover {
    background: #f3bc50;
    color: black;
}
.hovicon.effect-1.sub-a:hover i {
    color: black;
}
.hovicon.effect-1.sub-a:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.vertical_text_main{
    writing-mode: tb-rl;
    white-space: nowrap;
    display: block;
    bottom: 0;
    width: 20px;
    height: 20px;
    color: #000;
    position: absolute;
    font-weight: 500;
    right: 0;
    top: -50px;
}
.vertical_line_right{
    width: 100px;
    height:3px;
    background: #f3bc50;
    transform: rotate(90deg);
}
.vertiacal_txt{
    transform: rotate(270deg);
    left: 22px;
    position: relative;
}

@media screen and (max-width: 700px) and (min-width: 319px) {
    .tailored_main_boxes{
    
        min-height: auto;
    }
    .row-flex-wrap{
        margin: 0 auto !important;
    }
    .hovicon {
            display: block;
        font-size: 13px;
        line-height: 20px;
        cursor: pointer;
        margin: 0;
        width: 155px;
        padding-top: 60px;
        height: 155px;
        border-radius: 50%;
        text-align: center;
        position: relative;
        text-decoration: none;
        z-index: 1;
        color: black;
        border: 1px solid #c7c7c7;
        font-weight: 600;
        
       
    }
    .services_main_txt h1 {
        font-size: 34px;

    }
    .animation_circle_three_line{
        padding-top: 50px !important;
    }
    .growth_hack{
        font-size: 26px !important;
        padding: 50px 10px 10px 10px !important;
    }

    .tnt_main_bg_image {
        background-image: none;
        height: 340px;
        
      
      
    }
    
        .main_bg_dots_img{
          display: none;
           
        }
        .we_are {
            margin-top: 0px;
            
        }
        .we_are h1 {
            margin-top: 0px;
            font-size: 50px;
            text-align: lrft;
        }
        .how_to_txt {
            font-size: 28px;
        }
        .ten_x_txt {
        
            font-size: 113px;
            
        }
        .nested_ul li {
            font-size: 12px;
            font-weight: 600;
            padding: 0px;
        }
        .fastest_text_right {
            /* border: 1px solid red; */
            margin-left: 0px;
            padding: 0px;
            text-align: center;
        }
        .online_marketting {
            text-align: center;
			margin-top:0px;
        }
        .how_marketing_txt {
            margin-bottom: 50px;
            text-align: center;
        }
        .we_are p {
            padding: 5px 0px 60px 0px;
            
        }
        .exp_more_btn {
            margin-left: 0px;
            margin-bottom: 10px;
        }
    
        .tnt_next_big_text {
          font-size: 30px;
            text-align: center;
        }
        .view_all_btn {
           
            float: none;
        }
        .view_resource_btn {
         
            float: none;
            margin-left: 15px;
           
        }
    
        .row {
            margin-right: 0px !important;
            margin-left: 0px;
            float:none;
            width: 100%;
        }
        .row .circle_top {
            margin-left: 0 !important;
            width: 100% !important;
            margin: 0 auto !important;
        }
        
        .row .block {
            float: none !important;
            width: 100% !important;
            height: 200px;
            margin: 10px;
            
        }
        .row .block1 {
            float: none !important;
            width: 100% !important;
            height: 200px;
        }
        .row .circle_top {
            margin-left:0px !important;
        }
        .row .circle_bottom {
            margin-left:0px !important;
        }
        .logo_image {
            margin: 0 auto;
            margin-top: 15px;
        }
        .growth_hack_txt{
            font-size: 15px;
            margin-top: 0px;
        }
        .graph_bg{
            display:none;
        }

        .the_fastest_texttt {
            margin-top: 40px;
        }

        .online_markettt_main{
            margin-top: 0px;
        }
        
        
    }

    @media screen and (max-width: 700px) and (min-width: 400px){
        .row .block{
        float: left !important;
        width: 41% !important;
        height: 200px;
        margin: 10px;
    }
    .row .block1 {
        float: left !important;
        width: 49% !important;
        height: 200px;
    }
    .growth_hack_block{
        display: none;
      }

    }
    
    

@media (min-device-width:701px) and (max-device-width:768px){
    .main_bg_dots_img{
        visibility: hidden;
         
      }
      .services_main_txt h1 {
        font-size: 34px;

    }
      .growth_hack_block{
        display: none;
      }
      .we_are {
          margin-top: 0px;
          
      }
      .we_are h1 {
          font-size: 50px;
          text-align: center;
      }
      .how_to_txt {
          font-size: 35px;
      }
      .ten_x_txt {
      
          font-size: 113px;
          
      }
      .nested_ul li {
          font-size: 12px;
          font-weight: 600;
          padding: 0px;
      }
      .fastest_text_right {
          /* border: 1px solid red; */
          margin-left: 0px;
          padding: 0px;
          text-align: center;
      }
      .online_marketting {
          text-align: center;
		  margin-top:0px;
      }
      .how_marketing_txt {
          margin-bottom: 50px;
          text-align: center;
      }
      .exp_more_btn {
          margin-left: 50px;
          margin-bottom: 20px;
      }
  
      .tnt_next_big_text {
        font-size: 30px;
          text-align: center;
      }
      .view_all_btn {
        
          float: none;
      }
      .view_resource_btn {
       
          float: none;
          margin-left: 15px;
         
      }
  
      .row {
          margin-right: 0px !important;
          margin-left: 0px;
          float:none;
          width: 100%;
      }
      .row .circle_top {
          margin-left: 0 !important;
          width: 100% !important;
          margin: 0 auto !important;
      }
      
      .row .block {
        float: left !important;
        width: 47% !important;
        height: 200px;
        margin: 10px;
    }
      .row .block1 {
        float: left !important;
        width: 48% !important;
        margin: 5px;
        height: 200px;
    }
      .row .circle_top {
          margin-left:0px !important;
      }
      .row .circle_bottom {
          margin-left:0px !important;
      }
      .logo_image {
          margin: 0 auto;
          margin-top: 15px;
      }
      .growth_hack_txt{
        font-size: 30px;
        margin-top: 0px;
      }
      .graph_bg{
          display:none;
      }

      .the_fastest_texttt {
          margin-top: 40px;
      }
      .online_markettt_main{
        margin-top: 0px;
    }
     .how-to-grow {
    height: 320px !important;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

.how_to_grow_txt {
    text-align: center;
} 
      .we_are h1 {
          font-size: 50px;
          text-align: center;
          color:  white;
      }

      .we_are p {
    color: #ffffff;
    font-size: 18px;
    padding: 5px 0px 50px 0px;
    font-weight: 600;
    text-align:center;
}

      .exp_more_btn {
          margin-left: auto;
          margin-bottom: 20px;
          margin-right:  auto;
          display:  block;
          color:  white;
      }
       


}
@media only screen and (max-width: 979px){

.bx {
    padding: 0;
}
}

@media (min-device-width:769px) and (max-device-width:1024px){
    .row .block {
        width: 20%; 
        margin: 16px;
    }
    .row .circle_top {
        margin-left: 25px;
    }

   .row .circle_bottom {
        margin-left: 25px;
    }

.graph_right-txt {
    margin-left: 33px;
    margin-top: 34px;
}
    
 }