@charset "utf-8";
/* Copyright 2022-2023 The Host */
/* CSS Document Code by Gaurav */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Monoton&display=swap');

body {background: #fff; padding: 0; margin: 0; color: #000; font-family: 'Montserrat', sans-serif; line-height: 30px; overflow-x: hidden; overflow-y: scroll;  }
img {width: 100%; height: auto;}
.logoSection {width: 100%; text-align: center; padding: 35px 0;}
.logoSection svg {width: 17%; height: auto;}
.domainHead {width: 100%; float: left; padding: 40px 50px 50px 50px; background: #0047ba; position: relative;}
.domainHead h1 {font-size: 40px; font-weight: 300; color: #fff; text-transform: uppercase; margin: 0 0 45px 0; text-align:center;} 
.domainHead h1 span {color: #fff; font-weight: 700;}
.nameInfo {width: 100%; float: left; }
.domainName {width: 100%; float: left; padding: 0px; overflow: hidden; background: #fff; border-radius: 40px; position: relative; margin: -55px 0 0 0; box-shadow: 0px 0px 18px 4px rgba(0,71,186,0.23); -webkit-box-shadow: 0px 0px 18px 4px rgba(0,71,186,0.23); -moz-box-shadow: 0px 0px 18px 4px rgba(0,71,186,0.23); border: 1px solid #fff; }
.domainName h2 {font-size: 35px; font-weight: 700; float: left; color: #131c4e; margin: 0; padding: 30px 45px 25px 20px;} 
.domainName img {width: 4%; height: auto; float: left; margin: 28px 0px 28px 45px;}
.domainName .button { margin: 25px 45px !important;  float: right; background: #00b67a; padding: 13px 25px; border-radius: 20px; color: #fff; font-size: 18px; font-weight: 600;  border: 0px; text-align:center; text-decoration: none; text-transform: uppercase;  transition: all 2s; }
.domainName .button img {width: 25%; height: auto; float: left; margin: 6px 10px 0 0;}
.domainName .button:hover {animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); perspective: 1000px; background: #009665 !important;}
@keyframes shake {
  10%, 90% {transform: translate3d(-1px, 0, 0);}
  20%, 80% {transform: translate3d(2px, 0, 0);}
  30%, 50%, 70% {transform: translate3d(-2px, 0, 0);}
  40%, 60% {transform: translate3d(2px, 0, 0);}
}
.searchdomains {width: 100%; float: left; padding: 40px 0 0 0; text-align:center; }
.searchdomains p {text-align: center; margin: 15px 0; font-size: 18px; font-weight: 600; text-align: center;}
.searchdomains .button { margin: 0px 20px !important;  background: #00b67a; padding: 11px 22px; border-radius: 15px; color: #fff; font-size: 16px; font-weight: 600;  border: 0px; text-align:center; text-decoration: none; text-transform: none; border: 1px solid #00b67a; transition: all 2s;  } 
.searchdomains .button:hover {animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); perspective: 1000px; background: #009665 !important; border: 1px solid #009665;}
@keyframes shake {
  10%, 90% {transform: translate3d(-1px, 0, 0);}
  20%, 80% {transform: translate3d(2px, 0, 0);}
  30%, 50%, 70% {transform: translate3d(-2px, 0, 0);}
  40%, 60% {transform: translate3d(2px, 0, 0);}
}
.searchdomains .col-lg-8 {width: 63% !important;}
.searchdomains .col-lg-4 {width: 37% !important;}
.whydomain {width: 100%; float: left; padding: 55px 0; text-align:center; }
.whydomain .container {padding: 0 10%;}
.whydomain h3 {font-size: 20px; font-weight: 600; width: 100%;  float: left; color: #131c4e; margin: 0; padding: 25px 0 0 0; line-height: 28px;} 
.whydomain img {width: 50%; height: auto; margin: 0 25%;}
/*------- Footer Section --------*/
.footer  {width: 100%; float: left; position: relative; left: 0; bottom: 0; background: #fff; padding: 40px 6%; border-top: 1px solid #e2eaf7; text-align: center;}
.footer ul{list-style-type:none; display:flex; justify-content: center; padding: 0; margin: 0;}
.footer ul li{display: list-item; margin: 0 3px; }
.footer li svg { background: #fff; border: 1px solid #ccdefc;  fill: #0046b9 !important; padding: 12px !important; transition: all 2s; border-radius: 100%;  }
.footer .st0{fill: #0046b9 !important;} 
.footer li svg:hover {background: #0047ba; border: 1px solid #0047ba; fill: #fff !important;} 
.footer li .st0:hover {fill: #fff !important;} 

/*--------- Desktop Responsive  ---------*/
@media (min-width:1601px) {
.whydomain {padding: 40px 0;}
}

@media screen and (max-width: 1600px), screen and (max-height: 900px) {
.logoSection {padding: 30px 0;}
.logoSection svg {width: 15% !important; height: auto;}
.domainHead h1 {font-size: 35px; margin: 0 0 40px 0;}
.whydomain {padding: 45px 0;}
.footer {padding: 20px 6%;}
}
@media screen and (max-width: 1440px), screen and (max-height: 900px) {
.logoSection {padding: 20px 0;}
.footer {padding: 16px 6%;}
.whydomain {padding: 30px 0;}
.domainHead h1 {font-size: 33px; margin: 0 0 30px 0;}
}
@media screen and (max-width: 1366px), screen and (max-height: 768px) {
.domainName h2 {font-size: 30px; padding: 33px 45px 25px 20px;}
.domainHead h1 {font-size: 30px;}
.domainHead {padding: 35px 50px 50px 50px;}
.searchdomains { padding: 10px 0 0 0;}
.whydomain h3 { font-size: 17px; padding: 15px 0 0 0; line-height: 25px;}
.domainName img {margin: 20px 0px 20px 45px;}
.domainName h2 {font-size: 30px; padding: 25px 45px 25px 20px; margin: 0px !important;}
.domainName .button { margin: 15px 20px !important;}
}
@media (max-width:991px) {
.domainName h2 {font-size: 20px; padding: 28px 45px 25px 20px;}
.whydomain h3 { font-size: 15px; padding: 15px 0 0 0; line-height: 23px;}
.domainName .button {margin: 25px 45px !important; padding: 10px 22px; font-size: 16px;}
.domainName img { margin: 35px 0px 35px 45px;}
.domainName h2 { padding: 39px 45px 25px 20px;}
.searchdomains .col-lg-8 {width: 100% !important;}
.searchdomains p {float: none;}
}
@media (max-width:767px) {
.domainHead h1 {font-size: 30px;}
.domainName h2 {padding: 33px 45px 25px 20px;}
.domainName .button {margin: 0px 0!important; width: 100%; border-radius: 0;}
.domainName .button img {width: 6%; height: auto; float: revert; margin: 0px 10px 0 0;  text-align: center; }
.whydomain {display: none; }
.searchdomains { padding: 40px 0;}
.logoSection svg {width: 30% !important;}
}
@media (max-width:575px) {
.domainName {width: 90%; margin: -55px 5% 0 5%;}
.domainHead h1 {font-size: 24px;}
.searchdomains {padding: 40px 30px 60px 30px;}
.domainName h2 {padding: 25px 20px 25px 20px; width: 100%; text-align: center; }
.domainName img {display: none;}
}
@media (max-width:450px) {
.footer ul{list-style-type:none; display: block; justify-content: center; padding: 0; float: left; margin: 0;}
.footer ul li{display: inline;   margin: 0 3px 10px 3px;  }
.footer li svg {padding: 15px !important;}
.domainName h2 { padding: 20px; font-size: 17px; width: 100%; text-align: center;}
.footer ul {list-style-type: none; display: block; margin: 0 20%; width: 60%;}
.footer a {color: #ffffff !important; }
}
@media (max-width:350px) {
.footer ul {list-style-type: none; display: block; margin: 0 10%; width: 80%;}
}