
            .topbar_Area{
                background: #40E0D0;
                background: -webkit-linear-gradient(to right, #FF0080, #FF8C00, #40E0D0);
                background: linear-gradient(to right, #FF0080, #FF8C00, #40E0D0);
            }
            .topbar_Area2{
                  background: #ffb221!important;
                  /*background: linear-gradient(90deg, rgba(255,187,0,1) 40%, rgba(255,218,0,1) 100%)!important;*/
                  /*background: linear-gradient(90deg, rgb(155, 175, 255) 40%, rgb(197, 209, 255) 100%) !important;*/
                  /*background: linear-gradient(90deg, rgb(155, 213, 255) 40%, rgb(220, 220, 220) 100%) !important;*/
                  /*background: linear-gradient(90deg, rgb(92, 161, 255) 40%, rgb(239, 246, 255) 100%) !important;*/
                    background: linear-gradient(90deg, rgb(163, 0, 0) 40%, rgb(87, 33, 33) 100%) !important;
            }
    
    
            .full-width-header.home8-style4.home9 .menu-area .rs-menu-area .main-menu .rs-menu ul.sub-menu li a:hover ul{
                position: absolute;
                bottom: 100%;
            }

            .full-width-top-header.home8-style4.main-home {
              .padding-top: 8px;
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
            }
            .full-width-top-header.home8-style4.main-home .menu-area {
              background: transparent !important;
            }
            .full-width-top-header.home8-style4.main-home .menu-area .logo-part .sticky-logo {
              display: none;
            }

            .full-width-top-header.home8-style4.main-home .contact-part .user-icon > a {
              color: #fff;
              float: right;
              height: 32px;
              line-height: 29px;
            }
            .full-width-top-header.home8-style4.main-home .contact-part .user-icon > a i{
                padding-right: 10px;
            }
            .full-width-top-header.home8-style4.main-home .contact-part .user-icon > a:hover{
                color: #ff5421;
                border-bottom: 1px solid;
            }

            .section-1{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            background-color: #f9f7f8;
            padding: 20px 50px 0;
            height: 62px;
        }
        /*mobile header notice*/
        @media only screen and (max-width:799px){
            div.block-1 a{
            display: none;
            }
            div.block-1 a i{
            font-size: 14px;
            margin:0px 8px;
            color: #575757 ;
            display: none;
            }
            div.block-2 .social-btn{
                display: none;
            }
            .marquee_notice{
                width: 85%;
            }
            .sidebar-widget{
                margin-top: 105px;
            }
        }
        
        div.block-1 a{
            color: #575757 ;
        }
        div.block-1 a:hover{
            color: #ff5421;
        }
        div.block-1 a i{
            font-size: 14px;
            margin:0px 8px;
            color: #575757 ;
        }
        div.block-1 a i:hover,
        div.social-btn a i:hover{
            color: #ff5421;
        }
        #login-btn{
            font-size: 20px;
            color: #ff5421 ;
            padding-left: 3px;
        }
        div.social-btn a i{
            font-size: 15px;
            margin:0px 5px;
            color: #575757 ;
        }
        @media screen and (max-width: 970px) and (min-width: 300px){
            section.section-1{
                font-size: 11px;
                padding: 20px 30px 0;
            }
            div.block-1{
                flex-direction: column;
            }
            div.block-1 div:first:child{
                margin-right: 0px;
            }
            div.block-1 a i{
            font-size: 11px;
            margin:0px 8px;
            color: #575757 ;
        }
            div.social-btn a i{
                font-size: 11px;
            }
            #login-btn{
            font-size: 12px;
            color: #ff5421 ;
            padding-left: 3px;
            font-weight: 400;
        }
    }
            /*for hiding top header in mobile view*/
            /*#completeheader{
                display: none;
            }*/
       
        @media only screen and (max-width: 1080px) {    
        .nav-menu > li > a i {
        display:inline-block;
         }
        }
        /* for removing certificate img element in responsive width*/
        @media only screen and (max-width: 991px){
                .col-md-1 .logo-cat-wrap .logo-part a img,
                .col-sm-1 .logo-cat-wrap .logo-part a img{
                    display: none;
                }
            }
        @media only screen and (max-width: 1400px){
            .col-md-1 .logo-cat-wrap .logo-part a img{
                margin-bottom: 9px;
                max-width: 100px; 
                max-height: 60px; 
                margin-left: -11px;
            }
            .nav-fit{
                margin-left: -61px;
            }
            .col-lg-1 .logo-cat-wrap .logo-part.normal-logo{
                margin-bottom: 9px; 
                max-width: 180px; 
                max-height: 100px;
            }
        }
        
        /*main transparent header*/
        .full-width-header.home8-style4.main-home .menu-area {
           background: transparent !important; /*transparent*/
        }
        @media only screen and (min-width: 992px) {
            #ban_slider .carousel-item img{
            height: 700px!important;
            object-fit: cover;
            }
            .full-width-header.home8-style4.main-home .menu-area .rs-menu-area .main-menu .rs-menu ul.nav-menu li a {
                color: #fff !important;
            }
            .full-width-header.home8-style4 .rs-header .menu-area .rs-menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a{
                color: #fff !important;
            }
            .full-width-header.home8-style4.main-home .menu-area.menu-sticky.sticky .rs-menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a{
                color: #fff!important;
            }
            .full-width-header.home8-style4.main-home .menu-area.menu-sticky.sticky .rs-menu-area .main-menu .rs-menu ul.nav-menu li a{
                color: #fff!important;
            }
            .marquee_notice{
             width: 40%;
            }
        }
        @media only screen and (min-width: 300px) and (max-width: 991px) {
            .full-width-header.home8-style4.main-home .menu-area .rs-menu-area .main-menu .rs-menu ul.nav-menu li a {
                color: #000!important;
            }
            .full-width-header.home8-style4 .rs-header .menu-area .rs-menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a{
                color: #000!important;
            }
            .full-width-header.home8-style4.main-home .menu-area.menu-sticky.sticky .rs-menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a{
                color: #000!important;
            }
            .full-width-header.home8-style4.main-home .menu-area.menu-sticky.sticky .rs-menu-area .main-menu .rs-menu ul.nav-menu li a{
                color: #000!important;
            }
        }
       .full-width-header.home8-style4.main-home .menu-area .rs-menu-area .main-menu .rs-menu ul.nav-menu li a {
        /*color: #fff !important;*/
        /*text-shadow: 5px 5px 10px #fff;*/
        }
        
        .full-width-header.home8-style4.main-home .menu-area .rs-menu-area .main-menu .rs-menu ul.nav-menu li a:hover{
        color: #fff !important;
        text-shadow: 5px 5px 10px #fff;
        }
        
        .full-width-header.home8-style4.main-home .menu-area .rs-menu-area .main-menu .rs-menu ul.nav-menu li .mega-menu  a,
        .full-width-header.home8-style4.main-home .menu-area .rs-menu-area .main-menu .rs-menu ul.nav-menu li .sub-menu  a {
        color: #111111 !important;
        /*text-shadow: 5px 5px 10px #fff;*/
        }
        
        .full-width-header.home8-style4.main-home .menu-area .rs-menu-area .main-menu .rs-menu ul.nav-menu li .mega-menu  a:hover,
        .full-width-header.home8-style4.main-home .menu-area .rs-menu-area .main-menu .rs-menu ul.nav-menu li .sub-menu  a:hover {
        color: #ffb221 !important;
        font-weight:bold;
        /*text-shadow: 5px 5px 10px #111111;*/
        }
        
        .full-width-header.home8-style4.main-home .menu-area .rs-menu-area .main-menu .rs-menu ul.sub-menu li{
            line-height: 14px;

        }
        .full-width-header.home8-style4.main-home .menu-area .rs-menu-area .main-menu .rs-menu ul.sub-menu li a{
            /*line-height: 14px;*/
            padding-top:9px!important;
            padding-bottom:9px!important;
        }
        .mega-menu-inner .single-megamenu ul.sub-menu li.menu-item-has-children:before{
            content: "+"!important;
            position: absolute!important;
            left: auto!important;
            right: 0!important;
            top: 50%!important;
            text-align: center!important;
            display: block!important;
            cursor: pointer!important;
            transform: translateY(-50%)!important;
            transition: all .5s ease!important;
            color: #000!important;
        }
        .full-width-header.home8-style4.main-home .menu-area .rs-menu-area .main-menu .rs-menu ul.sub-menu li{
            width: 94%!important;
        }
        .rs-menu ul ul li > ul {
            left: 96%;
        }
        .full-width-header.home8-style4.main-home .menu-area .rs-menu-area .main-menu .rs-menu ul.sub-menu li.menu-item-has-children:before{
            content: "+"!important;
            position: absolute!important;
            left: auto!important;
            right: 0!important;
            top: 50%!important;
            text-align: center!important;
            display: block!important;
            cursor: pointer!important;
            transform: translateY(-50%)!important;
            transition: all .5s ease!important;
            color: #000!important;
            font-weight: 500px!important;
        }

@media screen and (min-width: 999px){
.mega-menu-inner .single-megamenu ul li ul{
  background: #fff; color: black; position: ;left:200px;width:100%;
}
.mega-menu-inner .single-megamenu ul li ul{
  width: 300px;
}
.mega-menu-inner .single-megamenu ul li ul li a{
  font-size: 12px;
  padding: 0;
}
.mega-menu-inner .single-megamenu ul li:hover > ul{
  display: initial;
}

}
/*sticky header menu padding reduce 18px t0 9px */

.full-width-header.home8-style4.main-home .menu-area.menu-sticky.sticky .rs-menu-area .main-menu .rs-menu ul.nav-menu li a:hover{
color: #fff !important;
text-shadow: 5px 5px 10px #fff;
}

.full-width-header.home8-style4.main-home .menu-area.menu-sticky.sticky .rs-menu-area .main-menu .rs-menu ul.nav-menu li .mega-menu  a,
.full-width-header.home8-style4.main-home .menu-area.menu-sticky.sticky .rs-menu-area .main-menu .rs-menu ul.nav-menu li .sub-menu  a {
color: #111111 !important;
/*text-shadow: 5px 5px 10px #fff;*/
}

.full-width-header.home8-style4.main-home .menu-area.menu-sticky.sticky .rs-menu-area .main-menu .rs-menu ul.nav-menu li .mega-menu  a:hover,
.full-width-header.home8-style4.main-home .menu-area.menu-sticky.sticky .rs-menu-area .main-menu .rs-menu ul.nav-menu li .sub-menu  a:hover {
color: #ffb221 !important;
font-weight:bold;
}


@media screen and (max-width: 995px) and (min-width: 300px){
  .mega-menu-inner .single-megamenu ul li ul{
  background: white; color: black; position: ;left:0px;width:100%;top:30px;box-shadow: 0 0 10px #ccc;
}
.mega-menu-inner .single-megamenu ul li ul{
  width: 300px;
}
.mega-menu-inner .single-megamenu ul li ul li a{
  font-size: 12px;
  padding: 0;
}
.mega-menu-inner .single-megamenu ul li:hover > ul{
  visibility: hidden;
}
}
@media screen and (max-width: 1110px){
.full-width-header.home8-style4.main-home .menu-area .rs-menu-area .main-menu .rs-menu ul.nav-menu li{
  margin-right: 18px;
}
.full-width-header.home8-style4.main-home .menu-area .rs-menu-area .main-menu .rs-menu ul.nav-menu li a{
  font-size: 14px;
}
}

  /*small font size in nav menu*/
  ul ul.sub-menu li a{
    font-size: 13px !important;
  }

  .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a{
    height: 60px;
    line-height: 60px;
    font-size: 13px;
  }
  .full-width-header.home8-style4.main-home .menu-area.menu-sticky.sticky .rs-menu-area .main-menu .rs-menu ul.nav-menu li a{
    height: 60px;
    line-height: 60px;
  }


   @media screen and (min-width: 700px) {
    .full-width-header .rs-header .menu-area .logo-cat-wrap{
    height: 60px;
    line-height: 60px;
    }
    .logo-part {
        line-height:90px;
    }
  .certi_box{
    height: 65px;padding-right: 2px;
  }
  .certi_box .brand_image{
    line-height: 90px;
  }
  .certi_box .brand_image img{
    height:65px!important;padding-right: 2px;object-fit: contain;!important;
  }
}
@media screen and (max-width: 700px) {
    #twofiveyear{
        display:none;
    }
    .logo-part a img{
        height: 50px!important;
    }
    .certi_box{
    height: 35px;padding-right: 0px;
  }
  .certi_box ul li .brand_image{
    line-height: 30px!important;
  }
  .certi_box .brand_image img{
    width:80%!important;height:35px!important;padding-right: 2px;object-fit: cover!important;
  }
  .log-btn{
    display: flex;
    height: 30px;
    /*margin-left: 70px!important;*/
  }
 
}

.sidebar-widget{
  position: fixed;
  width: 42px;
  left: 0;
  margin-top: 70px;
  transition: all 0.3s linear;
  box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.4);
  z-index: 999;
}
.sidebar-widget ul{
  padding-left: 0;
  margin-bottom: 0;
}
.sidebar-widget li{
  height: 42px;
  width: 42px;
  position:relative;
  padding-left: 0;
  margin-bottom: 0;
}
.sidebar-widget li a{
  color: #ff5421;
  display: block;
  height: 100%;
  width: 100%;
  line-height: 35px;
  /*padding-left:25%;*/
  border-bottom: 1px solid rgba(0,0,0,.4);
  transition: all .3s linear;
}
.sidebar-widget li:nth-child(1) a{
  /*background: #4267B2;*/
  background: #333;
}
.sidebar-widget li:nth-child(2) a{
  /*background: #1DA1F2;*/
  background: #333;
}
.sidebar-widget li:nth-child(3) a{
  background: #333;
  /*background: #E1306C;*/
}
.sidebar-widget li:nth-child(4) a{
  background: #333;
  /*background: #2867B2;*/
}
.sidebar-widget li:nth-child(5) a{
  background: #333;
  /*background: #333;*/
}
.sidebar-widget li:nth-child(6) a{
  background: #333;
  /*background: #ff0000;*/
}
.sidebar-widget li a i{
  position:absolute;
  top: 11px;
  left: 11px;
  font-size: 17px;
}
.widget-items li a span{
  display: none;
  /*font-weight: bold;*/
  letter-spacing: 1px;
  /*text-transform: uppercase;*/
  text-decoration: none;
  font-size: 14px;
}
/*.sidebar-widget li:nth-child(1) a:hover{
  width: 120px;
}*/

.widget-items li a#adm:hover {
  z-index:1;
  width: 200px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  border-bottom: 1px solid rgba(0,0,0,.5);
  box-shadow: 0 0 1px 1px rgba(0,0,0,.3);

}
.widget-items li a:hover {
  z-index:1;
  width: 170px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  border-bottom: 1px solid rgba(0,0,0,.5);
  box-shadow: 0 0 1px 1px rgba(0,0,0,.3);

}
.widget-items li:hover a span{
  padding-left: 30%;
  display: block;
  font-size: 14px;
}
/* right side*/
.sidebar-widget-right{
  position: fixed;
  width: 45px;
  right:0;
  margin-top: 145px;
  transition: all 0.3s linear;
  /*box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.4);*/
  z-index: 999;
}
.sidebar-widget-right ul{
  padding-left: 0;
  margin-bottom: 0;
}
.sidebar-widget-right li{
  height: 185px;
  position:relative;
  padding-right: 0;
  /*padding-top: 20px;*/
  margin-bottom: 0;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.sidebar-widget-right li a#adm{
  color: #ff5421;
  display: block;
  width: 60px;
  height: 100%;
  font-size:11px;
  font-weight: bold;
  padding-top: 11px;
  line-height: 25px;
  border-bottom: 1px solid rgba(0,0,0,.4);
  transition: all .3s linear;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  writing-mode: vertical-rl;
  word-wrap: break-word;
  padding-right: 12px;
  /*font-style:italic;*/
  letter-spacing: 1px;

}
.widget-items-right li a span{
  /*display: none;*/
  /*letter-spacing: 1px;*/
  /*text-decoration: none;*/
  font-size: 11px;
  animation: animate 2.5s linear infinite;
  color: black;
  margin:auto;
}
.widget-items-right li:hover {
  /*padding-right: 10%;*/
  color: black;
  /*background: red;*/
}
.widget-items-right li a:hover {
  z-index:1;
  width: 50px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom: 1px solid rgba(0,0,0,.5);
  box-shadow: 0 0 1px 1px rgba(0,0,0,.3);
  font-weight: bold;
  color: black;
}
.widget-items-right li:hover a span{
  /*padding-right: 10%;*/
  display: block;
  font-size: 12px;
  color: #fff;
  animation: animate 3.0s linear infinite;
}
@keyframes animate{
   0%{
     opacity: 0;
   }
   50%{
     opacity: 0.7;
   }
   100%{
     opacity: 0;
   }
 }