:root{
  --color-first: #19013a;
  --color-second: #9400FF;
  --color-content: #373737;
  --color-black:#000;    
  --bg-light:#f6faff;
  --font-family-heading:'Nunito', sans-serif;
  --font-family-sub-heading: 'Nunito', sans-serif;
  --font-family-content:'Nunito', sans-serif;
  --shadow: 0 1px 2px 0 rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.13);
}
*, ::after, ::before{ box-sizing: border-box; }
* {
  margin: 0;
  padding: 0;
  font-family: 'Nunito', sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
  letter-spacing: 0.01em;
  line-height: 1.5;
  color: #000;
  text-transform: none;
}
a{ text-decoration: none; }
html {
  scroll-behavior: smooth;
  font-family: sans-serif;
}
.box-shadow{box-shadow: 0 1px 2px 0 rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.13);}
.lightBg{background-color: var(--bg-light);}
.button {
  position: relative;
  padding: 10px 32px;
  color: #ffffff;
  font-weight: 600;
  line-height: 1.571;
  text-transform: capitalize;
  text-align: center;
  z-index: 1;
  border-radius: 40px;
}
.button.btn-first{border-color: var(--color-first);}
.button.btn-second{border-color: var(--color-second);}
.button.btn-first,.bg-color-first,.button.btn-first{background-color: var(--color-first);}
.button.btn-second,.bg-color-second,.button.btn-second{background-color: var(--color-second);}
.button.btn-first.color-white:hover,.button.btn-second.color-white:hover,
.color-first,.color-first:hover{color: var(--color-first);}
.color-second,.color-second:hover{ color: var(--color-second); }
.button i,.button:hover { color: #fff; }
.button input[type="submit"] {
  color: #fff;
  border: 0;
  padding: 0;
  font-weight: 700;
  background: 0 0;
  text-transform: uppercase;
}
.button.whiteBg{background: transparent;border: 1px solid #fff;}
button.button:focus,button.btn:focus{
outline: 0 !important;
box-shadow: none !important;
border-color:none;    
}
ul li {list-style: none;}
.hideInMobile {display: block;}
.hideInWeb,.sideBar {display: none;}
.webContent .mainHeading {
  font-size:2.3rem;
  font-weight:700;
  line-height: 1.2;
  text-transform: capitalize;
  color:var(--color-first);
  margin-bottom: 5px;
  font-family: var(--font-family-heading);
}
.webContent .subHeading {
  font-size: 1.3rem;
  color: var(--color-second);
  letter-spacing: 0.5px;
  font-weight: 500;
  text-transform: capitalize;
}
.webContent.textWhite .mainHeading,.webContent.textWhite .subHeading,.webContent.textWhite p,
.webContent.textWhite .largeHeading,.webContent.textWhite .mediumHeading,.webContent.textWhite .smallHeading { color: #fff; }
.webContent p {
  font-weight: 400;
  color:#000;
  font-size: 1rem;
  line-height: 1.6;
  font-family:var(--font-family-content);
}
.webContent .line{
  position: relative;
  display: inline-block;
  width: 250px;
  height: 1px;
  border-bottom: 2px solid #dfdfdf;
  margin: 10px 0;
 } 
.webContent .line:after {
  position: absolute;
  content: '';
  left:0%;
  bottom: -2px;
  width: 40%;
  height: 3px;
  background-color: var(--color-second);
} 
.webContent .text-center .line:after { left:30%; } 
.webContent .bg-second.line:after,.webContent .bg-opacity-second.line:after{background-color: var(--color-first);}
.webContent .bg-first.line:after{background-color: var(--color-second);}
.webContent .largeHeading{font-size: 1.4rem;font-weight: 700;}
.webContent .mediumHeading{font-size: 1.2rem;font-weight: 700;}
.webContent .smallHeading{font-size: 1rem;font-weight: 700;}
input.form-control, select.form-select{ height: 45px; }
input.form-control,input.form-control:focus,select.form-select,select.form-select:focus,textarea.form-control,
textarea.form-control:focus {
outline: none;
box-shadow: none;
}
textarea.form-control {
  resize: none;
}
.wrapper {
  position: relative;
/*  overflow-x: hidden;*/
}
.displayFlex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.breadcrumb-item.active a{
  color:var(--color-second) !important;
  font-weight: 600;
}
.text-limit-1{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.text-limit-2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.text-limit-3{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.contentDetails h2,.contentDetails h3,.contentDetails h4,.contentDetails h5,.contentDetails h6,
.contentDetails h2 span,.contentDetails h3 span,.contentDetails h4 span,.contentDetails h5 span,
.contentDetails h6 span{
  line-height: 1.35;
  margin-top: 15px;
  text-transform: capitalize;
  color: var(--color-article-content);
  letter-spacing: 0px;
  font-family: var(--font-family-content);
  margin-bottom: 5px;
}
.contentDetails a,.contentDetails a strong,.contentDetails strong a{
  color: #00f;
  text-decoration: underline;
  font-size: 1.05rem;
}
.contentDetails strong a{font-weight: 600}
.contentDetails h2,.contentDetails h2 span{font-size: 1.7rem;font-weight: 800;}
.contentDetails h3,.contentDetails h3 span{font-size: 1.5rem;font-weight: 700;}
.contentDetails h4,.contentDetails h4 span{font-size: 1.3rem;font-weight: 600;}
.contentDetails h5,.contentDetails h5 span{font-size: 1.2rem;font-weight: 600;}
.contentDetails h6,.contentDetails h6 span{font-size: 1.1rem;font-weight: 600;}
.contentDetails p,.contentDetails p span,.contentDetails span p,.contentDetails p strong,
.contentDetails strong,.contentDetails span{
  color: var(--color-content);
  font-size: 1.05rem;
  line-height: 1.4;
  white-space: pre-line;
}
.contentDetails strong{font-weight: bold;}
.contentDetails span{
  display: inline-block;
  margin-bottom: 1rem;
}
.contentDetails img{max-width: 100%;height: auto;margin: 10px 0;display: block;}
.contentDetails ul{padding-left: 0px}
.contentDetails ul li{
  margin-bottom:5px;
  position: relative;
  padding-left:20px;
  font-weight: 500;
  font-size: 1.1rem;
  line-height: 1.7;
}
.contentDetails ul li:before{
  position: absolute;
  content: "\f101";
  font-family: 'FontAwesome';
  color: var(--color-second);
  width: 10px;
  height: 10px;
  font-size:1rem;
  font-weight: 500;
  left:0px;
  top:0px;
}
.contentDetails table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #e1060c;
  color: white;
}
.contentDetails table td,.contentDetails table th {
  border: 1px solid #ddd;
  padding: 8px;
}
.contentDetails a{text-decoration: none; color: var(--color-first);font-weight: 600}
/* ================= BANNER IMG ================*/  
  .bg-home { background-image: url(../img/banner/bg-home.jpg);}
  .bg-intro {
    display: flex;
    align-items: center;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
    padding-bottom: 20px;
    width: 100%;
  }
  .bg-intro .bannerContent .mainHeading,.bg-intro .bannerContent .subHeading,.bg-intro .bannerContent p{color: #fff;}
  .bg-intro .bannerContent .mainHeading{font-size: 3.5rem}
  .bg-intro .bannerContent p{
    font-size: 1.5rem;
    font-weight: 500;
  }
  .needList.contentDetails ul li:before{top:2px}
  .needList ul li{font-size: 1.1rem;font-weight: 700}
/* ================= HOME PAGE ================*/   
  /* ================= DOMAIN SECTION ================*/  
    .right-domain-name-block-content{padding:50px;padding-left: 300px;border-radius: 40px}
    .left-domain-name-block-content{padding: 50px;padding-right: 300px;border-radius: 40px}
    .domain-name-blocks{margin-bottom: 100px}
    .domain-name-blocks .domain-name-block-img{
      position: absolute;
      height: 100%;
      width: 38%;
      display: flex;
      justify-content: center;
      align-items: center;
      top: 10%;
      border-radius: 40px;
    }
    .left-domain-name-block-img{
      left: 0;
    }
    .right-domain-name-block-img{
      right: 0;
    }
    .domain-name-blocks .domain-name-block-img img,.iframe-styles {
      height: 100%;object-fit: cover;
    }
    .border-radius-40{border-radius: 40px;}
  /* ================= TESTIMONAIL ================*/   
    .testimonialSection{
      background-color: var(--bg-light);
      background-size:cover;
      background-repeat: repeat;
    }
    .testimonialSection .testimonialdetails{
      width: 100%;
      height: 400px;
      padding: 20px;
      padding-bottom: 10px;
      border:0.01px solid rgba(39,0,93, 0.3);
      position: relative;
      z-index: 3;
    }
    .testimonial-blocks{background: rgba(255, 255, 255, 0.6);}
    .testimonial-content{
      position: relative;
      z-index: 3;
    }
    .testimonial-heading{
      position: absolute;
      bottom: 5%;
      width: 100%;
      left: 0%;
      text-align: center;
    }
    .testimonialSection .testimonialdetails .mainHeading{font-size: 1.7rem}
    .testimonialSection .testimonialdetails .subHeading{font-size: 1.1rem}
    .quote-img{
      position: absolute;
      width: 150px;
      left: 50%;
      top:50%;
      transform: translate(-50%,-50%);
      z-index: 1;opacity: 0.4;
    }
    .quote-img img{width:100%;display: block;}
/* ================= VALUABLE DOMAIN NAME PAGE ================*/       
  .valuable-domain-names-list{column-count: 3;column-fill: balance;}
/* ================= EDUCATIONAL VIDEOS PAGE ================*/   
  .educational-videos-iframe{width: 100%;height: 350px;}
/* ================= ABOUT PAGE ================*/     
  @font-face {
    font-family: cursiveFont;
    src: url(../cursive-font/Cream-Cake.otf);
  }
  .cursiveFont{
    font-size: 4rem;
    font-family: cursiveFont;
  }
  .cursiveFont i{font-size: 1.5rem}
  .business-blocks i{font-size: 2rem; color: var(--color-second);margin-bottom: 15px}
