body{font-size:17px;}
.bg-primary{background:#00a2e8 !important;}
.text-primary{color:#00a2e8 !important;}
.btn-primary{background:#00a2e8 !important;}
.btn-outline-primary{border-color:#00a2e8 !important;color:#00a2e8 !important;}

.navbar li{margin-left:20px;}
.navbar li:first-child{margin-left:0;}
.navbar li.active>a{color:#00a2e8 !important;}
.navbar li .dropdown-menu{top:57px;}

.custom-ul{margin:0;padding:0;}
.custom-ul li{list-style:none;position:relative;margin-bottom:10px;}
.custom-ul li:last-child{margin-bottom:0;}
/* .custom-ul li::before{content:"";height:7px;width:7px;border-radius:50%;background:#00a2e8;left:0;top:8px;position:absolute;} */
.custom-ul li.costom-arrow{padding-left:20px;}
.custom-ul li.costom-arrow::before{content:"";background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e") no-repeat;background-repeat:no-repeat;background-size:12px auto;color:#00a2e8;width:12px;height:12px;top:7px;left:0;position:absolute;}

.chat{position:fixed;right:30px;bottom:30px;z-index:1;}
.chat img{box-shadow:0 0 15px #333;border-radius:50%;}

.banner-bottom{background-image:url(../images/Background-imagetexture.jpg);background-repeat:no-repeat;background-position:center center;border-top:3px solid #00a2e8;border-bottom:3px solid #00a2e8;background-size: cover;}

.item-image img{border-radius:50%;}
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}
.owl-theme .owl-dots{text-align:center;margin-top:30px !important;}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom:1}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}
.owl-theme .owl-dots .owl-dot.active span{width:30px;background:rgba(0,162,232,1);}
.owl-carousel .owl-nav button{position:absolute;top:calc(50% - 50px)}
.owl-carousel .owl-nav button span{font-size:50px;color:#333;}
.owl-carousel .owl-nav button.owl-prev{left:30px;}
.owl-carousel .owl-nav button.owl-next{right:30px;}

.banner-parallex{background-size:cover;background-color:#000;background-attachment:fixed;background-position:center;height:70vh;background-repeat:no-repeat;}
.banner-parallex h1{font-size:2.5rem;/*background:rgba(0,0,0,0.6);*/}
.banner-parallex p{font-size:1.3rem;}

.arc-main .items{width:100%;max-width:180px;border:1px solid #00a2e8;background-image:linear-gradient(#fff, #fff);border-radius:10px;padding:10px;height:250px;margin:0 10px;position:relative;border:1px solid #fff;}
.arc-main .items::before{background:rgba(0,162,232,0.7);height:65px;content:"";position:absolute;width:100%;z-index:0;left:0;top:0;border-radius:10px 10px 0 0;}
.items-main-content{z-index:1;margin:0 auto;}
.arc-main .items.item-active{width:20%;max-width:300px;height:280px;}
.arc-main .items.item-active:before{height:80px;}
.arc-main .items-image{text-align:center;}
.arc-main .items-image img{width:100%;border-radius:50%;max-width: 110px;max-height: 110px;height:110px;}
.arc-main .item-content p{font-size:11px;}
.arc-main .item1,.arc-main .item6{margin-top:0;}
.arc-main .item3{margin-top:100px;}
.arc-main .item2{margin-top:50px;}
.banner-inner{font-size:28px;}

/********** Pricing Table ***********/

.pricing-table{display:flex;}
.pricing-table .pricing-plan{width:25%;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.3);}
.pricing-table .column-1{width:30%;border-radius:20px 0 0 20px;margin-top:40px;}
.pricing-table .pricing-plan.column-2{border-radius:20px 0 0;}
.pricing-table .heading-table{height:50px;line-height:50px;}
.pricing-table .price-col{font-size:20px;text-align:center;height:50px;line-height:50px;}
.pricing-table .head-row{background:rgba(0,162,232,0.5);color:#fff;height:40px;line-height:40px;font-weight:600;}
.pricing-table .column-1 ul li{justify-content:start;}
.pricing-table li{font-size:14px;line-height:24px;list-style:none;padding:8px 20px;height:60px;justify-content:center;display:flex;align-items:center;}
.pricing-table .column-3 .head-row{background:rgba(0,162,232,0.7);}
.pricing-table .column-4 .head-row{background:rgba(0,162,232,0.85);}
.pricing-table .column-2 .head-row{border-radius:20px 0 0;}
.pricing-table .pricing-plan.column-4{border-radius:0 20px 20px 0;}
.pricing-table .column-4 .head-row{border-radius:0 20px 0 0;}
.pricing-table h2{font-size:20px;padding:0;margin:0;}
.pricing-table ul{padding:0;margin:0;}
.pricing-table li img{margin-right:5px;}
.pricing-table li.collapse-li{display:none;background:#fff !important;border-bottom:1px solid rgba(0,0,0,0.1);}
.pricing-table li.collapse-li.bg-light{background-color:rgba(0,0,0,0.05) !important;}
.pricing-table li.collapse-li.show{display:flex;}
.pricing-table li:nth-child(odd){background-color:rgba(0,0,0,0.1);}

.main-checklist li{font-size:14px;margin-bottom:5px;}
.main-checklist li img{margin-top:8px;}

.banner-bottom-part{margin-top:-150px;}
.mask1 {
    -webkit-mask-image: url(../images/img-mask.png);
    mask-image: url(../images/img-mask.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;   
    -webkit-mask-position: center top; 
    mask-position: center top;
    height: 192px; 
}
.banner-faqs h1{top:40%;font-size:4rem;}
.faq-block {
    background: #fff;
    margin-bottom: 12px;
    border-radius: 5px;
}
.faq-title {
    padding-bottom: 0;
    font-size: 0;
}
.faq-title a {
    padding: 15px 30px;
    display: flex;
    justify-content:space-between;
    align-items:center;
    font-size: 1rem;
    position: relative;
    color: var(--title-color);
    font-weight: 500;
    width: 100%;
    text-decoration:none;
}
.icon-control:before{
    content: "+";
    font-size:1.5rem;
    color:#333;
    display:block;

}
.faq-title [aria-expanded="true"] .icon-control:before{content:"-";}
.faq-title [aria-expanded="true"] .icon-control:after{
    content: "";
    width: 10px;
    position: absolute;
    background: #333;
    top: 31px;
    right: 34px;
    height: 2px;
}

.collapse:not(.show) {
    display: none;
}
.faq-content {
    padding: 1em 1.5em;
    padding-left:30px;
    font-size: .95rem;
    padding-top: 0;
}
.faq-block p{padding:0;margin:0;}
.faq-block .faq-a {
    color: #444;
    line-height: 1.6;
}
.ic-b{margin-bottom: 10px;}
.ab-guid{margin: 50px 0;}
.ab-guid img{width: 100%;}
.ab-guid1{margin-bottom: 50px;}
.top-guide{background: #3696da; color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 10px 20px;}
.top-guide h3{margin: 0; padding: 0;}
.top-guide img{width:10%;}
.top-con-g{padding: 25px 40px;}
.top-con-g h2{font-weight: 700;}
.top-con-g p{font-size: 20px; /*padding-right: 225px;*/}
.top-con-g span{color: #3696da;}
.top-con-g-list{padding-left: 40px;}
.top-con-g-list ul{list-style: none; padding: 0; margin: 0;}
.top-con-g-list li{position: relative; padding-left: 20px; font-size: 20px;}
.top-con-g-list li:before{position: absolute; top: 15px; left: 0; content: ""; width: 3px; height: 3px; color: #000; background: #000; border-radius: 50px;}
.top-con-g-list ul li ul{margin-left: 12px;}
.top-con-g-list ul li ul li{}
.top-con-ana p{/*padding-right: 185px;*/}
.i-icon-con{display: flex;}
.ic-del-sec{padding-left: 80px; }
.i-ic-img{margin-right: 15px;}
.i-icon-con img{}
.i-ic-con{}
.i-ic-con h6{margin-bottom: 0; font-size: 1.2rem; font-weight: 700;}
.i-ic-con p{font-size: 20px; padding-right: 55px;}
.img-del img{margin-top: -30px;}
.i-analytic .i-ic-con p{padding-right: 25px;}
.top-con-i-anh p{/*padding-right: 0;*/}
.pad-bot-r{padding-left: 40px; padding-right: 40px;}
.pac-i{}
.p-i-h h4{background: #3696da;color: #ffff;font-size: 1.3rem;padding: 5px 10px;text-align: center;}
.p-i-h{}
.p-i-h img{ width:100%}
.p-i-h:first-child img{margin-bottom: 15px;}
.p-i-c{background: #f7f7f7;height: 100%;}
.p-i-c h5{padding-left: 10px;
    padding-top: 10px;}
.p-i-c ul{list-style: none; padding: 0; margin: 0; margin-left: 20px; margin-bottom: 8px;}
.p-i-c li{font-size: 14px;margin-bottom: 5px;}
.p-i-c ul li ul{margin-left: 20px;}
.p-i-c ul li ul li{}
.p-i-c p{font-size: 14px; margin-bottom: 5px; padding-left: 20px;}
.p-i-c span{color: #3696da;font-weight: 700;}
.p-i-c strong{}
.img-list{text-align: right; padding-right: 40px;}
.p-i-c ul.mar-l{margin-left: 40px;}
.ab-guid2{background: #f8f9fa; padding:50px 0;}
.ab-guid2 h2{margin-bottom: 20px;}
.ab-guid2 h3{font-size: 1.5rem}
.ab-guid2 iframe{width: 100%; height: 315px;}
.g-box{display: flex;}
.g-box .g-img{margin-right: 10px;}
.booking-page{padding: 50px 0; background: #f7f7f7;}
.booking-page .nav-tabs{justify-content: center; border: 0; margin-bottom: 50px;}

.booking-page .nav-tabs .nav-link{background: #00a2e8;
    color: #fff;
    border-radius: 5px; }

.booking-page .nav-tabs .nav-item.show .nav-link, .booking-page .nav-tabs .nav-link.active{border:0; background: #ffc107; color: #fff;}
.booking-page .nav-tabs .nav-item{margin: 0  5px}

.breadcrumbn {
  padding: 0px;
  background: transparent;
  list-style: none;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 40px;
  border-radius: 4px;
}

.breadcrumbn>li {
  display: table-cell;
  vertical-align: top;
  width: 1%;
}

.breadcrumbn>li+li:before {
  padding: 0;
}

.breadcrumbn li a {
  color: #fff !important;
  text-decoration: none;
  padding: 10px 0 10px 45px;
  position: relative;
  display: inline-block;
  width: calc( 100% - 10px );
  background-color: #00a2e8;
  text-align: center;
  text-transform: capitalize;
}

.breadcrumbn li.completed a {
  background: brown;
  background: #ffc107;
}

.breadcrumbn li.completed a:after {
  border-left: 30px solid #ffc107;
}

.breadcrumbn li.active a {
  background: #ffc107;
}

.breadcrumbn li.active a:after {
  border-left: 30px solid #ffc107;
}

.breadcrumbn li:first-child a {
  padding-left: 15px;
}

.breadcrumbn li:last-of-type a {
  width: calc( 100% - 38px );
}

.breadcrumbn li a:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 1px;
  left: 100%;
  z-index: 1;
}

.breadcrumbn li a:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #00a2e8;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2;
}


.package-sec a:hover{color: #fff !important;}
.com-pack{padding:20px; border-radius: 20px; background: #fff; border: 1px solid #a19c9c;}
.pack-box-h h3{text-align: center; background: #f5f5f5; padding: 10px; border-radius: 5px; text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 30px;}
.pack-form-in{display: flex; flex-wrap: wrap; margin-bottom: 20px;}
.pack-form-in h5{ display:block; width: 100%;border-bottom: 1px solid #d3d3d3;font-size: 1rem;
    padding-bottom: 10px; }

.pack-form-in .form-check {
    background: #f7f7f7;
    padding: 10px 10px 10px 30px;
    border-radius: 5px;
    border: 1px solid #ddd;
    width: 23%;
    margin: 10px;
}


.pack-form-in label{font-size: 14px;}
.pack-form{margin-bottom: 30px;}
.ad-pack-h{border-bottom: 1px solid #ddd;
    margin-bottom: 30px;}
.ad-pack-h h3{text-align: center; background: #f5f5f5; padding: 10px; border-radius: 5px; text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 30px;}
.ad-pack-h p{text-align: center;}
.form-add label{font-weight: 700; font-size: 14px;}
.form-add iframe{width:100%; height: 450px;}
.fill-add label{font-weight: 700; font-size: 14px;}
.fill-add h6{font-weight: 700; font-size: 14px;}
.fill-add .form-check label{font-weight: normal;}



.payment-p .card-image {
  width: 400px;
  border-radius: 15px;
  box-shadow: -5px 10px 32px 0px  #c1c1c1;
  margin-bottom: 40px;
}

.payment-p .card-image-shadow {
  
  
  z-index: 0;
}

.payment-p .form {
  border-radius: 15px;
  
  min-width: 100%;
  position: relative;
  
}
.payment-p label{font-weight: 700; font-size: 14px;}

div.radio-with-Icon {
  display: block;
}
div.radio-with-Icon p.radioOption-Item {
  display: inline-block;
  width: 130px;
  height: 270px;
  box-sizing: border-box;
  margin: 5px;
  position: relative;
  border: none;
}
div.radio-with-Icon p.radioOption-Item label {
  display: block;
  height: 100%;
  width: 100%;
  padding: 0px;
  border-radius: 10px;
  border: 1px solid #ddd;
  color: #000000;
  overflow: hidden;
  cursor: pointer;
  opacity: .8;
  transition: none;
  font-size: 13px;
  padding-top: 0px;
  text-align: center;
  margin: 0 !important;
  min-height: 120px;
}
div.radio-with-Icon p.radioOption-Item label:hover, div.radio-with-Icon p.radioOption-Item label:focus, div.radio-with-Icon p.radioOption-Item label:active {
  opacity: .5;
  background-color: #00a2e8;
  color: #000;
  margin: 0 !important;
}
div.radio-with-Icon p.radioOption-Item label::after, div.radio-with-Icon p.radioOption-Item label:after, div.radio-with-Icon p.radioOption-Item label::before, div.radio-with-Icon p.radioOption-Item label:before {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}
div.radio-with-Icon p.radioOption-Item label i.fa {
  display: block;
  font-size: 50px;
}
div.radio-with-Icon p.radioOption-Item input[type="radio"] {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;position: absolute;
}
div.radio-with-Icon p.radioOption-Item input[type="radio"]:active ~ label {
  opacity: 1;
}
div.radio-with-Icon p.radioOption-Item input[type="radio"]:checked ~ label {
  opacity: 1;
  /* border: none; */
  overflow: hidden;
  border:solid 1px #00a2e8;
  color: #000;
min-height: 120px;
}

div.radio-with-Icon p.radioOption-Item input[type="radio"]:checked ~ label::before {
  content: '\2713';
  background: #fff;
  width: 42px !important;
  height: 42px !important;
  position: absolute;
  z-index: 1;
  font-size: 25px;
  top: -7px;
  right: -7px;
  opacity: 9 !important;
  border-radius: 25px;
  color: green;
  border: solid 2px green;
  text-align: center;
}

/* div.radio-with-Icon p.radioOption-Item input[type="radio"]:checked ~ label::after {
  content: '-';
  background: red;
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  z-index: 38;
  top: 0;
  left: 0;
  opacity: 9 !important;
} */

div.radio-with-Icon p.radioOption-Item input[type="radio"]:hover, div.radio-with-Icon p.radioOption-Item input[type="radio"]:focus, div.radio-with-Icon p.radioOption-Item input[type="radio"]:active {
  margin: 0 !important;
}
div.radio-with-Icon p.radioOption-Item input[type="radio"] + label:before, div.radio-with-Icon p.radioOption-Item input[type="radio"] + label:after {
  margin: 0 !important;
}

div.radio-with-Icon p.radioOption-Item label img{width: 100%; border-radius: 5px;}


@media screen and (min-width:1400px){
    .banner-parallex{height:auto;padding:80px 0;}
    .banner-parallex h1{font-size:3rem;}
    .banner-parallex p{font-size:1.8rem;}
}

.objfc{object-fit: cover;}

.display-5{font-size: 14px;}