/* @media Query - for devices width up to 768px */
*,
*::before,
*::after{ box-sizing: border-box;}
* {margin: 0;}
*, *::before, *::after {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE/Edge */
  user-select: none;         /* Standard */
}
/* Removes any unwanted horizontal scrollbars from the entire website */
html, body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important; /* Disables side-to-side scrolling */
  position: relative !important;
  box-sizing: border-box !important;
}

/* Ensures all elements respect the screen boundaries */
*, *:before, *:after {
  box-sizing: border-box !important;
}


body  {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.8)), url(images/background.jpg);
  background-size: cover;

}

img { 
  max-width: 100%;

}


 body {
display: grid;
  max-width: 100%;
  min-height: 100vh;
  height: 100%;
  box-sizing: border-box;
min-width: 0;

  overflow: hidden;
 
}

/* hide scrollbar but allow scrolling */
body {
  -ms-overflow-style: none;
  /* for Internet Explorer, Edge */
  scrollbar-width: none;
  /* for Firefox */
  


}

/* Hides the scrollbar track across modern browsers (Chrome, Safari, Firefox, Edge) */
html, body {
  scrollbar-width: none !important; /* For Firefox */
  -ms-overflow-style: none !important;  /* For old Internet Explorer / Edge */
}

/* For Chrome, Safari, and Opera */
html::-webkit-scrollbar, 
body::-webkit-scrollbar,
*::-webkit-scrollbar {
  display: none !important; /* Removals the visual bar completely */
}

 body::-webkit-scrollbar {
  display: none;

  
}



/*Homepage container *****************************************************************************************/
  .Homepage-container { display: grid; 
      grid-template-columns: 50px minmax(7ch, 1fr) minmax(7ch, 1fr) minmax(9ch, 1.14fr) 50px;
       grid-template-areas: "header header header header header"
                            "A B B B...."
                            "A C C C...."
                            "A D D D...."
                            "A E E E...."
                            "A F F F...."
                            "A footer footer footer....";
   row-gap: 5em; 

top: 0;

grid-template-rows: auto;
justify-items: space-between;
align-items: center;
align-self: center;
max-width: 100%;

}

   
/*Web hosting menu-styling container *****************************************************************************************/
 .Homepage-container > div.menu-styling {
  grid-area: A;
  display: grid;
grid-column: 1;
align-items: center;
align-self: center;
}
  
/* .Homepage-container head container *****************************************************************************************/
 .Homepage-container > div.header {
  grid-area: header;
  text-align: center;
  align-self: center;
 display: grid;

  grid-column: 1 / 4;
 

}
/*End of Homepage-container content head container *****************************************************************************************/
/*Homepage-container-main-section *****************************************************************************************/

 .Homepage-container > .Homepage-container-main-section {
  grid-area: B;
  grid-template-areas: "A A A B";
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
color: #eee2e2;
margin: 2rem 0 0 0;

}



 .Homepage-container > .Homepage-container-main-section > .main-content{
  grid-area: A;
  padding: 2rem 11rem 0 0;
  grid-column: 1 / 3;    
  
}
 .Homepage-container > .mHomepage-container-main-section > .main-content-image {
  grid-area: B;
  grid-column: 3 / 4;
 
  
  
}
 .Homepage-container > .Homepage-container-main-section  > div.main-content-image img{
height: 86%;
width: 100%;
      
  
}

 /*End of Homepage main container*****************************************************************************************/
  .Homepage-container > .swipe-container {
    display: grid;
    grid-template-rows: subgrid;
    grid-column: 2 / 4;
    grid-area: C;
  
      
  
}
 /*End of Homepage main container*****************************************************************************************/
  /*Homepage-container Section*****************************************************************************************/
  
.Homepage-container > div.modern-digital-brand-benefits{
display: grid;
grid-area: D;
grid-template-columns: subgrid;
grid-template-areas: "A A A A"
                     "B B B B"
                     "C C C C";
column-gap: 7rem;
grid-column: 2 / 5;
row-gap: 1em;
padding-left: 0;
margin-left: 0;
 
}
 .Homepage-container > .modern-digital-brand-benefits > .modern-digital-brand-benefits-content-1-1{
     
      display: grid;
   grid-area: A;
   grid-template-areas: "A B B B";
    grid-template-columns: subgrid;
 grid-template-rows: subgrid;
  
}

.Homepage-container >  .modern-digital-brand-benefits > .modern-digital-brand-benefits-content-1-1 > .modern-digital-brand-benefits-sub-content-1 {
     grid-area: B;
      grid-column: 2 / 4;
      align-items: center;
      align-self: center;
      padding-left: 7rem;
    
}

.Homepage-container >  .modern-digital-brand-benefits > .modern-digital-brand-benefits-content-1-1 > .modern-digital-brand-benefits-sub-content-2 {
     grid-area: A;
      grid-column: 1 / 2;
       padding-left: 0;
      
}
.Homepage-container > .modern-digital-brand-benefits > .modern-digital-brand-benefits-content-1-1 > .modern-digital-brand-benefits-sub-content-2 img {
     height: 100%;
     width: 100%;

}

 .Homepage-container >  .modern-digital-brand-benefits > .modern-digital-brand-benefits-content-1-2{
     
   display: grid;
   grid-area: B;
   grid-template-areas: "B B B C";
   grid-template-columns: subgrid;
   grid-template-rows: subgrid;

}

.Homepage-container >  .modern-digital-brand-benefits > .modern-digital-brand-benefits-content-1-2 > .modern-digital-brand-benefits-sub-content-1 {
    grid-area: B;
    grid-column: 1 / 3;
  
    align-items: center;
    align-self: center;
   
}

.Homepage-container > .modern-digital-brand-benefits > .modern-digital-brand-benefits-content-1-2 > .modern-digital-brand-benefits-sub-content-2 {
     grid-area: C;
     grid-column: 3 / 4;
     background-color: #00FFFF;
     margin-left: 0;
}
.Homepage-container >  .modern-digital-brand-benefits > .modern-digital-brand-benefits-content-1-2 > .modern-digital-brand-benefits-sub-content-2 img{
     height: 100%;
     width: 100%;
}
#hero_images  {
width: 100%;
height: 100%;
max-width: 100%;
}

 .Homepage-container >  .modern-digital-brand-benefits >  .modern-digital-brand-benefits-content-1-3{  
   display: grid;
   grid-area: C;
   grid-template-areas: "A B B B";
   grid-template-columns: subgrid;
}

.Homepage-container >  .modern-digital-brand-benefits > .modern-digital-brand-benefits-content-1-3 > .modern-digital-brand-benefits-sub-content-1 {
      grid-area: B;
      grid-column: 2 / 4;
      align-items: center;
      align-self: center;
      padding-left: 6rem;
}

.Homepage-container >  .modern-digital-brand-benefits > .modern-digital-brand-benefits-content-1-3 > .modern-digital-brand-benefits-sub-content-2 {
      grid-area: A;
      grid-column: 1 / 2;   
}

   
 /*End ofmodern-digital-brand-benefits Section*****************************************************************************************/
  /*plan-A-B-C Section*****************************************************************************************/
.Homepage-container >  #plan-A-B-C {
     display: grid;
     grid-area: E;
     grid-column: repeat(4, minmax(40rem, 4fr));
}
/*End of plan-A-B-C Section*****************************************************************************************/
/*Mission Section*****************************************************************************************/
 .Homepage-container > .Mission-section { 
   display: grid;
   grid-area: F;
   grid-template-areas: "A B B B";
   grid-template-columns: subgrid;
   grid-template-rows: subgrid;
   grid-column: 2 / 5;
   row-gap: 1em;
}

.Homepage-container >  .Mission-section > .Mission-section-content-1 {
grid-area: B;
grid-column: 2 / 4;
padding: 0.5rem 0 0 13rem;
align-self: center;   
}

.Homepage-container >  .Mission-section > .Mission-section-content-2 {
grid-area: A;
grid-column: 1 / 2;     
padding: 0 0rem 0 0;
}
.Homepage-container > .Mission-section > .Mission-section-content-2 img{
height: 100%;
width: 100%;
}
/*End of Mission Section*****************************************************************************************/
/*Homepage-container Footer Section*****************************************************************************************/
.Homepage-container > #footer_style {
  display: grid;
  grid-template-columns: subgrid 1 / 4;
  grid-template-rows: subgrid;
  grid-area: footer;
  align-items: center;
  align-self: stretch;
  grid-column: 2 / 5;
  text-align: center;

}
 .Homepage-container > .footer > .div#Footer_logo { 
align-items: center;
}

/*End of  .Homepage-container Footer Section*****************************************************************************************/
/* Contact Us container  *****************************************************************************************/
.cont-us-container { display: grid; 
       grid-template-columns: 50px minmax(7ch, 2fr)  minmax(7ch, 1.14fr) 50px;
       grid-template-areas:
       "header header header header"
       "A B B...."
       "menu-styling footer footer footer";
       row-gap: 5em; 

       top: 0;
       row-gap: 35px;
       justify-items: space-between;
       box-sizing: border-box;
}
.cont-us-container > div.header {
  grid-area: header;
  grid-column: 1 / 4;
}

.cont-us-container > .contact-us-content-main{
  grid-area: B;
  display: grid;
  grid-template-areas: "A B";
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
  padding-top: 5em;
}
.cont-us-container > .contact-us-content-main > div.content-main {
    grid-area: A;
    padding-right: 11rem; 
    grid-column: 1 / 2;
    color: #eee2e2;


}

.cont-us-container > .contact-us-content-main > .image-st {
           grid-area: B;
           grid-column: 2 / 3;
           background-color: rgba(255, 255, 255, 0.8);
           align-items: stretch;
           object-fit: cover;
      

         
}
.cont-us-container > .contact-us-content-main >  .image-st img { max-width: 100%;  height: 100%;}
/* End of cont-us-container  *****************************************************************************************/
/*Web builder container *****************************************************************************************/
  .container { 
       display: grid; 
       grid-template-columns: 50px minmax(7ch,  2fr)  minmax(9ch, 1.14fr) 50px;
       grid-template-areas: "header header header header"
                            "A B B...."
                            "A C C...."
                            "A D D...."
                            "A E E...."
                            "A F F...."
                            "A G G...."
                            "A H H...."
                            "A I I...."
                            "A J J...."
                            "A K K...."
                            "A L L...."
                            "A M M...."
                            "A N N...."
                            "A footer footer....";

row-gap: 5em; 
top: 0;
justify-items: space-between;
max-width: 100%;
}
/*Web builder content head container *****************************************************************************************/
.container > .main-header {
  grid-area: header;
  text-align: center;
  align-self: center;
  display: grid;
  grid-column: 1 / 4;
}
/*End of Web builder content head container *****************************************************************************************/
/*Web builder menu-styling container *****************************************************************************************/
.container > .menu-styling {
  display: grid;
  grid-area: A;
}
  
/*Web builder content head container *****************************************************************************************/
/*Web builder main content container *****************************************************************************************/


.container > .web-builder-content-main{
  display: grid;
  grid-area: B;
  grid-template-areas: "A B";
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
  color: #eee2e2;
  padding-top: 3rem;


}

.container > .web-builder-content-main > div.content-main {
    grid-area: A;
    grid-column: 1 / 2;
    color: #eee2e2;
    padding: 1.5rem 11rem 0 0;
}

.container > .web-builder-content-main > .image-st {
  grid-area: B;
  grid-column: 2 / 3; 
  align-self: stretch;   
  align-items: stretch;   
  
}

.container > .web-builder-content-main > .image-st img {
 height: 100%; 

  
}
/*Web builder definition content container *****************************************************************************************/
.container > .Web-builder-definition{
  display: grid;
  grid-area: C;
  grid-column: 2 / 4;

}

/* Web builder reason content container *****************************************************************************************/

.container > .web-builder-reaon-table {
  display: grid;
  grid-area: D;
  grid-template-areas: "A B";
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
  color: #eee2e2;
}


.container > .web-builder-reaon-table > .web-builder-reaon-table-content-1 {
  grid-area: A;
  padding-right: 2rem;
  grid-column: 1 / 2;
  color: #eee2e2;

}
/* Web builder table of content container *****************************************************************************************/
.container > .web-builder-reaon-table > div.web-builder-reaon-table-content-2 {
  grid-area: B;
  padding-left: 9rem;    
  grid-column: 2 / 3;
          
}
.container > .web-builder-reaon-table > .web-builder-reaon-table-content-2 > #website-web-builder-toc {
    width: 100%;
    height: fit-content;
    padding-top: 0;
    border-collapse: collapse;
    padding-left: 9rem;
    background-color: #c1d0d0;
  /* Make the table content scrollable *****************************************************************************************/
  overflow-y: auto; 
  /* Set a fixed height to show only 3 rows initially */
  height: calc(48px * 3); /* Adjust 48px based on your row height */
}


.container > .types-web-builder1 img {  width: 100%;
  height: auto;
  aspect-ratio: 1280 / 430;
 }

/*types of Web builder subgrid content container *****************************************************************************************/
 .container >  div.types-web-builder1{
    display: grid;
    grid-area: E;
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;
}
/*DIY Web builder content container *****************************************************************************************/

.container > .types-web-builder1 > .web-b-title{
     grid-row: 1;
      grid-column: 1 / 4;
}


.container > .types-web-builder1 > div.web-b-content{
     grid-row: 3;
      grid-column: 1 / 3;
}

.container > .types-web-builder1 > div.web-b-image{
     grid-row: 2;
     grid-column: 1 / 3;
     padding: 0;
}

.types-web-builder1 > .web-b-content > .unordered-list-style > li { list-style-type: square;} 

.container > .types-web-builder1 > .web-b-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*E-com web builder Section*****************************************************************************************/
 

.container > .types-web-builder1 > div.E-com-web-builder-title{
     grid-row: 4;
      grid-column: 1 / 3;
}

.container > .types-web-builder1 > div.E-com-web-builder-content{
     grid-row: 5;
      grid-column: 1 / 3;

}
 .container > .types-web-builder1 > .E-com-web-builder-content > .unordered-list-style  li { list-style-type: square; } 
 .container > .types-web-builder1 > .E-com-web-builder-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
    /*End of E-com-web-builder Section*****************************************************************************************/

  /*AI Powered Web Builder Section*****************************************************************************************/
 

 .container > div.types-web-builder1 > .AI-web-builder-title{
     grid-row: 6;
      grid-column: 1 / 3;
}


.container > .types-web-builder1 > div.AI-web-builder-content{
     grid-row: 8;
      grid-column: 1 / 3;
}

.container > .types-web-builder1 > div.AI-web-builder-image{
      grid-row: 7;
      grid-column: 1 / 3;
      padding: 0;
}
.container > .types-web-builder1 > .AI-web-builder img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }

 .container > .types-web-builder1 > .AI-web-builder-content > .unordered-list-style  li { list-style-type: square; } 

 .container > .types-web-builder1 > div.AI-web-builder-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
    font-size: 14.5px; line-height: 26px;
    text-size-adjust: 14px;
  
 }
    /*End of AI Powered Web Builder Section*****************************************************************************************/
  /*Specialized-web-builder Section*****************************************************************************************/
 .container > .types-web-builder1 > .Specialized-web-builder-title{
     grid-row: 9;
      grid-column: 1 / 3;
}


.container > .types-web-builder1 > div.Specialized-web-builder-content{
     grid-row: 10;
     grid-column: 1 / 3;
}
 .container > .types-web-builder1 > .Specialized-web-builder-content > .unordered-list-style  li { list-style-type: square; } 
 .container > .types-web-builder1 > div.Specialized-web-builder-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
 }
    /*End of Specialized-web-builder Web Builder Section*****************************************************************************************/
     /*Web-Builder-Essential-Feature Section*****************************************************************************************/
.container > div.Web-Builder-Essential-Feature{
    display: grid;
    grid-area: F;
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;
}

 

 .container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-title-1{
     grid-row: 1;
     grid-column: 1 / 3;
}


.container > .Web-Builder-Essential-Feature > div.Web-Builder-Essential-Feature-content-1{
     grid-row: 3;
      grid-column: 1 / 3;
}


.container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-image-1{
     grid-row: 2;
      grid-column: 1 / 3;

}

.container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-image-1 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }

 .container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-title-2{
     grid-row: 4;
      grid-column: 1 / 3;
}


.container > .Web-Builder-Essential-Feature > div.Web-Builder-Essential-Feature-content-2{
     grid-row: 5;
      grid-column: 1 / 3;
}

 .container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-title-3{
     grid-row: 6;
      grid-column: 1 / 3;
}


.container > .Web-Builder-Essential-Feature > div.Web-Builder-Essential-Feature-content-3{
     grid-row: 7;
      grid-column: 1 / 3;
}

 .container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-title-4{
     grid-row: 8;
      grid-column: 1 / 3;
}


.container > .Web-Builder-Essential-Feature > div.Web-Builder-Essential-Feature-content-4{
     grid-row: 9;
      grid-column: 1 / 3;
}

 .container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-title-5{
     grid-row: 10;
      grid-column: 1 / 3;
}


.container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-content-5{
     grid-row: 12;
      grid-column: 1 / 3;
}


.container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-image-2{
     grid-row: 11;
      grid-column: 1 / 3;
}

.container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-image-2 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
 .container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-title-6{
     grid-row: 13;
      grid-column: 1 / 3;
}


.container > .Web-Builder-Essential-Feature > div.Web-Builder-Essential-Feature-content-6{
     grid-row: 14;
      grid-column: 1 / 3;
}
 .container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-title-7{
     grid-row: 15;
      grid-column: 1 / 3;
}


.container > .Web-Builder-Essential-Feature > div.Web-Builder-Essential-Feature-content-7{
     grid-row: 16;
      grid-column: 1 / 3;
}

 .container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-title-8{
     grid-row: 17;
      grid-column: 1 / 3;
}


.container > .Web-Builder-Essential-Feature > div.Web-Builder-Essential-Feature-content-8{
     grid-row: 19;
      grid-column: 1 / 3;
}
.container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-image-3{
     grid-row: 18;
      grid-column: 1 / 3;
}
.container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-image-3 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
 .container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-title-9{
     grid-row: 20;
     grid-column: 1 / 3;
}


.container > .Web-Builder-Essential-Feature > div.Web-Builder-Essential-Feature-content-9{
     grid-row: 21;
      grid-column: 1 / 3;
}
 .container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-title-10{
     grid-row: 22;
      grid-column: 1 / 3;
}


.container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-content-10{
     grid-row: 23;
      grid-column: 1 / 3;
}



 .unordered-list-style  li { list-style-type: square; } 

  .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
 
    /*End of Web-Builder-Essential-Feature Section*****************************************************************************************/
        /*comprison  Section*****************************************************************************************/
.container > .Comparisons-section {
    display: grid;
    grid-area: G;
    grid-template-rows: subgrid;
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
  
    row-gap: 1em;

}


   
.container > .Comparisons-section > .comparison-table-container{
  display: grid;
  grid-column: 1 / 4;
  align-items: center;
  align-self: center;
width: 100%;


}

  /*End of comparison Section*****************************************************************************************/
  /*Choosing-the-Right-Website-Builder Section*****************************************************************************************/
  
.container > .Choosing-the-Right-Website-Builder{
    display: grid;
    grid-area: H;
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;

 
}
 .container > .Choosing-the-Right-Website-Builder > .Choosing-the-Right-Website-Builder-title{
     grid-row: 1;
     grid-column: 1 / 3;
    
}


.container > .Choosing-the-Right-Website-Builder > .Choosing-the-Right-Website-Builder-content{
     grid-row: 3;
     grid-column: 1 / 3;

}
.container > .Choosing-the-Right-Website-Builder > .Choosing-the-Right-Website-Builder-image { 
   grid-row: 2;
   grid-column: 1 / 3;

}
.container > .Choosing-the-Right-Website-Builder > .Choosing-the-Right-Website-Builder-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
      
 /*End of Choosing-the-Right-Website-Builder Section*****************************************************************************************/
   /*Success-Stories-web-builder Section*****************************************************************************************/
  
.container > div.Success-Stories-web-builder{
    display: grid;
    grid-area: I;
   
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;

 
}
 .container > .Success-Stories-web-builder > .Success-Stories-web-builder-title-1{
      grid-row: 1;
      grid-column: 1 / 3;
}


.container > .Success-Stories-web-builder > .Success-Stories-web-builder-content-1{
      grid-row: 3;
      grid-column: 1 / 3;
}
.container > .Success-Stories-web-builder > .Success-Stories-web-builder-image-1 { 
     grid-row: 2;
     grid-column: 1 / 3;

}
.container > .Success-Stories-web-builder > .Success-Stories-web-builder-image-1 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
   

 .container > .Success-Stories-web-builder > .Success-Stories-web-builder-title-2{
     grid-row: 4;
     grid-column: 1 / 3;
    
}


.container > .Success-Stories-web-builder > .Success-Stories-web-builder-content-2{
     grid-row: 6;
     grid-column: span 3;

}
.container > .Success-Stories-web-builder > .Success-Stories-web-builder-image-2 { 
      grid-row: 5;
      grid-column: 1 / 3;
}
.container > .Success-Stories-web-builder > .Success-Stories-web-builder-image-2 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
   

 .container > .Success-Stories-web-builder > .Success-Stories-web-builder-title-3{
      grid-row: 7;
      grid-column: 1 / 3; 
}


.container > .Success-Stories-web-builder > .Success-Stories-web-builder-content-3{
      grid-row: 9;
      grid-column: 1 / 3;
}
.container > .Success-Stories-web-builder > .Success-Stories-web-builder-image-3 { 
      grid-row: 8;
      grid-column: 1 / 3;
}
.container > .Success-Stories-web-builder > .Success-Stories-web-builder-image-3 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
   
 /*Common-mistakes-Section Section*****************************************************************************************/
 .container > .Common-mistakes-Section{
  display: grid;
     grid-area: J;
     grid-template-areas: "A B";
     grid-template-columns: subgrid;
     grid-template-rows: subgrid;
}
.container > .Common-mistakes-Section > .Common-mistakes-Section-1{
      grid-area: A;
      grid-column: 1 / 2;
      padding-right: 5rem;
}
.container > .Common-mistakes-Section > .Common-mistakes-Section-2{
      grid-area: B;
      grid-column: 2 / 3;
      padding-left: 9rem;
}
.container > .Common-mistakes-Section > #website-builders-toc {
  width: 70%;
  height: 100%;
  border-collapse: collapse;
  margin-top: 15px;
  background-color: #c1d0d0;
  /* Make the table content scrollable *****************************************************************************************/
  overflow-y: auto; 
  /* Set a fixed height to show only 3 rows initially */
  height: calc(48px * 3); /* Adjust 48px based on your row height */
}
 /*End of  Common-mistakes-Section Section*****************************************************************************************/
/*End of FAQs-web-builder Section*****************************************************************************************/

.container > div.FAQs-web-builder {
    display: grid;
    grid-area: K;
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;
}
 .container > .FAQs-web-builder > .FAQs-web-builder-title{
     grid-row: 1;
      grid-column: 1 / 3;  
}
.container > .FAQs-web-builder > .FAQs-web-builder-content{
     grid-row: 3;
      grid-column: 1 / 3;
}
.container > .FAQs-web-builder > .FAQs-web-builder-image { 
   grid-row: 2;
      grid-column: 1 / 3;
}
.container > .FAQs-web-builder > .FAQs-web-builder-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
    
/*Web-builder-conclusion Section*****************************************************************************************/
.container > div.Web-builder-conclusion {
    display: grid;
    grid-area: L;
    grid-column: 2 / 4;
    row-gap: 1em;
}
/*End of Web-builder-conclusion Section*****************************************************************************************/
/*Web-Builder-Take-Action-Now nSection*****************************************************************************************/
.container > div.Web-Builder-Take-Action-Now {
    display: grid;
    grid-area: M;
    grid-column: 2 / 4;
    row-gap: 1em;
}
/*End of Web-Builder-Take-Action-Now Section*****************************************************************************************/
/*Web-Builder-Further-Reading Section*****************************************************************************************/

.container > div.Web-Builder-Further-Reading {
    display: grid;
    grid-area: N;
    grid-column: 2 / 4;
    row-gap: 1em;
}
/*End of Web-Builder-Further-Reading Section*****************************************************************************************/
/* Web-Builder Footer Section*****************************************************************************************/
 .container > div.footer {
  grid-area: footer;
  align-items: center;
  align-self: center;
  display: grid;
  grid-column: 2 / 4;
  text-align: center;
  gap: 7px;
}
 .container > .footer > .div#Footer_logo { 
align-items: center;
}

/*End of Web-Builder Footer Section*****************************************************************************************/


/*Web hosting container *****************************************************************************************/
  .web-hosting-container { display: grid; 
       grid-template-columns: 50px minmax(7ch, 2fr) minmax(9ch, 1.14fr)50px;
       grid-template-areas: "header header header header"
                            "A B B...."
                            "A C C...."
                            "A D D...."
                            "A E E...."
                            "A F F...."
                            "A G G...."
                            "A H H...."
                            "A I I...."
                            "A J J...."
                            "A K K...."
                            "A L L...."
                            "A M M...."
                            "A N N...."
                            "A O O...."
                            "A P P...."
                            "A Q Q...."
                            "A R R...."
                            "A S S...."
                            "A T T...."
                            "A footer footer....";
       row-gap: 5em; 
       top: 0;
       grid-template-rows: auto;
       justify-items: space-between;
       align-items: center;
       align-self: center;
       max-width: 100%;
}
/*Web builder menu-styling container *****************************************************************************************/
.web-hosting-container > div.menu-styling {
  grid-area: A;
  grid-column: 1;
  align-items: center;
  align-self: center;
}
  
/*Web builder content head container *****************************************************************************************/
.web-hosting-container > div.header {
  grid-area: header;
  text-align: center;
  align-self: center;
  grid-column: 1 / 4;
}
/*End of Web builder content head container *****************************************************************************************/
/*Web builder main content container *****************************************************************************************/

.web-hosting-container > .web-hosting-content-main {
  grid-area: B;
  grid-template-areas: "A B";
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
  color: #eee2e2;
  padding-top: 3rem;
}
.web-hosting-container > .web-hosting-content-main > .content-main{
  grid-area: A;
  padding: 2rem 11rem 0 0;
  grid-column: 1 / 2; 
}
.web-hosting-container > .web-hosting-content-main > div.web-hosting-container-image {
  grid-area: B;
   grid-column: 2 / 3;
}
.web-hosting-container > .web-hosting-content-main > div.web-hosting-container-image img{
height: 100%;
  
      
  
}
 /**End of  Common-mistakes-Section Section*****************************************************************************************/
 .web-hosting-container > .web-hosting-common-mistakes-content-section{
     grid-area: C;
     grid-template-areas: "A B";
     display: grid;
     grid-template-columns: subgrid;
     grid-template-rows: subgrid;
}
    
 .web-hosting-container > .web-hosting-common-mistakes-content-section > .web-hosting-common-mistakes-content-container{
      grid-area: A;
      grid-column: 1 / 2;
}

 .web-hosting-container > .web-hosting-common-mistakes-content-section > .web-hosting-common-mistakes-table-container{
      grid-area: B;
      padding-left: 0;
      grid-column: 2 / 3;
      padding-left: 9rem;
      padding-right: 0;
}

.web-hosting-container > .web-hosting-common-mistakes-content-section > .web-hosting-common-mistakes-table-container table  {
  width: 100%;
  height: fit-content;
  padding-top: 0;
  border-collapse: collapse;
  padding-left: 19rem;
 /* Make the table content scrollable *****************************************************************************************/
  overflow-y: none; 
  /* Set a fixed height to show only 3 rows initially */
/* Adjust 48px based on your row height */
}
.web-hosting-container > .web-hosting-common-mistakes-content-section > .web-hosting-common-mistakes-table-container > #website-web-host-toc  { background-color: #ecf2f2; margin-top: 0cap; align-items: self-start; align-self: stretc;}
  /*End of FAQs-web-builder Section*****************************************************************************************/
.web-hosting-container > .Why-You-Need-Web-Hosting-domains-image img {  width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
/*Why-You-Need-Web-Hosting-domains content container *****************************************************************************************/
 .web-hosting-container >  .Why-You-Need-Web-Hosting-domain{
    display: grid;
    grid-area: D;
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;
}
.web-hosting-container > .Why-You-Need-Web-Hosting-domain > .Why-You-Need-Web-Hosting-domain-title{
      grid-row: 1;
      grid-column: 1 / 3;
}

.web-hosting-container > .Why-You-Need-Web-Hosting-domain > div.Why-You-Need-Web-Hosting-domain-content{
      grid-row: 3;
      grid-column: 1 / 3;
}
.web-hosting-container > .Why-You-Need-Web-Hosting-domain > .Why-You-Need-Web-Hosting-domain-image{
     grid-row: 2;
     grid-column: 1 / 3;
     padding: 0;
}
.web-hosting-container > .Why-You-Need-Web-Hosting-domain > .Why-You-Need-Web-Hosting-domain-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }

.web-hosting-container > .Why-You-Need-Web-Hosting-domain > .Why-You-Need-Web-Hosting-domain-content > .unordered-list-style > li { list-style-type: square;} 

.web-hosting-container > .Why-You-Need-Web-Hosting-domain > .Why-You-Need-Web-Hosting-domain-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
 }
/* End of content container *****************************************************************************************/
/*Types-of-Web-Hosting content container *****************************************************************************************/
 .web-hosting-container > .Types-of-Web-Hosting{
    display: grid;
    grid-area: E;
    grid-template-columns: subgrid;
    row-gap: 1em;

 
}
/*DIY Web builder content container *****************************************************************************************/

.web-hosting-container > .Types-of-Web-Hosting > .Types-of-Web-Hosting-title{
     grid-row: 1;
      grid-column: 1 / 3;
 
}


.web-hosting-container > .Types-of-Web-Hosting > .Types-of-Web-Hosting-content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.web-hosting-container > .Types-of-Web-Hosting > .Types-of-Web-Hosting-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.web-hosting-container > .Types-of-Web-Hosting > .Types-of-Web-Hosting-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.web-hosting-container > .Types-of-Web-Hosting > .Types-of-Web-Hosting-content > .unordered-list-style > li { list-style-type: square;} 

.web-hosting-container > .Types-of-Web-Hosting > .Types-of-Web-Hosting-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Types-of-Web-Hosting Section*****************************************************************************************/
/*.Domain-Name-Options container *****************************************************************************************/
 .web-hosting-container > .Domain-Name-Options{
    display: grid;
   grid-area: F;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*.Domain-Name-Options container *****************************************************************************************/

.web-hosting-container > .Domain-Name-Options > .Domain-Name-Options-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.web-hosting-container > .Domain-Name-Options > .Domain-Name-Options-content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.web-hosting-container > .Domain-Name-Options > .Domain-Name-Options-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.web-hosting-container > .Domain-Name-Options > .Domain-Name-Options-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.web-hosting-container > .Domain-Name-Options > .Domain-Name-Options-content > .unordered-list-style > li { list-style-type: square;} 

.web-hosting-container > .Domain-Name-Options > .Domain-Name-Options-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Domain-Name-Options Section*****************************************************************************************/
/*Keyword-Research-for-Domain-Names container *****************************************************************************************/
 .web-hosting-container > .Keyword-Research-for-Domain-Names{
    display: grid;
   grid-area: G;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*.Domain-Name-Options container *****************************************************************************************/

.web-hosting-container > .Keyword-Research-for-Domain-Names > .Keyword-Research-for-Domain-Names-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.web-hosting-container > .Keyword-Research-for-Domain-Names > .Keyword-Research-for-Domain-Names-content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.web-hosting-container > .Keyword-Research-for-Domain-Names > .Keyword-Research-for-Domain-Names-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.web-hosting-container > .Keyword-Research-for-Domain-Names > .Keyword-Research-for-Domain-Names-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.web-hosting-container > .Keyword-Research-for-Domain-Names > .Keyword-Research-for-Domain-Names-content > .unordered-list-style > li { list-style-type: square;} 

.web-hosting-container > .Keyword-Research-for-Domain-Names > .Keyword-Research-for-Domain-Names-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Keyword-Research-for-Domain-Names Section*****************************************************************************************/ 
/*Essential-Features-of-Web-Hosting-domains container *****************************************************************************************/
 .web-hosting-container > .Essential-Features-of-Web-Hosting-domains{
    display: grid;
   grid-area: H;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*Essential-Features-of-Web-Hosting-domains container *****************************************************************************************/

.web-hosting-container > .Essential-Features-of-Web-Hosting-domains > .Essential-Features-of-Web-Hosting-domains-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.web-hosting-container > .Essential-Features-of-Web-Hosting-domains > .Essential-Features-of-Web-Hosting-domains-content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.web-hosting-container > .Essential-Features-of-Web-Hosting-domains > .Essential-Features-of-Web-Hosting-domains-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.web-hosting-container > .Essential-Features-of-Web-Hosting-domains > .Essential-Features-of-Web-Hosting-domains-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.web-hosting-container > .Essential-Features-of-Web-Hosting-domains > .Essential-Features-of-Web-Hosting-domains-content > .unordered-list-style > li { list-style-type: square;} 

.web-hosting-container > .Essential-Features-of-Web-Hosting-domains > .Essential-Features-of-Web-Hosting-domains-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Essential-Features-of-Web-Hosting-domains Section*****************************************************************************************/ 

  /* Web Hosting comprison  Section*****************************************************************************************/
   .web-hosting-container > .Comparisons-section {
     grid-template-areas: "A A";
    display: grid;
   grid-area: I;
   grid-template-rows: subgrid;
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;
}

 

.web-hosting-container > .Comparisons-section > .comparison-table-container {
      
      grid-area: A;
      grid-template-columns: subgrid;
      grid-column: 1 / 3;
      align-self: stretch;
      align-items: center;
      align-content: center;
      width: 100%;


}

  /*End of Web Hosting comparison Section*****************************************************************************************/
/*Deep-Dive-into-Top-web-hosting-Providers container *****************************************************************************************/
 .web-hosting-container > .Deep-Dive-into-Top-web-hosting-Providers{
    display: grid;
   grid-area: J;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*Deep-Dive-into-Top-web-hosting-Providers container *****************************************************************************************/

.web-hosting-container > .Deep-Dive-into-Top-web-hosting-Providers > .Deep-Dive-into-Top-web-hosting-Providers-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.web-hosting-container > .Deep-Dive-into-Top-web-hosting-Providers > .Deep-Dive-into-Top-web-hosting-Providers-content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.web-hosting-container > .Deep-Dive-into-Top-web-hosting-Providers > .Deep-Dive-into-Top-web-hosting-Providers-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.web-hosting-container > .Deep-Dive-into-Top-web-hosting-Providers > .Deep-Dive-into-Top-web-hosting-Providers-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.web-hosting-container > .Deep-Dive-into-Top-web-hosting-Providers > .Deep-Dive-into-Top-web-hosting-Providers-content > .unordered-list-style > li { list-style-type: square;} 

.web-hosting-container > .Deep-Dive-into-Top-web-hosting-Providers > .Deep-Dive-into-Top-web-hosting-Providers-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /* End of Deep-Dive-into-Top-web-hosting-Providers Section*****************************************************************************************/ 
/*Choosing-the-Right-Web-Hosting-Domains container *****************************************************************************************/
 .web-hosting-container > .Choosing-the-Right-Web-Hosting-Domains{
    display: grid;
   grid-area: K;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*Choosing-the-Right-Web-Hosting-Domains container *****************************************************************************************/

.web-hosting-container > .Choosing-the-Right-Web-Hosting-Domains > .Choosing-the-Right-Web-Hosting-Domains-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.web-hosting-container > .Choosing-the-Right-Web-Hosting-Domains > .Choosing-the-Right-Web-Hosting-Domains-content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.web-hosting-container > .Choosing-the-Right-Web-Hosting-Domains > .Choosing-the-Right-Web-Hosting-Domains-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.web-hosting-container > .Choosing-the-Right-Web-Hosting-Domains > .Choosing-the-Right-Web-Hosting-Domains-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.web-hosting-container > .Choosing-the-Right-Web-Hosting-Domains > .Choosing-the-Right-Web-Hosting-Domains-content > .unordered-list-style > li { list-style-type: square;} 

.web-hosting-container > .Choosing-the-Right-Web-Hosting-Domains > .Choosing-the-Right-Web-Hosting-Domains-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Choosing-the-Right-Web-Hosting-Domains Section*****************************************************************************************/ 
 /* Addressing-Common-web-hosting-Concerns container *****************************************************************************************/
 .web-hosting-container > .Addressing-Common-web-hosting-Concerns{
    display: grid;
   grid-area:  L;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/* Addressing-Common-web-hosting-Concernss container *****************************************************************************************/

.web-hosting-container > .Addressing-Common-web-hosting-Concerns > .Addressing-Common-web-hosting-Concerns-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.web-hosting-container > .Addressing-Common-web-hosting-Concerns  > .Addressing-Common-web-hosting-Concerns-content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.web-hosting-container > .Addressing-Common-web-hosting-Concerns  > .Addressing-Common-web-hosting-Concerns-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.web-hosting-container > .Addressing-Common-web-hosting-Concerns > .Addressing-Common-web-hosting-Concerns-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.web-hosting-container > .Addressing-Common-web-hosting-Concerns > .Addressing-Common-web-hosting-Concerns-content > .unordered-list-style > li { list-style-type: square;} 

.web-hosting-container > .Addressing-Common-web-hosting-Concerns > .Addressing-Common-web-hosting-Concerns-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Choosing-the-Right-Web-Hosting-Domains Section*****************************************************************************************/ 
  /*Website-Security container *****************************************************************************************/
 .web-hosting-container > .Website-Security{
    display: grid;
   grid-area: M;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*.Website-Security container *****************************************************************************************/

.web-hosting-container > .Website-Security > .Website-Security-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.web-hosting-container > .Website-Security > .Website-Security-content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.web-hosting-container > .Website-Security  > .Website-Security-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.web-hosting-container > .Website-Security > .Website-Security-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.web-hosting-container > .Website-Security > .Website-Security-content > .unordered-list-style > li { list-style-type: square;} 

.web-hosting-container > .Website-Security > .Website-Security-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Website-Security Section*****************************************************************************************/ 
  /*Website-Security container *****************************************************************************************/
 .web-hosting-container > .DNS-Management{
    display: grid;
   grid-area: N;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
  /*DNS-Managemen Section*****************************************************************************************/ 

.web-hosting-container > .DNS-Management > .DNS-Management-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.web-hosting-container > .DNS-Management > .DNS-Management-content{
     grid-row: 2;
      grid-column: 1 / 3;

}
  /*End of DNS-Managemen Section*****************************************************************************************/ 
   /*web-hosting-success-stories Section1*****************************************************************************************/
  
     .web-hosting-container > div.web-hosting-success-stories{
    display: grid;
   grid-area: O;
   
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;

 
}
 .web-hosting-container > .web-hosting-success-stories > .web-hosting-success-stories-title-1{
     grid-row: 1;
      grid-column: 1 / 3;
    
}


.web-hosting-container > .web-hosting-success-stories > .web-hosting-success-stories-content-1{
     grid-row: 3;
      grid-column: 1 / 3;

}
.web-hosting-container > .web-hosting-success-stories > .web-hosting-success-stories-image-1 { 
   grid-row: 2;
      grid-column: 1 / 3;

}
.web-hosting-container > .web-hosting-success-stories > .web-hosting-success-stories-image-1 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
   

 .web-hosting-container > .web-hosting-success-stories > .web-hosting-success-stories-title-2{
     grid-row: 4;
      grid-column: 1 / 3;
    
}


.web-hosting-container > .web-hosting-success-stories > .web-hosting-success-stories-content-2{
     grid-row: 6;
      grid-column: 1 / 3;

}
.web-hosting-container > .web-hosting-success-stories > .web-hosting-success-stories-image-2 { 
   grid-row: 5;
      grid-column: 1 / 3;

}
.web-hosting-container > .web-hosting-success-stories > .web-hosting-success-stories-image-2 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
   

 .web-hosting-container > .web-hosting-success-stories > .web-hosting-success-stories-title-3{
     grid-row: 7;
      grid-column: 1 / 3;
    
}


.web-hosting-container > .web-hosting-success-stories > .web-hosting-success-stories-content-3{
     grid-row: 9;
      grid-column: 1 / 3;

}
.web-hosting-container > .web-hosting-success-stories > .web-hosting-success-stories-image-3 { 
   grid-row: 8;
      grid-column: 1 / 3;

}
.web-hosting-container > .web-hosting-success-stories > .web-hosting-success-stories-image-3 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
   
 /**End of  Common-mistakes-Section Section*****************************************************************************************/
 .web-hosting-container > .web-hosting-common-mistakes-content{
      grid-area: P;
     grid-template-areas:  "A B";
   
     display: grid;
     grid-template-columns: subgrid;
     grid-template-rows: subgrid;
}
    
 .web-hosting-container > .web-hosting-common-mistakes-content > .web-hosting-common-mistakes-content-container-1{
      grid-area: A;
      grid-column: 1 / 2;


}

 .web-hosting-container > .web-hosting-common-mistakes-content > .web-hosting-common-mistakes-content-container-2{
      grid-area: B;
      padding-left: 0;
      grid-column: 2 / 3;
 padding-left: 9rem;
padding-right: 0;
}

.web-hosting-container > .web-hosting-common-mistakes-content > .web-hosting-common-mistakes-content-container-2 table  {
  width: 100%;
  height: fit-content;
 padding-top: 0;
  border-collapse: collapse;
 padding-left: 19rem;
  
 /* Make the table content scrollable *****************************************************************************************/
  overflow-y: none; 
  /* Set a fixed height to show only 3 rows initially */
/* Adjust 48px based on your row height */
}
.web-hosting-container > .web-hosting-common-mistakes-content > .web-hosting-common-mistakes-content-container-2 > #website-web-host-toc  { background-color: #ecf2f2; margin-top: 0cap; align-items: self-start; align-self: stretch;}
/*End of web-hosting-common-mistakes-content Section*****************************************************************************************/

  /*End of FAQs-web-builder Section*****************************************************************************************/

   .web-hosting-container  > div.FAQs-web-hosting-domains {
    display: grid;
   grid-area: Q;
   
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;

 
}
 .web-hosting-container  > .FAQs-web-hosting-domains > .FAQs-web-hosting-domains-title{
     grid-row: 1;
      grid-column: 1 / 3;
      
}
.web-hosting-container  > .FAQs-web-hosting-domains > .FAQs-web-hosting-domains-content{
     grid-row: 3;
      grid-column: 1 / 3;

}
.web-hosting-container  > .FAQs-web-hosting-domains > .FAQs-web-hosting-domains-image { 
   grid-row: 2;
      grid-column: 1 / 3;

}
.web-hosting-container  > .FAQs-web-hosting-domains > .FAQs-web-hosting-domains-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
    
/*web-hosting-domains-summery Section*****************************************************************************************/

  .web-hosting-container > .web-hosting-domains-summery{
   display: grid;
   grid-area: R;
    grid-column: 2 / 4;
 
}
/*End of Web-builder-conclusion Section*****************************************************************************************/
/*Web-hosting-Take-Action-Now Section*****************************************************************************************/

.web-hosting-container > .Web-hosting-Take-Action-Now {
 display: grid;
   grid-area: S;
    grid-column: 2 / 4;
 

 
}
/*End of Web-Builder-Take-Action-Now Section*****************************************************************************************/
/*Web-Web-Hosting-Further-Reading Section*****************************************************************************************/

  .web-hosting-container > .Web-Hosting-Further-Reading {
  display: grid;
   grid-area: T;
    grid-column: 2 / 4;


 
}
/*End of Web-Hosting-Further-Reading  Section*****************************************************************************************/
/* web-hosting-container Section*****************************************************************************************/
 .web-hosting-container > div.footer {
  grid-area: footer;
align-items: center;
align-self: center;
  
  grid-column: 2 / 4;

  text-align: center;
 
  gap: 7px;
}
 .web-hosting-container > .footer > .div#Footer_logo { 
align-items: center;
}

/*End of Web-hosting Footer Section*****************************************************************************************/

/*marketing tools container *****************************************************************************************/
  .marketing-tools-container { display: grid; 
       grid-template-columns: 50px minmax(9ch,  2fr) minmax(9ch, 1.14fr) 50px;
       grid-template-areas: "header header header header"
                            "A B B...."
                            "A C C...."
                            "A D D...."
                            "A E E...."
                            "A F F...."
                            "A G G...."
                            "A H H...."
                            "A I I...."
                            "A J J...."
                            "A K K...."
                            "A L L...."
                            "A M M...."
                            "A N N...."
                            "A O O...."
                            "A P P...."
                            "A Q Q...."
                            "A R R...."
                            "A S S...."
                            "A T T...."
                            "A U U...."
                            "A V V...."
                     "menu-styling footer footer....";  
row-gap: 5em; 
top: 0;
grid-template-rows: auto;
justify-items: space-between;
align-items: center;
align-self: center;
max-width: 100%;
}
/*Web hosting menu-styling container *****************************************************************************************/
.marketing-tools-container > div.menu-styling {
  grid-area: A;
grid-column: 1;
align-items: center;
align-self: center;
}
  
/*Web hosting content head container *****************************************************************************************/
.marketing-tools-containerr > div.header {
  grid-area: header;
  text-align: center;
  align-self: center;
  grid-column: 1 / 4;
}
/*End of Web builder content head container *****************************************************************************************/
/*.marketing tools main section *****************************************************************************************/

.marketing-tools-container > .marketing-tools-main-section {
  grid-area: B;
  grid-template-areas: "A A B";
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
color: #eee2e2;
padding-top: 3rem;
}
.marketing-tools-container > .marketing-tools-main-section > .marketing-tools-main-content{
  grid-area: A;
   padding: 1.5rem 8.6rem 0 0;
  grid-column: 1 / 2;
}
.marketing-tools-container > .marketing-tools-main-section > div.marketing-tools-image {
  grid-area: B;
  grid-column: 2 / 3; 
  
}
.marketing-tools-container > .marketing-tools-main-section  > div.marketing-tools-image img{
height: 100%; 
}
 /**Digital Marketing Tools*****************************************************************************************/
.marketing-tools-container > div.Digital-Marketing-Tools-Defination{
 grid-area: C; 
}
 /**End of Digital Marketing Tools*****************************************************************************************/
 /**Common-mistakes-Section Section*****************************************************************************************/
 .marketing-tools-container > .marketing-tools-common-mistakes-content-section{
  grid-area: D;
  grid-template-areas: "A A B";
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
}
    
.marketing-tools-container > .marketing-tools-common-mistakes-content-section > .marketing-tools-common-mistakes-content-container{
grid-area: A;
grid-column: 1 / 2;
}
.marketing-tools-container > .marketing-tools-common-mistakes-content-section > .marketing-tools-common-mistakes-table-container{
grid-area: B;
padding-left: 0;
grid-column: 2 / 3;
padding-left: 9rem;
padding-right: 0;
}

.marketing-tools-container > .marketing-tools-common-mistakes-content-section > .marketing-tools-common-mistakes-table-container table  {
  width: 100%;
  height: fit-content;
 padding-top: 0;
  border-collapse: collapse;
 padding-left: 19rem; 
 background-color: #e3e8e8; 
 /* Make the table content scrollable *****************************************************************************************/
  overflow-y: none; 
  /* Set a fixed height to show only 3 rows initially */
/* Adjust 48px based on your row height */
}
.marketing-tools-container > .marketing-tools-common-mistakes-content-section > .marketing-tools-common-mistakes-table-container > #marketing-tools-host-toc  { background-color: #ecf2f2; margin-top: 0cap; align-items: self-start; align-self: stretc;}
 /**End of Common-mistakes-Section Section*****************************************************************************************/
/*Who-is-this-marketing-tools-for container *****************************************************************************************/
 .marketing-tools-container >  .Who-is-this-marketing-tools-for{
    display: grid;
   grid-area: E;
   
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;
}
.marketing-tools-container > .Who-is-this-marketing-tools-for > .Who-is-this-marketing-tools-for-title{
     grid-row: 1;
      grid-column: 1 / 3;
}

.marketing-tools-container > .Who-is-this-marketing-tools-for > div.Who-is-this-marketing-tools-for-content{
     grid-row: 3;
      grid-column: 1 / 3;
}
.marketing-tools-container > .Who-is-this-marketing-tools-for > .Who-is-this-marketing-tools-for-image{
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;
}
.marketing-tools-container > .Who-is-this-marketing-tools-for > .Who-is-this-marketing-tools-for-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }

.marketing-tools-container > .Who-is-this-marketing-tools-for > .Who-is-this-marketing-tools-for-content > .unordered-list-style > li { list-style-type: square;} 

.marketing-tools-container > .Who-is-this-marketing-tools-for > .Who-is-this-marketing-tools-for-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
 }
/* End of marketing-tools container *****************************************************************************************/
/*Types-of-Digital-Marketing-Tools container *****************************************************************************************/
 .marketing-tools-container > .Types-of-Digital-Marketing-Tools{
    display: grid;
    grid-area: F;
    grid-template-columns: subgrid;
    row-gap: 1em;
}
/*DIY Web builder content container *****************************************************************************************/

.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-title-1{
     grid-row: 1;
      grid-column: 1 / 3;
}

.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-content-1{
     grid-row: 3;
      grid-column: 1 / 3;
}

.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-image-1 {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;
}
.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-image-1 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-content-1 > .unordered-list-style > li { list-style-type: square;} 

.Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-content-1 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
 }



 .marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-title-2{
     grid-row: 4;
     grid-column: 1 / 3;
}


.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-content-2{
     grid-row: 6;
      grid-column: 1 / 3;

}

.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-image-2 {
     grid-row: 5;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-image-2 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-content-2 > .unordered-list-style > li { list-style-type: square;} 

.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-content-2 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }

 .marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-title-3{
     grid-row: 7;
      grid-column: 1 / 3;
}


.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-content-3{
     grid-row: 9;
      grid-column: 1 / 3;

}

.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-image-3 {
     grid-row: 8;
     grid-column: 1 / 3;
     padding: 0;


}
.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-image-3 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-content-3 > .unordered-list-style > li { list-style-type: square;} 

.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-content-3 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
 }

 .marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-title-4{
     grid-row: 10;
      grid-column: 1 / 3;
}


.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-content-4{
     grid-row: 12;
      grid-column: 1 / 3;

}

.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-image-4 {
     grid-row: 11;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-image-4 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }


.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-content-4 > .unordered-list-style > li { list-style-type: square;} 

.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-content-4 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
 
 
  /*End of Types-of-Web-Hosting Section*****************************************************************************************/
  /*Maximizing-ROI-Digital-Marketing-Tools container *****************************************************************************************/
 .marketing-tools-container > .Maximizing-ROI-Digital-Marketing-Tools{
    display: grid;
   grid-area: G;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
.marketing-tools-container > .Maximizing-ROI-Digital-Marketing-Tools > .Maximizing-ROI-Digital-Marketing-Tools-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.marketing-tools-container > .Maximizing-ROI-Digital-Marketing-Tools > .Maximizing-ROI-Digital-Marketing-Tools-content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.marketing-tools-container > .Maximizing-ROI-Digital-Marketing-Tools > .Maximizing-ROI-Digital-Marketing-Tools-content-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-tools-container > .Maximizing-ROI-Digital-Marketing-Tools > .Maximizing-ROI-Digital-Marketing-Tools-content-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }



/*.Domain-Name-Options container *****************************************************************************************/

.marketing-tools-container > .Maximizing-ROI-Digital-Marketing-Tools > .Maximizing-ROI-Digital-Marketing-Tools-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.marketing-tools-container > .Maximizing-ROI-Digital-Marketing-Tools > .Maximizing-ROI-Digital-Marketing-Tools-content{
     grid-row: 3;
      grid-column: 1 / 3;

}


.marketing-tools-container > .Maximizing-ROI-Digital-Marketing-Tools > .Maximizing-ROI-Digital-Marketing-Tools-content > .unordered-list-style > li { list-style-type: square;} 

.marketing-tools-container > .Maximizing-ROI-Digital-Marketing-Tools > .Maximizing-ROI-Digital-Marketing-Tools-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Maximizing-ROI-Digital-Marketing-Tools Section*****************************************************************************************/
  /*marketing-tools-container comprison  Section*****************************************************************************************/
 /* Web Hosting comprison  Section*****************************************************************************************/
   .marketing-tools-container > .Comparisons-section {
    display: grid;
   grid-area: H;
   grid-template-areas:  "A A";
                     
   grid-template-rows: subgrid;
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 4em;
   min-width: 0px;
 
}

.marketing-tools-container > .Comparisons-section > .comparison-table-container {
  grid-area: A;

  grid-column: 1 / 3;
   width: 100%;
min-width: 0;

}



  /*End of marketing-tools-container comparison Section*****************************************************************************************/
/*Top-Digital-Marketing-Providers container *****************************************************************************************/
 .marketing-tools-container  > .Top-Digital-Marketing-Providers{
    display: grid;
   grid-area: I;
    grid-template-columns: subgrid;
    row-gap: 1em;
}
/*Top-Digital-Marketing-Providers container *****************************************************************************************/

.marketing-tools-container  > .Top-Digital-Marketing-Providers > .Top-Digital-Marketing-Providers-title-1{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.marketing-tools-container > .Top-Digital-Marketing-Providers > .Top-Digital-Marketing-Providers-content-1{
     grid-row: 3;
      grid-column: 1 / 3;

}

.marketing-tools-container  > .Top-Digital-Marketing-Providers > .Top-Digital-Marketing-Providers-image-1 {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-tools-container > .Top-Digital-Marketing-Providers > .Top-Digital-Marketing-Providers-image-1 img { width: 100%;
  
  min-height: 0;

  aspect-ratio: 1280 / 470;
 }
.marketing-tools-container  > .Top-Digital-Marketing-Providers > .Top-Digital-Marketing-Providers-content-1 > .unordered-list-style > li { list-style-type: square;} 

.marketing-tools-container  > .Top-Digital-Marketing-Providers > .Top-Digital-Marketing-Providers-content-1 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
 .marketing-tools-container  > .Top-Digital-Marketing-Providers > .Top-Digital-Marketing-Providers-title-2{
     grid-row: 4;
      grid-column: 1 / 3;
 

}


.marketing-tools-container > .Top-Digital-Marketing-Providers> .Top-Digital-Marketing-Providers-content-2{
     grid-row: 6;
      grid-column: 1 / 3;

}

.marketing-tools-container  > .Top-Digital-Marketing-Providers > .Top-Digital-Marketing-Providers-image-2 {
     grid-row: 5;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-tools-container > .Top-Digital-Marketing-Providers > .Top-Digital-Marketing-Providers-image-2 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.marketing-tools-container  > .Top-Digital-Marketing-Providers > .Top-Digital-Marketing-Providers-content-2 > .unordered-list-style > li { list-style-type: square;} 

.marketing-tools-container  > .Top-Digital-Marketing-Providers > .Top-Digital-Marketing-Providers-content-2 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Top-Digital-Marketing-Providers Section*****************************************************************************************/
/*Choosing-Digital-Marketing-Tools container *****************************************************************************************/
 .marketing-tools-container > .Choosing-Digital-Marketing-Tools{
    display: grid;
   grid-area: J;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*.Domain-Name-Options container *****************************************************************************************/

.marketing-tools-container > .Choosing-Digital-Marketing-Tools > .Choosing-Digital-Marketing-Tools-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.marketing-tools-container > .Choosing-Digital-Marketing-Tools > .Choosing-Digital-Marketing-Tools-Content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.marketing-tools-container > .Choosing-Digital-Marketing-Tools > .Choosing-Digital-Marketing-Tools-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-tools-container > .Choosing-Digital-Marketing-Tools > .Choosing-Digital-Marketing-Tools-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.marketing-tools-container > .Choosing-Digital-Marketing-Tools > .Choosing-Digital-Marketing-Tools-Content > .unordered-list-style > li { list-style-type: square;} 

.marketing-tools-container > .Choosing-Digital-Marketing-Tools > .Choosing-Digital-Marketing-Tools-Content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Choosing-Digital-Marketing-Tools Section*****************************************************************************************/ 
/*Features-of-Digital-Marketing-Tools container *****************************************************************************************/
 .marketing-tools-container > .Features-of-Digital-Marketing-Tools{
display: grid;
   grid-area: K;
    row-gap: 1em;
    grid-template-columns: subgrid;
}
/*Features-of-Digital-Marketing-Tools container *****************************************************************************************/

 .marketing-tools-container > .Features-of-Digital-Marketing-Tools > .Features-of-Digital-Marketing-Tools-Title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


 .marketing-tools-container > .Features-of-Digital-Marketing-Tools  > .Features-of-Digital-Marketing-Tools-Content{
     grid-row: 3;
      grid-column: 1 / 3;

}

 .marketing-tools-container > .Features-of-Digital-Marketing-Tools  > .Features-of-Digital-Marketing-Tools-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
 .marketing-tools-container > .Features-of-Digital-Marketing-Tools > .Features-of-Digital-Marketing-Tools-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
 .marketing-tools-container > .Features-of-Digital-Marketing-Tools > .Features-of-Digital-Marketing-Tools-Content > .unordered-list-style > li { list-style-type: square;} 

 .marketing-tools-container > .Features-of-Digital-Marketing-Tools > .Features-of-Digital-Marketing-Tools-Content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
/*Features-of-Digital-Marketing-Tools container *****************************************************************************************/
/* Addressing-Common-web-hosting-Concerns container *****************************************************************************************/
  .marketing-tools-container > .Addressing-Common-Digital-Marketing-Concerns{
    display: grid;
   grid-area: L;
   grid-template-areas: "A A A"
                        "B B B"
                        "C C C";
    grid-template-columns: subgrid;
    row-gap: 1em;

 
}
/* Addressing-Common-Digital-Marketing-Concernscontainer *****************************************************************************************/

 .marketing-tools-container > .Addressing-Common-Digital-Marketing-Concerns > #Addressing-Common-Digital-Marketing-Concerns-title1  {
     grid-area: A;
      grid-column: 1 / 3;
 

}


 .marketing-tools-container > .Addressing-Common-Digital-Marketing-Concerns  > #Addressing-Common-Digital-Marketing-Concerns-Content1{
     grid-area: C;
      grid-column: 1 / 3;
      
}

 .marketing-tools-container > .Addressing-Common-Digital-Marketing-Concerns  > #Addressing-Common-Digital-Marketing-Concerns-image1 {
     grid-area: B;
      grid-column: 1 / 3;

}
 .marketing-tools-container > .Addressing-Common-Digital-Marketing-Concerns > #Addressing-Common-Digital-Marketing-Concerns-image1 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;

 }
 .marketing-tools-container > .Addressing-Common-Digital-Marketing-Concerns > #Addressing-Common-Digital-Marketing-Concerns-Content1 > .unordered-list-style > li { list-style-type: square;} 

 .marketing-tools-container > .Addressing-Common-Digital-Marketing-Concerns > #Addressing-Common-Digital-Marketing-Concerns-Content1 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Choosing-the-Right-Web-Hosting-Domains Section*****************************************************************************************/ 

/*Emerging-Trends-Digital-Marketing-Tools container *****************************************************************************************/
 .marketing-tools-container > .Emerging-Trends-Digital-Marketing-Tools{
    display: grid;
   grid-area: M;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*Emerging-Trends-Digital-Marketing-Tools container *****************************************************************************************/

.marketing-tools-container > .Emerging-Trends-Digital-Marketing-Tools > .Emerging-Trends-Digital-Marketing-Tools-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.marketing-tools-container > .Emerging-Trends-Digital-Marketing-Tools > .Emerging-Trends-Digital-Marketing-Tools-Content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.marketing-tools-container > .Emerging-Trends-Digital-Marketing-Tools > .Emerging-Trends-Digital-Marketing-Tools-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-tools-container > .Emerging-Trends-Digital-Marketing-Tools > .Emerging-Trends-Digital-Marketing-Tools-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.marketing-tools-container > .Emerging-Trends-Digital-Marketing-Tools > .Emerging-Trends-Digital-Marketing-Tools-Content > .unordered-list-style > li { list-style-type: square;} 

.marketing-tools-container > .Emerging-Trends-Digital-Marketing-Tools > .Emerging-Trends-Digital-Marketing-Tools-Content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /* End of marketing-tools-container Section*****************************************************************************************/ 
/*Choosing-the-Right-Web-Hosting-Domains container *****************************************************************************************/
 .marketing-tools-container  > .Collaboration-Tools-Marketing-Teams{
    display: grid;
   grid-area: N;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*Choosing-the-Right-Web-Hosting-Domains container *****************************************************************************************/

.marketing-tools-container  > .Collaboration-Tools-Marketing-Teams > .Collaboration-Tools-Marketing-Teams-title-1{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.marketing-tools-container > .Collaboration-Tools-Marketing-Teams > .Collaboration-Tools-Marketing-Teams-Content-1{
     grid-row: 3;
      grid-column: 1 / 3;

}

.marketing-tools-container  > .Collaboration-Tools-Marketing-Teams > .Collaboration-Tools-Marketing-Teams-image-1 {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-tools-container  > .Collaboration-Tools-Marketing-Teams > .Collaboration-Tools-Marketing-Teams-image-1 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.marketing-tools-container  > .Collaboration-Tools-Marketing-Teams > .Collaboration-Tools-Marketing-Teams-Content-1 > .unordered-list-style > li { list-style-type: square;} 

.marketing-tools-container  > .Collaboration-Tools-Marketing-Teams > .Collaboration-Tools-Marketing-Teams-Content-1 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  
/*Choosing-the-Right-Web-Hosting-Domains container *****************************************************************************************/

.marketing-tools-container  > .Collaboration-Tools-Marketing-Teams > .Collaboration-Tools-Marketing-Teams-title-2{
     grid-row: 4;
      grid-column: 1 / 3;
 

}


.marketing-tools-container > .Collaboration-Tools-Marketing-Teams > .Collaboration-Tools-Marketing-Teams-Content-2{
     grid-row: 6;
      grid-column: 1 / 3;

}

.marketing-tools-container  > .Collaboration-Tools-Marketing-Teams > .Collaboration-Tools-Marketing-Teams-image-2 {
     grid-row: 5;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-tools-container  > .Collaboration-Tools-Marketing-Teams > .Collaboration-Tools-Marketing-Teams-image-2 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.marketing-tools-container  > .Collaboration-Tools-Marketing-Teams > .Collaboration-Tools-Marketing-Teams-Content-2 > .unordered-list-style > li { list-style-type: square;} 

.marketing-tools-container  > .Collaboration-Tools-Marketing-Teams > .Collaboration-Tools-Marketing-Teams-Content-2 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Choosing-the-Right-Web-Hosting-Domains Section*****************************************************************************************/ 
 
  /*Website-Security container *****************************************************************************************/
 .marketing-tools-container > .Marketing-Automation-Tools{
    display: grid;
   grid-area:  O;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*Marketing-Automation-Tools container *****************************************************************************************/

.marketing-tools-container > .Marketing-Automation-Tools > .Marketing-Automation-Tools-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.marketing-tools-container > .Marketing-Automation-Tools > .Marketing-Automation-Tools-content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.marketing-tools-container > .Marketing-Automation-Tools  > .Marketing-Automation-Tools-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-tools-container > .Marketing-Automation-Tools> .Marketing-Automation-Tools-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.marketing-tools-container > .Marketing-Automation-Tools > .Marketing-Automation-Tools-content > .unordered-list-style > li { list-style-type: square;} 

.marketing-tools-container > .Marketing-Automation-Tools > .Marketing-Automation-Tools-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Marketing-Automation-Tools Section*****************************************************************************************/ 

  
  .marketing-tools-container > div.Digital-Marketing-Success-Stories{
    display: grid;
   grid-area: P;
   
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;

 
}
 .marketing-tools-container > .Digital-Marketing-Success-Stories > .Digital-Marketing-Success-Stories-Title-1{
     grid-row: 1;
      grid-column: 1 / 3;
    
}


.marketing-tools-container > .Digital-Marketing-Success-Stories > .Digital-Marketing-Success-Stories-Content-1{
     grid-row: 3;
      grid-column: 1 / 3;

}
.marketing-tools-container > .Digital-Marketing-Success-Stories > .Digital-Marketing-Success-Stories-image-1 { 
   grid-row: 2;
      grid-column: 1 / 3;

}
.marketing-tools-container > .Digital-Marketing-Success-Stories > .Digital-Marketing-Success-Stories-image-1 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
   

.marketing-tools-container > .Digital-Marketing-Success-Stories > .Digital-Marketing-Success-Stories-Title-2{
     grid-row: 4;
      grid-column: 1 / 3;
    
}


.marketing-tools-container > .Digital-Marketing-Success-Stories > .Digital-Marketing-Success-Stories-Content-2{
     grid-row: 6;
      grid-column: 1 / 3;

}
.marketing-tools-container > .Digital-Marketing-Success-Stories > .Digital-Marketing-Success-Stories-image-2 { 
   grid-row: 5;
      grid-column: 1 / 3;

}
.marketing-tools-container > .Digital-Marketing-Success-Stories > .Digital-Marketing-Success-Stories-image-2 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
   

 .marketing-tools-container > .Digital-Marketing-Success-Stories > .Digital-Marketing-Success-Stories-Title-3{
     grid-row: 7;
      grid-column: 1 / 3;
    
}


.marketing-tools-container > .Digital-Marketing-Success-Stories > .Digital-Marketing-Success-Stories-Content-3{
     grid-row: 9;
      grid-column: 1 / 3;

}
.marketing-tools-container > .Digital-Marketing-Success-Stories > .Digital-Marketing-Success-Stories-image-3 { 
   grid-row: 8;
      grid-column: 1 / 3;

}
.marketing-tools-container > .Digital-Marketing-Success-Stories > .Digital-Marketing-Success-Stories-image-3 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
   
/*Digital-Marketing-Success-Stories container *****************************************************************************************/
/*Common-mistakes-section container *****************************************************************************************/

 .marketing-tools-container > .Common-mistakes-section{
      grid-area: Q;
     grid-template-areas:  "A B";
   
     display: grid;
     grid-template-columns: subgrid;
     grid-template-rows: subgrid;
}
    
 .marketing-tools-container > .Common-mistakes-section > .Common-mistakes-section-content-1{
      grid-area: A;
      grid-column: 1 / 2;

}

.marketing-tools-container > .Common-mistakes-section > .Common-mistakes-section-content-table-2{
      grid-area: B;
      padding-left: 0;
       grid-column: 2 / 3;
 padding-left: 9rem;
padding-right: 0;
}

.marketing-tools-container > .Common-mistakes-section > .Common-mistakes-section-content-table-2 table  {
  width: 100%;
  height: fit-content;
 padding-top: 0;
  border-collapse: collapse;
 padding-left: 19rem;
  
 /* Make the table content scrollable *****************************************************************************************/
  overflow-y: none; 
  /* Set a fixed height to show only 3 rows initially */
/* Adjust 48px based on your row height */
}
.marketing-tools-container > .Common-mistakes-section > .Common-mistakes-section-content-table-2 > #markteing-tools-toc  { background-color: #ecf2f2; margin-top: 0cap; align-items: self-start; align-self: stretch;}
  /*End of Common-mistakes-section Section*****************************************************************************************/ 
  /*End of FAQs-Digital-Marketing Section*****************************************************************************************/

  .marketing-tools-container  > div.FAQs-Digital-Marketing {
    display: grid;
   grid-area: R;
   
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;

 
}
 .marketing-tools-container  > .FAQs-Digital-Marketing > .FAQs-Digital-Marketing-title{
     grid-row: 1;
      grid-column: 1 / 3;
      
}
.marketing-tools-container  > .FAQs-Digital-Marketing > .FAQs-Digital-Marketing-content{
     grid-row: 3;
      grid-column: 1 / 3;

}
.marketing-tools-container  > .FAQs-Digital-Marketing > .FAQs-Digital-Marketing-image { 
   grid-row: 2;
      grid-column: 1 / 3;

}
.marketing-tools-container  > .FAQs-Digital-Marketing > .FAQs-Digital-Marketing-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
    
/*Digital-Marketing-Conclusion Section*****************************************************************************************/

 .marketing-tools-container > .Digital-Marketing-Conclusion{
   display: grid;
   grid-area: S;
    grid-column: 2 / 4;
 
}
/*End of .marketing-tools-container Section*****************************************************************************************/
/*Digital-Marketing-Take-Action-Now Section*****************************************************************************************/

 .marketing-tools-container > .Digital-Marketing-Take-Action-Now {
 display: grid;
   grid-area: T;
    grid-column: 2 / 4;
 

 
}
/*End of Digital-Marketing-Take-Action-Now Section*****************************************************************************************/
/*Digital-Marketing-Taction-Further-Reading Section*****************************************************************************************/

  .marketing-tools-container > .Digital-Marketing-Taction-Further-Reading {
  display: grid;
   grid-area: U;
    grid-column: 2 / 4;


 
}
/*End of Digital-Marketing-Taction-Further-Reading Section*****************************************************************************************/
/* web-hosting-container Section*****************************************************************************************/
 .marketing-tools-container > div.footer {
  grid-area: V;
align-items: center;
align-self: center;
  
  grid-column: 2 / 4;

  text-align: center;
 
  margin: 0 0 -3rem 0;
}
 .marketing-tools-container > .footer > .div#Footer_logo { 
align-items: center;
}

/*End of Web-hosting Footer Section*****************************************************************************************/
/*marketing-course-container container *****************************************************************************************/
  .marketing-course-container { display: grid; 
       grid-template-columns: 50px minmax(7ch,  2fr) minmax(9ch, 1.14fr) 50px;
      
   grid-template-areas:  "header header header header"
                         "A B B...."
                         "A C C...."
                         "A D D...."
                         "A E E...."
                         "A F F...."
                         "A G G...."
                         "A H H...."
                         "A I I...."
                         "A J J...."
                         "A K K...."
                         "A L L...."
                         "A M M...."
                         "A N N...."
                         "A O O...."
                         "A P P...."
                         "A Q Q...."
                         "A R R...."
                         "A S S...."
                         "A T T...."
                         "A footer footer....";
   row-gap: 5em; 
   top: 0;
grid-template-rows: auto;
justify-items: space-between;
align-items: center;
align-self: center;
max-width: 100%;

}
/*Web hosting menu-styling container *****************************************************************************************/
.marketing-course-container > div.menu-styling {
  grid-area: A;
grid-column: 1;
align-items: center;
align-self: center;
}
  
/*Web hosting content head container *****************************************************************************************/
.marketing-course-container > div.header {
  grid-area: header;
  text-align: center;
  align-self: center;
  

  grid-column: 1 / 4;
 

}
/*End of Web builder content head container *****************************************************************************************/
/*.marketing tools main section *****************************************************************************************/

.marketing-course-container > .marketing-course-main-section {
  grid-area: B;
  grid-template-areas: "A B";
  display: grid;
  grid-template-columns: subgrid;

color: #eee2e2;
padding-top: 3rem;
}
.marketing-course-container > .marketing-course-main-section > .marketing-course-main-content{
  grid-area: A;
  padding: 1.5rem 11rem 0 0;
   grid-column: 1 / 2;   
  
}
.marketing-course-container > .marketing-course-main-section > .marketing-course-image {
  grid-area: B;
   grid-column: 2 / 3; 
      
  
}
.marketing-course-container > .marketing-course-main-section  > .marketing-course-image > #hero_image{
height: 100%;
  
      
  
}
 /**Digital Marketing Tools*****************************************************************************************/
.marketing-course-container > div.Reasons-for-Digital-Marketing-coures{
 grid-area: C;
  
      
  
}
 /**End of Digital Marketing Tools*****************************************************************************************/
 /**Common-mistakes-Section Section*****************************************************************************************/
 .marketing-course-container > .why-need-marketing-course-section {
      grid-area: D;
     grid-template-areas: "A B";
   
     display: grid;
     grid-template-columns: subgrid;
     grid-template-rows: subgrid;
}
    
 .marketing-course-container > .why-need-marketing-course-section >  .why-need-marketing-course-section-content-container{
      grid-area: A;
     grid-column: 1 / 2;
    padding-right: 4rem;
}

.marketing-course-container >  .why-need-marketing-course-section > .why-need-marketing-course-section-table-container{
      grid-area: B;
      padding-left: 0;
  grid-column: 2 / 3;
padding-left: 9rem;
width: 100%;


color: #eff6f6;
}

 .marketing-course-container > .why-need-marketing-course-section > .why-need-marketing-course-section-table-container  {
width: 100%;
max-width: 100%;
  
 padding-top: 0;
  border-collapse: collapse;
 
  
 /* Make the table content scrollable *****************************************************************************************/
  overflow-y: none; 
  /* Set a fixed height to show only 3 rows initially */
/* Adjust 48px based on your row height */
}
 .marketing-course-container > .why-need-marketing-course-section >  .why-need-marketing-course-section-table-container > #marketing-course-toc  { background-color: #ecf2f2; width: 100%; height: 39rem; }
 /**End of Common-mistakes-Section Section*****************************************************************************************/



/*Who-is-this-marketing-tools-for container *****************************************************************************************/
 .marketing-course-container >  .Who-is-this-marketing-course-for{
    display: grid;
   grid-area: E;
   
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;

 
}
.marketing-course-container > .Who-is-this-marketing-course-for > .Who-is-this-marketing-course-for-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}

.marketing-course-container > .Who-is-this-marketing-course-for > div.Who-is-this-marketing-course-for-content{
     grid-row: 3;
      grid-column: 1 / 3;

}
.marketing-course-container > .Who-is-this-marketing-course-for > .Who-is-this-marketing-course-for-image{
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-course-container > .Who-is-this-marketing-course-for > .Who-is-this-marketing-course-for-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }

.marketing-course-container > .Who-is-this-marketing-course-for > .Who-is-this-marketing-course-for-content > .unordered-list-style > li { list-style-type: square;} 

.marketing-course-container > .Who-is-this-marketing-course-for > .Who-is-this-marketing-course-for-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
/* End of marketing-tools container *****************************************************************************************/
/*Types-of-Digital-Marketing-courses container *****************************************************************************************/
 .marketing-course-container > .Types-of-Digital-Marketing-courses{
    display: grid;
   grid-area: F;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*DIY Web builder content container *****************************************************************************************/

.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-title-1{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-content-1{
     grid-row: 3;
      grid-column: 1 / 3;

}

.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-image-1 {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-image-1 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-content-1 > .unordered-list-style > li { list-style-type: square;} 

.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-content-1 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }



 .marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-title-2{
     grid-row: 4;
      grid-column: 1 / 3;
 

}


.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-content-2{
     grid-row: 6;
      grid-column: 1 / 3;

}

.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-image-2 {
     grid-row: 5;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-image-2 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-2 > .unordered-list-style > li { list-style-type: square;} 

.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-content-2 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }

 .marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-title-3{
     grid-row: 7;
      grid-column: 1 / 3;
 

}


.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-content-3{
     grid-row: 9;
      grid-column: 1 / 3;

}

.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-image-3 {
     grid-row: 8;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-image-3 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-content-3 > .unordered-list-style > li { list-style-type: square;} 

.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-content-3 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }

 .marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-title-4{
     grid-row: 10;
      grid-column: 1 / 3;
 

}


.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-content-4{
     grid-row: 12;
      grid-column: 1 / 3;

}

.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-image-4 {
     grid-row: 11;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-image-4 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }


.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-content-4 > .unordered-list-style > li { list-style-type: square;} 

.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-content-4 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
 
 
  /*End of Types-of-Digital-Marketing-courses Section*****************************************************************************************/
  /*Features-of-Digital-Marketing-Course container *****************************************************************************************/
 .marketing-course-container > .Features-of-Digital-Marketing-Course{
    display: grid;
   grid-area: G;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*Features-of-Digital-Marketing-Course container *****************************************************************************************/

.marketing-course-container > .Features-of-Digital-Marketing-Course > .Features-of-Digital-Marketing-Course-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.marketing-course-container > .Features-of-Digital-Marketing-Course > .Features-of-Digital-Marketing-Course-content{
     grid-row: 3;
      grid-column: 1 / 3;

}
.marketing-course-container > .Features-of-Digital-Marketing-Course > .Features-of-Digital-Marketing-Course-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-course-container > .Features-of-Digital-Marketing-Course > .Features-of-Digital-Marketing-Course-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }

.marketing-course-container > .Features-of-Digital-Marketing-Course > .Features-of-Digital-Marketing-Course-content > .unordered-list-style > li { list-style-type: square;} 

.marketing-course-container > .Features-of-Digital-Marketing-Course > .Features-of-Digital-Marketing-Course-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Maximizing-ROI-Digital-Marketing-Tools Section*****************************************************************************************/
  /*marketing-tools-container comprison  Section*****************************************************************************************/
 /*Marketing Courses comprison  Section*****************************************************************************************/
   .marketing-course-container > .Comparisons-section {
    grid-template-areas: "A A";
    display: grid;
   grid-area: H;
   grid-template-rows: subgrid;
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;
    
  
 
}



.marketing-course-container > .Comparisons-section > .comparison-table-container {
      
      grid-area: A;
      grid-template-columns: subgrid;
      grid-column: 1 / 3;
      align-self: stretch;
      align-items: center;
      align-content: center;
      width: 100%;


}



  /*End of marketing-courses-comparison Section*****************************************************************************************/
/*Top-Digital-Marketing-Course-Providers container *****************************************************************************************/
 .marketing-course-container  > .Top-Digital-Marketing-Course-Providers{
    display: grid;
   grid-area: I;
    grid-template-columns: subgrid;
    row-gap: 1em;
}
/*Top-Digital-Marketing-Providers container *****************************************************************************************/

 .marketing-course-container  > .Top-Digital-Marketing-Course-Providers > .Top-Digital-Marketing-Course-Providers-title-1{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


 .marketing-course-container > .Top-Digital-Marketing-Course-Providers > .Top-Digital-Marketing-Course-Providers-1{
     grid-row: 3;
      grid-column: 1 / 3;

}

 .marketing-course-container  > .Top-Digital-Marketing-Course-Providers > .Top-Digital-Marketing-Course-Providers-image-1 {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
  .marketing-course-container > .Top-Digital-Marketing-Course-Providers > .Top-Digital-Marketing-Course-Providers-image-1 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
 .marketing-course-container > .Top-Digital-Marketing-Course-Providers > .Top-Digital-Marketing-Course-Providers-content-1 > .unordered-list-style > li { list-style-type: square;} 

 .marketing-course-container > .Top-Digital-Marketing-Course-Providers > .Top-Digital-Marketing-Course-Providers-content-1 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  .marketing-course-container > .Top-Digital-Marketing-Course-Providers > .Top-Digital-Marketing-Course-Providers-title-2{
     grid-row: 4;
      grid-column: 1 / 3;
 

}


 .marketing-course-container > .Top-Digital-Marketing-Course-Providers > .Top-Digital-Marketing-Course-Providers-content-2{
     grid-row: 6;
      grid-column: 1 / 3;

}

 .marketing-course-container  > .Top-Digital-Marketing-Course-Providers > .Top-Digital-Marketing-Course-Providers-image-2 {
     grid-row: 5;
      grid-column: 1 / 3;
padding: 0;


}
 .marketing-course-container > .Top-Digital-Marketing-Course-Providers > .Top-Digital-Marketing-Course-Providers-image-2 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
 .marketing-course-container  > .Top-Digital-Marketing-Course-Providers > .Top-Digital-Marketing-Course-Providers-content-2 > .unordered-list-style > li { list-style-type: square;} 

 .marketing-course-container  > .Top-Digital-Marketing-Course-Providers > .Top-Digital-Marketing-Course-Providers-content-2 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Top-Digital-Marketing-Course-Providers Section*****************************************************************************************/
/*Choosing-Digital-Marketing-courses container *****************************************************************************************/
 .marketing-course-container  > .Choosing-Digital-Marketing-courses{
    display: grid;
   grid-area: J;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*Choosing-Digital-Marketing-courses container *****************************************************************************************/

.marketing-course-container  > .Choosing-Digital-Marketing-courses > .Choosing-Digital-Marketing-courses-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.marketing-course-container  > .Choosing-Digital-Marketing-courses > .Choosing-Digital-Marketing-courses-Content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.marketing-course-container  > .Choosing-Digital-Marketing-courses > .Choosing-Digital-Marketing-courses-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-course-container  > .Choosing-Digital-Marketing-courses > .Choosing-Digital-Marketing-courses-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.marketing-course-container  > .Choosing-Digital-Marketing-courses > .Choosing-Digital-Marketing-courses-Content > .unordered-list-style > li { list-style-type: square;} 

.marketing-course-container  > .Choosing-Digital-Marketing-courses > .Choosing-Digital-Marketing-courses-Content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Choosing-Digital-Marketing-courses Section*****************************************************************************************/ 
/*Features-of-Digital-Marketing-Tools container *****************************************************************************************/
.marketing-course-container > .Addressing-Common-marketeing-Courses{
display: grid;
   grid-area: K;
    row-gap: 1em;
    grid-template-columns: subgrid;
}
/*Features-of-Digital-Marketing-Tools container *****************************************************************************************/

 .marketing-course-container > .Addressing-Common-marketeing-Courses > .Addressing-Common-marketeing-Courses-Concerns-Title{
     grid-row: 1;
      grid-column: 1 / 3;


}



 .marketing-course-container > .Addressing-Common-marketeing-Courses  > .Addressing-Common-marketeing-Courses-Content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.marketing-course-container > .Addressing-Common-marketeing-Courses  > .Addressing-Common-marketeing-Courses-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
 .marketing-course-container > .Addressing-Common-marketeing-Courses > .Addressing-Common-marketeing-Courses-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.marketing-course-container > .Addressing-Common-marketeing-Courses > .Addressing-Common-marketeing-Courses-Content > .unordered-list-style > li { list-style-type: square;} 

.marketing-course-container > .Addressing-Common-marketeing-Courses > .Features-of-Digital-Marketing-Tools-Content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
/*Addressing-Common-marketeing-Courses container *****************************************************************************************/
/*Maximizing-ROI-Marketing-Course-retuns container *****************************************************************************************/
  .marketing-course-container .Maximizing-ROI-Marketing-Course-retuns{
    display: grid;
   grid-area: L;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*Maximizing-ROI-Marketing-Course-retuns container *****************************************************************************************/

 .marketing-course-container > .Maximizing-ROI-Marketing-Course-retuns > .Maximizing-ROI-Marketing-Course-retuns-TitLe{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


 .marketing-course-container > .Maximizing-ROI-Marketing-Course-retuns  > .Maximizing-ROI-Marketing-Course-retuns-Content{
     grid-row: 2;
      grid-column: 1 / 3;

}

.marketing-course-container > .Maximizing-ROI-Marketing-Course-retuns > .Maximizing-ROI-Marketing-Course-retuns-Content > .unordered-list-style > li { list-style-type: square;} 

 .marketing-course-container > .Maximizing-ROI-Marketing-Course-retuns > .Maximizing-ROI-Marketing-Course-retuns-Contentt > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Choosing-the-Right-Web-Hosting-Domains Section*****************************************************************************************/ 

/*Emerging-Trends-Digital-Marketing-courses container *****************************************************************************************/
.marketing-course-container > .Emerging-Trends-Digital-Marketing-courses{
    display: grid;
   grid-area: M;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*Emerging-Trends-Digital-Marketing-courses container *****************************************************************************************/

.marketing-course-container > .Emerging-Trends-Digital-Marketing-courses > .Emerging-Trends-Digital-Marketing-courses-Title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.marketing-course-container > .Emerging-Trends-Digital-Marketing-courses > .Emerging-Trends-Digital-Marketing-courses-Content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.marketing-course-container > .Emerging-Trends-Digital-Marketing-courses > .Emerging-Trends-Digital-Marketing-courses-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-course-container > .Emerging-Trends-Digital-Marketing-courses > .Emerging-Trends-Digital-Marketing-courses-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.marketing-course-container > .Emerging-Trends-Digital-Marketing-courses > .Emerging-Trends-Digital-Marketing-courses-Content > .unordered-list-style > li { list-style-type: square;} 

.marketing-course-container > .Emerging-Trends-Digital-Marketing-courses > .Emerging-Trends-Digital-Marketing-courses-Content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /* End of Emerging-Trends-Digital-Marketing-courses Section*****************************************************************************************/ 
/*Collaboration-Marketing-Courses-Teams container *****************************************************************************************/
 .marketing-course-container  > .Collaboration-Marketing-Courses-Teams{
    display: grid;
   grid-area: N;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*Collaboration-Marketing-Courses-Teams container *****************************************************************************************/

.marketing-course-container  > .Collaboration-Marketing-Courses-Teams > .Collaboration-Marketing-Courses-Teams-Title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.marketing-course-container > .Collaboration-Marketing-Courses-Teams > .Collaboration-Marketing-Courses-Teams-Content{
     grid-row: 2;
      grid-column: 1 / 3;

}

/*End of Collaboration-Marketing-Courses-Teams container *****************************************************************************************/
 /*Marketing-Courses-Success-Stories Section*****************************************************************************************/ 
 .marketing-course-container > div.Marketing-Courses-Success-Stories{
    display: grid;
   grid-area: O;
   
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;

 
}
.marketing-course-container > .Marketing-Courses-Success-Stories > .Marketing-Courses-Success-Stories-Title-1{
     grid-row: 1;
      grid-column: 1 / 3;
    
}


.marketing-course-container > .Marketing-Courses-Success-Stories > .Marketing-Courses-Success-Stories-Content-1{
     grid-row: 3;
      grid-column: 1 / 3;

}
.marketing-course-container > .Marketing-Courses-Success-Stories > .Marketing-Courses-Success-Stories-image-1 { 
   grid-row: 2;
      grid-column: 1 / 3;

}
.marketing-course-container > .Marketing-Courses-Success-Stories > .Marketing-Courses-Success-Stories-image-1 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
   

.marketing-course-container > .Marketing-Courses-Success-Stories > .Marketing-Courses-Success-Stories-Title-2{
     grid-row: 4;
      grid-column: 1 / 3;
    
}


.marketing-course-container > .Marketing-Courses-Success-Stories > .Marketing-Courses-Success-Stories-Content-2{
     grid-row: 6;
      grid-column: 1 / 3;

}
.marketing-course-container > .Marketing-Courses-Success-Stories > .Marketing-Courses-Success-Stories-image-2 { 
   grid-row: 5;
      grid-column: 1 / 3;

}
.marketing-course-container > .Marketing-Courses-Success-Stories > .Marketing-Courses-Success-Stories-image-2 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
   

 .marketing-course-container > .Marketing-Courses-Success-Stories > .Marketing-Courses-Success-Stories-Title-3{
     grid-row: 7;
      grid-column: 1 / 3;
    
}


.marketing-course-container > .Marketing-Courses-Success-Stories > .Marketing-Courses-Success-Stories-Content-3{
     grid-row: 9;
      grid-column: 1 / 3;

}
.marketing-course-container > .Marketing-Courses-Success-Stories > .Marketing-Courses-Success-Stories-image-3 { 
   grid-row: 8;
      grid-column: 1 / 3;

}
.marketing-course-container > .Marketing-Courses-Success-Stories > .Marketing-Courses-Success-Stories-image-3 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
   
/*Marketing-Courses-Success-Stories container *****************************************************************************************/
/*Marketing-Courses-Glossary container *****************************************************************************************/

 .marketing-course-container > .Marketing-Courses-Glossary{
      grid-area: P;
     grid-template-areas:  "A B";
   
     display: grid;
     grid-template-columns: subgrid;
     grid-template-rows: subgrid;
}
    
.marketing-course-container > .Marketing-Courses-Glossary > .Marketing-Courses-Glossary-section-content-1{
      grid-area: A;
grid-column: 1 / 2;

}

.marketing-course-container > .Marketing-Courses-Glossary > .Marketing-Courses-Glossary-content-table-2{
      grid-area: B;
      padding-left: 0;
      grid-column: 2 / 3;
 padding-left: 9rem;
padding-right: 0;
}

.marketing-course-container > .Marketing-Courses-Glossary > .Marketing-Courses-Glossary-content-table-2 table  {
  width: 100%;
  height: fit-content;
 padding-top: 0;
  border-collapse: collapse;
 padding-left: 19rem;
  
 /* Make the table content scrollable *****************************************************************************************/
  overflow-y: none; 
  /* Set a fixed height to show only 3 rows initially */
/* Adjust 48px based on your row height */
}
.marketing-course-container > .Marketing-Courses-Glossary > .Marketing-Courses-Glossary-content-table-2 > #marketing-courses-toc  { background-color: #ecf2f2; margin-top: 0cap; align-items: self-start; align-self: stretch;}
  /*End of Marketing-Courses-Glossary Section*****************************************************************************************/ 
  /*End of FAQs-Digital-Marketing Section*****************************************************************************************/

  .marketing-course-container  > div.FAQs-Marketing-Courses {
    display: grid;
   grid-area: Q;
   
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;

 
}
 .marketing-course-container  > .FAQs-Marketing-Courses > .FAQs-Marketing-Courses-Title{
     grid-row: 1;
      grid-column: 1 / 3;
      
}
.marketing-course-container  > .FAQs-Marketing-Courses > .FAQs-Marketing-Courses-Content{
     grid-row: 3;
      grid-column: 1 / 3;

}
.marketing-course-container  > .FAQs-Marketing-Courses > .FAQs-Marketing-Courses-image { 
   grid-row: 2;
      grid-column: 1 / 3;

}
.marketing-course-container > .FAQs-Marketing-Courses > .FAQs-Marketing-Courses-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
    
/*Digital-Marketing-Conclusion Section*****************************************************************************************/

 .marketing-course-container > .marketing-courses-common-mistakes-section{
   display: grid;
   grid-area: R;
    grid-column: 2 / 4;
 
}
/*End of .marketing-tools-container Section*****************************************************************************************/
/*Digital-Marketing-Take-Action-Now Section*****************************************************************************************/

 .marketing-course-container > .Marketing-Courses-Take-Action-Now {
 display: grid;
   grid-area: S;
    grid-column: 2 / 4;
 

 
}
/*End of Digital-Marketing-Take-Action-Now Section*****************************************************************************************/
/*Digital-Marketing-Taction-Further-Reading Section*****************************************************************************************/

   .marketing-course-container > .Marketing-Courses-Further-Reading {
  display: grid;
   grid-area: T;
    grid-column: 2 / 4;


 
}
/*End of Digital-Marketing-Taction-Further-Reading Section*****************************************************************************************/
/*marketing-course-container footer*****************************************************************************************/
 .marketing-course-container > div.footer {
  grid-area: footer;
align-items: center;
align-self: center;
  
  grid-column: 2 / 4;

  text-align: center;
 
  gap: 7px;
}
 .marketing-course-container > .footer > .div#Footer_logo { 
align-items: center;
}

/*End of marketing-course-container footer*****************************************************************************************/
/*About-us-container *****************************************************************************************/
  .about-us-container { display: grid; 
grid-template-columns: 50px minmax(7ch,  1fr)  minmax(7ch,  1fr)  minmax(9ch, 1.14fr) 50px;
       grid-template-areas: "header header header header header"
                            "A B B B...."
                            "A C C C...."
                            "A footer footer footer....";
   row-gap: 5em; 

top: 0;

grid-template-rows: auto;
grid-row: 1 / 4;
justify-items: space-between;
align-items: center;
align-self: center;
max-width: 100%;

}
/*Web hosting menu-styling container *****************************************************************************************/
 .about-us-container > div.menu-styling {
  grid-area: A;
grid-column: 1;
align-items: center;
align-self: center;
}
  
/* .Homepage-container head container *****************************************************************************************/
 .about-us-container > div.header {
  grid-area: header;
  text-align: center;
  align-self: center;
  grid-column: 1 / 4;
}


/*End of Homepage-container content head container *****************************************************************************************/
/*Homepage-container-main-section *****************************************************************************************/

 .about-us-container > .about-us-main-section {
  grid-area: B;
  grid-template-areas: "A A B";
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
color: #eee2e2;
padding-top: 3rem;
}
 .about-us-container > .about-us-main-section > .about-us-main-section-content-1{
  grid-area: A;
  padding: 2rem 11rem 0 0;
  grid-column: 1 / 3;   

  
}
 .about-us-container > .about-us-main-section > .about-us-main-section-content-2 {
  grid-area: B;
  grid-column: 3 / 4;
  align-self: center;
align-items: center;
color: #00FFFF;
      
  
}
.about-us-container > .about-us-main-section  > .about-us-main-section-content-2 img{
height: clamp(10rem, 50vh, 80rem);  
 max-height: 100%;
width: 100%;

}

/*End of Homepage main container*****************************************************************************************/
/*Homepage-container Section*****************************************************************************************/
  
 .about-us-container > .about-us-CTAs-section{  
   display: grid;
   grid-area: C;
   grid-template-areas: "A A A"
                        "B C D"
                        "E F G";
                        
    grid-template-columns: subgrid;
     background-color: rgb(0,0,0);
  border: 1px solid #53c52a;
  padding: 3rem 0.6rem 3rem 0.5rem;
    row-gap: 1em;
    column-gap: 0.4rem;
}
.about-us-container  >  .about-us-CTAs-section > .about-us-CTAs-section-title {
     grid-area: A;
     grid-column: 1 / 4;
     grid-row: 1;

}
.about-us-container  >  .about-us-CTAs-section  h2 {
  
     grid-column: 1 / 4;

}
.about-us-container  >  .about-us-CTAs-section > .about-us-CTAs-section-1-1 {
     grid-area: B;
     grid-column: 1 / 2;
 grid-row: 2;
  
}

.about-us-container  >  .about-us-CTAs-section > .about-us-CTAs-section-2-1{
     grid-area: C;
       grid-column: 2 / 3;
       grid-row: 2;
   
      

}
.about-us-container  >  .about-us-CTAs-section > .about-us-CTAs-section-3 {
     grid-area: D;
    grid-column: 3 / 4;
    grid-row: 2;
   
}

.about-us-container  > .about-us-CTAs-section > .about-us-CTAs-section-4{
     grid-area: E;
      grid-column: 1 / 2;
      grid-row: 3;
   
     
}
.about-us-container  > .about-us-CTAs-section > .about-us-CTAs-section-5-1{
     grid-area: F;
      grid-column: 2 / 3;

     grid-row: 3;
     
}
.about-us-container  > .about-us-CTAs-section > .about-us-CTAs-section-6-2{
  display: grid;
     grid-area: G;
      grid-column: 3 / 4;
  grid-row: 3;
   
     
}

/*about-us-CTAs-section *****************************************************************************************/
.about-us-container > div.footer {
grid-area: footer;
align-items: center;
align-self: center; 
grid-column: 2 / 5;
text-align: center;
gap: 7px;
}
 .about-us-container > .footer > .div#Footer_logo { 
align-items: center;
}

/*End of marketing-course-container footer*****************************************************************************************/
/*blog-main-section *****************************************************************************************/
    
 .blog-container{
     
   display: grid;
   grid-template-areas: "header header header header header"
                                           "A B B B ..." 
                                           "A C C C ..."                     
                            "A footer footer footer...";

   grid-template-columns: 50px minmax(9ch, 1fr) minmax(9ch, 1fr) minmax(9ch, 1.14fr) 50px;
grid-column: 1 / 5;
top: 0;
row-gap: 2rem;
box-sizing: border-box;
justify-items: space-between;
margin-bottom: 0;


}


 .blog-container > .menu-styling{
  display: grid;
     grid-area: A;

 align-items: center;
align-self: center;

}
 .blog-container > div.header{
     grid-area: header;
     display: grid;
     grid-column: 1 / 5;

}
#blog_posts{font-size: 2rem;}

 .expanded > .blog-container {display: grid; height: 100vh; grid-row: 1; grid-column: 1 / 5;}
 .blog-container > .blog-main-section{
   display: grid;
   grid-area: B;
   grid-template-areas: "A A A C";
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
    row-gap: 3em;
    padding: 5rem 0 0rem 0;

}
.blog-container > .blog-main-section a { display: inline-flex;}
 .blog-container > .blog-main-section > .blog-main-section-content-1 {
     grid-area: A;
     grid-column: 1 / 3;
    padding: 1.5rem 9.8rem 0 0;
    
}
 .blog-container > .blog-main-section >  .blog-main-section-content-2{
     grid-area: C;
     grid-column: 3 / 4;

}
 .blog-container > .blog-main-section >  .blog-main-section-content-2 img {
     height: 100%;
     width: 100%;
}




/*blog Footer section *****************************************************************************************/
 /* blog Footer section *******************************************************/
/* blog Footer section *******************************************************/
.blog-container > .container {
  grid-area: C;
  display: flex;
  flex-wrap: wrap; 
  gap: 2rem; 
  margin-bottom: 2rem;
   overflow: hidden;
   
   
}

/* Default State: Clean 3-on-top, 3-below layout */
.container > .post {
  display: flex;
  flex-direction: column;
  border: 1px solid #ccc;
  box-sizing: border-box; 
  width: calc((100% - 4rem) / 3); 
  flex: 0 0 calc((100% - 4rem) / 3); 
  
}


/* Expanded State: Completely covers sticky navbars, footers, and scrolls smoothly */
.container > .post.expanded {
  /* 1. Breaks entirely out of the website structure to absolute top layer */
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  
  /* 2. Forces exact full-screen dimensions */
  width: 100% !important;
  height: 100vh !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  
  /* 3. High z-index to fly OVER sticky headers and footers */
  z-index: 99999 !important; 
  
  /* 4. Resets the layout so article content flows straight down */
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  
  /* 5. THE SCROLL FIX: Forces the overlay itself to scroll, not the background */
  overflow: auto !important;
  overscroll-behavior-y: contain;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
  
  /* Styling tweaks for full screen */
   background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.8)), url(images/background.jpg);
  background-size: cover;
  margin: 0 !important;
  border: 3px red;

  padding: 0.6rem 0.6rem !important;
}
/* Fixes the image sizing inside the full-screen expanded card */
.container > .post.expanded img {
  /* 1. Limits the maximum width so it doesn't look giant on desktop screens */
  max-width: 100em !important; 
  /* 2. Ensures it shrinks cleanly to stay 100% responsive on mobile screens */
  width: 100% !important; 
  /* 3. Keeps the original image proportions so it does not look stretched */
  height: 50vh !important; 
  /* 4. Centers the image horizontally in the middle of the article */
  margin: 1.5rem auto !important; 
  border-radius: 2px;
}

/* RESPONSIVE DESIGN FOR UNEXPANDED CARDS */
@media (max-width: 1024px) {
  .container > .post {
    width: calc((100% - 2rem) / 2); 
    flex: 0 0 calc((100% - 2rem) / 2); 
  }
}
@media (max-width: 600px) {
  .container > .post {
    width: 100% !important; 
    flex: 1 1 100% !important; 
  }
}
/* Forces the article body content inside your expanded post to expand naturally */
.container > .post.expanded * {
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
}

.blog-container >  .post > .content{display: grid; grid-column: 1 / 4;}
/*blog Footer section *****************************************************************************************/
.blog-container > .footer{
  display: grid;
  grid-area: footer;
  align-items: center;
  align-self: center; 
  grid-column: 2 / 5;
  text-align: center;
  grid-row: subgrid 4;
  
}
.blog-container > .footer > .div#Footer_logo { 
align-items: center;
}
/*blog Footer section *****************************************************************************************/
.container > div.image-st img { max-width: 100%;} 
.container > div.content-continer3{
    grid-area: content-continer3;
    grid-row: 7 / 8;
    grid-column: 2 / 4;
}
 p  { white-space: normal }


.cont-us-container > div.header {
  grid-area: header;
  grid-column: 1 / 4;
}

.container > div.h3-styling {
     grid-area: h3-styling;
     grid-row: 4 / 5;
     grid-column: 2 / 4;
     background-color: rgba(255, 255, 255, 0.8);        
 }
 .container > div.image-st2{
     grid-area: image-st2;
     grid-row: 5 / 6;
     grid-column: 2 / 4;
     background-color: rgba(255, 255, 255, 0.8);
 }

  .container > div.image-st3{
     grid-area: image-st3;
         grid-row: 6 / 7;
         grid-column: 3 / 4;
           background-color: rgba(255, 255, 255, 0.8);
           top: 4em;
 }
  


.cont-us-container div.menu-styling {
  grid-area: menu-styling;
  grid-column: 1;
  grid-row: 2 / 6;}




.container > div.content3 {
    grid-area: content3;
    grid-row: 6 / 7;
    grid-column: 2 / 3 ;

}
 

 .container > .footer > .div#Footer_logo { 
align-items: center;
}
.cont-us-container > div.footer {
  grid-area: footer;
  align-self: center;
  align-items: center;
  grid-column: 2 / 4;
  text-align: center;
  margin: 0 0 -2.4rem 0;
}

/*HEADINGS AND SUBHEADINGS AND PARAGRAPH STYLES*/
h1 {
  color: #e5b80b;
  font-family: sans-serif;
  font-size: clamp(1.5em, 2.5vw, 3rem);
  margin-bottom: .67em;
  font-weight: bolder;
  word-spacing: 2px;
  width: fit-content;
 word-wrap: wrap;

  
}

.blog-h1-styling { width: 56vw;}
h2 {
  color: #e5b80b;
  font-family: sans-serif;
  font-size: 1.78em;
 display: inline-flex;
  margin-bottom:  0.53em;
word-spacing: 5px;


}

h3 {
  margin-top: 1em;
  margin-bottom: 1em;
  color: 	#00FFFF;
  font-family: sans-serif;
  font-size: 1.13em;
}

h4 {
  margin-top:  1.33em;
  margin-bottom:  1.33em;
  color:  rgb(249, 70, 5);
  font-family: sans-serif;
  font-size:  1em;
  font-weight: bold;
}

h5 {
  margin-top:  1.33em;
 
  color: #fef9f9;
  font-family: sans-serif;
  font-size: 16px;
  line-height: normal;
  font-weight: lighter;
 
}
#hfive-style { margin-bottom: -0.7%;}
h6 {
  margin-top: .83em;
  margin-bottom: .83em;
  color: #f9f1f1;
  font-family: sans-serif;
  font-size: .67em;
  font-weight: 600;
}
.h1-styling-index{ width: 50.5vw;}
.c-ssub-headings{text-decoration: underline; text-decoration-color: #00FFFF; }

p {
  font-style: normal; font-weight: normal;
  font-family: sans-serif;
  font-size: 1em;
  color: #f9fbfc;
  line-height: 26px;
  text-size-adjust: 14px;

  text-align: justify;
  text-justify: distribute;
  text-align-last: left;
}

pre {
  font-style: normal; font-weight: normal;
  font-family: sans-serif;
  font-size: 14.5px;
  color: #f9fbfc;
  line-height: 26px;
  text-size-adjust: 14px;
  text-align: justify;
  text-justify: none;
  white-space: wrap;
  word-spacing: 0.8px;
  justify-content: space-between;
  justify-items: normal;
}
li { font-size: 14.5px; }
 .wide li{ line-height: 1.8;}
.types-web-builder1> .web-b-content> .unordered-list-style > li { list-style-type: square;} 
#links_adjust{ word-spacing: -1rem; margin-bottom: -16px; display: inline-flex;}
.container> .types-web-builder1> .web-b-content> .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }

.uline {
  text-decoration-color: rgb(255, 69, 0);
  text-decoration-line: underline;
  -moz-text-decoration-line: bottom;
}
.Reaon-table{ width: 100%; margin-left: 0%; }

.second-table{ width: 100%;}
.Common-mistakes-section{width: 100%;}
.blog-title { margin-left: 40vw; text-decoration: orangered; }
/*********************************************************************************************/
/* Navigation Styling */


/*********************************************************************************************/
/* Navigation Styling */

button {
  width: fit-content;
  background-color: rgb(255, 69, 0);
  border: 1;
  border-color: black;
  padding: 10px 10px;
  margin-right: 10px;
  color: white;
  font-weight: bolder;
  border-radius: 6px;
  text-decoration: none;
}


button:hover {
  width: 168px;
  transition: 0.5s;
  color: #190505;
}

/*********************************************************************************************/
  /* Navigation Bar Styling ************************************/

.navigation_bar {
        margin: 0 auto;
        z-index: 100;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        list-style: none;
        position: fixed;
        background-color: #160a7d;
        align-items: center;
        padding: 0;
         font-size: clamp(1rem, 1vw, 2rem);
         height:  clamp(3.6rem, 2vh, 2rem);
    }
   .navigation_bar > .logo{  margin-left: 0; }
    .hamburger_menu > a {  align-items: center; float:left; justify-content: space-between; gap: 5px; }
   
 
   .navigation_bar { border:7px #00FFFF solid; height: 2.8em;}

  .logo img{
      padding-top: 0.24em;
      padding-bottom: 0em;
       height: 2.4em;
        width: clamp(8rem, 6vw, 9rem);
        margin: 0 0 0 -0.3em;
    }

   a { display: inline-flex;}
       .hamburger_menu {
        display: flex;
       flex-direction: row;

       
    }

   .hamburger_menu li {position: relative; display: inline-grid; align-items: center; float: left; flex-wrap: nowrap; padding-right: 1rem; list-style: none; }
   
   .navigation_bar .hamburger_menu li a {
    
  text-decoration: none;
    color: rgb(232, 232, 220);
    text-align: center;
    transition: 0.15s ease-in-out;
    position: relative;
    text-transform: uppercase;


   
  
  }
  
  .hamburger_menu li a { padding-top: 0.5em; padding-bottom: 0.5em;}
  .hamburger_menu li a::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1.5px;
    background-color: yellow;
    transition: 0.15s ease-in-out;
  
  }
  .hamburger_menu li a:hover:after { width: 100%;}
  
  
  .open-menu , .close-menu {
    position: absolute;
    cursor: pointer;
   font-size: clamp(1rem, 1.3vw, 2rem);
    cursor: pointer;
    display: none;
   
  }
  
  .open-menu {
    margin-top: 3%;
    right: 40px;
    transform: translateY(-50%);
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  
  .close-menu {
    top: 1.4em;
    right: 40px;
   
  }
  
  #check { display: none;}
  
  /****************************************************************************/





#CTA1 {
  font-size: 12px;
  font-weight: bold;
display: inline-flex;
   height: clamp(2rem, 2.4vh, 4rem);
margin-left: 2em;
  margin-right: -1.3rem;


}
.navigation_bar > .CTA1-styling {  padding: 0; right: 0; position: absolute; grid-row: 3; }
 #CTA1:hover {
  width: 100px;
  transition: 0.5s;
  color: #190505;
}
#remove_text_deco{text-decoration: none;}
#CTA2 a {
  margin-top: 10px;
  font-size: 12px;
  color: #ffffff;
  align-items: center;
  display: block;

}

.buttonstyles {
  align-items: center;
}
.col3 {width: 100%;}
 #CTA3_butt  {
  
  width: auto;
  align-items: center;
  align-content: center;
  font-size: 12px;
  background-color: #ed4212;
  color: #fff !important;
  align-self: center;

}
.colours{ margin: 0 0 0 0%;}

#CTA4 { width: 11rem;}
.CTA4_Spacing {margin-top: 25px; position: absolute;}
#CTA4:hover {
  width: 198px;
  transition: 0.5s;
  color: #190505;
  text-decoration: none;
}
.Space-left { margin-left: -1.6em; padding: 0;}
.Space-ul { margin-bottom: -0.8em; margin-top: -1em;}
/*********************************************************************************************/
/* Section Styling */
.section {
  margin-top: 5%;
  padding-right: 0px;
  width: 100%;
  border: 0%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  margin-bottom: 3%;


}

/*********************************************************************************************/
/* Main Content Section */
 .main_section{
  margin-top: 3.9em;
  width: 100%;
  min-height: 55%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1/2span;

}

#baground_image {  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url( images/mainbg-img.png);}
#baground_image { background-repeat: no-repeat; background-attachment: local; background-size: cover;
 background-position: center; 
 margin-top: -1rem; padding-top: 5em; padding-bottom: 3em;
}
/* hide scrollbar but allow scrolling */


.body::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}

  /********************************************************************************************/

/*********************************************************************************************/
/* Main Content Section Rows and Columns Styling */
.row {
  margin-top: 4%;
  margin-bottom: 5%;
  display: flex;
  justify-content: space-between;
  width: 90%;
  height: auto;
}



.col1 {
 
  margin-bottom: 5px;
  margin-left: 5.1%;
  width: 54%;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  height: auto;


}

.col2 {
  width: 35%;
  position: relative;
  display: felx;
  flex-direction: column;
  margin-right: -7.4%;
  height: auto;
}





#author5_jpg { width: 30%; top: 0;  right: 3vw; overflow: hidden; display: flex; flex-direction: column; position: absolute; height: 108vh; rotate: right;  }

.row_CT, #auther5_png{ position: relative;}

/* Blog styling page********************************************************/


.post {
  display: flex;
  flex-direction: column;
  background-color: rgb(0,0,0);
  border: 1px solid #53c52a;
  border-radius: 10px;
  width: 100%;
  padding: 17px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
  justify-content: space-between;
  
}

.post > .blog-h2 {
  font-size: clamp(12px, 1vw, 2rem);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 10px;
  width: fit-content;
  font-weight: bolder;
}
.expanded h2 {
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 10px;
  text-decoration: underline orangered;
  font-weight: bolder;
}
.post img {
  width: 27vw;
  height: 40vh;
  margin-bottom: 10px;
  border-radius: 6px;

}

.post p {
  line-height: 1.5;
  text-align: center;
  width: 5rem;
}


.content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;

}


.toggle-btn {
  display: inline-block;
  margin-top: 10px;
  color: orangered;
  text-decoration: underline;
  font-weight: 600;
  cursor: pointer;
}

.expanded {
  width: 100% !important;
  max-height: auto;
  z-index: 10;
  margin-left: 5vw;
  margin-right: 3.5vw;
  
}
.expanded p { width: 85vw;}
.expanded img{ width: 100%; height: 80vh;}


.hidden {
  display: none !important;
  
}
#blog_image{height: 78%;  }

/* Web builder improved styling page********************************************************/
.container > div.web-builder-definition { grid-area: web-builder-definition;

}

/************************************************************************************************************************************/
/************************************************************************************************************************************/


.contents { width: 93%;  height: 100vw; margin-left: 3em; margin-bottom: 3em;}
.contents{  background-color: rgba(35, 43, 197, 0.4); }
.col11 { padding-left: 70rem;}

/*********************************************************************************************/
/* Table of contents for web hosting section****************************************/


#website-web-host-toc th, #website-web-host-toc td {
  
  padding: 3px;
  text-align: left;
  vertical-align: top; 
 
}
/*********************************************************************************************/
/* Table of contents Ssection****************************************/
.colorinfborder { border: 8px solid; border-color: #1dc8d7; text-decoration: none;}
#website-builders-toc {
 
  border-collapse: collapse;
  margin-top: 15px;
  background-color: #c1d0d0;
  
 
  /* Make the table content scrollable */
  overflow-y: auto; 
  /* Set a fixed height to show only 3 rows initially */
  height: calc(2em * 3) ; /* Adjust 48px based on your row height */
  width: fit-content;
}

#website-builders-toc th, #website-builders-toc td {
  
  padding: 7px;
  text-align: left;
  vertical-align: top; 
 
}

#website-builders-toc th {
  background-color: #f5f5f5;
  font-weight: bold;
  /* Prevent table header from scrolling with the content */
  position: sticky; 
  top: 0; 
  padding: 0;
}
#website-builders-toc th, td {
  background-color: #f5f5f5;
  font-weight: bold;
  /* Prevent table header from scrolling with the content */
  position: sticky; 
  top: 0; 
  padding: 0;
}

#website-builders-toc ul {
  list-style: disc; 
  margin-top: 0; 
  padding-left: 20px; 
  
  
}

/* Scrollbar styles with up/down buttons */
#website-builders-toc::-webkit-scrollbar {
  width: 20px; /* Increased width to accommodate buttons */
}

#website-builders-toc::-webkit-scrollbar-track {
  background: #1b1919; 
}

#website-builders-toc::-webkit-scrollbar-thumb {
  background: #888; 
}

#website-builders-toc::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

/* Up and down buttons inside the scrollbar */
#website-builders-toc::-webkit-scrollbar-button:vertical:start:increment {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-up-fill" viewBox="0 0 16 16"><path d="m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}

#website-builders-toc::-webkit-scrollbar-button:vertical:end:decrement {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-down-fill" viewBox="0 0 16 16"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}

/*********************************************************************************************/
/* Right column */
.rightcolumn {
  float: left;
  width: 25%;
  padding-left: 20px;
}

/* web hosting styling section****************************************/
/*Comparison marketing  courses Section****************************************/


/*********************************************************************************************/


/* Comparison Website Builder tools Features****************************************/
thead { border: 8px solid; border-color: #1dc8d7; text-decoration: none;}
.comparison-table {border: 8px solid;  color: #00FFFF; width: 100rem;}

#comparison-tool {

  margin: 0 auto;
  font-family: sans-serif;
  color: #00FFFF;
}

.filters {
  margin-bottom: 20px;
}

.checkbox-group {
  display: flex;
  flex-wrap: wrap;
}

.checkbox-group label {
  margin-right: 10px;
  font-size: clamp(1rem, 1.5vw, 1rem);
}

.marketing-course-container > .comparison-table {

  border-collapse: collapse;
  
}

.comparison-table th,
.comparison-table td {
  border: 1px solid #ddd;
  padding: 5px;
  text-align: left;
   font-size: clamp(0.5rem, 1vw, 1.5rem);
}

.comparison-table th {
  background-color: #06065c;
}

.comparison-table tr:hover {
  background-color: #070606;
}
.comparison-table { background-color: #040876; width: 100%;}

.highlighted {
  background-color: #ffffcc;
}
 th { color: #e8efef;}
 td { color: #dacbcb; }
 .checkbox-group { color: #e5f4f4;}
 .Colouring-Fliters { color: #16bdde; padding-bottom: 5px;}
 #table-styling{
  
  border-collapse: collapse;
  
  display: flexbox;
  width: 100%;
  margin: 2rem 3rem 0 0;
  border-width: 2px;
  table-layout: fixed;
 }

/*********************************************************************************************/
/* FAQS container */
 .movespace{ text-indent: 20px; display: inline-flex;}
/*********************************************************************************************/
/* Swiper container */
swiper-container {
max-width: 100%;
  height: 94%;
  
  border: 10px solid;
  border-color: #c6b430;

 display: flex;
}


.para {
  color: #000;
  text-align: center;
  margin-left: 0px;
  width: 90px;
  text-shadow: none;
  font-size: 24px;
  text-decoration: none;
   margin-right: -5em;
}

swiper-slide {
  text-align: center; 
  font-size: 18px;
  background: linear-gradient(180deg,  orangered, #c6b430, #0746bc);
  display: flex;
  font-weight: 169px;
  justify-content: center;
  color: #0c0c0a;
  align-items: center;
  padding-top: 4pxpx;
  padding-left: 0px;

  margin-right: -5em;


}


swiper-slide input {

  display: flex;
  flex-direction: column;
  height: auto;

}

.swiper-button-prev.swiper-button-disabled .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(70px - (var(--swiper-navigation-size)/ 2));
  z-index: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}



/************************************************************************************************************/
/** Fixed icon bar**********************/
.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  margin-left: none;


}

.social_icon {
  width: 0px;
}

/* Style the icon bar ********************************************************/
.icon-bar a {

  text-align: center;
  padding: 15px;
  transition: all 0.3s ease;
  color: white;
  font-size: 17px;

  list-style-type: none;
  font-weight: bold;
  width: 2.5em;
  height: 2.5;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  text-decoration: none;
  
}

/* social media icons  styling including colors, if ****************************************************************/
.icon-bar a:hover {
  background-color: #000;
  text-decoration: none;


}

.facebook {
  background: #3B5998;
  color: white;



}

.twitter {
  background: #55ACEE;
  color: white;
}

.instagram {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}




.arrow:hover {
  border-bottom-width: 10px;
  border-right-width: 10px;
  border-color: white;
}

.containar {
  
  align-items: center;
  justify-content: center;
  margin-top: 1%;
  padding-bottom: -2%;
 
 
}
#magnify { justify-items: center;   color: #f3e7e7;}

#fulll {
  color: #f3e7e7;

 

}
li::marker { color: #00FFFF; }
/********************************************************************************************/
/********************************************************************************************/
/* Section:  common mistakes*/
.Common-mistakes-section{  margin-left: 0vw; }

#adjust-size-tbl{ margin-top: 7%;}

/********************************************************************************************/
/********************************************************************************************/

/********************************************************************************************/
/* Section:  Plan A B C */
 .paln_section {
  justify-items: center;
  align-items: center;
 display: flex;
  max-width: 100%;
  width: 100%;
  flex-direction: column;
 margin: 0;
}

.row_plan {
  margin-bottom: 0.rem;
  display: flex;
  justify-content: space-between;
  background-color: #c6b430;

}

.col3 {
  text-align: center;
  display: flex;
  width: 33%;
  height: auto;
  object-position: center;
  border: 10px solid;
  border-color: #c6b430;
  

}

.center {
  text-align: center;
  position: relative;
}

.colours {
  background: #fefdf9;
  font-weight: bolder;
  font-size: 4rem;
  border-radius: 50%;
  width: 30%;
  height: 50%;
  margin: 0.6em 0 0 0;
  align-items: center;
  align-content: center;
  text-align: center;
  display: flex;
  flex-direction: column;



}

#color {
  
  font-weight: bolder;
  color: hsl(0, 89%, 50%);
  display: inline-block;
   
  align-items: center;
  align-self: center;
  align-content: center;
}

.col3 {
  background-image: linear-gradient(red, #c6b430, rgb(0, 55, 128));
  display: flex;
  flex-direction: column;
  padding-bottom: 0%;
  align-items: center;
  text-align: center;
  margin-right: 0%;
  padding-right: 0%;
}
#plan-text-align{ align-items: center; align-content: center; padding: 1em; align-self: center; font-size: 16px; }
figure {
  
 
  justify-content: center;
  font-weight: bolder;
  display: flex;
  flex-direction: column;
  text-align: center;
  color: #f5fdfd;

}

#highlight_cust:hover {
  background-color: #f0fcff;
  border-radius: 10%;
}

/* End of plan Section*/

/********************************************************************************************/
/* Section:  Mission */
.col_MissionA {
  display: flex;
  flex-direction: column;

  display: flex;

  height: auto;
}

.col_MissionB {
  display: flex;
  flex-direction: column;
 
  
}

.Mission {
  
  display: flex;
  flex-direction: column;
}

#author {
  width: fit-content;
  height: 100%;
 
 
}

#Mission_But {
  font-size: 12px;
  background-color: #ed4212;
  color: #fff !important;
}

/* Section:  Builderakll */
.col_builderall1a {
  width: 30%;
  display: block;
  align-items: center;
  margin-right: 70px;
  margin-left: 5.1%;
}

.col_builderaal1b {
  width: 50%;
  padding-left: 0px;
  margin-left: 15px;
  padding-right: -25;
  margin-right: -5em;
}
/********************************************************************************************/
/** Marketing tools comparison table section **/
.comparison-table-style td { background-color: #0a0f95; border-collapse: collapse;}

#table {
  margin: 0 auto;
  margin-top: 35px;
  margin-bottom: 34px;
  width: 100%;
  border-collapse: collapse;
  
   
}

#table td {
  text-align: left;
  padding: 6px;
  border: 3px solid #00b7ff;
}

.Empty {
  display: none;
}
#table th {
   background-color: #040876;
   border: 2px solid aqua;
  padding: 18px 8px 18px 8px;
}

#table tr:nth-child(even) {
  background-color: #020314;
}
/* Forces the banner to display, ignoring any parent styling rules */
.news-ticker-banner {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  
  /* Sizing and layout */
  width: 100% !important;
  height: 2em !important;
  min-height: 2em !important;
  background-color: #1a1a1a !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  
  /* Positions it firmly at the very bottom of the document flow */
  clear: both !important;
  position: relative !important;
  z-index: 99999 !important;
  
  /* Borders and text adjustments */
  border-top: 3px solid #ff0000 !important;
  margin: 40px 0 0 0 !important;
  padding: 0 !important;
}

/* Forces the text container track to show */
.ticker-wrap {
  flex: 1 !important;
  display: block !important;
  overflow: hidden !important;
  height: 100% !important;
  background-color: #222 !important;
  
}

.ticker-track {
  display: flex !important;
  width: max-content !important;
  align-items: center !important;
  height: 100% !important;
  animation: scroll-ticker 25s linear infinite !important;
  
}

#newsbutton-stlying {
  background: #f0f4f4;
}
.ticker-track span {
  color: #ffffff !important;
  font-size: 15px !important;
  padding-right: 60px !important;
  white-space: nowrap !important;
  display: inline-block !important;
  line-height: 50px !important;
  
}

/* Forces the buttons and badges to show */
.ticker-title {
  background-color: #ff0000 !important;
  color: #ffffff !important;
  padding: 0 13px !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  font-weight: bold !important;
  font-size: 14px !important;
  white-space: nowrap !important;
}

.ticker-link-btn {
  background-color: #ffffff !important;
  color: #1a1a1a !important;
  text-decoration: none !important;
  font-weight: bold !important;
  font-size: 14px !important;
  height: 100% !important;
  padding: 0 25px !important;
  display: flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  
}
.news-ticker-banner {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: 10px !important;
  background-color: #1a1a1a !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  border: 3px solid #ff0000 !important;
  padding: 0 !important;
  margin: 0 !important;

  /* This forces it to float at the bottom of the window */
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 999999 !important; /* Ensures it sits on top of all other elements */
}

@keyframes scroll-ticker {
  0% { transform: translateX(0); }
  100% { transform: translateX(50%); }
}

/* Responsive adjustments for mobile and tablets */
@media screen and (max-width: 768px) {
  .news-ticker-banner {
    height: 15px !important; /* Slightly slimmer bar to look elegant on mobile devices */
  }

  /* Shrink the fixed red tag to leave more room for the moving text */
  .ticker-title {
    padding: 0 10px !important;
    font-size: 11px !important;
    letter-spacing: 0.5px !important;
    
  }

  /* Adjust the size of the moving ticker text */
  .ticker-track span {
    font-size: 13px !important;
    padding-right: 40px !important; /* Reduces gap between repeating phrases */
    line-height: 44px !important; /* Re-centers text vertically */
    
    
  }

  /* Shrink the right action button so it fits on small smartphone screens */
  .ticker-link-btn {
    padding: 0 12px !important;
    font-size: 11px !important;
    
  }
}

/* Extra adjustment for ultra-small screens (under 400px wide) */
@media screen and (max-width: 400px) {
  .ticker-title {
    font-size: 10px !important;
    padding: 0 6px !important;
    
  }
  
  .ticker-link-btn {
    padding: 0 8px !important;
    font-size: 10px !important;
    
  }
}

/********************************************************************************************/
/** End of blog section **/
/********************************************************************************************/
/** FOOTER STYLING **/
.footer {
  margin-top: 20px#e5e9ef;
 display: grid;
  text-align: center;
  align-items: center;
 margin: 0 0 2em 0;
  background-blend-mode: screen;
}
#Footer_logo {height: 10em; width: 12em;}
.footer a {
  text-decoration: none;
  color: #0c074f;


}

.footer #Nav_colour a { text-decoration: none;}
.FT_navStyle  {
  font-family: sans-serif;
  text-decoration: none;
  font-weight: bold;
  text-align: Center;
  align-items:center;
  text-decoration: none;
  width: auto;
  
}
.FT_navStyle a {font-size: 16px; }
#Nav_colour {
  color: rgb(255, 241, 241);
  background-color: #d6dee0;
  align-items: center;

  height: auto;
}


/********************************************************************************************/
/* For styling Contact Form*/
.col_Contact_UsA {
 width: 70%;
}

.col_Contact_UsB {
  width: 80%;
 
  align-items: center;
}

label {
  font-weight: 700;
  font-family: sans-serif;
  text-transform: uppercase;

  
}

input[type=text],
select,
textarea {
 width: 50%;

  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
  font-family: sans-serif;
  color: #dde7e7;
}

input[type=email],
select {
  width: 70%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
  font-family: sans-serif;

}
hr { width: auto; align-items: center; }

input[type=submit] {
  font-size: 10px;
  background-color: #ed4212;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;

}

.input[type="submit"]:hover {
  cursor: pointer;
  color: #12BDED;



}


.formbBackGround {
  border-radius: 5px;
  background-color: #f2f2f2;


}

.li {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #ebe2e2;
}
.row_CT { margin-top: 3.9em;}
.footer #foot-form-bottom{margin: -1em 0 1rem 0;}

form { width: auto;} 
/* ==========================================
   SAFE TEXT CONTENT INLINE LINK LAYOUT FIX
   ========================================== */

/* This targets ONLY inline text links inside articles/paragraphs/lists */
html body p a,
html body li a,
html body span a,
html body article a:not([class*="btn"]) {
  display: inline !important;
  position: relative !important;
  vertical-align: baseline !important;
  
  /* Reset dimensions so text flows normally */
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  flex: none !important;
  float: none !important;
  align-self: auto !important;
  
  /* Strip away large side margins/padding causing gaps */
  margin: 0 3px !important; 
  padding: 0 !important;
  white-space: normal !important; 
}

/* Fix basic paragraph line behavior without forcing structural breaks on layout elements */
html body p {
  display: block !important;
}


/* ==========================================
   MEDIA QUERIES FOR MOBILE & TABLET LAYOUTS
   ========================================== */

/* Tablets and small laptops (under 1024px) */
@media screen and (max-width: 1024px) {
  html body p a, html body li a, html body span a {
    display: inline !important;
    vertical-align: baseline !important;
    margin: 0 2px !important;
    padding: 0 !important;
  }
}

/* Smartphones (under 768px) */
@media screen and (max-width: 768px) {
  html body p a, html body li a, html body span a {
    display: inline !important;
    font-size: inherit !important; 
    line-height: inherit !important; 
    margin: 0 2px !important;
    padding: 0 !important;
  }
  
  html body p {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/********************************************************************************************/
/********************************************************************************************/
/* Responsive Styling */

@media only screen and  (min-width: 5rem) and  (max-width: 80rem)
/* @media Query - for devices width up to 768px */
  {
    
  /*Homepage container *****************************************************************************************/
  .Homepage-container { 
    display: grid; 
      grid-template-columns: 2.5em minmax(7ch, 1fr) minmax(7ch, 1fr) minmax(7ch, 1fr) 2em;

       grid-template-areas: "Logo  header header header header"
                            "A B B B...."
                            "A C C C...."
                            "A D D D...."
                            "A E E E...."
                            "A F F F...."
                            "A footer footer footer....";
   row-gap: 5em; 

top: 0;
grid-row: 1 / 8;
grid-template-rows: auto;
 justify-items: space-between;
    box-sizing: border-box;
 max-width: 100%;
       width: 100%;
 
    margin: 0;
    padding: 0;

}

   
/*Web hosting menu-styling container *****************************************************************************************/
 .Homepage-container > div.menu-styling {
  grid-area: A;
  display: grid;
grid-column: 1;
align-items: center;
align-self: center;
}
  
/* .Homepage-container head container *****************************************************************************************/
 .Homepage-container > .header {
  grid-area: header;
  text-align: center;
  align-self: center;
grid-row: 1;
 display: grid;
 max-width: 100%;
grid-column: 1 / 5;
 


}

.Homepage-container > .logo { display: grid; height: 9%; width: clamp(4rem, 24vw, 62rem);
  grid-column: 1 / 3;}
 .Homepage-container > .navigation_bar{ width: 100%; max-width: 100%; overflow-x: none; margin: 0;}
/*End of Homepage-container content head container *****************************************************************************************/
/*Homepage-container-main-section *****************************************************************************************/

 .Homepage-container > .Homepage-container-main-section {
  grid-area: B;
  grid-template-areas: "A A A...."
                       "B B B....";
  display: grid;
grid-template-columns: subgrid;
grid-template-rows: subgrid;
color: #eee2e2;
margin: -0.2em 0 0 0;

grid-column: 2 / 5;
grid-template-rows: minmax(30px, 1fr);
row-gap: 2rem;
height: 100%;
 max-width: 100%; 
}


 .Homepage-container > .Homepage-container-main-section > #main-content-sub{
display: grid;
  grid-area: A;
  padding: 1rem 0rem 0 0;
  grid-column: 1 / 4; 
  grid-row: 1;
  padding-right: 0;
  width: 100%;
}
 .Homepage-container > .Homepage-container-main-section > #main-img{
display: grid;
  grid-area: B;
  grid-column: 1 / 4;
grid-row: 2;
    width: fit-content;
    
  
}
 .Homepage-container > .Homepage-container-main-section > #hero_image{
height: 100%;
 width: 100%; 
  align-self: stretch;
    align-items: stretch;
    align-content: stretch;
 
}

 /*End of Homepage main container*****************************************************************************************/
  .Homepage-container > .swipe-container {
 

    display: grid;
 
    grid-column: 2 / 4;
    grid-area: C;
  
      
  
}
 /*End of Homepage main container*****************************************************************************************/
  /*Homepage-container Section*****************************************************************************************/
  
     .Homepage-container > div.modern-digital-brand-benefits{
    display: grid;
   grid-area: D;
   grid-template-columns: subgrid;
   grid-template-rows: subgrid;
   grid-template-areas: "A A A"
                        "B B B"
                        "C C C";
  
grid-template-rows: minmax(30px, 1fr);
 grid-column: 2 / 5;

 padding-left: 0;
    margin-left: 0;

 
}
 .Homepage-container > .modern-digital-brand-benefits > .modern-digital-brand-benefits-content-1-1{
     grid-template-columns: subgrid;
   
      display: grid;
   grid-area: A;
   grid-template-areas: "A A A"
                        "B B B";
grid-template-rows: minmax(30px, 1fr);



}

.Homepage-container >  .modern-digital-brand-benefits > .modern-digital-brand-benefits-content-1-1 > .modern-digital-brand-benefits-sub-content-1 {
     padding: 0;
     grid-area: A;
      grid-column: 1 / 4;
   
    
}

.Homepage-container >  .modern-digital-brand-benefits > .modern-digital-brand-benefits-content-1-1 > .modern-digital-brand-benefits-sub-content-2 {

     grid-area: B;
      grid-column: 1 / 4;
       padding-left: 0;
     
      
}
.Homepage-container > .modern-digital-brand-benefits > .modern-digital-brand-benefits-content-1-1 > .modern-digital-brand-benefits-sub-content-2 img {
     height: 100%;
width: 100%;

}

 .Homepage-container >  .modern-digital-brand-benefits > .modern-digital-brand-benefits-content-1-2{
     
      display: grid;
   grid-area: B;
   grid-template-areas: "B B B"
                        "C C C";
   grid-template-rows: minmax(30px, 1fr);

}

.Homepage-container >  .modern-digital-brand-benefits > .modern-digital-brand-benefits-content-1-2 > .modern-digital-brand-benefits-sub-content-1 {
     grid-area: B;
    grid-column: 1 / 4;

      
   
}

.Homepage-container > .modern-digital-brand-benefits > .modern-digital-brand-benefits-content-1-2 > .modern-digital-brand-benefits-sub-content-2 {
     grid-area: C;
    grid-column: 1 / 4;
     background-color: #00FFFF;
     margin-right: 0;

   
  
}
.Homepage-container >  .modern-digital-brand-benefits > .modern-digital-brand-benefits-content-1-2 > .modern-digital-brand-benefits-sub-content-2 img{
     height: 100%;
width: 100%;

}
#hero_images  {
width: 100%;
height: 100%;
max-width: 100%;
}

 .Homepage-container >  .modern-digital-brand-benefits >  .modern-digital-brand-benefits-content-1-3{
     
      display: grid;
   grid-area: C;
   grid-template-areas: "A A A"
                        "B B B";
    

}

.Homepage-container >  .modern-digital-brand-benefits > .modern-digital-brand-benefits-content-1-3 > .modern-digital-brand-benefits-sub-content-1 {
     grid-area: A;
      grid-column: 1 / 4;
         align-items: center;
      align-self: center;
      padding-left: 0;
    
}

.Homepage-container >  .modern-digital-brand-benefits > .modern-digital-brand-benefits-content-1-3 > .modern-digital-brand-benefits-sub-content-2 {
     grid-area: B;
      grid-column: 1 / 4;
      
}

   
 /*End ofmodern-digital-brand-benefits Section*****************************************************************************************/
  /*plan-A-B-C Section*****************************************************************************************/
.Homepage-container >  .plan-A-B-C {
  display: grid;
  grid-template-areas: "B B B";
     grid-area: E;
     grid-template-columns: subgrid;
   grid-template-rows: subgrid;
}

.Homepage-container >  .plan-A-B-C > #rowplan {
  
  grid-area: B;
  grid-column: 1 / 3;
}

  /*End of plan-A-B-C Section*****************************************************************************************/
    /*Mission Section*****************************************************************************************/

 .Homepage-container > .Mission-section {
   display: grid;
   grid-area: F;
   grid-template-areas: "B B B"                      
                        "C C C";
   grid-template-rows: repeat(auto-fit, minmax(40rem, 4fr));
   grid-template-columns: 1 / 4;
   grid-template-columns: subgrid;
}

.Homepage-container >  .Mission-section > .Mission-section-content-1 {
margin-top: -10rem;
     grid-area: B;
 padding: 0rem 0 0 0;

}

.Homepage-container >  .Mission-section > .Mission-section-content-2 {

     grid-area: C;
      
    grid-column: 1 / 4;
    padding-left: 0;
   
}
.Homepage-container > .Mission-section > .Mission-section-content-2  img {
   
height: 100%;
 width: 100%; 
  align-self: stretch;
    align-items: stretch;
    align-content: stretch;
 
margin-top: -9rem;
}
      /*End of Mission Section*****************************************************************************************/
 /*Homepage-container Footer Section*****************************************************************************************/
 .Homepage-container > .footer {
  display: grid;
  grid-area: footer;
align-items: center;
align-self: stretch;
  width: fit-content;
  grid-column: 2 / 5;
grid-row: 10;
  text-align: center;
  margin-bottom: 1.5rem;

}
 .Homepage-container > .footer > .div#Footer_logo { 
align-items: center;
}

/*About-us-container *****************************************************************************************/
  .about-us-container { display: grid; 
grid-template-columns: 2.5em minmax(7ch,  1fr)  minmax(7ch,  1fr)  minmax(7ch,  1fr) 2em;
       grid-template-areas: "header header header header header"
                            "A B B B..."
                            "A C C C..."
                            "A footer footer footer...";
row-gap: 5em; 
grid-row: 1 / 8;
top: 0;
box-sizing: border-box;
grid-row: 1 / 7;
justify-items: space-between;
align-items: center;
align-self: center;
max-width: 100%;
width: 100%;
overflow-y: scroll;

}
/*Web hosting menu-styling container *****************************************************************************************/
 .about-us-container > div.menu-styling {
  display: grid;
  grid-area: A;
grid-column: 1;
align-items: center;
align-self: center;
}

/* .Homepage-container head container *****************************************************************************************/
 .about-us-container > div.header {
  display: grid;
  grid-area: header;
  text-align: center;
  align-self: center;
  grid-column: 1 / 4;
}
/*End of Homepage-container content head container *****************************************************************************************/
/*Homepage-container-main-section *****************************************************************************************/

 .about-us-container > .about-us-main-section {
  grid-area: B;
  grid-template-areas: "A A A"
                       "B B B";
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
grid-row:  2 / 4;
color: #eee2e2;

grid-column: 2 / 5;
row-gap: 2rem;
justify-items: space-between;
}
 .about-us-container > .about-us-main-section  h1{ left: 0; position: relative; width: 100%;}
 .about-us-container > .about-us-main-section > .about-us-main-section-content-1{
  grid-area: A;
 grid-row: 1;
  grid-column: 1 / 4;  
  padding-right: 0; 
  margin: -3.3em 0 0 0;
justify-items: space-between;
  
}
 .about-us-container > .about-us-main-section > .about-us-main-section-content-2{
  grid-area: B;
  grid-column: 1 / 4;
  align-self: center;
align-items: center;
color: #00FFFF;
margin-left: 0;
padding: o o o o;
margin-right: 0;
 grid-row: 2;
  
}
 .about-us-container > .about-us-main-section > #main-content-img img{
height: auto;  
 max-height: 100%;
width: 100%;

}

/*End of Homepage main container*****************************************************************************************/
/*Homepage-container Section*****************************************************************************************/
  
 .about-us-container > .about-us-CTAs-section{
     
   display: grid;
   grid-area: C;
   grid-template-areas: "A A A"
                        "B C D"
                        "E F G";
    grid-template-columns: subgrid;
grid-row: 4;
  background-color: rgb(0,0,0);
  border: 1px solid #53c52a;

}
.about-us-container  >  .about-us-CTAs-section > .about-us-CTAs-section-title {
     grid-area: A;
     grid-column: 1 / 4;
   grid-row: 1;

}
.about-us-container  >  .about-us-CTAs-section  h2 {
  
     grid-column: 1 / 4;

}
.about-us-container  >  .about-us-CTAs-section > .about-us-CTAs-section-1-1 {
     grid-area: B;
     grid-column: 1 / 2;

 padding-right: 4rem;
  
}

.about-us-container  >  .about-us-CTAs-section > .about-us-CTAs-section-2-1{
     grid-area: C;
       grid-column: 2 / 3;

}
.about-us-container  >  .about-us-CTAs-section > .about-us-CTAs-section-3 {
     grid-area: D;
    grid-column: 3 / 4;

    padding-right: 4rem;
}

.about-us-container  > .about-us-CTAs-section > .about-us-CTAs-section-4{
     grid-area: E;
      grid-column: 1 / 2;

   
     
}
.about-us-container  > .about-us-CTAs-section > .about-us-CTAs-section-5{
     grid-area: F;
      grid-column: 2 / 3;
 
   
}
.about-us-container  > .about-us-CTAs-section > .about-us-CTAs-section-6{
     grid-area: G;
      grid-column: 3 / 4;
  
   
}

/*about-us-CTAs-section *****************************************************************************************/
.about-us-container > div.footer {
  display: grid;
grid-area: footer;
align-items: center;
align-self: center; 
grid-column: 2 / 5;
text-align: center;
gap: 7px;
 grid-row: 5;
 width: 100%;
}
 .about-us-container > .footer > .div#Footer_logo { 
align-items: center;
}

/*End of About Us footer*****************************************************************************************/
/*Web builder container *****************************************************************************************/
  .container { 
    
       display: grid; 
       grid-template-columns: 2.5em minmax(7ch,  1.7fr)  minmax(7ch,  1fr) 2em;
       grid-template-areas: "header header header header"
                            "A B B...."
                            "A C C...."
                            "A D D...."
                            "A E E...."
                            "A F F...."
                            "A G G...."
                            "A H H...."
                            "A I I...."
                            "A J J...."
                            "A K K...."
                            "A L L...."
                            "A M M...."
                            "A N N...."
                            "A footer footer....";

   row-gap: 5rem; 

top: 0;

justify-items: space-between;
max-width: 100%;grid-template-rows: auto;

}
.container  h2 { width: clamp(15rem, 75vw, 100rem); grid-row: 1 / 3; }
/*Web builder content head container *****************************************************************************************/
.container > .main-header {
  grid-area: header;
  text-align: center;
  align-self: center;
  display: grid;

  grid-column: 1 / 4;
 

}
/*End of Web builder content head container *****************************************************************************************/
/*Web builder menu-styling container *****************************************************************************************/
.container > .menu-styling {
  display: grid;
  grid-area: A;


}
  
/*Web builder content head container *****************************************************************************************/
/*Web builder main content container *****************************************************************************************/


.container > .web-builder-content-main{
  display: grid;
  grid-area: B;
  grid-template-areas: "A A"
                       "B B";
   display: grid;
  grid-template-columns: subgrid;
 grid-template-rows: minmax(15rem, 1fr);
     row-gap: 3rem;
color: #eee2e2;
padding-top: 1rem;
grid-column: 2 / 4;
}
.container > .links-colour {color: #00FFFF;}
.container > .web-builder-content-main > div.content-main {
  grid-area: A;
  grid-column: 1 / 3;
  color: #eee2e2;
      padding: 0 0 0 0;
}


.container > .web-builder-content-main > .image-st {
  grid-area: B;
  grid-column: 1 / 3;
  align-self: stretch;   
  align-items: stretch;   
}

.container > .web-builder-content-main > .image-st img {
 max-width: 100%;
 height: 100%;
 align-self: stretch;   
 align-items: stretch;   
  
}
/*Web builder definition content container *****************************************************************************************/
.container > .Web-builder-definition{
  display: grid;
  grid-area: C;
  grid-column: 2 / 4;

}

/* Web builder reason content container *****************************************************************************************/

.container > .web-builder-reaon-table {
  display: grid;
  grid-area: D;
  grid-template-areas: "A A"
                       "B B";
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
  color: #eee2e2;
  grid-template-rows: minmax(3px, 1fr);
  row-gap: 3rem;
}


.container > .web-builder-reaon-table > .web-builder-reaon-table-content-1 {
  grid-area: B;
  padding-right: 0;
  grid-column: 1 / 3;
  color: #eee2e2;
}
/* Web builder table of content container *****************************************************************************************/
.container > .web-builder-reaon-table > div.web-builder-reaon-table-content-2 {
  grid-area: A;
       padding-left: 0;    
 grid-column: 1 / 3;

}
.container > .web-builder-reaon-table > .web-builder-reaon-table-content-2 > #website-web-builder-toc {
      width: 100%;
    height: fit-content;
    padding-top: 0;
    border-collapse: collapse;
    padding-left: 0;
  background-color: #c1d0d0;

  
 
  /* Make the table content scrollable *****************************************************************************************/
  overflow-y: auto; 
  /* Set a fixed height to show only 3 rows initially */
  height: calc(48px * 3); /* Adjust 48px based on your row height */
}


.container > .types-web-builder1 img {  width: 100%;
  height: auto;
  aspect-ratio: auto;
 }

/*types of Web builder subgrid content container *****************************************************************************************/
 .container >  div.types-web-builder1{
    display: grid;
   grid-area: E;
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;


 
}
/*DIY Web builder content container *****************************************************************************************/

.container > .types-web-builder1 > .web-b-title{
     grid-row: 1;
      grid-column: 1 / 4;
 

}


.container > .types-web-builder1 > div.web-b-content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.container > .types-web-builder1 > div.web-b-image{
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}

.types-web-builder1 > .web-b-content > .unordered-list-style > li { list-style-type: square;} 

.container > .types-web-builder1 > .web-b-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*E-com web builder Section*****************************************************************************************/
 

.container > .types-web-builder1 > div.E-com-web-builder-title{
     grid-row: 4;
      grid-column: 1 / 3;

}

.container > .types-web-builder1 > div.E-com-web-builder-content{
     grid-row: 5;
      grid-column: 1 / 3;

}



 .container > .types-web-builder1 > .E-com-web-builder-content > .unordered-list-style  li { list-style-type: square; } 

 .container > .types-web-builder1 > .E-com-web-builder-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
    /*End of E-com-web-builder Section*****************************************************************************************/

  /*AI Powered Web Builder Section*****************************************************************************************/
 

 .container > div.types-web-builder1 > .AI-web-builder-title{
     grid-row: 6;
      grid-column: 1 / 3;


}


.container > .types-web-builder1 > div.AI-web-builder-content{
     grid-row: 8;
      grid-column: 1 / 3;

}

.container > .types-web-builder1 > div.AI-web-builder-image{
     grid-row: 7;
      grid-column: 1 / 3;
padding: 0;


}
.container > .types-web-builder1 > .AI-web-builder img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }

 .container > .types-web-builder1 > .AI-web-builder-content > .unordered-list-style  li { list-style-type: square; } 

 .container > .types-web-builder1 > div.AI-web-builder-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
    /*End of AI Powered Web Builder Section*****************************************************************************************/
    
  /*Specialized-web-builder Section*****************************************************************************************/
 

 .container > .types-web-builder1 > .Specialized-web-builder-title{
     grid-row: 9;
      grid-column: 1 / 3;


}


.container > .types-web-builder1 > div.Specialized-web-builder-content{
     grid-row: 10;
      grid-column: 1 / 3;

}




 .container > .types-web-builder1 > .Specialized-web-builder-content > .unordered-list-style  li { list-style-type: square; } 

 .container > .types-web-builder1 > div.Specialized-web-builder-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
    /*End of Specialized-web-builder Web Builder Section*****************************************************************************************/
     /*Web-Builder-Essential-Feature Section*****************************************************************************************/
     .container > div.Web-Builder-Essential-Feature{
    display: grid;
   grid-area: F;
   
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;

 
}

 

 .container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-title-1{
     grid-row: 1;
      grid-column: 1 / 3;


}


.container > .Web-Builder-Essential-Feature > div.Web-Builder-Essential-Feature-content-1{
     grid-row: 3;
      grid-column: 1 / 3;

}


.container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-image-1{
     grid-row: 2;
      grid-column: 1 / 3;

}

.container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-image-1 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }

 .container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-title-2{
     grid-row: 4;
      grid-column: 1 / 3;


}


.container > .Web-Builder-Essential-Feature > div.Web-Builder-Essential-Feature-content-2{
     grid-row: 5;
      grid-column: 1 / 3;

}

 .container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-title-3{
     grid-row: 6;
      grid-column: 1 / 3;


}


.container > .Web-Builder-Essential-Feature > div.Web-Builder-Essential-Feature-content-3{
     grid-row: 7;
      grid-column: 1 / 3;

}

 .container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-title-4{
     grid-row: 8;
      grid-column: 1 / 3;


}


.container > .Web-Builder-Essential-Feature > div.Web-Builder-Essential-Feature-content-4{
     grid-row: 9;
      grid-column: 1 / 3;

}

 .container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-title-5{
     grid-row: 10;
      grid-column: 1 / 3;


}


.container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-content-5{
     grid-row: 12;
      grid-column: 1 / 3;

}


.container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-image-2{
     grid-row: 11;
      grid-column: 1 / 3;

}

.container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-image-2 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
 .container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-title-6{
     grid-row: 13;
      grid-column: 1 / 3;


}


.container > .Web-Builder-Essential-Feature > div.Web-Builder-Essential-Feature-content-6{
     grid-row: 14;
      grid-column: 1 / 3;

}
 .container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-title-7{
     grid-row: 15;
      grid-column: 1 / 3;


}


.container > .Web-Builder-Essential-Feature > div.Web-Builder-Essential-Feature-content-7{
     grid-row: 16;
      grid-column: 1 / 3;

}

 .container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-title-8{
     grid-row: 17;
      grid-column: 1 / 3;


}


.container > .Web-Builder-Essential-Feature > div.Web-Builder-Essential-Feature-content-8{
     grid-row: 19;
      grid-column: 1 / 3;

}
.container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-image-3{
     grid-row: 18;
      grid-column: 1 / 3;

}
.container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-image-3 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
 .container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-title-9{
     grid-row: 20;
      grid-column: 1 / 3;


}


.container > .Web-Builder-Essential-Feature > div.Web-Builder-Essential-Feature-content-9{
     grid-row: 21;
      grid-column: 1 / 3;

}
 .container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-title-10{
     grid-row: 22;
      grid-column: 1 / 3;


}


.container > .Web-Builder-Essential-Feature > .Web-Builder-Essential-Feature-content-10{
     grid-row: 23;
      grid-column: 1 / 3;

}



 .unordered-list-style  li { list-style-type: square;  width: auto;} 

  .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 1.2em; line-height: 29px;
  
  text-size-adjust: 14px;
  justify-content: space-between;
  
 }
 
    /*End of Web-Builder-Essential-Feature Section*****************************************************************************************/
        /*comprison  Section*****************************************************************************************/
     .container > .Comparisons-section {
      grid-template-areas: "A A";
      display: grid;
      grid-area: G;
      grid-template-rows: subgrid;
      grid-template-columns: subgrid;
      grid-column: 2 / 4;
      row-gap: 1em;
    
}
 

.container > .Comparisons-section > .comparison-tables  {
  
      grid-area: A;
      
      grid-column: 1 / 3;
      align-items: center;
      align-content: center;
      width: 100%;

}
  
  /*End of comparison Section*****************************************************************************************/
  /*Choosing-the-Right-Website-Builder Section*****************************************************************************************/
  
     .container > .Choosing-the-Right-Website-Builder{
    display: grid;
    grid-area: H;
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;

 
}
 .container > .Choosing-the-Right-Website-Builder > .Choosing-the-Right-Website-Builder-title{
     grid-row: 1;
      grid-column: 1 / 3;
    
}


.container > .Choosing-the-Right-Website-Builder > .Choosing-the-Right-Website-Builder-content{
     grid-row: 3;
      grid-column: 1 / 3;

}
.container > .Choosing-the-Right-Website-Builder > .Choosing-the-Right-Website-Builder-image { 
   grid-row: 2;
   grid-column: 1 / 3;

}
.container > .Choosing-the-Right-Website-Builder > .Choosing-the-Right-Website-Builder-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
      
 /*End of Choosing-the-Right-Website-Builder Section*****************************************************************************************/
   /*Success-Stories-web-builder Section*****************************************************************************************/
  
  .container > div.Success-Stories-web-builder{
    display: grid;
   grid-area: I;
   
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;

 
}
 .container > .Success-Stories-web-builder > .Success-Stories-web-builder-title-1{
     grid-row: 1;
      grid-column: 1 / 3;
    
}


.container > .Success-Stories-web-builder > .Success-Stories-web-builder-content-1{
     grid-row: 3;
      grid-column: 1 / 3;

}
.container > .Success-Stories-web-builder > .Success-Stories-web-builder-image-1 { 
   grid-row: 2;
      grid-column: 1 / 3;

}
.container > .Success-Stories-web-builder > .Success-Stories-web-builder-image-1 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
   

 .container > .Success-Stories-web-builder > .Success-Stories-web-builder-title-2{
     grid-row: 4;
      grid-column: 1 / 3;
    
}


.container > .Success-Stories-web-builder > .Success-Stories-web-builder-content-2{
     grid-row: 6;
      grid-column: span 3;

}
.container > .Success-Stories-web-builder > .Success-Stories-web-builder-image-2 { 
   grid-row: 5;
      grid-column: 1 / 3;

}
.container > .Success-Stories-web-builder > .Success-Stories-web-builder-image-2 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
   

 .container > .Success-Stories-web-builder > .Success-Stories-web-builder-title-3{
     grid-row: 7;
      grid-column: 1 / 3;
    
}


.container > .Success-Stories-web-builder > .Success-Stories-web-builder-content-3{
     grid-row: 9;
      grid-column: 1 / 3;

}
.container > .Success-Stories-web-builder > .Success-Stories-web-builder-image-3 { 
   grid-row: 8;
      grid-column: 1 / 3;

}
.container > .Success-Stories-web-builder > .Success-Stories-web-builder-image-3 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
   
 /*Common-mistakes-Section Section*****************************************************************************************/
 

 .container > .Common-mistakes-Section{
  display: grid;
     grid-area: J;
     grid-template-areas: "A A"
                          "B B";
     grid-template-columns: subgrid;
     grid-template-rows: subgrid;
     grid-template-rows: minmax(3px, 1fr);
  row-gap: 3rem;
}
.container > .Common-mistakes-Section > .Common-mistakes-Section-1{
      grid-area: B;
      grid-column: 1 / 3;
      padding-right: 0;

}
.container > .Common-mistakes-Section > .Common-mistakes-Section-2{
      grid-area: A;
      grid-column: 1 / 3;
      padding-left: 0;

}
.container > .Common-mistakes-Section > #website-builders-toc {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  margin-top: 15px;
  background-color: #c1d0d0;

  /* Make the table content scrollable *****************************************************************************************/
  overflow-y: auto; 
  /* Set a fixed height to show only 3 rows initially */
  height: calc(48px * 3); /* Adjust 48px based on your row height */
}
 /*End of  Common-mistakes-Section Section*****************************************************************************************/
  /*End of FAQs-web-builder Section*****************************************************************************************/

     .container > div.FAQs-web-builder {
    display: grid;
   grid-area: K;
   
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;

 
}
 .container > .FAQs-web-builder > .FAQs-web-builder-title{
     grid-row: 1;
      grid-column: 1 / 3;
      
}
.container > .FAQs-web-builder > .FAQs-web-builder-content{
     grid-row: 3;
      grid-column: 1 / 3;

}
.container > .FAQs-web-builder > .FAQs-web-builder-image { 
   grid-row: 2;
      grid-column: 1 / 3;

}
.container > .FAQs-web-builder > .FAQs-web-builder-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
    
/*Web-builder-conclusion Section*****************************************************************************************/

     .container > div.Web-builder-conclusion {
    display: grid;
   grid-area: L;
    grid-column: 2 / 4;
    row-gap: 1em;

 
}
/*End of Web-builder-conclusion Section*****************************************************************************************/
/*Web-Builder-Take-Action-Now nSection*****************************************************************************************/

     .container > div.Web-Builder-Take-Action-Now {
    display: grid;
   grid-area: M;
    grid-column: 2 / 3;
    row-gap: 1em;

 
}
/*End of Web-Builder-Take-Action-Now Section*****************************************************************************************/
/*Web-Builder-Further-Reading Section*****************************************************************************************/

     .container > div.Web-Builder-Further-Reading {
    display: grid;
   grid-area: N;
    grid-column: 2 /4;
    row-gap: 1em;
     
 
}
/*End of Web-Builder-Further-Reading Section*****************************************************************************************/
/* Web-Builder Footer Section*****************************************************************************************/
 .container > div.footer {
  grid-area: footer;
align-items: center;
align-self: center;
  display: grid;
  grid-column: 2 / 4;

  text-align: center;
 margin-bottom: 1.6rem;
  gap: 7px;
}
 .container > .footer > .div#Footer_logo { 
align-items: center;
}

/*End of Web-Builder Footer Section*****************************************************************************************/
/*Web hosting container *****************************************************************************************/
  .web-hosting-container {width: 100%; overflow: hidden; z-index: 1;}
  .web-hosting-container { display: grid; 
       grid-template-columns: 2.5em minmax(7ch, 1.8fr)  minmax(7ch, 1fr) 2em;
       grid-template-areas: "header header header header"
                            "A B B...."
                            "A C C...."
                            "A D D...."
                            "A E E...."
                            "A F F...."
                            "A G G...."
                            "A H H...."
                            "A I I...."
                            "A J J...."
                            "A K K...."
                            "A L L...."
                            "A M M...."
                            "A N N...."
                            "A O O...."
                            "A P P...."
                            "A Q Q...."
                            "A R R...."
                            "A S S...."
                            "A T T...."
                            "A footer footer....";
row-gap: 5em; 
top: 0;
grid-column: auto;
justify-items: space-between;
align-items: center;
align-self: center;
width: 100%;

}
/*Web builder menu-styling container *****************************************************************************************/
.web-hosting-container > div.menu-styling {
  grid-area: A;
grid-column: 1 / 4;
align-items: center;
align-self: center;
}
  
/*Web builder content head container *****************************************************************************************/
.web-hosting-container > div.header {
  grid-area: header;
  text-align: center;
  align-self: center;
  

  grid-column: 1 / 4;
 

}
/*End of Web builder content head container *****************************************************************************************/
/*Web builder main content container *****************************************************************************************/

.web-hosting-container > .web-hosting-content-main {
  grid-area: B;
  grid-template-areas: "A A"
                       "B B";
  display: grid;
  grid-template-columns: subgrid;
 grid-template-rows: minmax(15rem, 1fr);
     row-gap: 3rem;
color: #eee2e2;
margin: -3.6rem 0 0 0;
grid-column: 2 / 4;
}
.web-hosting-container h1 {
width: fit-content;

}
.web-hosting-container > .web-hosting-content-main > .content-main{
  grid-area: A;
  padding-right: 0;
   grid-column: 1 / 3;
      
  
}
.web-hosting-container > .web-hosting-content-main > div.web-hosting-container-image {
  grid-area: B;
   grid-column: 1 / 3;
      
  
}
.web-hosting-container > .web-hosting-content-main > div.web-hosting-container-image img{
height: 100%;
  
      
  
}
 /**End of  Common-mistakes-Section Section*****************************************************************************************/
 .web-hosting-container > .web-hosting-common-mistakes-content-section{
      grid-area: C;
     grid-template-areas: "A A"
                          "B B";
   
     display: grid;
     grid-template-columns: subgrid;
     grid-template-rows: minmax(15rem, 1fr);
     row-gap: 3rem;
     grid-column: 2 / 4;
}
    
 .web-hosting-container > .web-hosting-common-mistakes-content-section > .web-hosting-common-mistakes-content-container{
      grid-area: B;
     grid-column: 1 / 3;

}

 .web-hosting-container > .web-hosting-common-mistakes-content-section > .web-hosting-common-mistakes-table-container{
      grid-area: A;
      padding-left: 0;
       grid-column: 1 / 3;
 padding-left: 0;
padding-right: 0;
}

.web-hosting-container > .web-hosting-common-mistakes-content-section > .web-hosting-common-mistakes-table-container table  {
  width: 100%;
  height: fit-content;
 padding-top: 0;
  border-collapse: collapse;
 padding-left: 0;
  
 /* Make the table content scrollable *****************************************************************************************/
  overflow-y: none; 
  /* Set a fixed height to show only 3 rows initially */
/* Adjust 48px based on your row height */
}
.web-hosting-container > .web-hosting-common-mistakes-content-section > .web-hosting-common-mistakes-table-container > #website-web-host-toc  { background-color: #ecf2f2; margin-top: 0cap; align-items: self-start; align-self: stretc;}
  /*End of FAQs-web-builder Section*****************************************************************************************/


.web-hosting-container > .Why-You-Need-Web-Hosting-domains-image img {  width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
/*Why-You-Need-Web-Hosting-domains content container *****************************************************************************************/
 .web-hosting-container >  .Why-You-Need-Web-Hosting-domain{
    display: grid;
   grid-area: D;
   
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;

 
}
.web-hosting-container > .Why-You-Need-Web-Hosting-domain > .Why-You-Need-Web-Hosting-domain-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}

.web-hosting-container > .Why-You-Need-Web-Hosting-domain > div.Why-You-Need-Web-Hosting-domain-content{
     grid-row: 3;
      grid-column: 1 / 3;

}
.web-hosting-container > .Why-You-Need-Web-Hosting-domain > .Why-You-Need-Web-Hosting-domain-image{
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.web-hosting-container > .Why-You-Need-Web-Hosting-domain > .Why-You-Need-Web-Hosting-domain-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }

.web-hosting-container > .Why-You-Need-Web-Hosting-domain > .Why-You-Need-Web-Hosting-domain-content > .unordered-list-style > li { list-style-type: square;} 

.web-hosting-container > .Why-You-Need-Web-Hosting-domain > .Why-You-Need-Web-Hosting-domain-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
/* End of content container *****************************************************************************************/
/*Types-of-Web-Hosting content container *****************************************************************************************/
 .web-hosting-container > .Types-of-Web-Hosting{
    display: grid;
   grid-area: E;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*DIY Web builder content container *****************************************************************************************/

.web-hosting-container > .Types-of-Web-Hosting > .Types-of-Web-Hosting-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.web-hosting-container > .Types-of-Web-Hosting > .Types-of-Web-Hosting-content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.web-hosting-container > .Types-of-Web-Hosting > .Types-of-Web-Hosting-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.web-hosting-container > .Types-of-Web-Hosting > .Types-of-Web-Hosting-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.web-hosting-container > .Types-of-Web-Hosting > .Types-of-Web-Hosting-content > .unordered-list-style > li { list-style-type: square;} 

.web-hosting-container > .Types-of-Web-Hosting > .Types-of-Web-Hosting-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Types-of-Web-Hosting Section*****************************************************************************************/
/*.Domain-Name-Options container *****************************************************************************************/
 .web-hosting-container > .Domain-Name-Options{
    display: grid;
   grid-area: F;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*.Domain-Name-Options container *****************************************************************************************/

.web-hosting-container > .Domain-Name-Options > .Domain-Name-Options-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.web-hosting-container > .Domain-Name-Options > .Domain-Name-Options-content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.web-hosting-container > .Domain-Name-Options > .Domain-Name-Options-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.web-hosting-container > .Domain-Name-Options > .Domain-Name-Options-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.web-hosting-container > .Domain-Name-Options > .Domain-Name-Options-content > .unordered-list-style > li { list-style-type: square;} 

.web-hosting-container > .Domain-Name-Options > .Domain-Name-Options-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Domain-Name-Options Section*****************************************************************************************/
/*Keyword-Research-for-Domain-Names container *****************************************************************************************/
 .web-hosting-container > .Keyword-Research-for-Domain-Names{
    display: grid;
   grid-area: G;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*.Domain-Name-Options container *****************************************************************************************/

.web-hosting-container > .Keyword-Research-for-Domain-Names > .Keyword-Research-for-Domain-Names-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.web-hosting-container > .Keyword-Research-for-Domain-Names > .Keyword-Research-for-Domain-Names-content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.web-hosting-container > .Keyword-Research-for-Domain-Names > .Keyword-Research-for-Domain-Names-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.web-hosting-container > .Keyword-Research-for-Domain-Names > .Keyword-Research-for-Domain-Names-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.web-hosting-container > .Keyword-Research-for-Domain-Names > .Keyword-Research-for-Domain-Names-content > .unordered-list-style > li { list-style-type: square;} 

.web-hosting-container > .Keyword-Research-for-Domain-Names > .Keyword-Research-for-Domain-Names-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Keyword-Research-for-Domain-Names Section*****************************************************************************************/ 
/*Essential-Features-of-Web-Hosting-domains container *****************************************************************************************/
 .web-hosting-container > .Essential-Features-of-Web-Hosting-domains{
    display: grid;
   grid-area: H;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*Essential-Features-of-Web-Hosting-domains container *****************************************************************************************/

.web-hosting-container > .Essential-Features-of-Web-Hosting-domains > .Essential-Features-of-Web-Hosting-domains-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.web-hosting-container > .Essential-Features-of-Web-Hosting-domains > .Essential-Features-of-Web-Hosting-domains-content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.web-hosting-container > .Essential-Features-of-Web-Hosting-domains > .Essential-Features-of-Web-Hosting-domains-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.web-hosting-container > .Essential-Features-of-Web-Hosting-domains > .Essential-Features-of-Web-Hosting-domains-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.web-hosting-container > .Essential-Features-of-Web-Hosting-domains > .Essential-Features-of-Web-Hosting-domains-content > .unordered-list-style > li { list-style-type: square;} 

.web-hosting-container > .Essential-Features-of-Web-Hosting-domains > .Essential-Features-of-Web-Hosting-domains-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Essential-Features-of-Web-Hosting-domains Section*****************************************************************************************/ 

  /* Web Hosting comprison  Section*****************************************************************************************/
   .web-hosting-container > .Comparisons-section {
     grid-template-areas: "A A";
    display: grid;
   grid-area: I;
   grid-template-rows: subgrid;
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;
}

 

.web-hosting-container > .Comparisons-section > .comparison-tables {
     
      grid-area: A;
  
      grid-column: 1 / 3;
      align-self: stretch;
      align-items: center;
      align-content: center;
      width: 100%;


}


  /*End of Web Hosting comparison Section*****************************************************************************************/
/*Deep-Dive-into-Top-web-hosting-Providers container *****************************************************************************************/
 .web-hosting-container > .Deep-Dive-into-Top-web-hosting-Providers{
    display: grid;
   grid-area: J;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*Deep-Dive-into-Top-web-hosting-Providers container *****************************************************************************************/

.web-hosting-container > .Deep-Dive-into-Top-web-hosting-Providers > .Deep-Dive-into-Top-web-hosting-Providers-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.web-hosting-container > .Deep-Dive-into-Top-web-hosting-Providers > .Deep-Dive-into-Top-web-hosting-Providers-content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.web-hosting-container > .Deep-Dive-into-Top-web-hosting-Providers > .Deep-Dive-into-Top-web-hosting-Providers-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.web-hosting-container > .Deep-Dive-into-Top-web-hosting-Providers > .Deep-Dive-into-Top-web-hosting-Providers-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.web-hosting-container > .Deep-Dive-into-Top-web-hosting-Providers > .Deep-Dive-into-Top-web-hosting-Providers-content > .unordered-list-style > li { list-style-type: square;} 

.web-hosting-container > .Deep-Dive-into-Top-web-hosting-Providers > .Deep-Dive-into-Top-web-hosting-Providers-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /* End of Deep-Dive-into-Top-web-hosting-Providers Section*****************************************************************************************/ 
/*Choosing-the-Right-Web-Hosting-Domains container *****************************************************************************************/
 .web-hosting-container > .Choosing-the-Right-Web-Hosting-Domains{
    display: grid;
   grid-area: K;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*Choosing-the-Right-Web-Hosting-Domains container *****************************************************************************************/

.web-hosting-container > .Choosing-the-Right-Web-Hosting-Domains > .Choosing-the-Right-Web-Hosting-Domains-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.web-hosting-container > .Choosing-the-Right-Web-Hosting-Domains > .Choosing-the-Right-Web-Hosting-Domains-content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.web-hosting-container > .Choosing-the-Right-Web-Hosting-Domains > .Choosing-the-Right-Web-Hosting-Domains-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.web-hosting-container > .Choosing-the-Right-Web-Hosting-Domains > .Choosing-the-Right-Web-Hosting-Domains-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.web-hosting-container > .Choosing-the-Right-Web-Hosting-Domains > .Choosing-the-Right-Web-Hosting-Domains-content > .unordered-list-style > li { list-style-type: square;} 

.web-hosting-container > .Choosing-the-Right-Web-Hosting-Domains > .Choosing-the-Right-Web-Hosting-Domains-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Choosing-the-Right-Web-Hosting-Domains Section*****************************************************************************************/ 
 /* Addressing-Common-web-hosting-Concerns container *****************************************************************************************/
 .web-hosting-container > .Addressing-Common-web-hosting-Concerns{
    display: grid;
   grid-area:  L;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/* Addressing-Common-web-hosting-Concernss container *****************************************************************************************/

.web-hosting-container > .Addressing-Common-web-hosting-Concerns > .Addressing-Common-web-hosting-Concerns-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.web-hosting-container > .Addressing-Common-web-hosting-Concerns  > .Addressing-Common-web-hosting-Concerns-content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.web-hosting-container > .Addressing-Common-web-hosting-Concerns  > .Addressing-Common-web-hosting-Concerns-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.web-hosting-container > .Addressing-Common-web-hosting-Concerns > .Addressing-Common-web-hosting-Concerns-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.web-hosting-container > .Addressing-Common-web-hosting-Concerns > .Addressing-Common-web-hosting-Concerns-content > .unordered-list-style > li { list-style-type: square;} 

.web-hosting-container > .Addressing-Common-web-hosting-Concerns > .Addressing-Common-web-hosting-Concerns-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Choosing-the-Right-Web-Hosting-Domains Section*****************************************************************************************/ 
  /*Website-Security container *****************************************************************************************/
 .web-hosting-container > .Website-Security{
    display: grid;
   grid-area: M;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*.Website-Security container *****************************************************************************************/

.web-hosting-container > .Website-Security > .Website-Security-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.web-hosting-container > .Website-Security > .Website-Security-content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.web-hosting-container > .Website-Security  > .Website-Security-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.web-hosting-container > .Website-Security > .Website-Security-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.web-hosting-container > .Website-Security > .Website-Security-content > .unordered-list-style > li { list-style-type: square;} 

.web-hosting-container > .Website-Security > .Website-Security-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Website-Security Section*****************************************************************************************/ 
  /*Website-Security container *****************************************************************************************/
 .web-hosting-container > .DNS-Management{
    display: grid;
   grid-area: N;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
  /*DNS-Managemen Section*****************************************************************************************/ 

.web-hosting-container > .DNS-Management > .DNS-Management-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.web-hosting-container > .DNS-Management > .DNS-Management-content{
     grid-row: 2;
      grid-column: 1 / 3;

}
  /*End of DNS-Managemen Section*****************************************************************************************/ 
   /*web-hosting-success-stories Section1*****************************************************************************************/
  
     .web-hosting-container > div.web-hosting-success-stories{
    display: grid;
   grid-area: O;
   
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;

 
}
 .web-hosting-container > .web-hosting-success-stories > .web-hosting-success-stories-title-1{
     grid-row: 1;
      grid-column: 1 / 3;
    
}


.web-hosting-container > .web-hosting-success-stories > .web-hosting-success-stories-content-1{
     grid-row: 3;
      grid-column: 1 / 3;

}
.web-hosting-container > .web-hosting-success-stories > .web-hosting-success-stories-image-1 { 
   grid-row: 2;
      grid-column: 1 / 3;

}
.web-hosting-container > .web-hosting-success-stories > .web-hosting-success-stories-image-1 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
   

 .web-hosting-container > .web-hosting-success-stories > .web-hosting-success-stories-title-2{
     grid-row: 4;
      grid-column: 1 / 3;
    
}


.web-hosting-container > .web-hosting-success-stories > .web-hosting-success-stories-content-2{
     grid-row: 6;
      grid-column: 1 / 3;

}
.web-hosting-container > .web-hosting-success-stories > .web-hosting-success-stories-image-2 { 
   grid-row: 5;
      grid-column: 1 / 3;

}
.web-hosting-container > .web-hosting-success-stories > .web-hosting-success-stories-image-2 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
   

 .web-hosting-container > .web-hosting-success-stories > .web-hosting-success-stories-title-3{
     grid-row: 7;
      grid-column: 1 / 3;
    
}


.web-hosting-container > .web-hosting-success-stories > .web-hosting-success-stories-content-3{
     grid-row: 9;
      grid-column: 1 / 3;

}
.web-hosting-container > .web-hosting-success-stories > .web-hosting-success-stories-image-3 { 
   grid-row: 8;
      grid-column: 1 / 3;

}
.web-hosting-container > .web-hosting-success-stories > .web-hosting-success-stories-image-3 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
   
 /**End of  Common-mistakes-Section Section*****************************************************************************************/
 .web-hosting-container > .web-hosting-common-mistakes-content{
      grid-area: P;
     grid-template-areas:  "A A"
                           "B B";
   
     display: grid;
     grid-template-columns: subgrid;
      grid-template-rows: minmax(15rem, 1fr);
    grid-column: 2 / 4;
    row-gap: 3REM;
}
    
 .web-hosting-container > .web-hosting-common-mistakes-content > .web-hosting-common-mistakes-content-container-1{
      grid-area: B;
      grid-column: 1 / 3;


}

 .web-hosting-container > .web-hosting-common-mistakes-content > .web-hosting-common-mistakes-content-container-2{
      grid-area: A;
      padding-left: 0;
      grid-column: 1 / 3;
 padding-left: 0;
padding-right: 0;
}

.web-hosting-container > .web-hosting-common-mistakes-content > .web-hosting-common-mistakes-content-container-2 table  {
  width: 100%;
  height: fit-content;
 padding-top: 0;
  border-collapse: collapse;
 padding-left: 0;
  
 /* Make the table content scrollable *****************************************************************************************/
  overflow-y: none; 
  /* Set a fixed height to show only 3 rows initially */
/* Adjust 48px based on your row height */
}
.web-hosting-container > .web-hosting-common-mistakes-content > .web-hosting-common-mistakes-content-container-2 > #website-web-host-toc  { background-color: #ecf2f2; margin-top: 0cap; align-items: self-start; align-self: stretch;}
/*End of web-hosting-common-mistakes-content Section*****************************************************************************************/

  /*End of FAQs-web-builder Section*****************************************************************************************/

   .web-hosting-container  > div.FAQs-web-hosting-domains {
    display: grid;
   grid-area: Q;
   
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;

 
}
 .web-hosting-container  > .FAQs-web-hosting-domains > .FAQs-web-hosting-domains-title{
     grid-row: 1;
      grid-column: 1 / 3;
      
}
.web-hosting-container  > .FAQs-web-hosting-domains > .FAQs-web-hosting-domains-content{
     grid-row: 3;
      grid-column: 1 / 3;

}
.web-hosting-container  > .FAQs-web-hosting-domains > .FAQs-web-hosting-domains-image { 
   grid-row: 2;
      grid-column: 1 / 3;

}
.web-hosting-container  > .FAQs-web-hosting-domains > .FAQs-web-hosting-domains-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
    
/*web-hosting-domains-summery Section*****************************************************************************************/

  .web-hosting-container > .web-hosting-domains-summery{
   display: grid;
   grid-area: R;
    grid-column: 2 / 4;
 
}
/*End of Web-builder-conclusion Section*****************************************************************************************/
/*Web-hosting-Take-Action-Now Section*****************************************************************************************/

.web-hosting-container > .Web-hosting-Take-Action-Now {
 display: grid;
   grid-area: S;
    grid-column: 2 / 4;
 

 
}
/*End of Web-Builder-Take-Action-Now Section*****************************************************************************************/
/*Web-Web-Hosting-Further-Reading Section*****************************************************************************************/

  .web-hosting-container > .Web-Hosting-Further-Reading {
  display: grid;
   grid-area: T;
    grid-column: 2 / 4;


 
}
/*End of Web-Hosting-Further-Reading  Section*****************************************************************************************/
/* web-hosting-container Section*****************************************************************************************/
 .web-hosting-container > div.footer {
  grid-area: footer;
align-items: center;
align-self: center;
  
  grid-column: 2 / 4;

  text-align: center;
 
  gap: 7px;
}
 .web-hosting-container > .footer > .div#Footer_logo { 
align-items: center;
}

/*End of Web-hosting Footer Section*****************************************************************************************/
/*marketing tools container *****************************************************************************************/
  .marketing-tools-container{width: 100%; overflow: hidden; z-index: 1;}
  .marketing-tools-container { display: grid; 
       grid-template-columns: 2.5em minmax(7ch,  1.8fr)  minmax(7ch,  1fr) 2em;
       grid-template-areas: "header header header header"
                            "A B B...."
                            "A C C...."
                            "A D D...."
                            "A E E...."
                            "A F F...."
                            "A G G...."
                            "A H H...."
                            "A I I...."
                            "A J J...."
                            "A K K...."
                            "A L L...."
                            "A M M...."
                            "A N N...."
                            "A O O...."
                            "A P P...."
                            "A Q Q...."
                            "A R R...."
                            "A S S...."
                            "A T T...."
                            "A U U...."
                            "A V V...."
      "menu-styling footer footer....";
row-gap: 5em; 
top: 0;
grid-template-rows: auto;
justify-items: space-between;
align-items: center;
align-self: center;
max-width: 100%;
}
/*Web hosting menu-styling container *****************************************************************************************/
.marketing-tools-container > div.menu-styling {
  grid-area: A;
grid-column: 1;
align-items: center;
align-self: center;
}
  
/*Web hosting content head container *****************************************************************************************/
.marketing-tools-containerr > div.header {
  grid-area: header;
  text-align: center;
  align-self: center;
  

  grid-column: 1 / 4;
 

}
/*End of Web builder content head container *****************************************************************************************/
/*.marketing tools main section *****************************************************************************************/

.marketing-tools-container > .marketing-tools-main-section {
  grid-area: B;
  grid-template-areas: "A A A"
                       "B B B";
  display: grid;
  grid-template-columns: subgrid;
color: #eee2e2;
grid-template-rows: minmax(5rem, 1fr);
margin: -3rem 0 0 0;
}
.marketing-tools-container > .marketing-tools-main-section > .marketing-tools-main-content{
  grid-area: A;
  padding-right: 0;
  grid-column: 1 / 3;
  padding-bottom: 3rem;   
  
}
.marketing-tools-container > .marketing-tools-main-section > div.marketing-tools-image {
  grid-area: B;
  grid-column: 1 / 3;
      
  
}
.marketing-tools-container > .marketing-tools-main-section  > div.marketing-tools-image img{
  
      
   height: 25em;
}
 /**Digital Marketing Tools*****************************************************************************************/
.marketing-tools-container > div.Digital-Marketing-Tools-Defination{
 grid-area: C;
  
      
  
}
 /**End of Digital Marketing Tools*****************************************************************************************/
 /**Common-mistakes-Section Section*****************************************************************************************/
 .marketing-tools-container > .marketing-tools-common-mistakes-content-section{
      grid-area: D;
     grid-template-areas: "A A A"
                          "B B B";
   
     display: grid;
     grid-template-columns: subgrid;
     grid-template-rows: minmax(5rem, 1fr);
     row-gap: 5rem;
}
    
 .marketing-tools-container > .marketing-tools-common-mistakes-content-section > .marketing-tools-common-mistakes-content-container{
      grid-area: B;
grid-column: 1 / 3;

}

 .marketing-tools-container > .marketing-tools-common-mistakes-content-section > .marketing-tools-common-mistakes-table-container{
      grid-area: A;
      padding-left: 0;
grid-column: 1 / 3;
 padding-left: 0;
padding-right: 0;
}

.marketing-tools-container > .marketing-tools-common-mistakes-content-section > .marketing-tools-common-mistakes-table-container table  {
  width: 100%;
  height: fit-content;
 padding-top: 0;
  border-collapse: collapse;
 padding-left: 0;
  
 /* Make the table content scrollable *****************************************************************************************/
  overflow-y: none; 
  /* Set a fixed height to show only 3 rows initially */
/* Adjust 48px based on your row height */
}
.marketing-tools-container > .marketing-tools-common-mistakes-content-section > .marketing-tools-common-mistakes-table-container > #marketing-tools-host-toc  { background-color: #ecf2f2; margin-top: 0cap; align-items: self-start; align-self: stretc;}
 /**End of Common-mistakes-Section Section*****************************************************************************************/



/*Who-is-this-marketing-tools-for container *****************************************************************************************/
 .marketing-tools-container >  .Who-is-this-marketing-tools-for{
    display: grid;
   grid-area: E;
   
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;

 
}
.marketing-tools-container > .Who-is-this-marketing-tools-for > .Who-is-this-marketing-tools-for-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}

.marketing-tools-container > .Who-is-this-marketing-tools-for > div.Who-is-this-marketing-tools-for-content{
     grid-row: 3;
      grid-column: 1 / 3;

}
.marketing-tools-container > .Who-is-this-marketing-tools-for > .Who-is-this-marketing-tools-for-image{
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-tools-container > .Who-is-this-marketing-tools-for > .Who-is-this-marketing-tools-for-image img { width: 100%;
  height: 25em;
 }

.marketing-tools-container > .Who-is-this-marketing-tools-for > .Who-is-this-marketing-tools-for-content > .unordered-list-style > li { list-style-type: square;} 

.marketing-tools-container > .Who-is-this-marketing-tools-for > .Who-is-this-marketing-tools-for-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
/* End of marketing-tools container *****************************************************************************************/
/*Types-of-Digital-Marketing-Tools container *****************************************************************************************/
 .marketing-tools-container > .Types-of-Digital-Marketing-Tools{
    display: grid;
   grid-area: F;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*DIY Web builder content container *****************************************************************************************/

.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-title-1{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-content-1{
     grid-row: 3;
      grid-column: 1 / 3;

}

.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-image-1 {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-image-1 img { width: 100%;
  height: 25em;
  
 }
.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-content-1 > .unordered-list-style > li { list-style-type: square;} 

.Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-content-1 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }



 .marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-title-2{
     grid-row: 4;
      grid-column: 1 / 3;
 

}


.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-content-2{
     grid-row: 6;
      grid-column: 1 / 3;

}

.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-image-2 {
     grid-row: 5;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-image-2 img { width: 100%;
   height: 25em;
 }
.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-content-2 > .unordered-list-style > li { list-style-type: square;} 

.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-content-2 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }

 .marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-title-3{
     grid-row: 7;
      grid-column: 1 / 3;
 

}


.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-content-3{
     grid-row: 9;
      grid-column: 1 / 3;

}

.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-image-3 {
     grid-row: 8;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-image-3 img { width: 100%;
   height: 25em;
 }
.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-content-3 > .unordered-list-style > li { list-style-type: square;} 

.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-content-3 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }

 .marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-title-4{
     grid-row: 10;
      grid-column: 1 / 3;
 

}


.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-content-4{
     grid-row: 12;
      grid-column: 1 / 3;

}

.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-image-4 {
     grid-row: 11;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-image-4 img { width: 100%;
   height: 25em;
 }


.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-content-4 > .unordered-list-style > li { list-style-type: square;} 

.marketing-tools-container > .Types-of-Digital-Marketing-Tools > .Types-of-Digital-Marketing-Tools-content-4 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
 
 
  /*End of Types-of-Web-Hosting Section*****************************************************************************************/
  /*Maximizing-ROI-Digital-Marketing-Tools container *****************************************************************************************/
 .marketing-tools-container > .Maximizing-ROI-Digital-Marketing-Tools{
    display: grid;
    grid-area: G;
    grid-template-columns: subgrid;
    row-gap: 1em;
}
.marketing-tools-container > .Maximizing-ROI-Digital-Marketing-Tools > .Maximizing-ROI-Digital-Marketing-Tools-title{
     grid-row: 1;
     grid-column: 1 / 3;

}


.marketing-tools-container > .Maximizing-ROI-Digital-Marketing-Tools > .Maximizing-ROI-Digital-Marketing-Tools-content{
     grid-row: 3;
    grid-column: 1 / 3;

}

.marketing-tools-container > .Maximizing-ROI-Digital-Marketing-Tools > .Maximizing-ROI-Digital-Marketing-Tools-content-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-tools-container > .Maximizing-ROI-Digital-Marketing-Tools > .Maximizing-ROI-Digital-Marketing-Tools-content-image img { width: 100%;
   height: 25em;
 }



/*.Domain-Name-Options container *****************************************************************************************/

.marketing-tools-container > .Maximizing-ROI-Digital-Marketing-Tools > .Maximizing-ROI-Digital-Marketing-Tools-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.marketing-tools-container > .Maximizing-ROI-Digital-Marketing-Tools > .Maximizing-ROI-Digital-Marketing-Tools-content{
     grid-row: 3;
      grid-column: 1 / 3;

}


.marketing-tools-container > .Maximizing-ROI-Digital-Marketing-Tools > .Maximizing-ROI-Digital-Marketing-Tools-content > .unordered-list-style > li { list-style-type: square;} 

.marketing-tools-container > .Maximizing-ROI-Digital-Marketing-Tools > .Maximizing-ROI-Digital-Marketing-Tools-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Maximizing-ROI-Digital-Marketing-Tools Section*****************************************************************************************/
  /*marketing-tools-container comprison  Section*****************************************************************************************/
  .marketing-tools-container > .Comparisons-section {
    display: grid;
    grid-template-areas: "A A";
   grid-area: H;
   grid-template-rows: subgrid;
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;
   min-width: 0px;
 
}
 
 .marketing-tools-container > .Comparisons-section > .comparison-table-container {
  grid-area: A;
  grid-column: 1 / 3;
  width: 100%;
  margin: 0 0 3rem 0;
 }
  /*End of marketing-tools-container comparison Section*****************************************************************************************/
/*Top-Digital-Marketing-Providers container *****************************************************************************************/
 .marketing-tools-container  > .Top-Digital-Marketing-Providers{
    display: grid;
    grid-area: I;
    grid-template-columns: subgrid;
    row-gap: 1em;
}
/*Top-Digital-Marketing-Providers container *****************************************************************************************/

.marketing-tools-container  > .Top-Digital-Marketing-Providers > .Top-Digital-Marketing-Providers-title-1{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.marketing-tools-container > .Top-Digital-Marketing-Providers > .Top-Digital-Marketing-Providers-content-1{
     grid-row: 3;
      grid-column: 1 / 3;

}

.marketing-tools-container  > .Top-Digital-Marketing-Providers > .Top-Digital-Marketing-Providers-image-1 {
     grid-row: 2;
     grid-column: 1 / 3;
     padding: 0;


}
.marketing-tools-container > .Top-Digital-Marketing-Providers > .Top-Digital-Marketing-Providers-image-1 img { width: 100%; 
  height: 25em;
 }
.marketing-tools-container  > .Top-Digital-Marketing-Providers > .Top-Digital-Marketing-Providers-content-1 > .unordered-list-style > li { list-style-type: square;} 

.marketing-tools-container  > .Top-Digital-Marketing-Providers > .Top-Digital-Marketing-Providers-content-1 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
 .marketing-tools-container  > .Top-Digital-Marketing-Providers > .Top-Digital-Marketing-Providers-title-2{
     grid-row: 4;
      grid-column: 1 / 3;
}


.marketing-tools-container > .Top-Digital-Marketing-Providers> .Top-Digital-Marketing-Providers-content-2{
     grid-row: 6;
      grid-column: 1 / 3;

}

.marketing-tools-container  > .Top-Digital-Marketing-Providers > .Top-Digital-Marketing-Providers-image-2 {
     grid-row: 5;
     grid-column: 1 / 3;
     padding: 0;
}
.marketing-tools-container > .Top-Digital-Marketing-Providers > .Top-Digital-Marketing-Providers-image-2 img { width: 100%;
     height: 25em;
 }
.marketing-tools-container  > .Top-Digital-Marketing-Providers > .Top-Digital-Marketing-Providers-content-2 > .unordered-list-style > li { list-style-type: square;} 

.marketing-tools-container  > .Top-Digital-Marketing-Providers > .Top-Digital-Marketing-Providers-content-2 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Top-Digital-Marketing-Providers Section*****************************************************************************************/
/*Choosing-Digital-Marketing-Tools container *****************************************************************************************/
 .marketing-tools-container > .Choosing-Digital-Marketing-Tools{
    display: grid;
   grid-area: J;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*.Domain-Name-Options container *****************************************************************************************/

.marketing-tools-container > .Choosing-Digital-Marketing-Tools > .Choosing-Digital-Marketing-Tools-title{
      grid-row: 1;
      grid-column: 1 / 3;

}


.marketing-tools-container > .Choosing-Digital-Marketing-Tools > .Choosing-Digital-Marketing-Tools-Content{
     grid-row: 3;
      grid-column: 1 / 3;
}

.marketing-tools-container > .Choosing-Digital-Marketing-Tools > .Choosing-Digital-Marketing-Tools-image {
     grid-row: 2;
     grid-column: 1 / 3;
     padding: 0;


}
.marketing-tools-container > .Choosing-Digital-Marketing-Tools > .Choosing-Digital-Marketing-Tools-image img { width: 100%;
  height: 25em;
    
 }
.marketing-tools-container > .Choosing-Digital-Marketing-Tools > .Choosing-Digital-Marketing-Tools-Content > .unordered-list-style > li { list-style-type: square;} 

.marketing-tools-container > .Choosing-Digital-Marketing-Tools > .Choosing-Digital-Marketing-Tools-Content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Choosing-Digital-Marketing-Tools Section*****************************************************************************************/ 
/*Features-of-Digital-Marketing-Tools container *****************************************************************************************/
 .marketing-tools-container > .Features-of-Digital-Marketing-Tools{
    display: grid;
    grid-area: K;
    row-gap: 1em;
    grid-template-columns: subgrid;
}
/*Features-of-Digital-Marketing-Tools container *****************************************************************************************/

 .marketing-tools-container > .Features-of-Digital-Marketing-Tools > .Features-of-Digital-Marketing-Tools-Title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


 .marketing-tools-container > .Features-of-Digital-Marketing-Tools  > .Features-of-Digital-Marketing-Tools-Content{
     grid-row: 3;
      grid-column: 1 / 3;

}

 .marketing-tools-container > .Features-of-Digital-Marketing-Tools  > .Features-of-Digital-Marketing-Tools-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
 .marketing-tools-container > .Features-of-Digital-Marketing-Tools > .Features-of-Digital-Marketing-Tools-image img { width: 100%;
   height: 25em;
 }
 .marketing-tools-container > .Features-of-Digital-Marketing-Tools > .Features-of-Digital-Marketing-Tools-Content > .unordered-list-style > li { list-style-type: square;} 

 .marketing-tools-container > .Features-of-Digital-Marketing-Tools > .Features-of-Digital-Marketing-Tools-Content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
/*Features-of-Digital-Marketing-Tools container *****************************************************************************************/
/* Addressing-Common-web-hosting-Concerns container *****************************************************************************************/
  .marketing-tools-container .Addressing-Common-Digital-Marketing-Concerns{
    display: grid;
   grid-area: L;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/* Addressing-Common-Digital-Marketing-Concernscontainer *****************************************************************************************/

 .marketing-tools-container > .Addressing-Common-Digital-Marketing-Concerns > .Addressing-Common-Digital-Marketing-Concerns-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


 .marketing-tools-container > .Addressing-Common-Digital-Marketing-Concerns  > .Addressing-Common-Digital-Marketing-Concerns-Content{
     grid-row: 3;
      grid-column: 1 / 3;

}

 .marketing-tools-container > .Addressing-Common-Digital-Marketing-Concerns  > .Addressing-Common-Digital-Marketing-Concerns-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
 .marketing-tools-container > .Addressing-Common-Digital-Marketing-Concerns > .Addressing-Common-Digital-Marketing-Concerns-image img { width: 100%;
  height: clamp(100%, 90dvw, 100rem);
  min-height: 40.5vh;
  
 }
 .marketing-tools-container > .Addressing-Common-Digital-Marketing-Concerns > .Addressing-Common-Digital-Marketing-Concerns-Content > .unordered-list-style > li { list-style-type: square;} 

 .marketing-tools-container > .Addressing-Common-Digital-Marketing-Concerns > .Addressing-Common-Digital-Marketing-Concerns-Contentt > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Choosing-the-Right-Web-Hosting-Domains Section*****************************************************************************************/ 

/*Emerging-Trends-Digital-Marketing-Tools container *****************************************************************************************/
 .marketing-tools-container > .Emerging-Trends-Digital-Marketing-Tools{
    display: grid;
   grid-area: M;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*Emerging-Trends-Digital-Marketing-Tools container *****************************************************************************************/

.marketing-tools-container > .Emerging-Trends-Digital-Marketing-Tools > .Emerging-Trends-Digital-Marketing-Tools-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.marketing-tools-container > .Emerging-Trends-Digital-Marketing-Tools > .Emerging-Trends-Digital-Marketing-Tools-Content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.marketing-tools-container > .Emerging-Trends-Digital-Marketing-Tools > .Emerging-Trends-Digital-Marketing-Tools-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-tools-container > .Emerging-Trends-Digital-Marketing-Tools > .Emerging-Trends-Digital-Marketing-Tools-image img { width: 100%;
   height: 25em;
 }
.marketing-tools-container > .Emerging-Trends-Digital-Marketing-Tools > .Emerging-Trends-Digital-Marketing-Tools-Content > .unordered-list-style > li { list-style-type: square;} 

.marketing-tools-container > .Emerging-Trends-Digital-Marketing-Tools > .Emerging-Trends-Digital-Marketing-Tools-Content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /* End of marketing-tools-container Section*****************************************************************************************/ 
/*Choosing-the-Right-Web-Hosting-Domains container *****************************************************************************************/
 .marketing-tools-container  > .Collaboration-Tools-Marketing-Teams{
    display: grid;
   grid-area: N;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*Choosing-the-Right-Web-Hosting-Domains container *****************************************************************************************/

.marketing-tools-container  > .Collaboration-Tools-Marketing-Teams > .Collaboration-Tools-Marketing-Teams-title-1{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.marketing-tools-container > .Collaboration-Tools-Marketing-Teams > .Collaboration-Tools-Marketing-Teams-Content-1{
     grid-row: 3;
      grid-column: 1 / 3;

}

.marketing-tools-container  > .Collaboration-Tools-Marketing-Teams > .Collaboration-Tools-Marketing-Teams-image-1 {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-tools-container  > .Collaboration-Tools-Marketing-Teams > .Collaboration-Tools-Marketing-Teams-image-1 img { width: 100%;
   height: 25em;
 }
.marketing-tools-container  > .Collaboration-Tools-Marketing-Teams > .Collaboration-Tools-Marketing-Teams-Content-1 > .unordered-list-style > li { list-style-type: square;} 

.marketing-tools-container  > .Collaboration-Tools-Marketing-Teams > .Collaboration-Tools-Marketing-Teams-Content-1 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  
/*Choosing-the-Right-Web-Hosting-Domains container *****************************************************************************************/

.marketing-tools-container  > .Collaboration-Tools-Marketing-Teams > .Collaboration-Tools-Marketing-Teams-title-2{
     grid-row: 4;
      grid-column: 1 / 3;
 

}


.marketing-tools-container > .Collaboration-Tools-Marketing-Teams > .Collaboration-Tools-Marketing-Teams-Content-2{
     grid-row: 6;
      grid-column: 1 / 3;

}

.marketing-tools-container  > .Collaboration-Tools-Marketing-Teams > .Collaboration-Tools-Marketing-Teams-image-2 {
     grid-row: 5;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-tools-container  > .Collaboration-Tools-Marketing-Teams > .Collaboration-Tools-Marketing-Teams-image-2 img { width: 100%;
   height: 25em;
 }
.marketing-tools-container  > .Collaboration-Tools-Marketing-Teams > .Collaboration-Tools-Marketing-Teams-Content-2 > .unordered-list-style > li { list-style-type: square;} 

.marketing-tools-container  > .Collaboration-Tools-Marketing-Teams > .Collaboration-Tools-Marketing-Teams-Content-2 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Choosing-the-Right-Web-Hosting-Domains Section*****************************************************************************************/ 
 
  /*Website-Security container *****************************************************************************************/
 .marketing-tools-container > .Marketing-Automation-Tools{
    display: grid;
   grid-area:  O;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*Marketing-Automation-Tools container *****************************************************************************************/

.marketing-tools-container > .Marketing-Automation-Tools > .Marketing-Automation-Tools-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.marketing-tools-container > .Marketing-Automation-Tools > .Marketing-Automation-Tools-content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.marketing-tools-container > .Marketing-Automation-Tools  > .Marketing-Automation-Tools-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-tools-container > .Marketing-Automation-Tools> .Marketing-Automation-Tools-image img { width: 100%;
   height: 25em;
 }
.marketing-tools-container > .Marketing-Automation-Tools > .Marketing-Automation-Tools-content > .unordered-list-style > li { list-style-type: square;} 

.marketing-tools-container > .Marketing-Automation-Tools > .Marketing-Automation-Tools-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Marketing-Automation-Tools Section*****************************************************************************************/ 

  
  .marketing-tools-container > div.Digital-Marketing-Success-Stories{
    display: grid;
   grid-area: P;
   
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;

 
}
 .marketing-tools-container > .Digital-Marketing-Success-Stories > .Digital-Marketing-Success-Stories-Title-1{
     grid-row: 1;
      grid-column: 1 / 3;
    
}


.marketing-tools-container > .Digital-Marketing-Success-Stories > .Digital-Marketing-Success-Stories-Content-1{
     grid-row: 3;
      grid-column: 1 / 3;

}
.marketing-tools-container > .Digital-Marketing-Success-Stories > .Digital-Marketing-Success-Stories-image-1 { 
   grid-row: 2;
      grid-column: 1 / 3;

}
.marketing-tools-container > .Digital-Marketing-Success-Stories > .Digital-Marketing-Success-Stories-image-1 img { width: 100%;
   height: 25em;
 }
   

.marketing-tools-container > .Digital-Marketing-Success-Stories > .Digital-Marketing-Success-Stories-Title-2{
     grid-row: 4;
      grid-column: 1 / 3;
    
}


.marketing-tools-container > .Digital-Marketing-Success-Stories > .Digital-Marketing-Success-Stories-Content-2{
     grid-row: 6;
      grid-column: 1 / 3;

}
.marketing-tools-container > .Digital-Marketing-Success-Stories > .Digital-Marketing-Success-Stories-image-2 { 
   grid-row: 5;
      grid-column: 1 / 3;

}
.marketing-tools-container > .Digital-Marketing-Success-Stories > .Digital-Marketing-Success-Stories-image-2 img { width: 100%;
   height: 25em;
 }
   

 .marketing-tools-container > .Digital-Marketing-Success-Stories > .Digital-Marketing-Success-Stories-Title-3{
     grid-row: 7;
      grid-column: 1 / 3;
    
}


.marketing-tools-container > .Digital-Marketing-Success-Stories > .Digital-Marketing-Success-Stories-Content-3{
     grid-row: 9;
      grid-column: 1 / 3;

}
.marketing-tools-container > .Digital-Marketing-Success-Stories > .Digital-Marketing-Success-Stories-image-3 { 
   grid-row: 8;
      grid-column: 1 / 3;

}
.marketing-tools-container > .Digital-Marketing-Success-Stories > .Digital-Marketing-Success-Stories-image-3 img { width: 100%;
   height: 25em;
 }
   
/*Digital-Marketing-Success-Stories container *****************************************************************************************/
/*Common-mistakes-section container *****************************************************************************************/

 .marketing-tools-container > .Common-mistakes-section{
      grid-area: Q;
     grid-template-areas:  "A A"
                            "B B";
   
     display: grid;
     grid-template-columns: subgrid;
     grid-template-rows: minmax(5rem, 1fr);
     row-gap: 3rem;
}
    
 .marketing-tools-container > .Common-mistakes-section > .Common-mistakes-section-content-1{
      grid-area: B;
      grid-column: 1 / 3;
     padding-top: 0;
}

.marketing-tools-container > .Common-mistakes-section > .Common-mistakes-section-content-table-2{
      grid-area: A;
      padding-left: 0;
       grid-column: 1 / 3;
 padding-left: 0;
padding-right: 0;
}

.marketing-tools-container > .Common-mistakes-section > .Common-mistakes-section-content-table-2 table  {
  width: 100%;
  height: fit-content;
 padding-top: 0;
  border-collapse: collapse;
 padding-left: 0;
  
 /* Make the table content scrollable *****************************************************************************************/
  overflow-y: none; 
  /* Set a fixed height to show only 3 rows initially */
/* Adjust 48px based on your row height */
}
.marketing-tools-container > .Common-mistakes-section > .Common-mistakes-section-content-table-2 > #markteing-tools-toc  { background-color: #ecf2f2; margin-top: 0cap; align-items: self-start; align-self: stretch;}
  /*End of Common-mistakes-section Section*****************************************************************************************/ 
  /*End of FAQs-Digital-Marketing Section*****************************************************************************************/

  .marketing-tools-container  > div.FAQs-Digital-Marketing {
    display: grid;
   grid-area: R;
   
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;

 
}
 .marketing-tools-container  > .FAQs-Digital-Marketing > .FAQs-Digital-Marketing-title{
     grid-row: 1;
      grid-column: 1 / 3;
      
}
.marketing-tools-container  > .FAQs-Digital-Marketing > .FAQs-Digital-Marketing-content{
     grid-row: 3;
      grid-column: 1 / 3;

}
.marketing-tools-container  > .FAQs-Digital-Marketing > .FAQs-Digital-Marketing-image { 
   grid-row: 2;
      grid-column: 1 / 3;

}
.marketing-tools-container  > .FAQs-Digital-Marketing > .FAQs-Digital-Marketing-image img { width: 100%;
  height: 25em;
 }
    
/*Digital-Marketing-Conclusion Section*****************************************************************************************/

 .marketing-tools-container > .Digital-Marketing-Conclusion{
   display: grid;
   grid-area: S;
    grid-column: 2 / 4;
 
}
/*End of .marketing-tools-container Section*****************************************************************************************/
/*Digital-Marketing-Take-Action-Now Section*****************************************************************************************/

 .marketing-tools-container > .Digital-Marketing-Take-Action-Now {
 display: grid;
   grid-area: T;
    grid-column: 2 / 4;
 

 
}
/*End of Digital-Marketing-Take-Action-Now Section*****************************************************************************************/
/*Digital-Marketing-Taction-Further-Reading Section*****************************************************************************************/

  .marketing-tools-container > .Digital-Marketing-Taction-Further-Reading {
  display: grid;
   grid-area: U;
    grid-column: 2 / 4;


 
}
/*End of Digital-Marketing-Taction-Further-Reading Section*****************************************************************************************/
/* web-hosting-container Section*****************************************************************************************/
 .marketing-tools-container > div.footer {
  grid-area: V;
align-items: center;
align-self: center;
  
  grid-column: 2 / 4;

  text-align: center;
 margin: 0 0 -3.5em 0;

}
 .marketing-tools-container > .footer > .div#Footer_logo { 
align-items: center;
}

/*End of Web-hosting Footer Section*****************************************************************************************/
/*marketing-course-container container *****************************************************************************************/
  .marketing-course-container { display: grid; 
       grid-template-columns: 2.5em minmax(7ch,  1.8fr)  minmax(7ch,  1fr) 2em;
       grid-template-areas:
    "header header header header"
    "A B B...."
    "A C C...."
    "A D D...."
    "A E E...."
    "A F F...."
    "A G G...."
    "A H H...."
    "A I I...."
    "A J J...."
    "A K K...."
    "A L L...."
    "A M M...."
    "A N N...."
    "A O O...."
    "A P P...."
    "A Q Q...."
    "A R R...."
    "A S S...."
    "A T T...."
    "A footer footer....";
   row-gap: 5em; 

top: 0;

grid-template-rows: auto;
justify-items: space-between;
align-items: center;
align-self: center;
max-width: 100%;

}
/*Web hosting menu-styling container *****************************************************************************************/
.marketing-course-container > div.menu-styling {
  grid-area: A;
grid-column: 1;
align-items: center;
align-self: center;
}
  
/*Web hosting content head container *****************************************************************************************/
.marketing-course-container > div.header {
  grid-area: header;
  text-align: center;
  align-self: center;
  

  grid-column: 1 / 4;
 

}
/*End of Web builder content head container *****************************************************************************************/
/*.marketing tools main section *****************************************************************************************/

.marketing-course-container > .marketing-course-main-section {
  grid-area: B;
  grid-template-areas: "A A"
                       "B B";
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: minmax(5rem, 1fr);
  color: #eee2e2;
margin: -3.9em 0 0 0;
  row-gap: 2rem;
}
.marketing-course-container > .marketing-course-main-section > .marketing-course-main-content{
  grid-area: A;
  padding-right: 0;
   grid-column: 1 / 3;   
  
}
.marketing-course-container > .marketing-course-main-section > .marketing-course-image {
  grid-area: B;
   grid-column: 1 / 3; 
      
}
.marketing-course-container > .marketing-course-main-section  > .marketing-course-image > #hero_image{
height: 100%;
  
      
  
}
 /**Digital Marketing Tools*****************************************************************************************/
.marketing-course-container > div.Reasons-for-Digital-Marketing-coures{
 grid-area: C;
  
      
  
}
 /**End of Digital Marketing Tools*****************************************************************************************/
 /**Common-mistakes-Section Section*****************************************************************************************/
 .marketing-course-container > .why-need-marketing-course-section {
      grid-area: D;
     grid-template-areas: "A A"
                          "B B";
    grid-template-rows: minmax(5rem, 1fr);
    row-gap: 2rem;
     display: grid;
     grid-template-columns: subgrid;

}
    
 .marketing-course-container > .why-need-marketing-course-section >  .why-need-marketing-course-section-content-container{
      grid-area: B;
     grid-column: 1 / 3;
    padding-right: 0;
}

.marketing-course-container >  .why-need-marketing-course-section > .why-need-marketing-course-section-table-container{
      grid-area: A;
      padding-left: 0;
  grid-column: 1 / 3;
padding-left: 0;
color: #eff6f6;
}

 .marketing-course-container > .why-need-marketing-course-section > .why-need-marketing-course-section-table-container  {
    width: 100%;
    max-width: 100%;
    height: fit-content;
    padding-top: -1rem;
   border-collapse: collapse;
 /* Make the table content scrollable *****************************************************************************************/
  overflow-y: none; 
  /* Set a fixed height to show only 3 rows initially */
/* Adjust 48px based on your row height */
}
 .marketing-course-container > .why-need-marketing-course-section >  .why-need-marketing-course-section-table-container > #marketing-course-toc  { background-color: #ecf2f2; width: 100%; }
 /**End of Common-mistakes-Section Section*****************************************************************************************/



/*Who-is-this-marketing-tools-for container *****************************************************************************************/
 .marketing-course-container >  .Who-is-this-marketing-course-for{
    display: grid;
   grid-area: E;
   
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;

 
}
.marketing-course-container > .Who-is-this-marketing-course-for > .Who-is-this-marketing-course-for-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}

.marketing-course-container > .Who-is-this-marketing-course-for > div.Who-is-this-marketing-course-for-content{
     grid-row: 3;
      grid-column: 1 / 3;

}
.marketing-course-container > .Who-is-this-marketing-course-for > .Who-is-this-marketing-course-for-image{
     grid-row: 2;
     grid-column: 1 / 3;
     padding: 0;
}
.marketing-course-container > .Who-is-this-marketing-course-for > .Who-is-this-marketing-course-for-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }

.marketing-course-container > .Who-is-this-marketing-course-for > .Who-is-this-marketing-course-for-content > .unordered-list-style > li { list-style-type: square;} 

.marketing-course-container > .Who-is-this-marketing-course-for > .Who-is-this-marketing-course-for-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
/* End of marketing-tools container *****************************************************************************************/
/*Types-of-Digital-Marketing-courses container *****************************************************************************************/
 .marketing-course-container > .Types-of-Digital-Marketing-courses{
    display: grid;
   grid-area: F;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*DIY Web builder content container *****************************************************************************************/

.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-title-1{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-content-1{
     grid-row: 3;
      grid-column: 1 / 3;

}

.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-image-1 {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-image-1 img { width: 100%;
  height: 100%;
  
 }
.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-content-1 > .unordered-list-style > li { list-style-type: square;} 

.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-content-1 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }

 .marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-title-2{
     grid-row: 4;
      grid-column: 1 / 3;
 

}


.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-content-2{
     grid-row: 6;
      grid-column: 1 / 3;

}

.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-image-2 {
     grid-row: 5;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-image-2 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-2 > .unordered-list-style > li { list-style-type: square;} 

.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-content-2 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }

 .marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-title-3{
     grid-row: 7;
      grid-column: 1 / 3;
 

}


.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-content-3{
     grid-row: 9;
      grid-column: 1 / 3;

}

.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-image-3 {
     grid-row: 8;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-image-3 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-content-3 > .unordered-list-style > li { list-style-type: square;} 

.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-content-3 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }

 .marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-title-4{
     grid-row: 10;
      grid-column: 1 / 3;
 

}


.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-content-4{
     grid-row: 12;
      grid-column: 1 / 3;

}

.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-image-4 {
     grid-row: 11;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-image-4 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }


.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-content-4 > .unordered-list-style > li { list-style-type: square;} 

.marketing-course-container > .Types-of-Digital-Marketing-courses > .Types-of-Digital-Marketing-courses-content-4 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
 
 
  /*End of Types-of-Digital-Marketing-courses Section*****************************************************************************************/
  /*Features-of-Digital-Marketing-Course container *****************************************************************************************/
 .marketing-course-container > .Features-of-Digital-Marketing-Course{
    display: grid;
   grid-area: G;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*Features-of-Digital-Marketing-Course container *****************************************************************************************/

.marketing-course-container > .Features-of-Digital-Marketing-Course > .Features-of-Digital-Marketing-Course-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.marketing-course-container > .Features-of-Digital-Marketing-Course > .Features-of-Digital-Marketing-Course-content{
     grid-row: 3;
      grid-column: 1 / 3;

}
.marketing-course-container > .Features-of-Digital-Marketing-Course > .Features-of-Digital-Marketing-Course-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-course-container > .Features-of-Digital-Marketing-Course > .Features-of-Digital-Marketing-Course-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }

.marketing-course-container > .Features-of-Digital-Marketing-Course > .Features-of-Digital-Marketing-Course-content > .unordered-list-style > li { list-style-type: square;} 

.marketing-course-container > .Features-of-Digital-Marketing-Course > .Features-of-Digital-Marketing-Course-content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Maximizing-ROI-Digital-Marketing-Tools Section*****************************************************************************************/
  /*marketing-tools-container comprison  Section*****************************************************************************************/
 /*Marketing Courses comprison  Section*****************************************************************************************/
   .marketing-course-container > .Comparisons-section {
    grid-template-areas: "A A";
    display: grid;
   grid-area: H;
   grid-template-rows: subgrid;
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;
    
  
 
}



.marketing-course-container > .Comparisons-section > .comparison-table-container  {
      
      grid-area: A;
      
      grid-column: 1 / 3;
      align-self: stretch;
      align-items: center;
      align-content: center;
      width: 100%;


}
  


  /*End of marketing-courses-comparison Section*****************************************************************************************/
/*Top-Digital-Marketing-Course-Providers container *****************************************************************************************/
 .marketing-course-container  > .Top-Digital-Marketing-Course-Providers{
    display: grid;
    grid-area: I;
    grid-template-columns: subgrid;
    row-gap: 1em;
}
/*Top-Digital-Marketing-Providers container *****************************************************************************************/
 .marketing-course-container  > .Top-Digital-Marketing-Course-Providers > .Top-Digital-Marketing-Course-Providers-title-1{
      grid-row: 1;
      grid-column: 1 / 3;
}


 .marketing-course-container > .Top-Digital-Marketing-Course-Providers > .Top-Digital-Marketing-Course-Providers-content-1{
      grid-row: 3;
      grid-column: 1 / 4;
}

 .marketing-course-container  > .Top-Digital-Marketing-Course-Providers > .Top-Digital-Marketing-Course-Providers-image-1 {
      grid-row: 2;
      grid-column: 1 / 3;
      padding: 0;
}
  .marketing-course-container > .Top-Digital-Marketing-Course-Providers > .Top-Digital-Marketing-Course-Providers-image-1 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
 .marketing-course-container > .Top-Digital-Marketing-Course-Providers > .Top-Digital-Marketing-Course-Providers-content-1 > .unordered-list-style > li { list-style-type: square;} 

 .marketing-course-container > .Top-Digital-Marketing-Course-Providers > .Top-Digital-Marketing-Course-Providers-content-1 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  .marketing-course-container > .Top-Digital-Marketing-Course-Providers > .Top-Digital-Marketing-Course-Providers-title-2{
     grid-row: 4;
      grid-column: 1 / 3;
 

}


 .marketing-course-container > .Top-Digital-Marketing-Course-Providers > .Top-Digital-Marketing-Course-Providers-content-2{
     grid-row: 6;
      grid-column: 1 / 3;

}

 .marketing-course-container  > .Top-Digital-Marketing-Course-Providers > .Top-Digital-Marketing-Course-Providers-image-2 {
     grid-row: 5;
      grid-column: 1 / 3;
padding: 0;


}
 .marketing-course-container > .Top-Digital-Marketing-Course-Providers > .Top-Digital-Marketing-Course-Providers-image-2 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
 .marketing-course-container  > .Top-Digital-Marketing-Course-Providers > .Top-Digital-Marketing-Course-Providers-content-2 > .unordered-list-style > li { list-style-type: square;} 

 .marketing-course-container  > .Top-Digital-Marketing-Course-Providers > .Top-Digital-Marketing-Course-Providers-content-2 > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Top-Digital-Marketing-Course-Providers Section*****************************************************************************************/
/*Choosing-Digital-Marketing-courses container *****************************************************************************************/
 .marketing-course-container  > .Choosing-Digital-Marketing-courses{
    display: grid;
   grid-area: J;
   
    grid-template-columns: subgrid;
grid-column: 2 / 4;
row-gap: 1em;
width: 100%;
 
}
/*Choosing-Digital-Marketing-courses container *****************************************************************************************/

.marketing-course-container  > .Choosing-Digital-Marketing-courses > .Choosing-Digital-Marketing-courses-title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.marketing-course-container  > .Choosing-Digital-Marketing-courses > .Choosing-Digital-Marketing-courses-content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.marketing-course-container  > .Choosing-Digital-Marketing-courses > .Choosing-Digital-Marketing-courses-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-course-container  > .Choosing-Digital-Marketing-courses > .Choosing-Digital-Marketing-courses-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.marketing-course-container  > .Choosing-Digital-Marketing-courses > .Choosing-Digital-Marketing-courses-Content > .unordered-list-style > li { list-style-type: square;} 

.marketing-course-container  > .Choosing-Digital-Marketing-courses > .Choosing-Digital-Marketing-courses-Content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Choosing-Digital-Marketing-courses Section*****************************************************************************************/ 
/*Features-of-Digital-Marketing-Tools container *****************************************************************************************/
.marketing-course-container > .Addressing-Common-marketeing-Courses{
display: grid;
   grid-area: K;
    row-gap: 1em;
    grid-template-columns: subgrid;
}
/*Features-of-Digital-Marketing-Tools container *****************************************************************************************/

 .marketing-course-container > .Addressing-Common-marketeing-Courses > .Addressing-Common-marketeing-Courses-Concerns-Title{
     grid-row: 1;
      grid-column: 1 / 3;


}



 .marketing-course-container > .Addressing-Common-marketeing-Courses  > .Addressing-Common-marketeing-Courses-Content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.marketing-course-container > .Addressing-Common-marketeing-Courses  > .Addressing-Common-marketeing-Courses-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
 .marketing-course-container > .Addressing-Common-marketeing-Courses > .Addressing-Common-marketeing-Courses-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.marketing-course-container > .Addressing-Common-marketeing-Courses > .Addressing-Common-marketeing-Courses-Content > .unordered-list-style > li { list-style-type: square;} 

.marketing-course-container > .Addressing-Common-marketeing-Courses > .Features-of-Digital-Marketing-Tools-Content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
/*Addressing-Common-marketeing-Courses container *****************************************************************************************/
/*Maximizing-ROI-Marketing-Course-retuns container *****************************************************************************************/
  .marketing-course-container .Maximizing-ROI-Marketing-Course-retuns{
    display: grid;
   grid-area: L;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*Maximizing-ROI-Marketing-Course-retuns container *****************************************************************************************/

 .marketing-course-container > .Maximizing-ROI-Marketing-Course-retuns > .Maximizing-ROI-Marketing-Course-retuns-TitLe{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


 .marketing-course-container > .Maximizing-ROI-Marketing-Course-retuns  > .Maximizing-ROI-Marketing-Course-retuns-Content{
     grid-row: 2;
      grid-column: 1 / 3;

}

.marketing-course-container > .Maximizing-ROI-Marketing-Course-retuns > .Maximizing-ROI-Marketing-Course-retuns-Content > .unordered-list-style > li { list-style-type: square;} 

 .marketing-course-container > .Maximizing-ROI-Marketing-Course-retuns > .Maximizing-ROI-Marketing-Course-retuns-Contentt > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /*End of Choosing-the-Right-Web-Hosting-Domains Section*****************************************************************************************/ 

/*Emerging-Trends-Digital-Marketing-courses container *****************************************************************************************/
.marketing-course-container > .Emerging-Trends-Digital-Marketing-courses{
    display: grid;
   grid-area: M;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*Emerging-Trends-Digital-Marketing-courses container *****************************************************************************************/

.marketing-course-container > .Emerging-Trends-Digital-Marketing-courses > .Emerging-Trends-Digital-Marketing-courses-Title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.marketing-course-container > .Emerging-Trends-Digital-Marketing-courses > .Emerging-Trends-Digital-Marketing-courses-Content{
     grid-row: 3;
      grid-column: 1 / 3;

}

.marketing-course-container > .Emerging-Trends-Digital-Marketing-courses > .Emerging-Trends-Digital-Marketing-courses-image {
     grid-row: 2;
      grid-column: 1 / 3;
padding: 0;


}
.marketing-course-container > .Emerging-Trends-Digital-Marketing-courses > .Emerging-Trends-Digital-Marketing-courses-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
.marketing-course-container > .Emerging-Trends-Digital-Marketing-courses > .Emerging-Trends-Digital-Marketing-courses-Content > .unordered-list-style > li { list-style-type: square;} 

.marketing-course-container > .Emerging-Trends-Digital-Marketing-courses > .Emerging-Trends-Digital-Marketing-courses-Content > .unordered-list-style{color: #f2fcfc; font-family: sans-serif;  
  font-size: 14.5px; line-height: 26px;
  text-size-adjust: 14px;
  
 }
  /* End of Emerging-Trends-Digital-Marketing-courses Section*****************************************************************************************/ 
/*Collaboration-Marketing-Courses-Teams container *****************************************************************************************/
 .marketing-course-container  > .Collaboration-Marketing-Courses-Teams{
    display: grid;
   grid-area: N;
   
    grid-template-columns: subgrid;

    row-gap: 1em;

 
}
/*Collaboration-Marketing-Courses-Teams container *****************************************************************************************/

.marketing-course-container  > .Collaboration-Marketing-Courses-Teams > .Collaboration-Marketing-Courses-Teams-Title{
     grid-row: 1;
      grid-column: 1 / 3;
 

}


.marketing-course-container > .Collaboration-Marketing-Courses-Teams > .Collaboration-Marketing-Courses-Teams-Content{
     grid-row: 2;
      grid-column: 1 / 3;

}

/*End of Collaboration-Marketing-Courses-Teams container *****************************************************************************************/
 /*Marketing-Courses-Success-Stories Section*****************************************************************************************/ 
 .marketing-course-container > div.Marketing-Courses-Success-Stories{
    display: grid;
   grid-area: O;
   
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;

 
}
.marketing-course-container > .Marketing-Courses-Success-Stories > .Marketing-Courses-Success-Stories-Title-1{
     grid-row: 1;
      grid-column: 1 / 3;
    
}


.marketing-course-container > .Marketing-Courses-Success-Stories > .Marketing-Courses-Success-Stories-Content-1{
     grid-row: 3;
      grid-column: 1 / 3;

}
.marketing-course-container > .Marketing-Courses-Success-Stories > .Marketing-Courses-Success-Stories-image-1 { 
   grid-row: 2;
      grid-column: 1 / 3;

}
.marketing-course-container > .Marketing-Courses-Success-Stories > .Marketing-Courses-Success-Stories-image-1 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
   

.marketing-course-container > .Marketing-Courses-Success-Stories > .Marketing-Courses-Success-Stories-Title-2{
     grid-row: 4;
      grid-column: 1 / 3; 
}

.marketing-course-container > .Marketing-Courses-Success-Stories > .Marketing-Courses-Success-Stories-Content-2{
     grid-row: 6;
      grid-column: 1 / 3;

}
.marketing-course-container > .Marketing-Courses-Success-Stories > .Marketing-Courses-Success-Stories-image-2 { 
   grid-row: 5;
   grid-column: 1 / 3;

}
.marketing-course-container > .Marketing-Courses-Success-Stories > .Marketing-Courses-Success-Stories-image-2 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
   

 .marketing-course-container > .Marketing-Courses-Success-Stories > .Marketing-Courses-Success-Stories-Title-3{
     grid-row: 7;
      grid-column: 1 / 3;
    
}


.marketing-course-container > .Marketing-Courses-Success-Stories > .Marketing-Courses-Success-Stories-Content-3{
     grid-row: 9;
      grid-column: 1 / 3;

}
.marketing-course-container > .Marketing-Courses-Success-Stories > .Marketing-Courses-Success-Stories-image-3 { 
   grid-row: 8;
      grid-column: 1 / 3;

}
.marketing-course-container > .Marketing-Courses-Success-Stories > .Marketing-Courses-Success-Stories-image-3 img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
   
/*Marketing-Courses-Success-Stories container *****************************************************************************************/
/*Marketing-Courses-Glossary container *****************************************************************************************/

 .marketing-course-container > .Marketing-Courses-Glossary{
      grid-area: P;
     grid-template-areas:  "A A"
                           "B B";
   
     display: grid;
     grid-template-columns: subgrid;
      grid-template-rows: minmax(5rem, 1fr);
      row-gap: 3rem;
}
    
.marketing-course-container > .Marketing-Courses-Glossary > .Marketing-Courses-Glossary-section-content-1{
      grid-area: B;
grid-column: 1 / 3;

}

.marketing-course-container > .Marketing-Courses-Glossary > .Marketing-Courses-Glossary-content-table-2{
      grid-area: A;
      padding-left: 0;
      grid-column: 1 / 3;
 padding-left: 0;
padding-right: 0;
}

.marketing-course-container > .Marketing-Courses-Glossary > .Marketing-Courses-Glossary-content-table-2 table  {
  width: 100%;
  height: fit-content;
 padding-top: 0;
  border-collapse: collapse;
 padding-left: 0;
  
 /* Make the table content scrollable *****************************************************************************************/
  overflow-y: none; 
  /* Set a fixed height to show only 3 rows initially */
/* Adjust 48px based on your row height */
}
.marketing-course-container > .Marketing-Courses-Glossary > .Marketing-Courses-Glossary-content-table-2 > #marketing-courses-toc  { background-color: #ecf2f2; margin-top: 0cap; align-items: self-start; align-self: stretch;}
  /*End of Marketing-Courses-Glossary Section*****************************************************************************************/ 
  /*End of FAQs-Digital-Marketing Section*****************************************************************************************/

  .marketing-course-container  > div.FAQs-Marketing-Courses {
    display: grid;
   grid-area: Q;
   
    grid-template-columns: subgrid;
    grid-column: 2 / 4;
    row-gap: 1em;

 
}
 .marketing-course-container  > .FAQs-Marketing-Courses > .FAQs-Marketing-Courses-Title{
     grid-row: 1;
      grid-column: 1 / 3;
      
}
.marketing-course-container  > .FAQs-Marketing-Courses > .FAQs-Marketing-Courses-Content{
     grid-row: 3;
      grid-column: 1 / 3;

}
.marketing-course-container  > .FAQs-Marketing-Courses > .FAQs-Marketing-Courses-image { 
   grid-row: 2;
      grid-column: 1 / 3;

}
.marketing-course-container > .FAQs-Marketing-Courses > .FAQs-Marketing-Courses-image img { width: 100%;
  height: auto;
  aspect-ratio: 1280 / 470;
 }
    
/*Digital-Marketing-Conclusion Section*****************************************************************************************/

 .marketing-course-container > .marketing-courses-common-mistakes-section{
   display: grid;
   grid-area: R;
    grid-column: 2 / 4;
 
}
/*End of .marketing-tools-container Section*****************************************************************************************/
/*Digital-Marketing-Take-Action-Now Section*****************************************************************************************/

 .marketing-course-container > .Marketing-Courses-Take-Action-Now {
 display: grid;
   grid-area: S;
    grid-column: 2 / 4;
 

 
}
/*End of Digital-Marketing-Take-Action-Now Section*****************************************************************************************/
/*Digital-Marketing-Taction-Further-Reading Section*****************************************************************************************/

   .marketing-course-container > .Marketing-Courses-Further-Reading {
  display: grid;
   grid-area: T;
    grid-column: 2 / 4;


 
}
/*End of Digital-Marketing-Taction-Further-Reading Section*****************************************************************************************/
/*marketing-course-container footer*****************************************************************************************/
 .marketing-course-container > div.footer {
  grid-area: footer;
align-items: center;
align-self: center;
  
  grid-column: 2 / 4;

  text-align: center;
  
}
 .marketing-course-container > .footer > .div#Footer_logo { 
align-items: center;
}

/*End of marketing-course-container footer*****************************************************************************************/
/*blog-main-section *****************************************************************************************/
    
 .blog-container{
     
   display: grid;
   grid-template-areas: "header header header header header"
                                           "A B B B..." 
                                           "A C C C..."                      
                            "A footer footer footer...";

   grid-template-columns: 2.5em minmax(7ch, 1fr) minmax(7ch, 1fr) minmax(7ch, 1fr) 2em;

top: 0;
row-gap: 2rem;
box-sizing: border-box;
justify-items: space-between;
margin-bottom: 0;

}


 .blog-container > .menu-styling{
  display: grid;
     grid-area: A;
     grid-column: 1;
 align-items: center;
align-self: center;

}
 .blog-container > div.header{
     grid-area: header;
     display: grid;
     grid-column: 1 / 4;

}
 .blog-container > .blog-main-section{
     
   display: grid;
   grid-area: B;
   grid-template-areas: "A A A A"
                        "B B B B";
    grid-template-columns: subgrid;
    grid-template-rows: minmax(5rem, 1fr);

    padding: 2rem 0 0 0;
    grid-column: 2 / 5;
    width: 100%;
}
 .blog-container > .blog-main-section > .blog-main-section-content-1 {
     grid-area: A;
     grid-column: 1 / 4;
     padding-right: 0rem;
}
 .blog-container > .blog-main-section >  .blog-main-section-content-2{
     grid-area: B;
     grid-column: 1 / 4;
}
 .blog-container > .blog-main-section >  .blog-main-section-content-2 img {
     height: 100%;
     width: 100%;
}

 .blog-container > .post > .expanded > .move-table{
   width: 100%; 
   align-self: stretch;
   grid-column: 1 / 4;

}

#h2-blog-post{
    width: 100%; 
   font-size: 2rem;
    

}

 .blog-container > .post > .expanded {
  grid-column: 1 / 4;
  grid-template-columns: auto;
 }

  .container > .content > p {
    padding: 0 -4rem 0 -3rem;
     grid-column: 1 / 5;
  }
/*blog Footer section *****************************************************************************************/
 /* RESPONSIVE DESIGN FOR SMALLER SCREENS *************************************/

/* FORCE EXPANDED VIEW OVER STICKY NAVBARS ON ALL SCREENS */
@media (max-width: 1024px) {
  .container > .post.expanded {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    
    /* Overrides the mobile sticky navbar's high z-index layer */
    z-index: 999999 !important; 
  }
}

@media (max-width: 600px) {
  .container > .post.expanded {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    
    
    
    /* Ensures absolute dominance on tight mobile screens */
    z-index: 999999 !important; 
  }
}

.blog-container > #able tr { margin: rem;}
/*blog Footer section *****************************************************************************************/
 .blog-container > .footer{
display: grid;
grid-area: footer;
align-items: center;
align-self: center; 
grid-column: 2 / 5;
text-align: center;

margin-bottom: 1rem;

}
.blog-container > .footer > .div#Footer_logo { 
align-items: center;
}


/*blog Footer section *****************************************************************************************/
/*Contact Us Section*****************************************************************************************/

 .cont-us-container {
    display: grid;
    grid-template-columns: 2.5em minmax(7ch, 1.5fr) minmax(7ch, 1fr) 2em;
    grid-template-areas:
        "header header header header"
        "A B B...."
        "A footer footer footer";
  
    top: 0;
   
    justify-items: space-between;
    box-sizing: border-box;
    grid-row: 2 / 4;
    max-width: 100%;
       width: 100%;
}
.cont-us-container > .contact-us-content-main {
    grid-area: B;
    display: grid;
    grid-template-areas: "A A A"
                         "B B B";
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  margin: -2rem 0 0 0;
 grid-row: 1 / 3;
   align-self: stretch;
    align-items: stretch;
       width: 100em;
}

.cont-us-container > .contact-us-content-main > div.content-main {
  display: grid;
    grid-area: A;
    grid-column: 1 / 3;
    grid-row: 1;
    color: #eee2e2;
    padding: 3rem 0 0 0;
}
.cont-us-container > .contact-us-content-main > #image-stylying {
  display: grid;
  
width: 100%;
   grid-area: B;
 grid-column: 1 / 3;
  
}
.cont-us-container > .contact-us-content-main > #hero_images {
display: grid;
    height: 100%;
    max-width: 100%;
    grid-column: 1 / 3;
}
   .cont-us-container > .menu-styling {
  display: grid;
  grid-area: A;
    grid-column: 1 / 4;
    
  }

  .cont-us-container > div.footer {
    grid-area: footer;
    align-self: center;
    align-items: center;
    grid-column: 2 / 4;
    text-align: center;
    gap: 7px;
    margin: 0 0 -2.3rem 0;
}


  body > main {
    width: 100%;
    max-width: 100%;
   overflow: hidden;
    box-sizing: border-box;

    overflow-x: none;
     }

  /* hide scrollbar from scroles*****************************/
  body {
    -ms-overflow-style: none;
    
    scrollbar-width: none;
    overflow-y: scroll;
  }

  body::-webkit-scrollbar {
    display: none;
   
  }

  /*Heading  Media Query Section *************************************/
  h1 {
    color: #c6b430;
    font-family: 'Roboto', sans-serif;
    font-size: clamp(30px, 6.7vw, 5rem);
    font-weight: bold;
    float: right;
    
  }

  h2 {
    color: #c6b430;
    font-family: 'Roboto', sans-serif;
    font-size: clamp(21px, 4.7vw, 2.5rem);
    font-weight: bold;
  
  }

  h3 {
    color: 	#00FFFF;
    font-family: 'Kaisei HarunoUmi', serif;
   
 
  }
  .marketing-course-table { margin: -0.6rem 0 1.5rem 0;}

  h4 {
    color: #ed4212;
    font-family: sans-serif;
    font-size: 0.9rem;
  }

  h5 {
    color: #f8f3f3;
    font-family: sans-serif;
    font-size: 16px;
    font-weight: 600;
  
  }

  h6 {
    color: #f4eeee;
    font-family: sans-serif;
    color: #e7d7d7;
    font-family: sans-serif;
    font-size: 16px;
    line-height: normal;
    line-height: 3ch;
  }

  p {
    font-family: sans-serif;
    font-size: auto;
    margin-left: 0%;
  }
  .Space-left { margin-left: -9.5%; 
    line-height: normal; 
   text-align: justify;
    font-weight: lighter;
    font-family: sans-serif;
  }

  .uline {text-decoration-line: none;}

  /********************************************************************************************/
  /********************************************************************************************/
  /* Navigation Styling */
  #website-builders-toc {

    border-collapse: collapse;
    margin-top: 15px;
    background-color: #c1d0d0;
    
   
    /* Make the table content scrollable */
    overflow-y: auto; 
    /* Set a fixed height to show only 3 rows initially */
    height: calc(178px * 3); /* Adjust 48px based on your row height */
  }
  
 /********************************************************************************************/
/* Section: Media Quries Navigation Bar styling ******************/

.hamburger_menu {
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: space-between;
       width: 100%;
       height: 100vh;
       top: 2.9em;
       padding-top: 4rem;
      
       position: fixed;
       z-index: 100;
       right: -100%;
     
       background-color: #e1e3e7;
       padding-bottom: 6.5rem;
       transition: all 0.2s ease-in-out;
       -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;
           
}



.navigation_bar   {height: clamp(3em, 5vh, 7rem); position: fixed; }

.hamburger_menu li a {text-align: center; padding-bottom: -1rem; color: #0746bc; }
.open-menu , .close-menu { display: block; margin-top: calc(1.5rem); padding: 4px;}
.open-menu  {  right: 1em; color: #f4f7f1;  position: fixed; z-index: 100; }
.close-menu {  margin-top: calc(1.5rem);  right: 1rem; top: 0; color: #003697; height: 100%; position: fixed;  padding: 4px; }
#check:checked ~  .hamburger_menu {right: 0px; }
.navigation_bar > .hamburger_menu li a{color: #003697; font-size: 2rem; font-weight: bolder;}

/* Section:End of Media Quries Navigation Bar styling ************************************************/
 /********************************************************************************************/
 .logo img{
 align-self: center;
height: 4vh auto;
width: 12vw;
 margin: 0.1vh;
 
    }
.logo-size { height: auto; display: flex; flex-direction: column; align-items: center;}
  #hero_images {
    display: flexbox;
    flex-direction: column;
    width: 100%;
    height: 50vh;
    align-items: center;
   
  }

  .tools {
    display: inline-block;
    position: relative;
    width: 50rem;
    margin-left: 5%;
  }
 

/* Comparison Website Builder tools Features****************************************/
/*Comparison Website Builder Section****************************************/
/*********************************************************************************************/


/* Comparison Website Builder tools Features****************************************/
thead { border: 2px solid; border-color: #1dc8d7; text-decoration: none;  height: 2rem; background-color: none;}


.comparison-table {border: 8px solid;  color: #00FFFF; }

#comparison-tool {
  
  margin: 0 auto;
  font-family: sans-serif;
  color: #00FFFF;
}

.filters {
  margin-bottom: 20px;
font-size: minmax(1rem, 5vw);
  display: inline;
} 

.checkbox-group {
  display: flex;
  flex-wrap: wrap;
}

.checkbox-group label {
  margin-right: 15px;
  font-size: 12px;
}

.comparison-tablet h2{margin: 0 0 -2rem 0;}
.comparison-table {
  border-collapse: collapse;
  height: 100%;

  width: 100%;
  
  border-width: 2px;
  table-layout: fixed

}

.comparison-table-style {
  border-collapse: collapse;
  height: 100%;

  width: 90%;
  
  
  border-width: 2px;
  table-layout: fixed

}

.comparison-table tr {height: 4em; align-items: center;  margin-bottom: 2rem; font-size: 1em;}
.comparison-table td {
  padding: 1rem 0.3rem 1rem 0.1rem;

}
.comparison-table tr:hover {
background-color: #070606;
}

.comparison-table > td #table-head-styling {font-size: 2rem; font-weight: bolder; border: #12BDED 8px solid;}
.tablebody{padding: 0.2rem; align-items: center; display: inline-block; align-items: center;}
.tr-newheading {transform: rotate(180deg); border: none;}
.th-styling {transform: rotate(180deg); }
.table-row-styling {transform: rotate(180deg);}
.table-head-styling { font-weight: bolder; font-size: 1rem; }


.comparison-table { background-color: #040876;}
 .highlighted {background-color: #ffffcc;}
 .comparison-table th { color: #e8efef; transform: rotate(270deg); border: none; }
 .comparison-table tr { color: #dacbcb; text-align: center; width: 7rem; height: 4rem; }
 .comparison-table td { color: #dacbcb; padding: 0.5px 0 px 4px 0; text-align: center; transform: rotate(270deg); width: 3.2em; height: 5em; }
 .checkbox-group {color: #e5f4f4; width: fit-content; display: inline-block; align-items: first baseline;}
 .Colouring-Fliters {color: #16bdde; padding-bottom: 3px; width: auto; }

 #table-styling{
  transform: rotate(360deg);
  border-collapse: collapse;
  height: 100%;
  width: 100%;
  margin: 2rem 0 0 0rem;
  border-width: 2px;
  table-layout: fixed;
 }
#web-b-th-styling {transform: rotate(360deg); }
#web-b-th-styling   td { color: #dacbcb;  font-size: 0.4em; text-align: center; transform: rotate(360deg); width: auto; height: 3em; }
#web-b-th-styling tr { color: #dacbcb; text-align: center; width: auto; height: 2em; }
.colouring-table-head {background-color: #c3ab10; border-width: 5px;  }
.comparison-table > .colouring-table-head {color: #c31010;}

/*********************************************************************************************/
.comparison-table-style td { border-collapse: collapse;}
#table {
  width: 100%;
  margin: 2em 0 2rem 0;
}
#table thead{
  display: none;

}
#table td {
  display: block;
  text-align: right;
  color: #d6dee0;
  background-color: #030c38;
  
}
#table td::before {
  
  content: attr(data-label);
  float: left;
  color: aqua;
  
  padding: 0 1.5em 0 0;
  
  
}

#table th {
  background-color: #0f5d73;
  
}

#table > .table-cards td{color: #a59914;}
 #table .Empty{ border: 3px solid #000; background-color: #010505;}
#table .table-header {background-color: #0e0c74; color: aqua;}
/*********************************************************************************************/
/* FAQS container */
 .movespace{ text-indent: 20px; display: inline-flex;}
/*********************************************************************************************/

  /********************************************************************************************/
  /********************************************************************************************/
  /* swipe section ************/

  swiper-container {
    
    height: fit-content;
    width: auto;
    display: flex;
    flex-direction: column;
    border: 1em solid;
    border-color:  #c6b430;;
    
 
  }


  .para {
    color: #f8f3f3;
    text-align: center;

    text-shadow: none;
    font-size: 14px;
    text-decoration: none;
  
  }

  swiper-slide {
    text-align: center;
    font-size: 12px;
    background-color: linear-gradient(180deg, orangered, #c6b430);
    display: flex;
    font-weight: 120px;
    justify-content: center;
    color: #e8e8db;
    align-items: center;
    padding-top: -90px;
    padding-left: 0px;
   }


  swiper-slide input {
    width: 30vw;

  }

  .swiper-button-prev.swiper-button-disabled .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
  }

  .swiper-button-prev.swiper-button-disabled {
    opacity: .25;
    cursor: auto;
    pointer-events: none;
  }

  .swiper-button-next,
  .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(70px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
  }

  /********************************************************************************************/
  /* Fixed icons bar (vertically ) */
  .icon-bar {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

  }

  .social_icon {
    width: 0;
  }
 
  /********************************************************************************************/
  /*sticky icon bar (vertically) ********************/
  .icon-bar {
    position: fixed;
    top: 55%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    align-items: center;
    align-self: center;

  }

  .social_icon {
    width: 5px;
  }

  /* Style the icon bar links */
  .icon-bar a {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 1rem 0.5rem 2rem 0.5rem;
    transition: all 0.3s ease;
    align-items: center;
    color: white;
    font-size: 1.6em;
    align-items: center;
    align-self: center;
  
    list-style-type: none;
    font-weight: bold;
    width: 2.2rem;
    height: 6vw;
    border-radius: 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    text-decoration: none;
     }

  /********************************************************************************************/
  /********************************************************************************************/
  /* Styling the social media icons *****************************/
  .icon-bar a:hover {
    background-color: #000;
    text-decoration: none;

  }

  .facebook {
    background: #3B5998;
    color: white;
    
  }

  .twitter {
    background: #55ACEE;
    color: white;
  }

  .instagram {
    background: #dd4b39;
    color: white;
  }

  .linkedin {
    background: #007bb5;
    color: white;
  }

  .youtube {
    background: #bb0000;
    color: white;
  }


  
  /********************************************************************************************/
  /********************************************************************************************/
 /* Section Styling */
  .section {
    margin-top: 2%;
    padding-right: 0px;
    width: 100%;
  }
 #baground_image { background-repeat: no-repeat; background-attachment: local; background-size: cover;
  background-position: center;
  margin-top: 0n ; padding-top: 9em; margin-bottom: -3%;
 }
  .container {
    width: 100%;
    min-height: 55%;
    overflow: hidden;
    z-index: 1;
  }
  .Space-ul { margin-bottom: -1.3em; margin-top: -1em;}

  /********************************************************************************************/
  /** Section: Main **/
  
  h5 {
    width: 100%;
    line-height: 1rem;
    text-decoration: none;
  }

  button {
    width: auto;
    margin: 10 auto;
    text-align: center;
    display: inline-flex;
    color: white;
  }
  button:hover {
    width: 185px;
    transition: 0.5s;
    color: #190505;
  }

  .row {
    margin-bottom: 2%;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
   
  }

  .col1 {
    width: 92%;
    display: flex;
    flex-direction: column;
    margin-left: 10.5%;
  
  }


  .col2 {
   width: 90%;
    display: flex;
    flex-direction: column;
    margin-left: 9.7%;
    margin-bottom: 7vh;
  }

  #CTA1 {
    display: flex;
    margin-left: 0;
    padding: 2rem 2rem 2rem 2rem;
    font-size: 2rem;
    align-items: center;
  }
.footer-CTAs{ margin: -2rem 0 2rem 0; align-items: center;  font-size: 1.2rem;}
  .CTA1-styling { grid-row: 3; grid-column: 4;}

  #CTA2 {
   
    width: fit-content;
    display: flex;
    flex-direction: column;
    width: fit-content;
    margin: 1rem 0 2rem 0;
  }
  a { text-decoration: none;}
  #CTA3 a {
    align-items: center;
    width: auto;
    display: block;
    flex-direction: column;
  
    text-decoration: none;
  }

  .row_plan {
    margin-bottom: 0.rem;
    display: flex;
    width: 100%;
    justify-content: space-between;
    background-color: #c6b430;
}
 .figure > .stepsstyling {
    
    text-align: center;
    align-content: center;
    width: 7em;
    margin: 0 0 0 49em;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: center;
    font-size: 1em;
    background-color: #ed4212;
    color: #fff !important;
    
    
  }
  
 

  #CTA4 { display: flex;
    flex-direction: column;
    width: 23vw; align-items: center;
    text-decoration: none;
    height: clamp(3rem, 4vw, 5rem);
    
    }


 

  p {
    text-decoration: none;
  }
  .uline { text-decoration: none;}
  

  #tools {
    display: flex;
    flex-direction: column;
    width: 90%;

    margin-left: 10.5%;
    align-items: center;
  }

  .hero_images {
    display: flex;
    object-position: center;
    width: auto;
    height: auto;
    flex-direction: column;
    
  }
  
  #author5_png {
    width: 100%;
    margin-left: 1%;
  }

  #main_image { margin-left: 1%; }
  .arrow {
    display: none;
  }

  #author { margin-left: -1%; width: 95%;}
  .blog-title { margin-left: 25vw; text-decoration: orangered; }
  #author5_jpg { width: 75%; top: -54vh;  right: 18vw; overflow: hidden; display: flex; 
    padding-top: 23;
    flex-direction: column; position: absolute; height: 50vh; rotate: right; 
  
  }

.row_CT, #auther5_png{ position: relative; display: flex; flex-direction: column; order: 2; margin-top: 52vh;}

  /********************************************************************************************/
  /***  Section: Social Proof ***/
  #plan-A-B-C {width: 100%;}
  .row_plan{
    margin-bottom: 5%;
    display: flex;
    flex-direction: column;
    align-content: center;
    
    width: 100%;
  
  }

  .centre-plan-heading{ text-align: center; width: fit-content;}
  #heading_plan { width: fit-content; }

  .col3 {
    display: block;
    width: 100%;
  
    align-items: center;

   
  }

  .colours {
    background: #fefdf9;
    font-weight: bolder;
    font-size: 4rem;
    border-radius: 50%;
    width: 30%;
    height: 50%;
    align-items: center;
    align-self: center;
    text-align: center;
    display: flex;
    flex-direction: column;
    
    margin-left: 0;
}
figure {
    justify-content: center;
    font-weight: bolder;
    display: flex;
    flex-direction: column;
    text-align: center;
    color: #f5fdfd;
    height: 20em;
}
  .CF_image {
    width: 150px;
  }
  .figure { font-size: 18em;}
#hero_image {width: 100%; height: clamp(10rem, 90dvw, 100rem); margin-left: 0;}
.unordered-list-style { width: 100%; }

/**** Section:  Grid Nav  styling ****/
  .main-nav {
        grid-row: 2;
        grid-column: 2 / 5;
        background-color: #000;
        
    }

    .main-nav ul {
        grid-template-columns: 1fr;
        height: calc(80vh - 70px);
        align-content: space-evenly;
        display: block;
      
    }

    .main-nav ul a {
        color: #fff;
       
    }

}
#hamburger-media { visibility: visible;}


/************************************************************************************************************************************/
/*End of Digital Marketing Styling styling page***********************************************************************************************/
/* Blog styling page********************************************************/
.container22 {
  display: flexbox;
  flex-wrap: wrap;
  gap: 0px;
  justify-content: center;
  width: 100%;
  
}

.post {
  background-color: rgb(0,0,0);
  border: 1px solid #53c52a;
width: 100%;

display: flex;

  
}


.expanded h2 {
  font-size: 1.3rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 10px;
 text-decoration: none;
  font-weight: bolder;
  margin: 1em 0 1em 0;
}
.post img {
  width: 100%;
  height: 30vh;
  display: flex;

  margin-bottom: 10px;
  border-radius: 6px;

}

.post p {
      font-style: normal;
    font-weight: normal;
    font-family: sans-serif;
    font-size: 1em;
    color: #f9fbfc;
    line-height: 26px;
    text-size-adjust: 14px;
    text-align: start;
    text-justify: distribute;
    text-align-last: left;
  line-height: 1.5;
  
  width: 100%;

}

.post h2 {
  line-height: 1.5;
  float: left;
  width: 100%;

}

.content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
}


.toggle-btn {
  display: inline-block;
  margin-top: 10px;
  color: orangered;
  text-decoration: underline;
  font-weight: 600;
  cursor: pointer;
}

.expanded {
  width: 100% !important;
  max-height: auto;
  z-index: 10;
  margin-left: 0;

}
.expanded p { width: 100%;}
.expanded li { width: 100%;}
.expanded img{ width: 100%; height: 50vh;}
.expanded > .pos-h2 { text-decoration: none; width: 100%;  font-size: 1.8em;} 
.title-styling { align-items: center; font-weight: bold;}
/************************************************************************************************************************************/
/*End of blog styling page***********************************************************************************************/
/* Section:  comparison table********************************************************/

/* Section:  comparison table*/

.comparison-table {overflow-x: hidden;   }
#comparison-tool {
  width: 20px;
  margin: 0 auto;
  font-family: sans-serif;
  color: #00FFFF;
}

#Centretitle { align-items: center;}


/********************************************************************************************/
 
  /* CF=Customer Feedback */
  /********************************************************************************************/
  /**** Section:  Social Proof ****/
  .col_Benefits1a {
    display: flex;
    flex-direction: column;
    width: auto;
    align-items: center;
    flex: 1;
    order: 2;
    margin-left: 10%;
  }

  .col_Benefits1b {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-left: -5.7%;

  }


  /********************************************************************************************/
  /********/

  .col_Benefits2a {
    content: "before";
    width: 100%;
    flex: 2;
    height: 100%;
    order: 2;
    order: unset;
    margin-left: 10%;
    float: right;
  }

  .col_Benefits2b {
    width: 90%;
    padding-top: 0px;
    box-sizing: border-box;
    flex-direction: column;
    -webkit-box-orient: horizontal;
    flex: 1;
    order: 2;
    margin-top: 20px;
    margin-left: 10%;
  }

  /********************************************************************************************/
  /********/
  .col_Benefits3a {
    display: flex;
    flex-direction: column;
    width: auto;
    flex: 1;
    order: 2;
    margin-left: 10%;
  }

  .col_Benefits3b {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-left: 10%;
  }

  /********************************************************************************************/
  /*** Section: Mission ***/
  .Mission {
    background-blend-mode: overlay;
    margin-left: 8.3%;
  }

  .Mission h1 {
    font-weight: 700;
    color: rgb(219, 179, 20);
    margin-top: 5px;
    
  }

  .Mission h5 {
    font-weight: 900;
    color: white;
    align-items: center;
    line-height: 8vh;
  }

  #Mission_But {
    color: #ff4500;
    font-size: 12px;
    margin-top: 1rem;
  }

  .col_MissionA {
    display: flex;
    flex-direction: column;
    width: 95%;
    flex: 1;
    order: 2;
   margin-left: 2%;
    position: relative;
  
  }

  .col_MissionB {
    width: auto;
    padding: 3px;
    display: flex;
    flex-direction: column;
    margin-right: 6%;
 
  }

  /********************************************************************************************/
  /*** Footer ***/
  .footer {
    margin-top: 20vw#e5e9ef;
    
    text-align: center;
    align-items: center;
    background-blend-mode: screen;
  
    width: auto;
    margin-left: 0;
    padding: ovw;
  }

  .FT_navStyle {
    margin: 0px;
    font-family: sans-serif;
    font-size: 1.3em;
    color: #f4f2f2;
    display: flex;
    flex-direction: column;
    font-weight: bold;
    text-align: Center;
    text-decoration: none;

  }

  .FT_navStyle {
    color: rgb(255, 241, 241);
    background-color: #d6dee0;
    align-items: center;
    padding: 0%;
  
 
  }

  /********************************************************************************************/
  /*************************/
  /* Contact Us Form Style */
  /*************************/
  .row_CT { width: 100%;}
  .align-footer  {  width: 100%; }
  label {
    font-weight: 400;
    font-family: sans-serif;
    text-transform: uppercase;
    font-size: 10px;

  }

  input[type=text],
  select,
  textarea {
    font-size: 10px;
    width: 100%;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 3px;
    margin-bottom: 8px;
    resize: vertical;
    font-family: sans-serif;
    color: #000000;
 
  }

  input[type=email],
  select {
    font-size: 10px;
    width: 100%;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 3px;
    margin-bottom: 8px;
    resize: vertical;
    font-family: sans-serif;
    
   
  }

  input[type=submit] {
    font-size: 8px !important;
    background-color: #ed4212;
    color: white;
    padding: 6px 10px;
    border: none;
    margin-top: 1rem;
    border-radius: 4px;
    cursor: pointer;
  }

  button:hover {
    width: 170px;
    transition: width 0.5s;
  }

  input[type=submit]:hover {
    font-size: 8px !important;
    background-color: #12BDED;
  }


/* BREAK STACKING CONTEXTS TO FORCE OVERLAY ON TOP OF NAVBAR */

/* 1. Targets the grid parent when a card is expanded */
.blog-container:has(.post.expanded) {
  /* Forces the entire blog section to jump to the very top layer */
  position: relative !important;
  z-index: 9999999 !important; 
  /* Clears any transforms that trap fixed elements on mobile */
  transform: none !important; 
  filter: none !important;
}

/* 2. Targets the inner layout wrapper when a card is expanded */
.blog-container > .container:has(.post.expanded) {
  position: relative !important;
  z-index: 9999999 !important;
}

/* 3. Re-enforce absolute overlay dominance for the expanded card */
.container > .post.expanded {
  position: fixed !important;
  z-index: 10000000 !important; /* One level higher than its parents */
}

/********************************************************************************************/
/* Adaptive Styling for TV */
@media only screen and (width: 100%)
/* @media Query - ACTS LIKE A QUESTION */
  {

  /* Media Query Section */
  h1 {
    color: #ed4212;
    font-family: 'Roboto', sans-serif;
    font-size: 1.5rem;
    font-weight: 800;
  }

  h2 {
    color: #ed4212;
    font-family: 'Roboto', sans-serif;
    font-size: 1.125em;
    font-weight: 400;
  }

  h3 {
    color: #000000;
    font-family: 'Kaisei HarunoUmi', serif;
    font-size: 1rem;
  }

  h4 {
    color: #ed4212;
    font-family: sans-serif;
    font-size: 0.7rem;
  }

  h5 {
    color: #000000;
    font-family: sans-serif;
    font-size: 0.6rem;
  }

  h6 {
    color: #000000;
    font-family: sans-serif;
    font-size: 0.5rem;
  }

  p {
    font-family: sans-serif;
    font-size: 1.2rem;
  }

  .row1 {
    background: url(images/bgim.png)
  }



  /********************************************************************************************/
  /********************************************************************************************/
  nav {
    flex: 1;
    text-align: right;
  }

  nav ul li {
    list-style: none;
    display: block;
    margin-right: 5px;
  }

  /* Proximity */
  nav ul li a {
    text-decoration: none;
    color: #000000;
    font-size: 10px;
    font-weight: 700;
  }

  nav ul li a:hover {
    color: #ed4212;
    font-weight: 700;
  }

  button {
    width: 165px;
    border: 1;
    border-color: #ed4212;
    padding: 10px 10px;
    margin-bottom: 15px;
    margin-right: 10px;
    color: #ffffff;
    font-weight: 700;
    border-radius: 6px;
    cursor: pointer;
    background-color: #ed4212;
    box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.2);
  }

  button:hover {
    width: 170px;
    transition: width 0.5s;
    box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.6), 0 0 8px 0 rgba(0, 0, 0, 0.5);
  }

  figure {
    font-size: 12px;
    font-family: sans-serif;
    justify-content: center;
    padding: 5px;
  }

  /********************************************************************************************/
  /********/
  /* Desktop Images In Correct Position - Media Query Section */
  .logo {
    width: 100px;
    margin: 10px 0px 0px 0px;
  }

  .menu_icon {
    display: block;
    margin-top: 10px;
  }

  .search {
    display: block;
    margin-top: 10px;
  }

  #navStyle {
    margin: 0px;
    font-family: sans-serif;
    font-size: 10px;
    font-weight: bold;
  }

  #menuList {
    overflow: hidden;
    transition: 0.5s;
  }

  #hero_images {
    display: block;
  }

  .row1 {
    background: url(images/bgim.png)
  }


  /* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
  .icon-bar {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

  }

  .social_icon {
    width: 0px;
  }

  /* Style the icon bar links */
  .icon-bar a {
    display: block;
    text-align: center;
    padding: 15px;
    transition: all 0.3s ease;
    color: white;
    font-size: 17px;
    margin-left: -70px;
    list-style-type: none;
    font-weight: bold;
    width: 15px;
    height: 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    text-decoration: none;
    padding-left: -2px;
  }

  /* Style the social media icons with color, if you want */
  .icon-bar a:hover {
    background-color: #000;
    text-decoration: none;

  }

  .facebook {
    background: #3B5998;
    color: white;



  }

  .twitter {
    background: #55ACEE;
    color: white;
  }

  .instagram {
    background: #dd4b39;
    color: white;
  }

  .linkedin {
    background: #007bb5;
    color: white;
  }

  .youtube {
    background: #bb0000;
    color: white;
  }



  /* Section Styling */
  .section {
    margin-top: 2%;
    padding-right: 0px;
    width: 100%;
  }

  .container {
    width: 100%;
    margin: 0%;
    padding-left: 5%;
    padding-right: 5%;
    min-height: 55%;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 1
  }

  /********************************************************************************************/
  /** Section: Main **/
  h1,
  h3,
  button {
    width: 100%;
    margin: 10 auto;
    text-align: center;
  }

  button {
    width: auto;
    margin: 10 auto;
    text-align: center;
  }

  .row {
    margin-bottom: 2%;
    display: block;
    justify-content: space-between;
  }

  .row1 {
    margin-top: 2%;
    margin-bottom: 2%;
    display: inline-flex;
    justify-content: space-between;
    margin-left: -2px;
    margin-right: 20px;
  }

  .col1 {
    width: auto;
    align-items: center;
  }

  .col2 {
    width: auto;
    display: felx;
    align-items: center;
  }

  #CTA1 {
    display: none;
  }

  #tools {
    display: none;
  }

  /********************************************************************************************/
  /***  Section: Social Proof ***/
  .row_social_proof {
    margin-bottom: 5%;
    display: block;
    align-content: center;
  }

  .col3 {
    display: block;
    width: auto;
  }

  .CF_image {
    width: 150px;
  }

  /* CF=Customer Feedback */
  /********************************************************************************************/
  /**** Section:  Social Proof ****/
  .col_Benefits1a {
    display: block;
  }

  .col_Benefits1b {
    width: auto;
  }

  /********************************************************************************************/
  /********/
  .col_Benefits2a {
    width: auto;
  }

  .col_Benefits2b {
    display: block;
  }

  /********************************************************************************************/
  /********/
  .col_Benefits3a {
    display: block;
  }

  .col_Benefits3b {
    width: auto;
  }

  /********************************************************************************************/
  /*** Section: Mission ***/
  .Mission {
    background: url('images/author_photo.png') no-repeat;
    background-color: #ed4212;
    background-blend-mode: overlay;
    margin: 0;
  }

  .Mission h1 {
    font-weight: 700;
    color: white;
    margin-top: 5px;
  }

  .Mission h5 {
    font-weight: 700;
    color: white;
  }

  #Mission_But {
    background-color: #fff !important;
    color: #ed4212 !important;
    font-size: 12px;
  }

  .col_MissionA {
    display: none;
  }

  .col_MissionB {
    width: 100%;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
  }

  /********************************************************************************************/
  /*** Footer ***/
  #FT_navStyle {
    margin: 0px;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: Center;
  }

  /********************************************************************************************/
  /*************************/
  /* Contact Us Form Style */
  /*************************/
  label {
    font-weight: 400;
    font-family: sans-serif;
    text-transform: uppercase;
    font-size: 10px;
  }

  input[type=text],
  select,
  textarea {
    font-size: 10px;
    width: 80%;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 3px;
    margin-bottom: 8px;
    resize: vertical;
    font-family: sans-serif;
  }

  input[type=email],
  select {
    font-size: 10px;
    width: 80%;
    padding: 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 3px;
    margin-bottom: 8px;
    resize: vertical;
    font-family: sans-serif;
    color: #131414;
  }

  input[type=submit] {
    font-size: 8px !important;
    background-color: #ed4212;
    color: white;
    padding: 6px 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }

  input[type=submit]:hover {
    font-size: 8px !important;
    background-color: #fefefe;
  }
}


/* Adaptive Styling for an Apple Watch */