@font-face 
{
	font-family: "Quicksand Light";
	src: url('../fonts/Quicksand_Light.otf');
}
@font-face 
{
	font-family: "Quicksand Book";
	src: url('../fonts/Quicksand_Book.otf');
}
@font-face 
{
	font-family: "Quicksand Bold";
	src: url('../fonts/Quicksand_Bold.otf');
}
@font-face 
{
	font-family: "Poppins Extra Light";
	src: url('../fonts/Poppins-ExtraLight.otf');
}
@font-face 
{
    font-family: "Poppins Light";
	src: url('../fonts/Poppins-Light.otf');
}
@font-face 
{
	font-family: "Poppins Medium";
	src: url('../fonts/Poppins-Medium.otf');
}
@font-face 
{
	font-family: "Poppins Bold";
	src: url('../fonts/Poppins-Bold.otf');
}
::-moz-selection 
{ 
    /* Code for Firefox */
    color: white;
    background: #B66DFF;
} 
::selection 
{
    color: white;
    background: #B66DFF;
}
a
{
    text-decoration: none;
}
input, textarea
{
    outline: none;
}
body
{
    margin: 0;
    padding: 0;
    background: rgb(240, 240, 240);
    font-family: "Quicksand Light";
    text-shadow: 1px 0 1px rgba(250, 250, 250, 0.6);
}
.nct-header
{
    width: calc(100% - 40px);
    height: 30px;
    padding: 15px 20px 15px 20px;
    font-family: "Quicksand Bold";
    position: fixed;
    top: 0;
    left: 0;
    background: white;
    z-index: 4;
}
.nct-header .nct-content
{
    width: 1200px;
    margin: auto;
}
.nct-header .logo
{
    width: 200px;
    float: left;
}
.nct-header .logo a
{
    color: silver;
}
.nct-header .logo .img
{
    width: 130px;
    float: left;
}
.nct-header .logo .img img
{
    width: 100%;
}
.nct-header .logo .title
{
    width: 60px;
    float: right;
    margin-top: 7px;
}
.nct-header .nct-menu
{
    float: right;
    font-size: 0.95em;
    font-family: "Poppins Light";
}
.nct-header .nct-menu .nct-item
{
    padding: 0 20px 10px 20px;
    cursor: pointer;
    display: inline-block;
}
.nct-header .nct-menu .nct-item .loop
{
    float: left;
    margin-top: 5px;
    font-size: 0.9em;
    margin-right: 10px;
}
.nct-header .nct-menu .nct-item .asc
{
    float: right;
    margin: 6px 0 0 10px;
    font-size: 0.8em;
}
.nct-header .nct-menu .nct-active
{
    color: rgb(30, 30, 30);
}
.nct-header .nct-menu .nct-item .nct-gradient-button
{
    padding: 1px;
    background: linear-gradient(#ED307A, #8B4D9D);
    border-radius: 20px;
}
.nct-header .nct-menu .nct-item .nct-gradient-button .nct-button
{
    padding: 5px 10px 5px 10px;
    color: #8B4D9D;
    cursor: pointer;
    font-family: "Quicksand Book";
    background: white;
    border-radius: 20px;
    transition-duration: 0.5s;
}
.nct-header .nct-menu .nct-item .nct-gradient-button .nct-button:hover
{
    color: #ED307A;
    background: rgb(30, 30, 30);
    transition-duration: 0.5s;
}
.nct-header .nct-menu-mobile
{
    display: none;
}
.nct-body
{
    width: 100%;
}
.nct-body .nct-content
{
    width: 1200px;
    width: 1100px;
    margin: auto;
    padding: 100px 0 80px 0;
    position: relative;
}
.nct-body .nct-content .nct-half-right
{
    width: 395px;
    height: 550px;
    float: right;
}
.nct-body .nct-content .nct-half-right .nct-top
{
    width: 100%;
    font-family: "Quicksand Bold";
    font-size: 1.5em;
}
.nct-body .nct-content .nct-half-right .nct-items
{
    width: 80%;
    margin-top: 20px;
    margin-left: 5%;
    border-left: 4px solid rgb(236, 236, 236);
}
.nct-body .nct-content .nct-half-right .nct-items .nct-item
{
    margin: 0 0 51px -4px;
    position: relative;
}
.nct-body .nct-content .nct-half-right .nct-items .nct-item .nct-title
{
    padding: 2.5% 0 2.5% 5%;
    font-family: "Poppins Medium";
    font-size: 0.8em;
    border-left: 4px solid transparent;
}
.nct-body .nct-content .nct-half-right .nct-items .nct-item:nth-child(1) .nct-title
{
    color: orangered;
    border-left: 4px solid orangered;
}
.nct-body .nct-content .nct-half-right .nct-items .nct-item:nth-child(2) .nct-title
{
    color: fuchsia;
    border-left: 4px solid fuchsia;
}
.nct-body .nct-content .nct-half-right .nct-items .nct-item:nth-child(3) .nct-title
{
    color: navy;
    border-left: 4px solid navy;
}
.nct-body .nct-content .nct-half-right .nct-items .nct-item .nct-title-active
{
    color: orangered;
    border-left: 4px solid orangered;
}
.nct-body .nct-content .nct-half-right .nct-items .nct-item .nct-desc
{
    height: 45px;
    overflow: hidden;
    margin-top: 5px;
    padding-left: 5%;
    font-family: "Quicksand Light";
    font-size: 0.8em;
    border-left: 4px solid transparent;
}
.nct-body .nct-content .nct-half-right .nct-author
{
    width: 100%;
    padding: 1px;
    border-radius: 10px;
    background: linear-gradient(#ED307A, #8B4D9D);
}
.nct-body .nct-content .nct-half-right .nct-blog
{
    height: 44px;
}
.nct-body .nct-content .nct-half-right .nct-author .nct-number-images
{
    height: 40px;
    padding: 20px 20px 30px 20px;
    background: white;
    border-radius: 9px;
}
.nct-body .nct-content .nct-half-right .nct-author .nct-number-images .nct-images
{
    width: 45%;
    margin-top: 5px;
    float: right;
}
.nct-body .nct-content .nct-half-right .nct-author .nct-number-images .nct-numbers
{
    width: 50%;
    float: left;
    text-align: center;
}
.nct-body .nct-content .nct-half-right .nct-author .nct-number-images .nct-numbers .nct-number
{
    width: 40%;
    display: inline-block;
}
.nct-body .nct-content .nct-half-right .nct-author .nct-number-images .nct-numbers .nct-number .nct-digit
{
    font-size: 1.5em;
    font-family: "Quicksand Bold";
}
.nct-body .nct-content .nct-half-right .nct-author .nct-number-images .nct-numbers .nct-number .nct-text
{
    margin-top: 0;
}
.nct-body .nct-content .nct-half-right .nct-author .nct-number-images .nct-pix
{
    width: 40px;
    height: 40px;
    margin-left: -10px;
    float: right;
    overflow: hidden;
    background: white;
    border-radius: 50px;
    box-shadow: 0 0 3px silver;
}
.nct-body .nct-content .nct-half-right .nct-author .nct-number-images .nct-pix img
{
    width: 40px;
    height: 40px;
    object-fit: cover;
}
.nct-body .nct-content .nct-content-half
{
    /* width: 800px; */
    width: 700px;
}
.nct-body .nct-content .nct-content-half-network .nct-half-network-title
{
    color: rgb(30, 30, 30);
    font-size: 2em;
    font-family: "Quicksand Bold";
    text-align: center;
}
.nct-body .nct-content .nct-content-half .nct-half-img
{
    /* width: 780px; */
    width: 680px;
    height: 580px;
    margin: auto;
    overflow: hidden;
    box-shadow: 2px 0 12px rgb(210, 210, 210);
    border-radius: 15px;
}
.nct-body .nct-content .nct-content-half .nct-img
{
    /* width: 780px; */
    width: 680px;
    height: 450px;
    background: rgb(234, 234, 234);
    border-radius: 15px 15px 0 0;
}
.nct-body .nct-content .nct-content-half .nct-img img
{
    /* width: 780px; */
    width: 680px;
    height: 450px;
    margin-bottom: -8px;
    position: relative;
    object-fit: cover;
    border-radius: 15px 15px 0 0;
}
.nct-body .nct-content .nct-content-half .nct-half-text
{
    padding: 20px 20px 25px 20px;
    overflow: hidden;
    background: white;
    border-radius: 0 0 15px 15px;
}
.nct-body .nct-content .nct-content-half .nct-category
{
    padding: 0 0 10px 2px;
    color: #8B4D9D; /* #ED307A  */
    font-size: 0.9em;
    font-family: "Poppins Medium";
}
.nct-body .nct-content .nct-content-half .nct-category span
{
    margin-left: 20px;
    color: black;
    font-size: 1em;
    font-family: "Quicksand Light";
}
.nct-body .nct-content .nct-content-half .nct-half-title
{
    color: rgb(30, 30, 30);
    font-family: "Quicksand Bold";
    font-size: 1.6em;
}
.nct-body .nct-content .nct-subscribe-network-fixed
{
    width: 160px;
    height: 425px;
    margin-left: calc(1200px - 160px)!important;
    position: fixed;
    top: 130px;
    right: 210px;
    text-align: center;
    background: white;
    box-shadow: 0 0 12px rgb(230, 230, 230);
    overflow: hidden;
}
.nct-body .nct-content .nct-subscribe-network
{
    width: 160px;
    padding-bottom: 5px;
    top: 230px;
    right: 0;
    position: absolute;
    text-align: center;
    background: white;
    box-shadow: 0 0 12px rgb(230, 230, 230);
}
.nct-body .nct-content .nct-subscribe-network .nct-title,
.nct-body .nct-content .nct-subscribe-network-fixed .nct-title
{
    padding: 20px 15px 15px 15px;
    font-size: 1.1em;
    font-family: "Quicksand Bold";
}
.nct-body .nct-content .nct-subscribe-network .nct-text,
.nct-body .nct-content .nct-subscribe-network-fixed .nct-text
{
    padding: 0 15px 15px 15px;
    font-size: 0.9em;
    font-family: "Quicksand Light";
}
.nct-body .nct-content .nct-subscribe-network .nct-team,
.nct-body .nct-content .nct-subscribe-network-fixed .nct-team
{
    padding: 15px 15px 20px 15px;
}
.nct-body .nct-content .nct-subscribe-network .nct-team .nct-circle,
.nct-body .nct-content .nct-subscribe-network-fixed .nct-team .nct-circle
{
    width: 80px;
    height: 80px;
    margin: auto;
    background: rgb(234, 234, 234);
    border-radius: 100px;
}
.nct-body .nct-content .nct-subscribe-network .nct-team .nct-circle img,
.nct-body .nct-content .nct-subscribe-network-fixed .nct-team .nct-circle img
{
    width: 45px;
    margin-top: 17px;
}
.nct-body .nct-content .nct-subscribe-network .nct-input,
.nct-body .nct-content .nct-subscribe-network-fixed .nct-input
{
    width: 130px;
    margin-left: 15px;
    padding-bottom: 1px;
    background: linear-gradient(45deg, #ED307A, #8B4D9D);
}
.nct-body .nct-content .nct-subscribe-network .nct-input input,
.nct-body .nct-content .nct-subscribe-network-fixed .nct-input input
{
    width: 100%;
    height: 20px;
    border: none;
    background: white;
}
.nct-body .nct-content .nct-subscribe-network .nct-input input::placeholder,
.nct-body .nct-content .nct-subscribe-network-fixed .nct-input input::placeholder
{
    color: silver;
    font-size: 0.9em;
    font-family: "Quicksand Light";
}
.nct-body .nct-content .nct-subscribe-network .nct-button,
.nct-body .nct-content .nct-subscribe-network-fixed .nct-button
{
    padding: 20px 15px 15px 15px;
}
.nct-body .nct-content .nct-subscribe-network .nct-button button,
.nct-body .nct-content .nct-subscribe-network-fixed .nct-button button
{
    width: 100%;
    padding: 5px 0 7px 0;
    cursor: pointer;
    color: white;
    font-family: "Quicksand Bold";
    border: none;
    background: rgb(30, 30, 30);
    border-radius: 50px;
    transition-duration: 0.5s;
}
.nct-body .nct-content .nct-subscribe-network .nct-button button:hover,
.nct-body .nct-content .nct-subscribe-network-fixed .nct-button button:hover
{
    text-shadow: 0 2px 3px black;
    background: linear-gradient(45deg, #ED307A, #8B4D9D);
    transition-duration: 0.5s;
}
.nct-body .nct-content .nct-author-network
{
    width: 160px;
    top: 200px;
    position: absolute;
    overflow: hidden;
}
.nct-body .nct-content .nct-author-network .nct-author-image
{
    width: 60px;
    height: 60px;
    overflow: hidden;
    border: 2px solid #8B4D9D;
    background: silver;
    border-radius: 60px;   
}
.nct-body .nct-content .nct-author-network .nct-author-image img
{
    width: 56px;
    height: 56px;
    object-fit: cover;
    border: 2px solid white;   
    border-radius: 60px;   
}
.nct-body .nct-content .nct-author-network .nct-author-name
{
    margin-top: 10px;
    font-family: "Quicksand Bold";
}
.nct-body .nct-content .nct-author-network .nct-author-resume
{
    margin-top: 10px;
}
.nct-body .nct-content .nct-author-network .nct-author-update
{
    margin-top: 10px;
    color: gray;
    font-size: 0.9em;
}
.nct-body .nct-content .nct-author-network .nct-author-category
{
    margin-top: 10px;
    color: #8B4D9D;
    font-size: 0.8em;
    font-family: "Poppins Medium";
}
.nct-body .nct-content .nct-author-network .nct-network-items-fixed
{
    width: 160px;
    position: fixed;
    top: 260px;
}
.nct-body .nct-content .nct-author-network .nct-network-items
{
    width: 160px;
    margin-top: 260px;
}
.nct-body .nct-content .nct-author-network .nct-network-items .nct-network-item,
.nct-body .nct-content .nct-author-network .nct-network-items-fixed .nct-network-item
{
    width: 25px;
    height: 25px;
    margin-bottom: 20px;
    padding: 10px;
    cursor: pointer;
    text-align: center;
    background: rgb(200, 200, 200);
    border-radius: 100px;
    transition-duration: 0.5s;
}
.nct-body .nct-content .nct-author-network .nct-network-items .nct-network-item:hover,
.nct-body .nct-content .nct-author-network .nct-network-items-fixed .nct-network-item:hover
{
    background: white;
    transition-duration: 0.5s;
    box-shadow: 0 2px 3px silver;
}
.nct-body .nct-content .nct-author-network .nct-network-items .nct-network-item i,
.nct-body .nct-content .nct-author-network .nct-network-items-fixed .nct-network-item i
{
    font-size: 1.5em;
}
.nct-body .nct-content .nct-content-half-network
{
    /* width: 800px; */
    width: 700px;
    margin: auto;
    margin-top: 20px;
}
.nct-body .nct-content .nct-content-half-network .nct-img
{
    /* width: 800px; */
    width: 700px;
    height: 450px;
    margin-top: 40px;
    overflow: hidden;
    border: 1px solid rgb(230, 230, 230);
    background: rgb(234, 234, 234);
    border-radius: 15px;
}
.nct-body .nct-content .nct-content-half-network .nct-img img
{
    /* width: 800px; */
    width: 700px;
    height: 450px;
    object-fit: cover;
}
.nct-body .nct-content .nct-content-half-network .nct-author-mobile
{
    display: none;
}
.nct-body .nct-content .nct-content-half-network .nct-content-text
{
    margin-top: 30px;
    font-size: 1.3em;
    text-align: justify;
}
.nct-body .nct-content .nct-content-half-network .nct-content-text h1
{
    color: rgb(50, 50, 50);
    font-size: 1.3em;
    font-family: "Quicksand Book";
}
.nct-body .nct-content .nct-content-half-network .nct-content-text .nct-block
{
    margin-top: 30px;
    padding: 1.5px;
    background: linear-gradient(#ED307A, #8B4D9D);
    border-radius: 20px;
}
.nct-body .nct-content .nct-content-half-network .nct-content-text .nct-block .nct-block-content
{
    padding: 20px 20px 25px 20px;
    border-radius: 20px;
    background: linear-gradient(rgb(240, 240, 240), white);

}
.nct-body .nct-content .nct-content-half-network .nct-content-text .nct-block .nct-block-content .nct-button
{
    margin-top: 20px;
    float: right;
}
.nct-body .nct-content .nct-content-half-network .nct-content-text .nct-block .nct-block-content .nct-button-mobile
{
    display: none;
}
.nct-body .nct-content .nct-content-half-network .nct-content-text .nct-block .nct-block-content .nct-button button
{
    padding: 12px 30px 12px 30px;
    border: none;
    cursor: pointer;
    color: white;
    font-size: 0.9em;
    font-family: "Quicksand Bold";
    background: rgb(30, 30, 30);
    border-radius: 6px;
}
.nct-body .nct-content .nct-content-half-network .nct-content-text .nct-block .nct-block-content .nct-button button:hover
{
    background: linear-gradient(#ED307A, #8B4D9D);
    text-shadow: 0 2px 3px black;
    transition-duration: 0.5s;
}
.nct-body .nct-content .nct-content-half-network .nct-content-text .nct-block .nct-block-content .nct-icon-text
{
    width: 75%;
}
.nct-body .nct-content .nct-content-half-network .nct-content-text .nct-block .nct-block-content .nct-icon
{
    width: 80px;
    margin-top: 10px;
    margin-bottom: 200px;
    float: left;
}
.nct-body .nct-content .nct-content-half-network .nct-content-text .nct-block .nct-block-content .nct-icon i
{
    font-size: 3em;
}
.nct-body .nct-content .nct-content-half-network .nct-content-text .nct-block .nct-block-content .nct-text
{
    margin-left: 90px;
}
.nct-body .nct-content .nct-content-half-network .nct-content-text .nct-block .nct-block-content .nct-text .nct-top
{
    color: #ED307A;
    font-size: 1.1em;
    font-family: "Poppins Medium";
}
.nct-body .nct-content .nct-content-half-network .nct-content-text .nct-block .nct-block-content .nct-text .nct-bottom
{
    color: #8B4D9D;
    font-size: 0.8em;
    font-family: "Poppins Light";
}
.nct-body .nct-content .nct-title-comments
{
    clear: both;
    width: 800px;
    margin: auto;
    margin-top: 100px;
    margin-bottom: 100px;
}
.nct-body .nct-content .nct-title-comments .nct-title
{
    color: rgb(45, 45, 45);
    font-size: 2em;
    font-family: "Poppins Bold";
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.nct-body .nct-content .nct-title-comments .nct-comments
{
    width: 100%;
    margin-top: 40px;
}
.nct-body .nct-content .nct-title-comments .nct-comments .no-comments
{
    width: 80%;
    padding-top: 40px;
    text-align: center;
}
.nct-body .nct-content .nct-title-comments .nct-comments .no-comments .nct-icon
{
    margin-bottom: 10px;
    color: silver;
    font-size: 3.5em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}
.nct-body .nct-content .nct-title-comments .nct-comments .no-comments .nct-text
{
    width: 50%;
    margin: auto;
    color: gray;
}
.nct-body .nct-content .nct-title-comments .nct-comments .nct-comment
{
    width: 100%;
    margin-top: 30px;
    border: none;
    border-left: 1px solid rgb(190, 190, 190);
    border-radius: 20px;
}
.nct-body .nct-content .nct-title-comments .nct-comments .nct-comment-reply
{
    margin: -20px 0 0 40px;
    border: none;
    border-left: 1px solid rgb(190, 190, 190);
    border-radius: 20px;
}
.nct-body .nct-content .nct-title-comments .nct-comments .nct-comment .nct-img,
.nct-body .nct-content .nct-title-comments .nct-comments .nct-comment-reply .nct-img
{
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-right: 10px;
    float: left;
    overflow: hidden;
    background: silver;
    border-radius: 100px;
}
.nct-body .nct-content .nct-title-comments .nct-comments .nct-comment .nct-img img,
.nct-body .nct-content .nct-title-comments .nct-comments .nct-comment-reply .nct-img img
{
    width: 40px;
    height: 40px;
    object-fit: cover;
}
.nct-body .nct-content .nct-title-comments .nct-comments .nct-comment .nct-name,
.nct-body .nct-content .nct-title-comments .nct-comments .nct-comment-reply .nct-name
{
    margin-top: 5px;
    font-family: "Quicksand Bold";
}
.nct-body .nct-content .nct-title-comments .nct-comments .nct-comment .nct-name span,
.nct-body .nct-content .nct-title-comments .nct-comments .nct-comment-reply .nct-name span
{
    padding-right: 10px;
    font-family: "Quicksand Light";
}
.nct-body .nct-content .nct-title-comments .nct-comments .nct-comment .nct-text,
.nct-body .nct-content .nct-title-comments .nct-comments .nct-comment-reply .nct-text
{
    width: 80%;
    margin-top: 3px;
    margin-left: 30px;
    color: gray;
}
.nct-body .nct-content .nct-title-comments .nct-comments .nct-comment .nct-buttons,
.nct-body .nct-content .nct-title-comments .nct-comments .nct-comment-reply .nct-buttons
{
    width: 80%;
    margin-top: 10px;
    margin-left: 25px;
    padding-bottom: 30px;
}
.nct-body .nct-content .nct-title-comments .nct-comments .nct-comment .nct-buttons .nct-button,
.nct-body .nct-content .nct-title-comments .nct-comments .nct-comment-reply .nct-buttons .nct-button
{
    margin-right: 50px;
    cursor: pointer;
    color: gray;
    font-family: "Poppins Medium";
    font-size: 0.7em!important;
    border: none;
    background: none;
}
.nct-body .nct-content .nct-title-comments .nct-comments .nct-comment .nct-buttons .nct-button i,
.nct-body .nct-content .nct-title-comments .nct-comments .nct-comment-reply .nct-buttons .nct-button i
{
    margin-right: 2px;
}
.nct-body .nct-content .nct-title-comments .nct-inputs
{
    width: 80%;
    margin-top: 100px;
}
.nct-body .nct-content .nct-title-comments .nct-inputs .nct-input
{
    width: calc(100% - 30px);
    padding: 5px;
    font-family: "Quicksand Light";
    color: white;
    text-shadow: 2px 1px 3px gray;
    border: none;
    background: rgb(230, 230, 230);
    border-radius: 35px;
    box-shadow: inset -3px 2px 12px silver;
}
.nct-body .nct-content .nct-title-comments .nct-inputs .nct-input input[type='submit']
{
    padding: 15px 25px 15px 25px;
    float: right;
    cursor: pointer;
    color: white;
    font-family: "Quicksand Bold";
    border: none;
    background: rgb(30, 30, 30);
    border-radius: 30px;
}
.nct-body .nct-content .nct-title-comments .nct-inputs .nct-input input[type='text']
{
    width: calc(65% - 30px);
    padding: 15px;
    font-family: "Quicksand Bold";
    color: rgb(30, 30, 30);
    text-shadow: none;
    border: none;
    background: none;
    border-radius: 35px;
}
.nct-body .nct-content .nct-title-comments .nct-inputs .nct-input input[type='text']::placeholder
{
    font-family: "Quicksand Bold";
    color: white;
    text-shadow: 2px 1px 3px gray;
}
.nct-body .nct-content .nct-title-comments .error-comment
{
    margin-top: 10px;
    display: none;
    color: crimson;
    font-family: "Quicksand Bold";
    font-size: 0.9em;
}
.nct-body .nct-content .nct-title-comments .error-comment i
{
    float: left;
    margin-top: 2px;
    margin-right: 5px;
}
.nct-body .nct-content .nct-content-item
{
    width: 100%;
    margin-top: 50px;

    /* background: #B66DFF; */
}
.nct-body .nct-content .nct-content-item .nct-item
{
    /* width: 365px; */
    width: 335px;
    height: 300px;
    margin-left: 11px;
    margin-bottom: 20px;
    padding: 10px;
    display: inline-block;
    cursor: pointer;
    background: none;
    border-radius: 20px;
    transition-duration: 0.5s;
}
.nct-body .nct-content .nct-title-comments .nct-comments .nct-comment-reply
{
    border: none;
    border-left: 1px solid rgb(190, 190, 190);
    border-radius: 20px;
}
.nct-body .nct-content .nct-content-item .nct-item:hover
{
    background: silver;
    transition-duration: 0.5s;
}
.nct-body .nct-content .nct-content-item .nct-item:nth-child(3n + 1)
{
    margin-left: 0;
}
.nct-body .nct-content .nct-content-item .nct-item .nct-image
{
    /* width: 365px; */
    width: 335px;
    height: 170px;
    overflow: hidden;
    background: rgb(240, 240, 240);
    border-radius: 15px;
}
.nct-body .nct-content .nct-content-item .nct-item .nct-image img
{
    /* width: 365px; */
    width: 335px;
    height: 170px;
    object-fit: cover;
}
.nct-body .nct-content .nct-content-item .nct-item .nct-category
{
    padding: 10px 0 10px 0;
    font-size: 0.8em;
    font-family: "Poppins Medium";
}
.nct-body .nct-content .nct-content-item .nct-item .nct-category span
{
    margin-left: 20px;
    color: black;
    font-size: 1em;
    font-family: "Quicksand Light";
}

.nct-body .nct-content .nct-content-item .nct-item .nct-title a
{
    /* height: 60px; */
    border: 1px solid transparent!important;
}

.nct-body .nct-content .nct-content-item .nct-item .nct-title,
.nct-body .nct-content .nct-content-item .nct-item .nct-title a
{
    /*
    width: 100%;
    height: 50px;
    overflow: hidden;
    color: rgb(30, 30, 30);
    font-size: 1.1em;
    font-family: "Quicksand Bold";
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    border: 1px solid aqua!important;
    */

    width: 100%;
    height: 45px;
    max-height: 45px;
    overflow: hidden;
    display: -webkit-box;
    color: rgb(30, 30, 30);
    font-size: 1.1em;
    font-family: "Quicksand Bold";
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}
.nct-body .nct-content .nct-readmore
{
    padding: 30px 0 30px 0;
    text-align: center;
}
.nct-body .nct-content .nct-readmore .nct-button
{
    width: fit-content;
    margin: auto;
    padding: 1.5px;
    cursor: pointer;
    background: linear-gradient(#ED307A, #8B4D9D);
    border-radius: 50px;
}
.nct-body .nct-content .nct-readmore .nct-button:hover .nct-label
{
    color: silver;
    background: rgb(30, 30, 30);
}
.nct-body .nct-content .nct-readmore .nct-button .nct-label
{
    padding: 10px 20px 10px 20px;
    background: rgb(240, 240, 240);
    border-radius: 50px;
}
.nct-gradient-subscribe
{
    width: 100%;
    padding: 100px 0 100px 0;
}
.nct-gradient-subscribe .nct-gradient-content
{
    width: 994px;
    margin: auto;
    padding: 3px;
    background: linear-gradient(#ED307A, #8B4D9D);
    border-radius: 25px;
}
.nct-gradient-subscribe .nct-gradient-content .nct-gradient
{
    height: 250px;
    /* padding: 50px; */
    /* background: white; */
    border-radius: 24px;
}
.nct-gradient-subscribe .nct-gradient-content .nct-gradient .nct-image
{
    width: 250px;
    margin: -120px 30px 0 0;
    float: right;
}
.nct-gradient-subscribe .nct-gradient-content .nct-gradient .nct-image img
{
    width: 100%;
}
.nct-gradient-subscribe .nct-gradient-content .nct-gradient .nct-text
{
    width: 50%;
    padding: 40px 50px 50px 50px;
}
.nct-gradient-subscribe .nct-gradient-content .nct-gradient .nct-text .nct-title
{
    color: white;
    font-size: 2em;
    font-family: "Poppins Bold";
    line-height: 30px;
    text-shadow: 0 2px 3px gray;
}
.nct-gradient-subscribe .nct-gradient-content .nct-gradient .nct-text .nct-desc
{
    line-height: 25px;
    margin-top: 25px;
    color: white;
    font-family: "Quicksand Light";
}
.nct-gradient-subscribe .nct-gradient-content .nct-gradient .nct-text .nct-button
{
    width: 100px;
    margin-top: 25px;
    padding: 10px;
    cursor: pointer;
    color: white;
    text-align: center;
    background: rgb(30, 30, 30);
    border-radius: 100px;
    transition-duration: 0.5s;
}
.nct-gradient-subscribe .nct-gradient-content .nct-gradient .nct-text .nct-button:hover
{
    transition-duration: 0.5s;
    color: rgb(30, 30, 30);
    background: white;
}
.nct-footer
{
    background: rgb(30, 30, 30);
}
.nct-footer .nct-content
{
    width: 1200px;
    margin: auto;
    padding: 50px 0 50px 0;
}
.nct-footer .nct-content .item
{
    width: 280px;
    height: 300px;
    margin-left: 20px;
    display: inline-table;
}
.nct-footer .nct-content .item:nth-child(1)
{
    margin-left: 0;
}
.nct-footer .nct-content .item .top
{
    color: white;
    font-family: "Poppins Bold";
    font-size: 1.2em;
}
.nct-footer .nct-content .item .bottom
{
    margin-top: 40px;
    color: rgb(220, 220, 220);
}
.nct-footer .nct-content .item .bottom .link
{
    padding-top: 10px;
    padding-bottom: 10px;
}
.nct-footer .nct-content .item .bottom .link a
{
    color: rgb(220, 220, 220);
    text-decoration: none;
}
.nct-footer .nct-content .item .bottom .link a:hover
{
    text-decoration: underline;
}
.nct-footer .nct-content .item .bottom .ico
{
    margin-top: 10px;
}
.nct-footer .nct-content .item .bottom .ico i
{
    padding: 10px;
    background: white;
    border-radius: 20px;
}
.nct-footer .nct-content .item .bottom .ico .one
{
    padding: 10px 13px 10px 13px;
    background: white;
    border-radius: 20px;
}
.nct-footer .nct-content .item .bottom .ico i
{
    margin-top: 20px;
    margin-right: 14px;
    color: rgb(30, 30, 30);
}
.nct-footer .copyright
{
    padding-top: 100px;
    padding-bottom: 20px;
    color: white;
    text-align: center;
}
#loading
{
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    background: none;
    backdrop-filter: blur(100px);
    z-index: 10;
}
#loading .spinner
{
    width: 2.5vw;
    height: 2.5vw;
    position: absolute;
    top: 50vh;
    left: 49vw;
    border-radius: 50%;
    border: 6px solid;
    border-color:#E4E4ED;
    border-right-color: #766DF4;
    animation:s2 1s infinite linear;
}
    
@keyframes s2 {to{transform: rotate(1turn)}}
#modal
{
	width: 100vw;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	background: linear-gradient(rgba(139, 77, 157, 0.7) 40%, rgb(238, 187, 214));
	backdrop-filter: blur(100px);
	z-index: 10;
}
#modal .box
{
	width: 35vw;
	height: 70vh;
	margin: auto;
	margin-top: 15vh;
	display: none;
	position: relative;
}
#modal .box .content
{
	width: 30vw;
	height: 70vh;
	margin: auto;
	margin-top: 20vh;
	position: relative;
	background: white;
	border-radius: 10px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}
#modal .box .content .close
{
	padding: 20px;
	color: gray;
	position: relative;
	text-align: right;
	text-shadow: 0 1px 0 white;
}
#modal .box .content .close i
{
	cursor: pointer;
	font-size: 1.1em;
}
#modal .box .content .top
{
	width: 30vw;
	height: 30vh;
    margin: auto;
	margin-top: -7vw;
	text-align: center;
	position: absolute;
}
#modal .box .content .top .foreground
{
	width: 30vw;
	height: 70vh;
	color: transparent;
	text-align: center;
	position: absolute;
	top: 7vw;
	left: 0;
	background: linear-gradient(rgba(236, 246, 250, 0.1), rgb(253, 227, 240) 24.5vh);
	border-radius: 10px;
}
#modal .box .content .top img
{
	width: 30vw;
}
#modal .box .content .top .medium
{
	width: 22vw;
}
#modal .box .content .top .hack
{
	width: 100%;
	height: 20vh;
	margin-top: -10px;
	color: transparent;
}
#modal .box .content .text
{
	width: 30vw;
	position: absolute;
	bottom: 0;
	margin-top: 20vw;
}
#modal .box .content .text .title
{
	width: 30vw;
	margin: auto;
	margin-bottom: 30px;
	color: black;
	font-size: 2em;
	font-family: "Arvo Bold";
	text-align: center;
	text-transform: uppercase;
}
#modal .box .content .text .alertMsg
{
    margin-top: -10px;
	padding: 0 20px 20px 20px;
	font-family: "Poppins Extra Light";
	text-align: center;
}
#modal .box .content .text .alertMsg span
{
	font-family: "Poppins Medium";
}
#modal .box .content .text .alertMsgMobile
{
    display: none;
}
#modal .box .content .text .input-group
{
    padding: 20px 30px 20px 30px;
}
#modal .box .content .text .input-group .email-hint,
#modal .box .content .text .input-group .name-hint
{
    text-align: right;
}
#modal .box .content .text .input-group .email-hint span,
#modal .box .content .text .input-group .name-hint span
{
    margin-right: 2px;
    padding: 4px 8px 4px 8px;
    color: white;
    cursor: pointer;
    background: rgb(20, 20, 20);
    border-radius: 10px 10px 0 10px;
}
#modal .box .content .text .input-group .input
{
	width: 92%;
	margin: auto;
	padding: 20px 15px 20px 15px;
	border-radius: 10px;
	border: none;
}
#modal .box .content .text .input-group .input::placeholder
{
	font-family: "Poppins Light";
}
#modal .box .content .text .items
{
	width: 100%;
	text-align: center;
}
#modal .box .content .text .items .item
{
	width: 25%;
	margin-left: 5%;
	display: inline-block;
	cursor: pointer;
	position: relative;
	opacity: 0.3;
	border: 1px solid transparent;
	border-radius: 12px;
}
#modal .box .content .text .items .item:nth-child(1)
{
	margin-left: 0;
}
#modal .box .content .text .items .active
{
	opacity: 1;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
	border: 1px solid rgb(0, 192, 0);
	background-image: url("../img/pattern_1.png");
	background-size: 100% 100%;
}
#modal .box .content .text .items .item i
{
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 1.2em;
}
#modal .box .content .text .items .active i
{
	display: block;
	color: rgb(0, 192, 0);
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 1.2em;
}
#modal .box .content .text .items .item .digit
{
	margin-top: -10px;
	font-size: 6em;
	font-family: "Poppins Bold";
	text-align: center;
}
#modal .box .content .text .items .item .way
{
	margin-top: -30px;
	font-family: "Poppins Medium";
}
#modal .box .content .text .items .item .amount
{
	padding-bottom: 10px;
}
#modal .box .content .text .email
{
	width: 100%;
	padding: 30px;
}
#modal .box .content .text .email input
{
	width: 25.5vw;
	padding: 2%;
	font-family: "Poppins Medium";
	font-size: 1.1em;
	border: 2px solid black;
	background: none;
	transition-duration: 0.3s;
	border-radius: 6px;
}
#modal .box .content .text .email input:focus
{
	color: #8B4D9D;
	border: 2px solid #8B4D9D;
	transition-duration: 0.5s;
}
#modal .box .content .text .email input::placeholder
{
	color: black;
	font-family: "Poppins Extra Light";
}
#modal .box .content .text .email .error
{
	width: 30vw;
	margin: auto;
	display: none;
	color: crimson;
	font-size: 0.9em;
	font-family: "Poppins Medium";
	margin-top: 10px;
}
#modal .box .content .text .email .error i
{
	margin-right: 10px;
	color: crimson;
	float: left;
	font-size: 1.3em;
	text-overflow: 0 1px 0 white;
}

#modal .box .content .text .button
{
	padding: 0 30px 30px 30px;
}
#modal .box .content .text .button button
{
	width: 100%;
	padding: 12px;
	font-family: "Poppins Light";
	font-size: 1.2em;
	cursor: pointer;
	color: rgba(255, 255, 255, 0.7);
	text-shadow: 0 0 3px black;
	border: none;
	background: linear-gradient(#ED307A, #8B4D9D);
	transition-duration: 0.5s;
	border-radius: 10px;
}
#modal .box .content .text .button button span
{
	color: white;
	font-family: "Poppins Bold";	
}
#modal .box .content .text .button button:disabled
{
	cursor: not-allowed;
	opacity: 0.7;	
}
#modal .box .message
{
	width: 30vw;
	margin: auto;
	color: gray;
	font-size: 0.9em;
	font-family: "Poppins Medium";
	margin-top: 15px;
}
#modal .box .message i
{
	margin-right: 10px;
	color: gray;
	float: left;
	font-size: 1.3em;
	text-overflow: 0 1px 0 white;
}
#modal .box .message .optTwo,
#modal .box .message .optThree
{
	display: none;
}
#modal .response
{
	width: 30vw;
	height: 50px;
	margin: auto;
	margin-top: 15px;
	display: none;
	font-size: 0.8em;
	font-family: "Poppins Medium";
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
#modal .response i
{
	margin: 3px 10px 0 0;
	float: left;
	margin-bottom: 50px;
}
#modal .error-display
{
	clear: both;
	color: crimson;
}
#modal .success-display
{
	color: forestgreen;
}
#otp, 
#name
{
	display: none;
}
.successPlace::placeholder
{
    color: silver;
}
.errorPlace::placeholder
{
    color: crimson;
}
@media screen and (max-width: 992px) 
{
    .nct-header
    {
        height: 30px;
        padding: 15px 20px 15px 20px;
        color: silver;
        font-family: "Quicksand Bold";
    }
}
@media screen and (max-width: 600px) 
{
    body, html
    {
        width: 100%;
        overflow-x: hidden;
    }
    .nct-header
    {
        height: 30px;
        color: silver;
        font-family: "Quicksand Bold";
        background: white;
    }
    .nct-header .nct-content
    {
        width: 100%;
    }
    .nct-header .nct-menu
    {
        display: none;
    }
    .nct-header .nct-menu-mobile
    {
        width: 100px;
        float: right;
        display: block;
    }
    .nct-header .nct-menu-mobile .bars
    {
        margin-top: 4px;
        text-align: right;
    }
    .nct-header .nct-menu-mobile .bars i
    {
        color: rgb(50, 50, 50);
        font-size: 1.5em;
    }
    .nct-body
    {
        width: 100%;
    }
    .nct-body .nct-content
    {
        width: 100%;
    }
    .nct-body .nct-content .nct-half-right
    {
        display: none;
    }
    .nct-body .nct-content .nct-content-half
    {
        width: calc(100% - 30px);
        margin: auto;
        margin-top: 20px;
        padding: 15px;
    }
    .nct-body .nct-content .nct-content-half .nct-half-img
    {
        width: 100%;
        height: auto;
        margin: auto;
        overflow: hidden;
        box-shadow: 2px 0 12px rgb(210, 210, 210);
        border-radius: 15px;
    }
    .nct-body .nct-content .nct-content-half .nct-img
    {
        width: 100%;
        height: auto;
        background: rgb(234, 234, 234);
        border-radius: 15px 15px 0 0;
    }
    .nct-body .nct-content .nct-content-half .nct-img img
    {
        width: 100%;
        height: auto;
        margin-bottom: -8px;
        position: relative;
        object-fit: cover;
        border-radius: 15px 15px 0 0;
    }
    .nct-body .nct-content .nct-content-item
    {
        width: calc(100% - 10px);
        margin-top: 50px;
        padding: 5px;
        background: none;
    }
    .nct-body .nct-content .nct-content-item .nct-item
    {
        width: calc(100% - 20px);
        height: 300px;
        margin-left: 0;
        margin-bottom: 20px;
        margin: auto;
        padding: 10px;
        display: block;
        cursor: pointer;
        background: none;
        border-radius: 20px;
        transition-duration: 0.5s;
    }
    .nct-body .nct-content .nct-content-item .nct-item .nct-image
    {
        width: 100%;
        height: 170px;
        overflow: hidden;
        background: rgb(240, 240, 240);
        border-radius: 15px;
    }
    .nct-body .nct-content .nct-content-item .nct-item .nct-image img
    {
        width: 100%;
        height: 170px;
        object-fit: cover;
    }
    .nct-body .nct-content .nct-title-comments .nct-comments .nct-comment-reply
    {
        border: none;
        border-left: 1px solid rgb(190, 190, 190);
        border-radius: 20px;
    }

    .nct-body .nct-content .nct-author-network
    {
        display: none;
    }
    .nct-body .nct-content .nct-subscribe-network
    {
        display: none;
        width: 100%;
        height: 240px;
        right: 0;
        top: calc(100vh - 240px);
    }
    .nct-body .nct-content .nct-subscribe-network-fixed
    {
        width: 100%;
        height: 240px;
        right: 0;
        top: calc(100vh - 240px);
    }
    .nct-body .nct-content .nct-subscribe-network .nct-text,
    .nct-body .nct-content .nct-subscribe-network-fixed .nct-text
    {
        padding: 0 10px 0 10px;
    }
    .nct-body .nct-content .nct-subscribe-network .nct-team,
    .nct-body .nct-content .nct-subscribe-network-fixed .nct-team
    {
        padding: 0 15px 20px 15px;
    }
    .nct-body .nct-content .nct-subscribe-network .nct-team .nct-circle,
    .nct-body .nct-content .nct-subscribe-network-fixed .nct-team .nct-circle
    {
        width: 80px;
        height: 80px;
        margin: auto;
        display: none;
        background: rgb(234, 234, 234);
        border-radius: 100px;
    }
    .nct-body .nct-content .nct-subscribe-network .nct-team .nct-circle img,
    .nct-body .nct-content .nct-subscribe-network-fixed .nct-team .nct-circle img
    {
        width: 45px;
        margin-top: 17px;
    }
    .nct-body .nct-content .nct-subscribe-network .nct-input,
    .nct-body .nct-content .nct-subscribe-network-fixed .nct-input
    {
        width: 90%;
        margin: auto;
        padding-bottom: 1px;
        background: linear-gradient(45deg, #ED307A, #8B4D9D);
    }
    .nct-body .nct-content .nct-subscribe-network .nct-input input,
    .nct-body .nct-content .nct-subscribe-network-fixed .nct-input input
    {
        height: 30px;
    }
    .nct-body .nct-content .nct-subscribe-network .nct-button,
    .nct-body .nct-content .nct-subscribe-network-fixed .nct-button
    {
        padding: 20px;
    }
    .nct-body .nct-content .nct-subscribe-network .nct-button button,
    .nct-body .nct-content .nct-subscribe-network-fixed .nct-button button
    {
        height: 40px;
    }
    .nct-body .nct-content .nct-content-half-network
    {
        width: calc(100% - 20px);
        margin: auto;
        margin-top: 50px;
        padding: 10px;
    }
    .nct-body .nct-content .nct-content-half-network .nct-half-network-title
    {
        padding: 0 20px 20px 20px;
        color: rgb(30, 30, 30);
        font-size: 2em;
        font-family: "Quicksand Bold";
        text-align: center;
    }
    .nct-body .nct-content .nct-content-half-network .nct-img
    {
        width: 100%;
        height: auto;
        margin-top: 40px;
        border: 1px solid rgb(230, 230, 230);
        background: none;
        border-radius: 15px;
    }
    .nct-body .nct-content .nct-content-half-network .nct-img img
    {
        width: 100%;
        height: auto;
    }
    .nct-body .nct-content .nct-content-half-network .nct-author-mobile
    {
        padding: 20px;
        display: block;
    }
    .nct-body .nct-content .nct-content-half-network .nct-author-mobile .nct-author-image
    {
        width: 60px;
        height: 60px;
        margin-right: 10px;
        margin-bottom: 30px;
        overflow: hidden;
        float: left;
        border: 2px solid #8B4D9D;
        background: silver;
        border-radius: 60px;   
    }
    .nct-body .nct-content .nct-content-half-network .nct-author-mobile .nct-author-image img
    {
        width: 56px;
        height: 56px;
        object-fit: cover;
        border: 2px solid white;   
        border-radius: 60px;   
    }
    .nct-body .nct-content .nct-content-half-network .nct-author-mobile .nct-author-name
    {
        font-family: "Quicksand Bold";
    }
    .nct-body .nct-content .nct-content-half-network .nct-author-mobile .nct-author-resume
    {
        margin-top: 6px;
        margin-bottom: 2px;
    }
    .nct-body .nct-content .nct-content-half-network .nct-author-mobile .nct-author-update
    {
        color: gray;
        font-size: 0.9em;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    }
    .nct-body .nct-content .nct-content-half-network .nct-author-mobile .nct-author-category
    {
        margin-top: 10px;
        color: #8B4D9D;
        font-size: 0.8em;
        font-family: "Poppins Medium";
    }
    .nct-body .nct-content .nct-content-half-network .nct-author-mobile .nct-author-category a
    {
        padding-left: 4px;
        padding-right: 4px;
        border: 1.8px solid;
        border-radius: 30px;
    }
    .nct-body .nct-content .nct-content-half-network .nct-content-text
    {
        padding: 0 20px 20px 20px;
        font-size: 1.3em;
        text-align: justify;
    }
    .nct-body .nct-content .nct-content-half-network .nct-content-text .nct-block .nct-block-content
    {
        padding: 20px 20px 25px 20px;
        border-radius: 20px;
        background: linear-gradient(rgb(240, 240, 240), white);

    }
    .nct-body .nct-content .nct-content-half-network .nct-content-text .nct-block .nct-block-content .nct-button
    {
        display: none;
    }
    .nct-body .nct-content .nct-content-half-network .nct-content-text .nct-block .nct-block-content .nct-button button
    {
        display: none;
    }
    .nct-body .nct-content .nct-content-half-network .nct-content-text .nct-block .nct-block-content .nct-button-mobile
    {
        display: block;    
    }
    .nct-body .nct-content .nct-content-half-network .nct-content-text .nct-block .nct-block-content .nct-button-mobile button
    {
        width: 100%;
        margin-top: 20px;
        padding: 12px 30px 12px 30px;
        border: none;
        cursor: pointer;
        color: white;
        font-size: 0.9em;
        font-family: "Quicksand Bold";
        background: rgb(30, 30, 30);
        border-radius: 10px;
    }
    .nct-body .nct-content .nct-content-half-network .nct-content-text .nct-block .nct-block-content .nct-button button:hover
    {
        background: linear-gradient(#ED307A, #8B4D9D);
        text-shadow: 0 2px 3px black;
        transition-duration: 0.5s;
    }
    .nct-body .nct-content .nct-content-half-network .nct-content-text .nct-block .nct-block-content .nct-icon-text
    {
        width: 100%;
    }
    .nct-body .nct-content .nct-content-half-network .nct-content-text .nct-block .nct-block-content .nct-icon
    {
        display: none;
    }
    .nct-body .nct-content .nct-content-half-network .nct-content-text .nct-block .nct-block-content .nct-icon i
    {
        font-size: 3em;
    }
    .nct-body .nct-content .nct-content-half-network .nct-content-text .nct-block .nct-block-content .nct-text
    {
        margin-left: 0;
    }
    .nct-body .nct-content .nct-content-half-network .nct-content-text .nct-block .nct-block-content .nct-text .nct-top
    {
        margin-bottom: 10px;
    }
    .nct-body .nct-content .nct-title-comments
    {
        width: calc(100% - 40px);
        margin: auto;
        margin-top: 80px;
        margin-bottom: 100px;
        padding: 20px;
    }
    .nct-body .nct-content .nct-title-comments .nct-comments
    {
        width: calc(100% -20px);
        margin-top: 40px;
        padding-left: 20px;
    }
    .nct-body .nct-content .nct-title-comments .nct-inputs
    {
        width: 100%;
        margin-top: 100px;
        margin-left: -20px;
    }
    .nct-body .nct-content .nct-title-comments .nct-inputs .nct-input
    {
        width: calc(100% - 10px);
        padding: 5px;
        font-family: "Quicksand Light";
        color: white;
        text-shadow: 2px 1px 3px gray;
        border: none;
        background: rgb(230, 230, 230);
        border-radius: 35px;
        box-shadow: inset -3px 2px 12px silver;
    }
    .nct-body .nct-content .nct-title-comments .nct-inputs .nct-input input[type='submit']
    {
        padding: 15px 25px 15px 25px;
        float: right;
        cursor: pointer;
        color: white;
        font-family: "Quicksand Bold";
        border: none;
        background: rgb(30, 30, 30);
        border-radius: 30px;
    }
    .nct-body .nct-content .nct-title-comments .nct-inputs .nct-input input[type='text']
    {
        width: calc(65% - 30px);
        padding: 15px;
        font-family: "Quicksand Bold";
        color: rgb(30, 30, 30);
        text-shadow: none;
        border: none;
        background: none;
        border-radius: 35px;
    }
    .nct-body .nct-content .nct-title-comments .nct-inputs .nct-input input[type='text']::placeholder
    {
        font-family: "Quicksand Bold";
        color: white;
        text-shadow: 2px 1px 3px gray;
    }
    .nct-gradient-subscribe
    {
        width: 100%;
        padding: 80px 0 0 0;
        overflow: hidden;
    }
    .nct-gradient-subscribe .nct-gradient-content
    {
        width: calc(100% - 6px);
        margin: auto;
        padding: 3px;
        background: linear-gradient(#ED307A, #8B4D9D);
        border-radius: 0;
    }
    .nct-gradient-subscribe .nct-gradient-content .nct-gradient
    {
        height: 230px;
        /* margin-bottom: -6px; */
        border-radius: 24px;
    }
    .nct-gradient-subscribe .nct-gradient-content .nct-gradient .nct-image
    {
        width: 210px;
        height: 312.4px;
        margin: -80px -80px 0 0;
        float: right;
        background: none;
    }
    .nct-gradient-subscribe .nct-gradient-content .nct-gradient .nct-image img
    {
        width: 100%;
    }
    .nct-gradient-subscribe .nct-gradient-content .nct-gradient .nct-text
    {
        width: 70%;
        padding: 20px;
    }
    .nct-gradient-subscribe .nct-gradient-content .nct-gradient .nct-text .nct-title
    {
        line-height: 40px;
    }
    .nct-gradient-subscribe .nct-gradient-content .nct-gradient .nct-text .nct-desc
    {
        display: none;
    }
    .nct-gradient-subscribe .nct-gradient-content .nct-gradient .nct-text .nct-button
    {
        width: 100px;
        margin-top: 25px;
        padding: 10px;
        cursor: pointer;
        color: white;
        text-align: center;
        background: rgb(30, 30, 30);
        border-radius: 100px;
        transition-duration: 0.5s;
    }
    .nct-gradient-subscribe .nct-gradient-content .nct-gradient .nct-text .nct-button:hover
    {
        transition-duration: 0.5s;
        color: rgb(30, 30, 30);
        background: white;
    }
    .nct-footer .nct-content
    {
        width: 100%;
    }
    .nct-footer .nct-content .item
    {
        width: 280px;
        height: 300px;
        margin-left: 20px;
        display: block;
    }
    .nct-footer .nct-content .item:nth-child(1)
    {
        margin-left: 20px;
    }
    #loading .spinner
    {
        width: 7.5vw;
        height: 7.5vw;
        position: absolute;
        top: 50vh;
        left: 49vw;
        border-radius: 50%;
        border: 6px solid;
        border-color:#E4E4ED;
        border-right-color: #766DF4;
        animation:s2 1s infinite linear;
    }
    #modal
    {
        width: 100vw;
        height: 100vh;
        position: fixed;
        left: 0;
        top: 0;
        display: none;
        background: linear-gradient(rgba(139, 77, 157, 0.7) 40%, rgb(238, 187, 214));
        backdrop-filter: blur(100px);
        z-index: 10;
    }
    #modal .box
    {
        width: 90%;
        height: 70vh;
        margin-top: 15vh;
        display: none;
        position: relative;
    }
    #modal .box .content
    {
        width: 90%;
        height: 70vh;
        margin: auto;
        margin-top: 20vh;
        position: relative;
        background: white;
        border-radius: 10px;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
    }
    #modal .box .content .close
    {
        padding: 20px;
        color: gray;
        position: relative;
        text-align: right;
        text-shadow: 0 1px 0 white;
    }
    #modal .box .content .close i
    {
        cursor: pointer;
        font-size: 1.1em;
    }
    #modal .box .content .top
    {
        width: 100%;
        height: 30vh;
        margin-top: -15vw;
        text-align: center;
        position: absolute;
    }
    #modal .box .content .top .foreground
    {
        width: 100%;
        height: 70vh;
        color: transparent;
        text-align: center;
        position: absolute;
        top: 15vw;
        left: 0;
        background: linear-gradient(rgba(236, 246, 250, 0.1), rgb(253, 227, 240) 24.5vh);
        border-radius: 10px;
    }
    #modal .box .content .top img
    {
        width: 85vw!important;
        margin-left: -2.5vw;
    }
    #modal .box .content .top .medium
    {
        width: 22vw;
    }
    #modal .box .content .top .hack
    {
        width: 100%;
        height: 20vh;
        margin-top: -10px;
        color: transparent;
    }
    #modal .box .content .text
    {
        width: 100%;
        position: absolute;
        bottom: 0;
    }
    #modal .box .content .text .title
    {
        width: 100%;
        margin: auto;
        margin-bottom: 30px;
        color: black;
        font-size: 2em;
        font-family: "Arvo Bold";
        text-align: center;
        text-transform: uppercase;
    }
    #modal .box .content .text .alertMsg
    {
        display: none;
    }
    #modal .box .content .text .alertMsg span
    {
        font-family: "Poppins Medium";
    }
    #modal .box .content .text .alertMsgMobile
    {
        margin-top: 40px;
        padding: 20px 20px 0 20px;
        display: block;
        font-family: "Poppins Extra Light";
        text-align: center;
    }
    #modal .box .content .text .input-group
    {
        padding: 20px 30px 20px 30px;
    }
    #modal .box .content .text .items
    {
        width: 100%;
        text-align: center;
    }
    #modal .box .content .text .items .item
    {
        width: 25%;
        margin-left: 5%;
        display: inline-block;
        cursor: pointer;
        position: relative;
        opacity: 0.3;
        border: 1px solid transparent;
        border-radius: 12px;
    }
    #modal .box .content .text .items .item:nth-child(1)
    {
        margin-left: 0;
    }
    #modal .box .content .text .items .active
    {
        opacity: 1;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
        border: 1px solid rgb(0, 192, 0);
        background-image: url("../img/pattern_1.png");
        background-size: 100% 100%;
    }
    #modal .box .content .text .items .item i
    {
        display: none;
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 1.2em;
    }
    #modal .box .content .text .items .active i
    {
        display: block;
        color: rgb(0, 192, 0);
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 1.2em;
    }
    #modal .box .content .text .items .item .digit
    {
        margin-top: -10px;
        font-size: 6em;
        font-family: "Poppins Bold";
        text-align: center;
    }
    #modal .box .content .text .items .item .way
    {
        margin-top: -30px;
        font-family: "Poppins Medium";
    }
    #modal .box .content .text .items .item .amount
    {
        padding-bottom: 10px;
    }
    #modal .box .content .text .email
    {
        width: 100%;
        padding: 30px;
    }
    #modal .box .content .text .email input
    {
        width: 25.5vw;
        padding: 2%;
        font-family: "Poppins Medium";
        font-size: 1.1em;
        border: 2px solid black;
        background: none;
        transition-duration: 0.3s;
        border-radius: 6px;
    }
    #modal .box .content .text .email input:focus
    {
        color: #8B4D9D;
        border: 2px solid #8B4D9D;
        transition-duration: 0.5s;
    }
    #modal .box .content .text .email input::placeholder
    {
        color: black;
        font-family: "Poppins Extra Light";
    }
    #modal .box .content .text .email .error
    {
        width: 90vw;
        margin: auto;
        display: none;
        color: crimson;
        font-size: 0.9em;
        font-family: "Poppins Medium";
        margin-top: 10px;
    }
    #modal .box .content .text .email .error i
    {
        margin-right: 10px;
        color: crimson;
        float: left;
        font-size: 1.3em;
        text-overflow: 0 1px 0 white;
    }
    #modal .box .content .text .button
    {
        padding: 0 30px 30px 30px;
    }
    #modal .box .content .text .button button
    {
        width: 100%;
        padding: 12px;
        font-family: "Poppins Light";
        font-size: 1.2em;
        cursor: pointer;
        color: rgba(255, 255, 255, 0.7);
        text-shadow: 0 0 3px black;
        border: none;
        background: linear-gradient(#ED307A, #8B4D9D);
        transition-duration: 0.5s;
        border-radius: 10px;
    }
    #modal .box .content .text .button button span
    {
        color: white;
        font-family: "Poppins Bold";	
    }
    #modal .box .content .text .button button:disabled
    {
        cursor: not-allowed;
        opacity: 0.7;	
    }
    #modal .box .message
    {
        width: 100%;
        margin: auto;
        color: gray;
        font-size: 0.9em;
        font-family: "Poppins Medium";
        margin-top: 15px;
    }
    #modal .box .message i
    {
        margin-right: 10px;
        color: gray;
        float: left;
        font-size: 1.3em;
        text-overflow: 0 1px 0 white;
    }
    #modal .box .message .optTwo,
    #modal .box .message .optThree
    {
        display: none;
    }
    #modal .response
    {
        width: 80%;
        height: 50px;
        margin: auto;
        margin-top: 15px;
        display: none;
        font-size: 0.8em;
        font-family: "Poppins Medium";
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    }
    #modal .response i
    {
        margin: 3px 10px 0 0;
        float: left;
        margin-bottom: 50px;
    }
    #modal .error-display
    {
        clear: both;
        color: crimson;
    }
    #modal .success-display
    {
        color: forestgreen;
    }
    #otp, 
    #name
    {
        display: none;
    }
    .successPlace::placeholder
    {
        color: silver;
    }
    .errorPlace::placeholder
    {
        color: crimson;
    }
}