body {
    font-family: 'Poppins';
}
.fs-small{
    font-size: 12px;
}
.fs-13{
    font-size: 13px;
}
.fs-14{
    font-size: 14px;
}
li{
    list-style: none;
}
.fw-600{
    font-weight: 600;
}
.sub-theme{
    background-color: #ff804b;
}
.lh-max{
    line-height: 3 !important;
}
a{
    text-decoration: none;
}
.theme-color-hov :hover{
    color: #20469d !important;
}
.text-white-hov :hover{
    color: #fff !important;
}
.underline-hov :hover{
    text-decoration: underline !important;
}
.shadow-hov :hover{
    box-shadow: inset !important;
}
.dropdown {
    position: relative;
    display: inline-block;
} 
.dropdown-content {
    display: none;
    z-index: 1;
}
.dropdown-content a {
    display: block;
}
.dropdown-content a:hover {
    text-decoration: underline;
}
.dropdown:hover .dropdown-content {
    display: block;
}
.wlcm-banner{
    background-image: url(https://placehold.jp/1537x580.png);
    background-repeat: no-repeat;
    height: 580px;
}
.top-min{
    top: -90px;
}
.margin-top{
    margin-top: 353px;
}
.btn-outline-white{
    border: #fff 2px solid;
    color: #fff;
    background-color: transparent;
}
.btn-outline-white:focus{
    border: #fff 2px solid;
    color: #20469d;
    background-color: white;
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    border-color: #ff804b !important;
}
.input-outline{
    border: #fff 2px solid;

}
.bannerheight{
    background-image: url(../img/index.jpg);
    background-size: cover;
    height:580px;
}
.top-header{
    margin-top:75px;
}
.navbackground{
    background-color:#9a0a0a;
}
.fontweightnav{
    font-weight: 1000;
}
.bg-theme{
    background-color: #20469d;
}
.btn {
    border: none !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
  }
.btn-theme{
    background-color: #20469d;
    color: #fff;
}
.btn-theme:hover{
    background-color: #133076;
    color: #fff;
}
.btn-theme:focus{
    border-color: #133076 !important;
    background-color: #133076 !important;
    color: #fff !important;
}
.btn-sub-theme{
    background-color: #ff804b;
    color: #fff;
}
.btn-sub-theme:hover{
    background-color: #e95c20;
    color: #fff;
}
.btn-sub-theme:focus{
    background-color: #e95c20 !important;
    color: #fff !important;
}
.bg-sub-theme{
    background-color: #ff804b;
}
.text-theme{
    color: #20469d;
}
.nav-header-top{
    font-size:12px;
    color: white;
    text-decoration: none;
}
header{
    width:100%;
    position:fixed;
    top:30px;
    z-index:3;
    height: 80px;
}
header.not-transparent {
    background: #fff;    
}
.input-outline::placeholder{
    color: #fff;
    font-weight: 600;
}
.downloadbtncolor{
    background-color: #f90;
    color: #fff;
}
.downloadbtncolor:hover{
    background-color: #f90!important;
    color: #fff !important;
    box-shadow: 0px 0px 7px 1px #333333;
}
.start-500{
    left: -500px;
}
.start-80{
    left: -80px;
}
.bg-creamy{
    background-color: #F5F1ED;
}

.img-hw{
    height: 79px;
    width: 79px;
}
.elementor-shape-bottom {
    bottom: 0px;
}
.elementor-shape {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr;
}
.elementor-shape .elementor-shape-fill {
    fill: #fff;
    transform-origin: center;
    transform: rotateY(0deg);
}
.elementor-shape svg {
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.image{
    width:400px;
    height:200px;
}
.accordion-button:not(.collapsed) {
    background-color:  #20469d !important;
    color: #fff !important;
}
.accordion-button::after{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed)::after{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:focus {
    box-shadow: none;
}
.background2-image{
    background-image:url("");
    background-repeat:no-repeat;
    background-size:cover;
}
.lh-35{
    line-height: 35px;
}
.fs-80
{
    font-size: 80px;
}
.bg-img-hov:hover{
    background-image: url(https://placehold.jp/306x408.png);
    background-size: cover;
    width: 306px;
    height: 408px;
    color: #fff;
}
.mt-54{
    margin-top: 70px;
}
.border-theme{
    border-color: #20469d !important;
}
.Mapheight{
    height:600px;
}
.bottom-93 {
    bottom: -93px;
}
.pt-100{
    padding-top: 100px;
}
.mt-198{
    margin-top: 198px;   
}
.uiux-logo{
    height: 180px;
    width: 180px;
}
.px-10{
    padding-left: 10rem;
    padding-right: 10rem;
}
.circle-position{
    left: -110px;
    top: -120px;
}
.circle-position-2{
    top: -59px;
    right: -73px;
}
.circle-position-3{
    bottom: -69px;
    left: -52px;
}
.circle-position-4{
    bottom: -120px;
    right: -112px;
}
.z-index-2{
    z-index: 2;
}
.imgcurves
{
    border-radius: 0px 120px 0px 120px;
	height:450px;
    width:500px;
}
.ribbon-heading-outer{
    padding: 20px 80px;
  }
  
  .ribbon-heading {
    position: relative;
    margin: 0 auto 20px;
    padding: 20px 40px;
    text-align: center;
    color:#fff;
    background-color: #20469d;
  }
  
  .ribbon-heading::before, .ribbon-heading::after {
    content: '';
    width: 80px;
    height: 100%;
    background-color: #20469d;
    position: absolute;
    z-index: -1;
    top: 0px;
    clip-path: inherit;
    background-image: linear-gradient(45deg, transparent 50%, #072A51 50%);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: bottom right;
  }
  
  .ribbon-heading::before {
    left: -60px;
    top:20px;
    background-color:#072a7c;
  }
  
  .ribbon-heading::after {
    right: -20px;
    transform: scaleX(-1);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 25% 50%);
  }
  
  @media (max-width: 400px) {
    .ribbon-heading { font-size: 1.5rem; }
  }
  .image-1{
      width:90px;
      height:90px;
  }
  .main-image{
      width:250px;
      height:230px;
  }
  .cls-1 {
    font-size: 28px;
    font-family: Roboto-Bold, Roboto;
    font-weight: 700;
}
  
.cls-2 {
    letter-spacing: -0.02em;
}
  
.cls-3 {
    letter-spacing: -0.01em;
}
  
.cls-4 {
    letter-spacing: -0.01em;
}
  
            .cls-5 {
              font-size: 16px;
              font-family: Roboto-Regular, Roboto;
            }
  
            .cls-6 {
              letter-spacing: -0.01em;
            }
  
            .cls-7 {
              letter-spacing: -0.01em;
            }
  
            .cls-8 {
              letter-spacing: -0.02em;
            }
  
            .cls-9 {
              letter-spacing: -0.01em;
            }
  
            .cls-10 {
              letter-spacing: 0.01em;
            }
  
            .cls-11 {
              letter-spacing: -0.01em;
            }
  
            .cls-12 {
              letter-spacing: -0.04em;
            }
  
            .cls-13 {
              letter-spacing: -0.02em;
            }
  
            .cls-14 {
              letter-spacing: 0.01em;
            }
  
            .cls-15 {
              letter-spacing: -0.01em;
            }
  
            .cls-16 {
              letter-spacing: -0.06em;
            }
  
            .cls-17 {
              letter-spacing: -0.02em;
            }
  
            .cls-18 {
              letter-spacing: 0.01em;
            }
  
            .cls-19 {
              letter-spacing: 0.02em;
            }
  
            .cls-20 {
              letter-spacing: -0.01em;
            }
  
            .cls-21 {
              letter-spacing: -0.03em;
}
.list-style-dot li{
    list-style: disc !important;
}
.bottom-br::after{
    content: '';
    border-bottom: 3px solid #20469d;
    width: 100px;
    display: block;
    padding-top: 20px;
}
.arrow-ls{
    margin: 20px 20px 20px 40px;
    position: relative;
}
.arrow-ls li::before{
    font-family: "Font Awesome 5 Free";
    content: "\f0a9";
    font-weight: 900;
    position: absolute;
    left: -6%;
}
.owl-dots{
    display: none !important;
}
.owl-basic .owl-nav{
    font-size: 50px !important;
    margin-top: 0px !important;
    display: none !important;
    color: #fff !important;
}
.owl-basic .owl-nav{
    display: block !important;
}
.owl-basic .owl-nav .owl-prev{
    float: left !important;
    position: absolute !important;
    left: -25px !important;
    top: 50% !important;
    border-radius: 50% !important;
    background-color: #20469d !important;
    width: 40px !important;
    height: 40px !important;
}
.owl-basic .owl-nav .owl-prev span{
    position: absolute;
    top: -20px;
    left: 11px;
}
.owl-basic .owl-nav .owl-next{
    float: right !important;
    position: absolute;
    top: 50%;
    right: -25px;
    border-radius: 50% !important;
    background-color: #20469d !important;
    width: 40px !important;
    height: 40px !important;
}
.owl-basic .owl-nav .owl-next span{
    position: absolute;
    top: -20px;
    right: 11px;
}
.owl-basic-vedio .owl-nav{
    font-size: 50px !important;
    margin-top: 0px !important;
    display: none !important;
    color: #fff !important;
}
.owl-basic-vedio:hover .owl-nav{
    display: block !important;
}
.owl-basic-vedio .owl-nav .owl-prev{
    float: left !important;
    position: absolute !important;
    left: -25px !important;
    top: 121px !important;
    border-radius: 50% !important;
    background-color: #20469d !important;
    width: 40px !important;
    height: 40px !important;
}
.owl-basic-vedio .owl-nav .owl-prev span{
    position: absolute;
    top: -20px;
    left: 11px;
}
.owl-basic-vedio .owl-nav .owl-next{
    float: right !important;
    position: absolute;
    top: 121px;
    right: -25px;
    border-radius: 50% !important;
    background-color: #20469d !important;
    width: 40px !important;
    height: 40px !important;
}
.owl-basic-vedio .owl-nav .owl-next span{
    position: absolute;
    top: -20px;
    right: 11px;
}
.hov-div .owl-basic-2 .owl-nav{
    font-size: 40px !important;
    margin-top: 0px !important;
    color: #fff !important;
    opacity: 0% !important;
    transition:opacity 301ms !important;
}
.hov-div:hover .owl-basic-2 .owl-nav{
    opacity: 100% !important;
}
.hov-div .owl-basic-2 .owl-nav .owl-prev{
    float: left !important;
    position: absolute;
    left: 21px;
    top: 28px;
    border-radius: 50% !important;
    background-color: #000 !important;
    width: 40px !important;
    height: 40px !important;
}
.hov-div:hover .owl-basic-2 .owl-nav .owl-prev{
    left: -65px !important;
}
.hov-div .owl-basic-2 .owl-nav .owl-prev span{
    position: absolute !important;
    top: -12px !important;
    left: 13px !important;
}
.hov-div .owl-basic-2 .owl-nav .owl-next{
    float: right !important;
    position: absolute;
    right: 21px;
    top: 28px;
    border-radius: 50% !important;
    background-color: #000 !important;
    width: 40px !important;
    height: 40px !important;
}
.hov-div:hover .owl-basic-2 .owl-nav .owl-next{
    right: -65px !important;
}
.hov-div .owl-basic-2 .owl-nav .owl-next span{
    position: absolute !important;
    top: -12px !important;
    right: 13px !important;
}
.owl-basic-3 .owl-nav{
    font-size: 50px !important;
    margin-top: 0px !important;
}
.owl-basic-3 .owl-nav .owl-prev{
    float: left !important;
    position: absolute;
    left: -45px;
    top: 95px;
}
.owl-basic-3 .owl-nav .owl-next{
    float: right !important;
    position: absolute;
    top: 95px;
    right: -45px;
}
.owl-basic-3 .owl-nav .owl-prev:hover{
    background: #fff !important;
    color: #000 !important;
    text-decoration: none !important; 
}
.owl-basic-3 .owl-nav .owl-next:hover{
    background: #fff !important;
    color: #000 !important;
    text-decoration: none !important; 
}
img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
.bg-skyblue{
    background-color: #E5F0F7;
}
.poly{
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    background-color: #10716f;
    height: 100px;
    width: 100px;
}
image-slider {
    display: block;
    width: 100%;
    height: auto;
}

.owl-nav {
    
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #ff7b00 !important;
}

.mt-90{
    margin-top:90px;
}
.fixbtn{
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 10;
    transition: all 0.3s;
}
.fixbtn:hover{
    background: #ff804b !important;
    color: #fff !important;
    transform: scale(1.1) !important;
}
.text-sub-theme{
    color: #ff804b;
}
.owl-text h2{
    font-size: 80px;
    font-weight: 900;
}
.owl-text h3{
    font-size: 50px;
    font-weight: bold;
}
.web {
    width: 295px;
    height: 34px;
    overflow: hidden;
    clip-path: polygon( 0 0%, 10% 0, 90% 0, 100% 100%, 100% 100%, 90% 100%, 0% 100%, 0% 100%, 0% 10% );
}
.web h6{
    padding-left: 7rem;
}


.gameimg
{
	transform: scale(2.0);

}
.gameimg2
{
	transform: scale(0.9);
	opacity:0.2;
}
.space{
    border-radius: 50px 50px 50px 50px;
	height:500px;
	transition: all 1s;
    background-image: url(https://png.pngtree.com/png-vector/20231115/ourmid/pngtree-collegeuniversity-student-showing-laptop-screen-sign-png-image_10467006.png);
    background-size: cover;
}
.space:hover{
    transform: scale(1.02);
}
.space-2:hover{
    transform: scale(1.02);
}
.space-3:hover{
    transform: scale(1.02);
}
.space-2{
    border-radius: 50px 50px 50px 50px;
	height:500px;
    transition: all 1s;
}
.space-3{
    border-radius: 50px 50px 50px 50px;
	height:500px;
    transition: all 1s;
}

 .message-box {
    position: absolute;
    width: 200px;
    height: 120px;
    background: antiquewhite;
    border-radius: 60% 40% 40% 20% / 70% 50% 49% 25%;
    top: -110px;
    left: 46px;
    z-index: 1;
	}
	.message-box:before {
		box-shadow: 0 20px 0 0 antiquewhite;
		content: "";
		position:absolute;
		bottom: -40px;
		left: 60px;
		height:40px;
		width: 40px;
		border-bottom-left-radius: 75%;
		background:transparent;
		transform: rotate(180deg);
		z-index: -1;
	}
	 .message-box-2 {
        position: absolute;
        width: 200px;
        height: 120px;
        background: antiquewhite;
        border-radius: 60% 40% 40% 20% / 70% 50% 49% 25%;
        top: -75px;
        left: 46px;
        z-index: 1;
	}
	.message-box-2:before {
		box-shadow: 0 20px 0 0 antiquewhite;
		content: "";
		position:absolute;
		bottom: -40px;
		left: 60px;
		height:40px;
		width: 40px;
		border-bottom-left-radius: 75%;
		background:transparent;
		transform: rotate(180deg);
		z-index: -1;
	}
	 .message-box-3 {
        position: absolute;
        width: 200px;
        height: 120px;
        background: antiquewhite;
        border-radius: 60% 40% 40% 20% / 70% 50% 49% 25%;
        top: -110px;
        left: 46px;
        z-index: 1;
	}
	.message-box-3:before {
		box-shadow: 0 20px 0 0 antiquewhite;
		content: "";
		position:absolute;
		bottom: -40px;
		left: 60px;
		height:40px;
		width: 40px;
		border-bottom-left-radius: 75%;
		background:transparent;
		transform: rotate(180deg);
		z-index: -1;
	}
	.margin-top-msgbox{
		margin-top:7rem;
	}
	
.img-gaming{
    top: 135px;
	right: 1px;
}

.btn-game {
    top: 489px;
    left: 235px;
    width: auto;
}
.btn-br{
    border: 2px solid #20469d;
}
.img-game-3{
    top: 8px;
    left: 21px;
}
.bg-main{
background: linear-gradient(to right,  #20469d 0%,#2989d8 50%,#2989d8 50%,#20469d 100%);
}
.bg-color-green{
    background: #7ca687;
}
.loading_num {
    width: 100px;
    height: 100px;
    background: rgba(0,0,0,0.5);
    font-weight: 700;
    font-size: 30px;
    border-radius: 50%;
    line-height: 100px;
    text-align: center;
}
.cardbody-main{
	background: #07294d;
}
.card1-color{
	background: #8ca94a;
}

.card2-color {
    background: #fd6e6f;
}
.card3-color{
	background: #5789e8;
}
.lh-50{
    line-height: 50px;
}
.numbers{
    border-radius: 50%;
    width: 60px;
    height: 60px;
    padding: 8px;
    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;
    margin-bottom:50px;
    font: 32px Arial;
}
.content-color{
	color:#a3bba9;
}
.bg-main-2{
	background-color:#3975b9;
}
.me-10-button{
	margin-right: 10rem!important;
}
.btn-sign:hover {
    border-color: #fff;
}
.in-person-img{
    left: 393px;
    top: -2px;
}
.virtual-img{
    left: 395px;
    top: 10px;

}
.fs-8{
	font-size:8rem;
}
.circle-logo2 {
    height: 50px;
    width: 50px;
    position: absolute;
    background: antiquewhite;
    top: -21px;
    left: -12px;
}
.cardradius2{
	    border-radius: 0px 0px 50px;
}

.colorcard1{
	background-color:#fef8bc;
	width:20rem;
}
.colorcard2{
	background-color:#ecfcf9;
	width:20rem;
}
.colorcard3{
	background-color:#e0f9d9;
	width:20rem;
}
.img-borderradius{
	border-radius:0px 100px 0px 100px;
}
.fs-56{
	font-size:56px;
	    line-height: 1px;
}
.cardradius{
	    border-radius: 50px 50px 50px;
}
.button-pill-read {
  background-color: #0270ab;
  border: none;
  color: black;
  padding: 9px 35px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  border-radius: 16px;
}
.collapse:not(.show) {
    display: none !important;
}
.owl-basic .owl-item img {
    width: 79px !important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #20469d;
    background-color: #fff;
    border-color: var(--bs-nav-tabs-link-active-border-color);
    border-bottom: 2px solid #20469d!important;
    border: none;
}
.nav-link:focus, .nav-link:hover {
    color: #20469d;
}
.nav-link {
  color: #000;
}
.mt-196{
    margin-top: 196px;
}
.lh-34{
	line-height:34px;
}
.bg-lght-blue{
    background-color: #437FC7;
}
.bg-blue-sky{
    background-color: #6DAFFE;
}
.bg-ligt-bluss{
    background-color: #4aa4ff;
}
.custom-card{
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
}

.card-body-heigth{
    height: 115px !important;
}

@media only screen and (max-width: 1400px) {
    .mt-90{
        margin-top: 90px;
    }
}
@media only screen and (max-width: 1200px) {
    .mt-90{
        margin-top: 80px;
    }
}
@media only screen and (max-width: 992px) {
    .mt-90{
        margin-top: 70px;
    }
    .margin-top{
        margin-top: 0px;
    }
    .ribbon-heading {
        font-size: 14px;
    }
}
@media only screen and (max-width: 768px) {
    .mt-90{
        margin-top: 60px;
    }
    .ribbon-heading {
        font-size: 11px;
    }
}
@media only screen and (max-width: 576px) {
    .mt-90{
        margin-top: 40px;
    }
    p{
        font-size: 14px;
    }
    .ribbon-heading {
        font-size: 12px;
    }
    .ribbon-heading::before {
        top: 15px;
    }
}