@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Prompt:wght@300;500;600;700&display=swap');
        body{
            overflow-x: hidden;
            font-family: 'Poppins', sans-serif;
            font-weight: 400;
            margin: 0;
            padding: 0;
        }
        .DM-first-sec{
            width: 100%;
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 3em;
        }
        .DM-back-img{
            z-index: -2;
            position: absolute;
            width: 100%;
            height: 100%;
        }
        .DM-chat-bubble{
            position: absolute;
            right: 5rem;
            width: 14em;
        }
        .DM-main-heading{
            font-size: 3.2rem;
            padding: 1em 0;
            text-align: center;
            text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        }
        .DM-colored-text{
            color:#21BCC3;
            font-weight: 700;
        }
        .DM-search-domain{
            position: relative;
        }
        .DM-search-domain input{
            padding: 0.5em 1em;
            width: 34em;
            border-radius: 50px;
            border: 2px solid #3D3D3D;
            text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
            font-size: 1.5rem;
            color: #3D3D3D;
            background-color: #21BCC3;
        }
        .DM-search-btn{
            border: 2px solid #3D3D3D;
            background: #3D3D3D;
            color: #21BCC3;
            padding: 0.5em 1em;
            position: absolute;
            right: 0;
            border-radius: 50px;
            font-size: 1.5rem;

        }
        .DM-domain-extention{
            display: flex;
            width: 50%;
            justify-content: space-between;
            margin: 3em 0;
        
        }
        .DM-domains{
            display: flex;
        }
        .DM-domain-extention span{
            display: block;
            background-color: #21BCC3;
            color:#000000;
            border: 1px solid #000000;
            border-radius: 8px;
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
            width: 4.5em;
            padding: 0.2em 0;
            margin: 0 0.4em;
            text-align: center;
        }
        .DM-in-domain{
            transform: rotate(18deg);
        }
        .DM-net-domain{
            transform: rotate(-3deg);
        }
        .DM-co-domain{
            transform: rotate(-5deg);
        }
        .DM-io-domain{
            transform: rotate(13deg);
        }
        .gov-domain{
            transform: rotate(-8deg);
        }
        .DM-first-box-feature{
            width: 40%;
            background: #3D3D3D;
            border-radius: 45px;
            display: flex;
            font-size: 0.8rem;
            justify-content: space-between;
            color:white;
            text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);
            padding: 1em 1em;
            margin-bottom: 8em;
        }
        .DM-first-box-feature p{
            margin: 0;
        }
        .DM-laptop-pic{
            width: 17rem;
            position: absolute;
            left: 5.5em;
            bottom: 3em;
        }
        /*-------------SECTION1_ENDS-----------------------*/
        .DM-sec-2-heading{
            font-family: 'Prompt', sans-serif;
            font-weight: 600;
            text-align: center;
            font-size: 2rem;
            margin: 0 0;
        }
        .DM-sec-2-para{
            font-family: 'Prompt', sans-serif;
            font-weight: 400;
            text-align: center;
            margin: 1em 0;
        }
        .DM-domain_boxes{
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
        }
        .DM-domain_box{
            border: 1.5px solid #959797;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            width: 20vw;
            margin: 10px;
            padding: 1.5em;
            border-radius: 15px;
            transition: all .2s ease-in-out;;
        }
        .DM-domain_box:hover{
            transform: scale(1.05);
        }
        .DM-domain_box img{
            width: 5em;
            margin: 1em 0;
        }
        .DM-domain_box h5{
            margin:0;
            color: rgba(0, 0, 0, 0.68);
            font-family: 'Prompt', sans-serif;
            font-size: 0.7rem;
            font-weight: 500;
            display: flex;
            align-items: center;
            align-self: flex-start;
        }
        .DM-domain_box h5 img{
            width: 1em;
            margin:0 2px 0;
        }
        .DM-register-renew{
            width: 100%;
            display: flex;
            font-family: 'Prompt', sans-serif;
            font-size: 0.6rem;
            font-weight: 500;
            color: rgba(0, 0, 0, 0.68);
            margin-bottom: 0.4em;
        }
        .DM-register-renew span{
            width: 50%;
        }
        .DM-add-cart-btn{
            border: 1px solid #000000;
            border-radius: 10px;
            background: rgba(197, 197, 197, 0.62);
            box-shadow: 0px 4px 4.800000190734863px 0px rgba(0, 0, 0, 0.09) inset;
            box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.12);
            color:#000000;
            font-family: 'Prompt', sans-serif;
            font-size: 0.7rem;
            font-weight: 500;
            width: 80%;
            padding: 7px 0;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .DM-add-cart-btn button{
            background-color: unset;
            border: none;
        }
        /*----------SECTION2_ENDS------------*/
/*______________________SECTION 3____________________*/

        .DM-section3{
            background-color: #e1fffe;
        }
        
        .DM-sec3-head{
            font-family: 'Prompt', sans-serif;
            font-weight: 700;
            font-size: 2.3rem;
            text-align: center;
            margin: 1.5em 0;
            margin-bottom: 2.1em;
        }
        .DM-section3-boxes{
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            margin-bottom: 3em;
            background-color: hsl(184, 100%, 97%);
            padding: 2em 0.5em;
        }
        .DM-sec3-box{
            margin: 0.6em;
            margin-bottom: 2.5em;
            width: 27vw;
            height: 20vw;
            position: relative;
            display: flex;
            flex-direction: column;
            padding: 1em;
            border-radius: 20px;
            background-color: white;
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
            transition: all .2s ease-in-out;
        }
        .DM-sec3-box:hover{
            transform: scale(1.04);
            /* background-color: white;
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
        }
        .DM-sec3-box img{
            position: absolute;
            top: -1.7rem;
            left: 1.2rem;
            filter: hue-rotate(-35deg);
        }
        .DM-sec3-box-head{
            font-size: 1.2rem;
            font-weight: 400;
            margin: 4em 0 0.6em 0;
        }
        .DM-sec3-box p{
            color:#707070;
            font-size: 0.8rem;
            font-weight: 300;
        }
        /* .DM-section3{
            background: #E5FEFF;
            padding: 3em 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin: 3em 0;
        }
        .DM-sec-3-head, .DM-sec-3-para{
            text-align: center;
            font-family: 'Prompt', sans-serif;
        }
        .DM-sec-3-head{
            font-weight: 600;
            font-size: 2.7rem;
            margin: 0;
        }
        .DM-sec-3-para{
            width: 45%;
            color: #000000;
            font-weight: 500;
            font-size: 1.1rem;
            margin-bottom: 4em;
        }
        .DM-section3-div{
            width: 100%;
            display: flex;
            justify-content: space-around;
        }
        .DM-section3-div1, .DM-section3-div2{
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            width:38vw ;
            height: 36vw;
            border-radius: 12px;
            font-family: 'Prompt', sans-serif;
        }
        .DM-section3-div1{
            background: #006D74;
            position: relative;
        }
        .DM-section3-div2{
            background: #999FD1;
            position: relative;
        }
        .DM-section3-div-para{
            font-weight: 500;
            font-size: 1.6rem;
            color: #ffffff;
            width: 80%;
            margin: 0;
            margin: 0.5em 0 0.5em 0.5em;
        }
        .DM-lock-div{
            position: absolute;
            top: 40%;
            width: 80%;
            align-self: flex-end;
            background-color: #9CE1E4;
            border-radius: 70px 0 0 70px;
            padding: 0.2em;
            height: 11vw;
            display: flex;
            align-items: center;
            justify-self: center;
        }
        .DM-lock-div-circle{
            height: 10vw;
            width: 10vw;
            margin-left: 4px;
            border-radius: 50%;
            background-color: #E5FEFF;
            box-shadow: 4px 0px 99.19999694824219px 0px rgba(0, 0, 0, 0.2);
            }
        .DM-lock-div-circle img{
            width: 100%;
        }
        .DM-sec3-div2-centerdiv{
            position: absolute;
            width: 80%;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            background: #ffffff;
            box-shadow: 5px 13px 37.900001525878906px 0px rgba(0, 0, 0, 0.5);
            border-radius: 15px;
            padding: 1vw 0vw;
        }
        .DM-sec3-div2-centerdiv-para1{
            color: #35CACD;
            display: flex;
            align-items: center;
            margin: 0;
            font-family: 'Prompt', sans-serif;
            font-weight: 300;
            font-size: 1rem;
        }
        .DM-sec3-div2-centerdiv-para2{
            display: flex;
            align-items: center;
            margin: 0;
            font-family: 'Prompt', sans-serif;
            font-weight: 500;
            font-size: 1.4rem;
        }
        .DM-sec3-div2-centerdiv-para2 img{ 
            width: 3rem;
        } */
        /*--------------------------Toggle----------------------*/
        .DM-toggle-menu-icon-div{
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 1rem;
        }
        .DM-toggle-btn,.DM-toggle-btn2 {
            border: none;
            background-color:unset;
        }
        .DM-toggle-btn2 {
            transform: rotate(180deg);
            display: none;
        }
        .DM-toggle-down-icon, .DM-toggleup-icon{
            padding: 0 5px;
            font-size: 2rem;
            font-weight: bolder;
            color: #21BCC3;
            background-color: white;
            border-radius: 50%;
            box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.12);
        }
        .DM-toggleup-icon{
            transform: rotate(90deg);
        }
        .DM-toggle-div{
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            display: none;
        }
        /*----------------SECTION 3 ENDS------------*/

        .DM-section4{
            position: relative;
            width: 85%;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            background: linear-gradient(0deg, #149FDB 0%, rgba(121, 251, 243, 0.62) 100%);
            border-radius: 13px;
            font-family: 'Inter', sans-serif;
            padding: 2em 0;
            margin-bottom: 3rem;
        }
        .DM-sec4-head{
            font-weight: 500;
            font-size: 1.8rem;
            text-align: center;
        }
        .DM-sec4-para{
            font-weight: 300;
            width: 85%;
            margin-bottom: 2rem;
        }
        .DM-intersect1{
            position: absolute;
            left: 0;
            top: 0;
            width: 7rem;
            z-index: -1;
        }
        .DM-intersect2{
            position: absolute;
            right: 0;
            bottom: 0;
            width: 7rem;
            z-index: -1;
        }
        .DM-sec4-transform-btn{
            /* padding: 10px 40px; */
            /* border-radius: 20px; */
            /* border: none; */
            margin-bottom: 2rem;
            font-family: 'Inter', sans-serif;
            font-weight: 500;
            font-size: 1.2rem;
            color: #000000;
        }
        .DM-sec4-transform-btn button{
            border: none;
            padding: 8px 60px;
            border-radius: 20px;
            transition: all 0.1s ease;
        }
        .DM-sec4-transform-btn button:hover{
            transform: scale(1.02);
        }
        /*--------------SECTION 4 ENDS---------------*/
        .DM-section5{
            background: #E5FEFF;
            width: 100%;
            display: flex;
            justify-content: space-between;
            padding: 2em 0;
            align-items: center;
            margin-bottom: 4em;
        }
        .DM-sec5-img{
            width: 50%;
	        filter: hue-rotate(-15deg);
        }
        .DM-sec5-text{
            font-family: 'Inter', sans-serif;
            width: 50%;
        }
        .DM-sec5-head{
            font-weight: 500;
            font-size: 2.6rem;
            line-height: 2.8rem;

        }
        .DM-sec5-para{
            font-weight: 400;
            width: 75%;
        }
        /*----------------SECTION 5 ENDS----------------------*/
        .DM-section6{
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 3em;
        }
        .DM-sec6-head{
            font-family: 'Prompt', sans-serif;
            font-weight: 700;
            font-size: 2.3rem;
            text-align: center;
            margin: 1.5em 0;
        }
        .DM-sec6-odd-div, .DM-sec6-even-div{
            width: 75%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-radius: 15px;padding: 2em;
        }
        .DM-number{
            color: #9CE7EA;
            width: 10%;
            font-size: 6rem;
        }
        .DM-sec6-odd-div{
            background: #DCFEFF;
        }
        .DM-sec6-even-div .DM-number{
            color: #DCE1E1;
        }
        .DM-sec6-div-text{
            font-family: 'Prompt', sans-serif;
            width: 50%;
        }
        .DM-sec6-div-para1{
            font-weight: 600;
        }
        .DM-sec6-div-para2{
            font-weight: 400;
            font-size: 0.8rem;
        }
        .DM-sec6-img{
            width: 25%;
	        filter: hue-rotate(-13deg);
        }
        @media screen and (max-width: 1200px) {
            .DM-sec3-box{
            background-color: #effeff;
            margin-bottom: 2em;
            width: 37vw;
            height: 36vw;
            }
            .DM-sec3-box-head{
                font-size: 1.3rem;
                margin: 4em 0 0.9em 0;
            }
            .DM-sec3-box p{
                color:#707070;
                font-size: 0.9rem;
                font-weight: 300;
            }
        }
        @media screen and (max-width: 900px) {
            .DM-main-heading {
                font-size: 2.4rem;
            }
            .DM-chat-bubble {
                right: 1rem;
                width: 9.3em;
            }        
            .DM-search-domain input {
                width: 21em;
                }
            .DM-domain_box {
                width: 35vw;
            }
/*______SECTION 3________________________*/
            .DM-sec3-box p{
                font-size: 0.8rem;
            }
            .DM-sec3-box-head{
                margin-top: 3em;
            }

            /* .DM-sec-3-head {
                font-size: 2.4rem;
            }
            .DM-sec-3-para {
                width: 80%;
                margin-bottom: 2em;
            }
            .DM-section3-div {
                flex-direction: column;
                align-items: center;
                justify-content: space-between;
            }
            .DM-section3-div1, .DM-section3-div2 {
                width: 85%;
                height: 76vw;
                margin: 1em 0;
            }
            .DM-section3-div-para {
                width: 85%;
                padding: 1em;
            }
            .DM-lock-div{
                height: 23vw;
            }
            .DM-lock-div-circle{
            height: 22vw;
            width: 22vw;
            }
            .DM-sec3-div2-centerdiv {
                width: 80%;
                padding-left: 0.8em;
                align-items: center;
            } */
            .DM-section5 {
                flex-direction: column;
                padding: 2em 0;
                margin-bottom: 1em;
            }
            .DM-sec5-img {
                width: 80%;
            }
            .DM-sec5-text {
                width: 80%;
            }
            .DM-sec5-para {
                width: 100%;
            }
            .DM-sec6-head {
                width: 90%;
            }
            .DM-back-img{
                height: 100%;
            }
            .DM-first-box-feature {
                width:65%;
                flex-direction: column;
                text-align: center;
                margin-bottom: 8em;
            }
            .DM-domain-extention {
                width: 80%;
                justify-content: space-between;
                margin: 1.4em 0;
            }
            .DM-domains{
                margin: 0.5em;
                justify-content: space-around;
            }
            .DM-laptop-pic {
                width: 11rem;
                left: 2rem;
                bottom: 2rem;
                z-index: -1;
            }
        }
        @media screen and (max-width: 600px) {
            .DM-first-sec{
                margin-bottom: 3rem;
            }
            .DM-back-img{
                height: 100%;
            }
            .DM-main-heading {
                text-wrap: wrap;
                font-size: 1.6rem;
            }
            .DM-chat-bubble {
            /* right: 3rem;
            width: 11em; */
            display: none;
            }   
            .DM-search-domain input {
                width: 14em;
            }
            .DM-domain-extention {
                flex-direction: column;
            }
            .DM-first-box-feature {
                margin-bottom: 4em;
                justify-content: space-around;
                padding: 1em 0em;
            }
            .DM-laptop-pic {
                /* width: 10rem;
                left: 2rem;
                bottom: 3rem; */
                display: none;
            }
            .DM-domain_boxes {
            flex-direction: column;
            margin-bottom: 2em;
            }
            .DM-domain_box {
                width: 80%;
            }
/*____________SECTION 3_________________*/
            .DM-sec3-box{
                background-color: #effeff;
                margin-bottom: 2em;
                width: 85%;
                height: auto;
            }
            .DM-section3{
                flex-direction: column;
                align-items: center;
                justify-content: space-evenly;
            }

            /* .DM-sec-3-head {
                font-size: 2.4rem;
            }
            .DM-sec-3-para {
                width: 80%;
                margin-bottom: 2em;
            }
            .DM-section3-div {
                flex-direction: column;
                align-items: center;
                justify-content: space-between;
            }
            .DM-section3-div1, .DM-section3-div2 {
                height: 90vw;
            }
            .DM-section3-div-para {
                width: 90%;
                padding: 0;
                font-size: 1.4rem;
            } */
            .DM-sec5-head {
                font-size: 2.3rem;
            }
            .DM-sec6-head {
                margin-top: 1em;
                line-height: 2.7rem;
            }
            .DM-sec6-odd-div, .DM-sec6-even-div {
                flex-direction: column;
            }
            .DM-sec6-div-text {
                width: 95%;
                text-align: center;
            }
            .DM-sec6-img {
                width: 80%;
            }
        }