:root{--font-rubik:Rubik,sans-serif;--font-jost:Jost,sans-serif;--font-satisfy:Satisfy,sans-serif;--font-sansita:Sansita,sans-serif;--white-color:#fff;--black-color:#000;--title-color:#100C08;--text-color:#787878;--primary-color1:#63AB45;--primary-color1-opc:99,171,69;--primary-color2:#FBB03B;--primary-color2-opc:251,176,59}
a{text-decoration:none}
.top-navbar{background-color:#011a41;min-height:40px;box-shadow:0 2px 2px 0 #00000024 0 3px 1px -2px #0000001f 0 1px 5px 0 #0000001a;z-index:100000;position:relative}
.top-bar{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:3px 12%;background-color:#ece4d7;color:#fff}
@media(min-width: 1400px) and (max-width:1599px) {
.top-bar{padding:3px 3%}
}
@media(max-width: 1399px) {
.top-bar{padding:3px 3%}
}
@media(max-width: 991px) {
.top-bar{display:none;visibility:hidden}
}
.top-bar .topbar-left{display:flex;align-items:center;gap:8px;max-width:300px;width:100%;position:relative}
.top-bar .topbar-middle{align-items:center;font-size:15px;padding:3px}
.top-bar .topbar-middle .two .content ul li span a{color:var(--primary-color1);font-family:var(--font-rubik);font-size:15px;font-weight:500;line-height:1;transition:.5s}
.h1font{font-size:28px;font-weight:700}
.top-bar ul{display:flex;align-items:center;gap:20px;list-style:none;margin-top:3px}
.top-bar .topbar-left::after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);background:#100c0833;width:1px;height:28px}
.top-bar .topbar-left .content{line-height:1}
.top-bar .topbar-left .content>span{color:var(--title-color);font-family:var(--font-rubik);font-size:15px;font-weight:500;line-height:1;display:block;margin-bottom:0}
.top-bar .topbar-left.two .content span{color:var(--white-color);font-size:15px}
.top-bar .topbar-left.two .content a{color:#fbf3f3;font-family:var(--font-rubik);font-size:15px;font-weight:500;line-height:1;transition:.5s}
.top-bar .topbar-left.two .content a:hover{color:var(--primary-color2)}
.top-bar .topbar-right{max-width:235px;width:100%;position:relative}
.top-bar .topbar-right::after{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);background:#100c0833;width:1px;height:28px}
.top-bar .topbar-right .social-icon-area ul{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-top:3px;list-style:none}
.top-bar .topbar-right .social-icon-area ul li a{width:24px;height:24px;border-radius:50%;border:1px solid var(--title-color);display:flex;align-items:center;justify-content:center;color:var(--title-color);transition:.5s}
.top-bar .topbar-right .social-icon-area ul li a i{font-size:15px}
.top-bar .topbar-right .social-icon-area ul li:hover a{border:1px solid var(--primary-color2);color:var(--primary-color2)}
.top-bar.style-2{background-color:#2d2383;padding:0 14.5%}
@media(min-width: 1400px) and (max-width:1599px) {
.top-bar.style-2{padding:0 8%}
}
@media(max-width: 1399px) {
.top-bar.style-2{padding:0 8%}
}
@media(max-width: 1199px) {
.top-bar.style-2{padding:0 6%}
}
.top-bar.style-2 .topbar-left .rating-area{display:flex;align-items:center;gap:5px}
.top-bar.style-2 .topbar-left .rating-area .content .text-logo{display:flex;margin-bottom:0}
.top-bar.style-2 .topbar-left .rating-area .content .text-logo svg{fill:var(--white-color)}
.top-bar.style-2 .topbar-left .rating-area .content .rating{display:flex;align-items:center;gap:10px;line-height:1}
.top-bar.style-2 .topbar-left .rating-area .content .rating ul{display:flex;align-items:center;gap:5px;list-style:none}
.top-bar.style-2 .topbar-left .rating-area .content .rating ul li i{color:#00aa6c;font-size:10px}
.top-bar.style-2 .topbar-left .rating-area .content .rating span{color:var(--white-color);font-size:11px}
.top-bar.style-2 .topbar-left::after{background:#fff3}
.top-bar.style-2 p{color:var(--white-color)}
.top-bar.style-2 .topbar-right::after{background:#fff3}
.top-bar.style-2 .topbar-right .social-icon-area ul li a{border:1px solid #fff;color:#fff;transition:.5s}
.top-bar.style-2 .topbar-right .social-icon-area ul li:hover a{background-color:var(--primary-color1);color:var(--white-color);border-color:var(--primary-color1)}
i.fa{vertical-align:middle}
.fa{font-family:boxicons!important;font-weight:400;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;display:inline-block;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
header.style-1{position:relative;width:100%;z-index:999;display:flex;justify-content:center;align-items:center;padding:0 12%;transition:all .8s ease-out 0s;background-color:var(--white-color)}
@media(min-width: 1400px) and (max-width:1599px) {
header.style-1{padding:0 3%}
}
@media(max-width: 1399px) {
header.style-1{padding:0 3%}
}
header.style-1.sticky{position:fixed;top:0;left:0;width:100%;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box;background-color:var(--white-color);box-shadow:5px 3px 40px #0048581a;z-index:1000000000000000}
@keyframes smooth-header {
0%{transform:translateY(-30px)}
100%{transform:translateY(0px)}
}
header.style-1 .header-logo{padding:15px 0}
@media(max-width: 576px) {
header.style-1 .header-logo img{max-width:165px;width:100%}
header.style-1{justify-content:space-between}
}
header.style-1 .menu-close-btn i{color:var(--white-color)}
header.style-1 .nav-right{gap:50px}
@media(min-width: 1200px) and (max-width:1399px) {
header.style-1 .nav-right{gap:35px}
}
@media(max-width: 1199px) {
header.style-1 .nav-right{gap:25px}
}
@media(max-width: 991px) {
header.style-1 .nav-right{gap:10px}
header.style-1{justify-content:space-between}
}
header.style-1 .nav-right .modal-btn{font-family:var(--font-rubik);font-weight:600;font-size:13px;display:flex;align-items:center;gap:5px;color:var(--title-color);background-color:transparent;padding:0;transition:.35s}
header.style-1 .nav-right .modal-btn svg{line-height:1;transition:.35s;fill:var(--title-color)}
header.style-1 .nav-right .modal-btn:hover{color:var(--primary-color1)}
header.style-1 .nav-right .modal-btn:hover svg{fill:var(--primary-color1)}
header.style-1 .nav-right .primary-btn3{padding:13px 18px;gap:5px}
header.style-1 .nav-right .icon-list{display:flex;align-items:center;gap:30px}
header.style-1 .nav-right .icon-list li{cursor:pointer}
header.style-1 .nav-right .icon-list li svg{stroke:var(--title-color)}
header.style-1 .nav-right .icon-list li:last-child svg{fill:var(--title-color);stroke:none}
header.style-1 .nav-right .hotline-area{display:flex;align-items:center;gap:20px}
header.style-1 .nav-right .hotline-area .icon svg{fill:var(--primary-color1)}
header.style-1 .nav-right .hotline-area .content{position:relative;line-height:1}
header.style-1 .nav-right .hotline-area .content::after{content:"";height:35px;width:1px;background-color:#100c0833;position:absolute;left:-10px;top:50%;transform:translateY(-50%)}
header.style-1 .nav-right .hotline-area .content span{font-family:var(--font-rubik);font-weight:500;font-size:14px;line-height:1;color:var(--title-color);margin-bottom:5px;display:inline-block}
header.style-1 .nav-right .hotline-area .content h6{margin-bottom:0;line-height:1}
header.style-1 .nav-right .hotline-area .content h6 a{font-family:var(--font-rubik);font-weight:600;font-size:18px;line-height:20px;color:var(--primary-color1);transition:.5s}
header.style-1 .nav-right .hotline-area .content h6 a:hover{color:var(--title-color)}
header.style-1 .nav-right .mobile-menu-btn{display:none;visibility:hidden}
@media(max-width: 991px) {
header.style-1 .nav-right .mobile-menu-btn{display:flex;margin-left:20px;flex-direction:column;align-items:end;visibility:visible;justify-content:center;position:relative}
}
@media(max-width: 576px) {
header.style-1 .nav-right .mobile-menu-btn{margin-left:10px}
}
header.style-1 .nav-right .mobile-menu-btn svg{fill:var(--title-color)}
header.style-1 .main-menu{display:inline-block;position:relative}
header.style-1 .main-menu .mobile-menu-logo{display:none}
header.style-1 .main-menu ul{list-style:none;margin:0;padding:0}
header.style-1 .main-menu ul>li{display:inline-block;position:relative;padding:0 8px}
@media(min-width: 1200px) and (max-width:1399px) {
header.style-1 .main-menu ul>li{padding:0 5px}
}
header.style-1 .main-menu ul>li.position-inherit{position:inherit}
@media(max-width: 991px) {
header.style-1 .main-menu ul>li.position-inherit{position:relative}
}
header.style-1 .main-menu ul>li.position-inherit>a::after{content:"\f282";font-family:bootstrap-icons;font-weight:500;position:absolute;top:15px;right:2px;font-size:14px;color:var(--text-color);transition:all .55s ease-in-out}
@media(max-width: 1199px) {
header.style-1 .main-menu ul>li.position-inherit>a::after{right:-7px}
}
@media(max-width: 991px) {
header.style-1 .main-menu ul>li.position-inherit>a::after{display:none;visibility:hidden}
}
header.style-1 .main-menu ul>li:hover i{color:var(--black-color2);font-size:20px}
@media(min-width: 992px) {
header.style-1 .main-menu ul>li:first-child{padding-left:0}
header.style-1 .main-menu ul>li:first-child a{padding-left:0}
}
header.style-1 .main-menu ul>li a{color:var(--title-color);display:block;text-transform:uppercase;letter-spacing:.4px;padding:5px 15px;position:relative;font-family:var(--font-rubik);font-weight:400;font-size:15px;transition:all .5s ease-out 0s;position:relative}
@media(min-width: 1200px) and (max-width:1399px) {
header.style-1 .main-menu ul>li a{padding:15px}
}
@media(max-width: 1199px) {
header.style-1 .main-menu ul>li a{padding:15px 10px}
}
@media(max-width: 991px) {
header.style-1 .main-menu ul>li a{padding:32px 9px}
}
header.style-1 .main-menu ul>li i{font-size:20px;text-align:center;color:var(--title-color);font-style:normal;position:absolute;right:-5px;top:35px;z-index:999;cursor:pointer;display:none;transition:all .5s ease-out 0s;opacity:0}
@media(max-width: 991px) {
header.style-1 .main-menu ul>li i{opacity:1}
}
header.style-1 .main-menu ul>li i.active{color:var(--primary-color1)}
header.style-1 .main-menu ul>li i.active::before{content:"\f2ea"}
header.style-1 .main-menu ul>li ul.sub-menu{position:absolute;left:0;right:0;top:auto;margin:0;display:none;min-width:220px;background:var(--white-color);box-shadow:0 30px 80px #08002a14;text-align:left;transform-origin:top}
@media(max-width: 1199px) {
header.style-1 .main-menu ul>li ul.sub-menu{box-shadow:none}
}
header.style-1 .main-menu ul>li ul.sub-menu>li{padding:0;display:block;position:relative}
header.style-1 .main-menu ul>li ul.sub-menu>li i{position:absolute;top:16px;right:6px;display:block;color:var(--title-color);font-size:14px}
header.style-1 .main-menu ul>li ul.sub-menu>li .dropdown-icon{color:var(--title-color);opacity:1;top:16px;font-size:14px;right:10px}
@media(max-width: 991px) {
header.style-1 .main-menu ul>li ul.sub-menu>li .dropdown-icon{right:0;top:8px;font-size:20px}
}
header.style-1 .main-menu ul>li ul.sub-menu>li a{display:block;padding:15px;color:var(--title-color);font-weight:400;font-family:var(--font-rubik);text-transform:uppercase;font-size:13px;line-height:1.3;transition:all .4s ease-out 0s;position:relative;border-bottom:1px solid #e9e4e480}
header.style-1 .main-menu ul>li ul.sub-menu>li a::before{content:"";position:absolute;bottom:-1px;left:0;background:linear-gradient(90deg,#fff,var(--primary-color1-opc),#fff);width:100%;height:1px;transform:scaleX(0);transform-origin:left;transition:.4s ease-in;z-index:1}
@media(max-width: 991px) {
header.style-1 .main-menu ul>li ul.sub-menu>li a{border-color:#e9e4e480}
header.style-1 .main-menu ul>li ul.sub-menu>li a::before{background:linear-gradient(90deg,#ddd,#EFB93F,#ddd)}
}
header.style-1 .main-menu ul>li ul.sub-menu>li a:hover{color:var(--primary-color1)}
header.style-1 .main-menu ul>li ul.sub-menu>li a:hover::before{transform:scale(1)}
header.style-1 .main-menu ul>li ul.sub-menu>li a.active{color:var(--primary-color1)}
header.style-1 .main-menu ul>li ul.sub-menu>li a.active::before{transform:scale(1)}
header.style-1 .main-menu ul>li ul.sub-menu>li:last-child a{border-bottom:none}
header.style-1 .main-menu ul>li ul.sub-menu>li:last-child a::before{display:none}
header.style-1 .main-menu ul>li ul.sub-menu>li:hover>a{color:var(--primary-color1)}
header.style-1 .main-menu ul>li ul.sub-menu>li:hover .dropdown-icon{color:var(--primary-color1)}
header.style-1 .main-menu ul>li ul.sub-menu>li.active>a{color:var(--primary-color1)}
header.style-1 .main-menu ul>li ul.sub-menu>li.active .dropdown-icon{color:var(--primary-color1)}
header.style-1 .main-menu ul>li ul.sub-menu>li .sub-menu{left:220px;position:absolute;max-width:230px;min-width:215px;background:var(--white-color);box-shadow:0 30px 80px #08002a14;top:0}
@media(max-width: 1199px) {
header.style-1 .main-menu ul>li ul.sub-menu>li .sub-menu{box-shadow:none}
}
header.style-1 .main-menu ul>li ul.sub-menu>li .sub-menu::before{display:none;visibility:hidden}
@media only screen and (max-width: 991px) {
header.style-1 .main-menu ul>li ul.sub-menu>li .sub-menu{position:unset;max-width:230px;min-width:215px;background:0 0;top:0}
}
header.style-1 .main-menu ul>li ul.sub-menu>li .sub-menu>li i{display:block}
header.style-1 .main-menu ul>li ul.sub-menu>li:last-child{border-bottom:none}
header.style-1 .main-menu ul>li.menu-item-has-children{transition:all .55s ease-in-out}
header.style-1 .main-menu ul>li.menu-item-has-children::after{content:"\f4fe";font-family:bootstrap-icons;font-weight:500;position:absolute;top:25px;right:5px;font-size:16px;color:var(--title-color);transition:all .55s ease-in-out}
@media(min-width: 1200px) and (max-width:1399px) {
header.style-1 .main-menu ul>li.menu-item-has-children::after{right:4px;top:15px}
}
@media(max-width: 1199px) {
header.style-1 .main-menu ul>li.menu-item-has-children::after{right:2px;top:15px}
}
@media(max-width: 991px) {
header.style-1 .main-menu ul>li.menu-item-has-children::after{display:none;visibility:hidden}
}
header.style-1 .main-menu ul>li.menu-item-has-children:hover::after{content:"\f2ea"}
@media(min-width: 992px) {
header.style-1 .main-menu ul>li:hover>ul.sub-menu{display:block;animation:fade-down .45s linear}
header.style-1 .main-menu ul>li:hover .mega-menu{display:block;animation:fade-down .45s linear}
}
@keyframes fade-up {
0%{opacity:0;transform:scaleY(0);visibility:hidden}
100%{opacity:1;transform:scaleY(1);visibility:visible}
}
header.style-1 .main-menu ul>li:hover>a{color:var(--primary-color1)}
header.style-1 .main-menu ul>li:hover::after{color:var(--primary-color1)}
header.style-1 .main-menu ul>li:hover .dropdown-icon2{color:var(--primary-color1)}
header.style-1 .main-menu ul>li:hover.position-inherit>a::after{color:var(--primary-color1)}
header.style-1 .main-menu ul>li.active>a{color:#24610b;font-weight:700}
.company-logo img{height:120px}
header.style-1 .main-menu ul>li.active::after{color:var(--primary-color1)}
header.style-1 .main-menu ul>li.active .dropdown-icon2{color:var(--primary-color1)}
header.style-1 .main-menu ul>li.active.position-inherit>a::after{color:var(--primary-color1)}
header.style-1 .main-menu ul li.menu-item-has-children>i{display:block}
header.style-1 .main-menu .topbar-right{padding:20px 0;border-bottom:1px solid #eeeeeeed}
header.style-1 .main-menu .topbar-right .header-cart-btn{background-color:transparent;font-family:var(--font-rubik);font-weight:600;font-size:13px;display:flex;align-items:center;gap:5px;color:var(--title-color);background-color:transparent;padding:0;transition:.35s}
header.style-1 .main-menu .hotline-area{display:flex;align-items:center;gap:20px;padding-top:20px}
header.style-1 .main-menu .hotline-area .icon svg{fill:var(--primary-color1)}
header.style-1 .main-menu .hotline-area .content{position:relative;line-height:1}
header.style-1 .main-menu .hotline-area .content::after{content:"";height:35px;width:1px;background-color:#100c0833;position:absolute;left:-10px;top:50%;transform:translateY(-50%)}
header.style-1 .main-menu .hotline-area .content span{font-family:var(--font-rubik);font-weight:500;font-size:14px;line-height:1;color:var(--title-color);margin-bottom:5px;display:inline-block}
header.style-1 .main-menu .hotline-area .content h6{margin-bottom:0;line-height:1}
header.style-1 .main-menu .hotline-area .content h6 a{font-family:var(--font-rubik);font-weight:600;font-size:18px;line-height:20px;color:var(--primary-color1);transition:.5s}
header.style-1 .main-menu .hotline-area .content h6 a:hover{color:var(--title-color)}
@media only screen and (max-width: 991px) {
header.style-1 .mobile-logo-area .menu-close-btn{height:32px;width:32px;border-radius:50%;border:1px solid var(--title-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.35s}
header.style-1 .mobile-logo-area .menu-close-btn i{font-size:26px;line-height:1;margin-top:2px;color:var(--title-color);transition:.35s}
header.style-1 .mobile-logo-area .menu-close-btn:hover{background-color:var(--title-color)}
header.style-1 .mobile-logo-area .menu-close-btn:hover i{color:var(--white-color)}
header.style-1 .dropdown-icon{color:var(--white-color)}
header.style-1 .main-menu{position:fixed;top:0;left:0;width:280px;padding:30px 20px!important;z-index:99999;height:100%;overflow:auto;background:#fff;border-right:1px solid #eee;transform:translateX(-100%);transition:transform .3s ease-in;box-shadow:0 2px 20px #00000008}
header.style-1 .main-menu.show-menu{transform:translateX(0)}
header.style-1 .main-menu .mobile-menu-logo{text-align:left;padding-top:20px;display:block;padding-bottom:8px}
header.style-1 .main-menu .menu-list{padding-top:50px;padding-bottom:0}
header.style-1 .main-menu ul{float:none;text-align:left;padding:5px 0 20px}
header.style-1 .main-menu ul li{display:block;position:relative;padding:0 5px}
header.style-1 .main-menu ul li i{display:block}
header.style-1 .main-menu ul li a{padding:10px 0;display:block}
header.style-1 .main-menu ul li ul.sub-menu{position:static;min-width:200px;background:0 0;border:none;opacity:1;visibility:visible;box-shadow:none;transform:none;transition:none;display:none;margin-top:0!important;transform:translateY(0px);padding-left:10px}
header.style-1 .main-menu ul li ul.sub-menu>li{border-bottom:1px solid transparent}
header.style-1 .main-menu ul li ul.sub-menu>li a{color:var(--title-color);padding:12px 0}
header.style-1 .main-menu ul li ul.sub-menu>li a:hover{color:var(--primary-color1);margin-left:10px}
header.style-1 .main-menu ul li ul.sub-menu>li a.active{color:var(--primary-color1)}
header.style-1 .main-menu ul li ul.sub-menu>li i{color:var(--primary-color1);right:-13px}
header.style-1 .main-menu ul li .bi{top:8px;font-size:20px;color:var(--title-color)}
}
header.style-1.dashboard{padding:0 25px}
@media(min-width: 1400px) and (max-width:1599px) {
header.style-1.dashboard{padding:0 25px}
}
@media(max-width: 1399px) {
header.style-1.dashboard{padding:0 25px}
}
header.style-1.dashboard .header-log-and-sb-btn{display:flex;align-items:center;justify-content:space-between;max-width:280px;width:100%}
@media(max-width: 576px) {
header.style-1.dashboard .header-log-and-sb-btn{max-width:220px}
}
header.style-1.dashboard .header-log-and-sb-btn .dashboard-sb-btn .sidebar-toggle-button{cursor:pointer}
header.style-1.dashboard .header-log-and-sb-btn .dashboard-sb-btn .sidebar-toggle-button.active{fill:var(--primary-color1)}
.navbar-brand-img{box-shadow:8px 8px 15px #000}
.main-nav-img{padding:20px 115px 0 0;background:#fff}
@keyframes pulsing {
0%{opacity:1;background-color:#332895;transform:scale(1)}
50%{opacity:.85;background-color:#fff;transform:scale(1.3)}
100%{opacity:1;background-color:#2d2383;transform:scale(1)}
}
.floating-btn{position:fixed;bottom:20px;right:20px;background-color:#2d2383;color:#fff;padding:15px;border-radius:50%;cursor:pointer;transition:background-color .3s ease,transform .3s ease;z-index:1000000000;animation:pulsing 3s infinite ease-in-out}
.floating-btn:hover{background-color:#42b300;transform:scale(1.1)}
@media (max-width: 1024px) {
.floating-btn{bottom:18px;right:18px;padding:14px}
.floating-btn:hover{transform:scale(1.05)}
}
@media (max-width: 768px) {
.iframe-video{width:100%;height:265px!important}
.floating-btn{bottom:15px;right:15px;padding:12px;transform:scale(0.9)}
.floating-btn:hover{transform:scale(1)}
}
@media (max-width: 600px) {
.floating-btn{bottom:12px;right:12px;padding:10px;transform:scale(0.85)}
.floating-btn:hover{transform:scale(0.95)}
}
@media (max-width: 480px) {
.floating-btn{bottom:10px;right:10px;padding:8px;transform:scale(0.75)}
.floating-btn:hover{transform:scale(0.85)}
}
@media (max-width: 360px) {
.floating-btn{bottom:8px;right:8px;padding:7px;transform:scale(0.7)}
.floating-btn:hover{transform:scale(0.8)}
}
.card-footer{background-color:transparent}
.iframe-video{width:63%;height:452px;border-radius:12px}
.package-details-title{padding:2px}
.package-details-title h2{font-size:32px}
.package-details ul{display:grid;grid-template-columns:repeat(3,1fr);column-gap:24px;row-gap:12px;align-content:center;justify-items:start;text-align:left}
@media (max-width: 1024px) {
.package-details ul{grid-template-columns:repeat(2,1fr)}
}
.package-details ul>li{display:flex;align-items:flex-start;flex-direction:row}
.package-details ul>li svg{margin-right:11px}
.package-details .badge-design1{font-family:"Urbanist",Sans-serif;background-color:#f08080;padding:4px 8px;border-radius:5px;color:#fff;font-weight:600;font-size:12px}
.package-details .badge-design2{font-family:"Urbanist",Sans-serif;background-color:#399b2e;padding:4px 8px;border-radius:5px;color:#fff;font-weight:600;font-size:12px}
.package-details ul>li span:last-child{vertical-align:top;display:inline-flex;align-items:center;justify-content:center}
.widget{padding:20px 0}
.widget .divider-line{border:1px solid #e1dede;width:100%}
.package-details .share-container{display:flex;flex-direction:row;width:calc((1 - var(--container-widget-flex-grow)) * 100%);height:100%;flex-grow:var(--container-widget-flex-grow,1);align-self:stretch;flex-wrap:var(--flex-wrap-mobile,nowrap);align-items:center;gap:8px;transition:background var(--background-transition,0.3s);padding:var(--padding-top,0px) var(--padding-right,0px) var(--padding-bottom,0px) var(--padding-left,0px)}
.package-details .share-container ul{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-top:3px;list-style:none}
.package-details .share-container ul>li{display:inline-block;margin:0 12px 0 0}
.package-details .share-container .share-title{color:#000;font-family:"Roboto",Sans-serif;font-size:16px;font-weight:500;line-height:20px}
.package-details .share-container ul>li>a{display:inline-block;border-radius:50%;width:44px;height:44px;line-height:44px;text-align:center;color:#222;box-shadow:0 2px 8px #0000001a;transition:background-color 0.3s,color .3s}
.package-details .share-container ul>li>a:hover{color:#fff;background-color:#01aa64}
.package-details .share-container ul>li>a svg{margin-right:0}
.package-details .share-container .share-title{margin-bottom:0}