*{
    font-family:Georgia, 'Times New Roman', Times, serif;
    /* box-sizing:unset !important; */
    padding:0px !important;
}
section{
    height: auto !important;
}
a{
    text-decoration: none !important;
}
.info{
    background-color:black;
    color: white;
    padding:10px !important;
}
.nav-link {
    font-size:18px !important;
    font-weight:700 !important;
}
.dropdown-item{
    width: auto !important;
    color:rgb(168, 168, 168) !important;
    background-color:white !important;
    font-weight:600 !important;
    margin-top:15px;
}
.dropdown-item:hover{
    color:#ff6900 !important;
}
.nav-link:hover{
color:#ff6900 !important;
border-bottom:4px solid #ff6900;}
.nav>li.current-menu-item>a{
    color:#ff6900 !important;    
}
.navbar-nav li a{
margin-left:30px !important;
}
.capture{
    margin-left:100px;
    width:200px !important;
}
@media screen and (max-width: 600px) {
    .info{
        margin-left:0px !important;
    }
    .info i{
      margin-left:10px !important;
      padding-left:6px !important;
    }
    .capture{
      margin-left:10px;
      /* width:200px !important; */
  }
}
@media screen and (max-width:800px) {
    .navbar-nav li a{
        margin-left:60px !important;
        }
        .navbar-toggler{
            background-color:#ff6900 !important ;
        }
        .dropdown-menu{ 
            border:none !important; 
            /* border-left:3px solid rgb(168, 168, 168) !important; */
        }
}
.header{
    position:sticky !important;
    top:0px;
    z-index:10;
    background-color: white;
}
  .next i{
    font-size:60px;
    color: black;
  }     
  .carousel{
   height: auto !important; 
  } 
  .marketing h1{
    font-size:60px;
    font-weight:800;
  }
  .marketing p{
    font-size:23px;
  }
  .marketing a{
text-decoration: none;
font-size:20px;
padding:8px;
padding-left:20px;
padding-right:20px;
border:2px solid rgb(255, 255, 255);
border-radius:30px;
background-color: #ff6900;
font-weight:600;
  }
  @media screen and (max-width:992px) {
    .carousel{
        height: auto !important; 
       } 
       .marketing h1{
        padding-top:0px !important;
         font-size:40px;
       }
       .marketing p{
         font-size:18px;
       }
       .marketing{
      padding-top:0px !important;
      margin-top:0px !important;
      }
      .image{
        padding-bottom:0px !important;
        margin-bottom: 0px !important;
      }
      .next i{
        font-size:40px;
       
      }  
     
}
  .marketing a:hover{
    background-color: #000c75;

      }
      .primary{
        background-color: rgb(93, 244, 255);
      }
      .primary2{
        background-color: #ff7d20;;
      }
      .primary3{
        background-color:#7affb2;;
      }
      .best h3{
        font-size:36px;
        font-weight:700;
      }
      .best p{
        font-size:18px;
      }
      .best a:hover{
       color: #ff6900;
      }
      .best ul{
        padding-left:25px !important;
         list-style-type:"➢";
      }
      .best li{
        font-size:18px !important;
        margin-top:18px !important;
      }
      .btn1{
        background-color: #ff4800 !important;
        font-weight:600 !important;
      }
      .btn2{
        background-color: #f1b100 !important;
        font-weight:600 !important;
      }
      .best button:hover{
        background-color: black !important;
      }
      @media screen and (max-width:992px) {
        .best{
            margin-left:40px !important;
        }
        .best h3{
            padding-top:0px !important;
          }
          .best1{
            margin-left:0px !important;
            padding-left:0px !important;
          }
        .best li{
          margin-left:0px !important;
          padding-left:0px !important;
        }
        .best ul{
          margin-left:0px !important;
          padding-left:30px !important;
        }
         
    }
    .best1{
    background-image: url("https://digitalmogli.com/wp-content/uploads/2020/03/wave_color.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    }
    .text{
     color: #ff6900;
    }
    .row{
        margin-right:0px !important;
    }
    .image1{
        height:500px !important;
    }
    
    .post{
        display: flex;
        justify-content:space-evenly !important;
        margin:auto;
       
    }
    .post1 img{
     height:180px !important; 
  
  }
    .post1{
        width:30% !important;
        background-color: white;
    }
    .blog{
        background-color: rgb(219, 218, 218);
    }
    .post2 a{
        color: black;
    }
    .post2 a:hover{
        color:#ff6900
    }
    .aa{
        font-size:18px !important;
        font-weight:500;
        }
        .mar{
        width:70px;
        height: 70px;
        text-align: center;
        border:2px solid #f53100;
        border-radius:50%;
        background-color: #f53100;
        color: white;
        }
        .mar2{
            height:60px;
            width:35px;
            border-right:2px solid rgb(201, 201, 201);
            /* box-shadow: cadetblue; */
        }
        .mar1{
            width:13px;
            height:13px;
           margin-left:52px !important;
            border:2px solid rgb(201, 201, 201);
            border-radius:50%;
            background-color: #f53100;
         
            }
           
            .btn3{
                width:auto !important;
                 background-color: #ff4800 !important;
                font-weight:600 !important;
                color: white !important;
                margin-left:45%!important;
                /* margin-right:50%!important; */
                border:2px solid rgb(255, 255, 255);
                border-radius:30px;
            
            }
            /* .image3{
                margin-left:22% !important;
            } */
            .service p{
           font-size:20px;
            }
            .service h4{
             font-weight: 700;
             }
             .service a{
                font-weight: 700;
                font-size:18px;
                color: #ff4800 !important;
                margin-left:35% !important;
                }
                .rate{
                    background-image:linear-gradient(to bottom, rgb(1, 255, 158), rgb(0, 183, 255));
                    height:auto;
                }
                .rate1{
                    width:33% !important;
                    border:2px dotted black;
                    margin-left:20px;
                }
                .center {
                    display: block;
                    margin-top:20px;
                    margin-left: auto;
                    margin-right: auto;
                  
                  }
                  .process{
                    width:33% !important;
                    margin-left:30px;
                  }
                  .process11{
                    width:200px;
                    height:200px;
                    border-radius:50%;
                  }
                  .process1{
                    background-color: #08d15c;
                  }
                  .process2{
                    background-color: #d32913;
                  }
                  .process3{
                    background-color: #13b7d4;
                  }
                  .process4{
                    background-color: #ce861a;
                  }
                  .image3{
                    padding-top:50px !important;
                  }
           @media screen and (max-width:992px) {
                    .post{
                     display:block;   
                 }   
                 .post1{
                     width:90%!important;
                     margin: auto;
                     background-color: white;
                     margin-bottom:30px !important;
                 }
                 .rate1{
                    width:90% !important;
                    border:2px dotted black;
                    margin:auto;
                    margin-bottom:30px !important;
                } 
                .process{
                    width:90% !important;
                    margin:auto !important;
                    margin-bottom:30px !important;
                  }
                  .process11{
                   margin: auto !important;
                  }
                  .best11{
                    margin-right:0px !important;
                    padding-left:0px !important;
                  }
                  .image1{
                    padding:0px !important;
                    margin-left:0px !important;
                  }
                 
             }
.body{
  /* min-height: 100vh; */
  display: flex;
  align-items: center;
}
.wrapper{
  width: 100%;
}
.carousel1{
  max-width: 1200px;
  margin: auto;
  padding: 0 30px;
}
.carousel1 .card{
  border-radius: 10px;
  box-shadow: 0px 4px 15px rgba(0,0,0,0.2);
}
.card-1{
    padding-left: 30px !important;
    height:250px !important;
}
 .card-1 span{
font-size:11px;
color:rgb(196, 196, 196);
}
.owl-dots{
  text-align: center;
  margin-top: 40px;
}
.owl-dot{
  height: 15px;
  width: 15px;
  margin: 0 5px;
  outline: none;
  border-radius: 14px;
  border: 2px solid #eca303!important;
  box-shadow: 0px 4px 15px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
}
.owl-dot.active,
.owl-dot:hover{
  background:  #eca303!important;
}
.image4{
    width:40px !important;
    height:40px !important;
}
        .star{
            color: gold ;
        }     
        .goog{
            padding-left:150px!important;
            font-size:30px;
            background: -webkit-linear-gradient(red,gold,green,rgb(0, 140, 255));
            background-clip: text;
            -webkit-text-fill-color: transparent;
        }     
        .image5{
       width:100px;
       height:70px;
        }
        .footer{
            background-color:black;
            color:white;
        }
        .footer p{
   font-size:18px !important;
        }
        .footer1{
            background-color:rgb(29, 29, 29);
            margin-left:80px;
            position: relative;
            top:-90px;
            z-index: 5;
        }
       .footer1 i{
        margin-left:10px;
        font-size:20px;
        padding-left:13px !important;
        padding-right:13px !important;
       border-radius:50% !important;
       color: white;
       }
       .face{
        background-color: #f53100;
       }
    .insta{
        background-color: #13b7d4;
    }
    .you{
        background-color: #f18900;
    }
    .link{
        background-color:rgb(0, 0, 184);
    }
    .footer2 i{
        font-size:30px;
        color: #ff4800;
    }
    .footer a{
    text-decoration: underline !important;
    color :white;
    font-size:17px;
    }
  .list ul{
        list-style-type:none;
    }
    .list li{
        margin-top:18px !important;
    }
    .footer11{
        background-color:rgb(29, 29, 29);
        color:white;
        font-size:18px;
    }
    .footer21 ul li{
      display: inline-flex;
    }
    .footer21 a{ 
      color:rgb(151, 151, 151);
    }
    .footer21 a:hover{ 
      color:rgb(255, 255, 255) !important;
      text-decoration: underline !important;
    }
    .footer12 i{
    font-size: 40px;
    color: white;
    /* padding-top: 0px !important; */
    text-align: center !important;
    }
    .whatsapp{
        width:50px;
        height:50px;
        border-radius:10px;
        background-color:rgb(55, 202, 55);
        text-align: center !important;
    }
    .tele{
        background-color:rgb(8, 8, 165);
        width:50px;
        height:50px;
        border-radius:10px;
        text-align: center !important;
    }
    .footer12{
position:fixed;
bottom:30px;
/* left:20px; */
z-index:10;
    }
    @media screen and (max-width:992px) {
        .footer11 p{
           margin-left:10px !important;
        }
        ul{
            margin-left:25% !important;
        }
        .footer2 i{
            margin-left:20px !important;  
        }
        .footer2 h4{
            margin-left:20px !important;  
        }
        .footer1{
            margin-left:50px;
         
        }
        .list ul{
         margin-left:20px !important;
         padding-left:0px !important;
      }

    }
