/*****************Global Styles****************/
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body{ color: #212529;font-size: 18px;font-family:"Jost", sans-serif; }
h1, h2, h3, h4, h5, h6, ul, li, p{ padding: 0; margin: 0; }
a{ text-decoration: none; }
.ptb-60{ padding:60px 0; }
.pt-60{ padding-top:60px; }
.pb-60{ padding-bottom:60px; }
.btn-blue{ background-image:linear-gradient(to bottom, #1c3661, #195291, #2f648d, #3c8bb6, #87ceeb); color:#fff;border: none; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding:10px 35px; font-weight: 500; font-size: 18px; border-radius: 30px; text-transform:uppercase; }
.btn-blue:hover{ color:#fff; }
.text-black{ color: #fff; }
.title-medium{ font-size: 34px; }
.title-large{ font-size:52px; }
.text-gradient{ background: linear-gradient(to right, #BF8D0B 43%, #DFC270 86%);-webkit-background-clip: text;-webkit-text-fill-color: transparent; }
.red-text-gradient{ background: linear-gradient(to right, #f91107 43%, #ec6e68 86%); -webkit-background-clip: text;-webkit-text-fill-color: transparent;  }
.blue-gradient{ background:linear-gradient(to right, #203f7b 43%, #5575b2 86%); -webkit-background-clip: text;-webkit-text-fill-color: transparent;  }
.red-gradient{ background:linear-gradient(to right, #5b0c01 43%, #502721 86%); -webkit-background-clip: text;-webkit-text-fill-color: transparent; }
.d-flex{ justify-content:center; vertical-align:middle; align-items: center; flex-direction:column; }
.mdisp{ display:none; }

/************** Header Styles **************/
 header {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 100;
}
 /**header  .navbar-expand-lg .navbar-collapse {
    display: block !important;
}**/
 header  .navbar-expand-lg .navbar-nav {
    float: right; 
    margin-top: 20px;
}
header .navbar{
    background: transparent;
    padding: 0;
}
.navbar-expand-lg .navbar-collapse{
    flex-direction: column;
}
.navbar-light .navbar-toggler-icon{
    background-image: none;
    font-size: 25px;
    line-height: 60px;
}
.navbar-toggler{
    border:none;
    box-shadow: none;
}
 header  .navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-size: 14px;
    padding: 0 35px 0 0;
    line-height: 35px;
    font-weight: 600;
}
 header  .navbar-light .navbar-nav .nav-link.active {
    color: #fff;
}
 header  .navbar-light .navbar-nav .nav-link:focus,  header  .navbar-light .navbar-nav .nav-link:hover{
    color: #fff;
}
header  .navbar-light .navbar-nav .nav-link:hover{
    background: linear-gradient(to right, #BF8D0B 0%, #DFC270 68%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
 header  .navbar-light .navbar-nav button {
    background: #3496ce;
    color: #fff;
    padding: 5px 28px;
    border: 1px solid transparent;
    font-size: 14px;
    font-weight: 600;
}
 header  .navbar-nav li:last-child button {

}
header nav:hover .nav-item .nav-link, header nav:hover .nav-item .nav-link.active{
    color: #fff;
}
header .navbar-nav li:hover .drop-menu,  header .navbar-nav li:hover .mega-box {
    opacity: 1; 
    visibility: visible; 
    top: 100px;
    transition: all 0.3s ease;
    z-index: 1000;
}
header .mega-box{
    position: absolute;
    top:100px;
    background:#242526;
    width: 100%;
    left: 0; 
    opacity:0;
    visibility: hidden;
    transition: all 0.3s ease;
}
 header .mega-box .content{
    background: #fff;
    /*display: flex;*/
    width: 100%;
    justify-content: space-between;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; 
    padding: 65px 50px 150px;
}
header .mega-box content content-box {
    padding: 10px;
}
header .mega-box .content-box h4 {
    font-size: 17px;
    padding: 15px 0px;
}
header .mega-box .content-box p {
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
}
header .mega-box .content-box img {
    width: 100%;
}
header .mega-box .content-box ul {
    padding-left: 70px;
    border-left: 1px solid #eee;
}
header .mega-box .content-box li {
    list-style: none;
}
header .mega-box  .content-box ul li a {
    padding-bottom: 15px;
    display: block;
    font-size: 16px;
    color: #25292d;
}
header .mega-box .content-box > a {
    color: blue;
    font-size: 14px;
    margin-top: 15px;
    display: block;
}
header .mega-box .content-box > a i {
    padding-left: 10px;
}
.bgcolor.scrolled{
    background:#fff;
    transition-property: background-color, color;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
header .bgcolor.scrolled .navbar-nav .nav-link {
    color: #212529;
    font-weight: 600;
}
header .bgcolor.scrolled .navbar-nav .nav-link.active {
    color: #212529;
}

/************** Mobile Menu Styles **************/
.resp-mobile-menu {
    display: none;
}
.mobile-menu {
  display:block;
  width:100%;
background: #8aa8bd/*e0b88f/*c99393/*e5d1a4/*dcc591/*EFD3A3*/;
line-height: 1.6em;
font-weight: 400;
width:100%;
text-align:center;
    position: relative;
  margin:0 auto;
}
/*Strip the ul of padding and list styling*/
.mobile-menu ul {
    list-style-type:none;
  margin: 0 auto;
  padding-left:0;
  text-align:center;
  width:100%;
  position: absolute;
  background: #338ac2;
  padding-bottom: 20px;
}

/*Create a horizontal list with spacing*/
.mobile-menu li {
    display:inline-block;
    /*float: left;
    margin-right: 1px;*/
}

/*Style for menu links*/
.mobile-menu li a {
    display:block;
    min-width:140px;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    text-transform:uppercase;
    text-decoration: none;
    padding: 10px 0;  
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

/*Hover state for top level links*/
.mobile-menu li:hover a {
    color: #212529;
    background-color:#ccddee;
}

/*Style for dropdown links*/
.mobile-menu li:hover ul a {
    background: #f3f3f3;
    color: #2f3036;
    height: 40px;
    line-height: 40px;
}
.mobile-menu button {
    padding: 5px 30px;
    border: 0;
    font-size: 16px;
    font-weight: 500;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    margin-top: 10px;
}
/*Hover state for dropdown links*/
.mobile-menu li:hover .mobile-menu ul a:hover {
    color: #4db3ff;
}

/*Hide dropdown links until they are needed*/
.mobile-menu li ul {
    display: none;
}

/*Make dropdown links vertical*/
.mobile-menu li ul li {
    display: block;
    float: none;
}

/*Prevent text wrapping*/
.mobile-menu li ul li a {
    width: auto;
    min-width: 100px;
    padding: 0 20px;
}


/*Style 'show menu' label button and hide it by default*/
.mobile-menu .show-menu {
    text-decoration: none;
    color: #fff;
    background: #fff;
    text-align: center;
    padding: 15px 15px 20px;
    display: none;
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.mobile-menu .show-menu span{
   padding-left: 25px;
}

/*Hide checkbox*/
.mobile-menu input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
.mobile-menu input[type=checkbox]:checked ~ #menu{
    display: block;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/*Responsive Styles*/

@media screen and (max-width : 1300px){
    .modal .cartoon img{
        width: 345px;
    }
    }

@media screen and (max-width : 991px){
   header{
    position: relative;
    background: #143155;
   }
   header .fixed-top{  
    position: relative;
   }
   header .navbar-expand-lg .navbar-nav{
    float: left;
    width: 100%;
    padding: 10px 20px;
    background: linear-gradient(to right, #BF8D0B 0%, #DFC270 68%);
   }
   header .container{
    padding: 0;
   }
   header .navbar-light .navbar-nav .nav-link{
    line-height: 36px;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    background: linear-gradient(to right, #212529 43%, #575a5d 86%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
   }
   header .navbar-light .navbar-nav .nav-link:hover{
    color: #000;
    background: none;
    -webkit-text-fill-color: #000;
   }
   header .navbar-light .navbar-nav .nav-item::last-child a{
    padding-right: 20px !important;
   }
   .banner .content{
    position: relative !important;
    top: 0 !important;
   }
  .mobile-menu {
    opacity: 1 !important;
  }
  .mobile-menu .lines {
    content:"";
    height: 5px; 
    width:20px;
    padding-right:15px;
  float: right;
}
    /*Make dropdown links appear inline*/
    .mobile-menu ul {
        position: static;
        display: none;
    }
    /*Create vertical spacing*/
    .mobile-menu li {
        margin-bottom: 1px;
    }
    /*Make all menu links full width*/
    .mobile-menu ul li, .mobile-menu li a {
        width: 100%;
    }
    /*Display 'show menu' link*/
    .mobile-menu .show-menu {
        display:block;
    }
}

/************** Banner Styles **************/
.banner{
    position: relative;
}
.banner:after{
    content: "";
    position: absolute;
    top: -7px;
    background: rgba(0,0,0, 0.8);
    width: 100%;
    height: 100%;
    display: block;
}
.banner #myVideo {
  position: relative;
  right: 0;
  bottom: 0;
  width: 100%; 
  height: 100%;
  object-fit: cover;
}

.banner .content {
  position: absolute;
  top: 50%;
  color: #fff;
  padding: 20px;
  z-index: 1;
  width: 100%;
  left: 0;
  transform: translate(0, -50%);
}
.banner .content h1 {
    font-size: 50px;
    line-height: 60px;
}
.banner .content p {
    font-size: 18px;
    font-weight: 400;
    margin: 15px 0px 20px;
    width: 60%;
    line-height: 27px;
    word-break: break-word;
}

/*.banner .content button {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    padding: 5px 25px;
    margin-top: 20px;
    font-size: 14px;
    text-transform: uppercase;
}*/
.banner .content #owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}
.banner .content .owl-dots {
    opacity: 0;
}

/***cream-single-img-block**/
.blue-single-img-block{
    text-align: center;
    background-image: linear-gradient(to bottom, #1c3661, #195291, #2f648d, #3c8bb6, #87ceeb);
    margin-top: -7px;
}
.blue-single-img-block h3 {
    margin-bottom: 10px;
}
.blue-single-img-block h4{
    color: #fff;
}
.blue-single-img-block p {
    width: 70%;
    margin: 0 auto;
    font-size: 20px;
    margin-bottom: 10px;
    color: #fff;
}
.blue-single-img-block img{
    margin: 20px 0;
    border-radius: 30px;
    width: 70%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/**********full-image***********/
.full-img{
        height: 450px;
        background: url(../images/stress.png) no-repeat center 0;
        background-size:cover ;
        background-attachment: fixed;
}
.full-img .gradient-blocks .text-gradient{ 
    background: linear-gradient(to right, #000 31%, #d49f0a 86%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
 }
 .cream-card{
    background: #3c2115;
    color: #fff;
    min-height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    vertical-align: middle;
    align-items: center;
    border-radius: 30px;
    margin: 25px 0;
 }
 .cream-card img{
    width: 200px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
 }

 /**********Two-blocks****************/
 .two-blocks li{
    list-style: none;
    display: inline-block;
 }
 .two-blocks li img{
    width: 200px;
 }
 .two-blocks img{
    width: 100%;
 }
 .two-blocks h3{
    font-size: 27px;
    margin:15px 0;
 }

/*************bg-content*******/
.bg-content{
    background: url(../images/group.png) no-repeat center 0;
    text-align: center;
    background-size: cover;
    position: relative;
    color: #fff;
    padding-top: 100px;
}
.bg-content::after{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
}
.bg-content h3{
    z-index: 2;
    position: relative;
    font-size: 54px;
    color: #fff;
    font-weight: 600;
}
.bg-content p{
    position: relative;
    z-index: 2;
    width: 70%;
    margin: 15px auto 60px;
}
.bg-content .bg-inner-content{
    position: relative;
    z-index: 2;
}
.bg-content .bg-inner-content span {
    background:linear-gradient(to right, #BF8D0B 0%, #DFC270 68%);
    padding: 6px 30px;
    border-radius: 25px;
    font-size: 23px;
    font-weight: 500;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.bg-content .bg-inner-content h4 {
    margin: 30px 0 70px;
}
.bg-content h3 img{
    width: 350px;
    margin-top: -30px;
}
.bg-content .pos-r{
    position: relative;
}
.bg-content .pos-r svg{
    position: absolute;
    right: -20px;
}


/*****two-box-video********/
.two-box-video h5{
    background: linear-gradient(to right, #203f7b 43%, #5575b2 86%);
    display: inline-block;
    padding: 10px;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}
.two-box-video h3{
    font-size: 46px;
    margin: 15px 0;
}

/******testimonials*****/
.testimonials{
    background:linear-gradient(to bottom, #1c3661, #195291, #2f648d, #3c8bb6, #87ceeb);
    text-align: center;
}
.testimonials .carousel-inner{
    margin: 0 auto;
    margin-top: 30px;
}
.testimonials .carousel-card {
    background: #070707;
    color: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    vertical-align: middle;
    text-align: center;
    padding: 50px;
    border-radius: 40px;
    min-height: 500px;
}
.testimonials h4{
    font-size: 32px;
    color: #fff;
    line-height: 38px;
    margin-bottom: 25px;
}
.testimonials h5{
    font-size: 20px;
    margin-top: 35px;
}
.testimonials iframe{
    width: 100%;
    border-radius: 30px;
}
.testimonials img{
    width: 400px;
    border-radius: 30px;
}
.testimonials .div-pimage {
    position: relative;
}
.testimonials .div-pimage .p-r{
    width: 300px;
}
.testimonials .div-pimage .p-a {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.testimonials .carousel-control-next-icon, .testimonials .carousel-control-prev-icon {
    background-image: none;
    color: #fff;
    opacity: 1;
    font-size: 28px;
}
.testimonials .carousel-control-next, .testimonials .carousel-control-prev {
    opacity: 1;
}
.testimonials .carousel-control-prev {
    left: -60px;
}
.testimonials .carousel-control-next{
    right: -60px;
}


/**********N-compare**********/
.n-compare{
    background: linear-gradient(to bottom, #1c3661, #195291, #2f648d, #2f648d, #2f648d);
    color: #fff;
} 
.n-compare h4{
    font-weight: 600;
    color: #dfc270;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
}
.n-compare ul{
    text-align: left;
}
.n-compare ul li {
    list-style: none;
    font-size: 23px;
    line-height: 35px;
    position: relative;
    list-style-type: none;
}
.n-compare ul li i{
    padding-right: 10px;
}
.n-compare .ptb-35{
    padding: 35px 0;
}
.n-compare .d-flex{
    align-items: initial;
}
.n-compare img{
    border-radius: 30px;
}

/********Single-text*********/
.single-text{
    background: #1c3661;
}


/******logo-slide***********/
.logo-scroll {
  position: relative;
  overflow: hidden;
}

.logo-scroll::before, .logo-scroll::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 15%; /* Adjust this value to control how wide the smoke effect is */
  z-index: 1;
}

.logo-scroll::before {
  left: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
}

.logo-scroll::after {
  right: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
}

.logo-scroll img {
  width: 150px;
  height: 150px;
  animation: scroll 60s linear infinite;
}

.logo-scroll .slide-track {
  width: 100%;
  display: flex;
  gap: 3em;
  overflow: hidden;
}

.logo-scroll  h5 {
  margin-bottom: 20px;
}

@keyframes scroll {
  0% {transform: translateX(0);}
  100% {transform: translatex(-1000%);}
}

/******products*******/
.products{
    background: #87ceeb;
}
.products .prodcard img{
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 30px;
    background: #fff;
}
.products .prodcard-content {
    border-radius: 30px;
    margin-top: -37px;
    position: relative;
    z-index: 2;
}
.products .prodcard-content ul li{
    list-style: none;
}
.products .prodcard-content .btn-blue{
    margin-top: 10px;
    display: inline-block;
}
.products .prodcard-content  h5{
    font-weight: 600;
    font-size: 24px;
}
.products .prodcard-content  h6{
    font-weight: 600;
    margin: 8px 0;
}
.products .prodcard-content ul li i{
    padding-right: 5px;
}
.products .btn-blue:hover{
    color: #fff;
}
.products  .prodcard {
    margin-top: 30px;
    text-align: center;
}

/*********reclaim***********/
.reclaim img{
    width: 100%;
}
.reclaim h4 i{
    padding-right: 5px;
}
.reclaim a{
    display: inline-block;
    margin: 50px 0 20px;
    font-size: 20px;
    padding: 10px 20px;
}

/***********faqs************/
.faqs{
    padding: 100px 0;
}
.faqs .accordion-item{
    background: transparent;
    border: 1px solid #ccc;
    margin-bottom: 15px;
    border-radius: 20px;
}
.faqs .accordion-button{
    background-color: transparent ;
    font-size: 22px;
    font-weight: 500;
}
.faqs .accordion-button:focus{
    box-shadow: none;
    border-radius: none;
}
.faqs .accordion-button:not(.collapsed){
    color: #bf8d0b;
}
.faqs .accordion-body{
    font-size: 19px;
}
.faqs .accordion-flush .accordion-item:first-child, .faqs .accordion-flush .accordion-item:last-child{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.faqs .blackcard {
    background: linear-gradient(to bottom, #1c3661, #195291, #2f648d, #3c8bb6, #87ceeb);
    color: #fff;
    padding: 35px;
    border-radius: 30px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.faqs .blackcard img.pos-r {
    width: 200px;
    height: 200px;
    object-fit: contain;
    border-radius: 50%;
    margin: 0 auto;
    background: #72abc8;
    border:3px solid #09396f;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.faqs .pos-a{
    width:70%;
    margin-top: -50px;
}
.blackcard h4 {
    margin: 20px 0;
}
.faqs .blackcard a{
    display: inline-block;
    margin-top: 20px;
}


/***********contact us***********/
.contact-us{
    background: linear-gradient(to bottom, #1c3661, #195291, #2f648d, #2f648d, #2f648d);
    position: relative;
    background-size: cover;
    color: #fff;
}
.contact-us p{
    position: relative;
    z-index: 2;
}
.contact-us h5{
    background: linear-gradient(to right, #BF8D0B 0%, #DFC270 68%);
    display: inline-block;
    padding: 10px;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 500;
}
.contact-us h3{
    position: relative;
    z-index: 2;
    color: #fff;
}
.contact-us h4{
    font-size: 18px;
    font-weight: 400;
    margin: 20px 0;
    position: relative;
    z-index: 2;
}
.contact-us .social-icons {
    position: relative;
    z-index: 2;
}
.contact-us .form-label{
    position: relative;
    z-index: 2;
}
.contact-us .form-control{
    position: relative;
    z-index: 2;
}
.contact-us .btn-blue{
    position: relative;
    z-index: 2;
}
.contact-us .form-control{
    min-height: 50px;
    font-size: 18px;
    border: 1px solid #ccc;
}
.contact-us .form-control::placeholder {
    opacity: 0.7;
    color: #212529;
    font-size: 18px;
}
.contact-us .form-control:focus{
    box-shadow: none !important;
    border:2px solid #5ba7cc;
}
.contact-us .social-icons li{
    display: inline-block;
    list-style: none;
}
.contact-us .social-icons li a{
    color: #fff;
}
.contact-us .social-icons li a i {
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background: linear-gradient(to bottom, #1c3661, #195291, #2f648d, #3c8bb6, #87ceeb);
    border-radius: 50%;
}

/*******footer**********/
footer{
    background: #f7f5ed;
    padding: 15px;
}
footer p{
    line-height: 52px;
    font-weight: 500;
}
footer ul li{
    display: inline-block;
}
footer ul{
    text-align: right;
}
footer ul li img{
    width: 100px;
    padding: 0 5px;
}

/********About-us*******/
.two-box-video img{
    width: 100%;
    border-radius: 30px;
}

/********Vision*******/
.vision{
    background: #fff;
}
.vision img{
    width: 100%;
    position: relative;
    z-index: 2;
}
.vision p {
    padding: 30px 30px 0;
    position: relative;
    z-index: 2;
    color: #fff;
    font-weight: 500;

}
.vision .v-cards{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 30px;
    background: url(../images/D1BOSSMALAYSIA.png) no-repeat center 0;
    position: relative;
    background-size: cover;
}
.vision .v-cards::after{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 30px;
}
.vision .v-cards h5 {
    background: linear-gradient(to right, #203f7b 43%, #5575b2 86%);
    padding: 20px;
    font-size: 23px;
    font-weight: 600;
    position: relative;
    z-index: 2;
    color: #FFF;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

/************News*************/
.news-tabs {

}
.news-tabs .tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.news-tabs .tabset .tab-panel {
  display: none;
}

.news-tabs .tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.news-tabs .tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.news-tabs .tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.news-tabs .tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.news-tabs .tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.news-tabs .tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6),
.news-tabs .tabset > input:nth-child(13):checked ~ .tab-panels > .tab-panel:nth-child(7),
.news-tabs .tabset > input:nth-child(15):checked ~ .tab-panels > .tab-panel:nth-child(8)
 {
  display: block;
}


.news-tabs .tabset > label {
  position: relative;
  display: inline-block;
  font-size: 18px;
  padding: 10px 10px;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 600;
  margin-left: -6px;
  text-transform: capitalize;
}

/*.news-tabs .tabset > label::after {
  content: "";
  position: absolute;
  left: 15px;
  bottom: 10px;
  width: 22px;
  height: 4px;
  background: #8d8d8d;
}*/

.news-tabs input:focus-visible + label {
  outline: 2px solid rgba(0,102,204,1);
  border-radius: 3px;
}

.news-tabs .tabset > label:hover,
.news-tabs .tabset > input:focus + label,
.news-tabs .tabset > input:checked + label {
  color: #000;
}

/*.news-tabs .tabset > label:hover::after,
.news-tabs .tabset > input:focus + label::after,
.news-tabs .tabset > input:checked + label::after {
  background: #06c;
}*/

.news-tabs .tabset > input:checked + label {
  border-color: #ccc;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
  background: linear-gradient(to bottom, #1c3661, #195291, #2f648d, #3c8bb6, #87ceeb);
  text-transform: capitalize;
  color: #fff;
}

.news-tabs .tab-panel {
  padding: 30px 0;
  border-top: 1px solid #ccc;
}
.news-tabs .tabset {
  max-width: 65em;
}
.news-tabs img{
  width: 100%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  height: 150px;
  object-fit: cover;
}
.news-card {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 20px;
    position: relative;
    min-height: 550px;
    margin-bottom: 20px;
}
.news-card h4 {
    padding: 15px;
    font-size: 20px;
    font-weight: 500;
}
.news-card p {
    padding: 15px;
    min-height: 200px;
}
.news-card .btn-blue {
    display: block;
    border-radius: 20px;
    margin: 0 auto;
    width: 90%;
    text-transform: capitalize;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
}

/***********News-Details**********/
    swiper-container {
      width: 100%;
      height: 100%;
    }

    swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    swiper-container {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

    swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .mySwiper {
      height: 100%;
      width: 70%;
    }

    .mySwiper2 {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .mySwiper2 swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
    width: 100px !important;
    height: 100px;
    margin: 0 auto;
    }

    .mySwiper2 .swiper-slide-thumb-active {
      opacity: 1;
    }

    swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
/********n-content********/
.n-content{
    text-align: center;
}
.n-content h4{
    margin-bottom: 20px;
    font-weight: 600;
}
.n-content p{
    font-size: 20px;
}


/*******************************Media Quries Here*************************/

@media screen and ( max-width: 1348px ) {
   .we-work-with svg#svg\ wave {
    top: -224px;
    }
}
@media screen and ( max-width: 1199px ) { 
    .we-serve .serve-blks h3 {
    font-size: 22px;
    }
    .process-we-follow .process-blk {
        padding: 20px 15px; 
    }
    .process-we-follow p {
        line-height: 25px;
    }
    .we-work-with svg#svg\ wave {
    top: -271px;
    }
    .we-work-with .work-blks h3 {
    font-size: 15px;
    }
    .our-works .overlay {
        padding:0; 
    }
    .our-works .work-blk h2 {
    font-size: 18px;
    margin-top:20px;
    }
    .our-works .work-blk span {
        font-size: 14px;
    }
    .our-works .work-blk a {
        margin-top: 20px;
    }
    .social-network ul li {
        margin-right: 0px;
    }
    .footer-links a {
        padding-bottom: 10px; 
        font-size: 14px;
    }
}

@media screen and ( max-width: 1051px ) { 
    .key-features .owl-carousel.owl-drag .owl-item {
        min-height : 356px;
    }
    .footer-help-blk h2 {
        font-size: 25px;
    }
}
@media screen and ( max-width: 1024px ) {
    .about-content .about-left p {
        font-size: 16px;
        line-height: 25px;
    }
    .we-serve .serve-blks h3 {
    font-size: 19px;
    }
}
@media screen and ( max-width: 991px ) {
    .mobile-menu {
        display: block;
    }
    .mobile-menu img {
        width: 150px;
    }
    .mobile-menu .lines i{
        margin-top: 35px;
    }
    
    .banner #myVideo {
        margin-top: -7px;
    }
    .key-features .owl-carousel.owl-drag .owl-item {
        min-height : 380px;
    }
    .we-work-with {
        padding:120px 0 50px; 
    }
    .we-work-with svg#svg\ wave {
    top: -432px;
    }
    .we-work-with .half-width {
    text-align: center;
    }
    .col-lg-5.col-md-12.half-width {
    margin-top: 35px;
    }
    .our-works {
        padding:40px 0; 
    }
    .our-works .work-blk {
        margin-bottom: 15px;
    }
    .our-works .overlay {
        padding: 0;
        padding-left: 20px;
    }
    .social-network ul li a i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 22px;
    }
    .social-network .get-quote {
        padding: 50px 30px;
        width: 100%;
    }
    .social-network .get-quote p {
    width: 100%;
    font-weight: 300;
    font-size: 14px;
    }
    .address p {
    font-size: 16px;
    line-height: 25px;
    }
    .address h4 span {
    font-size: 16px;
    }
    .address a{
    font-size: 16px;
    margin-top: 10px;
    }
    .footer-links h3 {
    min-height: auto;
    }
    .footer-help-blk {
    text-align: center;
    }
    .footer-help-blk {
        padding: 25px; 
    }
    footer .input-group {
    width: 45%;
    margin: 0 auto;
    }
    .footer-help-blk .social-icons {
        margin-top: 30px;
    }
    .services {
        display: none;
    }
    .services-mobile {
     display: block;
    }
    .services-mobile .service-blks {
        padding:15px; 
    }
    .services-mobile h1 {
        font-size: 24px;
    }
    .services-mobile .service-blks h3 {
        font-size: 16px;
    }
    .services-mobile .service-blks p {
    line-height: 22px;
    font-size: 14px;
    font-weight: 300;
    }
    .services-mobile {
    padding: 50px 0 100px;
    }
    .services-mobile .service-blks {
        min-height: 460px;
    }
    header{
        position: relative !important;
    }
}
@media screen and ( max-width: 990px ) {
    .main-modal .cartoon {
    display: none;
   }

}
@media screen and ( max-width: 880px ) {
    .we-serve .serve-blks h3 {
       font-size: 15px;
    }
    .modal.show .modal-dialog {
    margin: 0 25px !important;
   }

}
@media screen and ( max-width: 800px ) {
    .banner .content {
    text-align: center;
    }
    .banner .content h1 {
    font-size: 38px;
    line-height: 50px;
   }
    .banner .content p {
    margin: 0 auto;
    margin-top: 10px;
    }
}
@media screen and ( max-width: 767px ) {
    .about-content {
        text-align: center;
        padding: 40px 0; 
    }
    .about-right {
    padding-top: 40px;
    }
    .about-content .about-right .cards {
        min-height: auto;
    }
    .about-content .about-right .sft-top {
    margin-top: 0;
    }
    .key-features .owl-carousel.owl-drag .owl-item {
    min-height: auto;
    }
    .we-serve {
        padding: 40px 0; 
    }
    .we-serve .serve-blks {
    margin-bottom: 25px;
    min-height: 100px;
    }
    .we-serve .serve-blks h3 {
    font-size: 18px;
    }
    .services-mobile .col-12 h1 {
    display: none;
    }
    .services-mobile .service-blks {
        margin-bottom: 20px;
    }
    .we-work-with svg#svg\ wave {
    top: -462px;
    }
    .social-network {
        text-align: center;
    }
    .social-network ul {
    text-align: center;
    }
    .social-network p {
        padding: 0 0 10px; 
    }
    .address .add-blks {
    margin-top: 15px;
    }
    .footer-links h3 {
        margin-top: 15px;
    }
    footer .input-group {
    width: 100%;
    }
    h2.elementor-heading-title.elementor-size-default.di-show {
    display: none;
    }
    .services-mobile .di-none {
        display: block;
    }
}
@media screen and ( max-width: 730px ) {
    .banner .content {
    top: 20px;
    }
}
@media screen and ( max-width: 620px ) {
    .banner .content {
    top: 0px;
    }
    .banner .content h1 {
    font-size: 28px;
    line-height: 35px;
    }
    .banner .content h1 br { 
    display: none;
    }
}
@media screen and ( max-width: 575px ) {
    .banner:after{
        background: rgba(0,0,0, 0);
    }
    .banner .content p{
        margin: 20px 0 ;
    }
    .banner .btn-blue {
        margin: 15px auto 35px !important;
        display: block;
    }
    .bg-content img {
       width: 80% !important;
    }
    .contact-us .col-sm-6{
       width: 95%;
       margin: 30px auto 0;
    }
    .blue-single-img-block p{
        width: 100%;
    }
    .two-blocks h3{
        text-align: center;
    }
    .bg-content p{
        width: 100%;
    }
    .faqs {
        padding: 40px 0;
    }
    .two-blocks a {
        margin: 0 auto 30px !important;
    }
    .mdisp{ 
        display:block; 
    }
    .wdisp{ 
        display:none; 
    }
    .news-tabs .container{
        overflow-x: hidden;
    }
    .news-tabs img{
        height: auto;
    }
    .news-details {
       margin-top: 0 !important;
    }
    .mySwiper{
        width: 100%;
    }
    .mySwiper2 swiper-slide{
        width: 85px !important;
        height: 85px;
    }
    .banner .content{
        transform: translate(0, 0);
    }
    .navbar-brand {
        margin: 10px auto;
    }
    .navbar-brand img{
        width: 190px;
    }
    .testimonials .carousel-control-next, .testimonials .carousel-control-prev{
        display: none;
    }
    .cream-single-img-block p{
        width: 100%;
    }
    .cream-single-img-block img{
        width: 100%;
    }
    .full-img{
        display: none;
    }
    .cream-single-img-block img {
       width: 100% !important;
    }
    .two-blocks img {
      width: 100%;
    }
    .two-blocks li img {
      width: 132px;
    }
    .title-large {
    font-size: 28px !important;
    }
    .two-blocks ul {
      margin: 20px 0;
    }
    .two-blocks{
        padding-bottom: 60px;
    }
    .bg-content .pos-r svg{
        display: none;
    }
    .bg-content .bg-inner-content h4 {
       margin: 30px 0 40px;
       font-size:18px;
    }
    .bg-content .bg-inner-content span{
        padding: 2px 26px;
    }
    .testimonials h4 {
        font-size: 20px;
        line-height: 26px;
    }
    .testimonials h4{
        margin-bottom: 10px;
    }
    .testimonials .carousel-card{
        padding: 23px;
    }
    .testimonials .carousel-card img{
        margin-bottom: 20px;
        width: 100%;
    }
    .n-compare .ptb-35 {
        padding: 15px 15px;
        text-align: center;
    }
    .faqs .blackcard{
        padding: 35px 15px;
    }
    .testimonials h5{
        margin-bottom: 35px;
        font-size: 16px;
    }
    .n-compare ul li{
        font-size: 20px;
        line-height: 28px;
    }
    .faqs h3{ 
        margin-top: 30px;
    }
    .faqs .accordion-button{
       font-size: 19px;   
    }
    .contact-us .social-icons li a i{
        margin-bottom: 10px;
    }
    .contact-us {
    text-align: center;
    }
    .two-box-video h3{
        font-size: 28px;
    }
    .contact-us .form-control::placeholder{
        text-align: center;
    }
    footer{
        text-align: center;
    }
    footer p{
        line-height: 24px;
    }
    footer ul {
    text-align: center;
    margin-top: 30px;
    }
    .ptb-60 {
    padding: 40px 0;
    }
    .navbar-toggler:focus{
        box-shadow: none;
    }
    .banner{
        background: #143155;
    }
    .banner .content{
        transform: none;
        background: #143155;
    }


    .cream-card h4 {
    font-size: 16px;
    margin-bottom: 20px;
    }
    .two-box-video {
       text-align: center;
       padding: 30px 0 0;
    }
    .vision{
      margin-top: 30px;
    }
    .vision p{
        padding: 15px;
    }
    .vision .v-cards{
        margin-bottom: 15px;
    }
    .news-tabs .tabset > label{
      display: inline-block;
      width: 48%;
      font-size: 16px;
      padding: 5px 0px;
      border-radius: 30px;
      margin-left: 0;
      border: 1px solid #fff;
      border-color: #fff;
      margin-bottom: 7px;
      text-align: center;
    }
    .news-card h4{
        font-size: 18px;
    }
    .news-card p{
        min-height: auto;
        margin-bottom: 20px;
    }
    .news-card{
        position: relative;
        min-height: auto;
        text-align: center;
    }
    .news-card .btn-blue{
        position: relative;
        left: 0;
        right: 0;
        bottom: 15px;
    }
    .title-medium {
    font-size: 22px !important;
    }
    .bg-content h3 img{
        width: 100%;
    }
    .we-serve .serve-blks {
    margin-bottom: 10px;
    }
    .process-we-follow h1 {
    padding: 30px 0;
    }
    .process-we-follow .process-blk {
        min-height: auto;
        margin-bottom: 15px;
    }
    .process-we-follow .process-blk h3 {
    padding: 10px 0;
    }
    .we-work-with svg#svg\ wave {
    top: -510px;
    }
    .we-work-with h1 {
        margin-bottom: 15px;
    }
    .we-work-with p {
    margin-top: 5px;
    font-size: 15px;
    line-height: 25px;
    }
    .we-work-with .work-blks {
    min-height: auto;
    }
    .glimpse {
    padding: 50px 20px 50px 50px;
    } 
    .glimpse .glimpse-blk h2 {
    font-size: 24px;
    font-weight: 600;
    }
    .glimpse-blk .light-bg {
        padding: 20px 0; 
    }
    .glimpse-blk .light-bg p{
    display: block;
    text-align: center;
    margin-left: 0;
    margin-top: 0;
    font-size: 17px; 
    }
    .glimpse-blk .dis-n {
        display: none;
    }
    .glimpse .glimpse-blk .col-sm-6 {
        padding:0; 
    }
    .glimpse .glimpse-blk .light-bg {
        background: none;
        box-shadow:none;
    }
    .glimpse h1 {
    margin-bottom: 0px;
    }
    .glimpse .glimpse-blk .lbi {
    background: #fdf3f5;
    box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
    padding:20px;
    margin-right: 10px;
    min-height: 120px; 
    }
    .our-testimonials {
        padding: 40px 0; 
    }
    .our-testimonials .owl-outer {
        padding: 0; 
    }
    .our-testimonials h2 {
    padding-bottom: 5px;
    }
    .our-testimonials p {
    line-height: 25px;
    font-weight: 300;
    }
    .modal.show .modal-dialog .modal-header h2{
    font-size: 24px !important;
    margin-top: 5px;
   }
}
@media screen and ( max-width: 543px ) { 
    .we-work-with {
    padding: 40px 0;
    }
    .we-work-with svg#svg\ wave {
    display: none;
    }
}
@media screen and ( max-width: 535px ) {
    .banner .content {
    top: 25px;
    transform: translate(0, 0) !important;
    }
    .banner .content h1 {
    font-size: 18px;
    line-height: 25px;
    }
    .banner .content p {
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    }
}
@media screen and ( max-width: 420px ) {
    .banner .content {
    top: 25px;
    }
    .banner .content h1 {
    font-size: 25px;
    line-height: 27px;
    }
    .btn-yellow{
        font-size: 16px;
    }
    .banner .content p {
    font-size: 18px;
    margin-top: 5px;
    line-height: 24px;
    }
    .banner .content button {
     padding: 8px 18px;
        margin: 24px 0;
        font-size: 16px;
    }
    .footer-links {
    padding: 20px;
    }
    .footer-links h3 {
    font-size: 16px;
    line-height: 20px;
    }
    .footer-links a {
    padding-bottom: 5px;
    font-size: 12px;
    }
    .footer-help-blk .social-icons li a i {
    margin-right: 0px;
    }
    .footer-help-blk .form-control {
    font-size: 13px; 
    }
}
@media screen and ( max-width: 351px ) {
    .banner .content {
    top: 8px;
    }
}