.header{height: 1300px;width: 101%; margin-left: -1%; background-image: url(/SEO/Images/IT-Services.webp);background-size: cover;background-attachment: fixed;position: relative;background-position:center;}.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-radius: 15px;border: 2px solid black;background-color: rgb(214, 213, 213);padding: 2%;margin-left: 75%;text-decoration: none;text-align: center;font-weight: bold;font-size: 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;}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: 27%;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: larger;}#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 */
.submit-2{margin-left: 22%;}
.submit-3{margin-left: 25%;}

.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;
}
@media screen and (max-width: 1920px){.courses ul{margin-left: 2%;}footer{padding-left: 0%;padding-right: 0%;}section{margin-left: 0%;margin-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: 180px;}.header{height: 750px;}.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: 650px;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: 60%;}.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){button{margin-left: 68%;}.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%;}.header{width: 104%; margin-left: -2%; background-image: url(/SEO/Images/IT-Services-small.webp);}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{font-size: large;border-radius: 0px;padding: 3%;margin-left: 32%;}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;}#medialogo{display: block;float: right; margin-right: 2%;}.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%;}}