.back-sec {
    background:#fff;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}
.logo-sec h2{text-transform: uppercase;font-size: 20px;font-style: normal;color: #333;}
.Profile-Neelmani-sec .neel01{background: #1e0136;width: 100%;padding: 15px;color: #fff;text-decoration: none;font-size: 12px;text-align: center;border-radius: 5px;}
.Profile-Neelmani-sec .neel01:hover{background: #2d0f2f;
background: -moz-linear-gradient(-45deg, #2d0f2f 15%, #8c0095 100%);
background: -webkit-linear-gradient(-45deg, #2d0f2f 15%,#8c0095 100%);
background: linear-gradient(135deg, #2d0f2f 15%,#8c0095 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d0f2f', endColorstr='#8c0095',GradientType=1 );color: #fff;}
.neel01 img{margin-top: 10px;margin-bottom: 10px;}
.neel01 h5{text-align: left !important; margin: 0;text-transform: uppercase;font-size: 12px;letter-spacing: 2px;}
.back-sec a{text-decoration: none;}
.margin20{margin-top: 15px;}
.margin30{margin-top: 30px;}
.right-m{padding-right: 5px;}
.right2-m{padding-left: 10px;}
.left-m{padding-right: 10px;padding-left: 10px;}
.left2-m{padding-right: 10px;padding-left: 10px;}
.left01-m{padding-right: 5px;padding-left: 5px;}
.left03-m{padding-left: 10px;padding-right: 5px;}
.mtop {margin-bottom: 9px;}
.modal-content {background-image: url("../images/back.jpg");width: 100%;background-repeat: no-repeat;background-size: cover;}
.modal-header{border-bottom: 0;}
.modal-footer{border-top: 0;}
.modal-content h4 {font-size: 18px;text-transform: uppercase;text-align: center;letter-spacing: 2px;font-weight: 700;color: #000;}
.modal-content p{font-size: 14px;word-spacing: 1px;text-transform: capitalize;letter-spacing: 1px;text-align: justify;}
.modal-content .fa{color: #2c8700;}
.n-w-bg h1{font-size: 26px;font-weight: bold;text-align: center;color: #fff;text-transform: uppercase;}
.n-w-bg {background:#fff;padding: 20px;margin-bottom: 13px;position: relative;}
.n-w-bg p span{font-size: 25px;font-weight: bold;color: #000;}
.table-bordered th, .table-bordered td{border-color: #000;text-align: center;}
.table thead th {border-bottom: 1px solid #000;background: rgb(0 0 0);color: #fff;}
.conee01{margin-top: 50px;}
.conee01 .form-control {display: block;width: 100%;padding: 0.375rem .75rem;font-size: 1rem;line-height: 1.9;color: #495057;
    background-color: rgba(255, 255, 255,0.6);background-clip: padding-box;border: 1px solid #007bff; border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.conee01 textarea {overflow: auto;resize: vertical;height: 228px;}
.conee01 .btn-primary {color: #fff;line-height: 30px;border-radius: 0;/*width: 100%;*/}
.add-bg {padding: 10px;background: rgba(255, 255, 255,0.6);border: 1px solid #007bff;height: 228px;}
.home-link{content'';position: absolute;right: 10px;top: 20px;    color: black;}
#Projects-neel{height: 300px;overflow: hidden;display:block;text-align: center;color: #fff;border: 4px solid #ffab70;}
#Projects-neel img{width: 100%;
    -webkit-transition: background-position 2s ease-in-out;
    -moz-transition: background-position 2s ease-in-out;
    -ms-transition: background-position 2s ease-in-out;
    -o-transition: background-position 2s ease-in-out;
    transition: background-position 2s ease-in-out;}
#Projects-neel img:hover{background-position:0px -200px;transition: background-position 5s linear 0s;}
.demo {
    margin-bottom: 30px;
    text-align: center;    background: #fff;    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
.demo:before, .demo:after {content: " ";display: table;}
.demo:after {clear: both;}
.demo .preview {border: 10px solid #888;display: block;height: 300px;overflow: hidden;padding: 0;position: relative;width: 100%;}
.demo .preview > img {left: 0; position: absolute;-webkit-transition: all 3s ease-in-out 0s;-moz-transition: all 3s ease-in-out 0s;-ms-transition: all 3s ease-in-out 0s;transition: all 3s ease-in-out 0s;top: 0;width: 100%;}
.demo .preview:hover > img, .demo .preview:active > img, .demo .preview:focus > img {top: 100%;-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);}
.design1{    z-index: 99;
    background: #fff url("../img/bg.jpg");background-repeat: no-repeat;background-size: cover;width: 100%;height: 100%;}
.design1 h1{text-transform: uppercase;font-weight: 900;text-align: center;font-family: 'xharp3d';}
.design1 p{text-align: center;font-size: 12px;}
.design1 .title-d{padding: 5px;width: 50%;margin: 0 auto;margin-top: 40px;margin-bottom: 40px;border-left: 5px solid #999;border-right: 5px solid #999;box-shadow: 0 0 22px #ddd;background: #fff;border-radius: 30px;}
.demo h3 a {text-transform: uppercase;font-size: 22px;font-weight: 800;color: #333;margin-top: 21px;padding: 17px;text-decoration: none;}
.demo h3{border: 10px solid #888;padding-top: 9px;margin-top: 0;padding-bottom: 14px;border-top: none;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;background: #fff;    margin: 0;}
.demo sup{color: #f54437;}
.dec-sec p {font-size: 18px;font-family: system-ui;color: #404b54;}
.dec-sec p strong {color: #a72e2e;}
.design01.laptop {
    width: 1000px;
    margin: 0px auto;
    height: 646px;
    position: absolute;
    background: url(../images/lapt.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 99999;
    overflow: hidden;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.lap_img {
    padding: 0px 0px;
    width: 67.3%;
    margin: 28px auto 0;
    overflow: auto;
    height: 395px;
}

.design01.lablet {
    width: 768px;
    margin: 0px auto;
    height: 646px;
    position: absolute;
    background: url(../images/tab.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 99999;
    overflow: hidden;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.tab_img {
    padding: 0px 0px;
    width: 59.3%;
    margin: 72px auto 0;
    overflow: auto;
    height: 502px;
}
.design01.mobile {
    width: 540px;
    margin: 0px auto;
    height: 646px;
    position: absolute;
    background: url(../images/mobile.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 99999;
    overflow: hidden;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.mob_img {
    padding: 0px 0px;
    width: 54.7%;
    margin: 53px auto 0 124px;
    overflow: auto;
    height: 535px;
}
body::before {
    background: #fff;
    background-repeat: no-repeat;
    background-size: 100%;
    content: '';
    position: absolute;
    width: 100%;
    height: 100vh;
        z-index: -1;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.more_links {
    position: fixed;
    content: '';
    width: auto;
    margin: 0 auto;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 186px;
    transition: all 0.3s;
}
.more_links ul li {
    list-style-type: none;
    display: block;
    transition: all 0.6s;
    
}


.more_links ul li a img {
    width: 30px;
    margin-right: 10px;
}
.more_links ul li a {
    display: block;
    font-size: 15px;
    background: #0440bc;
    margin: 5px 0;
    padding: 6px 15px;
    color: #fff;
    text-align: left;
    transition: all 0.6s;
    /* margin-right: -38px; */
    width: 100%;
    right: -90px;
    position: relative;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.more_links ul li a:hover {
    right: 0px;
    position: relative;
    transition: all 0.3s;
    background: #ff6b13;
}
.demo h3 a span {
    color: #f54437;
}
footer{text-align: center;bottom: 10px;color:#fff;}
@media (max-width: 480px){
	.right-m{padding-right: 15px;}
	.right2-m{padding-left: 15px;}
	.left-m{padding-right: 15px;padding-left: 15px;}
	.left2-m{padding-right: 15px;padding-left: 15px;}
	.left01-m{padding-right: 15px;padding-left: 15px;}
	.left03-m{padding-left: 15px;padding-right: 15px;}
	.neel01 {margin-top: 15px;}
	.margin20 {margin-top: 0;}
	.back-sec{background: url("../images/back.jpg");background-size: 100% 100%;background-repeat: no-repeat;height: 100%;width: 100%;}
	.demo .preview{height:auto;}
	.demo .preview > img{position:relative;}
}
@media (max-width: 768px){
	.right-m{padding-right: 15px;}
	.right2-m{padding-left: 15px;}
	.left-m{padding-right: 15px;padding-left: 15px;}
	.left2-m{padding-right: 15px;padding-left: 15px;}
	.left01-m{padding-right: 15px;padding-left: 15px;}
	.left03-m{padding-left: 15px;padding-right: 15px;}
	.neel01 {margin-top: 15px;}
	.margin20 {margin-top: 0;}
	.back-sec{background: #fff; }
	.logo{max-width:100%;}
}
@media (max-width: 1280px){
	.right-m{padding-right: 15px;}
	.right2-m{padding-left: 15px;}
	.left-m{padding-right: 15px;padding-left: 15px;}
	.left2-m{padding-right: 15px;padding-left: 15px;}
	.left01-m{padding-right: 15px;padding-left: 15px;}
	.left03-m{padding-left: 15px;padding-right: 15px;}
	.neel01 {margin-top: 15px;}
	.margin20 {margin-top: 0;}
.back-sec{background: #fff; }
}