*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.section__One
{
    background-color: #0774ff;
    color: #fff;
}

.bigSale__InfoContainer
{
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .1) 8.51%, hsla(0, 0%, 100%, .1) 77.02%);
}

.sale__infoContainer
{
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
}

.sale__Description
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sale__rightSide
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

.sale__LiveChat
{
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.sale__Login
{
    position : relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor : pointer;
    z-index : 1001;
}

.login__Bridge
{
    position : absolute;
    top : 100%;
    right : 0;
    width : 100%;
    height : 15px;
    background : transparent;
}


.sale__LoginBox
{
    visibility: hidden;
    padding : 1.5rem;
    position : absolute;
    top : 3rem;
    right : 0rem;
    display : flex;
    flex-direction : column;
    align-items : flex-start;
    justify-content : flex-start;
    gap : 1rem;
    background : #fff;
    color : #2d3c58;
    border-radius : 0.3rem;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
    transition : all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index : 1000;
    transform-origin : top right;
    transform: translateY(10px) scale(0.95);
}

.login__Container
{
    display : flex;
    flex-direction : column;
    align-items : flex-start;
    justify-content : flex-start;
    gap : 0.5rem;
}

.login__Container input 
{
    padding : 0.3rem 0.5rem;
    outline : none;
    border : 1px solid #d4dcff;
    border-radius : 0.3rem;
}

.login__Container input:focus
{
    border : 1px solid #0774ff;
    box-shadow: 0 0 0 2px rgba(66, 133, 244, 0.2);
    transform: translateY(-2px);
}

/* style for browser saved login info */
.login__Container input::-webkit-credential-auto-fill-button 
{
    position : absolute;
    right : 10px;
    top : 50%;
    transform : translateY(-50%);
}

.saleLogin__Btn
{
    width : 100%;
    display : flex;
    flex-direction : row;
    align-items : center;
    justify-content : center;
    padding : 0.3rem 0.5rem;
    background : #0774ff;
    color : #2d3c58;
    border-radius : 0.3rem;
    cursor : pointer;
    transition : all 0.3s ease;
}

.saleLogin__Btn a 
{
    color : #fff;
    font-size : 0.9rem;
    font-weight : 600;
}

.saleLogin__Btn:hover 
{
    background : #ffc107;
}

.saleLogin__Btn:hover a 
{
    color : #2d3c58;
}

.saleLogin__Forgot
{
    margin : 0.2rem auto;
    display : flex;
    align-items : center;
    justify-content : center;
    text-align : center;
    font-size : 0.9rem;
    font-weight : 400;
    color : #2d3c58;
}

.span__saleSmDesc
{
    color: #ffc107;
    font-weight: bold;
}

.mobile__Menu
{
    display : none;
}

.navBar__Container
{
    display : flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 2rem;
    transition : all 0.3s ease;
    background : transparent;
    z-index : 1000;
}

.navBar__Container.sticky 
{
    position : fixed;
    top : 0;
    left : 0;
    width : 100%;
    color : #2d3c58;
    background : #fff;
    box-shadow : 0 5px 20px rgba(0, 0, 0, 0.1);
    padding : 1rem 5%;
    animation : slideDown 0.5s ease;
}

@keyframes slidDown 
{
    from 
    {
        transform : translateY(-100%);
        opacity : 0;
    }

    to 
    {
        transform : translate(0);
        opacity : 1;
    }
}

.logo-img 
{
    transition : opacity 0.4s ease;
}

.logo-light 
{
    opacity : 1;
}

.logo-dark 
{
    opacity : 0;
    height : 0;
}

.sticky .logo-light
{
    opacity : 0;
    height : 0;
}

.sticky .logo-dark 
{
    opacity : 1;
    height : 100%;
}

.sticky .navBar__Button button 
{
    border: 1px solid #2d3c58;
}

.sticky .navBar__Button button:hover 
{
    border: none;
}

.navBar__UL
{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.navBar__Button button
{
    padding: 0.5rem 2.5rem;
    border: 1px solid #fff;
    border-radius: 2rem;
    transition : all 0.3s ease;
}

.nav__SubmitBtn:hover 
{
    background : #ffc107;
}

.nav__SubmitBtn:hover a 
{
    color : #2d3c58;
}

.header__Container
{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 18.75rem 1rem 1rem 1rem;
}

.header__ContainerTxt
{
    width: 50%;
}

.header__ContainerSmTxt
{
    font-size: 1rem;
    border: 1px solid #fff;
    border-radius: 2rem;
    width: fit-content;
    padding: 0.4rem 1rem;
    font-weight: bold;
}

.main__Header
{
    font-size: 4rem;
    font-weight: 600;
    line-height: 4rem;
    margin: 2rem 0;
}

.header__smallDesc
{
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5rem;
    padding: 1rem 0;
}

.header__BtnContainer
{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    margin: 1rem 0;
    font-size: 1.1rem;
}

.header__GetStartedBtn
{
    padding: 0.7rem 1.8rem;
    border-radius: 2rem;
    background: #fff;
    color: #000;
    transition: all 0.3s ease;
}

.header__GetStartedBtn:hover 
{
    background: #ffc107;
}

.header__GetStartedBtn a
{
    font-size: 1rem;
    font-weight: bolder;
}

.header__PlanBtn
{
    font-size: 1rem;
    font-weight: bolder;
}

.header__PlanIntro
{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    margin: 1rem 0;
    font-weight: 600;
}

.page__SmMenu
{
    position : relative;
    width : 100%;
}

.submenuContainer, .submenuContainer2, .subMenuContainer3, .subMenuContainer4, .subMenuContainer5
{
    margin: 2rem auto 0rem;
    position : absolute;
    left : 53%;
    width : 100%;
    background : #fff;
    color : #2d3c58;
    padding : 1rem;
    border-radius : 1rem;
    width : fit-content;
    box-shadow : 0px 10px 15px rgba(0, 0, 0, 0.1);
    opacity : 0;
    visibility : hidden;
    transition : all 0.3s ease;
    z-index : 1000;   
}

.submenuContainer
{
    left : 5%;
}

.submenuContainer2 
{
    left : 28%;
}

.subMenuContainer3
{
    left : 46%;
}

.subMenuContainer5
{
    left : 63%;
}

.subMenuCardLinks
{
    display : flex;
    flex-direction : column;
    align-items : flex-start;
    justify-content : flex-start;
    gap : 1rem;
}

.subMenuLink__A
{
    font-size : 1rem;
    font-weight : 400;
    color : #4c5671;
}

.subMenuLink__A::after
{
    content : "";
    position : absolute;
    width : 0;
    height : 2px;
    top : 50%;
    left : 20px;
    transform : translateY(-50%);
    background : #4c5671;
    transition : all 0.3s ease-in-out;
}

.subMenuLink__A:hover 
{
    width : 10px;
}

.sumbmenuCards
{
    display : flex;
    flex-direction : row;
    align-items : center;
    justify-content : space-between;
    gap : 2rem;
}

.submenu__Card
{
    display : flex;
    flex-direction : column;
    align-items : flex-start;
    justify-content : flex-start;
    gap : 2rem;
}

.submenuTag__One
{
    width : 100%;
    padding : 0.5rem 0.3rem;
    display : flex;
    flex-direction : row;
    align-items : center;
    justify-content : flex-start;
    gap : 1rem;
    border-radius : 0.2rem;
    outline : none;
    transition : color 0.2s ease;
}

.submenuTag__One:hover 
{
    border : 1px solid #dfeaff;
}

.submenuTag__OneImg
{
    padding : 0.7rem 0.7rem;
    display : flex;
    flex-direction : row;
    align-items : center;
    justify-content : center;
    background : rgb(240, 240, 255);
    border-radius : 0.2rem;
}

.submenuTag__OneTxt h4 
{
    font-size : 0.9rem;
    font-weight : 500;
    color : #2d3c58;
    text-transform : capitalize;
}

.submenuTag__OneTxt p 
{
    font-size : 0.9rem;
    font-weight: 600;
    color : #497696;
    text-transform : capitalize;
}



/* CSS for Hamburger Menu */
.hamburger 
{
    display : none;
    flex-direction : column;
    justify-content : space-between;
    gap : 1rem;
    width : 30px;
    height : 21px;
    cursor : pointer;
    z-index : 1000;
}

.sticky .hamburger span
{
    background-color : #2d3c58;
}

.hamburger span 
{
    display : block;
    height : 3px;
    width : 100%;
    margin : 0.3rem 0rem;
    background-color : #fff;
    border-radius : 3px;
    transition : all 0.3s ease;
}

.mobile__Menu
{
    position : fixed;
    top : 0;
    right : -100%;
    width : 80%;
    max-width : 400px;
    height : 100vh;
    color : #2d3c58;
    background : #fff;
    z-index : 999;
    padding : 80px 30px 30px;
    transition : right 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    overflow-y : auto;
}

.mobile__Menu.active 
{
    right : 0;
}

.mobile-menu ul 
{
    display : flex;
    flex-direction : column;
    gap : 0;
}

.mobile__Menu > ul > li 
{
    border-bottom : 1px solid rgba(255, 255, 255, 0.1);
}

.mobile__Menu > ul > li > a 
{
    display : flex;
    justify-content : space-between;
    align-items : center;
    padding : 15px 0;
    font-weight : 600;
}

.mobile-submenu
{
    max-height : 0;
    overflow : hidden;
    transition : max-height 0.5s ease;
    background : rgba(255, 255, 255, 0.05);
    border-radius : 8px;
    margin : 10px 0;
}

.mobile-submenu.active 
{
    max-height : 1000px;
}

.mobile-submenu a 
{
    display : block;
    padding : 12px 15px;
    border-bottom : 1px solid rgba(255, 255, 255, 0.05);
}

.mobile-submenu a:last-child 
{
    border-bottom: none;
}

.overlay 
{
    position : fixed;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
    background : rgba(0, 0, 0, 0.5);
    z-index : 998;
    opacity : 0;
    visibility : hidden;
    transition : all 0.3s;
}

.overlay.active 
{
    opacity : 1;
    visibility : visible;
}

/* Animation in Hamburger Menu*/
.hamburger.active span:nth-child(1)
{
    transform : rotate(45deg) translate(5px, 5px);
}

.hamburger.active span:nth-child(2)
{
    opacity : 0;
}

.hamburger.active span:nth-child(3)
{
    transform : rotate(-45deg) translate(7px, -6px);
}

/* sumenu animation */
.mobile-submenu
{
    animation : slideDown 0.5s ease;
}

@keyframes slideDown 
{
    from 
    {
        opacity : 0;
        transform : translateY(-10px);
    }

    to 
    {
        opacity : 1;
        transform : translateY(0);
    }
}




/*===================== CSS FOR SECTION 2=======================*/
.section__Two 
{
    padding: 5rem 1rem 1rem 1rem;
}

.domain__TextH3
{
    text-align: center;
    font-size: 1.7rem;
    font-weight: bold;
}

.domainSpan
{
    color: #0774ff;
}

.domain__ReviewContainer
{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}

.smdomain__Review1, .smdomain__Review2
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.smdomain__Review1
{
    font-size: 1.6rem;
}

.smdomain__Review2
{
    font-size: 1.1rem;
    font-weight: 400;
}

.ads__BannerContainer
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 2rem 0;
    gap: 1rem;
    color: #4c5671;
}

.ads__BannerContainer img 
{
    color: #4c5671;
}

.hosting__Container
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 2rem 0;
    color: #4c5671;
}

.hosting__H3
{
    font-size: 2.5rem;
    font-weight: bold;
}

.hosting__txt
{
    padding: 1rem 0;
}

.hosting__Navigation
{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.hosting__Navigation i 
{
    padding: 0.9rem 1.2rem;
    border: 1px solid #4c5671;
    border-radius: 1rem;
    display : flex;
    align-items: center;
    justify-content: center;
    cursor : pointer;
    transition: 0.3s ease;
}

.hosting__Navigation i:hover 
{
    background: #0774ff;
    color: #fff;
}

.hosting__CardContainer
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.hosting__Card
{
    height: 424px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    background: linear-gradient(180deg, #f3f5ff, rgba(231, 235, 255, 0));
    padding: 3.125rem 2.5rem;
    border-radius: 1rem;
    transition: all 0.5s ease;
}

.hosting__Card img 
{
    filter : invert(0.75);
    transition : 0.3s ease;
}

.hosting__Card:hover img 
{
     filter: invert(0); 
}

.hosting__CardH4
{
    font-size: 1.5rem;
    font-weight: bolder;
    color: #2d3c58;
}

.hosting__CardP
{
    font-size: 1rem;
    line-height: 1.8rem;
    color: #4c5671;
}

.hosting__CardSpan, .hostingCard__Btn a
{
    font-size: 1rem;
    font-weight: bold;
    color: #4c5671;
}

.hostingCard__Btn
{
    width: 60%;
    margin: 1rem auto;
    padding: 0.5rem 1rem;
    border: 1px solid #000;
    border-radius: 2rem;
}

.hosting__Card:hover 
{
    color: #fff;
    background: #0774ff;
}

.hosting__Card:hover .hosting__CardP
{
    color: #fff;
}

.hosting__Card:hover .hosting__CardH4
{
    color: #fff;
}

.hosting__Card:hover .hosting__CardSpan
{
    color: #fff;
}

.hosting__Card:hover .hostingCard__Btn
{
    border: none;
    background: #fff;
}


/*===================== CSS FOR SECTION 3=======================*/
.section3 
{
    margin: 3rem 1rem 1rem 1rem;
    display: flex;
    justify-content: space-between;
    gap: 4rem;
}

.section3__ImgContainer
{
    width: 50%;
    background: #0774ff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    padding-top: 2rem;
}

.section3__TxtContainer
{
    width: 50%;
}

.sectionH3
{
    max-width: 80%;
    margin: 1rem 0;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 3rem;
    text-transform: capitalize;
    color: #2d3c58;
}

.sectionP
{
    max-width: 90%;
    margin: 2rem 0;
    font-size: 1.1rem;
}

.success__SmallDetail
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}

.section3__Icon1
{
    padding: 1rem;
    border-radius: 1rem;
    background: linear-gradient(147deg, #e8ecff 14.12%, #d1ffef 80.26%);
}

.section3__Icon2
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    border-radius: 1rem;
    background: linear-gradient(147deg, #e8ecff 14.12%, #e3d1ff 80.26%);
}

.section3__SmDesc
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

/*====================== SECTION 4 CSS ====================*/
.section4 
{
    margin: 6rem 1rem;
    padding: 6rem 0rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    background: #0774ff;
    border-radius: 1rem;
}

.billBoard__Container
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section4h3
{
    color: #fff;
    font-size: 2.5rem;
    font-weight: 500;
    text-transform: capitalize;
}

.billBoard__Input
{
    background: #fff;
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.5rem 0.5rem 2rem;
    border-radius: 3rem;
}

.billBoard__Input input 
{
    width: 80%;
    border: none;
    outline: none;
}

.billBoard__Btn
{
    padding: 0.8rem 1.6rem;
    color: #fff;
    background: #000;
    border-radius: 2rem;
}

.billBoard__Btn:hover 
{
    color: #000;
}

.billBoard__Btn a 
{
    font-weight: bold;
}

.billBoard__Txt
{
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    color: #fff;
}

.billBoard__Txt div
{
    font-weight: bold;
}

.smDom
{
    color: #ffc107;
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: bold;
    font-size: 1rem;
}

.sm__Domain
{
    font-size: 1.1rem;
    font-weight: bolder;
}


/*====================== SECTION 5 CSS ==================*/
.section5 
{
    margin: 3rem 1rem;
}

.section5__TxtContainer
{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.section5__H3
{
    font-size: 2.5rem;
    font-weight: 600;
    color: #4c5671;
}

.section5__SmallP
{
    max-width: 45%;
    font-size: 1.1rem;
    line-height: 1.5rem;
    text-align: center;
    margin: 1rem auto;
}

.section5__CardContainer
{
    display: flex;
    flex-direction: column;
    margin: 2rem auto;
}

.section5__FirstRow
{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 0 2rem;
}

.sec5hosting__Card
{
    padding: 1rem 2rem;
    height: 300px;
    border-right: 1px solid #4c5671;
    border-bottom: 1px solid #4c5671;
    transition: all 0.3s ease;
}

.even__Card 
{
    background: linear-gradient(147deg, #e8ecff 14.12%, #d1ffef 80.26%);
}

.odd__Card
{
     background: linear-gradient(147deg, #e8ecff 14.12%, #e3d1ff 80.26%);
}

.sec5hosting__Card img 
{
    margin: 1rem 0;
    padding: 0.6rem 0.7rem;
    border-radius: 0.6rem;
}

.hosting__CardH4
{
    font-size: 1.4rem;
    font-weight: 700;
    color: #4c5671;
    margin: 1rem 0;
}

.hosting__CardP
{
    font-size: 0.9rem;
    line-height: 1rem;
    margin-bottom: 2rem;
    width: 90%;
}

.hostingCard__Link
{
    color: #4c5671;
    font-size: 1.1rem;
    font-weight: bold;
}

.sec5__LastCard
{
    border-right: none;
}

.section5__FirstRow:nth-child(2) .sec5hosting__Card
{
    border-bottom: none;
}

.sec5hosting__Card:hover .hosting__CardH4
{
    color: #0774ff;
}

.sec5hosting__Card:hover .hostingCard__Link
{
    color: #0774ff;
}


/*===================== CSS FOR SECTION 6========================*/
.section6 
{
    padding: 4rem 1rem;
}

.section6__TxtContainer
{
    margin: 1rem auto;
    padding: 2rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.section6__H3
{
    font-size: 2.5rem;
    font-weight: bold;
    color: #4c5671;
    margin-bottom: 2rem;
}

.section6__SmTxt
{
    max-width: 60%;
    text-align: center;
    font-size: 1.1rem;
    color: #4c5671;
}

.section6__ImgContainer
{
    position : relative;
}

.section6__ImgContainer .round__Shape li 
{
    position : absolute;
    text-align : center;
    list-style : none;
}

.round__Shape li.one 
{
    top : 15.5%;
    left : 15%;
}

.round__Shape li.two 
{
    top : 25.5%;
    left : 42.5%;
}

.round__Shape li.three 
{
    top : 19%;
    right : 28%;
}

.round__Shape li.four 
{
    top : 36.5%;
    left : 15.6%;
}

.round__Shape li.five  
{
    top : 44%;
    left : 46.8%;
}

.round__Shape li.six 
{
    top : 47.5%;
    right : 38%;
}

.round__Shape li.seven 
{
    top : 34.2%;
    right : 31.7%;
}

.round__Shape li.eight 
{
    bottom : 33%;
    left : 25.9%;
}

.round__Shape li.nine 
{
    bottom : 17.9%;
    left : 45.9%;
}

.round__Shape li.ten 
{
    bottom : 20.2%;
    right : 24.8%;
}

.round__Shape li span 
{
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.round__Shape span 
{
    width : 8px;
    height : 8px;
    border-radius : 50%;
    background : #00b67a;
    display : block;
    position : relative;
    margin : auto;
}

/*====================== CSS FOR SECTION 7 ====================*/
.section7
{
    background: #0774ff;
    margin: 3rem 1rem;
    padding: 3rem;
    border-radius: 1rem;
    color: #fff;
}

.section7__SaleBanner
{
    display : flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2rem;
}

.section7__SaleTxt
{
    width: 40%;
}

.section7__H3
{
    font-size: 2.2rem;
    font-weight: 600;
}

.sec7__SaleBanners
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

.section7__SmTxt
{
    width: 80%;
    padding: 1rem 0;
    margin: 1rem 0;
    font-size: 1rem;
    font-size: 1.1rem;
    line-height: 1.3rem;
}

.sec7__Sale1
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    background: linear-gradient(112deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .05) 101.12%);
    padding: 30px 50px;
    border-radius: 1rem;
}

.saleOne__Txt
{
    width: 100%;
}

.saleOne__P
{
    font-size: 0.8rem;
    background: #fff;
    color: #000;
    padding: 0.3rem 1rem;
    border-radius: 2rem;
    margin-bottom: 1rem;
    text-transform: capitalize;
}

.saleOne__H3
{
    font-size: 2.2rem;
    font-weight: bold;
}

.saleOne__Span
{
    font-size: 1.7rem;
}

.saleOne__Img
{
    background: #fff;
    padding: 2rem;
    border-radius: 50%;
}

.saleOne__Img img 
{
    width: 100%;
    height: 100%;
}

/*====================== CSS FOR SECTION 8 ===================*/
.section8 
{
    margin: 3rem auto;
    padding: 3rem 1rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2rem;
}

.sec8__TxtContainer
{
    width: 50%;
}

.sec8__H3
{
    margin: 2rem 0;
    font-size: 2.5rem;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 2.5rem;
    color: #2d3c58;
}

.sec8__SmDesc
{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.sec8__SmDescOne
{
    width: 80%;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
}

.sec8__SmDescOne img 
{
     background: linear-gradient(147deg, #e8ecff 14.12%, #e3d1ff 80.26%);
     width: 60px;
     height: 60px;
     padding: 0.5rem 1rem;
     border-radius: 1rem;
}

.sec8__OddColor img
{
    background: linear-gradient(147deg, #e8ecff 14.12%, #d1ffef 80.26%);
}

.sec8__SmDescOneTxt
{
    padding-bottom: 1rem;
}

.sec8__SmDescOneTxt h4 
{
    color: #2d3c58;
    font-size: 1.2rem;
    font-weight: 600;
    padding: 0.3rem 0;
}

.sec8__SmDescOneTxt p 
{
    font-size: 1rem;
    color: #2d3c58;
}

.sec8__ImgContainer
{
    width: 50%;
    padding: 4rem 2rem;
    background: #0774ff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2rem;
}

/*==================== CSS FOR SECTION9 ======================*/

.section9__OuterContainer
{
    background-color : #f6f9ff;
}

.section9
{
    margin: 3rem auto;
    padding: 3rem 1rem;
}

.sec9__PlanHeader
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.sec9__PlanHeader h3 
{
    font-size: 2.5rem;
    font-weight: 600;
    color: #4c5671;
    text-transform: capitalize;
}

.sec9__PlanHeader p 
{
    width: 45%;
    text-align: center;
    color: #2d3c58;
    font-size: 1.1rem;
    line-height: 1.5rem;
}

.sec9__PricePlanDifference
{
    margin-top: 3rem;
    padding: 1rem 2rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sec9__PriceImg
{
    width: 40%;
}
    
.sec9__PriceDif
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sec9__SmPlan
{
    padding: 2rem;
    border-left: 1px solid #4c5671;
}

.sec9__SmPlan h3 
{
    font-size: 1.5rem;
    font-weight: 600;
    color: #2d3c58;
    margin: 1rem 0;
}

.sec9__SmPlan span 
{
    font-size: 1.04rem;
    color: #4c5671;
}

.sec9__SmPlanBtn
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 1rem 0;
}

.sec9__SmPlanBtn button 
{
    width: 100%;
    padding: 0.5rem 1rem;
    border: 1px solid #4c5671;
    border-radius: 2rem;
}

.sec9__ByNow
{
    background-color: #0774ff;
    color: #fff;
    transition: all 0.3s ease;
    border: none;
    outline: none;
}

.sec9__ByNow:hover 
{
    color: #000;
    background-color: #ffc107;
}

.sec9__SmPlan ul li 
{
    padding: 0.2rem 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border-top: 1px solid #4c5671;
    border-left: 1px solid #4c5671; */
}

/* new css for the correct table output*/

.sec9__TableRow
{
    margin : 3rem 1.5rem;
    display : flex;
    flex-wrap : wrap;
}

.sec9__ColLg12
{
    flex : 0 0 auto;
    width : 100%;
}

.rts-plan__table
{
    width : 100%;
    margin : 0px;
    white-space : nowrap;
}

.table-bordered
{
    border-collapse : collapse;
    border-spacing : 0px;
    border-color : gray;
    color : #4c5671;
}

tbody, td, tfoot, th, thead, tr 
{
    border : 0 solid;
    border-color : inherit;
}

.sec9__TableTR
{
    display: table-row;
    vertical-align: inherit;
    unicode-bidi: isolate;
    border-color: inherit;
}

.package__left
{
    width : 450px;
    max-width : 450px;
}

thead th 
{
    text-transform : capitalize;
    border-style : none;
}

.package__SpanContainer
{
    padding : 1rem 0rem 0.5rem;
    display : flex;
    flex-direction : column;
    align-items : center;
    justify-content : center;
}

.package__item
{
    width : 290px;
    max-width : 290px;
    padding : 0px 30px;
    border : 1px solid #e9edff;
}


.package__item__info 
{
    max-width: 180px;
    margin: 0px auto;
    padding-bottom : 1rem;
}

.package__item__info span 
{
    font-family : "Inter", sans-serif;
    margin-bottom : 25px;
    display : inline-block;
    text-transform : capitalize;
    font-weight : 400;
    line-height : 100%;
}

.package__type
{
    font-weight : 700;
    font-size : 24px;
    color : #2d3c58;
    margin-bottom : 15px;
    display : block;
}

.package__item__info select 
{
    margin-bottom : 10px;
    border-width : 1px;
    border-style : solid;
    border-color : rgb(76, 86, 113);
    border-image : initial;
    padding : 12px;
    border-radius : 50px;
}

select 
{
    word-wrap : normal;
}

.buy__now, select 
{
    text-transform : none;
}

.buy__now, select, textarea 
{
    width : 100%;
    max-width: 100%;
    margin : 0px;
    background : transparent;
    transition : 0.4s ease-out;
    vertical-align : baseline;
    border-radius : 12px;
}

.buy__now
{
    width : 100%;
    font-weight : 700;
    color : #fff;
    display : block;
    max-width : 100%;
    padding : 13px 0;
    cursor : pointer;
}

.primary__btn
{
    padding : 15px 35px;
    border-radius : 30px;
    display : block;
    line-height : 100%;
    border : 1px solid transparent;
    transition : all 0.4s ease;
    text-transform : capitalize;
}

.primary__btn:hover 
{
    background-color:#ffc107;
    color : #2d3c58;
}

.primary__bg
{
    background-color : #0774ff;
    color : #fff;
}

td.package__left {
    padding: 10px 30px;
    border: 1px solid #e9edff;
}

td.package__item {
    text-align: center;
    border: 1px solid #e9edff;
}



/*====================== CSS FOR SECTION 10 =================*/
.section10 
{
    margin: 3rem auto;
    padding: 3rem 1rem;
}

.section10__Header
{
    width: 80%;
    margin: 1rem auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.section10__Header h3 
{
    font-size: 2.5rem;
    font-weight: bold;
    color: #2d3c58;
    text-transform: capitalize;
}

.section10__Header p 
{
    width: 60%;
    font-size: 1.1rem;
    text-align: center;
    color: #4c5671;
}

.section10__ReviewsContainer
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4rem;
}

.carousel-track
{
    display : flex;
    overflow : hidden;
}

.sec10__ReviewCard
{
    flex : 0 0 calc(100% / 3);
    width: 400px;
    padding: 2rem;
    border: 1px solid #eaefff;
    border-radius: 1rem;
    transition: all 0.3s ease;
}

.sec10__ReviewCard:hover 
{
    background: #0774ff;
    color: #fff;
}

.sec10__RatingStar
{
    margin: 1rem 0;
}

.sec10__RatingStar i 
{
    color: #ffc107;
}

.sec10__P
{
    margin: 1rem 0;
    font-size: 1.3rem;
    line-height: 1.8rem;
    color: #2d3c58;
    font-weight: 500;
}

.sec10__ReviewCard:hover .sec10__P
{
    color: #fff;
}

.review__People
{
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
}

.review__PeopleTxt h4
{
    color: #2d3c58;
    font-size: 1.5rem;
    font-weight: bold;
}

.sec10__ReviewCard:hover .review__PeopleTxt h4
{
    color: #fff;
}

.review__PeopleTxt span 
{
    font-size: 1rem;
    color: #4c5671;
}

.sec10__ReviewCard:hover .review__PeopleTxt span
{
    color: #fff;
}


/*===================== CSS FOR SECTION 11 ===================*/
.section11
{
    margin: 3rem auto;
    padding: 3rem 1rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.section11__LeftSide
{
    width: 50%;
}

.section11__LeftSide h3 
{
    margin: 1rem 0;
    color: #2d3c58;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 2.5rem;
}

.section11__LeftSide p 
{
    margin: 1rem 0;
    color: #4c5671;
    width: 90%;
    font-size: 1.1rem;
}

.section11__LeftSide img 
{
    margin-top: 3rem;
}

.section11__RightSide
{
    width: 50%;
}

.faqs__Container
{
    padding: 2rem 0;
}

.faq__Card
{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #e1efff;
    transition : all 0.3s ease;
}

.faq__Question
{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1rem;
    cursor : pointer;
}

.faq__Question h4 
{
    font-size: 1.4rem;
    font-weight: 600;
    color: #000;
}

.faq__QuestionIcon
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #fff;
    border: 1px solid #e1efff;
    border-radius: 50%;
    transition : all 0.3s ease;
}

.faq__QuestionIcon i 
{
    font-size: 0.8rem;
    transition : transform 0.3s ease;
}

.faq__Answer 
{
    display : none;
    transition : max-height 0.5s ease, padding 0.3s ease;
}

.faq__Answer.active 
{
    display: block;
}

.faq__Answer p 
{
    color: #4c5671;
    font-size: 1.1rem;
    padding-bottom: 1rem;
}

.faq__Card.active  .faq__QuestionIcon
{
    transform : rotate(180deg);
}

.faq__Card.active  .faq__QuestionIcon i
{
    transform : rotate(180deg);
}



/*======================= CSS FOR SECTION 12 =====================*/
.section12
{
    margin: 3rem 1rem;
    padding: 3rem;
    background: #0774ff;
    color: #fff;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-radius: 1rem;
}

.sec12__LeftSide
{
    width: 50%;
}

.sec12__LeftSide h3 
{
    margin-bottom: 1rem;
    font-size: 2.3rem;
    font-weight: 600;
    color: #fff;
    line-height: 2.7rem;
}

.sec12__LeftSide p 
{
    width: 80%;
    font-size: 1.1rem;
    line-height: 1.5rem;
    padding: 0.5rem 0;
}

.sec12__GetStart
{
    padding: 1rem 1.8rem;
    background-color: #ffc107;
    color: #000;
    border-radius: 2rem;
    cursor: pointer;
    margin-top: 1rem;
    transition: all 0.4s ease;
}

.sec12__GetStart:hover
{
    background-color: #4c5671;
    color: #fff;
}

.sec12__GetStart a 
{
    font-size: 1rem;
    font-weight: 700;
    color: #4c5671;
}

.sec12__GetStart:hover a 
{
    color: #fff;
}

.sec12__RightSide
{
    display: flex;
    align-items: center;
    justify-content: center;
}

/*====================== CSS FOR FOOTER =================*/
.footer__MainContainer
{
     background: linear-gradient(0deg,#dfeaff,rgba(246,249,255,0) 82.55%);
}

footer
{
    margin: 3rem 0rem 0rem;
    padding: 3rem 1rem ;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2rem;
}

.footer__FiveRows
{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding-bottom: 5rem;
    border-bottom: 1px solid #2d3c58;
}

.footer__FirstRows
{
    width: 30%;
}

.footer__FirstRows img 
{
    margin-bottom: 1rem;
}

.footer__FirstP
{
    font-size: 1.1rem;
    color: #4c5671;
    line-height: 1.5rem;
    padding: 1rem 0;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #e1efff;
}

.footer__PayMethod
{
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
}

.payText
{
    font-size: 1.2rem;
    font-weight: 500;
    color: #2d3c58;
    padding: 1rem 0;

}

.payImgs
{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
}

.footer__SecondRows
{
    width: 20%;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.footer__SRowHeader
{
    font-size: 1.4rem;
    font-weight: 600;
    color: #4c5671;
    text-transform: capitalize;
}

.footer__SRowLinks ul
{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.footer__SRowLinks li 
{
    padding: 0.5rem 0;
}

.footer__SRowLinks a 
{
    font-size: 1.05rem;
    color: #4c5671;
}

.footer__ThirdRow
{
    width: 20%;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.footer__FourthRow
{
    width: 20%;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.footer__FifthRow
{
    width: 30%;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.footer__FifthSmTxt
{
    margin: 2rem 0;
    font-size: 1.1rem;
    color: #4c5671;
}

.footer__ContactBox
{
    background: #fff;
    border-radius: 2rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
}

.footer__ContactBox input 
{
    border: none;
    outline: none;
    width: 80%;
    font-size: 1.03rem;
}

.footer__ArrowIcon
{
    width: 35px;
    height: 35px;
    background-color: #0774ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer__ArrowIcon i 
{
    color: #fff;
    font-size: 1.1rem;
}

.footer__SocialMedia
{
    margin-top: 2rem;
}

.SocialTxt
{
    font-size: 1.3rem;
    font-weight: 700;
    color: #2d3c58;
    padding-bottom: 1rem;
}

.footer__SocialIcon__Container
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.footer__SocialIcon__Container i 
{
    border: 1px solid #4c5671;
    padding: 0.5rem 1rem;
    font-size: 1.1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
}

.footer__CopyRightTxt
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
}







/*======================================== Media Query For Medium Size Devices ==========================================*/
@media screen and (max-width : 768px)
{
    .section__One 
    {
        max-width : 800px;
    }

    .sale__infoEmail,
    .sale__Description,
    .navBar__Links,
    .navBar__Button
    {
        display : none;
    }

    .sale__rightSide {
        justify-content : space-between;
        width : 100%;
    }

    .mobile__Menu
    {
        display : block;
    }

    .hamburger 
    {
        display : block;
    }

    .header__Container 
    {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 8.75rem 1rem 1rem 1rem;
        gap : 4rem;
    }

    .header__ContainerTxt 
    {
        width: 100%;
    }


    /* media query for section 2 */
    .section__Two
    {
        max-width : 800px;
    }

    .domain__Container
    {
        width : 100%;
    }

    .domain__TextH3 
    {
        font-size: 2rem;
        margin-bottom: 4rem;
    }

    
    .ads__BannerContainer 
    {
        margin : 2rem auto;
    }

    .hosting__Container 
    {
        margin : 6rem 0 2rem;
    }

    .hosting__CardContainer {
        grid-template-columns: repeat(2, 1fr);
        display: grid;
    }

    .hosting__Card 
    {
        height: 500px;
    }


    /* media query for section 3 */
    .section3 
    {
        flex-direction : column;
    }

    .section3__ImgContainer,
    .section3__TxtContainer
    {
        width: 100%;
    }

    .sectionH3 
    {
        max-width: 100%;
        text-align: center;
    }

    .sectionP 
    {
        max-width: 80%;
        margin: 2rem auto;
        text-align: center;
    }

    .success__SmallDetail 
    {
        width: 80%;
        margin: 1rem auto;
    }

    /*============== media query for section 4 ================*/
    .section4 {
        width: 95%;
        margin: 6rem auto;
        padding: 4rem 2rem;
    }

    .section4h3 
    {
        font-size : 2rem;
    }

    .billBoard__Input
    {
        width : 100%;
    }

    .billBoard__Btn 
    {
        padding: 0.5rem 1rem;
    }

    .header__GetStartedBtn a 
    {
        font-size : 0.8rem;
    }

    .billBoard__Txt 
    {
        width : 100%;
    }

    /* media query for section 5 */
    .section5 
    {
        max-width : 800px;
        margin : 3rem auto;
    }

    .section5__FirstRow 
    {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .sec5hosting__Card 
    {
        height : 400px;
        border-right : 0;
    }

    
    .sec5hosting__Card img 
    {
        width: 80px;
        height : 80px;
    }

    .hosting__CardH4 
    {
        font-size: 1.5rem;
        margin : 2rem 0;
    }

    .hosting__CardP 
    {
        font-size: 1.1rem;
        line-height: 1.5rem;
        width: 80%;
        margin: 1rem 0rem 2.8rem;
    }


    /* media queyr for section 6 */
    .section6 
    {
        max-width : 800px;
    }

    .section6__SmTxt 
    {
        max-width: 80%;
    }

    .round__Shape li.one 
    {
        top: 16.2%;
        left: 16%;
    }

    .round__Shape li.two 
    {
        left: 46.5%;
    }

    .round__Shape li.three 
    {
        right: 19.5%;
    }

    .round__Shape li.four 
    {
        left: 16.6%;
    }

    .round__Shape li.five
    {
        left: 51.2%;
    }

    .round__Shape li.six 
    {
        right: 30.5%;
    }

    .round__Shape li.seven 
    {
        top: 33.2%;
        right: 23.7%;
    }

    .round__Shape li.eight 
    {
        bottom: 30%;
        left: 27.9%;
    }   

    .round__Shape li.nine 
    {
        bottom: 14.9%;
        left: 50%;
    }

    .round__Shape li.ten 
    {
        bottom: 18.2%;
        right: 15.8%;
    }



    /* media query for section 7 */
    .section7__SaleBanner {
        width: 100%;
        flex-direction : column;
        overflow : hidden;
    }

    .section7__SaleTxt
    {
        margin : 1rem auto;
        width : 100%;
    }

    .section7__H3
    {
        font-size: 2.5rem;
        font-weight: 700;
    }

    .section7__SmTxt {
        width: 50%;
        padding: 0rem;
        margin: 2rem 0;
    }

    .sec7__SaleBanners 
    {
        width : 100%;
        flex-direction: column;
    }

    .saleOne__Txt 
    {
        width: 50%; 
    }

    .saleOne__P
    {
        width: 75%;
        text-align: center;
    }

    .sec7__Sale1::after
    {
        background : linear-gradient(113deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1) 110.84%);
    }

    .saleOne__H3 {
        font-size: 2.2rem;
        line-height: 2.3rem;
        font-weight: bold;
    }

    /* media query for section 8 */
    .section8 
    {
        max-width : 800px;
        margin : 3rem auto;
        flex-direction : column;
        align-items : center;
        justify-content : center;
    }

    .sec8__TxtContainer,
    .sec8__ImgContainer 
    {
        width: 100%;
    }

    .sec8__H3 {
        line-height : 3rem;
    }

    .sec8__SmDescOne img {
        width : 80px;
        height : 80px;
    }

    .sec8__SmDescOneTxt h4 
    {
        font-size: 1.4rem;
    }

    .sec8__SmDescOneTxt p 
    {
        font-size: 1.1rem;
    }



    /* media query for section 9*/
    .section9 
    {
        max-width : 800px;
        overflow-x : auto;
    }

    .sec9__PlanHeader p 
    {
        width: 55%;
    }

    .package__left {
        padding : 1rem;
    }

    /*=============================== MEDIA QUERY FOR SECTION 10 ==========================*/
    .section10 
    {
        max-width : 800px;
    }

    .section10__Header h3 
    {
        font-size: 3rem;
    }

    .section10__Header p {
        width: 70%;
    }

    
    .section10__ReviewsContainer 
    {
        gap : 2rem;
        justify-content : center;
        overflow : hidden;
    }

    .sec10__ReviewCard
    {
        min-width : 500px;
    }


    /*================================= MEDIA QUERY FOR SECTION 11 ============================*/
    .section11 
    {
        max-width : 800px;
        align-items: center;
        justify-content: center;
        gap: 3rem;
        flex-direction: column;
    }

    .section11__LeftSide,
    .section11__RightSide
    {
        width : 100%;
    }

    .section11__LeftSide h3 
    {
        width: 70%;
        margin: 1rem 0 3rem;
        font-size: 3rem;
        font-weight: 700;
        line-height: 3.2rem;
    }

    .section11__LeftSide p {
        width: 70%;
        font-size: 1.3rem;
    }

    .section11__LeftSide img 
    {
        margin-top: 4rem;
        width: 400px;
    }


    /*============================== MEDIA QUERY FOR SECTION 12 ===========================*/
    .section12 
    {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3rem;
    }

    .sec12__LeftSide 
    {
        width: 100%;
    }


    /*=========================== MEDIA QUERY FOR FOOTER SECTION ===========================*/
    
    .footer__FiveRows {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .footer__FirstRows, 
    .footer__SecondRows,
    .footer__ThirdRow,
    .footer__FourthRow,
    .footer__FifthRow
    {
        width : 100%;
    }

    .footer__FiveRows > *:nth-child(5)
    {
        display : content;
        grid-column : 1 / -1;
        align-items : center;
    }

    .footer__FifthRow
    {
        margin-top : 3rem;
    }

    .footer__SRowHeader
    {
        font-size: 1.6rem;
        font-weight : 700;
    }

    .footer__ContactBox 
    {
        width : 70%;
    }

    .footer__SocialMedia 
    {
        text-align : center;
    }
}

/*=========================== MEDIA QUERY FOR SMALLER DEVICES =======================*/
@media screen and (max-width : 525px)
{
    .header__Container 
    {
        padding: 4.75rem 1rem 1rem 1rem;
        gap : 2rem;
    }

    .header__ContainerSmTxt 
    {
        font-size: 0.8rem;
    }

    .main__Header 
    {
        font-size: 3rem;
        line-height : 3.2rem;
        margin : 1rem auto;
    }

    .header__smallDesc 
    {
        font-size: 0.9rem;   
        line-height : 1.2rem;
    }

    .header__GetStartedBtn 
    {
        padding: 0.5rem 1rem;
        border-radius: 1.5rem;
    }

    .header__PlanBtn 
    {
        font-size: 0.9rem;
    }

    .header__ContainerImg img 
    {
        width : 70%;
        margin : 1rem auto;
    }

    .domain__TextH3 
    {
        font-size: 1.6rem;
        line-height: 2rem;
        margin-bottom: 3rem;
    }

    .smdomain__Review1 
    {
        font-size: 1.4rem;
    }

    .ads__BannerContainer
    {
        display : grid;
        grid-template-columns: repeat(3, 1fr);
        margin : 2rem auto 1rem;
    }

    .ads__BannerContainer img 
    {
        margin : 0 auto;
    }

    .hosting__H3 
    {
        font-size: 2.3rem;
        line-height: 2.8rem;
    }

    .hosting__CardContainer 
    {
        width: 80%;
        margin: 1rem auto;
        grid-template-columns: repeat(1, 1fr);   
    }

    .section4h3 
    {
        font-size: 1.5rem;
        text-align: center;
    }

    .header__GetStartedBtn 
    {
        width: 50%;
        padding: 0.5rem 1rem;
        border-radius: 1.1rem;
    }

    .section5__TxtContainer 
    {
        text-align: center;
    }

    .section5__H3 
    {
        font-size: 2rem;
        line-height: 2.8rem;
    }

    .section5__SmallP 
    {
        max-width: 75%;
        font-size: 1rem;
        line-height: 1.3rem;
    }

    .section5__FirstRow 
    {
        grid-template-columns: repeat(1, 1fr);
    }

    .sec5hosting__Card 
    {
        height: 300px;
    }

    .sec5hosting__Card img 
    {
        width: 50px;
        height: 50px;
    }

    .hosting__CardH4 
    {
        margin: 1rem 0;
    }

    .hosting__CardP 
    {
        font-size: 1rem;
        line-height: 1.4rem;
        margin-bottom : 2rem;
    }

    .hostingCard__Link 
    {
        font-size : 1rem;
    }

    .section6__H3 
    {
        text-align: center;
        font-size: 2rem;
        line-height: 2.2rem;
    }

    .section6__SmTxt 
    {
        width : 80%;
        font-size: 1rem;
        line-height: 1.3rem;
    }

    .section7__SmTxt 
    {
        width: 100%;
        font-size : 1rem;
        margin: 1rem 0 2rem;
    }

    .header__GetStartedBtn 
    {
        width: 30%;
        padding: 0.3rem 0.2rem;
    }

    .sec7__Sale1 {
        gap : 1rem;
    }

    .saleOne__H3 {
        font-size: 2rem;
    }

    .saleOne__P 
    {
        width: 95%;
    }

    .sec8__H3 
    {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .sec8__SmDescOne img 
    {
        width: 50px;
        height: 50px;
    }

    .sec8__SmDescOneTxt h4 {
        font-size: 1.2rem;
    }

    .sec8__SmDescOneTxt p 
    {
        font-size: 0.9rem;
        line-height: 1.2rem;
    }

    .sec9__PlanHeader 
    {
        text-align: center;
    }

    .sec9__PlanHeader h3 
    {
        font-size: 2rem;
    }

    .sec9__PlanHeader p 
    {
        width: 85%;
        font-size : 1rem;
    }

    .section10__Header 
    {
        text-align: center;
    }

    .section10__Header h3 
    {
        font-size: 2rem;
        line-height : 2.8rem;
    }

    .section10__Header p {
        width: 100%;
        font-size : 1rem;
    }

    .section11__LeftSide h3 
    {
        text-align: center;
        width: 100%;
        font-size : 2rem;
        line-height: 2.5rem;
    }

    .section11__LeftSide p 
    {
        width: 80%;
        text-align: center;
        font-size: 1rem;
        margin: 1rem auto;
    }

    .faq__Question h4 
    {
        font-size: 1.2rem;
    }

    .faq__Answer p
    {
        font-size : 1rem;
    }

    .sec12__LeftSide h3 
    {
        font-size: 2rem;
    }

    .sec12__LeftSide p 
    {
        width: 100%;
        font-size: 1rem;
        line-height: 1.3rem;
    }

    .sec12__GetStart 
    {
        padding: 0.4rem 1rem;
    }

    .sec12__GetStart a 
    {
        font-size: 0.8rem;
    }

    .footer__FiveRows 
    {
        grid-template-columns: repeat(1, 1fr);
    }

    .footer__FirstRows, .footer__SecondRows, .footer__ThirdRow, .footer__FourthRow, .footer__FifthRow 
    {
        text-align: center;
    }

    .payImgs 
    {
        justify-content : center;
    }

    .footer__SRowHeader 
    {
        margin: 0 auto;
    }

    .footer__SRowLinks
    {
        width : 100%;
    }

    .footer__SRowLinks ul 
    {
        justify-content: center;
        margin : 0 auto;
    }

    .footer__SRowLinks li 
    {
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width : 425px)
{
    .domain__ReviewContainer 
    {
        flex-direction : column;
        gap : 0.5rem;
    }

    .hosting__Navigation i 
    {
        padding: 0.5rem 1rem;
        border-radius : 0.7rem;
    }

    .hosting__Card {
        height: 400px;
    }

    .hosting__CardH4 
    {
        font-size : 1.4rem;
        margin: 0rem 0;
    }

    .hosting__CardP {
        width: 100%;
        text-align: center;
        font-size: 0.9rem;
        line-height: 1rem;
        margin-bottom: 1rem;
    }

    .hosting__CardSpan, .hostingCard__Btn a 
    {
        font-size: 0.9rem;
    }

    .hostingCard__Btn {
        width: 60%;
        margin: 1rem auto 0rem;
        padding: 0.5rem 1rem;
    }

    .sectionH3 
    {
        font-size: 2rem;
        line-height: 2.3rem;
    }

    .sectionP 
    {
        max-width: 90%;
        font-size: 1rem;
    }

    .SmDesc__Txt h4 
    {
        font-weight : 700;
        color : #2d3c58;
    }

    .SmDesc__Txt h6 
    {
        font-size : 0.8rem;
    }

    .header__GetStartedBtn {
        width: 40%;
    }

    .header__GetStartedBtn a {
        font-size: 0.7rem;
    }

    .billBoard__Input input 
    {
        font-size: 0.8rem;
    }

    .billBoard__Txt 
    {
        flex-direction : column;
        gap : 0.4rem;
    }

    .sm__Domain 
    {
        font-size: 1rem;
    }

    .smDom 
    {
        font-size : 0.9rem;
    }

    .section5 
    {
        max-width: 400px;
        margin: 1rem auto;
    }

    .section5__H3 
    {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }

    .section5__SmallP 
    {  
        max-width: 90%;
        font-size: 0.9rem;
        line-height: 1.1rem;
    }

    .section6__H3 
    {
        font-size: 1.7rem;
        line-height: 2rem;
    }

    .section6__SmTxt 
    {
        width: 100%;
        font-size: 0.8rem;
        line-height: 1.2rem;
    }

    .sec7__Sale1 
    {
        padding : 25px;
    }

    .saleOne__Txt {
        width: 80%;
    }

    .saleOne__P {
        width: 100%;
    }

    .saleOne__P 
    {
        font-size: 0.7rem;
    }

    .saleOne__H3 {
        font-size: 1.8rem;
    }

    .sec8__H3 
    {
        text-align: center;
        font-size: 1.8rem;
        line-height: 2.2rem;
    }

    .sec8__SmDescOne {
        width: 100%;
    }

    .section7__SmTxt 
    {
        font-size : 0.9rem;
    }

    .section7__H3 
    {
        font-size: 2rem;
        line-height: 2.2rem;
    }

    .sec9__PlanHeader h3 {
        font-size: 1.8rem;
        line-height: 2rem;
    }

    .sec9__PlanHeader p 
    {
        width: 95%;
        font-size: 0.9rem;
        line-height: 1.1rem;
    }

    .package__left 
    {
        width: 400px;
        max-width: 400px;
    }

    .package__item__info span 
    {
        margin-bottom: 18px;
    }

    .package__type 
    {
        font-size: 1.2rem;
    }

    .package__item__info select 
    {
        font-size: 0.9rem;
        padding : 8px;
    }

    .primary__btn 
    {
        padding: 10px 15px;
        font-size : 0.9rem;
    }

    td.package__left,
    td.package__item 
    {
        font-size: 0.9rem;
        padding: 8px 20px;
    }

    .section10__Header h3 
    {
        font-size: 1.8rem;
        line-height: 2.2rem;
    }

    .section10__Header p 
    {
        font-size: 0.9rem;
    }

    .section10__ReviewsContainer 
    {
        max-width: 400px;
    }

    .sec10__ReviewCard 
    {
        min-width: 400px;
    }

    .sec10__RatingStar i
    {
        font-size: 0.8rem;
    }

    .sec10__P 
    {
        font-size: 1rem;
        line-height: 1.4rem;
    }

    .review__PeopleTxt h4 
    {
        font-size: 1.3rem;
    }

    .review__PeopleTxt span 
    {
        font-size: 0.9rem;
    }

    .section11__LeftSide h3 
    {
        font-size: 1.8rem;
        line-height: 2rem;
        margin-bottom : 2rem;
    }

    .section11__LeftSide p 
    {
        width: 90%;
        font-size: 0.9rem;
    }

    .section11__LeftSide img 
    {
        width : 350px;
    }

    .faq__Question h4 {
        font-size: 1.1rem;
    }

    .faq__Answer p {
        font-size: 0.9rem;
        line-height: 1.2rem;
    }

    .sec12__LeftSide h3 {
        font-size: 1.8rem;
        line-height : 2.2rem;
    }

    .sec12__LeftSide p {
        font-size : 0.9rem;
    }

    .mobile-submenu 
    {
        margin: 0;
    }

    .mobile__Menu > ul > li > a 
    {
        padding : 10px 0;
    }

    .mobile-submenu a 
    {
        padding: 5px 10px;
        font-size: 0.9rem;
        font-weight: 500;
    }
}

@media screen and (max-width : 325px)
{

    .navBar__Container 
    {
        padding : 1rem;
    }

    .main__Header 
    {
        font-size: 2rem;
        line-height: 2.2rem;
    }

    .hamburger 
    {
        width: 25px;
        height: 25px;
    }

    .header__Container 
    {
        padding: 1.75rem 1rem 1rem 1rem;
    }

    .header__ContainerSmTxt 
    {
        font-size: 0.6rem;
        padding: 0.2rem 0.7rem;
    }

    .header__smallDesc {
        font-size: 0.7rem;
        line-height: 1rem;
    }

    .header__PlanIntro
    {
        font-size : 0.9rem;
    }

    .header__ContainerImg img {
        width: 60%;
    }

    .mobile__Menu > ul > li > a 
    {
        padding : 10px 0;
    }

    .mobile-submenu a 
    {
        font-size : 0.8rem;
        padding: 6px 10px;
    }

    .mobile__Menu > ul > li > a > i 
    {
        font-size : 0.9rem;
    }

    .mobile__Menu 
    {
        padding: 40px 30px 30px;
    }

    /* media query for frame 2 */
    .domain__TextH3 
    {
        font-size: 1.4rem;
        line-height: 1.6rem;
        margin-bottom: 2rem;
    }

    .smdomain__Review1, 
    .smdomain__Review2 
    {
        font-size: 1.1rem;
    }

    .hosting__Container 
    {
        margin: 5rem 0 2rem;
    }

    .hosting__Container 
    {
        flex-direction : column;
    }

    .hosting__H3 
    {
        text-align: center;
        font-size: 1.6rem;
        line-height: 2rem;
    }

    .hosting__txt 
    {
        padding: 1rem 0rem;
        text-align: center;
        font-size: 0.8rem;
        line-height: 1.1rem;
    }

    .hosting__Card 
    {
        height: 350px;
        padding : 1.25rem 1rem;
    }

    .hosting__Card img 
    {
        width: 20%;
    }

    .hosting__CardH4 {
        font-size: 1.3rem;
    }

    .hosting__CardP {
        width: 100%;
        font-size: 0.7rem;
        line-height: 1rem;
    }

    .hostingCard__Btn 
    {
        width: 60%;
        margin: 1rem auto 0rem;
        padding: 0.2rem 0.5rem;
    }

    .sectionH3 
    {
        font-size: 1.6rem;
        line-height: 2rem;
    }

    .sectionP 
    {
        font-size: 0.9rem;
        line-height : 1.1rem;
    }

    .section3__SmDesc 
    {
        flex-direction: column;
    }

    .SmDesc__Txt
    {
        text-align: center;
    }

    .section4 
    {
        padding: 3rem 1rem;
    }

    .section4h3 
    {
        line-height: 2rem;
    }

    .billBoard__Input input 
    {
        width: 50%;
    }

    .billBoard__Input 
    {
        padding: 0.3rem 0.3rem 0.3rem 1rem;
    }

    .section5__H3 {
        font-size: 1.6rem;
        line-height: 2rem;
    }

    .hosting__CardP 
    {
        text-align: left;
        font-size: 1rem;
        line-height: 1.4rem;
    }

    .section7__H3 
    {
        font-size: 1.8rem;
        line-height: 2rem;
    }

    .header__GetStartedBtn 
    {
        width: 50%;
    }

    .section7 
    {
        padding : 1rem;
    }

    .saleOne__Img 
    {
        width: 20%;
        max-height: 10px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .saleOne__Img img 
    {
        min-width: 35px;
        height: 35px;
    }

    .sec8__H3 
    {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .sec8__SmDescOne {
        flex-direction: column;
    }

    .sec8__SmDescOne
    {
       text-align: center;  
    }

    .sec8__SmDescOneTxt h4 
    {
        font-size: 1.1rem;
        text-transform: capitalize;
    }

    .sec9__PlanHeader h3 
    {
        font-size: 1.6rem;
        line-height: 2rem;
    }

    .sec9__PlanHeader p {
        margin-top: 2rem;
        width: 100%;
    }

    .section10 
    {
        margin: 0rem auto;
        padding: 1rem 1rem;
    }

    .section10__Header h3 {
        font-size: 1.6rem;
        line-height: 2rem;
    }

    .section10__ReviewsContainer {
        max-width: 300px;
    }

    .sec10__ReviewCard {
        min-width: 300px;
        padding : 1rem;
    }

    .section11__LeftSide h3 {
        font-size: 1.6rem;
        line-height: 2rem;
    }

    .section11__LeftSide img 
    {
        width : 300px;
        max-width: 300px;
    }

    .faq__Question h4 {
        font-size: 1rem;
    }

    .faq__QuestionIcon 
    {
        width: 15px;
        height: 15px;
    }

    .faq__QuestionIcon i 
    {
        font-size: 0.5rem;
    }

    .faq__Answer p 
    {
        font-size: 0.7rem;
        line-height: 1rem;
    }

    .section12 
    {
        margin: 2rem 1rem;
        padding: 1rem;
    }

    .sec12__LeftSide h3 
    {
        font-size: 1.6rem;
        line-height: 2rem;
    }

    .footer__FirstP 
    {
        font-size: 0.9rem;
        line-height: 1.1rem;
    }

    .payImgs img 
    {
        width: 40px;
    }

    footer 
    {
        padding-bottom : 2rem;
    }

    .footer__SRowHeader {
        font-size: 1.2rem;
    }

    .footer__SRowLinks li 
    {
        padding: 0.1rem 0;
    }

    .footer__SRowLinks a 
    {
        font-size: 0.9rem;
    }

    .footer__FifthSmTxt 
    {
        margin: 1rem 0;
        font-size: 0.9rem;
    }


    .footer__FiveRows 
    {
        padding-bottom : 2rem;
    }

    .footer__ContactBox {
        width: 90%;
    }

    .footer__ArrowIcon 
    {
        width: 30px;
        height: 30px;
    }

    .SocialTxt 
    {
        font-size: 1.2rem;
    }

    .footer__ArrowIcon i 
    {
        font-size: 0.9rem;
    }

    .footer__SocialIcon__Container i 
    {
        font-size: 0.9rem;
        border-radius: 0.3rem;
    }

    .footer__CopyRightTxt 
    {
        font-size: 0.9rem;
        margin-top : 0;
    }

}




/*======================= Responsive Media Query For Larger Devices  ============================*/



/* Base styles for 1344px and above */
@media screen and (min-width : 1344px)
{
    .section__One
    {
        padding : 0rem;
    }

    .sale__infoContainer
    {
        max-width : 1400px;
        margin : 0 auto;
        padding : 1.2rem 2rem;
    }

    .navBar__Container
    {
        max-width : 1400px;
        margin : 0 auto;
        padding : 1.5rem 2rem;
    }

    .header__Container 
    {
        max-width : 1400px;
        margin : 0 auto;
        padding : 9.75rem 2rem 4rem;
    }

    .main__Header 
    {
        font-size : 4.5rem;
        line-height : 4.5rem;
    }

    .header__smallDesc 
    {
        font-size : 1.2rem;
        line-height : 1.8rem;
        max-width : 90%;
    }

    /* Media query for section 2 */
    .section__Two 
    {
        padding : 6rem 2rem 2rem;
    }

    .domain__Container 
    {
        max-width : 1400px;
        margin : 0 auto;
    }

    .domain__TextH3 
    {
        font-size : 2rem;
    }

    .ads__BannerContainer
    {
        max-width : 1400px;
        margin : 3rem auto;
        justify-content : space-around;
    }

    .hosting__Container 
    {
        max-width : 1400px;
        margin : 3rem auto;
    }

    .hosting__CardContainer 
    {
        max-width : 1400px;
        margin : 0 auto;
        justify-content : space-around;
    }

    .hosting__Card 
    {
        width : 300px;
        padding : 3.5rem 2.5rem;
    }

    /* media query for section 3 */
    .section3 
    {
        max-width : 1400px;
        padding : 0 1.2rem;
        gap : 5rem;
    }

    .sectionH3 
    {
        font-size : 2.8rem;
        line-height : 3.5rem;
        max-width : 85%;
    }

    .sectionP 
    {
        font-size : 1.2rem;
        line-height : 1.8rem;
        max-width : 85%;
    }

    .success__SmallDetail 
    {
        gap : 2.5rem;
    }

    .section3__SmDesc 
    {
        gap : 2.5rem;
    }

    .SmDesc__Txt h4 
    {
        font-size : 1.4rem;
    }

    .SmDesc__Txt h6 
    {
        font-size : 1.1rem;
        line-height : 1.7rem;
    }

    /* media query for section 4 */
    .section4 
    {
        max-width : 1400px;
        padding : 7rem 0;
        border-radius : 1.5rem;
        gap : 2.5rem;
    }

    .section4h3 
    {
        font-size : 2.8rem;
        max-width : 80%;
        text-align : center;
    }

    .billBoard__Input 
    {
        width : 80%;
        padding : 0.7rem 0.7rem 0.7rem 2.5rem;
    }

    .billBoard__Input input 
    {
        font-size : 1.1rem;
    }

    .billBoard__Btn 
    {
        padding : 1rem 2rem;
        font-size : 1.1rem;
    }

    .billBoard__Txt 
    {
        width : 55%;
        gap : 1.5rem;
    }

    .billBoard__Txt div 
    {
        font-size : 1.1rem;
    }

    .sm__Domain 
    {
        font-size : 1.2rem;
    }

    .smDom 
    {
        font-size : 1.1rem;
    }

    /* media query for section 5 */
    .section5 
    {
        max-width : 1400px;
        margin : 5rem auto;
        padding : 0 2rem;
    }

    .section5__H3 
    {
        font-size : 2.8rem;
    }

    .section5__SmallP
    {
        max-width : 40%;
        font-size : 1.2rem;
        line-height : 1.8rem;
        margin : 1.5rem auto;
    }

    .section5__CardContainer
    {
        max-width : 1400px;
        margin : 3rem auto;
    }

    .section5__FirstRow 
    {
        margin : 0;
        justify-content : space-around;
    }

    .sec5hosting__Card
    {
        height : 320px;
    }

    .sec5hosting__Card img 
    {
        padding : 0.8rem 0.9rem;
        border-radius : 0.8rem;
        margin : 1.2rem 0;
    }

    .hosting__CardH4 
    {
        font-size : 1.5rem;
        margin : 1.2rem 0;
    }

    .hosting__CardP 
    {
        font-size : 1rem;
        line-height : 1.4rem;
        margin-bottom : 2.2rem;
        width : 100%;
    }

    .hostingCard__Link 
    {
        font-size : 1.2rem;
    }

    /* media query for section 6 */
    .section6 
    {
        max-width : 1400px;
        margin : 0 auto;
        padding : 6rem 2rem;
    }

    .section6__H3 
    {
        font-size : 2.8rem;
    }

    .section6__SmTxt
    {
        max-width : 50%;
        font-size : 1.2rem;
        line-height : 1.8rem;
    }

    .section6__ImgContainer 
    {
        max-width : 1200px;
        margin : 0 auto;
    }

    .section6__ImgContainer img 
    {
        transform : scale(1.05);
    }

    /*adjusting flag position for larger map*/
    .round__Shape li img 
    {
        transform : scale(1);
    }

    .round__Shape span 
    {
        width : 10px;
        height : 10px;
    }

    .round__Shape li.one 
    {
        top: 14.5%;
    }

    .round__Shape li.two 
    {
        top: 24.5%;
        left: 46.5%;
    }

    .round__Shape li.three 
    {
        top: 17%;
        right: 20%;
    }

    .round__Shape li.four 
    {
        top : 36%;
    }

    .round__Shape li.five 
    {
        top: 43.5%;
        left: 51.3%;
    }

    .round__Shape li.six 
    {
        top: 47.9%;
        right: 31.4%;
    }

    .round__Shape li.seven 
    {
        top: 33.2%;
        right: 24%;
    }

    .round__Shape li.eight 
    {
        bottom: 32%;
        left: 27%;
    }

    .round__Shape li.nine 
    {
        bottom: 15.9%;
        left: 50%;
    }

    .round__Shape li.ten 
    {
        bottom: 19.2%;
        right: 16%;
    }

    /* media query for section 7 */
    .section7 
    {
        max-width : 1400px;
        padding : 4rem 3rem;
        border-radius : 1.5rem;
    }

    .section7__SaleBanner 
    {
        max-width : 1300px;
        margin : 0 auto;
        gap : 3rem;
    }

    .section7__H3 
    {
        font-size: 2.5rem;
    }

    .section7__SmTxt 
    {
        font-size : 1.2rem;
        line-height : 1.6rem;
        width : 90%;
    }

    .sec7__SaleBanners 
    {
        gap : 2.5rem;
    }

    .sec7__Sale1 
    {
        padding : 35px 60px;
        border-radius : 1.2rem;
        gap : 2.5rem;
    }

    .saleOne__Span 
    {
        font-size : 1.9rem;
    }

    .saleOne__Img 
    {
        padding : 2rem;
    }

    .header__GetStartedBtn
    {
        padding : 1rem 2.5rem;
        font-size : 1.1rem;
    }

    /*media query for section 8 */
    .section8 
    {
        max-width : 1400px;
        margin : 5rem auto;
        padding : 4rem 2rem;
        gap : 3rem;
    }

    .sec8__H3 
    {
        font-size : 2.5rem;
        line-height : 3.2rem;
        margin : 2.5rem 0;
    }

    .sec8__SmDesc 
    {
        gap : 1.5rem;
    }

    .sec8__SmDescOne 
    {
        width : 85%;
        gap : 1.5rem;
        margin-bottom : 1.5rem;
    }

    .sec8__SmDescOne img 
    {
        width : 70px;
        height : 70px;
        padding : 0.7rem 1.2rem;
        border-radius : 1.2rem;
    }

    .sec8__SmDescOneTxt h4 
    {
        font-size : 1.4rem;
        text-transform: capitalize;
    }

    .sec8__SmDescOneTxt p 
    {
        font-size : 1.1rem;
        line-height : 1.6rem;
    }

    .sec8__ImgContainer 
    {
        padding : 5rem 2.5rem;
        border-radius : 2.5rem;
    }

    .sec8__ImgContainer img 
    {
        transform : scale(1.1);
    }

    /*media query for section 10*/
    .section10
    {
        max-width : 1400px;
        margin : 5rem auto;
        padding : 4rem 2rem;
    }

    /* media query for section 11*/
    .section11 
    {
        max-width : 1300px;
        margin : 5rem auto;
        padding : 5rem 2rem;
    }

    /* media query for section 12 */
    .section12 
    {
        margin : 5rem 2rem;
        padding : 5rem 2rem;
        border-radius : 1.4rem;
    }

    /* media query for footer */
    footer 
    {
        max-width : 1300px;
        margin : 5rem auto 0rem;
    }
}


/* For 1440px displays (media query)*/
@media screen and (min-width : 1440px)
{
    .sale__infoContainer, 
    .navBar__Container, 
    .header__Container
    {
        max-width : 1500px;
    }

    .main__Header
    {
        font-size : 5rem;
        line-height : 5rem;
    }

    .header__smallDesc 
    {
        font-size : 1.3rem;
        max-width : 95%;
    }

    .header__BtnContainer 
    {
        font-size : 1.2rem;
    }

    .header__GetStartedBtn, 
    .header__PlantBtn 
    {
        padding : 0.5rem 2.2rem;
        margin-bottom : 1.5rem;
    }

    /* Media Query for Section 2 */

    .domain__Container 
    {
        max-width : 1500px;
    }

    .domain__TextH3 
    {
        font-size : 2.2rem;
    }

    .hosting__H3 
    {
        font-size : 2.8rem;
    }

    .hosting__txt 
    {
        font-size : 1.1rem;
    }

    .ads__BannerContainer, 
    .hosting__Container, 
    .hosting__CardContainer 
    {
        max-width : 1500px;
    }

    .hosting__Card 
    {
        width : 320px;
        padding : 3.5rem 2.8rem;
    }

    .hosting__CardH4 
    {
        font-size : 1.4rem;
    }

    /*media query for section 3*/
    .section3 
    {
        max-width : 1500px;
        gap : 6rem;
    }

    .sectionH3 
    {
        font-size : 3rem;
        line-height : 3.8rem;
    }

    .sectionP 
    {
        font-size : 1.25rem;
        line-height : 1.9rem;
    }

    .section3__Icon1, 
    .section3__Icon2 
    {
        padding : 1.2rem;
        border-radius : 1.2rem;
    }

    .SmDesc__Txt h4 
    {
        font-size : 1.5rem;
    }

    .SmDesc__Txt h6 
    {
        font-size : 1.15rem;
        line-height : 1.8rem;
    }

    /* media query for section 4 */
    .section4 
    {
        max-width : 1500px;
        padding : 8rem 0;
        gap : 3rem;
    }

    .section4h3 
    {
        font-size : 3rem;
        max-width : 75%;
    }

    .billBoard__Input 
    {
        width : 75%;
        /* padding : 0.8rem 0.8rem 0.8rem 3rem; */
        align-items : center;
    }

    .billBoard__Input input 
    {
        font-size : 1.2rem;
    }

    .billBoard__Btn 
    {
        padding : 1.1rem 2.2rem;
        font-size : 1.2rem;
        margin-bottom : 0;
    }

    .billBoard__Txt 
    {
        width : 70%;
        gap : 2rem;
    }

    .billBoard__Txt div 
    {
        font-size : 1.2rem;
    }

    .sm__Domain 
    {
        font-size : 1.3rem;
    }

    .smDom 
    {
        font-size : 1.2rem;
    }

    /* media query for section 5 */
    .section5 
    {
        max-width: 1500px;
        margin : 6rem auto;
    }

    .section5__H3 
    {
        font-size : 3rem;
    }

    .section5__SmallP 
    {
        max-width: 35%;
        font-size : 1.3rem;
        line-height : 1.9rem;
    }

    .section5__CardContainer 
    {
        max-width : 1500px;
    }

    .sec5hosting__Card
    {
        height : 360px;
        padding : 1.8rem 2.8rem;
    }

    .sec5hosting__Card img 
    {
        padding : 1rem 1.1rem;
        border-radius : 1rem;
        margin : 1.5rem 0;
    }

    .hosting__CardH4
    {
        font-size : 1.6rem;
        margin: 1.5rem 0;
    }

    .hosting__CardP 
    {
        font-size : 1.1rem;
        line-height : 1.5rem;
        margin-bottom : 1.5rem;
    }

    .hostingCard__Link
    {
        font-size : 1.3rem;
    }

    /* media query for section 6 */
    .section6 
    {
        max-width : 1500px;
        padding : 7rem 2rem;
    }

    .section6__H3 
    {
        font-size : 3rem;
    }

    .section6__SmTxt 
    {
        max-width : 48%;
        font-size : 1.3rem;
        line-height : 1.9rem;
    }

    .section6__ImgContainer 
    {
        max-width : 1300px;
    }

    .section6__ImgContainer img 
    {
        transform : scale(1.1);
    }

    .round__Shape li img 
    {
        transform : scale(1.1);
    }

    .round__Shape span 
    {
        width : 11px;
        height : 11px;
    }

    .round__Shape li.one 
    {
        top: 12.5%;
        left : 12%;
    }

    .round__Shape li.two 
    {
        top: 22.5%;
        left: 42.5%;
    }

    .round__Shape li.three 
    {
        top: 15.5%;
        right: 24.4%;
    }

    .round__Shape li.four {
        top: 35%;
        left : 13%;
    }

    .round__Shape li.five
    {
        top: 43%;
        left: 47.5%;
    }

    .round__Shape li.six {
        top: 47.9%;
        right: 35.7%;
    }

    .round__Shape li.seven {
        top: 33.2%;
        right: 28.5%;
    }

    .round__Shape li.nine 
    {
        bottom: 14.9%;
        left: 46.5%;
    }

    .round__Shape li.ten 
    {
        bottom: 18.2%;
        right: 21%;
    }

    /* media query for section 7 */
    .section7 
    {
        max-width : 1500px;
        padding : 4.5rem 3.5rem;
    }

    .section7__SaleBanner 
    {
        max-width : 1400px;
        gap : 3.5rem;
    }

    .section7__H3 
    {
        font-size : 2.7rem;
    }

    .section7__SmTxt 
    {
        font-size : 1.3rem;
        line-height : 1.7rem;
    }

    .sec7__SaleBanners 
    {
        gap : 3rem;
    }

    .saleOne__H3 
    {
        font-size : 2rem;
    }

    .saleOne__Span 
    {
        font-size : 2.1rem;
    }

    .saleOne__Img 
    {
        padding : 1.5rem;
    }

    .header__GetStartedBtn 
    {
        padding : 1.1rem 2.8rem;
        font-size : 1.2rem;
    }

    /* media query for section 8 */
    .section8 
    {
        max-width : 1500px;
        padding : 4.5rem 2.5rem;
        gap : 3.5rem;
    }

    /* media query for section 10 */
    .section10 
    {
        max-width : 1500px;
        padding : 4.5rem 2.5rem;
    }

    .section10__Header
    {
        width : 65%;
        gap : 1.8rem;
    }

    .section10__Header h3 
    {
        font-size : 3rem;
    }

    .section10__Header p 
    {
        width : 50%;
        font-size : 1.3rem;
        line-height : 1.8rem;
    }

    .section10__ReviewsContainer
    {
        max-width : 100%;
        display : flex;
        align-items : center;
        justify-content : center;
        margin : 3rem auto;
    }

    .sec10__ReviewCard 
    {
        width : 400px;
        padding : 2.8rem;
        border-radius : 1.4rem;
    }

    /* media query for section 11 */
    .section11 
    {
        max-width : 1400px;
        margin : 6rem auto;
        padding : 6rem 3rem;
    }

    .section11__LeftSide h3 
    {
        font-size : 2.3rem;
        line-height : 3rem;
    }

    .section11__LeftSide p 
    {
        font-size : 1.3rem;
        width : 75%;
    }

    .faq__Question h4 
    {
        font-size : 1.6rem;
    }

    .faq__Answer p 
    {
        font-size : 1.3rem;
    }

    .faqs__Container
    {
        padding : 3rem 0;
    }

    /* media query for section 12 */
    .section12 
    {
        margin :  6rem 3rem;
        padding : 6rem 2rem;
        border-radius : 1.5rem;
    }

     /* media query for footer */
    footer 
    {
        max-width : 1400px;
        margin : 5rem auto 0rem;
    }
}

/* For 1600px displays */
@media screen and (min-width : 1600px)
{
    .sale__infoContainer, 
    .navBar__Container, 
    .header__Container 
    {
        max-width : 1600px;
    }

    .navBar__Container.sticky
    {
        max-width : 100%;
        justify-content : center;
        gap : 30rem;
    }

    .header__ContainerTxt
    {
        width : 55%;
    }

    .header__smallDesc 
    {
        max-width : 80%;
    }

    .header__ContainerImg img 
    {
        transform : scale(1.1);
    }

    /* Media Query For Section 2 */
    .domain__Container 
    {
        max-width : 1600px;
    }

    .domain__TextH3 
    {
        font-size : 2.4rem;
    }

    .domain__ReviewContainer 
    {
        gap : 3rem;
    }

    .smdomain__Review1 
    {
        font-size : 1.8rem;
    }

    .smdomain__Review2 
    {
        font-size : 1.3rem;
    }

    .ads__BannerContainer, 
    .hosting__Container, 
    .hosting__CardContainer 
    {
        max-width : 1600px;
    }

    .hosting__H3 
    {
        font-size : 3rem;
    }

    .hosting__txt 
    {
        font-size : 1.2rem;
    }

    .hosting__Navigation i 
    {
        padding : 1.1rem 1.4rem;
        font-size : 1.2rem;
    }

    .hosting__Card 
    {
        width : 340px;
        height : 450px;
        padding : 4rem 3rem;
    }

    .hosting__CardH4 
    {
        font-size : 1.5rem;
    }

    .hosting__CardP 
    {
        font-size : 1rem;
        line-height : 1.4rem;
        text-align : center;
    }

    .hosting__CardSpan, 
    .hostingCard__Btn a 
    {
        font-size : 1.1rem;
    }

    .hostingCard__Btn 
    {
        padding : 0.7rem 1.2rem;
    }

    /*media query for section 3*/
    .section3 
    {
        max-width : 1600px;
        gap : 7rem;
    }

    .sectionH3 
    {
        font-size : 3.3rem;
        line-height : 4rem;
        max-width : 80%;
    }

    .sectionP 
    {
        font-size : 1.5rem;
        line-height : 2rem;
        max-width : 80%;
    }

    .success__SmallDetail 
    {
        gap : 3rem;
    }

    .section3__SmDesc 
    {
        gap : 3rem;
    }

    .section3__Icon1, 
    .section3__Icon2 
    {
        padding : 1.3rem;
        border-radius : 1.3rem;
        transform : scale(1.1);
    }

    .SmDesc__Txt h4 
    {
        font-size : 1.6rem;
    }

    .SmDesc__Txt h6 
    {
        font-size : 1.2rem;
        line-height : 1.9rem;
    }

    /* media query for section 4 */
    .section4 
    {
        max-width : 1600px;
        margin : 15rem auto;
        padding : 9rem 0;
        gap : 3.5rem;
    }

    .section4h3 
    {
        font-size : 3.3rem;
        max-width : 70%;
    }

    .billBoard__Input 
    {
        width : 75%;
        padding : 0.9rem 0.9rem 0.9rem 3.5rem;
    }

    .billBoard__Input input 
    {
        font-size : 1.3rem;
    }

    .billBoard__Btn 
    {
        padding : 1.2rem 2.5rem;
        font-size : 1.3rem;
        border-radius : 2.5rem;
    }

    .billBoard__Txt 
    {
        width : 70%;
        gap : 2.5rem;
    }

    .billBoard__Txt div 
    {
        font-size : 1.3rem;
    }

    .sm__Domain 
    {
        font-size : 1.4rem;
    }

    .smDom 
    {
        font-size : 1.3rem;
    }

    /* media query for section 5 */
    .section5 
    {
        max-width : 1600px;
        margin : 7rem auto;
    }

    .section5__H3 
    {
        font-size : 3.3rem;
    }

    .section5__SmallP 
    {
        max-width : 42%;
        font-size : 1.5rem;
        line-height : 2.2rem;
        margin : 2rem auto;
    }

    .section5__CardContainer 
    {
        max-width : 1600px;
        margin : 4rem auto;
    }

    .sec5hosting__Card 
    {
        height : 400px;
        padding : 2rem 3rem;
    }

    .sec5hosting__Card img 
    {
        padding : 1.2rem 1.3rem;
        border-radius : 1.2rem;
        margin : 1.1rem 0;
        transform : scale(1.1);
    }

    .sec5hosting__Card .hosting__CardH4 
    {
        font-size : 1.7rem;
        margin : 1.8rem 0;
    }

    .sec5hosting__Card .hosting__CardP 
    {
        font-size : 1.35rem;
        line-height : 2rem;
        margin-bottom : 1.8rem;
        text-align : left;
    }

    .hostingCard__Link
    {
        font-size : 1.4rem;
    }

    /* media query for section 6 */
    .section6 
    {
        max-width : 1600px;
        padding : 8rem 2rem;
    }

    /* media query for section 7 */
    .section7 
    {
        margin : 5rem auto;
        max-width : 1600px;
        padding : 5rem 4rem;
        border-radius : 1.8rem;
    }

    /* media query for section 8 */
    .section8 
    {
        max-width : 1600px;
        padding : 5rem 3rem;
        gap : 4rem;
    }

    /* media query for section 9 */
    .section9 
    {
        max-width : 1600px;
        padding : 5rem 3rem;
    }

    /* media query for section 11 */
    .section11 
    {
        max-width : 1600px;
        margin : 6rem auto;
        padding : 6rem 3rem;
    }

     /* media query for section 12 */
    .section12 
    {
        margin :  7rem 3rem;
        padding : 6rem 2rem;
        border-radius : 1.6rem;
    }

    .sec12__LeftSide h3 
    {
        font-size : 3rem;
        line-height : 4rem;
        margin-bottom : 1.5rem;
    }

    .sec12__LeftSide p 
    {
        font-size : 1.4rem;
        line-height : 2rem;
        width : 90%;
    }

     /* media query for footer */
    footer 
    {
        max-width : 1600px;
        margin : 5rem auto 0rem;
    }
}


/*Media Query For 1920px (full hd) displays*/
@media screen and (min-width : 1920px)
{
    .section__One 
    {
        padding : 0rem;
    }
 
    .navBar__Container, 
    .header__Container 
    {
        max-width : 1800px;
    }

    .sale__infoContainer
    {
        max-width : 1900px;
    }

    .header__smallDesc 
    {
        font-size : 1.4rem;
        line-height : 2rem;
        max-width : 80%;
    }

    .header__BtnContainer
    {
        font-size : 1.3rem;
        align-items : center;
    }

    .header__GetStartedBtn, 
    .header__PlanBtn 
    {
        padding : 1rem 1.5rem;
        margin-bottom : 0;
    }

    /* Adjust submenu positions for extra wide screens */
    .submenuContainer 
    {
        left : 20%;
    }

    .submenuContainer2 
    {
        left : 34%;
    }

    .subMenuContainer3 
    {
        left : 44%;
    }

    .subMenuContainer5 
    {
        left : 58%;
    }

    /*Media Query For Section 2 */
    .section__Two 
    {
        padding : 8rem 2rem 3rem;
    }

    .domain__Container 
    {
        max-width : 1800px;
    }

    .domain__TextH3 
    {
        font-size : 2.6rem;
    }

    .domain__ReviewContainer 
    {
        gap : 4rem;
        margin : 2rem 0;
    }

    .smdomain__Review1 
    {
        font-size : 2rem;
    }

    .smdomain__Review2 
    {
        font-size : 1.4rem;
    }

    .ads__BannerContainer
    {
        max-width : 1800px;
        margin : 4rem auto;
    }

    .ads__BannerContainer img 
    {
        transform : scale(1.1);
    }

    .hosting__Container 
    {
        max-width : 1800px;
        margin : 4rem auto;
    }

    .hosting__H3 
    {
        font-size : 3.2rem;
    }

    .hosting__txt 
    {
        font-size : 1.3rem;
        max-width : 80%;
    }

    .hosting__Navigation i 
    {
        padding : 1.2rem 1.6rem;
        font-size : 1.3rem;
        border-radius : 1.2rem;
    }

    .hosting__CardContainer 
    {
        max-width : 1800px;
        margin : 0 auto;
        gap : 2rem;
    }

    .hosting__Card 
    {
        width : 380px;
        height : 480px;
        padding : 2.5rem 3.5rem;
        border-radius : 1.5rem;
        gap : 1.2rem;
    }

    .hosting__Card img 
    {
        width : 70px;
        height : auto;
    }

    .hosting__CardH4 
    {
        font-size : 1.6rem;
    }

    .hosting__CardP 
    {
        font-size : 1.2rem;
        line-height : 2.1rem;
    }

    .hosting__CardSpan, 
    .hostingCard__Btn a 
    {
        font-size : 1.2rem;
    }

    .hostingCard__Btn 
    {
        padding : 0.8rem 1.5rem;
        border-radius : 2.5rem;
        width : 65%;
    }

    /* media query for section 3 */
    .section3 
    {
        max-width : 1800px;
        margin : 6rem auto;
        gap : 8rem;
    }

    .sectionH3 
    {
        font-size : 3.5rem;
        line-height : 4.5rem;
        max-width : 75%;
    }

    .sectionP 
    {
        font-size : 1.5rem;
        line-height : 2.2rem;
        max-width : 75%;
        margin : 2.5rem 0;
    }

    .success__SmallDetail 
    {
        gap : 3.5rem;
    }

    .section3__SmDesc
    {
        gap : 3.5rem;
    }

    .section3__Icon1, 
    .section3__Icon2
    {
        padding : 1.5rem;
        border-radius : 1.5rem;
        transform : scale(1.2);
    }

    .SmDesc__Txt h4 
    {
        font-size : 1.8rem;
    }

    .SmDesc__Txt h6 
    {
        font-size : 1.4rem;
        line-height : 2.1rem;
    }

    .successImg img 
    {
        transform : scale(1.1);
    }

    /* media query for section4 */
    .section4 
    {
        max-width : 1800px;
        margin : 10rem auto;
        padding : 10rem 0;
        border-radius : 2rem;
        gap : 4rem;
    }

    .section4h3 
    {
        font-size : 3.8rem;
        max-width: 65%;
    }

    .billBoard__Input 
    {
        width : 75%;
        padding : 1rem 1rem 1rem 4rem;
        border-radius : 4rem;
    }

    .billBoard__Input input 
    {
        font-size : 1.4rem;
    }

    .billBoard__Btn 
    {
        padding : 1.2rem 2rem;
        border-radius : 3rem;
        margin-bottom : 0rem;
    }

    .billBoard__Btn a 
    {
        font-size : 1.4rem;
    }

    .billBoard__Txt 
    {
        width : 70%;
        gap : 3rem;
    }

    .billBoard__Txt div 
    {
        font-size : 1.4rem;
    }

    .sm__Domain 
    {
        font-size : 1.5rem;
    }

    .smDom 
    {
        font-size : 1.4rem;
    }

    /* media query for section 5 */
    .section5 
    {
        max-width : 1800px;
        margin : 8rem auto;
        padding : 0 3rem;
    }

    .section5__H3 
    {
        font-size : 3.8rem;
    }

    .section5__SmallP 
    {
        max-width : 40%;
        font-size : 1.6rem;
        line-height : 2.2rem;
        margin : 2.5rem auto;
    }

    .section5__CardContainer 
    {
        max-width : 1800px;
        margin : 5rem auto;
    }

    .section5__FirstRow 
    {
        margin : 0 auto;
        max-width : 1700px;
    }

    .sec5hosting__Card 
    {
        height : 420px;
        padding : 1.5rem 2rem;
    }

    /* media query for section 6 */
    .section6 
    {
        max-width : 1800px;
        padding : 10rem 3rem;
    }

    .section6__H3 
    {
        font-size : 3.8rem;
    }

    .section6__SmTxt
    {
        max-width: 55%;
        font-size : 1.5rem;
        line-height : 2.2rem;
        margin-bottom : 2rem;
    }

    .section6__ImgContainer 
    {
        max-width : 1600px;
        margin : 1rem auto;
    }

    .section6__ImgContainer img 
    {
        margin : 7rem auto 3rem;
        transform : scale(1.2);
    }

    /* Adjust flag positions for layer map */

    .round__Shape li img 
    {
        margin : 0;
    }

    .round__Shape li.one 
    {
        top: 9%;
        left: 20.5%;
    }

    .round__Shape li.two 
    {
        top: 20.5%;
        left: 47.5%;
    }

    .round__Shape li.three {
        top: 13%;
        right: 23.4%;
    }

    .round__Shape li.four 
    {
        top: 34%;
        left: 21.3%;
    }

    .round__Shape li.five 
    {
        top: 43%;
        left: 52%;
    }

    .round__Shape li.six 
    {
        top: 46.9%;
        right: 33.3%;
    }

    .round__Shape li.seven {
        top: 31%;
        right: 27%;
    }

    .round__Shape li.eight 
    {
        bottom: 29.8%;
        left: 31%;
    }

    .round__Shape li.nine 
    {
        bottom: 12%;
        left: 51%;
    }

    .round__Shape li.ten 
    {
        bottom: 15.6%;
        right: 20.5%;
    }

    /* media query for section 7 */
    .section7 
    {
        max-width : 1800px;
        margin : 7rem auto;
        padding : 6rem 5rem;
        border-radius : 2rem;
    }

    .section7__SaleBanner 
    {
        max-width : 1700px;
        gap : 5rem;
    }

    /* media query for section 8 */
    .section8
    {
        max-width : 1800px;
        margin : 7rem auto;
        padding : 6rem 4rem;
        gap : 5rem;
    }


    .sec8__SmDesc 
    {
        gap : 1.5rem;
    }

    .sec8__SmDescOne
    {
        width : 70%;
        gap : 2rem;
        margin-bottom : 2.5rem;
    }

    .sec8__SmDescOne img 
    {
        width : 90px;
        height : 90px;
        padding : 1.2rem 1.8rem;
        border-radius : 1.8rem;
    }

    .sec8__SmDescOneTxt h4 
    {
        font-size : 1.8rem;
        text-transform : capitalize;
    }

    .sec8__SmDescOneTxt p 
    {
        font-size : 1.4rem;
        line-height : 2rem;
    }

    .sec8__ImgContainer 
    {
        margin-top : 3rem;
        padding : 7rem 4rem;
        border-radius : 3.5rem;
    }

    .sec8__ImgContainer img 
    {
        transform : scale(1.3);
    }

    /* media query for section 9 */
    .section9 
    {
        max-width : 1800px;
        margin : 7rem auto !important;
        padding : 6rem 4rem; 
    }

    .table-bordered
    {
        margin : 2rem auto;
    }

    /* media query for section 12 */
    .section12 
    {
        max-width : 1600px;
        margin :  8rem auto;
        padding : 7rem 3rem;
        border-radius : 1.6rem;
    }

    .sec12__LeftSide h3 
    {
        font-size : 3.2rem;
        line-height : 4.2rem;
        margin-bottom : 2rem;
    }

    .sec12__LeftSide p 
    {
        font-size : 1.6rem;
        line-height : 2.2rem;
        width : 90%;
    }

    .sec12__GetStart {
        padding: 1.3rem 2rem;
        margin-top: 1.5rem;
        border-radius: 2rem;
    }

    .sec12__GetStart a {
        font-size: 1.2rem;
    }

    /* media query for footer */
    footer 
    {
        max-width : 1900px;
        margin : 5rem auto 0rem;
    }

    .footer__FiveRows 
    {
        align-items : center;
        justify-content: center;
        margin : 2rem auto;
    }
}





/*For 2k Displays(2048px and above)*/
@media screen and (min-width : 2048px)
{
    .section__One 
    {
        padding : 0rem;
    }

    .navBar__Container, 
    .header__Container 
    {
        max-width: 2000px;
        padding : 3rem 2rem 10rem;
    }

    .navBar__Container.sticky
    {
        max-width : 100%;
    }

    .sale__infoContainer
    {
        max-width : 2050px;
    }

    .header__ContainerTxt 
    {
        width : 50%;
    }

    .header__ContainerImg img 
    {
        transform : scale(1.1);
    }

    /*increase font size of nav links*/
    .navBar__Ul li a 
    {
        font-size : 1.1rem;
    }

    .nav__SubmitBtn a 
    {
        font-size : 1.1rem;
    }

    /* media query for section 2 */
    .domain__Container 
    {
        max-width : 2000px;
    }

    .domain__TextH3 
    {
        font-size : 2.8rem;
    }

    .ads__BannerContainer, 
    .hosting__Container, 
    .hosting__CardContainer 
    {
        max-width : 2000px;
    }

    .hosting__H3 
    {
        font-size: 3.5rem;
    }

    .hosting__txt 
    {
        font-size : 1.4rem;
        max-width : 75%;
    }

    .hosting__CardContainer 
    {
        gap : 2.5rem;
    }

    .hosting__Card 
    {
        width : 420px;
        height : 500px;
        padding : 3rem 4rem;
    }

    .hosting__CardH4 
    {
        font-size : 2rem;
    }

    .hosting__CardP 
    {
        font-size : 1.3rem;
        line-height : 2.2rem;
    }

    /* media query for 2k display */
    .section3 
    {
        max-width : 2000px;
        gap : 9rem;
    }

    .sectionH3 
    {
        font-size : 4.2rem;
        line-height : 4.2rem;
        max-width : 80%;
    }

    .sectionP 
    {
        font-size : 1.6rem;
        line-height : 2.4rem;
        max-width : 70%;
    }

    .section3__Icon1, 
    .section3__Icon2 
    {
        padding : 1.7rem;
        border-radius : 1.7rem;
        transform : scale(1.3);
    }

    .SmDesc__Txt h4 
    {
        font-size : 2rem;
    }

    .SmDesc__Txt h6 
    {
        font-size : 1.5rem;
        line-height : 2.3rem;
    }

    /*media query for section 4 */
    .section4 
    {
        max-width : 2000px;
        padding : 12rem 0;
        gap : 4.5rem;
    }

    .section4h3 
    {
        max-width : 80%;
    }

    .billBoard__Input 
    {
        width : 80%;
        padding : 1.2rem 1.2rem 1.2rem 3.5rem;
    }

    .billBoard__Input input 
    {
        font-size : 2.5rem;
    }

    .billBoard__Btn 
    {
        padding : 1.5rem 3.5rem;
        font-size : 1.5rem;
    }

    .billBoard__Txt 
    {
        width : 70%;
        gap : 3.5rem;
    }

    .billBoard__Txt div 
    {
        font-size : 1.5rem;
    }

    .sm__Domain 
    {
        font-size : 1.6rem;
    }

    .smDom 
    {
        font-size : 1.5rem;
    }

    /* media query for section 5 */
    .section5 
    {
        max-width : 2000px;
        margin : 10rem auto;
    }

    .section5__H3 
    {
        font-size : 4.2rem;
    }

    .section5__SmallP 
    {
        max-width : 48%;
        font-size : 1.7rem;
        line-height : 2.4rem;
    }

    .section5__CardContainer 
    {
        max-width : 2000px;
        margin : 6rem auto;
    }

    .sec5hosting__Card 
    {
        height : 440px;
        padding : 2rem 3rem;
    }

    /* media query for section 6 */
    .section6 
    {
        max-width : 2000px;
        padding : 12rem 3rem;
    }

    .section6__H3 
    {
        font-size : 4.2rem;
    }

    .section6__SmTxt 
    {
        max-width : 48%;
        font-size : 1.6rem;
        line-height : 2.4rem;
    }

    .section6__ImgContainer 
    {
        max-width : 1800px;
    }

    .section6__ImgContainer img 
    {
        transform : scale(1.25);
    }

    .round__Shape li img 
    {
        transform : scale(1.2);
    }

    .round__Shape span 
    {
        width : 12px;
        height : 12px;
    }

    .round__Shape li.one {
        top: 7%;
        left: 23%;
    }

    .round__Shape li.two 
    {
        top: 19%;
        left: 48%;
    }

    .round__Shape li.three 
    {
        top: 11%;
        right: 25.4%;
    }

    .round__Shape li.four 
    {
        top: 33%;
        left: 23.3%;
    }

    .round__Shape li.five {
        top: 42%;
        left: 52%;
    }

    .round__Shape li.six {
        top: 46.9%;
        right: 34.6%;
    }

    .round__Shape li.seven {
        top: 30%;
        right: 29%;
    }

    .round__Shape li.eight 
    {
        bottom: 28.8%;
        left: 32.8%;
    }

    .round__Shape li.nine {
        bottom: 10%;
        left: 51%;
    }

    .round__Shape li.ten {
        bottom: 13.6%;
        right: 22.5%;
    }

    .section7__SaleBanner 
    {
        max-width : 1900px;
        gap : 6rem;
    }

    .section7__H3 
    {
        font-size : 3.4rem;
    }

    .section7__SmTxt 
    {
        font-size : 1.8rem;
        line-height : 2.2rem;
        width : 75%;
    }

    .sec7__SaleBanners 
    {
        gap : 4rem;
    }

    .sec7__Sale1 
    {
        padding : 65px 70px;
        border-radius : 2rem;
        gap : 5rem;
    }

    .saleOne__P 
    {
        font-size : 1.2rem;
        padding : 0.5rem 1rem;
    }

    .saleOne__Img 
    {
        padding : 1.8rem;
    }

    .header__GetStartedBtn
    {
        padding : 1.5rem 3rem;
    }

    .header__GetStartedBtn a
    {
        font-size : 1.7rem;
    }


    .sec8__ImgContainer img 
    {
        transform : scale(1.4);
    }

    /* media query for 2k devices */
    .section9 
    {
        max-width : 2000px;
        padding : 7rem 5rem;
    }

    .sec9__PlanHeader p 
    {
        width : 30%;
        font-size : 1.3rem;
        line-height : 1.8rem;
    }

     /* media query for footer */
    footer 
    {
        max-width : 1900px;
        margin : 5rem auto 0rem;
    }
}

/* for 4k displays (3840px and above) */
@media screen and (min-width : 3840px)
{
    .bigSale__InfoContainer 
    {
        min-width : 100%;
    }

    .navBar__Container, 
    .header__Container 
    {
        max-width : 2100px;
    }

    .header__ContainerSmTxt 
    {
        font-size : 1.5rem;
        padding : 0.8rem 1.5rem;
    }

    .header__smallDesc
    {
        font-size : 2.1rem;
        line-height : 3rem;
        max-width : 90%;
        padding : 2rem 0;
    }

    .header__BtnContainer 
    {
        gap : 2rem;
        margin-bottom : 2rem;
    }

    .header__GetStartedBtn, 
    .header__PlanBtn 
    {
        padding : 1.5rem 3rem;
        border-radius : 4rem;
    }

    .header__GetStartedBtn a, 
    .header__PlanBtn a 
    {
        font-size : 1.4rem;
    }

    .header__PlanIntro
    {
        font-size : 1.8rem;
        margin : 2rem 0;
    }

    /*adjust navbar links for 4k devices*/
    .navBar__UL li a 
    {
        font-size : 1.5rem;
    }

    .submenuContainer 
    {
        left : 40%;
    }

    .main__Header 
    {
        font-size : 6rem;
        line-height : 6rem;
    }

    .submenuContainer2 
    {
        left : 44%;
    }

    .subMenuContainer3 
    {
        left : 48%;
    }

    .subMenuContainer4 
    {
        left : 51%;
    }

    .subMenuContainer5
    {
        left : 53%;
    }

    .submenuTag__OneImg 
    {
        padding : 1.2rem 1.2rem;
    }

    .submenuTag__OneImg img 
    {
        width : 2.5rem;
        height : auto;
    }

    .submenuTag__OneTxt h4 
    {
        font-size : 1.5rem;
    }

    .submenuTag__OneTxt p 
    {
        font-size : 1.3rem;
    }

    .subMenuLink__A 
    {
        font-size : 1.5rem;
    }

    /* scale up sale info */
    .sale__infoTxt, 
    .sale__SmDesc,
    .sale__LiveChatText, 
    .sale__LoginText 
    {
        font-size : 1.5rem;
    }

    .sale__infoEmail i, 
    .sale__Login i 
    {
        font-size : 1.5rem;
    }

    .sale__Description img, 
    .sale__LiveChat img 
    {
        width : 2rem;
        height : auto;
    }

    /* media query for section 2 */
    .section__Two 
    {
        max-width : 1600px;
        margin : 3rem auto;
        padding : 12rem 4rem 6rem;
    }

    .domain__Container 
    {
        max-width : 3500px;
    }

    .domain__TextH3 
    {
        font-size : 3.5rem;
        margin-bottom : 3rem;
    }

    .domain__ReviewContainer 
    {
        gap : 6rem;
        margin : 3rem 0;
    }

    .smdomain__Review1 
    {
        font-size : 3rem;
    }

    .smdomain__Review2
    {
        font-size : 2.2rem;
    }

    .smdomain__Review1, .smdomain__Review2 
    {
        gap : 2rem;
    }

    .domain__ReviewContainer img 
    {
        transform : scale(1.5);
    }

    .ads__BannerContainer 
    {
        max-width : 2300px;
        margin : 6rem auto;
        gap : 2rem;
    }

    .ads__BannerContainer img 
    {
        transform : scale(1.3);
    }

    .hosting__Container 
    {
        max-width : 2100px;
        margin : 6rem auto;
    }

    .hosting__H3 
    {
        font-size : 5rem;
    }

    .hosting__txt 
    {
        font-size : 2.2rem;
        line-height : 3rem;
        max-width : 70%;
        padding : 2rem 0;
    }

    .hosting__Navigation i 
    {
        padding : 2rem 2.5rem;
        font-size : 2.5rem;
        border-radius : 2rem;
    }

    .hosting__CardContainer
    {
        max-width : 2400px;
        margin : 0 auto;
        gap : 1rem;
    }

    .hosting__Card 
    {
        width : 500px;
        height : auto;
        padding : 3rem 2rem;
        border-radius : 1.9rem;
        gap : 2.5rem;
    }

    .hosting__Card img 
    {
        width : 90px;
        height : auto;
    }

    .hosting__CardH4 
    {
        font-size : 2.3rem;
    }

    .hosting__CardP 
    {
        font-size : 1.5rem;
        line-height : 2.5rem;
    }

    .hosting__CardSpan, 
    .hostingCard__Btn a 
    {
        font-size : 1.2rem;
    }

    .hostingCard__Btn 
    {
        padding : 1.5rem 2.5rem;
        border-radius : 4rem;
        width : 70%;
        margin : 2rem auto;
    }


    /* media query for section 5 */

    .section5__SmallP
    {
       margin : 4rem auto;
    }

    .section5__CardContainer 
    {
        max-width : 3500px;
        margin : 8rem auto;
    }

    .section5__FirstRow
    {
        max-width : 2300px;
        margin : 0 auto;
    }

    .sec5hosting__Card 
    {
        height : 600px;
        padding : 3rem 4rem;
    }

    .sec5hosting__Card img 
    {
        padding : 1.5rem 2rem;
        border-radius : 1.5rem;
        margin : 3rem 0;
        transform : scale(1.2);
    }

    .hosting__CardH4 
    {
        text-align : center;
        font-size : 2.5rem !important;
        margin : 3rem auto;
    }

    .hosting__CardP 
    {
        font-size : 1.7rem !important;
        line-height : 3rem !important;
        margin-bottom : 4rem;
    }

    .hostingCard__Link 
    {
        font-size : 1.8rem;
    }

    .sec5__LastCard 
    {
        border-right : none;
    }

    .section7__SaleBanner 
    {
        max-width : 2300px;
        gap : 10rem;
    }

    /* media query for section 9 */
    .section9 
    {
        max-width : 3500px;
        margin : 12rem auto;
        padding : 12rem 8rem;
    }

    .sec9__PlanHeader h3 
    {
        font-size : 4rem;
    }

    .sec9__PlanHeader p 
    {
        width : 25%;
        font-size : 1.5rem;
        line-height : 2rem;
    }

    /* media query for section 10 */
    .section10 
    {
        max-width : 3500px;
        margin : 12rem auto;
        padding : 12rem 8rem;
    }

    .section10__Header p 
    {
        width : 40%;
        font-size : 1.5rem;
        line-height : 2.5rem;
    }


    /* media query for section 11*/
    .support__FrameThree 
    {
        max-width: 1600px;
    }

    .support__FAQs 
    {
        width: 100%;
    }

    .support__FAQsContainer {
        align-items: center;
        justify-content: center;
        width: 100%;
        margin: 1rem auto;
    }

    .support__FAQ1 {
        width : 100%;
    }
}