@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --blue:#0D32D3;
    --sky_blue_light:#72E5FF;
    --sky_blue_dark:#2EA3D9;
    --bg_grey_light:#F7F7F8;
    --green_bg : #62c5b6;
    --grey_bg : #f7f7f7;
    --white:#fff;
    --text_color:#3E3D3E;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-size: 16px;
    line-height: 1.75;
    color: var(--text_color);
}
body.over_hide {
    max-height: 100vh;
    overflow-y: hidden;
}
*:not(i) {
    font-family: "Poppins", sans-serif;
}
button , a {
    cursor: pointer;
}
a {
    cursor: pointer;
    outline: none;
    text-decoration: none;
    color: inherit;
}
img {
    width: 100%;
}
h2, h3, h4, h5, h6 {
    font-weight: 800;
}
h2 {
    font-size: 48px;
    line-height: 1.25;
}
h3 {
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-size: 40px;
    line-height: 1.25;
}
h4 {
    font-size: 28px;
    line-height: 1.25;
}
h5 {
    font-size: 21px;
    line-height: 1.25;
}
h6 {
    font-size: 18px;
    line-height: 1.25;
}
input[type="submit"] , input[type="button"] {
    cursor: pointer;
}
section {
    padding: 90px 20px;
}
table {
    width: 100%;
}
section .container_custom {
    display: flex;
    gap: 50px;
    position: relative;
    z-index: 1;
}
.container_custom , .container_custom_full {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
}
.container_custom_full {
    max-width: 1920px;
}
.col_dir {
    flex-direction: column;
}
.t_center {
    text-align: center;
}
.btn_web {
    padding: 12px 40px;
    border: 2px solid;
    border-radius: 40px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 500;
    display: block;
}
.small_head {
    font-size: .4em;
    list-style: 1em;
}
.half_w {
    width: 50%;
}
.upper_heading_desc {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
form {
    width: 100%;
}
.form_field {
    width: 100%;
}
.desc {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.img_card {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}
.img_card img {
    max-width: 36px;
    aspect-ratio: 1;
    object-fit: contain;
}
.img_card .content {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}
.form_group {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    width: 100%;
}
.iti.iti--allow-dropdown.iti--separate-dial-code {
    width: 100%;
}
label[for="phone"] {
    position: relative;
    z-index: 11;
}
span.red-text {
    color: red;
}
.form_control , form input[type="tel"] {
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 10px;
    font-size: 16px;
    background:transparent;
    width: 100%;
    outline: none;
}
/***********************clip path css*********************/
.clip_path_right {
    clip-path: polygon(0 0, 100% 0, 88% 100%, 0 100%);
}
.clip_path_left {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 12% 100%);
}
/***********************text colors***********************/
.cl_blue {
    color: var(--blue);
}
.cl_white {
    color: var(--white);
}
/************************************************************************************************************
                                                    Navigation css
************************************************************************************************************/
body:not(.over_hide) .nav_toggle_box {
    display:none;
}
/************************************************************************************************************
                                                    Header css Start
************************************************************************************************************/
header.top_bar {
    background: var(--bg_grey_light);
    padding: 12px 20px;
}
header.top_bar .container_custom {
    display: flex;
    justify-content: flex-end;
}
header.top_bar ul {
    display: flex;
    list-style: none;
    align-items: center;
    gap: 30px;
}
header.top_bar ul a {
    display: flex;
    gap: 10px;
    color: var(--blue);
    font-weight: 600;
    align-items: center;
    font-size: 14px;
}
header.top_bar ul a img {
    max-width: 15px;
}
header:not(.top_bar) {
    padding: 20px;
    width: 100%;
    z-index: 99;
    border-bottom: 2px solid #ffffff59;
}
nav.container_custom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nav_brand {
    width: 100%;
    max-width: 220px;
    display: flex;
}
.main_menu {
    display: flex;
    align-items: center;
    gap: 20px;
}
.btn_cart_options {
    display: flex;
    align-items: center;
    gap: 20px;
}
.main_menu ul {
    display: flex;
    align-items: center;
    gap: 45px;
    list-style: none;
    padding: 0px;
}
.main_menu a.cart_icon {
    max-width: 32px;
    display: flex;
}
.menu_btn {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid;
    color: var(--blue);
    padding: 6px 15px;
    border-radius: 30px;
    text-decoration: none;
}
.menu_btn img {
    max-width: 14px;
    aspect-ratio: 1;
    object-fit: contain;
}
.social_icons {
    display: flex;
    align-items: center;
    gap: 15px;
}
.social_icons a img {
    max-width: 21px;
    object-fit: contain;
    aspect-ratio: 1;
}
.social_icons a {
    display: flex;
}
.toggle_nav {
	max-width: 28px;
	cursor: pointer;
	width: 24px;
	filter: invert(1);
}
.bg_gradient_lblue {
    background: linear-gradient(90deg, #2EA3D9, #72E5FF);
}
/************************************************************************************************************
                                                Home page css Start
************************************************************************************************************/
section.banner_main.home {
    padding-top: 140px;
    padding-bottom: 50px;
    position: relative;
}
section.banner_main.home .container_custom {
    align-items: center;
}
section.banner_main.home::after {
    content: "";
    right: 0;
    top: 0;
    height: 100%;
    position: absolute;
    background-image: linear-gradient(45deg, #7851d2, #9f72fe);
    width: calc(50% + 100px);
    clip-path: polygon(15% 0, 0% 100%, 100% 100%, 100% 0%);
}
section.banner_main * {
    color: var(--white);
}
section.banner_main.home .half_w {
    display: flex;
    flex-direction: column;
    row-gap: 50px;
    align-items: flex-start;
}
section.banner_main .heading_group {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    align-items: flex-start;
}
section.banner_main.home .heading_group h3 {
    max-width: 540px;
}
.bottom_logos {
    display: flex;
    gap: 40px;
    align-items: center;
    filter: brightness(0);
    opacity: .5;
}
.bottom_logos img {
    max-width: 100px;
    aspect-ratio: 1;
    object-fit: contain;
}
.half_w.monster img {
    max-height: 650px;
    object-fit: contain;
    object-position: right;
}
/***********************domain search form***********************/
section.find_your_domain .container_custom {
    max-width: 1350px;
}
.form_search {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.form_search input {
    width: 100%;
    padding: 15px 30px;
    border: 2px solid var(--blue);
    border-radius: 30px;
    color: var(--blue);
}
.form_search input[type="button"] {
    text-transform: uppercase;
    max-width: 200px;
}
.form_search input {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}
.form_search input::placeholder {
    color:var(--blue);
    text-transform:uppercase;
}
.form_search .form_field {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}
form.search_domain {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}
div#loadingimg img {
    max-height: 120px;
    object-fit: cover;
    aspect-ratio: 1;
    width: auto;
}
div#loadingimg:not([style="display: none;"]) {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255 , 255, .75);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}
.domain_search_result:not(.show) {
    display: none;
}
.domain_search_result table {
    border-collapse: collapse;
    width: 100%;
}
.domain_search_result td , .domain_search_result th {
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
}

.domain_search_result[style="display: block;"] {
    display: flex !important;
    align-items: flex-start;
    gap: 40px;
}
.domain_search_result table {
    width: 100%;
    border: 10px solid #ddd;
}
div#cartdetails {
    width: 100%;
    max-width: 450px;
}
.domain_search_result table th , .domain_search_result table td {
    padding: 8px;
    border: none;
    font-size: 14px;
    line-height: 1.5;
}
.domain_search_result table tr th, .domain_search_result table tr:not(:last-child) td {
    border-bottom: 1px solid #ddd;
}
td.addtocart a {
    padding: 10px 20px;
    background: var(--blue);
    border-radius: 30px;
    color: var(--white);
    font-weight: 600;
    display: flex;
    max-width: 106px;
    font-size: 12px;
    line-height: 1;
    align-items: center;
    justify-content: center;
}
td.addtocart {
    width: 150px;
}
div#shopping-cart-wrapper h4 {
    font-size: 21px;
    color: var(--blue);
}

.shopping-inner {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

div#shopping-cart {
    padding: 15px;
    border: 1px solid #ddd;
    background: var(--bg_grey_light);
}
.empty_cart {
    text-align: center;
}
.empty_cart img {
    max-width: 120px;
}
.empty_cart:not([style="display: none;"]) {
    display: flex !important;
    flex-direction: column;
    row-gap: 20px;
    align-items: center;
    padding: 20px 0px;
}
.empty_cart[style="display: block;"] ~ .selected_domain_list, .empty_cart[style="display: block;"] ~ .selected_domain_list ~ .auto_renew_option, .empty_cart[style="display: block;"] ~ .selected_domain_list ~ .auto_renew_option ~ .subtotal {
    display: none;
}
.action-cart {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #b9b9b9;
    padding-bottom: 12px;
    font-size: 16px;
}
div#orderdetails {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.cart-summary-scroll {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}
.act-right {
    display: flex;
    align-items: center;
    gap: 20px;
    color: var(--blue);
    font-weight: 600;
}
a.removedomaincart {
    max-width: 20px;
    aspect-ratio: 1;
    display: flex;
}
.domain_checkout {
    padding: 10px 30px;
    background: var(--blue);
    color: var(--white);
    font-weight: 700;
    text-align: center;
    border-radius: 30px;
    font-size: 14px;
    margin-left: auto;
    line-height: 1;
}
/*****************************************domain list******************************/
.domain_list {
    display: flex;
    gap: 40px;
    width: 100%;
    justify-content: space-between;
}
.domain_list .list_d {
    display: flex;
    align-items: flex-end;
}
.domain_list .list_d .content {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.domain_list .list_d * {
    margin: 0px;
}
.domain_list .list_d .content h5 {
    background: #fff;
    padding: 4px;
    margin-left: -15px;
    color: #0D32D3;
    font-size: 16px;
    font-weight: 800;
}
.domain_list .list_d .content p {
    font-size: 13px;
    font-family: 'Poppins';
}
.domain_list .list_d img {
    width: 100%;
    max-width: 64px;
    aspect-ratio: 1;
    object-fit: contain;
}
/***************************************already have domain*************************/
section.already_have_domain {
    padding-bottom: 20px;
    position: relative;
}
section.already_have_domain::after {
    content: "";
    height: 120px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--white);
}
section.already_have_domain h3 {
    text-align: center;
    color: var(--white);
}
.domain_cards {
    display: flex;
    gap: 30px;
}
.card_cus {
    padding: 35px 35px 50px;
    background: var(--white);
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,.05);
}
.card_cus img {
    max-width: 42px;
}
/*************************************all our domain***********************************/
section.domain_registration .half_w:first-child {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    align-items: flex-start;
    padding-right: calc(50% - 580px);
}
section.domain_registration h3 , section.domain_registration h5 {
    color: var(--blue);
}
section.domain_registration .half_w:last-child {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}
section.domain_registration .half_w .img_card:not(:last-child) {
    padding-bottom: 30px;
    border-bottom: 2px solid #ddd;
}
section.domain_registration .half_w .img_card p {
    font-size: 14px;
}
/***********************************best value******************************************/
section.better_value {
    padding: 0px;
}
section.better_value .container_custom_full {
    display: flex;
    align-items: center;
    gap: 60px;
    color: var(--white);
}
section.better_value .half_w {
    display: flex;
    gap: 30px;
    flex-direction: column;
    align-items: flex-start;
}
section.better_value .half_w:last-child {
    padding: 30px;
}
section.better_value .heading_group {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    max-width: 580px;
}
/*********************************comparison table**************************************/
.comparison_table td , .comparison_table th {
    padding: 25px 20px;
    text-align: left;
}
.comparison_table td:not(:first-child) , .comparison_table th:not(:first-child) {
    text-align: center;
    width: 280px;
}
.comparison_table td {
    border-bottom: 1px solid #ddd;
}
.comparison_table tr:last-child td {
    border-bottom: none;
}
.comparison_table th:nth-child(2) , .comparison_table td:nth-child(2) {
    position: relative;
    z-index: 2;
    background: #fff;
}
.comparison_table table {
    border: none;
}
.comparison_table .blue.comparison_table .blue {
    border: none;
}
.comparison_table table th:not(:first-child) {
    text-align: center;
}
a.button.find_your {
    padding: 10px 20px;
    font-size: 12px;
    color: #0D32D3;
    border: 2px solid #0D32D3;
    border-radius: 30px;
    background: transparent;
    display: block;
    max-width: 202px;
    margin: 0 auto;
	visibility:hidden;
	opacity:0;
}
.comparison_table .blue {
    color: #0D32D3;
}
.comparison_table b.blue {
    text-transform: uppercase;
}
.comparison_table .lets_compare_head {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    max-width: 350px;
}
.comparison_table th:first-child p {
    font-weight: normal;
    max-width: 400px;
}
.comparison_table th img {
    max-width: 180px;
}
.comparison_table th {
    border: none;
}
.comparison_table table th h5 {
    margin: 0px;
    font-size: 18px;
}
.comparison_table:not(.last_table) table th:first-child , .comparison_table:not(.last_table) table td:first-child {
    padding-left: 0;
}
.comparison_table table tr:first-child th:nth-child(2) {
	border-top-left-radius:20px;
	border-top-right-radius:20px;
}
.comparison_table:not(.last_table) table tr:last-child td {
    padding: 40px 20px;
}
.comparison_table table tr:last-child td:nth-child(2) {
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
}
.comparison_table .check , .comparison_table .cross {
    max-width: 16px;
}
/***********box-shadow******/
.comparison_table.last_table {
    box-shadow: 0 0 5px 2px rgba(0,0,0,.15);
    border-radius: 20px;
    padding: 20px;
}
.comparison_table.sec_shadow th:nth-child(2) , .comparison_table.sec_shadow td:nth-child(2) {
	box-shadow: 0px 0.5em 0.5em rgba(0, 0, 0, 0.15);
}
.comparison_table.sec_shadow table tr:first-child th:nth-child(2) {
	 box-shadow: 0px -0.5em 0.5em rgba(0, 0, 0, 0.15)
}
.comparison_table.sec_shadow table tr:first-child th:nth-child(2) {
	box-shadow: 0px -0px 0.5em rgba(0, 0, 0, 0.15); 
} 
.comparison_table.sec_shadow a.button.find_your {
	visibility:visible;
	opacity:1;
}
b.new_window {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: center;
}
b.new_window img {
    max-width: 16px;
    aspect-ratio: 1;
    object-fit: contain;
}
/*********************************************faq css**********************************************/
section.faq_section {
    padding: 0px 0px 0px 20px;
}
section.faq_section .container_custom_full {
    max-width: 100%;
    display: flex;
    align-items: center;
    gap: 60px;
}
.faq_left , .faq_right {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}
.faq_right {
    max-width: 750px;
}
.faq_left {
    padding: 30px 30px 30px calc(50vw - 700px);
}
.faq_questions {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.ques {
    display:flex;
    gap:15px;
    flex-direction:column;
    border:2px solid var(--white);
    padding: 15px 25px;
    border-radius:30px;
    padding-right: 20px;
}
.ques:not(.active) p {
    display: none;
}
.ques h6 {
    font-weight: 600;
    cursor: pointer;
    position: relative;
}
.ques h6::after , .ques h6::before {
    content: "";
    height: 15px;
    width: 2px;
    background: var(--white);
    position: absolute;
    right: 8px;
    top: 3px;
}
.ques.active h6::before {
    display: none;
}
.ques h6::after {
    transform: rotate(90deg);
}
/************************************************************************************************************
                                                    Contact Us css Start
************************************************************************************************************/
section.banner_main:not(.home) {
    padding-top: 80px;
    padding-bottom: 0px;
}
section.banner_main:not(.home) .half_w:last-child img {
    max-height: 450px;
    object-fit: contain;
    max-width: 100%;
}
section.banner_main:not(.home) .half_w:first-child {
    padding:30px 0px;
} 
section.banner_main:not(.home) .half_w:last-child {
    display: flex;
}
section.banner_main:not(.home) .container_custom {
    align-items: center;
}
section.start_live .container_custom {
    flex-direction: column;
}
section.start_live .icon_box_cont h4 {
    color: var(--blue);
    font-size: 27px;
}
section.start_live .icon_box_custom {
    padding-bottom: 50px;
    border-bottom: 1px solid #ddd;
}
.icon_box_custom {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.icon_box_custom img {
    max-width: 36px;
}
.icon_box_cont {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}
section.here_tohelp {
    color: var(--white);
}
section.here_tohelp .container_custom {
    flex-direction: column;
}
.icon_boxes_group {
    display: flex;
    gap: 30px;
}
section.here_tohelp .container_custom h2 {
    width: 100%;
    text-align: center;
}
.icon_boxes_group .icon_box_custom {
    border: 2px solid var(--white);
    padding: 30px;
    width: 100%;
    flex-direction: column;
    border-radius: 30px;
}
/************************************************************************************************************
                                                    About Us Css
************************************************************************************************************/
section.trusted_about .container_custom {
    align-items: center;
}
section.logo_group {
    padding-top: 0px;
}
section.logo_group .bottom_logos {
    filter: none;
}
section.logo_group .bottom_logos img {
    filter: grayscale(1);
}
section.we_cut {
    background: var(--bg_grey_light);
}
section.we_cut .container_custom {
    gap: 50px;
    justify-content: space-between;
}
section.we_cut  .icon_box_custom {
    max-width: 390px;
}
section.we_cut .icon_box_custom h5 {
    color: var(--blue);
    font-size: 24px;
}
section.part_of .container_custom {
    align-items: center;
    gap: 80px;
}
section.part_of .cont {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
section.part_of .half_w {
    display: flex;
    flex-direction: column;
    row-gap: 25px;
}
section.part_of .half_w .heading_group {
    color: var(--blue);
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}
.df_logo {
    max-width: 250px;
}
/************************************************************************************************************
                                        Resource page css
************************************************************************************************************/
section.resource_main .form_search {
    width: 100%;
    max-width: 850px;
}
section.resource_main {
    display: flex;
    flex-direction: column;
    row-gap: 50px;
}
section.resource_main .resource {
	align-items: flex-start;
    gap: 80px;
}
.resouces_cards {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    width: 100%;
}
.res_card {
    width: calc(100% / 2 - 20px);
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.res_card .res_cont {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}
.res_card .res_cont h5 {
    color: var(--blue);
}
.res_card .res_cont .desc {
    gap: 10px;
}
.resource_categories {
    width: 100%;
    max-width: 550px;
    gap: 50px;
    display: flex;
    flex-direction: column;
}
.resource_categories h4 {
    color: var(--blue);
}
ul.resource_catlist li {
    display: flex;
    align-items: center;
    gap: 15px;
    color: var(--blue);
    font-weight: 700;
    font-size: 21px;
    padding-bottom: 20px;
    border-bottom: 2px solid #ddd;
}
ul.resource_catlist li img {
    max-width: 30px;
}
ul.resource_catlist {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
/************************************************************************************************************
                                                Checkout page css
************************************************************************************************************/
section.checkout_form .container_custom .form_side , section.checkout_form .container_custom .cart_details {
    width: 100%;
}
section.checkout_form .container_custom .cart_details {
    max-width: 380px;
}
section.banner_main.checkout {
    padding-bottom: 60px;
}
.form_side {
    display: flex;
    flex-direction: column;
    row-gap: 25px;
}
.form_heading_upp {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.form_heading_upp p:nth-child(2) {
    font-weight: 600;
}
a.login.btn_web {
    display: inline;
    font-size: 12px;
    padding: 5px 20px;
    background: var(--blue);
    border-color: var(--blue);
    color: var(--white);
}
.fields_group {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.fields_group .form_group {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    width: 100%;
}
.fields_group .form_group.half {
    width: calc(100% / 2 - 10px);
}
.form_group label {
    font-weight: 600;
    font-size: 15px;
}
.form_control.form_submit {
    padding: 15px 30px;
    text-align: center;
    width: 100%;
    max-width: 200px;
    border-radius: 30px;
    background: var(--blue);
    color: var(--white);
    font-weight: 600;
    border-color: var(--blue);
    margin-left: auto;
}
/************************************************************************************************************
                                                Get domain page css
*************************************************************************************************************/
.popup_container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: var(--white);
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.popup_container:not(.show_popup) {
    display: none;
}
.domain_header {
    padding: 20px;
    width: 100%;
    z-index: 99;
    border-bottom: 2px solid #ffffff59;
}
.domain_header .container_custom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
span.close_button_header {
    max-width: 18px;
    display: flex;
    cursor: pointer;
}
section.let_get_domain {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    padding: 40px 20px;
    max-height: calc(100vh - 164px);
    overflow-y: scroll;
}
section.let_get_domain::-webkit-scrollbar {
    display: none;
}
section.let_get_domain .container_custom {
    flex-direction: column;
    row-gap: 40px;
}
section.let_get_domain .step_sec[style="display: block;"] {
    display: flex !important;
} 

section.let_get_domain .heading_group {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
section.let_get_domain form.search_domain {
    flex-direction: row;
    gap: 40px;
    align-items: flex-start;
}
.search_left {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    width: 100%;
}
.search_domain_data , .other_available_domains_box {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}
.domain_card_two {
    display: flex;
    gap: 30px;
}
.card_custom {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    box-shadow: 0px 0px 5px 0px #00000033;
    border-radius: 30px;
    padding: 40px;
}
.card_custom p.strip {
    display: flex;
    align-items: center;
    color: var(--white);
    padding: 10px 40px;
    width: calc(100% + 80px);
    margin: 0px -40px;
    background: var(--blue);
    gap: 12px;
}
.card_custom p.strip img {
    filter: brightness(0) invert(1);
    max-width: 20px;
}
.card_custom:not(.add_on) p.strip {
    background: var(--green_bg);
}
.domain_details {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}
.grey_box {
    padding: 20px;
    background: var(--grey_bg);
    border-radius:20px;
}
.grey_box p {
    display: flex;
    gap: 7px;
    font-size: 14px;
    align-items: center;
    line-height: 1;
}
.grey_box p span.infor {
    margin-left: auto;
    max-width: 18px;
    display: flex;
}
span.dom_name {
    padding: 7px 15px;
    background: var(--green_bg);
    border-radius: 30px;
    line-height: 1;
    color: #fff;
}
span.dom_name ~ .dom_name {
    background: var(--blue);
}
.get_domain_price_buy {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
}
.get_domain_price_buy h4 span , h4.amount_sub span , h4 .small_inter {
    font-size: .5em;
    font-weight: normal;
    line-height: 2em;
}
.get_domain_price_buy h4 , h4.amount_sub {
    display: flex;
    align-items: flex-end;
    line-height: 1;
    gap: 4px;
    font-size:21px;
}

section.let_get_domain .btn_web {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 20px;
    color: var(--blue);
    font-weight: 600;
    font-size: 12px;
    background: transparent;
    width: auto;
    /* max-width: 140px; */
    flex-shrink: 0;
}
section.let_get_domain .btn_web img {
    max-width: 16px;
}
.get_domain_price_buy ~ p {
    font-size: 12px;
}
.other_available_domains {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}
.other_domain_list {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.other_domain_list .list {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
.other_domain_list .list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.other_domain_list .list span.dom_name {
    font-size: .75em;
    display: inline-flex;
    background: var(--blue);
}
.other_domain_list .list p {
    align-items: center;
    display: flex;
    gap: 12px;
    width: 100%;
}
.other_domain_list .list span.price {
    font-weight: 600;
    margin-left: auto;
}


.domain_pagi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    gap: 20px;
}
.pagi_right {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    max-width: 280px;
}
small.showing {
    width: 100%;
}
.pagi_right .form_control {
    padding: 7px 15px 7px 7px;
    font-size: 12px;
}
/*************right_cart*********************/
.search_right {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    width: 100%;
    max-width: 420px;
    padding: 25px;
    box-shadow: 0px 0px 5px 0px #00000040;
    border-radius: 20px;
    min-height: 450px;
}
.search_right h4 {
    display: flex;
    align-items: center;
    gap: 12px;
}
.search_right h4 img {
    max-width: 27px;
}
.selected_domain_list {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.selected_domain_list .list {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
    font-size: 14px;
}
.action_buy_or_delete {
    display: flex;
    align-items: center;
    gap: 10px;
}
.action_buy_or_delete span.remove {
    max-width: 13px;
}
span.remove {
    display: flex;
}
.subtotal {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 20px;
    margin-top: auto;
}
.subtotal button.btn_web {
    width: 100%;
    justify-content: center;
    padding: 12px;
    font-size: 14px;
}
/*********************************footer dom*************************/
.domain_strip {
    padding: 20px;
    box-shadow: 0px 0px 10px 0px #00000036;
    margin-top:auto;
}
.step_side {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.navigate_back {
    display: flex;
    align-items: center;
    gap: 15px;
}
.navigate_back img {
    max-width: 16px;
    transform: rotate(180deg);
    filter: brightness(0);
}
.step_side .get_domain_next {
    background: var(--blue);
    border-color: var(--blue);
    width: 100%;
    max-width: 350px;
    color: var(--white);
}
/****************************************************step 2 css*********************************************/
.configuration_form {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.eligibility {
    padding: 20px;
    background: var(--grey_bg);
    border-radius: 15px;
    font-size: 13px;
}
.eligibility a {
    color: var(--blue);
}
.configuration_form .form_group , .registration_process_form .form_group {
    row-gap: 0;
    align-items: flex-start;
}
.configuration_form .form_group * {
    font-size: 13px;
}
.configuration_form .form_group .form_control {
    width: 100%;
}
.domain_configuration {
    padding:30px;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
    box-shadow: 0px 0px 5px 0px #00000040;
    border-radius: 20px;
}
.configuration_form .form_group > label , .registration_process_form .form_group > label  {
    width: auto;
    display: inline-flex;
    gap:5px;
    padding: 7px;
    background: var(--white);
    margin: 0px 10px -15px;
    position: relative;
    z-index: 1;
    line-height: 1;
}
.configuration_form .form_group > label img {
    max-width: 12px;
    filter:brightness(0) invert(.5);
}
.auto_renew_option {
    display: flex;
    align-items: center;
    gap: 30px;
}
label.rnew_toggle {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    gap: 10px;
    position: relative;
}
.auto_renew_option label span.toggle_text {
    display: flex;
    align-items: center;
    gap: 10px;
}
.auto_renew_option label span.toggle_text span.ques_mark {
    max-width: 14px;
    display: flex;
    filter: brightness(0) invert(.5);
}
.auto_renew_option label input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.auto_renew_option label span.toggle {
    display: flex;
    width: 50px;
    aspect-ratio: 2 / 1;
    background: var(--text_color);
    border-radius: 30px;
    position: relative;
}
.auto_renew_option label span.toggle::after {
    content: "";
    width: 18px;
    position: absolute;
    aspect-ratio: 1;
    background: var(--white);
    border-radius: 50%;
    top: calc(50% - 9px);
    left: 5px;
}
.auto_renew_option label.selected span.toggle {
    background: var(--green_bg);
}
.auto_renew_option label.selected span.toggle::after {
    left: auto;
    right: 5px;
}
/****************************************************step 3 css*********************************************/
.addon_you_need {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}
.addon_you_need .list {
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.add_on_heading_group {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}
.add_on_price_action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

/************************************************************************************************************
                                                    Sign Up Process Css
************************************************************************************************************/
section.singup_process_bg {
    padding: 0px;
    background: linear-gradient(180deg, #72E5FF, #2EA3D9);
    max-width: 100vw;
    position: relative;
}
section.singup_process_bg .container_blue_gradient {
    display: flex;
    min-height: 100vh;
    max-width: 1640px;
    margin: 0 auto;
}
section.singup_process_bg .container_blue_gradient::after {
    content: "";
    height: 100%;
    width: calc(100vw - 1920px / 2);
    position: absolute;
    right: 0;
    background: var(--white);
}
.blue_left_side {    
	padding: 50px;    
	width: 100%;   
	max-width: 550px;
	display: flex;  
	flex-direction: column;
	justify-content: space-between;
	min-height: 100vh;
	max-height: 100vh;
	position: sticky;
	top: 0;
}
.blue_left_side .left_bottom_part {
    color: var(--white);
    display: flex;
    flex-direction: column;
    row-gap: 75px;
}
.blue_left_side .left_bottom_part .bottom_top {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.bottom_top ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0px;
    row-gap: 10px;
}
.bottom_top ul li {
    display: flex;
    gap: 15px;
    width: 100%;
    align-items: center;
}
.bottom_top ul li img {
    filter: brightness(0) invert(1);
    max-width: 18px;
}
ul.bottom_end {
    display: flex;
    align-items: center;
    gap: 15px;
    list-style: none;
    font-size: 14px;
}
ul.bottom_end li:not(:last-child) {
    padding-right: 20px;
    border-right: 2px solid var(--white);
    width: auto;
}
.brand_logo {
    max-width: 280px;
}
/***************************right side css***************/
.right_white_part {
    width: 100%;
    max-width: calc(100% - 550px);
    padding: 50px;
    background: var(--white);
    border-radius: 20px 0px 0px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    row-gap: 50px;
    position: relative;
    z-index: 99;
}
.right_white_part h4.cl_blue {
    display: flex;
    align-items: center;
    gap: 15px;
}
.right_white_part h4.cl_blue img {
    max-width: 36px;
}
.right_white_part .selected_domain_list .list {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}
.right_white_part .selected_domain_list .list .top_details {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.action_right {
    display: flex;
    align-items: center;
    gap: 15px;
}
.action_right a , .action_right a.remove {
    max-width: 16px;
    display: flex;
}
.right_white_part .selected_domain_list .list .top_details * {
    font-size: 18px;
}
.right_white_part .selected_domain_list .list .action_buy_or_delete {
    gap: 35px;
}
p.dir_col {
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}
.right_white_part .subtotal {
    max-width: 420px;
    margin-left: auto;
    width: 100%;
    margin-top: 0px;
}
.right_white_part .subtotal .btn_web {
    width: 100%;
    text-align: center;
    background: var(--blue);
    color: var(--white);
    border-color: var(--blue);
}
/************************************************************************************************************
                                                Sign in page css
************************************************************************************************************/
.registration_process_form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 540px;
    margin: 0 auto;
    position: relative;
}
.registration_process_form.authen {
    row-gap: 35px;
}
.sign_in_submit_group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}
.sign_in_submit_group input[type="submit"] {
    background: var(--blue);
    color: var(--white);
    border-radius: 30px;
    border-color: var(--blue);
}
.sign_in_submit_group  a.regis_link {
    width: 100%;
}
.sign_pro_top {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}
.or {
    display: flex;
    align-items: center;
    gap: 15px;
    text-transform: uppercase;
    width: 100%;
}
.or span {
    display: block;
    width: 100%;
    background: #ddd;
    height: 2px;
}
.acceptance {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-size: 14px;
    gap: 10px;
}
.acceptance label {
    line-height: 1.5;
    color: #84818A;
}
.acceptance input[type="checkbox"] {
    width: 20px;
    height: 20px;
}
.regis_link {
    color: var(--blue);
}
p.have_account {
    text-align: center;
    font-size: 16px;
    width: 100%;
}
ul.account_link_bottom {
    position: absolute;
    right: 50px;
    bottom: 50px;
    color: #C6C6C6;
}
span.sign_in_close {
    position: absolute;
    right: 50px;
    top: 50px;
    max-width: 24px;
    cursor: pointer;
}
ul.account_link_bottom a {
    color: var(--text_color);
}
.registration_process_form .form_group.half {
    width: calc(100% / 2 - 10px);
}
span.field_des {
    font-size: .75em;
    color: #84818A;
    display: block;
    margin-top: 5px;
}
/*********************************billing details *****************************/
form.registration_process_form.billing {
    align-items: flex-end;
}
.bottom_payment_form {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    row-gap: 25px;
    width: 100%;
}
.payment_tabs ul {
    display: flex;
    list-style: none;
    width: 100%;
}
.payment_tabs ul li {
    padding: 15px 10px 10px;
    border: 2px solid #ddd;
    display: flex;
    flex-direction: column;
    row-gap: 5px;
    align-items: center;
    font-weight: 700;
    width: 100%;
    font-size: 14px;
    cursor: pointer;
}
.payment_tabs ul li:not(:last-child) {
    border-right: none;
}
.payment_tabs ul li img {
    max-height: 24px;
    width: 100%;
    object-fit: contain;
}
.payment_tabs {
    width: 100%;
}
.payment_tabs ul li:not(.active) img {
    filter: brightness(0) invert(.7);
}
.payment_tabs ul li.active {
    border-color: var(--blue);
    border-right: 2px solid var(--blue);
}
/*********************************thanks page css******************************/
.sign_pro_top.thanks_page {
    text-align: center;
}
.sign_pro_top.thanks_page > img {
    max-width: 48px;
    margin: 0 auto;
}
.sign_pro_top.thanks_page {
    row-gap: 35px;
    max-width: 450px;
    margin: 0 auto;
}
.sign_pro_top.thanks_page .btn_web {
    background: var(--blue);
    color: var(--white);
    border-color: var(--blue);
}
/************************************************************************************************************
                                            web hosting pages css
************************************************************************************************************/
section.banner_main.hosting_banner {
    padding: 80px 20px;
}
section.banner_main.hosting_banner .half_w:last-child img {
    margin-bottom: -180px;
}
section.banner_main.hosting_banner .heading_group {
    row-gap: 25px;
}

section.faq_section.bg_white_faq  {
    padding:80px 20px;
}
section.faq_section.bg_white_faq .faq_left {
    padding: 0px;
}
section.faq_section.bg_white_faq .ques {
    border-color: #ddd;
}
section.faq_section.bg_white_faq .ques h6 {
    color: var(--blue);
}
section.faq_section.bg_white_faq .ques h6::after , section.faq_section.bg_white_faq .ques h6::before {
    background: var(--blue);
}

/*******************************************pricing_table css****************************/
.pick_hosting_top {
    display: flex;
    gap: 60px;
    align-items: flex-end;
}
.hosting_logos {
    display: flex;
    align-items: center;
    gap: 30px;
    width: 100%;
    max-width: 320px;
    justify-content: flex-end;
}
.hosting_logos img {
    max-height: 80px;
    max-width: 130px;
    object-fit: contain;
    filter: grayscale(1);
}
.tabs_packages {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
}
ul.tab_ul {
    display: flex;
    list-style: none;
    gap: 30px;
    width: 100%;
    max-width: 450px;
    border-bottom: 2px solid #ddd;
}
ul.tab_ul li {
    padding: 15px 0px;
    font-weight: 500;
    border-bottom: 2px solid #ddd;
    margin-bottom: -2px;
}
ul.tab_ul li.active {
    border-color: var(--blue);
    color: var(--blue);
    font-weight: 700;
}
.pricing_tables {
    display: flex;
    gap: 40px;
}
.table_card {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    border: 2px solid #ddd;
    border-radius: 30px;
    padding: 30px;
    width: 100%;
    cursor: pointer;
}
.pricing_top {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}
.pricing_box h2 {
    display: flex;
    justify-content: space-between;
    font-size: 72px;
    line-height: 1;
    align-items: center;
    gap: 30px;
}
.pricing_box h2 span {
    width: auto;
}
.pricing_box h2 span.bl_text {
    font-size: .25em;
    color: var(--text_color);
    font-weight: 500;
    max-width: 100px;
    padding-right: 20px;
    line-height: 1.25;
}
.pricing_box h2 span:first-child {
    display: flex;
    align-items: center;
}
.pricing_box h2 span:first-child sup {
    font-size: .5em;
}
.buttonx_box {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.buttonx_box .btn_web {
    border-color: var(--blue);
    text-align: center;
}
.buttonx_box .btn_web:first-child {
    background: var(--blue);
    color: var(--white);
}
.buttonx_box .btn_web:not(:first-child) {
    color: var(--blue);
}
.table_card ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    row-gap: 10px;
}
.table_card ul li {
    display: flex;
    align-items: center;
    gap: 10px;
}
.table_card ul li img {
    max-width: 15px;
}
span.see_all_details {
    color: var(--blue);
    font-weight: 600;
    margin-top: auto;
}
/*******************************three steps**********************/
section.get_online_steps {
    background: linear-gradient(180deg, #F7F7F8 calc(100% - 180px), #fff calc(100% - 180px), #fff 100%);
}
section.get_online_steps .container_custom {
    flex-direction: column;
    row-gap: 60px;
}
section.get_online_steps .container_custom .heading_group {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}
.three_steps {
    display: flex;
    background: linear-gradient(90deg, #72E5FF 0%, #2EA3D9 100%);
    border-radius: 40px;
    border: 15px solid #E7E7E7;
    padding: 15px;
    margin-top: 90px;
}
.step_card {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    color: var(--white);
    padding: 30px;
    width: 100%;
    align-items: flex-start;
    border-radius: 30px 30px 0px 0px;
    cursor: pointer;
}
.step_card a.btn_web {
    line-height: 1.25;
    margin-top: auto;
}
.step_card  img {
    max-width: 80px;
    filter:brightness(0) invert(1);
}
.step_card:first-child {
    border-bottom-left-radius: 30px;
}
.step_card:last-child {
    border-bottom-right-radius: 30px;
}
.step_card:not(.bg_blue) img {
    display: none;
}
.step_card.bg_blue {
    background: var(--blue);
    margin-top: -120px;
}
/*************************************************Technical Stuff Section************************************/
section.technical_stuff {
    background: var(--bg_grey_light);
}
section.technical_stuff .container_custom {
    flex-direction: column;
}
section.technical_stuff table tr td:not(:first-child) {
    text-align: center;
}
section.technical_stuff table tr td {
    padding: 15px;
    border-bottom: 1px solid #ddd;
}
section.technical_stuff table {
    border-collapse: collapse;
}
section.technical_stuff table td:first-child {
    padding-left: 0px;
    width: 100%;
}
section.technical_stuff table th {
    padding: 40px 20px;
    text-align: left;
}
section.technical_stuff table tr td:not(:first-child) img {
    max-width: 20px;
}

/************************************************************************************************************
                                                Css for domain hosting page
************************************************************************************************************/
.upper_heading_desc.ssl {
    max-width: 840px;
}
section.tab_domain_hosting_full {
    max-width:100%;
    overflow-x:hidden;
}
section.tab_domain_hosting_full .pricing_tables {
    width: calc(100% + ((1920px - 1380px) / 2));
    max-width: calc(100% + ((1920px - 1380px) / 2));
    overflow-x: scroll;
}
section.tab_domain_hosting_full .pricing_tables::-webkit-scrollbar {
    display:none;
}
section.tab_domain_hosting_full .pricing_tables .table_card {
    min-width: calc(100% / 3.5 - 30px);
}
.table_card.sh_hover {
    background: linear-gradient(359deg, #2EA3D9, #72E5FF);
}
.table_card.sh_hover .pricing_top .cl_blue {
    color: var(--white);
}
.table_card.sh_hover ul {
    color: var(--white);
}
.table_card.sh_hover ul img {
    filter: brightness(0) invert(1);
}
.table_card.sh_hover span.see_all_details , .table_card.sh_hover p {
    color: var(--white);
}
.sh_hover .buttonx_box .btn_web:first-child {
    background: var(--white);
    color: var(--blue);
    border-color: var(--white);
}
.sh_hover .buttonx_box .btn_web:not(:first-child) {
    border-color: var(--white);
    color: var(--white);
}
.ssl_table .pricing_box h2 {
    font-size: 48px;
}
.opac_70 {
    opacity: .3;
}
section.exactly_ssl .half_w:first-child {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
    padding-bottom: 80px;
}
section.exactly_ssl {
    padding: 80px 20px 0px;
}
section.exactly_ssl .half_w {
    display:flex;
}
.ssl_table .pricing_box h5 {
    font-size: 16px;
}
section.technical_stuff.ssl_table .pricing_top {
    align-items: flex-start;
}
section.technical_stuff.ssl_table .pricing_top a.btn_web {
    padding: 10px 30px;
    line-height: 1.25;
    font-size: 14px;
}
section.technical_stuff.ssl_table .pricing_top h5 {
    font-size: 16px;
}
section.technical_stuff.ssl_table .pricing_top h6 {
    font-size: 13px;
}
section.technical_stuff.ssl_table .pricing_box h2 span.bl_text {
    padding-right: 0px;
}
section.technical_stuff table tr.last_small_text td {
    border-bottom: none;
    font-style:italic;
}
section.technical_stuff table tr.last_small_text td p {
    max-width:480px;
}
section.exactly_ssl .half_w:last-child img {
    max-height: 350px;
    object-fit: contain;
    object-position: bottom;
    margin-top: auto;
}
div#loadingimg_auth img {
    max-height: 70px;
    object-fit: cover;
    aspect-ratio: 3 / 2;
    max-width: 360px;
}
div#resentCode {
    text-decoration-line: underline;
}
.iti__flag-container {
    max-height: 58px;
}
.error-message {
    color: red;
    margin:10px;
}
body.over_hide {
    max-height: 100vh;
    overflow-y: hidden;
}
.acceptance span.invalid-feedback {
    order: 1;
}
.acceptance {
    flex-wrap: wrap;
}
.acceptance label[for="accept"] {
    width: calc(100% - 30px);
}
section.banner_main.home ~ section.let_get_domain {
    max-height: none;
}
section.let_get_domain .btn_web[disabled] {
    background: #0d32d3;
    color: #fff;
}
section.let_get_domain .btn_web[disabled] img {
    filter: brightness(0) invert(1);
}
.selected_domain_list .list p.price {
    margin-left: auto;
    font-weight: 600;
}
section.let_get_domain[data-id="1"] ~ .domain_strip .step_side a[type="button"] img {
    display:none;
}
div#card-element {
    margin-top: 10px;
    margin-bottom: 30px;
    width: 500px;
}
/************************************************************************************************************
                                                    footer css Start
************************************************************************************************************/
footer:not(.domain_strip) {
    background: var(--text_color);
    padding: 60px 20px;
}
footer .container_custom {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}
.footer_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
footer ul {
    display: flex;
    list-style: none;
    gap: 40px;
}
footer  .social_icons {
    gap: 20px;
}
footer  .social_icons img {
    max-width: 18px;
}

@media (min-width:1025px) {
    .toggle_nav {
        display: none;
    }
}

@media (max-width:1024px) {

    h3 {
        font-size: 30px;
    }
    h2 {
        font-size: 36px;
    }
    body {
        font-size: 16px;
    }
    h4 {
        font-size: 27px;
    }
    h5 {
        font-size: 18px;
    }
    h6 {
        font-size: 16px;
    }
    section {
        padding: 60px 20px;
    }
    .btn_web {
        padding: 10px 30px;
        line-height: 1.5;
        font-size: 14px;
    }
    /*************************new header css************/
    header.top_bar ul {
        gap:20px;
    }
    header.top_bar ul li:nth-child(-n+3) a {
        font-size:0px;
        gap: 0px;
    }
    header.top_bar ul a {
    	font-size: 12px;
    }
    /**************unversal css***********/
    .main_menu {
        gap: 20px;
    }
    .main_menu .menu_btn {
        font-size: 0px;
    }
    .main_menu .menu_btn {
        gap: 0px;
        aspect-ratio: 1;
        padding: 0px;
        border: none;
    }
    .menu_btn img {
        max-width: 21px;
    }
    .nav_toggle_box ul {
        max-width: 100%;
    }
    body.over_hide .main_menu ul {
    	position: fixed;
    	width: 100%;
    	height: 100%;
    	background: #fff;
    	left: 0;
    	top: 0px;
    	z-index: 9;
    	display: flex;
    	flex-direction: column;
    	align-items: flex-start;
    	max-width: 100vw;
    	padding: 80px 20px 30px;
    	gap: 20px;
    }
    body.over_hide .main_menu ul li {
        text-align: left;
    }
    body:not(.over_hide) .main_menu ul {
    	display: none;
    }
    .bottom_logos img {
        max-width: 80px;
    }
    section.banner_main.home::after {
        width: calc(50% + 40px);
    }    
    .form_search input {
        font-size: 14px;
    }
    .form_search input[type="button"] {
        max-width: 160px;
    }
    .domain_list {
        flex-wrap: wrap;
    }
    .domain_list .list_d {
        width: calc(100% / 3 - 27px);
    }
    section .container_custom {
        gap: 30px;
    }
    .domain_cards {
        gap: 20px;
    }
    .card_cus {
        padding: 35px 25px 35px;
    }
    section.better_value .container_custom_full {
        gap: 0px;
    }
    section.better_value .half_w:last-child {
        padding: 20px;
        gap: 20px;
    }
    .comparison_table table th:first-child {
        min-width: 290px !important;
    }
    .comparison_table th:first-child p {
        font-size: 14px;
    }
    .comparison_table .btn_web {
        padding: 10px 20px;
        font-size: 13px;
    }
    .comparison_table th, .comparison_table td {
        font-size: 14px;
        padding: 15px;
    }
    .comparison_table th img {
        max-width: 150px;
    }
    .comparison_table.last_table tr td:first-child {
        min-width: 300px;
        padding: 0px;
    }
    .comparison_table.last_table tr td:last-child {
        min-width: 180px;
    }
    .comparison_table .check, .comparison_table .cross {
        max-width: 13px;
    }
    section.better_value .heading_group {
        row-gap: 10px;
    }
    section.faq_section {
        padding: 0px;
    }
    section.faq_section .container_custom_full {
        flex-wrap: wrap;
        gap: 0px;
    }
    .faq_left {
        padding: 50px 30px;
    }
    .ques {
        padding: 20px;
    }
    .faq_right {
        max-width: 100%;
    }
    .faq_right .clip_path_left {
        clip-path: none;
    }
    /*************************************about css**********************************/
    section.part_of .container_custom {
        gap:40px;
    }
    /*************************************contact us css*****************************/
    section.banner_main:not(.home) .half_w:last-child img {
        max-height: 350px;
    }
    /*************************************Resources css******************************/
    section.resource_main .resource {
        gap: 40px;
    }
    ul.resource_catlist li {
        font-size: 18px;
    }
    .icon_boxes_group {
        flex-wrap: wrap;
    }
    .icon_boxes_group .icon_box_custom {
        width: calc(100% / 2 - 15px);
    }
    section.resource_main .resource {
        flex-direction: column;
        row-gap: 80px;
    }
    /*************************************hosting page css***************************/
    section.banner_main.hosting_banner .half_w {
        padding: 0px !important;
    }
    section.exactly_ssl .half_w:first-child , .pricing_tables {
    	gap: 20px;
    }
    .nav_toggle_box {
    	top: 24px;
    	right: 24px;
    	width: 20px;
    	height: 20px;
    	position: fixed;
    	z-index: 99;
    }
    .nav_toggle_box img {
        filter:none;
    }
    .pricing_box h2 {
    	font-size: 48px;
    }
    section.technical_stuff table tr td:not(:first-child) img {
    	max-width: 16px;
    }
    section.tab_domain_hosting_full .pricing_tables {
        gap:20px;
    }
    section.tab_domain_hosting_full .pricing_tables .table_card {
    	min-width: calc(100vw / 2 - 20px);
    }
    .technical_table_outer {
    	overflow-x: scroll;
    }
    .technical_table_outer table {
    	min-width: 990px;
    }
    /*************************************footer css*********************************/
    footer {
        padding: 35px 20px;
    }
    footer .container_custom {
        row-gap: 15px;
    }
    footer ul {
        gap: 25px;
    }
    footer ul li {
        font-size: 14px;
    }
}

span.invalid-feedback {
    color: red;
    font-size: 12px;
}

@media (max-width:840px) {
    .domain_cards , section.we_cut .container_custom {
        flex-wrap: wrap;
        gap: 30px;
    }
    .domain_cards .card_cus , section.we_cut .icon_box_custom {
        width: calc(100% / 2 - 15px);
    }
}
@media (max-width:767px) {
    body {
        font-size: 14px;
    }
    h2 {
        font-size: 27px;
    }
    h3 {
        font-size: 24px;
    }
    h4 {
        font-size:21px;
    }
    body:not(.over_hide) .main_menu > ul {
        display: none;
    }
    .toggle_nav {
        max-width: 24px;
        filter: invert(1);
    }
    section.banner_main.home .container_custom {
        flex-direction: column;
        row-gap: 0px;
    }
    section.banner_main.home .half_w {
        width: 100%;
        row-gap: 20px;
    }
    .half_w.monster img {
        max-height: 250px;
        object-position: center;
    }
    .half_w.monster {
        background: #8f64ec;
        padding: 30px;
    }
    section.banner_main.home {
        padding: 0px;
        padding-top: 140px;
    }
    section.banner_main.home .half_w {
        padding: 30px 20px;
    }
    section.banner_main.home::after {
        display: none;
    }
    .form_search {
        flex-wrap: wrap;
    }
    .form_search input[type="button"] {
        max-width: 100%;
    }
    .domain_list {
        gap: 30px;
    }
    .domain_list .list_d {
        width: calc(100% / 2 - 15px);
    }
    .domain_cards .card_cus {
        width: 100%;
    }
    .faq_left {
        padding: 50px 20px;
    }
    .ques h6 {
        padding-right: 25px;
    }
    section.domain_registration {
        text-align: center;
    }
    section.domain_registration .container_custom {
        flex-direction: column;
    }
    .half_w {
        width: 100%;
    }
    section.domain_registration .img_card {
        flex-direction: column;
        align-items: center;
    }
    section.domain_registration .half_w {
        align-items: center !important;
    }
    section.better_value .container_custom_full {
        flex-direction: column;
    }
    section.better_value .container_custom_full .half_w:last-child {
        padding: 50px 20px;
    }
    .clip_path_right , .clip_path_left {
        clip-path: none;
    }
    section.better_value .container_custom_full .half_w:last-child {
        text-align: center;
        align-items: center;
    }
    .comparison_table:not(.last_table) {
        overflow-x: scroll;
    }
    .comparison_table:not(.last_table) table {
        min-width: 680px;
    }
    .comparison_table:not(.last_table)::-webkit-scrollbar {
        display:none
    }
    .comparison_table.last_table {
        padding: 40px 20px;
    }
    .comparison_table.last_table tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 25px;
    }
    .comparison_table.last_table tr .lets_compare_head {
        text-align: center;
    }
    .comparison_table.last_table tr td {
        padding: 0px;
    }
    .comparison_table table th:first-child {
        min-width: 220px !important;
    }
    .comparison_table th:first-child p {
        font-size: 12px;
    }
    /*************************************about us css*******************************/
    section.logo_group .bottom_logos {
        gap: 20px;
        justify-content: space-evenly;
        width: 100%;
    }
    section.logo_group .bottom_logos img {
        max-width: 60px;
    }
    section.we_cut .icon_box_custom {
        width: 100%;
        text-align: center;
    }
    section.part_of .container_custom {
        flex-direction: column;
        row-gap: 40px;
    }
    .df_logo {
        max-width: 180px;
    }
    /*************************************Resources css******************************/
    section.banner_main:not(.home) .container_custom {
        flex-direction: column;
    }
    ul.resource_catlist li {
        font-size: 14px;
    }
    .icon_boxes_group .icon_box_custom , .res_card {
        width: 100%;
    }
    section.resource_main .resource {
        row-gap: 50px;
    }
    /***********************************Hosting css*********************************/
    section.exactly_ssl .container_custom {
    	flex-direction: column;
    	gap:40px;
    }
    section.exactly_ssl .half_w:first-child {
        padding-bottom:0px;
    }
    .technical_table_outer {
    	overflow-x: scroll;
    }
    section.technical_stuff .technical_table_outer table {
    	min-width: 1080px;
    }
    section.tab_domain_hosting_full .pricing_tables .table_card {
    	min-width: calc(100vw - 60px);
    }
    section.tab_domain_hosting_full .pricing_tables {
    	gap: 20px;
    	max-width: calc(100% + 20px);
    	width: calc(100% + 20px);
    	padding-bottom: 30px;
    	padding-right: 20px;
    }
    section.banner_main.hosting_banner .half_w:last-child img {
	    margin-bottom: -60px;
    } 
    .pick_hosting_top {
    	flex-wrap: wrap;
    }
    .step_card.bg_blue {
        margin-top:0px;
    }
    .three_steps {
        flex-wrap: wrap;
        padding:0px;
    }
    div#resentCode {
        margin-left: auto;
    }
    div#resentCode {
        margin-left: auto;
    }
    div.registrant_contact_form[style="display: block;"] {
        display: flex !important;
        flex-direction: column;
        row-gap: 12px;
    }
	section.let_get_domain form.search_domain {
		flex-direction: column;
	}
	.domain_card_two {
		flex-direction: column;
	}
	.domain_pagi p.cl_blue {
		display: none;
	}
	.domain_pagi {
		justify-content: flex-end;
	}
	.step_side .get_domain_next {
		max-width: 230px;
	}

    /****************footer css************/
    .footer_block {
        flex-wrap: wrap;
        row-gap: 20px;
        justify-content: center;
    }
    footer ul {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
        width: 100%;
    }
    footer ul li {
        font-size: 12px;
    }
    footer .container_custom {
        row-gap: 40px;
    }
}