/*#1abc9c; */

/* general style */
html,body{margin: 0px;padding: 0px;font-family: 'Calibiri', 'Trebuchet MS', 'Nunito', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;}
.cont_breaks{width: 100%;height: 5px;padding: 1px 0px;margin: 0.5px 0px;clear: both;display: block;}
.display-block{display: block;}
.display-none{display: none;}

/*
red = #1abc9c
red = rgba(240,88,41,255)

blue = #1abc9c
blue = rgb(15,116,186)

blue-dr = #1abc9c
blue-dr = rgb(54,148,220)
*/

/* color */
:root {
    --mainColor: #1abc9c;
    --mainRedColor: #1abc9c;
    --mainBlueColor: #1abc9c;
    --whiteColor: #ffffff;
    --colorTextGray: #95a5a6;
}

.mainColorBg{background-color:#1abc9c !important;}
.whiteColorBg{background-color:#ffffff !important;}
.bg-company{background: #1abc9c !important; color: #fff}
.bg-company-opc{background: #1abc9c25 !important;}
.bg-company-opc-b{background: #1abc9c05 !important;}
.mainColorTxt{color:#1abc9c !important;}
.whiteColorTxt{color:#ffffff !important;}
.blackColorTxt{color:#333333 !important;}
.blackColorPinkLight{background-color:#fff8f8 !important;}
/* end color */


.desktop-view{display:block;}
.mobile-view{display: none;}

.modal .close{
    background-color: transparent !important;
    border: none !important;
    color: #1abc9c;
    font-size: 18px !important;
    font-weight: bold !important;
}

/* buttons */


.container-width-40{
    width: 40% !important;
}

/* nav */
/* mobile */
#site-nav-mobile{
    width: 100%;
    height: 60px;
    clear: both;
    display: none;
    margin: 0px;
    padding: 0px 3%;
    box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.18), 0 2px 6px 0 rgba(0, 0, 0, 0.15);
}
#site-nav-mobile .logo-nav{width:20%;height: 60px;float:left;}
#site-nav-mobile .logo-nav img{object-fit: cover;height: 60px;width: 150px;margin: 5px 0px;}

#site-nav-mobile .nav-links{
    width:80%;
    height: 60px;
    line-height: 60px;
    float: right;
    padding: 0px 2%;
    text-align: right;
}

#site-nav-mobile .nav-links .social-mobile{
    padding: 0px;
    margin: 20px 8px 0px 0px;
    font-size: 12px;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    background-color: #1abc9c75;
    float: right;
    color: #5d6d7e;
    box-shadow: 0px 1px 3px 0 rgba(255, 255, 255, 0.14), 0 2px 4px 0 rgba(255, 255, 255, 0.12);
    cursor: pointer;
    transition: 1s;
}

#site-nav-mobile .nav-links .social-mobile-menu{
    padding: 0px;
    margin: 17px 0px 0px 10px;
    font-size: 14px;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    background-color: #1abc9c;
    float: right;
    color: #fff;
    box-shadow: 0px 1px 3px 0 rgba(255, 255, 255, 0.14), 0 2px 4px 0 rgba(255, 255, 255, 0.12);
    cursor: pointer;
    transition: 1s;
}



.video-container {
    position: relative;
    width: 92%;
    aspect-ratio: 16 / 9; /* Maintain YouTube video aspect ratio */
    margin: 50px auto 10px auto;
    overflow: hidden;
    border-radius: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.video-container iframe {
    width: 100%;
    height: 100%;
    display: block;
}

.thumbnail-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
}

.thumbnail-overlay:hover {
    opacity: 0; /* Hide overlay on hover */
}

.play-button {
    width: 68px;
    height: 48px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 8px;
    position: relative;
    cursor: pointer;
}

.play-button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-left: 24px solid #fff;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
}


/*  login container */

#container-main-login{
    width: 100%;
    min-height: 100vh;
    background-color: rgb(33, 47, 60);
    clear: both;
    padding: 170px 5% 10px 5%;
    margin: 0px;
}

#container-main-login .login-container{
    width: 380px;
    min-height: 340px;
    background-color: #333;
    border-radius: 6px;
    margin: 0px auto;
    padding: 30px 1.5%;
    color: #fff;
}

#container-main-login .login-container cont{
    float: right;
}

.login-lg-img{
    width: 86px;
    height: 86px;
    text-align: center;
    line-height:86px;
    background-color: #FFF;
    padding: 3px;
    border-radius: 50%;
    margin: 0px auto 20px auto;
}

.login-lg-img img{
    width: 70px;
    height: 70px;
    object-fit: cover;
}

/* desktop */
#site-nav{
    width: 100%;
    height: 90px;
    clear: both;
    display: block;
    margin: 0px;
    padding: 0px 15%;
    box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.18), 0 2px 6px 0 rgba(0, 0, 0, 0.15);
}
#site-nav .logo-nav{width:10%;height: 90px;float:left;}
#site-nav .logo-nav img{object-fit: cover;height: 90px;width: 300px;margin: 8px 0px;}

#site-nav .nav-links{
    width:75%;
    height: 90px;
    line-height: 90px;
    float:left;
    padding: 0px 2%;
}

#site-nav .nav-links ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    justify-content: center;
    float: right;
    flex-wrap: nowrap;
    flex-direction: row;
    flex-flow: nowrap;
}

#site-nav .nav-links ul a{
    float: right;
    margin: 0px 15px 0px 0px;
    padding: 0px 1%;
    font-size: 15px;
    cursor: pointer;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    white-space: nowrap;
}

#site-nav .nav-links ul .active{
    font-weight: bold;
    font-size: 15px;
    color: var(--mainColor);
}

#site-nav .nav-links ul a:hover{
    color: var(--mainColor);
}

#site-nav .nav-links .dropdownlist{
    margin: 0px;
    padding: 0px;
    list-style: none;
    z-index: 1000;

}

#site-nav .nav-button{
    width:15%;
    height: 90px;
    line-height: 90px;
    float:right;
}

#site-nav .nav-button .nav-button-info{
    float:right;
    margin: 0px;
    font-weight: lighter;
    font-size: 15px;
}
#site-nav .nav-button .nav-button-info a{
    padding: 0px;
    margin: 34px 5px 0px 0px;
    font-size: 12px;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    background-color: #1abc9c75;
    float: right;
    color: #5d6d7e;
    box-shadow: 0px 1px 3px 0 rgba(255, 255, 255, 0.14), 0 2px 4px 0 rgba(255, 255, 255, 0.12);
    cursor: pointer;
    transition: 1s;
}

#site-nav .nav-button .nav-button-info a:hover{
    font-weight: bold;
    box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.18);
    transition: 1s;
}
#site-nav .nav-button .nav-button-link{
    float:right;
    margin: 0px 0px 0px 15px;
}

#site-nav .nav-button .nav-button-link .btnGetQuote{
    padding: 0%;
    background-color: var(--mainColor);
    text-align: center;
    width: 130px;
    height: 35px;
    line-height: 35px;
    border-radius: 6px;
    border: 1px solid var(--mainColor);
    font-weight: bold;
    font-size: 16px;
    color: var(--whiteColor);
}

/* footer */
#footer{
    width: 100%;
    min-height: 400px;
    padding: 0px;
    background-image: url(../media/site-contents/footer.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

#footer a{
    text-decoration: none;
    color: #fff;
}

#footer a:hover{
    text-decoration: none;
    color: #fff;
}

#footer .footer-inner{
    width: 100%;
    min-height: 400px;
    padding: 20px 15% 0px 15%;
    background-color: #154b6398;
}

#footer .footer-inner h2{
    padding: 25px 0px 30px 0px;
    margin: 0px;
    font-size: 26px;
    font-weight: bold;
    color: #fff;
}

#footer .footer-inner section a{
    padding: 7px 0px;
    margin: 0px;
    font-size: 17px;
    display: block;
}

#footer .footer-inner .footer-about-us{
    float: left;
    width: 50%;
    color: #fff;
    height:auto;
    margin:0px 0px;
    padding: 0px 8% 0px 0px;
}

#footer .footer-inner .footer-about-us p{
    padding: 20px 0px 10px 0px;
    margin: 0px 0px;
    font-size: 17px;
}
#footer .footer-inner .footer-about-us .footer-about-sub-links a{
    padding: 1.5px 0px;
    margin: 0px;
    font-size: 17px;
    display: block;
}

#footer .footer-inner .footer-about-us .footer-about-social{
    width: 100%;
    margin: 20px 0px 0px 0px;
    height: 40px;
    clear: both;
}

#footer .footer-inner .footer-about-us .footer-about-social a{
    padding: 0px;
    margin: 0px 12px 0px 0px;
    font-size: 16px;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    background-color: var(--mainColor);
    float: left;
    color: #fff;
    box-shadow: 0px 1px 3px 0 rgba(255, 255, 255, 0.14), 0 2px 4px 0 rgba(255, 255, 255, 0.12);
    cursor: pointer;
    transition: 1s;
}

#footer .footer-inner .footer-about-us .footer-about-social a:hover{
    font-weight: bold;
    box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.18);
    transition: 1s;
}

#footer .footer-inner .footer-about-us img{
    height: 90px;
    width: 250px;
    object-fit: cover;
    margin: 25px 0px 0px 0px;
}

#footer .footer-inner .footer-company{
    float: left;
    width: 24%;
    height:auto;
    margin:0px 0px;
    padding: 0px 0px 0px 2%;
}
#footer .footer-inner .footer-explore{
    float: left;
    width: 24%;
    height:auto;
    margin:0px 0px;
    padding: 0px 0px 0px 2%;
}

#footer .footer-breaker{
    width: 100%;
    clear: both;
    margin: 10px 0px;
    height: 20px;
}
#footer .footer-inner .footer-bottom{
    width: 100%;
    height: 80px;
    line-height: 80px;
    clear: both;
    display: block;
    margin: 30px 0px 0px 0px;
    border-top: 1px solid var(--mainColor);
    text-align: center;
    font-size: 16px;
    color: var(--mainColor);
}





.btnSendEmail{
    background-color:#1abc9c !important;
    color: #fff !important;
    font-weight: bold !important;
}



/* testmonial */
#article-testimonial{
    width: 100%;
    padding: 50px 15%;
    margin: 0px;
    clear: both;
    display: block;
    background-color: #ecf0f1;
    min-height: 600px;
}

#article-testimonial .testimonial-cont-img{
    float: left;
    width: 45%;
    margin: 10px 5% 0px 0px;
    text-align: center;
}
#article-testimonial .testimonial-cont-img img{
    margin: 30px 0px 0px 0px;
    object-fit: contain;
    width: 100%;
    height: 500px;
}
#article-testimonial .testimonial-cont-txt{
    float: right;
    width: 50%;
}

.testimonial-cont-txt-quotes {
    display: none;
    padding: 20px 0;
    margin: 10px 0;
    border-radius: 0px;
    min-height: 250px;
}

.testimonial-cont-txt-quotes.active {
    display: block;
}
#article-testimonial div h3{
    text-align: left;
    font-size: 46px;
    font-weight: bold;
}

#article-testimonial div h2{
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    color: #1abc9c;
    margin: 40px 0px 20px 0px;

}
#article-testimonial .article-testimonial-contents{
    width: 100%;
    clear: both;
    min-height: auto;
    margin: 15px 0px 0px 0px;
    padding: 20px 0%;
}

#article-testimonial .article-testimonial-contents .buttons{
    margin: 10px 0px;
}

#article-testimonial .article-testimonial-contents .buttons button{
    margin: 0px 5px 0px 0px;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    border: 1px solid #1abc9c;
    background: #1abc9c;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    line-height: 36px;
    transition: 1s;
}

#article-testimonial .article-testimonial-contents .buttons button:hover{
    border: 1px solid #1abc9c;
    background: #1abc9c;
    transition: 1s;
}

#article-testimonial .article-testimonial-contents p{
    margin: 20px 0px;
}

#article-testimonial .article-testimonial-contents h3{
    font-weight: bold;
    font-size: 24px;
    color:#1abc9c;
}
#article-testimonial .article-testimonial-contents h4{
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}



/* home blogs */
#blog-news-article{
    width: 100%;
    padding: 50px 15%;
    margin: 0px;
    clear: both;
    display: block;
    background-color: #fff;
    min-height: 650px;
}

#blog-news-article .blog-title-main{
    width: 100%;
    min-height: 50px;
    clear: both;
    margin: 5px 0px;
}
#blog-news-article .blog-title-main-txt{
    float: left;
    width: 75%;
}
#blog-news-article .blog-title-main-btn{
    float: right;
    width: 25%;
    text-align: right;
    font-size: 16px;
}

#blog-news-article .blog-title-main-btn a{
    padding: 10px 6%;
    border: 1.2px solid var(--mainColor);
    border-radius: 6px;
    cursor: pointer;
    transition: 1.3s;
}

#blog-news-article .blog-title-main-btn a:hover{
    transition: 1.3s;
    background-color: var(--mainColor);
    border: 1px solid var(--mainColor);
    color: #fff;
}

#blog-news-article #left-side-home-blog{
    width: 45%;
    float: left;
    height: auto;
}

#blog-news-article a{
    text-decoration: none;
    color: #333;
}
#blog-news-article h1{
    text-align: left;
    font-size: 38px;
    font-weight: bold;
}

#blog-news-article #left-side-home-blog div .article-img-cont{
    width: 100%;
    min-height: 380px;
    border-radius: 8px;
    clear: both;
}

#blog-news-article #left-side-home-blog div .article-img-cont img{
    width: 100%;
    height: 380px;
    border-radius: 8px;
    object-fit: cover;
}

#blog-news-article #left-side-home-blog div .article-text-cont{
    width: 100%;
    clear: both;
    padding: 10px 0px;
}

#blog-news-article #left-side-home-blog div .article-text-cont h3{
    font-weight: bold;
    font-size: 14px;
    padding: 20px 0px 30px 0px;
    margin: 0px 0px 10px 0px;
}

#blog-news-article #left-side-home-blog div .article-text-cont h6{
    font-weight: bold;
    font-size: 20px;
    margin: 10px 0px 10px 0px;
}

#blog-news-article #left-side-home-blog div .article-text-cont h4{
    font-weight: lighter;
    font-size: 12px;
    color: #1abc9c;
}

#blog-news-article #left-side-home-blog div .article-text-cont p{
    padding: 5px 0px 10px 0px;
}

#blog-news-article #left-side-home-blog div .article-text-cont h4 .article-date{
    float: left;
    width: 50%;
}




#blog-news-article #left-side-home-blog div{
    width: 97%;
    min-height: 320px;
    float: left;
    margin: 10px 1.5% 20px 1.5%;
}

#blog-news-article #right-side-home-blog{
    width: 50%;
    float: right;
    min-height: 600px;
}

#blog-news-article #right-side-home-blog article{
    width: 47%;
    min-height: 320px;
    float: left;
    margin: 10px 1.5% 20px 1.5%;
}

#blog-news-article a{
    text-decoration: none;
    color: #333;
}
#blog-news-article h2{
    text-align: left;
    font-size: 18px;
    font-weight: bold;

}




#blog-news-article .news-p{
    text-align: center;
    width: 50%;
    margin: 10px auto 55px auto;
    clear: both;
}

#blog-news-article article{
    width: 22%;
    height: 320px;
    float: left;
    margin: 7px 1.5%;
}

#blog-news-article article .article-img-cont{
    width: 100%;
    height: 180px;
    border-radius: 8px;
    clear: both;
}

#blog-news-article article .article-img-cont img{
    width: 100%;
    height: 180px;
    border-radius: 8px;
    object-fit: cover;
}

#blog-news-article article .article-text-cont{
    width: 100%;
    clear: both;
    padding: 10px 0px;
    background: transparent;
}

#blog-news-article article .article-text-cont h3{
    font-weight: bold;
    font-size: 14px;
    padding: 8px 0px;
}

#blog-news-article article .article-text-cont p{
    font-weight: bold;
    font-size: 20px;
}

#blog-news-article article .article-text-cont h4{
    font-weight: lighter;
    font-size: 12px;
    color: #1abc9c;
}

#blog-news-article article .article-text-cont h4 .article-date{
    float: left;
    width: 50%;
}
#blog-news-article article .article-text-cont h4 .article-comment{
    float: right;
    width: 50%;
    text-align: right;
}



/* our-team */
#our-team{
    width: 100%;
    padding: 70px 15%;
    margin: 0px;
    clear: both;
    display: block;
    background-color: #ecf0f1;
    min-height: 650px;
}
#our-team h2{
    text-align: center;
    font-size: 46px;
    font-weight: bold;
    width: 40%;
    margin: 10px auto 30px auto;
}
#our-team h3{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: var(--mainColor);
}

#our-team article{
    width: 24%;
    height: 400px;
    background-color: #fff;
    float: left;
    margin: 10px 0.5% 25px 0.5%;
    border-radius: 6px;
    transition: 0.5s;
}
#our-team article:hover{
    margin: -2px 0.5% 10px 0.5%;
    transition: 0.5s;
}
#our-team article img{
    object-fit: cover;
    width: 100%;
    height: 275px;
    object-position: top;
    border-radius: 6px;
}
#our-team article h4{
    padding: 20px 4% 3px 4%;
    margin: 0px;
    font-size: 22px;
    font-weight: bold;
}

#our-team article p{
    padding: 3px 4% 8px 4%;
    margin: 0px;
    color: var(--colorTextGray);
    font-size: 16px;
    font-weight: bold;
}
#our-team article .team-about-social{
    width: 100%;
    clear: both;
    display: block;
    margin: 2px 0%;
    padding: 0px 4%;
}
#our-team article .team-about-social a{
    padding: 0px;
    margin: 0px 12px 0px 0px;
    font-size: 16px;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    background-color: #1abc9c25;
    float: left;
    color: #1abc9c;
    box-shadow: 0px 1px 3px 0 rgba(255, 255, 255, 0.14), 0 2px 4px 0 rgba(255, 255, 255, 0.12);
    cursor: pointer;
    transition: 1s;
}

#our-team article .team-about-social a:hover{
    font-weight: bold;
    box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.18);
    transition: 1s;
}
#our-team .p-teams{
    padding: 10px 0px;
    margin: 5px auto;
    width: 40%;
    clear: both;
    font-size: 16px;
    text-align: center;
}
#our-team .p-teams a{
    text-decoration: none;
    color: var(--mainColor);
    font-weight: bold;
    font-size: 18px;
}


/* our-services */
#our-services{
    width: 100%;
    padding: 0px;
    margin: 0px;
    clear: both;
    display: block;
    background-image: url(../media/site-contents/family.png);
    background-size:contain;
    background-repeat: no-repeat;
    background-position: right;
    min-height: 650px;
    transition: 3s;
}

#our-services:hover{
    background-position: left;
    transition: 3s;
}
#our-services .layer-a{
    width: 100%;
    padding: 0px;
    margin: 0px;
    clear: both;
    display: block;
    background-image: url(../media/site-contents/side-shape.png);
    background-size:contain;
    background-repeat: no-repeat;
    min-height: 650px;
}
#our-services .layer-b{
    width: 100%;
    padding: 50px 15%;
    margin: 0px;
    clear: both;
    display: block;
    background-color: rgba(93, 173, 226 , 0.94);
    min-height: 650px;
}
#our-services h2{
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    width: 40%;
    color: #fff;
    margin: 10px auto 30px auto;
}
#our-services h3{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

#our-services .smaller-container .top-smaller-cont{
    border: 3px solid #1abc9c;
    background-color: #ffffff99;
    float:left;
    width: 24%;
    min-height: 180px;
    margin: 30px 0.5% 0px 0.5%;
    border-radius: 8px;
}
#our-services .smaller-container .left-sd-icons{
    float:left;
    height: 200px;
    text-align: center;
    font-weight: bold;
    font-size: 66px;
    width: 30%;
    padding: 20px 0px 0px 0px;
}
#our-services .smaller-container .left-sd-icons img{
    object-fit: cover;
    height: 60px;
    height:60px;
}
#our-services .smaller-container .left-sd-contents{
    float:left;
    min-height: 200px;
    padding: 20px 3% 20px 0px;
    width: 70%;
}
#our-services .left-sd-contents h4{
    font-weight: bold;
    font-size: 24px;
    margin: 0px;
    padding: 20px 0px 0px 0px;
}
#our-services .left-sd-contents p{
    font-size: 16px;
    margin: 0px;
    padding: 10px 0px;
}
#our-services .left-sd-contents a{
    font-size: 16px;
    margin: 0px;
    padding: 10px 0px;
    font-weight:bold;
    color: #1abc9c;
}


/* features */
#features{
    width: 100%;
    padding: 70px 15% 40px 15%;
    margin: 0px;
    clear: both;
    display: block;
    min-height: 450px;
}
.background-color-services{
    background-color: #1abc9c20 !important;
}
.background-color-features{
    background-color: #fff;
}
#features .features-desc-side{
    float: left;
    width: 45%;
    padding: 0px 10% 0px 0px;
}
#features .features-card-side{
    float: right;
    width: 55%;
}
#features h2{
    text-align: left;
    font-size: 38px;
    font-weight: bold;
    margin: 20px auto 30px auto;
}
#features h3{
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    margin: 20px auto 30px auto;
    color: var(--mainColor);
}

#features article{
    width: 100%;
    min-height: 120px;
    background-color: #1abc9c50;
    float: left;
    margin: 10px 0%;
    border-radius: 6px;
    transition: 0.5s;
    padding: 15px 3%;
    box-shadow: 0px 3px 3px 0 rgba(255, 255, 255, 0.14), 0 2px 6px 0 rgba(255, 255, 255, 0.12);
}

#features article .features-icons-side{
    float: left;
    width: 80px;
    margin: 10px 10px;

}
#features article .feature-cont-main{
    float: left;
    width: auto;

}


#features article img{
    height: 56px;
    width: 56px;
    margin: 0px 0px 8px 0px;
    object-fit: contain;
}

#features article h4{
    font-weight: bold;
    font-size: 24px;
    padding: 2px 0px;
    margin: 7px 0px 0px 0px;
}

#features article p{
    font-size: 16px;
    padding: 5px 0px;
    margin: 1px 0px;
}


/* why-choose-us */
#why-choose-us{
    width: 100%;
    padding: 70px 15% 40px 15%;
    margin: 0px;
    clear: both;
    display: block;
    background-color: #f2f4f4;
    min-height: 600px;
}
#why-choose-us h2{
    text-align: left;
    font-size: 46px;
    font-weight: bold;
    padding: 12px 0px;
}
#why-choose-us h3{
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    color: var(--mainColor);
    margin: 15px 0px;
}
#why-choose-us .img-why{
    width: 46%;
    padding: 10px 0px;
    float: left;
    height: auto;
    margin: 10px 0px;
}
#why-choose-us .img-why img{
    object-fit: cover;
    width: 90%;
    height: 550px;
    border-radius: 20px;
}
#why-choose-us .why-contents{
    width: 52%;
    padding: 10px 0px;
    float: left;
    height: auto;
    margin: 10px 0px 0px 2%;
}

#why-choose-us .why-contents a{
    color: #333;
    text-decoration: none;
}

#why-choose-us .why-contents .left-side{
    width: 46%;
    height: 50px;
    line-height: 50px;
    background-color: #1abc9c;
    border-radius: 4px;
    float: left;
    margin: 5px 0px 10px 0%;
    padding: 0px 2%;
    font-weight: bold;
    transition: 1s;
    color: #fff;
}
#why-choose-us .why-contents .right-side{
    width: 46%;
    height: 50px;
    line-height: 50px;
    background-color: #1abc9c;
    color: #fff;
    border-radius: 4px;
    float: left;
    margin: 5px 0px 10px 4%;
    padding: 0px 2%;
    font-weight: bold;
    transition: 1s;
}

/*#why-choose-us .why-contents .left-side:hover, #why-choose-us .why-contents .right-side:hover{*/
/*    background-color: var(--mainRedColor);*/
/*    transition: 1s;*/
/*    cursor: pointer;color: #fff;*/
/*}*/

/* news letter */
#newslatter{
    width: 100%;
    padding: 40px 20%;
    margin: 0px;
    background-color: #f9fbff;
    clear: both;
    display: block;
    text-align: center;
    min-height: 320px;
}
#newslatter h3{
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    color: var(--mainColor);
}
#newslatter h4{
    font-size: 32px;
    font-weight: bold;
    margin: 0px;
    padding: 12px 0px;
}
.btnSendEmail{
    background-color: var(--mainColor) !important;
    color: #fff !important;
    font-weight: bold !important;
}

/* about-us */
#about-us{
    width: 100%;
    padding: 50px 6% 40px 6%;
    margin: 0px;
    clear: both;
    display: block;
    background-color: #ecf0f1;
    min-height: 700px;
}
#about-us .about-side-left{
    float: right;
    width: 50%;
    height: auto;
    margin: 0px;
}

#about-us .about-side-left h3{
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    color: var(--mainColor);
    margin: 15px 0px;
}
#about-us .about-side-left h2{
    text-align: left;
    font-size: 46px;
    font-weight: bold;
    padding: 20px 0px;
}


#about-us .about-side-left article{
    width: 100%;
    height: 145px;
    background-color: #fff;
    float: left;
    margin: 15px 0%;
    border-radius: 6px;
    transition: 0.5s;
    padding: 20px 1%;
    transition: 0.8s;
}

#about-us .about-side-left article:hover{
    box-shadow: 0px 3px 3px 0 rgba(0, 255, 255, 0.14), 0 2px 6px 0 rgba(255, 255, 255, 0.12);
    transition: 0.8s;
}

#about-us .about-side-left article .icons-about{
    float:left;
    width: 20%;
    height: 145px;
    text-align: center;
}
#about-us .about-side-left article .icons-about a{
    text-align: center;
    height: 80px;
    width: 80px;
    line-height: 80px;
    border-radius: 50%;
    background: #1abc9c20;
    display:block;
    margin: 0px auto;
    font-weight:bold;
    font-size: 32px;
    color: #1abc9c;
}

#about-us .about-side-left article .icons-about img{
    height: 36px;
    width: 36px;
    object-fit: contain;
}

#about-us .about-side-left article .text-about{
    float:left;
    width: 80%;
    height: 145px;
    padding: 0px 2% 0px 0px;
}

#about-us .about-side-left article .text-about p{
    font-size: 16px;
    color: var(--colorTextGray);
}

#about-us .about-side-left article .text-about h4{
    font-size: 22px;
    font-weight:bold;
    padding: 0px 0px 4px 0px;
}

#about-us .about-side-right{
    float: left;
    width: 48%;
    height: auto;
    margin: 0px 2% 0px 0px;
    background-color: transparent;
}

#about-us .about-side-right img{
    width: 29.333%;
    height: 160px;
    object-fit: cover;
    border-radius: 5px;
    margin: 20px 1.5%;
    transition: 0.8s;
}



/* document and reports */

/* documents */
#document-container{
    width:100%;
    min-height: 300px;
    background: #fff;
    clear: both;
    padding: 60px 15%;
}

#document-container h2{
    width: 40%;
    font-size: 46px;
    margin: 0px 0px 0px 1%;
}

#document-container a{
    color: #000;
    text-decoration: none;
}

#document-container h4{
    width: 40%;
    font-size: 16px;
    font-weight: normal;
    padding: 20px 0px;
    margin: 0px 0px 0px 1%;
}

#document-container article{
    width: 31.33%;
    margin: 10px 1%;
    padding: 15px 2%;
    border-radius: 2px;
    min-height: 140px;
    float: left;
    border: 2px solid #fff8f8;
    background: #fdfefe40;
}

#document-container article .document-icons{
    float: left;
    width: 20%;
    padding: 0%;
}

#document-container article .document-icons button{
    height: 55px;
    width: 45px;
    line-height: 55px;
    border-radius: 8px;
    border: 0px;
    margin: 30px 0px 0px 0px;
    font-size: 22px;
}

#document-container article .document-icons .pdf{
    background-color: var(--mainColor);
    color: #fff;
}

#document-container article .document-text{
    float: left;
    width: 80%;
}

#document-container article h3{
    font-size: 18px;
    font-weight: bold;
}
#document-container article p{
    font-size: 13px;
    font-weight: normal;
}


/* home page landing container */
#slider-container-landing{
    min-height:900px;
    background:#ecf0f1;
    position:relative;
    background-repeat:no-repeat;
    background-size: cover;
}

#slider-container-landing .my-home-slider{
    min-height:850px;
    background-color: rgba(0,0,0,0.35);
    color: #fff !important;
}

#slider-container-landing #my-home-slider{
    min-height:900px;
    position:relative;
    background-repeat:no-repeat;
    background-size: cover;
    background-position: center;
}
#slider-container-landing .plan-text-slider{
    float:left;
    height: auto;
    padding: 50px 15%;
    width: 65%;
}
#slider-container-landing .plan-text-slider h1{
    font-size: 38px;
    font-weight: bold;
    margin: 80px 0px 0px 0px;
}
#slider-container-landing .plan-text-slider p{
    padding: 25px 0px;
    font-size: 20px;
}

#slider-container-landing .plan-text-slider .btnGetQuote{
    padding: 9px 5%;
    margin: 10px 10px 0px 0px;
    color: #fff;
    background-color: var(--mainColor);
    border: 2px solid var(--mainColor);
    border-radius: 4px;
    font-weight: bold;
    font-size: 16px;
    transition: 0.8s;
}
#slider-container-landing .plan-text-slider .btnContactUsHm{
    padding: 9px 5%;
    margin: 10px 10px 0px 0px;
    background-color: transparent;
    color: #333;
    border: 2px solid #fff8f8;
    border-radius: 4px;
    font-weight: bold;
    font-size: 16px;
    transition: 0.8s;
}
#slider-container-landing .img-side-slider{
    float:left;
    height: auto;
    padding: 100px 15% 10px 2%;
    width: 45%;
}

#slider-container-landing .img-side-slider .slider-img-one{
    width: 50%;
    float: left;
    height: auto;
    margin: 0px 2% 0px 0px;
}
#slider-container-landing .img-side-slider .slider-img-two{
    width: 48%;
    float: right;
    height: auto;
}
#slider-container-landing .img-side-slider .slider-img-two .slider-img-two-2{
    width: 100%;
    margin: 20px 0px 0px 0px;
    height: 280px;
}
#slider-container-landing .img-side-slider .slider-img-two .slider-img-two-1{
    width: 100%;
    margin: 0px 0px 10px 0px;
    height: 200px;
}
#slider-container-landing .img-side-slider .slider-img-two .slider-img-two-2 img{
    width: 100%;
    object-fit: cover;
    height: 280px;
}
#slider-container-landing .img-side-slider .slider-img-two .slider-img-two-1 img{
    width: 100%;
    object-fit: cover;
    height: 200px;
}
#slider-container-landing .img-side-slider img{
    object-fit: cover;
    width: 100%;
    height: 500px;
    border-radius: 8px;
    box-shadow: 0px 3px 9px 0 rgba(0, 0, 0, 0.14), 0 4px 8px 0 rgba(0, 0, 0, 0.12);
}

#slider-container-landing .plan-text-slider button:hover{

    transition: 0.8s;
    box-shadow: 0px 0px 12px 0px #00000078;
}


/* blogs pages */
#blog-pages{
    width: 100%;
    padding: 50px 5%;
    margin: 0px;
    clear: both;
    display: block;
    background-color: #fff;
    min-height: 600px;
}
#blog-pages a{
    text-decoration: none;
    color: #333;
}
#blogs-tags{
    width: 25%;
    padding: 50px 0% 50px 3%;
    margin: 0px;
    float: left;
    display: block;
    min-height: 500px;
}

#blogs-tags h2{
    padding: 20px 0px;
    font-weight: bold;
    font-size: 22px;
}

#blogs-tags a{
    padding: 10px 4%;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    color: #1abc9c;
    background-color: #ecf0f1;
    border-radius: 5px;
    margin: 5px 10px 10px 0px;
    float: left;
    cursor: pointer;
    text-decoration: none;
    transition: 1s;
}

#blogs-tags a:hover{
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.14), 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    transition: 1s;
}

#blog-news-article-list{
    width: 75%;
    padding: 50px 0%;
    margin: 0px auto;
    clear: both;
    display: block;
    min-height: 500px;
}

#blog-news-article-list h4{
    padding: 20px 1.5%;
    font-weight: bold;
    font-size: 26px;
}
#blogs-tags h4{
    padding: 27px 0px ;
    font-weight: bold;
    font-size: 22px;
}

#blog-news-article-list h1{
    text-align: center;
    font-size: 46px;
    font-weight: bold;

}

#blog-news-article-list h2{
    text-align: center;
    font-size: 18px;
    font-weight: bold;

}

#blog-news-article-list .news-p{
    text-align: center;
    width: 50%;
    margin: 10px auto 55px auto;
    clear: both;
}

#blog-news-article-list article{
    width: 30.33%;
    height: 365px;
    float: left;
    margin: 15px 1.5%;
    background: #fff;
    border-radius: 8px;
}

#blog-news-article-list article .article-img-cont{
    width: 100%;
    height: 180px;
    border-radius: 8px;
    clear: both;
}

#blog-news-article-list article .article-img-cont img{
    width: 100%;
    height: 180px;
    border-radius: 8px;
    object-fit: cover;
}

#blog-news-article-list article .article-text-cont{
    width: 100%;
    height: 180px;
    clear: both;
    padding: 10px 4%;
}

#blog-news-article-list article .article-text-cont h3{
    font-weight: bold;
    font-size: 14px;
    padding: 8px 0px;
}

#blog-news-article-list article .article-text-cont p{
    font-weight: bold;
    font-size: 20px;
}

#blog-news-article-list article .article-text-cont h4{
    font-weight: lighter;
    font-size: 12px;
    color: #1abc9c;
}

#blog-news-article-list article .article-text-cont h4 .article-date{
    float: left;
    width: 50%;
}
#blog-news-article-list article .article-text-cont h4 .article-comment{
    float: right;
    width: 50%;
    text-align: right;
}


#container-blog-read{
    width: 100%;
    padding: 30px 17%;
    background-color: #ecf0f1;
    min-height: 500px;
    clear: both;
}
#container-blog-read #cont-rd-img{
    width: 100%;
    max-height: 700px;
    background-color: #f2f3f4;
}
#container-blog-read img{
    width: 100%;
    max-height: 700px;
    object-fit: contain;
}

#container-blog-read h2{
    padding:40px 0px 15px 0px;
    font-weight: bold;
    font-size: 36px;
}

#container-blog-read h3{
    padding:10px 0px;
    font-weight: bold;
    font-size: 18px;
    color: #1abc9c;
}

#container-blog-read p{
    padding:10px 0px;
    font-size: 16px;
}


/* our partners */
/* Slider */
.container-partner{
    width: 100%;
    padding: 30px 15%;
    min-height: 100px;
    max-height: 300px;
    clear: both;
    display: block;
    background-color: #1abc9c20;
}
.container-partner img
{
    max-width: 250px !important;
    max-height: 250px !important;
    float: left;
}
.our-partners{
    float: left;
    width: 20%;
    font-size: 42px;
    font-weight: bold;
    text-align: center;
    min-height: 100px;
    margin-right: 2%;
    margin-top: 25px;
    padding: 10px 2%;
    border-right: 8px solid var(--mainColor);
}
.customer-logos{
    float: right;
    width: 78%;
}
.slick-slide {
    margin: 0px 10px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: "";
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}



/* pages headers */
#page-header{    width: 100%;
    height: 200px;
    clear: both;
    padding: 50px 0px 0px 0px;
    margin: 0px;
    background-image: url(../media/site-contents/back-img-200.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    color:#5d6d7e;
    background-size: cover;}
#page-header h1{font-weight: bold;font-size: 46px;text-align: center;padding: 10px 0px 0px 0px;}
#page-header h3{font-weight: bold;font-size: 18px;text-align: center;padding: 3px 0px 0px 0px;}
#page-header a{text-decoration: none;color:#5d6d7e;}


/* contact us style */
#map-container{
    height: 500px;
    width: 100%;
    margin: 0px;
    padding: 0px 0%;
    clear: both;
    background-color: #fff;
}

#map-container iframe{
    height: 500px;
    width: 100%;
}
#get-in-touch{
    float: left;
    min-height: 540px;
    width: 50%;
    padding: 40px 2% 20px 13%;
    margin: 0px;
    color: #333;
}

#get-in-touch h2{
    padding: 0px 0px 20px 0px;
    margin: 0px;
    font-size: 28px;
}

#get-in-touch h3{
    padding: 25px 0px 8px 0px;
    margin: 0px;
    font-size: 16px;
}

#get-in-touch a{
    padding: 5px 0px;
    margin: 0px;
    font-size: 14px;
    display: block;
}
#get-in-touch p{
    padding: 10px 0px;
    margin: 0px;
    font-size: 13px;
}

#get-in-touch-form{
    float: left;
    min-height: 540px;
    background-color: #fff;
    width: 32%;
    padding: 50px 3%;
    margin: 0px 13% 0px 5%;
    color: #333;
    border-radius: 12px;
}
/* end here contact us style */



/*  form */
.half-input-left{
    width: 49%;
    float: left;
    height: auto;
    margin: 0px;
    padding: 5px 1% 5px 0px;
}

.half-input-right{
    width: 49%;
    float: left;
    height: auto;
    margin: 0px;
    padding: 5px 0% 5px 1%;
}

.input-3-left{
    width: 32%;
    float: left;
    height: auto;
    margin: 0px;
    padding: 5px 0px;
}
.input-3-midd{
    width: 32%;
    float: left;
    height: auto;
    margin: 0px;
    padding: 5px 2%;
}
.input-3-right{
    width: 32%;
    float: left;
    height: auto;
    margin: 0px;
    padding: 5px 0px;
}

.half-input{
    width: 50%;
    float: left;
    height: auto;
}
.full-input{
    width: 100%;
    float: left;
    height: auto;
    margin: 0px;
    padding: 5px 0px;
}
.full-inputs{
    width: 95% !important;
    clear:both;
    height: auto;
    margin: 0px;
    padding: 5px 0px;
}
.input-text{
    width: 96%;
    margin: 8px 0px;
    padding: 14px 2%;
    border-radius: 5px;
    border: 1px solid #E5E7E9;
    font-size: 11px;
}
.input-other{
    width: 96%;
    margin: 8px 0px;
    padding: 14px 2%;
    height: 120px;
    border-radius: 5px;
    border: 1px solid #E5E7E9;
    font-size: 11px;
}

.input-select{
    width: 100%;
    margin: 8px 0px;
    padding: 14px 2%;
    border-radius: 5px;
    border: 1px solid #E5E7E9;
    font-size: 11px;
}
.view-col-full{width: 100%;padding: 5px 0px;clear: both;}
.view-col-full-v2{width: 100%;padding: 1px 0px;clear: both;margin:0px}
.view-col-half-left{width: 49.5%;float: left;padding: 3px 0.5% 3px 0%;}
.view-col-half-right{width: 49.5%;float: right;padding: 3px 0% 3px 0.5%;}
.view-col3-left{width: 32%;float: left;padding: 3px 0%;margin: 0px;}
.view-col3-mid{width: 32%;float: left;padding: 3px 0%;margin: 0px 2%;}
.view-col3-right{width: 32%;float: right;padding: 3px 0%;margin: 0px;}
.view-col4-left{width: 24%;float: left;padding: 3px 0%;margin: 0px;}
.view-col4-mid-a{width: 24%;float: left;padding: 3px 0%;margin: 0px 1%;}
.view-col4-mid-b{width: 24%;float: left;padding: 3px 0%;margin: 0px 1%;}
.view-col4-right{width: 24%;float: right;padding: 3px 0%;margin: 0px;}
.view-col4-left h5, .view-col4-mid-a h5, .view-col4-mid-b h5, .view-col4-right h5, .view-col-full h5, .view-col-half-left h5, .view-col-half-right h5, .view-col3-left h5, .view-col3-mid h5, .view-col3-right h5{margin: 6px 0px 0px 0px;padding: 5px 0px;font-size: 12px;font-weight: lighter;}
.view-col-full h3{font-size: 14px;margin: 6px 0px 0px 0px;padding: 5px 0px;}
/* end column layout */

/* about-us */
#faq{
    width: 100%;
    padding: 70px 20% 40px 20%;
    margin: 0px;
    clear: both;
    display: block;
    background-color: #fff;
    min-height: 700px;
}


#faq h4{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #1abc9c;
    margin: 15px 0px 5px 0px;
}
#faq h3{
    text-align: center;
    font-size: 46px;
    font-weight: bold;
    padding: 10px 0px 30px 0px;
}

#faq .para-txt{
    text-align: center;
    padding: 10px 20%;
    margin-bottom: 20px;
}

#faq-header{
    min-width: 10%;
    height: 60px;
    line-height: 60px;
    font-size: 36px;margin: 25px 0px;
}
#faq .accordion-item{
    background-color: #ecf0f1;
    margin: 10px 0%;

}
#faq .accordion-header{
    border-bottom: 1px solid #1abc9c20;
    background-color: #1abc9c20 !important;
}


/* style */
#document-style-container{
    width: 100%;
    clear: both;
    min-height: 500px;
    padding: 50px 6%;
}

#document-style-container #document-contents{
    clear: both;
    width: 100%;
    padding:0px 15%;
    min-height:500px;
    color: #5d6d7e;
}

#document-style-container #document-contents section h2{
    font-weight: bold;
    font-size: 42px;
    margin: 15px 0px 15px 0px;
    display: block;
    text-decoration: none;
    padding: 0px;
}
#document-style-container #document-contents section h3{
    font-weight: bold;
    font-size: 18px;
    margin: 10px 0px 20px 0px;
    display: block;
    text-decoration: none;
    padding: 0px;
}

#document-style-container #document-contents #contents-start-here h1{
    font-weight: bold;
    font-size: 44px;
    margin: 30px 0px;
    display: block;
    text-decoration: none;
    padding: 0px;
}

#document-style-container #document-contents #contents-start-here h2{
    font-weight: bold;
    font-size: 32px;
    margin: 30px 0px;
    display: block;
    text-decoration: none;
    padding: 0px;
}

#document-style-container #document-contents #contents-start-here h3{
    font-weight: bold;
    font-size: 24px;
    margin: 20px 0px;
    display: block;
    text-decoration: none;
    padding: 0px;
}

#document-style-container #document-contents #contents-start-here h4{
    font-weight: bold;
    font-size: 18px;
    margin: 20px 0px;
    display: block;
    text-decoration: none;
    padding: 0px;
}

#document-style-container #document-contents #contents-start-here h5{
    font-weight: bold;
    font-size: 68px;
    margin: 20px 0px;
    display: block;
    text-decoration: none;
    padding: 0px;
}

#document-style-container #document-contents #contents-start-here li{
    list-style: none;
    margin: 5px 0px 0px 10px;
    padding: 10px 0px;
}

#document-style-container #document-contents #contents-start-here li span{
    color: #1abc9c;
    font-weight: bold;
    margin: 0px 10px 0px 0px;
}

.quotes{
    background-color: #1abc9c30;
    border-radius: 6px;
    padding: 20px 4%;
    width: 100%;
    margin: 20px 0px;
}
/* .quotes span{
  font-size: 46px;
  font-weight: bold;
} */



/* our products */
#our-insurance{
    width: 100%;
    padding: 70px 5%;
    margin: 0px;
    clear: both;
    display: block;
    background-color: #ecf0f1;
    min-height: 650px;
}
#our-insurance h2{
    text-align: center;
    font-size: 46px;
    font-weight: bold;
    width: 40%;
    margin: 10px auto 30px auto;
}
#our-insurance h3{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: var(--mainColor);
}


/*  about us pages */
#about-container-sub{
    width:100%;
    padding: 80px 15%;
    min-height: 300px;
    clear: both;
}

#about-container-sub .contents-about-us{
    width: 58%;
    min-height:300px;
}
#about-container-sub .contents-about-us h2{
    text-align: left;
    font-size: 46px;
    font-weight: bold;
    margin: 10px auto 30px auto;
}
#about-container-sub .contents-about-us h3{
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    color: var(--mainColor);
}
#about-container-sub .contents-about-us li{
    list-style: none;
    margin: 5px 0px 0px 10px;
    padding: 10px 0px;
}

#about-container-sub .contents-about-us li span{
    color: #1abc9c;
    font-weight: bold;
    margin: 0px 10px 0px 0px;
}
#about-container-sub .contents-about-us-right{
    float: left;
    padding: 0px 4% 0px 0px;
}

#about-container-sub .contents-about-us-left{
    float: right;
    padding: 0px 0% 0px 4%;
}


#about-container-sub .img-about-us{width: 42%;min-height:300px;text-align: center;}
#about-container-sub .img-about-us-right{float: left;padding: 0px 4% 0px 0px;}
#about-container-sub .img-about-us-left{float: right;padding: 0px 0% 0px 4%;}
#about-container-sub .img-about-us img{margin: 10px 0px 0px 0px;height: 550px;width:95%;border-radius: 18px;object-fit: cover;}



#about-container-sub table{
    border-collapse: collapse;
    width: 100%;
}
#about-container-sub table th{
    background-color: #1abc9c60;
    padding: 7px 5px;
    font-size: 13px;
}

#about-container-sub table tbody tr{
    background-color: #1abc9c30;
    padding: 5.5px 5px;
    font-size: 12px;
}

#about-container-sub table tbody td{
    padding: 5.5px 6px;
    font-size: 12px;
}

#about-container-sub table tbody tr:nth-of-type(even){
    background-color: #1abc9c10;
}

.media {
    max-width: 100%;
    text-align: center;
}
.youtube-embed iframe {
    max-width: 100%;
}

/* header tour */
#header-tour
{
    width: 100%;
    height: 300px;
    clear: both;
    padding: 0px;
    margin: 0px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

#header-tour .header-tour
{
    width: 100%;
    height: 300px;
    clear: both;
    padding: 0px;
    margin: 0px;
    background: rgba(0,0,0,0.4);
    color: #fff;
    text-align: center;
}
#header-tour .header-tour h2
{
    font-weight: bold;
    padding: 100px 0px 0px 0%;
    margin: 0px;
    font-size: 46px;
}

#header-tour .header-tour p
{
    font-weight: bold;
    padding: 10px 0px 0px 0%;
    margin: 0px auto;
    font-size: 18px;
    width: 40%;
}

#header-package
{
    width: 100%;
    height: 200px;
    clear: both;
    padding: 0px;
    margin: 0px;
    background-image: url(../media/site-contents/back-img-200.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}

#header-package .header-package
{
    width: 100%;
    height: 200px;
    clear: both;
    padding: 0px;
    margin: 0px;
    background: rgba(0,0,0,0.4);
    color: #fff;
    text-align: left;
}
#header-package .header-package h2
{
    font-weight: bold;
    padding: 60px 0px 0px 10%;
    margin: 0px;
    font-size: 46px;
}

#header-package .header-package p
{
    font-weight: bold;
    padding: 10px 0px 0px 10.2%;
    margin: 0px;
    font-size: 18px;
    width: 100%;
}

#main-cont-tour{
    width: 100%;
    padding: 50px 15%;
    clear:both;
    margin: 0px;
    min-height: 700px;
    background-color: #fff;
}
#main-cont-tour .tour-cont-left{
    clear: both;
    width: 100%;
    min-height: 500px;
    background: #fff;
    padding: 0px;
}
/*#main-cont-tour .tour-cont-left article{*/
/*    border-radius: 8px;*/
/*    height: 350px;*/
/*    width: 100%;*/
/*    clear: both;*/
/*    margin: 0px 0px 20px 0px;*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*    position: relative;*/
/*}*/
/*#main-cont-tour .tour-cont-left article div{*/
/*    background-color: rgba(0, 0, 0, 0.58);*/
/*    border-radius: 8px;*/
/*    height: 350px;*/
/*    width: 100%;*/
/*    position: relative;*/
/*}*/
/*#main-cont-tour .tour-cont-left article div section{*/
/*    position: absolute;*/
/*    bottom: 10px;*/
/*    color: #fff;*/
/*    padding: 0px 5%;*/
/*}*/
/*#main-cont-tour .tour-cont-left article div section h2{*/
/*    font-weight: bold;*/
/*    font-size: 19px;*/
/*}*/
/*#main-cont-tour .tour-cont-left article div section p{*/
/*    font-weight: bold;*/
/*    font-size: 20px;*/
/*    margin: 0px;*/
/*    padding: 5px 0px 10px 0px;*/
/*    color: var(--mainRedColor);*/
/*}*/


#main-cont-tour .tour-cont-right{
    clear: both;
    width: 100%;
    min-height: 500px;
    background: transparent;
}

#main-cont-tour .tour-cont-right .tour-article{
    height: 240px;
    width: 100%;
    background-color: #fff;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom: 1px solid #fff8f8;
    margin: 0px 0px 15px 0px;
}
#main-cont-tour .tour-cont-right .tour-article a{
    text-decoration: none;
    color: #333;
}
#main-cont-tour .tour-cont-right .tour-img{
    height: 240px;
    width: 31%;
    float: left;
}
#main-cont-tour .tour-cont-right .tour-img img{
    height: 240px;
    width: 100%;
    object-fit: cover;
    border-radius: 6px;
}
#main-cont-tour .tour-cont-right .tour-contents{
    height: 240px;
    width: 51%;
    float: left;
    padding: 0px 0px 0px 2%;
}
#main-cont-tour .tour-cont-right .tour-contents h2{
    font-size: 20px;
    padding: 0px 0px 10px 0px;
    margin: 0px;
    font-weight: bold;
}
#main-cont-tour .tour-cont-right .tour-contents ul{
    padding: 8px 2%;
    background-color: #fff8f860;
    margin: 0px;
    list-style: none;
    border-radius: 8px;
    font-size: 13px;
}
#main-cont-tour .tour-cont-right .tour-contents p{
    font-size: 14px;
}
#main-cont-tour .tour-cont-right .tour-contents h3{
    font-size: 16px;
    padding: 0px 0px 6px 0px;
    margin: 0px;
    font-weight: bold;
}
#main-cont-tour .tour-cont-right .tour-contents h4{
    font-size: 14px;
    padding: 6px 0px;
    margin: 0px;
    font-weight: bold;
    display: none;
    color: #71a3dc;
}
#main-cont-tour .tour-cont-right .tour-contents ul span{
    margin: 0px 5px 0px 0px;
    font-weight: bold;
    color: #71a3dc;
}
#main-cont-tour .tour-cont-right .tour-button{
    height: 240px;
    width: 18%;
    float: left;
    padding: 20px 0px 0px 3%;
}
#main-cont-tour .tour-cont-right .tour-button h3{
    font-weight: bold;
    font-size: 22px;
    padding: 0px 0px 10px 0px;
}

#main-cont-tour .tour-cont-right .tour-button button{
    padding: 7px 2%;
    text-align: center;
    margin: 3px 0px 15px 0px;
    background-color: var(--mainRedColor);
    border-radius: 5px;
    border: 1px solid var(--mainRedColor);
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}

#main-cont-tour .tour-cont-right .tour-button h4{
    font-weight: bold;
    font-size: 18px;
    padding: 0px;
}

/* packages containers */
#main-cont-tour .packages-cont-left{
    float: right;
    width: 31%;
    min-height: 500px;
    background: #fff;
    padding: 0px 0% 0px 2%;
    margin: 0px 5% 0% 0px;
}
#main-cont-tour .packages-cont-right{
    float: left;
    width: 59%;
    min-height: 500px;
    background: transparent;
    margin: 0px 0% 0% 5%;
}
.package-detail-container{
    background-color: transparent;
    min-height: 300px;
    width: 95%;
    clear: both;
    display: block;
    margin: 0px 5% 0px 0px;
    padding: 0px;
}


#slider-container-packages, #slider-container-packages #my-home-slider{
    border-radius: 16px;
}

#slider-container-packages img{
    border-radius: 16px;
    object-fit: cover;
    height: 450px;
    width: 100%;
}
.details-pck-header h2{
    padding: 0px;
    margin: 0px 0px 20px 0px;
    font-size: 28px;
    font-weight: bold;
}

.details-pck-header p{
    padding: 0px;
    margin: 0px 0px 30px 0px;
}

.details-pck-header p strong{
    margin: 0px 10px 0px 0px;
}

.details-pck-header p span{
    font-weight: bold;
    color: #1abc9c;
    margin: 0px 5px 0px 0px;
}

#main-cont-tour .packages-cont-left .package-price-details{
    border: 2px solid #fff8f8;
    border-radius: 6px;
    padding: 20px 4%;
    background-color: #fff8f8;

}

#main-cont-tour .packages-cont-left .package-price-details .packages-info-pr-a{
    float: left;
    width: 60%;
    text-align: left;
    font-size: 22px;
    font-weight: bold;
}
#main-cont-tour .packages-cont-left .package-price-details .packages-info-pr-b{
    float: right;
    width: 40%;
    text-align: right;
    font-size: 26px;
    font-weight: bold;
    color: #1abc9c;
}
#main-cont-tour .packages-cont-left .package-price-details .packages-info-sub-details{
    clear: both;
    padding: 10px 0px;
    margin: 2px 0px;
    width: 100%;
}
#main-cont-tour .packages-cont-left .package-price-details .packages-info-sub-details ul{
    list-style: none;
    padding: 2.5px 0px;
    margin: 2.5px 0px;
}
#main-cont-tour .packages-cont-left .package-price-details .packages-info-sub-details ul span{
    margin: 0px 9px 0px 0px;
    font-weight: bold;
    color: #1abc9c;
}
#main-cont-tour .packages-cont-left .package-price-details table{
    border-collapse: collapse;
    width: 100%;
}
#main-cont-tour .packages-cont-left .package-price-details table th{
    background-color: #1abc9c60;
    padding: 7px 5px;
    font-size: 13px;
}

#main-cont-tour .packages-cont-left .package-price-details table tbody tr{
    background-color: #1abc9c30;
    padding: 5.5px 5px;
    font-size: 12px;
}

#main-cont-tour .packages-cont-left .package-price-details table tbody td{
    padding: 5.5px 6px;
    font-size: 12px;
}

#main-cont-tour .packages-cont-left .package-price-details table tbody tr:nth-of-type(even){
    background-color: #1abc9c10;
}


#main-cont-tour .packages-cont-left .package-inc-details{
    border: 2px solid #48c9b020;
    border-radius: 6px;
    padding: 20px 4%;
    background-color: #48c9b010;
    margin: 30px 0px 10px 0px;
}
#main-cont-tour .packages-cont-left .package-inc-details h3{
    padding: 0px 0px;
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
}

#main-cont-tour .packages-cont-left .package-inc-details ul{
    padding: 0px;
    margin: 10px 0px 0px 0px;
    list-style-type: none;
}
#main-cont-tour .packages-cont-left .package-inc-details ul li{
    padding: 5px 0px;
}

#main-cont-tour .packages-cont-left .package-inc-details ul li span{
    padding: 0px;
    margin: 0px 8px 0px 0px;
    color: #148f77;
    font-weight: bold;
}

#main-cont-tour .packages-cont-left .package-exc-details{
    border: 2px solid #f7466c20;
    border-radius: 6px;
    padding: 20px 4%;
    background-color: #f7466c10;
    margin: 30px 0px 10px 0px;
}
#main-cont-tour .packages-cont-left .package-exc-details h3{
    padding: 0px 0px;
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
}

#main-cont-tour .packages-cont-left .package-exc-details ul{
    padding: 0px;
    margin: 10px 0px 0px 0px;
    list-style-type: none;
}
#main-cont-tour .packages-cont-left .package-exc-details ul li{
    padding: 5px 0px;
}

#main-cont-tour .packages-cont-left .package-exc-details ul li span{
    padding: 0px;
    margin: 0px 8px 0px 0px;
    color:#f7466c;
    font-weight: bold;
}


#main-cont-tour .packages-cont-right .package-inc-details{
    border: 2px solid #48c9b010;
    border-radius: 6px;
    padding: 20px 2%;
    background-color: #48c9b005;
    margin: 30px 0px 10px 0px;
}
#main-cont-tour .packages-cont-right .package-inc-details h3{
    padding: 0px 0px;
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
}

#main-cont-tour .packages-cont-right .package-inc-details ul{
    padding: 0px;
    margin: 10px 0px 0px 0px;
    list-style-type: none;
}
#main-cont-tour .packages-cont-right .package-inc-details ul li{
    padding: 5px 0px;
}

#main-cont-tour .packages-cont-right .package-inc-details ul li span{
    padding: 0px;
    margin: 0px 8px 0px 0px;
    color: #148f77;
    font-weight: bold;
}

#main-cont-tour .packages-cont-right #container-text-p-pck
{
    padding: 10px 0px;
    margin: 0px 0px;
    clear: both;
}

#container-text-p-pck li{
    list-style: none;
    padding: 4px 0px;
}

#container-text-p-pck li span{
    margin: 0px 10px 0px 0px;
}

#main-cont-tour .packages-cont-right #container-text-p-pck table{
    padding: 10px 2%;
    border-collapse: collapse;
    width: 100%;
    margin: 20px 0px;
    background-color: #fdfefe;
}

#main-cont-tour .packages-cont-right #container-text-p-pck table h3{
    font-size: 16px;
    font-weight: bold;
    margin: 0px 0px;
    padding: 15px 0px 3px 0px;
}

#main-cont-tour .packages-cont-right #container-text-p-pck table td{
    padding: 8px 2%;
}

#main-cont-tour .packages-cont-right #container-text-p-pck h2{padding: 20px 0px;margin: 0px 0px;font-size: 22px;font-weight: bold;}


/* container-services-top-three */
#container-services-top-three{
    width: 100%;
    padding: 60px 15% 30px 15%;
    margin: 0px;
    clear: both;
    display: block;
    min-height: 500px;
}

#container-services-top-three .container-left-ser{
    clear: both;
    width: 100%;
    padding: 30px 0px;
    min-height: 200px;
    background-color: transparent;
}

#container-services-top-three .container-package-side-title{
    float: left;
    width: 60%;
    min-height: 80px;

}
#container-services-top-three .container-package-side-desc{
    float: right;
    width: 40%;
    min-height: 80px;
}


#container-services-top-three .container-left-ser h2{
    padding: 5px 0px 20px 0px;
    margin: 0px;
    font-size: 42px;
    font-weight: bold;
}

#container-services-top-three .container-left-ser button{
    padding: 8px 0%;
    color: var(--mainRedColor);
    font-weight: bold;
    border: 0px solid transparent;
    background: transparent;
    margin: 10px 0px 0px 0px;
    font-size: 18px;
    transition: 1s;
    cursor: pointer;
}


#container-services-top-three .container-right-ser{
    clear: both;
    width: 100%;
    padding: 10px 0px;
    margin: 10px 0px;
    min-height: 200px;
    background-color: transparent;
}

#container-services-top-three .container-right-ser article{
    width: 23.5%;
    margin: 10px 0.75%;
    float: left;
    height: 400px;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 22px;
    color:#5d6d7e;
    position: relative;
}
#container-services-top-three .container-right-ser article div{
    width: 100%;
    height: 400px;
    border-radius: 22px;
    background: rgba(0,0,0,0.24);
}
#container-services-top-three .container-right-ser article section{
    bottom: 0px;
    left: 0px;
    position: absolute;
    padding: 12px 4%;
    color: #fff;
}
#container-services-top-three .container-right-ser article img{
    width: 100%;
    height: 380px;
    object-fit: cover;
    border-radius: 6px;
}

#container-services-top-three .container-right-ser article h4{
    padding: 20px 0% 10px 0px;
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
}

#container-services-top-three .container-right-ser article h5{
    padding: 10px 0% 10px 0%;
    margin: 0px;
    font-size: 16px;
    font-weight: bold;
}



.menu-list-links-mb{
    display: none;
}




/* gallery */
#gallery{
    -webkit-column-count:4;
    -moz-column-count:4;
    column-count:4;
    -webkit-column-gap:20px;
    -moz-column-gap:20px;
    column-gap:20px;
    padding: 50px 6%;
    width: 100%;
}
@media (max-width:1200px){
    #gallery{
        -webkit-column-count:3;
        -moz-column-count:3;
        column-count:3;

        -webkit-column-gap:20px;
        -moz-column-gap:20px;
        column-gap:20px;
    }
}
@media (max-width:800px){
    #gallery{
        -webkit-column-count:2;
        -moz-column-count:2;
        column-count:2;

        -webkit-column-gap:20px;
        -moz-column-gap:20px;
        column-gap:20px;
    }
}
@media (max-width:600px){
    #gallery{
        -webkit-column-count:1;
        -moz-column-count:1;
        column-count:1;
    }
}
#gallery img,#gallery video {
    width:100%;
    height:auto;
    margin: 2% auto;
    box-shadow:-3px 3px 9px #000;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.modal-img,.model-vid{
    width:100%;
    height:auto;
}
.modal-body{
    padding:0px;
}




/* DobTrees */
.donation-home-container{
    width: 100%;
    clear: both;
    padding: 50px 15%;
    height: 500px;
    background: #fff;
}

.donation-home-container .divider-donation
{
    width: 200px;
    height: 5px;
    margin: 70px auto 0px auto;
    clear: both;
    background: #1abc9c;
    border-radius: 10px;
}

.donation-home-container .donation-container-title{
    padding: 10px 0px;
}

.donation-home-container .donation-container-title h2{
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    margin: 30px 0px;
}

.donation-home-container .donation-container-title p{
    text-align: center;
    padding: 0px 20%;
}

.donation-container-card{
    width: 100%;
    clear: both;
    margin: 0px 0px;
    padding: 0px 15%;
    min-height: 400px;
    background: #1abc9c30;
}

.donation-container-card .card-donation-list{
    float: left;
    width: 23%;
    min-height: 300px;
    background: #fff;
    border-radius: 6px;
    margin: -100px 1% 0px 1%;
    padding: 20px 3%;
    box-shadow: 0px 0.57px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.donation-container-card .card-donation-list h2{
    text-align: center;
    padding: 40px 0px 10px 0px;
    font-weight: bold;
}

.donation-container-card .card-donation-list h3{
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    margin: 15px 0px;
}

.donation-container-card .card-donation-list p{
    text-align: center;
    margin: 5px 0px;
    padding: 0px;
}

.donation-container-card .card-donation-list a{text-decoration: none}
.donation-container-card .card-donation-list button{
    text-align: center;
    padding: 10px 2%;
    background: #1abc9c;
    border-radius: 5px;
    border: #1abc9c 1px solid;
    margin: 30px auto 0px auto;
    width: 220px;
    display: block;
    clear: both;
}

.donate-help{
    width: 100%;
    clear: both;
    padding: 50px 15%;
    min-height: 600px;
    background: #1abc9c02;
}
.donate-help .donate-help-title{
    width: 100%;
    clear: both;
    display: block;
    padding: 50px 0px 0px 0px;
}
.donate-help .donate-help-title h2{
    text-align: center;
    padding: 40px 0px 10px 0px;
    font-weight: bold;
    font-size: 26px;
    color: #1abc9c;
}

.donate-help .donate-help-title h3{
    text-align: center;
    padding: 10px 30%;
    font-weight: bold;
    font-size: 34px;
}
.donate-help-card{
    width: 100%;
    min-height: 500px;
    clear: both;
    margin: 25px 0px;
    padding: 20px 0px;
}
.donate-help .donate-help-card-list{
    float: left;
    width: 31.333%;
    min-height: 450px;
    background: #fff;
    border-radius: 6px;
    margin: 15px 1%;
    padding: 20px 3%;
    box-shadow: 0px 0.57px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.donate-help .donate-help-card-list .donate-help-card-icon
{
    width: 160px;
    height: 160px;
    line-height: 160px;
    margin: 20px auto;
    border-radius: 50%;
    background: #1abc9c20;
    text-align: center;
}
.donate-help .donate-help-card-list .donate-help-card-icon img{
    width: 90px;
    height: 90px;
    object-fit: cover;
    text-align: center;
}

.donate-help .donate-help-card-list .donate-help-card-title{
    width: 100%;
    clear: both;
    margin: 10px 0px;
    padding: 10px 0px;
    text-align: center;
}

.donate-help .donate-help-card-list .donate-help-card-title h2{
    font-weight: bold;
    padding: 8px 0px;
}



.donation-detail-container{
    width: 100%;
    clear: both;
    padding: 100px 15%;
    min-height: 600px;
    background: #1abc9c35;
    display: block;
}
.donation-detail-container .donation-detail-container-left{
    float: left;
    width: 60%;
    height: 450px;
    padding: 10px 10% 0px 0px;
}
.donation-detail-container .donation-detail-container-left h2{
    text-align: left;
    padding: 20px 0px 10px 0px;
    font-weight: bold;
    font-size: 46px;
}
.donation-detail-container .donation-detail-container-left li{
    list-style: none;
    padding: 6px 0px;
}

.donation-detail-container .donation-detail-container-left h3{
    text-align: left;
    padding: 20px 0px 10px 0px;
    font-weight: bold;
    font-size: 28px;
}

.donation-detail-container .donation-detail-container-right{
    float: right;
    width: 35%;
    padding: 30px 3%;
    height: 450px;
    margin: 0px 0px 0px 5%;
    border-radius: 10px;
    background: #fff;
}
.donation-detail-container .donation-detail-container-right h2{
    text-align: left;
    padding: 30px 0px 20px 0px;
    font-weight: bold;
    font-size: 42px;
}


/* Start media query for mobile */
@media (max-width: 767px)
{

    #site-nav-mobile{display: block;position: sticky;}
    #site-nav{display: none;}

    /* mobile menu */
    .menu-list-links-mb{
        width:100%;
        height: 100vh;
        background-color: #fff8f8 !important;
        padding: 10px 2%;
        z-index: 9999999;
    }

    .menu-list-links-mb ul{
        list-style: none;
        margin: 0px;
        padding: 0px 0px 0px 25px;
    }

    .menu-list-links-mb ul a{
        text-decoration: none;
        color: #333;
        margin: 4px 0px;
        padding: 8px 0px;
    }

    .menu-list-links-mb ul li{
        text-decoration: none;
        margin: 4px 0px;
        padding: 8px 0px;
        font-weight: bold;
        font-size: 16px;
    }

    .menu-list-links-mb ul li span{
        margin: 0px 10px 0px 0px;
    }

    .menu-list-links-mb .active{
        font-weight: bold;
        font-size: 18px;
        color: var(--mainColor) ;
    }

    .menu-list-links-mb a:hover{
        color: var(--mainColor);
    }

    /* footer */
    #footer .footer-inner{padding: 10px 3% 0px 3%;}
    #footer .footer-inner .footer-about-us{clear: both;width: 100%;padding: 0px 2%;}
    #footer .footer-inner .footer-company{float: left ;width: 50%;padding: 0px 2%;}
    #footer .footer-inner .footer-explore{float: left;width: 50%;padding: 0px 2%; }
    #footer .footer-inner .footer-insurance{clear: both;width: 100%;padding: 0px 2%;}
    #footer .footer-inner h2{padding: 20px 0px 15px 0px;font-size: 20px;}
    #footer .footer-inner section a{padding: 5px 0px;font-size: 14px;}
    #footer .footer-breaker{margin: 5x 0px;height: 10px;}
    #footer .footer-inner .footer-bottom{height: 60px;line-height: 60px;margin: 20px 0px 0px 0px;font-size: 14px;}




    /* features */
    #features{width: 100%;padding: 40px 3% 20px 3%;}
    #features h2{font-size: 23px;width: 85%;margin: 10px auto 20px auto;}
    #features h3{font-size: 14px;}
    #features article{width: 48%;height: 270px;margin: 10px 1%;padding: 15px 4%;font-size: 12px;overflow: hidden;}
    #features article h1{font-size: 22px;}
    #features article h1 img{height: 50px;width: 50px;}
    #features article h4{font-size: 22px;}
    #features article p{font-size: 12px;}
    #features article:hover{transition: 0.9s;margin: 10px 1%;}


    /* container-services-top-three */
    #container-services-top-three{padding: 30px 3% 20px 3%;}
    #container-services-top-three .container-left-ser{clear: both;width: 100%;text-align: center;padding: 10px 1%; }
    #container-services-top-three .container-left-ser h3{margin: 0px;font-size: 20px;}
    #container-services-top-three .container-left-ser h2{font-size: 22px;}
    #container-services-top-three .container-right-ser{clear: both;width: 100%;}
    #container-services-top-three .container-right-ser article{min-height: 200px;}
    #container-services-top-three .container-right-ser article img{height: 200px;}
    #container-services-top-three .container-right-ser article h4{padding: 12px 0% 7px 0px;font-size: 16px;}
    #container-services-top-three .container-right-ser article h5{padding: 5px 0% 10px 0%;margin: 0px;font-size: 18px;}




    /* about-us */
    #about-us{padding: 30px 3% 20px 3%;}
    #about-us .about-side-left{clear: both;width: 100%;}
    #about-us .about-side-left h3{text-align: center;font-size: 16px;margin: 12px 0px;}
    #about-us .about-side-left h2{text-align: center;font-size: 22px;padding: 10px 0px;}
    #about-us .about-side-left article{height: 140px;clear: both;margin: 6px 0%;}
    #about-us .about-side-left article .icons-about{width: 25%;height: 140px;}
    #about-us .about-side-left article .icons-about a{height: 60px;width: 60px;line-height: 60px;font-size: 24px;}
    #about-us .about-side-left article .icons-about img{height: 30px;width: 30px;}
    #about-us .about-side-left article .text-about{width: 75%;height: 140px;}
    #about-us .about-side-left article .text-about p{font-size: 13px;}
    #about-us .about-side-left article .text-about h4{font-size: 18px;margin: 4px 0px;}
    #about-us .about-side-right{clear: both;width: 100%;margin: 0%;}
    #about-us .about-side-right img{width: 22%;height: 100px;margin: 10px 1%;}


    /* why-choose-us */
    #why-choose-us{padding: 20px 3% 10px 3%;min-height: 400px;}
    #why-choose-us h2{text-align: center;font-size: 22px;padding: 10px 0px;}
    #why-choose-us h3{text-align: center;font-size: 16px;margin: 11px 0px;}
    #why-choose-us .img-why{display: none;}
    #why-choose-us .why-contents{width: 100%;padding: 10px 0px;clear: both;margin: 10px 0px;text-align: center;}
    #why-choose-us .why-contents .left-side{height: 40px;line-height: 40px;margin: 2px 0%;font-weight: normal;width: 100%;clear: both;text-align: left;}
    #why-choose-us .why-contents .right-side{height: 40px;line-height: 40px;margin: 2px 0%;font-weight: normal;width: 100%;clear: both;text-align: left;}




    /* our-services */
    #our-services{min-height: 450px;}
    #our-services:hover{background-position: left;transition: 3s;}
    #our-services .layer-a{min-height: 450px;}
    #our-services .layer-b{padding: 30px 3%;margin: 0px;min-height: 450px;}
    #our-services h2{font-size: 20px;width: 80%;margin: 10px auto;}
    #our-services h3{font-size: 16px;}


    #our-services .smaller-container .top-smaller-cont{float:left;width: 48%;margin: 4px 1%;min-height: 120px;}
    #our-services .smaller-container .left-sd-icons{clear: both;height: 32px;text-align: center;font-size: 18px;width: 100%;padding: 10px 0px 0px 0px;}
    #our-services .smaller-container .left-sd-icons img{height: 30px;height:30px;}

    #our-services .smaller-container .left-sd-contents{
        clear: both;
        min-height: 100px;
        padding: 5px 2%;
        width: 100%;
    }

    #our-services .left-sd-contents h4{font-size: 16px;text-align: center;padding: 7px 0px 0px 0px;}
    #our-services .left-sd-contents p{font-size: 13px;padding:4px 0px;}
    #our-services .left-sd-contents a{font-size: 13px;padding: 6px 0px;}











    /* home blogs */
    #blog-news-article{
        padding: 20px 3%;
        overflow: hidden;
    }

    #blog-news-article h1{
        font-size: 26px;
    }

    #blog-news-article h2{
        font-size: 16px;
    }

    #blog-news-article .news-p{
        width: 85%;
        margin: 10px auto 15px auto;
    }

    #blog-news-article #left-side-home-blog{
        width: 100%;
        clear: both;
    }

    #blog-news-article #left-side-home-blog .big-blog-contents{display:none;}

    #blog-news-article #left-side-home-blog div .article-img-cont{
        min-height: 210px;
    }

    #blog-news-article #left-side-home-blog div .article-img-cont img{
        height:210px;
    }



    #blog-news-article #left-side-home-blog div .article-text-cont h3{
        font-size: 12px;
    }

    #blog-news-article #left-side-home-blog div .article-text-cont h6{
        font-size: 18px;
    }


    #blog-news-article #right-side-home-blog{
        width: 100%;
        clear: both;
        min-height: 400px;
    }

    #blog-news-article #right-side-home-blog article{
        min-height: 250px;
    }



    #blog-news-article article{
        width: 22%;
        height: 250px;
    }

    #blog-news-article article .article-img-cont{
        height: 150px;
    }

    #blog-news-article article .article-img-cont img{
        height: 150px;
    }

    #blog-news-article article .article-text-cont{
        width: 100%;
        clear: both;
        padding: 5px 0px;
    }

    #blog-news-article article .article-text-cont h3{
        font-size: 12px;
        padding: 4px 0px;
    }

    #blog-news-article article .article-text-cont p{
        font-size: 16px;
    }







    /* testmonial */
    #article-testimonial{
        padding: 30px 3%;
    }
    #article-testimonial div h3{
        font-size: 22px;
        padding: 6px 10%;
    }

    #article-testimonial div h2{
        font-size: 16px;

    }
    #article-testimonial .article-testimonial-contents{
        padding: 6px 3%;
    }
    #article-testimonial .article-testimonial-contents section{
        padding: 10px 2%;
        font-size: 14px;
        height: 250px;
        overflow: hidden;
    }
    #article-testimonial .article-testimonial-contents section h3{
        font-weight: bold;
    }
    #article-testimonial .article-testimonial-contents section h4{
        font-size: 12px;
    }


    .container-width-40{
        width: 90% !important;
    }



    /* pages headers */
    #page-header{padding:20px 5%;min-height: 70px;}
    #page-header h1{font-size: 26px;}
    #page-header h3{font-size: 15px;}








    /* style */
    #document-style-container{
        padding: 20px 3%;
    }
    #document-style-container #document-contents{
        padding:0px 2%;
    }

    #document-style-container #document-contents section h2{
        font-size: 26px;
        margin: 10px 0px;
    }
    #document-style-container #document-contents section h3{
        font-size: 16px;
        margin: 8px 0px 16px 0px;
    }

    #document-style-container #document-contents #contents-start-here h1{
        font-size: 28px;
        margin: 15px 0px;
    }

    #document-style-container #document-contents #contents-start-here h2{
        font-size: 24px;
        margin: 15px 0px;
    }

    #document-style-container #document-contents #contents-start-here h3{
        font-size: 20px;
        margin: 10px 0px;
    }

    #document-style-container #document-contents #contents-start-here h4{
        font-size: 17px;
        margin: 20px 0px;
    }

    #document-style-container #document-contents #contents-start-here h5{
        font-size: 32px;
        margin: 10px 0px;
    }


    #document-style-container #document-contents #contents-start-here li span{
        margin: 0px 6px 0px 0px;
    }

    .quotes{
        padding: 12px 4%;
        margin: 10px 0px;
    }







    /*  form */
    .view-col-full{width: 100%;padding: 5px 0px;clear: both;}
    .view-col-full-v2{width: 100%;padding: 5px 0px;clear: both;}
    .view-col-half-left{width: 100%;padding: 5px 0px;clear: both;}
    .view-col-half-right{width: 100%;padding: 5px 0px;clear: both;}
    .view-col3-left{width: 100%;padding: 5px 0px;clear: both;}
    .view-col3-mid{width: 100%;padding: 5px 0px;clear: both;}
    .view-col3-right{width: 100%;padding: 5px 0px;clear: both;}
    .view-col4-left{width: 100%;padding: 5px 0px;clear: both;}
    .view-col4-mid-a{width: 100%;padding: 5px 0px;clear: both;}
    .view-col4-mid-b{width: 100%;padding: 5px 0px;clear: both;}
    .view-col4-right{width: 100%;padding: 5px 0px;clear: both;}



    /* about-us */
    #faq{
        padding: 30px 4%;
        min-height: 500px;
    }


    #faq h4{
        font-size: 16px;
        margin: 10px 0px 5px 0px;
    }
    #faq h3{
        font-size: 26px;
        padding: 7px 0px 15px 0px;
    }

    #faq-header{
        height: 40px;
        line-height: 40px;
        font-size: 24px;margin: 15px 0px;
    }






    /* contact us style */
    #map-container{
        height: 300px;
    }

    #map-container iframe{
        height: 300px;
    }
    #get-in-touch{
        clear: both;
        min-height: 420px;
        width: 100%;
        padding: 20px 3%;
    }

    #get-in-touch h2{
        padding: 0px 0px 10px 0px;
        font-size: 22px;
    }

    #get-in-touch h3{
        padding: 25px 0px 8px 0px;
        margin: 0px;
        font-size: 16px;
    }


    #get-in-touch-form{
        clear: both;
        min-height: 400px;
        width: 100%;
        padding: 15px 1%;
    }
    /* end here contact us style */







    /* header tour */
    #header-tour
    {

        height: 170px;
    }

    #header-tour .header-tour
    {
        height: 170px;
    }
    #header-tour .header-tour h2
    {
        padding: 60px 0px 0px 0%;
        font-size: 28px;
    }

    #header-tour .header-tour p
    {
        font-size: 13px;
        width: 90%;
    }

    #header-package
    {
        height: 170px;
    }

    #header-package .header-package
    {
        height: 170px;
        text-align: center;
    }
    #header-package .header-package h2
    {
        padding: 40px 0px 0px 10%;
        font-size: 28px;
    }

    #header-package .header-package p
    {
        padding: 10px 2%;
        font-size: 15px;
    }



    #main-cont-tour{
        padding: 20px 3%;
        min-height: 300px;
    }
    #main-cont-tour .tour-cont-left{
        clear: both;
        width: 100%;
        min-height: 300px;
        padding: 0px 1%;
    }
    #main-cont-tour .tour-cont-left article{
        height: 230px;
        margin: 0px 0px 10px 0px;
    }
    #main-cont-tour .tour-cont-left article div{
        height: 230px;
    }
    #main-cont-tour .tour-cont-left article div section{
        bottom: 10px;
        padding: 0px 5%;
    }
    #main-cont-tour .tour-cont-left article div section h2{
        font-size: 15px;
    }
    #main-cont-tour .tour-cont-left article div section p{
        font-size: 17px;
        padding: 5px 0px 10px 0px;
    }







    #main-cont-tour .tour-cont-right{
        clear: both;
        width: 100%;
        min-height: 200px;
    }

    #main-cont-tour .tour-cont-right .tour-article{
        height: auto;
        width: 48%;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom: 0px solid #fff8f8;
        margin: 10px 1%;
        float: left;
    }
    #main-cont-tour .tour-cont-right .tour-img{
        height: 170px;
        width: 100%;
        clear: both;
    }
    #main-cont-tour .tour-cont-right .tour-img img{
        height: 170px;
        border-radius: 6px;
    }
    #main-cont-tour .tour-cont-right .tour-contents{
        height: auto;
        width:100%;
        clear: both;
        padding: 0px;
    }
    #main-cont-tour .tour-cont-right .tour-contents h2{
        font-size: 14px;
        padding: 10px 0px;
    }
    #main-cont-tour .tour-cont-right .tour-contents ul{
        display: none;
    }
    #main-cont-tour .tour-cont-right .tour-contents p{
        display: none;
    }
    #main-cont-tour .tour-cont-right .tour-contents h3{
        display: none;
    }
    #main-cont-tour .tour-cont-right .tour-contents h4{
        display: block;
    }
    #main-cont-tour .tour-cont-right .tour-button{
        display: none;
    }








    /* blogs pages */
    #blog-pages{
        padding: 20px 3%;
        min-height: 400px;
    }


    #blog-news-article-list{
        width: 100%;
        padding: 5px 0%;
        min-height: 300px;
    }

    #blog-news-article-list article{
        width: 47%;
        height: 300px;
        float: left;
        margin: 8px 1.5%;
        border-radius: 4px;
    }

    #blog-news-article-list article .article-img-cont{
        height: 120px;
        border-radius: 4px;
    }

    #blog-news-article-list article .article-img-cont img{
        height: 120px;
        border-radius: 4px;
    }

    #blog-news-article-list article .article-text-cont{
        height: auto;
        padding: 5px 4%;
    }

    #blog-news-article-list article .article-text-cont h3{
        font-size: 12px;
        padding: 4px 0px;
    }

    #blog-news-article-list article .article-text-cont p{
        font-size: 16px;
    }
    #blog-news-article-list article .article-text-cont h4{
        margin: 0px;
        padding: 4px 0px;
    }

    #blog-news-article-list article .article-text-cont h4 .article-date{
        clear: both;
        width: 100%;
    }



    #container-blog-read{
        padding: 20px 3%;
    }
    #container-blog-read #cont-rd-img{
        max-height: 300px;
    }
    #container-blog-read img{
        width: 100%;
        max-height: 300px;
    }

    #container-blog-read h2{
        padding:20px 0px 10px 0px;
        font-size: 22px;
    }

    #container-blog-read h3{
        padding:10px 0px;
        font-size: 16px;
    }






    /* home page landing container */
    #slider-container-landing{
        min-height:400px;
        max-height:400px;
    }

    #slider-container-landing .my-home-slider{
        min-height:400px;
        max-height:400px;
    }

    #slider-container-landing #my-home-slider{
        min-height:400px;
        max-height:400px;
    }
    #slider-container-landing .plan-text-slider{
        padding: 20px 3%;
        width: 75%;
    }
    #slider-container-landing .plan-text-slider h1{
        font-size: 28px;
        margin: 20px 0px 0px 0px;
    }
    #slider-container-landing .plan-text-slider p{
        padding: 10px 0px;
    }
    #slider-container-landing .img-side-slider{
        display: none;
    }


    .desktop-view{display:none;}
    .mobile-view{display: block;}
    .mobile-views{display: block !important;}


    /* packages containers */
    #main-cont-tour .packages-cont-left{
        clear: both;
        width: 100%;
        min-height: 300px;
        padding: 0px 0%;
        margin: 15px 0px 0px 0px;
    }
    #main-cont-tour .packages-cont-right{
        clear: both;
        width: 100%;
        min-height: 300px;
        margin: 0px 0%;
    }
    .package-detail-container{
        width: 100%;
        margin:0px 0px;
    }


    #slider-container-packages, #slider-container-packages #my-home-slider{
        border-radius: 6px;
    }

    #slider-container-packages img{
        border-radius: 6px;
        height: 310px;
    }

    .details-pck-header h2{
        font-size: 18px;
    }

    .details-pck-header p{
        margin: 0px 0px 15px 0px;
    }




    /*  about us pages */
    #about-container-sub{
        padding: 40px 3%;
    }

    #about-container-sub .contents-about-us{
        width: 100%;
    }
    #about-container-sub .contents-about-us h2{
        text-align: center;
        font-size: 28px;
    }

    #about-container-sub .contents-about-us h3{
        text-align: center;
    }

    #about-container-sub .contents-about-us-right{
        clear: both;
        padding: 0px 1%;

    }
    #about-container-sub .contents-about-us-left{
        clear: both;
        padding: 0px 1%;
    }
    #about-container-sub .img-about-us{display: none;}


    #main-cont-tour .packages-cont-left .package-price-details table{
        border-collapse: collapse;
        width: 100%;
    }
    #main-cont-tour .packages-cont-left .package-price-details table th{
        background-color: #1abc9c60;
        padding: 7px 5px;
        font-size: 13px;
    }

    #main-cont-tour .packages-cont-left .package-price-details table tbody tr{
        background-color: #1abc9c30;
        padding: 5.5px 5px;
        font-size: 12px;
    }

    #main-cont-tour .packages-cont-left .package-price-details table tbody td{
        padding: 5.5px 6px;
        font-size: 12px;
    }

    #main-cont-tour .packages-cont-left .package-price-details table tbody tr:nth-of-type(even){
        background-color: #1abc9c10;
    }


}