

/**/

 .promise_header.sticky {    position: fixed;    top: 0;    left: 0;
    background: #fff;    width: 100%;    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);    animation: slideDown 0.35s ease;
    z-index: 999; }

    @keyframes slideDown {
        from {
            transform: translateY(-100%);
            opacity: 0.7;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }


    .promise_header.sticky .bd .logo a img {
        width: 113px;
        object-fit: contain;
    } 

/*--header--*/

.promise_header .bd .logo .colorlogo { display:none; }
.promise_header .bd .logo .whitelogo { display:block; }

.promise_header.sticky .bd .logo .colorlogo {display:block; }
.promise_header.sticky .bd .logo .whitelogo { display:none;  }

/*--header--*/

/*.promise_header { margin:0; padding:0;  transition: all 0.35s ease; }*/

.promise_header {
    margin: 0;
    padding: 0;
    transition: all 0.35s ease;
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
}

.promise_header .bd {margin:0;padding:18px 0;display: flex;align-items: center;justify-content: space-between;}
.promise_header .bd .logo { margin:0; padding:0; }
.promise_header .bd .logo a {margin:0;padding:0;display: inline-block;}
.promise_header .bd .logo a img {width: 144px;object-fit: contain;transition: transform 0.35s ease;}

.promise_header .bd .navlist { margin:0; padding:0; }
.promise_header .bd .navlist ul { margin:0; padding:0; }
.promise_header .bd .navlist ul li { margin:0; padding:0; }
.promise_header .bd .navlist ul li a {    margin:0;    padding:24px 15px;    font-weight: 400;
    font-size: 16px;    line-height: 34px;  /*color: #3C3E3F;*/  color: #fff; }

.promise_header.sticky  .bd .navlist ul li a {    margin:0;    padding:24px 15px;    font-weight: 400;
    font-size: 16px;    line-height: 34px;  color: #3C3E3F;  }

.promise_header .bd .navlist ul li a .fa {
    font-size: 20px;
    line-height: 20px;
    position: relative;
    top: 2px;
}


.promise_header .bd .navlist ul .submenu-item:hover a .fa {
    transform: rotate(180deg);
    transition: all 0.3s;
}

.promise_header .bd .navlist ul li:hover a {color:#3ddbff;}

 .promise_header.sticky .bd .navlist ul li:hover a {color:#31A3BD;}

.promise_header .bd .btnbookappp { margin:0; padding:0; }
.promise_header .bd .btnbookappp .btnsec {    margin:0;    padding:20px 20px;    font-weight: 500;
    font-size: 16px;    display: block;    line-height: 22px; color: #fff;  border-radius: 16px;
    background: #31A3BD; }

/* sub-menu */



.promise_header .bd .navlist ul .submenu-item { position: relative; transition: all 0.3s; }

.promise_header .bd .navlist ul .submenu-item .sub-list {margin: 0; padding: 10px 0; display: block; position: absolute; left: 0;
top: 44px;background: #fff; width: 251px; opacity: 0; visibility: hidden;
transition: .6s; border-radius: 0 0 4px 4px; }

.promise_header .bd .navlist ul .submenu-item:hover .sub-list {    opacity: 1;    visibility: visible;
    transition: .6s;    z-index: 10; }

.promise_header .bd .navlist ul .submenu-item .sub-list.active {  opacity: 1; visibility: visible; }
.promise_header .bd .navlist ul .submenu-item .sub-list.active li a { padding: 8px 11px 8px 22px; transition: .3s; }


.promise_header .bd .navlist ul .submenu-item .sub-list li { margin: 0; padding: 0; display: block; }
/* .promise_header .bd .navlist ul .submenu-item .sub-list li a { margin: 0;  padding: 8px 11px 2px 22px;
    font-size: 14px; color: #3C3E3F; line-height: 21px; font-weight: 500; display: block;
    border-bottom: 1px solid #f2f2f2; transition: .3s; position: relative; }
 */

.promise_header .bd .navlist ul .submenu-item .sub-list li a {    margin: 0;    padding: 8px 11px 2px 22px;
    font-size: 14px;    color: #3C3E3F;    line-height: 21px;    font-weight: 500;
    display: block;    border-bottom: 1px solid #f2f2f2;    transition: .3s;
    position: relative;    display: flex;    align-items: center; }

.promise_header .bd .navlist ul .submenu-item .sub-list li a span {
    font-size: 28px;    display: inline-block;    line-height: 7px;
    position: relative;    top: 4px; }


.promise_header .bd .navlist ul .submenu-item:hover a img { transform: rotate(180deg); transition: all 0.3s;  }

.promise_header .bd .navlist ul .submenu-item:hover .sub-list li a { padding: 8px 11px 8px 22px; transition: .3s;}

.promise_header .bd .navlist ul .submenu-item .sub-list li a::after { content: "\f105"; position: absolute;
 left: 10px;    font-size: 16px;    font-family: FontAwesome;    top: 7px;
 font-weight: 500; color: #3C3E3F; }

.promise_header .bd .navlist ul .submenu-item .sub-list li a:hover {    background: #f2f2f2;    font-size: 14px;
    transition: .6s; color: #31A3BD; }
.promise_header .bd .navlist ul .submenu-item .sub-list li:hover a::after { content: "\f105"; position: absolute;
 left: 10px;    font-size: 16px;    font-family: FontAwesome;    top: 7px;
 font-weight: 500; color:#31A3BD; }




/* sub-menu */





/*--header--*/


/*--promise_mobilemenu--*/

.responsive-icon { display:none; }
.responsive-icon .menu-toggle {    margin: 0 0 0 15px;    padding: 0;    width: 38px; }
.responsive-icon .menu-toggle img {   filter: brightness(0) invert(1); }
.promise_header.sticky .responsive-icon .menu-toggle img {   filter: brightness(0) invert(0); }

/* .promise_mobilemenu .menu-close {    position: absolute;    top: 0;
    right: 0;    border: none;    margin: 0;    padding: 0;
    line-height: 28px;    cursor: pointer;    background: #3bbad9;    color: #fff;
    border-radius: 0 0 0 12px;    width: 40px;    height: 40px;    display: flex;
    align-items: center;    justify-content: center;    font-size: 22px;
    font-weight: 300; } */


.promise_mobilemenu .menu-close {    position: absolute;    top: 0;    right: 0;
    border: none;    margin: 0;    padding: 0;    line-height: 28px;    cursor: pointer;
    background: #ffffff;    color: #000000;    border-radius: 0;    width: 40px;
    height: 40px;    display: flex;    align-items: center;    justify-content: center;
    font-size: 22px;    font-weight: 300; }

.promise_mobilemenu .side-menu ul li a:hover { background-color: #ffab6f;  color: #000; }
.promise_mobilemenu { margin:0; padding:0; }
.promise_mobilemenu .logo-sec {margin:0;padding: 24px 4px 45px 4px;width: 100%;text-align: center;}
.promise_mobilemenu .logo-sec img {max-width:100%;width: 185px;}

.promise_mobilemenu .menu-toggle {    background-color: #333; color: #fff;    font-size: 18px;
    border: none;    padding: 10px 20px;    cursor: pointer;    position: fixed;
    top: 10px;    left: 10px;    z-index: 1000; }

.promise_mobilemenu .side-menu {  position: fixed;  top: 0;  left: -600px;
    width: 350px;    height: 100%;    background-color: #fff;
    color: #fff;    overflow-y: auto;    transition: left 0.3s ease;    z-index: 999999;
    box-shadow: 8px 0px 23px 1px rgba(0,0,0, 0.5); }

.promise_mobilemenu .side-menu.active {    left: 0; }

.promise_mobilemenu .side-menu ul { list-style: none;  padding: 0;   margin: 0; }

.promise_mobilemenu .side-menu ul li {border-bottom: 1px solid #daf2f2;display: block;}

.promise_mobilemenu .side-menu ul li a {    color: #000000;    text-decoration: none;    display: block;
    margin: 0;    padding: 8px 15px;    font-size: 15px;    line-height: 21px;
    font-weight: 500;    position: relative;    text-transform: uppercase; }

.promise_mobilemenu .side-menu ul li a img { width: 18px; object-fit: contain;  margin-right: 10px; }

.promise_mobilemenu .side-menu ul li:hover a img { -webkit-filter:invert(100%); filter: invert(100%); }

.promise_mobilemenu .side-menu ul li a:hover { background-color:#fff; color: #05124c; }

.promise_mobilemenu .side-menu ul li.has-submenu > a {  position: relative;  cursor: pointer; }

.promise_mobilemenu .side-menu ul li.has-submenu.open>a::after { content: "\f107"; font-family: FontAwesome; }

.promise_mobilemenu .side-menu ul li.has-submenu>a::after {    content: "\f107";    position: absolute;    right: 10px;
    font-size: 12px;    font-family: FontAwesome; color:#11a0bf; }

.promise_mobilemenu .submenu {    max-height: 0;    overflow: hidden;    background-color: #f2fcff;
    transition: max-height .3s,opacity .3s;    opacity: 0;}

.promise_mobilemenu .side-menu ul li a:hover {  background-color: #d5f6ff;  color: #11a0bf; }
.promise_mobilemenu .side-menu ul li.has-submenu.open .submenu {    max-height:600px;   opacity: 1; }
.promise_mobilemenu .submenu li {  padding-left: 20px;  border-bottom: none; }
.promise_mobilemenu .apply-nowbtn {    margin: 0;    padding:4px;    position: absolute;
    left: 0;    bottom: 13px;    width: 350px; }
.promise_mobilemenu .apply-nowbtn ul {  margin: 0;  padding: 0; display: flex;
    align-items: center;  width: 100%; }
.promise_mobilemenu .apply-nowbtn ul li {margin: 0 auto;padding: 0;width: 75%;text-align: center;border: 0;border-radius: 50px;}

.promise_mobilemenu .apply-nowbtn ul li a { margin: 0;    padding: 10px;    width: 100%;
    display: block;    background: #30caef;    font-size: 16px;    color: #ffffff;
    transition:all 0.3s;    border-radius: 50px; } 


.promise_mobilemenu .side-menu ul li .menu-item {    display: flex;    justify-content: space-between; position:relative; }

.promise_mobilemenu .side-menu ul li .menu-item .clickto-open {    margin: 7px;    padding: 0;    width: 50px;
 text-align: right; }

.promise_mobilemenu .side-menu ul li .menu-item .clickto-open .fa {margin:0;padding:0;font-size: 11px;color: #30caef;}


.promise_mobilemenu .side-menu ul .has-submenu.open .menu-item { background:#d8f4fd; }


/*fixed-item*/


/* mediaquery */

@media screen and (max-width:19200px) {
 



/*--*/
}
@media screen and (max-width:1399px) {
 


/*--*/
}
@media screen and (max-width:1199px) {
 
.promise_header .bd .navlist ul li a {    padding: 20px 8px;    font-size: 15px;    line-height: 34px; }
.promise_header .bd .btnbookappp .btnsec { padding:20px 20px; font-size: 15px;
    line-height: 22px; }


/*--*/
}
@media screen and (max-width: 991px) {
    
.promise_header .bd .navlist { display: none; }
.responsive-icon {  display: block; }
.promise_header .bd .btnbookappp {  display: none; }





/*--*/
}
@media screen and (max-width: 767px) {





/*--*/
}
@media screen and (max-width: 576px) {

.promise_mobilemenu .side-menu { width: 100%; }
.promise_mobilemenu .apply-nowbtn { width: 100%; }



/*--*/
}
/**/


/* mediaquery */







