body{
    background: #E4E9FF;
    position: relative;
}
 section{
    padding-top: 165px;
    padding-bottom: 20px;
    width:100%;
}




@media (max-width: 768px) {
  section .container{
    padding: 0 1rem !important;
}  

section .row{
    padding: 0 !important;
}

section{
    padding-top: 257px;
}
}

a{
    text-decoration: none;
}

ul,ol{
    list-style-type: none;
}

  marquee{
     color: #fff; 
     font-size: 15px;
     margin-top: 3px;
     font-family: Rubik, sans-serif;
 }
 
  marquee span{
     text-indent: 40px;
 }

.LASTTWO{
    color: #0866FF; 
    margin-right: 7.9px;
}


.LASTTWO:hover{
    color: #FF595F; 
}

.LASTTHREE{
    color: rgb(178,43,251);
    color: linear-gradient(138deg, rgba(178,43,251,1) 0%, rgba(254,53,58,1) 42%, rgba(254,197,1,1) 61%, rgba(254,0,154,1) 100%);
    margin-right: 7.9px;
}


.LASTTHREE:hover{
    color: #FF595F; 
}

.LASTFOUR{
    color: #0A66C2; 
 
}


.LASTFOUR:hover{
    color: #FF595F; 
}

/***************************** 2nd Navbar part css *****************************/
.menu-bg {
	background: #e4e9ff;
	animation: bg 1s;
	position: fixed;
	width: 100%;
	z-index: 9999999;
	top: 0;
}
@keyframes bg {
    from {top: -50px;}
    to {top: 0px;}
}
.navbar {
    background-color: #E4E9FF;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}
.navbar .logo{
    width: 15%;
}

.navbar .logo a {
    color: white;
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
}
.navbar .row{
    width: 40%;
}
.nav-link {
    list-style-type: none;
    display: flex;
    width: 45%;
}

.nav-link li {
    margin: 0 8px;
}

.nav-link a {
    color: #322E83;
    text-decoration: none;
    font-size: 13px;
    font-family: Rubik, sans-serif;
    transition: all linear .3s;
}

.nav-link a:hover {
    color: #FF595F;
}

/* Dropdown Menu */
.dropdown {
    position: relative;
}

.dropbtn {
    color: #322E83;
    text-decoration: none;
    font-size: 13px;
    font-family: Rubik, sans-serif;
    transition: all linear .3s;
}

.dropdown:hover .dropdown-content {
    visibility: visible;
    display: block;
     top:100%;
    opacity: 1;
    z-index: 9999999;
}

.dropdown-content {
    visibility: hidden;
    position: absolute;
    background-color: #e4e9ff;
    min-width: 160px;
    z-index: 10;
    top:90%;
    transition: all linear 1s;
    opacity: 0;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}


.dropdown-content a {
   color: #322E83;
    text-decoration: none;
    transition: color 0.3s;
   font-family: Rubik, sans-serif;
    margin: 10px 5px;
}

.dropdown-content a:hover {
    color: #E61E25;
}

/* Responsive Styles */
.hamburger {
    display: none;
    font-size: 30px;
    color: white;
    cursor: pointer;
}

.grefre{
    font-family: Playwrite DE Grund; 
    color: #322E83;
     margin-top: 24px;
    font-size: 13px;
}
.appoint_btn a{
    color: #fff;
    background-color: #322E83;
    transition: all linear .5s;
    font-size: 12px;
    font-family: Rubik, sans-serif;
    margin-top: 18px;

}
 .appoint_btn a:hover{
    color: #fff;
    background-color: #E61E25;
}
.sfs{
     margin-top: 20px;
}
.rferewree{
    position: absolute; 
    bottom:0; 
    left:0; 
    width:100%; 
    height: 5px; 
    background-color: #322E83;
}
@media (max-width: 768px) {
    
    .navbar .row{
    width: 100%;
}
    .nav-link {
        display: none;
        width: 100%;
        flex-direction: column;
        position: absolute;
        top: 225px;
        left: 0;
        background-color: rgb(228 233 255 / 85%);;
        text-align: center;
        z-index: 1;
        margin-top: 35px;
    }

    .nav-link li {
        margin: 0;
        padding: 10px 0;
    }

    .nav-link.active {
        display: flex;
    }

    .hamburger {
        display: block;
        margin-right: 30px;
    }

    .dropdown-content {
    visibility: hidden;
    position: absolute;
    background-color: #e4e9ff;
    min-width: 160px;
    
    top:90%;
    transition: all linear 1s;
    opacity: 0;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
    left: 50%;
    transform: translateX(-50%);
    }

   .dropdown:hover .dropdown-content {
    visibility: visible;
    display: block;
    top:100%;
    opacity: 1;
    z-index: 9999999;
    }
}


/***************************** Slider part css *************************************/


#Slider .xxx{
 background: transparent;
 
}

#Slider .xxx .card_content{
   position: relative; 
   top:50%; 
   left:0; 
   width: 100%; 
  
}

#Slider .slick-center .xxx{
 transition: all linear .7s;

}


#Slider .slick-center .xxx .card_content{
   position: relative; 
   top:50%; 
   left:0; 
   width: 100%; 
  
}
#Slider .word_anim{
    display: inline-block;
    position: absolute;
    right: 0;
    top: 100px;
    z-index: 99999;
}
#Slider .word{
    font-family: 'Rubik', sans-serif; 
    font-size: 40px; 
    font-weight: 900;
   margin-right: 30px;
   overflow: hidden;
  white-space: nowrap;
  animation: typing 1s steps(8, end) forwards;
    
}

@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}


#Slider .word_anim2{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 6%;
    z-index: 99999;
    background: rgb(49 48 125 / 70%);
    
}

#Slider .word2{
    font-family: 'Rubik', sans-serif; 
    font-size: 25px; 
    font-weight: 900;
  overflow: hidden;
  white-space: nowrap;
 
 
}


#Slider .cursor::after  {
    display: inline-block; 
    margin-left: 0.1rem; 
    width: 10px; 
    animation: blink 1s infinite;
    content: '|';
}

#Slider .CURSOR::after  {
    display: inline-block; 
    margin-left: 0.1rem; 
    width: 10px; 
    animation: blink2 1s infinite;
    content: '|';
}

#Slider .cursore::after  {
    display: inline-block; 
    margin-left: 0.1rem; 
    width: 10px; 
    animation: blink3 1s infinite;
    content: '|';
}

#Slider .cursor4::after  {
    display: inline-block; 
    margin-left: 0.1rem; 
    width: 10px; 
    animation: blink4 1s infinite;
    content: '|';
}

#Slider .cursor5::after  {
    display: inline-block; 
    margin-left: 0.1rem; 
    width: 10px; 
    animation: blink5 1s infinite;
    content: '|';
}

#Slider .cursor78::after  {
    display: inline-block; 
    margin-left: 0.1rem; 
    width: 10px; 
    animation: blink6 1s infinite;
    content: '|';
}

/* custom cursor animation */
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink3 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink4 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink5 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink6 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

 .slider_marq{
    position: sticky; 
    top:85px; 
    left:0; 
    width: 100%;
    height: 6%; 
    background-color: #E61E25; 
    z-index:9;
}

@media (max-width: 768px) {
    #Slider .word2{
    font-size: 10px; 
}
}

@media (max-width: 992px) {
    #Slider .silder{
    position: relative; 
    width:100%;
}

#Slider .carousel-item img{
    height: 400px;
}


}


@media (max-width: 1400px) {
    #Slider .silder{
    position: relative; 
    width:100%;

}


 
 #Slider .carousel-item img{
    height: 537px;
}

#Slider .word_anim2{
    bottom: 0;
}

#Slider .word_anim2 span{
    font-size: 1rem;
}
}


@media (min-width: 1400px) {
    #Slider .silder{
    position: relative; 
    width:100%;
}

 #Slider marquee{
     color: #fff; 
     font-size: 15px;
     margin-top: 7px;
     font-family: Rubik, sans-serif;
 }
  #Slider marquee span{
     text-indent: 80px;
 }
 
#Slider .word_anim2{
    bottom: 0;
}

#Slider .carousel-item img{
    height:790px;
}

 .slider_marq{
    position: sticky; 
    top:85px; 
    left:0; 
    width: 100%;
    height: 6%; 
    background-color: #E61E25; 
    z-index:9;
}

#Slider .word_anim2 span{
    margin-top: 0;
    font-size: 1.5rem;
}
}



/***************************** About part css *************************************/


#About .about_img:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
#About .about_img2:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}


@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}


/******************************* Offer part css *****************************/

#Offer .offer_img{
    overflow: hidden;
    height: 400px;
}

#Offer .offer_img img{
    width:100%; 
    height: 100%;
    -webkit-filter: blur(3px);
	filter: blur(3px);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

#Offer .offer_img:hover img{
    -webkit-filter: blur(0);
	filter: blur(0);
}

#Offer .offerimg2 img{
    -webkit-filter: blur(0);
	filter: blur(0);
}
#Offer .offer_img:hover .offerimg2 img{
    background-color: #fff;
}

#Offer .offerimg2 h2{
   color: #ff0006;
}

#Offer .offer_img:hover .offerimg2 h2{
    color: #f26d6f;
}

/********************************* Visa part css **************************************/

#Visa .visa{
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    margin-top: 100px;
}

#Visa .visa_img{
    height: 400px;
    margin-right: 5px;
    margin-left: 5px;
    flex: 1 1;
    will-change: flex;
    position: relative;
    margin-bottom: 30px;
    transition: .8s cubic-bezier(.29,0,.2,1);
    background: #e4e9ff;
}

#Visa .visa_img:first-child{
     flex: 3 1;
}
#Visa .fadeInUp{
        animation-name: fadeInUp;
}
#Visa .visa_img .outer_img{
       position: relative;
       overflow: hidden;
}

#Visa .visa_img .inner_img{
    position: relative;
    transition: all .3s ease;
}

#Visa .visa_img .inner_img img{
    width: 100%;
    height: 500px;
    border: 10px solid #332F82;
}

#Visa .visa_img:hover{
       flex: 9 1;
}


#Visa .visa_img .box{
   position: absolute;
    left: 30px;
    right: 70px;
    bottom: 90px;
    padding: 15px 15px 15px 15px;
    z-index: 3;
    background: rgb(228 233 255 / 90%);
    transition: all .3s ease;
    opacity: 0;
    transform: translateY(70px);
}
#Visa .visa_img:first-child .box{
    opacity: 1;
}


#Visa .visa_img .content_box{
    position: absolute;
    left: 14px;
    bottom: 20px;
    min-height: 276px;
    padding: 15px 10px 10px;
    z-index: 2;
    writing-mode: vertical-rl;
    background: rgb(228 233 255 / 90%);
    transition: all .3s ease;
    transform: rotate(-180deg);
}


#Visa .visa_img:first-child .content_box{
    opacity: 0;
}

#Visa .cntnt_box_itm{
    padding:5px; 
    background-color: #E61E25; 
    display:inline-block;
}
#Visa .cntnt_box_itm2{
    padding-left:5px; 
    padding-right:5px; 
    background-color: #E61E25; 
    display:inline-block; 
    padding-top: 5.5px; 
    padding-bottom:5.5px;
}
#Visa .cntnt_box_itms img{
    width:30px; 
    height: 35px; 
    transform: rotate(-180deg);
}
#Visa .cntnt_box_itm2 img{
    width:30px; 
    height: 35px; 
    transform: rotate(-180deg);
}
#Visa .visa_img:hover .box{
    opacity: 1;

    transition-delay: .5s;
}

#Visa .visa_img:hover .content_box{
       opacity: 0;
    transform: translateY(100);
    transition-delay: .1s;
}


@media (max-width: 768px) {
  #Visa .visa_img:hover{
       flex: 100 1;
}  
#Visa .visa {
    height: 615px;    
}
    

#Visa .visa_img .inner_img img{
   
    height: 615px;
   
}
    
#Visa .visa_img{
      height: 100%; 
      width: 100%;
    flex: 10;
}
#Visa .visa_img .box{
    width: 90%;
    left: 11px;
   bottom: 70px;
}
#Visa .visa_img:hover .box{
    bottom: 125px;
}
#Visa .visa_img .content_box{
    padding: 15px 0 10px;
    z-index: 2;
    bottom: 88px;
}

#Visa .cntnt_box_itm{
    padding:0; 
    display: inline-block;
    float: left;
    width: 20px;
}
#Visa .cntnt_box_itm img{
    width:20px; 
   
}
#Visa .content_box h6{
    display: inline-block;
    float: left;
    margin-left: 10px;
}
#Visa .cntnt_box_itm2{
    padding:0; 
    display: inline-block;
    float: left;
    width: 20px;
}
#Visa .cntnt_box_itm2 img{
    width:20px; 
   
}
}


/********************************* Work part css **************************************/



#Work .work_img{
    border: 2px dashed #E61E25; 
    border-radius: 50%; 
    background-color: #fff;
    transition: all linear .3s;
    opacity: 1;
}

#Work .work_img h1{
   font-size: 30px;
   color: #E61E25;
   margin: 0;
}

#Work .work_img2{
    border: 2px dashed #E61E25; 
    border-radius: 50%; 
    background-color: #fff;
    transition: all linear .3s;
    opacity: 1;
}

#Work .work_img2 h1{
   font-size: 30px;
   color: #E61E25;
   margin: 0;
}

#Work .work .card{
    width: 100%; 
    background:transparent;
    transition: all linear .3s;
   
}



#Work .work .CARD{
    width: 100%; 
    background:transparent;
    transition: all linear .3s;
    
}

#Work .work:hover .work_img{
   background-color: #E61E25;
}


#Work .work:hover .work_img h1{
   color: #fff;
}


#Work .work:hover .work_img2{
   background-color: #E61E25;
}


#Work .work:hover .work_img2 h1{
   color: #fff;
}




/********************************* Country part css **************************************/

#Country .Countryanim{
    position: absolute; 
    top:-50px; 
    left: 50%; 
    transform: translateX(-50%); 
    height:100px; 
    width:100px;
}

#Country .Countryanim img{
    width:100%; 
    height:100%;
    
}

#Country .Countryanim:hover img{
    animation: animName 2s linear infinite;
}

#Country .country_desh{
    position: relative;
}

#Country .country_desh::after{
    position: absolute;
    content: '';
    top: 20%;
    right: 5px;
    width: 2px;
    height: 100px;
    background: #fff;
}

@keyframes animName {
 0%{
    transform: rotate(0deg);
   }
100%{
    transform: rotate(360deg);
   }
}



/********************************* Blog part css **************************************/
#Blog .slick-arrow{
    position: absolute !important;
    right: -30px !important;
    bottom: -40px !important;
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
}
#Blog .slick-arrow:nth-child(1){
     right: 20px !important;
}


/********************************* Price part css **************************************/

#Price .FGHGrf{
    box-shadow: rgb(50 46 131 / 50%) 0px 0px 0px, rgb(50 46 131 / 50%) 0px 0px 10px; 
    
}
#Price .accordion-header button{
    font-size: 13px;
    font-family: Rubik, sans-serif; 
    color: #322E83; 
    margin-left:60px; 
    box-shadow: rgb(50 46 131 / 50%) 0px 2px 4px 0px, rgb(50 46 131 / 50%) 0px 2px 16px 0px; 
    background: rgb(228,233,255);
    background: linear-gradient(138deg, rgba(228,233,255,1) 40%, rgba(255,255,255,1) 100%); 
    width:150px; 
    margin-top: 40px;
}
#Price .accordion-header button:hover{
    color: #E61E25;
}

#Price .accordion-header button:not(.collapsed) {
 position: relative;
}
#Price .accordion-header button:not(.collapsed):after {
    position: absolute;
    content:'';
    top:-1px;
    left: 0;
    width: 100%;
    height: 5px;
    background: #E61E25;
}
#Price .button {
  border: none;
  outline: none;
  height: 50px;
  cursor: pointer;
  box-shadow: rgb(50 46 131 / 50%) 0px 3px 8px;
  color: #322E83;
  background: rgb(228,233,255);
  background: linear-gradient(138deg, rgba(228,233,255,1) 40%, rgba(255,255,255,1) 100%);
  width: 100%;
  font-size: 13px;
  font-family: Rubik, sans-serif;
   
}

#Price .button:hover {
  background: rgb(228,233,255);
  background: linear-gradient(138deg, rgba(228,233,255,1) 40%, rgba(255,255,255,1) 100%);
  color: #E61E25;
}

#Price .button.active:hover {
  background: rgb(228,233,255);
  background: linear-gradient(138deg, rgba(228,233,255,1) 40%, rgba(255,255,255,1) 100%);
  color: #E61E25;
}
#Price .button.active {
 box-shadow: rgb(50 46 131 / 50%) 0px 3px 8px;
  color: #322E83;
  position: relative;
}

#Price .button.active:after{
    position: absolute;
    content:'';
    top:0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #E61E25;
}




#Price .element-item{
display: none;
}

#Price .show {
  display: block;
 
}

#Price .deflt_txt{
    color: #E61E25;
    font-family: Rubik, sans-serif;
    font-size: 12px; 
    position: absolute; 
    top:50%; 
    left:50%; 
    transform: translate(-50%,-50%);
    width: 80%;
}

@media (min-width: 1400px) {
    #Price .deflt_txt{
    width: 66%;
}
}
@media (max-width: 768px) {

}
@media (max-width: 576px) {

}


/************************************** Testimonial part css ********************************/

#Testimonial{
    height: 1150px;
}


@media (max-width: 768px) {
  #Testimonial{
    height: 2000px;
}

}


/********************************* Overview part css **************************************/

#Overview{
    position: relative;
}

#Overview:after{
    position: absolute;
    content:'';
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: #E61E25;
}


/********************************* Mission part css **************************************/

#Mission{
    position: relative;
}

#Mission:after{
    position: absolute;
    content:'';
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: #E61E25;
}


/********************************* Vision part css **************************************/

#Vision{
    position: relative;
}

#Vision:after{
    position: absolute;
    content:'';
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: #E61E25;
}




/********************************* Team part css **************************************/

#Team .ONE{
   height:100%;
   position:relative;
   box-shadow: rgb(50 46 131 / 50%) 0px 0px 0px, rgb(50 46 131 / 50%) 0px 0px 10px;
   width: 62%; 
}

#Team h1{
    text-align: left;
    margin-left:60px; 
    color: #332F84;
    font-family: Rubik, sans-serif;
    font-size: 20px;
}

#Team p{
   padding-right:73px; 
   padding-left: 73px; 
   line-height: 23px; 
   color:#322E83; 
   font-size: 13px; 
   font-family: Rubik, sans-serif; 
   text-align: justify;
}
@media (max-width: 768px) {
   #Team h1{
    text-align: center;
    margin: 0;
    color: #332F84;
    font-family: Rubik, sans-serif;
    font-size: 20px;
}

#Team p{
   padding: 0;
   line-height: 23px; 
   color:#322E83; 
   font-size: 13px; 
   font-family: Rubik, sans-serif; 
   text-align: justify;
}
}

@media (max-width: 1400px) {
#Team .ONE{
   width: 70%; 
}

}

@media (min-width: 1400px) {

#Team .ONE{
   width: 62%; 
}
}

#Team .testimonial .card hr{
    border: 2px solid #E4E9FF;
}
#Team .testimonial .card{
    width: 30%; 
    background:#322E83;
    transition: all linear .5s;
}

#Team .slick-center .card{
    background:#E61E25;
    
}

#Team .slick-center .card hr{
    border: 2px solid #332D81;
}


/********************************* Assessment part css **************************************/

#Assessment{
    position: relative;
}

#Assessment:after{
    position: absolute;
    content:'';
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: #E61E25;
}

/********************************* Visa_Assistance part css **************************************/

#Visa_Assistance{
    position: relative;
}

#Visa_Assistance:after{
    position: absolute;
    content:'';
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: #E61E25;
}

/********************************* Document_Service part css **************************************/

#Document_Service{
    position: relative;
}

#Document_Service:after{
    position: absolute;
    content:'';
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: #E61E25;
}

/********************************* Appeal_Processing part css **************************************/

#Appeal_Processing{
    position: relative;
}

#Appeal_Processing:after{
    position: absolute;
    content:'';
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: #E61E25;
}


/********************************* B1 part css **************************************/

#B1{
    position: relative;
}

#B1:after{
    position: absolute;
    content:'';
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: #E61E25;
}

/********************************* B2 part css **************************************/

#B2{
    position: relative;
}

#B2:after{
    position: absolute;
    content:'';
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: #E61E25;
}

/********************************* F1 part css **************************************/

#F1{
    position: relative;
}

#F1:after{
    position: absolute;
    content:'';
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: #E61E25;
}

/********************************* F2 part css **************************************/

#F2{
    position: relative;
}

#F2:after{
    position: absolute;
    content:'';
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: #E61E25;
}



/********************************* UK_Student_Visa part css **************************************/

#UK_Student_Visa{
    position: relative;
}

#UK_Student_Visa:after{
    position: absolute;
    content:'';
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: #E61E25;
}


/********************************* UK_Visit_Visa part css **************************************/

#UK_Visit_Visa{
    position: relative;
}

#UK_Visit_Visa:after{
    position: absolute;
    content:'';
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: #E61E25;
}


/********************************* UK_Tourist_Visa part css **************************************/

#UK_Tourist_Visa{
    position: relative;
}

#UK_Tourist_Visa:after{
    position: absolute;
    content:'';
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: #E61E25;
}


/********************************* UK_Business_Visa part css **************************************/

#UK_Business_Visa{
    position: relative;
}

#UK_Business_Visa:after{
    position: absolute;
    content:'';
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: #E61E25;
}


/********************************* Schengen_Visitor_Visa part css **************************************/

#Schengen_Visitor_Visa{
    position: relative;
}

#Schengen_Visitor_Visa:after{
    position: absolute;
    content:'';
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: #E61E25;
}

/********************************* Schengen_Tourist_Visa part css **************************************/

#Schengen_Tourist_Visa{
    position: relative;
}

#Schengen_Tourist_Visa:after{
    position: absolute;
    content:'';
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: #E61E25;
}

/********************************* Schengen_Business_Visa part css **************************************/

#Schengen_Business_Visa{
    position: relative;
}

#Schengen_Business_Visa:after{
    position: absolute;
    content:'';
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: #E61E25;
}


/********************************* Canada_Student_Visa part css **************************************/

#Canada_Student_Visa{
    position: relative;
}

#Canada_Student_Visa:after{
    position: absolute;
    content:'';
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: #E61E25;
}

/********************************* Canada_Visit_Visa part css **************************************/

#Canada_Visit_Visa{
    position: relative;
}

#Canada_Visit_Visa:after{
    position: absolute;
    content:'';
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: #E61E25;
}

/********************************* Canada_Tourist_Visa part css **************************************/

#Canada_Tourist_Visa{
    position: relative;
}

#Canada_Tourist_Visa:after{
    position: absolute;
    content:'';
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: #E61E25;
}

/********************************* Canada_Business_Visa part css **************************************/

#Canada_Business_Visa{
    position: relative;
}

#Canada_Business_Visa:after{
    position: absolute;
    content:'';
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: #E61E25;
}


/********************************* Australia_Student_Visa part css **************************************/

#Australia_Student_Visa{
    position: relative;
}

#Australia_Student_Visa:after{
    position: absolute;
    content:'';
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: #E61E25;
}

/********************************* Australia_Visit_Visa part css **************************************/

#Australia_Visit_Visa{
    position: relative;
}

#Australia_Visit_Visa:after{
    position: absolute;
    content:'';
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: #E61E25;
}

/********************************* Australia_Tourist_Visa part css **************************************/

#Australia_Tourist_Visa{
    position: relative;
}

#Australia_Tourist_Visa:after{
    position: absolute;
    content:'';
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: #E61E25;
}

/********************************* Australia_Business_Visa part css **************************************/

#Australia_Business_Visa{
    position: relative;
}

#Australia_Business_Visa:after{
    position: absolute;
    content:'';
    bottom: -65px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: #E61E25;
}


/********************************* DocumentChecklist part css ****************************************/

#DocumentChecklist .doc_view{
    color: #322E83;
    text-decoration: underline;
}

#DocumentChecklist .doc_view:hover{
    color: #E61E25;
    
}

#DocumentChecklist .doc_chcklst_txt{
    color: #322E83;
    text-decoration: none;
    font-size: 20px;
    font-family: Rubik, sans-serif;
    transition: all linear .3s;
}


#DocumentChecklist .doc_chcklst_txt:hover{
    color: #E61E25;
}


#DocumentChecklist .doc_chcklst_txt2{
    color: #322E83;
    text-decoration: none;
    font-size: 13px;
    font-family: Rubik, sans-serif;
    transition: all linear .3s;
}


#DocumentChecklist .doc_chcklst_txt2:hover{
    color: #E61E25;
}



@media (max-width: 768px) {
    
#DocumentChecklist .container{
    margin-top: 100px;
}
}

/********************************* Footer part css **************************************/

#Footer{
    background: #E4E9FF; 
    height: 400px;
    position:relative;
}
#Footer .footer_box{
    border: 2px dashed #E61E25; 
    border-radius: 50px; 
    display:inline-block;
    transition: all linear 1s;
}

#Footer .footer_box:hover{
    background: #fff;
    transform: rotate(360deg);
}



#Footer .footer_box2{
    border: 2px solid #E61E25; 
    border-radius: 50px; 
    display:inline-block;
     transition: all linear 1s;
}

#Footer .footer_box2:hover{
    background: #fff;
}

#Footer .footer_absolute{
   position: absolute; 
   top: 10%; 
   left:50%; 
   transform:translateX(-50%); 
   width:90%; 
   background: #E4E9FF; 
   border: 3px solid #322E83;
}


#Footer .footer_absolute2_txt p{
    color: #322E83; 
    font-size: 13px; 
    font-family: Rubik, sans-serif;
    transition: all linear .3s;
}
#Footer .footer_absolute2_txt p:hover{
     color: #FF595F;
}

#Footer .footer_absolute2_txt a{
    color: #322E83; 
    font-size: 13px; 
    font-family: Rubik, sans-serif;
    transition: all linear .3s;
}
#Footer .footer_absolute2_txt a:hover{
     color: #FF595F;
}
@media (max-width: 768px) {
    
   #Footer{
    height: 830px;
} 
}
@media (max-width: 1400px) {

#Footer .footer_absolute2{
   width:90%; 
  
}
}
@media (min-width: 1400px) {
#Footer .footer_absolute{
   width:75%; 
  
}
#Footer .footer_absolute2{
   width:80%; 
  
}
}

#Footer .footer_absolute2{
  position: absolute; 
  bottom: 0; 
  left:50%; 
  transform:translateX(-50%); 
  background: #E4E9FF;
}



/********************************* Sidebar part css **************************************/


.sidebar{
  position: fixed;
  top: 15%;
  left: 0;
  height: 100%;
  width: 260px;
  z-index: 100;
  transition: all 0.5s ease;
}
.sidebar.close{
  width: 20%;
}
.sidebar .logo-details{
  height: 60px;
  width: 100%;
  display: flex;
  align-items: center;
}
.sidebar .logo-details i{
  font-size: 30px;
  color: #fff;
  height: 50px;
  min-width: 78px;
  text-align: center;
  line-height: 50px;
}
.sidebar .logo-details .logo_name{
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  transition: 0.3s ease;
  transition-delay: 0.1s;
}
.sidebar.close .logo-details .logo_name{
  transition-delay: 0s;
  opacity: 0;
  pointer-events: none;
}
.sidebar .nav-links{
  height: 100%;
  padding: 30px 0 150px 0;
  overflow: auto;
}
.sidebar.close .nav-links{
  overflow: visible;
}
.sidebar .nav-links::-webkit-scrollbar{
  display: none;
}
.sidebar .nav-links li{
  position: relative;
  list-style: none;
  transition: all 0.4s ease;
}

.sidebar .nav-links li .iocn-link{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sidebar.close .nav-links li .iocn-link{
  display: block
}
.sidebar .nav-links li i{
  height: 50px;
  min-width: 78px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.sidebar .nav-links li.showMenu i.arrow{
  transform: rotate(-180deg);
}
.sidebar.close .nav-links i.arrow{
  display: none;
}
.sidebar .nav-links li a{
  align-items: center;
  text-decoration: none;
}
.sidebar .nav-links li a .link_name{
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  transition: all 0.4s ease;
}
.sidebar.close .nav-links li a .link_name{
  pointer-events: none;
}
.sidebar .nav-links li .sub-menu{
  padding: 6px 6px 14px 80px;
  margin-top: -10px;
  background: #1d1b31;
  display: none;
}
.sidebar .nav-links li.showMenu .sub-menu{
  display: block;
}
.sidebar .nav-links li .sub-menu a{
  color: #fff;
  font-size: 15px;
  padding: 5px 0;
  white-space: nowrap;
  opacity: 0.6;
  transition: all 0.3s ease;
}
.sidebar .nav-links li .sub-menu a:hover{
  opacity: 1;
}
.sidebar.close .nav-links li .sub-menu{
  position: absolute;
  left: 100%;
  top: -10px;
  margin-top: 0;
  padding: 10px 20px;
  border-radius: 0 6px 6px 0;
  opacity: 0;
  display: block;
  pointer-events: none;
  transition: 0s;
}
.sidebar.close .nav-links li:hover .sub-menu{
  top: 0;
  opacity: 1;
  pointer-events: auto;
  transition: all 0.4s ease;
}
.sidebar .nav-links li .sub-menu .link_name{
  display: none;
}
.sidebar.close .nav-links li .sub-menu .link_name{
  font-size: 18px;
  opacity: 1;
  display: block;
}
.sidebar .nav-links li .sub-menu.blank{
  opacity: 1;
  pointer-events: auto;
  padding: 3px 20px 6px 16px;
  opacity: 0;
  pointer-events: none;
}
.sidebar .nav-links li:hover .sub-menu.blank{
  top: 50%;
  transform: translateY(-50%);
}

.one {
  width: 80%;
  margin-left: 10%;
  background-color: black;
  height: 400px;
}





/********************************* Contact part css **************************************/

#Contact .footer_box{
    border: 2px dashed #E61E25; 
    border-radius: 50px; 
    display:inline-block;
    transition: all linear 1s;
}

#Contact .footer_box:hover{
    background: #fff;
    transform: rotate(360deg);
}



/********************************* Contact2 part css **************************************/


#Contact2 .appoint_btn{
    margin-top: 44px;
}
#Contact2 .appoint_btn button{
    color: #fff;
    background-color: #322E83;
    transition: all linear .5s;
    font-size: 12px;
    font-family: Rubik, sans-serif;
}

#Contact2 .appoint_btn button:hover{
    background: #E61E25;
}

#Contact2 .form-control::placeholder{
    color: #322E83; 
    font-size: 13px; 
    font-family: Rubik, sans-serif;
    opacity: 0.3;
}



/********************************* Sidebar part css **************************************/

#Sidebar .esfdf{
    margin-top: 220px; 
    margin-left: 165px;
}
#Sidebar .esfdf2{
    margin-top: 180px; 
    margin-left: 165px;
}
#Sidebar .esfdf3{
    margin-top: 20px; 
    margin-left: 165px;
}
#Sidebar .nav-links a{
  font-size: 13px;
  font-family: Rubik, sans-serif;
  box-shadow: rgb(50 46 131 / 50%) 0px 3px 8px;
  color: #E61E25;
  background: rgb(228,233,255);
  background: linear-gradient(138deg, rgba(228,233,255,1) 40%, rgba(255,255,255,1) 100%);
  margin-left:-100px;
  width: 187px;
  
}

#Sidebar .nav-links button{
  font-size: 13px;
  font-family: Rubik, sans-serif;
  box-shadow: rgb(50 46 131 / 50%) 0px 3px 8px;
  color: #E61E25;
  background: rgb(228,233,255);
  background: linear-gradient(138deg, rgba(228,233,255,1) 40%, rgba(255,255,255,1) 100%);
  margin-left:-40px;
  width: 187px;
  
}
@media (max-width: 576px) {
#Sidebar .esfdf{
    margin-top: 236px; 
    margin-left: 105px;
}
#Sidebar .esfdf2{
    margin-top: 25px; 
    margin-left: 115px;
}
#Sidebar .nav-links a{
  font-size: 7px;
  font-family: Rubik, sans-serif;
  box-shadow: rgb(50 46 131 / 50%) 0px 3px 8px;
  color: #E61E25;
  background: rgb(228,233,255);
  background: linear-gradient(138deg, rgba(228,233,255,1) 40%, rgba(255,255,255,1) 100%);
  margin-left:-100px;
  width: 145px;
  
}
}

@media (max-width: 768px) {
#Sidebar .esfdf{
    margin-top: 105px; 
    margin-left: 105px;
}
    #Sidebar .esfdf2{
    margin-top: 95px; 
    margin-left: 110px;
}
    #Sidebar .esfdf3{
    margin-top: 0; 
    margin-left: 105px;
}
#Sidebar .nav-links a{
 font-size: 10px;
  font-family: Rubik, sans-serif;
  box-shadow: rgb(50 46 131 / 50%) 0px 3px 8px;
  color: #E61E25;
  background: rgb(228,233,255);
  background: linear-gradient(138deg, rgba(228,233,255,1) 40%, rgba(255,255,255,1) 100%);
  margin-left:-100px;
  width: 195px;
  
}
}

@media (min-width: 1400px) {
    #Sidebar .esfdf{
    margin-top: 236px; 
    margin-left: 105px;
}
#Sidebar .nav-links a{
  font-size: 13px;
  font-family: Rubik, sans-serif;
  box-shadow: rgb(50 46 131 / 50%) 0px 3px 8px;
  color: #E61E25;
  background: rgb(228,233,255);
  background: linear-gradient(138deg, rgba(228,233,255,1) 40%, rgba(255,255,255,1) 100%);
  margin-left:80px;
  width: 187px;
  
}
}






.accordion-button::after{
    background-image: url('https://img.icons8.com/?size=100&id=62888&format=png&color=322e83') !important;
}



/*********************************** responsive table ***********************************/

.table_card{
     max-width: 100%;
    overflow-x: auto;
    margin: 20px;
}

.responsive-table{
    width:100%;
    border-collapse: collapse;
}

.responsive-table th, .responsive-table td {
    padding: 12px 15px;
    text-align: left;
    border: 0;
    font-size: 13px;
    font-family: Rubik, sans-serif;
}

.responsive-table th {
    background-color: #322e8359;
    color: #E61E25;
    font-size: 13px;
    font-family: Rubik, sans-serif;
}

.responsive-table tr:nth-child(even) {
    background-color: #f9f9f9;
}



/* Responsive Styles */
@media (max-width: 768px) {
    .responsive-table th, .responsive-table td {
        display: block;
        text-align: right;
        padding: 8px;
    }

    .responsive-table th {
        background-color: transparent;
        color: #333;
        text-align: left;
        font-weight: normal;
        padding-top: 10px;
    }

    .responsive-table tr {
        display: block;
        margin-bottom: 10px;
    }

    .responsive-table td {
        text-align: left;
        position: relative;
    }

    .responsive-table td::before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        top: 8px;
        font-weight: bold;
        color: #333;
    }

    /* Optional: Add a horizontal scrollbar */
    .table-container {
        overflow-x: auto;
    }
}















.top {
    --offset: 50px; 
 position: fixed;
    bottom: 20px;
    margin-left: 15px;
    margin-top: calc(150vh + var(--offset));
    height: 50px;
    width: 50px;
    aspect-ratio: 1;
    border: 2px dashed #E61E25;
    border-radius: 50%;
    z-index: 999999;
    transition: all linear .5s;
}
.top:hover{
    background: #fff;
}
.top:before {
     content: "Top";
    position: absolute;
    /* inset: 36%; */
    transform: translateY(125%) translateX(85%) rotate(0deg);
    line-height: 20px;
    font-size: 10px;
    color: #E61E25;
    opacity: 0.5;
    transition: all linear .5s;
    font-family: Rubik, sans-serif;
}
.top:hover::before{
   opacity: 1; 
}

.top:after {
  font: var(--fa-font-solid);
    content: '\f148';
    position: absolute;
    /* inset: 36%; */
    transform: translateY(20%) translateX(110%) rotate(0deg);
    line-height: 25px;
    font-size: 20px;
    color: #E61E25;
    opacity: 0.5;
    transition: all linear .5s;
}
.top:hover::after{
    opacity: 1; 
}











.home {
   
 position: fixed;
    bottom: 20px;
    margin-left: 15px;
    margin-top: calc(150vh + var(--offset));
    height: 50px;
    width: 50px;
    aspect-ratio: 1;
    border: 2px dashed #E61E25;
    border-radius: 50%;
    z-index: 999999;
    transition: all linear .5s;
}
.home:hover{
    background: #fff;
}
.home:before {
     content: "Home";
    position: absolute;
    /* inset: 36%; */
    transform: translateY(125%) translateX(41%) rotate(0deg);
    line-height: 20px;
    font-size: 10px;
    color: #E61E25;
    opacity: 0.5;
    transition: all linear .5s;
    font-family: Rubik, sans-serif;
}
.home:hover::before{
   opacity: 1; 
}

.home:after {
  font: var(--fa-font-solid);
    content: '\f015';
    position: absolute;
    /* inset: 36%; */
    transform: translateY(20%) translateX(60%) rotate(0deg);
    line-height: 25px;
    font-size: 20px;
    color: #E61E25;
    opacity: 0.5;
    transition: all linear .5s;
}
.home:hover::after{
    opacity: 1; 
}











.whatsapp {
  position: fixed;
  bottom: 65px;      
  right:50px; 
  
  margin-top: calc(100vh + var(--offset));
  
  /* visual styling */
  height: 50px;
  width:45px;
  aspect-ratio:1;
  z-index: 999999;
  
}



.whatsapp:after {
  font: var(--fa-font-brands);
  content: '\f40c';
    position: absolute;
    /* inset: 36%; */
    transform: translateY(115%) translateX(90%) rotate(0deg);
    line-height: 15px;
    font-size: 50px;
    color: #0CC143;
    opacity: 0.5;
    transition: all linear .5s;
}
.whatsapp:hover::after{
    opacity: 1; 
}











.messenger {
  position: fixed;
  bottom: 125px;      
  right:60px; 
  
  margin-top: calc(100vh + var(--offset));
  
  /* visual styling */
  height: 50px;
  width:45px;
  aspect-ratio:1;
  z-index: 999999;
  
}



.messenger:after {
  font: var(--fa-font-brands);
  content: '\f39f';
    position: absolute;
    /* inset: 36%; */
    transform: translateY(115%) translateX(90%) rotate(0deg);
    line-height: 15px;
    font-size: 50px;
    color: linear-gradient(to right, #30CFD0 0%, #330867 100%);
    opacity: 0.5;
    transition: all linear .5s;
}
.messenger:hover::after{
    opacity: 1; 
}




.feedback_btn{
    position: fixed; 
    top: 50%; 
    right:-26px; 
    margin-top: calc(100vh + var(--offset));
    height: 40px; 
    width:45px; 
    aspect-ratio:1; 
    z-index: 999999;
    transform: rotate(-90deg);
    background: #E61E25;
    color: #fff;
    font-size: 15px;
    font-family: Rubik, sans-serif;
}

.feedback_btn:hover{
    background: #E61E25;
    color: #fff;
}



.stars .star{
    color: #322E83;
    cursor: pointer;
    transition: all linear .3s;
}

.stars .star.active{
    opacity: 0;
    animation: animate .5s calc(var(--i) * .1s) ease-in-out forwards;
}

@keyframes animate{
 0%{
     opacity: 0;
     transform: scale(1);
 }   
  50%{
     opacity: 1;
     transform: scale(1.2);
 }   
  100%{
     opacity: 1;
     transform: scale(1);
 }   
}

.stars .star:hover{
    transform: scale(1.3);
}




#Assessment input:required:focus {
    background-color: rgb(230 30 37 / 13%);

 }




  .input-field {
    display:inline-block;
    width: 100%;
    padding: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-left: 10px;
    margin-bottom: 10px;
  }
  
  .label-field{
     display:inline-block;
      color: #322E83;
      margin-top: 10px;
      font-size: 13px;
      font-family: Rubik, sans-serif;
      text-align: justify;
       margin-left: 10px;
       
  }
  
  
  
  #Assessment_details .form-control:required:focus {
    background: rgb(230 30 37 / 13%);

 }




  .input-field {
    display:inline-block;
    width: 100%;
    padding: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-left: 10px;
    margin-bottom: 10px;
  }
  
  .label-field{
     display:inline-block;
      color: #322E83;
      margin-top: 10px;
      font-size: 13px;
      font-family: Rubik, sans-serif;
      text-align: justify;
       margin-left: 10px;
       
  }
  
  

#prfssn_fld::placeholder{
    color: rgb(50 46 131 / 50%);
    font-size: 12px;
    font-family: Rubik, sans-serif;
    text-align: justify;
}


style.sheet.insertRule(`
  input::placeholder {
   color: rgb(50 46 131 / 50%);
    font-size: 12px;
    font-family: Rubik, sans-serif;
    text-align: justify;    /* Make the placeholder text italic */
  }
`, style.sheet.cssRules.length);



#year2::placeholder{
    color: rgb(50 46 131 / 50%);
    font-size: 12px;
    font-family: Rubik, sans-serif;
    text-align: justify;
}

#month::placeholder{
    color: rgb(50 46 131 / 50%);
    font-size: 12px;
    font-family: Rubik, sans-serif;
    text-align: justify;
}

#collapseExample3{
   display: none; 
   transition: all linear .3s;
}

#collapseExample36{
    display: none;
    transition: all linear .3s;
}

#collapseExample37{
    display: none;
    transition: all linear .3s;
}

#collapseExample38{
    display: none;
    transition: all linear .3s;
}

#MOI:checked ~ #collapseExample3 {
  display: block;
}

#IELTS:checked ~ #collapseExample36 {
  display: block;
}

#TOEFL:checked ~ #collapseExample37 {
  display: block;
}

#PTE:checked ~ #collapseExample38 {
  display: block;
}



#collapseExample6{
    display: none;
    transition: all linear .3s;
}

#YES2:checked ~ #collapseExample6 {
  display: block;
}


#collapseExample2{
    display: none;
    transition: all linear .3s;
}

#Others:checked ~ #collapseExample2 {
  display: block;
}

#collapseExample7{
    display: none;
    transition: all linear .3s;
}

#enrllmn_stts1:checked ~ #collapseExample7 {
  display: block;
}


#collapseExample70{
    display: none;
    transition: all linear .3s;
}

#enrllmn_stts2:checked ~ #collapseExample70 {
  display: block;
}

#collapseExample8{
    display: none;
    transition: all linear .3s;
}

#prcdre_confrm:checked ~ #collapseExample8 {
  display: block;
}


#collapseExample{
    display: none;
    transition: all linear .3s;
}

#flexCheckDefault:checked ~ #collapseExample {
  display: block;
}


#collapseExample4ryrt2{
    display: none;
    transition: all linear .3s;
}

#flexCheckDefault37662:checked ~ #collapseExample4ryrt2 {
  display: block;
}


#collapseExample4eryu5er2{
    display: none;
    transition: all linear .3s;
}

#flexCheckDefault5yr46r32:checked ~ #collapseExample4eryu5er2 {
  display: block;
}



#collapseExample420{
    display: none;
    transition: all linear .3s;
}

#flexCheckDefault5yr46r32:checked ~ #collapseExample420 {
  display: block;
}

#flexCheckDefault32:checked ~ #collapseExample420 {
  display: block;
}

#flexCheckDefault37662:checked ~ #collapseExample420 {
  display: block;
}


#collapseExample4212{
    display: none;
    transition: all linear .3s;
}

#flexCheckDefault64:checked ~ #collapseExample4212 {
  display: block;
}

#flexCheckDefault5yr46r32:checked ~ #collapseExample4212 {
  display: block;
}



#collapseExample8u8752{
    display: none;
    transition: all linear .3s;
}

#flexCheckDefault3245:checked ~ #collapseExample8u8752 {
  display: block;
}


#prprty:checked ~ #collapseExample8u8752 {
  display: block;
}

#collapseExample1002{
    display: none;
    transition: all linear .3s;
}

#HouseProperty:checked ~ #collapseExample1002 {
  display: block;
}

#collapseExample1004{
    display: none;
    transition: all linear .3s;
}

#Appartments:checked ~ #collapseExample1004 {
  display: block;
}

#collapseExample1005{
    display: none;
    transition: all linear .3s;
}

#ShopProperty:checked ~ #collapseExample1005 {
  display: block;
}

#collapseExample1003{
    display: none;
    transition: all linear .3s;
}

#LandProperty3:checked ~ #collapseExample1003 {
  display: block;
}


#collapseExample422{
    display: none;
    transition: all linear .3s;
}

#flexCheckDefault3220:checked ~ #collapseExample422 {
  display: block;
}


#collapseExample42{
    display: none;
    transition: all linear .3s;
}
#collapseExample42 .card{
    background: transparent;
    width: 40%;
}

#collapseExample420 .card{
    background: transparent;
    width: 40%;
}

#collapseExample1503 .card{
    background: transparent; 
    width: 50%;
}

#collapseExample1504 .card{
   background: transparent; 
   width: 50%;
}

#collapseExample1505 .card{
   background: transparent; 
   width: 50%;
}

#collapseExample1506 .card{
   background: transparent; 
   width: 50%;
}



#src_of_inccme:checked ~ #collapseExample42 {
  display: block;
}

#flexCheckDefault320:checked ~ #collapseExample42 {
  display: block;
}

#trvl_hstry:checked ~ #collapseExample42 {
  display: block;
}

#flexCheckDefault37662:checked ~ #collapseExample42 {
  display: block;
}

#collapseExample62{
    display: none;
    transition: all linear .3s;
}

#IncomefromHouserent:checked ~ #collapseExample62 {
  display: block;
}


#collapseExample63{
    display: none;
    transition: all linear .3s;
}

#IncomefromAgriculture:checked ~ #collapseExample63 {
  display: block;
}

#collapseExample64{
    display: none;
    transition: all linear .3s;
}

#IncomefromBankInterest:checked ~ #collapseExample64 {
  display: block;
}


#collapseExample65{
    display: none;
    transition: all linear .3s;
}

#IncomefromInvestments:checked ~ #collapseExample65 {
  display: block;
}

#collapseExample820{
    display: none;
    transition: all linear .3s;
}

#prcdre_confrm:checked ~ #collapseExample820 {
  display: block;
}


#collapseExample82{
    display: none;
    transition: all linear .3s;
}

#collapseExample82 .card{
    background: transparent;
    width: 40%;
}

#collapseExample8u8752 .card{
    background: transparent;
    width: 40%;
}

#prprty:checked ~ #collapseExample82 {
  display: block;
}


#collapseExample102{
    display: none;
    transition: all linear .3s;
}

#HouseProperty644:checked ~ #collapseExample102 {
  display: block;
}

#HouseProperty:checked ~ #collapseExample102 {
  display: block;
}



#collapseExample104{
    display: none;
    transition: all linear .3s;
}


#Appartments645:checked ~ #collapseExample104 {
  display: block;
}


#Appartments:checked ~ #collapseExample104 {
  display: block;
}

#collapseExample105{
    display: none;
    transition: all linear .3s;
}


#ShopProperty544:checked ~ #collapseExample105 {
  display: block;
}


#ShopProperty:checked ~ #collapseExample105 {
  display: block;
}



#collapseExample103{
    display: none;
    transition: all linear .3s;
}

#LandProperty56:checked ~ #collapseExample103 {
  display: block;
}


#LandProperty3:checked ~ #collapseExample103 {
  display: block;
}


#LandProperty6:checked ~ #collapseExample103 {
  display: block;
}


#collapseExample112{
    display: none;
    transition: all linear .3s;
}

#collapseExample112 .card{
    background: transparent; 
    width: 40%;
}

#collapseExample122{
    display: none;
    transition: all linear .3s;
}

#collapseExample122 .card{
    background: transparent; 
    width: 40%;
}

#collapseExample132{
    display: none;
    transition: all linear .3s;
}

#collapseExample132 .card{
    background: transparent; 
    width: 40%;
}

#TemporaryResident:checked ~ #collapseExample112 {
  display: block;
}

#PermanentResident:checked ~ #collapseExample122 {
  display: block;
}

#Citizenship:checked ~ #collapseExample132 {
  display: block;
}

#collapseExample15003{
    display: none;
    transition: all linear .3s;
}

#collapseExample15003 .card{
    background: transparent;
    width: 50%;
}

#hst_accmmdtn20:checked ~ #collapseExample15003 {
  display: block;
}

#collapseExample113{
    display: none;
    transition: all linear .3s;
}

#collapseExample113 .card{
    background: transparent;
    width: 40%;
}

#hst_invtn:checked ~ #collapseExample113 {
  display: block;
}
#collapseExample20 .card-body{
    background: transparent; 
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.175);
    border-radius: 0.375rem;
}

#collapseExample21 .card-body{
    background: transparent;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.175);
    border-radius: 0.375rem;
}

#collapseExample22 .card-body{
   background: transparent;
   width: 100%;
   border: 1px solid rgba(0, 0, 0, 0.175);
   border-radius: 0.375rem;
}

#collapseExample23 .card-body{
    background: transparent;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.175); 
    border-radius: 0.375rem;
}

#collapseExample24 .card-body{
    background: transparent;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.175);
    border-radius: 0.375rem;
}
#collapseExample153{
    display: none;
    transition: all linear .3s;
}

#collapseExample153 .card{
    background: transparent;
    width: 40%;
}

#hst_accmmdtn:checked ~ #collapseExample153 {
  display: block;
}

#collapseExample1503{
    display: none;
    transition: all linear .3s;
}

#hst_accmmdtn20:checked ~ #collapseExample1503 {
  display: block;
}


#collapseExample1553{
    display: none;
    transition: all linear .3s;
}

#collapseExample1553 .card{
    background: transparent;
    width: 50%;
}

#hst_accmmdtn30:checked ~ #collapseExample1553 {
  display: block;
}


#collapseExample203{
    display: none;
    transition: all linear .3s;
}

#collapseExample203 .card{
    background: transparent; 
    width: 40%;
}
#hst_fnncl_spprt:checked ~ #collapseExample203 {
  display: block;
}


#collapseExample52{
    display: none;
    transition: all linear .3s;
}

#hst_infrmtn:checked ~ #collapseExample52 {
  display: block;
}

.collapse:not(.show) {
  display: none;
}


#collapseExample152{
    display: none;
    transition: all linear .3s;
}

#immgrtn_hstry:checked ~ #collapseExample152 {
  display: block;
}

#collapseExample762{
    display: none;
    transition: all linear .3s;
}

#fnd_arrngmnt:checked ~ #collapseExample762 {
  display: block;
}

#collapseExample763{
    display: none;
    transition: all linear .3s;
}

#fnd_arrngmnt2:checked ~ #collapseExample763 {
  display: block;
}


#collapseExample802{
    display: none;
    transition: all linear .3s;
}

#collapseExample802 .card{
    background: transparent; 
    width: 60%;
}

#trip_accompny:checked ~ #collapseExample802 {
  display: block;
}


#business_trip:checked ~ #collapseExample802 {
  display: block;
}


#collapseExample8002{
    display: none;
    transition: all linear .3s;
}

#business_trip:checked ~ #collapseExample8002 {
  display: block;
}

.hidden {
  display: none;
}

#collapseExample366{
    display: none;
    transition: all linear .3s;
}

#Comment_four:checked ~ #collapseExample366 {
  display: block;
}

#collapseExample367{
    display: none;
    transition: all linear .3s;
}

#Comment_five:checked ~ #collapseExample367 {
  display: block;
}

#collapseExample3066{
    display: none;
    transition: all linear .3s;
}

#Non_rqremnt:checked ~ #collapseExample3066 {
  display: block;
}




#collapseExample3067{
    display: none;
    transition: all linear .3s;
}

#Non_rqremnt_two:checked ~ #collapseExample3067 {
  display: block;
}

#collapseExample3068{
    display: none;
    transition: all linear .3s;
}

#Non_rqremnt_three:checked ~ #collapseExample3068 {
  display: block;
}

#collapseExample3069{
    display: none;
    transition: all linear .3s;
}

#Non_rqremnt_four:checked ~ #collapseExample3069 {
  display: block;
}

#collapseExample3070{
    display: none;
    transition: all linear .3s;
}

#Non_rqremnt2:checked ~ #collapseExample3070 {
  display: block;
}

#collapseExample3071{
    display: none;
    transition: all linear .3s;
}

#Non_rqremnt_two2:checked ~ #collapseExample3071 {
  display: block;
}

#collapseExample3072{
    display: none;
    transition: all linear .3s;
}

#Non_rqremnt_three2:checked ~ #collapseExample3072 {
  display: block;
}

#collapseExample3073{
    display: none;
    transition: all linear .3s;
}

#Non_rqremnt_four2:checked ~ #collapseExample3073 {
  display: block;
}

#collapseExample3074{
    display: none;
    transition: all linear .3s;
}

#Non_rqremnt23:checked ~ #collapseExample3074 {
  display: block;
}

#collapseExample3075{
    display: none;
    transition: all linear .3s;
}

#Non_rqremnt_two23:checked ~ #collapseExample3075 {
  display: block;
}

#collapseExample3076{
    display: none;
    transition: all linear .3s;
}

#Non_rqremnt_three33:checked ~ #collapseExample3076 {
  display: block;
}

#collapseExample3077{
    display: none;
    transition: all linear .3s;
}

#Non_rqremnt_four43:checked ~ #collapseExample3077 {
  display: block;
}

#Non_rqremnt_four44:checked ~ #collapseExample3077 {
  display: block;
}


#collapseExample3078{
    display: none;
    transition: all linear .3s;
}

#Non_rqremnt3:checked ~ #collapseExample3078 {
  display: block;
}

#collapseExample3079{
    display: none;
    transition: all linear .3s;
}

#Non_rqremnt_two3:checked ~ #collapseExample3079 {
  display: block;
}

#collapseExample3080{
    display: none;
    transition: all linear .3s;
}

#Non_rqremnt_three4:checked ~ #collapseExample3080 {
  display: block;
}

#collapseExample3081{
    display: none;
    transition: all linear .3s;
}

#Non_rqremnt_four5:checked ~ #collapseExample3081 {
  display: block;
}


input {
      color: #322E83 !important;
    font-size: 13px !important;
    font-family: Rubik, sans-serif !important;
    text-align: justify !important;    
}


select {
  color: #322E83 !important;
    font-size: 13px !important;
    font-family: Rubik, sans-serif !important;
    text-align: justify !important;    
}








.spouse_label{
    color: #322E83;
    font-size: 13px;
    font-family: Rubik, sans-serif;
    text-align: justify;
}

.checkbox-error {
    background-color: rgb(230 30 37 / 15%); /* Light red */
  }
