/*----------------------------------------- 
[MASTER STYLE SHEET] 
* Project: Landing Page HTML5 Template 
* Version: v4.8 
* Copyright 2018-2020 
* Last Changes: 6th June 2019 
* Author: RN53 Themes www.rn53themes.net 
-----------------------------------------------*/

/*--------------------------------------------- 
[TABLE OF CONTENT] 
1. COMMON STYLES
2. PRE LOADING 
3. CONTAINER SIZE 
4. TOP SECTION
5. BANNER
6. PACKAGES
7. TITLE
8. TOP BOX
9. COUNTRY
10. FOOTER DOWNLOAD
11. PRICING
12. FOOTER
11. MOBILE FRIENDLY STYLES(RESPONSIVE STYLES) 
------------------------------------------------*/
/*-------------------------------------------------*/
/* = COMMON STYLES 
/*-------------------------------------------------*/
 body{
     font-family: 'Source Sans Pro', sans-serif;
     margin: 0;
     font-size: 14px;
     background: #fff;
     color: #1a2a38;
}
html, body{
    max-width: 100%;
    overflow-x: hidden;
}
.land-full,
.land-container,
section{
    max-width: 100%;
}
 article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
     display: block;
     position: relative;
}
 audio, canvas, progress, video {
     display: inline-block;
     vertical-align: baseline;
}
 audio:not([controls]) {
     display: none;
     height: 0;
}
 [hidden], template {
     display: none;
}
 a {
     text-decoration: none;
}
 a:active, a:hover {
     outline: 0;
}
 abbr[title] {
     border-bottom: 1px dotted;
}
 b, strong {
     font-weight: bold;
}
 li{
     list-style-type:none;
}
 ul{
     padding:0px;
     margin: 0px;
}
 h1, h2, h3, h4, h5, h6 {
     margin-top: 0px;
     margin-bottom: 0px;
}
 h1{
    font-family: 'Oswald', sans-serif;
}
 a {
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 a:hover {
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 div{
     box-sizing: border-box;
}
 :before{
     font-family: "Material Icons";
     position: absolute;
}
 :after{
     font-family: "Material Icons";
     position: absolute;
}
/* fallback */
 @font-face {
     font-family: 'Material Icons';
     font-style: normal;
     font-weight: 400;
     src: local('Material Icons');
}
 input, textarea, select{
     outline:none;
     font-family: 'Source Sans Pro', sans-serif;
}
/* width */
 ::-webkit-scrollbar {
     width: 5px;
}
/* Track */
 ::-webkit-scrollbar-track {
     background: #f1f1f1;
}
/* Handle */
 ::-webkit-scrollbar-thumb {
     background: #888;
}
/* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
     background: #555;
}
/* Placeholder text color */
 ::placeholder {
     color: #1a2a38;
     opacity: 1;
    /* Firefox */
}
 :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
     color: #1a2a38;
}
 ::-ms-input-placeholder {
    /* Microsoft Edge */
     color: #1a2a38;
}
/*-------------------------------------------------*/
/* PRE LOADING 
/*-------------------------------------------------*/
 #preloader {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fff;
    /* change if the mask should have another color then white */
     z-index: 99999;
    /* makes sure it stays on top */
}
 #status {
     position: absolute;
     left: 46%;
    /* centers the loading animation horizontally one the screen */
     top: 40%;
     border: 5px solid #f3f3f3;
     border-radius: 50%;
     border-top: 5px solid #76cef1;
     width: 100px;
     height: 100px;
     -webkit-animation: spin 2s linear infinite;
    /* Safari */
     animation: spin 2s linear infinite;
}
/* Safari */
 @-webkit-keyframes spin {
     0% {
         -webkit-transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(360deg);
    }
}
 @keyframes spin {
     0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(360deg);
    }
}
/*-------------------------------------------------*/
/* = CONTAINER SIZE 
/*-------------------------------------------------*/
 .land-full{
     width: 100%;
     position: relative;
     display: inline-block;
     padding: 80px 0px;
}
 .land-container{
     width: 1000px;
     margin: 0 auto;
     position: relative;
}
 .la-container-75{
     width: 950px;
}
 .col1{
     width:10%;
     float:left;
     padding:15px;
}
 .col15{
     width:15%;
     float:left;
     padding:15px;
}
 .col2{
     width:20%;
     float:left;
     padding: 0px 15px;
}
 .col25{
     width:25%;
     float:left;
     padding:15px;
}
 .col3{
     width:30%;
     float:left;
     padding:15px;
}
 .col35{
     width:35%;
     float:left;
     padding:15px;
}
 .col4{
     width:40%;
     float:left;
     padding:15px;
}
 .col45{
     width:45%;
     float:left;
     padding:15px;
}
 .col5{
     width:50%;
     float:left;
     padding:15px;
}
 .col55{
     width:55%;
     float:left;
     padding:15px;
}
 .col6{
     width:60%;
     float:left;
     padding:15px;
}
 .col65{
     width:65%;
     float:left;
     padding:15px;
}
 .col7{
     width:70%;
     float:left;
     padding:15px;
}
 .col75{
     width:75%;
     float:left;
     padding:15px;
}
 .col8{
     width:80%;
     float:left;
     padding:15px;
}
 .col85{
     width:85%;
     float:left;
     padding:15px;
}
 .col9{
     width:90%;
     float:left;
     padding:15px;
}
 .col95{
     width:95%;
     float:left;
     padding:15px;
}
/*-------------------------------------------------*/
/* = TOP SECTION 
/*-------------------------------------------------*/
.header{
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     padding: 20px 0px 5px 0px;
     background: #293952;
     background-image: linear-gradient(255deg,#bf3347,#58376d,#1978c1);
     position: fixed;
     top: 0px;
    z-index: 9999;
     box-shadow: 0px 5px 29px 4px rgba(56, 56, 56, 0.64);
}
 .header1{
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     top: -100px;
}
.header2{
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     top: 0px;
    z-index: 9999;
     padding-top: 16px;
     position: fixed;
    /* fallback for old browsers */
    /* Chrome 10-25, Safari 5.1-6 */
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
     background: #293952;
     background-image: linear-gradient(255deg,#bf3347,#58376d,#1978c1);
     box-shadow: 0px 5px 29px 4px rgba(56, 56, 56, 0.64);
}
 .land-3{
}
 .land-3-top-full{
     background: #ffffff;
     position: fixed;
     display: inline-block;
     width: 100%;
     height: 55px;
     padding: 10px 0px;
     top: 0px;
     z-index: 9;
     box-shadow: 0 3px 35px 0.6px rgba(40, 30, 20, 0.29);
    /* background: linear-gradient(to top, #262e3e, #999ca3);
     */
}
.land-3-top{
     position: relative;
     width: 100%;
     display: inline-block;
    /* margin-bottom: 25px;
     */
    z-index: 10000;
}
.land-3-top-logo{
     float: left;
     width: 35%;
}
 .land-3-top-logo a{
}
 .land-3-top-logo a img{
     margin-top: 2px;
     width: 170px;
     height: 32px;
     -webkit-object-fit: cover;
     -moz-object-fit: cover;
     -o-object-fit: cover;
     -ms-object-fit: cover;
     object-fit: cover;
}
.land-3-top-contact{
     float: left;
     width: 65%;
}
 .land-3-top-contact ul{
     float: right;
     padding-top: 0;
     display: flex;
     align-items: center;
     gap: 0;
}
 .land-3-top-contact ul li{
     color: #ffffff;
     float: left;
     margin-left: 35px;
     font-weight: 500;
     display: flex;
     align-items: center;
     min-height: 38px;
}
.land-3-top-contact ul li a{
     color: #ffffff;
     cursor: pointer;
     font-weight: 600;
     text-transform: uppercase;
     font-size: 14px;
     white-space: nowrap;
}
.mobile-menu-toggle{
    display:none !important;
    border:0;
    background:rgba(255,255,255,0.12);
    border:1px solid rgba(255,255,255,0.38);
    width:44px;
    height:44px;
    padding:10px;
    cursor:pointer;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    border-radius:6px;
    position:relative;
}
.mobile-menu-toggle::before{
    content:"";
    display:block;
    width:22px;
    height:2px;
    background:#ffffff;
    border-radius:2px;
    box-shadow: 0 -6px 0 #ffffff, 0 6px 0 #ffffff;
}
.mobile-menu-toggle span{
    display:block;
    width:24px;
    height:2px;
    margin:5px 0;
    background:#ffffff;
    border-radius:2px;
    display:none;
}
.land-3-top-contact ul li:last-child a{
     background: #F44336;
     color: #fff;
     padding: 10px 30px 10px 30px;
     border-radius: 2px;
}
/*-------------------------------------------------*/
/* = BANNER 
/*-------------------------------------------------*/
 .banner{
     background-image:
        linear-gradient(255deg, rgba(191,51,71,0.86), rgba(88,55,109,0.84), rgba(25,120,193,0.82)),
        url('../images/hero-section-bg.jpg');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
    /* margin-top: 70px;
     */
     padding: 170px 0px 100px 0px;
}
 .banner-inn{
     text-align: center;
     z-index: 9;
     position: relative;
}
.banner-inn h1{
     color: #fff;
     text-transform: uppercase;
     font-size: 65px;
     line-height: 1.15;
     max-width: 920px;
     margin-left: auto;
     margin-right: auto;
}
 .banner-inn p{
     color: #fff;
     font-size: 27px;
     font-weight: 400;
     margin-top: 10px;
     line-height: 1.35;
     max-width: 980px;
     margin-left: auto;
     margin-right: auto;
}
 .ban-form{
}
 .ban-form .alert{
     display: table;
     margin: 0 auto;
     margin-bottom: 20px;
     padding: 15px 40px;
}
 .banner:after {
     content: '';
     position: absolute;
     background: linear-gradient(90deg, rgba(255,255,255,0.16), rgba(255,255,255,0.04)) bottom;
     background-repeat: repeat no-repeat;
     animation: animatedBackground 8s linear infinite;
     width: 100%;
     height: 145px;
     left: 0px;
     bottom: -6px;
     background-size: 115%;
     opacity: 0.2;
     background-repeat-x: repeat;
}
 @keyframes animatedBackground {
     from {
         background-position: 0 0;
    }
     to {
         background-position: 100% 0;
    }
}
 .alert {
     position: relative;
     padding: .75rem 1.25rem;
     margin-bottom: 1rem;
     border: 1px solid transparent;
     border-radius: .25rem;
}
 .alert-success {
     color: #155724;
     background-color: #d4edda;
     border-color: #c3e6cb;
     text-align: center;
}
 .ban-form ul{
     margin: 0 auto;
     display: table;
     box-shadow: 0 17px 30px -13px rgba(0, 0, 0, 0.32);
     padding: 0px 5px 2px 5px;
}
 .ban-form ul li{
     float: left;
     position: relative;
}
 .ban-form ul li:nth-child(1){
     display: none;
}
 .ban-form ul li:nth-child(2){
     width: 0px;
     display: none;
}
 .ban-form ul li:nth-child(3){
     display: none;
}
 .ban-form ul li:nth-child(4){
     width: 450px;
}
 .ban-form ul li input{
     border: 0px;
     width: 100%;
     display: block;
     line-height: 35px;
     font-size: 15px;
     outline: none;
     height: 50px;
     background: #ffffff;
     box-sizing: border-box;
     border-radius: 3px 0px 0px 3px;
     color: #1a2a38;
     border: 1px solid #e4e4e4;
     background: #f5f5f5;
     padding: 0px 25px 0px 45px;
     font-weight: 500;
}
 .ban-form ul li input[type="submit"]{
     background: rgba(238, 56, 95, 0.76);
     color: #ffffff;
     height: 50px;
     line-height: 50px;
     font-weight: 600;
     font-size: 16px;
     text-align: center;
     border-radius: 3px;
     cursor: pointer;
     text-transform: capitalize;
     border: 1px solid rgba(238, 56, 95, 0.95);
     padding: 0px 25px;
	 transition:all 0.4s;
     width: 100%;
     backdrop-filter: blur(8px);
     -webkit-backdrop-filter: blur(8px);
}
.ban-form ul li input[type="submit"]:hover{
    background: rgba(238, 56, 95, 0.88);
    border-color: rgba(238, 56, 95, 1);
    transition:all 0.4s;
}
 .ban-form form ul li:nth-child(2):before {
     content: "mail_outline";
     font-size: 21px;
     color: #6a717f;
     font-weight: 500;
     left: 14px;
     top: 15px;
}
/*-------------------------------------------------*/
/* = PACKAGES 
/*-------------------------------------------------*/
 .land-packages{
    background:#e9f8fd;
    margin-top:-6px;
    border-bottom:1px solid #cfe5ec;
    border-top:1px solid #cfe5ec;
    padding:80px 0 75px
}
 .land-pack{
    position:relative;
    display:table;
    width:90%;
    margin:0 auto
}
 .land-pack ul{
    position:relative;
    width:100%;
    float: left;
    overflow: hidden;
    margin-bottom: 20px;
}
 .land-pack ul li{
    float:left;
    width:33.333%;
    display:inline-block
}
 .land-pack-grid{
    display:inline-block;
    width: 92%;
    position:relative;
    overflow:hidden;
    height:201px;
    margin:0 7.5%;
    box-sizing:border-box;
    margin-bottom:15px;
}
 .land-pack-grid:hover .land-pack-grid-text{
    margin-top:-42px;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
 .land-pack-grid:hover .land-pack-grid-btn{
    height:40px;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease
}
 .land-pack-grid-img img{
    width:100%;
    transition:all .5s ease;
    height: 150px;
    object-fit: cover;
}
 .land-pack-grid:hover .land-pack-grid-img img{
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    transform:scale(1.05)
}
 .land-pack-grid-text{
    position:relative;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease;
    margin-top:-5px
}
 .land-pack-grid-text h4{
    margin:0;
    background:#fff;
    padding:15px;
    font-size:15px;
    font-weight:600;
    text-align:center
}
 .land-pack-grid-btn{
    background: #4f4079;
    background-image: linear-gradient(255deg,#bf3347,#4a457f,#1b76bf);
    color:#fff!important;
    text-align:center;
    display:block;
    height:2.5px;
    line-height:42px;
    box-sizing:border-box;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -o-transition:all .5s ease;
    transition:all .5s ease;
    text-transform:uppercase;
    text-decoration:none;
    font-weight:500;
    font-size:13px;
    letter-spacing:.5px;
}
 .land-pack-grid-btn-red{
    background:#df431f
}
 .land-pack-grid-btn-yel{
    background:#f3c438
}
 .land-pack-grid-btn-blu{
    background:#01a0d8
}
 .land-pack .more{
     background: #F44336;
     color: #fff;
     padding: 10px 40px;
     border-radius: 2px;
     font-size: 16px;
     display: table;
     margin: 0 auto;
}
 .land-pack input{
     width: 93%;
     margin: 0 auto;
     display: table;
     margin-bottom: 38px;
     line-height: 40px;
     border: 0px;
     border-bottom: 1px solid #d1d1d1;
     text-align: center;
     font-size: 16px;
}
/*-------------------------------------------------*/
/* = TITLE 
/*-------------------------------------------------*/
 .tit{
     text-align: center;
     margin-bottom: 40px;
}
 .tit h2{
     font-size: 20px;
     font-weight: 400;
}
 .tit h2 span{
     font-size: 34px;
     font-weight: 700;
     display: block;
}
 .tit p{
     font-size: 16px;
     line-height: 26px;
     color: #424c59;
}
/*-------------------------------------------------*/
/* = TOP BOX 
/*-------------------------------------------------*/
 .mid-box{
}
 .mid-box ul{
}
 .mid-box ul li{
     float: left;
     width: 33.333%;
}
 .mid-box ul li div{
     background: #f7fcff;
     padding: 20px;
     margin: 0px 15px 30px 15px;
     border-radius: 4px;
     border: 1px solid #e9eef1;
    transition:all 0.4s;
}
 .mid-box ul li div:before{
     content:'';
     position:absolute;
     width:32px;
     height:32px;
     background-image: url(../images/s1.png);
     background-repeat:no-repeat;
     background-size: cover;
}
 .mid-box ul li:nth-child(2) div:before{
    background-image: url(../images/s2.png);
}
 .mid-box ul li:nth-child(3) div:before{
    background-image: url(../images/s3.png);
}
 .mid-box ul li:nth-child(4) div:before{
    background-image: url(../images/s4.png);
}
 .mid-box ul li:nth-child(5) div:before{
    background-image: url(../images/s5.png);
}
 .mid-box ul li:nth-child(6) div:before{
    background-image: url(../images/s1.png);
}
 .mid-box ul li div:hover{
    box-shadow: 0 6px 19px -13px rgba(31, 62, 77, 0.95);
     transition:all 0.4s;
}
 .mid-box ul li div h4{
     font-size: 18px;
     padding: 0px 0px 10px 45px;
}
 .mid-box ul li div p{
     margin: 0px;
     padding-left: 45px;
}
/*-------------------------------------------------*/
/* = COUNTRY 
/*-------------------------------------------------*/
 .country{
}
 .country .map{
    width:100%;
    opacity: 0.5;
}
 .user{
    position:absolute;
    z-index: 5;
}
 .user1{
     top: 73px;
}
 .user2{
    left: 400px;
    top: -13px;
}
 .user3{
    top: 100px;
    left: 750px;
}
 .user4{
    top: 250px;
    left: 208px;
}
 .user5{
     top: 274px;
     left: 674px;
}
 .user6{
     top: 369px;
     left: 824px;
}
 .user7{
    top: 150px;
    left: 448px;
}
 .user3 .user-tool{
    margin:-25px 0 0 -270px
}
 .user3 .user-tool:before{
    left:auto;
    right:-7px;
    transform:rotate(180deg)
}
 .user4 .user-tool{
    margin:-25px 0 0 -270px
}
 .user4 .user-tool:before{
    left:auto;
    right:-7px;
    transform:rotate(180deg)
}
 .user6 .user-tool{
    margin:-25px 0 0 -270px
}
 .user6 .user-tool:before{
    left:auto;
    right:-7px;
    transform:rotate(180deg)
}
 .user-com{
     position: absolute;
}
 .user-com span{
    width: 40px;
    height: 40px;
    display:block;
    text-align:center;
    border-radius:50%;
    color:#fff;
    cursor:pointer;
}
 .user-com span img{
     width: 40px;
     height: 40px;
     border-radius: 50px;
    /* border: 2px solid #000000a3;
     */
     box-shadow: 0px 0px 9px 6px rgba(109, 223, 139, 0.37);
}
 .user-com div{
    transition: all .4s ease;
}
 .user-tool{
    background: #7ee398e8;
    color:#fff;
    padding:7px 22px 12px 15px;
    border-radius:2px;
    width:260px;
    margin: -33px 0 0 52px;
    box-shadow: 0px 1px 6px 0 rgba(0, 0, 0, 0.11);
    position:relative;
    transform:scale(0.9);
    opacity:0;
}
 .usershow{
    transform:scale(1);
    opacity:1
}
 .user-tool h5{
    font-size: 16px;
    padding-bottom: 4px;
    font-weight: 700;
    color: #1b2a38;
}
 .user-tool p{
    margin:0;
    font-size: 13px;
    line-height:16px;
    color: #4d4d4d;
}
 .user-tool:before{
    content:'';
    position:absolute;
    width:0;
    height:0;
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
    border-right: 8px solid #7ee398e8;
    top:5px;
    left:-6px;
}
 .user-com span{
    position:relative;
    box-shadow: 0 0 0 0 rgb(57, 190, 92);
    -webkit-animation:pulse 1.25s infinite cubic-bezier(0.66,0,0,1);
    -moz-animation:pulse 1.25s infinite cubic-bezier(0.66,0,0,1);
    -ms-animation:pulse 1.25s infinite cubic-bezier(0.66,0,0,1);
    animation: pulse 1.25s infinite cubic-bezier(0.66,0,0,1);
}
 .user-com span:hover{
    -webkit-animation:none;
    -moz-animation:none;
    -ms-animation:none;
    animation:none
}
 @-webkit-keyframes pulse {
     to{
        box-shadow:0 0 0 15px rgba(232,76,61,0)
    }
}
 @-moz-keyframes pulse {
     to{
        box-shadow:0 0 0 15px rgba(232,76,61,0)
    }
}
 @-ms-keyframes pulse {
     to{
        box-shadow:0 0 0 15px rgba(232,76,61,0)
    }
}
 @keyframes pulse {
     to{
        box-shadow:0 0 0 15px rgba(232,76,61,0)
    }
}
 .close {
     position: absolute;
     right: 8px;
     top: 8px;
     width: 12px;
     height: 12px;
     opacity: 0.3;
    cursor:pointer;
}
 .close:hover {
     opacity: 1;
}
 .close:before, .close:after {
     position: absolute;
     left: 5px;
     content: ' ';
     height: 12px;
     width: 2px;
     background-color: #46505a;
}
 .close:before {
     transform: rotate(45deg);
}
 .close:after {
     transform: rotate(-45deg);
}
/*-------------------------------------------------*/
/* = FOOTER DOWNLOAD 
/*-------------------------------------------------*/
 .bot-dwn{
     position: relative;
     background: #ecfeff;
     background: linear-gradient(to bottom,#fff,#ecfeff 70%);
     padding: 80px 0 0px;
}
 .bot-dwn-inn{
     text-align: center;
     border-bottom: 1px solid #dedfdf;
     padding-bottom: 65px;
}
 .bot-dwn-inn h2{
     font-size: 34px;
     font-weight: 400;
     margin-bottom: 30px;
}
 .bot-dwn-inn h2 span{
     font-size: 34px;
     font-weight: 700;
}
 .bot-dwn-inn a{
     color: #000000;
     border: 1px solid #727c77;
    /* background: #25c16f;
     */
     padding: 10px 30px;
     border-radius: 2px;
     font-size: 15px;
     text-transform: uppercase;
     font-weight: 600;
     letter-spacing: 1px;
     display: inline-block;
     margin: 0px 10px;
}
 .bot-dwn-inn a:nth-child(1){
}
 .bot-dwn-inn a:nth-child(2){
     color: #ffffff;
     border: 1px solid #25c16f;
     background: #25c16f;
     padding: 10px 30px;
     border-radius: 2px;
     font-size: 15px;
     text-transform: uppercase;
     font-weight: 600;
     letter-spacing: 1px;
     display: inline-block;
     margin-bottom: 20px;
}
 .bot-dwn-inn a:nth-child(2):hover{
    background: #11ae5b;
	border: 1px solid #11ae5b;
}
 .bot-dwn-inn a:hover{
     background: #F44336;
     color: #fff;
     border: 1px solid #F44336;
}
/*-------------------------------------------------*/
/* = PRICING 
/*-------------------------------------------------*/
 .pri{
}
 .pri ul{
}
 .pri ul li{
     float: left;
     width: 25%;
     background: #ffffff;
    /* padding: 20px;
     */
    /* margin: 0px 15px 30px 15px;
     */
     border-radius: 4px;
    /* border: 1px solid rgba(37, 193, 111, 0.16);
     */
     transition: all 0.4s;
}
 .pri ul li div{
     float: left;
     width: 94%;
     text-align: center;
}
 .pri-box{
    /* background: #ffffff;
     */
    /* padding: 20px;
     */
     margin: 0px 3% 30px 3%;
    /* border-radius: 4px;
     */
     border: 1px solid rgba(37, 193, 111, 0.16);
     transition: all 0.4s;
}
 .pri-box:hover .c3 a{
     color: #ffffff;
     border: 1px solid #25c16f;
     background: #25c16f;
}
 .pri-box .c2{
     background: rgba(37,193,111,.1);
     padding: 20px;
     width: 100%;
}
 .pri-box .c2 h4{
     text-transform: uppercase;
     color: #4d4d4d;
     padding-bottom: 5px;
}
 .pri-box .c2 p{
     margin: 0px;
}
 .pri-box .c3{
     padding: 20px 20px;
     width: 100%;
}
 .pri-box .c3 h2{
     font-size: 36px;
     font-weight: 700;
}
 .pri-box .c3 h2 span{
}
 .pri-box .c3 p{
     margin: 0px;
     margin-bottom: 20px;
}
 .pri-box .c3 a{
    /* background: #F44336;
     */
    /* color: #fff;
     */
     padding: 10px 30px;
     border-radius: 5px;
     font-size: 15px;
     text-transform: uppercase;
     font-weight: 600;
     color: #1a2a38;
     border: 1px solid #4CAF50;
     letter-spacing: 1px;
     display: inline-block;
}
 .pri ul li:nth-child(3) .pri-box{
     box-shadow: -1px 0px 17px -10px rgba(31, 62, 77, 0.45);
     transition: all 0.4s;
     background: rgba(37, 193, 111, 0.12);
     z-index: 99;
     border: 1px solid rgba(37,193,111,.1);
}
 .pri ul li:nth-child(3) .pri-box .c3 a{
     color: #ffffff;
     border: 1px solid #25c16f;
     background: #25c16f;
}
 .pri-box .c4{
     padding: 7px 20px 20px 20px;
     width: 100%;
}
 .pri-box .c4 ol{
     padding: 0px;
     border-top: 1px solid #25c16f1a;
     padding-top: 20px;
    /* position: relative;
     */
}
 .pri-box .c4 ol li{
     width: 100%;
     text-align: left;
     padding-bottom: 12px;
     font-size: 15px;
     color: #334e59;
     font-weight: 500;
     padding-left: 35px;
     box-sizing: border-box;
     border: 0px;
     background: none;
     position: relative;
}
 .pri-box .c4 ol li:before{
     content: "check";
     font-size: 15px;
     padding: 1px;
     width: 18px;
     height: 18px;
     color: #7e7e7e;
     font-weight: 500;
     left: 8px;
     top: 0px;
     background: #c3ebd7;
     border-radius: 50px;
     box-sizing: border-box;
}
 .pri-box .c5{
     padding: 0px 20px 30px 20px;
     width: 100%;
}
 .pri-box .c5 a{
     background: #607D8B;
     color: #fff;
     padding: 8px 20px;
     border-radius: 2px;
     display: inline-block;
     display: inline-block;
     text-transform: uppercase;
     font-weight: 700;
     letter-spacing: 1px;
     font-size: 12px;
}
 .form-switch {
     position: relative;
     display: table;
     margin: 0 auto;
     cursor: pointer;
     -webkit-tap-highlight-color: transparent;
     margin-bottom: 40px;
}
 .form-switch i {
     position: relative;
     display: inline-block;
     margin-right: 15px;
     margin-left: 15px;
     margin-top: 3px;
     width: 65px;
     top: 2px;
     height: 26px;
     background-color: #ffc003;
     border-radius: 23px;
     vertical-align: text-bottom;
     transition: all 0.3s linear;
}
 .form-switch i::before {
     content: "";
     position: absolute;
     left: 0;
     width: 61px;
     height: 22px;
     background-color: #ffc003;
     border-radius: 11px;
     transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
     transition: all 0.25s linear;
}
 .form-switch i::after {
     content: "";
     position: absolute;
     left: 0;
     width: 22px;
     height: 22px;
     background-color: #fff;
     border-radius: 11px;
     box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
     transform: translate3d(2px, 2px, 0);
     transition: all 0.2s ease-in-out;
}
 .form-switch:active i::after {
     width: 28px;
     transform: translate3d(2px, 2px, 0);
}
 .form-switch:active input:checked + i::after {
     transform: translate3d(16px, 2px, 0);
}
 .form-switch span{
     margin-top: -6px;
     line-height: 28px;
     font-size: 18px;
     font-weight: 600;
    /* color: #6b7074;
     */
     text-transform: uppercase;
     letter-spacing: 1px;
}
 .form-switch input {
     position: absolute;
     opacity: 0;
     pointer-events: none;
}
 .form-switch input:checked + i {
     background-color: #4bd763;
}
 .form-switch input:checked + i::before {
     transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0);
}
 .form-switch input:checked + i::after {
     transform: translate3d(40px, 2px, 0);
}
 .foot-blue{
     background: #eaf8ff;
     border-top: 1px solid #c1d7e3;
     padding: 60px 0px;
     border-bottom: 1px solid #c1d7e3;
}

/*-------------------------------------------------*/
/* = FOOTER
/*-------------------------------------------------*/
 .foot-sec{
     position: relative;
     overflow: hidden;
     margin-top: 55px;
}
 footer {
    /* background-image: url(../images/dark-pattern.jpg);
     */
     background-repeat: repeat;
     background-position: top left;
     background: #ecfeff;
}
 footer {
     color: #5a636c;
     font-weight: 500;
     padding: 75px 0px;
     text-align: left;
}
 footer h4, footer .strong {
    /* color: #acadaf;
     */
     font-weight: 600;
     font-size: 18px;
}
 footer h4 {
     margin-bottom: 15px;
}
 footer .highlighted {
     font-size: 16px;
     font-weight: 600;
}
 footer ul.two-columns li {
     width: 100%;
     float: left;
}
 footer ul.two-columns::after {
     content: "";
     display: table;
     clear: both;
}
 footer ul {
     padding: 0px;
}
 footer ul li {
     list-style-type: none;
     padding: 4px 0px;
}
 footer ul li a {
     color: #5a636c;
     font-weight: 500;
     transition: all 0.5s ease;
}
 footer ul li a:hover {
     color: #1098db;
     padding-left: 10px;
     text-decoration: underline;
}
 .foot-logo {
}
 .foot-logo img {
    /* padding-bottom: 20px;
     */
     width: 163px;
}
 .foot-logo p{
     font-size: 14px;
     line-height: 22px;
     color: #5a636c;
}
 .foot-sec2 {
     padding-top: 50px;
     position: relative;
     overflow: hidden;
     width: 100%;
}
 .foot-social {
}
 .foot-social ul {
     padding: 0px;
}
 .foot-social ul li {
     list-style-type: none;
     float: left;
     padding-right: 10px;
}
 .foot-social ul li a img{
     width: 32px;
     height: 32px;
}
 .foot-social ul li a:hover {
     padding-left: 0px;
}
 .copy {
     background: #ffffff;
    /* position: relative;
     */
    /* overflow: hidden;
     */
     padding: 5px;
}
 .copy p {
     margin: 0px;
     text-align: center;
    /* padding: 8px;
     */
     color: #5d727e;
     padding: 8px 0px;
     font-size: 14px;
}
 .copy p a {
     color: #3e4447;
     font-weight: 600;
}
 .pt-0{
    padding-top:0px;
}
 .pb-0{
    padding-bottom:0px;
}
 .ptb-0{
    padding:0px 0px;
}
/*-------------------------------------------------*/
/* = MOBILE FRIENDLY STYLES(RESPONSIVE STYLES) 
/*-------------------------------------------------*/
/*-------------------------------------------------*/
/* = When the browser is between 0px and 1050px wide,below css will be applied. 
/*-------------------------------------------------*/
 @media screen and (max-width:1050px){
     .land-container{
         width: 85%;
    }
     .land-3-banner-conte{
         padding: 90px 0px 115px 280px;
    }
     .land-3-banner-conte:before{
         margin-left: -290px;
    }
     .land-3-banner-form{
        /* width: 40%;
         */
    }
     .land-3-banner-form img {
         width: 96%;
         margin-top: 0px;
         position: relative;
    }
     .land-3-top-logo {
         width: 30%;
    }
     .land-3-top-contact{
         width:70%;
    }
     .land-3-banner-form{
         margin-top:35px;
    }
     .land-3-banner-full:before{
    }
     .user5 {
         top: 203px;
         left: 575px;
    }
}
/*-------------------------------------------------*/
/* = When the browser is between 0px and 992px wide,below css will be applied. 
/*-------------------------------------------------*/
 @media screen and (max-width:992px){
     .land-3-top-contact ul li {
         margin-left: 15px;
         font-size: 12px;
    }
     .land-3-banner-full {
         padding: 40px 0px 55px 0px;
    }
     .land-pack{
         width:100%;
    }
     .enquiry-left{
         display:none;
    }
     .enquiry-left-1 {
         width: 50%;
         padding: 0px 60px 50px 0px;
    }
     .enquiry-right {
         width: 100%;
    }
     .ed-rsear-in{
         width:100%;
    }
     .ban-grid ul li {
         width: 100%;
    }
     .review ul li {
         width: 100%;
         margin-bottom: 15px;
    }
     .land-com-form {
         padding: 0px 60px;
         width: 100%;
    }
     .tab {
         margin-top: 170px;
    }
    .col2 {
         width: 33.333%;
    }
     .pri ul li{
        width:50%;
    }
     #tri{
        display:none;
    }
}
/*-------------------------------------------------*/
/* = When the browser is between 0px and 767px wide,below css will be applied. 
/*-------------------------------------------------*/
 @media screen and (max-width:767px){
     .land-3-top{
         display:flex;
         align-items:center;
         justify-content:space-between;
         flex-wrap:wrap;
    }
     .land-container{
         width: calc(100% - 24px);
         margin: 0 auto;
    }
     .land-3-top-logo, .land-3-dwn-img, .land-3-dwn-right {
         width: auto;
         float:none;
    }
     .land-3-top-logo{
         flex: 0 0 auto;
    }
     .mobile-menu-toggle{
         display:flex !important;
         flex: 0 0 auto;
    }
     .land-3-top-contact{
         display:none;
         width:100%;
         margin-top:12px;
         float:none;
    }
     .land-3-top.mobile-open .land-3-top-contact{
         display:block;
    }
     .land-3-top-contact ul{
         width:100%;
         float:none;
         display:flex;
         flex-direction:column;
         align-items:stretch;
         gap:0;
         padding:8px 0;
         background: rgba(8, 26, 52, 0.97);
         border-radius: 8px;
    }
     .land-3-top-contact ul li{
         margin:0;
         min-height:auto;
    }
     .land-3-top-contact ul li a{
         display:block;
         width:100%;
         padding:12px 16px;
    }
     .land-3-top-contact ul li.lang-nav-item{
         margin:0;
         padding:8px 16px 12px;
         border-left:0;
    }
     .lang-menu{
         width:100%;
         justify-content:flex-start;
    }
     .lang-trigger{
         justify-content:flex-start;
         padding:8px 0;
    }
     .lang-dropdown{
         right:auto;
         left:0;
    }
     .land-3-top-logo a img {
         margin: 0;
         display: block;
         width: 150px;
         height: auto;
    }
     .land-3-banner-conte h1{
         font-size: 44px;
         line-height: 57px;
         margin-bottom: 20px;
         text-align: center;
    }
     .land-3-banner-conte{
         width: 100%;
         padding: 50px 0px 50px 0px;
    }
     .land-3-banner-form{
         width:100%;
    }
     .land-3-banner-form img {
         width: 75%;
         margin:0 auto;
         display:table;
    }
     .land-3-banner-conte p{
         text-align:center;
    }
     .demo-form {
         width: 75%;
         display: table;
         margin: 0 auto;
    }
     .ed-rsear-in ul li{
         width:100%;
         padding: 10px 0px;
    }
     .ed-flag img {
         border-radius: 3px;
         width: 20px;
    }
     .ava-tit h2 {
         font-size: 24px;
         line-height: 24px;
    }
     .ava-tit h2 span {
         font-size: 42px;
         line-height: 42px;
    }
     .enquiry-left-1 {
         width: 100%;
         padding: 0px 0px 50px 0px;
    }
     .enquiry-right {
         width: 100%;
         padding: 0px 30px 30px 30px;
    }
     .land-3-banner-conte a {
         margin: 0 auto;
         display: table;
    }
     .country-inn iframe {
         width: 100%;
         height: 300px;
    }
     .country .user{
         display:none;
    }
     .df-lhs {
         width: 100%;
         margin-bottom: 30px;
    }
     .df-rhs {
         width: 100%;
    }
     .tab-head ul li span:before{
         margin: 8px;
         font-size: 24px;
    }
     .tab-head ul li span{
         width: 40px;
         height: 40px;
    }
     .col2 {
         width: 50%;
         padding: 0px 15px 25px 15px;
    }
     .col3 {
         width: 100%;
    }
     .col4 {
         width: 100%;
    }
     footer.site-footer{
        padding: 50px 0px;
    }
     .banner {
         padding: 120px 0px 60px 0px;
    }
     .banner-inn h1 {
         font-size: 48px;
         line-height: 40px;
    }
     .mid-box ul li, .land-pack ul li {
         width: 50%;
    }
     .land-pack-grid-text h4 {
         text-overflow: ellipsis;
         white-space: pre;
         overflow: hidden;
    }
     .ban-form ul li:nth-child(2) {
         width: 220px;
    }
     .foot-sec2 {
         padding-top: 15px;
         border-top: 1px solid #d9d9d9;
    }
}
/*-------------------------------------------------*/
/* = When the browser is between 0px and 480px wide,below css will be applied. 
/*-------------------------------------------------*/
 @media screen and (max-width:550px){
     .ban-form ul li:nth-child(2), .ban-form ul li:nth-child(4){
        width:100%;
    }
     .ban-form ul li input{
        border-radius:3px;
         margin-bottom: 10px;
    }
}
/*-------------------------------------------------*/
/* = When the browser is between 0px and 480px wide,below css will be applied. 
/*-------------------------------------------------*/
 @media screen and (max-width:480px){
     .land-3-dwn-right a {
         margin-right: 0px;
         width: 100%;
    }
     .land-3-banner-conte h1 span {
         font-size: 26px;
         line-height: 28px;
    }
     .land-3-banner-conte h1{
         font-size: 32px;
         line-height: 36px;
    }
     .banner {
         padding: 100px 0px 60px 0px;
    }
     .banner-inn h1 {
         line-height: 52px;
    }
     .mid-box ul li, .land-pack ul li {
         width: 100%;
    }
     .tbody-lhs {
         width: 100%;
        margin-bottom:20px;
    }
     .tbody-rhs {
         width: 100%;
         padding-left: 0px;
    }
     .ban-grid{
        padding:0px;
    }
     .col2 {
         width: 100%;
    }
     .pri ul li{
        width:100%;
    }
     .mid-box ul li:last-child div, .pri ul li .pri-box{
        margin-bottom:0px;
    }
}
/*-------------------------------------------------*/
/* = When the browser is between 0px and 400px wide,below css will be applied. 
/*-------------------------------------------------*/
 @media screen and (max-width:400px){
     .tab-head ul li {
         margin: 0px 5px;
    }
}

 

.lang-menu{
    position:relative;
    z-index:10001;
    display:flex;
    align-items:center;
}
.lang-nav-item{
    display:none !important;
}

@media screen and (max-width:992px){
    .land-3-top{
        display:flex;
        align-items:center;
        justify-content:space-between;
        flex-wrap:wrap;
    }
    .land-3-top-logo{
        float:none;
        width:auto;
        flex:0 0 auto;
    }
    .land-3-top-contact{
        display:none;
        float:none;
        width:100%;
        margin-top:12px;
    }
    .land-3-top.mobile-open .land-3-top-contact{
        display:block;
    }
    .land-3-top-contact ul{
        width:100%;
        float:none;
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:0;
        padding:8px 0;
        background: rgba(8, 26, 52, 0.97);
        border-radius: 8px;
    }
    .land-3-top-contact ul li{
        margin:0;
        min-height:auto;
    }
    .land-3-top-contact ul li a{
        display:block;
        width:100%;
        padding:12px 16px;
    }
    .land-3-top-contact ul li.lang-nav-item{
        margin:0;
        padding:8px 16px 12px;
        border-left:0;
    }
    .mobile-menu-toggle{
        display:flex !important;
        flex:0 0 auto;
    }
}

@media screen and (min-width:993px){
    .mobile-menu-toggle{
        display:none !important;
    }
}
.lang-trigger{
    border:0;
    background:transparent;
    color:#fff;
    border-radius:3px;
    font-size:12px;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
    padding:7px 10px;
    display:flex;
    align-items:center;
    gap:6px;
    cursor:pointer;
    min-width:66px;
    justify-content:center;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.land-3-top-contact ul li.lang-nav-item{
    margin-left: 24px;
    padding-left: 18px;
    border-left: 0;
}
.lang-dropdown{
    position:absolute;
    right:0;
    top:calc(100% + 8px);
    display:none;
    background:rgba(14, 24, 42, 0.86);
    border:1px solid rgba(255,255,255,.22);
    border-radius:6px;
    padding:6px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index:10002;
    pointer-events:auto;
}
.lang-dropdown[hidden]{
    display:none !important;
}
.lang-menu.open .lang-dropdown{
    display:block;
}
.lang-menu:focus-within .lang-dropdown{
    display:block;
}
.lang-option{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    color:#fff;
    font-size:12px;
    font-weight:700;
    letter-spacing:.04em;
    border:0;
    background:transparent;
    padding:5px 9px;
    border-radius:4px;
    cursor:pointer;
    white-space:nowrap;
    line-height:1.1;
}
.lang-option:hover{
    background:rgba(255,255,255,.14);
    color:#f2f7ff;
}
.lang-flag-img{
    width:20px;
    height:15px;
    object-fit:cover;
    border-radius:2px;
}

.billing-switch-wrap{
    margin: -8px 0 24px;
}

@media screen and (max-width:480px){
    .banner-inn h1{
        line-height:1.2;
    }
    .banner-inn p{
        line-height:1.4;
    }
}

/* Keep pricing cards at equal height */
.pri ul{
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
}
.pri ul li{
    float:none;
    display:flex;
}
.pri ul li .pri-box{
    display:flex;
    flex-direction:column;
    width:100%;
    height:100%;
}
.pri-box .c4{
    flex:1 1 auto;
}

/* Keep mid-box cards aligned */
.mid-box ul{
    display:grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap:30px;
}
.mid-box ul li{
    float:none !important;
    width:auto !important;
    display:block;
}
.mid-box ul li div{
    width:100%;
    height:230px;
    min-height:230px;
    display:flex;
    flex-direction:column;
    margin:0;
}
.mid-box ul li div h4{
    min-height:48px;
}

@media screen and (max-width:992px){
    .mid-box ul{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width:480px){
    .mid-box ul{
        grid-template-columns: 1fr;
    }
    .mid-box ul li div{
        height:auto;
        min-height:210px;
    }
}