.header{height: 900px;width: 101%; margin-left: -1%; background-image: url(/SEO/Images/Website-Audit.webp);background-size: cover;background-attachment: fixed;position: relative;background-position:top;}
.menu{padding-left:0%;padding-top: 0%;}
nav a{font-size: 35px;font-weight: bolder;text-decoration: none;}
#myLinks{display: block;}
.fixed{position: fixed;}
.anav1{margin-left: 300px;}
.anav{margin-left: 20px;}
nav a:hover{color: rgba(216, 217, 223, 0.658);}
.contactbtn{border: 2px solid black;background-color: rgb(214, 213, 213);padding: 1%;padding-left: 2%;padding-right: 2%;margin-left: 45%;text-decoration: none;text-align: center;font-weight: bold;font-size: x-large;color: rgb(23, 24, 23);}
.contactbtn:hover{background-color: rgba(214, 213, 213, 0.877);color: rgb(12, 95, 190);font-weight: bolder;font-size: x-large;}
#medialogo{display: none;}
.medialogo{float: right; max-width: 400px; height: auto;display: inline;padding: 2%;}
.medialogo-2{float: left; max-width: 400px; height: auto;display: inline; padding: 4%;}
.medialogo-3{max-width: 50%; height: auto; padding: 4%; float: right;}
h1{color: rgb(234, 235, 236);text-align: center;font-size: 60px;margin-top: 4%;transition: font-size 1s;}
h2{text-align: center;font-size: 50px;padding: 1%;transition: all 1s;}
.h2{font-size: 50px;margin-left: 30%;}
.h2-last{font-size: 50px;}h3{font-size: xx-large;animation: text 5s linear;transition: all 4s;text-align: center;}
.h3{font-size: 50px;margin-left: 20%;text-align: start;}
h4{transition: all 1s, transform 3s;}
.p{font-size: xx-large;max-width: 60%;margin-top: 10%;margin-right: 2%;line-height: 1.6;}
.p-2{font-size: xx-large;max-width: 55%;margin-top: 10%;margin-left: 6%;line-height: 1.6;}
.p-3{font-size: xx-large;line-height: 1.6;text-align:justify;margin-left: 6%;margin-right: 6%;}
.display{display:flex;}
.newsize:hover{max-width: 300px;max-height: auto;}
u{font-size: large;}
.newsize1:hover{font-size: x-large;}
.newsize2:hover{font-size: xx-large;}
.submit{border-style:groove;font-weight: bold;font-size: large;margin-left: 35%;margin-bottom: 3%;border-radius: 13px;background: white;color: #333030;border: none;padding: 3%;padding-left: 5%;padding-right: 5%;cursor: pointer;position: relative;display: inline-block;text-decoration: none;}
.submit:hover{background-color: rgba(255, 255, 255, 0.658);}
button{border-style:groove;font-weight: bold;margin: 1%;margin-left: 75%;border-radius: 13px;background: #4e4949;color: white;border: none;padding: 3%;padding-left: 5%;padding-right: 5%;cursor: pointer;}
footer button{font-size: large;font-weight: bold;margin: 1%;margin-left: 75%;color: white;border: none;padding: 3%;padding-left: 5%;padding-right: 5%;cursor: pointer;}
footer button:hover{color: rgba(255, 255, 255, 0.747);}
.logosize{width: 90px;height: auto;margin-left: 20px;}
.logosize-2{height: auto;animation-name: logo;animation-duration:1s;animation-timing-function: ease;animation-fill-mode: forwards;animation-direction:normal;}@keyframes logo{from{width: 90px;}to{width: 75px;}}
#floatleft1{float: left;margin-top: 6%;margin-left: 4%;border: 1px solid #aba8a8a1; border-style:outset;padding: 1%;}
.boxdiv{display: flex;margin-top: 1%;margin-bottom: 4%;margin-left: 2%;margin-right: 2%;position: relative;}
.courses{color: rgb(243, 241, 241);background-color:#4e4949ef;max-width: 25%;margin: auto;}.last{margin-left: 6%;}
.last-2{margin-left: 8%;}
.courses img{max-width: 100%;}
.courses ul{font-size: large;font-weight: bold;margin-left: 15%;line-height: 1.6;}
.courses p{font-size: larger;font-weight: bold;line-height: 1.6;margin-left: 5%;margin-right: 5%;}
section{margin-top: 5%;margin-bottom: 5%;margin-left: 10%;margin-right: 10%;}
.astyle{text-decoration: none;color: rgb(0, 0, 0);right: 1%;bottom: 1%;border-radius: 20%;border:1px solid #1d1a1a;width: 30px;height: 20px;text-align: center;background-color:#4e4949ef;position: fixed;padding: 0.4%;}
.back{z-index: 1;}
a:hover{text-transform: none;}
/* The container <div> - needed to position the dropdown content */ 
.dropdown{position: relative;display: inline-block;}
/* Dropdown Content (Hidden by Default) */ 
.dropdown-content{display: none;position:absolute;background-color: #888383;min-width: 260px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
/* Dropdown Button */ 
.dropbtn{color: rgb(8, 8, 8);border: none;}
/* Links inside the dropdown */ 
.dropdown-content a{color: black;text-decoration: none;display: block;width: 94%;font-size: xx-large;}
.dropdown:hover .dropdown-content{display:block;}
.dropbtn-child{color: rgb(8, 8, 8);border: none;}
/* Dropdown Content (Hidden by Default) */ 
.dropdown-content-child{display: none;position:absolute;margin-left: 100%;margin-top: -20%;background-color: #f1f1f1;min-width: 320px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.dropdown-content-child a{color: black;text-decoration: none;display: block;width: 94%;font-size: xx-large;}
.dropdownchild:hover .dropdown-content-child{display:block;}
.navbar{background-color: #d8d6d600;position: fixed;top: 0;width: 100%;height: 110px;transition: height 1s;z-index: 1;}
/* arrows down, up, left, and right*/ 
.arrow{border: solid #d8d6d6;border-width: 0 2px 2px 0;display: inline-block;padding: 2.5px;margin: 1px;margin-bottom: 3px;}
.right-arrow{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);margin: 0px;margin-bottom: 0px;}
.down{transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.up{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);padding: 3.5px;margin-top: 6px;border-width: 0 3px 3px 0;}
.navbar a{display: inline-block;padding: 7px 8px;color: #d8d6d6;}
/* Hide the links inside the navigation menu (except for logo/home) */ 
.color:hover{color: aqua;position: relative;}
@keyframes saraani{from{transform: rotateY(0deg)}to{transform: rotateY(360deg)}}
@keyframes nav2{from{font-size: 35px;}to{font-size: xx-large;}}
.divmenu{width: 25px;height: 3px;background-color: rgb(241, 240, 240);margin: 4px;}
.divmenu1{width: 19px;height: 3px;background-color: rgb(241, 240, 240);margin: 4px;}
.divmenu2{width: 22px;height: 3px;background-color: rgb(241, 240, 240);margin: 4px;}
.divmenudisply{display: none;}span{color: antiquewhite;}
/* Slideshow style*/ /* Slideshow container */ 
.slideshow-container{max-width: 1000px;position: relative;margin: auto;}
/* Number text (1/3 etc) */ 
/* The dots/bullets/indicators */ 
/* Fading animation */ 
@keyframes fade{from{opacity: .4}to{opacity: 1}}
.floatbutton-de{width: fit-content;height:fit-content;padding: 3%;margin-top: 7%;margin-left:19%;display: inline;background-color: rgb(126, 190, 6);}
article{margin-left: 2%;margin-right: 2%;}
.divhead{text-align: center;padding-top: 13%;}
.backh1{background-color: #4e494993;padding: 1%;max-width: 50%;margin-left: 23%;}
.backh2{background-color: #4e494993;color: #f1f1f1;padding: 3%;max-width: 60%;margin-left: 9%;font-size: xx-large;line-height: 1.6;}
body{font-family: Arial, Helvetica, sans-serif;}
body p{font-size: x-large; line-height: 1.6;}
#p-normal{font-size: unset;}
/* New footer style*/ 
.foot{display: flex;margin-left: 15%;margin-right: 3%;}
.foot div p{font-size: larger; line-height: normal;}
.foot div a{line-height: 1.6;padding-left: 8%;font-size: x-large;text-decoration: none;}
.footer{width: 30%;}
.top{margin-top: 2%;}
.hr3{background: #181717;background: linear-gradient(90deg,#141e30,#9e9d9d 50%,#141e30);border-radius: 50%;content: "";height: 3px;position: relative;width: 80%}
.textfoot{text-align: center;}
footer{background-color: #4e4949;padding: 2%;padding-left: 10%;padding-right: 10%;}
footer div{color: rgb(243, 241, 241);}
footer a{color: rgb(243, 241, 241);}
footer a:hover{color: rgba(238, 237, 237, 0.664);}
#topbtn{display: none;}
.form-container{background: #ddd;padding: 1%;width: 500px;margin: auto;border-radius: 8px;}
input{width: 90%;padding: 3%;margin: 1%;}
.response{padding: 2%;background-color: #4e4949;color: #f1f1f1;max-width: 70%;margin-left: 15%;margin-right: 15%;}
.bord{border:1px solid #ece9e9;padding: 1%;text-align: center;}.test{height: 90px;background-color: #464545;}
/* Fade In Effect */
.fade-in {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.fade-in.visible {
  opacity: 1;
}

/* Slide In Effect (from left) */
.slide-in {
  transform: translateX(-50px);
  opacity: 0;
  transition: transform 0.8s ease-out, opacity 0.8s ease-out;
}
.slide-in.visible {
  transform: translateX(0);
  opacity: 1;
}

/* Optional: Scale In Effect */
.scale-in {
  transform: scale(0.8);
  opacity: 0;
  transition: transform 0.8s ease-out, opacity 0.8s ease-out;
}
.scale-in.visible {
  transform: scale(1);
  opacity: 1;
}
li{font-size: larger; line-height: 1.6;}
mark{color: rgb(16, 79, 240); background-color: white;}
@media screen and (max-width: 1920px){
  .courses ul{margin-left: 2%;}
  .contactbtn{margin-left: 40%;}
  footer{padding-left: 0%;padding-right: 0%;}
  h1{margin-top: 0%;}
  .divhead{text-align: center;padding-top: 10%;}
  .backh2{font-size: x-large;line-height: 1.6;}
  .anav1{margin-left: 250px;}
    .header{height: 600px;}
    .textfoot{margin-left: 6%;}
    nav a{font-size: 20px;}
    .dropdown-content a{font-size: x-large;}
    @keyframes nav2{from{font-size: 27px;}to{font-size: x-large;}}
    }
    @media screen and (max-width: 1366px){
      .courses ul{font-size: medium; margin-left: 1%;}
      .foot{margin-left: 1%;margin-right: 1%;}
      .foot div{font-size: medium;}
      .foot div a{line-height: 1.6;padding-left: 8%;font-size: large;}
      .footer{width: 30%;margin-left: 5%;}
      footer button{margin-left: 50%;}
      footer{padding-left: 0%;padding-right: 0%;}
      .anav1{margin-left: 60px;}
      .divhead{padding-top: 15%;}
      .backh1{max-width: 80%;margin-left: 10%;}
      .backh2{font-size: larger;line-height: 1.6;max-width: 81%;margin-left: 3%;margin-right: 3%;}
      .form-container{max-width: 90%;}
      .response{max-width: 90%;margin-left: 5%;margin-right: 5%;}
      .header{height: 500px;background-attachment: unset;}
      .floatbutton-de{margin-top: 4%;margin-left: 25%;}
      /* New footer style*/ 
      .textfoot{margin-left: 1%;}
      nav a{font-size: large;}
      .dropdown-content a{font-size: larger;}@keyframes nav2{from{font-size: larger;}to{font-size: large;}}
      .anav{margin-left: 15px;}
      }
      @media screen and (max-width: 1024px){
        .anav1{margin-left: 20px;}
        nav a{font-size: small;}
        @keyframes nav2{from{font-size: small;}to{font-size: small;}}
        h1{font-size: 37px;}}
        @media screen and (max-width: 900px){
          .contactbtn{margin-left: 30%;}
          .foot{margin-left: 1%;margin-right: 1%;}
          .foot div{font-size: small;}
          .foot div a{line-height: 1.6;padding-left: 8%;font-size: medium;}
          .footer{width: 30%;margin-left: 5%;}
          footer button{margin-left: 50%;}
          footer{padding-left: 0%;padding-right: 0%;}
          .last{margin-left: auto;}
          .courses{max-width: 80%;display: block;max-height:fit-content;margin-top: 2%;font-size: large;}
          .boxdiv{display: block;}
          .divhead{padding-top: 20%;}
          .backh2{font-size: large;}
          .textfoot{margin: auto;display: block;}
          .anav1{margin-left: 0px;}
          .anav{margin-left: 0px;}
          .floatbutton-de{margin-top: 4%;margin-left: 18%;}
          .dropdown-content a{font-size: medium;}
          @keyframes nav2{from{font-size: medium;}to{font-size: medium;}}}
          @media screen and (max-width: 600px){
            section{margin-left: 8%;}
            .header{height: 500px;width: 104%; margin-left: -2%; background-image: url(/SEO/Images/Website-Audit-small.webp);}
            li{font-size: large;}
            #medialogo{display: block;float: right; margin-right: 2%;}
            .medialogo{display: block; float: none; max-width: 300px;}
            .medialogo-2{display: block; float: none; max-width: 300px;}
            .medialogo-3{max-width: 90%; margin-left: auto;}
            .last-2{margin-left: 5%;}
            .test{height: 85px;}
            .p{font-size: x-large;max-width: 100%;margin-left: 6%;}
            .p-2{font-size: x-large;max-width: 100%;}
            .p-3{font-size: x-large;}
            .display{display:block;}
            .h2{font-size: 40px;margin-left: auto;}
            .h3{font-size: 40px;margin-left: auto;text-align: center;}
            .divhead{padding-top: 25%;}
            .backh1{max-width: 80%;margin-left: 10%;}
            .backh2{font-size: large;line-height: 1.6;max-width: 100%;margin-left: 3%;margin-right: 3%;}
            body p{font-size: large;}
            /* New footer style*/ 
            .foot{display: block;margin: auto;}
            .footer{text-align: center;width: 90%;margin-top: 10%;margin-bottom: 10%;}
            .foot div a{padding-left: 0%;}
            footer{padding-bottom: 5%;}
            footer button{margin: auto;}
            h1{font-size: xx-large;}
            h3{font-size: x-large;}
            h2{font-size: 40px;}
            .contactbtn{border-radius: 0px;padding: 3%;margin-left: 13%;}
            nav a{font-size: large;}
            @keyframes nav2{from{font-size: large;}to{font-size: large;}}
            .logosize{width: 60px;height: auto;}
            @keyframes logo{from{width: 60px;}to{width: 60px;}}
            #myLinks{display: none;}
            .menu{background-color: #585a5a;display: inline-block;width: 100%;height: 350px;margin-top: 16%;padding-bottom: 6%;padding-left: 4%;}
            #floatleft{display: none;}
            .navbar a{display: block;padding: 12px 4px;}
            .navbar-ar a{padding: 8px 4px;}
            .navbar{height: 85px;}
            .dropdown{display: block;}
            /* Dropdown Content (Hidden by Default) */ 
            .dropdown-content{display: none;position: absolute;background-color: #f1f1f1;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
            /* Links inside the dropdown */ 
            .dropdown-content a{color: black;text-decoration: none;display: inline-block;font-size: large;}
            /* Show the dropdown menu on hover */ 
            .dropdown:hover .dropdown-content{display: block;}
            .boxdiv{display: block;margin-top: 1%;margin-bottom: 1%;margin-left: auto;margin-right: auto;position: relative;}
            .divmenudisply{display: block;margin-top: 3px;}
            .courses{max-width: 90%;display: block;max-height:fit-content;margin-top: 2%;font-size: x-small;}
            .courses ul{font-size: small;font-weight: bold;margin-left: 1%;}}