@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,500&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Rum+Raisin&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root{

    --primary-color:#026a8e;
    --secondar-color:#0d6492;
    --light-blue-color:#167ea2;
    --whitecolor:#fff;
    --lightgreen:#77c9ab;
}

html{scroll-behavior: smooth;}
body{margin:0; font-family: "Nunito", sans-serif; overflow-x: hidden;}
a{text-decoration: none;}
img{max-width: 100%;}
ul{margin: 0; padding: 0; list-style: none;}
h2.title{text-align: center; color: var(--whitecolor); text-transform: uppercase; font-weight: 700; text-shadow: 2px 3px 4px rgb(2 106 142);}
.popframe {width: 100%; height: 100vh; padding-bottom: 6%;}
.fixed_scroll {height: 95vh;overflow: hidden scroll; padding: 15px 15px 50px;}
.box_inner{background: #f2f2f2; list-style: none;}
.box_inner li{border-top: 1px solid rgb(255, 255, 255); padding: 7px 10px;font-size: 0.89rem;}
.box_inner li.listheading{font-size: 30px;}
.modal-popupform{margin-top: 15px;}
.mobile-cta{display: none;}
.scrollfix{height: 100vh; overflow-y: scroll;padding-bottom: 7%;scrollbar-width: none;}

@media (min-width: 1170px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1200px;
    }
}

/* header start */
main{margin-top: 171px;}
header{position: fixed;width: 100%;left: 0;top: 0;z-index: 99;    background: #fff;}

.mob-phone{display: none;}
.header{background: #e7f9e9; padding: 5px 0px;transition: transform 0.6s ease; border-top: 6px solid var(--lightgreen);}
.header-box{display: flex;column-gap:20px; align-items: center;}
.header-box .menuicon a{display: block;}
.header-box .menuicon img{height: 29px; width: 29px;}
.header-menu ul li{display: inline-block;}
.header-menu ul li a{display: flex;padding: 0px 12px; align-items: center;column-gap: 8px; position: relative;}
.header-menu ul li a:before{content: ""; width: 2px; hfont-size: 18px;eight: 44px; background: var(--lightgreen); display: inline-block; position: absolute; left: 0; top: 50%;margin-top: -22px;}
.header-menu ul li a span{font-size: 13px; font-weight: 500; color: var(--primary-color);    line-height: 14px;}
.header-menu ul li a span b{font-size: 16px; font-weight: 900; text-transform: uppercase; display: block;line-height: 18px;} 
.header-menu ul li a img{width: 45px;}
.header-menu ul li.active a{background: #b9edbe;}
.logo-section img{width: 127px;}

.childmenu{background: #ffffff;  text-align: right;}
.childmenu ul{display: inline-block;}
.childmenu ul li{display: inline-block;}
.childmenu ul li a{color: #026a8e; font-weight: 700; text-transform: uppercase; font-size: 13px; padding: 12px 10px; display: flex; align-items: center;column-gap: 4px;}
.childmenu ul li a img{width: 12px;}

.header-top{display: flex;justify-content: space-between;    align-items: center; padding: 10px 0px;column-gap: 15px;}
.header-top .toplogo a img{width:108px; border-radius: 10px;}
.header-top .topright{display: flex;column-gap: 15px; align-items: center;}
.header-top .topcenter a{border-radius: 2rem; box-shadow: inset 0 0 0 1px #1f9823;padding: 4px 16px 3px 3px; display: flex;column-gap: 10px;align-items: center; position: relative;}
.header-top .topcenter a:hover{background: #e6f3e6;}
.header-top .topcenter a:before{content: ""; display:inline-block; background: url(../images/phone-icon.svg);width: 24px;height: 24px; background-size: cover; position: absolute; bottom: -5px; left: -5px;animation: tilt-shaking 2s linear infinite;}
.header-top .topcenter a img{width: 32px; height: 32px;}
.header-top .topcenter a p{font-weight: 800; color: #434752;font-size: 14px; margin-bottom: 0;}
.header-top .topcenter a p span{color: #1f9823;margin-left: 10px;}
.header-top .topmenu a,.header-top .toplogo a{display: block;}
.header-top .topmenu a img{width: 40px;}

.header-menu.header-change .topmenu.automenu,.header-menu .backtophome{display: none;}
.header-menu.header-change .backtophome{display: flex;}
.header-menu .backtophome{align-items: center; column-gap: 15px;margin: 4px 0px;  opacity: 0;  transform: translateX(-200px);transition: all 0.8s ease;}
.backtophome.show-back {opacity: 1;transform: translateY(0);}
.header-menu .backtophome a{background: #77c9ab;color: #ffffff; padding: 10px 15px; border-radius: 5px;font-weight: 500;}
.header-menu .backtophome a img{width: 10px;    margin-right: 10px;}
.header-menu .backtophome .statictitle{margin-block: 0;font-size: 16px; font-weight: 600;}


@keyframes tilt-shaking {
    0% {transform: rotate(0)}
    5% {transform: rotate(8deg)}
    10% {transform: rotate(-7deg)}
    15% {transform: rotate(8deg)}
    20% {transform: rotate(-7deg)}
    25% {transform: rotate(8deg)}
    30% {transform: rotate(-7deg)}
    35% {transform: rotate(8deg)}
    40% {transform: rotate(-7deg)}
    45% {transform: rotate(8deg)}
    50% {transform: rotate(-7deg)}
    55% {transform: rotate(0deg)}
    60% {transform: rotate(0deg)}
    65% {transform: rotate(0deg)}
    70% {transform: rotate(0deg)}
    75% {transform: rotate(0deg)}
    80% {transform: rotate(0deg)}
    85% {transform: rotate(0deg)}
    90% {transform: rotate(0deg)}
    95% {transform: rotate(0deg)}
    to {transform: rotate(0deg)}
}

.menuslide{width:300px;height: 100vh; overflow-y: scroll; max-width: 300px; padding: 10px 0px 30px; transform: translate(105%, 0%); animation: 0s ease 0.2s 1 normal none running all; transition: transform 0.5s; background:#f9f9f9;  position:fixed;  top:170px;  right:0;  z-index: 999; }
.menuslide .menutop{background: rgb(221, 221, 221); padding: 15px 20px;}
.menuslide .menutop h3{font-size: 18px; margin-top: 15px;}
.menuslide .menutop img{width:100px;}
.menuslide .menuitems{margin-top: 30px;}
.btn-close1{border:0; width: 40px; height: 40px; border-radius: 100%; font-size: 30px; position: fixed; right: -50px;top: 20px; z-index: 999999;   }
.menuslide .menuitems ul li{}
.menuslide .menuitems ul li a{display: block; font-weight: 600; color: rgb(18, 18, 18); font-size: 14px; border-top: 1px solid rgb(223, 223, 223); padding: 10px 20px;}
.menuslide .menuitems ul li a.is-current{background: #462c7e; color: #fff;}
.menuslideopen .menuslide{transform: translate(0%, 0%);}
.menuslideopen::before{content: ""; display: block; width: 100%;height: 100vh; background: #000000b8; position: fixed; left: 0; top: 170px; z-index: 999;}
.menuslideopen .btn-close1{right:312px}
body.menu-overlay{overflow: hidden;}

/* Banner Section Start */

.banner01{background: #0000006e url(../images/bg1.webp) center center no-repeat; background-size: cover; padding: 100px 0px;font-family: "Montserrat", sans-serif; background-blend-mode: multiply;}
.banner01 .bayear{color: #f58a1c; background: #f58a1c3b; display: inline-block; width: auto; padding: 6px 20px; border-radius: 10px;    font-size: 18px; text-align: center;}
.banner01 h1{font-size: 60px; font-weight: 700; color: #fff; margin: 15px 0px;}
.banner01 p{font-size: 20px; color: #fff;}
.banner01 .ba-btn{margin-top:40px;display: flex;column-gap: 20px;align-items: center;}
.banner01 .ba-btn a{background: #ea8a1c; color: #fff; display: block; width: 158px; text-align: center;border-radius: 5px;padding: 17px 15px;font-weight: 600; border: 2px solid transparent;}
.banner01 .ba-btn a.bt01{border-color: #fff; background: transparent; color: #fff;}
/* Banner Section End */

/* About US Start */

.aboutus{padding: 80px 0px; background: url(../images/about-bg.webp) center center no-repeat; background-size: cover;}
.about-img{position: relative;}
.about-video{position: absolute; top: 0; left: -60px;background: #fff; padding: 0px 20px 21px 0px;}
.about-video video{width: 270px;height: 270px; object-fit: cover;}
.about-video .tag{font-family: "Montserrat", sans-serif; background: var(--primary-color);    width: 200px;text-align: center;padding: 10px;position: absolute;bottom: 26px;left: 70px;}
.about-video .tag h2{font-size: 70px; font-weight: 700; color: #fff;    margin-bottom: 0;}
.about-video .tag h6{margin-bottom: 0; color: #fff; font-size: 20px;}
.split-box{padding-top: 70px;}

.about-content{}
.about-content h3{background: var(--primary-color); color: #fff; display: inline-block; padding: 2px 10px; margin-bottom: 0; transform: skewX(-12deg); font-weight: 700; font-size: 24px;}
.about-content h2{font-size: 53px; font-weight: 900; line-height: 60px; margin-top: 20px; font-style: italic;}
.about-content h2 span{color: var(--primary-color);}
.about-content h5{font-size: 22px; color: #000; font-style: italic; letter-spacing: 1px; font-weight: 500; text-transform: capitalize; margin-bottom: 12px;}
.about-content p{font-weight: 600;color: rgb(102, 102, 102);}
.about-content .about-list{font-size: 20px; font-style: italic; font-weight: 500; background: #fff; border-left: 5px solid var(--primary-color); padding: 20px;    margin-top: 30px;}
.about-list ul{display: flex; flex-wrap: wrap;}
.about-list ul li{font-size: 18px; font-weight: 500; letter-spacing: 1.4px;display: flex; align-items: center; column-gap: 5px;    flex: 0 0 50%;padding: 5px 0px;}
.about-list ul li img{width: 18px;}
/* About US End */

/* Our Service Start */

.service{padding: 70px 0px;}
.service h2{font-size: 38px;font-weight:800;font-style: italic; text-align: center; color: #1a1a1a;}
.service p{color: #717579;  text-align: center;  max-width: 600px; margin: 0px auto;font-weight: 600;}
.service-box{background-color: #1a1a1a; border-radius: 15px;text-align: center; overflow: hidden;padding: 20px; margin-top: 30px;}
.service-box img{border-radius: 10px;margin-bottom: 15px;width: 319px; height: 300px; object-fit: cover;}
.service-box h3{font-size: 18px;font-weight: 700; color: #fff;}
.service-box p{font-size: 14px;color: #ccc; margin-bottom: 0;}
/* Our Service End */

/* solutions CSS Start */

.solutions{padding: 70px 0px;    background: linear-gradient(162deg, #FAF8F6 0%, #FFFFFF 100%);}
.solutions h2{font-size: 38px;font-weight:800;font-style: italic; text-align: center; color: #1a1a1a;}
.solutions p{color: #717579; text-align: center;    max-width: 600px; margin: 0px auto;font-weight: 600;}

.solutionbox{box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);    border-radius: 10px 10px 0px 0px; margin-top: 30px;}
.solutionbox img{border-radius: 10px 10px 0px 0px;}
.solution-ctn{padding: 15px 20px;font-family: "Montserrat", sans-serif;}
.solutionbox h3{font-size: 20px;    margin-bottom: 15px;}
.solutionbox p{text-align: left; width: 100%; max-width: 100%; font-size: 13px; font-weight: 500;}
.solutionbox a{display: block;background: #1d7b98;color: #fff;  padding: 10px 20px; font-weight: 500;border-radius: 10px; display: flex; align-items: center; column-gap: 15px; justify-content: center; font-size: 15px; margin-top: 10px;}
.solutionbox a img {width: 9px; transform: rotate(180deg);}

.extra-button-list{padding:15px 0px 5px;}
.view {position: relative;}
.view li { display: inline-block; padding: 4px; font-size: 0.9rem; border-radius: 4px; width: 49%; text-align: center; }
.view li:nth-child(1) { background: rgb(216, 245, 213); }
.view li:nth-child(2) { background: rgb(227, 237, 255); }
.view li:nth-child(1) {background: rgb(216, 245, 213);border: 1px solid rgb(0, 221, 128);}
.view li span {display: flex;justify-content: space-evenly;}
.view li:nth-child(2) {background: rgb(227, 237, 255); border: 1px solid rgb(8, 145, 214);}
.view li span {display: flex;justify-content: space-evenly;font-size: 12px;}
.view li span {display: flex;justify-content: space-evenly;}
.view li img {width: 16px; border-radius: 0;border-top: 0;padding: 0;}

/* solutions CSS End */


/* Footer Start */
footer {padding: 3rem 0 0;    background: #373737;}
footer h3 {color: #eb5976;border-bottom: 1px solid #757575; padding-bottom: 0.5rem; margin-bottom: 0.5rem; font-size: 1.3rem;}
footer h5 {color: #fff;margin-bottom: 0;font-size: 1rem;}
footer .footerfirst ul {margin-top: 1rem;padding-left: 0;list-style: none;}
footer .footerfirst ul li {margin-bottom: 1rem;}
footer .footerfirst ul li a {color: #757575;}
footer .footerfirst ul li a i {margin-right: 0.6rem;}
footer h6 {color: #f9f9f9}
footer .approved img {width: 56px; height: 56px; background: #fff;border-radius: 10px}
footer .accept img {width: 42px;height: 42px;background: #fff; border-radius: 100%}
.disclamier{background: #373737;}
.disclamier p {margin-top: 10px;text-align: center;color: #fff;padding: 10px;font-size: .9rem; margin-bottom: 0; }
.copyright p {text-align: left; color: #fff; padding: 10px 0;}
.ftmbtm a{color: #fff;font-size: 13px;}
/* Footer End */


/* Book Form  Start*/
.details_form {background: #646464; padding: 18px 10px;}
.details_form h3 {padding:0;background: transparent; font-size: 20px; font-weight: 600; margin-bottom: 10px; color: #fff;}
.details_form .input-group-text {padding: 6px 8px; font-size: 13px; border-radius: 0;}
.details_form input {height: 37.5px; font-size: 13px;}
.details_form input[type=submit]{background: #4340ac; border-color: #4340ac;}
.details_form img {width: 23px;}
.numberbdr {width: calc(100% - 83px); background: #fff; border-radius: 0px 3px 3px 0px; height: 37.5px;}
.innernumberb {display: flex;align-items: center;}
.innernumberb input {width: 6%; border: 0;font-size: 12px;text-align: center; border-radius: 0px 3px 3px 0px; height: 37.5px;}
.innernumberb input:focus{outline: none; box-sizing: none;}
.innernumberb .form-space{color: #8b8b8b;}
.form-country-code{background: #fff; font-size: 13px; padding: 6px 10px; color: #505050;    line-height: 25px;}

.letforcontact,.serviceslist{width: calc(100% - 40px);}
.letforcontact .select2-container,.serviceslist .select2-container{width: 100% !important;}
.letforcontact .select2-selection{height: 36.5px;line-height: 37.5px;border: 0;border-radius: 0;border-radius: 0px 4px 4px 0px;}
.letforcontact  .select2-selection__rendered{line-height: 39px !important;    padding-right: 0px !important;    font-size: 14px;}
#popupmodel .letforcontact .select2-selection{height: 37px;line-height: 37px;}
#popupmodel .numberbdr,#popupmodel .innernumberb input{height: 37px;}
.letforcontact .pr-02{padding-right: 5px;}
.letforcontact .pb-02{padding: 0px 5px;}
.letforcontact .pl-02{padding-left: 5px;}
.letforcontact  .select2-selection__arrow{height: 37px !important;}
.serviceslist .select2-selection{height: 40px;overflow-y: scroll; overflow-x: hidden;}
.serviceslist .select2-selection__choice{font-size: 11px;    margin-bottom: 0;}
.serviceslist  .select2-dropdown{z-index: 9 !important;}
.checkbox-option{font-size: 13px;    margin-bottom: 2px;}

.three-column-form .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 37px;}
.three-column-form .select2-container--default .select2-selection--single .select2-selection__arrow,.three-column-form .select2-container .select2-selection--single{height: 37px;border-radius: 0px 4px 4px 0px;}
.three-column-form .select2-container--default .select2-selection--single .select2-selection__rendered {font-size: 9px;}

#placeholder{color:rgb(92,92,92);font-size:12px;display:flex;justify-content:space-between;width:100%;align-items:baseline;}
.multi-select .placeholder{color:rgb(0,0,0);font-size:12px;display:inherit;background:transparent;opacity:1;    cursor: pointer;}
.multi-select-container{position:relative;width:100%; margin-top: 10px;}
.multi-select{border:1px solid rgb(204,204,204);padding:0.6rem 1.8rem 0.6rem 4px;cursor:pointer;display:flex;flex-wrap:wrap;align-items:flex-start;background:white;overflow-y:visible;position:relative;border-radius: 0px 4px 4px 0px;}
.multi-select.multiSelect>img{position: absolute;right: 10px; width: 8px; top: 50%; margin-top: -4px;}
.selected-tags{display:flex;flex-wrap:wrap;gap:5px;}
.multi-select-container .tag{background:rgb(235,157,42);color:white;padding:2px 10px;border-radius:5px;display:flex;align-items:center;font-size:12px;}
.multi-select-container .remove-tag{margin-left:5px;cursor:pointer;font-weight:bold;}
.multi-select-container .dropdown2{display:none;position:absolute;width:100%;background:white;border:1px solid rgb(204,204,204);border-radius:5px;margin-top:5px;box-shadow:rgba(0,0,0,0.1) 0px 4px 6px;z-index:10;padding:8px 0px;top:100%;}
.dropdown2.show{display:block;}
.multi-select-container .dropdown-item{padding:4px 8px;cursor:pointer;display:flex;align-items:center;font-size:12px;}
.multi-select-container .dropdown-item input{margin-right:10px;height:auto;}
.multi-select-container .dropdown-item:hover{background:rgb(241,241,241);}
button.remove-all-btn{position:absolute;right:7px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0px;line-height:20px;color:rgb(235,157,42);border:none;border-radius:100px;background:none;}
button.clear-btn{background:transparent;border:none;color:rgb(0,0,0);text-decoration:underline;}
.dropdown-actions button{background:rgb(0,0,0);color:rgb(255,255,255);font-size:10px;border-radius:5px;margin:8px;padding:2px 10px;text-decoration:none;}
.dropdown-actions{display:flex;justify-content:end;}
.multi-select i{font-size:10px;position:absolute;right:17px;top:47%;transform:translateY(-20%);}
span.include-tag p{font-size:0.7rem;font-weight:400;}
.details_form textarea{font-size:13px;border-radius:0;}
.loadmore_btn a{width:200px;display:block;margin:20px auto;background:#ec6502;color:#fff;font-weight:600;padding:10px;}
.multi-select-container p{font-size:0.8rem;margin-bottom:0px;margin-left:0px;font-weight:400;color:rgb(0,0,0);background:rgb(233,236,239);padding:2px 5px;display:inline-block;}
.note-section{padding: 5px 0px 2px;}
.labelform{color: #e7e7e7; font-size: 13px;font-weight: 600;}
.labelform a{color: #e0dcff;}
.select2-results__option,.select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 11px;}
.showoption{display: inline-block; margin-bottom: 5px;}
.showoption img{width: 20px;}

.pr-space{padding-right: 5px;}
.pl-space{padding-left: 5px;}

/* Book Form  END*/


/* Popup From Start */
.poupdesign .modal-body,.poupdesign .details_form{background: #646464;}
#popupmodel .modelclosebtn,#popupmodelone .modelclosebtn{position: absolute;right: 0px;top: -11px; width: 30px; height: 30px; background: #fff; color: #000; border-radius: 100%; text-align: center;line-height: 33px; box-shadow: 0 -5px 15px rgba(82,82,82,.5);z-index: 2;}
#popupmodel .modelclosebtn .btn-close,#popupmodelone .modelclosebtn .btn-close{transition: all .2s ease-in-out;    font-size: 13px;}
#popupmodel .modelclosebtn .btn-close:hover,#popupmodelone .modelclosebtn .btn-close:hover{    transform: rotate(90deg); color: #000;font-size: 14px;}
.mainform h3{color: #202020;font-size: 22px;font-weight: 500; line-height: 33px; margin-bottom: 3px;}
/* Popup From End */


/* WHy Us Page Start */
.greybg{ background: #fafafa;}
.whychoose{padding: 70px 0px; background: #fafafa;}
.whychoose .subtitle{background: rgba(217, 45, 36, 0.1); color: var(--primary-color); font-size: 16px; width: 170px; margin: 0px auto; text-align: center; padding: 15px;border-radius: 50px; font-weight: 700;}
.whychoose h2{font-size: 38px;font-weight: 800;  font-style: italic; text-align: center; color: #1a1a1a;margin-top: 24px;}
.whychoose p{width: 600px;margin: 0px auto; text-align: center; font-size: 15px;font-weight: 500;}

.whybox{margin-top: 30px; background: #fff; border-top: 4px solid var(--primary-color);    padding: 25px 20px;    text-align: center;}
.whybox img{border-radius: 100%; margin-bottom: 15px;}
.whybox h3{font-size: 18px; font-weight: 700;}
.whybox p{width: auto; margin: 0;font-size: 15px;}

.whytrust{background: #fff;    padding: 60px 40px; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);;}
.whytrust h2{font-size: 35px;font-weight: 700; margin-bottom: 30px;}
.whytrust p{color: rgb(82, 82, 82);}

.trustbox ul li{background: #fafafa;padding: 20px; text-align: center; border-radius: 5px; margin-bottom: 20px;}
.trustbox ul li span{font-size: 36px;font-weight: 800; color: var(--primary-color);}
.trustbox ul li p{font-size: 14px; color: rgb(82, 82, 82); font-weight: 700;}

.whyportfolio{padding: 70px 0px;}
.whyportfolio h2{font-size: 38px;font-weight: 800;  font-style: italic; text-align: center; color: #1a1a1a;margin-top: 24px;}
.portfolio-box{padding:28px 20px;background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);margin-top:30px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.portfolio-box h4{font-size:20px;font-weight:600;margin-top:20px;}
.portfolio-box p{margin-bottom:0;font-size:14px;}

.visionbox{background: #fff;    padding: 20px; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); margin-top: 30px;}
.visionbox h3{display: flex; align-items: center;column-gap: 20px; font-weight: 700; margin-bottom: 20px;}
.visionbox h3 img{}
.visionbox p{font-size: 14px;}
/* WHy Us Page End */


/* Work Gallery STart */
.workgallery{padding: 60px 0px; background: #fafafa;}
.workgallery h2{font-size: 38px; font-weight: 800; font-style: italic; text-align: center; color: #1a1a1a;}
.wgallery{margin-top: 30px;}
.wgallery ul{display: inline-block;white-space: nowrap; overflow-x: scroll;width: 100%; padding-bottom: 10px;}
.wgallery li{display: inline-block;}
.wgallery li img{width: 100%;}
.wgallery li h6{background: #e7f9e9; padding: 10px; font-size: 19px; text-align: center;}

/* Work Gallery STart */

/* Modal Section Start */
.modal-overlay.slideuppopup { display: none; position: fixed; top: 0;  left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 9999999;}
.modal-content.slideupcontent {background-color: #e1e1e1;height: 100vh !important; width: 70%; padding: 1px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); position: fixed; bottom: 0; right: 0;    padding: 0;}
.close-btn {position: absolute;top: 341px; left: -57px; padding: 2px; cursor: pointer; font-size: 26px; color: #fff; border-radius: initial; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); width: 40px; height: 40px;text-align: center;  margin: 10px auto;  background-color: #000;border-radius: 30px;}
#backgroundOverlay {position: fixed; top: 0;left: 0;width: 100%; height: 98%; background-color: rgba(0, 0, 0, 0.5); display: none;z-index: 9998;}
@keyframes slideIn { from { transform: translateY(100%);  }
to {transform: translateY(0); }  }
@keyframes slideOut {from {transform: translateY(0);  }
to {transform: translateY(100%);} 
}
@keyframes slideleft {from { transform: translateX(+100%); }
to {transform: translateX(0);} 
}
@keyframes slideleftOut {from {transform: translateX(0);}
to {transform: translateX(+100%);}
}
.modeltitle {text-align:center; padding:10px;background: #F2EAD3;color: #121212;padding-top: 10px;border-radius: 6px 6px 0px 0px;margin-bottom: 0px;border-bottom: 1px solid #d1cbcb; text-transform: uppercase; font-size: 28px;}
.close-btn.innerbtn{top: 0; right: 30px; left: inherit; background: #aaaaaa; color: #434343;}