@media(min-width:1920px){
    .container{
        max-width: 1600px;
    }
}
.navbar-brand img {
	width: 90px;
}
body{
  font-family: "Merriweather", "Ubuntu", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #000
}
p{
  font-family: "Ubuntu", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  color: #000;
}  

.bg-body-tertiary {
	background-color: transparent !important;
}
.navbar-expand-lg .navbar-collapse {
	justify-content: end;
}
.container-wrapper {
	background-color: rgba(255, 255, 255,.80);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,.30);
	backdrop-filter: blur(5px);
}
.nav-item {
	margin: 0px 16px;
}
.nav-link:hover {
	color: #ff0000 !important;
}
.nav-link.active {
	color: #ff0000 !important;
}
.nav-link{
    transition: .45s;
	color: #000;
}
/* .navbar-toggler-icon{
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255,100%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler {
	border-color: #fff;
} */
.top-part { 
	background: rgb(7,10,41);
	background: linear-gradient(56deg, rgba(7,10,41,1) 0%, rgba(53,45,118,1) 100%);    
    padding: 10px 0px;
}
.top-part .t-con {
	display: flex;
	list-style-type: none;
	margin-bottom: 0px;
    padding-left: 0px;
}

.top-part .t-con li a {
	text-decoration: none;
	color: #fff;
}
.top-part .t-con .fa-solid {
	color: #fff;
}
.top-part .time span {
	color: #fff;
}
.top-part .t-con span{
    margin-left: 10px;
}
.top-part .t-con li {
	margin-right: 25px;
}
.form-control:focus {
	box-shadow: none;
}
.footer .f-logo img {
	width: 90px;
}
.footer .text {
	margin-top: 20px;
    margin-bottom: 30px;
}

.footer .off-head h6 {
	font-weight: 700;
	color: #fff;
	font-size: 20px;
    text-transform: uppercase;
}

.footer .sdr {
	padding-left: 0px;
	margin-bottom: 0px;
	list-style-type: none;
}
.footer .sdr a {
	text-decoration: none;
	color: #000;
	transition: .45s;
    color: #fff;
}
.footer .sdr a:hover{
    color: #ff0000;
}
.footer .sdr li {
	margin-bottom: 12px;
}
.footer .sdr li:last-child{
    margin-bottom: 0px;
}
.footer .f-head {
	padding-bottom: 30px;
}
.footer .sdr .fa-solid {
	padding: 15px;
	background-color: #ff0000;
	border-radius: 5px;
	color: #fff;
}
.footer .rwn {
	margin-left: 15px;
    display: inline-block;
    color: #fff;
}
.footer .sdr li {
	display: flex;
	align-items: center;
}
.footer {
	padding: 30px 0px;
	background-color: #000;
	background-size: cover;
	background-repeat: no-repeat;
}
.footer .f-head h3 {
	color: #fff;
}
.footer .left-icon {
	padding-left: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	display: flex;
}
.footer .left-icon li {
	margin-right: 10px;
}
.footer .left-icon a:hover .fa-brands{
    color: #ff0000;
}
.footer .left-icon .fa-brands {
	color: #fff;
	font-size: 22px;
    transition: .45s;
}
.footer .office {
	margin-top: 40px;
}
.footer .f-logo {
	display: inline-flex;
	padding: 20px;
	background-color: #fff;
}
.copy-right p {
	text-align: center;
	margin-bottom: 0px;
    color: #fff;
}
.copy-right {
   padding: 10px 0px;
   border-top: 1px solid #fff;
   background-color: #000;
}
.video-banner video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.about-us .top-pic img {
	width: 100%;
	object-fit: cover;
	height: 600px;
	border-radius: 30px;
}
.about-us .left {
	position: relative;
}
.about-us .owl-dots {
	display: none;
}
.about-us .right h3 {
	font-size: 36px;
	color: #fff;
	margin-bottom: 20px;
}
.about-us .right p {
   font-family: "Ubuntu", serif;
   color: #fff;
   font-size: 18px;
   text-align: justify;
}
.about-us .row.g-3 {
	justify-content: space-between;
}
.about-us {
	padding: 100px 0px 140px;
	background: linear-gradient(130deg, rgb(87, 24, 197) 0%, rgb(140, 1, 116) 58%); 
	position: relative;
}
.about-us .abvideo-banner video {
	width: 100%;
	height: 100%;
}
.about-us .container {
	position: relative;
	z-index: 2;
}
.about-us .bttm-text {
	position: absolute;
	z-index: 2;
	right: -59px;
	bottom: -47px;
}
.about-us .t-logo img {
	width: 210px;
	height: auto;
}
.about-us .right a {
	text-decoration: none;
	padding: 10px 30px;
	background-color: #000;
	color: #fff;
	font-size: 18px;
	transition: .45s;
	position: relative;
	z-index: 1;
	border-radius: 5px;
}
.about-us .right a::before{
	position: absolute;
	content: '';
	background-color: #fff;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 0;
	transition: .45s;
	z-index: -1;
	border-radius: 5px;
}
.about-us .right a:hover::before{
 transition: width 700ms;
 width: 100%;
 
}
.about-us .right a:hover{
    color: #000 !important;
}
.about-us .rbttn {
	margin-top: 40px;
}

.our-services .heading h3 {
	font-size: 36px;
	text-align: center;
	color: #000;
    margin-bottom: 40px;
}
.our-client .head h3 {
	font-size: 36px;
	text-align: center;
	color: #fff;
	margin-bottom: 40px;
}
.our-client .container {
	padding-top: 50px;
	padding-bottom: 50px;
	background: rgb(11,86,141);
	background: linear-gradient(90deg, rgba(11,86,141,1) 0%, rgba(7,84,139,1) 60%, rgba(27,156,248,1) 100%); 
	margin-top: 70px;
	border-radius: 60px;
	padding-left: 40px;
	padding-right: 40px;
}
.our-client img {
	width: 100% !important;
}
.our-client .item {
	display: flex;
	justify-content: center;
	align-items: center;
}
.our-client .owl-dot {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: #fff !important;
	margin-right: 5px;
	transition: .45s;
}
.our-client .owl-dot:last-child{
    margin-right: 0px;
}
.our-client .owl-dots {
	display: flex;
	justify-content: center;
	align-items: center;
    margin-top: 30px;
}
.our-client .owl-dot.active{
    background-color: rgb(0, 0, 0) !important;
	width: 30px;
	height: 11px;
	border-radius: 20px;

}
.our-port .head h3 {
	font-size: 60px;
	text-align: center;
	margin-bottom: 30px;
	color: #fff;
}
.our-port .top-icon img {
	width: 50px;
	filter: invert(1);
}
.our-port .top-pic {
	position: relative;
    
}
.our-port .top-icon {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}
.our-port .top-pic:before {
	position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255,0,0);
    background: linear-gradient(180deg, rgba(255,0,0,0) 0%, rgba(0,0,0,.60) 84%); 
}
.our-port .name {
	position: absolute;
	left: 20px;
	bottom: 10px;
	color: #fff;
    z-index: 2;
}
.our-port {
	background: linear-gradient(82deg, rgb(75, 36, 188) 0%, rgb(15, 125, 199) 100%);
	padding: 70px 0px;
	position: relative;
}
.our-port::before {
	position: absolute;
	content: '';
	background-image: url(images/about-backpng.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 800px;
	height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	opacity: .6;
}
.our-port .p-box{
    transition: .45s;
}
.our-port .p-box:hover {
	transform: scale(1.02);
	box-shadow: 7px 12px 10px 0px rgba(0,0,0,.5);
}
.our-port .main-box {
	background-color: rgba(255,255,255,.1);
	padding: 10px;
	border-radius: 5px;
	backdrop-filter: blur(4px);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3);
	transition: .45s;
}
.our-port .main-box:hover{
	transform: scale(1.02);
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,.5);
}
.our-port .view-bttn a {
	text-decoration: none;
	padding: 10px 30px;
	background-color: #000;
	color: #fff;
	font-size: 18px;
	transition: .45s;
}
.our-port .view-bttn a:hover{
    background-color: #fff;
	color: #000;
}
.our-port .view-bttn{
    margin-top: 40px;
    text-align: center;
}
.our-port .main-box .rez {
	display: flex;
	align-items: center;
	justify-content: center;
}
.our-port .main-box h5 {
	text-align: center;
	font-size: 24px;
	color: #FFF;
}
.our-port .main-box .count {
	font-size: 34px;
	color: #fff;
	font-weight: 700;
}
.our-port .main-box span {
	font-size: 30px;
	font-weight: 700;
	color: #fff;
}

.our-port .col-lg-4:last-child .main-box{
    border-right: none;
}
/* services-sec css */
.our-services {
	margin:70px 0px;
}
.our-services .our-box {
	position: relative;
	transition: .45s;
	border-radius: 30px;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 500px;
}
.our-services .our-box::before{
position: absolute;
content: '';
background: linear-gradient(180deg, rgba(104,53,254,0) 0%, rgba(0,0,0,0.6922969871542367) 82%);  
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
}
.our-services .our-box:hover {
	transform: scale(1.02);
	box-shadow: 7px 7px 10px 0px rgba(0,0,0,.7);
	border-radius: 30px;
}
.our-services .rgtab {
	padding-left: 0px;
	list-style-type: none;
	margin-bottom: 0;
	display: flex;
	flex-wrap: wrap;
}
.our-services .bottom-con {
	position: absolute;
	left: 30px;
	bottom: 40px;
	z-index: 2;
}
.our-services .sr-head strong {
	color: #fff;
	font-size: 30px;
	margin-bottom: 15px;
	display: inline-block;
}
.our-services .srbtn {
	padding: 6px;
	backdrop-filter: blur(10px);
	background-color: rgba(255,255,255,.8);
	border-radius: 20px;
	margin-right: 5px;
	margin-bottom: 10px;
	font-size: 14px;
}
.our-services .sbttn a {
	text-decoration: none;
	padding: 10px 30px;
	background-color: #000;
	color: #fff;
	font-size: 18px;
	transition: .45s;
	position: relative;
	z-index: 1;
	border-radius: 5px;
  }
  .our-services .sbttn a:hover {
	color: #fff !important;
  }
  .our-services .sbttn a::before {
	position: absolute;
	content: '';
	background: linear-gradient(130deg, rgb(87, 24, 197) 0%, rgb(140, 1, 116) 58%);
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 0;
	transition: .45s;
	z-index: -1;
	border-radius: 5px;
}
.crv {
	display: flex;
	justify-content: center;
	margin-top: 60px;
	margin-bottom: 60px;
}
.crv .download-btn {
	padding: 10px;
	border: none;
	color: #fff;
	background-color: #ff0000;
	transition: .45s;
}
.crv .download-btn:hover{
	background-color: #000;
}
.contac-sec label {
	margin-bottom: 10px;
    color: #fff;
}
.contac-sec .head h3 {
	font-size: 36px;
	text-align: center;
	margin-bottom: 30px;
	color: #000;
}
.contac-sec .left-box {
	padding: 20px 30px;
	background-color: #ff0000;
    min-height: 100%;
}
.contac-sec .cr-bttn{
    display: flex;
    justify-content: center;
}
.contac-sec .right-form {
	padding: 20px 30px;
	background: linear-gradient(320deg, rgb(210, 0, 0) 0%, rgb(85, 12, 112) 100%);
	border-radius: 30px;
}
.contac-sec .right-form .btn.btn-primary {
	background-color: #fff;
	border: none;
	padding: 10px 40px;
	margin-top: 20px;
	transition: .45s;
    border-radius: 0;
    color: #000;
	border-radius: 5px;
	position: relative;
	z-index: 1;
}

.contac-sec .right-form .btn.btn-primary:hover{
    background-color: #000;
    color: #fff;
}

.contac-sec {
	padding: 70px 0px;
}
.we-sec .rwq img {
	width: 50px;
	filter: invert(1);
}
.we-sec .rwq {
	margin-right: 20px;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(255,255,255,.3);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,.7);
	backdrop-filter: blur(20px);
}
.we-sec .vbyk {
	display: flex;
	align-items: center;
	padding: 15px 10px;
	border-radius: 40px;
	backdrop-filter: blur(8px);
	box-shadow: 0px 4px 3px 0px rgb(255, 255, 255);
	transition: .45s;
	margin-bottom: 30px;
}
.we-sec .vbyk.grn{
background: #097C34;
background: linear-gradient(90deg, rgba(9, 124, 52, 1) 31%, rgba(170, 220, 69, 1) 100%);
}
.we-sec .vbyk.blu{
	background: #0b56bf;
	background: linear-gradient(90deg, rgba(11, 86, 191, 1) 31%, rgba(66, 190, 250, 1) 100%);
}
.we-sec .vbyk.orn{
background: #FA6406;
background: linear-gradient(90deg, rgba(250, 100, 6, 1) 27%, rgba(249, 179, 58, 1) 100%);
}
.we-sec .vbyk.pnk{
	background: #FF2A6D;
background: linear-gradient(90deg, rgba(255, 42, 109, 1) 27%, rgba(255, 172, 190, 1) 100%);
	}
.we-sec .vbyk:hover{
	transform: scale(1.02);
}

.we-sec .mkio strong {
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
}
.we-sec .head h3 {
	font-size: 36px;
	color: #fff;
	margin-bottom: 20px;
}
.we-sec .text p {
	font-family: "Ubuntu", serif;
	color: #fff;
	font-size: 16px;
	text-align: justify;
}
.we-sec {
	padding: 70px 0px;
	background: linear-gradient(56deg, rgb(0, 18, 163) 0%, rgb(102, 45, 118) 100%);
	margin-top: -6px;
}
/* .we-sec .row.g-4 {
	align-items: center;
} */
.we-sec .klp {
	font-size: 36px;
	color: #fff;
	font-weight: 500;
}
.we-sec .loii {
	color: #fff;
}
.we-sec .sub-head {
	margin-bottom: 10px;
}
/*about-page*/
#about{
	overflow-x: hidden;
}
.inner-banner h1 {
	text-align: center;
	font-size: 45px;
	color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}
.inner-banner .bridcrum {
	text-align: center;
	color: #fff;
}
.inner-banner .bridcrum a {
	text-decoration: none;
	color: #fff;
    transition: .45s;
}
.inner-banner .bridcrum a:hover {
    text-decoration: underline;
}
.inner-banner {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 500px;
    position: relative;
}
.inner-banner:before{
    position: absolute;
    content: '';
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.50);
    
}
.inner-banner .content {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
}

.how-work .cma {
	font-size: 30px;
	font-weight: 700;
	color: #ff0000;
	margin-right: 20px;
}
.how-work h4 {
	margin-bottom: 0px;
	font-size: 24px;
	font-weight: 300;
	color: #ff0000;
}
.how-work .name {
	display: flex;
	align-items: center;
}
.how-work .box {
	padding: 30px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,.20);
    position: relative;
    overflow: hidden;
	border-radius: 15px;
}
.how-work .box:hover{
    transform: scale(1.03);
}
.how-work .box:before{
    position: absolute;
    content:'';
    width: 0;
    height: 5px;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: #ff0000;
    opacity: 0;
    transition: .45s;
}
.how-work .box:hover:before{
    transition: width 1300ms;
    opacity: 1;
    width: 100%;
}
.how-work {
	padding-top: 70px;
	margin-bottom: 70px;
}
.how-work p {
	font-family: "Ubuntu", serif;
	font-weight: 400;
	font-size: 18px;
	color: #000;
}
#about .our-client {
	padding-bottom: 70px;
}
.how-work h2 {
	font-size: 36px;
	text-align: center;
	color: #ff0000;
	margin-bottom: 25px;
}
#about .missbox img {
	width: 40px;
	filter: invert(1);
}
#about .missbox .icon {
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	box-shadow: 0px 0px 4px 2px rgb(255, 255, 255);
	backdrop-filter: blur(20px);
}
#about .missbox .head strong {
	font-size: 24px;
	margin-left: 10px;
	color: #fff;
}
#about .missbox .text p {
	color: #fff;
}
#about .missbox .text {
	margin-top: 10px;
}
#about .missbox {
	padding: 20px 30px;
	backdrop-filter: blur(30px);
	border-radius: 15px;
	box-shadow: 2px 2px 5px 1px rgb(255,255,255);
	background-color: rgba(255,255,255,.1);
}
#about .missvis {
	padding: 70px 0px;
	background: linear-gradient(130deg, rgb(24, 197, 108) 0%, rgb(25, 21, 155) 58%);
}
#about .missbox .top {
	display: flex;
	align-items: center;
}
#about .our-client .owl-dot.active {
	background-color: #000 !important;
}
#contact .contact-details{
    padding: 70px 0px;
    background: linear-gradient(130deg, rgb(0, 124, 255) 0%, rgb(175, 0, 255) 58%);
    overflow-x: hidden;
}
#contact .contact-details h2 {
	font-size: 36px;
	color: #ff0000;
	margin-bottom: 20px;
}
#contact .sujay-k-marbo {
	padding: 30px 40px;
	background-color: #fff;
	border-radius: 12px;
	min-height: 100%;
    box-shadow: 0px 6px 10px 0px rgba(0,0,0,.70);
}
#contact .contact-details p {
	font-family: "Ubuntu", serif;
	font-weight: 400;
	font-size: 18px;
	color: #000;
}
#contact .contact-details .rtz {
	list-style-type: none;
	padding-left: 0px;
}
#contact .rtz li {
	width: 100%;
    margin-bottom: 30px;
}
#contact .c-text {
	margin-bottom: 5px;
}
#contact .rtz .rwn {
	display: inline-block;
}
#contact .rtz .rwn {
	color: #000;
    font-size: 18px;
}
/* #contact .form-control {
	background-color: transparent;
	border-top: none;
	border-left: none;
	border-radius: 0px;
	color: #ff0000 !important;
	border-color: #ff0000;
} */
/* #contact .form-control::placeholder{
    color: #ff0000 !important;
    font-size: 18px;
    font-weight: 700;
} */
/* #contact .form-control:focus {
	box-shadow: none;
	border-color: #ff0000;
} */
#contact .right-form {
	background: linear-gradient(320deg, rgb(210, 0, 0) 0%, rgb(85, 12, 112) 100%);
	border-radius: 12px;
	padding: 30px 40px;
    box-shadow: 0px 6px 10px 0px rgba(0,0,0,.70);
    min-height: 100%;
}
#contact .right-form .c-form h2{
	color: #fff;
}

#contact .cr-bttn {
	margin-top: 50px;
	display: flex;
	justify-content: center;
}
#contact .cr-bttn .btn.btn-primary {
	text-decoration: none;
	padding: 10px 80px;
	background-color: #fff;
	color: #000;
	font-size: 18px;
    font-weight: 700;
	transition: .45s;
    border: none;
    border-radius: 0px;
}
#contact .cr-bttn .btn.btn-primary:hover{
    background-color: #000;
    color: #fff;
}
#services .our-service h2 {
	font-size: 36px;
	color: #000;
	margin-bottom: 50px;
    text-align: center;
}
#services .top-box {
	display: inline-block;
	border-radius: 10px;
	color: #fff;
	display: flex;
	justify-content: center;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 10px;
	font-size: 24px;
	border-radius: 40px;
	width: 250px;
	height: 70px;
	align-items: center;
	box-shadow: 7px 5px 10px 0px rgba(0,0,0,.6);
	position: relative;
}
#services .top-box.gre{
	background-color: #5cb43c;
	position: relative;
}
#services .top-box.gre::before {
	position: absolute;
	content: '';
	width: 40px;
	height: 25px;
	background-color: #5cb43c;
	z-index: 5;
	clip-path: polygon(0 0, 90% 100%, 100% 0);
	rotate: 2deg;
	top: 66px;
}
#services .top-box.ble {
	background-color: #4590f7;
	position: relative;
}
#services .top-box.ble::before {
	position: absolute;
	content: '';
	width: 40px;
	height: 25px;
	background-color: #4590f7;
	z-index: 5;
	clip-path: polygon(0 0, 90% 100%, 100% 0);
	rotate: 2deg;
	top: 66px;
}
#services .top-box.ore {
	background-color: #ff7f2f;
}
#services .top-box.ore::before {
	position: absolute;
	content: '';
	width: 40px;
	height: 25px;
	background-color: #ff7f2f;
	z-index: 5;
	clip-path: polygon(0 0, 90% 100%, 100% 0);
	rotate: 2deg;
	top: 66px;
}
#services .top-box.pnk {
	background-color: #fb6292;
}
#services .top-box.pnk::before {
	position: absolute;
	content: '';
	width: 40px;
	height: 25px;
	background-color: #fb6292;
	z-index: 5;
	clip-path: polygon(0 0, 90% 100%, 100% 0);
	rotate: 2deg;
	top: 66px;
}
#services{
	overflow-x: hidden;
}
#services .our-client .container {
	margin-top: 0;
	margin-bottom: 70px;
}
#services .qwa {
	list-style-type: none;
    margin-bottom: 0px;
    padding-left: 0px;
	text-align: center;
}
#services .botm-box {
	padding: 20px;
	border-radius: 30px;
	height: 350px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,.6);
}
#services .botm-box.gre {
	background: #097C34;
  background:linear-gradient(180deg, rgba(9, 124, 52, 1) 31%, rgba(170, 220, 69, 1) 100%);
}
#services .botm-box.ble {
	background: #0b56bf;
  background:linear-gradient(180deg, rgba(11, 86, 191, 1) 31%, rgba(66, 190, 250, 1) 100%);
}
#services .botm-box.ore {
	background: #FA6406;
  background:linear-gradient(180deg, rgba(213, 89, 11, 1) 27%, rgba(249, 179, 58, 1) 100%);
}
#services .botm-box.pnk {
	background: #FF2A6D;
  background:linear-gradient(180deg, rgba(255, 0, 80, 1) 27%, rgba(255, 172, 190, 1) 100%);
}
#services .mnbox {
	position: relative;
}
#services .mnbox strong {
	font-size: 18px;
	text-align: center;
}
#services .qwa li {
	margin-bottom: 10px;
	text-transform: uppercase;
	color: #fff;
}
#services .qwa li:last-child{
    margin-bottom: 0px;
}
.our-service{
    /* background: linear-gradient(130deg, rgb(255, 0, 0) 0%, rgb(199, 0, 255) 58%); */
    padding: 70px 0px;
}

#port .our-service{
    /* background: linear-gradient(130deg, rgb(0, 255, 207) 0%, rgb(139, 0, 255) 58%); */
    padding: 70px 0px;
}
#port .our-portfolilo {
	background-color: #ff0000;
	padding: 70px 0px;
}
#port .head h2 {
	font-size: 60px;
	color: #fff;
	margin-bottom: 30px;
    text-align: center;
}
#port .pic-box img {
	width: 100%;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,.8);
	transition: .45s;
}
#port .pic-box img:hover {
	transform: scale(1.03);
}
#details{
	overflow-x: hidden;
}
#details .img-sec img {
	width: 100%;
}
#details .d-img {
    transition: .45s;
}
#details .d-img:hover{
    transform: scale(1.02);
    box-shadow: 0px 7px 3px 0px rgba(0,0,0,.30);
}
#details .img-sec {
	padding: 70px 0px;
	background: linear-gradient(130deg, rgb(255, 0, 0) 0%, rgb(199, 0, 255) 58%);
}
#details .load-more{
	background-color:#000;
	color:#fff;
	text-decoration:none;
	padding:5px 10px;
	border-radius:5px;
	font-size:20px;
	display:inline-block;
	transition: .45s;
	margin-top: 30px;
  }
  #details .delbut {
	display: flex;
	justify-content: center;
}
#details .img-sec .col-lg-4{
	display: none;
}
  
  #details .load-more:hover{
	background-color:rgb(255, 255, 255);
	color: #000;
  }
.navbar-toggler:focus {
	box-shadow: none;
}
.navbar-toggler[aria-expanded="false"] .fa-x{
    display: none !important;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{
    display: none !important;
}
.navbar-toggler {
	width: 50px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.navbar-toggler .fa-solid.fa-x {
	font-size: 17px;
}
.customersec .head h3 {
	font-size: 36px;
	text-align: center;
	margin-bottom: 50px;
	color: #fff;
}
.customersec img {
	width: 100% !important;
}
.customersec .right-img {
	height: 120px;
	width: 120px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	overflow: hidden;
	box-shadow: 0px 0px 10px 0px rgba(255,255,0,.20);
	margin-bottom: 20px;
	align-items: center;
}
.customersec .main-content {
	padding: 30px 20px;
	background-color: rgba(255,255,255,.4);
	border-radius: 30px;
	backdrop-filter: blur(40px);
	box-shadow: 3px 3px 7px 0px rgb(255,255,255);
	margin: 10px;
	min-height: 450px;
	text-align: center;
}
.customersec .main-content .bvd {
	color: #fff;
}
.customersec .main-content .stl {
	display: flex;
	justify-content: center;
}
.customersec {
	background: linear-gradient(56deg, rgb(58, 73, 220) 0%, rgb(27, 131, 116) 100%);
	padding: 70px 0px;
}
.customersec .owl-dot {
	width: 12px;
	height: 12px;
	background-color: #fff !important;
	border-radius: 50%;
	margin-right: 5px;
}
.customersec .owl-dot.active {
	background-color: #000 !important;
	width: 30px;
	border-radius: 10px;
}
.customersec .owl-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
}
.customersec .name h4 {
	color: #fff;
	text-align: center;
}
.customersec .name p {
	color: #fff;
	text-align: center;
	margin-top: 15px;
}
.vqa {
	list-style-type: none;
	margin-bottom: 0px;
	padding-left: 0px;
	display: flex;
	flex-direction: column;
}
.vqa .fa-brands {
	font-size: 20px;
    color: #000;
    transition: .45s;
}
.vqa li a:hover .fa-brands{
    color: #fff;
}
.vqa li a{
	width: 40px;
	height: 40px;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,.80);
	display: flex;
	justify-content: center;
	align-items: center;
    margin-bottom: 10px;
    text-decoration: none;
    transition: .45s;
}
.vqa li a:hover{
    background-color: #ff0000;
}
.vqa li:last-child{
    margin-bottom: 0px;
}
.dtry {
	display: inline-block;
	right: 14px;
	position: fixed;
	z-index: 100;
	transform: translateY(-50%);
	top: 50%;
}
/* #formFileMultiple {
	border: 1px solid #ff0000 !important;
} */
#contact {
	overflow-x: hidden;
}
/* #contact .form-label {
	color: #ff0000;
	font-weight: 700;
	padding-left: 11px;
} */
.form-label {
	color: #fff;
}
/* cursor css */

.cursor {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    border-radius: 50%;
    background: transparent;
    pointer-events: none;
    z-index: 6000;
    border: 3px solid #e74524;	
    transition: all 0.2s ease-out;
    animation: moveCursor1 .5s infinite alternate;
}

.expand {
    background: transparent;
    animation: moveCursor2 .5s forwards;
    border: 1px solid yellow;
}

@keyframes moveCursor1 {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(.8);
    }
}

@keyframes moveCursor2 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(2.5);
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}


/*loda css*/
/* Loader Styles start here */
.loader-wrapper {
  --line-width: 5px;
  --curtain-color: #f1faee;
  --outer-line-color: #e74524;
  --middle-line-color: #e74524;
  --inner-line-color: #e74524;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1000;
}

.loader {
  display:block;
  position: relative;
  top:50%;
  left:50%;
  width:150px;
  height:150px;
  margin:-75px 0 0 -75px;
  border:var(--line-width) solid transparent;
  border-top-color: var(--outer-line-color);
  border-radius:100%;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
  z-index:1001;
}

.loader:before {
  content:"";
  position: absolute;
  top:4px;
  left:4px;
  right:4px;
  bottom:4px;
  border:var(--line-width) solid transparent;
  border-top-color: var(--inner-line-color);
  border-radius:100%;
  -webkit-animation: spin 3s linear infinite;
          animation: spin 3s linear infinite;
}

.loader:after {
  content:"";
  position: absolute;
  top:14px;
  left:14px;
  right:14px;
  bottom:14px;
  border:var(--line-width) solid transparent;
  border-top-color: var(--middle-line-color);
  border-radius:100%;
  -webkit-animation: spin 1.5s linear infinite;
          animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
  0%   { 
    -webkit-transform: rotate(0deg); 
      -ms-transform: rotate(0deg); 
          transform: rotate(0deg);
  }
  100% { 
    -webkit-transform: rotate(360deg); 
      -ms-transform: rotate(360deg); 
          transform: rotate(360deg);
  }
}
@keyframes spin {
  0%   { 
    -webkit-transform: rotate(0deg); 
      -ms-transform: rotate(0deg); 
          transform: rotate(0deg);
  }
  100% { 
    -webkit-transform: rotate(360deg); 
      -ms-transform: rotate(360deg); 
          transform: rotate(360deg);
  }
}

.loader-wrapper .loader-section {
  position:fixed;
  top:0;
  background:var(--curtain-color);
  width:51%;
  height:100%;
  z-index:1000;
}

.loader-wrapper .loader-section.section-left {
  left:0
}
.loader-wrapper .loader-section.section-right {
  right:0;
}

/* Loaded Styles */ 
.loaded .loader-wrapper .loader-section.section-left {
  transform: translateX(-100%);
  transition: all 0.7s 0.3s cubic-bezier(0.645,0.045,0.355,1.000);
}
.loaded .loader-wrapper .loader-section.section-right {
  transform: translateX(100%);
  transition: all 0.7s 0.3s cubic-bezier(0.645,0.045,0.355,1.000);
}
.loaded .loader {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.loaded .loader-wrapper {
  visibility: hidden;
  transform:translateY(-100%);
  transition: all .3s 1s ease-out;
}