/* header */
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');
:root{
--main-color: #5d498b;
--second-color:#f79d37;
--bg-color2:rgb(252, 251, 242);
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
.head-icon{
    color:var(--main-color);
    font-size: 40px;
    margin: 5px;
}
.header-icons{
    color: #fcfafa;
    font-size: 18px;
    margin: 0px 10px 0px 0px;
    transition: 0.6s;
}
.header-icons:hover{
    color:var(--main-color);
    transform: scale(1.1);
    transition: 0.2s;
}
.header-icon-div{
    background-color:var(--second-color);
}
.header-icon-div-p{
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 0rem;
}
/* .nav-item{
    color:#f79d37
} */
/* .navlink{
    background-color: #f79d37;
} */
.logo-tsc{
    /* height: 80px;
    width: 135px; */
}
.links{
    transition: 1s;
    border: 2px solid #ddd0;
}
.menu-active{
    border: 2px solid var(--main-color);
    border-radius: 15px;
   
    /* background: var(--second-color); */
}
.links:hover{
    border: 2px solid var(--main-color);
    border-radius: 15px;
    transition: 1s;
}
.c{
    color: #141414;
}
/* Home */

.home1{
    background-image: url("/assets/images/USA1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.home2{
    background-image: url("/assets/images/CANADA1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.home3{
    background-image: url("/assets/images/australia.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.waviy {
  position: relative;
  font-size: 60px;
}
.waviy span {
  font-family: 'Alfa Slab One', cursive;
  position: relative;
  display: inline-block;
  color: var(--second-color);
  text-transform: uppercase;
  animation: waviy 1s infinite;
  animation-delay: calc(.1s * var(--i));
  
}
@keyframes waviy {
  0%,40%,100% {
    transform: translateY(0)
  }
  20% {
    transform: translateY(-20px)
  }
}
.home-abt{
    background:var(--main-color) ;
    opacity: 1;
    color: #fff;
}
.home-text{
    color: #fdfdfd;
}
.home-img{
    transition: 0.6s;
}
.home-img:hover{
    transform: rotateY(180deg);
    transition: 0.6s;
}
.abt-tsc-img{
    height: 80px;
    width: 140px;
    margin: 10px;
}
.dropdown-item{
    font-weight: bold;
}
.dropdown-item:hover{
    background-color:var(--second-color);
    color: #fff;
}
.home-h1{
    font-size: 60px;
    color: #ffffff;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgb(255, 255, 255);
}
.span{
    color:var(--second-color); 
}
.tick-icon{
    font-size: 20px;
}
.contact{
    border: 2px solid #ffffff;
    border-radius: 20px;
    text-decoration: none;
    font-size: 20px;
    color: #fffafa;
    margin: auto;
   text-align: center;
    font-weight: bold;
    transition: 0.6s;
}
.contact:hover{
    background-color: var(--second-color) ;
    color: #fff;
}
/* about */
#about{
    color: var(--main-color);
}
.about-h2{
    position: relative;
}
.about-h2::after{
    content: "";
    position: absolute;
    border-bottom: 4px solid var(--second-color) ;
    width: 90px;
    text-align: center;
    transition: 1s;
    margin-left: -70px;
}
.about-h2::before{
    content: "";
    position: absolute;
    border-bottom: 4px solid var(--second-color) ;
    width: 90px;
    text-align: center;
    transition: 1s;
    margin-top: 38px;
    margin-left: -50px;
}
.about-h2:hover.about-h2::after{
    margin-left: -180px;
    transition: 1s;
}
.about-h2:hover.about-h2::before{
    margin-left: 80px;
    transition: 1s;
}
.about1{
    background-image: url("/assets/images/img9.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.about-home-link{
text-decoration: none;
font-size: 25px;
color: white;
font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
.read-more{
    border: 2px solid var(--main-color);
    border-radius: 20px;
    text-decoration: none;
    font-size: 20px;
    color: #000;
   text-align: center;
    font-weight: bold;
    transition: 0.6s;
    color: var(--main-color) ;
    margin-top: 12px;
}
.read-more:hover{
    background-color: var(--second-color);
    color: #fff;
}
.abt-tsc-txt{
    color:var(--main-color);
}
.about-div1{
    /* position: relative; */
}
.abt-img{
    border: 2px solid var(--main-color);
    transition: 0.6s;
}
.abt-img:hover{
    transform: rotate(10deg);
    box-shadow: 1px 10px var(--main-color);
    transition: 0.6s;
}
.abt-icon{
    font-size: 60px;
    border-radius: 50%;
    transform: rotate(40deg);
  
}
.abt-row{
    padding-top: 50px;
}

.abt-text{
    color: #000;
}
/* event */
#event{
    color: var(--main-color);
}
.event-h2{
    position: relative;
}
.event-h2::after{
    content: "";
    position: absolute;
    border-bottom: 4px solid var(--second-color) ;
    width: 90px;
    text-align: center;
    transition: 1s;
    margin-left: -70px;
}
.event-h2::before{
    content: "";
    position: absolute;
    border-bottom: 4px solid var(--second-color) ;
    width: 90px;
    text-align: center;
    transition: 1s;
    margin-top: 38px;
    margin-left: -50px;
}
.event-h2:hover.event-h2::after{
    margin-left: -180px;
    transition: 1s;
}
.event-h2:hover.event-h2::before{
    margin-left: 80px;
    transition: 1s;
}
.event-text{
    font-weight: 900;
    color: var(--main-color);
}

/* apply */
.apply-link{
    color: #fff;
    border: 1px solid;
    border-radius: 15px;
    background:var(--second-color);
    font-size: 16px;
}
.fair{
    font-size: 13px;
}
.apply-link:hover{
    border: 1px solid var(--main-color);
    background-color: transparent;
    color: #141414;
}

.navbar-light .navbar-nav .nav-link.apply-link{
    color: #fff;
}
.navbar-light .navbar-nav .nav-link.apply-link:hover{
    color: var(--main-color);
}
/* USA */
.usa{
    background-image: url("/assets/images/usa4.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px;
    background-attachment: fixed;
}
/* canada */
.canada{
    background-image: url("/assets/images/CANADA4.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px;
    background-attachment: fixed;
}
/* australia */
.australia{
    background-image: url("/assets/images/australia.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px;
    background-attachment: fixed;
}
/* new-zealand */
.new-zealand{
    background-image: url("/assets/images/new-zealnd.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px;
    background-attachment: fixed;
}
/* UK */
.uk{
    background-image: url("/assets/images/uk1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px;
    background-attachment: fixed;
}
/* Europe */
.europe{
    background-image: url("/assets/images/europe4.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px;
    background-attachment: fixed;
}
/* CHINA */
.china{
    background-image: url("/assets/images/china.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px;
    background-attachment: fixed;
}
/* Malaysia */
.malaysia{
    background-image: url("/assets/images/malaysia2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px;
    background-attachment: fixed;
}
/* argentina */
.argentina{
    background-image: url("/assets/images/argentina.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px;
    background-attachment: fixed;
}
/* brazil */
.brazil{
    background-image: url("/assets/images/brazil.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px;
    background-attachment: fixed;
}
/* dubai */
.dubai{
    background-image: url("/assets/images/dubai.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px;
    background-attachment: fixed;
}
/* all country */
.all-country{
    background-image: url("/assets/images/all-country.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px;
    background-attachment: fixed;
}
/* qatar */
.qatar{
    background-image: url("/assets/images/qatar.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px;
    background-attachment: fixed;
}
/* kyrgyzstan */
.kyrgyzstan{
    background-image: url("/assets/images/kyrgyzstan6.avif");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px;
    background-attachment: fixed;
}

.know-more{
    color: var(--second-color);
}
.know-more:hover{
    color: var(--main-color);
}
.product-card{
    border-radius: 15px;
    box-shadow: rgba(153, 158, 163, 0.2) 0px 8px 24px;
    border: 5px solid rgb(237, 250, 119);
    background-color: #e7f7a4;
}

.product-card p{
    margin-bottom: 0;
}

.blog-details{
    font-size: 14px;
   
    /* box-shadow: rgba(153, 158, 163, 0.2) 0px 8px 24px;
    border: 5px solid rgb(237, 250, 119); */
}
/* service */
.service{
    background-image: url('../images/CHINA2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
 }
.service-h2{
    position: relative;
    color: var(--main-color);
}
.service-h2::after{
    content: "";
    position: absolute;
    border-bottom: 4px solid var(--second-color) ;
    width: 90px;
    text-align: center;
    transition: 1s;
    margin-left: -70px;
}
.service-h2::before{
    content: "";
    position: absolute;
    border-bottom: 4px solid var(--second-color) ;
    width: 90px;
    text-align: center;
    transition: 1s;
    margin-top: 38px;
    margin-left: -50px;
}
.service-h2:hover.service-h2::after{
    margin-left: -150px;
    transition: 1s;
}
.service-h2:hover.service-h2::before{
    margin-left: 60px;
    transition: 1s;
}
.service-card{
    border: 1px solid var(--main-color);
    border-radius:15px 50px 15px 15px;
}
.service-icon{
    font-size: 50px;
    color: var(--main-color);
    margin-bottom: 10px;
}
.choose-us{
    font-size: 30px;
    color: var(--main-color);
    font-weight: 500;
}
.service-para{
 font-weight: 500;
}

/* our Product */
.product-h2{
    position: relative;
    color: var(--main-color);
}
.product-h2::after{
    content: "";
    position: absolute;
    border-bottom: 4px solid var(--second-color) ;
    width: 120px;
    text-align: center;
    transition: 1s;
    margin-left: -70px;
}
.product-h2::before{
    content: "";
    position: absolute;
    border-bottom: 4px solid var(--second-color) ;
    width: 120px;
    text-align: center;
    transition: 1s;
    margin-top: 38px;
    margin-left: -50px;
}
.product-h2:hover.product-h2::after{
    margin-left: -200px;
    transition: 1s;
}
.product-h2:hover.product-h2::before{
    margin-left: 100px;
    transition: 1s;
}
.star-icon{
    color: var(--main-color);
}
.card-img-top-product{
    border-radius: 15px 15px 0px 0px;
}

.see-more-btn{
    border: 2px solid var(--main-color);
    border-radius: 20px;
    text-decoration: none;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    transition: 0.6s;
    color: var(--main-color) ;
}
.see-more-btn:hover{
    background-color: var(--second-color) ;
    color: #fff;
}
.coun-email{
    font-size: 13px;
    color: var(--main-color) ;
}
/* companies */
.companies{
    background:var(--bg-color2);
}
.company-text{
    color: var(--main-color) ;
}
/* testimonial */
.textimonial-card{
    height: 100%;
    width: 100%;
}
.textimonial-card img{
    /* border-radius: 50%; */
    border: 2px solid var(--main-color);
}
.read-more2{
    border: 2px solid var(--main-color);
    border-radius: 20px;
    text-decoration: none;
    font-size: 16px;
    color: #000;
   text-align: center;
    font-weight: bold;
    transition: 0.6s;
    color: var(--main-color) ;
}
.read-more2:hover{
    background-color: var(--second-color);
    color: #fff;
}

.testimonial .owl-stage{
    display: flex !important;
}

.textimonial-card-item{
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
}
/* Faq */
.accordion-button:not(.collapsed){
    background-color: var(--second-color);
    color: #ffffff;
    font-weight: bold;
}
/* footer */
.footer{
    background: rgb(84, 29, 129);
}
.footer-list{
   list-style: none;
   font-weight: bold;
}
.footer-list a{
    text-decoration: none;
    color: #fffafa;
}
.footer-titles{
    font-size: 20px;
    font-weight: bold;
    color: #f7f4f4;
}
.loc-text{
    font-size: 15px;
}
.footer-icons{
    color: #f8f5f5;
    font-size: 25px;
    margin: 0px 15px 0px 0px;
    transition: 0.6s;
}
.footer-icons:hover{
    color:var(--second-color);
    transform: scale(1.1);
    transition: 0.6s;
}
.hr-footer{
    border: 2px solid white;
}
.add-box{
    border: 1px solid white;
}
.icons{
    margin-right: 10px;
    color: white;
}
.footer-coun-num{
    font-size: 13px;
}
#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color:var(--main-color); /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
    transition: 0.6s;
  }
  
  #myBtn:hover {
    transition: 0.6s;
    background-color: var(--second-color); /* Add a dark-grey background on hover */
  }
  
  /* contact */
  .contact-div2{
    background: var(--second-color);
    border-radius: 15px;
  }
  .btn-send-msg{
    background-color:var(--second-color) ;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
  }
  .btn-send-msg:hover{
    background-color:var(--main-color);
    color: #fff;
  }
  .contact-page{
    background-color: var(--bg-color2);
  }
  .contact-icon{
    font-size: 35px;
  }
  .contact-text1{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0rem;
  }
  .contact-text2{
    font-size: 16px;
    margin-bottom: 0rem;
  }
  .contact-div{
    background: rgb(243, 240, 236);
    border-radius: 15px;
  }
  .input-field{
    width: 75%;
    border-radius: 10px;
  }
  .textarea{
    width: 550px;
    height: 170px;
  }
  .copyright{
    background: #000;
    font-size: 12px;
    text-align: center;
    color: #fff;
    padding: 5px;
  }
  /* malaysia uni */
  .uni-div{
  border-radius: 15px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  }
  .uni-name{
    color: var(--second-color);
    font-weight: bolder;
    font-size: 20px;
  }
  .pg{
    font-size: 14px;
  }
  .view-details{
    text-decoration: none;
    padding:8px;
    font-weight: bold;
    transition: 0.5s;
  }
  .view-details:hover{
    transition: 0.5s;
    color: var(--main-color);
  }
  table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
  }
  
  td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 5px;
  }
  
  tr:nth-child(even) {
    background-color: #eeeded;
  }
  .back-btn{
    margin-top: 15px;
    text-align: right;
  }
  .btn-clr{
    background-color: #a89cc4;
    border-radius: 5px;
    border:2px solid white;
  }
  .model-icon{
    border: 1px solid white;
    border-radius: 50%;
    padding: 5px;
    margin: 5px;
    color: #5d498b;
    background-color: rgb(247, 245, 242);
  }
  
/* Filter option */
  .filterDiv {
    display: none;
  }
  
  .show {
    display: block;
  }

  /* Style the buttons */
  .btn {
    padding: 12px 16px;
    background-color: var(--second-color);
    cursor: pointer;
    margin: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
  }
  
  .btn:hover {
    background-color: var(--main-color);
    color: #fff;
  }
  
  .btn.active {
    background-color: var(--main-color);
    color: white;
  }

  .dropdown-menu{
    min-width: 22rem;
  }
/* Media query */
@media (max-width: 2652px){
    .link-text{
        margin-left: 100px;
    }
    .footer-list{
        margin-left: 70px;
    }
}
@media (max-width: 1200px){
    .apply-link{
        font-size: 14px;
    }
}
@media (max-width: 992px){
    .link-text{
        margin-left: 80px;
    }
    .footer-list{
        margin-left: 50px;
    }
    .navbar-nav .nav-link{
       padding-left: 20px;
    }
}
@media (max-width: 768px) {
    .home-h1{
        font-size: 50px;
    }
    .about-div2{
        padding-top: 40px;
    }
    .choose-us{
        font-size: 30px;
    }
    .link-text{
        margin-left: 0px;
        margin-top: 15px;
    }
    .footer-list{
        margin-left: -30px;
    }
    .input-field{
        width: 100%;
        border-radius: 10px;
      }
    .contact-div2 {
        padding-bottom: 47px;
    }
    .view-details-div{
        margin-top: 15px;
        margin-bottom: 15px;
    }
 }
 @media (max-width:470px) {
    table {
        font-size: 11px;
      }
 }
 @media (max-width: 400px) {
    .home-h1{
        font-size: 40px;
    }
}

@media (max-width: 310px) {
    .vdo-width{
        width: 100%;
        height: auto;
    }
}