body{
overflow: hidden;
}
.breadcrumb_item:hover {
    color: #211CE5;
}
.inter-twnt-fv .menubar a.menu-item .fa{
color: #6FF0FF;
}
hr:not([size]) {
    height: 2px;
}
.menubar a.menu-item:hover, .menubar a.active {
    color: #6FF0FF;
    font-weight: 700;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .50;
    cursor: auto;
    pointer-events: none;
}
/* Wrapper for the background */
.rotating-background {
    position: relative;
    width: 100%; /* Adjust as needed */
    height: 90vh; /* Adjust as needed */
    overflow: hidden; /* Prevent overflow if the image is larger */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Rotating image */
.rotating-image {
    position: absolute;
    top: 20%;
    width: 800px;
    height: 800px;
    animation: rotate-clockwise 45s linear infinite; /* Rotation animation */  
    transform-origin: center; /* Rotates around the middle point */
}

/* Keyframes for clockwise rotation */
@keyframes rotate-clockwise {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/*************** Rotating image **********************/

.modalShare {
	position: absolute;
	right: -70px;
	top: 135px;
	transform: translate(-50%, -50%) scale(0);
	transition: 200ms ease-in-out;

	border-radius: 5px;
	z-index: 4;
	background-color: white;
	width: 350px;
	padding: 20px;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.modalShare.active {
	transform: translate(-50%, -50%) scale(1);
}


.modalShare .close-button {
	cursor: pointer;
	border: 0;
	outline: 0;
	background: 0;
	font-size: 20px;
	position: absolute;
	right: 15px;
	top: 15px;
	color: #18beb7;
}

.modal video {
	border-radius: 10px;
}

.download-form-sec form {
	position: relative;
}

.download-form-sec form .ha_email>label {
	display: none
}

.download-form-sec {
	position: relative;
}

.download-form-sec form .hs-form-field {
	width: 100%;
	position: relative;
}

.download-form-sec form .hs-form-field .hs-input {
	border-radius: 5px;
	outline: none;
	background: #F2F2F2;
	border: 0;
	height: 38px;
	width: 100%;
	padding: 10px 10px;
}

.download-form-sec form .hs-submit {
	position: absolute;
	top: 0;
	right: 0;
}

.download-form-sec form .hs-submit .hs-button {
	background: #18BEB7;
	border: 0;
	height: 38px;
	width: 45px;
	border-radius: 10px;
	color: #fff;
	padding: 0
}

ul.no-list.hs-error-msgs.inputs-list {
	list-style: none;
	padding: 0;
	margin-bottom: 0;
}

label.hs-error-msg {
	font-size: 13px;
	color: red;
}

.dark-blue {
	color: #0070C0 !important;
}

.type_20 .multi_column_layout .card {
	padding: 15px;
	border: 0px;
}

.type_20 .multi_column_layout .floating_icon {
	position: absolute;
	right: 10px;
	width: 30px
}

.type_20 .multi_column_layout a {
	text-decoration: none !important
}

.type_20 .one_column h5 {
	margin-bottom: 0px
}

.type_20 .multi_column_layout h5 {
	color: #0070C0;
	font-size: 16px !important
}

.type_20 .multi_column_layout .card {
	padding: 10px 15px
}

.type_20 .multi_column_layout p,
.type_20 .multi_column_layout li {
	color: #595959;
	margin-bottom: 0px !important;
	font-size: 14px !important;
}

.type_20 .multi_column_layout li:marker {
	color: #A48BE1
}

.slide_section {
	padding: 25px 50px 50px;
}

.footer {
	bottom: 25px !important;
  padding:0 50px!important;
  
}

@media(max-width:1600px) {
	.type_20 .multi_column_layout h5 {
		font-size: 14px !important
	}

	.type_20 .multi_column_layout .floating_icon {
		width: 24px
	}

	.type_20 .multi_column_layout p,
	.type_20 .multi_column_layout li {
		font-size: 12px !important
	}

	p,
	li {
		font-size: 13px !important
	}

	h4,
	h5 {
		font-size: 16px !important
	}

	h6 {
		font-size: 14px !important
	}

	h2 {
		font-size: 20px !important
	}

	.slide_section li,
	.slide_section p {
		font-size: 13px !important;
		line-height: 16px !important
	}

	.slide_section p.breadcrumb_list {
		font-size: 16px !important;
	}
}

@media(max-width:1300px) {

	p,
	li {
		font-size: 12px !important
	}

	h4,
	h5,
	h6 {
		font-size: 14px !important
	}

	h2 {
		font-size: 18px !important
	}

	.slide_section {
		padding: 30px 50px !important
	}

	.hamburger {
		right: 50px !important;
		top: 30px !important
	}

	.share-button {
		top: 30px !important
	}

	.back-button {
		top: 5px !important
	}

	.slide_section li,
	.slide_section p {
		font-size: 12px !important;
		line-height: 14px !important
	}
  
}

#home-slide-2 .top-accent {
	display: none
}

#home-slide-2 .hamburger {
	display: none
}

#home-slide-2 .inner_item_3 {
	display: none !important
}

.swiper-slide {
	overflow: hidden
}

.home_slide {
	    background: url(https://www.citiustech.com/hubfs/interactive-2025/interactive-2025-bg.png);
  background-size: 100% 100%;
}

.home_slide .header .navbar {
	background: rgba(0, 1, 46, 0.2) !important;

}

.home_slide .outer-div-2 img {
	animation-name: none !important;
	scale: 1.02;
  width:100%;
}

.inter-twnt-fv .home_slide .outer-div-2 img {
	animation-name: none !important;
	scale: 1.40;
  width:100%;
}
.home_slide video {
	width: 100%;
	height: auto;
	object-fit: cover;
	position: absolute;
	height: 100vh;
}

.home_slide .header .navbar {
	padding: 10px 65px !important;
}

.header .navbar-brand .img-fluid {
	max-width: 175px !important
}

.home_slide .header .navbar a.nav-link {
	font-size: 16px !important;
}

.home_slide .header .form-control {
	height: 40px !important;
	font-size: 16px !important;
	background: rgb(0, 1, 46);
}

.home_slide .header .search-btn .img-fluid {
	max-width: 25px !important;
}

.home_slide .outer_item,
.home_slide .inner_item {
	background: transparent !important;
}

.home_slide .videoPopup {
	background: url(https://8759937.fs1.hubspotusercontent-na1.net/hubfs/8759937/assets/2024/circle%20icon.png) center no-repeat;
	background-size: inherit;
}

.home_slide .outer_item:after {
	opacity: 1 !important;
	background: rgb(0, 1, 46);
	background: linear-gradient(315deg, rgba(0, 1, 46, 1) 20%, rgba(96, 97, 135, 1) 80%);
	border: none !important;
}
.inter-twnt-fv .home_slide .outer_item:after {
	opacity: 1 !important;
	background: #ffffff;
	border: none !important;
}
.home_slide .outer_item:hover:after {
	background: rgb(24, 190, 183);
	background: linear-gradient(29deg, rgba(24, 190, 183, 1) 20%, rgba(162, 246, 243, 1) 80%);
	animation: shadow-pulse 1s infinite;

}
.inter-twnt-fv .home_slide .outer_item:hover:after {
	background: #6FF0FF;
	animation: none;
  scale: 1.2;
}
@keyframes shadow-pulse {
	0% {
		box-shadow: 0 0 0 0px rgba(24, 190, 183, 0.4);
	}

	100% {
		box-shadow: 0 0 7px 25px rgba(24, 190, 183, 0);
	}
}

.outer-div-2,
.home_slide .videoPopup,
.inner-div-2 {
	top: 50%;
}

.home_slide .playBtn {
	background: transparent;
	margin-top: 50px;
}

.home_slide .inner_item img {
	width: 75px;
	position: relative;
	max-width: 100%;
	height: 75px;
	max-height: 75px;
}
.inter-twnt-fv .home_slide .inner_item img {
	width: 130px;
	position: relative;
	max-width: 100%;
	height: auto !important;
	max-height: 100%;
}
.home_slide .inner_item.inner_item_2,
.home_slide .inner_item.inner_item_4 {
	flex-direction: row-reverse;
	text-align: right;
}

.home_slide .inner_item.inner_item_2 img,
.home_slide .inner_item.inner_item_4 img {
	margin: 0 0 0 18px;
}

.home_slide .inner_item h3 {
	color: #fff;
}

/* .home_slide .inner_item:after {
	content: '';
	width: 75px;
	height: 75px;
	border-radius: 50%;
	position: absolute;
	opacity: 0;
	z-index: -1;

} */

.home_slide .inner_item:hover:after {
	animation: gradient-pulse 1s infinite;
	opacity: 1;
}

@keyframes gradient-pulse {
	0% {
		box-shadow: 0 0 0 0px rgba(168, 179, 205, 0.4);
	}

	100% {
		box-shadow: 0 0 7px 25px rgba(168, 179, 205, 0);
	}
}

.home_slide .inner_item.inner_item_1 {
	top: 12%;
	left: 3%;
}

.home_slide .inner_item.inner_item_2 {
	top: 12%;
	right: 3%;
}

.home_slide .inner_item.inner_item_3 {
	bottom: 12%;
	left: 3%;
}

.home_slide .inner_item.inner_item_4 {
	bottom: 12%;
	right: 3%;
}

.home_slide .videoPopup h3 {
	width: 69%;
	margin: 10px auto 0px;
	font-size: 16px;
}

button.offsetBtn-left:before {
	border-bottom: 45px solid #4CF6FE;
}

.side-popup-left .quick-links h4 {
	color: rgb(27, 32, 36) !important;
}

.side-popup-left .quick-links ul>li a {
	color: rgb(168, 179, 205) !important;
}

.footer .left-items>li a {
	color: rgb(0, 242, 255);
}
.hamburger{top:30px;}
.hamburger .menu-icon {
	color: #211CE5;
}
.footer .swiper-button-next{right:55px!important;}
.footer .swiper-button-prev{right:115px!important;}

.slide_section h2 {
	font-size: 42px;
	color: #00094D !important;
  margin-bottom:5px;
  font-weight: 700;
}

.outer_item:nth-child(even) {
	text-align: left;
}

.outer_item:nth-child(odd) {
	text-align: right;
}

.footer .swiper-button-next,
.footer .swiper-button-prev {
	background: #002060;
}

.footer.default,
.hamburger.default {
	color: rgb(0, 242, 255) !important;
}

.footer.default .swiper-button-next,
.footer.default .swiper-button-prev {
	color: rgb(0, 32, 96) !important;
	background: #16B2B1 !important;
}

.footer.blue .left-items>li a
{
color: #00094D !important;
}

.footer.blue .swiper-button-next,
.footer.blue .swiper-button-prev {
	background: rgb(0, 32, 96) !important;
	color: #ffffff !important;
}
.inter-twnt-fv .footer.blue .swiper-button-next,
.inter-twnt-fv .footer.blue .swiper-button-prev {
	background: rgb(0, 32, 96) !important;
	color: #ffffff !important;
}
.footer.blue .left-items>li:not(:last-child):after {
	background: #002060 !important;
}

.slide_section .one_column h5,
.slide_section .multi_column h5 {
	margin: 0;
}
.about_content h1{font-size:46px;}
/* .bg-image{
position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;

  
}
.bg-image img{  -webkit-animation: bg-rotate 10s normal linear infinite;
  animation: bg-rotate 10s linear infinite;
position:absolute;
top:50%;
  left:50%;transform:translate(-50%,-50%);}

@keyframes bg-rotate{
  from {
  transform: translate(-50%,-50%) rotate(0deg);
    transform-origin:Center;
  }
  to {transform: translate(-50%,-50%) rotate(360deg);
    transform-origin:Center;}
} */
@media(min-width:1601px) {
  .rotating-image{
  top: 35%;
  }
  .inter-twnt-fv .inner-div-1{
  top: 40%;
  }
  .inter-twnt-fv .home_slide .outer_item:hover {
    color: #6FF0FF;
    font-weight: bold;
}
	.about_content .vision h3 {
		line-height: 1.3 !important;
	}

	.footer .left-items>li a {
		font-size: 22px;
	}
  .outer-div-2{max-width:1150px;}
  
      .inter-twnt-fv .home_slide .outer_item.outer_item_13 {
        top: 97.5% !important;
        left: -10% !important;
    }
      .inter-twnt-fv .home_slide .outer_item.outer_item_14 {
        top: 97.5% !important;
        right: -10% !important;
    }
}
}

@media(min-width:2001px) {
  
}
@media(min-width:2200px) {
 
  .outer-div-2{max-width:1800px;}
  .home_slide .outer-div-2 img{width:100%;}
  .home_slide .outer_item.outer_item_1 {
    top: 20%!important;
    left: -5%!important;
}.home_slide .outer_item.outer_item_2 {
    top: 20%!important;
    right: -5%!important;
}.home_slide .outer_item.outer_item_3 {
    top: 30%!important;
    left: -10%!important;
}.home_slide .outer_item.outer_item_4 {
    top: 30%!important;
    right: -10%!important;
}.home_slide .outer_item.outer_item_5 {
    top: 40%!important;
    left: -12.5%!important;
}.home_slide .outer_item.outer_item_6 {
    top: 40%!important;
    right: -13%!important;
}.home_slide .outer_item.outer_item_7 {
    top: 50%!important;
    left: -13%!important;
}.home_slide .outer_item.outer_item_8 {
    top: 50%!important;
    right: -13.5%!important;
}.home_slide .outer_item.outer_item_9 {
    top: 60%!important;
    left: -12%!important;
}.home_slide .outer_item.outer_item_10 {
    top: 60%!important;
    right: -12%!important;
}.home_slide .outer_item.outer_item_11 {
    top: 70%!important;
    left: -8%!important;
}.home_slide .outer_item.outer_item_12 {
    top: 70%!important;
    right: -8.5%!important;
}
  
}
@media(min-width:3500px) {
  .outer-div-1,.inner-div-1{scale:1.5;}
  .home_slide .videoPopup, .inner-div-2, .outer-div-2{top:51%;}
}

/* @media(max-height:767px) {
.outer-div-2 {
    max-width: 800px;
  
}
} */
@media(max-width:1600px) {
	.about_content .vision h3 {
		line-height: 1.3 !important;
	}

	.home_slide .outer_item {
		font-size: 16px;
	}

	.home_slide .inner_item.inner_item_1 {
		top: 10%;
		left: 1%;
	}
  
 .inter-twnt-fv .home_slide .inner_item.inner_item_1 {
		bottom: 0px;
        left: 15%;
   top: auto;
	}
  
	.home_slide .inner_item.inner_item_2 {
		top: 11%;
		right: 1%;
	}

  .inter-twnt-fv .home_slide .inner_item.inner_item_2 {
        bottom: 0px;
        right: 15%;
    top: auto;
    }
	.home_slide .inner_item.inner_item_3 {
		bottom: 10%;
		left: 1%;
	}
  
  .inter-twnt-fv .home_slide .inner_item.inner_item_3 {
        bottom: -150px;
        left: 0%;
    }

	.home_slide .inner_item.inner_item_4 {
		bottom: 10%;
		right: 1%;
	}
  .inter-twnt-fv .home_slide .inner_item.inner_item_4 {
        bottom: -150px;
        right: 0%;
    }
	.home_slide .inner_item h3 {
		font-size: 16px;
	}


}
@media (min-width: 1400px) {
  .inter-twnt-fv .home_slide .outer_item:hover {
    color: #6FF0FF;
    font-weight: bold;
}
    .inter-twnt-fv .inner-div-1 {
        max-width: 700px;
        height: 50vh;
    }
  
  .inter-twnt-fv .home_slide .inner_item.inner_item_1 {
		bottom: 0px;
        left: 15%;
   top: auto;
	}
  .inter-twnt-fv .home_slide .inner_item.inner_item_2 {
        bottom: 0px;
        right: 15%;
    top: auto;
    }
  .inter-twnt-fv .home_slide .inner_item.inner_item_3 {
        bottom: -150px;
        left: 0%;
    }
  .inter-twnt-fv .home_slide .inner_item.inner_item_4 {
        bottom: -150px;
        right: 0%;
    }
}
@media(max-width:1400px) {
  .outer-div-2 {
    max-width: 900px;
}
	.home_slide .videoPopup {
		background: url(https://8759937.fs1.hubspotusercontent-na1.net/hubfs/8759937/assets/2024/200px.png) center no-repeat;
		background-size: inherit;
	}

	.home_slide .outer_item {
		font-size: 14px;
	}

	.home_slide .inner_item img,
	.home_slide .inner_item:after {
		height: 55px;
		width: 55px;
	}

	.home_slide .inner_item img {
		margin: 0 !important;
	}

	.home_slide .inner_item.inner_item_1 {
		flex-direction: column-reverse;
		left: -1%;
		top: 1%;
	}
  
 .inter-twnt-fv .home_slide .inner_item.inner_item_1 {
		bottom: 0px;
    left: 15%;
    top: auto;
	}
  
	.home_slide .inner_item.inner_item_2 {
		flex-direction: column-reverse;
		right: -1%;
		top: 6%;
	}

  .inter-twnt-fv .home_slide .inner_item.inner_item_2 {
		bottom: 0px;
    right: 15%;
    top: auto;
	}
  
	.home_slide .inner_item.inner_item_3 {
		bottom: 1%;
		flex-direction: column;
		left: 5%;
	}

  .inter-twnt-fv .home_slide .inner_item.inner_item_3 {
        bottom: -150px;
        left: 0%;
	}
  
	.home_slide .inner_item.inner_item_4 {
		bottom: -2%;
		flex-direction: column;
		right: 2%;
	}
  
  .inter-twnt-fv .home_slide .inner_item.inner_item_4 {
        bottom: -150px;
        right: 0%;
	}
  
.footer .swiper-button-prev{right:90px!important;}

}

@media(max-width:1200px) {
    .outer-div-2 {
    max-width: 750px!important;
      top: 60%
}
  .rotating-image {
    top: 35%;
    width: 700px;
    height: 700px;
  }
	.home_slide .outer_item {
		font-size: 12px !important;
	}
.inter-twnt-fv .home_slide .outer_item:hover {
    color: #6FF0FF;
    font-weight: bold;
}
	.home_slide .inner_item img,
	.home_slide .inner_item:after {
		height: 45px;
		width: 45px;
	}

	.home_slide .inner_item.inner_item_1 {
		left: -7%;
		top: 2%;
	}

	.home_slide .inner_item.inner_item_2 {
		right: -5%;
		top: 9%;
	}

	.home_slide .inner_item.inner_item_3 {
		bottom: 11%;
		left: -3%;
	}


	.home_slide .inner_item.inner_item_4 {
		bottom: 4%;
		right: -6%;
	}

	.home_slide .outer_item:after {
		width: 35px;
		height: 35px;
	}

}


@media screen and (max-width: 1024px) and (min-height: 700px) {
  .outer-div-2, .home_slide .videoPopup, .inner-div-2 {
    top: 60%;
}
  .rotating-image {
    top: 35%;
    width: 700px;
    height: 700px;
}
}
@media screen and (max-width: 1200px) and (min-height: 700px) {
    .rotating-image {
      top: 10%;
  }
      .outer-div-2 {
        max-width: 770px !important;
        top: 50%;
    }
  .inter-twnt-fv .inner-div-1 {
  bottom: unset;
    top: 15%;
  }
  .inter-twnt-fv .inner-div-2{
  bottom: 20%;
    top: unset;
  }
}

/* For screens with width 1024px and height greater than 900px */
@media screen and (min-width: 1024px) and (min-height: 900px) and (orientation: portrait) {
  .inter-twnt-fv .outer-div-2 {
        top: 35%;
        bottom: unset;
    }
  .inter-twnt-fv .inner-div-1 {
    top: 15%;
        bottom: unset;
  }
  .inter-twnt-fv .inner-div-2{
  top: 50%;
        bottom: unset;
  }
  .rotating-background {
    height: 95vh;
}
  .rotating-image {
    top: 25%;
        bottom: unset;
        width: 700px;
        height: 700px;
}
}
@media screen and (min-width: 750px) and (max-width: 1000px) and (min-height: 800px) {
      .inter-twnt-fv .inner-div-1 {
        bottom: 0;
        top: 25%;
    }
    .inter-twnt-fv .inner-div-2 {
        top: unset;
        bottom: unset;
    }
      .inter-twnt-fv .outer-div-2 {
        top: 40%;
        bottom: unset;
    }
  .rotating-background {
        height: 92vh !important;
    }
  .rotating-image {
        top: 25% !important;
        bottom: unset;
    }
}
@media screen and (max-width: 1400px) and (min-height: 850px) and (orientation: landscape) {
.inter-twnt-fv .inner-div-2 {
        top: 35%;
        bottom: unset;
    }
      .outer-div-2, .home_slide .videoPopup, .inner-div-2 {
                top: 50%;
        bottom: unset;
    }
  .rotating-background {
    height: 92vh;
  }
  .rotating-image {
    top: 25%;
        bottom: unset;
  }
}
@media(max-width:992px) {
    .inter-twnt-fv .outer-div-2 {
        max-width: 600px !important;
    }
      .inter-twnt-fv .inner-div-1 {
        max-width: 500px;
        height: 30vh;
    }
  .inter-twnt-fv .inner-div-1 img {
    max-width: 200px;
   }
  .inter-twnt-fv .home_slide .header .navbar a.nav-link{
  margin-right: 20px;
  }
  .rotating-image {
    top: 30%;
    width: 550px;
    height: 550px;
}
  .inter-twnt-fv .home_slide .inner_item img {
    width: 90px;
}
  .rotating-background {
    height: 86vh;
}
	.home_slide .inner_item img,
	.home_slide .inner_item:after {
		width: 35px;
		height: 35px;
	}    
  .inter-twnt-fv .home_slide .inner_item.inner_item_1 {
        bottom: -20%;
        left: 20%;
        top: auto;
    }
.inter-twnt-fv .home_slide .inner_item.inner_item_2 {
        bottom: -20%;
        right: 20%;
        top: auto;
    }
  .inter-twnt-fv .home_slide .inner_item.inner_item_3 {
        bottom: -120px;
        left: 5%;
    }
      .inter-twnt-fv .home_slide .inner_item.inner_item_4 {
        bottom: -120px;
        right: 5%;
    }
	.home_slide .inner_item.inner_item_1 {
		left: -5%;
		top: 2%;
	}

	.home_slide .inner_item.inner_item_2 {
		right: -6%;
		top: 10%;
	}

	.home_slide .inner_item.inner_item_3 {
		bottom: 9%;
		left: -2%;
	}

	.home_slide .inner_item.inner_item_4 {
		bottom: 3%;
		right: -5%;
	}
}